* {
  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: 'Cormorant Garamond', serif;
}



/* header */
header {
  position: unset;
  left: 0;
  right: 0;
  top: 0;
  z-index: 99;
}

header .header-top {
  background-color: #56316f;
  padding: 5px 0px;
}

.sticky .headermn {
  padding: 10px 0;
}

header .header-top .top-info li,
header .header-top .top-info li a {
  color: #e6e8eb;
  font-size: 16px;
}

header .header-top .top-info li:last-child a {
  display: inline-block;
  height: 28px;
  width: 28px;
  border-radius: 50px;
  line-height: 28px;
  text-align: center;
  background-color: #3b0d63;
  color: #05080c;
  border: 1px solid #3b0d63;
  transition: .5s;
}

header .headermn {
  background-color: #ffffff;
  padding: 10px 0;
}

header .headermn .navbar .navbar-brand {
  width: 20%;
}

header .nav-link {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  transition: .5s;
  position: relative;
  padding: 0px 0px !important;
  text-transform: uppercase;
}

header .nav-link::after {
  content: '';
  background-color: #3b0d63;
  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: #3b0d63;
}

header .navbar-nav {
  gap: 20px;
}

header .navbar-toggler {
  border: none;
  color: #3b0d63;
  font-size: 28px;
  border-radius: 0;
}

header .navbar-toggler:focus {
  box-shadow: none;
}

header .offcanvas-title img {
  width: 40%;
}

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: #11161d;
  box-shadow: 0 0 15px #3b0d6333;
}

.sticky .headermn .navbar .navbar-brand {
  width: 20%;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(10);
  }
}



/* Active Link */
header .navbar-nav .nav-link.active {
  color: #3b0d63 !important;
}

/* Active Underline */
header .navbar-nav .nav-link.active::after {
  width: 100%;
  background: #3b0d63;
}

/* Hover */
header .navbar-nav .nav-link:hover {
  color: #3b0d63;
}

header .navbar-nav .nav-link:hover::after {
  width: 100%;
  background: #3b0d63;
}

header .dropdown-menu {
  border-radius: 0;
  border: 0;
  padding: 15px 0;
  box-shadow: 0 0 10px #3b0d632f;
  background-color: #161b22;
}

header .dropdown-menu li .dropdown-item {
  padding: 6px 20px;
  font-size: 18px;
  font-weight: 500;
  color: #e6e8eb;
  background-color: transparent;
}

header .dropdown-menu li .dropdown-item:hover {
  background-color: #3b0d63;
  color: #fff;
}


header .navbar .whatsapp li a {
  display: inline-block;
  padding: 8px 20px;
  color: #fff;
  border-radius: 10px;
  transition: .5s;
  font-weight: 600;
  border: 1px solid #3b0d63;
  background-color: #3b0d63;
  position: relative;
  transition: .5s;
  z-index: 1;
  box-shadow: 0 0 15px #3b0d6355;
}

header .navbar .whatsapp li a:hover {
  width: 100%;
  transform: translateY(-4px);
  box-shadow: 0 15px 35px #3b0d6355;
  ;
}

header .navbar .whatsapp li a:hover {
  color: #ffffff;
}



/* footer */

/* footer {
  background-image: url(../images/footer-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
} */


footer .footertop {

  background: #000000;
}

footer .footertop {

  background: #000;
  padding: 30px 0 20px;
}

footer .row {
  row-gap: 25px;
}

footer .footertop h3 {
  font-size: 20px;
  margin-bottom: 15px;
  color: #ffffff;
  font-weight: 600
}

/* footer .footertop .about img {
  width: 80%;
  border-radius: 30px 0;
} */

footer .footertop .about p {
  color: #fff;
  font-size: 18px;
  margin-top: 10px;
}

footer .footertop ul {
  list-style: none;
}

footer .footertop ul li {
  color: #fff;
  font-size: 18px;
  margin-top: 10px;
}

footer .footertop ul li a {
  color: #fff;
  font-size: 18px;
  transition: .5s;
  display: inline-block;
  border-bottom: 1px solid transparent;
}

footer .footertop ul li a:hover {
  color: #3b0d63;
}

