body {
  margin: 0;
     font-family: 'Graphik', Arial, Helvetica, sans-serif;

}

a {
  color: #000;
}

.header {
  background-color: #fff;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .1);
  position: fixed;
  width: 100%;
  z-index: 3;
  padding: 15px 10px;
  height: 70px;
}

.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #fff;
}

.header li a {
  display: block;
  padding: 20px 20px;
  border-right: 1px solid #f4f4f4;
  text-decoration: none;
}

.header li a:hover,
.header .menu-btn:hover {
  background-color: #f4f4f4;
}

.header .logo {
  display: block;
  float: left;
  font-size: 2em;
  padding: 0px 0px;
  text-decoration: none;
}

/* menu */

.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

/* menu icon */

.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 28px 20px;
  position: relative;
  user-select: none;
}

.header .menu-icon .navicon {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 5px;
}

.header .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked~.menu {
  max-height: 240px;
}

.header .menu-btn:checked~.menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked~.menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked~.menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after {
  top: 0;
}

.logo span {
  font-size: 20px;
  font-weight: 900;
  color: #a100ff;
}

.logo {
  margin-left: 30px;
}

.navbar {
  overflow: hidden;
  background-color: #ffffff;
}


.navbar {
    overflow: hidden;
    background-color: #ffffff;
    margin-right: 50px !important;
}


header .logo {
    margin-left:50px !important;
}
.navbar a {
  float: left;
  font-size: 16px;
  color: rgb(0, 0, 0);
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.subnav {
  float: left;
  overflow: hidden;
}

.subnav .subnavbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: rgb(0, 0, 0);
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover,
.subnav:hover .subnavbtn {
  background-color: rgb(255, 255, 255);
}

.subnav-content {
  display: none;
  position: absolute;
  left: 0;
  background-color: rgb(225, 225, 225);
  width: 100%;
  z-index: 1;
}

.subnav-content a {
  float: left;
  color: #004dff;
  text-decoration: none;
  margin-top: 20px;
}

.subnav-content a:hover {
  background-color: rgb(225, 225, 225);
  color: #004dff;
  text-decoration: underline;

}

.subnav:hover .subnav-content {
  display: block;
}

#sub-menu-contant {
  display: grid;
  justify-content: center;
  text-align: justify;
  align-items: center;
}

.main {
  display: flex;
  justify-content: space-between;
}
 
.sub-a a{
  font-size: 25px;
}
.sub-p p {
  font-size: 10px;
  font-weight: 400;
}

.sub-p h4 {
  font-size: 15px;
  font-weight: 500;
  color: #004dff;
}
.header-button button{
  
  padding: 9px 20px;
  border: none;
  font-size: 12px;
  color: rgb(255, 255, 255);
  border-radius: 7px;
  background-color:black;
}

.sub-p button {
  font-size: 15px;
  font-weight: 500;
  color: #004dff;
  border-color: #004dff;
  margin-top: 5px;
  padding: 9px 25px;

  font-size: 12px;

  border-radius: 7px;
  background-color: transparent;
}












/* ////////////////////////////////////////////////////////////////////// */

/* Google font import
------------------------------------------------------------------------*/
@import 'https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic';

.mdn-accordion,
.mdn-accordion * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.mdn-accordion {
  width: 90%;
  max-width: 740px;
  margin: 4em auto;
  font-family: "Merriweather", Arial, Helvetica, sans-serif;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  font-weight: 400;
  background: #fff;
}

.mdn-accordion,
.mdn-accordion ul,
.mdn-accordion ul li {
  list-style: none;
}

.mdn-accordion ul {
  display: none;
}


/* @checkbox or radio 
----------------------------------------------------- */
.mdn-accordion .accordion-toggle {
  position: absolute;
  opacity: 0;
}

/* @first level panels
----------------------------------------------------- */
.mdn-accordion a,
.mdn-accordion .accordion-title {
  color: #788B94;
  display: block;
  background: #ffffff;
  position: relative;
  -webkit-box-shadow: inset 0 -1px #EDF1F2;
  -moz-box-shadow: inset 0 -1px #EDF1F2;
  box-shadow: inset 0 -1px #EDF1F2;
  text-decoration: none;
  font-size: 16px;
  padding: 18px;
}

