@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');

:root{
  --navy:#040d1a;
  --navy2:#0e3a7e;
  --teal:#00c896;
  --teal-d:#00a87e;
  --white:#ffffff;
  --border:rgba(255,255,255,0.08);
  --nav-h: 10px;
    --white: #ffffff;
  --off-white: #f8faff;
  --gray-soft: #e8eef8;
  --gray-text: #6b7a96;
  --dark-text: #1a2640;

  --font-body: 'Nunito', system-ui, sans-serif !important;
  --radius: 14px;
  --radius-sm: 8px;
  --shadow: 0 8px 32px rgba(10,22,40,0.10);
  --shadow-lg: 0 20px 60px rgba(10,22,40,0.18);
   --teal: #00c896;
  --teal-dark: #00a87e;
  --blue-acc: #2563eb;

  --navy:  #0e3a7e;
    --teal:  #00c896;
    --white: #ffffff;
    --font-head: 'Segoe UI', system-ui, sans-serif;
    --font-body: 'Segoe UI', system-ui, sans-serif;


       --green-light: #e8f5ee;
      --accent: #f4a261;
      --dark: #1dac4d;
      --gray: #169e4f;


           --green-dark:  #0d3d20;
      --green-mid:   #155c30;
      --green-light: #1e7a3e;
      --accent:      #30c76a;
      --accent-soft: rgba(48,199,106,.12);
      --white:       #ffffff;
      --off-white:   #f7f9f7;
      --border:      #e2e8e3;
      --text-main:   #0f1f14;
      --text-muted:  #5f7367;
      --radius-sm:   10px;
      --radius-md:   16px;
      --radius-lg:   24px;
      --shadow-card: 0 8px 40px rgba(13,61,32,.10);
      --shadow-input: 0 2px 8px rgba(13,61,32,.06);
      --font-head: 'Sora', sans-serif;
      --font-body: 'DM Sans', sans-serif;
    }


*{
	padding: 0;
	margin:0;
	box-sizing: border-box;
}

body {
  font-family: var(--font-body);
  color: var(--dark-text);
  background: var(--white);
  overflow-x: hidden;
  
}
h1,h2,h3,h4,h5,h6 {  font-family: "DM Serif Text", serif; font-weight: 500; }
a { text-decoration: none; transition: all 0.25s; }
img { max-width: 100%; }
.py-6 { padding-top: 35px; padding-bottom: 96px; }
.Top-header {
  background: #000;
  padding: 0 2rem;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.left-side, .right-side {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.info-item {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #b0afc4;
  font-size: 13px;
}

.info-item a {
  color: #b0afc4;
  text-decoration: none;
}

.info-item a:hover { color: #fff; }

.sep {
  width: 1px;
  height: 18px;
  background: rgba(255,255,255,0.1);
}

/* Mobile */
@media (max-width: 600px) {
  .Top-header {
    height: auto;
    flex-direction: column;
    padding: .6rem 1rem;
    gap: .5rem;
  }
}

/*navbar*/
/* ── NAVBAR ──────────────────────────────────── */



/* Navbar Background */
.glass-navbar {
  background: #0a1628;
  z-index: 1050;
}

/* Logo */
.logoContainer img {
  height: 47px;
  display: block;
}

/* Desktop Nav Links */
.navbar-nav .nav-link {
  font-size: 15px !important;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7) !important;
  padding: 7px 14px !important;
  border-radius: 6px;
  transition: color 0.2s, background 0.2s;
  white-space: nowrap;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
  color: #00c9a7 !important;
  /* background: rgba(0, 201, 167, 0.08); */
}

/* For Employers Button (outline) */
.btn-emp {
  font-size: 13px;
  font-weight: 600;
  color: #00c9a7 !important;
  border: 1.5px solid #00c9a7;
  padding: 8px 20px;
  border-radius: 50px;
  text-decoration: none;
  background: transparent;
  transition: all 0.22s;
  white-space: nowrap;
  display: inline-block;
}
.btn-emp:hover {
  background: #00c9a7;
  color: #0a1628 !important;
}

/* Apply Now Button (filled) */
.btn-apply {
  font-size: 13px;
  font-weight: 600;
  color: #0a1628 !important;
  background: #00c9a7;
  padding: 8px 20px;
  border-radius: 50px;
  text-decoration: none;
  border: 1.5px solid #00c9a7;
  transition: all 0.22s;
  white-space: nowrap;
  display: inline-block;
}
.btn-apply:hover {
  background: #00a88d;
  border-color: #00a88d;
}

/* Mobile Toggler */
.navbar-toggler {
  border-color: rgba(255, 255, 255, 0.3) !important;
  padding-right: 0;
}
.navbar-toggler-icon {
  filter: invert(1);
}

/* ── OFFCANVAS ── */
.offcanvas-nav {
  background: #0a1628 !important;
  width: 280px !important;
  border-left: 1px solid rgba(0, 201, 167, 0.2) !important;
}

.offcanvas-nav-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding: 16px 20px;
}

.offcanvas-close-btn {
  filter: invert(1);
  opacity: 0.6;
  transition: opacity 0.2s;
}
.offcanvas-close-btn:hover {
  opacity: 1;
}

.offcanvas-nav-body {
  padding: 12px 16px 24px;
}

/* Offcanvas Links */
.offcanvas-link {
  font-size: 15px !important;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.75) !important;
  padding: 12px 14px !important;
  border-radius: 8px;
  transition: color 0.2s, background 0.2s;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.offcanvas-link:hover {
  color: #fff !important;
  background: rgba(0, 201, 167, 0.08);
}
.offcanvas-link.active {
  color: #00c9a7 !important;
  background: rgba(0, 201, 167, 0.08);
}

/* Offcanvas Bottom Buttons */
.offcanvas-btn-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 20px;
  /* border-top: 1px solid rgba(255, 255, 255, 0.08); */
  margin-top: 16px;
}





/* ── HERO ────────────────────── */


.hero-section{
  /*min-height:100vh;*/
  background:#091628;
  position:relative;
  overflow:hidden;
  padding-top:calc(var(--nav-h) + 20px + 2rem);
  padding-bottom:4rem;
  display:flex;align-items:center;
}

/* Grid pattern */
.hero-section::before{
  content:'';position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black,transparent);
  mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black,transparent);
}
.hero-section::after{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse 55% 55% at 80% 20%,rgba(0,200,150,0.10),transparent 70%),
    radial-gradient(ellipse 40% 40% at 10% 80%,rgba(37,99,235,0.09),transparent 60%);
  pointer-events:none;
}
.hero-inner{position:relative;z-index:2}

/* Badge */
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12px;font-weight:700;letter-spacing:0.06em;
  text-transform:uppercase;color:var(--teal);
  border:1px solid rgba(0,200,150,0.25);
  background:rgba(0,200,150,0.07);
  padding:6px 16px;border-radius:100px;
  margin-bottom:1.5rem;
}
.badge-dot{
  width:7px;height:7px;border-radius:50%;
  background:var(--teal);
  animation:blink 1.6s ease-in-out infinite;
}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.3}}

