/* reset css start */
*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
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; }
html { -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Inter", sans-serif; }
body { line-height: 1.5; -webkit-font-smoothing: antialiased; font-family: "Inter", sans-serif; overflow-x: hidden !important; }
* { margin: 0; line-height: calc(1em + 0.5rem); }
img, picture, video, canvas, svg {
  max-width: 100%;
}
h1, h2, h3, h4, h5, h6, p, a { font-family: "Inter", sans-serif; }

h1{font-size: 36px; line-height: 40px;font-weight: 400;}
h3{font-size: 28px; line-height: 32px;font-weight: 500;}
h4{font-size: 20px;line-height: 32px;font-weight:700;color: rgba(0, 0, 0, 0.85);}
h5{font-size: 16px;line-height: 20px;font-weight: 500;color: rgba(0, 0, 0, 0.85);}

ul { padding: 0px; margin: 0px; }
ul li { list-style: none; }
button{box-shadow: none;}

button, a { outline: none !important;}

/* reset css end */

p {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    color: var(--light-black);
}
a { text-decoration: none; }
:root { --primary-color:#065586;
--secondary-color:#0077be;
--blackcolor:#000;
--light-black:#454545;
--white-color:#fff;
--light-bg:#F0F8FF; 
--light-mid:#E0F1FE;
--medium-black:rgba(0,0,0,87);

}
/* common class */
.bluebg { background: var(--primary-color); }
.light-sky { background: var(--light-bg); }
.light-mid{background: var(--light-mid);}
.orgbg { background: var(--secondary-color); }
.blue-text { color: var(--secondary-color) }
.red-text { color: var(--primary-color); }
.light-black{color: var(--light-black);}
.medium-black{color: var(--medium-black);}
a, button { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; }
/* font awesome css start */
@font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.fa-classic, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fal, .far, .fas, .fat {
    font-family: "Font Awesome 6 Pro";
}

.fa-chevron-right {
    --fa: "\f054";
    --fa--fa: "\f054\f054";
}

/* font awesome css end */
.mb8{margin-bottom: 8px;}
.mb16{margin-bottom: 16px;}
.mb24{margin-bottom: 24px;}
.mt16{margin-top: 16px;}
.mt24{margin-top: 24px;}
.mt32{margin-top: 32px;}
.mb32{margin-bottom: 32px;}
.mb-40{margin-bottom: 40px;}
.mb48{margin-bottom: 48px;}
.mb64{margin-bottom: 64px;}
.mb80{margin-bottom: 80px;}
.mt80{margin-top: 80px;}
.ptb80{padding: 80px 0px;}
.pb80{padding-bottom:80px;}
.mt-100 {margin-top: 100px}
.border-bt-full{border-bottom: 1px solid#E8E8E8;}
.white-bg{background:#fff;}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1240px !important;
}
/* ==================Header start================== */

    /* header top */
    .regionsIn {
        column-gap: 8px;
        padding: 7px 0px;
    }
    .regionsIn span {
        display: flex;
    }
    .regionsIn a {
        font-size: 14px;
        line-height: normal;
        font-weight: 500;
        color: #fff;
    }
    .regionsIn a:hover {
        color: #B9E4FE; text-decoration: underline;
    }

    /* header mid */
    .header-logo {
        max-width: 230px;
        width: 100%;
        display: flex;
        padding: 20px 0px;
    }
    .midNav ul li a {
        color: #454544;
        font-size: 14px;
        line-height: 100%;
        font-weight: 600;
        padding: 16px;
        display: inline-block;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }
    .midNav ul li a:hover{background: var(--light-bg);}
    .midNav ul li a:hover{color:var(--secondary-color);}
    
/* main navigation */
.mainNav .navbar-expand-lg {
    padding: 0;
}
.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: #262626;
    line-height: 100%;
    padding: 16px 24px 16px 24px;
    display: flex;
    align-items: baseline;
}
.navbar-expand-lg .navbar-nav .nav-link.active{background: var(--light-bg); color: var(--secondary-color);}
.navbar-expand-lg .navbar-nav .nav-link.active svg {
    transform: rotate(90deg); 
}
.navbar-expand-lg .navbar-nav .nav-link.active span svg path {
    stroke:var(--secondary-color);
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    color:var(--secondary-color);
}
.navbar-expand-lg .navbar-nav .nav-link:hover span svg path {
    stroke:var(--secondary-color);
}

.searchBox a{color: var(--secondary-color);font-size: 16px; font-weight:600; line-height: 100%; letter-spacing: 0.05em;}
.searchBox a span {
    display: flex;
    align-items: center;
    margin-left: 8px;
}

.navbar-toggler-icon {
    height: 3px;
    background:var(--primary-color);
    position: relative;
    width: 30px;
    border-radius: 3px;
    display: flex;
}
.navbar-toggler-icon:after {
    width: 30px;
    height: 3px;
    background:var(--primary-color);
    position: absolute;
    top: -8px;
    left: 0;
    content: "";
    border-radius: 3px;
}
.navbar-toggler-icon::before {
    width: 30px;
    height: 3px;
    background:var(--primary-color);
    position: absolute;
    bottom: -8px;
    left: 0;
    content: "";
    border-radius: 3px;
}

/* ==================Header end================== */


/* =================banner section start================== */
.bannerSection{ position: relative;background-position: center; background-repeat: no-repeat;  width: 100%; height:calc(100vh - 300px); background-size: cover; display: flex;
    align-items: center;}
.bannerSection::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(276.51deg, rgba(6, 85, 134, 0) 40.08%, #065586 76.02%),
linear-gradient(263.49deg, rgba(6, 85, 134, 0) 39.57%, #065586 69.09%);}
.HomeSlider {
    position: relative;
}
.bannerIn {
    position: relative;
    z-index: 1;
    max-width: 690px;
    width: 100%;
}
.bottom-bg {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: -10px;
    z-index: 1;
} 

.HomeSlider .bottom-bg {
    width: 100%;
    margin-top: -150px;
    position: relative;
    z-index: 1;
}
.bottom-bg img {
    width: 100%;
    height: 150px;
}
.highlight-pic {
    display: flex;
    z-index: 1;
    position: absolute;
    top: 105px;
    left: 0;
}
.HomeSlider .swiper-button-next,
.HomeSlider .swiper-button-prev {
transition: all 0.3s;
    width: 55px;
    height: 55px;
    border-radius: 50%;
     background: rgba(256,256,256,0.3);
}
.HomeSlider .swiper-button-next:hover,
.HomeSlider .swiper-button-prev:hover {
    background: rgba(256,256,256,1);
}

.HomeSlider .swiper-button-next:after,
.HomeSlider .swiper-button-prev:after{font-size: 32px;}


.swiper-button-next:after,
.swiper-button-prev:after{color: var(--secondary-color);}

.bannerBtn {
    border-radius: 8px;
    color: var(--secondary-color);
    background: var(--white-color);
    font-size:20px;
    font-weight: 600;
    line-height: 150%;
    padding: 12px 20px;
    display: inline-block;
    -webkit-animation: .7s linear infinite ripplewhite;
    animation: .7s linear infinite ripplewhite;
    transition: 1.5s ease-in-out   
}

.HomeSlider .swiper-pagination {
    z-index: 999;
    bottom: 75px !important;
}
.HomeSlider .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: var(--secondary-color);
    opacity: 1;
}
.HomeSlider .swiper-pagination-bullet-active{ background: var(--primary-color); }

@keyframes ripplewhite {
    0% {
        box-shadow: 0 0 0 0 hsla(0,0%,100%,.1),0 0 0 10px hsla(0,0%,100%,.1),0 0 0 20px hsla(0,0%,100%,.1)
    }

    100% {
        box-shadow: 0 0 0 10px hsla(0,0%,100%,.1),0 0 0 20px hsla(0,0%,100%,.1),0 0 0 30px hsla(0,0%,100%,0)
    }
}
.bannerBtn:hover {
    background: var(--secondary-color);
    color: #fff;
}
.bannerSection h1 {
    font-size: 60px;
    font-weight: 800;
    line-height: 110%;
    color: #fff;
}
.bannerSection h1 br {
    display: none;
}

.bannerSection p {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: #fff;
    letter-spacing: 0.05em;
    margin: 10px 0px 24px 0px;
}

.heading{font-size: 40px;line-height: 120%;font-weight:800; color: var(--primary-color);}

/* =================banner section end================== */

/* ===============search section start==================== */
.searchSection {
    padding: 55px 0px 72px 0px;
}

.yello-highlight {
    margin-top: -8px;
    margin-left: -8px;
}
/* .section-head {
    margin-bottom: 40px;
} */
.section-head h2 {
    display: flex;
    justify-content: flex-start;
    position: relative;
}

.searchIn{background:var(--light-bg); padding: 48px;border-radius: 16px;}
.inputBox {
    position: relative;
    outline: none;
}
.searchArea {
    width: 100%;
}
.searchArea:first-child input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.searchArea:last-child input{ border-top-left-radius: 0;
    border-bottom-left-radius: 0;}
.searchSection .inputBox input  {
    border: none;
    outline: none;
    box-shadow: none;
}
.inputBox .form-control:focus{
    border: none;
    outline: none;
    box-shadow: none;
}
.searchSection .inputBox input {
    padding: 25px 25px 25px 58px;
}

.inputBox.locationBox input {
    padding-right: 120px;
}
.searchSection .inputBox span {
    position: absolute;
    left: 25px;
    top: 50%;
    margin-top: -12px;
}

.locationBox button {
    background-color: var(--secondary-color);
    color: var(--white-color);
    font-size: 20px;
    line-height: 150%;
    font-weight: 700;
    padding: 8px 20px;
    border-radius: 8px;
    border: none;
    box-shadow: none;
}
.locationBox button:hover {background-color:var(--primary-color)}
.locationBtn {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -23px;
}
.inputBox.locationBox:after {
    content: "";
    width: 2px;
    height: 50px;
    background:var(--light-bg);
    position: absolute;
    left: 0;
    top: 12px;
}

.inputBox::placeholder {
    color:#B0B0B0;
    opacity: 1; /* Firefox */
  }
  
  .inputBox::-ms-input-placeholder { /* Edge 12 -18 */
    color:#B0B0B0;
  }

  .locationCount p {
    font-size: 16px;
    line-height: 120%;
    font-weight: 500;
    color: #262626;
}
.locationCount p strong {color: var(--primary-color);font-weight: 800;}

/* ===============search section end==================== */


/* =================Life-Changing Research start================= */
.ResearchSection {
    padding: 50px 0px;
}
.ResearchSection .section-head h2 {
    margin-bottom: 16px;justify-content: center;
}
.ResearchSection .section-head p {
   font-size: 16px; line-height: 160%; font-weight: 400;color:var(--light-black);
}
.ResearchSection .section-head{max-width: 820px; margin: 0 auto 55px; text-align: center;}
.ResearchSection .col-md-3 {
    flex: 0 0 auto;
    width: 20%;
}
.ResearchSection .cardContent{box-shadow: 4px 4px 24px 0px rgba(4, 85, 134, 0.15);border-radius: 16px; padding:15px; text-align: center; transition: all 0.3s;}
.ResearchSection .cardContent:hover{
    box-shadow: 0px 0px 8px 0px rgba(4, 85, 134, 0.10);
}
.icons-blue .cardContent .imageBox {
    max-width: 64px;
    width: 100%;
    height: 64px;
    margin: 0 auto 15px;
}
.ResearchSection .cardContent h5 {
    min-height: 50px;
    font-size: 16px;
    line-height: 140%;
    color: #545454;
}
/* =================Life-Changing Research end================= */



/* ============== more about the work start============== */
.about-work{padding: 80px 0px;}
.about-work .sectionIn {
    background: #F0F8FF;
    border: 1px solid #B9E4FE;
    border-radius: 32px;
    padding: 30px;
}
.about-work .contentBox,
.about-work .imageBox{max-width: 50%; width: 100%; position: relative; }
.about-work .imageBox {display: flex;border-radius: 32px;overflow: hidden;}
.about-work .imageBox img{width: 100%; }
.about-work .section-head {margin-bottom: 15px;}
.about-work .contentBox h2{justify-content: flex-start;}
.about-work .contentBox p{padding-bottom:20px;}
.knowMore{background: var(--white-color); font-size:18px; line-height: 150%;font-weight: 600; color: var(--secondary-color);border-radius: 8px; box-shadow: 4px 4px 24px 0px rgba(4, 85, 134, 0.15);}
.knowMore:hover {background:var(--secondary-color);color: var(--white-color);}
.about-work .knowMore {
    position: absolute;
    left: 15px;
    bottom: 15px;
}

/* ============== more about the work end============== */


/* ===============success-story start================ */
.highlightSection.success-story {
    display: block;
    height: auto;
    padding-bottom: 120px;
    position: relative;
}
.success-story .section-head {
    padding-right: 215px;
    margin-bottom: -60px;
}
.success-story .section-head h2,
.success-story .section-head p{ color: var(--white-color);}
.success-story .section-head h2{margin-bottom: 16px;}

.sliderIn{border-radius: 16px;padding:24px; background: var(--white-color);}
.highlightSection.success-story .imageBox{display: block;}
.highlightSection.success-story .imageBox img{ width: 100%;}
.highlightSection.success-story .contentBox {padding: 0px; }
.highlightSection.success-story .contentBox:last-child{margin-bottom: 0px;}

.highlightSection.success-story .contentBox h5{font-size: 20px; line-height: 150%; font-weight: 600; color: var(--secondary-color);}
.highlightSection.success-story .contentBox p{font-size:16px; line-height: 110%; font-weight: 400; color:var(--light-black)}
.smallPic {
    display:inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-top: -25px;
    margin-right: 8px;
    overflow: hidden;
}
.success-slider {
    position: relative;
    z-index: 2;
}
.success-story .highlight-pic {
    top: auto;
    bottom: 0px;
    left: 0;
    right: 0;
    z-index: 1;
}
.success-story .swiper-wrapper {
    padding-top: 100px;
}
.success-story .highlight-pic img {
    width: 100%;
}

.success-story .swiper2-button-next,
.success-story .swiper2-button-prev{
    width: 48px;
    height: 48px;
    background: var(--white-color);
    border-radius: 50%;
    top: 25px;
    margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    position: absolute;
}

.success-story .swiper2-button-next{
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}

.success-story .swiper2-button-prev {
    right: 70px;
    left: auto;
}
.success-story .swiper2-button-next svg,
.success-story .swiper2-button-prev svg {
    width: auto;
    height: auto;
}
.success-story .swiper2-button-next:after,
.success-story .swiper2-button-prev:after {
   display:none;
}


/* ===============success-story end================ */

/* =============filter area start =================== */
.filterArea {
    padding-top:30px;

}
.filterArea .cardContent {
    box-shadow: 4px 4px 24px 0px rgba(4, 85, 134, 0.15);
    border-radius: 16px;
    padding: 0px 24px 24px 24px;
}

.filterArea .imageBox {
    width: 105px;
    height: 105px;
    margin: 0 auto;
    margin-top: -52px;
    display: inline-block;
}
.filterArea .cardContent {
    margin-top: 80px;
    text-align: center;
}
.filterArea .counterBox h4 {
    font-size: 20px;
    line-height: 140%;
    color:var(--secondary-color);
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 5px;
    
}


.filterArea .counterBox h5 {
    font-size: 14px;
    line-height: 140%;
    color:#000;
    font-weight: 500;
}

.filterArea .counterBox h6 {
    font-size: 14px;
    line-height: 140%;
    color: #454545;
    font-weight: 500;
    margin-bottom: 8px;
}
.practicesBox ul li span {
    font-size: 14px;
    line-height: 120%;
    font-weight: 400;
    color: #5D5D5D;
}

.actionIcons a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    background:var(--secondary-color);
    border-radius: 50%;
   
}

.actionIcons a:hover {background:var(--primary-color) ;}

.alphabetList {
    display: flex;
    column-gap: 6px;
    flex-wrap: wrap;
    justify-content:flex-start;
    row-gap: 7px;
    padding-top:30px;
}
.alphabetList a {
    width: 40px;
    height: 40px;
    border: 1px solid #d1d1d1;
    border-radius: 8px;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #545454;
    text-transform: uppercase;
}

.alphabetList a:hover {
    background:var(--secondary-color);border: 1px solid var(--secondary-color);
    color:var(--white-color);
}


.operativeSec .nav {
    row-gap: 8px;
    max-width: 290px;
    width: 100%;
}
.operativeSec .nav-link {
    background: #fff;
    color: #545454;
    font-size: 14px;
    line-height: 140%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 8px;
    border: 1px solid #e7e7e7;
    padding: 16px;
    border-radius: 16px;
    text-align:left;
}
.operativeSec .nav-link:hover {background: var(--secondary-color); color: var(--white-color);}


.operativeSec .nav-pills .nav-link.active,
.operativeSec .nav-pills .show>.nav-link{background: var(--secondary-color);color: var(--white-color);}

.operativeSec .nav-link:hover small svg path,
.operativeSec .nav-link.active small svg path {
    fill: #fff;
}

.operativeSec{background:#f6f6f6;}

.operativeSec h3 {
    font-size: 28px;
    line-height: 110%;
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 5px;
}

.operativeSec .tab-content {
    height: 100%;
    width: 79%;
    background: #fff;
    padding:32px;
    border-radius: 24px;

}

.operativeSec .tab-content h4 {
    font-size: 20px;
    line-height: 120%;
    font-weight: 500;
    color:var(--secondary-color);
    margin-bottom:15px;
}

/* .operativeSec .contentBox {
    height: 265px;
    overflow-y: auto;
    padding-right: 30px;
} */

.operativeSec .contentBox ul {
    padding-left: 15px;
    margin-bottom: 20px;
}
.operativeSec .contentBox ul li {
    font-size: 16px;
    line-height: 140%;
    color: #252525;
    position: relative;
    padding-left:20px;
    margin: 5px 0px;
}

.operativeSec .contentBox::-webkit-scrollbar {
	width:4px;  
}


.operativeSec .tabsTwo .contentBox {
    height: 440px;
    overflow-y: auto;
    padding-right: 30px;
}
/* .orderCart .eventPaxCount {
    margin-right: 20px;
} */


.operativeSec .contentBox::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: rgba(0, 0, 0, 0.40);
    margin-right: -10px;
}



.operativeSec .contentBox ul li:after {
    position: absolute;
    left: 0;
    top: 8px;
    background: #000;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    content: "";
}

.operativeSec .contentBox blockquote{ background: var(--light-bg);border-left:3px solid var(--secondary-color) ; padding:20px; margin: 20px 0px;}
.operativeSec .contentBox blockquote ul{margin-bottom: 0px;}

/* =============filter area end =================== */

/* ===================Innovation section start================= */
.innovationSection .sectionIn{padding: 64px;background: var(--light-bg); border-radius: 24px;}
.innovationSection  .section-head {margin-bottom: 0px;}
.innovationSection  .section-head h2 {
    justify-content: start;
    margin-bottom:20px;
}
.innovationSection .videoBox {
    max-width: 600px;
    width: 100%;
    
}
.innovationSection .contentBox {
    width: 100%;
    flex: 1;
}
.innovationSection .contentBox p {
    font-size: 16px;
    line-height: 160%;
    font-weight: 400;
}
/* ===================Innovation section end================= */


/* =================Highlight section start================= */
.highlightSection{position: relative; background:url(../images/blueBg.png)center center no-repeat; width:100%; height:952px; background-size: cover; display: flex;align-items: center;padding-top: 250px; overflow: hidden;}
.top-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
}
.top-bg img {width: 100%; height: 144px;}