.mdn-accordion .accordion-title {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* @first level panel :hover
----------------------------------------------------- */
.mdn-accordion a:hover,
.mdn-accordion .accordion-title:hover {
  background: #F7F9F9;
}

/* @all levels :active panels 
----------------------------------------------------- */
.mdn-accordion .accordion-toggle:checked+.accordion-title {
  background: #F7F9F9;
}

.mdn-accordion ul .accordion-toggle:checked+.accordion-title {
  background: #FDFDFD;
}

.mdn-accordion ul ul .accordion-toggle:checked+.accordion-title {
  background: #FFFFFF;
}


/* @panels with long text
----------------------------------------------------- */
.mdn-accordion a,
.mdn-accordion .accordion-title {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* @show panel content
----------------------------------------------------- */
.mdn-accordion .accordion-toggle:checked+.accordion-title+ul,
.mdn-accordion .accordion-toggle:checked+.accordion-title:nth-of-type(n)+ul {
  display: block;
}

.mdn-accordion li a i,
.mdn-accordion .accordion-title i {
  font-size: 1.1em;
  margin-right: 5px;
}


/* @second level + 
----------------------------------------------------- */
.mdn-accordion ul a,
.mdn-accordion ul .accordion-title {
  -webkit-box-shadow: inset 0 -1px #EDF1F2;
  -moz-box-shadow: inset 0 -1px #EDF1F2;
  box-shadow: inset 0 -1px #EDF1F2;
  padding-left: 52px;
}

.mdn-accordion ul ul a,
.mdn-accordion ul ul .accordion-title {
  padding-left: 80px;
}

.mdn-accordion ul ul ul a,
.mdn-accordion ul ul ul .accordion-title {
  padding-left: 110px;
}

/* @second level + :hover
----------------------------------------------------- */
.mdn-accordion ul a:hover,
.mdn-accordion ul .accordion-title:hover {
  background: #FDFDFD;
}


/* @accordion arrow  
------------------------------------------------------- */
.mdn-accordion .accordion-title::before {
  width: 26px;
  height: 26px;
  font-size: 1.4em;
  content: "\f105";
  position: absolute;
  display: inline-block;
  font-family: FontAwesome;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
  right: 10px;
  top: 49%;
}

.mdn-accordion .accordion-toggle:checked+.accordion-title::before {
  top: 45%;
  right: 22px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* @accordion support styles 
------------------------------------------------------- */
.mdn-accordion .mdn-container {
  padding: 30px;
}

.mdn-accordion .mdn-container {
  border-bottom: 1px solid #EDF1F2;
}

.mdn-accordion .mdn-container h1 {
  font-family: "Merriweather", Arial, Helvetica, sans-serif;
  margin-bottom: 10px;
  font-weight: 300;
  font-size: 32px;
  color: #0099FF;
}

.mdn-accordion .mdn-container {
  color: #788B94;
}

.mdn-accordion .mdn-container p {
  line-height: 22px;
  margin-top: 22px;
  font-size: 14px;
  font-weight: 300;
}

.mdn-accordion .mdn-tagline {
  display: block;
  font-family: "Times New Roman", Times, serif;
  font-weight: 700;
}

.mdn-accordion .mdn-container ul {
  display: block;
  padding: 10px 0;
  list-style-type: disc;
  margin-left: 1.2em;
}

.mdn-accordion .mdn-container ul li {
  padding: 4px 0;
  display: list-item;
  list-style-type: disc;
  font-size: 14px;
  font-weight: 300;
}

.mdn-accordion .mdn-container h3 {
  color: #0099FF;
  font-size: 24px;
  font-weight: 300;
}

.single-level-accordion .mdn-container p {
  margin: 0 0 22px 0;
}

.mdn-accordion .mdn-container a {
  padding: 0;
  margin: 0;
  background: none;
  display: inline;
  font-size: inherit;
  font-weight: normal;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: none;
  color: #0099FF;
}

.mdn-accordion .mdn-container a:hover {
  background: none;
  text-decoration: underline;
}


/* @separated content panels  
----------------------------------------------------------- */
.split-panels {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: none;
}

.split-panels .sub-level {
  margin: 8px 0;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -webkit-transition: box-shadow 0.2s;
  -moz-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
}

.split-panels .sub-level:hover {
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
}

.split-panels .sub-level .mdn-container {
  border-bottom: 0;
}

.split-panels a,
.split-panels .accordion-title {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.split-panels .accordion-toggle:checked+.accordion-title {
  -webkit-box-shadow: inset 0 -1px #EDF1F2;
  -moz-box-shadow: inset 0 -1px #EDF1F2;
  box-shadow: inset 0 -1px #EDF1F2;
}

/* @accordion dark theme
------------------------------------------------------- */
.accordion-dark {
  background: #0C1318;
}

.split-panels.accordion-dark {
  background: none;
}

.accordion-dark a,
.accordion-dark .accordion-title {
  color: #869FA5;
  background: #1C2B36;
  -webkit-box-shadow: inset 0 -1px #223442;
  -moz-box-shadow: inset 0 -1px #223442;
  box-shadow: inset 0 -1px #223442;
}

.accordion-dark ul a,
.accordion-dark ul .accordion-title {
  -webkit-box-shadow: inset 0 -1px #223442;
  -moz-box-shadow: inset 0 -1px #223442;
  box-shadow: inset 0 -1px #223442;
  font-weight: 300;
}

.accordion-dark a:hover,
.accordion-dark ul a:hover,
.accordion-dark .accordion-title:hover,
.accordion-dark ul .accordion-title:hover {
  background: #182530;
}

.accordion-dark .accordion-toggle:checked+.accordion-title {
  background: #141F27;
}

.accordion-dark ul .accordion-toggle:checked+.accordion-title {
  background: #182530;
}

.accordion-dark ul ul .accordion-toggle:checked+.accordion-title {
  background: #131E26;
}

.accordion-dark .mdn-container {
  border-bottom: 1px solid #223442;
  color: #869FA5;
}

.accordion-dark.split-panels .sub-level {
  background: #0C1318;
}

.accordion-dark.split-panels .accordion-toggle:checked+.accordion-title {
  -webkit-box-shadow: inset 0 -1px #223442;
  -moz-box-shadow: inset 0 -1px #223442;
  box-shadow: inset 0 -1px #223442;
}

.mdn-accordion .mdn-accordion-ripple {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0.6;
  padding: 0;
  margin: 0;
}

/* Accordion panel themes 
-------------------------------------------------- */

/* @Blue theme
--------------------------------------------------- */
.blue-accordion-theme a,
.blue-accordion-theme .accordion-title {
  color: #fff;
  background: #2196F3;
  -webkit-box-shadow: inset 0 -1px #52ACF5;
  -moz-box-shadow: inset 0 -1px #52ACF5;
  box-shadow: inset 0 -1px #52ACF5;
}

.blue-accordion-theme ul a,
.blue-accordion-theme ul .accordion-title {
  -webkit-box-shadow: inset 0 -1px #52ACF5;
  -moz-box-shadow: inset 0 -1px #52ACF5;
  box-shadow: inset 0 -1px #52ACF5;
  font-weight: 300;
}

.blue-accordion-theme a:hover,
.blue-accordion-theme ul a:hover,
.blue-accordion-theme .accordion-title:hover,
.blue-accordion-theme ul .accordion-title:hover {
  background: #1E88E5;
}

.blue-accordion-theme .accordion-toggle:checked+.accordion-title {
  background: #1775CA;
}

.blue-accordion-theme ul .accordion-toggle:checked+.accordion-title {
  background: #1E88E5;
}

.blue-accordion-theme ul ul .accordion-toggle:checked+.accordion-title {
  background: #2E8EE7;
}

.blue-accordion-theme .mdn-container a,
.blue-accordion-theme .mdn-container h1,
.blue-accordion-theme .mdn-container h3 {
  color: #2196F3;
}

/* @Green theme
--------------------------------------------------- */
.green-accordion-theme a,
.green-accordion-theme .accordion-title {
  color: #fff;
  background: #4CAF50;
  -webkit-box-shadow: inset 0 -1px #6BC070;
  -moz-box-shadow: inset 0 -1px #6BC070;
  box-shadow: inset 0 -1px #6BC070;
}

.green-accordion-theme ul a,
.green-accordion-theme ul .accordion-title {
  -webkit-box-shadow: inset 0 -1px #6BC070;
  -moz-box-shadow: inset 0 -1px #6BC070;
  box-shadow: inset 0 -1px #6BC070;
  font-weight: 300;
}

.green-accordion-theme a:hover,
.green-accordion-theme ul a:hover,
.green-accordion-theme .accordion-title:hover,
.green-accordion-theme ul .accordion-title:hover {
  background: #3E9144;
}

.green-accordion-theme .accordion-toggle:checked+.accordion-title {
  background: #38833D;
}

.green-accordion-theme ul .accordion-toggle:checked+.accordion-title {
  background: #3E9144;
}

.green-accordion-theme ul ul .accordion-toggle:checked+.accordion-title {
  background: #449D4A;
}

.green-accordion-theme .mdn-container a,
.green-accordion-theme .mdn-container h1,
.green-accordion-theme .mdn-container h3 {
  color: #4CAF50;
}

/* @Pink theme
--------------------------------------------------- */
.pink-accordion-theme a,
.pink-accordion-theme .accordion-title {
  color: #fff;
  background: #E91E63;
  -webkit-box-shadow: inset 0 -1px #EF568B;
  -moz-box-shadow: inset 0 -1px #EF568B;
  box-shadow: inset 0 -1px #EF568B;
}

.pink-accordion-theme ul a,
.pink-accordion-theme ul .accordion-title {
  -webkit-box-shadow: inset 0 -1px #EF568B;
  -moz-box-shadow: inset 0 -1px #EF568B;
  box-shadow: inset 0 -1px #EF568B;
  font-weight: 300;
}

.pink-accordion-theme a:hover,
.pink-accordion-theme ul a:hover,
.pink-accordion-theme .accordion-title:hover,
.pink-accordion-theme ul .accordion-title:hover {
  background: #C91454;
}

.pink-accordion-theme .accordion-toggle:checked+.accordion-title {
  background: #B31149;
}

.pink-accordion-theme ul .accordion-toggle:checked+.accordion-title {
  background: #C91454;
}

.pink-accordion-theme ul ul .accordion-toggle:checked+.accordion-title {
  background: #DB155A;
}

.pink-accordion-theme .mdn-container a,
.pink-accordion-theme .mdn-container h1,
.pink-accordion-theme .mdn-container h3 {
  color: #E91E63;
}

/* @Red theme
--------------------------------------------------- */
.red-accordion-theme a,
.red-accordion-theme .accordion-title {
  color: #fff;
  background: #F44336;
  -webkit-box-shadow: inset 0 -1px #F76D62;
  -moz-box-shadow: inset 0 -1px #F76D62;
  box-shadow: inset 0 -1px #F76D62;
}

.red-accordion-theme ul a,
.red-accordion-theme ul .accordion-title {
  -webkit-box-shadow: inset 0 -1px #F76D62;
  -moz-box-shadow: inset 0 -1px #F76D62;
  box-shadow: inset 0 -1px #F76D62;
  font-weight: 300;
}

.red-accordion-theme a:hover,
.red-accordion-theme ul a:hover,
.red-accordion-theme .accordion-title:hover,
.red-accordion-theme ul .accordion-title:hover {
  background: #DA1C0C;
}

.red-accordion-theme .accordion-toggle:checked+.accordion-title {
  background: #AF160A;
}

.red-accordion-theme ul .accordion-toggle:checked+.accordion-title {
  background: #DA1C0C;
}

.red-accordion-theme ul ul .accordion-toggle:checked+.accordion-title {
  background: #E81D0D;
}

.red-accordion-theme .mdn-container a,
.red-accordion-theme .mdn-container h1,
.red-accordion-theme .mdn-container h3 {
  color: #F44336;
}

/* @Purple theme
--------------------------------------------------- */
.purple-accordion-theme a,
.purple-accordion-theme .accordion-title {
  color: #fff;
  background: #9C27B0;
  -webkit-box-shadow: inset 0 -1px #B02DC8;
  -moz-box-shadow: inset 0 -1px #B02DC8;
  box-shadow: inset 0 -1px #B02DC8;
}

.purple-accordion-theme ul a,
.purple-accordion-theme ul .accordion-title {
  -webkit-box-shadow: inset 0 -1px #B02DC8;
  -moz-box-shadow: inset 0 -1px #B02DC8;
  box-shadow: inset 0 -1px #B02DC8;
  font-weight: 300;
}

.purple-accordion-theme a:hover,
.purple-accordion-theme ul a:hover,
.purple-accordion-theme .accordion-title:hover,
.purple-accordion-theme ul .accordion-title:hover {
  background: #651A73;
}

.purple-accordion-theme .accordion-toggle:checked+.accordion-title {
  background: #52145C;
}

.purple-accordion-theme ul .accordion-toggle:checked+.accordion-title {
  background: #651A73;
}

.purple-accordion-theme ul ul .accordion-toggle:checked+.accordion-title {
  background: #761F85;
}

.purple-accordion-theme .mdn-container a,
.purple-accordion-theme .mdn-container h1,
.purple-accordion-theme .mdn-container h3 {
  color: #9C27B0;
}

/* @Orange theme
--------------------------------------------------- */
.orange-accordion-theme a,
.orange-accordion-theme .accordion-title {
  color: #fff;
  background: #FF9800;
  -webkit-box-shadow: inset 0 -1px #FFAC2F;
  -moz-box-shadow: inset 0 -1px #FFAC2F;
  box-shadow: inset 0 -1px #FFAC2F;
}

.orange-accordion-theme ul a,
.orange-accordion-theme ul .accordion-title {
  -webkit-box-shadow: inset 0 -1px #FFAC2F;
  -moz-box-shadow: inset 0 -1px #FFAC2F;
  box-shadow: inset 0 -1px #FFAC2F;
  font-weight: 300;
}

.orange-accordion-theme a:hover,
.orange-accordion-theme ul a:hover,
.orange-accordion-theme .accordion-title:hover,
.orange-accordion-theme ul .accordion-title:hover {
  background: #EA8C00;
}

.orange-accordion-theme .accordion-toggle:checked+.accordion-title {
  background: #DF8600;
}

.orange-accordion-theme ul .accordion-toggle:checked+.accordion-title {
  background: #EA8C00;
}

.orange-accordion-theme ul ul .accordion-toggle:checked+.accordion-title {
  background: #F09100;
}

.orange-accordion-theme .mdn-container a,
.orange-accordion-theme .mdn-container h1,
.orange-accordion-theme .mdn-container h3 {
  color: #FF9800;
}

/* @Indigo theme
--------------------------------------------------- */
.indigo-accordion-theme a,
.indigo-accordion-theme .accordion-title {
  color: #fff;
  background: #3F51B5;
  -webkit-box-shadow: inset 0 -1px #5B6BC6;
  -moz-box-shadow: inset 0 -1px #5B6BC6;
  box-shadow: inset 0 -1px #5B6BC6;
}

.indigo-accordion-theme ul a,
.indigo-accordion-theme ul .accordion-title {
  -webkit-box-shadow: inset 0 -1px #5B6BC6;
  -moz-box-shadow: inset 0 -1px #5B6BC6;
  box-shadow: inset 0 -1px #5B6BC6;
  font-weight: 300;
}

.indigo-accordion-theme a:hover,
.indigo-accordion-theme ul a:hover,
.indigo-accordion-theme .accordion-title:hover,
.indigo-accordion-theme ul .accordion-title:hover {
  background: #303E89;
}

.indigo-accordion-theme .accordion-toggle:checked+.accordion-title {
  background: #293574;
}

.indigo-accordion-theme ul .accordion-toggle:checked+.accordion-title {
  background: #303E89;
}

.indigo-accordion-theme ul ul .accordion-toggle:checked+.accordion-title {
  background: #37469B;
}

.indigo-accordion-theme .mdn-container a,
.indigo-accordion-theme .mdn-container h1,
.indigo-accordion-theme .mdn-container h3 {
  color: #3F51B5;
}

/* @Turqoise theme
--------------------------------------------------- */
.turqoise-accordion-theme a,
.turqoise-accordion-theme .accordion-title {
  color: #fff;
  background: #28C0C6;
  -webkit-box-shadow: inset 0 -1px #67D1D5;
  -moz-box-shadow: inset 0 -1px #67D1D5;
  box-shadow: inset 0 -1px #67D1D5;
}

.turqoise-accordion-theme ul a,
.turqoise-accordion-theme ul .accordion-title {
  -webkit-box-shadow: inset 0 -1px #67D1D5;
  -moz-box-shadow: inset 0 -1px #67D1D5;
  box-shadow: inset 0 -1px #67D1D5;
  font-weight: 300;
}

.turqoise-accordion-theme a:hover,
.turqoise-accordion-theme ul a:hover,
.turqoise-accordion-theme .accordion-title:hover,
.turqoise-accordion-theme ul .accordion-title:hover {
  background: #09B0B7;
}

.turqoise-accordion-theme .accordion-toggle:checked+.accordion-title {
  background: #0799A0;
}

.turqoise-accordion-theme ul .accordion-toggle:checked+.accordion-title {
  background: #09B0B7;
}

.turqoise-accordion-theme ul ul .accordion-toggle:checked+.accordion-title {
  background: #0BC5CE;
}

.turqoise-accordion-theme .mdn-container a,
.turqoise-accordion-theme .mdn-container h1,
.turqoise-accordion-theme .mdn-container h3 {
  color: #28C0C6;
}



/* @responsive video 
----------------------------------------------- */
.mdn-accordion .mdn-video-wrapper {
  width: 100%;
  margin: 20px 0 10px 0;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.mdn-accordion .mdn-video {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

.mdn-accordion .mdn-video iframe,
.mdn-accordion .mdn-video object,
.mdn-accordion .mdn-video embed,
.mdn-accordion .mdn-video video {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  left: 0;
  top: 0;
}

.accordion-dark .mdn-video-wrapper {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 1);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 1);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 1);
}

/* @body background style 
----------------------------------------------- */
.custom-bg {
  background: #EAF0F2
    /*#F3F5F6#EDF1F2*/
  ;
}

/* @responsive styles
----------------------------------------------- */
@media only screen and (min-width: 600px) {

  .mdn-accordion a,
  .mdn-accordion .accordion-title {
    padding: 24px;
    font-size: 19px;
  }
}

#mobile_header {
  display: none;
}













/* 48em = 768px */

@media (min-width: 48em) {

  .header li {
    float: left;
  }

  .header li a {
    padding: 20px 30px;
  }

  .header .menu {
    clear: none;
    float: right;
    max-height: none;
  }

  .header .menu-icon {
    display: none;
  }


}

@media (mix-width: 844px) {
  .main {
    display: block;
    justify-content: space-between;
  }
}


header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #ffffff;

  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1000;
}

header .logo {
  font-weight: bolder;
  font-size: 25px;
  color: #000000;
}

header .navbar ul {
  list-style: none;

}

header .navbar ul li {
  position: relative;
  float: left;
}

header .navbar ul li a {
  font-size: 15px;
  padding: 20px;
  color: #000000;
  display: block;
}

header .navbar ul li ul li a {
  color: #004dff;
  font-weight: 400;


}

header .navbar ul li ul li a:hover {

  text-decoration: underline;
}

header .navbar ul li ul {
  position: fixed;
  left: 0;
  width: 100%;
  background: #d8d8d8;
  display: none;
}

header .navbar ul li ul li {
  width: 100%;


}

header .navbar ul li ul li ul {
  left: 200px;
  top: 0;
}

header .navbar ul li:focus-within>ul,
header .navbar ul li:hover>ul {
  display: flex;
  justify-content: space-evenly;
}

#menu-bar {
  display: none;
}

