* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

a,
a:hover,
a:focus,
a:visited,
a:active {
  text-decoration: none;
}

p,
ul,
li {
  padding: 0;
  margin: 0;
}

body {
  font-family: "Lato", sans-serif;
}



/* header */
header {
  position: unset;
  left: 0;
  right: 0;
  top: 0;
  z-index: 99;
}

header .header-top {
  background-color: #34487e;
  padding: 3px 0px;
}

header .header-top .top-info li,
header .header-top .top-info li a {
  color: #fff;
  font-size: 14px;
}

header .header-top .top-info li:last-child a {
  display: inline-block;
  height: 35px;
  width: 35px;
  border-radius: 50px;
  line-height: 35px;
  text-align: center;
  background-color: #fff;
  color:  #34487e;
  border: 1px solid #34487e;
  transition: .5s;
}

header .headermn .navbar .navbar-brand {
  width: 200px;
}

header .nav-link {
  color: #000;
  font-size: 13px;
  font-weight: 500;
  transition: .5s;
  position: relative;
  padding: 0px 0px !important;
  text-transform: uppercase;
}

.dropdown-toggle::after{
    display:none;
}

header .nav-link::after {
  content: '';
  background-color: #34487e;
  width: 0%;
  height: 2px;
  position: absolute;
  bottom: -5px;
  left: 0;
  transition: .5s;
}

header .nav-link:hover::after {
  width: 100%;
}

header .nav-link:hover,
header .nav-link:focus {
  color: #34487e;
}

header .navbar-nav {
  gap: 45px;
}

header .navbar-toggler {
  border: none;
  color: #34487e;
  font-size: 28px;
  border-radius: 0;
}

header .navbar-toggler:focus {
  box-shadow: none;
}

header .offcanvas-title img {
  width: 150px
}

header .navbar-nav {
  position: relative;
  align-items: center;
}

.sticky {
  left: 0;
  right: 0;
  z-index: 999;
  position: fixed !important;
  top: 0px;
  animation: slideDown .5s ease-out;
  background-color: #fff;
  box-shadow: 0 0 10px #00000021;
}

.sticky .headermn .navbar .navbar-brand {
  width: 200px;
}

header .dropdown-menu{border-radius: 0; border: 0; padding: 15px 0; box-shadow: 0 0 5px #0000002f;}
header .dropdown-menu li .dropdown-item{padding: 6px 20px; font-size: 18px; font-weight: 500; font-family: initial; display: flex; align-items: center; gap: 10px;}
header .dropdown-menu li .dropdown-item:hover{background-color: #34487e; color: #fff;}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(10);
  }
}

header .navbar .whatsapp li a {
  display: inline-block;
  padding: 10px 20px;
  background-color: transparent;
  color: #34487e;
  border-radius: 3px;
  transition: .5s;
  border: 1px solid #34487e;
  position: relative;
  transition: .5s;
  z-index: 1;
}

header .navbar .whatsapp li a::before {
  position: absolute;
  content: '';
  top: 0px;
  left: 0px;
  width: 0px;
  height: 100%;
  transition: .5s;
  background-color: #34487e;
  z-index: -1;
}

header .navbar .whatsapp li a:hover:before {
  width: 100%;
}

header .navbar .whatsapp li a:hover {
  color: #ffffff;
}



/* slider */
#slider{ position: relative; padding-bottom: 50px; }
#slider .item{height:90vh;background-size:cover;background-position:center}
#slider .content{padding:180px 0 0 100px}
#slider .owl-nav,#slider .owl-dots{display:none}
.slider-logo-wrapper{position:relative;margin-top:-90px;z-index:99}
.slide-bottom-logo{background:#fff;border-radius:15px;padding:25px 15px;text-align:center;box-shadow:0 5px 20px rgba(0,0,0,.12);height:130px;display:flex;flex-direction:column;justify-content:center}
.slide-bottom-logo img{width:80px;margin:auto}
.slide-bottom-logo h2{font-size:22px;margin-top:15px;font-weight:600;color:#333}

.content{
    position:absolute;
    top:30%;
    transform:translateY(-50%);
    max-width:550px;
    z-index:2;
}

.content h2{
    font-size:28px;
    font-weight:800;
    line-height:1.05;
    color:#34487e;
    text-transform:uppercase;
    margin-bottom:20px;
    text-shadow:0 4px 15px rgba(0,0,0,.4);
}

.content p{
    font-size:17px;
    color:#000;
    margin-bottom:30px;
    text-shadow:0 2px 10px rgba(0,0,0,.4);
}

.enquiry-btn{
    display:inline-block;
    padding:15px 35px;
    background:#00a651;
    color:#fff;
    text-decoration:none;
    border-radius:6px;
    font-size:17px;
    font-weight:600;
    transition:.3s;
}

.enquiry-btn:hover{
    background:#008c45;
    color:#fff;
    transform:translateY(-3px);
} 


@media (max-width:992px) {
  .slider-logo-wrapper{
    margin-top: 0;
  }
  
  #slider .item {
      height:90vh;
  }
  
  .dropdown-submenu > .dropdown-menu{
    display:none;
}

.dropdown-submenu.active > .dropdown-menu{
    display:block;
}
}


/* about-sec */


#about-sec {
    background: #f8f9fc;
}