.highlightSection .contentBox {
    background: #fff;
    border-radius: 32px;
    padding: 32px;
    max-width: 340px;
    width: 100%;
    margin-bottom: 120px;
}
.highlightSection .contentBox:last-child {
    margin-bottom: 50px;
}
.b-b-r{border-bottom-right-radius: 0px !important;}
.b-t-r{border-top-right-radius: 0px !important;}
.b-b-l{border-bottom-left-radius: 0px !important;}
.b-t-l{border-top-left-radius: 0px !important;}

.highlightSection .contentBox h4 {
    font-size: 24px;
    line-height: 140%;font-weight: bold;
    color: var(--secondary-color);
    margin-bottom: 8px;

}
.highlightSection .contentBox p {
    font-size: 16px;
    line-height: 160%;font-weight: 400;
    color: #000;
    margin-bottom: 8px;

}
/* =================Highlight section end================= */


/* ============= about section start  ========== */
.aboutSection .sectionIn {
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
}
.aboutSection .section-head h2 {
    margin-bottom: 16px;
    justify-content: flex-start;
}
.aboutSection .cardBox{background: var(--light-bg);}
.aboutSection .contentBox {
    flex: 1;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 30px;
}
.aboutSection .contentBox p {
    font-size: 16px;
    line-height: 160%;font-weight: 400;
    color: #000;
}
.aboutSection .imageBox {
    max-width: 50%;
    width: 100%;
    display: flex;
}

