/* ============================================================
   BRASS SOLAR ENERGY - Main Stylesheet
   Color Palette:
   --sun-gold:     #F5A623  (primary accent)
   --deep-navy:    #0A1628  (primary dark)
   --energy-amber: #E8821A  (secondary accent)
   --sky-blue:     #1E3A5F  (section dark)
   --light-cream:  #FFF8F0  (light bg)
   --mid-gray:     #5A6B7C  (body text)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600&display=swap');

/* ── RESET & BASE ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --sun-gold:     #F5A623;
  --deep-navy:    #0A1628;
  --energy-amber: #E8821A;
  --sky-blue:     #1E3A5F;
  --light-cream:  #FFF8F0;
  --white:        #FFFFFF;
  --mid-gray:     #5A6B7C;
  --light-gray:   #F2F6FA;
  --border:       #D9E2EC;
  --shadow-sm:    0 2px 8px rgba(10,22,40,0.08);
  --shadow-md:    0 8px 32px rgba(10,22,40,0.14);
  --shadow-lg:    0 20px 60px rgba(10,22,40,0.18);
  --radius-sm:    6px;
  --radius-md:    12px;
  --radius-lg:    24px;
  --transition:   0.3s cubic-bezier(0.4,0,0.2,1);
  --font-display: 'Montserrat', sans-serif;
  --font-body:    'Inter', sans-serif;
}

html { scroll-behavior: smooth; font-size: 16px; }

body {
  font-family: var(--font-body);
  color: var(--deep-navy);
  background: var(--white);
  line-height: 1.6;
  overflow-x: hidden;
}

img { display: block; max-width: 100%; }
a  { text-decoration: none; color: inherit; }
ul { list-style: none; }
button { cursor: pointer; border: none; background: none; font-family: inherit; }

/* ── TYPOGRAPHY ── */
h1,h2,h3,h4,h5 { font-family: var(--font-display); font-weight: 700; line-height: 1.2; }
/* h1 { font-size: clamp(2.2rem, 5vw, 3.8rem); } */
h2 { font-size: clamp(1.8rem, 3.5vw, 2.8rem); }
h3 { font-size: clamp(1.2rem, 2.5vw, 1.6rem); }
h4 { font-size: 1.1rem; }
p  { font-size: 1rem; color: var(--mid-gray); line-height: 1.75; }

.section-label {
  display: inline-block;
  font-family: var(--font-display);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--energy-amber);
  margin-bottom: 0.75rem;
}
.section-title { margin-bottom: 1rem; }
.section-sub   { max-width: 560px; margin-bottom: 2.5rem; }

/* ── LAYOUT UTILITIES ── */
.container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; }
.section   { padding: 5rem 0; }
.text-center { text-align: center; }
.text-center .section-sub { margin-left: auto; margin-right: auto; }

.btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 0.85rem 2rem;
  border-radius: var(--radius-sm);
  transition: var(--transition);
}
.btn-primary {
  background: #001A4F;
  color: #fff;
  font-weight: 500 !important;
}
.btn-primary:hover {
  background: var(--energy-amber);
  color: var(--white);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(245,166,35,0.4);
}
.btn-outline {
  border: 2px solid var(--white);
  color: var(--white);
}
.btn-outline:hover {
  background: var(--white);
  color: var(--deep-navy);
  transform: translateY(-2px);
}
.btn-dark {
  background: var(--deep-navy);
  color: var(--white);
}
.btn-dark:hover {
  background: var(--sky-blue);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

/* ── HEADER / NAV ── */
.site-header {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  background: #fff;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(245,166,35,0.15);
  transition: var(--transition);
}
.site-header.scrolled {
background:#fff;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}
.nav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
}

/* Logo */
.logo {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
/* Logo image — replaces old svg mark + text blocks */
.logo img { height: 54px; width: auto; object-fit: contain; display: block; }

/* Nav links */
.nav-links {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.nav-links a {
  font-family: var(--font-display);
  font-size: 11px ;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #001A4F;
  padding: 0.5rem 1rem;
  border-radius: var(--radius-sm);
  transition: var(--transition);
  position: relative;
}
.nav-links a::after {
  content: '';
  position: absolute;
  bottom: 0; left: 50%; right: 50%;
  height: 2px;
  background: #001A4F;
  border-radius: 2px;
  transition: var(--transition);
}
.nav-links a:hover, .nav-links a.active { color: #001A4F; }
.nav-links a:hover::after, .nav-links a.active::after { left: 1rem; right: 1rem; }

.nav-cta { margin-left: 1rem; }

/* Hamburger */
.hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  padding: 0.5rem;
}
.hamburger span {
  display: block; width: 24px; height: 2px;
  background: var(--white);
  border-radius: 2px;
  transition: var(--transition);
}
.hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity: 0; }
.hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Mobile nav */
.mobile-nav {
  display: none;
  flex-direction: column;
  background: var(--deep-navy);
  border-top: 1px solid rgba(245,166,35,0.15);
  padding: 1rem 1.5rem 1.5rem;
}
.mobile-nav a {
  font-family: var(--font-display);
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.8);
  padding: 0.85rem 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  transition: var(--transition);
}
.mobile-nav a:hover, .mobile-nav a.active { color: var(--sun-gold); }
.mobile-nav a:last-child { border-bottom: none; }
.mobile-nav.open { display: flex; }

/* ── HERO ── */
.hero {
  position: relative;
  min-height: 90vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  
  padding-top: 72px;
}
.hero-bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #0A1628 0%, #1E3A5F 50%, #0A1628 100%);
}
.hero-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: 
    radial-gradient(ellipse 60% 60% at 70% 50%, rgba(245,166,35,0.12) 0%, transparent 70%),
    radial-gradient(ellipse 40% 40% at 10% 80%, rgba(30,58,95,0.8) 0%, transparent 60%);
}
/* Sun ray decorative lines */
.hero-rays {
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  width: 45%;
  height: 80%;
  opacity: 0.06;
}
.hero-content { position: relative; z-index: 2; width: 100%; }
.hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
}
.hero-text .pre-title {
  font-family: var(--font-display);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--sun-gold);
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.hero-text .pre-title::before {
  content: '';
  display: block;
  width: 32px; height: 2px;
  background: var(--sun-gold);
  border-radius: 2px;
}
.hero-text h1 { color: var(--white); margin-bottom: 1.5rem; }
.hero-text h1 span { color: var(--sun-gold); }
.hero-text p  { color: rgba(255,255,255,0.7); font-size: 1.05rem; margin-bottom: 2.5rem; max-width: 480px; }
.hero-actions { display: flex; gap: 1rem; flex-wrap: wrap; }

.hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-top: 3.5rem;
  padding-top: 2.5rem;
  border-top: 1px solid rgba(255,255,255,0.1);
}
.stat-item .num {
  font-family: var(--font-display);
  font-size: 1.8rem;
  font-weight: 800;
  color: var(--sun-gold);
  line-height: 1;
}
.stat-item .lbl {
  font-size: 0.75rem;
  color: rgba(255,255,255,0.5);
  margin-top: 0.3rem;
  letter-spacing: 0.05em;
}

/* Hero visual side */
.hero-visual { position: relative; }
.hero-img-wrap {
  position: relative;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}
.hero-img-wrap img {
  width: 100%; height: 480px;
  object-fit: cover;
}
.hero-badge {
  position: absolute;
  bottom: -1.5rem; left: -1.5rem;
  background: var(--white);
  border-radius: var(--radius-md);
  padding: 1.25rem 1.5rem;
  box-shadow: var(--shadow-md);
  display: flex;
  align-items: center;
  gap: 1rem;
}
.hero-badge-icon {
  width: 48px; height: 48px;
  background: linear-gradient(135deg, var(--sun-gold), var(--energy-amber));
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
}
.hero-badge-icon svg { width: 24px; height: 24px; color: white; }
.hero-badge-text .val { font-family: var(--font-display); font-size: 1.25rem; font-weight: 800; color: var(--deep-navy); }
.hero-badge-text .key { font-size: 0.72rem; color: var(--mid-gray); }

/* ── SLIDER ── */
.hero-slider { position: relative; overflow: hidden; }
.slider-track {
  display: flex;
  transition: transform 0.6s cubic-bezier(0.4,0,0.2,1);
}
.slide { min-width: 100%; position: relative; }
.slider-dots {
  position: absolute;
  bottom: 1.5rem; left: 50%;
  transform: translateX(-50%);
  display: flex; gap: 0.5rem; z-index: 10;
}
.dot {
  width: 8px; height: 8px;
  border-radius: 4px;
  background: rgba(255,255,255,0.4);
  cursor: pointer;
  transition: var(--transition);
  border: none;
}
.dot.active { background: var(--sun-gold); width: 24px; }
.slider-btn {
  position: absolute;
  top: 50%; transform: translateY(-50%);
  width: 44px; height: 44px;
  background: rgba(10,22,40,0.6);
  border: 1px solid rgba(245,166,35,0.3);
  border-radius: 50%;
  color: white;
  display: flex; align-items: center; justify-content: center;
  z-index: 10;
  transition: var(--transition);
}
.slider-btn:hover { background: var(--sun-gold); color: var(--deep-navy); }
.slider-btn.prev { left: 1rem; }
.slider-btn.next { right: 1rem; }

/* ── ABOUT STRIP ── */
.about-strip {
  background: var(--sun-gold);
  padding: 1.25rem 0;
}
.strip-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  flex-wrap: wrap;
}
.strip-item {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-family: var(--font-display);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--deep-navy);
}
.strip-item svg { width: 20px; height: 20px; flex-shrink: 0; }

/* ── CARDS & GRIDS ── */
.cards-3 { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.5rem; }
.cards-4 { display: grid; grid-template-columns: repeat(4,1fr); gap: 1.5rem; }
.cards-2 { display: grid; grid-template-columns: repeat(2,1fr); gap: 2rem; }

.card {
  background: var(--white);
  border-radius: var(--radius-md);
  padding: 2rem;
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--border);
  transition: var(--transition);
}
.card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-md);
  border-color: rgba(245,166,35,0.3);
}
.card-icon {
  width: 56px; height: 56px;
  background: linear-gradient(135deg, rgba(245,166,35,0.15), rgba(232,130,26,0.08));
  border-radius: var(--radius-sm);
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 1.25rem;
  transition: var(--transition);
}
.card:hover .card-icon {
  background: linear-gradient(135deg, var(--sun-gold), var(--energy-amber));
}
.card-icon svg { width: 28px; height: 28px; color: var(--sun-gold); transition: var(--transition); }
.card:hover .card-icon svg { color: var(--white); }
.card h3 { margin-bottom: 0.6rem; font-size: 1.15rem; }
.card p  { font-size: 0.92rem; }

/* Service card variant */
.service-card {
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  background: var(--white);
  border: 1px solid var(--border);
  transition: var(--transition);
}
.service-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); }
.service-card-img { position: relative; height: 200px; overflow: hidden; }
.service-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.service-card:hover .service-card-img img { transform: scale(1.07); }
.service-card-img .img-tag {
  position: absolute; top: 1rem; left: 1rem;
  background: var(--sun-gold);
  color: var(--deep-navy);
  font-family: var(--font-display);
  font-size: 0.68rem; font-weight: 700; letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.3rem 0.75rem;
  border-radius: 4px;
}
.service-card-body { padding: 1.5rem; }
.service-card-body h3 { margin-bottom: 0.5rem; font-size: 1.1rem; }
.service-card-body p  { font-size: 0.9rem; margin-bottom: 1.25rem; }
.service-card-link {
  font-family: var(--font-display);
  font-size: 0.8rem; font-weight: 700;
  letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--energy-amber);
  display: inline-flex; align-items: center; gap: 0.4rem;
  transition: var(--transition);
}
.service-card-link:hover { gap: 0.75rem; }

/* ── WHY CHOOSE US (dark section) ── */
.section-dark {
  background: var(--deep-navy);
  color: var(--white);
}
.section-dark h2, .section-dark h3 { color: var(--white); }
.section-dark p  { color: rgba(255,255,255,0.65); }
.section-dark .section-label { color: var(--sun-gold); }

.dark-card {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: var(--radius-md);
  padding: 2rem;
  transition: var(--transition);
}
.dark-card:hover {
  background: rgba(245,166,35,0.08);
  border-color: rgba(245,166,35,0.25);
  transform: translateY(-4px);
}
.dark-card .card-icon {
  background: rgba(245,166,35,0.12);
}
.dark-card:hover .card-icon { background: linear-gradient(135deg, var(--sun-gold), var(--energy-amber)); }

/* ── PROCESS STEPS ── */
.process-steps { display: grid; grid-template-columns: repeat(4,1fr); gap: 0; position: relative; }
.process-steps::before {
  content: '';
  position: absolute;
  top: 2rem; left: calc(12.5% + 1.5rem); right: calc(12.5% + 1.5rem);
  height: 2px;
  background: linear-gradient(90deg, var(--sun-gold), var(--energy-amber));
  z-index: 0;
}
.step {
  text-align: center;
  padding: 0 1.5rem;
  position: relative;
  z-index: 1;
}
.step-num {
  width: 64px; height: 64px;
  background: linear-gradient(135deg, var(--sun-gold), var(--energy-amber));
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-display);
  font-size: 1.25rem; font-weight: 800;
  color: var(--deep-navy);
  margin: 0 auto 1.25rem;
  box-shadow: 0 4px 16px rgba(245,166,35,0.4);
}
.step h4 { margin-bottom: 0.5rem; }

/* ── CTA BANNER ── */
.cta-banner {
  background: linear-gradient(135deg, var(--sky-blue) 0%, var(--deep-navy) 100%);
  position: relative;
  overflow: hidden;
}
.cta-banner::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 60% 80% at 80% 50%, rgba(245,166,35,0.15) 0%, transparent 65%);
}
.cta-inner {
  position: relative; z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  flex-wrap: wrap;
}
.cta-inner h2 { color: var(--white); margin-bottom: 0.5rem; }
.cta-inner p  { color: rgba(255,255,255,0.7); max-width: 500px; }

/* ── TESTIMONIALS ── */
.testimonial-card {
  background: var(--white);
  border-radius: var(--radius-md);
  padding: 2rem;
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--border);
  position: relative;
}
.testimonial-card::before {
  content: '\201C';
  font-size: 5rem;
  font-family: Georgia, serif;
  color: var(--sun-gold);
  opacity: 0.2;
  position: absolute;
  top: -0.5rem; left: 1rem;
  line-height: 1;
}
.stars { display: flex; gap: 2px; margin-bottom: 1rem; }
.star  { color: var(--sun-gold); font-size: 1rem; }
.testimonial-author {
  display: flex; align-items: center; gap: 0.75rem;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--border);
}
.author-avatar {
  width: 44px; height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--sun-gold), var(--energy-amber));
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-display);
  font-weight: 700; font-size: 1rem;
  color: var(--deep-navy);
  flex-shrink: 0;
}
.author-info .name { font-weight: 600; font-size: 0.9rem; color: var(--deep-navy); }
.author-info .role { font-size: 0.78rem; color: var(--mid-gray); }

/* ── CONTACT FORM ── */
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
.form-group { display: flex; flex-direction: column; gap: 0.4rem; }
.form-group.full { grid-column: 1 / -1; }
label {
  font-family: var(--font-display);
  font-size: 0.78rem; font-weight: 600;
  letter-spacing: 0.05em; text-transform: uppercase;
  color: var(--sky-blue);
}
input, textarea, select {
  width: 100%;
  padding: 0.85rem 1rem;
  border: 1.5px solid var(--border);
  border-radius: var(--radius-sm);
  font-family: var(--font-body);
  font-size: 0.95rem;
  color: var(--deep-navy);
  background: var(--white);
  outline: none;
  transition: var(--transition);
}
input:focus, textarea:focus, select:focus {
  border-color: var(--sun-gold);
  box-shadow: 0 0 0 3px rgba(245,166,35,0.12);
}
textarea { resize: vertical; min-height: 140px; }
.error-msg { color: #e53e3e; font-size: 0.78rem; display: none; }
.error-msg.show { display: block; }
input.invalid, textarea.invalid { border-color: #e53e3e; }

/* ── CONTACT INFO CARDS ── */
.info-card {
  background: var(--white);
  border-radius: var(--radius-md);
  padding: 1.75rem;
  border: 1px solid var(--border);
  display: flex; gap: 1rem; align-items: flex-start;
  transition: var(--transition);
  box-shadow: var(--shadow-sm);
}
.info-card:hover { border-color: rgba(245,166,35,0.35); box-shadow: var(--shadow-md); }
.info-icon {
  width: 48px; height: 48px; flex-shrink: 0;
  background: linear-gradient(135deg, rgba(245,166,35,0.15), rgba(232,130,26,0.08));
  border-radius: var(--radius-sm);
  display: flex; align-items: center; justify-content: center;
}
.info-icon svg { width: 22px; height: 22px; color: var(--sun-gold); }
.info-card-body h4 { font-size: 0.92rem; margin-bottom: 0.3rem; }
.info-card-body p, .info-card-body a {
  font-size: 0.88rem; color: var(--mid-gray);
  transition: var(--transition);
}
.info-card-body a:hover { color: var(--energy-amber); }

/* ── MAP PLACEHOLDER ── */
.map-wrap {
  border-radius: var(--radius-md);
  overflow: hidden;
  height: 320px;
  background: linear-gradient(135deg, var(--light-gray), var(--border));
  display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--border);
}
.map-wrap iframe { width: 100%; height: 100%; border: 0; }

/* ── TEAM ── */
.team-card {
  background: var(--white);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--border);
  transition: var(--transition);
  text-align: center;
}
.team-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); }
.team-card-img { height: 220px; overflow: hidden; background: linear-gradient(135deg, var(--light-gray), var(--border)); display: flex; align-items: center; justify-content: center; }
.team-card-img img { width: 100%; height: 100%; object-fit: cover; }
.team-avatar-placeholder {
  width: 90px; height: 90px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--sun-gold), var(--energy-amber));
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-display);
  font-size: 2rem; font-weight: 800;
  color: var(--deep-navy);
}
.team-card-body { padding: 1.5rem; }
.team-card-body h4 { margin-bottom: 0.25rem; }
.team-card-body .role { font-size: 0.8rem; color: var(--energy-amber); font-weight: 600; font-family: var(--font-display); text-transform: uppercase; letter-spacing: 0.08em; }

/* ── ABOUT HERO ── */
.page-hero {
  background: linear-gradient(135deg, var(--deep-navy) 0%, var(--sky-blue) 100%);
  padding: 8rem 0 5rem;
  position: relative;
  overflow: hidden;
}
.page-hero::after {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse 50% 70% at 80% 50%, rgba(245,166,35,0.1) 0%, transparent 65%);
}
.page-hero-content { position: relative; z-index: 1; }
.page-hero h1 { color: var(--white); margin-bottom: 1rem; }
.page-hero p  { color: rgba(255,255,255,0.7); max-width: 560px; font-size: 1.05rem; }
.breadcrumb {
  display: flex; align-items: center; gap: 0.5rem;
  font-family: var(--font-display);
  font-size: 0.78rem; font-weight: 600;
  letter-spacing: 0.08em; text-transform: uppercase;
  color: rgba(255,255,255,0.5);
  margin-bottom: 1.25rem;
}
.breadcrumb a { color: var(--sun-gold); }
.breadcrumb span { color: rgba(255,255,255,0.3); }

/* ── MISSION / VALUES ── */
.mission-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
}
.mission-img {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}
.mission-img img { width: 100%; height: 420px; object-fit: cover; }
.check-list { display: flex; flex-direction: column; gap: 1rem; margin: 1.5rem 0 2rem; }
.check-item { display: flex; align-items: flex-start; gap: 0.75rem; }
.check-item .icon { width: 22px; height: 22px; flex-shrink: 0; color: var(--sun-gold); margin-top: 2px; }
.check-item p  { font-size: 0.95rem; margin: 0; }

/* ── SERVICES PAGE ── */
.services-filter {
  display: flex; gap: 0.5rem; flex-wrap: wrap;
  margin-bottom: 2.5rem; justify-content: center;
}
.filter-btn {
  font-family: var(--font-display);
  font-size: 0.78rem; font-weight: 600;
  letter-spacing: 0.06em; text-transform: uppercase;
  padding: 0.5rem 1.25rem;
  border-radius: 100px;
  border: 1.5px solid var(--border);
  color: var(--mid-gray);
  background: var(--white);
  transition: var(--transition);
}
.filter-btn:hover, .filter-btn.active {
  background: var(--sun-gold);
  border-color: var(--sun-gold);
  color: var(--deep-navy);
}

/* ── FOOTER ── */
.site-footer {
  background: #060E1C;
  color: rgba(255,255,255,0.7);
  padding: 4rem 0 0;
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.8fr 1fr 1fr 1.4fr;
  gap: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.footer-brand .logo { margin-bottom: 1.25rem; }
.footer-brand p { font-size: 0.88rem; max-width: 260px; line-height: 1.7; }
.footer-social {
  display: flex; gap: 0.6rem; margin-top: 1.25rem;
}
.social-btn {
  width: 36px; height: 36px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.12);
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,0.6);
  transition: var(--transition);
}
.social-btn:hover {
  background: var(--sun-gold);
  border-color: var(--sun-gold);
  color: var(--deep-navy);
}
.social-btn svg { width: 16px; height: 16px; }

.footer-col h5 {
  font-family: var(--font-display);
  font-size: 0.8rem; font-weight: 700;
  letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--white);
  margin-bottom: 1.25rem;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid var(--sun-gold);
  display: inline-block;
}
.footer-links { display: flex; flex-direction: column; gap: 0.6rem; }
.footer-links a {
  font-size: 0.88rem;
  color: rgba(255,255,255,0.6);
  transition: var(--transition);
  display: flex; align-items: center; gap: 0.4rem;
}
.footer-links a::before { content: '›'; color: #ffd54f; font-size: 1rem; font-weight: 300; }
.footer-links a:hover { color: var(--sun-gold); padding-left: 4px; }
.footer-contact-item {
  display: flex; gap: 0.75rem; align-items: flex-start;
  margin-bottom: 0.9rem; font-size: 0.88rem;
}
.footer-contact-item svg { width: 16px; height: 16px; color: var(--sun-gold); flex-shrink: 0; margin-top: 2px; }
.footer-contact-item a { color: rgba(255,255,255,0.6); }
.footer-contact-item a:hover { color: var(--sun-gold); }

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 0;
  font-size: 0.8rem;
  color: rgba(255,255,255,0.35);
  flex-wrap: wrap;
  gap: 0.5rem;
}
.footer-bottom a { color: var(--sun-gold); }

/* ── SCROLL TO TOP ── */
.scroll-top {
  position: fixed;
  bottom: 2rem; right: 2rem;
  width: 44px; height: 44px;
  background: var(--sun-gold);
  color: var(--deep-navy);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 16px rgba(245,166,35,0.4);
  opacity: 0; pointer-events: none;
  transition: var(--transition);
  z-index: 999;
}
.scroll-top.visible { opacity: 1; pointer-events: auto; }
.scroll-top:hover { transform: translateY(-3px); }
.scroll-top svg { width: 20px; height: 20px; }