footer .footertop .addres li {
  margin-bottom: 10px;
}

footer .footertop .addres li i {
  color: #ffffff;
  font-size: 18px;
}


footer .footerboo {
  background-color: #000;
  padding: 20px;
  border-top: 1px dotted #fdf1f4;
  text-align: center;
}

footer .footerboo p {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}


footer .footerboo a {
  color: #3b0d63;
}

footer .about img {
  max-width: 230px;
  margin-bottom: 5px;
}

footer .about p {
  color: #d9d9d9;
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 10px;
}

footer .footer-social {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

footer .footer-social a {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.15);
  transition: all .35s ease;
}

footer .footer-social a i {
  font-size: 18px;
}

footer .footer-social a:hover {
  background: #3b0d63;
  border-color: #3b0d63;
  color: #fff;
  transform: translateY(-5px);
  box-shadow: 0 8px 20px #3b0d6355;
}


/* quickcontact */

.quickcontact {
  width: 45px;
  position: fixed;
  top: 65%;
  right: 15px;
  z-index: 102;
}






/* slider */
#slider .owl-theme .owl-dots .owl-dot {
  display: none;
}

#slider button.owl-prev {
  position: absolute;
  text-align: center;
  padding: 0px;
  color: #3b0d63;
  top: 50%;
  font-size: 25px;
  left: 15px;
  background-color: #ffffff7a;
  width: 35px;
  height: 35px;
  line-height: 35px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

#slider button.owl-next {
  position: absolute;
  text-align: center;
  padding: 0px;
  color: #3b0d63;
  top: 50%;
  font-size: 25px;
  right: 15px;
  background-color: #ffffff7a;
  width: 35px;
  height: 35px;
  line-height: 35px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

#slider button.owl-prev span,
#slider button.owl-next span {
  bottom: 2px;
  position: relative;
}



#enquiryModal .modal-dialog {
  max-width: 420px;
}

#enquiryModal .modal-content {
  border: none;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 15px 40px rgba(0, 0, 0, .15);
}

#enquiryModal .modal-header {
  background: #3b0d63;
  color: #fff;
  padding: 15px 20px;
  border: none;
}

#enquiryModal .modal-title {
  font-size: 22px;
  font-weight: 600;
}

#enquiryModal .btn-close {
  filter: brightness(0) invert(1);
  opacity: 1;
}

#enquiryModal .modal-body {
  padding: 25px;
}

#enquiryModal .form-control {
  height: 48px;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: none;
  font-size: 15px;
}

#enquiryModal textarea.form-control {
  height: 110px;
  resize: none;
}

#enquiryModal .form-control:focus {
  border-color: #3b0d63;
  box-shadow: 0 0 0 .15rem #3b0d6355;
}

#enquiryModal .submit {
  height: 48px;
  border: none;
  border-radius: 8px;
  background: #3b0d63;
  color: #fff;
  font-weight: 600;
  transition: .3s;
}

#enquiryModal .submit:hover {
  background: #3b0d63;
}



#about {
  padding: 40px 0;
  background: #fff;
}

#about .section-title span {
  color: #3b0d63;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#about .section-title h2 {
  font-size: 42px;
  font-weight: 700;
  margin-top: 10px;
  color: #333;
}

#about p {
  color: #333;
  line-height: 30px;
  margin-bottom: 10px;
  font-size: 18px;
}

#about p strong {
  color: #3b0d63;
}


#about .about-img {
  border-radius: 20px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, .08);
  position: relative;
}

#about .about-img::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  right: 10px;
  bottom: 10px;
  border: 5px solid #3b0d63;
  z-index: 0;
}

#about .about-box {
  text-align: center;
  border: 1px solid #ececec;
  border-radius: 15px;
  padding: 25px 15px;
  transition: .4s;
  height: 100%;
}

#about .about-box:hover {
  transform: translateY(-8px);
  border-color: #3b0d63;
  box-shadow: 0 15px 35px rgba(123, 63, 152, .15);
}

#about .about-icon {
  width: 70px;
  height: 70px;
  margin: auto;
  border-radius: 50%;
  background: #f8f1fc;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: #3b0d63;
  margin-bottom: 15px;
}