/* ===================about section end================= */


/* ===========Emergency Care section start========= */
.emergencyCare h6 {
    font-size: 24px;
    line-height: 38px;
    font-weight: 600;
}
.emergencyCare p{
    font-size: 24px;
    line-height: 38px;
    font-weight: 400;
}

.emergencyCare .knowMore {
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding: 16px 24px;
    display: inline-block;
    background: var(--secondary-color);
    color: var(--white-color);
}

.emergencyCare .knowMore:hover {
    background: var(--primary-color);
}
.getBtn{
    padding: 16px 24px;
    display: inline-block;
    background: var(--secondary-color);
    color: var(--white-color);
    border-radius: 8px;
    box-shadow: 4px 4px 24px 0px rgba(4, 85, 134, 0.15);
transition: all 0.3s;}
.getBtn:hover {
        background: var(--primary-color);
    }


    .scheduleBtn {
        font-size: 16px;
        line-height: 160%;
        font-weight: 400;
        color: var(--primary-color);
        display: flex;
        align-items: center;
        column-gap: 15px;
    }

/* ===========Emergency Care section end========= */


.footerMain{background: var(--primary-color); padding: 24px 0px;}
.footerIn h4 {
    position: relative;
    color: #fff;
    font-size: 24px;
    line-height: 100%;
    font-weight: 600;
    margin-bottom:35px;
}