#about-sec .about-image {
      position: relative;
    overflow: hidden;
    border-radius: 20px;
    height: 500px;
}

#about-sec .about-image img {
 width: 100%;
    height: 100%;
    /* min-height: 420px; */
    /* object-fit: cover; */
    display: block;
    border-radius: 20px;
}

#about-sec .about-tag {
    display: inline-block;
    padding: 8px 18px;
    background: #34487e;
    color: #fff;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
}

#about-sec .about-title {
    margin-top: 15px;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.3;
    color: #34487e;
}

#about-sec .about-text {
    margin-top: 20px;
    color: #555;
    line-height: 1.8;
    font-size: 16px;
}

#about-sec .about-text p {
    margin-bottom: 12px;
}

#about-sec .btn-dark {
    background: #34487e;
    border-color: #34487e;
    color: #fff;
    transition: all 0.3s ease;
}

#about-sec .btn-dark:hover {
    background: #26365f;
    border-color: #26365f;
    color: #fff;
}

/* Tablet & Mobile */
@media (max-width: 991px) {
    #about-sec {
        text-align: center;
    }

    #about-sec .about-title {
        font-size: 30px;
    }
}

@media (max-width: 575px) {
    #about-sec .about-title {
        font-size: 26px;
    }

    #about-sec .about-image img {
        min-height: 280px;
    }

    #about-sec .about-tag {
        font-size: 13px;
        padding: 7px 16px;
    }
}







/* service */

/*#service{padding: 50px 0px;}*/
/*#service .row{row-gap: 25px;}*/
/*#service h2{text-align: center; font-size: 35px; font-weight: 600; margin-bottom: 35px;}*/
/*#service .iner{border: 1px solid #eee;}*/
/*#service .iner .imgs{overflow: hidden; border-radius: 5px; align-items: center; display: flex; justify-content: center; margin-top: 28px;}*/
/*#service .iner .imgs img{transition: .5s; width:100px;}*/
/*#service .iner .imgs:hover img{transform: scale(1.1);}*/
/*#service .conteint{padding: 20px 30px 30px; text-align: center;}*/
/*#service .conteint h3{font-size: 20px; font-weight: 600; position: relative; margin-bottom: 15px; color: #000;}*/
/*#service .conteint .text{margin-bottom: 25px; color: #000;}*/
/*#service .conteint .read-more{padding: 10px 30px; border-radius: 50px; display: inline-block; border: 1px solid #34487e; background-color: #34487e;  color: #fff; transition: .5s;}*/
/*#service .conteint .read-more:hover{background-color: transparent; color: #34487e;}*/
#service {
    padding: 80px 0;
    background: #f8f9fc;
}

#service h2 {
    margin: 0 0 45px;
    text-align: center;
    color: #34487e;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
}

#service .iner {
    height: 100%;
    background: #fff;
    border: 1px solid #e6e9f0;
    border-radius: 18px;
    overflow: hidden;
    transition: all 0.35s ease;
    box-shadow: 0 5px 20px rgba(52, 72, 126, 0.06);
}

#service .iner:hover {
    transform: translateY(-8px);
    border-color: #34487e;
    box-shadow: 0 15px 35px rgba(52, 72, 126, 0.14);
}

#service .imgs {
    width: 100%;
    height: 230px;
    overflow: hidden;
    background: #eef1f7;
}

#service .imgs img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.5s ease;
}

#service .iner:hover .imgs img {
    transform: scale(1.06);
}

#service .conteint {
    padding: 25px 25px 28px;
}

#service .conteint h3 {
    margin: 0 0 12px;
    color: #34487e;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
}

#service .conteint .text {
    color: #666;
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 18px;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#service .read-more {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #34487e;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

#service .read-more::after {
    content: "→";
    font-size: 18px;
    transition: transform 0.3s ease;
}

#service .read-more:hover {
    color: #26365f;
}

#service .read-more:hover::after {
    transform: translateX(5px);
}

#service .row{
    row-gap:20px;
}
/* Tablet */
@media (max-width: 991px) {
    #service {
        padding: 65px 0;
    }

    #service h2 {
        font-size: 30px;
        margin-bottom: 35px;
    }

    #service .imgs {
        height: 210px;
    }
}

/* Mobile */
@media (max-width: 575px) {
    #service {
        padding: 50px 0;
    }

    #service h2 {
        font-size: 27px;
        margin-bottom: 30px;
    }

    #service .conteint {
        padding: 22px 20px 24px;
    }

    #service .conteint h3 {
        font-size: 20px;
    }

    #service .imgs {
        height: 200px;
    }
}
/* ve-proved-sec */

