/* Fonts */
@font-face {
  font-family: 'magnathead-bold';
  src: url('../fonts/MagnatHead-Bold.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'magnathead-regular';
  src: url('../fonts/MagnatHead-Regular.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'magnathead-medium';
  src: url('../fonts/MagnatHead-Medium.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'magnathead-semibold';
  src: url('../fonts/MagnatHead-SemiBold.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'pppangramsansrounded-medium';
  src: url('../fonts/PPPangramSansRounded-Medium.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'pppangramsansrounded-semibold';
  src: url('../fonts/PPPangramSansRounded-Semibold.woff2') format('woff2');
  font-display: swap;
}



:root {
  --para-font: 'pppangramsansrounded-medium', 'sans-serif';
  --banner-font: 'magnathead-semibold', 'sans-serif';
  --button-font: 'pppangramsansrounded-semibold', 'sans-serif';
  --heading-font: 'magnathead-medium', 'sans-serif';
  --head-regular: 'magnathead-regular', 'sans-serif';
  --blue-color: #12ABDB;
  --pink-color: #FF577C;
}

body {
  margin: 0;
  padding: 0;
}

p{
  line-height: 26px;
}

.row ul{
  padding: 0px 25px;
}

.row li{
  margin-top: 12px;
  font-family: var(--para-font);
  font-size: 16px;
  line-height: 26px;
}

.row h4{
  font-family: var(--banner-font);
}

.row b{
  font-family: var(--para-font);
}

.dropdown-item.active, .dropdown-item:active{
  background-color: #12abdb;
}

.navbar-light .navbar-toggler{
  border: 0;
}

.navbar-toggler:focus{
  box-shadow: 0 0 0 0;
}

.navbar-brand img {
  width: auto;
  height: 64px;
}

.navbar-nav {
  align-items: center;
}

.navbar {
  transition: background-color 0.3s ease-in-out;
  background-color: #FFEDF0;
}

.nav-link {
  font-family: var(--para-font);
}

.navbar-light .navbar-nav .nav-link{
  color: black;
}

.navbar-nav .nav-link:hover {
  color: var(--pink-color) !important;
}


.navbar-nav .nav-link.active {
  color: var(--pink-color) !important;
}


.navbar.sticky {
  background-color: #FFEDF0;
  box-shadow: 0px 0px 5px 2px rgba(255, 87, 124, 0.22);
}

.navbar.sticky .nav-link {
  color: black !important;
}

.nav-link button {
  background-color: var(--blue-color);
  color: white;
  border: 1px solid var(--blue-color);
  padding: 8px 20px 12px;
  border-radius: 10px;
}

.nav-link button:hover {
  background-color: transparent;
  color: var(--blue-color);
  border-radius: 0;
  transition: 1s;
}

.drop-down-icon {
  width: 12px;
  height: 7px;
}

.nav-item {
  cursor: pointer;
}

.parent-menu, .second-sub{
  background-color: var(--pink-color);
  margin-top: 24px;
  border: none;
}

.parent-menu li a, .second-sub li a{
  color: white;
}

.parent-menu .dropdown-item:active, .second-sub .dropdown-item:active{
  background-color: #e9ecef;
}

.second-sub{
  margin-left: 200px;
  margin-top: 0;
}

.home-banner {
  width: 100%;
  height: 1000px;
  background-image: url(../images/home-bg.webp);
  background-size: cover;
  position: relative;
  z-index: -1;
}

.home-banner .row {
  padding-top: 50px;
}

.home-banner h2 {
  font-family: var(--banner-font);
  font-size: 50px;
  line-height: 60px;
}

.home-banner p {
  font-family: var(--para-font);
  font-size: 16px;
  line-height: 30px;
}

.home-banner a {
  text-decoration: none;
}

.home-banner button {
  background-color: transparent;
  border: 1px solid var(--blue-color);
  color: black;
  border-radius: 10px;
  padding: 10px 20px 13px 20px;
  font-size: 16px;
}

.home-banner button:hover {
  background-color: var(--blue-color);
  color: white;
  transition: 1s;
  border-radius: 0;
}

.home-banner button:hover .banner-imgs {
  filter: brightness(0) invert(1);
}

.home-form {
  border-radius: 25px;
  padding: 50px 40px;
  background-color: white;
  margin-top: -140px;
  box-shadow: 0 0 5px 5px rgba(214, 214, 214, 0.226);
}

.home-form1 {
  margin-top: 40px;
}

.home-banner form .row {
  padding-top: 0;
}


.home-form button {
  background-color: var(--blue-color);
  border: 1px solid var(--blue-color);
  color: white;
  padding: 7px 20px;
  border-radius: 10px;
}

.home-form1 button {
  background-color: var(--blue-color);
  border: 1px solid var(--blue-color);
  color: white;
  padding: 7px 20px;
  border-radius: 10px;
}

.home-form button:hover {
  background-color: transparent;
  border-radius: 0;
  transition: 1s;
  color: black;
}

.home-form1 button:hover {
  background-color: transparent;
  border-radius: 0;
  transition: 1s;
  color: black;
}

.home-about {
  margin-top: 80px;
}

.home-about img {
  width: 100%;
  height: auto;
}

.home-about h1 {
  font-family: var(--banner-font);
  margin-top: 10px;
}

.home-about .padding-left {
  padding-left: 80px;
}

.home-about h3,
.home-services h3,
.services-stages h3,
.home-why-choose h3,
.home-process h3,
.home-gallery h3,
.home-testimonial h3,
.home-faq h3,
.footer-form h3,
.about-about-us h3,
.about-doctor-profile h3,
.about-process h3,
.services-about-right h3,
.treatment-about h3,
.services-uses-left h3,
.services-what-happens h3,
.services-types h3,
.treatment-symptoms h3,
.treatment-diagnosis h3,
.treatment-treatment h3,
.treatment-prevention h3,
.gallery-section h3,
.testimonial-section h3,
.contact-section h3 {
  background-color: var(--pink-color);
  color: white;
  padding: 5px 20px 8px;
  border-radius: 10px;
  width: fit-content;
  font-family: var(--para-font);
  font-size: 18px;
}
.new-service {
  background-color: var(--pink-color);
  color: white;
  padding: 5px 20px 8px;
  border-radius: 10px;
  width: fit-content;
  font-family: var(--para-font);
  font-size: 18px;
}

.home-about p {
  font-family: var(--para-font);
  margin-top: 10px;
  font-size: 16px;
  line-height: 30px;
}

.home-about button {
  border: 1px solid var(--pink-color);
  color: black;
  background-color: transparent;
  padding: 8px 20px 12px;
  border-radius: 10px;
}

.home-about button:hover {
  background-color: var(--pink-color);
  color: white;
  border-radius: 0;
  transition: 1s;
}

.home-about button:hover .banner-imgs1 {
  filter: brightness(0) invert(1);
}


.home-about a {
  text-decoration: none;
}

.banner-imgs1 {
  width: 31px !important;
  height: auto;
}

.home-services {
  width: 100%;
  height: 650px;
  background-image: url(../images/home-service-bg.webp);
  margin-top: 80px;
  padding-top: 100px;
  /*padding-left: 250px;*/
}

.services-stages{
  width: 100%;
  height: auto;
  background-image: url(../images/home-service-bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 80px;
  padding: 80px 0 50px;
}


.home-services h2,
.home-why-choose h2,
.home-process h2,
.home-gallery h2,
.home-testimonial h2,
.home-faq h2,
.footer-form h2,
.about-about-us h2,
.about-doctor-profile h2,
.about-process h2,
.services-about-right h1,
.treatment-about h1,
.services-uses-left h2,
.services-what-happens h2,
.services-types h2,
.treatment-symptoms h2,
.treatment-diagnosis h2,
.treatment-treatment h2,
.treatment-prevention h2,
.gallery-section h2,
.testimonial-section h2,
.contact-section h2,
.services-stages h2,
.dysmenorrhea-banner h2{
  font-family: var(--banner-font);
  font-size: 45px;
  margin-top: 10px;
}

.home-services-slider,
.home-testimonial-slider {
  position: relative;
}

.home-services-slider .owl-nav {
  position: absolute;
  top: -60px;
  right: 250px;
}

.home-testimonial-slider .owl-nav {
  position: absolute;
  top: -92px;
  right: 0;
}

.home-services-slider .owl-nav span,
.home-testimonial-slider .owl-nav span {
  display: none;
}

.home-services-slider .owl-next,
.home-testimonial-slider .owl-next {
  margin-left: 25px;
}

.home-services-slider .card, .services-stages .card {
  border: 0;
  padding: 20px 30px;
  background-color: white;
  border-radius: 10px;
}

.home-services-slider .card:hover, .services-stages .card:hover {
  background-color: #E6476A;
}

.home-services-slider .card:hover .card-img {
  background-color: white;
}

.services-stages .card:hover .card-img{
  background-color: white;
}

.services-stages .card:hover .card-img h6{
  color: var(--pink-color);
}

.services-stages .card-img h6{
  margin: 0;
}

.services-stages h4{
  margin-top: 25px;
}

.services-stages .card-img{
  width: fit-content;
  height: auto;
  padding: 10px 30px;
  background-color: #E2F8FF;
  border-radius: 10px;
}

.home-services-slider .card-img {
  height: 80px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E2F8FF;
  border-radius: 40px;
}

.home-services-slider .card-img img, .services-stages .card-img img {
  width: 50px !important;
  height: 50px !important;
}

.home-services-slider h4 {
  height: 50px;
  display: flex;
  align-items: center;
  color: #E6476A;
  margin: 15px 0;
  font-family: var(--banner-font);
}

.home-services-slider p {
  font-family: var(--para-font);
}


.home-services-slider .card:hover h4, .services-stages .carc:hover h4 {
  color: white;
  font-family: var(--banner-font);
}

.home-services-slider .card:hover p, .services-stages .card:hover {
  color: white;
}

.home-services-slider a, .services-stages a, .treat-slide a {
  text-decoration: none;
}

.home-services-slider .learn, .services-stages .learn, .treat-slide .learn {
  background-color: white;
  border: 1px solid var(--pink-color);
  padding: 8px 20px;
  border-radius: 10px;
  width: fit-content;
  display:inline-block;
}

.treat-slide .learn button img{
    margin:0;
}

.home-services-slider button, .services-stages button, .treat-slide button{
  background-color: transparent;
  border: none;
}

.home-why-choose {
  margin-top: 80px;
}

.home-why-choose-right {
  position: relative;
}

.home-why-choose-right::before {
  position: absolute;
  content: '';
  width: 300px;
  height: 286px;
  background-image: url(../images/home-why-choose-before.webp);
  top: 0;
  left: 14%;
  z-index: -1;
}

.home-why-choose-right::after {
  position: absolute;
  content: '';
  width: 273px;
  height: 189px;
  background-image: url(../images/home-why-choose-after.webp);
  bottom: -11%;
  right: 0;
  z-index: -1;
}

.home-why-choose h2 {
  margin: 20px 0;
}

.home-why-choose-left {
  padding-right: 80px;
}

.home-why-choose-left h6,
.home-cta h6 {
  font-family: var(--para-font);
  color: var(--pink-color);
  font-weight: 700;
}

.home-why-choose-left .ms-3 p,
.home-cta p {
  font-family: var(--para-font);
  font-size: 16px;
  font-weight: 600;
  color: black;
}

.home-process {
  width: 100%;
  height: auto;
  background-image: url(../images/home-process-bg.webp);
  background-size: cover;
  margin-top: 120px;
  position: relative;
  padding: 100px 0 100px;
}

.home-process::before {
  position: absolute;
  content: '';
  width: 155px;
  height: 206px;
  left: 9.4%;
  bottom: 5%;
  background-image: url(../images/home-process-before.webp);
}

.home-process::after {
  position: absolute;
  content: '';
  width: 186px;
  height: 200px;
  right: 0;
  top: 15%;
  background-image: url(../images/home-process-after.webp);
}

.home-process h2 {
  margin: 15px 0 40px 0;
}

.home-process .card {
  width: 85%;
  border-radius: 10px;
  padding: 35px 15px 15px;
  height: fit-content;
  z-index: 100;
}

.home-process .card .card-head img {
  margin: 15px 0;
}

.home-process .card .card-body h5 {
  color: var(--pink-color);
  font-family: var(--para-font);
  font-weight: 700;
  text-align: center;
  margin-bottom: 15px;
}

.home-process .card .card-body p {
  text-align: center;
}

.home-process-col {
  position: relative;
  z-index: 1;
}

.home-process-col::after {
  position: absolute;
  content: '';
  width: 800px;
  height: 200px;
  background-image: url(../images/home-process-bg-line.webp);
  background-repeat: no-repeat;
  top: 20%;
  left: -35%;
  z-index: 0;
}

.home-cta {
  width: 90%;
  height: auto;
  background-color: #e5f9ff;
  margin-top: 100px;
  padding: 0 45px;
}

.home-cta .row {
  padding: 0 25px;
}

.home-cta .row .col-md-4 img {
  width: 100%;
  height: auto;
}

.home-cta h2 {
  font-family: var(--banner-font);
  font-size: 40px;
  line-height: 50px;
}

.home-gallery {
  margin-top: 80px;
}

.home-gal1 {
  position: relative;
}

.home-gal1::before {
  position: absolute;
  width: 130px;
  height: 130px;
  content: '';
  background-image: url(../images/home-gallery-before1.webp);
  background-size: cover;
  bottom: 0;
}

.home-gal2 {
  position: relative;
}

.home-gal2::before {
  position: absolute;
  width: 110px;
  height: 80px;
  content: '';
  background-image: url(../images/home-gallery-after-top.webp);
  background-size: cover;
  right: -18%;
}

.home-gal4 {
  position: relative;
}

.home-gal4::before {
  position: absolute;
  width: 100px;
  height: 100px;
  content: '';
  background-image: url(../images/home-gallery-before.webp);
  background-size: cover;
  left: -47%;
  top: 0;
}

.home-gal3 {
  position: relative;
}

.home-gal3::before {
  position: absolute;
  content: '';
  width: 160px;
  height: 80px;
  background-image: url(../images/home-gallery-after-bottom.webp);
  background-size: cover;
  right: -77%;
}

.home-gal3::after {
  position: absolute;
  content: '';
  width: 160px;
  height: 168px;
  background-image: url(../images/home-gallery-after1.webp);
  background-size: cover;
  right: -90%;
  top: 0;
}

.hom-gal7 {
  position: relative;
}

.hom-gal7::after {
  position: absolute;
  content: '';
  width: 130px;
  height: 130px;
  background-image: url(../images/home-gallery-after.webp);
  background-size: cover;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
}

.home-gallery button {
  margin-top: 45px;
  border: 1px solid var(--pink-color);
  background-color: white;
  color: black;
  padding: 7px 20px;
  border-radius: 10px;
}

.home-gallery button:hover {
  color: white;
  border-radius: 0;
  background-color: var(--pink-color);
  color: white;
  transition: 1s;
}

.home-gallery button:hover .home-galbtn {
  filter: brightness(0) invert(1);
}

.home-testimonial {
  width: 100%;
  height: auto;
  background-image: url(../images/home-testimonials-bg.webp);
  background-size: cover;
  margin-top: 80px;
  padding-top: 200px;
  padding-bottom: 80px;
}

.home-testimonial-slider {
  margin-top: 25px;
}

.home-testimonial-slider .card {
  padding: 30px;
}

.home-testimonial-slider .col-12 div {
  margin-left: 15px;
}

.home-testimonial-slider .h51 {
  color: var(--pink-color);
}

.home-testimonial-slider .h52 {
  color: #12ABDB;
}

.home-testimonial-slider h6 {
  font-family: var(--para-font);
  color: #C5C0C1;
}

.home-testimonial-slider .col-12 img {
  width: 86px !important;
  height: 87px;
}

.home-testimonial-slider .col-md-4 img {
  width: 127px !important;
  height: 87px;
}

.home-testimonial button {
  margin-top: 20px;
  border: 1px solid var(--pink-color);
  background-color: white;
  color: black;
  padding: 7px 20px;
  border-radius: 10px;
}

.home-testimonial button:hover {
  color: white;
  border-radius: 0;
  background-color: var(--pink-color);
  color: white;
  transition: 1s;
}

.home-testimonial button:hover .home-galbtn {
  filter: brightness(0) invert(1);
}

.home-faq h2 {
  margin-top: 15px;
}

.home-faq .row {
  margin-top: 80px;
}

.accordion-button::after{
  background-image: url(../images/faq-down-arrow.webp);
}

.accordion-button:not(.collapsed)::after {
  background-image: url(../images/faq-up-arrow.webp);
  transform: rotate(0);
}

.accordion-item {
  border: none;
  margin-top: 25px;
  background-color: white;
}

.accordion-button {
  font-family: var(--para-font);
  font-weight: 600;
  font-size: 22px;
}

.accordion-button:not(.collapsed) {
  color: black;
  background-color: white;
  box-shadow: 0 0 0 0;
}

.accordion-button:focus {
  box-shadow: 0 0 0 0;
}

.accordion .active{
  /* border: 1px solid rgba(0, 0, 0, 0.125); */
  border-radius: 0.25rem;
  box-shadow: 0 0 10px 5px rgb(179 175 175 / 15%);
  margin-bottom: 1rem;
  border-left: 10px solid var(--blue-color);
  border-start-end-radius: 5px;
}

.home-faq .row {
  position: relative;
}

.home-faq .row::before {
  position: absolute;
  content: '';
  width: 170px;
  height: 160px;
  background-image: url(../images/faq-before.webp);
  background-size: cover;
  top: -30px;
  left: -110px;
  z-index: -1;
}


.home-faq-right {
  position: relative;
}

.home-faq-right::before {
  position: absolute;
  content: '';
  width: 160px;
  height: 170px;
  background-image: url(../images/faq-image-before.webp);
  background-size: cover;
  z-index: -1;
  left: -2%;
}

.home-faq-right::after {
  position: absolute;
  content: '';
  width: 160px;
  height: 150px;
  background-image: url(../images/faq-after.webp);
  background-size: cover;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.footer-section {
  width: 100%;
  height: auto;
  background-image: url(../images/footer-section.webp);
  margin-top: 80px;
  padding-top: 150px;
}

.footer-form h2 {
  margin-top: 15px;
}

.footer-form-right {
  padding-left: 150px;
}

.footer-form form {
  background-color: white;
  box-shadow: 0 0 15px 1px #ededed;
  padding: 30px 30px 45px;
  border-radius: 15px;
  z-index: 1;
  position: relative;
}

.footer-form .form-control, .contact-section .form-control, .home-form .form-control {
  border: none;
  background-color: #F1F1F1;
}

.footer-form input, .contact-section input {
  height: 60px;
  padding: 0 25px 5px;
  border-radius: 10px;
}

.footer-form .form-control::placeholder, .contact-section .form-control::placeholder {
  color: #CACACA;
}

.footer-form textarea, .contact-section textarea {
  height: 150px;
  border-radius: 10px;
  padding: 10px 25px;
}

.footer-form button {
  color: white;
  padding: 7px 25px;
  border-radius: 10px;
  border: 1px solid var(--pink-color);
  background-color: var(--pink-color);
}

.footer-form button:hover {
  color: var(--pink-color);
  background-color: white;
  transition: 1s;
  border-radius: 0;
}

.footer-top {
  position: relative;
}

.footer-top::before {
  position: absolute;
  content: '';
  width: 150px;
  height: 180px;
  background-image: url(../images/footer-form-before-main.webp);
  background-size: cover;
  bottom: 0;
  left: 0;
}

.footer-form-right {
  position: relative;
}

.footer-form-right::before {
  position: absolute;
  content: '';
  width: 180px;
  height: 170px;
  background-image: url(../images/footer-form-before.webp);
  background-size: cover;
  top: 0;
  left: 0;
  z-index: 0;
}

.footer-form-right form {
  position: relative;
}

.footer-form-right form::after {
  position: absolute;
  content: '';
  width: 75px;
  height: 90px;
  background-image: url(../images/footer-form-after.webp);
  background-size: cover;
  right: 20px;
  bottom: 0;
}

.footer-form-left img {
  width: 100%;
  height: auto;
}

.footer-bottom {
  width: 100%;
  height: auto;
  background-image: url(../images/footer-bottom-bg.webp);
  margin-top: 120px;
  padding: 100px 0 50px;
}

.footer-logo {
  text-align: center;
  border-bottom: 2px solid #5e5e5e;
}

.footer-logo img {
  width: auto;
  height: 100px;
}

.footer-logo p {
  width: 60%;
  color: white;
  margin: 30px auto;
}

.footer-body {
  margin-top: 40px;
}

.footer-body h5,
.footer-body a,
.footer-body td {
  color: white;
}

.footer-body h5 {
  font-family: var(--banner-font);
  margin-bottom: 20px;
  font-size: 25px;
}

.footer-body a {
  text-decoration: none;
  font-size: 18px;
  font-family: var(--para-font);
}

.footer-body ul li {
  list-style-type: none;
  margin-top: 10px;
  color: white;
  font-family: var(--para-font);
  line-height: 25px;
}

.footer-body ul {
  padding: 0;
}

.footer-body td {
  padding: 10px 0 0 0;
  font-size: 18px;
  font-family: var(--para-font);
}

.footer-body strong {
  font-size: 18px;
  font-family: var(--para-font);
}

.about-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/about-page/aboutbanner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.ultrasound-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/services/ultrasound-banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.ivf-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/services/ivf-banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.high-risk-pregnancy-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/services/high-risk-banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.gynecomstia-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/treatments/gynecomastia.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.gallery-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/about-page/banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.testimonial-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/testimonial/banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.contact-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/contact-banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.menstrual-disorder-management-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/services/menstrual-disorder-management-banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.iui-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/services/iui-banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.artificial-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/services/artificial-banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.hysterectomy-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/services/hysterectomy-banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.tubectomy-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/services/tubectomy-banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.pcod-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/services/pcod-banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.pcos-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/services/pcos-banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.pediatrics-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/services/pediatrics-banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.dysmenorrhea-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/services/dysmenorrhea-banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.important-test-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/services/important-test-banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.normal-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/services/normal-banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.lap-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/services/lap-banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.unilateral-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/services/unilateral-banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.ovarian-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/services/ovarian-banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.bartholin-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/services/bartholin-banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.urinary-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/services/urinary-banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.fibroids-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/services/fibroids-banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.menopause-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/services/menopause-banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.pelvic-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/services/pelvic-banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}


.doctor-banner {
  width: 100%;
  height: 400px;
  background-image: url(../images/doctor-banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.about-banner h2,
.ultrasound-banner h2,
.ivf-banner h2,
.high-risk-pregnancy-banner h2,
.gynecomstia-banner h2,
.gallery-banner h2,
.testimonial-banner h2,
.contact-banner h2,
.menstrual-disorder-management-banner h2,
.iui-banner h2,
.artificial-banner h2,
.hysterectomy-banner h2,
.pcod-banner h2,
.pcos-banner h2,
.pediatrics-banner h2,
.important-test-banner h2,
.tubectomy-banner h2,
.unilateral-banner h2,
.lap-banner h2,
.ovarian-banner h2,
.bartholin-banner h2,
.urinary-banner h2,
.fibroids-banner h2,
.normal-banner h2,
.doctor-banner h1,
.menopause-banner h2,
.pelvic-banner h2 {
  font-family: var(--banner-font);
  font-size: 45px;
}

.about-about-us {
  /*margin-top: 80px;*/
}

.about-about-us h2 {
  text-align: left;
}

.about-about-us img {
  width: 100%;
  height: auto;
}

.about-about-us-right {
  padding-left: 100px;
}

.about-about-us p {
  margin-top: 15px;
}

.about-about-us-left {
  position: relative;
}

.about-about-us-left::before {
  position: absolute;
  content: '';
  width: 108px;
  height: 108px;
  background-image: url(../images/about-page/about-us-before.webp);
  background-size: cover;
  left: -30px;
  top: -40px;
  z-index: -1;
}

.about-about-us-left::after {
  position: absolute;
  content: '';
  width: 95px;
  height: 93px;
  background-image: url(../images/about-page/about-us-after.webp);
  background-size: cover;
  right: -25px;
  bottom: -30px;
  z-index: -1;
}

.about-about-us p {
  font-family: var(--para-font);
  font-size: 16px;
}

.about-counter {
  background-color: #EEFBFF;
  margin-top: 100px;
  padding: 40px 0;
}

.about-counter img{
  width: 80px;
  height: 80px;
}

.plus::after {
  content: '+';
}

.k-plus::after {
  content: 'k+';
}

.per-plus::after {
  content: '%';
}

.about-counter .count {
  font-family: var(--banner-font);
  font-size: 35px;
  color: #12ABDB;
  margin: 15px 0;
}

.about-counter .count1 {
  color: var(--pink-color);
}

.about-counter span {
  font-family: var(--para-font);
}

.about-doctor-profile {
  position: relative;
}

.about-doctor-profile::before {
  position: absolute;
  content: '';
}

.about-doctor-profile .container {
  width: 100%;
  height: auto;
  background-color: #FFF8F9;
  border-radius: 10px;
  padding: 30px 20px 30px 50px;
  margin-top: 80px;
}

.about-doctor-profile h2 {
  text-align: start;
}

.about-doctor-profile h3 {
  margin-top: 25px;
}

.about-doctor-profile h4 {
  color: #12ABDB;
  font-size: 16px;
  font-style: italic;
  font-family: var(--para-font);
  font-weight: 600;
}

.about-doctor-profile h5 {
  font-size: 16px;
  font-family: var(--para-font);
  font-style: italic;
  color: var(--pink-color);
  font-weight: 600;
}

.about-doctor-left P {
  margin-top: 15px;
  padding-right: 100px;
}

.about-doctor-left button {
  border: 1px solid var(--pink-color);
  padding: 8px 20px;
  border-radius: 10px;
  background-color: transparent;
}

.about-doctor-left button:hover {
  color: white;
  background-color: var(--pink-color);
  border-radius: 0;
  transition: 1s;
}


.about-doctor-left button:hover .banner-imgs {
  filter: brightness(0) invert(1);
  transition: 1s;
}

.about-doctor-profile {
  position: relative;
}

.about-doctor-profile::before {
  position: absolute;
  content: '';
  width: 155px;
  height: 180px;
  background-image: url(../images/about-page/about-doctor-before.webp);
  background-size: cover;
  left: 0;
  top: 50%;
}

.about-doctor-profile::after {
  position: absolute;
  content: '';
  width: 155px;
  height: 180px;
  background-image: url(../images/about-page/about-doctor-before.webp);
  background-size: cover;
  right: 0;
  top: 0;
}

.ab-dr-bef {
  position: relative;
}

.ab-dr-bef::before {
  position: absolute;
  content: '';
  width: 150px;
  height: 200px;
  background-image: url(../images/about-page/about-doctor-after.webp);
  background-size: cover;
  left: 0;
  top: 0;
}

.about-doctor-profile .row {
  position: relative;
}

.about-doctor-profile .row::after {
  position: absolute;
  content: '';
  width: 150px;
  height: 200px;
  background-image: url(../images/about-page/about-doctor-after.webp);
  background-size: cover;
  right: 35px;
  z-index: 0;
  bottom: 0;
}

.about-doctor-right {
  position: relative;
}

.about-doctor-right::before {
  position: absolute;
  content: '';
  width: 100px;
  height: 100px;
  background-image: url(../images/about-page/about-doctor-right-before.webp);
  background-size: cover;
  top: 0;
  left: 50px;
}

.about-doctor-right img {
  z-index: 1;
  position: relative;
}

.about-doctor-right::after {
  position: absolute;
  content: '';
  width: 133px;
  height: 166px;
  background-image: url(../images/about-page/about-doctor-right-after.webp);
  background-size: cover;
  top: 44%;
  right: 0;
  z-index: 0;
}

.about-process {
  margin-top: 100px;
  width: 100%;
  height: auto;
  background-image: url(../images/about-page/about-process.webp);
  background-size: cover;
  padding: 100px 0 50px 0;
  position: relative;
}

.about-process-left{
  position: relative;
}
/* 
.about-process-left::before{
  position: absolute;
  content: '';
  width: 115px;
  height: 150px;
  background-image: url(../images/about-page/process-before.webp);
  background-size: cover;
  left: -17%;
  top: 0;
}

.about-process-left::after{
  position: absolute;
  content: '';
  width: 143px;
  height: 143px;
  background-image: url(../images/about-page/process-after.webp);
  background-size: cover;
  right: 2%;
  top: 35%;
} */

.about-process .row {
  margin-top: 50px;
}

.about-process img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}

.about-process::before {
  position: absolute;
  content: '';
  width: 155px;
  height: 170px;
  background-image: url(../images/about-page/about-process-before.webp);
  background-size: cover;
  left: 30px;
  bottom: 0;
  z-index: 0;
}

.about-process::after {
  position: absolute;
  content: '';
  width: 185px;
  height: 196px;
  background-image: url(../images/about-page/about-process-after.webp);
  background-size: cover;
  right: 0;
  top: 150px;
}

.about-process-slider h5 {
  color: #12ABDB;
  font-family: var(--para-font);
  font-size: 24px;
}

.about-process-slider h4 {
  font-family: var(--head-regular);
  font-size: 30px;
  margin: 15px 0;
}

.about-process-slider p {
  font-family: var(--para-font);
  font-size: 16px;
}

.about-process-slider .owl-nav {
  text-align: right;
}

.about-process-slider .owl-next {
  margin-left: 20px;
}

.about-process-slider .owl-prev,
.about-process-slider .owl-next {
  width: 50px;
  height: auto;
}

.about-process-right {
  padding-left: 100px;
}

.services-about,
.treatment-about {
  margin-top: 20px;
}

.services-about img,
.treatment-about img {
  width: 100%;
  height: auto;
}

.services-about-right,
.treatment-about-right {
  padding-left: 100px;
}

.services-about-right h1,
.treatment-about-right h1 {
  margin-top: 15px;
}

.services-about-right p,
.treatment-about-right p {
  margin-top: 15px;
}

.services-about-right h1 span {
  color: #12ABDB;
}

.services-uses {
  width: 100%;
  height: auto;
  padding: 100px 0;
  background-image: url(../images/services/services-uses-bg.webp);
  background-size: cover;
}

.services-uses img {
  width: 100%;
  height: auto;
}

.services-uses-left {
  padding-right: 100px;
}

.services-uses-left p {
  font-family: var(--para-font);
}

.services-what-happens {
  margin-top: 100px;
}

.services-what-happens img {
  width: 100%;
  height: auto;
}

.services-what-happens h2,
.services-what-happens p {
  margin-top: 15px;
}

.services-what-happens-right {
  padding-left: 100px;
}

.services-types {
  margin-top: 100px;
}

.services-types-left {
  padding-right: 100px;
}

.services-types-right img {
  width: 100%;
  height: auto;
}

.treatment-symptoms img {
  width: 100%;
  height: auto;
}

.treatment-symptoms {
  width: 100%;
  height: auto;
  padding: 150px 0 100px 0;
  background-image: url(../images/treatments/symptoms-bg.webp);
  background-size: cover;
  margin-top: 100px;
}

.treatment-symptoms li {
  margin-top: 10px;
}

.treatment-symptoms p {
  margin: 10px 0;
}

.treatment-symptoms-left {
  padding-right: 100px;
}

.treatment-symptoms-right {
  padding-left: 100px;
}

.treatment-diagnosis {
  margin-top: 100px;
}

.treatment-diagnosis img {
  width: 100%;
  height: auto;
}

.treatment-diagnosis p {
  font-family: var(--para-font);
}

.treatment-diagnosis span {
  color: var(--pink-color);
  font-weight: 600;
}

.treatment-diagnosis ul {
  margin-top: 15px;
}

.treatment-diagnosis ul li {
  margin-top: 5px;
}

.treatment-diagnosis-left {
  padding-right: 40px;
}

.treatment-treatment {
  margin-top: 150px;
}

.treatment-treatment img {
  width: 100%;
  height: auto;
}

.treatment-treatment-right {
  padding-left: 65px;
}

.treatment-prevention {
  margin-top: 150px;
}

.treatment-prevention img {
  width: 100%;
  height: auto;
}

.treatment-prevention p {
  margin: 15px 0;
}

.treatment-prevention li {
  margin: 5px 0;
}

.treatment-prevention-left {
  padding-right: 100px;
}

.treatment-faq {
  margin-top: 100px;
}

.gallery-section {
  margin-top: 100px;
}

.gallery-section .content {
  margin-top: 50px;
}

.buttons {
  width: fit-content;
  margin: 0 auto;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid var(--pink-color);
}

.buttons span {
  cursor: pointer;
  margin: 0 50px;
  font-size: 20px;
  font-family: var(--para-font);
}

.testimonial-section {
  margin-top: 50px;
}

.testimonial-section .row {
  margin-top: 45px;
}

.testimonial-section h2 {
  margin-top: 15px;
}

.testimonial-section .card {
  width: 100%;
  height: auto;
  padding: 50px 15px 20px;
  border-radius: 10px;
  border: 0;
  margin: 0 auto;
}

.testimonial-section .col-md-4:nth-child(1) .card,
.testimonial-section .col-md-4:nth-child(12) .card-img {
  background-color: #FFEFF3;
}

.testimonial-section .col-md-4:nth-child(1) .card-img {
  background-color: #FFC8D2;
}

.testimonial-section .col-md-4:nth-child(2) .card {
  background-color: #F8F3FF;
}

.testimonial-section .col-md-4:nth-child(2) .card-img {
  background-color: #DCF7FF;
}

.testimonial-section .col-md-4:nth-child(3) .card,
.testimonial-section .col-md-4:nth-child(12) .card {
  background-color: #E9F1FF;
}

.testimonial-section .col-md-4:nth-child(3) .card-img {
  background-color: #B7D0FC;
}

.testimonial-section .col-md-4:nth-child(4) .card {
  background-color: #F3FFF5;
}

.testimonial-section .col-md-4:nth-child(4) .card-img {
  background-color: #AAFFB8;
}

.testimonial-section .col-md-4:nth-child(5) .card {
  background-color: #EBFAFF;
}

.testimonial-section .col-md-4:nth-child(5) .card-img {
  background-color: #B0EBFF;
}

.testimonial-section .col-md-4:nth-child(6) .card {
  background-color: #FFF5ED;
}

.testimonial-section .col-md-4:nth-child(6) .card-img {
  background-color: #FFD0AB;
}

.testimonial-section .col-md-4:nth-child(7) .card {
  background-color: #FFEDFF;
}

.testimonial-section .col-md-4:nth-child(7) .card-img {
  background-color: #FFBBFF;
}

.testimonial-section .col-md-4:nth-child(8) .card {
  background-color: #FFFBEF;
}

.testimonial-section .col-md-4:nth-child(8) .card-img {
  background-color: #FFEDB6;
}

.testimonial-section .col-md-4:nth-child(9) .card {
  background-color: #EBFAFF;
}

.testimonial-section .col-md-4:nth-child(9) .card-img {
  background-color: #B6EDFF;
}

.testimonial-section .col-md-4:nth-child(10) .card {
  background-color: #FFEAEE;
}

.testimonial-section .col-md-4:nth-child(10) .card-img {
  background-color: #FFB2C1;
}

.testimonial-section .col-md-4:nth-child(11) .card {
  background-color: #F3FFF5;
}

.testimonial-section .col-md-4:nth-child(11) .card-img {
  background-color: #B5FDC1;
}

.testimonial-section .card-img {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  margin: 0 auto;
}

.testimonial-section .card-head {
  width: 50%;
  margin: 0 auto;
  text-align: center;
  margin-top: 25px;
}

.testimonial-section .card-head h4 {
  color: black;
}

.testimonial-section .card-body {
  text-align: center;
}

.testimonial-section .card-body p {
  color: black;
}

.testimonial-section .col-md-4:hover .card {
  background-color: var(--pink-color);
  transition: 1s;
}
.testimonial-section .col-md-4:hover .card-img {
  background-color: #F7F7F7;
  transition: 1s;
}

.testimonial-section .card:hover .card-body p {
  color: white;
}

.testimonial-section .card:hover .card-head h4 {
  color: white;
}

#viewMoreBtn {
  background-color: var(--pink-color);
  padding: 10px 25px;
  border: 1px solid var(--pink-color);
  color: white;
  border-radius: 10px;
  margin: 25px 0 15px 0;
}

#viewMoreBtn:hover {
  background-color: white;
  color: var(--pink-color);
}

.contact-section .container{
  width: 100%;
  height: auto;
  padding: 50px;
  box-shadow: 0 0 10px 5px #cdcaca6e;
  border-radius: 10px;
  margin-top: 40px;
}

.contact-section button{
  background-color: var(--pink-color);
  border: 1px solid var(--pink-color);
  color: white;
  padding: 8px 20px;
  border-radius: 10px;
}

.contact-section button:hover{
  background-color: transparent;
  color: var(--pink-color);
  transition: 1s;
}

.contact-section{
  position: relative;
  margin-top: 70px;
}

.contact-section::before{
  position: absolute;
  content: '';
  width: 145px;
  height: 144px;
  background-image: url(../images/contact-before.webp);
  background-size: cover;
  top: 50%;
  left: 0;
}

.contact-section::after{
  position: absolute;
  content: '';
  width: 140px;
  height: 180px;
  background-image: url(../images/contact-after.webp);
  background-size: cover;
  top: 0;
  right: 0;
}

.contact-section .container{
  position: relative;
}

.contact-section .container::after{
  position: absolute;
  content: '';
  width: 75px;
  height: 90px;
  background-image: url(../images/footer-form-after.webp);
  background-size: cover;
  right: 40px;
  bottom: 0;
}

.contact-details{
  margin-top: 100px;
}

.contact-details .card{
  width: 100%;
  height: 210px;
  background-color: #FFF8F9;
  display: flex;
  align-items: center;
  text-align: center;
  padding: 15px 10px;
  border: 0;
}

.contact-details .card-img{
  width: 45px;
  height: 45px;
  margin: 0 auto;
  padding: 5px;
}

.contact-details .card-img img{
  width: 100%;
  height: auto;
}

.contact-details .card-title{
  height: 40px;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  margin-top: 10px;
}

.contact-details .card-title h5{
  font-family: var(--banner-font);
}

.contact-details .card-body{
  padding: 0 25px;
}

.contact-map img{
  width: 100%;
  height: auto;
}

.contact-map{
  margin-top: 100px;
}

.contact-details a, .contact-details p{
  color: black;
  font-family: var(--para-font);
  text-decoration: none;
}



.widgets {
  width: 60px;
  height: auto;
  position: fixed;
  right: 20px;
  bottom: 25px;
  z-index: 999;
}

.widgets img {
  width: 70%;
  height: auto;
}

.whatsapp {
  width: 60px;
  height: 60px;
  margin-top: 45px;
  background-color: green;
  border-radius: 30px;
  display: flex;
  text-align: center;
  align-items: center;
}

.contact-widget {
  width: 60px;
  height: 60px;
  background-color: #E6476A;
  border-radius: 30px;
  padding: 5px;
  display: flex;
  text-align: center;
  align-items: center;
  box-shadow: 0 0 2px 2px rgb(186, 152, 152);
}

.contact-widget:hover {
  background-color: #FFBBFF;
}

.learn-more{
  display: flex;
  justify-content: center;
  color: var(--pink-color);
}

/*#name, #name1{*/
/*  background-image: url(../images/men-icon.webp);*/
/*  background-size: auto;*/
/*  background-position: 10px center;*/
/*  background-repeat: no-repeat;*/
/*  padding-left: 45px;*/
/*}*/

/*#phone, #phone1{*/
/*  background-image: url(../images/phone-icon.webp);*/
/*  background-size: auto;*/
/*  background-position: 10px center;*/
/*  background-repeat: no-repeat;*/
/*  padding-left: 45px;*/
/*}*/

/*#date, #date1{*/
/*  background-image: url(../images/calender.webp);*/
/*  background-size: auto;*/
/*  background-position: 10px center;*/
/*  background-repeat: no-repeat;*/
/*  padding-left: 45px;*/
/*}*/
.home-form .form-control{
    padding: 16px;
    margin-top: -9px;

}

.form-control:focus{
  box-shadow: 0 0 0 0;
}

/* .treatment1-about-left{
  position: relative;
}

.treatment1-about-left::before{
  position: absolute;
  content: '';
  width: 125px;
  height: 111px;
  background-image: url(../images/treatments/treatments1-before.webp);
  background-size: cover;
  top: 0;
  left: -13%;
}

.treatment1-about-left::after{
  position: absolute;
  content: '';
  width: 137px;
  height: 138px;
  background-image: url(../images/treatments/treatments1-after.webp);
  background-size: cover;
  top: -8%;
  right: -4%;
  z-index: -1;
}

.treatment1-about1-left{
  position: relative;
}

.treatment1-about1-left::before{
  position: absolute;
  content: '';
  width: 133px;
  height: 133px;
  background-image: url(../images/treatments/treatments1-before-bottom.webp);
  background-size: cover;
  left: -10%;
  bottom: -6%;
  z-index: -1;
}

.treatment-symptoms-right-img1, .treatment-symptoms-right-img2{
  position: relative;
}

.treatment-symptoms-right-img1::before{
  position: absolute;
  content: '';
  width: 80px;
  height: 81px;
  background-image: url(../images/treatments/treatments2-before1.webp);
  background-size: cover;
  top: 0;
  left: 0;
}

.treatment-symptoms-right-img2::before{
  position: absolute;
  content: '';
  width: 106px;
  height: 106px;
  background-image: url(../images/treatments/treatments2-before2.webp);
  background-size: cover;
  top: 0;
  left: 20%;
}

.treatment-symptoms-right-img1::after{
  position: absolute;
  content: '';
  width: 101px;
  height: 90px;
  background-image: url(../images/treatments/treatments2-after.webp);
  background-size: cover;
  bottom: 0;
  right: 0;
} */



.home-faq{
  margin-top: 80px;
}

.home-faq .accordion{
  padding-right: 100px;
}

.services-what-happens-right-left, .services-what-happens-right-left{
  padding-right: 100px;
}

.services-types-left-right{
  padding-left: 100px;
}

.treatments-sec .item{
    padding-right:15px;
}