/* ── SECTION BG VARIANTS ── */
.bg-cream  { background: var(--light-cream); }
.bg-light  { background: var(--light-gray); }
.bg-amber-light { background: linear-gradient(135deg, #FFF8EC, #FFF3DF); }

/* ── ANIMATIONS ── */
@keyframes fadeUp {
  from { opacity:0; transform:translateY(30px); }
  to   { opacity:1; transform:translateY(0); }
}
@keyframes pulse-glow {
  0%,100% { box-shadow: 0 0 0 0 rgba(245,166,35,0.4); }
  50%      { box-shadow: 0 0 0 16px rgba(245,166,35,0); }
}
.animate-fade-up { opacity:0; transform:translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; }
.animate-fade-up.in-view { opacity:1; transform:translateY(0); }
.delay-1 { transition-delay:0.1s; }
.delay-2 { transition-delay:0.2s; }
.delay-3 { transition-delay:0.3s; }
.delay-4 { transition-delay:0.4s; }

/* ── NUMBERS / COUNTERS ── */
.counter-section { background: var(--sky-blue); }
.counter-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 2rem; }
.counter-item { text-align: center; }
.counter-item .num {
  font-family: var(--font-display);
  font-size: 3rem;
  color: var(--sun-gold);
  line-height: 1;
}
.counter-item .suffix { font-size: 1.5rem; font-weight: 700; color: var(--sun-gold); }
.counter-item .lbl { font-size: 0.85rem; color: rgba(255,255,255,0.65); margin-top: 0.5rem; text-transform: uppercase; letter-spacing: 0.1em; }

/* ── RESPONSIVE ── */
@media (max-width: 1024px) {
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .cards-4 { grid-template-columns: repeat(2,1fr); }
  .counter-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 900px) {
  .hero-grid { grid-template-columns: 1fr; gap: 2.5rem; }
  .hero-visual { display: none; }
  .mission-grid { grid-template-columns: 1fr; gap: 2rem; }
  .process-steps { grid-template-columns: repeat(2,1fr); gap: 2rem; }
  .process-steps::before { display: none; }
  .cards-3 { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 768px) {
  .nav-links, .nav-cta { display: none; }
  .hamburger { display: flex; }
  .section { padding: 3.5rem 0; }
  .footer-grid { grid-template-columns: 1fr; gap: 2rem; }
  .cta-inner { flex-direction: column; text-align: center; }
  .form-grid { grid-template-columns: 1fr; }
  .form-group.full { grid-column: 1; }
  .hero-stats { grid-template-columns: repeat(3,1fr); gap: 0.75rem; }
}

@media (max-width: 560px) {
  .cards-3, .cards-4, .cards-2 { grid-template-columns: 1fr; }
  .counter-grid { grid-template-columns: repeat(2,1fr); }
  .process-steps { grid-template-columns: 1fr; }
  .hero-stats { grid-template-columns: 1fr; }
  .strip-inner { flex-direction: column; align-items: flex-start; gap: 0.75rem; }
}



/* tooglr option */


/* hero section index  page  */
 
.hero{

padding:0px 0;
position:relative;


}

.hero::before{

content:'';
position:absolute;
top:-150px;
left:-150px;
width:420px;
height:420px;
background: linear-gradient(135deg, #1340b3 0%, #E0EAFF 25%, #D8B4FE 65%, #C7D2FE 100%);
border-radius:50%;
filter:blur(120px);

}

.hero::after{

content:'';
position:absolute;
right:-150px;
bottom:-150px;
width:350px;
height:350px;
background: linear-gradient(135deg, #0F172A 0%, #0a43df 40%, #6D28D9 75%, #C026D3 100%);
border-radius:50%;
filter:blur(120px);

}

.hero-content{

display:flex;
justify-content:space-between;
align-items:center;
gap:80px;
position:relative;
z-index:10;

}

/*=========================
Left
=========================*/

.left{
margin-left: -50px;
flex:1;

}

.left h1{

font-size:45px;
line-height:1.08;
font-weight:700;
color:var(--text);
margin-bottom:28px;

}

.left span{

color:var(--secondary);

}

.dot{

color:var(--yellow)!important;

}

.left p{

font-size:18px;
line-height:1.9;
color:var(--light);
max-width:600px;
margin-bottom:38px;

}

/*=========================
Buttons
=========================*/

.buttons{

display:flex;
gap:18px;
flex-wrap:wrap;
margin-bottom:35px;

}

.btn{

padding:17px 35px;
border-radius:15px;
display:flex;
align-items:center;
gap:12px;
font-size:16px;
font-weight:600;
text-decoration:none;
transition:.35s;

}

.primary{

background:#153093;
color:#fff;
box-shadow:0 18px 35px rgba(30,70,255,.30);

}

.primary:hover{

transform:translateY(-6px);
box-shadow:0 25px 45px rgba(30,70,255,.40);

}

.secondary{

background:#fff;
border:1px solid #d7e5ff;
color:var(--primary);

}

.secondary:hover{

background:#f6f9ff;
transform:translateY(-5px);

}

/*=========================
Bottom Text
=========================*/

.bottom-text{

display:flex;
align-items:center;
gap:12px;
font-size:16px;
font-weight:500;
color:#4d5d7d;

}

.bottom-text i{

color:#3b6dff;
font-size:20px;

}

/*=========================
Image
=========================*/

.right{

flex:1;
position:relative;

}

.right img{
 margin-left:-92px;
width:100%;
display:block;

animation:floatImage 5s ease-in-out infinite;


}

@keyframes floatImage{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-10px);

}

100%{

transform:translateY(0);

}

}

/*=========================
Support Card
=========================*/
.support-card{
    position: absolute;
    right: -80px;
    bottom: 5px;

    width: 230px;      /* Pehle 300px tha */

    padding: 10px 12px;

    background: rgba(255,255,255,.82);
    backdrop-filter: blur(18px);

    border: 1px solid rgba(255,255,255,.5);
    border-radius: 16px;

    box-shadow: 0 10px 30px rgba(0,0,0,.10);

    transition: .4s;
}

.support-card:hover{

transform:translateY(-8px);

}

.top{

display:flex;
gap:15px;
align-items:center;
margin-bottom:20px;

}

.icon{

height:58px;
width:58px;
border-radius:15px;
background:#edf5ff;
display:flex;
align-items:center;
justify-content:center;

}

.icon i{

font-size:26px;
color:#2b5eff;

}

.top h3{

font-size:22px;
color:#19316d;
margin-bottom:5px;

}

.top p{

font-size:14px;
color:#667085;

}

.support-card ul{

list-style:none;

}

.support-card li{

display:flex;
align-items:center;
gap:12px;
padding:10px 0;
font-weight:500;
color:#444;

}

.support-card li i{

color:#19b45d;

}
/*=========================
Responsive
=========================*/

@media (max-width:1200px){

    .left h1{
        font-size:56px;
    }

    .right img{
        max-width:550px;
    }

}

@media (max-width:992px){

    .hero{
        padding:70px 0;
    }

    .hero-content{
        flex-direction:column-reverse;
        text-align:center;
        gap:40px;
    }

    .left p{
        margin:auto auto 35px;
    }

    .buttons{
        justify-content:center;
    }

    .bottom-text{
        justify-content:center;
    }

    .right{
        width:100%;
    }

    .right img{
        max-width:500px;
        width:90%;
    }

    .support-card{
        position:relative;
        bottom:0;
        right:0;
        margin:30px auto 0;
    }

}

@media (max-width:768px){

    .hero{
        padding:50px 0;
    }

    .left h1{
        font-size:42px;
    }

    .left p{
        font-size:16px;
    }

    .btn{
        margin-left: 50px;
        width:100%;
        justify-content:center;
    }

    .right img{
        width:100%;
        max-width:400px;
    }

    .support-card{
        width:100%;
        max-width:330px;
    }

}

@media (max-width:480px){

    .hero{
        padding:40px 0;
    }

    .left h1{
        font-size:34px;
        margin-left: 48px;
    }

   .left p{
    font-size:15px;
    line-height:1.8;
    padding-left:41px;
}

    .right img{
        width:100%;
        max-width:350px;
        margin-left: 9px;
        margin-top: 52px;
    }

    .support-card{
        width:100%;
    }

}



/* aftwr policy  real works */

/*=========================
WORK SECTION
=========================*/

.work-section{

    padding:10px 0;
    background:#f8fbff;

}

.section-title{

    text-align:center;
    margin-bottom:50px;

}

.section-title img{

    width:32px;
    margin-bottom:10px;

}

.section-title h2{

    font-size:45px !important;
    color:#122d7a;
    font-weight:700;

}

.section-title span{

    position:relative;

}


/*=========================
GRID
=========================*/

.work-grid{
     margin-top: -27px;
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:18px;

}

.work-card{

    background:#c13a5d1a;
    border-radius:18px;
    padding:35px 20px;
    text-align:center;
    border:1px solid #eef2fb;
    transition:.35s;
    box-shadow:0 8px 25px rgba(0,0,0,.05);

}

.work-card:hover{

    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.work-card i{

    font-size:48px;
    color:#2f58d8;
    margin-bottom:22px;

}

.work-card p{

    color:#334155;
    line-height:1.7;
    font-size:15px;
    font-weight:500;

}

/*=========================
Responsive
=========================*/

@media(max-width:1200px){

.work-grid{

grid-template-columns:repeat(3,1fr);

}

}

@media(max-width:768px){

.section-title h2{

font-size:30px;

}

.work-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:480px){

.work-grid{

grid-template-columns:1fr;

}

.work-card{

padding:28px 18px;

}

.section-title h2{

font-size:24px;

}

.work-card i{

font-size:42px;

}

}


/*==============================
DHAARYA SIMPLE SECTION
===============================*/

.simple-section{

    background:linear-gradient(135deg,#041c55,#0d2d82);
    padding:10px 0;
    color:#fff;

}

.simple-title{

    text-align:center;
    margin-bottom:55px;

}

.simple-title img{

    width:34px;
    margin-bottom:10px;

}

.simple-title h2{

    font-size:40px;
    font-weight:600;
    position:relative;
    display:inline-block;

}

.simple-title h2::after{

    content:'';
    width:48px;
    height:4px;
    background:#FDBA12;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:-10px;
    border-radius:20px;

}

/*========================*/

.simple-grid{

    display:grid;
    grid-template-columns:1fr 1px 1fr 1px 1fr 1px 1fr;
    align-items:start;
    gap:20px;

}

.divider{

    width:1px;
    height:150px;
    background:rgba(255,255,255,.25);
    justify-self:center;

}

.simple-item{

    text-align:center;
    padding:0 15px;

}

.simple-item i{

    font-size:46px;
    color:#fff;
    margin-bottom:18px;

}

.simple-item h4{

    font-size:21px;
    margin-bottom:15px;
    font-weight:600;

}

.simple-item p{

    font-size:15px;
    line-height:1.7;
    color:#d9e3ff;

}

/*========================*/

.bottom-box{

    margin:25px auto 0;
    width:fit-content;

    padding:10px 15px;

    border:1px solid rgba(255,255,255,.25);

    border-radius:50px;

    display:flex;
    align-items:center;
    gap:14px;

    font-size:16px;
    font-weight:500;

    color:#fff;

    background:rgba(255,255,255,.05);

    backdrop-filter:blur(10px);

}

.bottom-box i{

    color:#fff;
    font-size:22px;

}

/*==========================
Hover
===========================*/

.simple-item{

transition:.4s;

}

.simple-item:hover{

transform:translateY(-8px);

}

.simple-item:hover i{

color:#FDBA12;

}

/*==========================
Responsive
===========================*/

@media(max-width:992px){

.simple-grid{

grid-template-columns:repeat(2,1fr);

}

.divider{

display:none;

}

.bottom-box{

width:100%;
text-align:center;
justify-content:center;
flex-wrap:wrap;

}

}

@media(max-width:600px){

.simple-grid{

grid-template-columns:1fr;

}

.simple-title h2{

font-size:30px;

}

.bottom-box{

padding:15px;

font-size:14px;

}

}


/* HOW DHAARYA WORKS */


.container{
width:90%;
max-width:1300px;
margin:auto;
}

.work-section{
padding:20px 0;
}

.work-section h2{
text-align:center;
font-size:42px;
font-weight:700;
color:#0d2465;
position:relative;
margin-bottom:70px;
}

.work-section h2::after{
content:"";
width:70px;
height:4px;
background:#ffb400;
position:absolute;
left:50%;
transform:translateX(-50%);
bottom:-15px;
border-radius:20px;
}

/*==============================*/

.steps{
    margin-top: 30px;
display:flex;
justify-content:space-between;
align-items:flex-start;
position:relative;
gap:20px;
}

/* Running Line */

.line{
position:absolute;
top:42px;
left:10%;
right:10%;
height:3px;
overflow:hidden;
}

.line::before{

content:"";
position:absolute;
left:0;
top:0;
width:300%;
height:100%;

background:
repeating-linear-gradient(
90deg,
#1a50d8 0px,
#0743db 10px,
transparent 10px,
transparent 20px
);

animation:runningLine 50s linear infinite;

}

@keyframes runningLine{

0%{
transform:translateX(-66%);
}

100%{
transform:translateX(0%);
}

}

/*==============================*/

.step{
width:25%;
text-align:center;
position:relative;
z-index:2;
}

.icon{
width:85px;
height:85px;
border:3px solid #dce7ff;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
margin:auto;
background:#fff;
font-size:34px;
color:#0d4cc4;
transition:.4s;
}

.step:hover .icon{

background:#0d4cc4;
color:#fff;
transform:translateY(-8px);

}

.number{

width:38px;
height:38px;
background:#0d4cc4;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
margin:20px auto 15px;
color:#fff;
font-weight:600;
font-size:18px;

}

.step h4{

font-size:20px;
font-weight:600;
line-height:1.6;
color:#1f2b5b;

}

/*========================*/

@media(max-width:992px){

.steps{

flex-wrap:wrap;
gap:50px;

}

.line{
display:none;
}

.step{
width:48%;
}

}

@media(max-width:576px){

.work-section h2{

font-size:30px;

}

.step{

width:100%;

}

.icon{

width:75px;
height:75px;
font-size:28px;

}

.step h4{

font-size:18px;

}

}

/* maqye tag  */
.insurance-marquee{
    width:100%;
    background:#153093;
    color:#fff;
    overflow:hidden;
    white-space:nowrap;
    padding:14px 0;
    position:relative;
}

.insurance-track{
    display:inline-flex;
    align-items:center;
    gap:35px;
    font-size:17px;
    font-weight:600;
    animation:marquee 80s linear infinite;
}

.insurance-track span{
    display:inline-flex;
    align-items:center;
}

.insurance-marquee:hover .insurance-track{
    animation-play-state:paused;
}

@keyframes marquee{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

@media(max-width:768px){
    .insurance-track{
        font-size:14px;
        gap:22px;
    }

    .insurance-marquee{
        padding:10px 0;
    }
}

/* fa qu */

.dpfaq-section{
padding:10px 0px;
}

.dpfaq-container{
max-width:1280px;
margin:auto;

padding:50px;
border-radius:20px;

}

/* ===========================
   HEADING
=========================== */

.dpfaq-heading{
text-align:center;
margin-bottom:55px;
}

.dpfaq-heading span{
display:inline-block;
padding:8px 18px;
background:#1145B4;
color:#fff;
border-radius:40px;
font-size:14px;
font-weight:600;
letter-spacing:1px;
margin-bottom:18px;
}

.dpfaq-heading h2{
font-size:42px;
font-weight:700;
color:#173A8C;
margin-bottom:18px;
position:relative;
}

.dpfaq-heading h2::after{
content:'';
position:absolute;
left:50%;
bottom:-12px;
transform:translateX(-50%);
width:100px;
height:4px;
background:#FFC107;
border-radius:20px;
}

.dpfaq-heading p{
max-width:700px;
margin:auto;
color:#666;
font-size:16px;
margin-top:28px;
}

/* ===========================
   GRID
=========================== */

.dpfaq-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:28px;
}

.dpfaq-column{
display:flex;
flex-direction:column;
gap:18px;
}

/* ===========================
   CARD
=========================== */

.dpfaq-item{
background: linear-gradient(135deg, #FFF5F5 0%, #FEE2E2 35%, #DBEAFE 70%, #EFF6FF 100%);
border:1px solid #dfe8ff;
border-radius:12px;
overflow:hidden;
transition:.35s;
}

.dpfaq-item:hover{
border-color:#1145B4;
box-shadow:0 10px 25px rgba(17,69,180,.10);
transform:translateY(-3px);
}

/* ===========================
   QUESTION
=========================== */

.dpfaq-question{
display:flex;
justify-content:space-between;
align-items:center;
padding:22px;
cursor:pointer;
}

.dpfaq-left{
display:flex;
align-items:center;
gap:18px;
}

.dpfaq-number{
width:42px;
height:42px;
border-radius:50%;
background:#1145B4;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
font-weight:700;
flex-shrink:0;
}

.dpfaq-left h3{
font-size:17px;
font-weight:600;
color:#173A8C;
line-height:1.4;
}

.dpfaq-question i{
font-size:18px;
color:#1145B4;
transition:.4s;
}

/* ===========================
   ANSWER
=========================== */

.dpfaq-answer{
max-height:0;
overflow:hidden;
transition:max-height .45s ease;
padding:0 22px;
}

.dpfaq-answer p{
padding-bottom:22px;
font-size:15px;
color:#666;
line-height:1.8;
}

/* ===========================
   ACTIVE
=========================== */

.dpfaq-item.active{
border-color:#1145B4;
box-shadow:0 12px 30px rgba(17,69,180,.12);
}

.dpfaq-item.active .dpfaq-answer{
max-height:300px;
}

.dpfaq-item.active .dpfaq-question i{
transform:rotate(45deg);
}

/* ===========================
   TABLET
=========================== */

@media(max-width:992px){

.dpfaq-container{
padding:35px;
}

.dpfaq-grid{
grid-template-columns:1fr;
gap:20px;
}

.dpfaq-heading h2{
font-size:34px;
}

}

/* ===========================
   MOBILE
=========================== */

@media(max-width:768px){

.dpfaq-section{
padding:60px 15px;
}

.dpfaq-container{
padding:25px;
border-radius:15px;
}

.dpfaq-heading h2{
font-size:28px;
}

.dpfaq-heading p{
font-size:15px;
}

.dpfaq-question{
padding:18px;
}

.dpfaq-left{
gap:14px;
}

.dpfaq-number{
width:36px;
height:36px;
font-size:13px;
}

.dpfaq-left h3{
font-size:15px;
}

.dpfaq-answer{
padding:0 18px;
}

.dpfaq-answer p{
font-size:14px;
}

}

/* ===========================
   SMALL MOBILE
=========================== */

@media(max-width:480px){

.dpfaq-container{
    margin-top: -48px;
padding:18px;
}

.dpfaq-heading span{
font-size:12px;
padding:7px 15px;
}

.dpfaq-heading h2{
font-size:23px;
}

.dpfaq-heading p{
font-size:13px;
}

.dpfaq-question{
padding:16px;
}

.dpfaq-left{
gap:10px;
}

.dpfaq-number{
width:32px;
height:32px;
font-size:12px;
}

.dpfaq-left h3{
font-size:14px;
}

.dpfaq-question i{
font-size:16px;
}

.dpfaq-answer p{
font-size:13px;
line-height:1.7;
}

}


/*  why agent  trust dhaarya */


.dtrust-section{
    padding:10px 0px;
}

.dtrust-container{
    max-width:1300px;
    margin:auto;
  
    border-radius:18px;
    padding:45px 35px;
   
}

/* ==========================
   HEADING
========================== */

.dtrust-heading{
    text-align:center;
    margin-bottom:45px;
}

.dtrust-heading h2{
    font-size:34px;
    color:#173A8C;
    font-weight:700;
    position:relative;
    display:inline-block;
}

.dtrust-heading h2::after{
    content:"";
    position:absolute;
    width:70px;
    height:4px;
    background:#F9B600;
    left:50%;
    transform:translateX(-50%);
    bottom:-12px;
    border-radius:30px;
}

/* ==========================
   GRID
========================== */

.dtrust-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

/* ==========================
   CARD
========================== */

.dtrust-card{
    display:flex;
    align-items:center;
    gap:18px;
    padding:20px;
    border-radius:12px;
    transition:.35s;
    cursor:pointer;
}

.dtrust-card:hover{
    background:#f7faff;
    transform:translateY(-5px);
    box-shadow:0 12px 25px rgba(17,69,180,.10);
}

/* ==========================
   ICON
========================== */

.dtrust-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#eef4ff;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-shrink:0;
    transition:.4s;
}

.dtrust-icon i{
    font-size:34px;
    color:#1145B4;
}

.dtrust-card:hover .dtrust-icon{
    background:#1145B4;
}

.dtrust-card:hover .dtrust-icon i{
    color:#fff;
}

/* ==========================
   CONTENT
========================== */

.dtrust-content h4{
    color:#173A8C;
    font-size:17px;
    font-weight:600;
    line-height:1.6;
}

/* ==========================
   LARGE TABLET
========================== */

@media(max-width:1100px){

.dtrust-grid{
    grid-template-columns:repeat(2,1fr);
}

}

/* ==========================
   TABLET
========================== */

@media(max-width:768px){

.dtrust-section{
    padding:60px 15px;
}

.dtrust-container{
    margin-top: -106px;
    padding:10px 0px;
}

.dtrust-heading h2{
    font-size:28px;
}

.dtrust-grid{
    grid-template-columns:1fr;
    gap:18px;
}

.dtrust-card{
    padding:18px;
}

.dtrust-icon{
    width:60px;
    height:60px;
}

.dtrust-icon i{
    font-size:28px;
}

.dtrust-content h4{
    font-size:16px;
}

}

/* ==========================
   MOBILE
========================== */

@media(max-width:480px){

.dtrust-heading h2{
    font-size:24px;
}

.dtrust-card{
    gap:15px;
    padding:15px;
}

.dtrust-icon{
    width:55px;
    height:55px;
}

.dtrust-icon i{
    font-size:24px;
}

.dtrust-content h4{
    font-size:15px;
    line-height:1.5;
}

}

/* cta section */

.inscta2026-container{

    max-width:1523px;
    margin:auto;

    position:relative;

    background:linear-gradient(90deg,#03266d 0%,#08388d 55%,#0a4aa8 100%);

   

    overflow:hidden;

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:55px 60px;

    box-shadow:0 20px 50px rgba(0,0,0,.20);

}

/*==============================
    LEFT WATERMARK
==============================*/

.inscta2026-shield{

    position:absolute;

    left:50px;
    top:50%;

    transform:translateY(-50%);

    font-size:180px;

    color:rgba(255,255,255,.05);

    pointer-events:none;

}

/*==============================
    CONTENT
==============================*/

.inscta2026-content{

    position:relative;

    z-index:10;

    width:60%;

    text-align:center;

}

.inscta2026-content h2{

    color:#fff;

    font-size:42px;

    font-weight:700;

    margin-bottom:12px;

    line-height:1.2;

}

.inscta2026-content p{

    color:#d8e6ff;

    font-size:18px;

    margin-bottom:28px;

}

/*==============================
      BUTTON
==============================*/

.inscta2026-btn{

display:inline-flex;

align-items:center;

gap:14px;

background:#FFC107;

color:#082a77;

text-decoration:none;

padding:16px 34px;

border-radius:10px;

font-weight:700;

font-size:18px;

transition:.35s;

box-shadow:0 12px 25px rgba(255,193,7,.35);

}

.inscta2026-btn:hover{

background:#ffcf33;

transform:translateY(-5px);

}

.inscta2026-btn i{

transition:.35s;

}

.inscta2026-btn:hover i{

transform:translateX(8px);

}

/*==============================
      FEATURES
==============================*/

.inscta2026-features{

display:flex;

justify-content:center;

align-items:center;

gap:18px;

margin-top:28px;

flex-wrap:wrap;

}

.inscta2026-feature{

display:flex;

align-items:center;

gap:8px;

color:#fff;

font-size:15px;

font-weight:500;

}

.inscta2026-feature i{

color:#FFC107;

font-size:18px;

}

.inscta2026-dot{

width:7px;

height:7px;

border-radius:50%;

background:#FFC107;

}

/*==============================
      IMAGE
==============================*/

.inscta2026-image{

position:absolute;

right:0;

top:0;

width:34%;

height:100%;

overflow:hidden;

}

.inscta2026-image::before{

content:"";

position:absolute;

inset:0;

background:linear-gradient(to left,
rgba(3,38,109,.92),
rgba(3,38,109,.15));

z-index:2;

}

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



/*==============================
      TABLET
==============================*/

@media(max-width:992px){

.inscta2026-container{

flex-direction:column;

padding:45px 30px;

}

.inscta2026-content{

width:100%;

}

.inscta2026-image{

position:relative;

width:100%;

height:260px;

margin-top:35px;

border-radius:15px;

overflow:hidden;

}

.inscta2026-shield{

display:none;

}

.inscta2026-content h2{

font-size:34px;

}

}

/*==============================
      MOBILE
==============================*/

@media(max-width:768px){

.inscta2026-section{

padding:-1px 15px;

}

.inscta2026-container{

padding:35px 20px;

}

.inscta2026-content h2{

font-size:28px;

}

.inscta2026-content p{

font-size:15px;

}

.inscta2026-btn{

padding:14px 24px;

font-size:16px;

}

.inscta2026-features{

gap:14px;

}

.inscta2026-feature{

font-size:14px;

}

.inscta2026-image{

height:220px;

}

}

/*==============================
      SMALL MOBILE
==============================*/

@media(max-width:480px){

.inscta2026-content h2{

font-size:23px;

}

.inscta2026-btn{

width:80%;

justify-content:center;

}

.inscta2026-features{

flex-direction:column;

gap:10px;

}

.inscta2026-dot{

display:none;

}

.inscta2026-image{

height:180px;

}

}

/* footer */
/* =========================
   FOOTER
========================= */

.footer{
    background:#0b1f3a;
    color:#fff;
    padding:70px 0 0;
}

.footer .container{
    width:90%;
    max-width:1300px;
    margin:auto;

    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.2fr;
    gap:50px;
    align-items:flex-start;
}

.footer-box h3,
.footer-box h4{
    font-size:22px;
    margin-bottom:22px;
    color:#fff;
}

.footer-box p{
    color:#d8d8d8;
    line-height:1.8;
    font-size:15px;
    margin-top:18px;
}

/* Logo */

.dhaarya-logo{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:20px;
}

.dhaarya-logo-img{
    width:70px;
}

.dhaarya-logo-text h2{
    font-size:20px;
    margin:0;
    line-height:1.3;
}

.dhaarya-logo-text span{
    font-size:17px;
    color:#fff;
    line-height:1.5;
    font-weight: 800;
}

/* Contact */

.footer-contact{
    margin-top:25px;
}

.footer-contact p{
    display:flex;
    align-items:center;
    gap:12px;
    margin:12px 0;
}

.footer-contact i{
    color:#3bb6ff;
    width:18px;
}

.footer-contact a{
    color:#d8d8d8;
    text-decoration:none;
    transition:.3s;
}

.footer-contact a:hover{
    color:#3bb6ff;
}

/* Links */

.footer-box ul{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-box ul li{
    margin-bottom:15px;
}

.footer-box ul li a{
    color:#d8d8d8;
    text-decoration:none;
    transition:.3s;
}

.footer-box ul li a:hover{
    color:#3bb6ff;
    padding-left:6px;
}

/* Social */

.footer-social{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.footer-social a{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#16345f;

    display:flex;
    justify-content:center;
    align-items:center;

    color:#fff;
    transition:.3s;
}

.footer-social a:hover{
    background:#3bb6ff;
    transform:translateY(-4px);
}

/* Bottom */

.footer-bottom{
    margin-top:60px;
    border-top:1px solid rgba(255,255,255,.12);
    padding:20px 0;
}

.footer-bottom .container{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
}

.footer-bottom p{
    margin:0;
    color:#cfd8e6;
    font-size:14px;
}

/* =========================
      Tablet
========================= */

@media(max-width:992px){

.footer .container{
    grid-template-columns:repeat(2,1fr);
    gap:40px;
}

.footer-bottom .container{
    flex-direction:column;
    text-align:center;
}

}

/* =========================
      Mobile
========================= */

@media(max-width:768px){

.footer{
    padding-top:50px;
}

.footer .container{
    grid-template-columns:1fr;
    text-align:center;
    gap:35px;
}

.dhaarya-logo{
    justify-content:center;
    flex-direction:column;
}

.footer-contact p{
    justify-content:center;
}

.footer-social{
    justify-content:center;
}

.footer-box h3,
.footer-box h4{
    margin-bottom:18px;
}

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

.footer-bottom .container{
    text-align:center;
}

}

/* Small Mobile */

@media(max-width:480px){

.dhaarya-logo-img{
    width:60px;
}

.dhaarya-logo-text h2{
    font-size:18px;
}

.dhaarya-logo-text span{
    font-size:11px;
}

.footer-box h3,
.footer-box h4{
    font-size:20px;
}

.footer-box p,
.footer-box li a{
    font-size:14px;
}

.footer-social a{
    width:40px;
    height:40px;
}

}

/* about hero  */
/* ===========================
      INSURANCE HERO
=========================== */

.insurance-hero{
    width:100%;
    min-height:100vh;
    display:flex;
    align-items:center;
    background:linear-gradient(135deg,#ffffff,#f5f9ff,#edf6ff);
    overflow:hidden;
    position:relative;
    padding:100px 0;
}

.insurance-container{

    width:90%;
    max-width:1250px;
    margin:auto;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:70px;

}

.insurance-content{

    flex:1;

}

.insurance-content h1{

    font-size:45px;
    line-height:1.1;
    color:#071b63;
    font-weight:800;
    margin-bottom:25px;

}

.insurance-content h1 span{

    display:block;
    color:#2563eb;

    overflow:hidden;
    white-space:nowrap;

    border-right:4px solid #2563eb;

    width:0;

    animation:insuranceTyping 4s steps(28,end) forwards,
              insuranceCursor .8s infinite;

}

@keyframes insuranceTyping{

from{

width:0;

}

to{

width:90%;

}

}

@keyframes insuranceCursor{

50%{

border-color:transparent;

}

}

.insurance-content{
    width:100%;
}

.insurance-content p{
    width:100%;
    max-width:100%;
    font-size:18px;
    color:#153093;
    line-height:1.8;
    text-align:justify;
    margin:0;
}

.insurance-btn{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    padding:17px 38px;

    border-radius:50px;

    background:linear-gradient(135deg,#2563eb,#0052cc);

    color:#fff;
    text-decoration:none;

    font-weight:600;

    transition:.4s;

    box-shadow:0 15px 35px rgba(37,99,235,.30);

}

.insurance-btn:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(37,99,235,.45);

}

.insurance-image{

    flex:1;
    text-align:center;
    position:relative;

}

.insurance-image img{

    width:100%;
    max-width:620px;

    animation:insuranceFloat 5s ease-in-out infinite;

    filter:drop-shadow(0 25px 40px rgba(37,99,235,.20));

}

@keyframes insuranceFloat{

0%,100%{

transform:translateY(0px);

}

50%{

transform:translateY(-18px);

}

}

/* Blur */

.insurance-hero::before{

content:"";

position:absolute;

width:320px;
height:320px;

background:#4b8cff30;

border-radius:50%;

left:-100px;
top:-100px;

filter:blur(90px);

}

.insurance-hero::after{

content:"";

position:absolute;

width:280px;
height:280px;

background:#5eb0ff30;

border-radius:50%;

right:-100px;
bottom:-100px;

filter:blur(90px);

}

/* Responsive */

@media(max-width:992px){

.insurance-container{

flex-direction:column;

text-align:center;

}

.insurance-content h1{

font-size:50px;

}

.insurance-content p{

margin:auto auto 35px;

}

.insurance-image{

margin-top:40px;

}

}

@media(max-width:768px){

.insurance-hero{

padding:80px 0;

}

.insurance-content h1{

font-size:38px;

}

.insurance-content h1 span{

white-space:normal;

width:auto;

border:none;

animation:none;

}

.insurance-content p{

font-size:17px;

}

.insurance-btn{

padding:15px 30px;

}

.insurance-image img{

max-width:380px;

}

}

@media(max-width:480px){

.insurance-content h1{

font-size:30px;

}

.insurance-content p{

font-size:15px;

line-height:1.7;

}

}


/* about document  */
.problems-section{
    padding:80px 20px;
    background:#f5f8fc;
}

.problems-container{
    max-width:1200px;
    margin:auto;
    display:flex;
    align-items:center;
    gap:60px;
}

.problems-image{
    flex:1;
    text-align:center;
}

.problems-image img{
  margin-left:-64px;
    max-width:500px;
    width:100%;
}

.problems-content{
    flex:1.2;
}

.problems-content h2{
    font-size:25px;
    color:#14213d;
    margin-bottom:35px;
    font-weight:700;
}

.problem-card{
  margin-top: 20px;
    background:#fff;
    border-left:5px solid #ff4d5a;
    border-radius:15px;
    padding:12px 25px;
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:18px;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
    transition:.35s;
}

.problem-card:hover{
    transform:translateX(10px);
    box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.problem-icon{
    width:28px;
    height:28px;
    background:#ff4d5a;
    color:#fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:18px;
    font-weight:bold;
    flex-shrink:0;
}

.problem-card p{
    margin:0;
    font-size:18px;
    color:#333;
    line-height:1.6;
    font-weight:500;
}

.warning-box{
    margin-top:30px;
    background:#fff8eb;
    border-left:5px solid #ffa000;
    border-radius:15px;
    padding:22px;
    display:flex;
    gap:15px;
    align-items:flex-start;
    box-shadow:0 10px 25px rgba(255,166,0,.12);
}

.warning-box span{
    font-size:28px;
}

.warning-box p{
    margin:0;
    font-size:18px;
    color:#222;
    font-weight:600;
    line-height:1.6;
}

/* Tablet */

@media(max-width:991px){

.problems-container{
    flex-direction:column;
    text-align:center;
}

.problems-content{
    width:100%;
}

.problem-card,
.warning-box{
    text-align:left;
}

.problems-content h2{
    font-size:32px;
}

}

/* Mobile */

@media(max-width:576px){

.problems-section{
    padding:60px 15px;
}

.problems-image img{
  margin-top: 20px;
  margin-left: 10px;
    max-width:303px;
}

.problems-content h2{
    font-size:26px;
}

.problem-card{
    padding:16px;
    gap:12px;
}

.problem-icon{
    width:38px;
    height:38px;
    font-size:15px;
}

.problem-card p,
.warning-box p{
    font-size:15px;
}

.warning-box{
    padding:18px;
}

.warning-box span{
    font-size:22px;
}

}


/* dhaarya makes it simple  */


.simple-section{
    padding:20px 0px;
}

.container{
    max-width:1200px;
    margin:auto;
}

.section-title{
    text-align:center;
    margin-bottom:55px;
}

.section-title h2{
    font-size:42px;
    color:#fff;
    font-weight:700;
}

/*==========================
        Cards
==========================*/

.simple-wrapper{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}
.simple-wrapper{
    display:grid;
    grid-template-columns:repeat(3, 300px);
    justify-content:center;
    gap:25px;
}

.simple-card{
    margin-right: 13px;
    width:300px;          /* Card Width */
    min-height:320px;     /* Card Height */
    background:#fff;
    border:1px solid #eef2f8;
    border-radius:18px;
    padding:30px 22px;    /* Padding kam */
    text-align:center;
    position:relative;
    overflow:hidden;
    transition:.35s;
    box-shadow:0 10px 25px rgba(20,33,61,.06);
}

.simple-card::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#0d6efd,#5ba7ff);
    transform:scaleX(0);
    transition:.4s;
}

.simple-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(20,33,61,.12);
}

.simple-card:hover::before{
    transform:scaleX(1);
}

/*==========================
       Icons
==========================*/

.icon-circle{
    width:110px;
    height:110px;
    background:#eef5ff;
    border-radius:50%;
    margin:auto;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    margin-bottom:28px;
    transition:.35s;
}

.icon-circle>i{
    font-size:48px;
    color:#2f6fe8;
}

.simple-card:hover .icon-circle{
    transform:scale(1.08);
    background:#e3efff;
}

.lock,
.search,
.chat{
    position:absolute;
    width:34px;
    height:34px;
    background:#2f6fe8;
    color:#fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:14px;
    border:3px solid #fff;
}

.lock{
    bottom:8px;
    right:8px;
}

.search{
    bottom:8px;
    right:8px;
}

.chat{
    top:5px;
    right:5px;
}

/*==========================
      Typography
==========================*/

.simple-card h3{
    font-size:18px;
    color:#14213d;
    margin-bottom:15px;
    line-height:1.35;
    font-weight:700;
}

.simple-card p{
    font-size:17px;
    line-height:1.8;
    color:#153093;
    font-weight: 500;
}

/*==========================
      Tablet
==========================*/

@media(max-width:992px){

.section-title h2{
    font-size:36px;
}

.simple-wrapper{
    grid-template-columns:repeat(2,1fr);
}

.simple-card{
    padding:35px 25px;
}

}

/*==========================
      Mobile
==========================*/

@media(max-width:768px){

.simple-wrapper{
    grid-template-columns:1fr;
    gap:25px;
}

.section-title h2{
    font-size:30px;
}

.icon-circle{
    width:95px;
    height:95px;
}

.icon-circle>i{
    font-size:40px;
}

.simple-card h3{
    font-size:23px;
}

.simple-card p{
    font-size:16px;
}

}

/*==========================
     Small Mobile
==========================*/

@media(max-width:480px){

.simple-section{
    padding:60px 15px;
}

.section-title h2{
    font-size:26px;
}

.simple-card{
    padding:30px 20px;
    border-radius:16px;
}

.icon-circle{
    width:85px;
    height:85px;
}

.icon-circle>i{
    font-size:34px;
}

.simple-card h3{
    font-size:20px;
}

.simple-card p{
    font-size:15px;
    line-height:1.7;
}

.lock,
.search,
.chat{
    width:28px;
    height:28px;
    font-size:12px;
}

}


/*  you need real support  */


.support-section{
    padding:90px 0;
 background: linear-gradient(135deg, #dbd6d6 0%, #f2e4e4 50%, #8586d8 100%);
    overflow:hidden;
}

.support-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:70px;
}

/*==========================
 Left
==========================*/

.support-content{
    flex:1;
    max-width:550px;
}

.support-content .sub-title{
    display:inline-block;
    padding:8px 20px;
    background:#eaf6ff;
    color:#0d6efd;
    border-radius:50px;
    font-size:15px;
    font-weight:600;
    margin-bottom:18px;
}

.support-content h2{
    font-size:48px;
    line-height:1.2;
    color:#132573;
    font-weight:700;
    margin-bottom:20px;
}

.support-content p{
    margin-top: 20px;
    font-size:17px;
    line-height:1.8;
    color:#666;
    margin-bottom:30px;
}

.support-list{
    list-style:none;
    padding:0;
    margin:0 0 35px;
}

.support-list li{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-bottom:18px;
    font-size:17px;
    color:#444;
}

.support-list i{
    color:#00b67a;
    font-size:20px;
    margin-top:2px;
}

/*==========================
 Note Box
==========================*/

.support-note{
    display:flex;
    align-items:center;
    gap:18px;
  background:linear-gradient(135deg,#FFFFFF 0%, #E6F0FF 40%, #BDD8FF 100%);
border:2px solid #1D4ED8;
box-shadow:2 12px 30px rgba(37,99,235,.12);
    padding:18px 22px;
    border-radius:18px;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.support-note i{
    width:55px;
    height:55px;
    background:#0d6efd;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    font-size:22px;
}

.support-note span{
    color:#444;
    font-size:16px;
    line-height:1.6;
}

/*==========================
 Right
==========================*/

.support-image{
    flex:1;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
}

.support-image img{
    width:100%;
    max-width:520px;
    border-radius:25px;
    position:relative;
    z-index:2;
}

/*==========================
 Claim Card
==========================*/

.claim-card{
    position:absolute;
    top:20px;
    left:-40px;
    width:230px;
    background:#fff;
    border-radius:20px;
    padding:20px;
    box-shadow:0 20px 45px rgba(0,0,0,.12);
    z-index:3;
    animation:float 4s ease-in-out infinite;
}

.claim-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:18px;
}

.claim-header span{
    color:#ff4d4f;
    font-weight:700;
    font-size:14px;
    letter-spacing:.5px;
}

.close-icon{
    width:34px;
    height:34px;
    background:#ffecec;
    color:#ff4d4f;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.claim-lines{
    margin-bottom:18px;
}

.claim-lines .line{
    height:7px;
    background:#eef2f8;
    border-radius:20px;
    margin-bottom:10px;
}

.claim-lines .line:nth-child(1){
    width:100%;
}

.claim-lines .line:nth-child(2){
    width:90%;
}

.claim-lines .line:nth-child(3){
    width:75%;
}

.claim-lines .line:nth-child(4){
    width:60%;
}

.shield{
    width:70px;
    height:70px;
    background:#0d6efd;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    margin:auto;
    font-size:28px;
}

/*==========================
 Chat Icon
==========================*/

.chat-icon{
    position:absolute;
    right:-15px;
    bottom:35px;
    width:70px;
    height:70px;
    border-radius:50%;
    background:#00b67a;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    box-shadow:0 15px 35px rgba(0,182,122,.35);
    z-index:5;
    animation:float 3s ease-in-out infinite;
}

/*==========================
 Floating Animation
==========================*/

@keyframes float{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-12px);
}

100%{
transform:translateY(0px);
}

}

/*==========================
 Tablet
==========================*/

@media(max-width:991px){

.support-section{
padding:70px 0;
}

.support-wrapper{
flex-direction:column;
text-align:center;
gap:60px;
}

.support-content{
max-width:100%;
}

.support-content h2{
font-size:40px;
}

.support-list li{
justify-content:center;
text-align:left;
}

.support-note{
justify-content:center;
text-align:left;
}

.claim-card{
left:0;
top:-20px;
}

.chat-icon{
right:10px;
}

}

/*==========================
 Mobile
==========================*/

@media(max-width:767px){

.support-section{
padding:60px 0;
}

.support-content h2{
font-size:32px;
}

.support-content p{
font-size:16px;
}

@media (max-width:576px){

.support-list li{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 8px;
}

}
.support-note{
flex-direction:column;
text-align:center;
padding:20px;
}

.support-note span{
font-size:15px;
}

.support-image img{
max-width:100%;
}

.claim-card{
position:relative;
left:0;
top:0;
width:100%;
max-width:260px;
margin:0 auto -35px;
z-index:5;
}

.chat-icon{
width:60px;
height:60px;
font-size:24px;
right:15px;
bottom:-10px;
}

}

/*==========================
 Small Mobile
==========================*/

@media(max-width:480px){

.support-content h2{
font-size:28px;
line-height:1.3;
}

.support-content .sub-title{
font-size:13px;
padding:7px 16px;
}

.support-content p{
font-size:15px;
}

.support-list li{
font-size:14px;
}

.claim-card{
padding:18px;
}

.chat-icon{
width:55px;
height:55px;
font-size:22px;
}

}



/* important */
/*=============================
    IMPORTANT PREMIUM SECTION
=============================*/

.important-premium-section{
    margin-left:143px;
    padding:80px 30px;
    background:#dbdde20a;
}

.important-premium-wrapper{
    max-width:1400px;
    width:100%;
    margin:auto;
    display:flex;
    align-items:stretch;
    overflow:hidden;
    position:relative;
}

/*============================
        LEFT
============================*/

.important-left{
    flex:0 0 38%;
    max-width:38%;
    min-height:560px;
    position:relative;
    background:linear-gradient(180deg,#0052d9,#003ea7);
    overflow:hidden;
}

.important-bg-image{
    position:absolute;
    inset:0;
    background:url(../images/heroiimage.png);
    background-size:cover;
    background-position:center;
    opacity:.18;
}

.important-left::before{
    content:"";
    position:absolute;
    right:-180px;
    top:-60px;
    width:420px;
    height:700px;
    background:#fff;
    border-radius:50%;
    transform:rotate(12deg);
}

/*============================
      BELL
============================*/

.important-bell-circle{
    width:180px;
    height:180px;
    border-radius:50%;
    background:#fff;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 20px 50px rgba(0,0,0,.2);
    z-index:5;
}

.important-bell-circle i{
    font-size:75px;
    color:#0058de;
    animation:ring 2s infinite;
}

@keyframes ring{
0%,100%{transform:rotate(0deg);}
20%{transform:rotate(18deg);}
40%{transform:rotate(-18deg);}
60%{transform:rotate(12deg);}
80%{transform:rotate(-12deg);}
}

/*============================
      RIGHT
============================*/

.important-right{
    flex:1;
    padding:60px;
    z-index:2;
}

.important-right h2{
    font-size:58px;
    color:#003fb3;
    font-weight:700;
    text-align:center;
}

.important-line{
    width:230px;
    height:3px;
    background:#d6e4ff;
    margin:18px auto 40px;
    position:relative;
}

.important-line span{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:10px;
    height:10px;
    border-radius:50%;
    background:#0057d9;
}

/*==================================
        1600px DESKTOP
==================================*/

@media (max-width:1600px){

    .important-premium-section{
        margin-left:0;
        padding:80px 25px;
    }

    .important-premium-wrapper{
        max-width:1320px;
    }

    .important-left{
        flex:0 0 38%;
        max-width:38%;
    }

    .important-right{
        padding:55px;
    }

    .important-right h2{
        font-size:52px;
    }

}

/*==================================
        1400px DESKTOP
==================================*/

@media (max-width:1400px){

    .important-premium-wrapper{
        max-width:1180px;
    }

    .important-left{
        flex:0 0 40%;
        max-width:40%;
        min-height:520px;
    }

    .important-left::before{
        width:380px;
        height:640px;
        right:-160px;
    }

    .important-bell-circle{
        width:160px;
        height:160px;
    }

    .important-bell-circle i{
        font-size:64px;
    }

    .important-right{
        padding:45px;
    }

    .important-right h2{
        font-size:46px;
    }

}

/*==================================
            1200px LAPTOP
==================================*/

@media (max-width:1200px){

    .important-premium-section{
        padding:70px 20px;
    }

    .important-left{
        flex:0 0 42%;
        max-width:42%;
        min-height:480px;
    }

    .important-left::before{
        width:340px;
        height:560px;
        right:-140px;
    }

    .important-bell-circle{
        width:145px;
        height:145px;
    }

    .important-bell-circle i{
        font-size:58px;
    }

    .important-right{
        padding:40px;
    }

    .important-right h2{
        font-size:42px;
    }

}

/*==================================
            TABLET
==================================*/

@media (max-width:991px){

    .important-premium-section{
        padding:60px 15px;
    }

    .important-premium-wrapper{
        flex-direction:column;
        border-radius:20px;
    }

    .important-left{
        flex:100%;
        max-width:100%;
        width:100%;
        min-height:260px;
    }

    .important-left::before{
        width:520px;
        height:520px;
        left:50%;
        right:auto;
        top:120px;
        transform:translateX(-50%);
    }

    .important-bell-circle{
        width:130px;
        height:130px;
    }

    .important-bell-circle i{
        font-size:50px;
    }

    .important-right{
        width:100%;
        padding:40px 30px;
    }

    .important-right h2{
        font-size:38px;
    }

    .important-line{
        margin:15px auto 30px;
    }

}

/*==================================
            MOBILE
==================================*/

@media (max-width:767px){

    .important-premium-section{
        padding:40px 15px;
    }

    .important-left{
        min-height:220px;
    }

    .important-left::before{
        width:420px;
        height:420px;
        top:70px;
    }

    .important-bell-circle{
        width:100px;
        height:100px;
    }

    .important-bell-circle i{
        font-size:38px;
    }

    .important-right{
        padding:30px 20px;
    }

    .important-right h2{
        font-size:30px;
    }

    .important-line{
        width:150px;
    }

}

/*==================================
        SMALL MOBILE
==================================*/

@media (max-width:480px){

    .important-premium-section{
        padding:30px 10px;
    }

    .important-left{
        min-height:180px;
    }

    .important-left::before{
        width:320px;
        height:320px;
        top:70px;
    }

    .important-bell-circle{
        width:80px;
        height:80px;
    }

    .important-bell-circle i{
        font-size:30px;
    }

    .important-right{
        padding:25px 15px;
    }

    .important-right h2{
        font-size:24px;
    }

    .important-line{
        width:100px;
        margin:12px auto 20px;
    }

}

/* cta section ... about  */

/*==============================
   Advisor Banner Section
==============================*/

.advisor-banner-section {
    width: 100%;
    padding: 40px 15px;
    background:#153093;
}

.advisor-banner-box {
    max-width: 1200px;
    margin: auto;
   
   
    padding: 30px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    position: relative;
    overflow: hidden;
}

/* Background Glow */

.advisor-banner-box::before {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    background: rgba(255,255,255,.12);
    border-radius: 50%;
    top: -140px;
    left: -140px;
}

.advisor-banner-box::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    background: rgba(255,255,255,.08);
    border-radius: 50%;
    bottom: -120px;
    right: -120px;
}

/* Icon */

.advisor-banner-icon{
    width:110px;
    height:110px;
    min-width:110px;
    background:#153093;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 15px 35px rgba(0,0,0,.2);
    position:relative;
    z-index:2;
}

.advisor-banner-icon img{
    width:116px;
    height:auto;
}

/* Text */

.advisor-banner-text{
    flex:1;
    position:relative;
    z-index:2;
}

.advisor-banner-text h2{
    font-size:42px;
    font-weight:700;
    line-height:1.15;
    color:#fff;
    margin-bottom:10px;
}

.advisor-banner-text p{
    font-size:22px;
    color:rgba(255,255,255,.9);
}

/* Button */

.advisor-banner-btn{
    width:54px;
    height:52px;
    min-width:52px;
    background:#fff;
    color:#1b45d8;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:34px;
    transition:.35s ease;
    position:relative;
    z-index:2;
}

.advisor-banner-btn:hover{
    transform:translateX(8px);
    background:#f5f5f5;
}

/*==============================
      Tablet
==============================*/

@media(max-width:991px){

.advisor-banner-box{
    flex-direction:column;
    text-align:center;
    padding:35px 25px;
}

.advisor-banner-text h2{
    font-size:34px;
}

.advisor-banner-text p{
    font-size:18px;
}

.advisor-banner-btn{
    margin-top:15px;
}

}

/*==============================
      Mobile
==============================*/

@media(max-width:576px){

.advisor-banner-section{
    padding:20px 10px;
}

.advisor-banner-box{
    padding:25px 20px;
    border-radius:16px;
}

.advisor-banner-icon{
    width:90px;
    height:90px;
    min-width:90px;
}

.advisor-banner-icon img{
    width:52px;
}

.advisor-banner-text h2{
    font-size:26px;
}

.advisor-banner-text p{
    font-size:15px;
    line-height:1.6;
}

.advisor-banner-btn{
    width:65px;
    height:65px;
    min-width:65px;
    font-size:26px;
}

}


/* header */


.drv-header{
    position:sticky;
    top:0;
    left:0;
    width:100%;
    background:#fff;
    z-index:9999;
    box-shadow:0 8px 30px rgba(0,0,0,.08);
}

.drv-container{
    max-width:1321px;
    margin:auto;
    padding:0 30px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:82px;
}

/*==============================
   LOGO
==============================*/

.drv-logo img{
    width:116px;
    display:block;
}

/*==============================
   NAVBAR
==============================*/

.drv-nav{
    display:flex;
}

.drv-menu{
    display:flex;
    align-items:center;
    gap:8px;
}

.drv-menu>li{
    position:relative;
}

.drv-menu>li>a{
     margin-left: 40px;
    display:flex;

    align-items:center;

    gap:8px;

    padding:30px 16px;

    color:
#153093;

    font-size:15px;

    font-weight:600;

    transition:.35s;

    position:relative;

}

.drv-menu>li>a:hover{

    color:#0B63CE;

}

/* Underline Animation */

.drv-menu>li>a::after{

content:"";

position:absolute;

left:16px;

bottom:22px;

width:0;

height:2px;

background:#0B63CE;

transition:.35s;

}

.drv-menu>li:hover>a::after{

width:calc(100% - 32px);

}

/*==============================
 ICONS
==============================*/

.drv-menu i{

font-size:11px;

transition:.3s;

}

.drv-dropdown:hover>a i{

transform:rotate(180deg);

}

/*==============================
 DROPDOWN
==============================*/
.drv-dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    width:290px;
    background:#fff;
    border-radius:15px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);

    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    transition:.3s;

    overflow:visible;   /* hidden mat rakho */
}

.drv-dropdown:hover>.drv-dropdown-menu{

opacity:1;

visibility:visible;

transform:translateY(0);

}


.drv-dropdown-menu li{

position:relative;

border-bottom:1px solid #eee;

}

.drv-dropdown-menu li:last-child{

border:none;

}

.drv-dropdown-menu li a{

display:flex;

justify-content:space-between;

align-items:center;

padding:16px 22px;

font-size:15px;

color:
#153093;

transition:.3s;

}

.drv-dropdown-menu li a:hover{

background:#f5f8fc;

padding-left:28px;

color:#0B63CE;

}

/*==============================
 SUB MENU
==============================*/

.drv-submenu{

position:absolute;

top:0;

left:100%;

width:290px;

background:#fff;

border-radius:15px;

box-shadow:0 20px 50px rgba(0,0,0,.12);

opacity:0;

visibility:hidden;

transform:translateX(20px);

transition:.35s;

overflow:hidden;

}

.drv-sub-dropdown:hover>.drv-submenu{

opacity:1;

visibility:visible;

transform:translateX(0);

}

.drv-submenu li{

border-bottom:1px solid #eee;

}

.drv-submenu li:last-child{

border:none;

}

.drv-submenu li a{

display:block;

padding:16px 22px;

color:
#153093;

transition:.3s;

}

.drv-submenu li a:hover{

background:#f5f8fc;

padding-left:28px;

color:#0B63CE;

}

/*==============================
 TOGGLE
==============================*/

.drv-toggle{

display:none;

width:46px;

height:46px;

border:none;

background:#0B63CE;

border-radius:10px;

cursor:pointer;

flex-direction:column;

justify-content:center;

align-items:center;

}

.drv-toggle span{

width:24px;

height:2px;

background:#fff;

margin:3px 0;

transition:.3s;

}
/*==============================
 MOBILE RESPONSIVE
==============================*/

@media (max-width:991px){

.drv-toggle{
    display:flex;
    position:relative;
    z-index:10001;
}

.drv-toggle.active span:nth-child(1){
    transform:translateY(8px) rotate(45deg);
}

.drv-toggle.active span:nth-child(2){
    opacity:0;
}

.drv-toggle.active span:nth-child(3){
    transform:translateY(-8px) rotate(-45deg);
}

.drv-nav{

    position:fixed;

    top:82px;

    right:-100%;

    width:320px;

    height:calc(100vh - 82px);

    background:#fff;

    transition:.4s ease;

    box-shadow:-10px 0 35px rgba(0,0,0,.12);

    overflow-y:auto;

    padding-bottom:30px;

}

.drv-nav.active{

    right:0;

}

.drv-menu{

    flex-direction:column;

    align-items:flex-start;

    width:100%;

    gap:0;

}

.drv-menu>li{

    width:100%;

}

.drv-menu>li>a{

    width:100%;

    padding:18px 25px;

    justify-content:space-between;

    border-bottom:1px solid #ececec;

}

.drv-menu>li>a::after{

    display:none;

}

/* Dropdown */

.drv-dropdown-menu,

.drv-submenu{

    position:static;

    width:100%;

    display:none;

    opacity:1;

    visibility:visible;

    transform:none;

    box-shadow:none;

    border-radius:0;

    background:#f8f9fc;

}

.drv-dropdown.active>.drv-dropdown-menu{

    display:block;

}

.drv-sub-dropdown.active>.drv-submenu{

    display:block;

}

.drv-dropdown-menu li a{

    padding-left:35px;

}

.drv-submenu li a{

    padding-left:55px;

}

}

/*==============================
 SMALL MOBILE
==============================*/

@media(max-width:576px){

.drv-container{

    height:72px;

    padding:0 15px;

}

.drv-logo img{

    width:150px;

}

.drv-nav{

    top:72px;

    width:100%;

    height:calc(100vh - 72px);

}

.drv-menu li a{

    font-size:15px;

}

}

/*==============================
 TABLET
==============================*/

@media(min-width:992px) and (max-width:1200px){

.drv-container{

    padding:0 20px;

}

.drv-menu>li>a{

    padding:30px 12px;

    font-size:14px;

}

.drv-logo img{

    width:160px;

}

}

/*==============================
 ANIMATION
==============================*/

.drv-dropdown-menu,
.drv-submenu{

animation:drvFade .3s ease;

}

@keyframes drvFade{

0%{

opacity:0;

transform:translateY(10px);

}

100%{

opacity:1;

transform:translateY(0);

}

}

.drv-language{

    display:flex;
    gap:10px;
    align-items:center;
    margin-left:20px;

}


.drv-language button{

    border:none;
    background:#1145B4;
    color:white;
    padding:8px 15px;
    border-radius:25px;
    font-size:14px;
    font-weight:600;
    cursor:pointer;

}


.drv-language button:hover{

    background:#FFC107;
    color:#000;

}



@media(max-width:768px){

.drv-language{

    justify-content:center;
    margin:20px 0;

}


.drv-language button{

    padding:7px 12px;
    font-size:13px;

}

}



/* client support */
.drv-hero{
    padding:20px 0;
    background: linear-gradient(135deg, #F8FBFF 0%, #FFF2F8 50%, #FFEAF4 100%);
}

.drv-hero-container{
  
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
    
    border-radius:24px;
    padding:50px;
   
}
/* Google Translate Top Banner Hide */
.goog-te-banner-frame,
.skiptranslate {
    display: none !important;
}

body {
    top: 0 !important;
    position: static !important;
}

html {
    margin-top: 0 !important;
}iframe.goog-te-banner-frame {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
}

body {
    top: 0 !important;
}

/*=====================
LEFT CONTENT
=====================*/

.drv-hero-content{
    flex:1;
}

.drv-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#edf4ff;
    color:#1757d5;
    padding:12px 24px;
    border-radius:50px;
    font-size:15px;
    font-weight:600;
    margin-bottom:25px;
}

.drv-badge i{
    font-size:18px;
}

.drv-hero-content h1{
    font-size:45px;
    line-height:1.1;
    color:#081c52;
    font-weight:800;
    margin-bottom:25px;
}

.drv-hero-content h1 span{
    display:block;
    color:#1c57dc;
}

.drv-hero-content p{
    font-size:18px;
    line-height:1.8;
    color:#4f5b7c;
    margin-bottom:18px;
}

.drv-line{
    width:70px;
    height:4px;
    background:#1c57dc;
    border-radius:20px;
    margin:35px 0 20px;
}

.drv-hero-content h3{
    font-size:20px;
    color:#1c57dc;
    font-weight:700;
}

/*=====================
RIGHT IMAGE
=====================*/

.drv-hero-image{
    flex:1;
    position:relative;
}

.drv-hero-image img{
    width:100%;
    border-radius:20px;
    display:block;
}

/*=====================
FLOATING BOX
=====================*/

.drv-floating{
    position:absolute;
    right:-20px;
    width:170px;
    background:#fff;
    padding:18px;
    border-radius:16px;
    display:flex;
    align-items:center;
    gap:12px;
    box-shadow:0 12px 30px rgba(0,0,0,.12);
    animation:float 3s ease-in-out infinite;
}

.drv-floating i{
    color:#1757d5;
    font-size:22px;
}

.drv-floating span{
    font-size:17px;
    font-weight:600;
    color:#222;
}

.drv-card1{
    top:30px;
}

.drv-card2{
    top:140px;
}

.drv-card3{
    top:250px;
}

.drv-card4{
    top:360px;
}

@keyframes float{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-8px);
    }

}

/*=====================
LAPTOP
=====================*/

@media(max-width:1200px){

.drv-hero-content h1{
    font-size:52px;
}

.drv-floating{
    width:155px;
}

}

/*=====================
TABLET
=====================*/

@media(max-width:992px){

.drv-hero-container{

    flex-direction:column;

    text-align:center;

    padding:40px 30px;

}

.drv-line{

    margin:30px auto 20px;

}

.drv-hero-image{

    margin-top:30px;

}

.drv-floating{

    right:10px;

    width:150px;

    padding:15px;

}

}

/*=====================
MOBILE
=====================*/

@media(max-width:768px){

.drv-hero{

    padding:40px 15px;

}

.drv-hero-container{

    padding:25px;

    border-radius:18px;

}

.drv-badge{

    font-size:13px;

    padding:10px 18px;

}

.drv-hero-content h1{

    font-size:40px;

}

.drv-hero-content p{

    font-size:16px;

}

.drv-hero-content h3{

    font-size:26px;

}

.drv-floating{

    position:relative;

    top:auto !important;

    right:auto;

    width:100%;

    margin-top:15px;

}

}

/*=====================
SMALL MOBILE
=====================*/

@media(max-width:480px){

.drv-hero-content h1{

    font-size:32px;

}

.drv-hero-content p{

    font-size:15px;

}

.drv-badge{

    font-size:12px;

}

.drv-hero-container{

    padding:20px;

}

}






/* hero of businessupport  */
/*=========================
    HERO SECTION
==========================*/

.lbf-hero{
    position:relative;
    overflow:hidden;
    padding:90px 0 140px;
    background:linear-gradient(135deg,#eef6ff 0%,#d9ecff 35%,#f7fbff 70%,#ffffff 100%);
}

/* Left Glow */

.lbf-hero::before{
    content:"";
    position:absolute;
    width:520px;
    height:520px;
    left:-180px;
    top:-120px;
    background:radial-gradient(circle,#69a8ff 0%,transparent 70%);
    filter:blur(90px);
    opacity:.35;
    animation:lbfFloat 8s ease-in-out infinite;
}

/* Right Glow */

.lbf-hero::after{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    right:-120px;
    bottom:30px;
    background:radial-gradient(circle,#9fd0ff 0%,transparent 70%);
    filter:blur(80px);
    opacity:.4;
    animation:lbfFloat2 9s ease-in-out infinite;
}

/* Floating Circle */

.lbf-container::before{
    content:"";
    position:absolute;
    width:140px;
    height:140px;
    border-radius:50%;
    background:rgba(255,255,255,.45);
    border:1px solid rgba(255,255,255,.7);
    backdrop-filter:blur(15px);
    top:30px;
    right:120px;
}

/* Small Circle */

.lbf-container::after{
    content:"";
    position:absolute;
    width:70px;
    height:70px;
    border-radius:50%;
    background:rgba(255,255,255,.5);
    left:46%;
    bottom:80px;
}

/* Container */

.lbf-container{
    max-width:1380px;
    width:90%;
    margin:auto;
    position:relative;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:70px;

    z-index:2;
}

/*======================
LEFT
=======================*/

.lbf-content{
    flex:1;
    max-width:600px;
}

.lbf-tag{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 22px;
    background:#ffffff;
    border-radius:40px;
    color:#1565c0;
    font-size:14px;
    font-weight:700;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.lbf-content h1{
    margin:28px 0 20px;
    font-size:45px;
    line-height:1.08;
    color:#09285d;
    font-weight:800;
}

.lbf-content h1 span{
    color:#0b74ff;
}

.lbf-content p{
    font-size:22px;
    color:#4f6483;
    line-height:1.8;
}

/*======================
RIGHT IMAGE
=======================*/

.lbf-image{
    flex:1;
    position:relative;
    display:flex;
    justify-content:flex-end;
}

.lbf-image img{
    width:100%;
    max-width:650px;
    border-radius:30px;
    display:block;
    animation:lbfImage 5s ease-in-out infinite;
}

/*======================
BOTTOM WAVE
=======================*/

.lbf-wave{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    line-height:0;
}

.lbf-wave svg{
    display:block;
    width:100%;
    height:110px;
}

/*======================
ANIMATION
=======================*/

@keyframes lbfFloat{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(30px);
    }

}

@keyframes lbfFloat2{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-25px);
    }

}

@keyframes lbfImage{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-12px);
    }

}

/*======================
RESPONSIVE
=======================*/

@media(max-width:992px){

    .lbf-container{

        flex-direction:column;
        text-align:center;
    }

    .lbf-content{

        max-width:100%;
    }

    .lbf-content h1{

        font-size:52px;
    }

    .lbf-content p{

        font-size:19px;
    }

    .lbf-image{

        justify-content:center;
    }

    .lbf-image img{

        max-width:500px;
    }

}

@media(max-width:768px){

    .lbf-hero{

        padding:60px 0 50px;
    }

    .lbf-content h1{

        font-size:40px;
    }

    .lbf-content p{

        font-size:17px;
    }

    .lbf-image img{

        max-width:100%;
    }

    .lbf-container::before,
    .lbf-container::after{

        display:none;
    }

}

/* css cards  */
/*=========================
DHAARYA TRAINING
==========================*/

.dts-training{
    padding:px 0;
    background:#f8fbff;
}

.dts-container{
    width:92%;
    max-width:1450px;
    margin:auto;
}

.dts-heading{
    text-align:center;
    margin-bottom:50px;
}

.dts-heading h2{
    font-size:34px;
    font-weight:700;
    color:#153093;
}

.dts-grid{

    display:grid;
    grid-template-columns:repeat(4,1fr);

    gap:25px;
}

.dts-card{

    position:relative;

    background:#fff;

    padding:35px 22px;

    border-radius:18px;

    text-align:center;

    border:1px solid #e6edf7;

    transition:.4s;

    overflow:hidden;
}

.dts-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,82,204,.12);

    border-color:#1b6dff;
}