#about .about-box h6 {
  font-weight: 600;
  margin: 0;
  line-height: 24px;
}

#about .about-services {
  background: #faf7fc;
  border-radius: 20px;
  padding: 40px;
}

#about .about-services h3 {
  font-size: 30px;
  margin-bottom: 30px;
  color: #333;
}

#about .about-services ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#about .about-services ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 16px;
  color: #555;
}

#about .about-services ul li::before {
  content: "\f058";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0;
  color: #3b0d63;
}

#about .doctor-profile {
  background: #fff;
  border-left: 5px solid #3b0d63;
  padding: 35px;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
}

#about .doctor-profile h3 {
  margin-bottom: 20px;
  color: #3b0d63;
}

/* scroll-top css============================= */
#scrollTopBtn {
  position: fixed;
  bottom: 17px;
  right: 15px;
  width: 42px;
  height: 42px;
  background-color: #3b0d63;
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 1.1rem;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  transition: background-color .3s ease
}

#scrollTopBtn:hover {
  background: #000
}

#scrollTopBtn.show {
  display: flex
}


#service {
  padding: 40px 0;
  background: #faf8fd;
}

#service .section-title {
  margin-bottom: 55px;
}

#service .section-title h2 {
  font-size: 42px;
  font-weight: 700;
  color: #3b0d63;
  margin-bottom: 0px;
}

#service .section-title p {
  color: #333;
  line-height: 30px;
  font-size: 18px;
}

#service .service-box {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
  transition: .4s;
  text-align: center;
  height: 100%;
}

#service .service-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(108, 74, 139, .25);
}

#service .service-img {
  overflow: hidden;
}

#service .service-img img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  transition: .5s;
}

#service .service-box:hover img {
  transform: scale(1.08);
}

#service .service-content {
  padding: 10px;
  position: relative;
}

#service .service-icon {
  width: 75px;
  height: 75px;
  background: #3b0d63;
  transition: .5s;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  margin: -55px auto 5px;
  border: 5px solid #fff;
  box-shadow: 0 8px 20px rgba(109, 61, 165, .3);
}

#service .service-icon img {
  width: 60%;
  height: 60%;
  transition: .5s;
  object-fit: contain;
}

#service .service-content h3 {
  font-size: 28px;
  color: #3b0d63;
  margin-bottom: 15px;
  font-weight: 600;
}

#service .service-content p {
  color: #333;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 10px;
  height: 90px;
}

#service .theme-btn {
  display: inline-block;
  padding: 8px 20px;
  color: #fff;
  border-radius: 10px;
  transition: .5s;
  font-weight: 600;
  border: 1px solid #3b0d63;
  background-color: #3b0d63;
  position: relative;
  transition: .5s;
  z-index: 1;
  box-shadow: 0 0 15px #3b0d6355;
}

#service .theme-btn:hover {
  background: #3b0d63;
  color: #fff;
}


#service-2 {
  padding: 40px 0;
  background: #fff;
}

#service-2 .section-title {
  margin-bottom: 55px;
}

#service-2 .section-title h2 {
  font-size: 42px;
  font-weight: 700;
  color: #3b0d63;
  margin-bottom: 0px;
}

#service-2 .section-title p {
  color: #333;
  line-height: 30px;
  font-size: 18px;
}

#service-2 .service-box {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
  transition: .4s;
  text-align: center;
  height: 100%;
}

#service-2 .service-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(108, 74, 139, .25);
}

#service-2 .service-img {
  overflow: hidden;
}

#service-2 .service-img img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  transition: .5s;
}

#service-2 .service-box:hover img {
  transform: scale(1.08);
}

#service-2 .service-content {
  padding: 10px;
  position: relative;
}

#service-2 .service-icon {
  width: 75px;
  height: 75px;
  background: #3b0d63;
  transition: .5s;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  margin: -55px auto 5px;
  border: 5px solid #fff;
  box-shadow: 0 8px 20px rgba(109, 61, 165, .3);
}

#service-2 .service-icon img {
  width: 60%;
  height: 60%;
  transition: .5s;
  object-fit: contain;
}

