/* RESET CSS BEGIN */
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: 0%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
  background-color: white;

}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*RESET CSS END*/

* { box-sizing: border-box; }
strong,b { font-weight: 700;}
em,i {font-style: italic;}
a,a:hover{  text-decoration: none;}
p,ul li,ol li {    font-family: 'Poppins', sans-serif;
  font-weight: 400;    font-size: 14px;    line-height: 24px;}
body{  font-family: 'Poppins', sans-serif;
  font-weight: 400; overflow-x : hidden;  color: #354c5c;}
.docGenie-container { max-width: 1240px; width: 100%; margin: 0 auto; position: relative; overflow: hidden;}
#our-doctor .docGenie-container{ padding-right: 5%; padding-left: 5%;}
.alignLeft {  float: left;}
.alignRight {  float: right;}
.textLeft{  text-align: left;}
.textRight{  text-align: right;}
.match_parent{  width: 100%;  display:block;}
.para-align{  text-align: left;  color: #354c5c;}
.view-dr-btn{ font-size: 14px; color: #00a8cc; background-color: white; border: 1px solid #00a8cc; padding: 3% 10%;  width: 90%;}
.call-sprt-btn{ font-size: 14px; color: white; background-color: #7ed956; padding: 3%; width: 90%; border : none;}
.white-blue-btn{ font-family: 'Poppins', sans-serif;
  font-weight: 400; font-size: 14px; color: #00a8cc; background-color: white; border: 1px solid #00a8cc; border-radius: 5px;}
.blue-white-btn{ font-family: 'Poppins', sans-serif;
  font-weight: 600;font-size: 16px; color: white; background-color: #00a8cc; border: none; border-radius: 5px;}

/* Header Menu css */
nav{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 60px;
  background: white;
  z-index: 99;
}
nav .navbar{
  height: 100%;
  max-width: 1350px;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
nav .navbar .menu-links{
  display: flex;
}
/* nav .navbar {
 padding: 0 32px;
} */
nav .navbar .menu-links li{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 0 20px;
}
/* .menu-links li{
  padding: 0 20px !important;
} */
nav .navbar .menu-links li a{
  text-decoration: none;
  white-space: nowrap;
  color: #354c5c;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
		font-weight: 500;
}
nav .navbar .menu-links li a:hover{
  color : #f36f21;
}

.navbar .nav-links .sidebar-logo{
  display: none;
}
.navbar .bx-menu{
  display: none;
}

@media (max-width:920px) {
  nav .navbar{
    max-width: 100%;
    padding: 0 6px;
  }
  nav .navbar .menu-links li{
    padding: 10px;
    white-space: nowrap;
  }
}
@media (min-width:830px) and (max-width:900px){
.hero-text {
    flex: 1 1 338px !important;
    opacity: 0;

}
}
@media (max-width:900px){
  .navbar .bx-menu{
    display: block;
    margin-left: 8px;
    margin-right: 8px;
  }
  .menu-image{ padding: 5px 8px !important;}
.login-button{ margin-top: 0px !important;}

  nav .navbar .nav-links{
    position: fixed;
    top: 0;
    left: -100%;
    display: block;
    max-width: 270px;
    width: 100%;
    background:  white;
    line-height: 40px;
    padding: 20px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.5s ease;
    z-index: 1000;
  }
  .navbar .nav-links .sidebar-logo{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .sidebar-logo i, .navbar .bx-menu{
    font-size: 25px;
    color: #00a8cc;
  }

  nav .navbar .menu-links{
    display: block;
    margin-top: 20px;
  }
nav .navbar .menu-links li{
    display: block;
  }
}
@media (max-width:370px){
  nav .navbar .nav-links{
  max-width: 100%;
} 
}
/* Header Menu css ends */

/* New Banner Section Starts */
.main-banner-row{
  background-image: url("../assets/images/new-UI/home-page/banner-bkgd-1.webp");
  background-repeat: no-repeat;
}
.sec-banner-row{
  background-image: url("../assets/images/new-UI/home-page/banner-bkgd-4.webp");
  background-repeat: no-repeat;
}
.third-banner-row{
  background-image: url("../assets/images/new-UI/home-page/banner-bkgd-2.webp");
  background-repeat: no-repeat;
}
.banner-row{display: flex; justify-content: space-between; align-items: center; padding:1% 8% 0% 8%;}
.main-banner-col1{padding: 2%;} .dr-home{padding-top: 10%;}
.ayur-banner{padding-top : 4%}.ayur-banner .main-banner-col1{padding-bottom: 2%;}
.pack-home{ width: 74%;}
.lab-home{width: 54%;}.lab-btn{text-align: center;margin-bottom: 1%;}
.lab-ban-italic{ float :left;font-size :12px;color :#354c5c;}
.sec-banner-row .main-banner-col2,.third-banner-row .main-banner-col2{
  text-align: center;
}
.bot-home{width: 68%;}
/* New Banner Section Ends */
#bannerSection {
  position: relative;
  clear: both;
  display: block;
  width: 100%;
  padding-top: 4%;
}
#bannerSection .carousel-indicators li .active {
  opacity: 1;
}

#bannerSection .carousel-indicators li {
  background-color:#f36f21;
  border: 1px solid #f36f21;
  width: 30px;
  height: 3px;
  margin-left: 3px;
  margin-right: 3px;
}
#bannerSection .carousel-control.right{
  background-image: unset;
}
#bannerSection .carousel-control.left {
  background-image: unset;
}
#bannerSection .glyphicon {
  color: #000;
}

.carousel-control{
  width: 10% !important;
}
.desk-version{  display: block;}
.mob-version{  display: none;} 
.banner-heading {font-family: "Poppins", sans-serif;
  font-weight: 900; font-size: 45px;}
.whatsapp-btn{background: #299f48;text-align: center;}
.banner-para { font-size: 20px; line-height: 30px; font-family: 'Poppins', sans-serif;
  font-weight: 400; margin : 5% 0;}
.banner-button{font-family: 'Poppins', sans-serif;
  font-weight: 600;  font-size : 16px;  text-decoration: none;}
.banner-appt-button{ background: #00a8cc;}
.banner-appt-button,.whatsapp-btn { padding: 12px 50px; color: white; border-radius: 5px; border : none;}
.banner-appt-button:hover,.banner-lab-button:hover{ text-decoration: none;}
.doc-page-title{ font-size: 30px; text-align: center; margin-bottom: 3%;}
.neo-orange-bottom{ border-bottom: 2px solid #f36f21;}
.neo-orange-top{ border-top: 2px solid #f36f21;}
button:active,ngb-carousel:active { outline: none; border: none;}
button:focus, ngb-carousel:focus {outline:0;}
.home-page-title{font-family: "Poppins", sans-serif;
  font-weight: 900; font-size: 36px;}
  
/*Button color across the website*/
.neo-mybutton{ background-color:#f36f21; color:white; font-size: 14px; font-weight: bold; padding: 12px 24px; border: none; cursor: pointer; border-radius: 5px;}
.neo-mybutton:disabled {background: #ccc; color:grey; pointer-events: none;}
.neo-mybutton:hover{ background-color: #00a8cc; color:white; text-decoration: none;}
.font14{ font-size: 14px; }
.white-top-orange-box{ border-radius: 10px;border-top-style: solid; border-top-color: #f36f21; border-top-width:thick; background-color: white; }
/* Home Page new design - starts */
#service-home-page .home-page-title{margin: 2%; text-align: center;}
#service-home-page .cards,#icons-home-page .cards,#why-home-page .cards{display: flex;flex-wrap: wrap;justify-content: space-between;}
#service-home-page .card {border-top-style: solid; border-top-color: #f36f21; border-top-width:thick; width: 100%;cursor: pointer;}
#service-home-page .card,#video-home-page .card{box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);transition: 0.3s;border-radius: 10px;margin-bottom : 20px;text-align: center; flex: 0 1 23%;padding-bottom: 1%;}
#service-home-page span{  color:#4c7089; font-weight: 400;}
.thumbnail{border: none; margin-bottom: 10px;} .thumbnail img{width: 70%;}
#service-home-page .card:hover {  box-shadow: 3px 3px 8px hsl(0, 0%, 80%);}
#service-home-page .card-title,.why-section,.quality-section{font-size: 17px;}

#icons-home-page{margin-top: 2%;}
#icons-home-page .home-page-title{font-size: 30px;}
#icons-home-page .row{margin-left: 0px;margin-right: 0px;}
#icons-home-page .white-blue-btn{ border-width: 2px; width: 15%; padding: 1% 0%;}
#icons-home-page .card,#why-home-page .card,#shorts-home-page .card {width: 100%;cursor: pointer;text-align: center;  display: flex;flex-direction: column; align-items: center;}
#icons-home-page .card{margin : 20px 0px;flex: 0 1 16%;padding-bottom: 1%;}
#icons-home-page .card-body{padding: 0px;}
#icons-home-page .card-text{font-weight: bold; margin-top: 3%;}
#icons-home-page .card-footer, #why-home-page .card-footer{margin-top: auto;}
#video-home-page .card-footer{background-color: white; border-radius: 10px; border-top: none; padding: 1rem 1.50rem;}

/* Why Docgenie? */
#why-home-page,#how-home-page{text-align: center;}
.why-section{background-color: #f36f21; border-radius: 10px; color : white; margin-top: 30px; padding: 20px 80px;}
#why-home-page .home-page-title{color: white;}
#why-home-page .card{margin-top : 20px;flex: 0 1 19%;}
#why-home-page .card-text{font-size: 18px; margin-top: 10px;}
#why-home-page p{ font-size:xxx-large;}
#why-home-page .card-body{padding-top: 25px;}
#why-home-page img{width: 30%;}

/* How Section */
#how-home-page{ background-color: #d9e5f5; margin-top: -100px;}
.how-section{ padding-top: 15%; padding-bottom: 5%;}

/* Specialities Section */
#specialities-home-page{background-color: #f7f6f5; background-image: url("../assets/images/new-UI/home-page/speciality-bkgrd.webp");background-size: cover;  background-position: center;}
#specialities-home-page .home-page-title{ text-align: left; margin-bottom: 20px;}
#specialities-home-page .page-title{font-size: 20px;color: black;margin-bottom: 3%;}
.specialities-section{ padding-top: 10%; padding-bottom: 10%;}
.button-grp-1 span,.button-grp-2 span{ background-color: #f36f21; color: white; font-size: 18px; padding: 0px 5px; margin-left: 2%;  margin-right: 3%;}
#specialities-home-page .button-grp-1 a,#specialities-home-page .button-grp-2 a{background-color: white; color : black;font-family: 'Poppins', sans-serif;  font-weight: 600; font-size: 20px; text-decoration: none; padding: 10px 5px; border-radius: 10px; display: block; text-align: left; max-width: 95%; cursor: pointer;}

/* Quality Section */
.quality-section{ background-color: white; max-width: 1300px; text-align: center;box-shadow: 0 4px 8px 0 rgba(0.2,0,0,0.2); border-radius: 10px; margin-bottom : 20px; padding: 5% 3%; margin-top: 2%;}
.quality-section p{ color : #1ba8ca; font-size: 18px; line-height: 30px;}
.quality-section .page-title,.fever-title{ text-align: center; color : #354c5c; font-size: 30px;}

/* Testimonial Section */
#test-home-page{ padding-top: 5%; padding-bottom: 4%; text-align: center;}
#test-home-page .blue-white-btn { padding: 10px 15px;}
  .card-body-testo {
    margin-top: 40px;
    font-size: 14px;
    padding: 12px 24px;
    border-radius: 5px;
    width: 100%;
    display:flex;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  }
  .card-body-testo p{text-align: left;} 
  .avatar,.avatar-g {  margin-top: 20px; border-radius: 50%;}
  .avatar{  width: 50px;  height: 50px; margin-right: 2%;}
  .avatar-g{  width: 20px;  height: 20px;}
.review p {
  margin-top: 2%;
  font-size: 24px;
}

#video-home-page{ margin-bottom: 5%;margin-top: 4%;}
#video-home-page .card{ width: 90%;}
#video-home-page img{ border-radius: 10px;}
#video-home-page p{  font-size: 16px;}
#video-home-page .card-body{min-height: 85px; padding: 4% 2% 0% 2%;}
.card-footer .blue-white-btn{  padding : 5px 8px;}

#shorts-home-page .home-page-title{ font-size: 32px;}

.neo-title{ color:#00a8cc; text-shadow: 2px 2px 4px #ffffff; font-weight: bold; font-size: 25px; text-align: center;}
#obesity-content .neo-title{ text-align: left;margin-top: 3%;margin-bottom: 1%;}

.docGenie-blue{color:#00a8cc;}
.docGenie-orange{color : #f36f21;}
.docGenie-bkgrd{background-color: #d9e5f5;}

.side-icon { vertical-align: middle; padding-right: 4%;}

/* DR-DISPLAY-FOR Book Appointment SPECIALITY PAGES CSS STARTS */
#spec-dr-display{font-family: 'Poppins', sans-serif;
  font-weight: 400;font-size: 16px; color : #354c5c; padding-top: 4%; text-align: left;}
.dr-display,.dr-img{ border-radius: 8px;}
#obesity-content .dr-img{border-radius: 50%;}
.dr-display{ padding-top: 2%; padding-bottom: 1%; margin-left: 1%; margin-right: 1%; background-color: #eef5ff}
.dr-display p{ margin: 2% 0%;}
.dr-name,.dr-exp{ font-family: 'Poppins', sans-serif;
  font-weight: 600;}
.dr-name{font-size: 18px;}
.step-3{ padding : 3%;}
.dr-qual,.dr-exp,.dr-spl-qa-disp span,.spl-disp span{ font-size: 14px;}
.step2-btn{  text-align: right;}
.step2-btn button{border-radius: 5px;  margin-top: 4%;  margin-bottom: 2%;}
.step2-btn span{  margin: 2%;  font-size: 14px;}
.dr-cr:after { content: "";  border: 1px solid #354c5c; margin-left: 20px; margin-right: 20px;}
/* To acheive the underline with a gap between the line and the text we need to use the mix of padding-bottom and border-bottom instead of text-decoration */
.line { padding-bottom: 2px; border-bottom: 2px solid #8696a3; width: fit-content;}
.sel-dr-btn{ color: white; background-color: #00a8cc; border: none; padding: 3% 10%; width: 90%;}
.sel-dr-btn:focus{ background-color: #f36f21;}
.orange-btn{ font-family: 'Poppins', sans-serif;
  font-weight: 600; color: white; background-color: #f36f21; border: none; box-shadow: 0 5px 10px 0 #f8ba96;  border-radius: 5px; padding : 3%; width :100%;}
.dr-spl-qa-disp{ margin-left: 1%; margin-right: 1%;}
.spl-disp{ margin: 2%;}
.dr-appt-btn button,.dr-spl-qa-disp mat-panel-title,.spl-disp mat-panel-title{ font-family: 'Poppins', sans-serif;
  font-weight: 600; font-size: 18px;}
.dr-spl-qa-disp mat-panel-title,.spl-disp mat-panel-title{ color: #00a8cc;}
.dr-spl-qa-disp hr,.spl-disp hr{  margin-top: 1.5rem;  margin-bottom: 1.5rem;}
.dr-spl-qa-disp ul,.spl-disp ul{  margin-left: 2%;}
.spl-disp p{  margin-bottom: 1%;}
.links{ color:#00a8cc;  text-decoration: underline;  text-decoration-style: double;}
/* DR-DISPLAY-FOR Book Appointment SPECIALITY PAGES CSS ENDS */

/* Header and Footer starts */
.social a{  margin-left: 15px;}
.header {background-color: white;}
.header.small-screen {  display: flex; }
#doc-header{font-family: 'Poppins', sans-serif;
  font-weight: 600; position: fixed; z-index: 9999; width: 100%;}
.support{ color:#00a8cc; font-size: 14px;}
.support span{ margin-left: 15px;}

/* Navigation New Menu */
.landtop { overflow: hidden; background-color: white; margin-bottom: .5%; margin-top: .5%;}
.landtop a { font-family: 'Poppins', sans-serif;
  font-weight: 600; float: left; display: block; color: #354c5c; text-align: center; font-size: 14px; text-decoration: none;}
.menu-image{ padding: 8px 16px;}
.login-button{ margin-top: 5px;}

/* Ends */
.login-button{ font-family: 'Poppins', sans-serif;
  font-weight: 600;background: #f36f21; border-radius: 5px; transition: 0.3s; font-size: 16px; }
.login-button{ cursor: pointer; }
.login-button:hover { background: #f38849; transition: 0.3s;}
.login-icon,.login-side-icon {  vertical-align: middle;  /* padding-right: 10px; */}
.social a{ text-decoration: none; white-space: normal; }
button{min-width: min-content;}
img {vertical-align: middle; border: 0;}

/*CSS for the footer section*/
.neo-orange-top{ border-width: 10px;}
.footer-container{ display:flex; background-color: #00a8cc; justify-content: space-around; color: white;}
.Footer-title{ font-family: 'Poppins', sans-serif;
font-weight: 600;
    font-size: 18px;
  font-weight: 600;
  margin-bottom: 14px;
  color: #ffffff;}
.Footer-item b{ font-family: 'Poppins', sans-serif;
  font-weight: 600;font-size: 16px;}
.Footer-item a{  text-align: left;
    margin: 0;
    color: #ffffff;
  text-decoration: none;
  transition: 0.3s ease;}
  .Footer-item a:hover {
  color: #f58220 !important; /* DocGenie orange hover */
  text-decoration: underline;
}
.Footer-item.alignLeft,
.Footer-item.alignRight {
  font-size: 14px;
  text-align: center;
}
.login-icon {
  vertical-align: middle;
  stroke: white; /* default color */
  transition: stroke 0.3s ease;
}

.login-button:hover .login-icon {
  stroke: #00bcd4; /* hover color */
}

.Footer-item,.Footer-item span,.footer-text,.footer-button{ font-family: 'Poppins', sans-serif;
  font-weight: 400;  font-size: 14px;  line-height: 30px;}
  .contact-item {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.contact-item .icon-box {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-item svg {
  width: 22px;
  height: 22px;
  color: #ffffff;
  margin-bottom: 0px !important;
}

.contact-item div p {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  color: #ffffff;
}

input:active {  outline: none;  border: none;  }
input:focus {outline:0;}
.footer-text{ border-radius: 5px; border: none; padding: 8px;
    width: 80%;}
.footer-button{ background: #f36f21; color: white; text-decoration: none; border-radius: 5px; border: none; padding : 1% 6%;}
.footer-button:hover {
  background: #ffffff;
  color: #f58220;
}
.neo-hover:hover{ font-weight: bolder; cursor: pointer;}
.social-media a{ display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #ffffff;      /* White background */
  border-radius: 8px;             /* Slight corner curve */
  margin-left: 20px;
  transition: all 0.3s ease;}
.social-media{  display: flex;  cursor: pointer;}
.social-media a:hover {
  background-color: #f58220;      /* DocGenie orange */
  transform: translateY(-2px);
}

.social-media a .social-icon {
  width: 22px;
  height: 22px;
  color: #00a8cc;                 /* DocGenie blue */
  transition: all 0.3s ease;
}

.social-media a:hover .social-icon {
  color: #ffffff;                 /* Turn icon white on hover */
}

.inline {  display: inline-block;}
.cr:after { content: ""; border: 1px solid white; margin-left: 20px; margin-right: 20px;}
/* Header and Footer ends */

/* About-us */
.vidcen{
  margin: 0 auto;
  text-align: center;
}

.hfour{
  text-align: left;
  color:#00a8cc;
  font-weight: bold;
  text-decoration: underline;
  text-decoration-color: #f36f21;
  text-decoration-style: solid;
  font-size: 32px;
  font-family: 'Poppins', sans-serif;
		font-weight: 600;
  }

  .para p,#obesity-content li{
    text-align: justify;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Poppins', sans-serif;
		 font-weight: 400;
  }

  .neo-small{
    font-size: small;
    }
/* About us ends */

/* Contact us starts */

    .card-title-cont
      {
        color:#00a8cc;
        text-shadow: 2px 2px 4px #ffffff;
        font-weight: bold;
        font-size: 25px;
        text-align: center;
      }

      .card-cont h4{
        color:#00a8cc;
        text-decoration: none;
        font-size: 32px;
        font-family: 'Poppins', sans-serif;
		font-weight: 600;
      }
      .cards-cont {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-around;
          text-align: center;
      }

      .cards-cont .card-cont {
         min-height: 100px;
         width: 25%;
      }

      .card-cont {
          padding: 30px 30px 20px 30px;
          background-color:white;
          align-content: center;
          box-sizing: border-box;
          border-style: none;
      }

      .cards-cont p {
        font-size: 15px;
        margin-top: 10px;
      }

      .card-cont img{
        display:block;
        width: 25%;
        height:75px;
        margin:auto;
      }
/* contact us ends */

/* covid-self starts*/
.neo-medium
{
   text-align:left;
   font-size: medium;
}
/* covid-self ends */

/* Doctor display pages starts*/
.img-fluid {
  max-width: 100%;
  height: auto;
}
/* Doctor display pages ends */

/* Profile page starts */

/*CUSTOMERS*/

#customers {
  overflow:hidden;
}

#customers .carousel-indicators li {
  background-color:#f36f21;
}

#customers .carousel-inner {
  margin-bottom:50px;
}

#customers .carousel-indicators {
  margin-bottom:-50px;
}

#doctor-profile{
  background-color: #d9e5f5;
  padding-top: 3%;
}

#obesity-content #doctor-profile{padding-top: 1%;}

.dr-disp{
  text-align: left;
  color : #354c5c
}

.dash-review{
  color: #f36f21;
  text-decoration: underline;
}

.dash-review a{
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  cursor: pointer;
}

.dash-review:hover{
  color : #00a8cc;
  cursor: pointer;
}
.fees-disp div{
  margin-top: 10%;
}

.star {
  font-size: 1.5rem;
  color: #f36f21;
}

.orange-btn{
  font-size: 16px;
}
.nav-tabs{
  padding-top: 2%;
  padding-right: 2%;
  padding-left: 2%;
  background-color:#1ba8ca;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.nav-item{
  color:white;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  border: transparent;
  background-color: #60c2da;
  margin: 0 10%;
}

.white-bkg{
  background-color: white;
  color: #00a8cc;
}

.nav-item:active,.nav li.active a,.nav li a:hover,
.nav li.active a:focus,
.nav li.active a:hover,
.nav-tabs.nav-justified>.active>a{
  background-color: white;
  border: none;
  color: #00a8cc;
}

.tab-pane{
  padding-right: 5%;
  padding-left: 5%;
  font-family: 'Poppins', sans-serif;
		font-weight: 600;
  font-size: 16px;
  color: #354c5c;
  padding-bottom: 10%;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.white-blue-btn{
  width: 60%;
  padding: 2%;
}

.tab-info{
  font-family: 'Poppins', sans-serif;
		 font-weight: 400;
  font-size: 14px;
  background-color: white;
  padding: 3%;
}

#doctor-profile p{
  margin : 2% 0%;
}

.notes-text, .tab-info p{
  text-align: left;
}

.neo-title{
  font-size: 18px;
}

.blue-title{
  font-size: 20px;
  color: #00a8cc;
  font-family: 'Poppins', sans-serif;
		 font-weight: 400;
}

.card-title{
  font-weight: bold;
}

.card-text,.card-title{
  font-size: 16px;
}

.card-deck .card{
  border:none;
  margin-bottom: 8%;
}

.card-deck .card-body{
  border : 2px solid #d9e5f5;
  border-top:none;
  border-bottom: none;
}

.card-deck .card-footer{
  border : 2px solid #d9e5f5;
  border-top:none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; 
  padding: 10%;
}

.news-deck .card-body{
  border : 2px solid #d9e5f5;
  border-top:none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; 
}
.card-deck p{
  text-align: center;
  font-weight: bold;
}

.card-footer{
  background-color: white;
  border-top: none;
  text-align: center;
}

.card-footer .white-blue-btn{
  padding : 3% 5%;
}
.card-img-top, .news-deck iframe{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.blog-links{
  color: #f36f21;
  text-decoration: none;
}


.video-container {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
  margin-bottom: 5px;
}

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

h3{
  font-size: 24px;
  font-weight: 500;
}

.caps{
  text-transform: uppercase;
}

.card-img-top {
  flex-shrink: 0;
  width: 100%;
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

/* Profile page ends */

/* our doctors page starts */

.dr-speciality-page{
  padding-left : 5%;
  padding-right: 5%;
  padding-top: 3%;
  text-align: center;
}
.collapsible {
  background-color: white;
  color:#354c5c;
  cursor: pointer;
  padding: 20px 20px 20px 20px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-family: 'Poppins', sans-serif;
		 font-weight: 400;
  font-size: 30px;
  border-radius: 4px;
  border-top-style: solid;
  border-top-color: #f36f21;
  border-top-width:thick;
}

.collapsible {
  box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
}

 #coll-btn .collapsible::after {
  border-style: solid;
  border-width: 0 2px 2px 0;
  content: "";
  padding: 3px;
  transform: rotate(45deg);
  vertical-align: middle;
  color: rgba(0,0,0,.54);
  float: right;
}

.collapsible:hover {
background-color: #f3f3f3;
}

.collapsible.active{
  box-shadow: none;
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: white;
}
/* our doctors page ends */

/* lab page starts */
.lab-para-align{
  font-size: 18px;
  margin-bottom: 2%;
}

.search-section{
  background-color: #f3f3f3;
  border-radius: 8px;
  padding: 2%;
  text-align: center;
}

.search-title{
  font-size: 18px;
  font-family: 'Poppins', sans-serif;
		 font-weight: 400;
}

input,textarea{
  color :#8a8a8a;
  border-radius: 5px;
  padding : 4%;
  border: 2px solid #d9e5f5;
  font-size: 12px;
  width: 90%;
}
#self-test input{font-size: 16px;}
#self-test input[type="radio"],input[type="checkbox"]{
  width: 5%;
}
#self-test .selfDet{
  width: 100%;
}

.lab-cards
{
  margin-top: 10px;
}

.lab-card{
  padding:5px;
  box-sizing: border-box;
  border-radius: 10px;
  border : none;
  border-top-style: solid;
  border-top-color: #1ba8ca;
  border-top-width:thick;
  background-color: #eef5ff;
  text-align: left;
  color : #354c5c;
}

.lab-card-title{
  font-weight: bold;
  font-size: 16px;
}

.lab-card-text{
  font-size: 14px;
  text-align: left;
}

.lab-card-footer{
  background-color: #eef5ff;
  border-top: none;
}

.lab-card-footer {
  padding: .75rem 1.25rem;}
/* lab page ends */
/* lab page starts*/
.lab-img-info {
  position: relative;
  text-align : left;
}
/* lab page ends*/
/* Lab test page starts */
#lab-detail{
  background-color: #eef5ff;
  color: #354c5c;
  padding-bottom: 25%;
  padding-top: 5%;
}

.lab-title
{
  font-weight: bold;
  font-size: 24px;
}

.lab-tabs{
  padding: 2%;
  background-color:#1ba8ca;
  color:white;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 18px;
  text-align: left;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.lab-item:hover,
.lab-tabs:hover{
  border: none;
}

.lab-pane{
  background-color: white;
  padding: 3% 5% 3% 5%;
  font-size: 14px;
  text-align: left;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#lab-detail .neo-mybutton{
  width: 80%;
}

.lab-pane ul{
  margin-left: 8%;
}
/* Lab test page ends */

/* About - Us page starts */
#about-us .docGenie-bkgrd{
  background-image: linear-gradient(#d9e5f5 60%, white 40%);
}

#about-us .docGenie-container{
  color: #354c5c;
  padding-right: 5%;
  padding-left: 5%;
}

#about-us iframe{
  border-radius: 10px;
}

.mobile-view{
  display: none;
}

/* About - Us page ends*/

/* Contact - Us page starts*/

#contact-us .docGenie-container{
  color: #354c5c;
  padding-right: 7%;
  padding-left: 7%;
}

.text-30{
  font-size : 30px;
  margin-bottom : 2%;
  margin-top : 2%;
  text-align : center;
}

.text-24{
  font-size: 24px;
  text-align : center;
}

#contact-us .white-top-orange-box{
  padding : 5%;
  box-shadow: 2.571px 3.064px 4px 0px rgba(0, 0, 0, 0.06);
}

#contact-us hr{
  border-color:  #d9e5f5;
  border-width: 1px;
  margin : 4% 0%;
}

#contact-us .support{
  font-family: 'Poppins', sans-serif;
		font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  text-align: left;
  color : #354c5c;
}

#contact-us .support span{
  font-size: 24px;
  color: #00a8cc;
}

/* Contact - Us page ends*/

.faq-spl-title{
  font-size: 20px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
}

#qa-disp{
  font-family: 'Poppins', sans-serif;
		 font-weight: 400;
  font-size: 14px;
  padding-top: 3%;
  text-align: left;
  padding-bottom: 10%;
  color : #354c5c;
}

#qa-disp .faq-title{
  font-size: 30px;
  color : #354c5c;
}

#qa-disp .dr-spl-qa-disp hr{
  color : #eef5ff;
}

#qa-disp .dr-spl-qa-disp p{
  font-family: 'Poppins', sans-serif;
		 font-weight: 400;
  color: #354c5c;
  margin-bottom: 2%;
}

#qa-disp mat-panel-title{
  line-height: 24px;
}

#qa-disp mat-expansion-panel{
  border-top: 2px solid #eef5ff;
  padding : 2% 0%;
}
#qa-disp .mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow:none;
  background: none;
}

#qa-disp .neo-link{
  color: #00a8cc;
  text-decoration: underline;
  text-decoration-style: double;
}

#qa-disp .neo-link:hover{
  font-weight: bolder;
  cursor: pointer;
}

.spl-disp .faq-title{
  color: #354c5c;
}

.spl-disp .neo-link{
  color: #00a8cc;
  text-decoration: underline;
  text-decoration-style: double;
}

.spl-disp .neo-link:hover{
  font-weight: bolder;
  cursor: pointer;
}

.faq-div{
  padding-left: 2%;
  margin-top: 1%;
}

.spl-disp p{
  margin-top: 1%;
}

.doc-title
{
  font-weight: bold;
  font-size: 20px;
  text-align: left;
}

.pack-doc{
  width: 80%;
}

.pack-doc-title{
  font-size: 18px;
}

.common-test{
  background-color: white;
  margin: 3% 0%;
  text-align: center;
}

.link-text{
  color: #00a8cc;
  font-size: 16px;
}

.blog-text p{
  font-size: 16px;
  margin: 1% 0%;
}

.blog-text{
  padding : 0% 4%;
}
@media(max-width:1280px){
  .pack-home{width: 62%;}
  .bot-home{width: 66%;}
}

@media(max-width:1024px){
  .docGenie-container{
    padding: 0% 2%;
  }.banner-row{margin-top: 2%;}
  .bot-home{padding-top: 2%;}
  .pack-home,.lab-home{width: 58%;}
  .third-banner-row .icon-section img{width: 65%;}
  .third-banner-row .icon-section { display: flex;font-size: 16px; line-height: 24px;}
  #why-home-page .card-text{font-size: 16px;}
  #why-home-page p{ font-size:xx-large;}
  #how-home-page{margin-top: 20px;margin-bottom: 20px;} .how-section{padding-top: 5%;}
  #obesity .banner-imgs {
    right: -150px;
  }
  #obesity .home-page-title {
    font-size: 20px;
    line-height: 30px;
    padding: 2%;
  } 
  #obesity .pack-obesity {
    padding-top:4%;
    padding-bottom: 3%;
    width: 62%;
  }
  #obesity-content .page-title{
    font-size: 18px;
    margin-top: 2%;
  }
  .menu-padding{
    padding:20px 12px ;
  }

  .footer-container .foot-col{
    padding-left: 3%;
    margin-bottom: 2%;
  }

  .progress-flow{
    display: none;
  }

  .progress-flow-mob{
    display: inline-block;
  }

  .banner-heading{
    font-size: 36px;
  }
}
@media screen and (max-width:980px){
  .home-page-title,#icons-home-page .home-page-title,#shorts-home-page .home-page-title{  font-size: 28px;  }
  .lab-btn{margin-bottom: 0%;}.lab-home{width: 66%;}
  .main-banner-col1 h1{
    font-size: 24px;
  }
  .main-banner-col1 p{
    font-size: 16px;
  }
  .main-banner-col1 button{
    margin-bottom: 25px;
  }
  .banner-row{
    padding-top: 5%;
  }
  .pack-home{width: 60%;}
}

@media screen and (max-width: 900px) {
  .banner-row{padding-top :3%;}.third-banner-row .banner-para{margin:0%; font-size: 16px;}
  .ayur-banner{padding-top: 8%;}.lab-home{display: none;}
  #obesity .pack-obesity { padding-top: 6%;}
  .sprt-col{padding-top:3%;padding-bottom: 3%;}
}

@media only screen and (max-width:812px) {
  .banner-heading { font-size: 28px; }
}

@media only screen and (max-width: 768px) {
  .neo-festive-banner{
    padding: 10% 0%;
  }
  .bot-home{width: 78%;}
  #obesity .banner-imgs {
    right: -100px;
}
  #gen-doc-disp,.neo-landing-banner{
    background-image: none;
  }
  h3{
    font-size: 18px;
  }
  #bannerSection{
    padding-top: 8%;
  }

  
.nav-item{
  margin: 0 2%;
}

  #doctor-profile{
    padding-top: 12%;
  }

  #doctor-profile .dr-img{
    margin-bottom: 2%;
  }

  #spec-dr-display .covid-care{
    padding-top: 8%;
  }

  .social{ margin-right: 15px; }

  .footer-container .foot-col{
    margin-bottom: 4%;
  }
  .Footer-title {
    margin-top: 20px;
  }
   #spec-dr-display{
   padding-top: 14%;
   }

  /* Why Section */
  .why-section{
    padding: 10px 50px;
  }
  /* How section */

  #how-home-page{
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .how-section{
    padding-top: 10%;
    padding-bottom: 5%;
  }

  /* Specialities section */

  #specialities-home-page .button-grp-1 a,
  #specialities-home-page .button-grp-2 a{
    padding: 5px 2px;
    max-width: 80%;
    font-size: 16px;
  }

}