#ve-proved-sec{background-image: url(../images/ve-proved-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 60px 0px; position: relative; z-index: 1;}
#ve-proved-sec::before{position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; background-color: #34487ecc; z-index: -1;}
#ve-proved-sec .content{text-align: center;}
#ve-proved-sec .content h3{font-size: 30px; font-weight: 600; color: #fff; margin-bottom: 15px;}
#ve-proved-sec .content .text{color: #fff; font-size: 18px; font-weight: 600; margin-bottom: 20px;}
#ve-proved-sec .content .read-more{padding: 10px 30px; border-radius: 3px; display: inline-block; border: 1px solid #fff; background-color: #fff;  color: #000000; transition: .5s;}
#ve-proved-sec .content .read-more:hover{background-color: transparent; color: #fff;}





.counter-section{background:linear-gradient(135deg,#34487e1f,#34487e1f)}
.counter-box{background:#fff;padding:40px 20px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:.4s;height:100%}
.counter-box:hover{transform:translateY(-10px)}
.counter-icon{width:80px;height:80px;line-height:80px;margin:0 auto 20px;border-radius:50%;background:#34487e1f;font-size:32px;color:#34487e}
.counter-box h2{font-size:42px;font-weight:700;color:#222;margin-bottom:10px}
.counter-box p{margin:0;font-size:18px;color:#666;font-weight:500}





/*.doctors-section{padding:100px 0;background:#f7faf8}*/
/*.section-title{text-align:center;margin-bottom:60px}*/
/*.section-title span{color:#0b9444;font-weight:600;letter-spacing:2px;text-transform:uppercase}*/
/*.section-title h2{font-size:42px;font-weight:700;color:#111;margin-top:10px}*/
/*.doctor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px}*/
/*.doctor-card{background:#fff;border-radius:25px;padding:35px 25px;text-align:center;transition:.4s;position:relative;overflow:hidden;box-shadow:0 10px 35px rgba(0,0,0,.08)}*/
/*.doctor-card:hover{transform:translateY(-10px)}*/
/*.doctor-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:#0b9444}*/
/*.doctor-img img{width: 100%; height: 270px; object-fit: cover; object-position: center; border-radius: 10px;}*/
/*.doctor-card h3{margin:25px 0 10px;font-size:18px;color:#111}*/
/*.doctor-card p{color:#666;margin-bottom:25px;font-weight:500}*/
/*.doctor-btn{display:inline-flex;align-items:center;gap:10px;background:#0b9444;color:#fff;text-decoration:none;padding:12px 28px;border-radius:50px;transition:.4s}*/
/*.doctor-btn:hover{background:#086d32;color:#fff}*/
/*.doctor-btn i{transition:.4s}*/
/*.doctor-btn:hover i{transform:translateX(5px)}*/



#doctors {
    padding: 80px 0;
    background: #f8f9fc;
}

#doctors .section-title {
    text-align: center;
    margin-bottom: 45px;
}

#doctors .section-title span {
    display: inline-block;
    margin-bottom: 12px;
    padding: 7px 18px;
    background: #34487e;
    color: #fff;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
}

#doctors .section-title h2 {
    margin: 0;
    color: #34487e;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
}

#doctors .doctor-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}

#doctors .doctor-card {
    background: #fff;
    border: 1px solid #e5e8ef;
    border-radius: 18px;
    overflow: hidden;
    text-align: center;
    padding-bottom: 25px;
    box-shadow: 0 5px 20px rgba(52, 72, 126, 0.06);
    transition: all 0.35s ease;
}

#doctors .doctor-card:hover {
    transform: translateY(-8px);
    border-color: #34487e;
    box-shadow: 0 15px 35px rgba(52, 72, 126, 0.15);
}

#doctors .doctor-img {
    width: 100%;
    height: 330px;
    overflow: hidden;
    background: #eef1f7;
    position: relative;
}

#doctors .doctor-img::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 70px;
    background: linear-gradient(transparent, rgba(52, 72, 126, 0.12));
    pointer-events: none;
}

#doctors .doctor-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center top;
    transition: transform 0.5s ease;
}

#doctors .doctor-card:hover .doctor-img img {
    transform: scale(1.05);
}

#doctors .doctor-card h3 {
    margin: 22px 15px 8px;
    color: #34487e;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.3;
}

#doctors .doctor-card p {
    margin: 0 15px;
    color: #666;
    font-size: 14px;
    line-height: 1.6;
}

/* Tablet */
@media (max-width: 1199px) {
    #doctors .doctor-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    #doctors .doctor-img {
        height: 310px;
    }
}

@media (max-width: 991px) {
    #doctors {
        padding: 65px 0;
    }

    #doctors .section-title h2 {
        font-size: 30px;
    }

    #doctors .doctor-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 22px;
    }

    #doctors .doctor-img {
        height: 320px;
    }
}

/* Mobile */
@media (max-width: 575px) {
    #doctors {
        padding: 50px 0;
    }

    #doctors .section-title {
        margin-bottom: 30px;
    }

    #doctors .section-title h2 {
        font-size: 27px;
    }

    #doctors .doctor-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    #doctors .doctor-img {
        height: 360px;
    }

    #doctors .doctor-card h3 {
        font-size: 20px;
    }
}