.dts-card::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100%;

    height:4px;

    background:linear-gradient(90deg,#0057ff,#54b8ff);

    transform:scaleX(0);

    transition:.4s;
}

.dts-card:hover::before{

    transform:scaleX(1);
}

.dts-number{

    position:absolute;

    left:18px;

    top:18px;

    color:#0057ff;

    font-size:22px;

    font-weight:800;
}

.dts-icon{

    width:85px;

    height:85px;

    margin:auto;

    border-radius:50%;

    background:linear-gradient(#edf5ff,#dcebff);

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;
}

.dts-icon img{

    width:45px;
}

.dts-card h3{

    color:#16274c;

    font-size:22px;

    margin-bottom:15px;

    line-height:1.4;
}

.dts-card p{

    color:#6d7483;

    font-size:16px;

    line-height:1.8;
}

/*====================
TABLET
=====================*/

@media(max-width:991px){

.dts-grid{

grid-template-columns:repeat(2,1fr);

}

.dts-heading h2{

font-size:34px;

}

}

/*====================
MOBILE
=====================*/

@media(max-width:576px){


.dts-grid{

grid-template-columns:1fr;

gap:20px;

}

.dts-card{

padding:30px 20px;

}

.dts-heading h2{

font-size:28px;

}

.dts-icon{

width:75px;
height:75px;

}

.dts-icon img{

width:40px;

}

.dts-card h3{

font-size:20px;

}

.dts-card p{

font-size:15px;

}

}

.dts-icon{
    width:85px;
    height:85px;
    margin:0 auto 25px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg,#eef5ff,#dcecff);
    box-shadow:0 10px 25px rgba(0,102,255,.12);
    transition:.4s;
}

.dts-icon i{
    font-size:36px;
    color:#0A5CFF;
    transition:.4s;
}

.dts-card:hover .dts-icon{
    transform:rotate(8deg) scale(1.08);
    background:linear-gradient(135deg,#0A5CFF,#4AA3FF);
}

.dts-card:hover .dts-icon i{
    color:#fff;
}



/* certificstion process */
/*==================================
      DHAARYA PROCESS SECTION
===================================*/

.dcp-section{
    padding:90px 0;
    background:#f8fbff;
}

.dcp-container{
    width:92%;
    max-width:1400px;
    margin:auto;

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

/*==============================
CARD
===============================*/

.dcp-card{
    background:#fff;
    border-radius:24px;
    padding:35px 30px;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
    position:relative;
    overflow:hidden;
    transition:.4s;
    border:1px solid #edf2f8;
}

.dcp-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,92,255,.12);
}

/* top gradient line */

.dcp-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
}