#service-2 .service-content h3 {
  font-size: 28px;
  color: #3b0d63;
  margin-bottom: 15px;
  font-weight: 600;
}

#service-2 .service-content p {
  color: #333;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 10px;
  height: 90px;
}

#service-2 .theme-btn {
  display: inline-block;
  padding: 8px 20px;
  color: #fff;
  border-radius: 10px;
  transition: .5s;
  font-weight: 600;
  border: 1px solid #3b0d63;
  background-color: #3b0d63;
  position: relative;
  transition: .5s;
  z-index: 1;
  box-shadow: 0 0 15px #3b0d6355;
}

#service-2 .theme-btn:hover {
  background: #3b0d63;
  color: #fff;
}



#service-3 {
  padding: 40px 0;
  background: #faf8fd;
}

#service-3 .section-title {
  margin-bottom: 55px;
}

#service-3 .section-title h2 {
  font-size: 42px;
  font-weight: 700;
  color: #3b0d63;
  margin-bottom: 0px;
}

#service-3 .section-title p {
  color: #333;
  line-height: 30px;
  font-size: 18px;
}

#service-3 .service-box {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
  transition: .4s;
  text-align: center;
  height: 100%;
}

#service-3 .service-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(108, 74, 139, .25);
}

#service-3 .service-img {
  overflow: hidden;
}

#service-3 .service-img img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  transition: .5s;
}

#service-3 .service-box:hover img {
  transform: scale(1.08);
}

#service-3 .service-content {
  padding: 10px;
  position: relative;
}

#service-3 .service-icon {
  width: 75px;
  height: 75px;
  background: #3b0d63;
  transition: .5s;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  margin: -55px auto 5px;
  border: 5px solid #fff;
  box-shadow: 0 8px 20px rgba(109, 61, 165, .3);
}

#service-3 .service-icon img {
  width: 60%;
  height: 60%;
  transition: .5s;
  object-fit: contain;
}

#service-3 .service-content h3 {
  font-size: 28px;
  color: #3b0d63;
  margin-bottom: 15px;
  font-weight: 600;
}

#service-3 .service-content p {
  color: #333;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 10px;
  height: 90px;
}

#service-3 .theme-btn {
  display: inline-block;
  padding: 8px 20px;
  color: #fff;
  border-radius: 10px;
  transition: .5s;
  font-weight: 600;
  border: 1px solid #3b0d63;
  background-color: #3b0d63;
  position: relative;
  transition: .5s;
  z-index: 1;
  box-shadow: 0 0 15px #3b0d6355;
}

#service-3 .theme-btn:hover {
  background: #3b0d63;
  color: #fff;
}


#counter-section {
  background: #3b0d63;
  padding: 40px 0;
  overflow: hidden;
}

#counter-section .counter-box {
  text-align: center;
  color: #fff;
  border-right: 1px solid rgba(255, 255, 255, .18);
  padding: 10px 15px;
}

#counter-section .counter-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 0 auto 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  color: #fff;
}

#counter-section .counter-box h2 {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #fff;
}

#counter-section .counter-box p {
  margin: 0;
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  font-weight: 500;
}


/* testimonial */
#testimonial {
  padding: 40px 0;
  background: #faf8fd;
  position: relative;
  overflow: hidden;
}

#testimonial .section-head .subtitle {
  color: #3b0d63;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1.5px;
}

#testimonial .section-head h2 {
  font-size: 42px;
  font-weight: 700;
  color: #3b0d63;
  margin-bottom: 35px;
  position: relative;
}


#testimonial .testi__subtext {
  font-size: 15px;
  color: #333;
  max-width: 440px;
  margin: 0 auto;
  line-height: 1.7
}

#testimonial .testi__stars-main {
  margin: 0
}

#testimonial .testi__stars-main li {
  font-size: 20px;
  color: #3b0d63
}

#testimonial .testi__rating-num {
  font-size: 42px;
  font-weight: 800;
  color: #fff;
  line-height: 1;
  margin: 4px 0
}

#testimonial .testi__excellent {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 3px;
  color: rgba(255, 255, 255, .90);
  margin: 0
}