.footerIn h4::after{
   content: "";
   width: 72px;
   height: 3px;
   background: #FEBA29;
   position: absolute;bottom: -20px;
   left: 0; 
}

.footerIn ul li a {
    padding: 8px 0px;
    display: flex;
    font-size: 16px;
    line-height: 130%;
    font-weight: 400;
    color: #fff;
}

.footerIn ul li a:hover{font-weight:600; text-decoration: underline;}

.footerMain ul.contactUs li {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.socialMedia {
    display: flex;
    column-gap: 15px;
}
.socialMedia a {
    width: 40px;
    height: 40px;
    background:var(--secondary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.socialMedia a:hover {
    background:var(--white-color);
}
.socialMedia a:hover svg path{
fill: var(--secondary-color);
}

.socialMedia a.facebookIcon:hover svg path{
    stroke: var(--secondary-color);
    }




/* breadcrumb  */
.breadcrumbMain #nav-tab,
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border: none;
}
.breadcrumbMain #nav-tab {
    border-radius: 8px;
    overflow: hidden;
    border: none;
    box-shadow: none;
    outline: none;
    margin-top: -3px;
}
.breadcrumbMain {
    position: relative;
    z-index: 1;
    margin-top: 20px;
}
.breadcrumbMain li.breadcrumb-item {padding-right: 30px;}
.breadcrumbMain ol li a, .breadcrumbMain ol li.active {
    color: var(--white-color);
    font-size: 16px;
    line-height: 140%;
    font-weight: 500;
    display: flex;
}
.breadcrumb-item+.breadcrumb-item{position: relative;}
.breadcrumb-item+.breadcrumb-item::before {
    background: url(../images/chevrons-right.svg)center center no-repeat;
    width: 16px;height: 16px;content: "";position: absolute;left: -18px;right: auto;top: 5px;}
.nav-tabs .nav-link{font-size: 14px; line-height: 14px;font-weight: 500;color:var(--white-color); background: rgba(11,71,111,1);border-radius:0px; border: none;}
.breadcrumbMain li.breadcrumb-item:last-child {
    padding-right: 0;
}
.breadcrumbMain .breadcrumb{align-items: flex-start;}




/* =================patients page start==================== */
.patientsPg .aboutSection .section-head {margin-bottom:0px;}
.patientsPg .aboutSection .section-head h2{font-size: 32px;}
span.callIn {font-size: 16px;
    font-weight: 600;
    line-height: 160%;
    color: #000;
    margin: 15px 0px 10px 0px;
    display: inline-block;
}

.CareCall h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 180%;
    color: #000;
}
.CareCall a {
    color:var(--secondary-color);
    font-size: 16px;
    line-height: 180%;
    font-weight: 600;
}


.patientsPg .ResearchSection{padding-bottom: 100px;}
.patientsPg .ResearchSection .cardContent h4{font-size: 16px;line-height: 140%;font-weight:600; color: var(--primary-color);}
.patientsPg .ResearchSection .cardContent h5{min-height: auto; font-size: 14px;line-height: 140%;font-weight:400;color: var(--blackcolor);margin-top: 5px;}
.patientsPg .ResearchSection .cardContent h4{font-size: 16px;line-height: 140%;font-weight:600; color: var(--primary-color);margin-bottom: 10px;}
.patientsPg .ResearchSection .cardContent .imageBox {max-width: 100%; width:100px;height:100px;background: var(--secondary-color);margin: 0 auto;border-radius: 50%;display: flex;align-items: center;
    justify-content: center;
    margin-top: -62px;
    margin-bottom: 15px;
}

.patientsPg .ResearchSection .cardContent .imageBox img {
    width: 55px;
    height: 54px;
}
.blue-circle{
    width:100px;height:100px;background: var(--secondary-color);margin: 0 auto;border-radius: 50%;display: flex;align-items: center;
    justify-content: center;
    margin-top: -62px;
    margin-bottom: 15px;  
}

.patientsPg .ResearchSection .cardContent {
    margin-top: 50px;
    transition: all 0.3s;
}

/* .patientsPg .ResearchSection .cardContent:hover{
    box-shadow: 0px 0px 8px 0px rgba(4, 85, 134, 0.10);
} */


/* .patientsPg .ResearchSection .cardContent .imageBox svg path{stroke:var(--white-color);} */

/* =================patients page end==================== */