@media(max-width:600px){
  .call-icon{width: 22px;height: 22px;margin-left: 0;}
  .dr-home{ width: 280px; padding-top: 0%; }
  .ayur-home{width: 270px;}
  .home-page-title,#icons-home-page .home-page-title,#shorts-home-page .home-page-title{  font-size: 20px;  }
  .banner-row {  flex-direction:column;   text-align: center;  }
  .banner-row .main-banner-col1{  padding: 20px 20px 0px 20px;  }
  .banner-row button{ margin-bottom: 25px; }
  #why-home-page p {   font-size: x-large;}
  #icons-home-page .white-blue-btn{ width: 40%; padding: 2% 0%;margin-top: 3%;}
  #icons-home-page .card-text{font-size: 10px;}
  .card-title{font-size: 12px;}
  #test-home-page .blue-white-btn { margin-top: 4%;}
  .card-body-testo{margin-top: 20px;}
  #test-home-page .home-page-title{ margin-top: 2%; font-size: 20px;  }.review p{font-size: 15px;}
  #test-home-page .owl-carousel .owl-item img{width : 50px}  
  .avatar-g{width: 20px !important;}
  #service-home-page .card,#why-home-page .card {flex: 0 1 calc(50% - 1em);}
  #icons-home-page .card{flex: 0 1 calc(33% - 1em);}
  #why-home-page .card{margin: auto;}
  #why-home-page img{width: 40%;}
  #why-home-page{  max-width: 300px;  margin: auto;}
  #why-home-page .card-text{  font-size: 12px; margin-top: 0px;}
  .why-section{  padding: 10px;}
  #specialities-home-page .page-title{  font-size: 16px;  }
  #video-home-page .card{    width: 60%; margin: auto; }
  #video-home-page .card-body{min-height: 55px;}
  .quality-section p{font-size: 14px;}
}
@media (min-width: 576px){
  .card-deck ,.lab-deck{
      display: flex;
      flex-flow: row wrap;
      margin-right: -15px;
      margin-left: -15px;
  }
}