/* Heading */
.hero-h1{
  font-family:'Syne',sans-serif;
  font-size:clamp(2.2rem,4.5vw,3.8rem);
  font-weight:800;line-height:1.12;
  color:var(--white);margin-bottom:1.4rem;
}
.hero-h1 .hl{color:var(--teal)}

.hero-p{
  font-size:clamp(15px,1.8vw,17px);
  color:rgba(255,255,255,0.65);
  line-height:1.8;margin-bottom:2.25rem;
}

/* Hero buttons */
.btn-hero-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, #00c9a7, #0a9d80);
  color: #0a1628;
  font-size: 14px;
  font-weight: 700;
  padding: 13px 26px;
  border-radius: 50px;
  border: none;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(0, 201, 167, 0.45);
  transition: all 0.25s ease;
}
.btn-hero-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(0, 201, 167, 0.55);
  color: #0a1628;
}

.btn-hero-ico {
  width: 28px;
  height: 28px;
  background: rgba(10, 22, 40, 0.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.btn-hero-outline {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 13px 26px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  text-decoration: none;
  cursor: pointer;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: all 0.25s ease;
}
.btn-hero-outline:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}

/* Stats */
.hero-stats{
  margin-top:2.5rem;padding-top:2rem;
  border-top:1px solid rgba(255,255,255,0.09);
  display:flex;align-items:center;
}
.stat{text-align:center;padding:0 24px}
.stat:first-child{padding-left:0}
.stat-num{
  font-family:'Syne',sans-serif;
  font-size:2.2rem;font-weight:800;color:var(--teal);display:block;
}
.stat-unit{font-size:1.1rem;font-weight:700;color:var(--teal)}
.stat-label{
  display:block;font-size:11px;font-weight:600;
  color:rgba(255,255,255,0.45);letter-spacing:0.06em;
  text-transform:uppercase;margin-top:3px;
}
.stat-div{width:1px;height:44px;background:rgba(255,255,255,0.10);flex-shrink:0}

/* Right card stack */
.hero-right{position:relative;height:420px}
.hero-glow{
  position:absolute;width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,200,150,0.12),transparent 70%);
  border:1px solid rgb(228 229 229 / 28%);
  top:50%;left:50%;transform:translate(-50%,-50%);
}
.hero-ring{
  position:absolute;width:380px;height:380px;border-radius:50%;
  border:1px dashed rgb(229 237 235 / 28%);
  top:50%;left:50%;transform:translate(-50%,-50%);
  animation:spin 30s linear infinite;
}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}

.hc{
  position:absolute;
  display:flex;align-items:center;gap:12px;
     background: rgb(9 26 42 / 72%);
  border:1px solid rgba(255,255,255,0.10);
  backdrop-filter:blur(16px);
  border-radius:14px;padding:14px 18px;
  min-width:210px;
}
.hc-ico{
  width:40px;height:40px;border-radius:10px;
  background:rgba(0,200,150,0.12);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.hc-ico i{font-size:18px;color:var(--teal)}
.hc strong{display:block;font-size:13.5px;font-weight:700;color:var(--white)}
.hc span{font-size:12px;color:rgba(255,255,255,0.5)}

.hc-1{top:40px;left:10px;animation:float 3.5s ease-in-out infinite}
.hc-3{bottom:50px;left:20px;animation:float 3.5s ease-in-out 1.5s infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.hc-2{top:50%;right:-10px;animation:float2 3.5s ease-in-out 0.8s infinite}
@keyframes float2{0%,100%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 10px))}}

/* Wave */
.hero-wave{line-height:0;background:var(--navy2)}
.hero-wave svg{width:100%;height:60px;display:block}

/* ── RESPONSIVE ──────────────── */
@media(max-width:991.98px){
  .hero-right{height:280px;margin-top:2rem}
  .hero-glow,.hero-ring{width:220px;height:220px}
  .hc{min-width:170px;padding:10px 14px}
  .hc-1{top:20px;left:0}
  .hc-2{top:45%;right:0}
  .hc-3{bottom:20px;left:10px}
}
@media(max-width:576px){
  .top-bar{font-size:11px}
  .stat{padding:0 14px}
  .stat-num{font-size:1.7rem}
  .hero-right{display:none}
  .hero-section{padding-top:calc(var(--nav-h) + 36px + 1rem)}
}



/* ── Doctor image wrapper ── */
.hero-img-wrap {
  /*position: absolute;*/
  bottom: 0;
  left: 50%;
  /*transform: translateX(-50%);*/
  /*width: 300px;*/
  z-index: 2;
  /*text-align: center;*/
}

.hero-doc-img {
  width: 100%;
  height: auto;
  /*max-height: 420px;*/
  object-fit: contain;
  object-position: bottom;
  filter: drop-shadow(0 20px 60px rgba(0,200,150,0.20));
  animation: imgFloat 4s ease-in-out infinite;
      margin-top: -26px;
}
@keyframes imgFloat {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-10px); }
}

/*about*/

/* ── FEATURE CARDS ───────────────────────────── */
.feature-card {
  background: var(--white);
  border-radius: var(--radius);
  padding: 32px 28px;
  border: 1px solid var(--gray-soft);
  transition: all 0.3s;
  height: 100%;
}
.feature-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); border-color: rgba(0,200,150,0.25); }
.fc-icon {
  width: 52px; height: 52px;
  background: rgba(0,200,150,0.10);
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 18px;
}
.fc-icon i { font-size: 22px; color: var(--teal-dark); }
.feature-card h5 { font-size: 18px; color: var(--dark-text); margin-bottom: 10px;   font-family: "DM Serif Text", serif; font-weight: 700; }
.feature-card p { font-size: 14.5px; color: var(--gray-text); line-height: 1.7; margin: 0;   font-family: "Inter", sans-serif; }