/* ===================insurence section start============== */
.InsuranceSec {
    position: relative;
    padding-top: 115px;
}
.InsuranceSec .imageBox {
    max-width: 720px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.InsuranceSec .section-head {
    margin-bottom: 10px;
}
.InsuranceSec .section-head h2 {
    justify-content: flex-start;

}
.highlight-blue {
    position: absolute;
    top: 90px;
    right: 0;
}

.InsuranceSec .imageBox > img {
    position: relative;
    margin-bottom: -10px;
}
.bgCircle {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.InsuranceSec .contentBox {
    width: 50%;
    position: relative;
    z-index: 1;
}



/* ===================insurence section end============== */




/* ======================gallery page start=============== */
.gallerySection{padding: 90px 0px;}
.gallerySection .imageBox {
    display: flex;
    max-width: 228px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 24px;
}
.gallerySection .col-md-3 {
    width:20%;
}

.gallerySection .modal-content{border-radius: 16px;}

.galleryPic .imgBox {
    display: flex;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 20px;
}
.galleryPic .contentBox {
    display: flex;
    align-items: center;
    margin-bottom:30px;
}
.galleryModal .modal-body {
    padding: 32px;
}

.galleryModal .galleryPic .imageBox {
    display: flex;
}

.galleryModal .picDetails ul li {
    font-size: 16px;
    line-height: 120%;
    font-weight: 500;
    padding: 2px 0px;
}

.galleryModal .btn-close {
    position: absolute;
    right: 32px;
    top: 48px;
    z-index: 1;
}
/* ======================gallery page end=============== */




/* ================Microtia page start=============== */
.aboutMicrotia{padding:50px 0px 100px 0px;}
.aboutMicrotia .section-head {
    margin-bottom: 10px;
}
.aboutMicrotia .imageBox {
    max-width: 505px;
    width: 100%;
}
.aboutMicrotia .contentBox {
    max-width: 100%;
    width: 100%;
    margin-left: auto;
}
.aboutMicrotia .contentBox h3 {
    font-size: 24px;
    line-height: 160%;
    font-weight: 600;
    color: var(--primary-color);
}

.box-shadow{
    box-shadow: 4px 4px 24px 0px rgba(4, 85, 134, 0.15);
    border-radius: 16px;

}

.aboutMicrotia .imgBox {
    padding: 24px;
    text-align: center;
    transition: all 0.3s;
}
.aboutMicrotia .imgBox:hover {
    box-shadow: 0px 0px 5px 1px rgba(4, 85, 134, 0.10);
}
.aboutMicrotia .imgBox img{width: 100%;}
.aboutMicrotia .imgBox h5{font-size: 20px; line-height: 140%; font-weight: 600; color: var(--secondary-color);}

.aboutMicrotia .gradeSection .imgBox,
.aural-atresia .gradeSection .imgBox{position: relative; overflow: hidden;padding:20px; }
.gradeSection .imgBox h5{padding-top:5px; min-height: auto !important;}
.gradeSection .gradDetails {
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    transition: all 0.3s;
    opacity: 0;visibility: hidden;
}

.gradeSection .imgBox:hover .gradDetails {
    opacity: 1;visibility: visible;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background:rgba(0,119,190,0.90);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}
.gradeSection .imgBox:hover > h5{  opacity: 0;visibility: hidden;}
.gradeSection .gradDetails .contentBox{padding: 30px;}
.gradeSection .imgBox:hover .contentBox h5,
.gradeSection .imgBox:hover .contentBox p{color: #fff;}
.gradeSection .imgBox:hover .contentBox h5{font-size: 24px;padding-bottom: 0px;}

/* ================Microtia page end=============== */



.knowAbout {
    background:var(--light-bg);
    padding: 80px 0px;
}
.ResearchSection.knowAbout .col-md-3 {
    width: 25%;
}
.knowAbout .imageBox {
    max-width: 64px;
    margin: 0px auto  10px;
}

.knowAbout .cardContent {
    min-height: 180px;
    margin-bottom: 24px;
    background: var(--white-color);
    transition: all 0.3s;
}

.knowAbout .cardContent:hover{box-shadow: 0px 0px 5px 1px rgba(4, 85, 134, 0.10);}

.microtiaPg .knowMore {
    position: absolute;
    left:0px;
    bottom:0px;
    padding: 16px 24px;
    display: inline-block;
    background: var(--secondary-color);
    color:var(--white-color);
}
.microtiaPg .knowMore:hover {background: var(--primary-color);}


.SyndromesSection .section-head h2 {
    justify-content: center;
    margin-bottom: 50px;
}

.aboutMicrotia.SyndromesSection .imgBox h5 {
    font-size: 16px;
    color: #262626;
    font-weight: 400;
    margin-top: 16px;
}


.aural-atresia .section-head {
    margin-bottom: 15px;
}

.aural-atresia .imageBox {
    max-width: 596px;
    width: 100%;
}
.aural-atresia .contentBox {
    max-width: 100%;
    width: 100%;
}
.aural-atresia .contentBox h3{margin-bottom: 10px;}
.aural-atresia .contentBox p {
    padding-bottom: 20px;
}
.aural-atresia .aboutMicrotia{padding-bottom: 0px;}
.microtiaPg .innovationSection {position: relative;padding:70px 0px;}
.microtiaPg .innovationSection{position: relative;}

.microtiaPg .innovationSection .cardBox{padding: 0px;}
.microtiaPg .innovationSection .cardBox .imageBox{display: flex;}
.microtiaPg .innovationSection .cardBox .contentBox,
.microtiaPg .innovationSection .cardBox .imageBox{max-width: 50%; width: 100%;}

.shape-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: -1;
}
.shape-bottom {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    margin: 0 auto;
    z-index: -1;
}
.shape-top img,
.shape-bottom img{width: 100%;}

.SyndromesSection.AuralAtresia .section-head h2 {
    justify-content: flex-start;
    margin-bottom: 15px;
}
.SyndromesSection.AuralAtresia .section-head{margin-bottom: 40px;}
.microtiaPg .about-work .imageBox {
    border-bottom-right-radius: 0px;
}
.microtiaPg .microtia-osia .knowMore {
    left: auto;
    right: 0;
}


.Psychological .section-head {
    margin: 0 auto 100px;
    text-align: center;
}

.Psychological .imageBox img {
    width: 56px;
    height: 56px;
}
.Psychological .cardContent{margin-bottom:80px;min-height: 180px;}


.potentialSection {
    position: relative;
    margin-top: -80px;
}

.potentialSection .sectionIn{
    position: relative;
padding:64px 330px 64px 330px;
background: var(--light-bg);
border-radius: 24px;
z-index: 1;
}

.potentialSection .sectionIn .imageBox {
    max-width: 280px;
    padding: 25px;
    background: var(--white-color);
    box-shadow: 4px 4px 24px 0px rgba(4, 85, 134, 0.15);
    border-radius: 16px;
}
.potentialSection .sectionIn .imageBox p {
    font-size: 16px;
    line-height: 120%;
    font-weight: 400;
    color: #000;
    text-align: center;
}

.potentialSection .contentBox p {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    text-align: center;
}


.leftImg {
    position: absolute;
    left: 25px;
    top: -155px;
    transform: rotate(17deg);
}

.rightImg {
    position: absolute;
    left: auto;
    right:0px;
    bottom: -80px;
    transform: rotate(-17deg);
}

.shape-mid {
    position: absolute;
    top:-50px;
    left: 0;
    right: 0;
    width: 100%;
}
.shape-mid img{width: 100%;}
.DoctorSec .imageBox{display: flex;}
.DoctorSec .imageBox,
.DoctorSec .contentBox{max-width: 50%; width: 100%;}
.DoctorSec .section-head {
    margin-bottom: 0;
}
.DoctorSec .section-head h2{
    margin-bottom:20px;
}

#nav-home .filterCount ul li a {
    display: flex;
    background:var(--white-color);
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: var(--secondary-color);
}
#nav-home .filterCount ul li a > span {
    display: flex;
    margin-right: 3px;
}