@media only screen and (max-width: 550px) {
  .banner-appt-button{font-size: 14px;margin-top: 10px;}
  .lab-ban-italic{ margin-top: 4%; }
  .bot-home{width: 50%; margin-bottom: 2%;}  .third-banner-row .icon-section { display: flex;padding: 8% 0%;}
  #our-doctor{
    margin-top: 12%;
  }
  .search-title{font-size: 14px;  }
  .spl-disp .mat-margin{
    margin-top: 3%;
  }
  .spl-disp{
    margin: 6%;
  }
  .doc-page-title,.collapsible {
    font-size: 20px;
  }  
  #spec-dr-display .dr-img{
    width: 50%;
  }
.dr-display {
  margin:6%;
 padding-top: 5%;
 padding-bottom: 5%;
}
  #spec-dr-display .dr-display,#spec-dr-display .step2-btn{
    text-align: center;
  }

  #spec-dr-display .step2-btn{
    margin-top: 2%;
  }

  #spec-dr-display .dr-cr:after {
    content: "\a";
    white-space: pre; 
    border: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }

  #spec-dr-display .dr-name{
    margin-top: 2%;
  }

  .carousel-control-prev-icon {
    width: 15px;
    height: 20px;
  }
  
  .carousel-control-next-icon {
    width: 15px;
    height: 20px;
  }
  .mob-version{
    display: block;
  }
  .mob-version .nav-tabs{
    display: block;
    padding: 0.6rem 1rem;}
  .mob-version .nav{display: flex; flex-wrap: wrap;}
  .mob-version .nav-item {
    display: block;    padding: .6rem 3.25rem; margin: 0%;
  }
  .mob-version .nav-tabs>li{margin-bottom: -15px;}
  .mob-version .nav-tabs.nav-justified>li>a ,.nav-tabs.nav-justified>.active>a:hover{border-radius: 0px; border: 0px;}
  .desk-version{
    display: none;
  }
  #doctor-profile .dr-disp, .fees-disp{
    text-align: center;
  }
  .slots-show-btn{padding: 4% 12%;}

  .banner-para figcaption{
    font-size: 14px;
  }

} 