/* ── SERVICE CARDS ───────────────────────────── */
.service-card {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: var(--radius);
  padding: 28px 24px;
  height: 100%;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.service-card:hover {
  background: rgba(255,255,255,0.09);
  transform: translateY(-4px);
  border-color: rgba(0,200,150,0.30);
}
.highlight-card {
  border-color: rgba(0,200,150,0.35);
  background: rgba(0,200,150,0.06);
}
.sc-top {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.sc-top i { font-size: 22px; color: var(--teal); }
.sc-top h5 { font-size: 16px; color: var(--white); margin: 0; }
.service-card p {  font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
   font-size: 13.5px; color: rgba(255,255,255,0.60); line-height: 1.65; margin-bottom: 16px; }
.sc-type {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  padding: 3px 12px;
  border-radius: 20px;
}
.clinical { background: rgba(0,200,150,0.15); color: var(--teal); }
.non-clinical { background: rgba(37,99,235,0.15); color: #60a5fa; }
.per-diem { background: rgba(250,204,21,0.15); color: #fbbf24; }
.contract { background: rgba(167,139,250,0.15); color: #a78bfa; }

.industries-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
.industry-badge {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  color: rgba(255,255,255,0.80);
  font-size: 13.5px;
  font-weight: 600;
  padding: 8px 20px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.industry-badge i { color: var(--teal); }


/*services*/
.section-dark {
    background: #0e3a7e;
}


/* ── SECTION HELPERS ─────────────────────────── */
.section-light { background: var(--off-white); }
.section-dark { background: #0a1628; }
.section-accent { background: var(--navy-mid); }

.section-tag {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--teal-dark);
  background: rgba(0,200,150,0.10);
  padding: 5px 14px;
  border-radius: 20px;
  margin-bottom: 12px;
}
.section-tag-light {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--teal);
  background: rgba(0,200,150,0.12);
  padding: 5px 14px;
  border-radius: 20px;
  margin-bottom: 12px;
}
.section-tag-white {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--navy);
  background: rgba(255,255,255,0.20);
  padding: 5px 14px;
  border-radius: 20px;
  margin-bottom: 12px;
}
.section-header h2 {
  font-size: clamp(28px, 4vw, 42px);
  color: var(--dark-text);
  line-height: 1.25;
}
.section-sub {
  font-size: 16px;
  color: var(--gray-text);
  max-width: 540px;
  margin: 12px auto 0;
  line-height: 1.7;
}
.text-light-muted { color: rgba(255,255,255,0.60) !important; }
.accent-text { color: var(--teal-dark); }



/* ── HOW IT WORKS ── */
.step-item {
  padding: 0 12px;
}
.btn-primary-main {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(135deg, #00c9a7, #0a9d80);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  padding: 14px 36px;
  border-radius: 50px;
  border: none;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 8px 28px rgba(0, 201, 167, 0.45);
  transition: all 0.25s ease;
}

.btn-primary-main:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 36px rgba(0, 201, 167, 0.55);
  color: #fff;
}

.btn-arrow {
  background: rgba(255, 255, 255, 0.2);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  transition: transform 0.25s ease;
}

.btn-primary-main:hover .btn-arrow {
  transform: translateX(4px);
}
.step-num {
  font-family: var(--font-head);
  font-size: 52px;
  font-weight: 700;
  color: rgba(0, 200, 150, 0.12);
  line-height: 1;
  margin-bottom: 8px;
}

.step-icon {
  width: 64px;
  height: 64px;
  background: var(--navy);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(0, 200, 150, 0.25);
}

.step-icon i {
  font-size: 24px;
  color: #fff;
}

.step-title {
  font-size: 17px;
  color: var(--dark-text);
  margin-bottom: 10px;
}

.step-desc {
  font-size: 14px;
  color: var(--gray-text);
  line-height: 1.65;
  font-family: "Inter", sans-serif;
}

.step-connector {
  width: 60px;
  height: 2px;
  background: linear-gradient(
    90deg,
    rgba(0, 200, 150, 0.3),
    rgba(0, 200, 150, 0.7),
    rgba(0, 200, 150, 0.3)
  );
  margin-top: -80px;
}

/* ── MOBILE ── */
@media (max-width: 767px) {
  .step-item {
    padding: 0;
    margin-bottom: 36px;
    position: relative;
  }

  /* Mobile లో vertical line */
  .step-item:not(:last-child)::after {
    content: '';
    display: block;
    width: 2px;
    height: 36px;
    background: linear-gradient(
      180deg,
      rgba(0, 200, 150, 0.3),
      rgba(0, 200, 150, 0.7),
      rgba(0, 200, 150, 0.3)
    );
    margin: 16px auto 0;
  }

  .step-num {
    font-size: 40px;
  }
}

/* ── CTA BANNER ──────────────────────────────── */
/* CTA Banner – White Background */
.btn-navy-solid {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, #00c9a7, #0a9d80);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 13px 28px;
  border-radius: 50px;
  border: none;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(0, 201, 167, 0.4);
  transition: all 0.25s ease;
}
.btn-navy-solid:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(0, 201, 167, 0.5);
  color: #fff;
}

.btn-outline-navy {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: transparent;
  color: #0a1628;
  font-size: 14px;
  font-weight: 700;
  padding: 13px 28px;
  border-radius: 50px;
  border: 2px solid #0a1628;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.25s ease;
}
.btn-outline-navy:hover {
  background: #0a1628;
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(10, 22, 40, 0.2);
}
.cta-banner {
  background: #ffffff;
  border-top: 3px solid var(--teal);
}
.cta-banner h2 {
  font-size: clamp(24px, 3.5vw, 38px);
  font-weight: 800;
  color: #1559bb;
  letter-spacing: -0.5px;
}
.cta-sub {
  color: #4a5568;
  font-size: 16px;
}
.cta-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #e6f9f3;
  color: #00a878;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 5px 14px;
  border-radius: 50px;
  border: 1px solid #b3edd9;
  margin-bottom: 18px;
}
.cta-dot {
  width: 7px; height: 7px;
  background: var(--teal);
  border-radius: 50%;
  display: inline-block;
  animation: ctaPulse 1.5s infinite;
}
@keyframes ctaPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.5; transform: scale(1.4); }
}



/* Trust strip */
.cta-trust {
  display: flex;
  justify-content: center;
  gap: 28px;
  flex-wrap: wrap;
  padding-top: 24px;
  border-top: 1px solid #e8eef5;
}
.trust-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  color: #5a6a82;
  font-weight: 500;
}
.trust-item i { color: var(--teal); font-size: 14px; }



/*footer*/
/* ── FOOTER ── */
.main-footer {
  background: #0b1120;
  padding: 56px 0 0;
  border-top: 3px solid var(--teal);
  position: relative;
  overflow: hidden;
}

/* ── BRAND ── */
.footer-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}
.footer-brand-icon {
  width: 46px; height: 46px;
  border-radius: 12px;
  background: rgba(0,200,150,0.12);
  border: 1px solid rgba(0,200,150,0.25);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.footer-brand-icon i { font-size: 20px; color: var(--teal); }
.footer-brand strong {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.2px;
}
.footer-brand span { font-size: 11px; color: rgba(255,255,255,0.38); }

/* 24/7 badge */
.footer-available-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(0,200,150,0.10);
  border: 1px solid rgba(0,200,150,0.22);
  border-radius: 20px;
  padding: 4px 13px;
  font-size: 11.5px;
  font-weight: 500;
  color: var(--teal);
  margin-bottom: 16px;
}

/* pulse dot */
.pulse-dot {
  display: inline-block;
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--teal);
  animation: pulse 1.8s infinite;
}
@keyframes pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.5; transform: scale(1.3); }
}

.footer-about {
  font-size: 13px;
  color: #fff;
  line-height: 1.80;
  margin-bottom: 20px;
      font-family: "Noto Serif", serif;
}

/* social icons */
.footer-socials { display: flex; gap: 8px; }
.footer-socials a {
  width: 32px; height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.04);
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,0.40);
  font-size: 12px;
  text-decoration: none;
  transition: all 0.22s;
}
.footer-socials a:hover {
  background: rgba(0,200,150,0.15);
  border-color: rgba(0,200,150,0.40);
  color: var(--teal);
  transform: translateY(-2px);
}

/* ── HEADINGS ── */
.footer-heading {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--teal);
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.footer-heading::after {
  content: '';
  flex: 1;
  height: 1px;
  background: rgba(0,200,150,0.18);
}