#testimonial .testi__based {
  font-size: 13px;
  color: rgba(255, 255, 255, .60);
  margin: 0
}

#testimonial .testi__write-btn {
  display: inline-flex;
  align-items: center;
  margin-top: 8px;
  padding: 10px 20px;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, .12);
  border: 1.5px solid rgba(255, 255, 255, .35);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s ease
}

#testimonial .testi__write-btn:hover {
  background-color: #fff;
  color: #3b0d63
}

#testimonial .testi__card {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 14px;
  padding: 22px 20px 20px;
  height: 290px;
  overflow-y: visible;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: box-shadow .3s ease, border-color .3s ease;
  position: relative
}

#testimonial .testi__card:hover {
  border-color: #3b0d63;
  box-shadow: 0 6px 24px rgba(8, 125, 144, .12)
}

#testimonial .testi__quote {
  position: absolute;
  top: 14px;
  right: 16px;
  font-size: 22px;
  color: rgba(8, 125, 144, .12)
}

#testimonial .testi__card-stars {
  margin: 0
}

#testimonial .testi__card-stars li {
  font-size: 13px;
  color: #3b0d63
}

#testimonial .testi__message {
  font-size: 18px;
  color: #333;
  margin: 0;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #3b0d63 #e4eef5
}

#testimonial .testi__card::-webkit-scrollbar {
  width: 3px;
}

#testimonial .testi__card::-webkit-scrollbar-track {
  background: #e4eef5;
}

#testimonial .testi__card::-webkit-scrollbar-thumb {
  background: #3b0d63;
  border-radius: 4px;
}

#testimonial .testi__profile.profile {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid #e8f0f7
}

#testimonial .testi__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #3b0d63, #3b0d63);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0
}

#testimonial .testi__profile-info h5 {
  font-size: 14px;
  font-weight: 700;
  color: #000000;
  margin: 0 0 2px
}

#testimonial .testi__verified {
  font-size: 11px;
  color: #3b0d63;
  font-weight: 600
}

#testimonial .owl-theme .owl-dots {
  margin-top: 20px;
  text-align: left
}

#testimonial .owl-theme .owl-dots .owl-dot span {
  background-color: #cde4e8;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transition: all .3s ease
}

#testimonial .owl-theme .owl-dots .owl-dot.active span,
#testimonial .owl-theme .owl-dots .owl-dot:hover span {
  background-color: #3b0d63;
  width: 22px;
  border-radius: 4px
}

#testimonial .owl-carousel {
  display: block;
}

#testimonial .owl-carousel .owl-nav button.owl-next,
#testimonial .owl-carousel .owl-nav button.owl-prev,
#testimonial .owl-carousel button.owl-dot {
  display: none
}




/* gallery */
#gallery {
  padding: 40px 0;
  background: #fff;
  position: relative;
  overflow: hidden;
}


#gallery .row {
  row-gap: 20px;
}

#gallery .section-head h2 {
  font-size: 42px;
  font-weight: 700;
  color: #3b0d63;
  margin-bottom: 35px;
  position: relative;
}

#gallery .section-head h2 span {
  color: #3b0d63;
}


#gallery .gallery-item {
  position: relative;
  overflow: hidden;
  display: block;
  background: #000;
}

#gallery .gallery-item img {
  width: 100%;
  height: 270px;
  object-fit: cover;
  transition: .5s;
  display: block;
}

#gallery .gallery-item:hover img {
  transform: scale(1.08);
  opacity: .8;
}



#appointment-section {
  padding: 40px 0;
  background: #fff;
}

#appointment-section .appointment-wrapper {
  border-radius: 20px;
}

#appointment-section .appointment-form {
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 18px;
  padding: 35px;
  height: 100%;
  box-shadow: 0 8px 25px rgba(0, 0, 0, .05);
}

#appointment-section .appointment-form h2 {
  font-size: 42px;
  font-weight: 700;
  color: #3b0d63;
  margin-bottom: 25px;
}

#appointment-section label {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #333;
}

#appointment-section .form-control,
#appointment-section .form-select {
  height: 52px;
  border-radius: 8px;
  border: 1px solid #ddd;
  box-shadow: none;
  font-size: 18px;
}