#nav-home .filterCount ul li a.sortBtn{background: rgba(224,241, 254,1 ); color: var(--primary-color);}
#nav-home .filterCount ul li .gridViewMain{border-radius: 8px;overflow: hidden;}
#nav-home .filterCount ul li .gridViewMain a {
    border-radius: 0;
    display: flex;
    align-items: center;
    background: rgba(224, 241, 254, 1);
}
#nav-home .filterCount ul li .gridViewMain a.active{background:var(--white-color);    color: var(--secondary-color);}
#nav-home .filterCount ul li .gridViewMain a span {
    margin-right: 3px;
    display: flex;
    align-items: center;
}
.addList .col-md-3 {
    width:100%; transition: all 0.3s;
}
.addList .practicesBox {display: none;}
.filterArea.addList .imageBox {
    width: 64px;
    height:64px;
    margin-top: 0;
    margin-right: 15px;
   
}
.filterArea.addList .cardContent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px; margin-top: 16px;
}

.filterArea.addList .counterBox h4 br{display: none;}
.filterArea.addList .counterBox h5{text-align: left;}

.filterArea.addList .thumbPic {
    display: flex;
    align-items: center;
}

.filterArea.addList .imageBox {
    width: 64px;
    height: 64px;
    margin-top: 0;
    
}
.searchMain {
    padding: 30px;
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
}
.searchMain .btn-close {
    float: right;margin-left: 10px;

}
.searchMain .inputBox {
    position: relative;
    outline: none;
    width: 100%;
}
.searchMain .locationBtn {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
    height: 100%;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    width: 80px;
}

.searchMain input{height: 58px; border-radius: 8px;outline: none; box-shadow: none;}
.searchMain .inputBox.locationBox:after{display: none;}

.offcanvas.searchField,
.offcanvas-backdrop {
    top: 0px;}