/* ── LINKS ── */
.footer-links {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.footer-links li a {
  font-size: 13px;
  color: #fff;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 0;
  transition: color 0.22s, gap 0.22s;
  font-family: "Noto Serif", serif;
}
  .footer-links a i {
	font-size: 0.8rem;
	color: #0ea5e9;
	opacity: 0.6;
	transition: all 0.2s;
 }
.footer-links li a::before {
  content: '';
  font-size: 11px;
  color: var(--teal);
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity 0.22s, transform 0.22s;
  display: inline-block;
}
.footer-links li a:hover {
  color: #fff;
  gap: 6px;
}
.footer-links li a:hover::before {
  opacity: 1;
  transform: translateX(0);
}

/* ── CONTACT ── */
.footer-contact p {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  color: #fff;
  margin-bottom: 12px;
  line-height: 1.5;
      font-family: "Noto Serif", serif;
}
.footer-contact i {
  color: var(--teal);
  font-size: 13px;
  margin-top: 2px;
  flex-shrink: 0;
  width: 14px;
  text-align: center;
}
.footer-contact a {
  color: #fff;
  text-decoration: none;
  transition: color 0.2s;
  word-break: break-all;
   font-family: "Noto Serif", serif;
}
.footer-contact a:hover { color: var(--teal); }

/* ── BOTTOM BAR ── */
.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 0;
  border-top: 1px solid rgba(255,255,255,0.07);
  flex-wrap: wrap;
  gap: 10px;
}
.footer-bottom span {
  font-size: 12px;
  color: #fff;
}
.footer-est {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* ── MOBILE RESPONSIVE ── */
@media (max-width: 767px) {
  .main-footer { padding: 40px 0 0; }
  .footer-bottom { justify-content: center; text-align: center; }
}
 
  /* ── BOTTOM BAR ─────────────────────────────────── */
  .footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.07);
    margin-top: 50px;
    padding: 18px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 12.5px;
    color: rgba(255,255,255,0.35);
  }
  .footer-bottom a {
    color: #fff !important;
    text-decoration: none;
    transition: color 0.2s;
     font-family: "Noto Serif", serif;
  }
  .footer-bottom a:hover { color: var(--teal); }
 
  .footer-est {
    display: flex;
    align-items: center;
    gap: 7px;
  }
  .pulse-dot {
    width: 7px; height: 7px;
    border-radius: 50%;
    background: var(--teal);
    display: inline-block;
    animation: footerPulse 2s infinite;
  }
  @keyframes footerPulse {
    0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(0,200,150,0.4); }
    50%       { opacity: 0.7; box-shadow: 0 0 0 5px rgba(0,200,150,0); }
  }
 
  /* ── RESPONSIVE ─────────────────────────────────── */
  @media (max-width: 767px) {
    .main-footer { padding: 50px 0 0; }
    .footer-divider { display: block; }
    .footer-bottom {
      flex-direction: column;
      text-align: center;
      gap: 6px;
    }
    .footer-heading::after { display: none; }
  }


/*testmonials*/
 .testi-section {
    /*background: linear-gradient(135deg, #0a0a1a 0%, #12122b 60%, #1a0a2e 100%);*/
    padding: 80px 0 60px;
    font-family: 'DM Sans', sans-serif;
    position: relative;
    overflow: hidden;
    background-color: #091628;
  }

  .testi-section::before {
    content: '';
    position: absolute;
    top: -80px; left: -80px;
    width: 320px; height: 320px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(120,80,255,0.18) 0%, transparent 70%);
    pointer-events: none;
  }

  .testi-section::after {
    content: '';
    position: absolute;
    bottom: -80px; right: -40px;
    width: 260px; height: 260px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0,210,170,0.12) 0%, transparent 70%);
    pointer-events: none;
  }

  .section-tag {
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #00d2aa;
    border: 1px solid rgba(0,210,170,0.35);
    padding: 5px 16px;
    border-radius: 50px;
    margin-bottom: 18px;
  }

  .section-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(28px, 4vw, 42px);
    color: #fff;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 6px;
  }

  .section-title span {
    font-style: italic;
    color: #a78bfa;
  }

  .section-sub {
    color: #000;
    font-size: 15px;
    margin-bottom: 50px;
    font-family: "Noto Serif", serif;
    font-weight: 600;

  }

  .testimonial-card {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.09);
    border-radius: 20px;
    padding: 36px 32px;
    position: relative;
    transition: transform 0.3s ease, background 0.3s ease;
    height: 100%;
    backdrop-filter: blur(6px);
  }

  .testimonial-card:hover {
    background: rgba(255,255,255,0.08);
    transform: translateY(-4px);
  }

  .quote-icon {
    font-family: Georgia, serif;
    font-size: 72px;
    color: #a78bfa;
    opacity: 0.25;
    line-height: 1;
    position: absolute;
    top: 18px; left: 28px;
    user-select: none;
  }

  .testimonial-text {
    color: rgba(255,255,255,0.82);
    font-size: 15.5px;
    line-height: 1.75;
    margin: 20px 0 28px;
    font-weight: 300;
    position: relative;
    z-index: 1;
  }

  .stars {
    color: #facc15;
    font-size: 14px;
    letter-spacing: 2px;
    margin-bottom: 6px;
  }

  .avatar-row {
    display: flex;
    align-items: center;
    gap: 14px;
    border-top: 1px solid rgba(255,255,255,0.08);
    padding-top: 20px;
  }

  .avatar {
    width: 44px; height: 44px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-weight: 500;
    font-size: 15px;
    flex-shrink: 0;
  }

  .av-purple { background: rgba(167,139,250,0.2); color: #c4b5fd; border: 1px solid rgba(167,139,250,0.3); }
  .av-teal   { background: rgba(0,210,170,0.15); color: #5eead4; border: 1px solid rgba(0,210,170,0.25); }
  .av-coral  { background: rgba(251,146,60,0.15); color: #fb923c; border: 1px solid rgba(251,146,60,0.25); }
  .av-blue   { background: rgba(96,165,250,0.15); color: #60a5fa; border: 1px solid rgba(96,165,250,0.25); }

  .author-name {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
  }

  .author-role {
    color: rgba(255,255,255,0.4);
    font-size: 12px;
    margin: 2px 0 0;
  }

  .carousel-btn {
    width: 44px; height: 44px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.15);
    background: rgba(255,255,255,0.06);
    color: #fff;
    font-size: 18px;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
    flex-shrink: 0;
  }

  .carousel-btn:hover { background: rgba(167,139,250,0.25); border-color: rgba(167,139,250,0.5); }

  .dot {
    width: 6px; height: 6px;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
    cursor: pointer;
    transition: all 0.3s;
  }
  .dot.active {
    width: 22px;
    border-radius: 3px;
    background: #a78bfa;
  }

  .slider-track-wrap { overflow: hidden; }
  .slider-track {
    display: flex;
    transition: transform 0.45s cubic-bezier(0.4,0,0.2,1);
    gap: 24px;
  }

  .slide-item {
    flex: 0 0 calc(50% - 12px);
    min-width: 0;
  }

  @media (max-width: 767px) {
    .slide-item { flex: 0 0 100%; }
    .testi-section { padding: 60px 0 50px; }
    .testimonial-card { padding: 28px 22px; }
  }

  .controls-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 36px;
  }

  .dots-row {
    display: flex;
    align-items: center;
    gap: 8px;
  }


 /*inner page*/
 /* ═══════════════════════════════════════
   INNER PAGE BANNER
═══════════════════════════════════════ */
.inner-page-banner{
  display:block;
  position:relative;
  padding:110px 0 90px;
  background-size:cover;
  background-position:center top;
  background-repeat:no-repeat;
  overflow:hidden;
  /* demo fallback bg */
  background-color:#0d2340;
}

/* === LAYER 1: dark gradient overlay === */
.inner-page-banner::before{
  content:'';
  position:absolute;inset:0;
  background:
    linear-gradient(108deg,
      rgba(5,18,45,0.96) 0%,
      rgba(7,30,69,0.88) 45%,
      rgba(0,15,35,0.72) 100%);
  z-index:1;
}

/* === LAYER 2: teal diagonal sweep === */
.inner-page-banner::after{
  content:'';
  position:absolute;inset:0;
  background:
    linear-gradient(135deg,
      rgba(0,200,150,0.07) 0%,
      transparent 50%),
    radial-gradient(ellipse 60% 80% at 90% 50%,
      rgba(0,200,150,0.10),transparent 70%),
    radial-gradient(ellipse 40% 60% at 10% 100%,
      rgba(37,99,235,0.08),transparent 60%);
  z-index:2;
  pointer-events:none;
}

/* === dot grid === */
.banner-grid{
  position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,0.04) 1px,transparent 1px);
  background-size:26px 26px;
  -webkit-mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black,transparent);
  mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black,transparent);
  z-index:3;pointer-events:none;
}