.dcp-blue::before{
    background:#1565ff;
}

.dcp-green::before{
    background:#1bb86b;
}

.dcp-orange::before{
    background:#ff9800;
}

/*==============================
HEADINGS
===============================*/

.dcp-card h2{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:35px;
    font-size:28px;
    font-weight:700;
}

.dcp-blue h2{
    color:#0d5fff;
}

.dcp-green h2{
    color:#169d58;
}

.dcp-orange h2{
    color:#ff9800;
}

.dcp-card h2 i{
    font-size:28px;
}

/*==============================
LEFT ITEMS
===============================*/

.dcp-item{
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:18px 0;
    border-bottom:1px solid #edf1f7;
}

.dcp-item:last-child{
    border:none;
}

.dcp-icon{
    width:62px;
    height:62px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#edf5ff;
    flex-shrink:0;
}

.dcp-icon i{
    color:#1565ff;
    font-size:24px;
}

.dcp-content h3{
    font-size:21px;
    color:#1f2c44;
    margin-bottom:8px;
}

.dcp-content p{
    color:#6c7688;
    font-size:16px;
    line-height:1.7;
}

/*==============================
CENTER CARD
===============================*/

.dcp-certificate{
background:linear-gradient(135deg,#FFFFFF 0%, #EEF5FF 45%, #D7E8FF 100%);
border:3px solid #1E3A8A;
box-shadow:0 12px 30px rgba(30,58,138,.10);

    border-radius:18px;

    padding:35px 20px;

    text-align:center;

   

    position:relative;

    box-shadow:0 10px 25px rgba(0,0,0,.05);

    margin-bottom:25px;
}

.dcp-certificate h4{

    color:#0d5fff;

    font-size:16px;

    letter-spacing:2px;

    margin-bottom:10px;
}

.dcp-certificate h3{

    color:#183153;

    font-size:30px;

    margin-bottom:10px;
}

.dcp-certificate span{

    color:#888;

    font-size:15px;
}

.dcp-badge{

    position:absolute;

    right:20px;

    bottom:6px;

    width:65px;

    height:65px;

    border-radius:50%;

    background:#1565ff;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:28px;
}

.dcp-text{

    text-align:center;

    font-size:18px;

    color:#555;

    line-height:1.8;
}

/*==============================
RIGHT LIST
===============================*/

.dcp-list{

    list-style:none;

    padding:0;

    margin:0;
}

.dcp-list li{

    display:flex;

    align-items:center;

    gap:15px;

    padding:18px 0;

    border-bottom:1px solid #edf1f7;

    font-size:20px;

    color:#24334d;
}

.dcp-list li:last-child{

    border:none;
}

.dcp-list i{

    width:34px;

    height:34px;

    border-radius:50%;

    background:#ff9800;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:16px;
}

/*==============================
HOVER
===============================*/

.dcp-card:hover .dcp-icon{

    transform:rotate(10deg) scale(1.08);

    transition:.4s;
}

.dcp-card:hover .dcp-badge{

    transform:scale(1.1);

    transition:.4s;
}

/*==============================
TABLET
===============================*/

@media(max-width:992px){

.dcp-container{

grid-template-columns:1fr 1fr;

}

.dcp-card:last-child{

grid-column:span 2;

}

}

/*==============================
MOBILE
===============================*/

@media(max-width:768px){

.dcp-section{

padding:60px 0;

}

.dcp-container{

grid-template-columns:1fr;

gap:20px;

}

.dcp-card{

padding:25px;

}

.dcp-card:last-child{

grid-column:auto;

}

.dcp-card h2{

font-size:22px;

}

.dcp-content h3{

font-size:18px;

}

.dcp-list li{

font-size:17px;

}

.dcp-certificate h3{

font-size:24px;

}

.dcp-text{

font-size:16px;

}

}

/* scroll certification */
/* Initial State */

.dcp-blue,
.dcp-green,
.dcp-orange{

    opacity:0;
    transition:all .9s ease;
}

/* Blue -> Left */

.dcp-blue{

    transform:translateX(-120px);
}

/* Green -> Top */

.dcp-green{

    transform:translateY(-120px);
}

/* Orange -> Right */

.dcp-orange{

    transform:translateX(120px);
}

/* Show */

.dcp-show{

    opacity:1 !important;
    transform:translate(0,0) !important;
}


/* consalpolicy */
/*==========================
CONSULT HERO
==========================*/

.cid-hero{
    position:relative;
    overflow:hidden;
    padding:20px 0;
    background:linear-gradient(135deg,#eef5ff 0%,#ffffff 45%,#f4f8ff 100%);
}

.cid-hero::before{
    content:"";
    position:absolute;
    width:600px;
    height:600px;
    left:-220px;
    top:-120px;
    background:radial-gradient(circle,#b7d8ff 0%,transparent 70%);
    filter:blur(70px);
    opacity:.6;
}

.cid-hero::after{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    right:-140px;
    bottom:-120px;
    background:radial-gradient(circle,#d5e9ff 0%,transparent 70%);
    filter:blur(60px);
}

.cid-container{
    width:92%;
    max-width:1450px;
    margin:auto;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:70px;

    position:relative;
    z-index:2;
}

/*==================
LEFT
===================*/

.cid-content{
    flex:1;
    max-width:610px;
}

.cid-subtitle{
    margin-top: 42px;
    display:inline-block;
    font-size:15px;
    font-weight:700;
    color:#0A5CFF;
    letter-spacing:.8px;
    margin-bottom:20px;
    position:relative;
}

.cid-subtitle::after{
    content:"";
    width:70px;
    height:2px;
    background:#0A5CFF;
    position:absolute;
    top:50%;
    left:115%;
}

.cid-content h1{
    font-size:45px;
    line-height:1.1;
    font-weight:800;
    color:#11254f;
    margin-bottom:28px;
}

.cid-content h1 span{
    color:#0A5CFF;
}

.cid-content p{
    font-size:20px;
    line-height:1.9;
    color:#5d6d85;
    margin-bottom:45px;
}

/*==================
FEATURES
===================*/

.cid-features{
    display:flex;
    gap:22px;
}

.cid-item{
    flex:1;
    text-align:center;
}

.cid-icon{
    width:75px;
    height:75px;
    margin:auto;
    border-radius:50%;
    background:#edf5ff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:18px;
    transition:.35s;
}

.cid-icon i{
    font-size:28px;
    color:#0A5CFF;
}

.cid-item h4{
    font-size:18px;
    color:#1d3159;
    margin-bottom:8px;
}

.cid-item span{
    font-size:14px;
    color:#6b7587;
    line-height:1.6;
    display:block;
}

.cid-item:hover .cid-icon{
    background:#0A5CFF;
    transform:translateY(-6px);
}

.cid-item:hover .cid-icon i{
    color:#fff;
}

/*==================
RIGHT
===================*/

.cid-image{
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.cid-image img{
    width: 100%;
    max-width: 720px;
    display: block;

    /* Floating Animation */
    animation: floatingImg 4s ease-in-out infinite;
    transform-origin: center;
    will-change: transform;
}

/* Floating Keyframes */
@keyframes floatingImg{
    0%{
        transform: translateY(0px);
    }
    25%{
        transform: translateY(-12px);
    }
    50%{
        transform: translateY(-24px);
    }
    75%{
        transform: translateY(-12px);
    }
    100%{
        transform: translateY(0px);
    }
}
/*==================
LAPTOP
===================*/

@media(max-width:1200px){

.cid-content h1{
font-size:58px;
}

.cid-content p{
font-size:18px;
}

.cid-image img{
max-width:620px;
}

}

/*==================
TABLET
===================*/

@media(max-width:991px){

.cid-container{

flex-direction:column;

text-align:center;

gap:60px;

}

.cid-content{

max-width:100%;

}

.cid-subtitle::after{

display:none;

}

.cid-content h1{

font-size:48px;

}

.cid-content p{

font-size:18px;

margin-bottom:35px;

}

.cid-features{

justify-content:center;

flex-wrap:wrap;

gap:25px;

}

.cid-item{

width:220px;

}

.cid-image{

justify-content:center;

}

.cid-image img{

max-width:550px;

}

}

/*==================
MOBILE
===================*/

@media(max-width:767px){

.cid-hero{

padding:60px 0;

}

.cid-content h1{

font-size:36px;

}

.cid-content p{

font-size:16px;

line-height:1.8;

}

.cid-features{

flex-direction:column;

gap:25px;

}

.cid-item{

width:100%;

}

.cid-image img{

max-width:100%;

}

.cid-icon{

width:65px;
height:65px;

}

.cid-icon i{

font-size:24px;

}

}

@media(max-width:480px){

.cid-content h1{

font-size:30px;

}

.cid-subtitle{

font-size:13px;

}

}


/* approach */
.dhaarya-approach-section{
    padding:20px 0;
}

.dhaarya-container{
    width:90%;
    max-width:1300px;
    margin:auto;
}

.dhaarya-section-title{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    margin-bottom:45px;
}

.dhaarya-section-title span{
    width:80px;
    height:2px;
    background:#4d6cff;
}

.dhaarya-section-title h2{
    font-size:40px;
    color:#162f6b;
    font-weight:700;
}

.dhaarya-approach-wrapper{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:25px;
}

.dhaarya-approach-card{
    flex:1;
    display:flex;
    align-items:center;
    gap:25px;
    padding:35px;
    border-radius:18px;
    background:#f8fbff;
    border:1px solid #edf2ff;
    transition:.35s;
}

.dhaarya-approach-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.08);
}

.dhaarya-left-card{
    background:linear-gradient(90deg,#f3fff7,#ffffff);
}

.dhaarya-icon-box{
    width:90px;
    height:90px;
    min-width:90px;
    border-radius:50%;
    background:#ebf8ef;
    display:flex;
    align-items:center;
    justify-content:center;
}

.dhaarya-blue{
    background:#eef3ff;
}

.dhaarya-icon-box i{
    font-size:20px;
    color:#159348;
}

.dhaarya-blue i{
    color:#2d5cff;
}

.dhaarya-card-content h3{
    font-size:20px;
    line-height:1.4;
    margin-bottom:12px;
    color:#11813e;
}

.dhaarya-approach-card:last-child h3{
    color:#1c3695;
}

.dhaarya-card-content p{
    font-size:18px;
    color:#555;
    line-height:1.8;
}

.dhaarya-or-divider{
    width:90px;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
}

.dhaarya-line{
    position:absolute;
    width:2px;
    height:90px;
    background:#dfe4ff;
}

.dhaarya-line:first-child{
    top:-90px;
}

.dhaarya-line:last-child{
    bottom:-90px;
}

.dhaarya-or-divider span{
    width:60px;
    height:60px;
    background:#fff;
    border:2px solid #dfe4ff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-weight:700;
    color:#233d94;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    z-index:5;
}

/* Responsive */

@media(max-width:991px){

.dhaarya-approach-wrapper{
    flex-direction:column;
}

.dhaarya-or-divider{
    width:100%;
    height:80px;
}

.dhaarya-line{
    display:none;
}

}

@media(max-width:768px){

.dhaarya-section-title h2{
    font-size:28px;
}

.dhaarya-section-title span{
    width:45px;
}

.dhaarya-approach-card{
    flex-direction:column;
    text-align:center;
    padding:25px;
}

.dhaarya-card-content h3{
    font-size:23px;
}

.dhaarya-card-content p{
    font-size:16px;
}

.dhaarya-icon-box{
    width:75px;
    height:75px;
    min-width:75px;
}

.dhaarya-icon-box i{
    font-size:34px;
}

}

/* scroller approach */
/* Initial State */

.dhaarya-left-card{
    opacity:0;
    transform:translateX(-120px);
    transition:1s ease;
}

.dhaarya-approach-card:last-child{
    opacity:0;
    transform:translateX(120px);
    transition:1s ease;
}

.dhaarya-or-divider{
    opacity:0;
    transform:scale(.5);
    transition:1s ease .2s;
}

/* Active */

.dhaarya-left-card.show{
    opacity:1;
    transform:translateX(0);
}

.dhaarya-approach-card:last-child.show{
    opacity:1;
    transform:translateX(0);
}

.dhaarya-or-divider.show{
    opacity:1;
    transform:scale(1);
}

/* handle with claruty */
.dhaarya-info-section{
    padding:10px 0;
}

.dhaarya-info-box{

    max-width:1320px;
    margin:auto;

    display:flex;
    align-items:center;
    gap:28px;

    padding:22px 35px;

    border-radius:18px;

   background: linear-gradient(135deg, #FFF5ED 0%, #FFE2CC 50%, #FFF9F5 100%);

    border:1px solid #edf2ff;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.dhaarya-info-icon{

    width:80px;
    height:80px;

    min-width:80px;

    border-radius:50%;

    background:#eef3ff;

    display:flex;
    justify-content:center;
    align-items:center;

}

.dhaarya-info-icon i{

    font-size:38px;
    color:#2d5cff;

}

.dhaarya-info-content h3{

    font-size:28px;
    color:#1d43c6;
    font-weight:700;
    margin-bottom:8px;

}

.dhaarya-info-content p{

    font-size:18px;
    color:#444;
    line-height:1.7;

}

/* Animation */

.reveal-info{

    opacity:0;
    transform:translateX(-120px);

    transition:1s ease;

}

.reveal-info.active{

    opacity:1;
    transform:translateX(0);

}

/* Hover */

.dhaarya-info-box:hover{

    transform:translateY(-6px);

    transition:.4s;

    box-shadow:0 18px 40px rgba(0,0,0,.08);

}

/* Responsive */

@media(max-width:768px){

.dhaarya-info-box{

    flex-direction:column;

    text-align:center;

    padding:25px 20px;

}

.dhaarya-info-content h3{

    font-size:22px;

}

.dhaarya-info-content p{

    font-size:16px;

}

.dhaarya-info-icon{

    width:70px;
    height:70px;

}

.dhaarya-info-icon i{

    font-size:32px;

}

}


/* when you cosalt */
.dhaarya-consult-section{

    padding:20px 0;

}

.dhaarya-consult-container{

    width:90%;
    max-width:1320px;
    margin:auto;

}

.dhaarya-consult-heading{

    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    margin-bottom:45px;

}

.dhaarya-consult-heading span{

    width:70px;
    height:2px;
    background:#5370ff;

}

.dhaarya-consult-heading h2{

    font-size:36px;
    color:#142a66;
    font-weight:700;

}

.dhaarya-consult-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;

}

.dhaarya-consult-card{

    background:#E8F5E9;

    border:2px solid #153093;

    border-radius:18px;

    padding:14px 11px;

    text-align:center;

    transition:.4s;

    box-shadow:0 5px 20px rgba(0,0,0,.05);

}

.dhaarya-consult-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.dhaarya-consult-icon{

    width:75px;
    height:75px;

    margin:auto;

    border-radius:50%;

    display:flex;
    justify-content:center;
    align-items:center;

    margin-bottom:22px;

}

.dhaarya-consult-icon i{

    font-size:34px;

}

.green{

    background:#ebfaef;

}

.green i{

    color:#18a14c;

}

.blue{

    background:#edf2ff;

}

.blue i{

    color:#2e5cff;

}

.purple{

    background:#f5efff;

}

.purple i{

    color:#7a3df3;

}

.dhaarya-consult-card h3{

    font-size:22px;

    line-height:1.45;

    color:#20356b;

    margin-bottom:22px;

    font-weight:700;

}

.dhaarya-consult-line{

    width:55px;
    height:3px;
    border-radius:10px;
    margin:auto;

}

.green-line{

    background:#18a14c;

}

.blue-line{

    background:#2e5cff;

}

.purple-line{

    background:#7a3df3;

}

/* Scroll Animation */

.dhaarya-consult-card{

    opacity:0;

    transform:translateY(70px);

    transition:all .8s ease;

}

.dhaarya-consult-card.active{

    opacity:1;

    transform:translateY(0);

}

.dhaarya-consult-card:nth-child(2){

    transition-delay:.2s;

}

.dhaarya-consult-card:nth-child(3){

    transition-delay:.4s;

}

/* Responsive */

@media(max-width:991px){

.dhaarya-consult-grid{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.dhaarya-consult-heading h2{

font-size:23px;

}

.dhaarya-consult-heading span{

width:45px;

}

.dhaarya-consult-card{

padding:30px 20px;

}

.dhaarya-consult-card h3{

font-size:20px;

}

}

/* how it works */
/*==========================
   HOW IT WORKS
===========================*/

.dhaarya-work-section{
    padding:20px 0;
    background:#fff;
    overflow:hidden;
}

.dhaarya-work-container{
    width:90%;
    max-width:1320px;
    margin:auto;
}

/* Heading */

.dhaarya-work-heading{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin-bottom:70px;
}

.dhaarya-work-heading span{
    width:70px;
    height:2px;
    background:#4d6cff;
}

.dhaarya-work-heading h2{
    font-size:38px;
    color:#132b72;
    font-weight:700;
}

/* Wrapper */

.dhaarya-work-wrapper{
    margin-top: 38px;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:30px;
}

/* Item */

.dhaarya-work-item{
    flex:1;
    text-align:center;
    position:relative;
}

/* Number */

.dhaarya-work-number{
    position:absolute;
    left:50%;
    top:-18px;
    transform:translateX(-50%);
    width:36px;
    height:36px;
    border-radius:50%;
    background:#2458ff;
    color:#fff;
    font-size:15px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:5;
}

/* Icon Circle */

.dhaarya-work-icon{

    width:110px;
    height:110px;

    margin:auto;

    border-radius:50%;

    background:#f5f8ff;

    border:1px solid #dfe8ff;

    display:flex;
    justify-content:center;
    align-items:center;

    transition:.4s;
}

.dhaarya-work-icon i{

    font-size:44px;
    color:#2757ff;

}

/* Hover */

.dhaarya-work-item:hover .dhaarya-work-icon{

    transform:translateY(-10px);

    box-shadow:0 18px 35px rgba(0,0,0,.08);

}

/* Arrow */

.dhaarya-work-arrow{

    position:absolute;

    top:52px;

    right:-40px;

    width:80px;

    display:flex;

    justify-content:center;

    align-items:center;

}

.dhaarya-work-arrow::before{

    content:"";

    position:absolute;

    width:60px;

    border-top:2px dotted #7ea0ff;

    left:0;

}

.dhaarya-work-arrow i{

    position:absolute;

    right:0;

    color:#4f6cff;

    font-size:15px;

}

/* Last Arrow Hide */

.dhaarya-work-item:last-child .dhaarya-work-arrow{

    display:none;

}

/* Title */

.dhaarya-work-item h3{

    margin-top:25px;
    margin-bottom:10px;

    color:#18367d;

    font-size:22px;

    font-weight:700;

    line-height:1.4;
}

/* Text */

.dhaarya-work-item p{

    color:#555;
    font-size:17px;
    line-height:1.7;
}

/*====================
 Responsive
=====================*/

@media(max-width:991px){

.dhaarya-work-wrapper{

    flex-wrap:wrap;

}

.dhaarya-work-item{

    flex:0 0 calc(50% - 20px);

    margin-bottom:70px;

}

.dhaarya-work-arrow{

    display:none;

}

}

@media(max-width:768px){

.dhaarya-work-heading h2{

    font-size:20px;

}

.dhaarya-work-heading span{

    width:45px;

}

.dhaarya-work-wrapper{

    flex-direction:column;

    gap:0px;

}

.dhaarya-work-item{

    width:100%;

}

.dhaarya-work-icon{

    width:95px;
    height:95px;

}

.dhaarya-work-icon i{

    font-size:36px;

}

.dhaarya-work-item h3{

    font-size:20px;

}

.dhaarya-work-item p{

    font-size:16px;

}

}

/* ===== Scroll Animation ===== */

.dhaarya-work-item{
    opacity:0;
    transition:1s ease;
    will-change:transform, opacity;
}

/* Step 1 */
.dhaarya-work-item:nth-child(1){
    transform:translateX(-120px);
}

/* Step 2 */
.dhaarya-work-item:nth-child(2){
    transform:translateY(100px);
}

/* Step 3 */
.dhaarya-work-item:nth-child(3){
    transform:translateX(120px);
}

/* Step 4 */
.dhaarya-work-item:nth-child(4){
    transform:translateY(-100px);
}

/* Active */

.dhaarya-work-item.show{
    opacity:1;
    transform:translate(0,0) scale(1);
}

/* cta counsal */
/*=========================
    DRV FEATURE SECTION
==========================*/

.drv-feature-section{
    padding:20px 0;
    background:#fff;
}

.drv-feature-container{
    width:90%;
    max-width:1320px;
    margin:auto;

    display:flex;
    align-items:center;
    justify-content:space-between;

 background: linear-gradient(
135deg,
#FFFFFF 0%,
#F1FCEB 40%,
#BFE7A8 100%
);
    border:1px solid #e9eeff;
    border-radius:18px;
    padding:28px 35px;

    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

/*=========================
      FEATURE ITEM
==========================*/

.drv-feature-item{
    flex:1;
    display:flex;
    align-items:center;
    gap:18px;

    transition:.4s ease;

    opacity:0;
    transform:translateY(60px);
}

.drv-feature-item.show{
    opacity:1;
    transform:translateY(0);
}

.drv-feature-item:hover{
    transform:translateY(-8px);
}

/*=========================
      ICON
==========================*/

.drv-feature-icon{
    width:70px;
    height:70px;
    min-width:70px;

    border-radius:50%;

    display:flex;
    justify-content:center;
    align-items:center;

    background:#f5f8ff;

    transition:.4s;
}

.drv-feature-icon i{
    font-size:34px;
    color:#2148d8;
    transition:.4s;
}

.drv-feature-item:hover .drv-feature-icon{
    background:#2148d8;
    transform:rotate(-8deg) scale(1.08);
}

.drv-feature-item:hover .drv-feature-icon i{
    color:#fff;
}

/*=========================
      CONTENT
==========================*/

.drv-feature-content h3{
    font-size:20px;
    color:#1b3278;
    font-weight:700;
    margin-bottom:8px;
}

.drv-feature-content p{
    font-size:15px;
    color:#555;
    line-height:1.6;
}

/*=========================
      DIVIDER
==========================*/

.drv-feature-divider{
    width:1px;
    height:70px;
    background:#dfe6ff;
    margin:0 20px;
}

/*=========================
      RESPONSIVE
==========================*/

@media(max-width:991px){

.drv-feature-container{
    flex-wrap:wrap;
    gap:25px;
}

.drv-feature-item{
    flex:0 0 calc(50% - 15px);
}

.drv-feature-divider{
    display:none;
}

}

@media(max-width:767px){

.drv-feature-container{
    flex-direction:column;
    padding:25px 20px;
}

.drv-feature-item{
    width:100%;
}

.drv-feature-icon{
    width:60px;
    height:60px;
    min-width:60px;
}

.drv-feature-icon i{
    font-size:28px;
}

.drv-feature-content h3{
    font-size:18px;
}

.drv-feature-content p{
    font-size:14px;
}

}


/* cosaltclaim csrs is rejected */
/* ===========================
   CONSULT CARDS
=========================== */

.consult-section{
    padding:20px 20px;
    background:#fff;
}

.consult-container{
    max-width:1200px;
    margin:auto;
}

.consult-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.consult-card{
    background:#fff;
    border:1px solid #e7ebf5;
    border-radius:14px;
    padding:18px 24px;
    display:flex;
    align-items:center;
    gap:20px;
    transition:.35s;
    box-shadow:0 8px 22px rgba(0,0,0,.05);
}

.consult-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(0,0,0,.10);
}

.consult-icon{
    width:64px;
    height:64px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    color:#fff;
    flex-shrink:0;
    position:relative;
}

.consult-icon::after{
    content:"";
    position:absolute;
    width:74px;
    height:74px;
    border-radius:50%;
    border:2px solid rgba(0,0,0,.08);
}

.consult-red{
    background:#ef2c2c;
}

.consult-gold{
    background:#f6d5a3;
    color:#8b5a00;
}

.consult-purple{
    background:#7a3ee8;
}

.consult-content h3{
    margin:0;
    font-size:22px;
    font-weight:700;
    color:#16213e;
    line-height:1.35;
}

.consult-content span{
    display:block;
    width:56px;
    height:3px;
    background:#6d28d9;
    border-radius:50px;
    margin-top:12px;
}

/* Responsive */

@media(max-width:992px){

.consult-grid{
grid-template-columns:1fr;
}

.consult-card{
padding:20px;
}

.consult-content h3{
font-size:20px;
}

}

@media(max-width:576px){

.consult-card{
flex-direction:column;
text-align:center;
}

.consult-content span{
margin:12px auto 0;
}

}

/* service avabiltiy */
/*==========================
SERVICE AVAILABILITY
===========================*/

.dhaarya-service-section{
    margin-top: -5px;
    padding:20px 20px;
    background:#fff;
}

.dhaarya-service-box{

    max-width:1280px;
    margin:auto;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:45px;

    padding:30px 40px;

    border:2px solid #2e5bff33;
    border-radius:18px;

    background:#fff;

    box-shadow:0 12px 35px rgba(24,54,120,.08);

    transition:.4s;
}

.dhaarya-service-box:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 45px rgba(24,54,120,.12);

}

.dhaarya-service-left{

    display:flex;
    gap:25px;
    flex:1;

}

.dhaarya-service-icon{

    width:85px;
    height:85px;

    min-width:85px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#f3f7ff;

    border:2px solid #dbe5ff;

}

.dhaarya-service-icon i{

    font-size:42px;
    color:#233a96;

}

.dhaarya-service-content h2{

    font-size:34px;
    margin-bottom:10px;
    color:#14245d;

}

.dhaarya-service-content>p{

    font-size:18px;
    line-height:1.8;
    color:#444;

}

.dhaarya-note{

    display:flex;
    gap:15px;

    margin-top:22px;

}

.dhaarya-note i{

    color:#1d3cb7;
    font-size:20px;
    margin-top:6px;

}

.dhaarya-note p{

    margin:0;
    line-height:1.8;
    color:#333;
    font-size:17px;

}

.dhaarya-divider{

    width:1px;
    align-self:stretch;

    background:linear-gradient(transparent,#2757ff,transparent);

}

.dhaarya-service-right{

    width:300px;

    text-align:center;

}

.dhaarya-target-icon{

    width:90px;
    height:90px;

    margin:auto;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#f5f7ff;

    border:2px solid #dfe5ff;

}

.dhaarya-target-icon i{

    font-size:44px;
    color:#243fb5;

}

.dhaarya-service-right p{

    margin-top:18px;

    font-size:19px;
    line-height:1.8;
    color:#223;

    font-weight:600;

}

/*==================
Responsive
==================*/

@media(max-width:991px){

.dhaarya-service-box{

flex-direction:column;
text-align:center;

}

.dhaarya-service-left{

flex-direction:column;
align-items:center;

}

.dhaarya-divider{

width:100%;
height:1px;

}

.dhaarya-note{

justify-content:center;
text-align:left;

}

.dhaarya-service-right{

width:100%;

}

}

@media(max-width:576px){

.dhaarya-service-box{

padding:25px;

}

.dhaarya-service-content h2{

font-size:28px;

}

.dhaarya-service-content>p,
.dhaarya-note p,
.dhaarya-service-right p{

font-size:16px;

}

}


/*========================
WHAT YOU DO
========================*/

.dhaarya-whatdo-section{

    padding:20px 20px;
    background:#fff;

}

.dhaarya-whatdo-container{

    max-width:1280px;
    margin:auto;

}

.dhaarya-whatdo-heading{

    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    margin-bottom:45px;

}

.dhaarya-whatdo-heading span{

    width:60px;
    height:3px;
    background:#2e63ff;
    border-radius:50px;

}

.dhaarya-whatdo-heading h2{

    margin:0;
    font-size:42px;
    color:#12245d;
    font-weight:700;

}

.dhaarya-whatdo-wrapper{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;

}

.dhaarya-whatdo-card{

    display:flex;
    align-items:center;
    gap:20px;

    padding:22px 24px;

    border:1px solid #e6ebff;
    border-radius:16px;

    background:#fff;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

    transition:.35s;

}

.dhaarya-whatdo-card:hover{

    transform:translateY(-10px);

    box-shadow:0 18px 45px rgba(20,60,170,.12);

}

.dhaarya-whatdo-icon{

    width:70px;
    height:70px;

    min-width:70px;

    border-radius:50%;

    display:flex;
    justify-content:center;
    align-items:center;

    font-size:30px;

}

.dhaarya-whatdo-icon.blue{

    background:#eef4ff;
    color:#2157e8;

}

.dhaarya-whatdo-icon.green{

    background:#eaf8ef;
    color:#1d8b4b;

}

.dhaarya-whatdo-icon.purple{

    background:#f3ecff;
    color:#7b39e6;

}

.dhaarya-whatdo-content h3{

    margin:0;

    font-size:22px;

    color:#1c2958;

    line-height:1.6;

    font-weight:600;

}

/*===================
Responsive
===================*/

@media(max-width:991px){

.dhaarya-whatdo-wrapper{

grid-template-columns:1fr;

}

.dhaarya-whatdo-heading h2{

font-size:34px;

}

}

@media(max-width:576px){

.dhaarya-whatdo-card{

flex-direction:column;
text-align:center;

}

.dhaarya-whatdo-heading{

gap:10px;

}

.dhaarya-whatdo-heading span{

width:35px;

}

.dhaarya-whatdo-heading h2{

font-size:28px;

}

.dhaarya-whatdo-content h3{

font-size:18px;

}

}


/*==========================
PROTECTION BANNER
===========================*/

.dp-protection-section{

    padding:20px 20px;
    background:#fff;

}

.dp-protection-box{

    max-width:1280px;
    margin:auto;

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:20px 35px;

    border-radius:14px;

    border:1px solid #dfe9ff;

    background:linear-gradient(90deg,#eef5ff 0%,#ffffff 100%);

    box-shadow:0 12px 35px rgba(40,82,180,.08);

    transition:.35s;

}

.dp-protection-box:hover{

    transform:translateY(-6px);

    box-shadow:0 20px 45px rgba(40,82,180,.15);

}

.dp-protection-left{

    display:flex;
    align-items:center;
    gap:22px;

}

.dp-protection-icon{

    width:64px;
    height:64px;

    border-radius:50%;

    display:flex;
    justify-content:center;
    align-items:center;

    background:#ffffff;

    color:#2458e6;

    font-size:28px;

    border:1px solid #dbe6ff;

}

.dp-protection-content h3{

    margin:0;

    font-size:30px;

    line-height:1.5;

    color:#132b68;

    font-weight:700;

}

.dp-protection-content span{

    color:#2458e6;

}

.dp-protection-image img{

    width:170px;
    display:block;

    animation:dpFloat 4s ease-in-out infinite;

}

/* Floating Animation */

@keyframes dpFloat{

0%{transform:translateY(0);}
50%{transform:translateY(-10px);}
100%{transform:translateY(0);}

}

/*=====================
Responsive
======================*/

@media(max-width:991px){

.dp-protection-box{

flex-direction:column;
text-align:center;
gap:25px;

}

.dp-protection-left{

flex-direction:column;

}

.dp-protection-content h3{

font-size:24px;

}

}

@media(max-width:576px){

.dp-protection-box{

padding:20px;

}

.dp-protection-content h3{

font-size:19px;

}

.dp-protection-image img{

width:130px;

}

}


/*==============================
 HERO SECTION
==============================*/

.cid-hero{
    padding:90px 20px;
    background:#f8fbff;
}

.cid-container{

    max-width:1320px;
    margin:auto;

    display:grid;
    grid-template-columns:1.1fr 1fr;
    gap:60px;
    align-items:center;

}

.cid-subtitle{

    display:inline-block;

    color:#0f7bff;
    font-size:18px;
    font-weight:600;

    margin-bottom:18px;

    position:relative;

}

.cid-subtitle::after{

    content:"";

    width:70px;
    height:2px;

    background:#0f7bff;

    position:absolute;
    top:50%;
    left:calc(100% + 15px);

}

.cid-content h1{

    font-size:45px;
    line-height:1.15;
    color:#132b68;
    font-weight:800;
    margin-bottom:15px;

}

.cid-content h1 span{

    color:#1f63ff;

}

.cid-tagline{

    font-size:32px;
    color:#132b68;
    margin-bottom:30px;

}

.cid-content p{

    font-size:20px;
    line-height:1.9;
    color:#555;
    margin-bottom:18px;

}

/*===================
Right Image
===================*/

.cid-image{

    position:relative;

}

.cid-image img{

    width:100%;
    display:block;

    animation:floatImage 5s ease-in-out infinite;

}

@keyframes floatImage{

0%{transform:translateY(0);}
50%{transform:translateY(-10px);}
100%{transform:translateY(0);}

}

/*==================
Floating Features
===================*/

.cid-side-features{

    position:absolute;
    right:-20px;
    top:50%;
    transform:translateY(-50%);

    display:flex;
    flex-direction:column;
    gap:25px;

}

.cid-side-item{

    display:flex;
    align-items:center;
    gap:15px;

    background:#fff;

    padding:14px 18px;

    border-radius:14px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.cid-side-item i{

    width:58px;
    height:58px;

    border-radius:50%;

    display:flex;
    justify-content:center;
    align-items:center;

    color:#2460ff;

    background:#eef4ff;

    font-size:24px;

}

.cid-side-item h4{

    margin:0;
    font-size:18px;
    color:#132b68;

}

.cid-side-item span{

    color:#666;
    font-size:16px;

}

/*====================
Buttons
====================*/

.cid-buttons{

    margin-top:35px;
    display:flex;
    gap:18px;

}

.cid-btn-primary{

    padding:16px 38px;
    background:#1f63ff;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    font-weight:600;
    transition:.35s;

}

.cid-btn-primary:hover{

    background:#123eb5;
    transform:translateY(-4px);

}

.cid-btn-secondary{

    padding:16px 38px;
    border:2px solid #1f63ff;
    color:#1f63ff;
    border-radius:50px;
    text-decoration:none;
    transition:.35s;

}

.cid-btn-secondary:hover{

    background:#1f63ff;
    color:#fff;

}

/*====================
Responsive
====================*/

@media(max-width:991px){

.cid-container{

grid-template-columns:1fr;
text-align:center;

}

.cid-subtitle::after{

display:none;

}

.cid-content h1{

font-size:48px;

}

.cid-tagline{

font-size:24px;

}

.cid-image{

order:-1;

}

.cid-side-features{

position:static;
transform:none;
margin-top:30px;
flex-direction:row;
justify-content:center;
flex-wrap:wrap;

}

.cid-buttons{

justify-content:center;

}

}

@media(max-width:576px){

.cid-content h1{

font-size:36px;

}

.cid-tagline{

font-size:20px;

}

.cid-content p{

font-size:16px;

}

.cid-buttons{

flex-direction:column;

}

.cid-btn-primary,
.cid-btn-secondary{

text-align:center;

}

}

/* becomeagent */
/*========================================
 HERO SECTION
========================================*/

.agent-hero{
    width:100%;
    padding:90px 20px;
    background:#f8fbff;
    overflow:hidden;
}

.agent-container{
    max-width:1320px;
    margin:auto;

    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:60px;
}

/*==========================
LEFT CONTENT
==========================*/

.agent-content{
    position:relative;
    z-index:2;
}

.agent-subtitle{
    display:inline-flex;
    align-items:center;
    gap:15px;

    font-size:18px;
    color:#1690ff;
    font-weight:600;
    margin-bottom:20px;
}

.agent-subtitle::after{
    content:"";
    width:70px;
    height:2px;
    background:#1690ff;
}

.agent-content h1{
    font-size:45px;
    line-height:1.05;
    color:#122a72;
    font-weight:800;
    margin-bottom:15px;
}

.agent-content h1 span{
    color:#2563ff;
}

.agent-content h3{
    font-size:34px;
    color:#122a72;
    margin-bottom:18px;
    font-weight:700;
}

.agent-line{
    width:80px;
    height:4px;
    background:#2563ff;
    border-radius:30px;
    margin-bottom:28px;
}

.agent-content p{
    font-size:19px;
    line-height:1.9;
    color:#555;
    margin-bottom:18px;
    max-width:620px;
}

/*==========================
BUTTONS
==========================*/

.agent-buttons{
    display:flex;
    gap:18px;
    margin-top:35px;
}

.agent-btn{
    padding:16px 36px;
    background:#2563ff;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    font-weight:600;
    transition:.35s;
}

.agent-btn:hover{
    transform:translateY(-5px);
    background:#0f47d8;
    box-shadow:0 15px 35px rgba(37,99,255,.3);
}

.agent-btn-outline{
    padding:16px 36px;
    border:2px solid #2563ff;
    color:#2563ff;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    transition:.35s;
}

.agent-btn-outline:hover{
    background:#2563ff;
    color:#fff;
}

/*==========================
IMAGE
==========================*/

.agent-image{
    position:relative;
}

.agent-image img{
    width:100%;
    display:block;
    animation:agentFloat 5s ease-in-out infinite;
}

@keyframes agentFloat{

0%{
transform:translateY(0);
}

50%{
transform:translateY(-12px);
}

100%{
transform:translateY(0);
}

}

/*==========================
FLOATING CARDS
==========================*/

.agent-floating{

    position:absolute;
    right:-10px;
    top:50%;

    transform:translateY(-50%);

    display:flex;
    flex-direction:column;
    gap:22px;

}

.agent-card{

    width:190px;

    display:flex;
    align-items:center;
    gap:14px;

    background:#fff;

    padding:15px;

    border-radius:16px;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    transition:.35s;

}

.agent-card:hover{

    transform:translateX(-8px);

}

.agent-icon{

    width:58px;
    height:58px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#eef4ff;

    color:#2563ff;

    font-size:24px;

}

.agent-card h4{

    margin:0;
    color:#132b68;
    font-size:20px;

}

.agent-card p{

    margin-top:4px;
    color:#666;
    font-size:16px;

}

/*==================================
TABLET
==================================*/

@media(max-width:991px){

.agent-container{

grid-template-columns:1fr;
text-align:center;

}

.agent-content p{

margin:auto auto 20px;

}

.agent-line{

margin:auto auto 30px;

}

.agent-buttons{

justify-content:center;

}

.agent-image{

margin-top:40px;

}

.agent-floating{

position:relative;
right:auto;
top:auto;
transform:none;

margin-top:30px;

flex-direction:row;
justify-content:center;
flex-wrap:wrap;

}

}

/*==================================
MOBILE
==================================*/

@media(max-width:768px){

.agent-hero{

padding:70px 18px;

}

.agent-subtitle{

font-size:15px;

}

.agent-subtitle::after{

width:45px;

}

.agent-content h1{

font-size:42px;

}

.agent-content h3{

font-size:24px;

}

.agent-content p{

font-size:16px;
line-height:1.8;

}

.agent-buttons{

flex-direction:column;

}

.agent-btn,
.agent-btn-outline{

width:100%;
text-align:center;

}

.agent-floating{

gap:15px;

}

.agent-card{

width:100%;

}

.agent-icon{

width:50px;
height:50px;
font-size:20px;

}

.agent-card h4{

font-size:18px;

}

.agent-card p{

font-size:14px;

}

}

@media(max-width:480px){

.agent-content h1{

font-size:34px;

}

.agent-content h3{

font-size:20px;

}

.agent-subtitle{

font-size:14px;

}

.agent-line{

width:60px;

}

}


/*==========================================
WHO IS THIS FOR / WHAT YOU GET
==========================================*/

.dhaarya-benefit-section{
    padding:20px px;
    background:#f8fbff;
    overflow:hidden;
}

.dhaarya-benefit-container{
    max-width:1320px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

/*================ CARD ================*/

.dhaarya-benefit-card{

    background:#fff;

    border:1px solid #e5ecff;

    border-radius:18px;

    padding:35px;

    box-shadow:0 15px 40px rgba(0,0,0,.06);

    transition:.4s;

}

.dhaarya-benefit-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.10);

}

/*================ HEADING ================*/

.dhaarya-benefit-title{

    display:flex;
    align-items:center;
    gap:18px;

    margin-bottom:35px;

}

.dhaarya-benefit-heading-icon{

    width:55px;
    height:55px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;

    font-size:22px;

}

.dhaarya-benefit-heading-icon.green{

    background:#168b45;

}

.dhaarya-benefit-heading-icon.blue{

    background:#2563ff;

}

.dhaarya-benefit-title h2{

    margin:0;

    font-size:34px;

    font-weight:700;

    color:#122b69;

}

/*================ LEFT ITEMS ================*/

.dhaarya-benefit-list{

    display:flex;

    flex-direction:column;

    gap:28px;

}

.dhaarya-benefit-item{

    display:flex;

    gap:18px;

    align-items:flex-start;

}

.dhaarya-benefit-icon{

    width:52px;
    height:52px;

    min-width:52px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:22px;

}

.dhaarya-benefit-icon.green{

    background:#e9f8ef;

    color:#168b45;

}

.dhaarya-benefit-item p{

    margin:0;

    font-size:19px;

    line-height:1.8;

    color:#444;

}

/*================ RIGHT LIST ================*/

.dhaarya-check-list{

    list-style:none;

    padding:0;

    margin:0;

}

.dhaarya-check-list li{

    display:flex;

    align-items:flex-start;

    gap:16px;

    margin-bottom:22px;

    font-size:19px;

    line-height:1.8;

    color:#444;

}

.dhaarya-check-list i{

    color:#2563ff;

    font-size:20px;

    margin-top:6px;

}

/*================ Hover ================*/

.dhaarya-benefit-item:hover{

    transform:translateX(8px);

    transition:.35s;

}

.dhaarya-check-list li:hover{

    transform:translateX(8px);

    transition:.35s;

}

/*================ Tablet ================*/

@media(max-width:992px){

.dhaarya-benefit-container{

grid-template-columns:1fr;

}

.dhaarya-benefit-title{

justify-content:center;

}

}

/*================ Mobile ================*/

@media(max-width:768px){

.dhaarya-benefit-section{

padding:60px 15px;

}

.dhaarya-benefit-card{

padding:25px;

}

.dhaarya-benefit-title{

flex-direction:column;

text-align:center;

margin-bottom:25px;

}

.dhaarya-benefit-title h2{

font-size:28px;

}

.dhaarya-benefit-item{

flex-direction:column;

align-items:center;

text-align:center;

}

.dhaarya-benefit-item p{

font-size:16px;

}

.dhaarya-check-list li{

font-size:16px;

}

}

/*================ Small Mobile ================*/

@media(max-width:480px){

.dhaarya-benefit-title h2{

font-size:24px;

}

.dhaarya-benefit-heading-icon{

width:48px;

height:48px;

font-size:20px;

}

.dhaarya-benefit-icon{

width:45px;

height:45px;

font-size:18px;

}

}

/*=========================================
EARNING POTENTIAL SECTION
=========================================*/

.earning-section{
    padding:20px 20px;
    background:#f8fbff;
}

.earning-container{
    max-width:1320px;
    margin:auto;
    background:#fff;
    border:1px solid #f0dfb2;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.06);
}

/*=========================
TOP
=========================*/

.earning-container{

    display:grid;
    grid-template-columns:1.2fr 2fr;
    gap:40px;

}

.earning-left{

    display:flex;
    align-items:center;
    gap:25px;

    padding:40px;

}

.earning-main-icon{

    width:95px;
    height:95px;

    min-width:95px;

    border-radius:50%;

    background:#F4A900;

    display:flex;
    align-items:center;
    justify-content:center;

    position:relative;

    color:#fff;
    font-size:36px;

}

.earning-main-icon .trend{

    position:absolute;

    bottom:18px;
    right:18px;

    font-size:18px;

}

.earning-content h2{

    margin:0 0 12px;

    font-size:38px;
    color:#17306f;

    font-weight:700;

}

.earning-content p{

    margin:0;

    font-size:18px;
    line-height:1.8;
    color:#555;

}

/*=========================
RIGHT
=========================*/

.earning-right{

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:40px;

}

.earning-item{

    flex:1;
    text-align:center;

    transition:.35s;

}

.earning-item:hover{

    transform:translateY(-8px);

}

.earning-icon{

    width:60px;
    height:60px;

    margin:auto auto 18px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#F4A900;

    font-size:34px;

    background:#fff8ea;

}

.earning-item h4{

    margin:0;

    font-size:20px;
    line-height:1.7;
    color:#17306f;
    font-weight:600;

}

.earning-divider{

    width:1px;
    height:120px;
    background:#ecd7a6;

}

/*=========================
BOTTOM
=========================*/

.earning-bottom{

    grid-column:1/-1;

    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;

    padding:18px;
    

    background:#001A4F;

    border-top:1px solid #f0dfb2;

}

.earning-bottom i{

    color:#fff;

    font-size:22px;

}

.earning-bottom span{

    font-size:22px;

    color:#fff;

}

.earning-bottom strong{

    color:#fff;

}

/*=========================
HOVER
=========================*/

.earning-main-icon{

    transition:.4s;

}

.earning-container:hover .earning-main-icon{

    transform:rotate(8deg) scale(1.05);

}

.earning-item:hover .earning-icon{

    background:#F4A900;
    color:#fff;

}

/*=========================
TABLET
=========================*/

@media(max-width:991px){

.earning-container{

grid-template-columns:1fr;

}

.earning-left{

justify-content:center;
text-align:center;
flex-direction:column;

}

.earning-right{

padding:30px;

}

}

/*=========================
MOBILE
=========================*/

@media(max-width:768px){

.earning-section{

padding:60px 15px;

}

.earning-right{

flex-direction:column;
gap:35px;

}

.earning-divider{

width:100%;
height:1px;

}

.earning-content h2{

font-size:30px;

}

.earning-content p{

font-size:16px;

}

.earning-item h4{

font-size:17px;

}

.earning-bottom{

padding:20px;
text-align:center;
flex-direction:column;

}

.earning-bottom span{

font-size:18px;

}

}

/*=========================
SMALL MOBILE
=========================*/

@media(max-width:480px){

.earning-main-icon{

width:80px;
height:80px;
font-size:28px;

}

.earning-content h2{

font-size:26px;

}

.earning-bottom span{

font-size:16px;

}

}

/* wht dhaarya */

.dhaarya-hero{

padding:0px 0px;
overflow:hidden;

}

.dhaarya-container{

max-width:1400px;

margin:auto;

display:grid;

grid-template-columns:1fr 1.2fr;

gap:80px;

align-items:center;

}

/* LEFT */

.sub-title{

display:flex;
align-items:center;
gap:12px;

font-size:14px;

font-weight:700;

color:#246BFD;

letter-spacing:1px;

margin-bottom:18px;

}

.sub-title::before{

content:"";

width:45px;

height:2px;

background:#246BFD;

}

.hero-left h1{

font-size:35px;

font-weight:800;

line-height:1.1;

color:#122B67;

margin-bottom:25px;

}

.hero-left p{

font-size:18px;

line-height:1.8;

color:#000;

margin-bottom:30px;
font-weight: 500;

}

.hero-left ul{

list-style:none;

}

.hero-left li{

display:flex;

align-items:center;

gap:12px;

margin-bottom:18px;

font-size:17px;

color:#444;

}

.hero-left li i{

color:#246BFD;

font-size:18px;

}

/* RIGHT */

.hero-right-wrapper{

position:relative;

display:flex;

justify-content:center;

align-items:center;

}

.hero-image img{

width:100%;

max-width:650px;

display:block;

}

/* OVERLAY CARDS */

.hero-right{

position:absolute;

right:-30px;

top:50%;

transform:translateY(-50%);

width:300px;

display:flex;

flex-direction:column;

gap:18px;

z-index:5;

}

.feature-box{

background:#fff;

border-radius:18px;

padding:18px;

display:flex;

align-items:flex-start;

gap:16px;

box-shadow:0 20px 45px rgba(0,0,0,.12);

transition:.4s;

}

.feature-box:hover{

transform:translateX(-8px);

box-shadow:0 25px 55px rgba(0,0,0,.18);

}

.icon{
margin-top: 15px;
width:55px;

height:55px;

border-radius:50%;

background:#EEF4FF;

display:flex;

align-items:center;

justify-content:center;

flex-shrink:0;

}

.icon i{

color:#246BFD;

font-size:24px;

}

.feature-box h3{

font-size:20px;

color:#17316C;

margin-bottom:5px;

}

.feature-box p{

font-size:15px;

color:#666;

line-height:1.6;

}

/* Tablet */

@media(max-width:1100px){

.dhaarya-container{

grid-template-columns:1fr;

gap:40px;

}

.hero-left{

text-align:center;

}

.sub-title{

justify-content:center;

}

.hero-left ul{

display:inline-block;

text-align:left;

}

.hero-right{

position:relative;

top:0;

right:0;

transform:none;

width:100%;

margin-top:30px;

}

.hero-right-wrapper{

display:block;

text-align:center;

}

.hero-image img{

max-width:500px;

margin:auto;

}

}

/* Mobile */
@media (max-width:768px){

    .dhaarya-hero{
        padding:0px 15px;
    }

    .hero-left h1{
        font-size:36px;
        margin-bottom:10px; /* Niche sirf 10px gap */
        line-height:1.2;
    }

    .hero-left p{
        font-size:16px;
    }

    .hero-left li{
        font-size:15px;
    }

    .hero-image img{
    margin-top: -126px;
    margin-bottom: -75px; /* Bottom se upar */
    width: 100%;
}

    .hero-right{
        width:100%;
    }

    .feature-box{
        padding:15px;
    }

    .icon{
        width:48px;
        height:48px;
    }

    .icon i{
        font-size:20px;
    }

    .feature-box h3{
        font-size:18px;
    }

    .feature-box p{
        font-size:14px;
    }
}
/* wht dharrya  fixes */

.dhaarya-banner{

padding:20px 20px;

}

.dhaarya-banner-wrapper{

max-width:1280px;
margin:auto;

background:linear-gradient(90deg,#112b72,#0c1f56);

border-radius:12px;

padding:28px 40px;

display:flex;

align-items:center;

justify-content:space-between;

gap:35px;

position:relative;

overflow:hidden;

box-shadow:0 20px 40px rgba(10,25,70,.18);

}

/* LEFT */

.dhaarya-banner-left{

display:flex;

align-items:center;

gap:22px;

flex:1;

}

.banner-logo{

width:80px;
height:80px;

background:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

flex-shrink:0;

}

.banner-logo img{

width:55px;

}

.banner-content h3{

color:#fff;

font-size:26px;

font-weight:700;

margin-bottom:10px;

}

.banner-content p{

color:#d8e3ff;

font-size:16px;

line-height:1.8;

max-width:380px;

}

/* Divider */

.banner-divider{

width:1px;

height:90px;

background:rgba(255,255,255,.25);

}

/* Right */

.dhaarya-banner-right{

display:flex;

align-items:center;

gap:20px;

flex:1;

}

.banner-icon{

width:65px;
height:65px;

border-radius:50%;

border:1px solid rgba(255,255,255,.25);

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:30px;

flex-shrink:0;

}

.banner-right p{

color:#d8e3ff;

}

.dhaarya-banner-right p{

color:#d8e3ff;

font-size:16px;

line-height:1.8;

}

/* Decorative dots */

.banner-dots{

position:absolute;

right:20px;

bottom:18px;

width:110px;

height:40px;

background-image:radial-gradient(rgba(47,116,255,.9) 2px, transparent 2px);

background-size:12px 12px;

opacity:.7;

}

/* Hover */

.dhaarya-banner-wrapper{

transition:.4s;

}

.dhaarya-banner-wrapper:hover{

transform:translateY(-6px);

box-shadow:0 25px 55px rgba(10,25,70,.25);

}

/* Tablet */

@media(max-width:991px){

.dhaarya-banner-wrapper{

flex-direction:column;

text-align:center;

}

.banner-divider{

width:100%;

height:1px;

}

.dhaarya-banner-left,
.dhaarya-banner-right{

justify-content:center;

}

.banner-content p{

max-width:100%;

}

}

/* Mobile */

@media(max-width:768px){

.dhaarya-banner{

padding:px 15px;

}

.dhaarya-banner-wrapper{

padding:30px 20px;

}

.dhaarya-banner-left{

flex-direction:column;

}

.dhaarya-banner-right{

flex-direction:column;

}

.banner-logo{

width:70px;
height:70px;

}

.banner-logo img{

width:48px;

}

.banner-content h3{

font-size:22px;

}

.banner-content p,
.dhaarya-banner-right p{

font-size:15px;

}

.banner-icon{

width:55px;
height:55px;

font-size:24px;

}

.banner-dots{

display:none;

}

}

/* stackeholder */

/* ===========================================
   DHY STAKEHOLDER SECTION
   =========================================== */

.dhy-stakeholder-section{
    padding:90px 20px;
    background:#f8fbff;
    overflow:hidden;
}

.dhy-stakeholder-container{
    max-width:1400px;
    margin:auto;
}

.dhy-stakeholder-heading{
    text-align:center;
    margin-bottom:60px;
}

.dhy-stakeholder-heading h2{
    font-size:44px;
    color:#14356d;
    font-weight:800;
    margin-bottom:18px;
    line-height:1.2;
}

.dhy-stakeholder-heading p{
    max-width:850px;
    margin:auto;
    font-size:17px;
    color:#667085;
    line-height:1.8;
}

.dhy-stakeholder-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.dhy-stakeholder-card{
    background:#fff;
    border-radius:20px;
    padding:28px 24px;
    border:1px solid #edf1f8;
    box-shadow:0 10px 35px rgba(0,0,0,.06);
    transition:.4s;
    display:flex;
    flex-direction:column;
    position:relative;
    overflow:hidden;
}

.dhy-stakeholder-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
    background:#2155ff;
    transform:scaleX(0);
    transition:.4s;
}

.dhy-stakeholder-card:hover::before{
    transform:scaleX(1);
}

.dhy-stakeholder-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

/* Header */

.dhy-card-header{
    display:flex;
    gap:18px;
    margin-bottom:28px;
}

.dhy-card-icon{
    width:60px;
    height:60px;
    min-width:60px;
    border-radius:50%;
    background:#2155ff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:24px;
}

.dhy-card-header h3{
    font-size:24px;
    color:#14356d;
    margin-bottom:8px;
}

.dhy-card-header p{
    font-size:15px;
    line-height:1.7;
    color:#667085;
}

/* List */

.dhy-card-list{
    list-style:none;
    margin:0;
    padding:0;
}

.dhy-card-list li{
    position:relative;
    padding-left:28px;
    margin-bottom:14px;
    color:#44536b;
    line-height:1.7;
    font-size:15px;
}

.dhy-card-list li::before{
    content:"✔";
    position:absolute;
    left:0;
    top:0;
    color:#2155ff;
    font-weight:700;
}

/* Result */
.dhy-card-result{
    margin-top:auto;
    display:flex;
    gap:15px;
    align-items:flex-start;
   background: linear-gradient(135deg, #F8FBFF 0%, #DCEEFF 45%, #BFDFFF 100%);
    padding:16px;
    border-radius:16px;
    border:2px solid #003FB3;
    box-shadow:0 8px 20px rgba(0,63,179,0.12);
}

.dhy-result-icon{
    width:48px;
    height:48px;
    min-width:48px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#2155ff;
    font-size:20px;
    box-shadow:0 6px 14px rgba(0,0,0,.08);
}

.dhy-card-result h4{
    font-size:16px;
    color:#14356d;
    margin-bottom:6px;
}

.dhy-card-result p{
    font-size:14px;
    color:#667085;
    line-height:1.6;
}

/* Tablet */

@media(max-width:1200px){

.dhy-stakeholder-grid{
grid-template-columns:repeat(2,1fr);
}

}

/* Mobile */

@media(max-width:768px){

.dhy-stakeholder-section{
padding:60px 15px;
}

.dhy-stakeholder-heading{
margin-bottom:40px;
}

.dhy-stakeholder-heading h2{
font-size:32px;
}

.dhy-stakeholder-heading p{
font-size:15px;
}

.dhy-stakeholder-grid{
grid-template-columns:1fr;
gap:20px;
}

.dhy-stakeholder-card{
padding:22px 18px;
}

.dhy-card-header{
flex-direction:column;
align-items:flex-start;
gap:15px;
}

.dhy-card-icon{
width:55px;
height:55px;
min-width:55px;
font-size:22px;
}

.dhy-card-header h3{
font-size:22px;
}

.dhy-card-list li{
font-size:14px;
}

.dhy-card-result{
padding:14px;
}

}/*=========================================
   ADVANCED HOVER EFFECTS
=========================================*/

.dhy-stakeholder-card{
    cursor:pointer;
}

.dhy-stakeholder-card:hover .dhy-card-icon{
    transform:rotate(8deg) scale(1.08);
    background:#0b5cff;
}

.dhy-card-icon{
    transition:.35s ease;
}

.dhy-card-header h3{
    transition:.3s;
}

.dhy-stakeholder-card:hover .dhy-card-header h3{
    color:#0b5cff;
}

.dhy-card-list li{
    transition:.3s;
}

.dhy-stakeholder-card:hover .dhy-card-list li{
    padding-left:34px;
}

.dhy-card-list li::before{
    transition:.3s;
}

.dhy-stakeholder-card:hover .dhy-card-list li::before{
    transform:scale(1.2);
}

/*=========================================
   RESULT BOX
=========================================*/

.dhy-card-result{
    transition:.35s;
}

.dhy-stakeholder-card:hover .dhy-card-result{
    background:#1d4ed8;
}

.dhy-stakeholder-card:hover .dhy-card-result h4,
.dhy-stakeholder-card:hover .dhy-card-result p{
    color:#fff;
}

.dhy-stakeholder-card:hover .dhy-result-icon{
    background:#fff;
    color:#1d4ed8;
    transform:rotate(-10deg);
}

.dhy-result-icon{
    transition:.35s;
}

/*=========================================
   CARD ENTRY ANIMATION
=========================================*/

.dhy-stakeholder-card{
    animation:fadeUp .8s ease both;
}

@keyframes fadeUp{

0%{
opacity:0;
transform:translateY(40px);
}

100%{
opacity:1;
transform:translateY(0);
}

}

/*=========================================
   BORDER GLOW
=========================================*/

.dhy-stakeholder-card::after{

content:"";

position:absolute;

inset:0;

border-radius:20px;

border:2px solid transparent;

transition:.4s;

pointer-events:none;

}

.dhy-stakeholder-card:hover::after{

border-color:rgba(29,78,216,.25);

}

/*=========================================
   RESPONSIVE
=========================================*/

@media (max-width:992px){

.dhy-stakeholder-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media (max-width:768px){

.dhy-stakeholder-heading h2{

font-size:30px;

}

.dhy-stakeholder-heading p{

font-size:15px;

}

.dhy-stakeholder-grid{

grid-template-columns:1fr;

gap:20px;

}

.dhy-card-header{

flex-direction:column;

align-items:flex-start;

}

.dhy-card-icon{

width:56px;
height:56px;
font-size:22px;

}

.dhy-card-result{

padding:14px;

}

}

@media (max-width:480px){

.dhy-stakeholder-section{

padding:50px 15px;

}

.dhy-stakeholder-heading h2{

font-size:26px;

}

.dhy-stakeholder-card{

padding:20px 16px;

}

.dhy-card-header h3{

font-size:20px;

}

.dhy-card-list li{

font-size:14px;

}

.dhy-card-result p{

font-size:13px;

}

}

/*=========================================
   OPTIONAL FLOAT EFFECT
=========================================*/

@keyframes floatCard{

0%,100%{
transform:translateY(0);
}

50%{
transform:translateY(-5px);
}

}

.dhy-stakeholder-card:nth-child(2){
animation:floatCard 5s ease-in-out infinite;
}

.dhy-stakeholder-card:nth-child(4){
animation:floatCard 6s ease-in-out infinite;
}


/* real experience  */
/*====================================
   DHY INDUSTRY EXPERIENCE SECTION
====================================*/

.dhy-exp-section{
    padding:20px 20px;
    background:#f7f9fc;
}

.dhy-exp-container{
    max-width:1400px;
    margin:auto;
}

.dhy-exp-box{

    display:grid;
    grid-template-columns:2fr 1px 1.1fr;

    align-items:center;

    background:#fff;

    border:1px solid #e7edf7;

    border-radius:18px;

    padding:35px;

    gap:35px;

    box-shadow:0 10px 35px rgba(0,0,0,.06);

    transition:.4s;

}

.dhy-exp-box:hover{

    transform:translateY(-6px);

    box-shadow:0 20px 45px rgba(0,0,0,.10);

}

/*=========================
        LEFT
=========================*/

.dhy-exp-left h2{

    font-size:34px;

    color:#14356d;

    font-weight:700;

    margin-bottom:30px;

    text-align:center;

}

.dhy-exp-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

}

/*=========================
        ITEMS
=========================*/

.dhy-exp-item{

    text-align:center;

    padding:10px 18px;

    position:relative;

}

.dhy-exp-item:not(:last-child)::after{

    content:"";

    position:absolute;

    right:-10px;

    top:50%;

    transform:translateY(-50%);

    width:1px;

    height:110px;

    background:#dce4f3;

}

.dhy-exp-icon{

    width:70px;

    height:70px;

    margin:auto auto 18px;

    border-radius:50%;

    background:#eef4ff;

    color:#1d4ed8;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:32px;

    transition:.35s;

}

.dhy-exp-item:hover .dhy-exp-icon{

    background:#1d4ed8;

    color:#fff;

    transform:rotate(8deg) scale(1.08);

}

.dhy-exp-item h3{

    font-size:38px;

    color:#1d4ed8;

    font-weight:800;

    margin-bottom:8px;

}

.dhy-exp-item span{

    display:block;

    font-size:16px;

    color:#14356d;

    font-weight:600;

}

.dhy-exp-item p{

    font-size:15px;

    color:#667085;

    margin-top:4px;

}

/*=========================
       CENTER LINE
=========================*/

.dhy-exp-divider{

    width:1px;

    height:180px;

    background:#dce4f3;

}

/*=========================
        RIGHT
=========================*/

.dhy-exp-right{

    display:flex;

    align-items:center;

}
.dhy-exp-right p{
    color:#153093;
    font-weight:600 !important;
    font-size:19px;
    line-height:1.8;
    margin:0;

    text-align:left;
    white-space:normal;
    word-break:keep-all;
    overflow-wrap:break-word;
}

/*=========================
      RESPONSIVE
=========================*/

@media(max-width:1100px){

.dhy-exp-box{

grid-template-columns:1fr;

gap:35px;

text-align:center;

}

.dhy-exp-divider{

display:none;

}

.dhy-exp-right{

justify-content:center;

}

}

@media(max-width:768px){

.dhy-exp-section{

padding:60px 15px;

}

.dhy-exp-box{

padding:25px 20px;

}

.dhy-exp-left h2{

font-size:28px;

margin-bottom:25px;

}

.dhy-exp-grid{

grid-template-columns:1fr;

gap:25px;

}

.dhy-exp-item{

padding:20px 0;

}

.dhy-exp-item::after{

display:none;

}

.dhy-exp-icon{

width:65px;

height:65px;

font-size:28px;

}

.dhy-exp-item h3{

font-size:32px;

}

.dhy-exp-item span{

font-size:15px;

}

.dhy-exp-item p{

font-size:14px;

}

.dhy-exp-right p{

font-size:15px;

text-align:center;

line-height:1.8;

}

}

@media(max-width:480px){

.dhy-exp-left h2{

font-size:24px;

}

.dhy-exp-item h3{

font-size:28px;

}

.dhy-exp-icon{

width:58px;

height:58px;

font-size:24px;

}

}




/*==============================
    DHY VISION SECTION
===============================*/

.dhy-vision-section{
    padding:80px 20px;
    background:#f7f9fc;
    font-family:Inter,sans-serif;
}

.dhy-vision-container{
    max-width:1400px;
    margin:auto;
    background:#fff;
    border:1px solid #e8eef9;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 35px rgba(0,0,0,.06);
}

/*==============================
        TOP
===============================*/

.dhy-vision-top{
    display:grid;
    grid-template-columns:320px 1fr;
    gap:35px;
    padding:35px;
    border-bottom:3px solid #edf2fb;
}

/*==============================
      LEFT CARD
===============================*/

.dhy-vision-card{
    display:flex;
    gap:18px;
    background:#A7D7C5;
    border-radius:16px;
    padding:25px;
    transition:.35s;
}

.dhy-vision-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.dhy-vision-icon{
    width:70px;
    height:70px;
    min-width:70px;
    border-radius:50%;
    background:#1d4ed8;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:30px;
}

.dhy-vision-card h3{
    color:#123b82;
    font-size:24px;
    margin-bottom:10px;
}

.dhy-vision-card p{
    color:#667085;
    line-height:1.8;
    font-size:15px;
}

/*==============================
      RIGHT LIST
===============================*/

.dhy-vision-points{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.dhy-point{
    display:flex;
    gap:12px;
    align-items:flex-start;
    padding:14px 0;
}

.dhy-point i{
    color:#1d4ed8;
    margin-top:3px;
    font-size:18px;
}

.dhy-point span{
    color:#465266;
    font-size:15px;
    line-height:1.7;
}

/*==============================
      CENTER TITLE
===============================*/

.dhy-vision-heading{
    background:#eef5ff;
    color:#153d80;
    text-align:center;
    padding:18px 30px;
    font-size:18px;
    line-height:1.8;
    font-weight:500;
}

.dhy-vision-heading strong{
    font-weight:700;
}

/*==============================
     MIDDLE AREA
===============================*/

.dhy-vision-middle{
    display:grid;
    grid-template-columns:420px 1fr;
    gap:30px;
    padding:35px;
}

/*==============================
      QUOTE BOX
===============================*/

.dhy-quote{
    background:#153d80;
    color:#fff;
    border-radius:18px;
    padding:35px;
    position:relative;
}

.dhy-quote i{
    font-size:42px;
    opacity:.25;
    margin-bottom:20px;
}

.dhy-quote h2{
    font-size:28px;
    line-height:1.5;
    font-weight:700;
}

/*==============================
    FEATURE GRID
===============================*/

.dhy-vision-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.dhy-feature{
    text-align:center;
    border:1px solid #e9eef8;
    border-radius:16px;
    padding:30px 20px;
    transition:.35s;
}

.dhy-feature:hover{
    transform:translateY(-8px);
    border-color:#1d4ed8;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.dhy-feature i{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#eef5ff;
    color:#1d4ed8;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    font-size:28px;
    margin-bottom:18px;
}

.dhy-feature h4{
    color:#153d80;
    font-size:18px;
    line-height:1.6;
}

/*==============================
        BOTTOM
===============================*/

.dhy-vision-bottom{
    border-top:1px solid #25316D;
    padding:25px 35px;
}

.dhy-vision-bottom p{
    color:#003ea7;
    line-height:1.9;
    font-size:15px;
    text-align:center;
    font-weight: 600;
}/*====================================
        HOVER EFFECTS
====================================*/

.dhy-feature,
.dhy-vision-card,
.dhy-point{
    transition:all .35s ease;
}

.dhy-point:hover{
    transform:translateX(8px);
}

.dhy-point:hover i{
    transform:scale(1.15);
    color:#0d5eff;
}

.dhy-point i{
    transition:.35s;
}

.dhy-feature:hover i{
    transform:rotate(10deg) scale(1.1);
    background:#1d4ed8;
    color:#fff;
}

.dhy-feature i{
    transition:.35s;
}

.dhy-vision-card:hover .dhy-vision-icon{
    transform:rotate(8deg) scale(1.08);
}

.dhy-vision-icon{
    transition:.35s;
}

/*====================================
       FADE ANIMATION
====================================*/

.dhy-vision-card,
.dhy-feature,
.dhy-point,
.dhy-quote{

    animation:dhyFade .8s ease both;

}

@keyframes dhyFade{

0%{

opacity:0;
transform:translateY(35px);

}

100%{

opacity:1;
transform:translateY(0);

}

}

/*====================================
      FLOATING EFFECT
====================================*/

.dhy-feature:nth-child(2){

animation:dhyFloat 6s ease-in-out infinite;

}

.dhy-feature:nth-child(4){

animation:dhyFloat 7s ease-in-out infinite;

}

@keyframes dhyFloat{

0%,100%{
transform:translateY(0);
}

50%{
transform:translateY(-8px);
}

}

/*====================================
      BORDER EFFECT
====================================*/

.dhy-feature{

position:relative;
overflow:hidden;

}

.dhy-feature::before{

content:"";

position:absolute;

left:-100%;

top:0;

width:100%;

height:100%;

background:linear-gradient(
90deg,
transparent,
rgba(29,78,216,.08),
transparent
);

transition:.8s;

}

.dhy-feature:hover::before{

left:100%;

}

/*====================================
      RESPONSIVE
====================================*/

@media(max-width:1200px){

.dhy-vision-top{

grid-template-columns:1fr;

}

.dhy-vision-middle{

grid-template-columns:1fr;

}

}

@media(max-width:992px){

.dhy-vision-points{

grid-template-columns:1fr;

}

.dhy-vision-features{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.dhy-vision-section{

padding:60px 15px;

}

.dhy-vision-top{

padding:25px;

gap:25px;

}

.dhy-vision-middle{

padding:25px;

gap:25px;

}

.dhy-vision-heading{

font-size:16px;
padding:20px;

}

.dhy-quote{

padding:30px 20px;

}

.dhy-quote h2{

font-size:24px;
line-height:1.5;

}

.dhy-vision-features{

grid-template-columns:1fr;

}

.dhy-feature{

padding:25px 18px;

}

.dhy-feature h4{

font-size:17px;

}

.dhy-vision-bottom{

padding:20px;

}

.dhy-vision-bottom p{

font-size:14px;

}

}

@media(max-width:480px){

.dhy-vision-card{

flex-direction:column;
text-align:center;

}

.dhy-vision-icon{

margin:auto;

}

.dhy-quote h2{

font-size:20px;

}

.dhy-feature i{

width:60px;
height:60px;
font-size:24px;

}

.dhy-feature h4{

font-size:16px;

}

.dhy-point{

font-size:14px;

}

}

/* contact */
/*==============================
   DHY CONTACT HERO SECTION
==============================*/
/* ======================================
        CONTACT HERO SECTION
====================================== */

.dhy-contact-hero{
    padding:80px 20px;
    background:#f7f9fd;
    overflow:hidden;
}

.dhy-contact-container{
    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:center;
    gap:60px;
}

/* Left */

.dhy-contact-content{
    position:relative;
    z-index:2;
}

.dhy-contact-subtitle{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#1f57ff;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.dhy-contact-subtitle::after{
    content:"";
    width:45px;
    height:2px;
    background:#1f57ff;
}

.dhy-contact-content h1{
    font-size:45px;
    line-height:1.1;
    font-weight:800;
    color:#112b73;
    margin-bottom:20px;
}

.dhy-contact-content h1 span{
    display:block;
    color:#1f57ff;
}

.dhy-contact-content p{
    max-width:520px;
    color:#5d6982;
    font-size:18px;
    line-height:1.8;
    margin-bottom:40px;
}

/* Features */

.dhy-contact-features{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.dhy-contact-item{
    text-align:center;
    transition:.35s;
}

.dhy-contact-item:hover{
    transform:translateY(-8px);
}

.dhy-contact-icon{
    width:65px;
    height:65px;
    margin:auto auto 15px;
    border-radius:50%;
    background:#eef4ff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#1f57ff;
    font-size:28px;
    transition:.35s;
}

.dhy-contact-item:hover .dhy-contact-icon{
    background:#1f57ff;
    color:#fff;
    transform:rotate(8deg);
}

.dhy-contact-item h4{
    color:#17316d;
    font-size:17px;
    margin-bottom:5px;
}

.dhy-contact-item span{
    color:#6a7285;
    font-size:14px;
    line-height:1.5;
}

/* Right */

.dhy-contact-image{
    position:relative;
    text-align:right;
}

.dhy-contact-image img{
    width:100%;
    max-width:620px;
    display:block;
    margin-left:auto;
    position:relative;
    z-index:2;
}

/* Decorative */

.dhy-contact-circle{
    position:absolute;
    width:360px;
    height:360px;
    border-radius:50%;
    background:rgba(34,90,255,.08);
    left:-60px;
    bottom:20px;
    z-index:1;
}

.dhy-contact-wave{
    position:absolute;
    width:180px;
    height:180px;
    border-radius:50%;
    border:18px solid rgba(34,90,255,.08);
    left:20px;
    bottom:40px;
    border-right-color:transparent;
    border-top-color:transparent;
    transform:rotate(-25deg);
}

/* ======================================
            LAPTOP
====================================== */

@media (max-width:1200px){

.dhy-contact-container{
    gap:40px;
}

.dhy-contact-content h1{
    font-size:40px;
}

.dhy-contact-features{
    gap:15px;
}

}

/* ======================================
            TABLET
====================================== */

@media (max-width:992px){

.dhy-contact-container{
    grid-template-columns:1fr;
    gap:50px;
}

.dhy-contact-content{
    text-align:center;
}

.dhy-contact-content p{
    margin:0 auto 35px;
}

.dhy-contact-features{
    max-width:650px;
    margin:auto;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.dhy-contact-image{
    text-align:center;
}

.dhy-contact-image img{
    margin:auto;
    max-width:520px;
}

.dhy-contact-circle{
    left:50%;
    transform:translateX(-50%);
}

.dhy-contact-wave{
    left:50%;
    transform:translateX(-50%) rotate(-25deg);
}

}

/* ======================================
            MOBILE
====================================== */

@media (max-width:768px){

.dhy-contact-hero{
    padding:55px 18px;
}

.dhy-contact-container{
    gap:40px;
}

.dhy-contact-subtitle{
    justify-content:center;
    font-size:13px;
}

.dhy-contact-content h1{
    font-size:34px;
    line-height:1.25;
}

.dhy-contact-content p{
    font-size:16px;
    line-height:1.7;
    margin-bottom:30px;
}

.dhy-contact-features{
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}

.dhy-contact-item{
    padding:12px;
}

.dhy-contact-icon{
    width:60px;
    height:60px;
    font-size:24px;
    margin-bottom:12px;
}

.dhy-contact-item h4{
    font-size:16px;
}

.dhy-contact-item span{
    font-size:13px;
}

.dhy-contact-image img{
    width:100%;
    max-width:100%;
}

.dhy-contact-circle{
    width:220px;
    height:220px;
    bottom:10px;
}

.dhy-contact-wave{
    width:110px;
    height:110px;
    border-width:12px;
}

}

/* ======================================
          SMALL MOBILE
====================================== */

@media (max-width:480px){

.dhy-contact-hero{
    padding:45px 15px;
}

.dhy-contact-content h1{
    font-size:28px;
}

.dhy-contact-content p{
    font-size:15px;
}

.dhy-contact-features{
    grid-template-columns:1fr;
    gap:18px;
}

.dhy-contact-item{
    display:flex;
    align-items:center;
    text-align:left;
    gap:15px;
    background:#fff;
    padding:15px;
    border-radius:12px;
    box-shadow:0 8px 25px rgba(0,0,0,.05);
}

.dhy-contact-icon{
    flex-shrink:0;
    width:55px;
    height:55px;
    margin:0;
}

.dhy-contact-item h4{
    font-size:15px;
    margin-bottom:4px;
}

.dhy-contact-item span{
    font-size:13px;
}

.dhy-contact-circle{
    width:180px;
    height:180px;
}

.dhy-contact-wave{
    display:none;
}

}

/* contact */


/*=========================================
        DHYC CONTACT SECTION
=========================================*/

.dhyc-contact-section{
    padding:90px 20px;
    background:linear-gradient(135deg,#ffffff 0%,#f5f9ff 50%,#edf4ff 100%);
    position:relative;
    overflow:hidden;
}

.dhyc-contact-section::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
  background:rgba(29,78,216,.10);
    border-radius:50%;
    top:-180px;
    left:-150px;
    filter:blur(20px);
}

.dhyc-contact-section::after{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    background:rgba(59,130,246,.08);
    border-radius:50%;
    right:-120px;
    bottom:-120px;
    filter:blur(20px);
}

.dhyc-container{
    max-width:1350px;
    margin:auto;
    display:grid;
    grid-template-columns:420px 1fr;
    gap:45px;
    align-items:start;
    position:relative;
    z-index:2;
}

/*=========================
      LEFT SIDE
=========================*/

.dhyc-info-wrapper{
    display:flex;
    flex-direction:column;
    gap:25px;
}

.dhyc-info-card{
   background: #B1CBFA;
border:3px solid #B1CBFA;
    border-radius:22px;
    padding:32px;
   
    box-shadow:0 20px 45px rgba(0,0,0,.06);
    transition:.4s;
}

.dhyc-info-card:hover{
    transform:translateY(-8px);
    box-shadow:0 30px 60px rgba(37,99,235,.15);
}

.dhyc-info-card h2{
    color:#12306d;
    font-size:28px;
    margin-bottom:30px;
}

.dhyc-info-item{
    display:flex;
    gap:18px;
    margin-bottom:25px;
}

.dhyc-icon{
    width:58px;
    height:58px;
    min-width:58px;
    border-radius:15px;
  
    display:flex;
    align-items:center;
    justify-content:center;
    color:#003fb3;
    font-size:22px;
}

.dhyc-info-item h5{
    color:#17316d;
    margin-bottom:5px;
    font-size:18px;
}

.dhyc-info-item p{
    color:#000;
    line-height:1.7;
    margin:0;
    font-weight: 600;
}

.dhyc-support-box{
    margin-top:20px;
    display:flex;
    gap:15px;
    align-items:flex-start;
    padding:18px;
    border-radius:15px;
   
}

.dhyc-support-box i{
    font-size:24px;
    color:#2563eb;
}

.dhyc-support-box h5{
    margin-bottom:5px;
    color:#17316d;
}

.dhyc-support-box span{
    color:#000;
    line-height:1.6;
    font-weight: 600;
}

/*=========================
      RIGHT FORM
=========================*/

.dhyc-form-card{
   background:linear-gradient(135deg,
#FFFFFF 20%,
#EEF9F1 10%,
#EDF5FF 10%,
#FFF4E8 100%);
border:5px solid #D7E8F7;
    border-radius:24px;
    padding:40px;
  
    box-shadow:0 20px 45px rgba(0,0,0,.06);
}

.dhyc-form-header{
    margin-bottom:30px;
}

.dhyc-form-header h2{
    color:#12306d;
    font-size:34px;
    margin-bottom:10px;
}

.dhyc-form-header p{
    color:#6b7280;
    line-height:1.8;
}

.dhyc-form-card form{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.dhyc-two-column{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.dhyc-form-card input,
.dhyc-form-card select,
.dhyc-form-card textarea{
    width:100%;
    padding:16px 18px;
    border:1px solid #dce6f8;
    border-radius:12px;
    font-size:15px;
    outline:none;
    transition:.3s;
    background:#fff;
}

.dhyc-form-card input:focus,
.dhyc-form-card select:focus,
.dhyc-form-card textarea:focus{
    border-color:#2563eb;
    box-shadow:0 0 0 4px rgba(37,99,235,.10);
}

.dhyc-form-card textarea{
    resize:none;
}

.dhyc-form-card button{
    border:none;
    cursor:pointer;
    padding:18px;
    border-radius:12px;
    background:linear-gradient(135deg,#2563eb,#1d4ed8);
    color:#fff;
    font-size:17px;
    font-weight:700;
    transition:.35s;
}

.dhyc-form-card button:hover{
    transform:translateY(-4px);
    box-shadow:0 20px 35px rgba(37,99,235,.25);
}

.dhyc-form-card button i{
    margin-right:8px;
}/*=========================================
        PREMIUM ANIMATIONS
=========================================*/

.dhyc-info-card,
.dhyc-form-card{
    transition:.4s ease;
}

.dhyc-info-card:hover,
.dhyc-form-card:hover{
    transform:translateY(-8px);
    box-shadow:0 30px 70px rgba(37,99,235,.15);
}

.dhyc-info-card::before,
.dhyc-form-card::before{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:80%;
    height:100%;
    background:linear-gradient(90deg,
    transparent,
    rgba(255,255,255,.5),
    transparent);
    transition:.8s;
}

.dhyc-info-card:hover::before,
.dhyc-form-card:hover::before{
    left:130%;
}

.dhyc-info-card,
.dhyc-form-card{
    position:relative;
    overflow:hidden;
}

.dhyc-icon{
    transition:.35s;
}

.dhyc-info-item:hover .dhyc-icon{
    transform:rotate(8deg) scale(1.08);
}

.dhyc-form-card button{
    position:relative;
    overflow:hidden;
}

.dhyc-form-card button::after{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:rgba(255,255,255,.25);
    transform:skewX(-25deg);
}

.dhyc-form-card button:hover::after{
    animation:shine .8s linear;
}

@keyframes shine{

0%{
left:-100%;
}

100%{
left:140%;
}

}

/* Floating Background */

@keyframes floatOne{

0%,100%{
transform:translateY(0px);
}

50%{
transform:translateY(30px);
}

}

@keyframes floatTwo{

0%,100%{
transform:translateX(0px);
}

50%{
transform:translateX(-25px);
}

}

.dhyc-contact-section::before{
    animation:floatOne 7s ease-in-out infinite;
}

.dhyc-contact-section::after{
    animation:floatTwo 9s ease-in-out infinite;
}

/*=========================================
          LARGE LAPTOP
=========================================*/

@media(max-width:1400px){

.dhyc-container{
    grid-template-columns:380px 1fr;
    gap:35px;
}

}

/*=========================================
             LAPTOP
=========================================*/

@media(max-width:1200px){

.dhyc-container{
    grid-template-columns:340px 1fr;
    gap:30px;
}

.dhyc-form-card{
    padding:30px;
}

.dhyc-info-card{
    padding:25px;
}

}

/*=========================================
              TABLET
=========================================*/

@media(max-width:992px){

.dhyc-container{
    grid-template-columns:1fr;
}

.dhyc-info-wrapper{
    order:2;
}

.dhyc-form-card{
    order:1;
}

.dhyc-form-header{
    text-align:center;
}

}

/*=========================================
              MOBILE
=========================================*/

@media(max-width:768px){

.dhyc-contact-section{
    padding:70px 15px;
}

.dhyc-two-column{
    grid-template-columns:1fr;
}

.dhyc-form-card{
    padding:25px;
}

.dhyc-info-card{
    padding:22px;
}

.dhyc-form-header h2{
    font-size:28px;
}

.dhyc-info-card h2{
    font-size:24px;
}

.dhyc-info-item{
    gap:15px;
}

.dhyc-icon{
    width:52px;
    height:52px;
    min-width:52px;
    font-size:20px;
}

}

/*=========================================
          SMALL MOBILE
=========================================*/

@media(max-width:576px){

.dhyc-contact-section{
    padding:55px 15px;
}

.dhyc-form-card{
    padding:20px;
}

.dhyc-info-card{
    padding:20px;
}

.dhyc-form-header h2{
    font-size:24px;
}

.dhyc-info-card h2{
    font-size:22px;
}

.dhyc-form-card input,
.dhyc-form-card select,
.dhyc-form-card textarea{
    padding:14px;
    font-size:14px;
}

.dhyc-form-card button{
    padding:15px;
    font-size:15px;
}

.dhyc-support-box{
    flex-direction:column;
    
}

.dhyc-info-item{
    flex-direction:column;
    text-align:center;
}

.dhyc-icon{
    margin:auto;
}

}

/*=========================================
           EXTRA SMALL
=========================================*/

@media(max-width:420px){

.dhyc-form-header h2{
    font-size:22px;
}

.dhyc-info-card h2{
    font-size:20px;
}

.dhyc-info-item h5{
    font-size:16px;
}

.dhyc-info-item p{
    font-size:14px;
}

.dhyc-support-box span{
    font-size:14px;
}

}

/* how we work */
/*=====================================
      HELP SERVICES SECTION
======================================*/

.help-services{
    padding:20px 20px;
    background:#f7f9fc;
    overflow:hidden;
}

.help-container{
    max-width:1350px;
    margin:auto;
}

.help-title{
    text-align:left;
    margin-bottom:45px;
}

.help-title h2{
    font-size:40px;
    color:#142d73;
    font-weight:700;
}

/*========================*/

.help-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

}

/*========================*/

.help-card{

    position:relative;

    background:#fff;

    border-radius:18px;

    padding:30px 25px;

    text-align:center;

    border:1px solid #edf2fb;

    box-shadow:0 12px 30px rgba(0,0,0,.05);

    transition:.4s;

    overflow:hidden;

}

.help-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:#1858ff;

    transform:scaleX(0);

    transition:.4s;

}

.help-card:hover::before{

    transform:scaleX(1);

}

.help-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

/*========================*/

.help-icon{

    width:82px;

    height:82px;

    margin:0 auto 22px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:34px;

    transition:.4s;

}

.help-card:hover .help-icon{

    transform:rotate(10deg) scale(1.08);

}

/*========================*/

.help-icon.blue{

    background:#edf3ff;

    color:#1757ff;

}

.help-icon.green{

    background:#eefcf4;

    color:#1ca84f;

}

.help-icon.orange{

    background:#fff3ea;

    color:#f06b2b;

}

.help-icon.purple{

    background:#f5edff;

    color:#6d39d3;

}

/*========================*/

.help-card h3{

    font-size:22px;

    color:#17316c;

    margin-bottom:15px;

    line-height:1.4;

}

.help-card p{

    color:#667085;

    line-height:1.8;

    font-size:15px;

}

/*=========================
      TABLET
==========================*/

@media(max-width:1100px){

.help-grid{

grid-template-columns:repeat(2,1fr);

}

}

/*=========================
      MOBILE
==========================*/

@media(max-width:768px){

.help-services{

padding:60px 15px;

}

.help-title{

text-align:center;

margin-bottom:35px;

}

.help-title h2{

font-size:30px;

}

.help-grid{

grid-template-columns:1fr;

gap:20px;

}

.help-card{

padding:25px 20px;

}

.help-icon{

width:70px;

height:70px;

font-size:28px;

}

.help-card h3{

font-size:20px;

}

.help-card p{

font-size:14px;

}

}

/*=========================
      SMALL MOBILE
==========================*/

@media(max-width:480px){

.help-title h2{

font-size:26px;

}

.help-card{

padding:22px 18px;

}

.help-icon{

width:65px;

height:65px;

font-size:26px;

}

.help-card h3{

font-size:18px;

}

}

/* oru appraoch */
/* ===== SECTION ===== */

.daprx-section{
    padding:80px 20px;
    background:#fff;
    overflow:hidden;
}

.daprx-container{
    max-width:1200px;
    margin:auto;
}

.daprx-title{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin-bottom:55px;
}

.daprx-title span{
    width:70px;
    height:2px;
    background:#3558d8;
}

.daprx-title h2{
    font-size:34px;
    color:#163c96;
    font-weight:700;
}

/* ===== LAYOUT ===== */

.daprx-wrapper{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:30px;
    flex-wrap:wrap;
}

.daprx-card{
    flex:1;
    min-width:340px;
    display:flex;
    align-items:center;
    gap:20px;
    padding:28px;
    background:#EEE3CB;
    border-radius:16px;
    box-shadow:0 8px 30px rgba(0,0,0,.07);
    transition:.4s;
}

.daprx-card:hover{
    transform:translateY(-8px);
}

/* ICON */

.daprx-icon{
    width:72px;
    height:72px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    flex-shrink:0;
}

.green{
    background:#eef8ef;
    color:#1f8b43;
}

.blue{
    background:#eef3ff;
    color:#3558d8;
}

.daprx-content h3{
    font-size:22px;
    color:#1b5e20;
    margin-bottom:10px;
    line-height:1.4;
}

.daprx-card-right .daprx-content h3{
    color:#163c96;
}

.daprx-content p{
    color:#555;
    line-height:1.7;
}

/* OR */

.daprx-divider{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.daprx-line{
    width:2px;
    height:60px;
    background:#ddd;
}

.daprx-divider span{
    width:46px;
    height:46px;
    border-radius:50%;
    border:1px solid #ddd;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:700;
    color:#3558d8;
}

/* ===== SCROLL ANIMATION ===== */

.daprx-card-left{
    opacity:0;
    transform:translateX(-120px);
    animation:daprxLeft 1s ease forwards;
    animation-timeline:view();
    animation-range:entry 15% cover 35%;
}

.daprx-card-right{
    opacity:0;
    transform:translateX(120px);
    animation:daprxRight 1s ease forwards;
    animation-timeline:view();
    animation-range:entry 15% cover 35%;
}

@keyframes daprxLeft{
    from{
        opacity:0;
        transform:translateX(-120px);
    }
    to{
        opacity:1;
        transform:translateX(0);
    }
}

@keyframes daprxRight{
    from{
        opacity:0;
        transform:translateX(120px);
    }
    to{
        opacity:1;
        transform:translateX(0);
    }
}

/* ===== MOBILE ===== */

@media(max-width:992px){

.daprx-wrapper{
    flex-direction:column;
}

.daprx-divider{
    flex-direction:row;
}

.daprx-line{
    width:60px;
    height:2px;
}

}

@media(max-width:576px){

.daprx-card{
    min-width:100%;
    flex-direction:column;
    text-align:center;
}

.daprx-title h2{
    font-size:28px;
}

}


/*=============================
  ZXAPP APPROACH SECTION
=============================*/

.zxapp-approach-section{
    width:100%;
    padding:90px 20px;
    background:#ffffff;
    overflow:hidden;
}

.zxapp-container{
    max-width:1250px;
    margin:auto;
}

/*=============================
    HEADING
=============================*/

.zxapp-heading{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin-bottom:55px;
}

.zxapp-heading h2{
    font-size:34px;
    font-weight:700;
    color:#17307b;
}

.zxapp-line{
    width:70px;
    height:2px;
    background:#3b64ff;
}

/*=============================
      WRAPPER
=============================*/

.zxapp-wrapper{
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
}

/*=============================
        CARD
=============================*/

.zxapp-card{
 margin-left: 5px;
    width:48%;
    min-height:210px;

    background:linear-gradient(135deg,#07173e,#10295f);

    border-radius:18px;

    display:flex;
    align-items:center;
    gap:28px;

    padding:35px;

    box-shadow:0 20px 45px rgba(0,0,0,.15);

    transition:.45s;

}

.zxapp-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 55px rgba(0,0,0,.20);

}

/*=============================
       ICON
=============================*/

.zxapp-icon{

    width:105px;
    height:105px;

    border-radius:50%;

    border:1px solid rgba(255,255,255,.18);

    display:flex;
    justify-content:center;
    align-items:center;

    flex-shrink:0;

    font-size:48px;

}

.zxapp-green{

    color:#3EE48C;

}

.zxapp-blue{

    color:#2E8DFF;

}

/*=============================
       CONTENT
=============================*/

.zxapp-content h3{

    font-size:20px;
    line-height:1.35;
    font-weight:700;
    margin-bottom:18px;

}

.zxapp-left h3{

    color:#38e78b;

}

.zxapp-right h3{

    color:#1e90ff;

}

.zxapp-content p{

    color:#ffffff;

    opacity:.92;

    font-size:15px;

    line-height:1.8;

}

/*=============================
        OR
=============================*/

.zxapp-or{

    width:72px;
    height:72px;

    border-radius:50%;

    background:#ffffff;

    border:2px solid #ececec;

    display:flex;
    justify-content:center;
    align-items:center;

    font-size:24px;
    font-weight:700;
    color:#1f2d5c;

    position:absolute;

    left:50%;
    top:50%;

    transform:translate(-50%,-50%);

    z-index:5;

    box-shadow:0 10px 30px rgba(0,0,0,.12);

}

/*=============================
    SCROLL ANIMATION
=============================*/

.zxapp-left{

    opacity:0;
    transform:translateX(-120px);
    transition:1s ease;

}

.zxapp-right{

    opacity:0;
    transform:translateX(120px);
    transition:1s ease;

}

.zxapp-left.show{

    opacity:1;
    transform:translateX(0);

}

.zxapp-right.show{

    opacity:1;
    transform:translateX(0);

}

/*=============================
      RESPONSIVE
=============================*/

@media(max-width:991px){

.zxapp-wrapper{

    flex-direction:column;
    gap:35px;

}

.zxapp-card{

    width:100%;

}

.zxapp-or{

    position:relative;
    left:auto;
    top:auto;
    transform:none;

}

}

@media(max-width:768px){

.zxapp-card{

    flex-direction:column;
    text-align:center;

    padding:30px;

}

.zxapp-icon{

    width:90px;
    height:90px;
    font-size:40px;

}

.zxapp-heading h2{

    font-size:28px;

}

.zxapp-content h3{

    font-size:24px;

}

.zxapp-content p{

    font-size:17px;

}

.zxapp-line{

    width:40px;

}

}

@media(max-width:480px){

.zxapp-approach-section{

    padding:60px 15px;

}

.zxapp-card{

    border-radius:15px;
    padding:25px;

}

.zxapp-or{

    width:58px;
    height:58px;
    font-size:18px;

}

}

/* how wecan help you */
/*==========================================
        HOW WE CAN HELP SECTION
==========================================*/

.dhy-help-section{
    padding:90px 20px;
    background:linear-gradient(135deg,#ffffff,#f5f9ff,#eef5ff);
    position:relative;
    overflow:hidden;
}

.dhy-help-section::before{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    border-radius:50%;
    background:rgba(37,99,235,.08);
    top:-120px;
    left:-120px;
    filter:blur(25px);
}

.dhy-help-section::after{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    border-radius:50%;
    background:rgba(124,58,237,.08);
    right:-100px;
    bottom:-100px;
    filter:blur(25px);
}

.dhy-help-container{
    max-width:1300px;
    margin:auto;
    position:relative;
    z-index:2;
}

/*==============================
        HEADING
==============================*/

.dhy-help-heading{
    text-align:center;
    margin-bottom:60px;
}

.dhy-help-tag{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 22px;
    border-radius:50px;
    background:#eef4ff;
    color:#2563eb;
    font-weight:700;
    margin-bottom:18px;
}

.dhy-help-tag i{
    font-size:18px;
}

.dhy-help-heading h2{
    font-size:42px;
    color:#112b73;
    margin-bottom:15px;
    font-weight:700;
}

.dhy-help-heading p{
    max-width:700px;
    margin:auto;
    color:#667085;
    line-height:1.8;
    font-size:17px;
}

/*==============================
            GRID
==============================*/

.dhy-help-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

/*==============================
            CARD
==============================*/

.dhy-help-card{
    background:#fff;
    border-radius:22px;
    padding:35px 25px;
    text-align:center;
    border:1px solid #edf2fa;
    box-shadow:0 15px 35px rgba(0,0,0,.06);
    transition:.35s;
    position:relative;
    overflow:hidden;
}

.dhy-help-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 55px rgba(37,99,235,.15);
}

.dhy-help-card::before{
    content:"";
    position:absolute;
    left:-120%;
    top:0;
    width:70%;
    height:100%;
    background:linear-gradient(90deg,
    transparent,
    rgba(255,255,255,.6),
    transparent);
    transition:.8s;
}

.dhy-help-card:hover::before{
    left:130%;
}

/*==============================
          ICON
==============================*/

.dhy-help-icon{
    width:82px;
    height:82px;
    border-radius:50%;
    margin:auto auto 25px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    transition:.35s;
}

.dhy-help-card:hover .dhy-help-icon{
    transform:scale(1.08) rotate(8deg);
}

/* Blue */

.dhy-help-icon.blue{
    background:#eef4ff;
    color:#2563eb;
}

/* Green */

.dhy-help-icon.green{
    background:#edfdf3;
    color:#16a34a;
}

/* Orange */

.dhy-help-icon.orange{
    background:#fff5ea;
    color:#ea580c;
}

/* Purple */

.dhy-help-icon.purple{
    background:#f6f0ff;
    color:#7c3aed;
}

/*==============================
          TEXT
==============================*/

.dhy-help-card h3{
    color:#17316d;
    font-size:22px;
    line-height:1.4;
    margin-bottom:15px;
}

.dhy-help-card h3 span{
    display:block;
    font-size:19px;
    color:#2563eb;
    margin-top:3px;
}

.dhy-help-card p{
    color:#667085;
    line-height:1.8;
    font-size:15px;
}/*==========================================
        PREMIUM HOVER EFFECTS
==========================================*/

.dhy-help-card{
    transition:all .4s ease;
}

.dhy-help-card:hover{
    transform:translateY(-12px);
}

.dhy-help-card:hover .dhy-help-icon{
    animation:iconFloat .8s ease;
}

@keyframes iconFloat{

0%{
transform:scale(1);
}

50%{
transform:scale(1.15) rotate(10deg);
}

100%{
transform:scale(1.08);
}

}

/*==========================================
        FLOATING BACKGROUND
==========================================*/

@keyframes blobOne{

0%,100%{
transform:translate(0,0);
}

50%{
transform:translate(35px,30px);
}

}

@keyframes blobTwo{

0%,100%{
transform:translate(0,0);
}

50%{
transform:translate(-35px,-25px);
}

}

.dhy-help-section::before{
animation:blobOne 9s ease-in-out infinite;
}

.dhy-help-section::after{
animation:blobTwo 10s ease-in-out infinite;
}

/*==========================================
        CARD TOP BORDER
==========================================*/

.dhy-help-card::after{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:linear-gradient(90deg,#2563eb,#60a5fa);
transform:scaleX(0);
transition:.4s;
transform-origin:left;
}

.dhy-help-card:hover::after{
transform:scaleX(1);
}

/*==========================================
        DESKTOP
==========================================*/

@media(max-width:1200px){

.dhy-help-grid{

grid-template-columns:repeat(2,1fr);

gap:22px;

}

.dhy-help-heading h2{

font-size:36px;

}

}

/*==========================================
        TABLET
==========================================*/

@media(max-width:991px){

.dhy-help-section{

padding:70px 20px;

}

.dhy-help-heading{

margin-bottom:40px;

}

.dhy-help-heading h2{

font-size:34px;

}

.dhy-help-grid{

grid-template-columns:repeat(2,1fr);

gap:20px;

}

.dhy-help-card{

padding:30px 22px;

}

}

/*==========================================
        MOBILE
==========================================*/

@media(max-width:767px){

.dhy-help-section{

padding:60px 15px;

}

.dhy-help-heading h2{

font-size:30px;

}

.dhy-help-heading p{

font-size:15px;

}

.dhy-help-grid{

grid-template-columns:1fr;

gap:18px;

}

.dhy-help-card{

padding:28px 22px;

}

.dhy-help-icon{

width:72px;

height:72px;

font-size:30px;

}

.dhy-help-card h3{

font-size:20px;

}

.dhy-help-card h3 span{

font-size:17px;

}

}

/*==========================================
        SMALL MOBILE
==========================================*/

@media(max-width:480px){

.dhy-help-heading h2{

font-size:26px;

}

.dhy-help-tag{

font-size:13px;

padding:8px 18px;

}

.dhy-help-card{

padding:24px 18px;

}

.dhy-help-icon{

width:65px;

height:65px;

font-size:26px;

margin-bottom:18px;

}

.dhy-help-card h3{

font-size:18px;

}

.dhy-help-card h3 span{

font-size:16px;

}

.dhy-help-card p{

font-size:14px;

line-height:1.7;

}

}


/*==============================
        PREMIUM SLIDER
==============================*/

.abx-slider{
    position:relative;
    width:100%;
    height:100vh;
    min-height:320px;
    overflow:hidden;
    background:#000;
}

.abx-slides{
    position:relative;
    width:100%;
    height:100%;
}

.abx-slide{
    position:absolute;
    inset:0;
    opacity:0;
    visibility:hidden;
    transition:all .8s ease;
}

.abx-slide.abx-active{
    opacity:1;
    visibility:visible;
    z-index:2;
}
.abx-slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    animation: premiumMove 10s ease-in-out infinite alternate;
}
@keyframes premiumMove {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.04);
    }

    50% {
        transform: scale(1.08);
    }

    75% {
        transform: scale(1.04);
    }

    100% {
        transform: scale(1);
    }
}
/* Overlay */

.abx-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(0,0,0,.75),
        rgba(0,0,0,.25),
        rgba(0,0,0,.65)
    );
}

/* CONTENT */

.abx-content{
    position:absolute;
    top:50%;
    left:8%;
    transform:translateY(-50%);
    color:#fff;
    max-width:650px;
    z-index:10;
}

.abx-content span{
    display:inline-block;
    padding:8px 18px;
    background:#fb6004;
    border-radius:30px;
    margin-bottom:18px;
    font-size:14px;
    font-weight:600;
}

.abx-content h1{
    font-size:50px;
    line-height:1.1;
    margin-bottom:20px;
}

.abx-content p{
    font-size:18px;
    color:#fff;
    line-height:30px;
    margin-bottom:35px;
    font-weight: 700;
}

.abx-btns{
    display:flex;
    gap:15px;
}

.abx-btns a{
    padding:14px 35px;
    border-radius:50px;
    text-decoration:none;
    color:#fff;
    transition:.4s;
    font-weight:600;
}

.abx-btns a:first-child{
background: #153093;

}

.abx-btns a:last-child{
    border:2px solid #fff;
}

.abx-btns a:hover{
    transform:translateY(-4px);
}

/* ARROWS */
.abx-prev,
.abx-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 52px;
    height: 52px;
    border: none;
    border-radius: 50%;
    background: rgba(255,255,255,.15);
    color: #fff;
    cursor: pointer;
    backdrop-filter: blur(10px);
    font-size: 22px;
    z-index: 20;
    transition: .4s;
}

.abx-prev {
    left: 25px;
}

.abx-next {
    right: 25px;
}

.abx-prev:hover,
.abx-next:hover {
    background: #fb6004;
}

/* Tablet */
@media (max-width: 991px) {
    .abx-prev,
    .abx-next {
        width: 42px;
        height: 42px;
        font-size: 18px;
    }

    .abx-prev {
        left: 15px;
    }

    .abx-next {
        right: 15px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .abx-prev,
    .abx-next {
        width: 34px;
        height: 34px;
        font-size: 14px;
        background: rgba(0, 0, 0, 0.45);
    }

    .abx-prev {
        left: 8px;
    }

    .abx-next {
        right: 8px;
    }
}

/* DOTS */

.abx-dots{
    position:absolute;
    left:50%;
    bottom:20px;
    transform:translateX(-50%);
    display:flex;
    gap:10px;
    z-index:20;
}

.abx-dot{
    width:12px;
    height:12px;
    border-radius:50%;
    background:#fff;
    opacity:.4;
    transition:.3s;
}

.abx-dot.active{
    background:#fb6004;
    opacity:1;
    transform:scale(1.4);
}

/*==============================
      TABLET
==============================*/

@media(max-width:992px){

.abx-slider{
    height:50vh;
}

.abx-content h1{
    font-size:40px;
}

.abx-content p{
    font-size:16px;
}

}

/*==============================
      MOBILE
==============================*/

@media(max-width:768px){

.abx-slider{
    height:50vh;
    min-height:280px;
}

.abx-content{
    left:20px;
    right:20px;
    text-align:center;
    max-width:100%;
}

.abx-content h1{
    font-size:28px;
}

.abx-content p{
    font-size:14px;
    line-height:24px;
}

.abx-btns{
    justify-content:center;
    flex-wrap:wrap;
}

.abx-btns a{
    padding:12px 22px;
}

.abx-prev,
.abx-next{
    margin-left: -7px;
    width:31px;
    height:31px;
}

}


/* home heatlth */
.policy-box{
    width:100%;
    
  
    overflow:hidden;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
}

.policy-heading{
    text-align: center;
    position:sticky;
    top:0;
   background: #93C572;
    color:#fff;
    padding:5px 20px;
    font-size:24px;
    font-weight:700;
    z-index:10;
}
.policy-content{
    width:100%;
    max-width:900px;
    margin:0 auto;
    padding:0 20px;

    text-align:center;
    color:#444;
    font-size:20px;
    font-weight:700;
    line-height:1.8;

    word-break:normal;
    overflow-wrap:break-word;
}

.policy-content strong{
    color:#e53935;
    font-weight:700;
}

@media(max-width:768px){

    .policy-content{
        font-size:16px;
        line-height:1.7;
        padding:0 15px;
    }

}


/* what dhaarya does */
.dhaarya-section{
    width:100%;
   
    padding:80px 6%;

    background:linear-gradient(135deg,#FFF8F0,#FFE8CC,#FFD8A8);

    opacity:0;
    transform:translateX(-120px);
    transition:1s ease;

    overflow:hidden;
}

.dhaarya-section.active{
    opacity:1;
    transform:translateX(0);
}

.dhaarya-title{
    text-align:center;
    margin-bottom:50px;
}

.dhaarya-title h2{
    font-size:42px;
    color: #153093;
    margin-bottom:15px;
}

.dhaarya-title p{
    max-width:850px;
    margin:auto;
    font-size:18px;
    color:#000;
    line-height:1.8;
    font-weight: 500;
}

.dhaarya-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
}

.dhaarya-card{
   
    border-radius:20px;
    padding:35px;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    transition:.4s;
   
}

.dhaarya-card:hover{
    transform:translateY(-10px);
}
.card-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#153093;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;

    margin:0 auto 20px;
}

.dhaarya-card h3{
    text-align: center;
    color:#153093;
    margin-bottom:15px;
    font-size:28px;
}

.dhaarya-card p{
    color:#000;
    line-height:1.9;
    font-size:17px;
    font-weight: 500;
}

@media(max-width:768px){

.dhaarya-grid{
    grid-template-columns:1fr;
}

.dhaarya-title h2{
    font-size:30px;
}

.dhaarya-card{
    padding:25px;
}

}


/* how it is work */

.how-work{
    width:100%;
   
    padding:80px 6%;
  background:#F3FAFF;
    overflow:hidden;
}

.section-title{
    text-align:center;
    margin-bottom:60px;
}

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

.section-title p{
    color:#153093;
    font-size:18px;
    max-width:800px;
    margin:0 auto;
    line-height:1.8;
    font-weight: 800;
}

.work-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:35px;
}

.work-card{
    background:#fff;
    padding:35px;
    border-radius:20px;
    border-top:5px solid #153093;
    box-shadow:0 15px 35px rgba(0,0,0,.15);
    transition:.4s;
}

.work-card:hover{
    transform:translateY(-10px);
}

.step{
    width:70px;
    height:70px;
    background:#153093;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    font-weight:700;
    margin-bottom:20px;
}

.work-card h3{
    color:#153093;
    margin-bottom:15px;
}

.work-card p{
    color:#555;
    line-height:1.8;
}

.register-box{
    text-align:center;
    margin-top:60px;
}

.register-box a{
    display:inline-block;
    padding:18px 45px;
    background:#153093;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    font-weight:700;
    transition:.4s;
}

.register-box a:hover{
    background:#0d6efd;
    color:#fff;
}

@media (max-width:992px){

    .work-grid{
        grid-template-columns:1fr;
    }

}

@media (max-width:768px){

    .how-work{
        padding:60px 20px;
    }

    .section-title h2{
        font-size:32px;
    }

    .section-title p{
        font-size:16px;
    }

}

/* testimonials */
/*==========================
    TESTIMONIAL SECTION
==========================*/

.testimonial-section{
    width:100%;
    padding:20px 5%;
    background:#f8fbff;
}

.testimonial-header{
    text-align:center;
    max-width:850px;
    margin:0 auto 60px;
}

.sub-title{
    display:inline-block;
    padding:8px 20px;
    background:#EAF4FF;
    color:#153093;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:18px;
}

.testimonial-header h2{
    font-size:42px;
    color:#153093;
    margin-bottom:18px;
    font-weight:700;
}

.testimonial-header p{
    color:#666;
    font-size:18px;
    line-height:1.8;
}
/*==========================
      GRID
==========================*/

.testimonial-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

/*==========================
        CARD
==========================*/

.testimonial-card{
    height:45vh;
    min-height:320px;
    max-height:450px;

    border-radius:20px;
    padding:25px;

    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.35s;

    position:relative;
    overflow:hidden;

    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.testimonial-card:hover{
    transform:translateY(-10px);
    box-shadow:0 18px 40px rgba(0,0,0,.15);
}

/* Different Card Colors */

.testimonial-card:nth-child(1){
background:#EAF4FF;
}

.testimonial-card:nth-child(2){
background:#FFEFF6;
}

.testimonial-card:nth-child(3){
background:#EEF9E8;
}

.testimonial-card:nth-child(4){
background:#FFF4E8;
}

.testimonial-card:nth-child(5){
background:#F4EDFF;
}

.testimonial-card:nth-child(6){
background:#EAF9FF;
}

.testimonial-card:nth-child(7){
background:#FFF1F1;
}

/*==========================
      QUOTE
==========================*/

.quote{
    font-size:60px;
    color:#153093;
    opacity:.15;
    line-height:1;
    margin-bottom:15px;
}

/*==========================
      TEXT
==========================*/
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap');

.testimonial-card p{
    font-family:'Caveat', cursive !important;
    font-size:20px !important;
    font-weight:600 !important;
    line-height:1.8 !important;
    color:#444 !important;

    background:#ffffff;
    padding:10px 22px;
    border-radius:18px;

    border-left:5px solid #153093;

    box-shadow:0 8px 20px rgba(0,0,0,.08);

    position:relative;
    margin-top: -41px;
     margin-bottom: 10px;
   
}
/*==========================
      NAME
==========================*/

.testimonial-card h4{
    color:#153093;
    font-size:22px;
    margin-bottom:6px;
    font-weight:700;
}

.testimonial-card span{
    color:#777;
    font-size:15px;
    font-weight:500;
}

/*==========================
    RESPONSIVE
==========================*/

@media(max-width:992px){

.testimonial-grid{
    grid-template-columns:repeat(2,1fr);
}

.testimonial-header h2{
    font-size:34px;
}

}

@media(max-width:768px){

.testimonial-section{
    padding:20px 20px;
}

.testimonial-grid{
    grid-template-columns:1fr;
}

.testimonial-header h2{
    font-size:28px;
}

.testimonial-header p{
    font-size:16px;
}

.testimonial-card{
    min-height:auto;
    padding:25px;
}

.testimonial-card p{
    font-size:15px;
}

.testimonial-card h4{
    font-size:20px;
}

.quote{
    font-size:45px;
}

}

/*/* Disclaimer */

.dhaarya-disclaimer-box{
    background:#fff5f5;
    border-left:6px solid #d32f2f;
    padding:12px 20px;
    box-shadow:0 8px 20px rgba(0,0,0,.08);

    display:flex;
    align-items:center;
    gap:12px;
}

.dhaarya-disclaimer-box h3{
    margin:0;
    color:#c62828;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
    display:flex;
    align-items:center;
    gap:6px;
    flex-shrink:0;
}

.dhaarya-disclaimer-box p{
    margin:0;
    color:#555;
    font-size:10px;
    line-height:1.6;
    font-weight:500;
}

/* Tablet */

@media (max-width:768px){

    .dhaarya-disclaimer-box{
        flex-direction:column;
        align-items:flex-start;
        gap:8px;
        padding:15px;
    }

    .dhaarya-disclaimer-box h3{
        font-size:13px;
    }

    .dhaarya-disclaimer-box p{
        font-size:11px;
    }

}

/* Mobile */

@media (max-width:480px){

    .dhaarya-disclaimer-box{
        padding:12px;
    }

    .dhaarya-disclaimer-box h3{
        font-size:12px;
    }

    .dhaarya-disclaimer-box p{
        font-size:10px;
        line-height:1.5;
    }

}
/* oru servied  */
/*=========================
 OUR SERVICES
=========================*/

.dhaarya-services{
    width:90%;
    max-width:1200px;
    margin:100px auto;
}

.dhaarya-heading{
    margin-top: -82px;
    text-align:center;
    margin-bottom:60px;
}

.dhaarya-heading span{
    color:#d32f2f;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.dhaarya-heading h2{
    font-size:42px;
    margin:15px 0;
    color:#222;
}

.dhaarya-heading p{
    max-width:700px;
    margin:auto;
    color:#666;
    line-height:1.8;
}

/* Grid */

.dhaarya-service-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;

}

/* Cards */

.dhaarya-card{

    border-radius:18px;
    padding:35px;
    color:#fff;
    transition:.4s;
    transform:translateY(60px);
    opacity:0;

    box-shadow:0 18px 35px rgba(0,0,0,.12);

}

.dhaarya-card.active{

    opacity:1;
    transform:translateY(0);

}

.dhaarya-card:hover{

    transform:translateY(-12px);

}

.card-icon{

    font-size:55px;
    margin-bottom:20px;

}

.dhaarya-card h3{

    margin-bottom:10px;
    font-size:26px;

}

.dhaarya-card small{

    display:block;
    margin-bottom:20px;
    opacity:.9;

}

.dhaarya-card ul{

    list-style:none;
    padding:0;
    margin:0;

}

.dhaarya-card li{

    padding:10px 0;
    border-bottom:1px solid rgba(255,255,255,.15);

}

/* Colors */

.customer-card{

     background:linear-gradient(135deg,#ff9a3c,#ff6a00);

}

.advisor-card{

  background: #EB4D55;
}

.partner-card{
background:linear-gradient(135deg,#b9d88d,#7cb342);

}

/* Responsive */

@media(max-width:991px){

.dhaarya-service-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.dhaarya-heading h2{

font-size:32px;

}

.dhaarya-service-grid{

grid-template-columns:1fr;

}

}

/* ===============================
   DHAARYA FEATURE SECTION
================================= */
.dhy-feature-wrap{
    width:100%;
    max-width:100%;
  
    padding:60px 8%;
    background:#DFF4FF ;
    border-radius:0;
    box-sizing:border-box;
}

.dhy-feature-title{
    text-align:center;
    margin-bottom:60px;
}

.dhy-feature-title h2{
    font-size:42px;
    font-weight:700;
    color:#000;
    margin-bottom:15px;
}

.dhy-feature-title p{
    max-width:760px;
    margin:auto;
    font-size:18px;
    line-height:1.8;
    color:#000;
}

.dhy-feature-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.dhy-feature-card{
    position:relative;
    padding:40px;
    border-radius:24px;
    transition:.4s ease;
    overflow:hidden;
}

.dhy-feature-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.dhy-feature-icon{
    width:75px;
    height:75px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    margin-bottom:25px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.dhy-feature-card h3{
    font-size:28px;
    color:#132573;
    margin-bottom:18px;
}

.dhy-feature-card p{
    font-size:17px;
    line-height:1.8;
    color:#555;
}

/* Hover Glow */
.dhy-feature-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,
        rgba(255,255,255,.35),
        transparent);
    opacity:0;
    transition:.4s;
}

.dhy-feature-card:hover::before{
    opacity:1;
}

/* Reveal Animation */
.dhy-reveal-left{
    opacity:0;
    transform:translateX(-80px);
    transition:all .8s ease;
}

.dhy-reveal-left.active{
    opacity:1;
    transform:translateX(0);
}

/* ===============================
   Responsive
================================= */

@media(max-width:991px){

    .dhy-feature-wrap{
        padding:40px 25px;
    }

    .dhy-feature-grid{
        grid-template-columns:1fr;
    }

    .dhy-feature-title h2{
        font-size:34px;
    }

    .dhy-feature-card h3{
        font-size:24px;
    }

}

@media(max-width:576px){

    .dhy-feature-wrap{
        width:100%;
        padding:30px 20px;
    }

    .dhy-feature-title h2{
        font-size:28px;
    }

    .dhy-feature-title p{
        font-size:16px;
    }

    .dhy-feature-card{
        padding:28px;
    }

    .dhy-feature-icon{
        width:60px;
        height:60px;
        font-size:28px;
    }

    .dhy-feature-card h3{
        font-size:22px;
    }

    .dhy-feature-card p{
        font-size:15px;
    }

}

/* faq */

.faq-section{
    width:90%;
    max-width:1300px;
    margin:80px auto;
}

/*==========================
      Heading
==========================*/

.faq-header{
    text-align:center;
    margin-bottom:60px;
}

.faq-header span{
    display:inline-block;
    padding:8px 22px;
    border-radius:30px;
    background:#fff3eb;
    color:#ef5b2e;
    font-size:15px;
    font-weight:600;
}

.faq-header h2{
    margin-top:18px;
    font-size:42px;
    color:#132573;
    font-weight:700;
}

.faq-header p{
    margin-top:15px;
    color:#666;
    font-size:17px;
    line-height:28px;
}

/*==========================
      Layout
==========================*/

.faq-wrapper{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
}

.faq-column{
    display:flex;
    flex-direction:column;
    gap:20px;
}

/*==========================
      Card
==========================*/

.faq-item{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    border:1px solid rgba(0,0,0,.05);
    box-shadow:0 15px 35px rgba(0,0,0,.07);
    transition:.35s;
}

.faq-item:hover{
    transform:translateY(-4px);
    box-shadow:0 20px 45px rgba(0,0,0,.10);
}

/*==========================
      Question
==========================*/

.faq-question{
    width:100%;
    border:none;
    background:#fff;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    cursor:pointer;
    padding:22px 24px;
    text-align:left;
}

.faq-question span:first-child{
    flex:1;
    color:#132573;
    font-size:17px;
    font-weight:600;
    line-height:28px;
}

/*==========================
      Icon
==========================*/

.icon{
    width:38px;
    height:38px;
    min-width:38px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#153093;
    color:#fff;
    font-size:26px;
    font-weight:200;
    transition:.3s;
}

.faq-item.active .icon{
    background:#132573;
    transform:rotate(180deg);
}

/*==========================
      Answer
==========================*/

.faq-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height .45s ease;
}

.faq-answer p{
    padding:0 24px 24px;
    color:#666;
    font-size:15px;
    line-height:28px;
}

.faq-item.active .faq-answer{
    max-height:500px;
}

/*==========================
      Tablet
==========================*/

@media(max-width:991px){

.faq-section{
    width:92%;
    margin:70px auto;
}

.faq-wrapper{
    grid-template-columns:1fr;
    gap:20px;
}

.faq-header{
    margin-top: -54px;
    margin-bottom:40px;
}

.faq-header h2{
    font-size:34px;
}

.faq-header p{
    font-size:16px;
}

}

/*==========================
      Mobile
==========================*/

@media(max-width:767px){

.faq-section{
    width:95%;
    margin:60px auto;
}

.faq-header span{
    font-size:13px;
    padding:7px 18px;
}

.faq-header h2{
    font-size:28px;
    line-height:38px;
}

.faq-header p{
    font-size:15px;
    line-height:26px;
}

.faq-question{
    padding:18px;
    gap:15px;
}

.faq-question span:first-child{
    font-size:15px;
    line-height:24px;
}

.icon{
    width:34px;
    height:34px;
    min-width:34px;
    font-size:22px;
}

.faq-answer p{
    padding:0 18px 20px;
    font-size:14px;
    line-height:24px;
}

}

/*==========================
      Small Mobile
==========================*/

@media(max-width:480px){

.faq-header h2{
    font-size:24px;
}

.faq-question{
    padding:16px;
}

.faq-question span:first-child{
    font-size:14px;
}

.icon{
    width:30px;
    height:30px;
    min-width:30px;
    font-size:20px;
}

.faq-answer p{
    font-size:13px;
    line-height:22px;
}

}

/* claim hero section  */
/*==============================
SUPPORT HERO V2
===============================*/

.css-support-wrap{
    padding:20px 20px;
   background: linear-gradient(135deg, #eef9f1 0%, #fef4f8 100%);
}

.css-support-container{
    max-width:1400px;
    margin:auto;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:70px;
}

/* LEFT */

.css-support-left{
    width:50%;
}

.css-support-tag{

    display:inline-block;
    padding:10px 20px;
    border-radius:40px;
    background:#0B5ED7;
    color:#fff;
    font-size:14px;
    font-weight:600;
    margin-bottom:25px;

}

.css-support-left h1{

    font-size:45px;
    line-height:1.15;
    color:#111;
    margin-bottom:22px;
    font-weight:800;

}

.css-support-left h1 span{

    color:#0B5ED7;

}

.css-support-left p{

    font-size:30px;
    color:#000;
    line-height:1.8;
    font-weight: 600;

}

/* RIGHT */

.css-support-right{
     margin-top: 32px;
    width:50%;

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

}

/* CARD */

.css-issue-card{

    background:#fff;

    border-radius:15px;

    padding:18px;

    display:flex;

    gap:14px;

    border:1px solid #e9eef5;

    box-shadow:0 10px 25px rgba(0,0,0,.05);

    transition:.35s;

}

.css-issue-card:hover{

    transform:translateY(-5px);

    box-shadow:0 18px 40px rgba(0,0,0,.10);

}

.css-issue-card span{

    width:46px;

    min-width:46px;

    height:46px;

    border-radius:50%;

    background:#0B5ED7;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:17px;

    font-weight:700;

}

.css-issue-card h4{

    margin:0 0 8px;

    font-size:17px;

    color:#111;

}

.css-issue-card p{

    margin:0;

    font-size:13px;

    color:#666;

    line-height:1.6;

}

/*==============================
Laptop
===============================*/

@media(max-width:1200px){

.css-support-left h1{

    font-size:46px;

}

.css-support-container{

    gap:45px;

}

}

/*==============================
Tablet
===============================*/

@media(max-width:991px){

.css-support-container{

    flex-direction:column;

}

.css-support-left,
.css-support-right{

    width:100%;

}

.css-support-left{

    text-align:center;

}

.css-support-left h1{

    font-size:42px;

}

.css-support-left p{

    font-size:18px;

}

.css-support-right{

    grid-template-columns:repeat(2,1fr);

}

}

/*==============================
Mobile
===============================*/

@media(max-width:768px){

.css-support-wrap{

    padding:60px 18px;

}

.css-support-left h1{

    font-size:34px;

}

.css-support-left p{

    font-size:16px;

}

.css-support-right{

    grid-template-columns:1fr;

}

.css-issue-card{

    padding:16px;

}

}

/*==============================
Small Mobile
===============================*/

@media(max-width:480px){

.css-support-left h1{

    font-size:24px;

}

.css-support-left p{

    font-size:15px;

}

.css-issue-card span{

    width:40px;

    height:40px;

    min-width:40px;

    font-size:15px;

}

.css-issue-card h4{

    font-size:15px;

}

.css-issue-card p{

    font-size:12px;

}

}
/* smart claim  */
/*======================================
  ADVISOR SUPPORT SYSTEM
======================================*/

.advisor-support-system{
    position:relative;
    overflow:hidden;
    padding:100px 20px;
    background:linear-gradient(135deg,#eef9f1 0%,#fff5f9 100%);
}

.ass-container{
    max-width:1300px;
    margin:auto;
    position:relative;
    z-index:2;
}

/*==============================
Heading
==============================*/

.ass-heading{
    text-align:center;
    max-width:760px;
    margin:0 auto 70px;
}

.ass-heading span:first-child{
    display:inline-block;
    color:#fff;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.ass-heading h2{
    font-size:38px;
    line-height:1.2;
    color:#1b2559;
    margin-bottom:20px;
    font-weight:700;
}

.ass-heading h2 span{
    color:#ff5b9b;
}

.ass-heading p{
    font-size:17px;
    color:#666;
    line-height:1.8;
}

/*==============================
Grid
==============================*/

.ass-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
}

/*==============================
Cards
==============================*/

.ass-card{

    position:relative;
    overflow:hidden;

    background:#E8F7EB;

    backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.8);

    border-radius:28px;

    padding:45px;

    box-shadow:0 15px 45px rgba(0,0,0,.08);

    transition:.45s ease;

}

.ass-card:hover{

    transform:translateY(-12px);

    box-shadow:0 30px 60px rgba(0,0,0,.12);

}

.ass-card::before{

    content:"";

    position:absolute;

    width:180px;
    height:180px;

    border-radius:50%;

    top:-70px;
    right:-70px;

    background:linear-gradient(135deg,#8ce6b4,#ffc2d8);

    opacity:.25;

}

/*==============================
Icon
==============================*/

.ass-icon{

    width:78px;
    height:78px;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:34px;

    border-radius:22px;

    background:linear-gradient(135deg,#18c68f,#ff6ea8);

    margin-bottom:25px;

    animation:assFloat 3.5s ease-in-out infinite;

}

/*==============================
Content
==============================*/

.ass-card h3{

    font-size:30px;

    color:#132573;

    margin-bottom:15px;

}

.ass-card p{

    color:#666;

    line-height:1.8;

    margin-bottom:25px;

}

.ass-card ul{

    list-style:none;

    padding:0;

    margin:0;

}

.ass-card ul li{

    margin-bottom:16px;

    font-size:16px;

    color:#333;

    transform:translateX(-30px);

    opacity:0;

    transition:.45s ease;

}

/*==============================
Scroll List Animation
==============================*/

.ass-card.ass-show li{

    transform:translateX(0);

    opacity:1;

}

.ass-card.ass-show li:nth-child(1){transition-delay:.1s;}
.ass-card.ass-show li:nth-child(2){transition-delay:.2s;}
.ass-card.ass-show li:nth-child(3){transition-delay:.3s;}
.ass-card.ass-show li:nth-child(4){transition-delay:.4s;}
.ass-card.ass-show li:nth-child(5){transition-delay:.5s;}
.ass-card.ass-show li:nth-child(6){transition-delay:.6s;}

/*==============================
Reveal Animation
==============================*/

.ass-reveal{

    opacity:0;

    transform:translateY(70px);

    transition:1s ease;

}

.ass-reveal.ass-active{

    opacity:1;

    transform:translateY(0);

}

/*==============================
Background Blur
==============================*/

.ass-bg-circle{

    position:absolute;

    border-radius:50%;

    filter:blur(90px);

    opacity:.55;

    z-index:1;

}

.ass-bg1{

    width:340px;
    height:340px;

    background:#c7f6d8;

    top:-120px;
    left:-120px;

    animation:assMove1 8s ease-in-out infinite alternate;

}

.ass-bg2{

    width:340px;
    height:340px;

    background:#ffd6e8;

    right:-120px;
    bottom:-120px;

    animation:assMove2 8s ease-in-out infinite alternate;

}

/*==============================
Animations
==============================*/

@keyframes assFloat{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-10px);
    }

}

@keyframes assMove1{

    from{
        transform:translateY(0);
    }

    to{
        transform:translateY(40px);
    }

}

@keyframes assMove2{

    from{
        transform:translateY(0);
    }

    to{
        transform:translateY(-40px);
    }

}

/*==============================
Responsive
==============================*/

@media(max-width:991px){

    .ass-grid{

        grid-template-columns:1fr;

    }

    .ass-heading h2{

        font-size:38px;

    }

}

@media(max-width:768px){

    .advisor-support-system{

        padding:70px 18px;

    }

    .ass-card{

        padding:30px;

    }

    .ass-heading h2{

        font-size:32px;

    }

}

@media(max-width:480px){

    .ass-heading h2{

        font-size:28px;

    }

    .ass-card h3{

        font-size:24px;

    }

    .ass-icon{

        width:65px;
        height:65px;
        font-size:28px;

    }

}

/* other  */
/*========================================
   HOW THIS HELPS YOU
========================================*/

.adv-benefits-section{
    padding:100px 20px;
    background:linear-gradient(135deg,#eef9f1 0%,#fff4f8 100%);
    position:relative;
    overflow:hidden;
}

.adv-benefits-container{
    max-width:1250px;
    margin:auto;
}

/*=========================
 Heading
=========================*/

.adv-benefits-heading{
    text-align:center;
    max-width:760px;
    margin:0 auto 60px;
}

.adv-benefits-tag{
    display:inline-block;
    padding:10px 22px;
    background:#153093;
    color:#fff;
    border-radius:50px;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.adv-benefits-heading h2{
    font-size:48px;
    color:#000;
    margin-bottom:18px;
    line-height:1.2;
}

.adv-benefits-heading p{
    font-size:17px;
    color:#000;
    line-height:1.8;
    font-weight: 600;
}

/*=========================
 Main Box
=========================*/

.adv-benefits-box{

    background:#fff;

    border-radius:30px;

    padding:50px;

    box-shadow:0 20px 60px rgba(0,0,0,.08);

    border:1px solid rgba(0,0,0,.05);

}

.adv-benefits-box h3{

    text-align:center;

    font-size:32px;

    color:#132573;

    margin-bottom:40px;

}

/*=========================
 Grid
=========================*/

.adv-benefits-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:22px;

}

/*=========================
 Benefit Item
=========================*/

.adv-benefit-item{

    display:flex;

    align-items:center;

    gap:18px;

    background:#fafcff;

    border:1px solid #edf1f7;

    border-radius:18px;

    padding:22px 25px;

    transition:.35s ease;

}

.adv-benefit-item:hover{

    transform:translateY(-8px);

    border-color:#18b67b;

    box-shadow:0 18px 35px rgba(0,0,0,.08);

}

.adv-benefit-item span{

    min-width:52px;
    height:52px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:linear-gradient(135deg,#18b67b,#ff6ea7);

    color:#fff;

    font-size:22px;

    font-weight:bold;

}

.adv-benefit-item p{

    margin:0;

    font-size:18px;

    color:#333;

    font-weight:600;

    line-height:1.5;

}

/*=========================
 Responsive
=========================*/

@media(max-width:991px){

    .adv-benefits-heading h2{
        font-size:38px;
    }

    .adv-benefits-box{
        padding:40px 30px;
    }

}

@media(max-width:768px){

    .adv-benefits-grid{
        grid-template-columns:1fr;
    }

    .adv-benefits-heading h2{
        font-size:32px;
    }

    .adv-benefits-box h3{
        font-size:28px;
    }

}

@media(max-width:480px){

    .adv-benefits-section{
        padding:70px 15px;
    }

    .adv-benefits-box{
        padding:25px 20px;
        border-radius:20px;
    }

    .adv-benefits-heading h2{
        font-size:28px;
    }

    .adv-benefits-heading p{
        font-size:15px;
    }

    .adv-benefit-item{
        padding:18px;
    }

    .adv-benefit-item span{
        width:45px;
        height:45px;
        min-width:45px;
        font-size:18px;
    }

    .adv-benefit-item p{
        font-size:16px;
    }

}

/* how its works clim  */
/*==================================
HOW IT WORKS
==================================*/

.dh-process-section{
    padding:0px 20px;
    background:linear-gradient(135deg,#eef9f1,#fff5f9);
}

.dh-process-container{
    max-width:1500px;
    margin:auto;
}

.dh-process-heading{
    text-align:center;
    max-width:750px;
    margin:0 auto 70px;
}

.dh-process-heading span{
    margin-top: 10px;
    display:inline-block;
    color:#14a56b;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.dh-process-heading h2{
    font-size:46px;
    color:#132573;
    margin:15px 0;
}

.dh-process-heading p{
    color:#666;
    line-height:1.8;
}

/*----------------------*/

.dh-process-row{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:20px;

}

/*----------------------*/

.dh-process-card{

    background:#fff;

    border-radius:24px;

    padding:35px 25px;

    text-align:center;

    position:relative;

    transition:.35s;

    border:1px solid #edf1f7;

    box-shadow:0 12px 35px rgba(0,0,0,.07);

}

.dh-process-card:hover{

    transform:translateY(-10px);

    box-shadow:0 22px 45px rgba(0,0,0,.12);

}

.dh-step{

    width:70px;
    height:70px;

    margin:auto;

    margin-bottom:20px;

    border-radius:50%;

    background:linear-gradient(135deg,#16b87a,#ff6ca5);

    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:24px;

    font-weight:700;

}

.dh-process-card h3{

    font-size:22px;

    color:#132573;

    margin-bottom:15px;

}

.dh-process-card p{

    color:#666;

    line-height:1.8;

    font-size:15px;

}

/*=========================
Responsive
=========================*/

@media(max-width:1200px){

.dh-process-row{

grid-template-columns:repeat(3,1fr);

}

}

@media(max-width:768px){

.dh-process-row{

grid-template-columns:repeat(2,1fr);

}

.dh-process-heading h2{

font-size:34px;

}

}

@media(max-width:550px){

.dh-process-row{

grid-template-columns:1fr;

}

.dh-process-heading h2{

font-size:28px;

}

.dh-process-card{

padding:30px 20px;

}

}


.abx-btns{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.abx-btns a{
    display:flex;
    align-items:center;
    gap:10px;
    padding:14px 28px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    transition:.35s;
}

.abx-whatsapp{
    background:#25D366;
    color:#fff;
}

.abx-whatsapp:hover{
    background:#1ebc59;
    transform:translateY(-3px);
}

.abx-contact{
    background:#132573;
    color:#fff;
}

.abx-contact:hover{
    background:#0d1c58;
    transform:translateY(-3px);
}

.abx-btns i{
    font-size:20px;
}


/*====================================================
DHAARYA PRIVACY POLICY CSS
====================================================*/

.dhaarya-privacy-section{
    position:relative;
    overflow:hidden;
    padding:100px 20px;
    background:linear-gradient(135deg,#061325 0%,#0b2140 50%,#081a31 100%);
}

/* Background Glow */

.dhaarya-privacy-section::before{
    content:"";
    position:absolute;
    width:550px;
    height:550px;
    top:-220px;
    right:-220px;
    background:#1498ff22;
    border-radius:50%;
    filter:blur(100px);
}

.dhaarya-privacy-section::after{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    bottom:-180px;
    left:-180px;
    background:#2fc4ff18;
    border-radius:50%;
    filter:blur(90px);
}

.dhaarya-privacy-container{
    max-width:1200px;
    margin:auto;
    position:relative;
    z-index:2;
}

/*==================================
Header
==================================*/

.dhaarya-privacy-header{
    text-align:center;
    max-width:850px;
    margin:0 auto 70px;
}

.dhaarya-policy-tag{
    display:inline-block;
    padding:9px 22px;
    background:#0f8ece20;
    color:#5ed8ff;
    border:1px solid #2fbcff;
    border-radius:30px;
    font-size:13px;
    letter-spacing:2px;
    font-weight:600;
    margin-bottom:20px;
}

.dhaarya-privacy-header h2{
    font-size:48px;
    color:#fff;
    margin-bottom:15px;
}

.dhaarya-privacy-header span{
    color:#26c3ff;
}

.dhaarya-updated{
    color:#8fd8ff;
    margin-bottom:18px;
}

.dhaarya-intro{
    color:#d7e4ef;
    line-height:1.8;
    font-size:16px;
}

/*==================================
Grid
==================================*/

.dhaarya-policy-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

/*==================================
Cards
==================================*/

.dhaarya-policy-card{

    position:relative;

    overflow:hidden;

    border-radius:22px;

    padding:32px;

    transition:.4s;

    border:1px solid rgba(255,255,255,.18);

    min-height:320px;

}

/* Different Background Colors */

.dhaarya-policy-card:nth-child(1){
    background:#dff5ff;
}

.dhaarya-policy-card:nth-child(2){
    background:#fff5df;
}

.dhaarya-policy-card:nth-child(3){
    background:#e8fff1;
}

.dhaarya-policy-card:nth-child(4){
    background:#e8f8ff;
}

.dhaarya-policy-card:nth-child(5){
    background:#f1ebff;
}

/* Decorative Circle */

.dhaarya-policy-card::before{

    content:"";

    position:absolute;

    width:130px;

    height:130px;

    right:-40px;

    top:-40px;

    border-radius:50%;

    background:rgba(255,255,255,.35);

}

/* Hover */

.dhaarya-policy-card:hover{

    transform:translateY(-10px);

    box-shadow:0 18px 40px rgba(0,0,0,.18);

}

/* Card Number */

.dhaarya-card-number{

    position:absolute;

    right:20px;

    top:18px;

    font-size:60px;

    font-weight:700;

    color:rgba(0,0,0,.08);

}

/* Icons */

.dhaarya-icon{

    width:68px;

    height:68px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:28px;

    color:#fff;

    margin-bottom:22px;

}

.dhaarya-policy-card:nth-child(1) .dhaarya-icon{
    background:#0f8ece;
}

.dhaarya-policy-card:nth-child(2) .dhaarya-icon{
    background:#ff9800;
}

.dhaarya-policy-card:nth-child(3) .dhaarya-icon{
    background:#00b66d;
}

.dhaarya-policy-card:nth-child(4) .dhaarya-icon{
    background:#00bcd4;
}

.dhaarya-policy-card:nth-child(5) .dhaarya-icon{
    background:#7257ff;
}

/* Heading */

.dhaarya-policy-card h3{

    color:#132f4f;

    margin-bottom:18px;

    font-size:25px;

}

/* Paragraph */

.dhaarya-policy-card p{

    color:#506174;

    line-height:1.9;

    font-size:15px;

}

/* List */

.dhaarya-policy-card ul{

    padding-left:20px;

}

.dhaarya-policy-card li{

    color:#506174;

    line-height:1.9;

    margin-bottom:12px;

}

.dhaarya-policy-card strong{

    color:#0f3052;

}

/*==================================
Bottom Notice
==================================*/

.dhaarya-privacy-note{

    margin-top:60px;

    display:flex;

    gap:25px;

    align-items:flex-start;

    padding:35px;

    background:#eef8ff;

    border-left:6px solid #0f8ece;

    border-radius:22px;

}

.dhaarya-note-icon{

    width:70px;

    height:70px;

    border-radius:50%;

    background:#0f8ece;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:28px;

    flex-shrink:0;

}

.dhaarya-note-content h4{

    color:#163d60;

    font-size:25px;

    margin-bottom:12px;

}

.dhaarya-note-content p{

    color:#4c6277;

    line-height:1.9;

}

/*==================================
Animation
==================================*/

.dhaarya-reveal{

    opacity:0;

    transform:translateY(60px);

    transition:1s;

}

.dhaarya-reveal.dhaarya-active{

    opacity:1;

    transform:translateY(0);

}

.dhaarya-delay-1{
    transition-delay:.15s;
}

.dhaarya-delay-2{
    transition-delay:.30s;
}

.dhaarya-delay-3{
    transition-delay:.45s;
}

.dhaarya-delay-4{
    transition-delay:.60s;
}

.dhaarya-delay-5{
    transition-delay:.75s;
}

/*==================================
Tablet
==================================*/

@media(max-width:991px){

.dhaarya-policy-grid{

    grid-template-columns:1fr;

}

.dhaarya-policy-card{

    min-height:auto;

}

}

/*==================================
Mobile
==================================*/

@media(max-width:768px){

.dhaarya-privacy-section{

    padding:70px 15px;

}

.dhaarya-privacy-header h2{

    font-size:34px;

}

.dhaarya-policy-card{

    padding:25px;

    border-radius:18px;

}

.dhaarya-card-number{

    font-size:42px;

}

.dhaarya-policy-card h3{

    font-size:21px;

}

.dhaarya-icon{

    width:58px;

    height:58px;

    font-size:24px;

}

.dhaarya-privacy-note{

    flex-direction:column;

    padding:22px;

}

.dhaarya-note-icon{

    width:55px;

    height:55px;

    font-size:22px;

}

}


/* terms and contion  */
/*====================================================
DHAARYA TERMS & CONDITIONS
====================================================*/

.dhaarya-terms-section{
    position:relative;
    overflow:hidden;
    padding:100px 20px;
    background:linear-gradient(135deg,#061325,#0b2240,#08192f);
}

/* Background Glow */

.dhaarya-terms-section::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    top:-180px;
    right:-180px;
    background:#0f8ece25;
    border-radius:50%;
    filter:blur(90px);
}

.dhaarya-terms-section::after{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    left:-150px;
    bottom:-150px;
    background:#25d4ff15;
    border-radius:50%;
    filter:blur(80px);
}

.dhaarya-terms-container{
    max-width:1200px;
    margin:auto;
    position:relative;
    z-index:2;
}

/*=========================================
Header
=========================================*/

.dhaarya-terms-header{
    text-align:center;
    max-width:850px;
    margin:0 auto 70px;
}

.dhaarya-terms-tag{
    display:inline-block;
    padding:9px 22px;
    border-radius:30px;
    background:#0f8ece20;
    color:#5ed9ff;
    border:1px solid #0f8ece;
    font-size:13px;
    letter-spacing:2px;
    font-weight:600;
    margin-bottom:18px;
}

.dhaarya-terms-header h2{
    font-size:46px;
    color:#fff;
    margin-bottom:15px;
}

.dhaarya-terms-header span{
    color:#2ec8ff;
}

.dhaarya-terms-date{
    color:#8fd8ff;
    margin-bottom:18px;
}

.dhaarya-terms-intro{
    color:#d4dfeb;
    line-height:1.9;
}

/*=========================================
Grid
=========================================*/

.dhaarya-terms-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

/*=========================================
Cards
=========================================*/

.dhaarya-terms-card{

    position:relative;

    overflow:hidden;

    padding:32px;

    border-radius:22px;

    transition:.4s;

    border:1px solid rgba(255,255,255,.12);

    min-height:320px;

}

/* Card Colors */

.dhaarya-terms-card:nth-child(1){
    background:#dff5ff;
}

.dhaarya-terms-card:nth-child(2){
    background:#fff4df;
}

.dhaarya-terms-card:nth-child(3){
    background:#e9fff2;
}

.dhaarya-terms-card:nth-child(4){
    background:#e9f8ff;
}

.dhaarya-terms-card:nth-child(5){
    background:#f2ebff;
}

/* Decorative Circle */

.dhaarya-terms-card::before{

    content:"";

    position:absolute;

    width:130px;

    height:130px;

    top:-45px;

    right:-45px;

    border-radius:50%;

    background:rgba(255,255,255,.40);

}

/* Hover */

.dhaarya-terms-card:hover{

    transform:translateY(-10px);

    box-shadow:0 18px 45px rgba(0,0,0,.18);

}

/* Number */

.dhaarya-terms-number{

    position:absolute;

    right:20px;

    top:18px;

    font-size:58px;

    font-weight:700;

    color:rgba(0,0,0,.08);

}

/* Icon */

.dhaarya-terms-icon{

    width:68px;

    height:68px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:28px;

    color:#fff;

    margin-bottom:20px;

}

/* Different Icon Colors */

.dhaarya-terms-card:nth-child(1) .dhaarya-terms-icon{
    background:#0f8ece;
}

.dhaarya-terms-card:nth-child(2) .dhaarya-terms-icon{
    background:#ff9800;
}

.dhaarya-terms-card:nth-child(3) .dhaarya-terms-icon{
    background:#00b56b;
}

.dhaarya-terms-card:nth-child(4) .dhaarya-terms-icon{
    background:#00bcd4;
}

.dhaarya-terms-card:nth-child(5) .dhaarya-terms-icon{
    background:#7357ff;
}

/* Text */

.dhaarya-terms-card h3{

    color:#163454;

    margin-bottom:18px;

    font-size:24px;

}

.dhaarya-terms-card p{

    color:#55687b;

    line-height:1.9;

    font-size:15px;

}

.dhaarya-terms-card ul{

    padding-left:20px;

}

.dhaarya-terms-card li{

    color:#55687b;

    line-height:1.9;

    margin-bottom:12px;

}

.dhaarya-terms-card strong{

    color:#12365d;

}

/*=========================================
Bottom Notice
=========================================*/

.dhaarya-terms-note{

    margin-top:60px;

    display:flex;

    align-items:flex-start;

    gap:20px;

    padding:32px;

    background:#eef8ff;

    border-left:6px solid #0f8ece;

    border-radius:20px;

}

.dhaarya-terms-note-icon{

    width:65px;

    height:65px;

    border-radius:50%;

    background:#0f8ece;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:26px;

    flex-shrink:0;

}

.dhaarya-terms-note-content h4{

    color:#163b60;

    font-size:24px;

    margin-bottom:12px;

}

.dhaarya-terms-note-content p{

    color:#55687b;

    line-height:1.8;

}

/*=========================================
Scroll Animation
=========================================*/

.dhaarya-terms-reveal{

    opacity:0;

    transform:translateY(60px);

    transition:1s;

}

.dhaarya-terms-reveal.dhaarya-terms-active{

    opacity:1;

    transform:translateY(0);

}

.dhaarya-terms-delay-1{transition-delay:.15s;}
.dhaarya-terms-delay-2{transition-delay:.30s;}
.dhaarya-terms-delay-3{transition-delay:.45s;}
.dhaarya-terms-delay-4{transition-delay:.60s;}
.dhaarya-terms-delay-5{transition-delay:.75s;}

/*=========================================
Tablet
=========================================*/

@media(max-width:991px){

.dhaarya-terms-grid{

    grid-template-columns:1fr;

}

.dhaarya-terms-card{

    min-height:auto;

}

}

/*=========================================
Mobile
=========================================*/

@media(max-width:768px){

.dhaarya-terms-section{

    padding:70px 15px;

}

.dhaarya-terms-header h2{

    font-size:32px;

}

.dhaarya-terms-card{

    padding:24px;

    border-radius:18px;

}

.dhaarya-terms-number{

    font-size:42px;

}

.dhaarya-terms-card h3{

    font-size:21px;

}

.dhaarya-terms-icon{

    width:58px;

    height:58px;

    font-size:22px;

}

.dhaarya-terms-note{

    flex-direction:column;

    padding:22px;

}

.dhaarya-terms-note-icon{

    width:55px;

    height:55px;

    font-size:22px;

}

}




/* Language Switch */
.language-switch{
    width: 100%;
    background: #000;
    padding: 10px 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    position: relative;
    z-index: 9999;
}


/* Language Buttons */
.language-switch button{
    background: #1145B4;
    color: #fff;
    border: 2px solid #1145B4;
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s ease;
}


.language-switch button:hover{
    background: #fff;
    color: #1145B4;
}


/* Hide Google Translate Box */
#google_translate_element{
    display: none !important;
}


/* Desktop */
@media (min-width:768px){

    .language-switch{
        padding-right:40px;
    }

    .language-switch button{
        font-size:13px;
        padding:4px 15px;
    }

}


/* Tablet + Mobile */
@media (max-width:767px){

    .language-switch{
        justify-content:center;
        padding:10px;
        gap:8px;
    }


    .language-switch button{
        font-size:13px;
        padding:7px 15px;
    }

}


/* Small Mobile */
@media (max-width:400px){

    .language-switch button{
        font-size:12px;
        padding:6px 12px;
    }

}


/* traslate */