.offcanvas.searchField{height: 180px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);}
.searchMain .inputBox .form-control:focus{border: 1px solid #ccc;}


.scheduleBtn {
    font-size: 16px;
    line-height: 160%;
    font-weight: 400;
    color: var(--primary-color);
}
.ProfileSec .cardContent{background: var(--light-bg);margin-top: 0px; box-shadow: none;}
.scheduleBtn:hover{color: var(--secondary-color); text-decoration: underline;}

.blueBtn{background: var(--secondary-color);color: var(--white-color);border-radius:8px;font-size: 16px; line-height: 24px;display:inline-block; padding: 12px 25px;border: none;transition: all 0.3s;}


.blueBtn:hover{background: var(--primary-color);}

/* accordion start */

.accordionSection {
    padding-left: 30px;
}
.accordionSection .accordion-button::after {
    background: none;
    border-radius: 8px;
    content: "\f054";
    font-family: "fontAwesome";
    transform: rotate(0deg);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    font-weight: 400;
    font-size: 18px;
}
.accordionSection .accordion-button:not(.collapsed)::after{
    transform: rotate(90deg);
    color: var(--white-color);
}
.accordionSection .accordion-button:not(.collapsed)::before{
    border: 1px solid var(--secondary-color);
    background: var(--secondary-color);
}
.accordionSection .accordion-button::before {
    border: 1px solid #d1d1d1;
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 8px;
    left: auto;
    right:0px;
    margin-left: auto;
    flex-shrink: 0;
    position: absolute;
} 
.accordionSection .accordion-item {
    border: none;
    border-bottom: 1px solid #d1d1d1;
}

.accordionSection .accordion-button {
    padding-left: 0;
    padding-right: 0;
    color: #545454;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
}
.accordionSection .accordion-button:not(.collapsed){background: transparent; color: var(--secondary-color);box-shadow: none;}
.accordionSection .accordion-item:last-of-type{border: none;}
.accordionSection .accordion-item:first-of-type .accordion-button{padding-top: 0px;}
.accordionSection .accordion-item:last-of-type .accordion-button.collapsed{box-shadow: none;}
.accordionSection .accordion-button:focus{box-shadow: none;}

.accordionSection .accordion-body{padding-left: 0; padding-right: 0px; padding-top: 0px;}
.accordionSection .accordion-body p{padding-bottom: 20px;}
.accordionSection .accordion-body p:last-child{padding-bottom: 0px;}
.mapContent h3 {
    color: #262626;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin: 10px 0px 5px 0px;
}
.mapContent p {
    padding: 0;
}
.mapContent p a {color: var(--secondary-color);font-weight: 500;}


/*=========== medical services Specialties============= */


.medical-specialties .section-head {text-align:center;max-width:800px;margin:0 auto 0px;}
.medical-specialties .section-head h2{margin-bottom: 15px;}


.special-slider-main {
    padding: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 16px;
}
.special-slider-main  h3 {
    font-size: 32px;
    line-height: 160%;
    font-weight: 600;
    color: #fff;
    margin-bottom: 30px;
}
.special-slider-main .sliderIn {
    border-radius: 16px;
    padding: 24px;
    background: var(--white-color);
    min-height: 165px;
}
.special-slider-main .sliderIn h4{color: var(--secondary-color);font-weight:600;}
.special-slider-main .sliderIn p{color: #5D5D5D;font-size: 14px; line-height: 140%;} 
.special-slider-main .sliderIn h5 {
    font-size: 14px;
    line-height: 100%;
    font-weight: 600;
    color: #000;
    padding: 5px 0px 7px 0px;
}

.special-slider-main .swiper3-button-next,
.special-slider-main .swiper3-button-prev {
    width: 48px;
    height: 48px;
    background: var(--secondary-color);
    border-radius: 50%;
    top: 2px;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

.special-slider-main .swiper3-button-next {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}


.special-slider-main .swiper3-button-prev {
    right: 70px;
    left: auto;
}

.special-slider-main .swiper3-button-next svg,
.special-slider-main .swiper3-button-prev svg {
    width: auto;
    height: auto;
}

.special-slider-main .swiper3-button-next:after,
.special-slider-main .swiper3-button-prev:after {
   display:none;
}


.allSpecialties .accordionSection {
    padding-left: 0px;
}
.allSpecialties .accordionSection .accordion-button{padding: 0px;}
.allSpecialties .accordionSection .accordion-item {
    border: none;
    border-bottom: 0px solid #d1d1d1;
    box-shadow: 4px 4px 24px 0px rgba(4, 85, 134, 0.15);
    margin: 16px 0px;
    padding:24px;
    border-radius: 12px;
}

.conditionBased .inputBox.locationBox:after{display:none;}
.conditionBased .inputBox.locationBox input {border-radius: 12px;}
.findDocProfile p {
    padding-bottom: 15px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}


.imageSliderSec .section-head {
    max-width: 1000px;
    /*margin: 0 auto;*/
    margin-bottom: -40px;
}

.imageSliderSec .imageBox {
    padding: 15px;
    background: #fff;
    border-radius: 16px;
    display: flex;
    box-shadow: 0px 0px 12px 0px rgba(4, 85, 134, 0.15);
}
.imageSliderSec .imageBox img {
    width: 100%;
}
.imageSliderSec .imageSlider {
    padding: 80px 0px 15px 0px;
}

.special-slider-main .swiper4-button-next,
.special-slider-main .swiper4-button-prev {
    width: 48px;
    height: 48px;
    background: var(--secondary-color);
    border-radius: 50%;
    top: 2px;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

.special-slider-main .swiper4-button-next {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}


.special-slider-main .swiper4-button-prev {
    right: 70px;
    left: auto;
}

.special-slider-main .swiper4-button-next svg,
.special-slider-main .swiper4-button-prev svg {
    width: auto;
    height: auto;
}

.special-slider-main .swiper4-button-next:after,
.special-slider-main .swiper4-button-prev:after {
   display:none;
}

.faceSliderMain .imageBox{
    background:var(--primary-color);
    border-radius: 16px;
    display: flex;
    overflow: hidden;
}


.faceSliderMain .swiper5-button-next:after,
.faceSliderMain .swiper5-button-prev:after{color: var(--secondary-color);}

.faqSection{position: relative;padding-top: 80px;}
.faqSection .sectionIn{background: var(--light-bg); padding: 70px; border-radius: 24px;}
.faqSection .accordion-body{padding: 15px 0px;}
.highlight-top-faq,
.highlight-bottom-faq{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: -1;
}

.highlight-top-faq {
    top: -20px;
    bottom: auto;
}
.highlight-bottom-faq {
    top: auto;
    bottom: -70px;
}
.highlight-top-faq img,
.highlight-bottom-faq img {
    width: 100%;
}

.contactForm .sectionIn {
    background: var(--light-bg);
    border-radius: 32px;
    padding: 80px 80px 0px 80px;
}

/*.form-design .form-group {margin: 0;}
.form-design .form-control {
    border-radius: 8px;
    height: auto;
    box-shadow: none;
    outline: none;
    border-color: #ffffff;
    background-color: #ffffff;
    padding: 15px 20px;
    font-size:16px;
    font-weight: 500;
}*/
.form-design .form-control {
    border-radius: 8px;
    height: auto;
    box-shadow: none;
    outline: none;
    border-color: #ffffff;
    background-color: #ffffff;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 400;

}
.form-design .form-group {margin: 0;}

.form-design .form-control::placeholder  {
    color: rgba(25, 26, 25, 0.50);
}
.form-design .form-control:placeholder  {
    color: rgba(25, 26, 25, 0.50);
}
.form-design .form-group label {
    margin: 0 0 5px;
}
.form-design .btn {
    width: 100%;
}
.form-design .form-check {
    box-shadow: none;
}

.form-design .form-control:focus {
    box-shadow: none;
}

/*  Success Stories css start */

.SuccessStories_section_wrapper .section-head {
max-width: 800px;
margin: 0 auto;
}

.SuccessStories_section_wrapper .gallerySection {
padding-top: 50px;
}

.highlightStory_section_wrapper {
background-image: url(../images/blueBg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 64px;
    border-radius: 24px;
}

.highlight_storyImage_Box {
margin-top: 50px;
}

.highlight_storyImage_Box .imageBox {
    padding: 15px;
    background: #fff;
    border-radius: 16px;
    display: flex;
    box-shadow: 0px 0px 12px 0px rgba(4, 85, 134, 0.15);
}
.highlight_storyImage_Box .imageBox img {
    width: 100%;
}
.White-Colortext {
    color: #fff;
}
.Ourmission_section_wrapper {
    position: relative;
}

.Ourmission_section_wrapper .section-head {
        max-width: 820px;
    margin: 0 auto;
    text-align: center;
}
.Ourmission_section_wrapper .OurMission_VideoBox_wrapper  {
max-width: 820px;
    margin: 0 auto;
    margin-top: 50px;
    text-align: center;
}
.OurMission_VideoBox_wrapper img {
    width: 100%;
}

.border_line_img {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: -1;
    bottom: -40px;
}
.border_line_img img {
    width: 100%;
}

.TeamCardbox {
box-shadow: 4px 4px 24px 0px rgba(4, 85, 134, 0.15);
    border-radius: 16px;
    padding: 30px;
}
.OurTeam_section_wrapper .TeamCardbox {
    margin-bottom: 24px;
}
.Profile_Btn {
    font-size: 14px;
    font-weight: 600;
    color: #065586;
}
.TeamCrad_content h3 {
    margin-bottom: 16px;
    color: #0077BE;
    font-size: 32px;
    font-weight: 600;
    line-height: 32px;
}
.TeamCrad_content p {
    margin-bottom: 16px;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    line-height: 25.6px;
}

.DoctorSec {
    position: relative;
}
.Donation_border_line_img {
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: -200px;
    right: 0px;
    width: 100%;
}
.Donation_border_line_img img {
    width: 70%;
}


.DonationsSec{position: relative; overflow: hidden;}

/*=================Benefits of Joining Our Team section start===============*/
.BenefitsSec .section-head h3{font-size: 24px; line-height: 28px; font-weight: 600;color: var(--primary-color);}
.BenefitsSec .cardContent h4{font-size: 20px; line-height: 24px; font-weight: 700;color: var(--primary-color); margin-bottom:8px;}
.BenefitsSec .cardContent p{font-size: 14px; line-height: 20px; font-weight: 400;color:#454545;}
.BenefitsSec .cardContent{padding:24px; height: 100%}
.BenefitsSec .cardContent .counterBox {width:100%; }
.BenefitsSec .cardContent .imageBox {
    background: #f6f6f6;
    max-width: 120px;
    width: 100%;
    height: 120px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.BenefitsSec .cardContent .imageBox img {
    width: 56px;
    height: 56px;
}

.DonationsSec .shapes3 {
    position: absolute;
    right: 0;
    bottom: -12px;
    z-index: -1;
}
/*=================Benefits of Joining Our Team section end===============*/


/*===================Patient Referral form start==================*/
.patient-referral{
    padding: 80px 0px 0px 0px;
    background: var(--light-bg);
        position: relative;
    overflow: hidden;
}
.contactForm.patient-referral .sectionIn{border-radius: 0px; background:none; padding: 0px;position: relative;z-index: 1;}
.patient-referral .imageBox {
    display: flex;
}
/*===================Patient Referral form end==================*/


.patient-referral .shapes3 {
    position: absolute;
    right: auto;
    bottom: 0;
    z-index: 0;
    left: -232px;
    transform: rotate(46deg);
}

.patient-referral-form .signInMain {
    position: relative;
    background-image: url(../images/blueBg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 64px;
    border-radius: 24px;
    z-index: 1;
}
.patient-referral-form .shape4 {
    position: absolute;
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    z-index: -1;
}

.patient-referral-form .form-design .form-group label {
    color: #fff;
    line-height: 18px;
}


.patient-referral-form .imageBox {
    position: absolute;
    bottom: -7px;
    top: auto;
}

.physiciansSec {
    margin-top: -225px;
    position: relative;
}
.physiciansIn {
    position: relative;
    background: var(--white-color);
    padding:20px;
    max-width: 335px;
    width: 100%;
    border-radius: 32px;
    box-shadow: 4px 4px 24px 0px rgba(4, 85, 134, 0.15);
    z-index: 99999;
}

.physiciansSec .container.d-flex {
    justify-content: flex-end;
}

.physiciansIn .contentBox{
    padding:20px;
    background: var(--light-bg);
    max-width:100%;
    width: 100%;
    border-radius: 32px;
}


.physiciansIn .contentBox h4 {
    color: #065586;
    font-size: 24px;
    line-height: 140%;
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px;
}

.physiciansIn .blueBtn{text-align: center; width: 100%}

.physiciansIn .blueBtn.white-bg {
    background: var(--white-color);
    color: var(--secondary-color);
}

.physiciansIn .blueBtn.white-bg:hover {
    background: var(--primary-color);color: var(--white-color);
}
.physiciansIn .blueBtn.white-bg:hover svg path {fill: var(--white-color);}
.your-questions.allSpecialties {
    padding-top: 0;
}
.your-questions .section-head{max-width:850px;width: 100%; margin: 0 auto;}
.your-questions .section-head h2 {
    justify-content: center;margin-bottom: 15px;
}
.your-questions .section-head p{text-align: center;}
.your-questions .accordionSection {padding-left:0px;}

.your-questions .sectionIn{background: var(--light-bg); border-radius:24px; padding: 60px}

.your-questions.allSpecialties .accordionSection .accordion-button{font-size:20px;}
.your-questions.allSpecialties .accordionSection .accordion-item {margin: 15px 0px; padding: 15px;}
.your-questions .accordionSection .accordion-button::before {
    width: 32px;
    height: 32px;
}
.your-questions .accordionSection .accordion-button::after {
    margin-right: 7px;
    font-weight: 400;
    font-size: 16px;
}

.your-questions .accordion-collapse {
    border-top: 1px solid #d1d1d1;
    padding-top: 10px;
    margin-top: 10px;
}
h5.doctor_specialization {
    margin-bottom: 17px;
}

.error-messages {
    margin-top: 30px;
}
.success-messages{
  margin-top: 30px;

}

  /* CSS for the pop-up */
  .popup {
    display: none; /* Hidden by default */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 1000;
  }
  .popup .message {
    text-align: center;
  }
  .popup .close-btn {
    display: block;
    margin-top: 10px;
    text-align: center;
    background-color: #007bff;
    color: white;
    padding: 5px 10px;
    border: none;
    cursor: pointer;
  }
  .popup .close-btn:hover {
    background-color: #0056b3;
  }
.loginMain{padding:150px 0px; background:url(../images/blueBg.png) center center no-repeat; width: 100%;min-height: 100vh;  background-size: cover;}

.loginMain .imageBox {
    margin: -115px 0px 0px -50px;
}
.loginMain .imageBox img {
    display: flex;
    bottom: 0px;
    position: relative;
}
.logIn {
    max-width: 855px;
    width: 100%;
    background: #fff;
    border-radius: 24px;
    border-top-left-radius: 70%;
    padding: 50px 0px 0px 0px;
    margin:  0 auto;
}
.loginMain .contentBox {
    max-width: 350px;
    width: 100%;
}
.loginImg {
    max-width: 100%;
    width: 100%;
    margin-bottom: 30px;
}
.loginImg p {
    margin-top: 10px;
}
.loginImg img {
    max-width: 230px;
    width: 100%;
}
.login-form input {
    height: 48px;
    box-shadow: none;
    border-radius: 8px;
}
.login-form input:focus {
    outline: 0;
    box-shadow: none;
}
.login-form label {
    font-size: 14px;
}
.forgetIn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.forgetIn label input {
    margin-right: 5px;
}
.forgetIn a{color: var(--secondary-color);font-size: 14px;}
.forgetIn label {
    display: flex;
    align-items: center;
}
.submitBox button {
    border: none;
    box-shadow: none;
    outline: none;
    width: 130px;
}
.loginMain .signInMain .blueBtn {
    max-width: 160px;
    width: 100%;
}

.backHome {
    display: flex;
    justify-content: space-between;
    background: #0077BE;
    width: 100%;
    padding: 15px 30px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}
.backHome a {
    color: #fff;
    font-size: 14px;
}
.backHome a:hover{text-decoration: underline;}

.loginMain .signInMain {
    background: #fff;
    border-radius: 32px;
    padding: 50px 0 0px 0;
    max-width: 855px;
    width: 100%;
    margin: 0 auto;
}

.loginMain .formLeft {
    padding: 10px 50px 50px 50px;
}
.signInMain .form-control{border-color: #D1D1D1;}

/*new*/
.LoginBtn a , .SignupBtn a , .LogoutBtn a{
    background: var(--light-bg);
    color: var(--secondary-color) !important;
}
.about-work .knowMore {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 12px 20px;
}
.LoginBtn span svg path , .SignupBtn  span svg path , .LogoutBtn span svg path{
    stroke: var(--secondary-color);
}
.logIn .form-group {
    margin-bottom: 15px;
}
.logIn .form-design .form-control {
    border-color: #D1D1D1;
}
.darkTheme-style .wpcf7-response-output {
    color: #fff;
}
.midNav .top-menu {
    color:var(--secondary-color);
    background-color: var(--light-bg);
}


body.page-template-templatestpl-ReferPatient-php .midNav ul li:first-child a {
    color: var(--secondary-color);
    background-color: var(--light-bg);
}

body.page-template-templatestpl-contact-php .midNav ul li:last-child a {
    color: var(--secondary-color);
    background-color: var(--light-bg);
}

 /*post and pre Operative Instructions*/

.sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .sidebar li {
    margin-bottom: 10px;
  }

 /* .sidebar a {
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 12px;
    border-radius: 6px;
    color: #333;
    font-weight: bold;
    transition: background-color 0.3s ease, color 0.3s ease;
  }*/

/*  .sidebar a.active {
    background-color: #0073e6;
    color: #fff;
  }
*/
  /*.content {
    flex-grow: 1;
    margin-left: 20px;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
    max-height: 430px;
    height: auto;
    scroll-behavior: smooth;
  }*/
.operativeSec .tab-content .content {
    height: 304px;
    overflow-y: auto;
        padding-right: 24px;
}
 .operativeSec .tab-content .section {
    /*margin-bottom: 20px;
    background-color: transparent;
    transition: background-color 0.3s ease;*/
  margin-bottom: 16px;
  }

 .operativeSec .tab-content .section.active {
    background-color: var(--light-bg);
    border-left: 4px solid var(--secondary-color);
  }

 .operativeSec .tab-content .section h4 {
    margin-top: 0;
    color: #0073e6;
  }

.operativeSec .tab-content  .nav-link {
    cursor: pointer;
  }
  .operativeSec .contentBox {
    padding: 0px;
  }
.operativeSec .active .contentBox {
    padding: 16px;
  }
/* width */
.operativeSec .tab-content .content::-webkit-scrollbar {
  width: 8px;
}

/* Track */
.operativeSec .tab-content .content::-webkit-scrollbar-track {
  background: #D1D1D1; 
   border-radius: 20px;
}
 
/* Handle */
.operativeSec .tab-content .content::-webkit-scrollbar-thumb {
  background: #888; 
  border-radius: 20px;
}

/* Handle on hover */
.operativeSec .tab-content .content::-webkit-scrollbar-thumb:hover {
  background: #555; 
}