.testimonial-section {
    padding: 80px 0;
    background: #f8f9fc;
}

.testimonial-section .section-title {
    text-align: center;
    margin-bottom: 45px;
}

.testimonial-section .section-title span {
    display: inline-block;
    margin-bottom: 12px;
    padding: 7px 18px;
    background: #34487e;
    color: #fff;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
}

.testimonial-section .section-title h2 {
    margin: 0;
    color: #34487e;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
}

/* Testimonial Card */
.testimonial-section .testimonial-card {
    position: relative;
    margin: 10px 5px 25px;
    padding: 35px 30px 30px;
    background: #fff;
    border: 1px solid #e5e8ef;
    border-radius: 18px;
    box-shadow: 0 5px 20px rgba(52, 72, 126, 0.06);
    transition: all 0.35s ease;
}

.testimonial-section .testimonial-card:hover {
    transform: translateY(-6px);
    border-color: #34487e;
    box-shadow: 0 15px 35px rgba(52, 72, 126, 0.13);
}

/* Quote Icon */
.testimonial-section .quote {
    position: absolute;
    top: 22px;
    right: 25px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef1f8;
    color: #34487e;
    border-radius: 50%;
    font-size: 20px;
}
.testimonial-section .testimonial-card .para {
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 8px;
}

/* WebKit Scrollbar */
.testimonial-section .testimonial-card .para::-webkit-scrollbar {
    width: 5px;
}

.testimonial-section .testimonial-card .para::-webkit-scrollbar-track {
    background: #eef1f8;
    border-radius: 10px;
}

.testimonial-section .testimonial-card .para::-webkit-scrollbar-thumb {
    background: #34487e;
    border-radius: 10px;
}

.testimonial-section .testimonial-card .para::-webkit-scrollbar-thumb:hover {
    background: #26365f;
}

/* Firefox */
.testimonial-section .testimonial-card .para {
    scrollbar-width: thin;
    scrollbar-color: #34487e #eef1f8;
}
.testimonial-section .testimonial-card > div:not(.quote):not(.rating):not(.client-info) {
    color: #666;
    font-size: 15px;
    line-height: 1.8;
    min-height: 105px;
    padding-right: 20px;
}

/* Rating */
.testimonial-section .rating {
    display: flex;
    gap: 4px;
    margin-top: 22px;
    color: #f2b01e;
    font-size: 14px;
}

/* Client Info */
.testimonial-section .client-info {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #e8eaf0;
}

.testimonial-section .client-info img {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #34487e;
    padding: 2px;
}

.testimonial-section .client-info h4 {
    margin: 0 0 4px;
    color: #34487e;
    font-size: 17px;
    font-weight: 700;
}

.testimonial-section .client-info span {
    color: #888;
    font-size: 13px;
}

/* Owl Carousel */
.testimonial-section .owl-carousel .owl-stage {
    display: flex;
}

.testimonial-section .owl-carousel .owl-item {
    display: flex;
}

.testimonial-section .owl-carousel .testimonial-card {
    width: 100%;
}

/* Dots */
.testimonial-section .owl-dots {
    margin-top: 20px;
    text-align: center;
}

.testimonial-section .owl-dots .owl-dot {
    margin: 0 4px;
}

.testimonial-section .owl-dots .owl-dot span {
    width: 9px;
    height: 9px;
    display: block;
    border-radius: 50%;
    background: #ccd2df;
    transition: all 0.3s ease;
}

.testimonial-section .owl-dots .owl-dot.active span {
    width: 25px;
    border-radius: 10px;
    background: #34487e;
}

/* Navigation */
.testimonial-section .owl-nav {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
}

.testimonial-section .owl-nav button {
    width: 42px;
    height: 42px;
    margin: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #34487e !important;
    color: #fff !important;
    border-radius: 50% !important;
    font-size: 20px !important;
    transition: all 0.3s ease;
}

.testimonial-section .owl-nav button:hover {
    background: #26365f !important;
}

/* Tablet */
@media (max-width: 991px) {
    .testimonial-section {
        padding: 65px 0;
    }

    .testimonial-section .section-title h2 {
        font-size: 30px;
    }

    .testimonial-section .testimonial-card {
        padding: 30px 25px 25px;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .testimonial-section {
        padding: 50px 0;
    }

    .testimonial-section .section-title {
        margin-bottom: 30px;
    }

    .testimonial-section .section-title h2 {
        font-size: 27px;
    }

    .testimonial-section .testimonial-card {
        padding: 30px 22px 25px;
    }

    .testimonial-section .testimonial-card > div:not(.quote):not(.rating):not(.client-info) {
        font-size: 14px;
    }
}


.faq-form-section {
    padding: 80px 0;
    background: #f8f9fc;
}

.faq-form-section .section-heading {
    margin-bottom: 30px;
}

.faq-form-section .section-heading > span {
    display: inline-block;
    padding: 7px 18px;
    margin-bottom: 12px;
    background: #34487e;
    color: #fff;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
}

.faq-form-section .section-heading h2 {
    margin: 0 0 12px;
    color: #34487e;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.3;
}

.faq-form-section .section-heading p {
    margin: 0;
    max-width: 550px;
    color: #666;
    font-size: 15px;
    line-height: 1.8;
}

/* FAQ */

.faq-form-section .custom-accordion {
    margin-top: 25px;
}

.faq-form-section .custom-accordion .accordion-item {
    margin-bottom: 12px;
    border: 1px solid #e2e6ee;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.faq-form-section .custom-accordion .accordion-button {
    padding: 18px 20px;
    background: #fff;
    color: #333;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    box-shadow: none;
}

.faq-form-section .custom-accordion .accordion-button:not(.collapsed) {
    background: #34487e;
    color: #fff;
    box-shadow: none;
}

.faq-form-section .custom-accordion .accordion-button::after {
    width: 14px;
    height: 14px;
    background-size: 14px;
}

.faq-form-section .custom-accordion .accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);
}

