* {  margin: 0; padding: 0; box-sizing: border-box;
	-webkit-transition-property: all;
	-webkit-transition-duration: .2s;
    -moz-transition-timing-function: cubic-bezier(100,50,21,6);
	-moz-transition-property: all;
    -moz-transition-timing-function: cubic-bezier(100,50,21,6);}

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite,
 code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details,
  embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
    margin: 0; padding: 0;border: 0; font-size: 100%; font: inherit; vertical-align: baseline; scroll-behavior: smooth;
 font-family: 'Poppins', sans-serif, Open Sans,Quicksand,sans-serif,Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}
body{  margin-left:0;  margin-right:0; margin-top:0; margin-bottom:0; margin-width:0; margin-height:0;
font-family: 'Poppins', sans-serif;  line-height: 3.4; font-size:1.4vw;   background: #fff ; }

.container{  width:100%;min-height:2222px;  background:#fff; font-family: 'Poppins', sans-serif; position:relative;margin:0; padding:0; 
  justify-content: center; /* horizontal */
  align-items: center; /* vertical */  
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font: inherit;
  vertical-align: baseline;
 /* font-family: 'Poppins', sans-serif;*/
  
font-family: 'Inter', sans-serif;}

.wrapper{ width:100%; min-height:3333px; padding: 0; margin: 0; font-family: 'Poppins', sans-serif;    }


header{  background:#0c2834; width: 100%; height:50px; line-height: 50px; margin: 0;padding: 0; border-radius:0px 0px 20px 20px; }
header >.left   { width:50%; float:left; text-align:center; font-size:1.60vw;  color:#fff;}
header >.right  { width:50%; float:left; text-align:center; font-size:1.9vw;  color:#fff;}


.pre-header {  background:#fff; width:100%; height:62px; margin:0;padding:0; position: sticky; top:0; z-index:99999999; border-bottom:1px #0c2834 groove;
	-webkit-box-shadow: 0 9px 5px -6px #0c2834;
	-moz-box-shadow: 0 9px 5px -6px #0c2834;
    box-shadow: 0 9px 5px -6px #0c2834; }

  .envelope { width:20%; float:right; text-align:center ;font-size:1.7vw; float:right ; border-radius:10px 10px 10px 10px; 
            background:#ff6f61;   height:48px;line-height:50px; margin-top:3px; margin-right :3px;  }
  .envelope  a {  text-decoration: none; color:#fff; }
  .phone  { width:29%;  height:62px; text-align:center; float:right;  font-size:1.8vw; color:#333333; line-height:62px; }
  .whatsapp{ width:30%; height:62px; float:right; text-align:center ;   font-size:2.2vw;  color:#333333; line-height:62px;  }
 
.post-header{ background:#0c2834; width:100%; height:50px; margin:0;padding:0;  border-radius:0px 0px 20px 20px;   }
.post-header p{ color: #666;  text-align: center ; padding:20px;}

    @media (max-width:800px) {  .post-header{  width:100%; height:40px; margin:0;padding: 0;   } 
    .phone  { width:29%; font-size:2.2vw;  }
  .whatsapp{ width:30%;   font-size:2.5vw;   }

    
    }


.banner{ background:#eee; width:100%; height:350px; margin:0;padding: 0; border-radius:20px 20px 20px 20px;  }

section nav{ width: 20%; float: left ;  background:#ff6f61; height:auto; margin-top:6%; position: sticky; top: 60px; border-radius:10px 10px 0 0;}
section nav ul { list-style-type: none ; padding: 0; }
section nav ul li a{ padding: 10px 3px; color: #000;}

article{ width:100%;  float: left ; height:auto; background:#fff; border-radius: 20px }
article h1{ text-align: center ; padding-top:2px; font-size:1.7vw; font-weight:bold;}
article p{ padding: 5px;}

section::after{ content: '';display: table;clear: both;}

section .doctor img{ height:250px; width :180px; right:0;  bottom: 0; position: fixed ;animation: 1s ease-out 0s 1 slideInFromLeft;}  

/*******************hamburger menu ***************************/
.sidepanel  { 
  width: 0;
  position: fixed;
  z-index: 1;
  height: 600px;
  top: 0px;
  left: 0px;
  background-color:#0c2834;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 50px; 
  border-radius:0 20px 20px 0;}

.sidepanel a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 22px;
  color: #818181;
  display: block;
  transition: 0.3s;}

.sidepanel a:hover { color: #f1f1f1;}

.sidepanel .closebtn { 
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 46px;}

.openbtn { 
  font-size: 25px;
  cursor: pointer;
  background-color:#0c2834;
  color: white;
  padding: 10px 20px;
  border:1px #fff solid ;
  border-radius:15%; 
  margin-top:2px;
  margin-left:3px; }
.openbtn:hover { background-color:#15475c; border:1px #fff solid ;}

/***nav style*****/

.mainMenu{ width: 210px; display: block; border-radius: 10px; overflow: hidden; color: #05427E;}
.item{ border-top: 1px solid #ef584a; overflow: hidden;  list-style-type:none ;}
.btn{ display: block; padding: 5px 10px; background-color:#ff6f61; position: relative;}
.btn:before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right:8px solid transparent;
    border-top:10px solid #ff6f61;
    right: 15px;
    bottom: -10px;
    z-index: 9;}
.btn i {margin-right: 10px; color: #fff;}
.subMenu{ background:#15475c; overflow: hidden; transition: max-height 0.7s; max-height:0;}
.subMenu a{ display: block; padding: 2px 7px; color: #fff; font-size: 14px; border-bottom: 1px solid #394c7f; position: relative;}
.subMenu a:before{ content: ''; opacity: 0;  transition: opacity 0.3s;}
.subMenu a:hover:before{
    content: '';
    position: absolute;
    height: 0;
    width: 6px;
    left: 0;
    top:0;
    opacity: 1;
    border-top: 24px solid transparent;
    border-left: 11px solid #fcdc29;
    border-bottom: 24px solid transparent;}
.subMenu a:after{
    content: '';
    opacity: 0;
    transition: opacity 0.3s;}
.subMenu a:hover:after{
    content: '';
    position: absolute;
    height: 0;
    width: 6px;
    right: 0px;
    top:0;
    opacity: 1;
    border-top: 24px solid transparent;
    border-right: 11px solid #fcdc29;
    border-bottom: 24px solid transparent;}
.subMenu a:hover{ background: #1d607d; color: #000;
    transition: all 0.3s;
    border-bottom: 1px solid #394c7f;}
.subMenu a:last-child{ border:none; color: #fff;}
.item:target .subMenu{ max-height: 76em;}


#account a{ color:#000; text-align:center ;}
#account a:hover{ color:#fff;}

#about a{ color:#000; text-align:center ;}
#about a:hover{ color:#fff;}

#support a{ color:#333; text-align:center ;}

/*******************hamburger menu end***************************/


/******************************Horizontal menu*************************************/
.nav {
    width: 550px;
    margin: 0px auto 0 auto;
    text-align: center;
     font-family: Georgia, Arial, sans-serif;
   font-size:18px; }    
/* Navigation */
.nav-items { padding: 0; list-style: none;}
.nav-item {  display: inline-block; margin-right:10px; }
.nav-item:last-child { margin-right:0;}
.nav-link,
.nav-link:link, 
.nav-link:visited, 
.nav-link:active,
.submenu-link,
.submenu-link:link, 
.submenu-link:visited, 
.submenu-link:active { display:block; position:relative; font-size:18px;letter-spacing: 2px; cursor:pointer;text-decoration:none;outline: none;}
.nav-link,
.nav-link:link, 
.nav-link:visited, 

.nav-link:active {color:#fff; font-weight:bold;}

.nav-link::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 3px;
    background:#fff;
    opacity: 0;
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
    transition: opacity 0.3s ease, transform 0.3s ease;}

.nav-link:hover::before,
.nav-link:hover::before {
    opacity: 1;
    -webkit-transform: translate(0, 5px);
    transform: translate(0, 5px);}

.dropdown {position: relative;}
.dropdown .nav-link { padding-right: 15px; height: 17px; line-height: 17px;}
.dropdown .nav-link::after {
    content: "";
    position:absolute;
    top: 6px;
    right: 0;
    border: 5px solid transparent;
    border-top-color:#fff;}
.submenu {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 100;
    width: 240px;
    margin-left: -100px;
    background: #fff;
    border-radius: 3px;
    line-height: 1.46667;
    margin-top: -5px;
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    opacity:0;
    -webkit-transform: translate(0, 0) scale(.85);
    transform: translate(0, 0)scale(.85);
    transition: transform 0.1s ease-out, opacity 0.1s ease-out;
    pointer-events: none;}

.submenu::after, 
.submenu::before {
    content: ""; 
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    height: 0;}

.submenu::after { border-bottom-color: #fff;}
.submenu::before {
    margin-left: -13px;
    border: 13px solid transparent;
    border-bottom-color: #ff6f61;
    -webkit-filter:blur(1px);
    filter:blur(1px);}

.submenu-items {list-style:none; padding: 7px 0;}
.submenu-item { display:block;  text-align:left;}
.submenu-link,
.submenu-link:link, 
.submenu-link:visited, 


/************color and font of submenu *************/
.submenu-link:active { color:#0c2834; font-size:16px; font-weight:bold; padding: 8px 16px;}

.submenu-link:hover { text-decoration: underline;}
.submenu-seperator { height: 0; margin: 12px 10px;   border-top: 1px solid #eee;}
.show-submenu .submenu {
    opacity: 1;
    -webkit-transform: translate(0, 25px) scale(1);
    transform: translate(0, 25px) scale(1);
    pointer-events: auto;}


  @media (max-width:800px) {
.nav { width: 500px; font-size: 16px;} 
.nav-item {  display: inline-block; margin-right: 16px;}
.nav-link,.nav-link:link, .nav-link:visited, .nav-link:active,.submenu-link,.submenu-link:link, .submenu-link:visited, 
.submenu-link:active {  font-size: 13px;}
  }
  
    @media (max-width:600px) {
.nav { width: 410px; font-size: 13px;} 
.nav-item {  display: inline-block; margin-right:8px;}
.nav-link,.nav-link:link, .nav-link:visited, .nav-link:active,.submenu-link,.submenu-link:link, .submenu-link:visited, 
.submenu-link:active {  font-size: 11px;letter-spacing: 1px;}
  }

/**************************** about  Begin *******************************/    
  .about { width:100%; background:#fff; text-align:center ; margin-top:13%;  color:#363e42; }	 
  .about h1 {margin-top:.5%; color:#0c2834;	font-size:34px;	font-weight:600;}
    .about h2 {margin-top:.1%; color:#0c2834;	font-size:30px;	font-weight:600;}
    .about h3 {margin-top:.1%; color:#0c2834;	font-size:29px;	font-weight:600;}

  .about p{font-family:inter,arial,work sans;color:#363e42; font-size:20px; line-height: 23px; padding: 1px; text-align:left; margin-left:8px;}
  .about p span{ font-weight:bold; }
  .about li {font-family:inter,arial,work sans; line-height:normal;display:flex;  color:#363e42; font-size:18px; margin-left:20px; }
 
  .row{ margin-top:.1%; padding-bottom:.1%; display:flex; justify-content:space-between;}
 
 .about-col{ flex-basis:49%;background:#0c2834; border-radius:10px; margin-right:4%;margin-left:4%; margin-bottom:.5%; padding: 2px 6px; box-sizing:border-box;}
 .about-col h2{ color:#fff; font-size:22px; margin: 1px 0;}	
 .about-col p{font-family:inter,arial,work sans,Georgia, "Times New Roman", Times, serif;color:#fff; margin:1px 0; font-size:18px; line-height: 120%;}

@media (max-width:1324px) {
.banner{ background:#eee; width:100%; height:340px; margin:0;padding: 0;   }
  .about { width:100%;  margin-top:11%;}	 
  .about h1 {margin-top:4%; color:#0c2834;	font-size:33px;	font-weight:600;}
  .about p{	color:#0c2834; font-size:22px; font-weight:300; line-height: 20px; padding: 1px;}
 
  .row{ margin-top:1%;padding-bottom:1%; }
 
 .about-col{ flex-basis:49%;background:#0c2834; border-radius:10px; margin-right:4%;margin-left:4%; margin-bottom:1%; padding: 4px 6px; box-sizing:border-box;}
 .about-col h2{ color: #fff;text-align:center ; font-size:18px; margin: 1px 0;}	
 .about-col p{ color:#fff;  margin: 1px 0;	font-size:17px; line-height: 120%;}
  }

 @media (max-width:1124px) {
 
 .banner{ background:#eee; width:100%; height:300px; margin:0;padding: 0;   }

  .about { width:100%;  margin-top:7%;}	 
  .about h1 {margin-top:1%; color:#0c2834;	font-size:32px;	font-weight:600;}
  .about p{	color:#0c2834; font-size:20px; font-weight:300; line-height: 22px; padding: 3px;}
 
  .row{ margin-top:2%; }
  
 .about-col{ flex-basis:49%;background:#0c2834; border-radius:10px; margin-right:4%;margin-left:4%; margin-bottom:1%; padding: 5px 6px; box-sizing:border-box;}
 .about-col h2{ color: #fff;text-align:center ; font-size:18px; margin: 1px 0;}	
 .about-col p{ color: #fff;text-align:center ;margin: 1px 0;	font-size:17px; line-height: 120%;}
  }

 @media (max-width:924px) {
  .banner{ background:#eee; width:100%; height:300px; margin:0;padding: 0;   }

  .about { width:100%;  margin-top:3%;}	 
  .about h1 {margin-top:.01%; color:#0c2834;	font-size:30px;	font-weight:600;}
  .about p{	color:#0c2834; font-size:22px; font-weight:300; line-height: 22px; padding: 3px;}
 
  .row{ margin-top:.5%; display: flex;justify-content:space-between;}
  
 .about-col{ flex-basis:49%;background:#0c2834; border-radius:10px; margin-right:4%;margin-left:4%; margin-bottom:1%; padding: 5px 6px; box-sizing:border-box;}
 .about-col h2{ color: #fff;text-align:center ; font-size:18px; margin: 1px 0;}	
 .about-col p{ color: #fff;text-align:center ;margin: 1px 0;	font-size:16px; line-height: 120%;}
  }
  
   @media (max-width:800px) {
   .banner{ background:#eee; width:100%; height:290px; margin:0;padding: 0;   }

  .about { width:100%;  margin-top:1%;}	 
  .about h1 {margin-top:.2%; color:#0c2834;	font-size:29px;	font-weight:600;}
  .about p{	color:#0c2834; font-size:22px; font-weight:300; line-height: 22px; padding: 3px;}
 
  .row{ margin-top:1%; display: flex;justify-content:space-between;}
  
 .about-col{ flex-basis:49%;background:#0c2834; border-radius:10px; margin-right:4%;margin-left:4%; margin-bottom:1%; padding: 5px 6px; box-sizing:border-box;}
 .about-col h2{ color: #fff;text-align:center ; font-size:18px; margin: 1px 0;}	
 .about-col p{ color: #fff;text-align:center ;margin: 1px 0;	font-size:16px; line-height: 120%;}

  }
   @media (max-width:724px) {
   .banner{ background:#eee; width:100%; height:260px; margin:0;padding: 0;   }

 .about { width:100%;  margin-top:0%;}	 
  .about h1 {margin-top:.01%; color:#0c2834;	font-size:29px;	font-weight:600;}
  .about p{	color:#0c2834; font-size:21px; font-weight:300; line-height: 22px; padding: 3px;}
 
  .row{ margin-top:1%; display: flex;justify-content:space-between;}
  
 .about-col{ flex-basis:49%;background:#0c2834; border-radius:10px; margin-right:4%;margin-left:4%; margin-bottom:1%; padding: 5px 6px; box-sizing:border-box;}
 .about-col h2{ color: #fff;text-align:center ; font-size:18px; margin: 1px 0;}	
 .about-col p{ color: #fff;text-align:center ;margin: 1px 0;	font-size:15px; line-height: 120%;}
 }


 @media (max-width:600px) {
   .banner{ background:#eee; width:100%; height:210px; margin:0;padding: 0;   }

 .about { width:100%;  margin-top:0%;}	 
  .about h1 {margin-top:.01%; color:#0c2834;	font-size:27px;	font-weight:600;}
  .about p{	color:#0c2834; font-size:20px; font-weight:300; line-height: 22px; padding: 3px;}
 
  .row{ margin-top:1%; display: flex;justify-content:space-between;}
  
 .about-col{ flex-basis:49%;background:#0c2834; border-radius:10px; margin-right:4%;margin-left:4%; margin-bottom:1%; padding: 5px 6px; box-sizing:border-box;}
 .about-col h2{ color: #fff;text-align:center ; font-size:16px; margin: 1px 0;}	
 .about-col p{ color: #fff;text-align:center ;margin: 1px 0;	font-size:14px; line-height: 120%;}
  }

 @media (max-width:450px) {
   .banner{ background:#eee; width:100%; height:170px; margin:0;padding: 0;   }

 .about { width:100%;  margin-top:0%;}	 
  .about h1 {margin-top:.01%; color:#0c2834;	font-size:25px;	font-weight:600;}
  .about p{	color:#0c2834; font-size:18px; font-weight:300; line-height: 22px; padding: 3px;}
 
  .row{ margin-top:1%; display: flex;justify-content:space-between;}
  
 .about-col{ flex-basis:49%;background:#0c2834; border-radius:10px; margin-right:4%;margin-left:4%; margin-bottom:1%; padding: 5px 6px; box-sizing:border-box;}
 .about-col h2{ color: #fff;text-align:center ; font-size:16px; margin: 1px 0;}	
 .about-col p{ color: #fff;text-align:center ;margin: 1px 0;	font-size:13px; line-height: 120%;}
  }
  
  @media (max-width:369px) {
  .banner{ background:#eee; width:100%; height:160px; margin:0;padding: 0;   }

 .about { width:100%;  margin-top:0%;}	 
  .about h1 {margin-top:.01%; color:#0c2834;	font-size:22px;	font-weight:600;}
  .about p{	color:#0c2834; font-size:15px; font-weight:300; line-height: 22px; padding: 3px;}
 
  .row{ margin-top:1%; display: flex;justify-content:space-between;}
  
 .about-col{ flex-basis:50%;background:#0c2834; border-radius:10px; margin-right:4%;margin-left:4%; margin-bottom:1%; padding: 5px 6px; box-sizing:border-box;}
 .about-col h2{ color: #fff;text-align:center ; font-size:15px; margin: 1px 0;}	
 .about-col p{ color: #fff;text-align:center ;margin: 1px 0;	font-size:13px; line-height: 120%;}
  }

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

.row{  display: flex;   box-sizing: border-box;}
.column  {  flex: 33.33%; padding:5px;  line-height: 1.4;  }



.row1{  display: flex;   box-sizing: border-box;}
.column1  {  flex: 49.33%; padding:10px;  line-height: 1.4;  margin-top:1%; }
.column1 h2{ color: #204064; font-size:1.05rem; font-weight:bold; }
.column1 h3{ color: #204064; font-size:1.00rem;font-weight:bold; }

.column1 p{ color:#363e42; font-size:0.9rem; padding-left:2px; font-family:inter,arial,work sans,Georgia, "Times New Roman", Times, serif; }

.column1 p span{  font-weight:bold; font-style:oblique; text-decoration:underline; }

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

.services	{ width:100%; min-height:300px; margin:0px; padding:0;   color:#fff;  
   background-image:url('images/general/bg.jpg');
   background-repeat: no-repeat;
   text-align: center;  }
  
  .services .Generic {  height:280px; width :40% ;  background:#ff6f61; display: inline-block;
  margin-right:20px;
  margin-top:30px;
   vertical-align:middle;
   opacity:.9;
   border-radius:  74px 0px 77px 0px;
   -webkit-box-shadow: 5px 5px 15px 5px #000000; 
   box-shadow: 5px 5px 15px 5px #000000;
   animation: 1s ease-out 0s 1 slideInFromLeft;}
 
  

      .services .Generic h2 {font-size:1.4rem; font-weight:bold;  margin-top:1px; opacity:1;  letter-spacing: 2px; }
      .services .Generic p {font-size:1.01rem;  margin-top:1px; opacity:1;   line-height: 1.4; color:#2C2C2C;text-align:left; margin-left:10px; }
      .services .Generic p span { font-weight:bold; font-style:oblique; }

      .services .Generic h2 a { text-decoration:none ; color:#000;  font-family: "Lato";  }



 .services .Brand {  height:280px; width:40% ; background:#ff6f61; display: inline-block;
  margin-right:20px;
  margin-top:30px;
   vertical-align:middle;
   opacity:.9;
   border-radius:  74px 0px 77px 0px;
   -webkit-box-shadow: 5px 5px 15px 5px #000000; 
    box-shadow: 5px 5px 15px 5px #000000;
    animation: 1s ease-out 0s 1 slideInFromright;}
  
   
      .services .Brand h2 {font-size:1.4rem; font-weight:bold;  margin-top:1px; opacity:1;  letter-spacing: 2px; }
      .services .Brand p {font-size:1.05rem;  margin:5px; opacity:1; line-height: 1.4; color:#2C2C2C; text-align: left ; margin-left:5px; margin-left:10px; }
      .services .Brand h2 a { text-decoration:none ; color:#000;   font-family: "Lato"; }

 .services .doctor img{ height:230px; width :180px; right:0;  bottom: 0; position: fixed ;animation: 1s ease-out 0s 1 slideInFromLeft;} 
 
@media screen and (max-width: 900px) {
 
  .services .Generic {  height:200px; width :88% ;  background:#ff6f61; display: inline-block;
  margin-right:2px;
  margin-top:10px;}
 

      .services .Generic h2 {font-size:1.4rem; font-weight:bold;  margin-top:0px; opacity:1;  letter-spacing: 2px; }
      .services .Generic p {font-size:0.8rem;  margin-top:1px; opacity:1;   line-height: 1.4; color:#161616; }
      .services .Generic h2 a { text-decoration:none ; color:#000;   font-family: "Sofia";  }


 .services .Brand {  height:200px; width :88% ; /* background:#e74a21;*/  background:#ff6f61; display: inline-block;
  margin-right:2px;
  margin-top:10px;}
  
   
      .services .Brand h2 {font-size:1.4rem; font-weight:bold;  margin-top:0px; opacity:1;  letter-spacing: 2px; }
      .services .Brand p {font-size:0.8rem;  margin:5px; opacity:1; line-height: 1.4; color:#161616; text-align: left ; margin-left:5px; }
      .services .Brand h2 a { text-decoration:none ; color:#000;   font-family: "Sofia";  }

 .services .doctor img{ height:170px; width :130px; right:0;  bottom: 0; position: fixed ;animation: 1s ease-out 0s 1 slideInFromLeft;} 

} 
  
/***************************************************************/

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

Marquee {
     position: relative;
     display: inline-block;
     width: 100%;
     height: 80px;
     background:#0c2834;
}  

  
 Marquee h2 {  line-height:80px;  font-size: 35px;  color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;
     vertical-align: middle;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;}  

 
@media screen and (max-width: 900px) {
Marquee {
     position: relative;
     display: inline-block;
     width: 100%;
     height: 60px;
     background:#0c2834;
}  
  
 Marquee h2{  line-height:60px;  font-size: 28px;  color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;
     vertical-align: middle;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;} 
}

@media screen and (max-width: 700px) {
Marquee {
     position: relative;
     display: inline-block;
     width: 100%;
     height: 50px;
     background:#0c2834;
}  
 
 Marquee h2 {  line-height:50px;  font-size: 24px;  color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;
     vertical-align: middle;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;} 
}

  
  /**************************** what Begin *******************************/  
  
  .what { width:98%; margin:auto;background:#fff; text-align:center ; margin-top:2%; border-radius:10px;}	 
 /*  .what h1 {padding-top:2%; color:#0c2834;	font-size:32px;	font-weight:600;}
  .what p{	color:#777; font-size:22px; font-weight:300; line-height: 22px; padding: 3px;}*/
 
  .row{ margin-top:1%; display: flex;*	justify-content:space-between;}
 
  .what-col{ flex-basis:48%;	background:#0c2834;display: inline-block; border-radius:10px; margin-right:2%; margin-left:3%;margin-bottom:3%; padding: 10px 6px; box-sizing:border-box;}
  .what-col h3{ color: #fff;text-align:center ; font-size:18px; margin: 1px 0;}	
  .what-col p{ color: #fff;text-align:center ;margin: 2px 0;	font-size:18px; line-height: 120%;}
   
  
@media (max-width:1324px) {
  .what { width:98%; margin:auto;background:#fff; text-align:center ; margin-top:2%; border-radius:10px;}	 
  .what h2 {padding-top:2%; color:#0c2834;	font-size:30px;	font-weight:600;}
  .what p{	color:#777; font-size:22px; font-weight:300; line-height: 22px; padding: 3px;}
 
  .row{ margin-top:1%;	display: flex;	justify-content:space-between;}
 
  .what-col{ flex-basis:48%;	background:#0c2834 ; border-radius:10px;  margin-right:2%; margin-left:3%;margin-bottom:3%; padding: 14px 6px; box-sizing:border-box;}
  .what-col h3{ color: #fff;text-align:center ; font-size:18px; margin: 2px 0;}	
  .what-col p{ color: #fff;text-align:center ;margin: 2px 0;	font-size:18px; line-height: 120%;}
   }

 @media (max-width:1124px) {
   .what { width:98%; margin:auto;background:#fff; text-align:center ; margin-top:2%;border-radius:10px;}	 
  .what h2 {padding-top:2%; color:#0c2834;	font-size:30px;	font-weight:600;}
  .what p{	color:#777; font-size:22px; font-weight:300; line-height: 22px; padding: 3px;}
 
  .row{ margin-top:1%;	display: flex;	justify-content:space-between;}
 
  .what-col{ flex-basis:48%;	background:#0c2834; border-radius:10px;  margin-right:2%; margin-left:3%;margin-bottom:3%; padding: 14px 6px; box-sizing:border-box;}
  .what-col h3{ color: #fff;text-align:center ; font-size:18px; margin: 2px 0;}	
  .what-col p{ color: #fff;text-align:center ;margin: 2px 0;	font-size:18px; line-height: 120%;}

  }

 @media (max-width:924px) {
   .what { width:98%; margin:auto;background:#fff; text-align:center ; margin-top:2%;border-radius:10px;}	 
  .what h2 {padding-top:2%; color:#0c2834;	font-size:29px;	font-weight:600;}
  .what p{	color:#777; font-size:21px; font-weight:300; line-height: 22px; padding: 3px;}
 
  .row{ margin-top:1%;	display: flex;	justify-content:space-between;}
 
  .what-col{ flex-basis:48%;background:#0c2834; display: inline-block; border-radius:10px;  margin-right:2%; margin-left:3%;margin-bottom:3%; padding: 14px 6px; box-sizing:border-box;}
  .what-col h3{ color: #fff;text-align:center ; font-size:18px; margin: 2px 0;}	
  .what-col p{ color: #fff;text-align:center ;margin: 2px 0;	font-size:17px; line-height: 120%;}
  }
   @media (max-width:800px) {
  .what { width:98%; margin:auto;background:#fff; text-align:center ; margin-top:2%;border-radius:10px;}	 
  .what h2 {padding-top:2%; color:#0c2834;	font-size:25px;	font-weight:600;}
  .what p{	color:#777; font-size:20px; font-weight:300; line-height: 21px; padding: 3px;}
 
  .row{ margin-top:1%;	display: flex;	justify-content:space-between;}
 
  .what-col{ flex-basis:100%; display: inline-block;	background:#0c2834; border-radius:10px;  margin-right:2%; margin-left:3%;margin-bottom:3%; padding: 14px 6px; box-sizing:border-box;}
  .what-col h3{ color: #fff;text-align:center ; font-size:18px; margin: 2px 0;}	
  .what-col p{ color: #fff;text-align:center ;margin: 2px 0;	font-size:17px; line-height: 120%;}
  }
   @media (max-width:724px) {
  .what { width:82%; margin:auto;background:#fff; text-align:center ; margin-top:2%;border-radius:10px;}	 
  .what h2 {padding-top:2%; color:#0c2834;	font-size:22px;	font-weight:600;}
  .what p{	color:#777; font-size:18px; font-weight:300; line-height: 20px; padding: 3px;}
 
  .row{ margin-top:1%;	display: flex;	justify-content:space-between;}
 
  .what-col{ flex-basis:100%;display: inline-block;	background:#0c2834 ; border-radius:10px;  margin-right:2%; margin-left:3%;margin-bottom:3%; padding: 14px 6px; box-sizing:border-box;}
  .what-col h3{ color: #fff;text-align:center ; font-size:18px; margin: 2px 0;}	
  .what-col p{ color: #fff;text-align:center ;margin: 2px 0;	font-size:15px; line-height: 120%;}
  }
 @media (max-width:600px) {
  .what { width:98%; margin:auto;background:#fff; text-align:center ; margin-top:2%;border-radius:10px;}	 
  .what h2 {padding-top:2%; color:#0c2834;	font-size:18px;	font-weight:600;}
  .what p{	color:#777; font-size:15px; font-weight:300; line-height: 18px; padding: 3px;}
 
  .row{ margin-top:1%;	display: flex;	justify-content:space-between;}
 
  .what-col{ flex-basis:100%; display: inline-block;	background:#0c2834; border-radius:10px;  margin-right:2%; margin-left:3%;margin-bottom:3%; padding: 14px 6px; box-sizing:border-box;}
  .what-col h3{ color: #fff;text-align:center ; font-size:18px; margin: 2px 0;}	
  .what-col p{ color: #fff;text-align:center ;margin: 2px 0;	font-size:14px; line-height: 120%;}
  }
 @media (max-width:450px) {
   .what { width:98%; margin:auto;background:#fff; text-align:center ; margin-top:2%;border-radius:10px;}	 
  .what h2 {padding-top:2%; color:#0c2834;	font-size:16px;	font-weight:600;}
  .what p{	color:#777; font-size:14px; font-weight:300; line-height: 18px; padding: 3px;}
 
  .row{ margin-top:1%;	display: flex;	justify-content:space-between;}
 
  .what-col{ flex-basis:100%;display: inline-block;	background:#0c2834; border-radius:10px; margin-right:2%; margin-left:3%;margin-bottom:3%; padding: 14px 6px; box-sizing:border-box;}
  .what-col h3{ color: #fff;text-align:center ; font-size:17px; margin: 2px 0;}	
  .what-col p{ color: #fff;text-align:center ;margin: 2px 0;	font-size:13px; line-height: 120%;}
  }
  @media (max-width:369px) {
   .what { width:98%; margin:auto;background:#fff; text-align:center ; margin-top:2%;border-radius:10px;}	 
  .what h2 {padding-top:2%; color:#0c2834;	font-size:15px;	font-weight:600;}
  .what p{	color:#777; font-size:13px; font-weight:300; line-height: 13px; padding: 3px;}
 
  .row{ margin-top:1%;	display: flex;	justify-content:space-between;}
 
  .what-col{ flex-basis:100%;display: inline-block;	background:#0c2834; border-radius:10px; margin-right:2%; margin-left:3%;margin-bottom:3%; padding: 14px 6px; box-sizing:border-box;}
  .what-col h3{ color: #fff;text-align:center ; font-size:15px; margin: 2px 0;}	
  .what-col p{ color: #fff;text-align:center ;margin: 2px 0;	font-size:13px; line-height: 120%;}
  }
 
 
/********************************** What end**************************************************/



/************************************* Footer *************************************/

footer{ height: auto; background: #fff; text-align: center ;}

.footsie {
  background:#121317;
   border-top: 0.0625em solid lightgrey;
  bottom: 0;
  color: rgba(255, 255, 255, 0.95);
  height: auto;
  font-size: 1.0em;
  text-align: center;
  display: flex;
  flex-direction: row; 
  cursor: default;
}
.footsie .leftFooter,
.footsie .rightFooter,
.footsie .middleFooter {flex: 1; padding:1.0em;}
.footsie ul { list-style-type: none;}
.footsie .list { padding-top: 0.6em;}
.footsie .list a { text-decoration: none; color: rgba(255, 255, 255, 0.95);}
.footsie .google { text-decoration: underline;}
.footsie p { padding: 1.25em;}
.footsie span { font-size: 1.3em; color:#A8FFA8;}



/*******************************************************************/
/************************************* Footer *************************************/

footer{ height: auto; background: #fff; text-align: center ;}


.foots {
 
 background:#ff6f61;
   border-top: 0.0625em solid lightgrey;
  bottom: 0;
  color: rgba(255, 255, 255, 0.95);
  height: auto;
  font-size: 1.1em;
  text-align: center;
  display: flex;
  flex-direction: row; 
  cursor: default;
}
.foots .leftFooter,
.foots .rightFooter,
.foots .middleFooter {flex:1; padding 0.2em;font-size:1.2em;}
.foots ul { list-style-type: none; font-size: 0.9em;}
.foots .list { padding-top: 0.6em;}
.foots .list a { text-decoration: none; color: rgba(255, 255, 255, 0.95);}
.foots .google { text-decoration: underline;}
.foots p { padding:1.0em;font-size:0.9em;}
.foots span { font-size: 1.3em; color:#1F384D;}


/**************** Slider ***********************/

#slider {
	overflow: hidden; border-radius:20px 20px 20px 20px; border:.01px solid #0c2834;
}
#slider figure { 
	position: relative;
	width: 500%;
	margin: 0;
	left: 0;
	animation: 20s slider infinite;
}
#slider figure img {
	width: 20%;
	float: left;
}

@keyframes slider {
	0% {
		left: 0;
	}
	20% {
		left: 0;
	}
	25% {
		left: -100%;
	}
	45% {
		left: -100%;
	}
	50% {
		left: -200%;
	}
	70% {
		left: -200%;
	}
	75% {
		left: -300%;
	}
	95% {
		left: -300%;
	}
	100% {
		left: -400%;
	}
}
/**********************************************************************/



/*********************** scroll to top******************/
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  left: 20px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color:#F43E00; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */}

/*********************** scroll to top******************/