@media only screen and (max-width: 420px) {

  #service-home-page .home-page-title {margin: 4%;}
  .text-30{
    font-size : 20px;
  }
  
  .text-24{
    font-size: 16px;
  }
  #contact-us .support span{
    font-size: 18px;
    margin-left: 2px;
  }
  .sprt-img{padding: 3% 0;}
  .side-section{
    margin-top: 10%;
    margin-left: 4%;
    margin-bottom: 8%;
  }

  .banner-heading {
    font-size: 22px;
  }

  .banner-para {
    font-size: 16px;
    line-height: 24px;
  }

  .banner-button{
    font-size : 12px;
  }

  .banner-lab-button {
    padding: 11px 32px;
  }

  /* Service Section */
    #service-home-page,
    .button-grp-1,
    .button-grp-2{
      font-size: 16px;
    }
  
    #service-home-page .card-title{
      font-size: 16px;
    }
    #service-home-page span{
      font-size: 14px;
    }
  
/* Why Section */


/* How section */

#how-home-page{
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Specialities section */

.specialities-section{
  margin-left: 10px;
}

  .logo-img{
    width: 60%;
  }

  .support{
    font-size: 12px;
  }

  .head-button,
  .social{
    margin-right: 10px;
  }

  .head-button,.login-button{
    font-size: 10px;
    /* padding: 2%; */
  }
  .login-button{ margin-left: auto; margin-right: 0;}
  .footer-container .foot-col{
    margin-left: 10%;
    margin-bottom: 8%;
  }
}