.faq-form-section .custom-accordion .accordion-body {
    padding: 18px 20px;
    background: #fff;
    color: #666;
    font-size: 14px;
    line-height: 1.8;
}

/* Appointment Form */

.faq-form-section .enquiry-box {
    padding: 35px;
    background: #fff;
    border: 1px solid #e2e6ee;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(52, 72, 126, 0.08);
}

.faq-form-section .form-title {
    margin-bottom: 25px;
}

.faq-form-section .form-title span {
    display: block;
    margin-bottom: 7px;
    color: #34487e;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.faq-form-section .form-title h3 {
    margin: 0;
    color: #222;
    font-size: 27px;
    font-weight: 700;
}

/* Inputs */

.faq-form-section .form-control {
    width: 100%;
    min-height: 52px;
    padding: 12px 16px;
    border: 1px solid #dfe3eb;
    border-radius: 8px;
    background: #fff;
    color: #333;
    font-size: 14px;
    box-shadow: none;
    transition: all 0.3s ease;
}

.faq-form-section textarea.form-control {
    height: auto;
    resize: vertical;
}

.faq-form-section .form-control::placeholder {
    color: #999;
}

.faq-form-section .form-control:focus {
    border-color: #34487e;
    box-shadow: 0 0 0 3px rgba(52, 72, 126, 0.08);
}

/* Submit Button */

.faq-form-section .submit-btn {
    width: 100%;
    min-height: 52px;
    padding: 12px 25px;
    border: 1px solid #34487e;
    border-radius: 8px;
    background: #34487e;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.faq-form-section .submit-btn:hover {
    background: #26365f;
    border-color: #26365f;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(52, 72, 126, 0.18);
}

/* Tablet */

@media (max-width: 991px) {
    .faq-form-section {
        padding: 65px 0;
    }

    .faq-form-section .section-heading h2 {
        font-size: 30px;
    }

    .faq-form-section .enquiry-box {
        padding: 30px;
    }
}

/* Mobile */

@media (max-width: 575px) {
    .faq-form-section {
        padding: 50px 0;
    }

    .faq-form-section .section-heading h2 {
        font-size: 27px;
    }

    .faq-form-section .section-heading p {
        font-size: 14px;
    }

    .faq-form-section .enquiry-box {
        padding: 25px 20px;
        border-radius: 14px;
    }

    .faq-form-section .form-title h3 {
        font-size: 24px;
    }

    .faq-form-section .custom-accordion .accordion-button {
        padding: 16px;
        font-size: 14px;
    }

    .faq-form-section .custom-accordion .accordion-body {
        padding: 16px;
        font-size: 13px;
    }
}



#instagram-reels {
    padding: 80px 0;
    background: #fff;
    overflow: hidden;
}

#instagram-reels .rvx-head-area {
    text-align: center;
    margin-bottom: 40px;
}

#instagram-reels .rvx-head-area span {
    display: inline-block;
    padding: 7px 18px;
    background: #34487e;
    color: #fff;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

#instagram-reels .rvx-head-area h2 {
    margin: 0;
    color: #34487e;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
}

#instagram-reels .rvx-reel-card {
    position: relative;
    height: 430px;
    margin: 5px 8px 25px;
    overflow: hidden;
    border-radius: 18px;
    background: #eef1f7;
    box-shadow: 0 6px 22px rgba(52, 72, 126, 0.10);
}

#instagram-reels .rvx-reel-card img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.5s ease;
}

#instagram-reels .rvx-reel-card:hover img {
    transform: scale(1.06);
}

#instagram-reels .rvx-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 35px 20px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(
        transparent,
        rgba(0, 0, 0, 0.75)
    );
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.35s ease;
}

#instagram-reels .rvx-reel-card:hover .rvx-overlay {
    opacity: 1;
    transform: translateY(0);
}

#instagram-reels .rvx-overlay i {
    color: #fff;
    font-size: 26px;
}

#instagram-reels .rvx-overlay a {
    display: inline-flex;
    align-items: center;
    padding: 9px 17px;
    background: #34487e;
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.3s ease;
}

