svg.swiper-navigation-icon {
    display: none;
}

.contact-switch-section{
  padding: 80px 0;
  background: #fff;
}

.contact-card {
    padding: 30px;
    border-radius: 18px;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    width: 80% !important;
}

.card-1{ background:#cd8384; }
.card-2{ background:#223269; }

.contact-card h5{ font-size:20px; margin-bottom:10px; }

.contact-card p{
  font-size:15px;
  margin:8px 0;
  color:#fff;
}

.contact-card i{
  margin-right:8px;
  color:#fff;
}

/* map + form */
.contact_frame{
  width:100%;
  height:420px;
  border-radius:20px;
  border:0;
}

/* social icons */
.contact-social{
  margin-top:15px;
  display:flex;
  gap:12px;
}
.contact-social a{
  width:38px;
  height:38px;
  background:#cd8384;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-decoration:none;
}


/* form box */
.contact_page_form{
  background:#fff;
  padding:30px;
  border-radius:20px;
  box-shadow:0 10px 30px rgba(0,0,0,0.1);
}

/* mobile */
@media(max-width:768px){
  .contact_frame{
      height:300px;
      
  }
  .contact-switch-section {
    padding: 25px 0;
    background: #fff;
}

.row.g-4.mb-5 {
    align-items: center;
    margin-left: 70px;
}
}

/*End Contact Page*/

.surrogacy-additional-faq-answer {
    padding: 0px;
    padding-top: 10px;
}
/* ===== Certificate Slider Arrows – Center Bottom Round ===== */

.certification_swiper_container {
  position: relative;
  padding-bottom: 0px; 
}

.swiper-button-next_certificate,
.swiper-button-prev_certificate {
  top: auto !important;
  bottom: 10px;
  left: 0%;
  right: auto;
  width: 70px;
  height: 70px;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
    margin-right: 45%;

}


.swiper-button-prev_certificate {
  transform: translateX(-65px) !important;
}

.swiper-button-next_certificate {
  transform: translateX(13px) !important;
}

.swiper-button-next_certificate::after,
.swiper-button-prev_certificate::after {
  font-size: 15px;
  font-weight: bold;
}

.swiper-button-next_certificate:hover,
.swiper-button-prev_certificate:hover {
  background: #ffe6e6;
}


.swiper_container .swiper-button-next, .swiper_container .swiper-button-prev {
    top: -40px;
    width: 50px;
    height: 50px;
    background: #fff !important;
    border-radius: 50%;
    padding: 10px;
    color: var(--primary);
    transition: 300ms;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    font-size: 18px !important;
}
.swiper-button-next_certificate:hover,
.swiper-button-prev_certificate:hover {
  background: #223269 !important;
  color: #fff !important;
}


@media (max-width: 768px) {
.swiper-button-prev.swiper-button-prev_certificate {
    margin-left: 40% !important;
}
.swiper-button-next.swiper-button-next_certificate {
    margin-right: 30%;
}
}
@media (max-width: 1024px) {
  .surrogacy_services .surrogacy-prev,
  .surrogacy_services .surrogacy-next {
    display: none !important;
  }
}
/* =========================
   Tablet Portrait & Rotation Fix
========================= */
@media (min-width: 768px) and (max-width: 1024px) {

  .surrogacy_experience .row {
    flex-direction: column;
    text-align: center;
  }

  .surrogacy_experience .col-md-5,
  .surrogacy_experience .col-md-7 {
    width: 100% !important;
    max-width: 100%;
  }

  .surrogacy_experience_pic {
    max-width: 100%px;
    margin: 0 auto 25px;
    display: block;
  }

  .surrogacy_experience h2 {
    font-size: 28px;
    line-height: 1.3;
  }

  .surrogacy_experience p {
    font-size: 16px;
    line-height: 1.7;
  }
    .certification_swiper_container {
    position: relative;
    padding-bottom: 120px; 
  }

  .swiper-button-prev_certificate,
  .swiper-button-next_certificate {
    top: auto !important;
    bottom: 40px; 
    margin-right: 40%;
    right: auto;
    transform: translateX(-50%) !important;
  }

  .swiper-button-prev_certificate {
    margin-left: -45px;
  }
  .swiper-button-next_certificate {
    margin-left: 45px;
  }
  
   .surrogacy-why-layout-grid {
    display: flex;
    flex-direction: column;
  }

  .surrogacy-why-left-column,
  .surrogacy-why-right-column {
    width: 100%;
  }

  .surrogacy-why-image-container {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 40px 20px 20px;
  }

  .surrogacy-why-main-image {
    width: 100%;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 30px;
  }

  .surrogacy-why-stats-wrapper {
    position: relative;
    margin-top: -60px;
    display: flex;
    justify-content: center;
  }

  .surrogacy-why-stat-box {
    width: 90%;
    max-width: 700px;
  }
  
  .swiper_container .swiper-button-next {
    right: -50px;
    left: auto;
}

.inner_about_dr .row {
    flex-direction: column;
  }

  .inner_about_dr .col-md-5,
  .inner_about_dr .col-md-7 {
    width: 100%;
    max-width: 100%;
  }

  .inner_about_dr img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 15px;
  }

  .inner_about_dr h2 {
    font-size: 22px;
    line-height: 1.3;
  }

  .inner_about_dr p {
    font-size: 14px;
    line-height: 1.6;
  }
  
.inner_what .row {
    display: flex;
    flex-direction: column;
    gap: 0px;
  }

  .inner_what .col-md-5,
  .inner_what .col-md-7 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 50px;
  }

  .inner_what .col-md-5 img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 16px;
  }

  .inner_what .col-md-5 {
    order: 1;
  }

  .inner_what .col-md-7 {
    order: 2;
  }

  .inner_what h2 {
    font-size: 20px;
    margin-bottom: 6px;
  }

  .inner_what p {
    font-size: 14px;
    line-height: 1.6;
  }
  
  .inner_what .row {
    display: flex;
    flex-direction: column;
  }

  .inner_what .col-md-5 {
    order: 2;
  }

  .inner_what .col-md-7 {
    order: 1;
  }

  .inner_what .col-md-5,
  .inner_what .col-md-7 {
    width: 100%;
    max-width: 100%;
  }
  
   .inner_recommand .row {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .inner_recommand .col-md-6 {
    width: 100% !important;
    max-width: 100% !important;
  }

  .inner_recommand img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 16px;
  }

  .inner_recommand .col-md-6:first-child {
    order: 1;
  }

  .inner_recommand .col-md-6:last-child {
    order: 2;
  }

  .inner_recommand h2 {
    font-size: 22px;
    line-height: 1.3;
  }

  .inner_recommand p {
    font-size: 14px;
    line-height: 1.6;
  }
  
  .inner_r .row {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .inner_r .col-md-6 {
    width: 100% !important;
    max-width: 100% !important;
  }

  .inner_r img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 16px;
  }

  .inner_r .col-md-6:last-child {
    order: 1;
  }

  .inner_r .col-md-6:first-child {
    order: 2;
  }

  .inner_r h3 {
    font-size: 22px;
    line-height: 1.3;
  }

  .inner_r p,
  .inner_r li {
    font-size: 14px;
    line-height: 1.6;
  }
  
  
   .inner_r.bg_color2 .row {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .inner_r.bg_color2 .col-md-8,
  .inner_r.bg_color2 .col-md-4 {
    width: 100% !important;
    max-width: 100% !important;
  }

  .inner_r.bg_color2 iframe {
    width: 100%;
    height: 220px;
    border-radius: 14px;
    display: block;
  }

  .inner_r.bg_color2 .col-md-4 {
    order: 1;
  }
  .inner_r.bg_color2 .col-md-8 {
    order: 2;
  }

  .inner_r.bg_color2 h2 {
    font-size: 22px;
    line-height: 1.3;
  }

  .inner_r.bg_color2 p,
  .inner_r.bg_color2 li {
    font-size: 14px;
    line-height: 1.6;
  }
  .surrogacy-additional-faq-question h4 {
    font-size: 18px;
}
}