/*!
Theme Name: Lear Medical
Theme URI: http://honeycombindia.net/
Author: Chinna
Author URI: http://honeycombindia.net/
Description: Advancing Radiology Quality & PerformanceThrough Aviation-inspired Safety and Advanced Technology
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lear-medical
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Lear Medical is based on Honeycomb http://honeycombindia.net/, (C) 2012-2020 Automattic, Inc.
Honeycomb is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/* =========
CUSTOM FONT STYLE
============= */

/* 100 Thin */
@font-face {
  font-family: "Metropolis";
  src: url("assets/font/metropolis-latin-100-normal.woff2") format("woff2"),
       url("assets/font/metropolis-latin-100-normal.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Metropolis";
  src: url("assets/font/metropolis-latin-100-italic.woff2") format("woff2"),
       url("assets/font/metropolis-latin-100-italic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

/* 200 Extra Light */
@font-face {
  font-family: "Metropolis";
  src: url("assets/font/metropolis-latin-200-normal.woff2") format("woff2"),
       url("assets/font/metropolis-latin-200-normal.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Metropolis";
  src: url("assets/font/metropolis-latin-200-italic.woff2") format("woff2"),
       url("assets/font/metropolis-latin-200-italic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* 300 Light */
@font-face {
  font-family: "Metropolis";
  src: url("assets/font/metropolis-latin-300-normal.woff2") format("woff2"),
       url("assets/font/metropolis-latin-300-normal.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Metropolis";
  src: url("assets/font/metropolis-latin-300-italic.woff2") format("woff2"),
       url("assets/font/metropolis-latin-300-italic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* 400 Regular */
@font-face {
  font-family: "Metropolis";
  src: url("assets/font/metropolis-latin-400-normal.woff2") format("woff2"),
       url("assets/font/metropolis-latin-400-normal.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Metropolis";
  src: url("assets/font/metropolis-latin-400-italic.woff2") format("woff2"),
       url("assets/font/metropolis-latin-400-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* 500 Medium */
@font-face {
  font-family: "Metropolis";
  src: url("assets/font/metropolis-latin-500-normal.woff2") format("woff2"),
       url("assets/font/metropolis-latin-500-normal.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Metropolis";
  src: url("assets/font/metropolis-latin-500-italic.woff2") format("woff2"),
       url("assets/font/metropolis-latin-500-italic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* 600 Semi-Bold */
@font-face {
  font-family: "Metropolis";
  src: url("assets/font/metropolis-latin-600-normal.woff2") format("woff2"),
       url("assets/font/metropolis-latin-600-normal.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Metropolis";
  src: url("assets/font/metropolis-latin-600-italic.woff2") format("woff2"),
       url("assets/font/metropolis-latin-600-italic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* 700 Bold */
@font-face {
  font-family: "Metropolis";
  src: url("assets/font/metropolis-latin-700-normal.woff2") format("woff2"),
       url("assets/font/metropolis-latin-700-normal.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Metropolis";
  src: url("assets/font/metropolis-latin-700-italic.woff2") format("woff2"),
       url("assets/font/metropolis-latin-700-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* 800 Extra-Bold */
@font-face {
  font-family: "Metropolis";
  src: url("assets/font/metropolis-latin-800-normal.woff2") format("woff2"),
       url("assets/font/metropolis-latin-800-normal.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Metropolis";
  src: url("assets/font/metropolis-latin-800-italic.woff2") format("woff2"),
       url("assets/font/metropolis-latin-800-italic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* 900 Black */
@font-face {
  font-family: "Metropolis";
  src: url("assets/font/metropolis-latin-900-normal.woff2") format("woff2"),
       url("assets/font/metropolis-latin-900-normal.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Metropolis";
  src: url("assets/font/metropolis-latin-900-italic.woff2") format("woff2"),
       url("assets/font/metropolis-latin-900-italic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}


/* =========
GOLBEL STYLES
============= */

:root {
  --yellow: rgba(252, 186, 23, 1);
}
body {
  font-family: "Metropolis", sans-serif !important;
  font-size: clamp(0.75rem, 0.6571rem + 0.381vw, 1rem) !important;
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-text-stroke: 0.2px transparent;
  font-style: normal;
  line-height: 170% !important;
  overflow-x: hidden !important;
  color: rgba(0, 0, 0, 0.7) !important;
  letter-spacing: 0.5px;
}

img{
	max-width: 100%;
	height:auto;
}
a{
  text-decoration: none !important;
}
section {
    position: relative;
}

.main-heading {
    font-size: clamp(1.25rem, 0.7393rem + 2.0952vw, 2.625rem);
    font-weight: 700;
    color: rgba(27, 37, 80, 1);
    line-height: 130%;
}
.right-sub {
    color: rgba(0, 0, 0, 0.5);
    padding: 20px 0px 20px 15px;
}
.right-subheading {
    border-left: 0.75px solid rgba(0, 0, 0, 0.7);
}

/* Buttons */
.btn-yellow.viewallbutton {
    min-height: 46px;
    min-width: 190px;
    display: flex
;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.main-cta-button {
    display: flex;
    height: 100%;
    justify-content: flex-end;
    align-items: center;
}

.btn-yellow {
      background: var(--yellow);
    border: 2px solid var(--yellow);
    padding: 12px 28px;
    font-weight: 500;
    color: rgba(27, 37, 80, 1);
    font-size: clamp(0.875rem, 0.8286rem + 0.1905vw, 1rem);
	    text-decoration: none;
}
.btn-yellow:hover {
  background: var(--yellow);
  border-color: var(--yellow);
}
.btn-outline-yellow {
    font-size: clamp(0.875rem, 0.8286rem + 0.1905vw, 1rem);
  border: 2px solid var(--yellow);
  padding: 12px 28px;
  font-weight: 500;
  color: #fff;
  background: transparent;
   display: flex;
  align-items: center;
}
.hero-banner-center-flex {
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn-outline-yellow svg {
    margin-left: 10px;
}
.btn-outline-yellow:hover {
  background: var(--yellow);
  color: rgba(27, 37, 80, 1);
 
}



/* NAVBAR */
/* Sticky when scrolling up */
/* .navbar-scroll-up {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 40, 80, 0.9);
  backdrop-filter: blur(6px);
  transition: 0.35s ease;
  z-index: 999;
} */

.site-header .navbar {
    position: relative;
    padding-bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.47), rgba(0, 0, 0, 0.47)), radial-gradient(80.88% 115.06% at 13.59% 19.12%, #3D54B6 0%, #1B2550 100%);
}

.navbar {
  background: transparent;
  width: 100%;
  top: 0;
  left: 0;
  padding: 22px 0;
  z-index: 10;
}
.navbar .nav-link {
  color: #fff !important;
  margin: 0 14px;
  font-weight: 400;
}
.navbar .nav-link:hover {
  color: rgba(252, 186, 23, 1) !important;
}
.btn-login {
      background: var(--yellow);
    color: rgba(27, 37, 80, 1);
    font-weight: 500;
    padding: 8px 24px;
    border: none;
}

/* Mobile Menu */
.offcanvas {
  background: #002850;
  color: #fff;
}
.offcanvas .nav-link {
  color: rgba(255, 255, 255, 1);
    padding: 20px 0;
    display: block;
    font-size: 20px;
    font-weight: 500;
}
.offcanvas .nav-link:hover {
  color: var(--yellow);
}
.offcanvas-body {
   
    padding: 3rem;
}

/* ================
 SWIPER DEFAULT STYLES
  ================
   */
    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

/* ================
  FRONT PAGE STYLES
  ================
   */

   .home .site-header .navbar {
    background: transparent;
     position: absolute !important;
}
.innerpage-banner-img {
    display: flex;
    justify-content: center;
}

/* HERO */
.hero-section {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  color: #fff;
}
.hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  inset: 0;
  z-index: 1;
}
.hero-overlay {
  position: absolute;
  inset: 0;
 background:
    linear-gradient(0deg, rgba(0,0,0,0.47), rgba(0,0,0,0.47)),
    linear-gradient(356.43deg, #5285B8 1.49%, rgba(142, 216, 248, 0.2) 98.1%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

  z-index: 2;
}
.hero-content {
  position: relative;
  z-index: 3;
  text-align: center;
  max-width: 900px;
  margin: auto;
  padding: 0 15px;
}
.hero-content .hero-content-heading {
  font-size: clamp(1.5rem, 0.9429rem + 2.2857vw, 3rem);
    font-weight: 700;
    line-height: 140%;
}
.hero-content .hero-content-subheading {
     font-size: clamp(1rem, 0.6286rem + 1.5238vw, 2rem);
    font-weight: 400;
  /* margin-top: 12px; */
}
.hero-content .hero-content-para {
    margin-top: 30px;
	    margin-bottom: 80px;
    font-size: clamp(0.75rem, 0.6107rem + 0.5714vw, 1.125rem);
    font-weight: 600;
    line-height: 100%;
	    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
}
.svg-watermark {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
}

.svg-watermark svg {
    max-width: 100%;
}



@media (max-width: 767px) {
  .hero-content h1 {
    font-size: 1.9rem;
  }
  .hero-content h2 {
    font-size: 1.1rem;
  }
  .hero-content .hero-content-para{
    max-width: 100%;
        line-height: 170%;
  }
  .btn-yellow{
    min-width: 138px;
        padding: 12px 10px;
  }
  .btn-outline-yellow{
    padding: 12px 10px;
        min-width: 196px;
  }
}


/* ABOUT */
.about-section-home {
	background: linear-gradient(180deg, rgba(230, 231, 232, 0.1) 0%, rgba(98, 170, 229, 0.1) 100%);

    padding-top: 100px;
    padding-bottom: 50px;
}
.about-subheading {
    font-size: clamp(1.0625rem, 0.7143rem + 1.4286vw, 2rem);
    color: rgba(0, 0, 0, 0.5);
    line-height: 150%;
	    padding-bottom: 10px;
}

@media (max-width: 767px) {
 .about-section-home {
   	background: #fff;
    padding-top: 50px;
}   
}

/* Radiology plays */
.radiology-plays {
    padding-top: 50px;
    padding-bottom: 50px;
}
.card-casestudy {
    position: relative;
}
.card-casestudy {
    position: relative;
    display: block;
    height: 100%;
	border: 1px solid rgba(27, 37, 80, 1);
	    overflow: hidden;
}

.card_body_case {
    position: absolute;
    bottom: 20px;
    display: flex;
    padding: 0 20px;
    align-items: center;
}
.card_description_sec {
    font-size: clamp(1rem, 0.9536rem + 0.1905vw, 1.125rem);
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    line-height: 130%;
}
.card_description_sec span {
    color: var(--yellow);
}
.case-arrow-icon {
    background: var(--yellow);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
	transform: translateX(180px);
    opacity: 0;
    transition: 0.5s all;
}
.card-casestudy:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: radial-gradient(89.29% 179.46% at 91.79% 10.25%, rgba(61, 84, 182, 0.4) 0%, rgba(27, 37, 80, 0.8) 59.09%);
}
.card-casestudy:hover .card_body_case .case-arrow-icon {
    transform: translateX(0);
    opacity: 1;
}

@media (max-width: 767px) {
    .service-details {
    padding: 20px 0;
}

/* .right-sub {
  
    padding: 0px 0px 0px 0px;
}
.right-subheading {
    border-left: none;
} */
.case-arrow-icon {
  
    width: 24px;
    height: 24px;
  
    padding: 4px;
    transform: translateX(0px);
    opacity: 1;
  
}
.main-cta-button {
  
    justify-content: center;
  
}
.btn-yellow.viewallbutton {
    min-height: 40px;
    min-width: 140px;
  
}
}


/* TRUSTED Clients */
.swiper.trusted-clients {
    margin: 50px 0;
    padding: 50px 0;
}

.trusted-partners-sec {
    padding: 50px 0;
}

.trusted-logo img {
    max-width: 100%;
    width: auto;
    height: auto;
    filter: grayscale(1);
}

.trusted-logo img:hover {
    filter: grayscale(0);
}
.swiper.trusted-clients .swiper-wrapper {
    align-items: center;
}

@media (max-width: 767px) {
 .swiper.trusted-clients{
    margin: 20px 0;
    padding: 20px 0;
}
.trusted-partners-sec {
    padding: 50px 0;
    padding-top: 20px;
}
.getintuch-box-content{
    margin-bottom: 2rem;
}
}


.getintuch-box {
  background: 
  linear-gradient(90deg, rgba(27, 37, 80, 0.5) 0%, rgba(27, 37, 80, 0.9) 100%),
  url('/wp-content/uploads/2026/02/ctabg.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
    border: 3px solid rgba(252, 186, 23, 1);
    box-shadow: 0px 63.75px 30px -45px rgba(0, 0, 0, 0.35);
    padding: 25px;
    display: flex
;
    align-items: center;
    justify-content: center;
        min-height: 192px;
}
.getintuch-box-content {
    font-size: clamp(1.125rem, 0.9857rem + 0.5714vw, 1.5rem);
    color: rgba(255, 255, 255, 1);
    font-weight: 400;
    line-height: 150%;
}
.getintuch-box-button {
  
      font-size:clamp(0.75rem, 0.6804rem + 0.2857vw, 0.9375rem);
    background: rgba(252, 186, 23, 1);
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    min-height: 66px;
    justify-content: center;
    color: rgba(27, 37, 80, 1);
    text-decoration: none;
    font-weight: 400;
}

.getintuch-box-button span {
      font-size: clamp(1rem, 0.8286rem + 0.1905vw, 1rem);
    font-weight: 700;
}

@media (max-width: 767px) {

.getintuch-box-content{
    margin-bottom: 2rem;
}
}



   /* ---------- Container ---------- */
    .lear-testimonial-section {
      background: #fff;
      padding: 60px 0;
    }

    .learTestimonialSwiper .swiper-slide { display:flex; justify-content:center; }

    /* ---------- Card ---------- */
    .lear-testimonial-card {
       width: 100%;
    max-width: 1100px;
    background: linear-gradient(107.56deg, rgba(230, 231, 232, 0.5) 0%, rgb(142 216 248 / 25%) 100%);
    padding: 56px 48px;
    padding-bottom: 25px;
    position: relative;
    overflow: visible;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex
;
    flex-direction: column;
    height: 100%;
    min-height: 350px;
    justify-content: space-between;
    }

    /* ---------- Inner area with text + inline icons ---------- */
    .lear-testimonial-inner {
      position: relative;
      display: flex;
      align-items: center;
      gap: 18px;
    }

   
    .lear-testimonial-text {
          flex: 1 1 auto;
    margin: 0;
    padding: 0 35px;
    text-align: left;
    }

   
    .lear-quote-icon {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 56px;
      height: 56px;
      fill: #f9b217;
      filter: drop-shadow(0 4px 8px rgba(0,0,0,0.08));
      z-index: 5;
      flex-shrink: 0;
    }

    

    /* Ensure icons do not push layout on small screens — stack instead */
    @media (max-width: 900px) {
      .lear-testimonial-card { padding: 36px 34px; }
    
    }

    @media (max-width: 560px) {
      .lear-testimonial-inner { flex-direction: column; align-items: stretch; }
      
      .lear-testimonial-text { padding: 0; }
    }

    svg.q1 {
    position: absolute;
    left: -26px;
    top: -11px;
}
svg.q2 {
    position: relative;
    left: 14px;
    top: 10px;
}
@media (max-width: 767px) {
    svg.q1 {
   width: 20px;
}
svg.q2 {
   width: 20px;
}
.lear-swiper-button-prev {
    left: auto;
    right: 4rem;
}
.lear-swiper-button-next {
    right: 0;
}
.lear-swiper-button-prev, .lear-swiper-button-next {
  
    top: auto;
    bottom: 0px;
    transform: translateY(0%);
    width: 30px;
    height: 30px;
}
}

    /* ---------- Author row ---------- */
    .lear-author-row {
      display:flex;
      align-items:center;
      gap:12px;
      margin-top:28px;
      padding-left: 8px;
      padding-right: 8px;
    }
    .lear-author-row img { width: 58px;
    height: auto;
    object-fit: cover; }
    .lear-author-name { font-weight:800; color:#1d2b7a; margin:0; font-size:1rem; }
    .lear-author-role { font-weight:600; margin:0; color:rgba(0, 0, 0, 1); opacity:0.75; font-size:clamp(0.75rem, 0.7036rem + 0.1905vw, 0.875rem); }

    /* ---------- Swiper arrows ---------- */
    .lear-swiper-button-prev, .lear-swiper-button-next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width:44px; height:44px; border-radius:50%;
      background:#fff; z-index:20;
      display:flex; align-items:center; justify-content:center; cursor:pointer;
    }
    .lear-swiper-button-prev { left: 12px; }
    .lear-swiper-button-next { right: 12px; }
    

      /* === Contact Section Styles === */
    .contact-section {
      position: relative;
      overflow: hidden;
      padding-top: 100px 0;
      padding-bottom: 50px;
      color: #fff;
          background: linear-gradient(260.46deg, rgba(0, 0, 0, 0) -22.11%, rgba(0, 0, 0, 0.8) 90.35%);
              min-height: 592px;
    display: flex
;
    flex-direction: column;
    justify-content: flex-end;
    }

    .contact-section img.bg-image {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: -2;
    }

    .contact-section::before {
      content: "";
      position: absolute;
      inset: 0;
         background: linear-gradient(0deg, rgba(142, 216, 248, 0.5), rgba(142, 216, 248, 0.5));
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
      z-index: -1;
    }

    .contact-section h2 {
      font-weight: 700;
      font-size: 2rem;
      margin-bottom: 2rem;
    }

    /* === Form Inputs === */
    .contact-section .form-control {
      background: transparent !important;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 0;
    color: #fff !important;
    font-size: 1rem;
    padding: 8px 0;
    }

    .contact-section .form-control::placeholder {
      color: rgba(255, 255, 255, 0.85);
    }

    .contact-section .form-control:focus {
      box-shadow: none;
      border-color: #f8c034;
    }

    /* === Checkbox + Button Alignment === */
    .contact-section .newsletter-row {
    display: flex
;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-top: 1rem;
    gap: 1.5rem;
    flex-direction: column;
    }

    .contact-section .form-check {
      display: flex;
      align-items: center;
      margin: 0;
      flex: 1;
    }

    .contact-section .form-check-input {
      margin-top: 0;
      margin-right: 10px;
      transform: scale(1.1);
      border-color: #fff;
      background-color: transparent;
    }

    .contact-section .form-check-label {
      color: #fff;
      font-size: 0.95rem;
      line-height: 1.4;
    }

    /* === Button === */
    .contact-section .btn-contact-submit {
      background-color: #f8c034;
      color: #000;
      font-weight: 600;
      border: none;
      padding: 12px 35px;
      transition: all 0.3s ease;
      border-radius: 0;
      white-space: nowrap;
      flex-shrink: 0;
    }

    .contact-section .btn-contact-submit:hover {
      background-color: #e3ae2a;
    }

    /* === Responsive Fixes === */
    @media (max-width: 991px) {
      .contact-section .newsletter-row {
        flex-wrap: wrap;
        gap: 1rem;
      }

      .contact-section .btn-contact-submit {
        align-self: flex-start;
      }
    }

    @media (max-width: 767px) {
      .contact-section {
        padding: 70px 20px;
      }

      .contact-section h2 {
        font-size: 1.6rem;
      }

      .contact-section .newsletter-row {
        flex-direction: column;
        align-items: flex-start;
      }
    }

/* ================
  ABOUT INNER PAGE STYLES
  ================
   */
.innerpage-firstbannersec {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.47), rgba(0, 0, 0, 0.47)), radial-gradient(80.88% 115.06% at 13.59% 19.12%, #3D54B6 0%, #1B2550 100%);
    color:#FFFF;
    padding-top: 30px;
  }
  .hero-with-top-sub-heading {
    font-size: clamp(1.25rem, 0.9714rem + 1.1429vw, 2rem);
    color: rgba(252, 186, 23, 1);
    line-height: 150%;
        margin-bottom: 0.5rem;
}
.hero-with-top-main-heading {
    font-size: clamp(1.5625rem, 1.1679rem + 1.619vw, 2.625rem);
    font-weight: 700;
}
.hero-with-para {
    line-height: 170%;
}
.hero-with-top-cont {
    text-align: center;
        position: relative;
    z-index: 1;
}
.innerpage-banner-img {
    text-align: center;
   padding: 40px 0;
        position: relative;
    z-index: 1;
}

.listof-points {
    padding: 70px 0;
}
.heading-listof {
    font-size: clamp(1.125rem, 0.9857rem + 0.5714vw, 1.5rem);
    font-weight: 900;
        margin-bottom: 1rem;
}
.para-listof {
    font-size: clamp(0.625rem, 0.5786rem + 0.1905vw, 0.75rem);
    line-height: 134%;
}
.plus-elements {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

@media (min-width:767px){
.hero-with-para {

    max-width: 73%;
    margin: auto;
}
.mobile-bottomorder {
    order: 2;
}
}


.our-story {
    padding: 100px 0;
}

.vm_card {
    position: relative;
    border: 3px solid rgba(252, 186, 23, 1);
    overflow: hidden;
}
svg.plus-symbols {
    position: absolute;
    top: 30px;
    right: 30px;
}

.vm_content .vm_heading {
    font-size: clamp(1.25rem, 1.0875rem + 0.6667vw, 1.6875rem);
    font-weight: 700;
    color: #FFFF;
    line-height: 130%;
}

.vm_content {
    color: #fff;
    display: flex
;
    flex-direction: column;
    position: absolute;
    top: 0;
    height: 100%;
    justify-content: space-between;
    padding: 34px;
    padding-bottom: 0;
}
.vm_card:before {
    content: "";
    position: absolute;
    background: rgba(27, 37, 80, 0.8);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.advtage-heading {
    font-size: clamp(1.25rem, 0.7393rem + 2.0952vw, 2.625rem);
    font-weight: 700;
    color: rgba(27, 37, 80, 1);
    line-height: 130%;
}
.main-heading.lear-adv {
    font-size: clamp(1.25rem, 0.9714rem + 1.1429vw, 2rem);
    font-weight: 700;
    color: rgba(27, 37, 80, 1);
    line-height: 130%;
}
.lear-advantage {
    padding-top: 100px;
}

.assessment-vs-lear {
     background: radial-gradient(80.88% 115.06% at 13.59% 19.12%, #3D54B6 0%, #1B2550 100%), url(assets/images/plus-svg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: rgba(255, 255, 255, 0.8);
    padding: 100px 0;
    z-index: 999;
    background-blend-mode: multiply;
}
.convetion-heading {
    font-size: clamp(1.125rem, 0.8929rem + 0.9524vw, 1.75rem);
    font-weight: 700;
    line-height: 130%;
        color: #FFFF;
}
.convetion-sec {
    text-align: center;
}
.assessment-box .assessment-box-heading {
        font-size: clamp(1rem, 0.9536rem + 0.1905vw, 1.125rem);
    color: rgba(27, 37, 80, 1);
    font-weight: 700;
    line-height: 170%;
    background: rgba(230, 231, 232, 0.5);
    box-shadow: 0px 63.75px 30px -45px rgba(0, 0, 0, 0.35);
    text-align: center;
    height: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
        padding: 0 50px;
}
.assessment-box {
    border: 2px solid rgba(230, 231, 232, 0.5);
}
.assessment-divider {
    display: flex
;
    justify-content: center;
    align-items: center;
    color: rgba(255, 255, 255, 1);
    font-size: clamp(1.5625rem, 1.0286rem + 2.1905vw, 3rem);
    font-weight: 700;
}
.assessment-list {
       list-style: none;
    padding: clamp(0.5rem, -4.5rem + 6.6667vw, 1.5rem);
    padding-left: clamp(1rem, -4rem + 6.6667vw, 2rem);
    margin-bottom: 0;
}
.assessment-list li {
    margin-bottom: 2rem;
        color: rgba(255, 255, 255, 1);
            display: flex;
    align-items: center;
}
.assessment-list li:last-child {
    margin-bottom: 0;
}
.assessment-box.assessment-lear .assessment-list li {
    margin-bottom: 2.5rem;
}

.assessment-box.assessment-lear .assessment-list li:last-child {
    margin-bottom: 0;
}
.assessment-box.assessment-lear {
    border: 1.5px solid rgba(252, 186, 23, 1);
}

.assessment-box.assessment-lear .assessment-box-heading {
    background: rgba(252, 186, 23, 1);
}
.assessment-box.assessment-lear .assessment-list li {
    font-weight: 500;
}
.assessment-list li img {
    margin-right: 1rem;
}
 .quality-section {
      padding: 60px 0;
     
    }
    .setsapart {
    padding: 50px 0;
}
 .quality-card {
      border-left: 1.5px solid rgba(27, 37, 80, 1);
      padding-left: 20px;
   
      height: 100%;
    }
   .quality-card h5

 {
    font-size: clamp(0.875rem, 0.6429rem + 0.9524vw, 1.5rem);
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
    line-height: 120%;
}
    .quality-card p {
    
      margin: 0;
    }
 
    
    /* SERVICES */

    .padd-bottom-30{
      padding-bottom: 2rem;
    }
.lear_medial_main_heading.services_heading, .right-subheading.services-right-subheading {
    padding-right: clamp(1.25rem, -1.7679rem + 12.381vw, 9.375rem);
}
.our-story.services-space-bottom{
  padding-bottom: 50px;
}


.lear_mediacal_service {
    background: linear-gradient(165.26deg, rgba(230, 231, 232, 0.15) 0%, rgba(142, 216, 248, 0.15) 46.37%, rgba(230, 231, 232, 0.15) 100%);
    padding: 70px 0;
}
.lear_mediacal_service .right-sub {
    color: rgba(0, 0, 0, 0.7);
}
.learn_num {
    font-size: clamp(1.5625rem, 1.4929rem + 0.2857vw, 1.75rem);
    font-weight: 700;
    color: rgba(27, 37, 80, 1);
    margin-bottom: 1rem;
}
.includelist-heading {
    font-size: clamp(1rem, 0.9071rem + 0.381vw, 1.25rem);
    font-weight: 700;
    line-height: 170%;
    color: rgba(0, 0, 0, 0.7);
}
.include-header {
    font-size: clamp(1.5rem, 1.3607rem + 0.5714vw, 1.875rem);
    color: rgba(27, 37, 80, 1);
    font-weight: 700;
}
.service-details {
    padding: 50px 0;
}
.key-benefits h2 {
    font-size: clamp(1.25rem, 1.1571rem + 0.381vw, 1.5rem);
    color: rgba(27, 37, 80, 1);
    font-weight: 700;
}
.benefits-wrapper {
   display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    padding-top: 2.5rem;
}

.benefit-box {
    flex: 0 0 20%;
    max-width: 20%;
   
    border-left: 0.75px solid rgba(0, 0, 0, 0.7);
    padding-left: 20px;
}
.benefit-box img {
    margin-bottom: 2.5rem;
}
.benefit-box p{
  margin-bottom: 0;
}
.key-benefits {
    padding: 20px 0;
}
.lear_mediacal_service.dark-blue-learmedical {
    background: radial-gradient(77.79% 75.39% at 9.58% 24.61%, #3D54B6 0%, #1B2550 100%);
    color: #FFFF;
}
.white-light {
    color: rgba(255, 255, 255, 0.7);
}
.plusoranf {
    position: absolute;
    bottom: 0;
    right: 0;
}

.lear_mediacal_service.dark-blue-learmedical .right-sub {
    color: rgba(255, 255, 255, 0.7);
}
.dark-blue-learmedical .main-heading, .dark-blue-learmedical .learn_num, .dark-blue-learmedical .include-header, .dark-blue-learmedical  .includelist-heading, .dark-blue-learmedical  .key-benefits h2 {
   
    color: rgba(255, 255, 255, 1);
    
}
.dark-blue-learmedical .right-subheading {
    border-left: 0.75px solid rgba(255, 255, 255, 1);
}
.include-lists ul {
    padding-left: 1rem;
}
.dark-blue-learmedical .benefit-box {
   
    border-left: 0.75px solid rgba(255, 255, 255, 0.7);
   
}
.fullplus {
    position: absolute;
    bottom: 0;
    right: 0;
}

.why-choose-card {
  position: relative;
    border: 2px solid rgba(27, 37, 80, 0.5);
    background: rgba(142, 216, 248, 0.2);
    padding: 1.7rem;
        height: 100%;
    min-height: 203px;
    padding-left: 14px;
        padding-bottom: 10px;

}
.starplusconfig {
    position: absolute;
    top: 10px;
    right: 0;
}
.whyicon {
    margin-bottom: 45px;
}
.whycontent p {
  font-size: clamp(0.75rem, 0.6107rem + 0.5714vw, 1.125rem);
  font-weight: 500;
    margin-bottom: 0;
        text-transform: capitalize;
            color: rgba(0, 0, 0, 0.8);
    line-height: 170%;
}

@media (max-width:767px){
    .lear_mediacal_service.dark-blue-learmedical{
            color: rgba(255, 255, 255, 0.7);
            padding: 50px 0;
    }
.lear_mediacal_service{
    padding: 20px 0;
}
.main-heading.service-heading {
    font-size: 24px;
}
.benefit-box img {
    margin-bottom: 1rem;
}
.benefits-wrapper {
 
    padding-top: 1.5rem;
}
}

/* ======== CASE STUDIES ======= */

.case-studies-list {
    padding: 100px 0;
}
.case-studies-card img {
    border: 0.72px solid rgba(27, 37, 80, 1);
}
.case-studies-card-img:before {
    content: "";
    position: absolute;
    background: rgba(27, 37, 80, 0.4);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.case-listing-heading {
    font-size: clamp(0.875rem, 0.7821rem + 0.381vw, 1.125rem);
    color: rgba(27, 37, 80, 1);
}
.case-studies-card-img{
  position: relative;
}
.casestudy-content-with-arrow {
    margin: 1rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5rem;
}
@media (max-width:767px){
.case-studies-list {
    padding: 50px 0;
}
}

/* =============== CONTACT PAGE =========== */
.innerpage-firstbannersec.contactbannerheight {
    padding-bottom: 100px;
}
.lear_communication a{
   color: #FFFF;
   display: flex;
    align-items: center;
    gap: 10px;
        font-size: 12px;
}
.contact-details-lear {
  position: relative;
    display: flex;
    justify-content: center;
    gap: 2rem;
    max-width: 100%;
    margin: auto;
}

.lear_communication {
    display: flex;
    flex-direction: column;
 
   
}

.lear_address {
    font-size: 12px;
   
    
    
}
.country-lear-vd {
    font-size: 18px;
    font-weight: 700;
}
/* .contact-details-lear:after {
    content: "";
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    width: 0.75px;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
} */


.contact_lear_form .left-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

   .contact_lear_form  .form-section {
        background: #e4eff6;
        padding: 50px;
    }

    /* Required group container */
   .contact_lear_form  .required-field {
        position: relative;
    }

    /* Red star for required fields */
   .contact_lear_form  .required-field::before {
        content: "*";
        color: red;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
        font-size: 18px;
    }

    /* Only required fields get spacing */
   .contact_lear_form  .required-field .form-control {
        padding-left: 15px;
    }

   .contact_lear_form  .form-control {
        border: none;
        border-bottom: 1px solid #7b8a97;
        border-radius: 0;
        background: transparent !important;
        box-shadow: none;

        padding-left: 0;
    }

    .contact_lear_form .form-control:focus {
        border-color: #000;
        box-shadow: none;
    }

   .contact_lear_form  .submit-btn {
        background: #f4b412;
        border: none;
        padding: 14px;
        width: 100%;
        font-size: 18px;
        font-weight: 600;
        border-radius: 4px;
        margin-top: 20px;
    }

   .contact_lear_form  ::placeholder {
        color: #333;
        opacity: 1;
    }
.contact_lear_form {
    position: relative;
    margin-top: -5rem;
    padding-bottom: 100px;
}

/* ======== FOOTER STYLES ========== */

footer.footer-lear {
      position: relative;
    background: rgba(27, 37, 80, 1);
    color:#fff;
    padding-top: 70px;
}

.footer-lear-heading{
    font-size: clamp(1rem, 0.9536rem + 0.1905vw, 1.125rem);
    font-weight: 800;
        line-height: 22.5px;
    letter-spacing: 0.75px;
        margin-bottom: 1.8rem;
}
.footer-lear-sub {
    font-size: clamp(1rem, 0.9536rem + 0.1905vw, 1.125rem);
    font-weight: 700;
        line-height: 22.5px;
    letter-spacing: 0.75px;
}
.footer-lear-text, footer.footer-lear a, .copyrights-footer {
    font-size: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
    line-height: 150%;
    color: rgba(255, 255, 255, 0.8);
    letter-spacing: -0.28px;
    font-weight: 500;
}
.footer-lear-social {
    display: flex;
    flex-direction: column;
}

.footer-lear-social a {
    margin-bottom: 1rem;
}
.footer-lear-list{
  padding-left: 0rem;
  list-style: none;
}
.footer-lear-list.bulletpontadded{
     padding-left: 1rem;
    list-style: disc;
}
.footerwatermark {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0.2;
    z-index: 0;
}
.footer-lear-social a {
    display: flex;
    align-items: center;
    gap: 10px;
}
.address-lear {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.address-lear .footer-lear-text , .address-lear .footer-lear-phone{
    margin-bottom: 0;
     font-size: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
    line-height: 150%;
    color: rgba(255, 255, 255, 0.8);
    letter-spacing: -0.28px;
    font-weight: 500;
}
.footer-lear-phone {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width:767px){
.order-mob-1{order:1}
.order-mob-2{order:2}
.order-mob-3{order:3}
.order-mob-4{order:4}
.order-mob-5{order:5}
.order-mob-6{order:6}
}


/* ========== SERVICES SWIPER SLIDER =============== */

.medical-services-section-home {
  background: linear-gradient(107.56deg, rgba(230, 231, 232, 0.5) 0%, rgba(142, 216, 248, 0.15) 100%);

    padding: 100px 0;
        padding-bottom: 50px;
}
.home-services-slider-section {
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  align-items:center;
  gap: 60px;
  margin-top: 75px;
}

/* LEFT CONTENT SLIDER */
.service-content-slider {
  width: 50%;
  height: 420px;
  position: relative;
}

.service-content-slider .swiper-wrapper {
  height: 100%;
}

.service-content-slider .swiper-slide {
    display: flex !important;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
        padding-left: 4rem;
}

.service-content-slider h2 {
 margin: 0 0 12px;
    font-weight: 700;
    line-height: 130%;
    font-size: clamp(1.125rem, 0.9161rem + 0.8571vw, 1.6875rem);
    color: rgba(27, 37, 80, 1);
}

.service-content-slider p {
  margin: 0;
  font-size: 16px;
  color: #666;
}

/* PAGINATION STYLE WITH DOTTED LINE */
.service-content-slider .swiper-pagination-vertical.swiper-pagination {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.service-content-slider .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border: 0.56px solid rgba(27, 37, 80, 1);
  border-radius: 50%;
  position: relative;
  margin: 12px 0;
  transition: 0.3s;
  opacity: 1;
  background: transparent;
}

.service-content-slider .swiper-pagination-bullet-active {
  opacity: 1;
  background: rgba(27, 37, 80, 1);
  transform: scale(1);
}



/* RIGHT IMAGE SLIDER */
.service-image-slider {
  width: 50%;
  height: 420px;

  
}

.service-image-slider .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.service-image-slider img {
  width: 100%;
  height:350px;
  object-fit:contain;

}
/* 🟢 Always hide the bottom slide */
.service-image-slider .swiper-slide-next,
.service-image-slider .swiper-slide-next.swiper-slide-duplicate {
  opacity:0 !important;
  transform:translateY(60px) scale(0.9);
  pointer-events:none;
}

/* 🟢 Slight scale for top slide */
.service-image-slider .swiper-slide-prev{
  opacity:1 !important;
  transform:translateY(-40px) scale(0.9);
}

.service-image-slider .swiper-slide-active{
  opacity:1 !important;
  transform:scale(1);
}

@media (max-width:767px){

   .home-services-slider-section {
   
    flex-direction: column;
    margin-top:0;
} 
.service-content-slider {
     width: 100%;
  
    height: 250px;

}
.service-image-slider {
    width: 100%;
    height: 250px;
}
.medical-services-section-home{
    padding-top: 50px;
}
.service-content-slider .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
}
.service-content-slider .swiper-slide{
    padding-left: 3rem;
}
}


/* ========== Mobile Responsive =============== */
@media (max-width:767px){
    .contact-details-lear {
   
    flex-direction: column;
}
.listof-points {
    padding: 10px 0;
}
.our-story {
    padding: 30px 0;
}
.vm_content{
      padding: 10px;
}
svg.plus-symbols {
  
    top: 10px;
    right: 20px;
    max-width: 20%;
    height: auto;
}
.lear-advantage {
    padding-top: 50px;
}
.assessment-vs-lear{
      padding: 30px 0;
}
.assessment-list li{
  margin-bottom: 1rem;
}
.assessment-box.assessment-lear .assessment-list li {
    margin-bottom: 1rem;
}
.quality-section {
    padding: 30px 0;
}
.benefit-box {
    flex: 0 0 45%;
    max-width: 45%;
    padding-left: 20px;
}
.contact_lear_form {
   
    margin-top: 50px;
   
}
.lear_communication a{
        justify-content: center;
}



.contact-details-lear:after{display: none;}
.innerpage-firstbannersec.contactbannerheight {
    padding-bottom: 0px;
}
.contact_lear_form .form-section {

    padding: 50px 20px;
}

.address-lear {
           margin-bottom: 2rem;
    justify-content: flex-start;
}
.footer-lear-phone {
    padding-top: 1rem;
}
.footer-lear-heading{
      margin-bottom: 0.8rem;
}
}




/* ABOUT TIMELINE */
.timeline-issue-svg-infographic{
	position:relative;
/* 	height:100dvh; */
	    background-image: linear-gradient(239.63deg, rgba(255, 255, 255, 0.7) -1.6%, rgba(142, 216, 248, 0.21) 96.85%);
	display: flex;
    justify-content: center;
    align-items: center;
}
.timeline-issue-svg-grid-6 {
	    position: relative;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0px;
}

/* Large tablets & below */
@media (max-width: 1200px) {
  .timeline-issue-svg-grid-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}

/* Tablets */
@media (max-width: 768px) {
  .timeline-issue-svg-grid-6 {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile */
@media (max-width: 480px) {
  .timeline-issue-svg-grid-6 {
    grid-template-columns: 1fr;
  }
}


.timeline-issue-svg-grid-6 .timeline-issue-svg-item:nth-child(1) .timeline-issue-svg-item-circle .circle-bg-icon {
    background:rgba(142, 216, 248, 1);
}
.timeline-issue-svg-grid-6 .timeline-issue-svg-item:nth-child(2) .timeline-issue-svg-item-circle .circle-bg-icon {
    background:rgba(152, 165, 212, 1);
}
/* .timeline-issue-svg-grid-6 .timeline-issue-svg-item:nth-child(2) .timeline-issue-svg-item-circle .timeline-arc-top svg path{
	fill:rgba(152, 165, 212, 1);
} */
/* circle-2 */
/* .timeline-issue-svg-grid-6 .timeline-issue-svg-item:nth-child(even) .timeline-issue-svg-item-circle{
	flex-direction: column-reverse;
} */
/* .timeline-issue-svg-grid-6 .timeline-issue-svg-item:nth-child(even) .timeline-issue-svg-item-circle .timeline-arc-top {
       top: auto;
    bottom: -45px;
    transform: rotateX(180deg);
    left: -29px;
} */

.circle-bg-icon {
    width: 133px;
    height: 133px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.timeline-issue-svg-item{
	position:relative;
	padding: 0 !important;
}
.timeline-issue-svg-item-circle {
	position:relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* .timeline-arc-top {
    position: absolute;
    top: -50px;
} */
.year-time {
    font-size: clamp(0.86rem, 0.5294rem + 1.3562vw, 1.75rem);
    font-weight: 600;
    color: rgba(27, 37, 80, 1);
	text-align: center;
	position: absolute;
    left: 50%;
	bottom: -50%;
    transform: translate(-50%, 50%);
}

.timeline-issue-svg-item-circle:before {
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/2026/02/Vector.svg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    top: -83%;
    left: 50%;
    transform: translate(-50%, 50%);
}

.timeline-issue-svg-grid-6 .timeline-issue-svg-item:nth-child(2) .timeline-issue-svg-item-circle:before{
	 background-image: url(/wp-content/uploads/2026/02/Vector-1.svg);
	    top: auto;
}
		.contact-section-form .required-field {
    position: relative;
}
		.contact-section-form .required-field:before {
    content: "*";
    color: red;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 18px;
}
.contact-section-form .form-check .form-check-input{
	float: none;
}
.contact-section .form-check-input {
    
  
    vertical-align: middle;
}