#instagram-reels .rvx-overlay a:hover {
    background: #26365f;
}

/* Owl Navigation */
#instagram-reels .owl-nav {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 5px;
}

#instagram-reels .owl-nav button {
    width: 42px;
    height: 42px;
    margin: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #34487e !important;
    color: #fff !important;
    border-radius: 50% !important;
    font-size: 20px !important;
    transition: all 0.3s ease;
}

#instagram-reels .owl-nav button:hover {
    background: #26365f !important;
}

/* Owl Dots */
#instagram-reels .owl-dots {
    margin-top: 15px;
    text-align: center;
}

#instagram-reels .owl-dots .owl-dot {
    margin: 0 4px;
}

#instagram-reels .owl-dots .owl-dot span {
    width: 9px;
    height: 9px;
    display: block;
    border-radius: 50%;
    background: #ccd2df;
    transition: all 0.3s ease;
}

#instagram-reels .owl-dots .owl-dot.active span {
    width: 24px;
    border-radius: 10px;
    background: #34487e;
}

/* Tablet */
@media (max-width: 991px) {
    #instagram-reels {
        padding: 65px 0;
    }

    #instagram-reels .rvx-head-area h2 {
        font-size: 30px;
    }

    #instagram-reels .rvx-reel-card {
        height: 400px;
    }
}

/* Mobile */
@media (max-width: 575px) {
    #instagram-reels {
        padding: 50px 0;
    }

    #instagram-reels .rvx-head-area {
        margin-bottom: 30px;
    }

    #instagram-reels .rvx-head-area h2 {
        font-size: 27px;
    }

    #instagram-reels .rvx-reel-card {
        height: 420px;
        margin-left: 5px;
        margin-right: 5px;
    }

    #instagram-reels .rvx-overlay {
        opacity: 1;
        transform: translateY(0);
    }
}








/* footer */

footer .footertop {
  background-color: #32497d;
  padding: 70px 0px 20px;
}

footer .row {
  row-gap: 25px;
}

footer .footertop h3{font-size: 20px; margin-bottom: 15px;font-weight:700;color:#fff;}

footer .footertop .about img {
     width: 200px;
    background: #fff;
    /*border-radius: 20px;*/
}

footer .footertop .about p {
  color: #fff;
  font-size: 14px;
  width:77%;
  margin-top: 20px;
}

footer .footertop ul {
  list-style: none;
}

footer .footertop ul li {
  color: #fff;
  font-size: 14px;
  margin-top: 10px;
}

footer .footertop ul li a {
  color: #fff;
  font-size: 14px;
  transition: .5s;
  display: inline-block;
}

footer .footertop ul li a:hover {
  color: #0ab3c1;
}

footer .footertop .addres li {
  margin-bottom: 20px;
}

footer .footertop .addres li i {
  color: #fff;
  font-size: 22px;
}

footer .footerboo ul {
  display: flex;
  justify-content: space-between;
  margin: 0;
  border-top: 1px solid #fff;
  padding-top: 20px;
}

footer .footerboo {
  background-color:#32497d;
  padding: 20px;
}

footer .footerboo .soical li:first-child {
  color: #34487e;
  text-align: center;
}

footer .footerboo .soical li:first-child a {
  color:#32497d;
  font-size: 16px;
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  background-color: #fff;
  border-radius: 50%;
  transition: .5s;
}

footer .footerboo .soical li:first-child a:hover {
  color: #fff;
    background-color: #0ab3c1;
}

footer .footerboo ul li img {
  width: 195px;
  background-color: #0ab3c1;
  padding: 0px 10px 8px;
  border-radius: 100px;
}


/* quickcontact */
.quickcontact {
  width: 45px;
  position: fixed;
  top: 77%;
  right: 15px;
  z-index: 102;
}



/* modal */

.modal form.row {
  row-gap: 20px;
}

.modal .form-control {
  border-radius: 0px;
  border: none;
  box-shadow: none;
  background-color: #f1f1f1;
}

.modal .form-control:focus {
  border-color: #000;
}

.modal .submit {
  background-color: #34487e;
  color: #fff;
  font-weight: 500px;
  padding: 10px;
  border: 0;
  transition: .5;
}

.modal .submit:hover {
  background-color: #000;
}
#contact-page {
    --primary: #34487e;
    --dark: #1f2d50;
    --light: #f6f8fc;
    --border: #e1e5ed;
    background: #fff;
    color: #333;
}


/* Hero */

#contact-page .contact-hero {
    background: #f6f8fc;
    padding: 65px 0;
    text-align: center;
    border-bottom: 1px solid #edf0f5;
}

#contact-page .contact-hero span {
    color: var(--primary);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#contact-page .contact-hero h1 {
    margin: 8px 0 12px;
    color: var(--dark);
    font-size: 44px;
    font-weight: 700;
}

#contact-page .contact-hero p {
    margin: 0;
    color: #666;
    font-size: 15px;
}


/* Main */

#contact-page .contact-main {
    padding: 75px 0;
}

#contact-page .small-title {
    color: var(--primary);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
}