#appointment-section textarea.form-control {
  height: auto;
  resize: none;
}

#appointment-section .form-control:focus,
#appointment-section .form-select:focus {
  border-color: #3b0d63;
  box-shadow: none;
}

#appointment-section .appointment-btn {
  display: inline-block;
  padding: 8px 20px;
  color: #fff;
  border-radius: 10px;
  transition: .5s;
  font-weight: 600;
  border: 1px solid #3b0d63;
  background-color: #3b0d63;
  position: relative;
  transition: .5s;
  z-index: 1;
  box-shadow: 0 0 15px #3b0d6355;
}

#appointment-section .appointment-btn:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 35px #3b0d6355;
}

#appointment-section .clinic-info {
  background: linear-gradient(135deg, #3b0d63, #3b0d63);
  color: #fff;
  border-radius: 18px;
  padding: 35px;
  height: 100%;
}

#appointment-section .clinic-info h4 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 25px;
  font-weight: 700;
}

#appointment-section .info-item {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 22px;
}

#appointment-section .info-item .icon {
  width: 42px;
  height: 42px;
  background: rgba(255, 255, 255, .12);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}

#appointment-section .info-item h6 {
  margin-bottom: 5px;
  font-size: 25px;
  font-weight: 700;
}

#appointment-section .info-item p {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
}

#appointment-section .map-box {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  text-align: center;
}

#appointment-section .map-box img {
  width: 100%;
  display: block;
}

#appointment-section .direction-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 46px;
  background: #3b0d63;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}

#appointment-section .direction-btn:hover {
  background: #3b0d63;
  color: #fff;
}


#service-faq {
  padding: 40px 0;
  background: #faf8fd;
  overflow: hidden;
}

#service-faq .section-title {
  text-align: center;
  margin-bottom: 20px;
}

#service-faq .section-title h2 {
  font-size: 42px;
  font-weight: 700;
  color: #3b0d63;
  margin-bottom: 15px;
}

#service-faq .section-title p {
  color: #333;
  font-size: 18px;
  line-height: 28px;
  /* max-width: 650px; */
  margin: auto;
}

#service-faq .accordion-item {
  border: none;
  margin-bottom: 20px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
}

#service-faq .accordion-button {
  font-size: 18px;
  font-weight: 600;
  padding: 20px;
  color: #333;
  background: #fff;
  box-shadow: none;
}

#service-faq .accordion-button:not(.collapsed) {
  background: #3b0d63;
  color: #fff;
}

#service-faq .accordion-button:focus {
  box-shadow: none;
}

#service-faq .accordion-body {
  font-size: 18px;
  line-height: 28px;
  color: #333;
  background: #fff;
}

#service-faq .accordion-button::after {
  background-size: 18px;
  color: white !important;
}


/* Active accordion arrow white */
#service-faq .accordion-button:not(.collapsed)::after{
    filter: brightness(0) invert(1);
}

/* Default arrow */
#service-faq .accordion-button::after{
    transition: .3s;
}


#appointment-cta{
    padding:0;
    background:#fff;
    overflow:hidden;
}

#appointment-cta .appointment-cta-box{
    position:relative;
    overflow:hidden;
    border-radius:0;
    background:linear-gradient(135deg, #3b0d63, #3b0d63)
}


#appointment-cta .appointment-cta-content{
    display:flex;
    align-items:center;
    gap:40px;
    position:relative;
    z-index:2;
}

#appointment-cta .appointment-cta-img img{
      width: 160px;
    height: 100%;
    display: block;
    /* margin-top: -18px; */
    object-fit: cover;
}

#appointment-cta .appointment-cta-text h2{
    color:#fff;
    font-size:42px;
    font-weight:700;
    margin-bottom:5px;
}

#appointment-cta .appointment-cta-text p{
    color:#f2e9fb;
    font-size:18px;
    line-height:20px;
    margin:0;
}