@media only screen and (max-width: 380px) {
  .support{ font-size: 10px; }
}

@media only screen and (max-width: 320px){
   /* Specialities section */

   .specialities-section{
    margin-left: 2px;
  }
  .quality-section p{
    font-size: 14px;
    line-height: 25px;
  } 
}
@media (min-width: 900px) { #seo-dashboard-btn .seo-dash-text { display: none; } }

/* Align icon + text inside nav auth buttons */
#seo-logout-btn a, #seo-dashboard-btn a { display: inline-flex !important; align-items: center; gap: 6px; }
#seo-logout-btn a svg, #seo-dashboard-btn a svg { flex-shrink: 0; vertical-align: middle; }
@media (max-width: 900px) { #seo-logout-btn { display: none !important; } }

/* CareMatch Banner */
.hero .carematch-banner {
  background: #fff;
}
.hp-carematch-title {
  margin: 0;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1a1a2e !important;
  line-height: 1.4 !important;
  font-family: 'Poppins', sans-serif;
  text-align: left;
}
.hp-carematch-sub {
  margin: 2px 0 0 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: #666 !important;
  line-height: 1.4 !important;
  font-family: 'Poppins', sans-serif;
  text-align: left;
}
.hp-carematch-sub span {
  color: #00a8cc;
  font-weight: 600;
}
@media (max-width: 768px) {
  .hp-carematch-title { font-size: 14px !important; }
  .hp-carematch-sub { font-size: 12px !important; line-height: 1.6 !important; }
}
.carematch-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #eafbff;
  border-radius: 14px;
  padding: 14px 18px;
  margin: 12px 0 4px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  cursor: pointer;
  gap: 12px;
}
.carematch-inner {
  display: flex;
  align-items: center;
  gap: 12px;
}
.carematch-icon-wrap {
  width: 42px;
  height: 42px;
  min-width: 42px;
  background: #e8f7fb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.carematch-text-wrap {
  display: flex;
  flex-direction: column;
}
.carematch-title {
  margin: 0;
  font-weight: 700;
  font-size: 14px;
  color: #1a1a2e;
  font-family: 'Poppins', sans-serif;
  text-align: left;
}
.carematch-sub {
  margin: 2px 0 0;
  font-size: 12px;
  color: #666;
  font-family: 'Poppins', sans-serif;
  text-align: left;
}
.carematch-sub span {
  color: #00a8cc;
  font-weight: 600;
}
.carematch-btn-desktop {
  background: #00a8cc;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  cursor: pointer;
  white-space: nowrap;
}
.carematch-arrow-mobile {
  display: none;
  align-items: center;
  justify-content: center;
  min-width: 28px;
}
@media (max-width: 768px) {
  .carematch-btn-desktop { display: none !important; }
  .carematch-arrow-mobile { display: flex !important; }
  .carematch-sub { line-height: 1.6; }
  .carematch-banner { margin: 6px 0 4px; }
}
@media (min-width: 769px) {
  .carematch-btn-desktop { display: inline-block !important; }
  .carematch-arrow-mobile { display: none !important; }
}