#contact-page .contact-info h2,
#contact-page .contact-form h2 {
    color: var(--dark);
    font-size: 30px;
    margin: 8px 0 12px;
    font-weight: 700;
}

#contact-page .intro {
    color: #777;
    font-size: 14px;
    line-height: 1.7;
    max-width: 450px;
    margin-bottom: 30px;
}


/* Contact Items */

#contact-page .contact-item {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
}

#contact-page .contact-icon {
    width: 45px;
    height: 45px;
    min-width: 45px;
    background: #eef2f9;
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

#contact-page .contact-item h4 {
    color: var(--dark);
    font-size: 16px;
    margin: 2px 0 5px;
}

#contact-page .contact-item p {
    color: #666;
    font-size: 13px;
    line-height: 1.7;
    margin: 0;
}

#contact-page .contact-item a {
    color: #666;
    text-decoration: none;
}

#contact-page .contact-item a:hover {
    color: var(--primary);
}


/* Form */

#contact-page .contact-form {
    border: 1px solid var(--border);
    padding: 35px;
    background: #fff;
}

#contact-page .contact-form label {
    display: block;
    color: #444;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 7px;
}

#contact-page .contact-form input,
#contact-page .contact-form select,
#contact-page .contact-form textarea {
    width: 100%;
    border: 1px solid var(--border);
    background: #fff;
    padding: 12px 14px;
    font-size: 14px;
    color: #444;
    outline: none;
    border-radius: 4px;
}

#contact-page .contact-form input:focus,
#contact-page .contact-form select:focus,
#contact-page .contact-form textarea:focus {
    border-color: var(--primary);
}

#contact-page .contact-form textarea {
    height: 120px;
    resize: vertical;
}

#contact-page .contact-btn {
    background: var(--primary);
    color: #fff;
    border: 0;
    padding: 13px 25px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    transition: .3s;
}

#contact-page .contact-btn i {
    margin-left: 8px;
}

#contact-page .contact-btn:hover {
    background: var(--dark);
}


/* Bottom CTA */

#contact-page .contact-bottom {
    background: var(--primary);
    padding: 35px 0;
    color: #fff;
}

#contact-page .contact-bottom h3 {
    margin: 0 0 5px;
    font-size: 22px;
}

#contact-page .contact-bottom p {
    margin: 0;
    font-size: 14px;
    opacity: .9;
}

#contact-page .call-btn {
    display: inline-block;
    background: #fff;
    color: var(--primary);
    padding: 12px 22px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

#contact-page .call-btn i {
    margin-right: 7px;
}


/* Mobile */

@media (max-width: 767px) {

    #contact-page .contact-hero {
        padding: 45px 15px;
    }

    #contact-page .contact-hero h1 {
        font-size: 34px;
    }

    #contact-page .contact-main {
        padding: 50px 15px;
    }

    #contact-page .contact-form {
        padding: 25px 18px;
    }

    #contact-page .contact-info {
        margin-bottom: 35px;
    }

    #contact-page .contact-bottom {
        text-align: center;
    }

    #contact-page .call-btn {
        margin-top: 20px;
    }

}

#blogs-section {
    padding: 75px 0;
    background: #f7f9fc;
}

#blogs-section .blogs-heading {
    text-align: center;
    max-width: 650px;
    margin: 0 auto 45px;
}

#blogs-section .blogs-heading span {
    color: #34487e;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#blogs-section .blogs-heading h2 {
    color: #1f2d50;
    font-size: 34px;
    font-weight: 700;
    margin: 8px 0 12px;
}

#blogs-section .blogs-heading p {
    color: #777;
    font-size: 14px;
    margin: 0;
    line-height: 1.7;
}


/* Card */

#blogs-section .blog-card {
    background: #fff;
    border: 1px solid #e5e8ee;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    transition: .3s ease;
}

#blogs-section .blog-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(31, 45, 80, .12);
}


/* Image */

#blogs-section .blog-image {
    height: 220px;
    overflow: hidden;
}

#blogs-section .blog-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .4s ease;
}

#blogs-section .blog-card:hover .blog-image img {
    transform: scale(1.05);
}


/* Content */

#blogs-section .blog-content {
    padding: 24px;
}

#blogs-section .blog-category {
    color: #34487e;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

#blogs-section .blog-content h3 {
    color: #1f2d50;
    font-size: 19px;
    line-height: 1.4;
    margin: 9px 0 10px;
    font-weight: 700;
}

#blogs-section .blog-content p {
    color: #777;
    font-size: 13px;
    line-height: 1.7;
    margin-bottom: 18px;
}

#blogs-section .blog-read {
    color: #34487e;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

#blogs-section .blog-read i {
    margin-left: 6px;
    transition: .3s;
}

#blogs-section .blog-read:hover {
    color: #1f2d50;
}

#blogs-section .blog-read:hover i {
    margin-left: 10px;
}


@media (max-width: 767px) {

    #blogs-section {
        padding: 55px 15px;
    }

    #blogs-section .blogs-heading h2 {
        font-size: 28px;
    }

    #blogs-section .blog-image {
        height: 210px;
    }

}