#appointment-cta .appointment-cta-btn{
    display: inline-block;
    padding: 8px 20px;
    color: #fff;
    border-radius: 10px;
    transition: .5s;
    font-weight: 600;
    border: 1px solid #ffffff;
    background-color: transparent;
    position: relative;
    transition: .5s;
    z-index: 1;
    box-shadow: 0 0 15px #3b0d6355;
}

#appointment-cta .appointment-cta-btn:hover{
       transform: translateY(-4px);
    box-shadow: 0 15px 35px #3b0d6355;
}

#appointment-cta .appointment-cta-btn i{
    font-size:16px;
}

@media(max-width:991px){

#appointment-cta .appointment-cta-box{
    padding:30px 20px;
}

#appointment-cta .appointment-cta-content{
    flex-direction:column;
    text-align:center;
}

#appointment-cta .appointment-cta-btn{
    margin-top:20px;
}


}


#breadcrumb{
    position:relative;
    padding:40px 0;
    overflow:hidden;
    background:#3b0d63;
    text-align: center;
}


#breadcrumb .breadcrumb-content{
    position:relative;
    z-index:2;
    text-align: center;
}

#breadcrumb span{
    color:#ffffff;
    font-size:34px;
    font-family:var(--headingFont);
    font-weight:700;
    display:block;
    line-height:1;
}

#breadcrumb h2{
    font-size:46px;
    font-weight:700;
    color:#ffffff;
    margin:5px 0px;
    line-height:1.15;
}

#breadcrumb .breadcrumb-line{
    margin-bottom:5px;
}

#breadcrumb .breadcrumb-line img{
        width: 180px;
}

#breadcrumb .breadcrumb-list{
    display:flex;
    align-items:center;
    justify-content: center;
    gap:30px;
    padding:0;
    margin:0;
    list-style:none;
}

#breadcrumb .breadcrumb-list li{
    position:relative;
    color:#ffffff;
    font-size:17px;
    font-weight:600;
}

#breadcrumb .breadcrumb-list li:not(:last-child)::after{
    content:"";
    position:absolute;
    right:-18px;
    top:50%;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#ffffff;
    transform:translateY(-50%);
}

#breadcrumb .breadcrumb-list li a{
    color:#ffffff;
    text-decoration:none;
    transition:.3s;
}



#lp-thankyou{
width:100%;
display:flex;
align-items:center;
    justify-content:center;
     padding: 40px 0;
  background: #faf8fd;
  position: relative;
  overflow: hidden;
}

#lp-thankyou .about-leaf-left {
  position: absolute;
  left: 0;
  bottom: 0;
  /* opacity:.18; */
}

#lp-thankyou .about-leaf-right {
  position: absolute;
  right: 0;
  top: 0;
  /* opacity:.18; */
}

#lp-thankyou .about-leaf-left img,
#lp-thankyou .about-leaf-right img {
  max-width: 220px;
}



#lp-thankyou .thankyou-wrapper{
    width:100%;
    max-width:1200px;
    margin:auto;
    position: relative;
}

#lp-thankyou .thankyou-box{
    max-width:600px;
    margin:auto;
    background:#ffffff;
    padding:60px 40px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
}

#lp-thankyou .thankyou-icon{
    width:90px;
    height:90px;
    border-radius:50%;
    background:#3b0d63;
    color:#fff;
    font-size:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 25px;
    font-weight:700;
}

#lp-thankyou h2{
    font-size: 42px;
    line-height: 1.2;
    margin: 5px 0 20px;
    color: #000;
    position: relative;
    font-weight: 600;
}

#lp-thankyou p{
            color: #444;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 20px;
    position: relative;
}

#lp-thankyou .thankyou-btn{
   display: inline-block;
    padding: 8px 20px;
    color: #fff;
    border-radius: 10px;
    transition: .5s;
    font-weight: 600;
    border: 1px solid #3b0d63;
    background-color: #3b0d63;
    position: relative;
    transition: .5s;
    z-index: 1;
    box-shadow: 0 0 15px #3b0d6355;

}

#lp-thankyou .thankyou-btn:hover {
       transform: translateY(-4px);
}

#lp-thankyou .thankyou-btn i {
    transition: .35s;
}

#lp-thankyou .thankyou-btn:hover i {
  transform: translateX(6px);
}