/* === big teal circle top-right === */
.banner-glow{
  position:absolute;
  top:-120px;right:-80px;
  width:480px;height:480px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,200,150,0.11) 0%,transparent 65%);
  border:1px solid rgba(0,200,150,0.08);
  z-index:3;pointer-events:none;
}

/* === teal left accent bar === */
.banner-accent{
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  background:linear-gradient(180deg,transparent 0%,#00c896 40%,rgba(0,200,150,0.3) 80%,transparent 100%);
  z-index:5;
}

/* === bottom line === */
.banner-bottom-line{
  position:absolute;
  bottom:0;left:0;right:0;
  height:2px;
  background:linear-gradient(90deg,transparent 0%,#00c896 35%,rgba(0,200,150,0.3) 65%,transparent 100%);
  z-index:5;
}

/* === Diagonal shape right side === */
.banner-shape{
  position:absolute;
  top:0;right:0;
  width:42%;height:100%;
  background:linear-gradient(135deg,transparent 0%,rgba(0,200,150,0.04) 50%,rgba(0,200,150,0.08) 100%);
  clip-path:polygon(18% 0%,100% 0%,100% 100%,0% 100%);
  z-index:3;pointer-events:none;
}
/* inner border of shape */
.banner-shape::before{
  content:'';position:absolute;
  top:0;bottom:0;left:18%;
  width:2px;
  background:linear-gradient(180deg,transparent,rgba(0,200,150,0.35) 40%,rgba(0,200,150,0.15) 80%,transparent);
}

/* Floating circle decorations */
.banner-circle-1{
  position:absolute;
  top:20px;right:18%;
  width:80px;height:80px;border-radius:50%;
  border:1px dashed rgba(0,200,150,0.25);
  z-index:4;pointer-events:none;
  animation:rotateSlow 20s linear infinite;
}
.banner-circle-2{
  position:absolute;
  bottom:30px;right:10%;
  width:50px;height:50px;border-radius:50%;
  border:1px solid rgba(255,255,255,0.07);
  z-index:4;pointer-events:none;
}
@keyframes rotateSlow{to{transform:rotate(360deg)}}

/* === CONTENT === */
.banner-inner{
  position:relative;z-index:6;
}

/* Tag */
.banner-tag{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(0,200,150,0.10);
  border:1px solid rgba(0,200,150,0.28);
  border-radius:50px;
  padding:5px 16px 5px 10px;
  margin-bottom:18px;
}
.banner-tag-dot{
  width:7px;height:7px;border-radius:50%;
  background:#00c896;display:inline-block;
  box-shadow:0 0 0 0 rgba(0,200,150,0.5);
  animation:tagPulse 2s ease-out infinite;
}
@keyframes tagPulse{
  0%{box-shadow:0 0 0 0 rgba(0,200,150,0.5)}
  70%{box-shadow:0 0 0 7px rgba(0,200,150,0)}
  100%{box-shadow:0 0 0 0 rgba(0,200,150,0)}
}
.banner-tag span{
  font-size:11px;font-weight:700;
  letter-spacing:1.6px;text-transform:uppercase;
  color:#00c896;
}

/* Heading */
.banner-inner h1{
  font-family:'Syne',sans-serif;
  font-size:clamp(30px,5.5vw,58px);
  font-weight:800;
  color:#fff;
  letter-spacing:-0.5px;
  line-height:1.1;
  margin-bottom:6px;
  text-shadow:0 2px 24px rgba(0,0,0,0.35);
}
.banner-inner h1 .title-teal{
  color:#00c896;
  background:linear-gradient(135deg,#00c896,#00e5b0);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}

/* Underline accent */
.banner-underline{
  width:60px;height:3px;border-radius:3px;
  background:linear-gradient(90deg,#00c896,transparent);
  margin:14px 0 20px;
}

/* Breadcrumb */
.breadcrumb-trail{
  display:inline-flex;align-items:center;flex-wrap:wrap;
  gap:0;list-style:none;padding:0;margin:0;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.09);
  border-radius:50px;
  padding:7px 18px;
  backdrop-filter:blur(10px);
}
.breadcrumb-trail li{
  display:inline-flex;align-items:center;
  font-size:13px;font-weight:500;
  color:rgba(255,255,255,0.88);
}
.breadcrumb-trail li a{
  color:rgba(255,255,255,0.50);
  text-decoration:none;
  transition:color .25s;
}
.breadcrumb-trail li a:hover{color:#00c896}
.breadcrumb-trail li .bc-sep{
  margin:0 10px;
  color:rgba(255,255,255,0.22);
  font-size:9px;
}
.breadcrumb-trail li:last-child{color:rgba(255,255,255,0.90)}

/* Right stat cards */
.banner-stats{
  display:flex;flex-direction:column;gap:14px;
  position:relative;z-index:6;
}
.bstat{
  display:flex;align-items:center;gap:14px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.09);
  border-left:3px solid rgba(0,200,150,0.6);
  border-radius:12px;
  padding:14px 18px;
  backdrop-filter:blur(12px);
  transition:all .25s;
}
.bstat:hover{
  background:rgba(0,200,150,0.06);
  border-color:rgba(0,200,150,0.3);
  transform:translateX(4px);
}
.bstat-ico{
  width:42px;height:42px;border-radius:10px;
  background:rgba(0,200,150,0.12);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.bstat-ico i{font-size:17px;color:#00c896}
.bstat-num{
  font-family:'Syne',sans-serif;
  font-size:1.5rem;font-weight:800;color:#00c896;
  line-height:1;
}
.bstat-label{
  font-size:11.5px;font-weight:500;
  color:rgba(255,255,255,0.48);
  margin-top:2px;
}

/* container util */
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}
.row{display:flex;flex-wrap:wrap;margin:0 -12px;align-items:center}
.col-left{flex:0 0 58%;max-width:58%;padding:0 12px}
.col-right{flex:0 0 42%;max-width:42%;padding:0 12px;display:flex;justify-content:flex-end}

/* ══ RESPONSIVE ══ */
@media(max-width:768px){
  .inner-page-banner{padding:80px 0 65px}
  .col-left{flex:0 0 100%;max-width:100%}
  .col-right{display:none}
  .banner-shape{width:60%;clip-path:polygon(30% 0%,100% 0%,100% 100%,0% 100%)}
  .banner-circle-1{right:5%;top:15px;width:55px;height:55px}
  .banner-underline{margin:12px 0 18px}
}
@media(max-width:480px){
  .inner-page-banner{padding:70px 0 55px}
  .banner-inner h1{font-size:clamp(26px,7vw,36px)}
  .banner-tag{padding:4px 12px 4px 8px}
  .banner-tag span{font-size:10px}
  .breadcrumb-trail{padding:6px 14px}
  .breadcrumb-trail li{font-size:12px}
}

 
/* ── RIGHT STATS ──────────────────────────── */
.banner-stat-wrap {
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: flex-end;
  position: relative;
  z-index: 4;
}
.banner-stat {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 14px;
  padding: 16px 22px;
  display: flex;
  align-items: center;
  gap: 14px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  min-width: 215px;
}
.bs-icon {
  width: 38px; height: 38px;
  border-radius: 10px;
  background: rgba(0,200,150,0.12);
  border: 1px solid rgba(0,200,150,0.25);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.bs-icon i { color: #00c896; font-size: 15px; }
.bs-num  { font-size: 20px; font-weight: 800; color: #fff; line-height: 1; }
.bs-label{ font-size: 11.5px; color: rgba(255,255,255,0.42); margin-top: 3px; }
 
/* ── RESPONSIVE ───────────────────────────── */
@media only screen and (max-width: 991px) {
  .banner-stat-wrap {
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 32px;
  }
  .banner-stat { min-width: 150px; flex: 1; }
}
 
@media only screen and (max-width: 767px) {
  .inner-page-banner { padding: 65px 0 58px; }
  .inner-page-banner .breadcrumbs-area h1 { margin-bottom: 14px; }
  .banner-stat { min-width: 130px; }
}



/*About us*/

/* ── SPACING ── */
.py-section {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media (max-width: 767.98px) {
  .py-section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

/* ── INNER PAGE BANNER ── */
@media (max-width: 767.98px) {
  .inner-page-banner {
    padding: 60px 0 40px;
    text-align: center;
  }
  .inner-page-banner h1 {
    font-size: 2rem;
  }
  .breadcrumbs-area ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none;
    gap: 6px;
  }
}

/* ── ABOUT VISUAL ── */
.about-visual {
  position: relative;
  min-height: 380px;
}

@media (max-width: 991.98px) {
  .about-visual {
    min-height: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 2rem;
  }

  /* Cards — stack చేయండి mobile లో */
  .av-card {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    transform: none !important;
  }

  .about-circle-bg {
    display: none;
  }
}

/* ── AV CARDS BASE ── */
.av-card {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border-radius: 14px;
  padding: 14px 18px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}
.av-card i {
  font-size: 22px;
  color: var(--teal, #00c9a7);
  flex-shrink: 0;
}
.av-card strong {
  display: block;
  font-size: 14px;
  color: #0a1628;
}
.av-card span {
  font-size: 12px;
  color: #64748b;
}

/* ── VALUE PILLS ── */
.value-pill {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f1f5f9;
  border-radius: 50px;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 600;
  color: #0a1628;
}
@media (max-width: 400px) {
  .value-pill {
    font-size: 12px;
    padding: 8px 12px;
  }
}

/* ── MISSION BOX ── */
.mission-box {
  background: #f8fafc;
  border-left: 3px solid var(--teal, #00c9a7);
  border-radius: 10px;
  padding: 20px;
}
@media (max-width: 575.98px) {
  .mission-box {
    padding: 14px;
  }
}

/* ── COMING SOON IMAGE ── */
.img-fluid {
  max-width: 100%;
  height: auto;
}
/* ── ABOUT ───────────────────────────────────── */
.about-visual {
  position: relative;
  height: 380px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-circle-bg {
  width: 280px; height: 280px;
  border-radius: 50%;
  background: rgba(0,200,150,0.06);
  border: 2px dashed rgba(0,200,150,0.20);
  display: flex; align-items: center; justify-content: center;
}
.about-circle-bg i { font-size: 80px; color: rgba(0,200,150,0.20); }
.av-card {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--white);
  border-radius: 12px;
  padding: 14px 20px;
  box-shadow: var(--shadow-lg);
  border: 1px solid var(--gray-soft);
}
.av-card i { font-size: 20px; color: var(--teal-dark); }
.av-card strong { display: block; font-size: 14px; color: var(--dark-text); }
.av-card span { font-size: 12px; color: var(--gray-text); }
.av-c1 { top: 40px; left: 0; animation: floatCard 4s ease-in-out infinite; }
.av-c2 { bottom: 50px; right: 0; animation: floatCard 4s ease-in-out infinite 1.5s; }

.value-pill {
  background: var(--off-white);
  border: 1px solid var(--gray-soft);
  border-radius: 10px;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 600;
  color: var(--dark-text);
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.25s;
}
.value-pill:hover { background: rgba(0,200,150,0.08); border-color: rgba(0,200,150,0.3); }
.value-pill i { color: var(--teal-dark); }

.mission-box {
  background: var(--off-white);
  border-left: 4px solid var(--teal);
  border-radius: 0 12px 12px 0;
  padding: 20px 24px;
}
.mission-box strong { font-size: 15px; color: var(--dark-text); }
.mission-box p { font-size: 14px; color: var(--gray-text); line-height: 1.65; }




/* ── CONTACT ─────────────────────────────────── */
/* ── Section ── */
.section-white {
  background: #ffffff;
}

.section-tag-teal {
  display: inline-block;
  background: #e8faf4;
  color: #0a7a5a;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 14px;
  border-radius: 20px;
  border: 1px solid #b6ebd9;
  margin-bottom: 12px;
}

.section-white h2 {
  color: #111111;
}

.section-white .section-sub {
  color: #666666;
}

/* ── Contact Info ── */
    /* ── Section wrapper ── */
    .contact-section {
      padding: 90px 24px;
      background: #ffffff;
    }

    .contact-section .container {
      max-width: 1120px;
      margin: 0 auto;
    }

    /* ── Header ── */
    .sec-header {
      text-align: center;
      margin-bottom: 56px;
    }
    .sec-tag {
      display: inline-block;
      background: var(--accent-soft);
      color: var(--green-light);
      font-family: var(--font-head);
      font-size: 11.5px;
      font-weight: 600;
      letter-spacing: .12em;
      text-transform: uppercase;
      padding: 6px 16px;
      border-radius: 100px;
      margin-bottom: 18px;
    }
    .sec-header h2 {
      font-family: var(--font-head);
      font-size: clamp(28px, 4vw, 40px);
      font-weight: 700;
      color: var(--text-main);
      line-height: 1.18;
      margin-bottom: 14px;
    }
    .sec-header h2 em {
      font-style: normal;
      color: var(--green-light);
    }
    .sec-header p {
      font-size: 15.5px;
      color: var(--text-muted);
      font-weight: 400;
      max-width: 440px;
      margin: 0 auto;
      line-height: 1.65;
    }

    /* ── Two-column card ── */
    .contact-card {
      display: grid;
      grid-template-columns: 340px 1fr;
      border-radius: var(--radius-lg);
      overflow: hidden;
      box-shadow: var(--shadow-card);
    }

    /* ── Left panel (dark green) ── */
    .info-panel {
      background: var(--green-dark);
      padding: 48px 36px;
      display: flex;
      flex-direction: column;
      gap: 0;
      position: relative;
      overflow: hidden;
    }

    /* decorative circles */
    .info-panel::before,
    .info-panel::after {
      content: '';
      position: absolute;
      border-radius: 50%;
      opacity: .07;
      background: var(--accent);
    }
    .info-panel::before { width: 280px; height: 280px; top: -80px; right: -100px; }
    .info-panel::after  { width: 200px; height: 200px; bottom: -60px; left: -80px; }

    .info-brand {
      margin-bottom: 40px;
    }
    .info-brand .brand-name {
      font-family: var(--font-head);
      font-size: 16px;
      font-weight: 700;
      color: #fff;
      display: block;
      margin-bottom: 4px;
    }
    .info-brand .brand-sub {
      font-size: 12.5px;
      color: rgba(255,255,255,.5);
      display: block;
    }

    .info-panel h3 {
      font-family: var(--font-head);
      font-size: 22px;
      font-weight: 700;
      color: #fff;
      line-height: 1.3;
      margin-bottom: 10px;
    }
    .info-panel > p {
      font-size: 13.5px;
      color: rgba(255,255,255,.55);
      line-height: 1.7;
      margin-bottom: 36px;
    }

    .ci-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 22px;
      flex: 1;
    }
    .ci-item {
      display: flex;
      align-items: flex-start;
      gap: 14px;
    }
    .ci-dot {
      width: 36px;
      height: 36px;
      flex-shrink: 0;
      border-radius: 10px;
      background: rgba(48,199,106,.15);
      border: 1px solid rgba(48,199,106,.25);
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .ci-dot i {
      font-size: 13px;
      color: var(--accent);
    }
    .ci-text strong {
      display: block;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: .07em;
      text-transform: uppercase;
      color: rgba(255,255,255,.4);
      margin-bottom: 3px;
    }
    .ci-text span,
    .ci-text a {
      font-size: 14px;
      color: rgba(255,255,255,.85);
      text-decoration: none;
      font-weight: 400;
      transition: color .2s;
    }
    .ci-text a:hover { color: var(--accent); }

    .info-badge {
      margin-top: 36px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(48,199,106,.12);
      border: 1px solid rgba(48,199,106,.25);
      border-radius: 100px;
      padding: 8px 16px;
    }
    .info-badge .dot {
      width: 8px; height: 8px;
      border-radius: 50%;
      background: var(--accent);
      animation: pulse 1.8s infinite;
    }
    @keyframes pulse {
      0%, 100% { opacity: 1; transform: scale(1); }
      50%       { opacity: .5; transform: scale(1.25); }
    }
    .info-badge span {
      font-size: 12.5px;
      color: var(--accent);
      font-weight: 600;
    }

    /* ── Right panel (form) ── */
    .form-panel {
      background: var(--white);
      padding: 48px 44px;
    }
    .form-panel h4 {
      font-family: var(--font-head);
      font-size: 20px;
      font-weight: 700;
      color: var(--text-main);
      margin-bottom: 6px;
    }
    .form-panel > p {
      font-size: 14px;
      color: var(--text-muted);
      margin-bottom: 28px;
    }

    .form-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px 20px;
    }
    .form-grid .full { grid-column: 1 / -1; }

    .fgroup label {
      display: block;
      font-size: 12.5px;
      font-weight: 600;
      color: var(--text-main);
      letter-spacing: .05em;
      text-transform: uppercase;
      margin-bottom: 7px;
    }
    .fgroup input,
    .fgroup textarea {
      width: 100%;
      background: var(--off-white);
      border: 1.5px solid var(--border);
      border-radius: var(--radius-sm);
      padding: 12px 15px;
      font-family: var(--font-body);
      font-size: 14px;
      color: var(--text-main);
      transition: border-color .2s, box-shadow .2s, background .2s;
      outline: none;
      resize: none;
    }
    .fgroup input::placeholder,
    .fgroup textarea::placeholder { color: #b0bcb5; }
    .fgroup input:focus,
    .fgroup textarea:focus {
      border-color: var(--accent);
      background: #fff;
      box-shadow: 0 0 0 4px rgba(48,199,106,.10);
    }
    .fgroup textarea { min-height: 110px; }

    /* radio toggles */
    .toggle-group {
      display: flex;
      gap: 10px;
    }
    .toggle-group input[type="radio"] { display: none; }
    .toggle-group label {
      cursor: pointer;
      padding: 9px 20px;
      border-radius: 100px;
      border: 1.5px solid var(--border);
      font-size: 13.5px;
      font-weight: 500;
      color: var(--text-muted);
      background: var(--off-white);
      transition: all .2s;
      text-transform: none;
      letter-spacing: 0;
    }
    .toggle-group input[type="radio"]:checked + label {
      background: var(--accent-soft);
      border-color: var(--accent);
      color: var(--green-light);
      font-weight: 600;
    }

    /* Submit button */
    .btn-submit {
      width: 100%;
      padding: 15px;
      background: var(--green-dark);
      color: #fff;
      border: none;
      border-radius: var(--radius-sm);
      font-family: var(--font-head);
      font-size: 15px;
      font-weight: 600;
      letter-spacing: .02em;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      transition: background .2s, transform .15s, box-shadow .2s;
    }
    .btn-submit:hover {
      background: var(--green-mid);
      box-shadow: 0 6px 20px rgba(13,61,32,.25);
      transform: translateY(-1px);
    }
    .btn-submit:active { transform: translateY(0); }
    .btn-submit i { font-size: 14px; }

    /* success */
    .form-success {
      display: none;
      margin-top: 14px;
      background: var(--accent-soft);
      border: 1.5px solid rgba(48,199,106,.3);
      border-radius: var(--radius-sm);
      padding: 14px 18px;
      font-size: 14px;
      font-weight: 600;
      color: var(--green-light);
      text-align: center;
    }
    .form-success i { margin-right: 7px; }

    /* invalid */
    input.invalid, textarea.invalid {
      border-color: #e55353 !important;
      box-shadow: 0 0 0 3px rgba(229,83,83,.08) !important;
    }
    .err-msg { display: none; font-size: 12px; color: #c0392b; margin-top: 4px; }
    .err-visible { display: block; }

    /* ── Responsive ── */
    @media (max-width: 900px) {
      .contact-card { grid-template-columns: 1fr; }
      .info-panel { padding: 36px 28px; }
      .form-panel { padding: 36px 28px; }
      .form-grid { grid-template-columns: 1fr; }
      .form-grid .full { grid-column: 1; }
    }


/* ── FAQ ─────────────────────────────────────── */
.faq-accordion { display: flex; flex-direction: column; gap: 12px; }
.faq-item {
  border: 1px solid var(--gray-soft) !important;
  border-radius: var(--radius) !important;
  overflow: hidden;
  background: var(--white);
}
.faq-btn {
  font-family: var(--font-body) !important;
  font-size: 15.5px !important;
  font-weight: 600 !important;
  color: var(--dark-text) !important;
  background: var(--white) !important;
  padding: 20px 24px !important;
  box-shadow: none !important;
}
.faq-btn:not(.collapsed) { color: var(--teal-dark) !important; }
.faq-btn::after { filter: hue-rotate(130deg); }
.faq-body {
  font-size: 14.5px;
  color: var(--gray-text);
  line-height: 1.75;
  padding: 0 24px 20px !important;
  border: none !important;
}



legend{
  background-color: green;
  color:#fff;
  font-family: var(--font-body);
}

/* loader css */
  #loader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at 50% 100%, #0d7d40, #0d2379);
    transition: opacity 0.6s ease, visibility 0.6s ease;
  }
  #loader.hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .content {
    width: 50vmin;
    height: 50vmin;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pill {
    width: 10vmin;
    height: 25vmin;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transform: rotate(180deg);
    animation: spin 4s linear 0s infinite;
  }
  @keyframes spin { 100% { transform: rotate(-540deg); } }

  .pill .side {
    background: #195cad;
    position: relative;
    overflow: hidden;
    width: 11vmin;
    height: 15vmin;
    border-radius: 6vmin 6vmin 0 0;
  }
  .pill .side + .side {
    background: #d9680c;
    border-radius: 0 0 6vmin 6vmin;
    border-top: 1vmin solid #621e1a;
    animation: open 2s ease-in-out 0s infinite;
  }
  @keyframes open {
    0%, 20%, 80%, 100% { margin-top: 0; }
    30%, 70%            { margin-top: 10vmin; }
  }
  .pill .side:before {
    content: "";
    position: absolute;
    width: 2vmin; height: 10vmin;
    bottom: 0; right: 1.5vmin;
    background: #fff2;
    border-radius: 1vmin 1vmin 0 0;
    animation: shine 1s ease-out -1s infinite alternate-reverse;
  }
  .pill .side + .side:before {
    bottom: inherit; top: 0;
    border-radius: 0 0 1vmin 1vmin;
  }
  .pill .side:after {
    content: "";
    position: absolute;
    width: 100%; height: 100%;
    bottom: 0; left: 0;
    border-radius: 6vmin 6vmin 0 0;
    border: 1.75vmin solid #00000022;
    border-bottom-color: #fff0;
    border-bottom-width: 0;
    border-top-width: 1vmin;
    animation: shadow 1s ease -1s infinite alternate-reverse;
  }
  .pill .side + .side:after {
    bottom: inherit; top: 0;
    border-radius: 0 0 6vmin 6vmin;
    border-top-color: #fff0;
    border-top-width: 0;
    border-bottom-width: 1vmin;
  }
  @keyframes shine {
    0%,  46% { right: 1.5vmin; }
    54%, 100% { right: 7.5vmin; }
  }
  @keyframes shadow {
    0%,  49.999% { transform: rotateY(0deg);   left: 0; }
    50%, 100%    { transform: rotateY(180deg); left: -3vmin; }
  }
  .medicine {
    position: absolute;
    width: calc(100% - 6vmin);
    height: calc(100% - 12vmin);
    border-radius: 5vmin;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  .medicine i.dot {
    width: 1vmin; height: 1vmin;
    background: #47c;
    border-radius: 100%;
    position: absolute;
    animation: medicine-dust 1.75s ease 0s infinite alternate;
  }
  .medicine i.dot:nth-child(2n+2)  { width:1.5vmin;height:1.5vmin;margin-top:-5vmin;margin-right:-5vmin;animation-delay:-0.2s; }
  .medicine i.dot:nth-child(3n+3)  { width:2vmin;height:2vmin;margin-top:4vmin;margin-right:3vmin;animation-delay:-0.33s; }
  .medicine i.dot:nth-child(4)     { margin-top:-5vmin;margin-right:4vmin;animation-delay:-0.4s; }
  .medicine i.dot:nth-child(5)     { margin-top:5vmin;margin-right:-4vmin;animation-delay:-0.5s; }
  .medicine i.dot:nth-child(6)     { margin-top:0;margin-right:-3.5vmin;animation-delay:-0.66s; }
  .medicine i.dot:nth-child(7)     { margin-top:-1vmin;margin-right:7vmin;animation-delay:-0.7s; }
  .medicine i.dot:nth-child(8)     { margin-top:6vmin;margin-right:-1vmin;animation-delay:-0.8s; }
  .medicine i.dot:nth-child(9)     { margin-top:4vmin;margin-right:-7vmin;animation-delay:-0.99s; }
  .medicine i.dot:nth-child(10)    { margin-top:-6vmin;margin-right:0;animation-delay:-1.11s; }
  .medicine i.dot:nth-child(n+10)  { width:0.6vmin;height:0.6vmin; }
  .medicine i.dot:nth-child(11)    { margin-top:6vmin;margin-right:6vmin;animation-delay:-1.125s; }
  .medicine i.dot:nth-child(12)    { margin-top:-7vmin;margin-right:-7vmin;animation-delay:-1.275s; }
  .medicine i.dot:nth-child(13)    { margin-top:-1vmin;margin-right:3vmin;animation-delay:-1.33s; }
  .medicine i.dot:nth-child(14)    { margin-top:-3vmin;margin-right:-1vmin;animation-delay:-1.4s; }
  .medicine i.dot:nth-child(15)    { margin-top:-1vmin;margin-right:-7vmin;animation-delay:-1.55s; }
  @keyframes medicine-dust {
    0%,100% { transform: translate3d(0,0,-0.1vmin); }
    25%      { transform: translate3d(0.25vmin,5vmin,0); }
    75%      { transform: translate3d(-0.1vmin,-4vmin,0.25vmin); }
  }

  /* Progress bar */
  .loader-progress-wrap {
    width: min(300px, 70vw);
    margin-top: 1.5rem;
  }
  .loader-progress-bg {
    height: 3px;
    background: rgba(255,255,255,0.1);
    border-radius: 3px;
    overflow: hidden;
  }
  .loader-progress-fill {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #f7c340, #d9680c);
    border-radius: 3px;
    transition: width 0.1s linear;
  }
  .loader-pct {
    text-align: right;
    font-size: 11px;
    color: rgba(255,255,255,0.4);
    margin-top: 6px;
    letter-spacing: 0.08em;
  }