#blog-detail-page {
    background: #f7f9fc;
    color: #333;
}


/* Header */

#blog-detail-page .blog-detail-header {
    background: #34487e;
    color: #fff;
    text-align: center;
    padding: 65px 15px;
}

#blog-detail-page .blog-detail-header span {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#blog-detail-page .blog-detail-header h1 {
    max-width: 850px;
    margin: 10px auto 12px;
    font-size: 42px;
    line-height: 1.3;
    font-weight: 700;
}

#blog-detail-page .blog-detail-header p {
    max-width: 700px;
    margin: auto;
    font-size: 15px;
    line-height: 1.7;
    opacity: .9;
}


/* Main */

#blog-detail-page .blog-detail-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 35px;
    padding: 65px 0;
}


/* Content */

#blog-detail-page .blog-detail-content {
    background: #fff;
    padding: 35px;
    border-radius: 8px;
}

#blog-detail-page .blog-detail-image {
    width: 100%;
    height: 430px;
    overflow: hidden;
    border-radius: 6px;
    margin-bottom: 22px;
}

#blog-detail-page .blog-detail-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#blog-detail-page .blog-meta {
    display: flex;
    gap: 25px;
    margin-bottom: 20px;
    color: #777;
    font-size: 13px;
}

#blog-detail-page .blog-meta i {
    color: #34487e;
    margin-right: 5px;
}

#blog-detail-page .blog-detail-content h2 {
    color: #1f2d50;
    font-size: 30px;
    margin: 0 0 18px;
}

#blog-detail-page .blog-detail-content h3 {
    color: #1f2d50;
    font-size: 21px;
    margin: 30px 0 12px;
}

#blog-detail-page .blog-detail-content p {
    color: #666;
    font-size: 14px;
    line-height: 1.9;
    margin-bottom: 15px;
}

#blog-detail-page .blog-detail-content ul {
    padding-left: 20px;
    margin: 15px 0;
}

#blog-detail-page .blog-detail-content li {
    color: #666;
    font-size: 14px;
    line-height: 1.9;
    margin-bottom: 5px;
}

#blog-detail-page .blog-note {
    margin-top: 30px;
    padding: 18px 20px;
    background: #f1f4fa;
    border-left: 4px solid #34487e;
    color: #666;
    font-size: 13px;
    line-height: 1.7;
}


/* Sidebar */

#blog-detail-page .sidebar-box,
#blog-detail-page .sidebar-appointment {
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    margin-bottom: 25px;
}

#blog-detail-page .sidebar-box h3 {
    color: #1f2d50;
    font-size: 21px;
    margin: 0 0 20px;
}

#blog-detail-page .related-blog {
    display: flex;
    gap: 12px;
    padding: 15px 0;
    border-bottom: 1px solid #e5e8ee;
    text-decoration: none;
}

#blog-detail-page .related-blog:last-child {
    border-bottom: 0;
}

#blog-detail-page .related-blog img {
    width: 75px;
    height: 65px;
    object-fit: cover;
    border-radius: 5px;
}

#blog-detail-page .related-blog h4 {
    color: #333;
    font-size: 13px;
    line-height: 1.5;
    margin: 0 0 5px;
}

#blog-detail-page .related-blog span {
    color: #34487e;
    font-size: 11px;
}


/* Appointment */

#blog-detail-page .sidebar-appointment {
    background: #34487e;
    color: #fff;
    text-align: center;
}

#blog-detail-page .sidebar-appointment > i {
    font-size: 30px;
    margin-bottom: 15px;
}

#blog-detail-page .sidebar-appointment h3 {
    font-size: 20px;
    margin: 0 0 10px;
}

#blog-detail-page .sidebar-appointment p {
    font-size: 13px;
    line-height: 1.7;
    opacity: .9;
}

#blog-detail-page .sidebar-appointment a {
    display: inline-block;
    margin-top: 8px;
    background: #fff;
    color: #34487e;
    padding: 11px 18px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}


/* Responsive */

@media (max-width: 991px) {

    #blog-detail-page .blog-detail-wrap {
        grid-template-columns: 1fr;
        padding: 50px 15px;
    }

    #blog-detail-page .blog-detail-header h1 {
        font-size: 34px;
    }

}


@media (max-width: 575px) {

    #blog-detail-page .blog-detail-header {
        padding: 45px 15px;
    }

    #blog-detail-page .blog-detail-header h1 {
        font-size: 28px;
    }

    #blog-detail-page .blog-detail-header p {
        font-size: 13px;
    }

    #blog-detail-page .blog-detail-content {
        padding: 20px;
    }

    #blog-detail-page .blog-detail-image {
        height: 230px;
    }

    #blog-detail-page .blog-detail-content h2 {
        font-size: 24px;
    }

    #blog-detail-page .blog-detail-content h3 {
        font-size: 19px;
    }

    #blog-detail-page .blog-meta {
        gap: 12px;
        flex-wrap: wrap;
    }

}