header label {
  font-size: 20px;
  color: #000000;
  display: none;
}


.bbb {
  margin-top: 56px;
  padding: 42px;
  background: #e4e4e4c7;
}

.bbb h1 {
  font-size: 50px;
  font-weight: 900;
}

.bbb li {
  list-style: none;
}

.bbb li a {
  font-size: 20px;
  text-decoration: none;
  font-weight: 500;
}

.ph_1 {
  padding: 2rem;
  margin-bottom: -50px;
}

.ph_xt {
  max-width: 1200px;
  margin: 0 auto;
}





/* For screens with a maximum width of 768 pixels */
@media only screen and (max-width: 768px) {
    header .logo {
        margin-left: 3px !important; /* Adjust the margin as needed */
    }
}






@media(max-width:991px) {
  

  header .navbar ul li a {
    font-size: 15px;
    margin-top: -10px;
    padding: 20px;
    color: #000000;
    margin-left: -37px;
    display: block;
  }

  #mobile_header {
    display: flex;
  }

  #first {
    display: none;
  }

  header {
    padding: 20px;
  }

  header label {
    display: initial;
  }

  header .navbar {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #d8d8d8;
    display: none;
  }

  header .navbar ul li {
    width: 100%;

  }

  header .navbar ul li ul {
    position: relative;
    width: 100%;

  }

  header .navbar ul li ul li {
    background: #d8d8d8;
  }

  header .navbar ul li ul li ul {
    width: 100%;
    left: 0;
  }

  #menu-bar:checked~.navbar {
    
            display: initial;
        width: inherit;
  }

  header .navbar ul li:focus-within>ul,
  header .navbar ul li:hover>ul {
    display: block;
  }

  .bbb h1 {
    font-size: 15px;
    font-weight: 900;
  }
}








/* //////////////////////////////start////////////////////////////////////////////// */