/* ============================================================
   OAKBRIDGE SERVICES — STYLE.CSS
   Professional Debt Collection & BPO Website
   ============================================================ */

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

/* ── CSS VARIABLES ── */
:root {
--oak-navy:      #860909;
--oak-deep:      #1A1A1C;
--oak-blue:      #860909;
--oak-accent:    #860909;
--oak-gold:     #860909;
  --oak-light:     #F4F7FB;
  --oak-white:     #FFFFFF;
  --oak-gray:      #6B7A8D;
  --oak-muted:     #8D9BAD;
  --oak-border:    #D8E2EF;
  --oak-text:      #1A2B3C;
  --oak-subtext:   #000;
  --font-display:  'Playfair Display', Georgia, serif;
  --font-body:     'Poppins', sans-serif;
  --shadow-sm:     0 2px 12px rgba(10,22,40,0.08);
  --shadow-md:     0 8px 32px rgba(10,22,40,0.12);
  --shadow-lg:     0 20px 60px rgba(10,22,40,0.18);
  --shadow-gold:   0 8px 32px rgba(200,146,42,0.25);
  --radius:        12px;
  --radius-lg:     20px;
  --transition:    all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

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

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

body {
  font-family: var(--font-body);
  color: var(--oak-text);
  background-color: var(--oak-white);
  overflow-x: hidden;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

/* ── TYPOGRAPHY ── */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  font-weight: 700;
  line-height: 1.25;
  color: var(--oak-navy);
}

h1 { font-size: clamp(2.6rem, 5vw, 4.2rem); }
h2 { font-size: clamp(2rem, 4vw, 3rem); }
h3 { font-size: clamp(1.4rem, 2.5vw, 1.9rem); }
h4 { font-size: 1.3rem; }
p  { font-size: 1.05rem; color: var(--oak-subtext); }

a {
  text-decoration: none;
  transition: var(--transition);
}

/* ── UTILITY CLASSES ── */
.section-label {
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--oak-accent);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 1rem;
}

.section-label::before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 2px;
  background: var(--oak-accent);
  border-radius: 2px;
}

.section-label::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  background: var(--oak-accent);
  border-radius: 50%;
}

.section-title {
  font-family: var(--font-display);
  font-weight: 800;
  color: var(--oak-navy);
  margin-bottom: 1rem;
}

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

.section-desc {
  font-size: 1.1rem;
  color: var(--oak-subtext);
  max-width: 620px;
  line-height: 1.8;
}

.gold-line {
  width: 60px;
  height: 4px;
  background: linear-gradient(90deg, var(--oak-accent), var(--oak-gold));
  border-radius: 4px;
  margin-bottom: 1.5rem;
}

/* ── BUTTONS ── */
.btn-oak-primary {
  background: linear-gradient(135deg, var(--oak-accent) 0%, var(--oak-gold) 100%);
  color: var(--oak-white);
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 1rem;
  padding: 16px 36px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: var(--shadow-gold);
  transition: var(--transition);
  letter-spacing: 0.02em;
  cursor: pointer;
}

.btn-oak-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 48px rgba(200,146,42,0.4);
  color: var(--oak-white);
}

.btn-oak-primary i {
  transition: transform 0.3s ease;
}

.btn-oak-primary:hover i {
  transform: translateX(4px);
}

.btn-oak-outline {
  background: transparent;
  color: var(--oak-navy);
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 1rem;
  padding: 15px 36px;
  border-radius: 50px;
  border: 2px solid var(--oak-navy);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: var(--transition);
  letter-spacing: 0.02em;
  cursor: pointer;
}

.btn-oak-outline:hover {
  background: var(--oak-navy);
  color: var(--oak-white);
  transform: translateY(-3px);
}

.btn-oak-white {
  background: var(--oak-white);
  color: var(--oak-navy);
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 1rem;
  padding: 16px 36px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: var(--shadow-md);
  transition: var(--transition);
  cursor: pointer;
}

.btn-oak-white:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-lg);
  color: var(--oak-accent);
}

/* ======================================================
   HEADER — TOP BAR + NAVIGATION
   ====================================================== */
.header-top {
  background: var(--oak-navy);
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.header-top-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.top-contact-items {
  display: flex;
  align-items: center;
  gap: 28px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.top-contact-items li a {
  color: rgba(255,255,255,0.75);
  font-size: 0.88rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: color 0.3s;
}

.top-contact-items li a i {
  color: var(--oak-gold);
  font-size: 0.8rem;
}

.top-contact-items li a:hover {
  color: #fff;
}

.top-social {
  display: flex;
  align-items: center;
  gap: 14px;
}

.top-social a {
  color: rgba(255,255,255,0.65);
  font-size: 0.85rem;
  transition: color 0.3s;
}

.top-social a:hover {
  color: #fff;
}

/* ── LOGO STRIP ── */
.header-logo-strip {
  background: var(--oak-white);
  padding: 22px 0;
  border-bottom: 1px solid var(--oak-border);
  position: relative;
}

.logo-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
}

.logo-icon-box {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, var(--oak-navy), var(--oak-blue));
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 20px rgba(10,22,40,0.2);
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.logo-icon-box::before {
  content: '';
  position: absolute;
  top: -30%;
  left: -30%;
  width: 80%;
  height: 80%;
  background: rgb(255 255 255 / 60%);
  border-radius: 50%;
}

.logo-icon-box i {
  color: #fff;
  font-size: 1.6rem;
  position: relative;
  z-index: 1;
}

.logo-text-group {
  display: flex;
  flex-direction: column;
  line-height: 1;
}

.logo-name {
  font-family: var(--font-display);
  font-size: 1.65rem;
  font-weight: 800;
  color: var(--oak-navy);
  letter-spacing: -0.01em;
}

.logo-name span {
  color: var(--oak-accent);
}

.logo-tagline {
  font-family: var(--font-body);
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--oak-muted);
  margin-top: 4px;
}

.header-logo-strip .header-cta-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* ── MAIN NAV ── */
.main-nav {
  background: var(--oak-navy);
  position: sticky;
  top: 0;
  z-index: 999;
  box-shadow: 0 4px 24px rgba(10,22,40,0.25);
  transition: var(--transition);
}

.main-nav.scrolled {
  box-shadow: 0 6px 32px rgba(10,22,40,0.35);
}

.navbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}

.nav-links {
  display: flex;
  align-items: center;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav-links > li {
  position: relative;
}

.nav-links > li > a {
  color: rgba(255,255,255,0.85);
  font-family: var(--font-body);
  font-size: 0.95rem;
  font-weight: 500;
  padding: 20px 22px;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: var(--transition);
  position: relative;
}

.nav-links > li > a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background: var(--oak-gold);
  transition: all 0.35s ease;
  transform: translateX(-50%);
  border-radius: 3px 3px 0 0;
}

.nav-links > li:hover > a,
.nav-links > li.active > a {
  color: #ffffff;
}

.nav-links > li:hover > a::after,
.nav-links > li.active > a::after {
  width: 80%;
}

.nav-links > li > a i {
  font-size: 0.7rem;
  transition: transform 0.3s;
}

.nav-links > li:hover > a i {
  transform: rotate(180deg);
}

/* Dropdown */
.nav-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  background: var(--oak-white);
  min-width: 280px;
  border-radius: var(--radius);
  box-shadow: var(--shadow-lg);
  padding: 12px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: var(--transition);
  list-style: none;
  margin: 0;
  border-top: 3px solid var(--oak-gold);
  z-index: 1000;
}

.nav-links > li:hover .nav-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.nav-dropdown li a {
  color: var(--oak-text);
  font-family: var(--font-body);
  font-size: 0.92rem;
  font-weight: 500;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: var(--transition);
}

.nav-dropdown li a i {
  color: var(--oak-accent);
  font-size: 0.85rem;
  width: 18px;
}

.nav-dropdown li a:hover {
  background: var(--oak-light);
  color: var(--oak-accent);
  padding-left: 32px;
}

.nav-contact-btn {
  background: linear-gradient(135deg, var(--oak-accent), var(--oak-gold));
  color: var(--oak-white);
  font-family: var(--font-body);
  font-size: 0.92rem;
  font-weight: 600;
  padding: 11px 26px;
  border-radius: 50px;
  border: 2px solid #fff;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: var(--transition);
  white-space: nowrap;
  cursor: pointer;
}

.nav-contact-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(200,146,42,0.4);
  color: var(--oak-white);
}

/* Mobile Toggle */
.nav-toggler {
  background: none;
  border: 2px solid rgba(255,255,255,0.3);
  border-radius: 8px;
  padding: 8px 12px;
  cursor: pointer;
  display: none;
  flex-direction: column;
  gap: 5px;
}

.nav-toggler span {
  display: block;
  width: 24px;
  height: 2px;
  background: var(--oak-white);
  border-radius: 2px;
  transition: var(--transition);
}

/* Mobile Nav */
.mobile-nav {
  display: none;
  background: var(--oak-navy);
  border-top: 1px solid rgba(255,255,255,0.1);
  padding: 16px 0;
}

.mobile-nav.open {
  display: block;
}

.mobile-nav-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mobile-nav-links > li > a {
  color: rgba(255,255,255,0.85);
  font-family: var(--font-body);
  font-size: 1rem;
  font-weight: 500;
  padding: 14px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  transition: color 0.3s;
}

.mobile-nav-links > li > a:hover {
  color: var(--oak-gold);
}

.mobile-sub {
  list-style: none;
  padding: 0;
  background: rgba(255,255,255,0.04);
  display: none;
}

.mobile-sub.open {
  display: block;
}

.mobile-sub li a {
  color: rgba(255,255,255,0.65);
  font-family: var(--font-body);
  font-size: 0.9rem;
  padding: 12px 40px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid rgba(255,255,255,0.04);
  transition: color 0.3s;
}

.mobile-sub li a:hover {
  color: var(--oak-gold);
}

.mobile-cta-wrap {
  padding: 16px 24px;
}

/* ======================================================
   HERO SECTION
   ====================================================== */
.hero-section {
  position: relative;
  min-height: 92vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: var(--oak-navy);
}

.hero-bg-image {
  position: absolute;
  inset: 0;
  background-image: url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=1800&auto=format&fit=crop&q=80');
  background-size: cover;
  background-position: center;
  opacity: 0.18;
  transform: scale(1.05);
  animation: heroZoom 18s ease-in-out infinite alternate;
}

@keyframes heroZoom {
  0%   { transform: scale(1.05); }
  100% { transform: scale(1.12); }
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg,
    rgba(10,22,40,0.98) 0%,
    rgba(14,32,69,0.90) 50%,
    rgba(27,79,138,0.70) 100%);
}

.hero-grid-pattern {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(228,168,53,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(228,168,53,0.04) 1px, transparent 1px);
  background-size: 60px 60px;
  animation: gridShift 20s linear infinite;
}

@keyframes gridShift {
  0%   { transform: translate(0, 0); }
  100% { transform: translate(60px, 60px); }
}

.hero-floating-orb-1 {
  position: absolute;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(200,146,42,0.12) 0%, transparent 70%);
  top: -100px;
  right: -100px;
  animation: orbFloat 8s ease-in-out infinite;
}

.hero-floating-orb-2 {
  position: absolute;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(27,79,138,0.20) 0%, transparent 70%);
  bottom: -80px;
  left: 10%;
  animation: orbFloat 12s ease-in-out infinite reverse;
}

@keyframes orbFloat {
  0%, 100% { transform: translateY(0) scale(1); }
  50%       { transform: translateY(-30px) scale(1.05); }
}

.hero-content {
  position: relative;
  z-index: 2;
  padding: 80px 0 60px;
}

.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgb(255 255 255);
  border: 1px solid rgba(200,146,42,0.35);
  border-radius: 50px;
  padding: 8px 20px;
  color: var(--oak-gold);
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 28px;
  animation: fadeInDown 0.8s ease both;
}

.hero-badge i {
  font-size: 0.7rem;
}

@keyframes fadeInDown {
  from { opacity: 0; transform: translateY(-20px); }
  to   { opacity: 1; transform: translateY(0); }
}

.hero-headline {
  font-family: var(--font-display);
  font-size: clamp(2.8rem, 5.5vw, 4rem);
  font-weight: 900;
  color: var(--oak-white);
  line-height: 1.12;
  margin-bottom: 28px;
  animation: fadeInUp 0.9s ease 0.2s both;
}

.hero-headline .line-accent {
  color: var(--oak-gold);
  font-style: italic;
  display: block;
}

.hero-headline .line-stroke {
  -webkit-text-stroke: 1.5px rgba(255,255,255,0.5);
  color: transparent;
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}

.hero-subtext {
  font-size: 1.15rem;
  color: rgba(255,255,255,0.72);
  max-width: 560px;
  line-height: 1.8;
  margin-bottom: 40px;
  animation: fadeInUp 0.9s ease 0.35s both;
}

.hero-buttons {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  animation: fadeInUp 0.9s ease 0.5s both;
}

.btn-hero-primary {
  background: linear-gradient(135deg, var(--oak-accent), var(--oak-gold));
  color: var(--oak-white);
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 1.05rem;
  padding: 18px 40px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  box-shadow: 0 12px 40px rgba(200,146,42,0.4);
  transition: var(--transition);
  cursor: pointer;
  letter-spacing: 0.01em;
}

.btn-hero-primary:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 60px rgba(200,146,42,0.5);
  color: var(--oak-white);
}

.btn-hero-outline {
  background: rgba(255,255,255,0.07);
  backdrop-filter: blur(10px);
  color: var(--oak-white);
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 1.05rem;
  padding: 17px 40px;
  border-radius: 50px;
  border: 1.5px solid rgba(255,255,255,0.25);
  display: inline-flex;
  align-items: center;
  gap: 12px;
  transition: var(--transition);
  cursor: pointer;
}

.btn-hero-outline:hover {
  background: rgba(255,255,255,0.15);
  border-color: rgba(255,255,255,0.5);
  transform: translateY(-4px);
  color: var(--oak-white);
}

/* Hero Stats Row */
.hero-stats-row {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-top: 60px;
  padding-top: 40px;
  border-top: 1px solid rgba(255,255,255,0.12);
  animation: fadeInUp 0.9s ease 0.65s both;
  flex-wrap: wrap;
}

.hero-stat {
  display: flex;
  flex-direction: column;
}

.hero-stat-number {
  font-family: var(--font-display);
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--oak-gold);
  line-height: 1;
}

.hero-stat-number sup {
  font-size: 1.2rem;
  font-weight: 700;
}

.hero-stat-label {
  font-size: 0.82rem;
  font-weight: 500;
  color: rgba(255,255,255,0.55);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-top: 4px;
}

.hero-stat-divider {
  width: 1px;
  height: 50px;
  background: rgba(255,255,255,0.15);
}

/* Hero Right Card */
.hero-right {
  position: relative;
  z-index: 2;
  animation: fadeInRight 1s ease 0.4s both;
}

@keyframes fadeInRight {
  from { opacity: 0; transform: translateX(40px); }
  to   { opacity: 1; transform: translateX(0); }
}

.hero-card-main {
  background: rgba(255,255,255,0.04);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: var(--radius-lg);
  padding: 0;
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  position: relative;
}

.hero-card-main::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--oak-accent), var(--oak-gold));
}

.hero-card-img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
  opacity: 0.85;
}

.hero-card-body {
  padding: 28px;
}

.hero-card-body h4 {
  color: var(--oak-white);
  font-size: 1.2rem;
  margin-bottom: 8px;
}

.hero-card-body p {
  color: rgba(255,255,255,0.60);
  font-size: 0.9rem;
  line-height: 1.6;
  margin-bottom: 20px;
}

.hero-card-tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.hero-card-tags span {
  background: rgba(200,146,42,0.18);
  border: 1px solid rgba(200,146,42,0.3);
  color: var(--oak-gold);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 5px 14px;
  border-radius: 50px;
}

.hero-floating-badge {
  position: absolute;
  bottom: -100px;
  left: -20px;
  background: linear-gradient(135deg, var(--oak-navy), var(--oak-blue));
  border: 2px solid var(--oak-gold);
  border-radius: var(--radius);
  padding: 18px 22px;
  box-shadow: var(--shadow-lg);
  display: flex;
  align-items: center;
  gap: 14px;
  animation: badgePulse 4s ease-in-out infinite;
}

@keyframes badgePulse {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-8px); }
}

.hero-floating-badge i {
  color: var(--oak-gold);
  font-size: 1.4rem;
}

.hero-floating-badge-text strong {
  display: block;
  color: var(--oak-white);
  font-size: 1.1rem;
  font-weight: 700;
}

.hero-floating-badge-text span {
  color: rgba(255,255,255,0.55);
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* ======================================================
   CLIENTS / TRUST BAR
   ====================================================== */
.trust-bar {
  background: var(--oak-light);
  padding: 28px 0;
  border-bottom: 1px solid var(--oak-border);
  border-top: 1px solid var(--oak-border);
  overflow: hidden;
}

.trust-bar-label {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--oak-muted);
  white-space: nowrap;
  padding-right: 30px;
  border-right: 1px solid var(--oak-border);
  margin-right: 30px;
  flex-shrink: 0;
}

.trust-bar-inner {
  display: flex;
  align-items: center;
}

.trust-scroll-track {
  overflow: hidden;
  flex: 1;
}

.trust-scroll-inner {
  display: flex;
  align-items: center;
  gap: 60px;
  animation: trustScroll 30s linear infinite;
  width: max-content;
}

@keyframes trustScroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.trust-logo-item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--oak-muted);
  font-family: var(--font-display);
  font-size: 1.1rem;
  font-weight: 700;
  white-space: nowrap;
  transition: color 0.3s;
  opacity: 0.65;
}

.trust-logo-item i {
  font-size: 1.3rem;
  color: var(--oak-accent);
  opacity: 0.6;
}

.trust-logo-item:hover {
  opacity: 1;
  color: var(--oak-navy);
}

/* ======================================================
   ABOUT SECTION
   ====================================================== */
.about-section {
  padding: 110px 0;
  background: var(--oak-white);
  position: relative;
  overflow: hidden;
}

.about-section::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 100%;
  background: #767887a8;
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
}

.about-img-col {
  position: relative;
  padding-right: 40px;
}

.about-img-main {
  width: 100%;
  height: 480px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  display: block;
  position: relative;
  z-index: 1;
}

.about-img-frame {
  position: absolute;
  top: -20px;
  left: -20px;
  right: 60px;
  bottom: 30px;
  border: 2px solid var(--oak-gold);
  border-radius: var(--radius-lg);
  z-index: 0;
  opacity: 0.4;
}

.about-exp-badge {
  position: absolute;
  bottom: 40px;
  right: 20px;
  background: linear-gradient(135deg, var(--oak-navy), var(--oak-blue));
  border-radius: var(--radius);
  padding: 24px;
  text-align: center;
  box-shadow: var(--shadow-lg);
  z-index: 2;
  min-width: 140px;
  animation: badgePulse 5s ease-in-out infinite;
}

.about-exp-badge .exp-number {
  font-family: var(--font-display);
  font-size: 2.8rem;
  font-weight: 900;
  color: var(--oak-gold);
  line-height: 1;
  display: block;
}

.about-exp-badge .exp-text {
  font-size: 0.78rem;
  font-weight: 600;
  color: rgba(255,255,255,0.65);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-top: 4px;
  display: block;
}

.about-content {
  position: relative;
  z-index: 1;
  padding-left: 20px;
}

.about-checklist {
  list-style: none;
  padding: 0;
  margin: 32px 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.about-checklist li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--oak-subtext);
}

.about-checklist li i {
  width: 28px;
  height: 28px;
  background: rgb(134 9 9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.75rem;
  flex-shrink: 0;
}

/* ======================================================
   SERVICES SECTION
   ====================================================== */
.services-section {
  padding: 110px 0;
  background: var(--oak-light);
  position: relative;
  overflow: hidden;
}

.services-section::before {
  content: 'SERVICES';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: var(--font-display);
  font-size: 18vw;
  font-weight: 900;
  color: rgba(10,22,40,0.025);
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
}

.services-header {
  text-align: center;
  margin-bottom: 70px;
}

.services-header .section-desc {
  margin: 0 auto;
}

.service-card {
  background: var(--oak-white);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: var(--transition);
  height: 100%;
  border: 1px solid transparent;
  position: relative;
}

.service-card::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: var(--radius-lg);
  border: 2px solid var(--oak-gold);
  opacity: 0;
  transition: opacity 0.4s;
}

.service-card:hover {
  transform: translateY(-10px);
  box-shadow: var(--shadow-lg);
}

.service-card:hover::before {
  opacity: 1;
}

.service-card-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
}

.service-card:hover .service-card-img {
  transform: scale(1.05);
}

.service-card-img-wrap {
  overflow: hidden;
  position: relative;
}

.service-card-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  background: linear-gradient(135deg, var(--oak-accent), var(--oak-gold));
  color: var(--oak-white);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 5px 14px;
  border-radius: 50px;
}

.service-card-body {
  padding: 30px;
}

.service-icon-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.service-icon {
  width: 52px;
  height: 52px;
  background: linear-gradient(135deg, var(--oak-navy), var(--oak-blue));
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
}

.service-icon i {
  color: var(--oak-gold);
  font-size: 1.3rem;
}

.service-card:hover .service-icon {
  background: linear-gradient(135deg, var(--oak-accent), var(--oak-gold));
  transform: rotate(-5deg) scale(1.05);
}

.service-card:hover .service-icon i {
  color: var(--oak-white);
}

.service-card-body h4 {
  font-size: 1.25rem;
  margin-bottom: 12px;
  color: var(--oak-navy);
  transition: color 0.3s;
}

.service-card:hover h4 {
  color: var(--oak-accent);
}

.service-card-body p {
  font-size: 0.95rem;
  line-height: 1.7;
  margin-bottom: 20px;
}

.service-features {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
}

.service-features li {
  font-size: 0.88rem;
  color: var(--oak-subtext);
  padding: 6px 0;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid var(--oak-border);
}

.service-features li:last-child {
  border-bottom: none;
}

.service-features li i {
  color: var(--oak-accent);
  font-size: 0.75rem;
}

.service-link {
  color: var(--oak-accent);
  font-weight: 600;
  font-size: 0.9rem;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: gap 0.3s;
}

.service-link:hover {
  gap: 14px;
  color: var(--oak-navy);
}

/* ======================================================
   STATS / NUMBERS SECTION
   ====================================================== */
.stats-section {
     background: rgb(0 0 0);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.stats-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle at 20% 50%, rgba(200,146,42,0.08) 0%, transparent 50%),
    radial-gradient(circle at 80% 50%, rgba(27,79,138,0.15) 0%, transparent 50%);
}

.stats-section::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size: 50px 50px;
}

.stat-item {
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 20px;
}

.stat-icon {
  width: 64px;
  height: 64px;
  background: rgba(200,146,42,0.15);
  border: 1px solid rgba(200,146,42,0.3);
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  transition: var(--transition);
}

.stat-icon i {
  color: var(--oak-gold);
  font-size: 1.5rem;
}

.stat-item:hover .stat-icon {
  background: rgba(200,146,42,0.25);
  transform: scale(1.1) rotate(5deg);
}

.stat-number {
  font-family: var(--font-display);
  font-size: 3.5rem;
  font-weight: 900;
  color: var(--oak-white);
  line-height: 1;
  display: block;
  margin-bottom: 8px;
}

.stat-number span.suffix {
  color: var(--oak-gold);
}

.stat-label {
  font-size: 0.88rem;
  font-weight: 600;
  color: rgba(255,255,255,0.55);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  display: block;
}

.stat-divider {
  width: 1px;
  height: 80px;
  background: rgba(255,255,255,0.12);
  margin: auto;
  display: none;
}

/* ======================================================
   WHY CHOOSE US SECTION
   ====================================================== */
.why-section {
  padding: 110px 0;
  background: var(--oak-white);
  position: relative;
}

.why-img-col {
    position: sticky;
    top: 50px;
}

.why-img-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 16px;
}

.why-img-1 {
  grid-column: 1 / 3;
  height: 260px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  width: 100%;
  display: block;
}

.why-img-2,
.why-img-3 {
  height: 190px;
  object-fit: cover;
  border-radius: var(--radius);
  width: 100%;
  display: block;
}

.why-center-badge {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--oak-white);
  border: 3px solid var(--oak-gold);
  border-radius: 50%;
  width: 110px;
  height: 110px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: var(--shadow-lg);
  z-index: 2;
  text-align: center;
}

.why-center-badge strong {
  font-family: var(--font-display);
  font-size: 1.6rem;
  font-weight: 900;
  color: var(--oak-navy);
  line-height: 1;
}

.why-center-badge small {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--oak-accent);
  line-height: 1.3;
  margin-top: 4px;
}

.why-content {
  padding-left: 40px;
}

.why-point {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  margin-bottom: 36px;
  padding: 24px;
  border-radius: var(--radius);
  transition: var(--transition);
  border: 1px solid #0000002b;
}

.why-point:hover {
  background: var(--oak-light);
  border-color: var(--oak-border);
  transform: translateX(8px);
}

.why-point:last-child {
  margin-bottom: 0;
}

.why-point-icon {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  border-radius: var(--radius);
  background: linear-gradient(135deg, var(--oak-navy), var(--oak-blue));
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(10,22,40,0.15);
  transition: var(--transition);
}

.why-point-icon i {
  color: #fff;
  font-size: 1.2rem;
}

.why-point:hover .why-point-icon {
  background: linear-gradient(135deg, var(--oak-accent), var(--oak-gold));
  transform: scale(1.1);
}

.why-point:hover .why-point-icon i {
  color: var(--oak-white);
}

.why-point-body h5 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--oak-navy);
  margin-bottom: 6px;
}

.why-point-body p {
  font-size: 0.92rem;
  line-height: 1.65;
  margin: 0;
}

/* ======================================================
   PROCESS SECTION
   ====================================================== */
.process-section {
  padding: 110px 0;
  background: var(--oak-light);
  position: relative;
  overflow: hidden;
}

.process-header {
  text-align: center;
  margin-bottom: 70px;
}

.process-timeline {
  position: relative;
}

.process-timeline::before {
  content: '';
  position: absolute;
  top: 40px;
  left: 40px;
  width: 2px;
  height: calc(100% - 80px);
  background: linear-gradient(180deg, var(--oak-gold), transparent);
  transform: translateX(-50%);
}

.process-step {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  margin-bottom: 50px;
  position: relative;
}

.process-step:last-child {
  margin-bottom: 0;
}

.process-step-num {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
  background: linear-gradient(135deg, var(--oak-navy), var(--oak-blue));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-size: 1.6rem;
  font-weight: 900;
  color: #fff;
  box-shadow: 0 6px 24px rgba(10,22,40,0.25);
  position: relative;
  z-index: 1;
  transition: var(--transition);
  border: 2px solid rgba(228,168,53,0.3);
}

.process-step:hover .process-step-num {
  background: linear-gradient(135deg, var(--oak-accent), var(--oak-gold));
  transform: scale(1.1);
}

.process-step:hover .process-step-num {
  color:#000;
}

.process-step-body {
  background: var(--oak-white);
  border-radius: var(--radius);
  padding: 28px 32px;
  box-shadow: var(--shadow-sm);
  flex: 1;
  transition: var(--transition);
  border: 1px solid var(--oak-border);
}

.process-step:hover .process-step-body {
  box-shadow: var(--shadow-md);
  border-color: rgba(200,146,42,0.3);
  transform: translateX(8px);
}

.process-step-body h5 {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--oak-navy);
  margin-bottom: 8px;
}

.process-step-body p {
  font-size: 0.95rem;
  line-height: 1.65;
  margin: 0;
}

.process-step-body .step-tag {
  display: inline-block;
  background: rgba(200,146,42,0.1);
  color: var(--oak-accent);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  margin-bottom: 12px;
}

/* Process right cards */
.process-right-cards {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.process-mini-card {
  background: var(--oak-white);
  border-radius: var(--radius);
  padding: 28px;
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--oak-border);
  transition: var(--transition);
  display: flex;
  gap: 18px;
  align-items: flex-start;
}

.process-mini-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-md);
  border-color: rgba(200,146,42,0.3);
}

.process-mini-card-icon {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  background: var(--oak-light);
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
}

.process-mini-card:hover .process-mini-card-icon {
  background: linear-gradient(135deg, var(--oak-accent), var(--oak-gold));
}

.process-mini-card-icon i {
  color: var(--oak-accent);
  font-size: 1.1rem;
  transition: color 0.3s;
}

.process-mini-card:hover .process-mini-card-icon i {
  color: var(--oak-white);
}

.process-mini-card h6 {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 5px;
}

.process-mini-card p {
  font-size: 0.875rem;
  margin: 0;
  line-height: 1.6;
}

/* ======================================================
   TESTIMONIALS SECTION
   ====================================================== */
.testimonials-section {
  padding: 110px 0;
  background: var(--oak-white);
  position: relative;
  overflow: hidden;
}

.testimonials-section::before {
  content: '"';
  position: absolute;
  top: -40px;
  left: -20px;
  font-family: var(--font-display);
  font-size: 30rem;
  color: rgba(200,146,42,0.04);
  font-weight: 900;
  line-height: 1;
  pointer-events: none;
}

.testimonials-header {
  text-align: center;
  margin-bottom: 70px;
}

.testimonial-card {
  background: var(--oak-white);
  border-radius: var(--radius-lg);
  padding: 40px;
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--oak-border);
  height: 100%;
  transition: var(--transition);
  position: relative;
  overflow: hidden;
}

.testimonial-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--oak-accent), var(--oak-gold));
  transform: scaleX(0);
  transition: transform 0.4s ease;
  transform-origin: left;
}

.testimonial-card:hover {
  transform: translateY(-8px);
  border-color: var(--oak-border);
}

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

.testimonial-quote-icon {
  width: 44px;
  height: 44px;
  background: linear-gradient(135deg, var(--oak-accent), var(--oak-gold));
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}

.testimonial-quote-icon i {
  color: var(--oak-white);
  font-size: 1.1rem;
}

.testimonial-stars {
  color: var(--oak-gold);
  font-size: 0.9rem;
  margin-bottom: 18px;
  display: flex;
  gap: 3px;
}

.testimonial-text {
  font-size: 1rem;
  color: var(--oak-subtext);
  line-height: 1.8;
  margin-bottom: 28px;
  font-style: italic;
}

.testimonial-author {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-top: 20px;
  border-top: 1px solid var(--oak-border);
}

.testimonial-avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--oak-gold);
}

.testimonial-name {
  font-weight: 700;
  font-size: 0.98rem;
  color: var(--oak-navy);
  display: block;
}

.testimonial-role {
  font-size: 0.82rem;
  color: var(--oak-muted);
  display: block;
}

/* ======================================================
   CTA BANNER SECTION
   ====================================================== */
.cta-section {
  padding: 90px 0;
  background: linear-gradient(135deg, rgb(3 7 14 / 90%) 0%, rgb(2 5 10 / 90%) 100%), url(../img/_qdKBI9zxla9xz0NuCE97__Zw1ld4bjUAf60cWgw4WZVJ3AtJ9qK5fB1OX6OGsgQJbYQa2ClDCT22x-niQK4ilqBDhICirB7BAaRt-RvJr8SdWBfquE4TAKUYtZPc7Q51Nf6azU3yljgk9K8YLgiRlLiLo8PQX15TIOKqAZYkEr_wNFnSBd4NLRH3molUSqO.jpg) center / cover no-repeat;
  position: relative;

  overflow: hidden;
  background-attachment: fixed;
}



.cta-section::after {
  content: '';
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(200,146,42,0.1) 0%, transparent 70%);
}

.cta-content {
  position: relative;
  z-index: 1;
  text-align: center;
}

.cta-content h2 {
  color: var(--oak-white);
  font-size: clamp(2rem, 4vw, 3.2rem);
  margin-bottom: 18px;
}

.cta-content h2 span {
  color: var(--oak-gold);
  font-style: italic;
}

.cta-content p {
  color: rgba(255,255,255,0.7);
  font-size: 1.1rem;
  max-width: 560px;
  margin: 0 auto 40px;
}

.cta-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}

.cta-divider-or {
  color: rgb(255 255 255);
  font-size: 0.85rem;
}

.cta-phone-link {
  color: var(--oak-gold);
  font-weight: 600;
  font-size: 1.05rem;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: var(--transition);
}

.cta-phone-link:hover {
  color: var(--oak-white);
}

/* ======================================================
   CONTACT SECTION
   ====================================================== */
.contact-section {
  padding: 110px 0;
  background: var(--oak-light);
  position: relative;
}

.contact-card {
  background: var(--oak-white);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  overflow: hidden;
  border: 1px solid var(--oak-border);
}

.contact-info-col {
  background: linear-gradient(160deg, var(--oak-navy), var(--oak-blue));
  padding: 50px 40px;
  position: relative;
  overflow: hidden;
}

.contact-info-col::before {
  content: '';
  position: absolute;
  bottom: -60px;
  right: -60px;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background: rgba(200,146,42,0.08);
}

.contact-info-col h3 {
  color: var(--oak-white);
  margin-bottom: 14px;
}

.contact-info-col > p {
  color: rgba(255,255,255,0.6);
  font-size: 0.95rem;
  line-height: 1.7;
  margin-bottom: 40px;
}

.contact-info-items {
  list-style: none;
  padding: 0;
  margin: 0 0 40px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.contact-info-items li {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.contact-info-icon {
  width: 44px;
  height: 44px;
  background: rgba(200,146,42,0.15);
  border: 1px solid rgba(200,146,42,0.3);
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.contact-info-icon i {
  color: var(--oak-gold);
  font-size: 1rem;
}

.contact-info-body strong {
  display: block;
  color: rgba(255,255,255,0.5);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.contact-info-body span {
  color: var(--oak-white);
  font-size: 0.95rem;
  font-weight: 500;
}

.contact-social {
  display: flex;
  gap: 12px;
}

.contact-social a {
  width: 40px;
  height: 40px;
  background: rgba(255,255,255,0.08);
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.6);
  font-size: 0.95rem;
  transition: var(--transition);
  border: 1px solid rgba(255,255,255,0.12);
}

.contact-social a:hover {
  background: rgba(200,146,42,0.2);
  color: var(--oak-gold);
  border-color: rgba(200,146,42,0.3);
  transform: translateY(-3px);
}

.contact-form-col {
  padding: 50px 40px;
}

.contact-form-col h3 {
  margin-bottom: 6px;
}

.contact-form-col > p {
  font-size: 0.95rem;
  margin-bottom: 32px;
}

.form-group {
  margin-bottom: 22px;
}

.form-label-oak {
  display: block;
  font-family: var(--font-body);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--oak-subtext);
  margin-bottom: 8px;
}

.form-control-oak {
  width: 100%;
  padding: 14px 18px;
  background: var(--oak-light);
  border: 1.5px solid var(--oak-border);
  border-radius: var(--radius);
  font-family: var(--font-body);
  font-size: 0.98rem;
  color: var(--oak-text);
  transition: var(--transition);
  outline: none;
  appearance: none;
}

.form-control-oak:focus {
  border-color: var(--oak-accent);
  background: var(--oak-white);
  box-shadow: 0 0 0 4px rgba(200,146,42,0.1);
}

.form-control-oak::placeholder {
  color: var(--oak-muted);
}

textarea.form-control-oak {
  resize: vertical;
  min-height: 120px;
}

select.form-control-oak {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7A8D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 18px;
  padding-right: 44px;
  cursor: pointer;
}

/* ======================================================
   FOOTER
   ====================================================== */
.site-footer {
  background: var(--oak-navy);
  color: rgba(255,255,255,0.7);
  padding-top: 80px;
}

.footer-brand {
  margin-bottom: 28px;
}

.footer-desc {
  font-size: 0.95rem;
  line-height: 1.8;
  color: rgba(255,255,255,0.55);
  margin-bottom: 28px;
  max-width: 320px;
}

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

.footer-social a {
  width: 40px;
  height: 40px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.5);
  font-size: 0.95rem;
  transition: var(--transition);
}

.footer-social a:hover {
  background: var(--oak-accent);
  color: var(--oak-white);
  border-color: var(--oak-accent);
  transform: translateY(-3px);
}

.footer-heading {
  font-family: var(--font-display);
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--oak-white);
  margin-bottom: 24px;
  position: relative;
  padding-bottom: 12px;
}

.footer-heading::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 32px;
  height: 2px;
  background: var(--oak-gold);
  border-radius: 2px;
}

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

.footer-links li {
  margin-bottom: 10px;
}

.footer-links li a {
  color: rgba(255,255,255,0.55);
  font-size: 0.92rem;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: var(--transition);
}

.footer-links li a i {
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.55);
}

.footer-links li a:hover {
  color: #fff;
  gap: 14px;
}

.footer-contact-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer-contact-list li {
  display: flex;
  gap: 12px;
  font-size: 0.9rem;
  color: rgba(255,255,255,0.55);
  align-items: center;
}

.footer-contact-list li i {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.9rem;
  margin-top: 2px;
  flex-shrink: 0;
}

.footer-newsletter {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: var(--radius);
  padding: 22px;
  margin-top: 4px;
}

.footer-newsletter p {
  font-size: 0.88rem;
  color: rgba(255,255,255,0.5);
  margin-bottom: 14px;
}

.newsletter-input-wrap {
  display: flex;
  gap: 0;
  border-radius: 50px;
  overflow: hidden;
  border: 1.5px solid rgba(255,255,255,0.12);
}

.newsletter-input-wrap input {
  flex: 1;
  background: rgba(255,255,255,0.06);
  border: none;
  padding: 12px 18px;
  font-family: var(--font-body);
  font-size: 0.9rem;
  color: var(--oak-white);
  outline: none;
}

.newsletter-input-wrap input::placeholder {
  color: rgba(255,255,255,0.35);
}

.newsletter-input-wrap button {
  background: linear-gradient(135deg, var(--oak-accent), var(--oak-gold));
  border: none;
  padding: 12px 14px;
  color: var(--oak-white);
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  font-family: var(--font-body);
  transition: var(--transition);
}

.newsletter-input-wrap button:hover {
  background: linear-gradient(135deg, var(--oak-gold), var(--oak-accent));
}

.footer-divider {
  border: none;
  border-top: 1px solid rgba(255,255,255,0.08);
  margin: 50px 0 0;
}

.footer-bottom {
  padding: 24px 0;
}

.footer-bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;
}

.footer-copy {
  font-size: 0.88rem;
  color: rgba(255,255,255,0.4);
  margin: 0;
}

.footer-copy span {
 color: #ffffff;
}

.footer-legal-links {
  display: flex;
  gap: 24px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-legal-links a {
  font-size: 0.85rem;
  color: rgba(255,255,255,0.4);
  transition: color 0.3s;
}

.footer-legal-links a:hover {
  color: #fff;
}

/* ======================================================
   SCROLL TO TOP
   ====================================================== */
.scroll-top-btn {
  position: fixed;
  bottom: 32px;
  right: 32px;
  width: 52px;
  height: 52px;
  background: linear-gradient(135deg, var(--oak-accent), var(--oak-gold));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--oak-white);
  font-size: 1.1rem;
  box-shadow: 0 8px 24px rgba(200,146,42,0.4);
  cursor: pointer;
  border: none;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
  transform: translateY(20px);
}

.scroll-top-btn.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.scroll-top-btn:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(200,146,42,0.5);
}

/* ======================================================
   ANIMATION UTILITIES
   ====================================================== */
.animate-on-scroll {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.animate-on-scroll.animated {
  opacity: 1;
  transform: translateY(0);
}

.animate-delay-1 { transition-delay: 0.1s; }
.animate-delay-2 { transition-delay: 0.2s; }
.animate-delay-3 { transition-delay: 0.3s; }
.animate-delay-4 { transition-delay: 0.4s; }
.animate-delay-5 { transition-delay: 0.5s; }

.animate-slide-left {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.animate-slide-left.animated {
  opacity: 1;
  transform: translateX(0);
}

.animate-slide-right {
  opacity: 0;
  transform: translateX(40px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.animate-slide-right.animated {
  opacity: 1;
  transform: translateX(0);
}

/* ======================================================
   RESPONSIVE — MOBILE FRIENDLY
   ====================================================== */
@media (max-width: 991.98px) {
  .header-top { display: none; }
  .nav-links { display: none; }
  .nav-contact-btn { display: none; }
  .nav-toggler { display: flex; }

  .hero-content { padding: 60px 0 40px; }
  .hero-right { margin-top: 50px; }
  .hero-headline { font-size: clamp(2.2rem, 6vw, 3.5rem); }
  .hero-stats-row { gap: 20px; }
  .hero-stat-divider { display: none; }

  .about-section::before { display: none; }
  .about-img-col { padding-right: 0; margin-bottom: 50px; }
  .about-checklist { grid-template-columns: 1fr; }
  .about-content { padding-left: 0; }

  .why-content { padding-left: 0; margin-top: 40px; }
  .why-img-grid { grid-template-columns: 1fr 1fr; }

  .process-timeline::before { display: none; }

  .contact-info-col { padding: 40px 30px; }
  .contact-form-col { padding: 40px 30px; }

  .stat-divider { display: none; }
  .navbar-inner { padding: 0 16px; }
}

@media (max-width: 767.98px) {
  h1 { font-size: 2.2rem; }
  h2 { font-size: 1.9rem; }
  h3 { font-size: 1.5rem; }

  .hero-section { min-height: 80vh; }
  .hero-headline { font-size: 2.2rem; }
  .hero-buttons { flex-direction: column; }
  .btn-hero-primary, .btn-hero-outline { width: 100%; justify-content: center; }

  .services-section { padding: 70px 0; }
  .about-section { padding: 70px 0; }
  .why-section { padding: 70px 0; }
  .process-section { padding: 70px 0; }
  .testimonials-section { padding: 70px 0; }
  .cta-section { padding: 60px 0; }
  .contact-section { padding: 70px 0; }
  .site-footer { padding-top: 60px; }

  .hero-card-main { margin-top: 20px; }
  .hero-floating-badge { display: none; }

  .trust-bar-label { display: none; }

  .cta-buttons { flex-direction: column; align-items: center; }
  .cta-divider-or { display: none; }

  .footer-bottom-inner { flex-direction: column; text-align: center; }
  .footer-legal-links { justify-content: center; }

  .stat-number { font-size: 2.5rem; }

  .process-step { flex-direction: column; }
  .process-step-num { width: 60px; height: 60px; font-size: 1.3rem; }

  .why-img-grid { grid-template-columns: 1fr; }
  .why-img-1 { grid-column: 1; }
  .why-img-2, .why-img-3 { height: 160px; }
  .why-center-badge { display: none; }

  .about-img-main { height: 320px; }
}

@media (max-width: 575.98px) {
  .hero-stats-row { gap: 16px; }
  .hero-stat-number { font-size: 1.9rem; }
  .testimonial-card { padding: 28px 22px; }
  .contact-info-col, .contact-form-col { padding: 32px 24px; }
  .scroll-top-btn { bottom: 20px; right: 20px; }
  .about-checklist { grid-template-columns: 1fr; }
  .service-card-body { padding: 22px; }
}


@media(max-width: 991px)
{
  .nav-toggler
  {
    position: absolute;
    top: -66px;
    right: 15px;
    z-index: 9999;
    border: 2px solid rgb(0 0 0 / 90%);
  }
  .nav-toggler span {
    display: block;
    width: 24px;
    height: 2px;
    background: #000000;
    border-radius: 2px;
    transition: var(--transition);
}
}
/* ── SERVICES ACCORDION ── */
.services-section-new {
  padding: 100px 0;
      background: #f4f7fb;
  overflow: hidden;
}

.services-accordion-wrapper {
  margin-top: 50px;
  border-top: 1px solid var(--oak-border);
}

.service-acc-item {
  border-bottom: 1px solid var(--oak-border);
  position: relative;
  transition: background 0.5s ease;
}

.service-acc-header {
  padding: 40px 0;
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.acc-title-group {
  display: flex;
  align-items: center;
  gap: 30px;
}

.acc-number {
  font-family: var(--font-body);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--oak-accent);
  opacity: 0.5;
}

.acc-title {
  margin: 0;
  font-size: 2rem;
  transition: var(--transition);
}

.acc-icon-box {
  font-size: 2.5rem;
  color: var(--oak-navy);
  opacity: 0.1;
  transition: var(--transition);
}

.acc-plus {
  width: 30px;
  height: 30px;
  position: relative;
}

.acc-plus::before, .acc-plus::after {
  content: '';
  position: absolute;
  background: var(--oak-navy);
  transition: var(--transition);
}

.acc-plus::before {
  width: 100%;
  height: 2px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.acc-plus::after {
  width: 2px;
  height: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.service-acc-content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
}

.acc-description {
  font-size: 1rem;
  color: var(--oak-gray);
  margin-bottom: 30px;
}
.service-acc-item .content {
  display: none;
}

.service-acc-item.active .content {
  display: block;
}
.acc-features {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  align-items: start;
}

.acc-features li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  align-items: baseline;
}

.acc-features li i {
  color: var(--oak-gold);
}

/* Hover Image Effect */
.acc-hover-img {
  position: absolute;
  width: 200px;
  height: 150px;
  border-radius: 10px;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
  transform: scale(0.5) rotate(-10deg);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 10;
  box-shadow: var(--shadow-lg);
  left: 50%;
  top: 50%;
}

.acc-hover-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Active State */
.service-acc-item.active {
  background: var(--oak-light);
}

.service-acc-item.active .service-acc-content {
  max-height: 500px;
  padding-bottom: 60px;
  opacity: 1;
}

.service-acc-item.active .acc-plus::after {
  transform: translateX(-50%) rotate(90deg);
  opacity: 0;
}

.service-acc-item.active .acc-title {
  color: var(--oak-accent);
  padding-left: 20px;
}

.service-acc-item.active .acc-icon-box {
  opacity: 1;
  color: var(--oak-accent);
  transform: scale(1.2);
}

/* Desktop Hover */
@media (min-width: 992px) {
  .service-acc-item:hover .acc-hover-img {
    opacity: 1;
    transform: scale(1) rotate(0deg) translate(-50%, -50%);
  }
  
  .service-acc-item:hover .acc-title {
    padding-left: 20px;
    color: var(--oak-gold);
  }
}

@media (max-width: 767px) {
  .acc-title {
    font-size: 1.4rem;
  }
  .acc-features {
    grid-template-columns: 1fr;
  }
  .acc-icon-box {
    display: none;
  }
  .acc-hover-img {
    display: none; /* Hide hover image on mobile, show on click via JS */
  }
  .service-acc-item.active .acc-hover-img {
    display: block;
    position: relative;
    width: 100%;
    height: 200px;
    left: 0;
    top: 0;
    transform: none;
    opacity: 1;
    margin-bottom: 20px;
  }
}

/* row ko slider bana rahe hain */
.testimonials-section .row {
  display: flex;
  overflow: hidden;
}

/* slides */
.testimonials-section .col-lg-4 {
  min-width: 33.3333%;
  transition: transform 0.5s ease;
}

/* mobile */
@media (max-width: 991px) {
  .testimonials-section .col-lg-4 {
    min-width: 50%;
  }
}
@media (max-width: 576px) {
  .testimonials-section .col-lg-4 {
    min-width: 100%;
  }
}

/* arrows */
.testimonials-section .testimonial-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background: #0f172a;
  border: 1px solid rgba(200,131,74,0.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
}

.testimonials-section .testimonial-prev { left: -20px; }
.testimonials-section .testimonial-next { right: -20px; }

.testimonials-section .testimonial-nav i {
  color: #c8834a;
}

/* dots */
.testimonials-section .testimonial-dots {
  text-align: center;
  margin-top: 30px;
}

.testimonials-section .testimonial-dots span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 5px;
  background: #666;
  border-radius: 50%;
  cursor: pointer;
}

.testimonials-section .testimonial-dots .active {
  width: 25px;
  background: #c8834a;
  border-radius: 10px;

}
/* REMOVE DEFAULT ICON */
.testimonials-section .swiper-button-prev::after,
.testimonials-section .swiper-button-next::after {
  display: none;
}

/* ===== PREMIUM ARROWS ===== */
.testimonials-section .custom-arrow {
  width: 60px;
  height: 60px;
  border-radius: 50%;
 background: #fff;
  border: 1px solid rgba(200,146,42,0.3);
  backdrop-filter: blur(12px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.35s ease;
  cursor: pointer;
  z-index: 10;
}

/* ICON (CUSTOM SVG STYLE LOOK) */
.testimonials-section .custom-arrow::before {
  content: '';
  width: 10px;
  height: 10px;
  border-top: 2px solid #c8922a;
  border-right: 2px solid #c8922a;
  transform: rotate(45deg);
  transition: 0.3s;
}

/* LEFT ARROW */
.testimonials-section .swiper-button-prev.custom-arrow::before {
  transform: rotate(-135deg);
}

/* RIGHT ARROW */
.testimonials-section .swiper-button-next.custom-arrow::before {
  transform: rotate(45deg);
}

/* HOVER EFFECT 🔥 */
.testimonials-section .custom-arrow:hover {
  background: linear-gradient(135deg, #860909, #860909);
  border-color: transparent;
  transform: translateY(-50%) scale(1.08);
  box-shadow: 0 10px 30px rgba(200,146,42,0.5);
}

.testimonials-section .custom-arrow:hover::before {
  border-color: #fff;
}

/* POSITION PERFECT */
.testimonials-section .swiper-button-prev {
  left: 20px;
}
.testimonials-section .swiper-button-next {
  right: 20px;
}

/* MOBILE */
@media (max-width: 768px) {
 .testimonials-section  .custom-arrow {
    display: none;
  }
}
/* ===== DOTS BASE ===== */
.testimonials-section .custom-dots {
  margin-top: 45px;
  text-align: center;
}

/* NORMAL DOT */
.testimonials-section .custom-dots .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
      background: rgb(0 0 0 / 81%);
  border-radius: 50%;
  margin: 0 6px !important;
  position: relative;
  transition: all 0.4s ease;
}

/* ACTIVE DOT (GLOW LINE STYLE 🔥) */
.testimonials-section .custom-dots .swiper-pagination-bullet-active {
  width: 36px;
  height: 12px;
  border-radius: 20px;
  background: #860909;
  box-shadow: 0 0 15px rgba(200,146,42,0.7);
}

/* HOVER EFFECT */
.testimonials-section .custom-dots .swiper-pagination-bullet:hover {
  background: #c8922a;
  transform: scale(1.2);
}
.acc-features li {
   
    color: var(--oak-gray);
}
@media(max-width:768px)
{
    .acc-plus {
    width: 20px;
    height: 20px;
    position: relative;
}
}

/* Company Page css  */
 .ocbody {
        font-family: "Outfit", sans-serif;
        color: #1a2b3c;
        background: #ffffff;
        overflow-x: hidden;
        line-height: 1.7;
        -webkit-font-smoothing: antialiased;
        margin: 0;
        padding: 0;
      }
      .ocbody * {
        box-sizing: border-box;
      }
      .ocbody h1,
      .ocbody h2,
      .ocbody h3,
      .ocbody h4,
      .ocbody h5,
      .ocbody h6 {
        font-family: "Playfair Display", Georgia, serif;
        font-weight: 800;
        line-height: 1.22;
        color: #0a1628;
        margin: 0;
      }
      .ocbody h1 {
        font-size: clamp(2.4rem, 5vw, 3.9rem);
      }
      .ocbody h2 {
        font-size: clamp(1.85rem, 3.5vw, 2.75rem);
      }
      .ocbody h3 {
        font-size: clamp(1.25rem, 2vw, 1.65rem);
      }
      .ocbody p {
        font-size: 1.02rem;
        color: #4a5a6e;
        line-height: 1.78;
        margin: 0;
      }
      .ocbody a {
        text-decoration: none;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .ocbody img {
        max-width: 100%;
        display: block;
      }

      /* ── TOP BAR ── */
      .ochdr-top {
        background: #0a1628;
        padding: 9px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.07);
      }
      .ochdr-top-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .octop-contacts {
        display: flex;
        align-items: center;
        gap: 24px;
        list-style: none;
        margin: 0;
        padding: 0;
      }
      .octop-contacts li a {
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.84rem;
        display: flex;
        align-items: center;
        gap: 7px;
        transition: color 0.3s;
      }
      .octop-contacts li a i {
        color: #860909;
        font-size: 0.75rem;
      }
      .octop-contacts li a:hover {
        color: #860909;
      }
      .octop-social {
        display: flex;
        gap: 12px;
      }
      .octop-social a {
        color: rgba(255, 255, 255, 0.55);
        font-size: 0.82rem;
        transition: color 0.3s;
      }
      .octop-social a:hover {
        color: #860909;
      }

      /* ── LOGO BAR ── */
      .oclogo-bar {
        background: #fff;
        padding: 20px 0;
        border-bottom: 1px solid #d8e2ef;
      }
      .oclogo-wrap {
        display: flex;
        align-items: center;
        gap: 14px;
        text-decoration: none;
      }
      .oclogo-icon {
        width: 56px;
        height: 56px;
        background: linear-gradient(135deg, #0a1628, #1b4f8a);
        border-radius: 13px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 18px rgba(10, 22, 40, 0.2);
        flex-shrink: 0;
        position: relative;
        overflow: hidden;
      }
      .oclogo-icon::before {
        content: "";
        position: absolute;
        top: -30%;
        left: -30%;
        width: 80%;
        height: 80%;
        background: rgba(228, 168, 53, 0.14);
        border-radius: 50%;
      }
      .oclogo-icon i {
        color: #860909;
        font-size: 1.5rem;
        position: relative;
        z-index: 1;
      }
      .oclogo-texts {
        display: flex;
        flex-direction: column;
        line-height: 1;
      }
      .oclogo-name {
        font-family: "Playfair Display", serif;
        font-size: 1.58rem;
        font-weight: 800;
        color: #0a1628;
      }
      .oclogo-name span {
        color: #c8922a;
      }
      .oclogo-tag {
        font-size: 0.67rem;
        font-weight: 600;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: #8d9bad;
        margin-top: 4px;
      }
      .oclogo-bar-right {
        display: flex;
        align-items: center;
        gap: 16px;
      }
      .ocphone-blk {
        text-align: right;
      }
      .ocphone-blk small {
        display: block;
        font-size: 0.67rem;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #8d9bad;
      }
      .ocphone-blk a {
        font-family: "Playfair Display", serif;
        font-size: 1.13rem;
        font-weight: 700;
        color: #0a1628;
      }
      .ocphone-blk a:hover {
        color: #c8922a;
      }

      /* ── NAVIGATION ── */
      .ocnav {
        background: #0a1628;
        position: sticky;
        top: 0;
        z-index: 999;
        transition: box-shadow 0.3s;
      }
      .ocnav.ocscrolled {
        box-shadow: 0 6px 30px rgba(10, 22, 40, 0.38);
      }
      .ocnav-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .ocnav-menu {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
      }
      .ocnav-menu > li {
        position: relative;
      }
      .ocnav-menu > li > a {
        color: rgba(255, 255, 255, 0.82);
        font-size: 0.92rem;
        font-weight: 500;
        padding: 19px 18px;
        display: flex;
        align-items: center;
        gap: 5px;
        position: relative;
        transition: color 0.3s;
      }
      .ocnav-menu > li > a::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0;
        height: 3px;
        background: #860909;
        transition: all 0.35s;
        transform: translateX(-50%);
        border-radius: 3px 3px 0 0;
      }
      .ocnav-menu > li:hover > a,
      .ocnav-menu > li.ocact > a {
        color: #860909;
      }
      .ocnav-menu > li:hover > a::after,
      .ocnav-menu > li.ocact > a::after {
        width: 76%;
      }
      .occhev {
        font-size: 0.64rem;
        transition: transform 0.3s;
      }
      .ocnav-menu > li:hover > a .occhev {
        transform: rotate(180deg);
      }
      .ocdrop {
        position: absolute;
        top: calc(100% + 2px);
        left: 0;
        background: #fff;
        min-width: 228px;
        border-radius: 14px;
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
        padding: 10px 0;
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        list-style: none;
        margin: 0;
        border-top: 3px solid #860909;
        z-index: 1000;
      }
      .ocnav-menu > li:hover .ocdrop {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
      }
      .ocdrop li a {
        color: #1a2b3c;
        font-size: 0.89rem;
        font-weight: 500;
        padding: 11px 20px;
        display: flex;
        align-items: center;
        gap: 9px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .ocdrop li a i {
        color: #c8922a;
        font-size: 0.8rem;
        width: 15px;
      }
      .ocdrop li a:hover {
        background: #f4f7fb;
        color: #c8922a;
        padding-left: 28px;
      }
      .ocnav-cta {
        background: linear-gradient(135deg, #c8922a, #860909);
        color: #fff;
        font-size: 0.89rem;
        font-weight: 600;
        padding: 10px 22px;
        border-radius: 50px;
        border: none;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        cursor: pointer;
        text-decoration: none;
        white-space: nowrap;
      }
      .ocnav-cta:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 24px rgba(200, 146, 42, 0.4);
        color: #fff;
      }
      .octoggler {
        background: none;
        border: 2px solid rgba(255, 255, 255, 0.28);
        border-radius: 8px;
        padding: 7px 11px;
        cursor: pointer;
        display: none;
        flex-direction: column;
        gap: 5px;
      }
      .octoggler span {
        display: block;
        width: 22px;
        height: 2px;
        background: #fff;
        border-radius: 2px;
        transition: all 0.4s;
      }
      .ocmob-panel {
        display: none;
        background: #0a1628;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
      }
      .ocmob-panel.ocmob-open {
        display: block;
      }
      .ocmob-links {
        list-style: none;
        padding: 0;
        margin: 0;
      }
      .ocmob-links > li > a {
        color: rgba(255, 255, 255, 0.82);
        font-size: 0.96rem;
        font-weight: 500;
        padding: 13px 22px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        transition: color 0.3s;
      }
      .ocmob-links > li > a:hover {
        color: #860909;
      }
      .ocmob-sub {
        list-style: none;
        padding: 0;
        background: rgba(255, 255, 255, 0.04);
        display: none;
      }
      .ocmob-sub.ocsub-open {
        display: block;
      }
      .ocmob-sub li a {
        color: rgba(255, 255, 255, 0.62);
        font-size: 0.87rem;
        padding: 11px 38px;
        display: flex;
        align-items: center;
        gap: 9px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.03);
        transition: color 0.3s;
      }
      .ocmob-sub li a:hover {
        color: #860909;
      }
      .ocmob-cta {
        padding: 14px 22px;
      }

      /* ── PAGE HERO ── */
      .ochero {
        position: relative;
        padding: 110px 0 90px;
        overflow: hidden;
        background: #0a1628;
      }
      .ochero-bg {
        position: absolute;
        inset: 0;
        background-size: cover;
        background-position: center;
        opacity: 0.14;
        animation: oczoom 20s ease-in-out infinite alternate;
      }
      @keyframes oczoom {
        0% {
          transform: scale(1.05);
        }
        100% {
          transform: scale(1.14);
        }
      }
      .ochero-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(
          135deg,
          rgba(10, 22, 40, 0.97) 0%,
          rgba(14, 32, 69, 0.9) 55%,
          rgba(27, 79, 138, 0.68) 100%
        );
      }
      .ochero-grid {
        position: absolute;
        inset: 0;
        background-image:
          linear-gradient(rgba(228, 168, 53, 0.04) 1px, transparent 1px),
          linear-gradient(90deg, rgba(228, 168, 53, 0.04) 1px, transparent 1px);
        background-size: 56px 56px;
        animation: ocgrid 24s linear infinite;
      }
      @keyframes ocgrid {
        0% {
          transform: translate(0, 0);
        }
        100% {
          transform: translate(56px, 56px);
        }
      }
      .ochero-orb1 {
        position: absolute;
        width: 440px;
        height: 440px;
        border-radius: 50%;
        background: radial-gradient(
          circle,
          rgba(200, 146, 42, 0.1) 0%,
          transparent 70%
        );
        top: -100px;
        right: -80px;
        animation: ocorb 9s ease-in-out infinite;
      }
      .ochero-orb2 {
        position: absolute;
        width: 300px;
        height: 300px;
        border-radius: 50%;
        background: radial-gradient(
          circle,
          rgba(27, 79, 138, 0.18) 0%,
          transparent 70%
        );
        bottom: -60px;
        left: 6%;
        animation: ocorb 12s ease-in-out infinite reverse;
      }
      @keyframes ocorb {
        0%,
        100% {
          transform: translateY(0) scale(1);
        }
        50% {
          transform: translateY(-28px) scale(1.06);
        }
      }
      .ochero-content {
        position: relative;
        z-index: 2;
      }
      .ochero-badge {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        background: rgba(200, 146, 42, 0.13);
        border: 1px solid rgba(200, 146, 42, 0.32);
        border-radius: 50px;
        padding: 7px 18px;
        color: #860909;
        font-size: 0.77rem;
        font-weight: 700;
        letter-spacing: 0.13em;
        text-transform: uppercase;
        margin-bottom: 24px;
        animation: ocfd 0.8s ease both;
      }
      @keyframes ocfd {
        from {
          opacity: 0;
          transform: translateY(-18px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
      .ochero h1 {
        color: #fff;
        margin-bottom: 22px;
        animation: ocfu 0.9s ease 0.2s both;
      }
      .ochero h1 span {
        color: #860909;
        font-style: italic;
      }
      @keyframes ocfu {
        from {
          opacity: 0;
          transform: translateY(28px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
      .ochero-desc {
        color: rgba(255, 255, 255, 0.72);
        font-size: 1.1rem;
        max-width: 560px;
        line-height: 1.82;
        margin-bottom: 38px;
        animation: ocfu 0.9s ease 0.35s both;
      }
      .ochero-btns {
        display: flex;
        gap: 14px;
        flex-wrap: wrap;
        animation: ocfu 0.9s ease 0.5s both;
      }
      .ocbreadcrumb {
        display: flex;
        align-items: center;
        gap: 8px;
        list-style: none;
        padding: 0;
        margin: 40px 0 0;
        animation: ocfu 0.9s ease 0.65s both;
      }
      .ocbreadcrumb li {
        color: rgba(255, 255, 255, 0.4);
        font-size: 0.8rem;
      }
      .ocbreadcrumb li a {
        color: rgba(255, 255, 255, 0.55);
        transition: color 0.3s;
      }
      .ocbreadcrumb li a:hover {
        color: #860909;
      }
      .ocbreadcrumb li.ocbc-act {
        color: #860909;
        font-weight: 600;
      }
      .ocbreadcrumb li i {
        font-size: 0.6rem;
      }

      /* ── BUTTONS ── */
      .ocbtn-gold {
        background: linear-gradient(135deg, #860909, #860909);
        color: #fff;
        font-weight: 700;
        font-size: 1rem;
        padding: 16px 36px;
        border-radius: 50px;
        border: none;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        box-shadow: 0 10px 36px rgb(134, 9, 9, 0.5);
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        cursor: pointer;
      }
      .ocbtn-gold:hover {
        transform: translateY(-3px);
        box-shadow: 0 18px 50px rgba(134, 9, 9, 1);
        color: #fff;
      }
      .ocbtn-gold i {
        transition: transform 0.3s;
      }
      .ocbtn-gold:hover i {
        transform: translateX(4px);
      }
      .ocbtn-ghost {
        background: rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(10px);
        color: #fff;
        font-weight: 600;
        font-size: 1rem;
        padding: 15px 36px;
        border-radius: 50px;
        border: 1.5px solid rgba(255, 255, 255, 0.25);
        display: inline-flex;
        align-items: center;
        gap: 10px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        cursor: pointer;
      }
      .ocbtn-ghost:hover {
        background: rgba(255, 255, 255, 0.18);
        border-color: rgba(255, 255, 255, 0.5);
        transform: translateY(-3px);
        color: #fff;
      }
      .ocbtn-navy {
        background: #0a1628;
        color: #fff;
        font-weight: 600;
        font-size: 0.98rem;
        padding: 15px 34px;
        border-radius: 50px;
        border: 2px solid #0a1628;
        display: inline-flex;
        align-items: center;
        gap: 9px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        cursor: pointer;
      }
      .ocbtn-navy:hover {
        background: transparent;
        color: #0a1628;
        transform: translateY(-3px);
      }
      .ocbtn-outline {
        background: transparent;
        color: #0a1628;
        font-weight: 600;
        font-size: 0.98rem;
        padding: 14px 34px;
        border-radius: 50px;
        border: 2px solid #0a1628;
        display: inline-flex;
        align-items: center;
        gap: 9px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        cursor: pointer;
      }
      .ocbtn-outline:hover {
        background: #0a1628;
        color: #fff;
        transform: translateY(-3px);
      }
      .ocbtn-white {
        background: #fff;
        color: #0a1628;
        font-weight: 700;
        font-size: 0.98rem;
        padding: 15px 34px;
        border-radius: 50px;
        border: none;
        display: inline-flex;
        align-items: center;
        gap: 9px;
        box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        cursor: pointer;
      }
      .ocbtn-white:hover {
        transform: translateY(-3px);
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
        color:#860909;
      }
      .ocbtn-ghost2 {
        background: rgba(255, 255, 255, 0.1);
        color: #fff;
        font-weight: 600;
        font-size: 0.98rem;
        padding: 14px 34px;
        border-radius: 50px;
        border: 1.5px solid rgba(255, 255, 255, 0.25);
        display: inline-flex;
        align-items: center;
        gap: 9px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        cursor: pointer;
      }
      .ocbtn-ghost2:hover {
        background: rgba(255, 255, 255, 0.2);
        border-color: rgba(255, 255, 255, 0.5);
        transform: translateY(-3px);
        color: #fff;
      }

      /* ── SECTION UTILITIES ── */
      .ocsec {
        padding: 108px 0;
        background: #fff;
      }
      .ocsec-alt {
        padding: 108px 0;
        background: #f4f7fb;
      }
      .ocsec-label {
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: #860909;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 1rem;
      }
      .ocsec-label::before {
        content: "";
        display: inline-block;
        width: 28px;
        height: 2px;
        background: #860909;
        border-radius: 2px;
      }
      .ocsec-label::after {
        content: "";
        display: inline-block;
        width: 7px;
        height: 7px;
        background: #860909;
        border-radius: 50%;
      }
      .ocsec-title {
        font-family: "Playfair Display", serif;
        font-weight: 800;
        color: #0a1628;
        margin-bottom: 0.9rem;
      }
      .ocsec-title span {
        color: #860909;
        font-style: italic;
      }
      .ocsec-desc {
        font-size: 1.05rem;
        color: #4a5a6e;
        max-width: 600px;
        line-height: 1.8;
      }
      .ocgold-bar {
        width: 52px;
        height: 4px;
        background: linear-gradient(90deg, #c8922a, #860909);
        border-radius: 4px;
        margin-bottom: 1.4rem;
      }

      /* ── FEATURE CARD ── */
      .ocfeat-card {
        background: #fff;
        border-radius: 22px;
        padding: 36px;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid transparent;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        height: 100%;
        position: relative;
        overflow: hidden;
      }
      .ocfeat-card::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 22px;
        border: 2px solid #860909;
        opacity: 0;
        transition: opacity 0.4s;
      }
      .ocfeat-card:hover {
        transform: translateY(-9px);
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
      }
      .ocfeat-card:hover::before {
        opacity: 1;
      }
      .ocfeat-icon {
        width: 62px;
        height: 62px;
        background: linear-gradient(135deg, #0a1628, #1b4f8a);
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 22px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .ocfeat-icon i {
        color: #fff;
        font-size: 1.38rem;
      }
      .ocfeat-card:hover .ocfeat-icon {
        background: linear-gradient(135deg, #860909, #860909);
        transform: rotate(-5deg) scale(1.08);
      }
      .ocfeat-card:hover .ocfeat-icon i {
        color: #fff;
      }
      .ocfeat-card h4 {
        font-family: "Playfair Display", serif;
        font-size: 1.18rem;
        margin-bottom: 12px;
        color: #0a1628;
        transition: color 0.3s;
      }
      .ocfeat-card:hover h4 {
        color: #860909;
      }
      .ocfeat-card p {
        font-size: 0.93rem;
        color: #4a5a6e;
        margin: 0;
        line-height: 1.75;
      }

      /* ── STEP PROCESS ── */
      .ocstep {
        display: flex;
        gap: 22px;
        align-items: flex-start;
        margin-bottom: 36px;
        position: relative;
      }
      .ocstep:not(:last-child)::after {
        content: "";
        position: absolute;
        left: 24px;
        top: 52px;
        width: 2px;
        height: calc(100% - 20px);
        background: linear-gradient(180deg, #860909, transparent);
        opacity: 0.35;
      }
      .ocstep-num {
        width: 50px;
        height: 50px;
        flex-shrink: 0;
        background: linear-gradient(135deg, #0a1628, #860909);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "Playfair Display", serif;
        font-size: 1.15rem;
        font-weight: 800;
        color: #fff;
        border: 2px solid rgba(228, 168, 53, 0.28);
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        z-index: 1;
      }
      .ocstep:hover .ocstep-num {
        background: linear-gradient(135deg, #860909, #860909);
        color: #fff;
      }
      .ocstep-body {
        background: #fff;
        border-radius: 14px;
        padding: 24px 28px;
        flex: 1;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid #d8e2ef;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .ocstep:hover .ocstep-body {
        box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
        border-color: rgba(200, 146, 42, 0.28);
        transform: translateX(6px);
      }
      .ocstep-tag {
        display: inline-block;
        background: rgba(200, 146, 42, 0.1);
        color: #860909;
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        padding: 4px 12px;
        border-radius: 50px;
        margin-bottom: 10px;
      }
      .ocstep-body h5 {
        font-family: "Playfair Display", serif;
        font-size: 1.08rem;
        font-weight: 700;
        color: #0a1628;
        margin-bottom: 6px;
      }
      .ocstep-body p {
        font-size: 0.93rem;
        color: #4a5a6e;
        margin: 0;
        line-height: 1.7;
      }

      /* ── ICON LIST ── */
      .ocicon-list {
        list-style: none;
        padding: 0;
        margin: 0;
      }
      .ocicon-list li {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        padding: 10px 0;
        border-bottom: 1px solid #d8e2ef;
        font-size: 0.94rem;
        color: #4a5a6e;
      }
      .ocicon-list li:last-child {
        border-bottom: none;
      }
      .ocicon-list li i {
        width: 27px;
        height: 27px;
        background: rgba(200, 146, 42, 0.1);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #860909;
        font-size: 0.72rem;
        flex-shrink: 0;
        margin-top: 1px;
      }

      /* ── STATS BAND ── */
      .ocstats-band {
        background: linear-gradient(
          135deg,
          #0a1628 0%,
          #0e2045 50%,
          #1b4f8a 100%
        );
        padding: 88px 0;
        position: relative;
        overflow: hidden;
      }
      .ocstats-band::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image:
          linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
          linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.025) 1px,
            transparent 1px
          );
        background-size: 50px 50px;
      }
      .ocstats-band::after {
        content: "";
        position: absolute;
        inset: 0;
        background-image:
          radial-gradient(
            circle at 20% 50%,
            rgba(200, 146, 42, 0.07) 0%,
            transparent 50%
          ),
          radial-gradient(
            circle at 80% 50%,
            rgba(27, 79, 138, 0.14) 0%,
            transparent 50%
          );
      }
      .ocsb-item {
        text-align: center;
        position: relative;
        z-index: 1;
        padding: 16px 8px;
      }
      .ocsb-icon {
        width: 60px;
        height: 60px;
        background: rgba(200, 146, 42, 0.13);
        border: 1px solid rgba(200, 146, 42, 0.28);
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 18px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .ocsb-icon i {
        color: #860909;
        font-size: 1.38rem;
      }
      .ocsb-item:hover .ocsb-icon {
        background: rgba(200, 146, 42, 0.22);
        transform: scale(1.1) rotate(4deg);
      }
      .ocsb-num {
        font-family: "Playfair Display", serif;
        font-size: 3rem;
        font-weight: 900;
        color: #fff;
        line-height: 1;
        margin-bottom: 8px;
      }
      .ocsb-num span {
        color: #860909;
      }
      .ocsb-label {
        font-size: 0.8rem;
        font-weight: 600;
        color: rgba(255, 255, 255, 0.52);
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      /* ── SPLIT IMAGE LAYOUT ── */
      .ocsplit-col {
        position: relative;
      }
      .ocsplit-img {
        width: 100%;
        height: 470px;
        object-fit: cover;
        border-radius: 22px;
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
        position: relative;
        z-index: 1;
      }
      .ocsplit-frame {
        position: absolute;
        top: -18px;
        left: -18px;
        right: 52px;
        bottom: 26px;
        border: 2px solid #860909;
        border-radius: 22px;
        opacity: 0.38;
        z-index: 0;
      }
      .ocsplit-badge {
        position: absolute;
        bottom: 36px;
        right: 8px;
        background: linear-gradient(135deg, #0a1628, #1b4f8a);
        border-radius: 14px;
        padding: 20px 22px;
        text-align: center;
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
        z-index: 2;
        min-width: 130px;
        animation: ocorb 5s ease-in-out infinite;
      }
      .ocsplit-badge-num {
        font-family: "Playfair Display", serif;
        font-size: 2.4rem;
        font-weight: 900;
        color: #860909;
        line-height: 1;
        display: block;
      }
      .ocsplit-badge-lbl {
        font-size: 0.71rem;
        font-weight: 600;
        color: rgba(255, 255, 255, 0.6);
        letter-spacing: 0.09em;
        text-transform: uppercase;
        margin-top: 4px;
        display: block;
        line-height: 1.4;
      }

      /* ── TEAM CARD ── */
      .octeam-card {
        background: #fff;
        border-radius: 22px;
        overflow: hidden;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid #d8e2ef;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        height: 100%;
      }
      .octeam-card:hover {
        transform: translateY(-9px);
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
      }
      .octeam-img-wrap {
        position: relative;
        overflow: hidden;
        height: 268px;
      }
      .octeam-img-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.6s ease;
      }
      .octeam-card:hover .octeam-img-wrap img {
        transform: scale(1.07);
      }
      .octeam-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(
          0deg,
          rgba(10, 22, 40, 0.8) 0%,
          transparent 60%
        );
        opacity: 0;
        transition: opacity 0.4s;
      }
      .octeam-card:hover .octeam-overlay {
        opacity: 1;
      }
      .octeam-soc {
        position: absolute;
        bottom: 16px;
        left: 50%;
        transform: translateX(-50%) translateY(20px);
        display: flex;
        gap: 9px;
        opacity: 0;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .octeam-card:hover .octeam-soc {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
      }
      .octeam-soc a {
        width: 36px;
        height: 36px;
        background: rgba(255, 255, 255, 0.15);
        backdrop-filter: blur(6px);
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 0.82rem;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .octeam-soc a:hover {
        background: #c8922a;
        border-color: #c8922a;
      }
      .octeam-body {
        padding: 26px;
      }
      .octeam-body h5 {
        font-family: "Playfair Display", serif;
        font-size: 1.1rem;
        font-weight: 700;
        margin-bottom: 4px;
        color: #0a1628;
      }
      .octeam-role {
        font-size: 0.78rem;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #c8922a;
        margin-bottom: 10px;
        display: block;
      }
      .octeam-body p {
        font-size: 0.88rem;
        color: #4a5a6e;
        margin: 0;
      }

      /* ── AWARD CARD ── */
      .ocaward-card {
        background: #fff;
        border-radius: 22px;
        padding: 34px;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid #d8e2ef;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        height: 100%;
        position: relative;
        overflow: hidden;
      }
      .ocaward-card::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, #c8922a, #860909);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.4s;
      }
      .ocaward-card:hover {
        transform: translateY(-9px);
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
      }
      .ocaward-card:hover::after {
        transform: scaleX(1);
      }
      .ocaward-yr {
        font-family: "Playfair Display", serif;
        font-size: 2rem;
        font-weight: 900;
        color: #860909;
        opacity: 0.2;
        position: absolute;
        top: 16px;
        right: 24px;
      }
      .ocaward-icon {
        width: 52px;
        height: 52px;
        background: rgba(200, 146, 42, 0.1);
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 18px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .ocaward-icon i {
        color: #c8922a;
        font-size: 1.2rem;
      }
      .ocaward-card:hover .ocaward-icon {
        background: linear-gradient(135deg, #c8922a, #860909);
      }
      .ocaward-card:hover .ocaward-icon i {
        color: #fff;
      }
      .ocaward-card h5 {
        font-family: "Playfair Display", serif;
        font-size: 1.05rem;
        font-weight: 700;
        color: #0a1628;
        margin-bottom: 6px;
      }
      .ocaward-card p {
        font-size: 0.88rem;
        color: #4a5a6e;
        margin: 0;
      }

      /* ── PARTNER CARD ── */
      .ocpartner-card {
        background: #fff;
        border-radius: 22px;
        padding: 30px;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid #d8e2ef;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        text-align: center;
        height: 100%;
      }
      .ocpartner-card:hover {
        transform: translateY(-7px);
        box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
        border-color: rgba(200, 146, 42, 0.3);
      }
      .ocpartner-logo {
        width: 80px;
        height: 80px;
        background: #f4f7fb;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 18px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .ocpartner-logo i {
        font-size: 2rem;
        color: #1b4f8a;
        transition: color 0.3s;
      }
      .ocpartner-card:hover .ocpartner-logo {
        background: linear-gradient(135deg, #0a1628, #1b4f8a);
      }
      .ocpartner-card:hover .ocpartner-logo i {
        color: #860909;
      }
      .ocpartner-card h5 {
        font-family: "Playfair Display", serif;
        font-size: 1rem;
        font-weight: 700;
        color: #0a1628;
        margin-bottom: 6px;
      }
      .ocpartner-card p {
        font-size: 0.85rem;
        color: #4a5a6e;
        margin-bottom: 14px;
      }
      .ocpartner-badge {
        display: inline-block;
        background: rgba(200, 146, 42, 0.1);
        color: #c8922a;
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        padding: 4px 12px;
        border-radius: 50px;
      }

      /* ── INDUSTRY CARD ── */
      .ocind-card {
        background: #fff;
        border-radius: 22px;
        overflow: hidden;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid #d8e2ef;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        height: 100%;
      }
      .ocind-card:hover {
        transform: translateY(-9px);
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
      }
      .ocind-img-wrap {
        overflow: hidden;
        position: relative;
      }
      .ocind-img {
        width: 100%;
        height: 190px;
        object-fit: cover;
        transition: transform 0.6s;
      }
      .ocind-card:hover .ocind-img {
        transform: scale(1.06);
      }
      .ocind-cat {
        position: absolute;
        top: 14px;
        left: 14px;
        background: linear-gradient(135deg, #c8922a, #860909);
        color: #fff;
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.09em;
        text-transform: uppercase;
        padding: 4px 13px;
        border-radius: 50px;
      }
      .ocind-body {
        padding: 26px;
      }
      .ocind-body h5 {
        font-family: "Playfair Display", serif;
        font-size: 1.08rem;
        font-weight: 700;
        color: #0a1628;
        margin-bottom: 8px;
        transition: color 0.3s;
      }
      .ocind-card:hover h5 {
        color: #c8922a;
      }
      .ocind-body p {
        font-size: 0.88rem;
        color: #4a5a6e;
        margin-bottom: 16px;
      }
      .ocind-link {
        color: #c8922a;
        font-weight: 600;
        font-size: 0.86rem;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        transition: gap 0.3s;
      }
      .ocind-link:hover {
        gap: 13px;
        color: #0a1628;
      }

      /* ── INSIGHT CARD ── */
      .ocinsight-card {
        background: #fff;
        border-radius: 22px;
        overflow: hidden;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid #d8e2ef;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        height: 100%;
      }
      .ocinsight-card:hover {
        transform: translateY(-9px);
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
      }
      .ocinsight-img-wrap {
        overflow: hidden;
        position: relative;
      }
      .ocinsight-img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        transition: transform 0.6s;
      }
      .ocinsight-card:hover .ocinsight-img {
        transform: scale(1.05);
      }
      .ocinsight-tag {
        position: absolute;
        top: 14px;
        left: 14px;
        background: rgba(10, 22, 40, 0.85);
        color: #860909;
        font-size: 0.68rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        padding: 4px 12px;
        border-radius: 50px;
        border: 1px solid rgba(228, 168, 53, 0.3);
      }
      .ocinsight-body {
        padding: 26px;
      }
      .ocinsight-meta {
        display: flex;
        align-items: center;
        gap: 14px;
        margin-bottom: 12px;
      }
      .ocinsight-meta span {
        font-size: 0.78rem;
        color: #8d9bad;
        display: flex;
        align-items: center;
        gap: 5px;
      }
      .ocinsight-meta span i {
        font-size: 0.7rem;
        color: #c8922a;
      }
      .ocinsight-body h5 {
        font-family: "Playfair Display", serif;
        font-size: 1.08rem;
        font-weight: 700;
        color: #0a1628;
        margin-bottom: 8px;
        transition: color 0.3s;
        line-height: 1.4;
      }
      .ocinsight-card:hover h5 {
        color: #c8922a;
      }
      .ocinsight-body p {
        font-size: 0.88rem;
        color: #4a5a6e;
        margin-bottom: 16px;
      }

      /* ── TESTIMONIAL CARD ── */
      .octesti-card {
        background: #fff;
        border-radius: 22px;
        padding: 36px;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid #d8e2ef;
        height: 100%;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        position: relative;
      }
      .octesti-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: linear-gradient(90deg, #c8922a, #860909);
        border-radius: 22px 22px 0 0;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.4s;
      }
      .octesti-card:hover {
        transform: translateY(-7px);
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
      }
      .octesti-card:hover::before {
        transform: scaleX(1);
      }
      .octesti-quote {
        width: 40px;
        height: 40px;
        background: linear-gradient(135deg, #c8922a, #860909);
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
      }
      .octesti-quote i {
        color: #fff;
        font-size: 1rem;
      }
      .octesti-stars {
        color: #860909;
        font-size: 0.85rem;
        margin-bottom: 14px;
        display: flex;
        gap: 3px;
      }
      .octesti-text {
        font-size: 0.95rem;
        color: #4a5a6e;
        line-height: 1.8;
        margin-bottom: 22px;
        font-style: italic;
      }
      .octesti-author {
        display: flex;
        align-items: center;
        gap: 12px;
        padding-top: 18px;
        border-top: 1px solid #d8e2ef;
      }
      .octesti-avatar {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid #860909;
      }
      .octesti-name {
        font-weight: 700;
        font-size: 0.93rem;
        color: #0a1628;
        display: block;
      }
      .octesti-role {
        font-size: 0.78rem;
        color: #8d9bad;
        display: block;
      }

      /* ── FAQ ACCORDION ── */
      .ocfaq {
        background: #fff;
        border-radius: 14px;
        margin-bottom: 14px;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid #d8e2ef;
        overflow: hidden;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .ocfaq.ocfaq-open {
        border-color: rgba(200, 146, 42, 0.3);
        box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
      }
      .ocfaq-q {
        padding: 22px 28px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        font-size: 1rem;
        font-weight: 600;
        color: #0a1628;
        transition: color 0.3s;
        gap: 16px;
        user-select: none;
      }
      .ocfaq.ocfaq-open .ocfaq-q {
        color: #c8922a;
      }
      .ocfaq-toggle {
        width: 34px;
        height: 34px;
        background: #f4f7fb;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .ocfaq-toggle i {
        font-size: 0.75rem;
        color: #4a5a6e;
        transition:
          transform 0.35s,
          color 0.3s;
      }
      .ocfaq.ocfaq-open .ocfaq-toggle {
        background: linear-gradient(135deg, #c8922a, #860909);
      }
      .ocfaq.ocfaq-open .ocfaq-toggle i {
        transform: rotate(180deg);
        color: #fff;
      }
      .ocfaq-ans {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.45s ease;
      }
      .ocfaq-ans-inner {
        padding: 0 28px 22px;
        font-size: 0.95rem;
        color: #4a5a6e;
        line-height: 1.75;
      }

      /* ── FORM ELEMENTS ── */
      .ocform-label {
        display: block;
        font-size: 0.78rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #4a5a6e;
        margin-bottom: 7px;
      }
      .ocform-ctrl {
        width: 100%;
        padding: 13px 17px;
        background: #f4f7fb;
        border: 1.5px solid #d8e2ef;
        border-radius: 14px;
        font-size: 0.96rem;
        color: #1a2b3c;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        outline: none;
        appearance: none;
        font-family: "Outfit", sans-serif;
      }
      .ocform-ctrl:focus {
        border-color: #c8922a;
        background: #fff;
        box-shadow: 0 0 0 4px rgba(200, 146, 42, 0.09);
      }
      .ocform-ctrl::placeholder {
        color: #8d9bad;
      }
      textarea.ocform-ctrl {
        resize: vertical;
        min-height: 115px;
      }
      select.ocform-ctrl {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7A8D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 13px center;
        background-size: 17px;
        padding-right: 42px;
        cursor: pointer;
      }

      /* ── CTA SECTION ── */
      .occta-sec {
        background: linear-gradient(135deg, #0a1628 0%, #1b4f8a 50%);
        padding: 88px 0;
        position: relative;
        overflow: hidden;
      }
      .occta-sec::after {
        content: "";
        position: absolute;
        top: -40%;
        right: -8%;
        width: 540px;
        height: 540px;
        border-radius: 50%;
        background: radial-gradient(
          circle,
          rgba(200, 146, 42, 0.09) 0%,
          transparent 70%
        );
      }
      .occta-inner {
        position: relative;
        z-index: 1;
        text-align: center;
      }
      .occta-inner h2 {
        color: #fff;
        margin-bottom: 14px;
      }
      .occta-inner h2 span {
        color: #860909;
        font-style: italic;
      }
      .occta-inner p {
        color: rgba(255, 255, 255, 0.68);
        font-size: 1.08rem;
        max-width: 540px;
        margin: 0 auto 36px;
      }
      .occta-btns {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
        flex-wrap: wrap;
      }

      /* ── FOOTER ── */
      .ocfooter {
        background: #0a1628;
        padding-top: 72px;
      }
      .ocfooter-desc {
        font-size: 0.92rem;
        line-height: 1.8;
        color: rgba(255, 255, 255, 0.52);
        margin-bottom: 22px;
        max-width: 310px;
      }
      .ocfooter-social {
        display: flex;
        gap: 9px;
      }
      .ocfooter-social a {
        width: 38px;
        height: 38px;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.09);
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: rgba(255, 255, 255, 0.48);
        font-size: 0.9rem;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .ocfooter-social a:hover {
        background: #c8922a;
        color: #fff;
        border-color: #c8922a;
        transform: translateY(-3px);
      }
      .ocfooter-head {
        font-family: "Playfair Display", serif;
        font-size: 0.98rem;
        font-weight: 700;
        color: #fff;
        margin-bottom: 20px;
        position: relative;
        padding-bottom: 10px;
      }
      .ocfooter-head::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 26px;
        height: 2px;
        background: #860909;
        border-radius: 2px;
      }
      .ocfooter-links {
        list-style: none;
        padding: 0;
        margin: 0;
      }
      .ocfooter-links li {
        margin-bottom: 9px;
      }
      .ocfooter-links li a {
        color: rgba(255, 255, 255, 0.52);
        font-size: 0.89rem;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .ocfooter-links li a i {
        font-size: 0.6rem;
        color: #c8922a;
      }
      .ocfooter-links li a:hover {
        color: #860909;
        gap: 12px;
      }
      .ocfooter-contacts {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 15px;
      }
      .ocfooter-contacts li {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        font-size: 0.87rem;
        color: rgba(255, 255, 255, 0.52);
      }
      .ocfooter-contacts li i {
        color: #860909;
        font-size: 0.87rem;
        margin-top: 2px;
        flex-shrink: 0;
      }
      .ocfooter-nl {
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid rgba(255, 255, 255, 0.07);
        border-radius: 14px;
        padding: 20px;
        margin-top: 16px;
      }
      .ocfooter-nl p {
        font-size: 0.84rem;
        color: rgba(255, 255, 255, 0.48);
        margin-bottom: 12px;
      }
      .ocnl-wrap {
        display: flex;
        border-radius: 50px;
        overflow: hidden;
        border: 1.5px solid rgba(255, 255, 255, 0.11);
      }
      .ocnl-wrap input {
        flex: 1;
        background: rgba(255, 255, 255, 0.05);
        border: none;
        padding: 11px 16px;
        font-size: 0.87rem;
        color: #fff;
        outline: none;
        font-family: "Outfit", sans-serif;
      }
      .ocnl-wrap input::placeholder {
        color: rgba(255, 255, 255, 0.33);
      }
      .ocnl-wrap button {
        background: linear-gradient(135deg, #c8922a, #860909);
        border: none;
        padding: 11px 20px;
        color: #fff;
        font-size: 0.87rem;
        font-weight: 600;
        cursor: pointer;
        white-space: nowrap;
        transition: all 0.4s;
        font-family: "Outfit", sans-serif;
      }
      .ocnl-wrap button:hover {
        background: linear-gradient(135deg, #860909, #c8922a);
      }
      .ocfooter-divider {
        border: none;
        border-top: 1px solid rgba(255, 255, 255, 0.07);
        margin: 46px 0 0;
      }
      .ocfooter-bottom {
        padding: 22px 0;
      }
      .ocfooter-bottom-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 12px;
      }
      .ocfooter-copy {
        font-size: 0.84rem;
        color: rgba(255, 255, 255, 0.38);
        margin: 0;
      }
      .ocfooter-copy span {
        color: #860909;
      }
      .ocfooter-legal {
        display: flex;
        gap: 22px;
        list-style: none;
        padding: 0;
        margin: 0;
      }
      .ocfooter-legal a {
        font-size: 0.81rem;
        color: rgba(255, 255, 255, 0.38);
        transition: color 0.3s;
      }
      .ocfooter-legal a:hover {
        color: #860909;
      }

      /* ── SCROLL TOP ── */
      .ocscroll-top {
        position: fixed;
        bottom: 30px;
        right: 30px;
        width: 50px;
        height: 50px;
        background: linear-gradient(135deg, #c8922a, #860909);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 1rem;
        box-shadow: 0 8px 22px rgba(200, 146, 42, 0.38);
        cursor: pointer;
        border: none;
        z-index: 9999;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        transform: translateY(20px);
      }
      .ocscroll-top.ocst-show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
      }
      .ocscroll-top:hover {
        transform: translateY(-4px);
        box-shadow: 0 16px 38px rgba(200, 146, 42, 0.48);
      }

      /* ── SCROLL ANIMATIONS ── */
      .ocanim {
        opacity: 0;
        transform: translateY(36px);
        transition:
          opacity 0.7s ease,
          transform 0.7s ease;
      }
      .ocanim.ocdone {
        opacity: 1;
        transform: translateY(0);
      }
      .ocanim-l {
        opacity: 0;
        transform: translateX(-36px);
        transition:
          opacity 0.7s ease,
          transform 0.7s ease;
      }
      .ocanim-l.ocdone {
        opacity: 1;
        transform: translateX(0);
      }
      .ocanim-r {
        opacity: 0;
        transform: translateX(36px);
        transition:
          opacity 0.7s ease,
          transform 0.7s ease;
      }
      .ocanim-r.ocdone {
        opacity: 1;
        transform: translateX(0);
      }
      .ocd1 {
        transition-delay: 0.1s;
      }
      .ocd2 {
        transition-delay: 0.2s;
      }
      .ocd3 {
        transition-delay: 0.3s;
      }
      .ocd4 {
        transition-delay: 0.4s;
      }
      .ocd5 {
        transition-delay: 0.5s;
      }

      /* ── RESPONSIVE ── */
      @media (max-width: 991.98px) {
        .ochdr-top {
          display: none;
        }
        .ocnav-menu,
        .ocnav-cta {
          display: none;
        }
        .octoggler {
          display: flex;
        }
        .ochero {
          padding: 72px 0 58px;
        }
        .ocsec,
        .ocsec-alt {
          padding: 72px 0;
        }
        .ocsplit-col {
          margin-bottom: 48px;
        }
        .ocsplit-img {
          height: 340px;
        }
        .ocsplit-frame {
          display: none;
        }
        .ocstats-band {
          padding: 58px 0;
        }
      }
      @media (max-width: 767.98px) {
        .ochero-btns {
          flex-direction: column;
        }
        .ocbtn-gold,
        .ocbtn-ghost,
        .ocbtn-navy,
        .ocbtn-outline,
        .ocbtn-white,
        .ocbtn-ghost2 {
          width: 100%;
          justify-content: center;
        }
        .occta-btns {
          flex-direction: column;
          align-items: center;
        }
        .ocfooter-bottom-inner {
          flex-direction: column;
          text-align: center;
        }
        .ocfooter-legal {
          justify-content: center;
        }
        .ocsb-num {
          font-size: 2.4rem;
        }
        .ocsplit-img {
          height: 280px;
        }
      }

/* Leadership-page css  */

      .ltbody {
        font-family: "Outfit", sans-serif;
        color: #1a2b3c;
        background: #ffffff;
        overflow-x: hidden;
        line-height: 1.7;
        -webkit-font-smoothing: antialiased;
        margin: 0;
        padding: 0;
      }
      .ltbody * {
        box-sizing: border-box;
      }
      .ltbody h1,
      .ltbody h2,
      .ltbody h3,
      .ltbody h4,
      .ltbody h5,
      .ltbody h6 {
        font-family: "Playfair Display", Georgia, serif;
        font-weight: 800;
        line-height: 1.22;
        color: #0a1628;
        margin: 0;
      }
      .ltbody h1 {
        font-size: clamp(2.4rem, 5vw, 3.9rem);
      }
      .ltbody h2 {
        font-size: clamp(1.85rem, 3.5vw, 2.75rem);
      }
      .ltbody h3 {
        font-size: clamp(1.25rem, 2vw, 1.65rem);
      }
      .ltbody p {
        font-size: 1.02rem;
        color: #4a5a6e;
        line-height: 1.78;
        margin: 0;
      }
      .ltbody a {
        text-decoration: none;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .ltbody img {
        max-width: 100%;
        display: block;
      }

      /* ── TOP BAR ── */
      .lthdr-top {
        background: #0a1628;
        padding: 9px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.07);
      }
      .lthdr-top-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .lttop-contacts {
        display: flex;
        align-items: center;
        gap: 24px;
        list-style: none;
        margin: 0;
        padding: 0;
      }
      .lttop-contacts li a {
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.84rem;
        display: flex;
        align-items: center;
        gap: 7px;
        transition: color 0.3s;
      }
      .lttop-contacts li a i {
        color: #860909;
        font-size: 0.75rem;
      }
      .lttop-contacts li a:hover {
        color: #860909;
      }
      .lttop-social {
        display: flex;
        gap: 12px;
      }
      .lttop-social a {
        color: rgba(255, 255, 255, 0.55);
        font-size: 0.82rem;
        transition: color 0.3s;
      }
      .lttop-social a:hover {
        color: #860909;
      }

      /* ── LOGO BAR ── */
      .ltlogo-bar {
        background: #fff;
        padding: 20px 0;
        border-bottom: 1px solid #d8e2ef;
      }
      .ltlogo-wrap {
        display: flex;
        align-items: center;
        gap: 14px;
        text-decoration: none;
      }
      .ltlogo-icon {
        width: 56px;
        height: 56px;
        background: linear-gradient(135deg, #0a1628, #1b4f8a);
        border-radius: 13px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 18px rgba(10, 22, 40, 0.2);
        flex-shrink: 0;
        position: relative;
        overflow: hidden;
      }
      .ltlogo-icon::before {
        content: "";
        position: absolute;
        top: -30%;
        left: -30%;
        width: 80%;
        height: 80%;
        background: rgba(228, 168, 53, 0.14);
        border-radius: 50%;
      }
      .ltlogo-icon i {
        color: #860909;
        font-size: 1.5rem;
        position: relative;
        z-index: 1;
      }
      .ltlogo-texts {
        display: flex;
        flex-direction: column;
        line-height: 1;
      }
      .ltlogo-name {
        font-family: "Playfair Display", serif;
        font-size: 1.58rem;
        font-weight: 800;
        color: #0a1628;
      }
      .ltlogo-name span {
        color: #860909;
      }
      .ltlogo-tag {
        font-size: 0.67rem;
        font-weight: 600;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: #8d9bad;
        margin-top: 4px;
      }
      .ltlogo-bar-right {
        display: flex;
        align-items: center;
        gap: 16px;
      }
      .ltphone-blk {
        text-align: right;
      }
      .ltphone-blk small {
        display: block;
        font-size: 0.67rem;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #8d9bad;
      }
      .ltphone-blk a {
        font-family: "Playfair Display", serif;
        font-size: 1.13rem;
        font-weight: 700;
        color: #0a1628;
      }
      .ltphone-blk a:hover {
        color: #860909;
      }

      /* ── NAVIGATION ── */
      .ltnav {
        background: #0a1628;
        position: sticky;
        top: 0;
        z-index: 999;
        transition: box-shadow 0.3s;
      }
      .ltnav.ltscrolled {
        box-shadow: 0 6px 30px rgba(10, 22, 40, 0.38);
      }
      .ltnav-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .ltnav-menu {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
      }
      .ltnav-menu > li {
        position: relative;
      }
      .ltnav-menu > li > a {
        color: rgba(255, 255, 255, 0.82);
        font-size: 0.92rem;
        font-weight: 500;
        padding: 19px 18px;
        display: flex;
        align-items: center;
        gap: 5px;
        position: relative;
        transition: color 0.3s;
      }
      .ltnav-menu > li > a::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0;
        height: 3px;
        background: #860909;
        transition: all 0.35s;
        transform: translateX(-50%);
        border-radius: 3px 3px 0 0;
      }
      .ltnav-menu > li:hover > a,
      .ltnav-menu > li.ltact > a {
        color: #860909;
      }
      .ltnav-menu > li:hover > a::after,
      .ltnav-menu > li.ltact > a::after {
        width: 76%;
      }
      .ltchev {
        font-size: 0.64rem;
        transition: transform 0.3s;
      }
      .ltnav-menu > li:hover > a .ltchev {
        transform: rotate(180deg);
      }
      .ltdrop {
        position: absolute;
        top: calc(100% + 2px);
        left: 0;
        background: #fff;
        min-width: 228px;
        border-radius: 14px;
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
        padding: 10px 0;
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        list-style: none;
        margin: 0;
        border-top: 3px solid #860909;
        z-index: 1000;
      }
      .ltnav-menu > li:hover .ltdrop {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
      }
      .ltdrop li a {
        color: #1a2b3c;
        font-size: 0.89rem;
        font-weight: 500;
        padding: 11px 20px;
        display: flex;
        align-items: center;
        gap: 9px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .ltdrop li a i {
        color: #860909;
        font-size: 0.8rem;
        width: 15px;
      }
      .ltdrop li a:hover {
        background: #f4f7fb;
        color: #860909;
        padding-left: 28px;
      }
      .ltnav-cta {
        background: linear-gradient(135deg, #860909, #860909);
        color: #fff;
        font-size: 0.89rem;
        font-weight: 600;
        padding: 10px 22px;
        border-radius: 50px;
        border: none;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        cursor: pointer;
        text-decoration: none;
        white-space: nowrap;
      }
      .ltnav-cta:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 24px rgba(200, 146, 42, 0.4);
        color: #fff;
      }
      .lttoggler {
        background: none;
        border: 2px solid rgba(255, 255, 255, 0.28);
        border-radius: 8px;
        padding: 7px 11px;
        cursor: pointer;
        display: none;
        flex-direction: column;
        gap: 5px;
      }
      .lttoggler span {
        display: block;
        width: 22px;
        height: 2px;
        background: #fff;
        border-radius: 2px;
        transition: all 0.4s;
      }
      .ltmob-panel {
        display: none;
        background: #0a1628;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
      }
      .ltmob-panel.ltmob-open {
        display: block;
      }
      .ltmob-links {
        list-style: none;
        padding: 0;
        margin: 0;
      }
      .ltmob-links > li > a {
        color: rgba(255, 255, 255, 0.82);
        font-size: 0.96rem;
        font-weight: 500;
        padding: 13px 22px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        transition: color 0.3s;
      }
      .ltmob-links > li > a:hover {
        color: #860909;
      }
      .ltmob-sub {
        list-style: none;
        padding: 0;
        background: rgba(255, 255, 255, 0.04);
        display: none;
      }
      .ltmob-sub.ltsub-open {
        display: block;
      }
      .ltmob-sub li a {
        color: rgba(255, 255, 255, 0.62);
        font-size: 0.87rem;
        padding: 11px 38px;
        display: flex;
        align-items: center;
        gap: 9px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.03);
        transition: color 0.3s;
      }
      .ltmob-sub li a:hover {
        color: #860909;
      }
      .ltmob-cta {
        padding: 14px 22px;
      }

      /* ── PAGE HERO ── */
      .lthero {
        position: relative;
        padding: 110px 0 90px;
        overflow: hidden;
        background: #0a1628;
      }
      .lthero-bg {
        position: absolute;
        inset: 0;
        background-size: cover;
        background-position: center;
        opacity: 0.14;
        animation: ltzoom 20s ease-in-out infinite alternate;
      }
      @keyframes ltzoom {
        0% {
          transform: scale(1.05);
        }
        100% {
          transform: scale(1.14);
        }
      }
      .lthero-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(
          135deg,
          rgba(10, 22, 40, 0.97) 0%,
          rgba(14, 32, 69, 0.9) 55%,
          rgba(27, 79, 138, 0.68) 100%
        );
      }
      .lthero-grid {
        position: absolute;
        inset: 0;
        background-image:
          linear-gradient(rgba(228, 168, 53, 0.04) 1px, transparent 1px),
          linear-gradient(90deg, rgba(228, 168, 53, 0.04) 1px, transparent 1px);
        background-size: 56px 56px;
        animation: ltgrid 24s linear infinite;
      }
      @keyframes ltgrid {
        0% {
          transform: translate(0, 0);
        }
        100% {
          transform: translate(56px, 56px);
        }
      }
      .lthero-orb1 {
        position: absolute;
        width: 440px;
        height: 440px;
        border-radius: 50%;
        background: radial-gradient(
          circle,
          rgba(200, 146, 42, 0.1) 0%,
          transparent 70%
        );
        top: -100px;
        right: -80px;
        animation: ltorb 9s ease-in-out infinite;
      }
      .lthero-orb2 {
        position: absolute;
        width: 300px;
        height: 300px;
        border-radius: 50%;
        background: radial-gradient(
          circle,
          rgba(27, 79, 138, 0.18) 0%,
          transparent 70%
        );
        bottom: -60px;
        left: 6%;
        animation: ltorb 12s ease-in-out infinite reverse;
      }
      @keyframes ltorb {
        0%,
        100% {
          transform: translateY(0) scale(1);
        }
        50% {
          transform: translateY(-28px) scale(1.06);
        }
      }
      .lthero-content {
        position: relative;
        z-index: 2;
      }
      .lthero-badge {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        background: rgba(200, 146, 42, 0.13);
        border: 1px solid rgba(200, 146, 42, 0.32);
        border-radius: 50px;
        padding: 7px 18px;
        color: #860909;
        font-size: 0.77rem;
        font-weight: 700;
        letter-spacing: 0.13em;
        text-transform: uppercase;
        margin-bottom: 24px;
        animation: ltfd 0.8s ease both;
      }
      @keyframes ltfd {
        from {
          opacity: 0;
          transform: translateY(-18px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
      .lthero h1 {
        color: #fff;
        margin-bottom: 22px;
        animation: ltfu 0.9s ease 0.2s both;
      }
      .lthero h1 span {
        color: #860909;
        font-style: italic;
      }
      @keyframes ltfu {
        from {
          opacity: 0;
          transform: translateY(28px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
      .lthero-desc {
        color: rgba(255, 255, 255, 0.72);
        font-size: 1.1rem;
        max-width: 560px;
        line-height: 1.82;
        margin-bottom: 38px;
        animation: ltfu 0.9s ease 0.35s both;
      }
      .lthero-btns {
        display: flex;
        gap: 14px;
        flex-wrap: wrap;
        animation: ltfu 0.9s ease 0.5s both;
      }
      .ltbreadcrumb {
        display: flex;
        align-items: center;
        gap: 8px;
        list-style: none;
        padding: 0;
        margin: 40px 0 0;
        animation: ltfu 0.9s ease 0.65s both;
      }
      .ltbreadcrumb li {
        color: rgba(255, 255, 255, 0.4);
        font-size: 0.8rem;
      }
      .ltbreadcrumb li a {
        color: rgba(255, 255, 255, 0.55);
        transition: color 0.3s;
      }
      .ltbreadcrumb li a:hover {
        color: #860909;
      }
      .ltbreadcrumb li.ltbc-act {
        color: #860909;
        font-weight: 600;
      }
      .ltbreadcrumb li i {
        font-size: 0.6rem;
      }

      /* ── BUTTONS ── */
      .ltbtn-gold {
        background: linear-gradient(135deg, #860909, #860909);
        color: #fff;
        font-weight: 700;
        font-size: 1rem;
        padding: 16px 36px;
        border-radius: 50px;
        border: none;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        box-shadow: 0 10px 36px rgb(134, 9, 9,0.5);
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        cursor: pointer;
      }
      .ltbtn-gold:hover {
        transform: translateY(-3px);
        box-shadow: 0 18px 50px rgba(134, 9, 9,1);
        color: #fff;
      }
      .ltbtn-gold i {
        transition: transform 0.3s;
      }
      .ltbtn-gold:hover i {
        transform: translateX(4px);
      }
      .ltbtn-ghost {
        background: rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(10px);
        color: #fff;
        font-weight: 600;
        font-size: 1rem;
        padding: 15px 36px;
        border-radius: 50px;
        border: 1.5px solid rgba(255, 255, 255, 0.25);
        display: inline-flex;
        align-items: center;
        gap: 10px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        cursor: pointer;
      }
      .ltbtn-ghost:hover {
        background: rgba(255, 255, 255, 0.18);
        border-color: rgba(255, 255, 255, 0.5);
        transform: translateY(-3px);
        color: #fff;
      }
      .ltbtn-navy {
        background: #0a1628;
        color: #fff;
        font-weight: 600;
        font-size: 0.98rem;
        padding: 15px 34px;
        border-radius: 50px;
        border: 2px solid #0a1628;
        display: inline-flex;
        align-items: center;
        gap: 9px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        cursor: pointer;
      }
      .ltbtn-navy:hover {
        background: transparent;
        color: #0a1628;
        transform: translateY(-3px);
      }
      .ltbtn-outline {
        background: transparent;
        color: #0a1628;
        font-weight: 600;
        font-size: 0.98rem;
        padding: 14px 34px;
        border-radius: 50px;
        border: 2px solid #0a1628;
        display: inline-flex;
        align-items: center;
        gap: 9px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        cursor: pointer;
      }
      .ltbtn-outline:hover {
        background: #0a1628;
        color: #fff;
        transform: translateY(-3px);
      }
      .ltbtn-white {
        background: #fff;
        color: #0a1628;
        font-weight: 700;
        font-size: 0.98rem;
        padding: 15px 34px;
        border-radius: 50px;
        border: none;
        display: inline-flex;
        align-items: center;
        gap: 9px;
        box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        cursor: pointer;
      }
      .ltbtn-white:hover {
        transform: translateY(-3px);
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
        color: #860909;
      }
      .ltbtn-ghost2 {
        background: rgba(255, 255, 255, 0.1);
        color: #fff;
        font-weight: 600;
        font-size: 0.98rem;
        padding: 14px 34px;
        border-radius: 50px;
        border: 1.5px solid rgba(255, 255, 255, 0.25);
        display: inline-flex;
        align-items: center;
        gap: 9px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        cursor: pointer;
      }
      .ltbtn-ghost2:hover {
        background: rgba(255, 255, 255, 0.2);
        border-color: rgba(255, 255, 255, 0.5);
        transform: translateY(-3px);
        color: #fff;
      }

      /* ── SECTION UTILITIES ── */
      .ltsec {
        padding: 108px 0;
        background: #fff;
      }
      .ltsec-alt {
        padding: 108px 0;
        background: #f4f7fb;
      }
      .ltsec-label {
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: #860909;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 1rem;
      }
      .ltsec-label::before {
        content: "";
        display: inline-block;
        width: 28px;
        height: 2px;
        background: #860909;
        border-radius: 2px;
      }
      .ltsec-label::after {
        content: "";
        display: inline-block;
        width: 7px;
        height: 7px;
        background: #860909;
        border-radius: 50%;
      }
      .ltsec-title {
        font-family: "Playfair Display", serif;
        font-weight: 800;
        color: #0a1628;
        margin-bottom: 0.9rem;
      }
      .ltsec-title span {
        color: #860909;
        font-style: italic;
      }
      .ltsec-desc {
        font-size: 1.05rem;
        color: #4a5a6e;
        max-width: 600px;
        line-height: 1.8;
      }
      .ltgold-bar {
        width: 52px;
        height: 4px;
        background: linear-gradient(90deg, #860909, #860909);
        border-radius: 4px;
        margin-bottom: 1.4rem;
      }

      /* ── FEATURE CARD ── */
      .ltfeat-card {
        background: #fff;
        border-radius: 22px;
        padding: 36px;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid transparent;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        height: 100%;
        position: relative;
        overflow: hidden;
      }
      .ltfeat-card::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 22px;
        border: 2px solid #860909;
        opacity: 0;
        transition: opacity 0.4s;
      }
      .ltfeat-card:hover {
        transform: translateY(-9px);
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
      }
      .ltfeat-card:hover::before {
        opacity: 1;
      }
      .ltfeat-icon {
        width: 62px;
        height: 62px;
        background: linear-gradient(135deg, #0a1628, #1b4f8a);
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 22px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .ltfeat-icon i {
        color: #860909;
        font-size: 1.38rem;
      }
      .ltfeat-card:hover .ltfeat-icon {
        background: linear-gradient(135deg, #860909, #860909);
        transform: rotate(-5deg) scale(1.08);
      }
      .ltfeat-card:hover .ltfeat-icon i {
        color: #fff;
      }
      .ltfeat-card h4 {
        font-family: "Playfair Display", serif;
        font-size: 1.18rem;
        margin-bottom: 12px;
        color: #0a1628;
        transition: color 0.3s;
      }
      .ltfeat-card:hover h4 {
        color: #860909;
      }
      .ltfeat-card p {
        font-size: 0.93rem;
        color: #4a5a6e;
        margin: 0;
        line-height: 1.75;
      }

      /* ── STEP PROCESS ── */
      .ltstep {
        display: flex;
        gap: 22px;
        align-items: flex-start;
        margin-bottom: 36px;
        position: relative;
      }
      .ltstep:not(:last-child)::after {
        content: "";
        position: absolute;
        left: 24px;
        top: 52px;
        width: 2px;
        height: calc(100% - 20px);
        background: linear-gradient(180deg, #860909, transparent);
        opacity: 0.35;
      }
      .ltstep-num {
        width: 50px;
        height: 50px;
        flex-shrink: 0;
        background: linear-gradient(135deg, #0a1628, #1b4f8a);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "Playfair Display", serif;
        font-size: 1.15rem;
        font-weight: 800;
        color: #860909;
        border: 2px solid rgba(228, 168, 53, 0.28);
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        z-index: 1;
      }
      .ltstep:hover .ltstep-num {
        background: linear-gradient(135deg, #860909, #860909);
        color: #fff;
      }
      .ltstep-body {
        background: #fff;
        border-radius: 14px;
        padding: 24px 28px;
        flex: 1;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid #d8e2ef;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .ltstep:hover .ltstep-body {
        box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
        border-color: rgba(200, 146, 42, 0.28);
        transform: translateX(6px);
      }
      .ltstep-tag {
        display: inline-block;
        background: rgba(200, 146, 42, 0.1);
        color: #860909;
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        padding: 4px 12px;
        border-radius: 50px;
        margin-bottom: 10px;
      }
      .ltstep-body h5 {
        font-family: "Playfair Display", serif;
        font-size: 1.08rem;
        font-weight: 700;
        color: #0a1628;
        margin-bottom: 6px;
      }
      .ltstep-body p {
        font-size: 0.93rem;
        color: #4a5a6e;
        margin: 0;
        line-height: 1.7;
      }

      /* ── ICON LIST ── */
      .lticon-list {
        list-style: none;
        padding: 0;
        margin: 0;
      }
      .lticon-list li {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        padding: 10px 0;
        border-bottom: 1px solid #d8e2ef;
        font-size: 0.94rem;
        color: #4a5a6e;
      }
      .lticon-list li:last-child {
        border-bottom: none;
      }
      .lticon-list li i {
        width: 27px;
        height: 27px;
        background: rgba(200, 146, 42, 0.1);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #860909;
        font-size: 0.72rem;
        flex-shrink: 0;
        margin-top: 1px;
      }

      /* ── STATS BAND ── */
      .ltstats-band {
        background: linear-gradient(
          135deg,
          #0a1628 0%,
          #0e2045 50%,
          #1b4f8a 100%
        );
        padding: 88px 0;
        position: relative;
        overflow: hidden;
      }
      .ltstats-band::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image:
          linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
          linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.025) 1px,
            transparent 1px
          );
        background-size: 50px 50px;
      }
      .ltstats-band::after {
        content: "";
        position: absolute;
        inset: 0;
        background-image:
          radial-gradient(
            circle at 20% 50%,
            rgba(200, 146, 42, 0.07) 0%,
            transparent 50%
          ),
          radial-gradient(
            circle at 80% 50%,
            rgba(27, 79, 138, 0.14) 0%,
            transparent 50%
          );
      }
      .ltsb-item {
        text-align: center;
        position: relative;
        z-index: 1;
        padding: 16px 8px;
      }
      .ltsb-icon {
        width: 60px;
        height: 60px;
        background: rgba(200, 146, 42, 0.13);
        border: 1px solid rgba(200, 146, 42, 0.28);
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 18px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .ltsb-icon i {
        color: #860909;
        font-size: 1.38rem;
      }
      .ltsb-item:hover .ltsb-icon {
        background: rgba(200, 146, 42, 0.22);
        transform: scale(1.1) rotate(4deg);
      }
      .ltsb-num {
        font-family: "Playfair Display", serif;
        font-size: 3rem;
        font-weight: 900;
        color: #fff;
        line-height: 1;
        margin-bottom: 8px;
      }
      .ltsb-num span {
        color: #860909;
      }
      .ltsb-label {
        font-size: 0.8rem;
        font-weight: 600;
        color: rgba(255, 255, 255, 0.52);
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      /* ── SPLIT IMAGE LAYOUT ── */
      .ltsplit-col {
        position: relative;
      }
      .ltsplit-img {
        width: 100%;
        height: 470px;
        object-fit: cover;
        border-radius: 22px;
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
        position: relative;
        z-index: 1;
      }
      .ltsplit-frame {
        position: absolute;
        top: -18px;
        left: -18px;
        right: 52px;
        bottom: 26px;
        border: 2px solid #860909;
        border-radius: 22px;
        opacity: 0.38;
        z-index: 0;
      }
      .ltsplit-badge {
        position: absolute;
        bottom: 36px;
        right: 8px;
        background: linear-gradient(135deg, #0a1628, #1b4f8a);
        border-radius: 14px;
        padding: 20px 22px;
        text-align: center;
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
        z-index: 2;
        min-width: 130px;
        animation: ltorb 5s ease-in-out infinite;
      }
      .ltsplit-badge-num {
        font-family: "Playfair Display", serif;
        font-size: 2.4rem;
        font-weight: 900;
        color: #860909;
        line-height: 1;
        display: block;
      }
      .ltsplit-badge-lbl {
        font-size: 0.71rem;
        font-weight: 600;
        color: rgba(255, 255, 255, 0.6);
        letter-spacing: 0.09em;
        text-transform: uppercase;
        margin-top: 4px;
        display: block;
        line-height: 1.4;
      }

      /* ── TEAM CARD ── */
      .ltteam-card {
        background: #fff;
        border-radius: 22px;
        overflow: hidden;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid #d8e2ef;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        height: 100%;
      }
      .ltteam-card:hover {
        transform: translateY(-9px);
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
      }
      .ltteam-img-wrap {
        position: relative;
        overflow: hidden;
        height: 268px;
      }
      .ltteam-img-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.6s ease;
      }
      .ltteam-card:hover .ltteam-img-wrap img {
        transform: scale(1.07);
      }
      .ltteam-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(
          0deg,
          rgba(10, 22, 40, 0.8) 0%,
          transparent 60%
        );
        opacity: 0;
        transition: opacity 0.4s;
      }
      .ltteam-card:hover .ltteam-overlay {
        opacity: 1;
      }
      .ltteam-soc {
        position: absolute;
        bottom: 16px;
        left: 50%;
        transform: translateX(-50%) translateY(20px);
        display: flex;
        gap: 9px;
        opacity: 0;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .ltteam-card:hover .ltteam-soc {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
      }
      .ltteam-soc a {
        width: 36px;
        height: 36px;
        background: rgba(255, 255, 255, 0.15);
        backdrop-filter: blur(6px);
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 0.82rem;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .ltteam-soc a:hover {
        background: #860909;
        border-color: #860909;
      }
      .ltteam-body {
        padding: 26px;
      }
      .ltteam-body h5 {
        font-family: "Playfair Display", serif;
        font-size: 1.1rem;
        font-weight: 700;
        margin-bottom: 4px;
        color: #0a1628;
      }
      .ltteam-role {
        font-size: 0.78rem;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #860909;
        margin-bottom: 10px;
        display: block;
      }
      .ltteam-body p {
        font-size: 0.88rem;
        color: #4a5a6e;
        margin: 0;
      }

      /* ── AWARD CARD ── */
      .ltaward-card {
        background: #fff;
        border-radius: 22px;
        padding: 34px;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid #d8e2ef;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        height: 100%;
        position: relative;
        overflow: hidden;
      }
      .ltaward-card::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, #860909, #860909);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.4s;
      }
      .ltaward-card:hover {
        transform: translateY(-9px);
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
      }
      .ltaward-card:hover::after {
        transform: scaleX(1);
      }
      .ltaward-yr {
        font-family: "Playfair Display", serif;
        font-size: 2rem;
        font-weight: 900;
        color: #860909;
        opacity: 0.2;
        position: absolute;
        top: 16px;
        right: 24px;
      }
      .ltaward-icon {
        width: 52px;
        height: 52px;
        background: rgba(200, 146, 42, 0.1);
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 18px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .ltaward-icon i {
        color: #860909;
        font-size: 1.2rem;
      }
      .ltaward-card:hover .ltaward-icon {
        background: linear-gradient(135deg, #860909, #860909);
      }
      .ltaward-card:hover .ltaward-icon i {
        color: #fff;
      }
      .ltaward-card h5 {
        font-family: "Playfair Display", serif;
        font-size: 1.05rem;
        font-weight: 700;
        color: #0a1628;
        margin-bottom: 6px;
      }
      .ltaward-card p {
        font-size: 0.88rem;
        color: #4a5a6e;
        margin: 0;
      }

      /* ── PARTNER CARD ── */
      .ltpartner-card {
        background: #fff;
        border-radius: 22px;
        padding: 30px;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid #d8e2ef;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        text-align: center;
        height: 100%;
      }
      .ltpartner-card:hover {
        transform: translateY(-7px);
        box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
        border-color: rgba(200, 146, 42, 0.3);
      }
      .ltpartner-logo {
        width: 80px;
        height: 80px;
        background: #f4f7fb;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 18px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .ltpartner-logo i {
        font-size: 2rem;
        color: #1b4f8a;
        transition: color 0.3s;
      }
      .ltpartner-card:hover .ltpartner-logo {
        background: linear-gradient(135deg, #0a1628, #1b4f8a);
      }
      .ltpartner-card:hover .ltpartner-logo i {
        color: #860909;
      }
      .ltpartner-card h5 {
        font-family: "Playfair Display", serif;
        font-size: 1rem;
        font-weight: 700;
        color: #0a1628;
        margin-bottom: 6px;
      }
      .ltpartner-card p {
        font-size: 0.85rem;
        color: #4a5a6e;
        margin-bottom: 14px;
      }
      .ltpartner-badge {
        display: inline-block;
        background: rgba(200, 146, 42, 0.1);
        color: #860909;
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        padding: 4px 12px;
        border-radius: 50px;
      }

      /* ── INDUSTRY CARD ── */
      .ltind-card {
        background: #fff;
        border-radius: 22px;
        overflow: hidden;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid #d8e2ef;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        height: 100%;
      }
      .ltind-card:hover {
        transform: translateY(-9px);
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
      }
      .ltind-img-wrap {
        overflow: hidden;
        position: relative;
      }
      .ltind-img {
        width: 100%;
        height: 190px;
        object-fit: cover;
        transition: transform 0.6s;
      }
      .ltind-card:hover .ltind-img {
        transform: scale(1.06);
      }
      .ltind-cat {
        position: absolute;
        top: 14px;
        left: 14px;
        background: linear-gradient(135deg, #860909, #860909);
        color: #fff;
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.09em;
        text-transform: uppercase;
        padding: 4px 13px;
        border-radius: 50px;
      }
      .ltind-body {
        padding: 26px;
      }
      .ltind-body h5 {
        font-family: "Playfair Display", serif;
        font-size: 1.08rem;
        font-weight: 700;
        color: #0a1628;
        margin-bottom: 8px;
        transition: color 0.3s;
      }
      .ltind-card:hover h5 {
        color: #860909;
      }
      .ltind-body p {
        font-size: 0.88rem;
        color: #4a5a6e;
        margin-bottom: 16px;
      }
      .ltind-link {
        color: #860909;
        font-weight: 600;
        font-size: 0.86rem;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        transition: gap 0.3s;
      }
      .ltind-link:hover {
        gap: 13px;
        color: #0a1628;
      }

      /* ── INSIGHT CARD ── */
      .ltinsight-card {
        background: #fff;
        border-radius: 22px;
        overflow: hidden;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid #d8e2ef;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        height: 100%;
      }
      .ltinsight-card:hover {
        transform: translateY(-9px);
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
      }
      .ltinsight-img-wrap {
        overflow: hidden;
        position: relative;
      }
      .ltinsight-img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        transition: transform 0.6s;
      }
      .ltinsight-card:hover .ltinsight-img {
        transform: scale(1.05);
      }
      .ltinsight-tag {
        position: absolute;
        top: 14px;
        left: 14px;
        background: rgba(10, 22, 40, 0.85);
        color: #860909;
        font-size: 0.68rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        padding: 4px 12px;
        border-radius: 50px;
        border: 1px solid rgba(228, 168, 53, 0.3);
      }
      .ltinsight-body {
        padding: 26px;
      }
      .ltinsight-meta {
        display: flex;
        align-items: center;
        gap: 14px;
        margin-bottom: 12px;
      }
      .ltinsight-meta span {
        font-size: 0.78rem;
        color: #8d9bad;
        display: flex;
        align-items: center;
        gap: 5px;
      }
      .ltinsight-meta span i {
        font-size: 0.7rem;
        color: #860909;
      }
      .ltinsight-body h5 {
        font-family: "Playfair Display", serif;
        font-size: 1.08rem;
        font-weight: 700;
        color: #0a1628;
        margin-bottom: 8px;
        transition: color 0.3s;
        line-height: 1.4;
      }
      .ltinsight-card:hover h5 {
        color: #860909;
      }
      .ltinsight-body p {
        font-size: 0.88rem;
        color: #4a5a6e;
        margin-bottom: 16px;
      }

      /* ── TESTIMONIAL CARD ── */
      .lttesti-card {
        background: #fff;
        border-radius: 22px;
        padding: 36px;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid #d8e2ef;
        height: 100%;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        position: relative;
      }
      .lttesti-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: linear-gradient(90deg, #860909, #860909);
        border-radius: 22px 22px 0 0;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.4s;
      }
      .lttesti-card:hover {
        transform: translateY(-7px);
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
      }
      .lttesti-card:hover::before {
        transform: scaleX(1);
      }
      .lttesti-quote {
        width: 40px;
        height: 40px;
        background: linear-gradient(135deg, #860909, #860909);
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
      }
      .lttesti-quote i {
        color: #fff;
        font-size: 1rem;
      }
      .lttesti-stars {
        color: #860909;
        font-size: 0.85rem;
        margin-bottom: 14px;
        display: flex;
        gap: 3px;
      }
      .lttesti-text {
        font-size: 0.95rem;
        color: #4a5a6e;
        line-height: 1.8;
        margin-bottom: 22px;
        font-style: italic;
      }
      .lttesti-author {
        display: flex;
        align-items: center;
        gap: 12px;
        padding-top: 18px;
        border-top: 1px solid #d8e2ef;
      }
      .lttesti-avatar {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid #860909;
      }
      .lttesti-name {
        font-weight: 700;
        font-size: 0.93rem;
        color: #0a1628;
        display: block;
      }
      .lttesti-role {
        font-size: 0.78rem;
        color: #8d9bad;
        display: block;
      }

      /* ── FAQ ACCORDION ── */
      .ltfaq {
        background: #fff;
        border-radius: 14px;
        margin-bottom: 14px;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid #d8e2ef;
        overflow: hidden;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .ltfaq.ltfaq-open {
        border-color: rgba(200, 146, 42, 0.3);
        box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
      }
      .ltfaq-q {
        padding: 22px 28px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        font-size: 1rem;
        font-weight: 600;
        color: #0a1628;
        transition: color 0.3s;
        gap: 16px;
        user-select: none;
      }
      .ltfaq.ltfaq-open .ltfaq-q {
        color: #860909;
      }
      .ltfaq-toggle {
        width: 34px;
        height: 34px;
        background: #f4f7fb;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .ltfaq-toggle i {
        font-size: 0.75rem;
        color: #4a5a6e;
        transition:
          transform 0.35s,
          color 0.3s;
      }
      .ltfaq.ltfaq-open .ltfaq-toggle {
        background: linear-gradient(135deg, #860909, #860909);
      }
      .ltfaq.ltfaq-open .ltfaq-toggle i {
        transform: rotate(180deg);
        color: #fff;
      }
      .ltfaq-ans {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.45s ease;
      }
      .ltfaq-ans-inner {
        padding: 0 28px 22px;
        font-size: 0.95rem;
        color: #4a5a6e;
        line-height: 1.75;
      }

      /* ── FORM ELEMENTS ── */
      .ltform-label {
        display: block;
        font-size: 0.78rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #4a5a6e;
        margin-bottom: 7px;
      }
      .ltform-ctrl {
        width: 100%;
        padding: 13px 17px;
        background: #f4f7fb;
        border: 1.5px solid #d8e2ef;
        border-radius: 14px;
        font-size: 0.96rem;
        color: #1a2b3c;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        outline: none;
        appearance: none;
        font-family: "Outfit", sans-serif;
      }
      .ltform-ctrl:focus {
        border-color: #860909;
        background: #fff;
        box-shadow: 0 0 0 4px rgba(200, 146, 42, 0.09);
      }
      .ltform-ctrl::placeholder {
        color: #8d9bad;
      }
      textarea.ltform-ctrl {
        resize: vertical;
        min-height: 115px;
      }
      select.ltform-ctrl {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7A8D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 13px center;
        background-size: 17px;
        padding-right: 42px;
        cursor: pointer;
      }

      /* ── CTA SECTION ── */
      .ltcta-sec {
        background: linear-gradient(135deg, #0a1628 0%, #1b4f8a 50%);
        padding: 88px 0;
        position: relative;
        overflow: hidden;
      }
      .ltcta-sec::after {
        content: "";
        position: absolute;
        top: -40%;
        right: -8%;
        width: 540px;
        height: 540px;
        border-radius: 50%;
        background: radial-gradient(
          circle,
          rgba(200, 146, 42, 0.09) 0%,
          transparent 70%
        );
      }
      .ltcta-inner {
        position: relative;
        z-index: 1;
        text-align: center;
      }
      .ltcta-inner h2 {
        color: #fff;
        margin-bottom: 14px;
      }
      .ltcta-inner h2 span {
        color: #860909;
        font-style: italic;
      }
      .ltcta-inner p {
        color: rgba(255, 255, 255, 0.68);
        font-size: 1.08rem;
        max-width: 540px;
        margin: 0 auto 36px;
      }
      .ltcta-btns {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
        flex-wrap: wrap;
      }

      /* ── FOOTER ── */
      .ltfooter {
        background: #0a1628;
        padding-top: 72px;
      }
      .ltfooter-desc {
        font-size: 0.92rem;
        line-height: 1.8;
        color: rgba(255, 255, 255, 0.52);
        margin-bottom: 22px;
        max-width: 310px;
      }
      .ltfooter-social {
        display: flex;
        gap: 9px;
      }
      .ltfooter-social a {
        width: 38px;
        height: 38px;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.09);
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: rgba(255, 255, 255, 0.48);
        font-size: 0.9rem;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .ltfooter-social a:hover {
        background: #860909;
        color: #fff;
        border-color: #860909;
        transform: translateY(-3px);
      }
      .ltfooter-head {
        font-family: "Playfair Display", serif;
        font-size: 0.98rem;
        font-weight: 700;
        color: #fff;
        margin-bottom: 20px;
        position: relative;
        padding-bottom: 10px;
      }
      .ltfooter-head::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 26px;
        height: 2px;
        background: #860909;
        border-radius: 2px;
      }
      .ltfooter-links {
        list-style: none;
        padding: 0;
        margin: 0;
      }
      .ltfooter-links li {
        margin-bottom: 9px;
      }
      .ltfooter-links li a {
        color: rgba(255, 255, 255, 0.52);
        font-size: 0.89rem;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .ltfooter-links li a i {
        font-size: 0.6rem;
        color: #860909;
      }
      .ltfooter-links li a:hover {
        color: #860909;
        gap: 12px;
      }
      .ltfooter-contacts {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 15px;
      }
      .ltfooter-contacts li {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        font-size: 0.87rem;
        color: rgba(255, 255, 255, 0.52);
      }
      .ltfooter-contacts li i {
        color: #860909;
        font-size: 0.87rem;
        margin-top: 2px;
        flex-shrink: 0;
      }
      .ltfooter-nl {
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid rgba(255, 255, 255, 0.07);
        border-radius: 14px;
        padding: 20px;
        margin-top: 16px;
      }
      .ltfooter-nl p {
        font-size: 0.84rem;
        color: rgba(255, 255, 255, 0.48);
        margin-bottom: 12px;
      }
      .ltnl-wrap {
        display: flex;
        border-radius: 50px;
        overflow: hidden;
        border: 1.5px solid rgba(255, 255, 255, 0.11);
      }
      .ltnl-wrap input {
        flex: 1;
        background: rgba(255, 255, 255, 0.05);
        border: none;
        padding: 11px 16px;
        font-size: 0.87rem;
        color: #fff;
        outline: none;
        font-family: "Outfit", sans-serif;
      }
      .ltnl-wrap input::placeholder {
        color: rgba(255, 255, 255, 0.33);
      }
      .ltnl-wrap button {
        background: linear-gradient(135deg, #860909, #860909);
        border: none;
        padding: 11px 20px;
        color: #fff;
        font-size: 0.87rem;
        font-weight: 600;
        cursor: pointer;
        white-space: nowrap;
        transition: all 0.4s;
        font-family: "Outfit", sans-serif;
      }
      .ltnl-wrap button:hover {
        background: linear-gradient(135deg, #860909, #860909);
      }
      .ltfooter-divider {
        border: none;
        border-top: 1px solid rgba(255, 255, 255, 0.07);
        margin: 46px 0 0;
      }
      .ltfooter-bottom {
        padding: 22px 0;
      }
      .ltfooter-bottom-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 12px;
      }
      .ltfooter-copy {
        font-size: 0.84rem;
        color: rgba(255, 255, 255, 0.38);
        margin: 0;
      }
      .ltfooter-copy span {
        color: #860909;
      }
      .ltfooter-legal {
        display: flex;
        gap: 22px;
        list-style: none;
        padding: 0;
        margin: 0;
      }
      .ltfooter-legal a {
        font-size: 0.81rem;
        color: rgba(255, 255, 255, 0.38);
        transition: color 0.3s;
      }
      .ltfooter-legal a:hover {
        color: #860909;
      }

      /* ── SCROLL TOP ── */
      .ltscroll-top {
        position: fixed;
        bottom: 30px;
        right: 30px;
        width: 50px;
        height: 50px;
        background: linear-gradient(135deg, #860909, #860909);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 1rem;
        box-shadow: 0 8px 22px rgba(200, 146, 42, 0.38);
        cursor: pointer;
        border: none;
        z-index: 9999;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        transform: translateY(20px);
      }
      .ltscroll-top.ltst-show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
      }
      .ltscroll-top:hover {
        transform: translateY(-4px);
        box-shadow: 0 16px 38px rgba(200, 146, 42, 0.48);
      }

      /* ── SCROLL ANIMATIONS ── */
      .ltanim {
        opacity: 0;
        transform: translateY(36px);
        transition:
          opacity 0.7s ease,
          transform 0.7s ease;
      }
      .ltanim.ltdone {
        opacity: 1;
        transform: translateY(0);
      }
      .ltanim-l {
        opacity: 0;
        transform: translateX(-36px);
        transition:
          opacity 0.7s ease,
          transform 0.7s ease;
      }
      .ltanim-l.ltdone {
        opacity: 1;
        transform: translateX(0);
      }
      .ltanim-r {
        opacity: 0;
        transform: translateX(36px);
        transition:
          opacity 0.7s ease,
          transform 0.7s ease;
      }
      .ltanim-r.ltdone {
        opacity: 1;
        transform: translateX(0);
      }
      .ltd1 {
        transition-delay: 0.1s;
      }
      .ltd2 {
        transition-delay: 0.2s;
      }
      .ltd3 {
        transition-delay: 0.3s;
      }
      .ltd4 {
        transition-delay: 0.4s;
      }
      .ltd5 {
        transition-delay: 0.5s;
      }

      /* ── RESPONSIVE ── */
      @media (max-width: 991.98px) {
        .lthdr-top {
          display: none;
        }
        .ltnav-menu,
        .ltnav-cta {
          display: none;
        }
        .lttoggler {
          display: flex;
        }
        .lthero {
          padding: 72px 0 58px;
        }
        .ltsec,
        .ltsec-alt {
          padding: 72px 0;
        }
        .ltsplit-col {
          margin-bottom: 48px;
        }
        .ltsplit-img {
          height: 340px;
        }
        .ltsplit-frame {
          display: none;
        }
        .ltstats-band {
          padding: 58px 0;
        }
      }
      @media (max-width: 767.98px) {
        .lthero-btns {
          flex-direction: column;
        }
        .ltbtn-gold,
        .ltbtn-ghost,
        .ltbtn-navy,
        .ltbtn-outline,
        .ltbtn-white,
        .ltbtn-ghost2 {
          width: 100%;
          justify-content: center;
        }
        .ltcta-btns {
          flex-direction: column;
          align-items: center;
        }
        .ltfooter-bottom-inner {
          flex-direction: column;
          text-align: center;
        }
        .ltfooter-legal {
          justify-content: center;
        }
        .ltsb-num {
          font-size: 2.4rem;
        }
        .ltsplit-img {
          height: 280px;
        }
      }

/* Schedule A call page css  */

      /* ============================================================
   PAGE PREFIX: SC — ALL CSS INTERNAL, ZERO INLINE
   ============================================================ */
      .scbody {
        font-family: "Outfit", sans-serif;
        color: #1a2b3c;
        background: #ffffff;
        overflow-x: hidden;
        line-height: 1.7;
        -webkit-font-smoothing: antialiased;
        margin: 0;
        padding: 0;
      }
      .scbody * {
        box-sizing: border-box;
      }
      .scbody h1,
      .scbody h2,
      .scbody h3,
      .scbody h4,
      .scbody h5,
      .scbody h6 {
        font-family: "Playfair Display", Georgia, serif;
        font-weight: 800;
        line-height: 1.22;
        color: #0a1628;
        margin: 0;
      }
      .scbody h1 {
        font-size: clamp(2.4rem, 5vw, 3.9rem);
      }
      .scbody h2 {
        font-size: clamp(1.85rem, 3.5vw, 2.75rem);
      }
      .scbody h3 {
        font-size: clamp(1.25rem, 2vw, 1.65rem);
      }
      .scbody p {
        font-size: 1.02rem;
        color: #4a5a6e;
        line-height: 1.78;
        margin: 0;
      }
      .scbody a {
        text-decoration: none;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .scbody img {
        max-width: 100%;
        display: block;
      }

      /* ── TOP BAR ── */
      .schdr-top {
        background: #0a1628;
        padding: 9px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.07);
      }
      .schdr-top-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .sctop-contacts {
        display: flex;
        align-items: center;
        gap: 24px;
        list-style: none;
        margin: 0;
        padding: 0;
      }
      .sctop-contacts li a {
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.84rem;
        display: flex;
        align-items: center;
        gap: 7px;
        transition: color 0.3s;
      }
      .sctop-contacts li a i {
        color: #860909;
        font-size: 0.75rem;
      }
      .sctop-contacts li a:hover {
        color: #860909;
      }
      .sctop-social {
        display: flex;
        gap: 12px;
      }
      .sctop-social a {
        color: rgba(255, 255, 255, 0.55);
        font-size: 0.82rem;
        transition: color 0.3s;
      }
      .sctop-social a:hover {
        color: #860909;
      }

      /* ── LOGO BAR ── */
      .sclogo-bar {
        background: #fff;
        padding: 20px 0;
        border-bottom: 1px solid #d8e2ef;
      }
      .sclogo-wrap {
        display: flex;
        align-items: center;
        gap: 14px;
        text-decoration: none;
      }
      .sclogo-icon {
        width: 56px;
        height: 56px;
        background: linear-gradient(135deg, #0a1628, #1b4f8a);
        border-radius: 13px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 18px rgba(10, 22, 40, 0.2);
        flex-shrink: 0;
        position: relative;
        overflow: hidden;
      }
      .sclogo-icon::before {
        content: "";
        position: absolute;
        top: -30%;
        left: -30%;
        width: 80%;
        height: 80%;
        background: rgba(228, 168, 53, 0.14);
        border-radius: 50%;
      }
      .sclogo-icon i {
        color: #860909;
        font-size: 1.5rem;
        position: relative;
        z-index: 1;
      }
      .sclogo-texts {
        display: flex;
        flex-direction: column;
        line-height: 1;
      }
      .sclogo-name {
        font-family: "Playfair Display", serif;
        font-size: 1.58rem;
        font-weight: 800;
        color: #0a1628;
      }
      .sclogo-name span {
        color: #860909;
      }
      .sclogo-tag {
        font-size: 0.67rem;
        font-weight: 600;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: #8d9bad;
        margin-top: 4px;
      }
      .sclogo-bar-right {
        display: flex;
        align-items: center;
        gap: 16px;
      }
      .scphone-blk {
        text-align: right;
      }
      .scphone-blk small {
        display: block;
        font-size: 0.67rem;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #8d9bad;
      }
      .scphone-blk a {
        font-family: "Playfair Display", serif;
        font-size: 1.13rem;
        font-weight: 700;
        color: #0a1628;
      }
      .scphone-blk a:hover {
        color: #860909;
      }

      /* ── NAVIGATION ── */
      .scnav {
        background: #0a1628;
        position: sticky;
        top: 0;
        z-index: 999;
        transition: box-shadow 0.3s;
      }
      .scnav.scscrolled {
        box-shadow: 0 6px 30px rgba(10, 22, 40, 0.38);
      }
      .scnav-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .scnav-menu {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
      }
      .scnav-menu > li {
        position: relative;
      }
      .scnav-menu > li > a {
        color: rgba(255, 255, 255, 0.82);
        font-size: 0.92rem;
        font-weight: 500;
        padding: 19px 18px;
        display: flex;
        align-items: center;
        gap: 5px;
        position: relative;
        transition: color 0.3s;
      }
      .scnav-menu > li > a::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0;
        height: 3px;
        background: #860909;
        transition: all 0.35s;
        transform: translateX(-50%);
        border-radius: 3px 3px 0 0;
      }
      .scnav-menu > li:hover > a,
      .scnav-menu > li.scact > a {
        color: #860909;
      }
      .scnav-menu > li:hover > a::after,
      .scnav-menu > li.scact > a::after {
        width: 76%;
      }
      .scchev {
        font-size: 0.64rem;
        transition: transform 0.3s;
      }
      .scnav-menu > li:hover > a .scchev {
        transform: rotate(180deg);
      }
      .scdrop {
        position: absolute;
        top: calc(100% + 2px);
        left: 0;
        background: #fff;
        min-width: 228px;
        border-radius: 14px;
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
        padding: 10px 0;
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        list-style: none;
        margin: 0;
        border-top: 3px solid #860909;
        z-index: 1000;
      }
      .scnav-menu > li:hover .scdrop {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
      }
      .scdrop li a {
        color: #1a2b3c;
        font-size: 0.89rem;
        font-weight: 500;
        padding: 11px 20px;
        display: flex;
        align-items: center;
        gap: 9px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .scdrop li a i {
        color: #860909;
        font-size: 0.8rem;
        width: 15px;
      }
      .scdrop li a:hover {
        background: #f4f7fb;
        color: #860909;
        padding-left: 28px;
      }
      .scnav-cta {
        background: linear-gradient(135deg, #860909, #860909);
        color: #fff;
        font-size: 0.89rem;
        font-weight: 600;
        padding: 10px 22px;
        border-radius: 50px;
        border: none;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        cursor: pointer;
        text-decoration: none;
        white-space: nowrap;
      }
      .scnav-cta:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 24px rgba(200, 146, 42, 0.4);
        color: #fff;
      }
      .sctoggler {
        background: none;
        border: 2px solid rgba(255, 255, 255, 0.28);
        border-radius: 8px;
        padding: 7px 11px;
        cursor: pointer;
        display: none;
        flex-direction: column;
        gap: 5px;
      }
      .sctoggler span {
        display: block;
        width: 22px;
        height: 2px;
        background: #fff;
        border-radius: 2px;
        transition: all 0.4s;
      }
      .scmob-panel {
        display: none;
        background: #0a1628;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
      }
      .scmob-panel.scmob-open {
        display: block;
      }
      .scmob-links {
        list-style: none;
        padding: 0;
        margin: 0;
      }
      .scmob-links > li > a {
        color: rgba(255, 255, 255, 0.82);
        font-size: 0.96rem;
        font-weight: 500;
        padding: 13px 22px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        transition: color 0.3s;
      }
      .scmob-links > li > a:hover {
        color: #860909;
      }
      .scmob-sub {
        list-style: none;
        padding: 0;
        background: rgba(255, 255, 255, 0.04);
        display: none;
      }
      .scmob-sub.scsub-open {
        display: block;
      }
      .scmob-sub li a {
        color: rgba(255, 255, 255, 0.62);
        font-size: 0.87rem;
        padding: 11px 38px;
        display: flex;
        align-items: center;
        gap: 9px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.03);
        transition: color 0.3s;
      }
      .scmob-sub li a:hover {
        color: #860909;
      }
      .scmob-cta {
        padding: 14px 22px;
      }

      /* ── PAGE HERO ── */
      .schero {
        position: relative;
        padding: 110px 0 90px;
        overflow: hidden;
        background: #0a1628;
      }
      .schero-bg {
        position: absolute;
        inset: 0;
        background-size: cover;
        background-position: center;
        opacity: 0.14;
        animation: sczoom 20s ease-in-out infinite alternate;
      }
      @keyframes sczoom {
        0% {
          transform: scale(1.05);
        }
        100% {
          transform: scale(1.14);
        }
      }
      .schero-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(
          135deg,
          rgba(10, 22, 40, 0.97) 0%,
          rgba(14, 32, 69, 0.9) 55%,
          rgba(27, 79, 138, 0.68) 100%
        );
      }
      .schero-grid {
        position: absolute;
        inset: 0;
        background-image:
          linear-gradient(rgba(228, 168, 53, 0.04) 1px, transparent 1px),
          linear-gradient(90deg, rgba(228, 168, 53, 0.04) 1px, transparent 1px);
        background-size: 56px 56px;
        animation: scgrid 24s linear infinite;
      }
      @keyframes scgrid {
        0% {
          transform: translate(0, 0);
        }
        100% {
          transform: translate(56px, 56px);
        }
      }
      .schero-orb1 {
        position: absolute;
        width: 440px;
        height: 440px;
        border-radius: 50%;
        background: radial-gradient(
          circle,
          rgba(200, 146, 42, 0.1) 0%,
          transparent 70%
        );
        top: -100px;
        right: -80px;
        animation: scorb 9s ease-in-out infinite;
      }
      .schero-orb2 {
        position: absolute;
        width: 300px;
        height: 300px;
        border-radius: 50%;
        background: radial-gradient(
          circle,
          rgba(27, 79, 138, 0.18) 0%,
          transparent 70%
        );
        bottom: -60px;
        left: 6%;
        animation: scorb 12s ease-in-out infinite reverse;
      }
      @keyframes scorb {
        0%,
        100% {
          transform: translateY(0) scale(1);
        }
        50% {
          transform: translateY(-28px) scale(1.06);
        }
      }
      .schero-content {
        position: relative;
        z-index: 2;
      }
      .schero-badge {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        background: rgba(200, 146, 42, 0.13);
        border: 1px solid rgba(200, 146, 42, 0.32);
        border-radius: 50px;
        padding: 7px 18px;
        color: #860909;
        font-size: 0.77rem;
        font-weight: 700;
        letter-spacing: 0.13em;
        text-transform: uppercase;
        margin-bottom: 24px;
        animation: scfd 0.8s ease both;
      }
      @keyframes scfd {
        from {
          opacity: 0;
          transform: translateY(-18px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
      .schero h1 {
        color: #fff;
        margin-bottom: 22px;
        animation: scfu 0.9s ease 0.2s both;
      }
      .schero h1 span {
        color: #860909;
        font-style: italic;
      }
      @keyframes scfu {
        from {
          opacity: 0;
          transform: translateY(28px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
      .schero-desc {
        color: rgba(255, 255, 255, 0.72);
        font-size: 1.1rem;
        max-width: 560px;
        line-height: 1.82;
        margin-bottom: 38px;
        animation: scfu 0.9s ease 0.35s both;
      }
      .schero-btns {
        display: flex;
        gap: 14px;
        flex-wrap: wrap;
        animation: scfu 0.9s ease 0.5s both;
      }
      .scbreadcrumb {
        display: flex;
        align-items: center;
        gap: 8px;
        list-style: none;
        padding: 0;
        margin: 40px 0 0;
        animation: scfu 0.9s ease 0.65s both;
      }
      .scbreadcrumb li {
        color: rgba(255, 255, 255, 0.4);
        font-size: 0.8rem;
      }
      .scbreadcrumb li a {
        color: rgba(255, 255, 255, 0.55);
        transition: color 0.3s;
      }
      .scbreadcrumb li a:hover {
        color: #860909;
      }
      .scbreadcrumb li.scbc-act {
        color: #860909;
        font-weight: 600;
      }
      .scbreadcrumb li i {
        font-size: 0.6rem;
      }

      /* ── BUTTONS ── */
      .scbtn-gold {
        background: linear-gradient(135deg, #860909, #860909);
        color: #fff;
        font-weight: 700;
        font-size: 1rem;
        padding: 16px 36px;
        border-radius: 50px;
        border: none;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        box-shadow: 0 10px 36px rgba(134, 9, 9, 0.5);
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        cursor: pointer;
      }
      .scbtn-gold:hover {
        transform: translateY(-3px);
        box-shadow: 0 18px 50px rgba(134, 9, 9, 1);
        color: #fff;
      }
      .scbtn-gold i {
        transition: transform 0.3s;
      }
      .scbtn-gold:hover i {
        transform: translateX(4px);
      }
      .scbtn-ghost {
        background: rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(10px);
        color: #fff;
        font-weight: 600;
        font-size: 1rem;
        padding: 15px 36px;
        border-radius: 50px;
        border: 1.5px solid rgba(255, 255, 255, 0.25);
        display: inline-flex;
        align-items: center;
        gap: 10px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        cursor: pointer;
      }
      .scbtn-ghost:hover {
        background: rgba(255, 255, 255, 0.18);
        border-color: rgba(255, 255, 255, 0.5);
        transform: translateY(-3px);
        color: #fff;
      }
      .scbtn-navy {
        background: #0a1628;
        color: #fff;
        font-weight: 600;
        font-size: 0.98rem;
        padding: 15px 34px;
        border-radius: 50px;
        border: 2px solid #0a1628;
        display: inline-flex;
        align-items: center;
        gap: 9px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        cursor: pointer;
      }
      .scbtn-navy:hover {
        background: transparent;
        color: #0a1628;
        transform: translateY(-3px);
      }
      .scbtn-outline {
        background: transparent;
        color: #0a1628;
        font-weight: 600;
        font-size: 0.98rem;
        padding: 14px 34px;
        border-radius: 50px;
        border: 2px solid #0a1628;
        display: inline-flex;
        align-items: center;
        gap: 9px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        cursor: pointer;
      }
      .scbtn-outline:hover {
        background: #0a1628;
        color: #fff;
        transform: translateY(-3px);
      }
      .scbtn-white {
        background: #fff;
        color: #0a1628;
        font-weight: 700;
        font-size: 0.98rem;
        padding: 15px 34px;
        border-radius: 50px;
        border: none;
        display: inline-flex;
        align-items: center;
        gap: 9px;
        box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        cursor: pointer;
      }
      .scbtn-white:hover {
        transform: translateY(-3px);
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
        color: #860909;
      }
      .scbtn-ghost2 {
        background: rgba(255, 255, 255, 0.1);
        color: #fff;
        font-weight: 600;
        font-size: 0.98rem;
        padding: 14px 34px;
        border-radius: 50px;
        border: 1.5px solid rgba(255, 255, 255, 0.25);
        display: inline-flex;
        align-items: center;
        gap: 9px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        cursor: pointer;
      }
      .scbtn-ghost2:hover {
        background: rgba(255, 255, 255, 0.2);
        border-color: rgba(255, 255, 255, 0.5);
        transform: translateY(-3px);
        color: #fff;
      }

      /* ── SECTION UTILITIES ── */
      .scsec {
        padding: 108px 0;
        background: #fff;
      }
      .scsec-alt {
        padding: 108px 0;
        background: #f4f7fb;
      }
      .scsec-label {
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: #860909;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 1rem;
      }
      .scsec-label::before {
        content: "";
        display: inline-block;
        width: 28px;
        height: 2px;
        background: #860909;
        border-radius: 2px;
      }
      .scsec-label::after {
        content: "";
        display: inline-block;
        width: 7px;
        height: 7px;
        background: #860909;
        border-radius: 50%;
      }
      .scsec-title {
        font-family: "Playfair Display", serif;
        font-weight: 800;
        color: #0a1628;
        margin-bottom: 0.9rem;
      }
      .scsec-title span {
        color: #860909;
        font-style: italic;
      }
      .scsec-desc {
        font-size: 1.05rem;
        color: #4a5a6e;
        max-width: 600px;
        line-height: 1.8;
      }
      .scgold-bar {
        width: 52px;
        height: 4px;
        background: linear-gradient(90deg, #860909, #860909);
        border-radius: 4px;
        margin-bottom: 1.4rem;
      }

      /* ── FEATURE CARD ── */
      .scfeat-card {
        background: #fff;
        border-radius: 22px;
        padding: 36px;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid transparent;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        height: 100%;
        position: relative;
        overflow: hidden;
      }
      .scfeat-card::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 22px;
        border: 2px solid #860909;
        opacity: 0;
        transition: opacity 0.4s;
      }
      .scfeat-card:hover {
        transform: translateY(-9px);
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
      }
      .scfeat-card:hover::before {
        opacity: 1;
      }
      .scfeat-icon {
        width: 62px;
        height: 62px;
        background: linear-gradient(135deg, #0a1628, #1b4f8a);
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 22px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .scfeat-icon i {
        color: #fff;
        font-size: 1.38rem;
      }
      .scfeat-card:hover .scfeat-icon {
        background: linear-gradient(135deg, #860909, #860909);
        transform: rotate(-5deg) scale(1.08);
      }
      .scfeat-card:hover .scfeat-icon i {
        color: #fff;
      }
      .scfeat-card h4 {
        font-family: "Playfair Display", serif;
        font-size: 1.18rem;
        margin-bottom: 12px;
        color: #0a1628;
        transition: color 0.3s;
      }
      .scfeat-card:hover h4 {
        color: #860909;
      }
      .scfeat-card p {
        font-size: 0.93rem;
        color: #4a5a6e;
        margin: 0;
        line-height: 1.75;
      }

      /* ── STEP PROCESS ── */
      .scstep {
        display: flex;
        gap: 22px;
        align-items: flex-start;
        margin-bottom: 36px;
        position: relative;
      }
      .scstep:not(:last-child)::after {
        content: "";
        position: absolute;
        left: 24px;
        top: 52px;
        width: 2px;
        height: calc(100% - 20px);
        background: linear-gradient(180deg, #860909, transparent);
        opacity: 0.35;
      }
      .scstep-num {
        width: 50px;
        height: 50px;
        flex-shrink: 0;
        background: linear-gradient(135deg, #0a1628, #1b4f8a);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "Playfair Display", serif;
        font-size: 1.15rem;
        font-weight: 800;
        color: #fff;
        border: 2px solid rgba(228, 168, 53, 0.28);
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        z-index: 1;
      }
      .scstep:hover .scstep-num {
        background: linear-gradient(135deg, #860909, #860909);
        color: #fff;
      }
      .scstep-body {
        background: #fff;
        border-radius: 14px;
        padding: 24px 28px;
        flex: 1;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid #d8e2ef;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .scstep:hover .scstep-body {
        box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
        border-color: rgba(200, 146, 42, 0.28);
        transform: translateX(6px);
      }
      .scstep-tag {
        display: inline-block;
        background: rgba(200, 146, 42, 0.1);
        color: #860909;
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        padding: 4px 12px;
        border-radius: 50px;
        margin-bottom: 10px;
      }
      .scstep-body h5 {
        font-family: "Playfair Display", serif;
        font-size: 1.08rem;
        font-weight: 700;
        color: #0a1628;
        margin-bottom: 6px;
      }
      .scstep-body p {
        font-size: 0.93rem;
        color: #4a5a6e;
        margin: 0;
        line-height: 1.7;
      }

      /* ── ICON LIST ── */
      .scicon-list {
        list-style: none;
        padding: 0;
        margin: 0;
      }
      .scicon-list li {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        padding: 10px 0;
        border-bottom: 1px solid #d8e2ef;
        font-size: 0.94rem;
        color: #4a5a6e;
      }
      .scicon-list li:last-child {
        border-bottom: none;
      }
      .scicon-list li i {
        width: 27px;
        height: 27px;
        background: rgba(200, 146, 42, 0.1);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #860909;
        font-size: 0.72rem;
        flex-shrink: 0;
        margin-top: 1px;
      }

      /* ── STATS BAND ── */
      .scstats-band {
        background: linear-gradient(
          135deg,
          #0a1628 0%,
          #0e2045 50%,
          #1b4f8a 100%
        );
        padding: 88px 0;
        position: relative;
        overflow: hidden;
      }
      .scstats-band::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image:
          linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
          linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.025) 1px,
            transparent 1px
          );
        background-size: 50px 50px;
      }
      .scstats-band::after {
        content: "";
        position: absolute;
        inset: 0;
        background-image:
          radial-gradient(
            circle at 20% 50%,
            rgba(200, 146, 42, 0.07) 0%,
            transparent 50%
          ),
          radial-gradient(
            circle at 80% 50%,
            rgba(27, 79, 138, 0.14) 0%,
            transparent 50%
          );
      }
      .scsb-item {
        text-align: center;
        position: relative;
        z-index: 1;
        padding: 16px 8px;
      }
      .scsb-icon {
        width: 60px;
        height: 60px;
        background: rgba(200, 146, 42, 0.13);
        border: 1px solid rgba(200, 146, 42, 0.28);
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 18px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .scsb-icon i {
        color: #860909;
        font-size: 1.38rem;
      }
      .scsb-item:hover .scsb-icon {
        background: rgba(200, 146, 42, 0.22);
        transform: scale(1.1) rotate(4deg);
      }
      .scsb-num {
        font-family: "Playfair Display", serif;
        font-size: 3rem;
        font-weight: 900;
        color: #fff;
        line-height: 1;
        margin-bottom: 8px;
      }
      .scsb-num span {
        color: #860909;
      }
      .scsb-label {
        font-size: 0.8rem;
        font-weight: 600;
        color: rgba(255, 255, 255, 0.52);
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      /* ── SPLIT IMAGE LAYOUT ── */
      .scsplit-col {
        position: relative;
      }
      .scsplit-img {
        width: 100%;
        height: 470px;
        object-fit: cover;
        border-radius: 22px;
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
        position: relative;
        z-index: 1;
      }
      .scsplit-frame {
        position: absolute;
        top: -18px;
        left: -18px;
        right: 52px;
        bottom: 26px;
        border: 2px solid #860909;
        border-radius: 22px;
        opacity: 0.38;
        z-index: 0;
      }
      .scsplit-badge {
        position: absolute;
        bottom: 36px;
        right: 8px;
        background: linear-gradient(135deg, #0a1628, #1b4f8a);
        border-radius: 14px;
        padding: 20px 22px;
        text-align: center;
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
        z-index: 2;
        min-width: 130px;
        animation: scorb 5s ease-in-out infinite;
      }
      .scsplit-badge-num {
        font-family: "Playfair Display", serif;
        font-size: 2.4rem;
        font-weight: 900;
        color: #860909;
        line-height: 1;
        display: block;
      }
      .scsplit-badge-lbl {
        font-size: 0.71rem;
        font-weight: 600;
        color: rgba(255, 255, 255, 0.6);
        letter-spacing: 0.09em;
        text-transform: uppercase;
        margin-top: 4px;
        display: block;
        line-height: 1.4;
      }

      /* ── TEAM CARD ── */
      .scteam-card {
        background: #fff;
        border-radius: 22px;
        overflow: hidden;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid #d8e2ef;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        height: 100%;
      }
      .scteam-card:hover {
        transform: translateY(-9px);
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
      }
      .scteam-img-wrap {
        position: relative;
        overflow: hidden;
        height: 268px;
      }
      .scteam-img-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.6s ease;
      }
      .scteam-card:hover .scteam-img-wrap img {
        transform: scale(1.07);
      }
      .scteam-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(
          0deg,
          rgba(10, 22, 40, 0.8) 0%,
          transparent 60%
        );
        opacity: 0;
        transition: opacity 0.4s;
      }
      .scteam-card:hover .scteam-overlay {
        opacity: 1;
      }
      .scteam-soc {
        position: absolute;
        bottom: 16px;
        left: 50%;
        transform: translateX(-50%) translateY(20px);
        display: flex;
        gap: 9px;
        opacity: 0;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .scteam-card:hover .scteam-soc {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
      }
      .scteam-soc a {
        width: 36px;
        height: 36px;
        background: rgba(255, 255, 255, 0.15);
        backdrop-filter: blur(6px);
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 0.82rem;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .scteam-soc a:hover {
        background: #860909;
        border-color: #860909;
      }
      .scteam-body {
        padding: 26px;
      }
      .scteam-body h5 {
        font-family: "Playfair Display", serif;
        font-size: 1.1rem;
        font-weight: 700;
        margin-bottom: 4px;
        color: #0a1628;
      }
      .scteam-role {
        font-size: 0.78rem;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #860909;
        margin-bottom: 10px;
        display: block;
      }
      .scteam-body p {
        font-size: 0.88rem;
        color: #4a5a6e;
        margin: 0;
      }

      /* ── AWARD CARD ── */
      .scaward-card {
        background: #fff;
        border-radius: 22px;
        padding: 34px;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid #d8e2ef;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        height: 100%;
        position: relative;
        overflow: hidden;
      }
      .scaward-card::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, #860909, #860909);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.4s;
      }
      .scaward-card:hover {
        transform: translateY(-9px);
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
      }
      .scaward-card:hover::after {
        transform: scaleX(1);
      }
      .scaward-yr {
        font-family: "Playfair Display", serif;
        font-size: 2rem;
        font-weight: 900;
        color: #860909;
        opacity: 0.2;
        position: absolute;
        top: 16px;
        right: 24px;
      }
      .scaward-icon {
        width: 52px;
        height: 52px;
        background: rgba(200, 146, 42, 0.1);
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 18px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .scaward-icon i {
        color: #860909;
        font-size: 1.2rem;
      }
      .scaward-card:hover .scaward-icon {
        background: linear-gradient(135deg, #860909, #860909);
      }
      .scaward-card:hover .scaward-icon i {
        color: #fff;
      }
      .scaward-card h5 {
        font-family: "Playfair Display", serif;
        font-size: 1.05rem;
        font-weight: 700;
        color: #0a1628;
        margin-bottom: 6px;
      }
      .scaward-card p {
        font-size: 0.88rem;
        color: #4a5a6e;
        margin: 0;
      }

      /* ── PARTNER CARD ── */
      .scpartner-card {
        background: #fff;
        border-radius: 22px;
        padding: 30px;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid #d8e2ef;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        text-align: center;
        height: 100%;
      }
      .scpartner-card:hover {
        transform: translateY(-7px);
        box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
        border-color: rgba(200, 146, 42, 0.3);
      }
      .scpartner-logo {
        width: 80px;
        height: 80px;
        background: #f4f7fb;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 18px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .scpartner-logo i {
        font-size: 2rem;
        color: #1b4f8a;
        transition: color 0.3s;
      }
      .scpartner-card:hover .scpartner-logo {
        background: linear-gradient(135deg, #0a1628, #1b4f8a);
      }
      .scpartner-card:hover .scpartner-logo i {
        color: #860909;
      }
      .scpartner-card h5 {
        font-family: "Playfair Display", serif;
        font-size: 1rem;
        font-weight: 700;
        color: #0a1628;
        margin-bottom: 6px;
      }
      .scpartner-card p {
        font-size: 0.85rem;
        color: #4a5a6e;
        margin-bottom: 14px;
      }
      .scpartner-badge {
        display: inline-block;
        background: rgba(200, 146, 42, 0.1);
        color: #860909;
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        padding: 4px 12px;
        border-radius: 50px;
      }

      /* ── INDUSTRY CARD ── */
      .scind-card {
        background: #fff;
        border-radius: 22px;
        overflow: hidden;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid #d8e2ef;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        height: 100%;
      }
      .scind-card:hover {
        transform: translateY(-9px);
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
      }
      .scind-img-wrap {
        overflow: hidden;
        position: relative;
      }
      .scind-img {
        width: 100%;
        height: 190px;
        object-fit: cover;
        transition: transform 0.6s;
      }
      .scind-card:hover .scind-img {
        transform: scale(1.06);
      }
      .scind-cat {
        position: absolute;
        top: 14px;
        left: 14px;
        background: linear-gradient(135deg, #860909, #860909);
        color: #fff;
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.09em;
        text-transform: uppercase;
        padding: 4px 13px;
        border-radius: 50px;
      }
      .scind-body {
        padding: 26px;
      }
      .scind-body h5 {
        font-family: "Playfair Display", serif;
        font-size: 1.08rem;
        font-weight: 700;
        color: #0a1628;
        margin-bottom: 8px;
        transition: color 0.3s;
      }
      .scind-card:hover h5 {
        color: #860909;
      }
      .scind-body p {
        font-size: 0.88rem;
        color: #4a5a6e;
        margin-bottom: 16px;
      }
      .scind-link {
        color: #860909;
        font-weight: 600;
        font-size: 0.86rem;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        transition: gap 0.3s;
      }
      .scind-link:hover {
        gap: 13px;
        color: #0a1628;
      }

      /* ── INSIGHT CARD ── */
      .scinsight-card {
        background: #fff;
        border-radius: 22px;
        overflow: hidden;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid #d8e2ef;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        height: 100%;
      }
      .scinsight-card:hover {
        transform: translateY(-9px);
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
      }
      .scinsight-img-wrap {
        overflow: hidden;
        position: relative;
      }
      .scinsight-img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        transition: transform 0.6s;
      }
      .scinsight-card:hover .scinsight-img {
        transform: scale(1.05);
      }
      .scinsight-tag {
        position: absolute;
        top: 14px;
        left: 14px;
        background: rgba(10, 22, 40, 0.85);
        color: #860909;
        font-size: 0.68rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        padding: 4px 12px;
        border-radius: 50px;
        border: 1px solid rgba(228, 168, 53, 0.3);
      }
      .scinsight-body {
        padding: 26px;
      }
      .scinsight-meta {
        display: flex;
        align-items: center;
        gap: 14px;
        margin-bottom: 12px;
      }
      .scinsight-meta span {
        font-size: 0.78rem;
        color: #8d9bad;
        display: flex;
        align-items: center;
        gap: 5px;
      }
      .scinsight-meta span i {
        font-size: 0.7rem;
        color: #860909;
      }
      .scinsight-body h5 {
        font-family: "Playfair Display", serif;
        font-size: 1.08rem;
        font-weight: 700;
        color: #0a1628;
        margin-bottom: 8px;
        transition: color 0.3s;
        line-height: 1.4;
      }
      .scinsight-card:hover h5 {
        color: #860909;
      }
      .scinsight-body p {
        font-size: 0.88rem;
        color: #4a5a6e;
        margin-bottom: 16px;
      }

      /* ── TESTIMONIAL CARD ── */
      .sctesti-card {
        background: #fff;
        border-radius: 22px;
        padding: 36px;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid #d8e2ef;
        height: 100%;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        position: relative;
      }
      .sctesti-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: linear-gradient(90deg, #860909, #860909);
        border-radius: 22px 22px 0 0;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.4s;
      }
      .sctesti-card:hover {
        transform: translateY(-7px);
        box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
      }
      .sctesti-card:hover::before {
        transform: scaleX(1);
      }
      .sctesti-quote {
        width: 40px;
        height: 40px;
        background: linear-gradient(135deg, #860909, #860909);
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
      }
      .sctesti-quote i {
        color: #fff;
        font-size: 1rem;
      }
      .sctesti-stars {
        color: #860909;
        font-size: 0.85rem;
        margin-bottom: 14px;
        display: flex;
        gap: 3px;
      }
      .sctesti-text {
        font-size: 0.95rem;
        color: #4a5a6e;
        line-height: 1.8;
        margin-bottom: 22px;
        font-style: italic;
      }
      .sctesti-author {
        display: flex;
        align-items: center;
        gap: 12px;
        padding-top: 18px;
        border-top: 1px solid #d8e2ef;
      }
      .sctesti-avatar {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid #860909;
      }
      .sctesti-name {
        font-weight: 700;
        font-size: 0.93rem;
        color: #0a1628;
        display: block;
      }
      .sctesti-role {
        font-size: 0.78rem;
        color: #8d9bad;
        display: block;
      }

      /* ── FAQ ACCORDION ── */
      .scfaq {
        background: #fff;
        border-radius: 14px;
        margin-bottom: 14px;
        box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
        border: 1px solid #d8e2ef;
        overflow: hidden;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .scfaq.scfaq-open {
        border-color: rgba(200, 146, 42, 0.3);
        box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
      }
      .scfaq-q {
        padding: 22px 28px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        font-size: 1rem;
        font-weight: 600;
        color: #0a1628;
        transition: color 0.3s;
        gap: 16px;
        user-select: none;
      }
      .scfaq.scfaq-open .scfaq-q {
        color: #860909;
      }
      .scfaq-toggle {
        width: 34px;
        height: 34px;
        background: #f4f7fb;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .scfaq-toggle i {
        font-size: 0.75rem;
        color: #4a5a6e;
        transition:
          transform 0.35s,
          color 0.3s;
      }
      .scfaq.scfaq-open .scfaq-toggle {
        background: linear-gradient(135deg, #860909, #860909);
      }
      .scfaq.scfaq-open .scfaq-toggle i {
        transform: rotate(180deg);
        color: #fff;
      }
      .scfaq-ans {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.45s ease;
      }
      .scfaq-ans-inner {
        padding: 0 28px 22px;
        font-size: 0.95rem;
        color: #4a5a6e;
        line-height: 1.75;
      }

      /* ── FORM ELEMENTS ── */
      .scform-label {
        display: block;
        font-size: 0.78rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #4a5a6e;
        margin-bottom: 7px;
      }
      .scform-ctrl {
        width: 100%;
        padding: 13px 17px;
        background: #f4f7fb;
        border: 1.5px solid #d8e2ef;
        border-radius: 14px;
        font-size: 0.96rem;
        color: #1a2b3c;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        outline: none;
        appearance: none;
        font-family: "Outfit", sans-serif;
      }
      .scform-ctrl:focus {
        border-color: #860909;
        background: #fff;
        box-shadow: 0 0 0 4px rgba(200, 146, 42, 0.09);
      }
      .scform-ctrl::placeholder {
        color: #8d9bad;
      }
      textarea.scform-ctrl {
        resize: vertical;
        min-height: 115px;
      }
      select.scform-ctrl {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7A8D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 13px center;
        background-size: 17px;
        padding-right: 42px;
        cursor: pointer;
      }

      /* ── CTA SECTION ── */
      .sccta-sec {
        background: linear-gradient(135deg, #0a1628 0%, #1b4f8a 100%);
        padding: 88px 0;
        position: relative;
        overflow: hidden;
      }
      .sccta-sec::after {
        content: "";
        position: absolute;
        top: -40%;
        right: -8%;
        width: 540px;
        height: 540px;
        border-radius: 50%;
        background: radial-gradient(
          circle,
          rgba(200, 146, 42, 0.09) 0%,
          transparent 70%
        );
      }
      .sccta-inner {
        position: relative;
        z-index: 1;
        text-align: center;
      }
      .sccta-inner h2 {
        color: #fff;
        margin-bottom: 14px;
      }
      .sccta-inner h2 span {
        color: #860909;
        font-style: italic;
      }
      .sccta-inner p {
        color: rgba(255, 255, 255, 0.68);
        font-size: 1.08rem;
        max-width: 540px;
        margin: 0 auto 36px;
      }
      .sccta-btns {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
        flex-wrap: wrap;
      }

      /* ── FOOTER ── */
      .scfooter {
        background: #0a1628;
        padding-top: 72px;
      }
      .scfooter-desc {
        font-size: 0.92rem;
        line-height: 1.8;
        color: rgba(255, 255, 255, 0.52);
        margin-bottom: 22px;
        max-width: 310px;
      }
      .scfooter-social {
        display: flex;
        gap: 9px;
      }
      .scfooter-social a {
        width: 38px;
        height: 38px;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.09);
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: rgba(255, 255, 255, 0.48);
        font-size: 0.9rem;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .scfooter-social a:hover {
        background: #860909;
        color: #fff;
        border-color: #860909;
        transform: translateY(-3px);
      }
      .scfooter-head {
        font-family: "Playfair Display", serif;
        font-size: 0.98rem;
        font-weight: 700;
        color: #fff;
        margin-bottom: 20px;
        position: relative;
        padding-bottom: 10px;
      }
      .scfooter-head::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 26px;
        height: 2px;
        background: #860909;
        border-radius: 2px;
      }
      .scfooter-links {
        list-style: none;
        padding: 0;
        margin: 0;
      }
      .scfooter-links li {
        margin-bottom: 9px;
      }
      .scfooter-links li a {
        color: rgba(255, 255, 255, 0.52);
        font-size: 0.89rem;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }
      .scfooter-links li a i {
        font-size: 0.6rem;
        color: #860909;
      }
      .scfooter-links li a:hover {
        color: #860909;
        gap: 12px;
      }
      .scfooter-contacts {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 15px;
      }
      .scfooter-contacts li {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        font-size: 0.87rem;
        color: rgba(255, 255, 255, 0.52);
      }
      .scfooter-contacts li i {
        color: #860909;
        font-size: 0.87rem;
        margin-top: 2px;
        flex-shrink: 0;
      }
      .scfooter-nl {
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid rgba(255, 255, 255, 0.07);
        border-radius: 14px;
        padding: 20px;
        margin-top: 16px;
      }
      .scfooter-nl p {
        font-size: 0.84rem;
        color: rgba(255, 255, 255, 0.48);
        margin-bottom: 12px;
      }
      .scnl-wrap {
        display: flex;
        border-radius: 50px;
        overflow: hidden;
        border: 1.5px solid rgba(255, 255, 255, 0.11);
      }
      .scnl-wrap input {
        flex: 1;
        background: rgba(255, 255, 255, 0.05);
        border: none;
        padding: 11px 16px;
        font-size: 0.87rem;
        color: #fff;
        outline: none;
        font-family: "Outfit", sans-serif;
      }
      .scnl-wrap input::placeholder {
        color: rgba(255, 255, 255, 0.33);
      }
      .scnl-wrap button {
        background: linear-gradient(135deg, #860909, #860909);
        border: none;
        padding: 11px 20px;
        color: #fff;
        font-size: 0.87rem;
        font-weight: 600;
        cursor: pointer;
        white-space: nowrap;
        transition: all 0.4s;
        font-family: "Outfit", sans-serif;
      }
      .scnl-wrap button:hover {
        background: linear-gradient(135deg, #860909, #860909);
      }
      .scfooter-divider {
        border: none;
        border-top: 1px solid rgba(255, 255, 255, 0.07);
        margin: 46px 0 0;
      }
      .scfooter-bottom {
        padding: 22px 0;
      }
      .scfooter-bottom-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 12px;
      }
      .scfooter-copy {
        font-size: 0.84rem;
        color: rgba(255, 255, 255, 0.38);
        margin: 0;
      }
      .scfooter-copy span {
        color: #860909;
      }
      .scfooter-legal {
        display: flex;
        gap: 22px;
        list-style: none;
        padding: 0;
        margin: 0;
      }
      .scfooter-legal a {
        font-size: 0.81rem;
        color: rgba(255, 255, 255, 0.38);
        transition: color 0.3s;
      }
      .scfooter-legal a:hover {
        color: #860909;
      }

      /* ── SCROLL TOP ── */
      .scscroll-top {
        position: fixed;
        bottom: 30px;
        right: 30px;
        width: 50px;
        height: 50px;
        background: linear-gradient(135deg, #860909, #860909);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 1rem;
        box-shadow: 0 8px 22px rgba(200, 146, 42, 0.38);
        cursor: pointer;
        border: none;
        z-index: 9999;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        transform: translateY(20px);
      }
      .scscroll-top.scst-show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
      }
      .scscroll-top:hover {
        transform: translateY(-4px);
        box-shadow: 0 16px 38px rgba(200, 146, 42, 0.48);
      }

      /* ── SCROLL ANIMATIONS ── */
      .scanim {
        opacity: 0;
        transform: translateY(36px);
        transition:
          opacity 0.7s ease,
          transform 0.7s ease;
      }
      .scanim.scdone {
        opacity: 1;
        transform: translateY(0);
      }
      .scanim-l {
        opacity: 0;
        transform: translateX(-36px);
        transition:
          opacity 0.7s ease,
          transform 0.7s ease;
      }
      .scanim-l.scdone {
        opacity: 1;
        transform: translateX(0);
      }
      .scanim-r {
        opacity: 0;
        transform: translateX(36px);
        transition:
          opacity 0.7s ease,
          transform 0.7s ease;
      }
      .scanim-r.scdone {
        opacity: 1;
        transform: translateX(0);
      }
      .scd1 {
        transition-delay: 0.1s;
      }
      .scd2 {
        transition-delay: 0.2s;
      }
      .scd3 {
        transition-delay: 0.3s;
      }
      .scd4 {
        transition-delay: 0.4s;
      }
      .scd5 {
        transition-delay: 0.5s;
      }

      /* ── RESPONSIVE ── */
      @media (max-width: 991.98px) {
        .schdr-top {
          display: none;
        }
        .scnav-menu,
        .scnav-cta {
          display: none;
        }
        .sctoggler {
          display: flex;
        }
        .schero {
          padding: 72px 0 58px;
        }
        .scsec,
        .scsec-alt {
          padding: 72px 0;
        }
        .scsplit-col {
          margin-bottom: 48px;
        }
        .scsplit-img {
          height: 340px;
        }
        .scsplit-frame {
          display: none;
        }
        .scstats-band {
          padding: 58px 0;
        }
      }
      @media (max-width: 767.98px) {
        .schero-btns {
          flex-direction: column;
        }
        .scbtn-gold,
        .scbtn-ghost,
        .scbtn-navy,
        .scbtn-outline,
        .scbtn-white,
        .scbtn-ghost2 {
          width: 100%;
          justify-content: center;
        }
        .sccta-btns {
          flex-direction: column;
          align-items: center;
        }
        .scfooter-bottom-inner {
          flex-direction: column;
          text-align: center;
        }
        .scfooter-legal {
          justify-content: center;
        }
        .scsb-num {
          font-size: 2.4rem;
        }
        .scsplit-img {
          height: 280px;
        }
      }

/* Award apges css  */
/* ============================================================
   PAGE PREFIX: AC — ALL CSS INTERNAL, ZERO INLINE
   ============================================================ */

.acbody {
  font-family: "Outfit", sans-serif;
  color: #1a2b3c;
  background: #ffffff;
  overflow-x: hidden;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
}
.acbody * {
  box-sizing: border-box;
}
.acbody h1,
.acbody h2,
.acbody h3,
.acbody h4,
.acbody h5,
.acbody h6 {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 800;
  line-height: 1.22;
  color: #0a1628;
  margin: 0;
}
.acbody h1 {
  font-size: clamp(2.4rem, 5vw, 3.9rem);
}
.acbody h2 {
  font-size: clamp(1.85rem, 3.5vw, 2.75rem);
}
.acbody h3 {
  font-size: clamp(1.25rem, 2vw, 1.65rem);
}
.acbody p {
  font-size: 1.02rem;
  color: #4a5a6e;
  line-height: 1.78;
  margin: 0;
}
.acbody a {
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.acbody img {
  max-width: 100%;
  display: block;
}

/* ── TOP BAR ── */
.achdr-top {
  background: #0a1628;
  padding: 9px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.achdr-top-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.actop-contacts {
  display: flex;
  align-items: center;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.actop-contacts li a {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.84rem;
  display: flex;
  align-items: center;
  gap: 7px;
  transition: color 0.3s;
}
.actop-contacts li a i {
  color: #860909;
  font-size: 0.75rem;
}
.actop-contacts li a:hover {
  color: #860909;
}
.actop-social {
  display: flex;
  gap: 12px;
}
.actop-social a {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.82rem;
  transition: color 0.3s;
}
.actop-social a:hover {
  color: #860909;
}

/* ── LOGO BAR ── */
.aclogo-bar {
  background: #fff;
  padding: 20px 0;
  border-bottom: 1px solid #d8e2ef;
}
.aclogo-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
}
.aclogo-icon {
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 18px rgba(10, 22, 40, 0.2);
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.aclogo-icon::before {
  content: "";
  position: absolute;
  top: -30%;
  left: -30%;
  width: 80%;
  height: 80%;
  background: rgba(228, 168, 53, 0.14);
  border-radius: 50%;
}
.aclogo-icon i {
  color: #860909;
  font-size: 1.5rem;
  position: relative;
  z-index: 1;
}
.aclogo-texts {
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.aclogo-name {
  font-family: "Playfair Display", serif;
  font-size: 1.58rem;
  font-weight: 800;
  color: #0a1628;
}
.aclogo-name span {
  color: #860909;
}
.aclogo-tag {
  font-size: 0.67rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #8d9bad;
  margin-top: 4px;
}
.aclogo-bar-right {
  display: flex;
  align-items: center;
  gap: 16px;
}
.acphone-blk {
  text-align: right;
}
.acphone-blk small {
  display: block;
  font-size: 0.67rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8d9bad;
}
.acphone-blk a {
  font-family: "Playfair Display", serif;
  font-size: 1.13rem;
  font-weight: 700;
  color: #0a1628;
}
.acphone-blk a:hover {
  color: #860909;
}

/* ── NAVIGATION ── */
.acnav {
  background: #0a1628;
  position: sticky;
  top: 0;
  z-index: 999;
  transition: box-shadow 0.3s;
}
.acnav.acscrolled {
  box-shadow: 0 6px 30px rgba(10, 22, 40, 0.38);
}
.acnav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.acnav-menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.acnav-menu > li {
  position: relative;
}
.acnav-menu > li > a {
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.92rem;
  font-weight: 500;
  padding: 19px 18px;
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  transition: color 0.3s;
}
.acnav-menu > li > a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background: #860909;
  transition: all 0.35s;
  transform: translateX(-50%);
  border-radius: 3px 3px 0 0;
}
.acnav-menu > li:hover > a,
.acnav-menu > li.acact > a {
  color: #860909;
}
.acnav-menu > li:hover > a::after,
.acnav-menu > li.acact > a::after {
  width: 76%;
}
.acchev {
  font-size: 0.64rem;
  transition: transform 0.3s;
}
.acnav-menu > li:hover > a .acchev {
  transform: rotate(180deg);
}
.acdrop {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  background: #fff;
  min-width: 228px;
  border-radius: 14px;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  list-style: none;
  margin: 0;
  border-top: 3px solid #860909;
  z-index: 1000;
}
.acnav-menu > li:hover .acdrop {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.acdrop li a {
  color: #1a2b3c;
  font-size: 0.89rem;
  font-weight: 500;
  padding: 11px 20px;
  display: flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.acdrop li a i {
  color: #860909;
  font-size: 0.8rem;
  width: 15px;
}
.acdrop li a:hover {
  background: #f4f7fb;
  color: #860909;
  padding-left: 28px;
}
.acnav-cta {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-size: 0.89rem;
  font-weight: 600;
  padding: 10px 22px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
.acnav-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(200, 146, 42, 0.4);
  color: #fff;
}
.actoggler {
  background: none;
  border: 2px solid rgba(255, 255, 255, 0.28);
  border-radius: 8px;
  padding: 7px 11px;
  cursor: pointer;
  display: none;
  flex-direction: column;
  gap: 5px;
}
.actoggler span {
  display: block;
  width: 22px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  transition: all 0.4s;
}
.acmob-panel {
  display: none;
  background: #0a1628;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.acmob-panel.acmob-open {
  display: block;
}
.acmob-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.acmob-links > li > a {
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.96rem;
  font-weight: 500;
  padding: 13px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  transition: color 0.3s;
}
.acmob-links > li > a:hover {
  color: #860909;
}
.acmob-sub {
  list-style: none;
  padding: 0;
  background: rgba(255, 255, 255, 0.04);
  display: none;
}
.acmob-sub.acsub-open {
  display: block;
}
.acmob-sub li a {
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.87rem;
  padding: 11px 38px;
  display: flex;
  align-items: center;
  gap: 9px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
  transition: color 0.3s;
}
.acmob-sub li a:hover {
  color: #860909;
}
.acmob-cta {
  padding: 14px 22px;
}

/* ── PAGE HERO ── */
.achero {
  position: relative;
  padding: 110px 0 90px;
  overflow: hidden;
  background: #0a1628;
}
.achero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.14;
  animation: aczoom 20s ease-in-out infinite alternate;
}
@keyframes aczoom {
  0% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1.14);
  }
}
.achero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(10, 22, 40, 0.97) 0%,
    rgba(14, 32, 69, 0.9) 55%,
    rgba(27, 79, 138, 0.68) 100%
  );
}
.achero-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(228, 168, 53, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(228, 168, 53, 0.04) 1px, transparent 1px);
  background-size: 56px 56px;
  animation: acgrid 24s linear infinite;
}
@keyframes acgrid {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(56px, 56px);
  }
}
.achero-orb1 {
  position: absolute;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.1) 0%,
    transparent 70%
  );
  top: -100px;
  right: -80px;
  animation: acorb 9s ease-in-out infinite;
}
.achero-orb2 {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(27, 79, 138, 0.18) 0%,
    transparent 70%
  );
  bottom: -60px;
  left: 6%;
  animation: acorb 12s ease-in-out infinite reverse;
}
@keyframes acorb {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-28px) scale(1.06);
  }
}
.achero-content {
  position: relative;
  z-index: 2;
}
.achero-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.32);
  border-radius: 50px;
  padding: 7px 18px;
  color: #860909;
  font-size: 0.77rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  margin-bottom: 24px;
  animation: acfd 0.8s ease both;
}
@keyframes acfd {
  from {
    opacity: 0;
    transform: translateY(-18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.achero h1 {
  color: #fff;
  margin-bottom: 22px;
  animation: acfu 0.9s ease 0.2s both;
}
.achero h1 span {
  color: #860909;
  font-style: italic;
}
@keyframes acfu {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.achero-desc {
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.1rem;
  max-width: 560px;
  line-height: 1.82;
  margin-bottom: 38px;
  animation: acfu 0.9s ease 0.35s both;
}
.achero-btns {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  animation: acfu 0.9s ease 0.5s both;
}
.acbreadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 40px 0 0;
  animation: acfu 0.9s ease 0.65s both;
}
.acbreadcrumb li {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.8rem;
}
.acbreadcrumb li a {
  color: rgba(255, 255, 255, 0.55);
  transition: color 0.3s;
}
.acbreadcrumb li a:hover {
  color: #860909;
}
.acbreadcrumb li.acbc-act {
  color: #860909;
  font-weight: 600;
}
.acbreadcrumb li i {
  font-size: 0.6rem;
}

/* ── BUTTONS ── */
.acbtn-gold {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 16px 36px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 10px 36px rgba(134, 9, 9, 0.5);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.acbtn-gold:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 50px rgba(134, 9, 9, 1);
  color: #fff;
}
.acbtn-gold i {
  transition: transform 0.3s;
}
.acbtn-gold:hover i {
  transform: translateX(4px);
}
.acbtn-ghost {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  padding: 15px 36px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.acbtn-ghost:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}
.acbtn-navy {
  background: #0a1628;
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: 2px solid #0a1628;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.acbtn-navy:hover {
  background: transparent;
  color: #0a1628;
  transform: translateY(-3px);
}
.acbtn-outline {
  background: transparent;
  color: #0a1628;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 2px solid #0a1628;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.acbtn-outline:hover {
  background: #0a1628;
  color: #fff;
  transform: translateY(-3px);
}
.acbtn-white {
  background: #fff;
  color: #0a1628;
  font-weight: 700;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.acbtn-white:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  color: #860909;
}
.acbtn-ghost2 {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.acbtn-ghost2:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}

/* ── SECTION UTILITIES ── */
.acsec {
  padding: 108px 0;
  background: #fff;
}
.acsec-alt {
  padding: 108px 0;
  background: #f4f7fb;
}
.acsec-label {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #860909;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 1rem;
}
.acsec-label::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 2px;
  background: #860909;
  border-radius: 2px;
}
.acsec-label::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #860909;
  border-radius: 50%;
}
.acsec-title {
  font-family: "Playfair Display", serif;
  font-weight: 800;
  color: #0a1628;
  margin-bottom: 0.9rem;
}
.acsec-title span {
  color: #860909;
  font-style: italic;
}
.acsec-desc {
  font-size: 1.05rem;
  color: #4a5a6e;
  max-width: 600px;
  line-height: 1.8;
}
.acgold-bar {
  width: 52px;
  height: 4px;
  background: linear-gradient(90deg, #860909, #860909);
  border-radius: 4px;
  margin-bottom: 1.4rem;
}

/* ── FEATURE CARD ── */
.acfeat-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid transparent;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.acfeat-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  border: 2px solid #860909;
  opacity: 0;
  transition: opacity 0.4s;
}
.acfeat-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.acfeat-card:hover::before {
  opacity: 1;
}
.acfeat-icon {
  width: 62px;
  height: 62px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.acfeat-icon i {
  color: #fff;
  font-size: 1.38rem;
}
.acfeat-card:hover .acfeat-icon {
  background: linear-gradient(135deg, #860909, #860909);
  transform: rotate(-5deg) scale(1.08);
}
.acfeat-card:hover .acfeat-icon i {
  color: #fff;
}
.acfeat-card h4 {
  font-family: "Playfair Display", serif;
  font-size: 1.18rem;
  margin-bottom: 12px;
  color: #0a1628;
  transition: color 0.3s;
}
.acfeat-card:hover h4 {
  color: #860909;
}
.acfeat-card p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.75;
}

/* ── STEP PROCESS ── */
.acstep {
  display: flex;
  gap: 22px;
  align-items: flex-start;
  margin-bottom: 36px;
  position: relative;
}
.acstep:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 24px;
  top: 52px;
  width: 2px;
  height: calc(100% - 20px);
  background: linear-gradient(180deg, #860909, transparent);
  opacity: 0.35;
}
.acstep-num {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Playfair Display", serif;
  font-size: 1.15rem;
  font-weight: 800;
  color: #860909;
  border: 2px solid rgba(228, 168, 53, 0.28);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 1;
}
.acstep:hover .acstep-num {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
}
.acstep-body {
  background: #fff;
  border-radius: 14px;
  padding: 24px 28px;
  flex: 1;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.acstep:hover .acstep-body {
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.28);
  transform: translateX(6px);
}
.acstep-tag {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #860909;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  margin-bottom: 10px;
}
.acstep-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.acstep-body p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.7;
}

/* ── ICON LIST ── */
.acicon-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.acicon-list li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 10px 0;
  border-bottom: 1px solid #d8e2ef;
  font-size: 0.94rem;
  color: #4a5a6e;
}
.acicon-list li:last-child {
  border-bottom: none;
}
.acicon-list li i {
  width: 27px;
  height: 27px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #860909;
  font-size: 0.72rem;
  flex-shrink: 0;
  margin-top: 1px;
}

/* ── STATS BAND ── */
.acstats-band {
  background: linear-gradient(135deg, #0a1628 0%, #0e2045 50%, #1b4f8a 100%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.acstats-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 50px 50px;
}
.acstats-band::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(
      circle at 20% 50%,
      rgba(200, 146, 42, 0.07) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 80% 50%,
      rgba(27, 79, 138, 0.14) 0%,
      transparent 50%
    );
}
.acsb-item {
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 16px 8px;
}
.acsb-icon {
  width: 60px;
  height: 60px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.28);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.acsb-icon i {
  color: #860909;
  font-size: 1.38rem;
}
.acsb-item:hover .acsb-icon {
  background: rgba(200, 146, 42, 0.22);
  transform: scale(1.1) rotate(4deg);
}
.acsb-num {
  font-family: "Playfair Display", serif;
  font-size: 3rem;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  margin-bottom: 8px;
}
.acsb-num span {
  color: #860909;
}
.acsb-label {
  font-size: 0.8rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.52);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* ── SPLIT IMAGE LAYOUT ── */
.acsplit-col {
  position: relative;
}
.acsplit-img {
  width: 100%;
  height: 470px;
  object-fit: cover;
  border-radius: 22px;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  position: relative;
  z-index: 1;
}
.acsplit-frame {
  position: absolute;
  top: -18px;
  left: -18px;
  right: 52px;
  bottom: 26px;
  border: 2px solid #860909;
  border-radius: 22px;
  opacity: 0.38;
  z-index: 0;
}
.acsplit-badge {
  position: absolute;
  bottom: 36px;
  right: 8px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 14px;
  padding: 20px 22px;
  text-align: center;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  z-index: 2;
  min-width: 130px;
  animation: acorb 5s ease-in-out infinite;
}
.acsplit-badge-num {
  font-family: "Playfair Display", serif;
  font-size: 2.4rem;
  font-weight: 900;
  color: #860909;
  line-height: 1;
  display: block;
}
.acsplit-badge-lbl {
  font-size: 0.71rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin-top: 4px;
  display: block;
  line-height: 1.4;
}

/* ── TEAM CARD ── */
.acteam-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.acteam-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.acteam-img-wrap {
  position: relative;
  overflow: hidden;
  height: 268px;
}
.acteam-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}
.acteam-card:hover .acteam-img-wrap img {
  transform: scale(1.07);
}
.acteam-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(10, 22, 40, 0.8) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 0.4s;
}
.acteam-card:hover .acteam-overlay {
  opacity: 1;
}
.acteam-soc {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  display: flex;
  gap: 9px;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.acteam-card:hover .acteam-soc {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.acteam-soc a {
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.82rem;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.acteam-soc a:hover {
  background: #860909;
  border-color: #860909;
}
.acteam-body {
  padding: 26px;
}
.acteam-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 4px;
  color: #0a1628;
}
.acteam-role {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #860909;
  margin-bottom: 10px;
  display: block;
}
.acteam-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── AWARD CARD ── */
.acaward-card {
  background: #fff;
  border-radius: 22px;
  padding: 34px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.acaward-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #860909, #860909);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.acaward-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.acaward-card:hover::after {
  transform: scaleX(1);
}
.acaward-yr {
  font-family: "Playfair Display", serif;
  font-size: 2rem;
  font-weight: 900;
  color: #860909;
  opacity: 0.2;
  position: absolute;
  top: 16px;
  right: 24px;
}
.acaward-icon {
  width: 52px;
  height: 52px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.acaward-icon i {
  color: #860909;
  font-size: 1.2rem;
}
.acaward-card:hover .acaward-icon {
  background: linear-gradient(135deg, #860909, #860909);
}
.acaward-card:hover .acaward-icon i {
  color: #fff;
}
.acaward-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.acaward-card p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── PARTNER CARD ── */
.acpartner-card {
  background: #fff;
  border-radius: 22px;
  padding: 30px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  text-align: center;
  height: 100%;
}
.acpartner-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.3);
}
.acpartner-logo {
  width: 80px;
  height: 80px;
  background: #f4f7fb;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.acpartner-logo i {
  font-size: 2rem;
  color: #1b4f8a;
  transition: color 0.3s;
}
.acpartner-card:hover .acpartner-logo {
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
}
.acpartner-card:hover .acpartner-logo i {
  color: #860909;
}
.acpartner-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.acpartner-card p {
  font-size: 0.85rem;
  color: #4a5a6e;
  margin-bottom: 14px;
}
.acpartner-badge {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #860909;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
}

/* ── INDUSTRY CARD ── */
.acind-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.acind-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.acind-img-wrap {
  overflow: hidden;
  position: relative;
}
.acind-img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  transition: transform 0.6s;
}
.acind-card:hover .acind-img {
  transform: scale(1.06);
}
.acind-cat {
  position: absolute;
  top: 14px;
  left: 14px;
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  padding: 4px 13px;
  border-radius: 50px;
}
.acind-body {
  padding: 26px;
}
.acind-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 8px;
  transition: color 0.3s;
}
.acind-card:hover h5 {
  color: #860909;
}
.acind-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}
.acind-link {
  color: #860909;
  font-weight: 600;
  font-size: 0.86rem;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: gap 0.3s;
}
.acind-link:hover {
  gap: 13px;
  color: #0a1628;
}

/* ── INSIGHT CARD ── */
.acinsight-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.acinsight-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.acinsight-img-wrap {
  overflow: hidden;
  position: relative;
}
.acinsight-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: transform 0.6s;
}
.acinsight-card:hover .acinsight-img {
  transform: scale(1.05);
}
.acinsight-tag {
  position: absolute;
  top: 14px;
  left: 14px;
  background: rgba(10, 22, 40, 0.85);
  color: #860909;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  border: 1px solid rgba(228, 168, 53, 0.3);
}
.acinsight-body {
  padding: 26px;
}
.acinsight-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}
.acinsight-meta span {
  font-size: 0.78rem;
  color: #8d9bad;
  display: flex;
  align-items: center;
  gap: 5px;
}
.acinsight-meta span i {
  font-size: 0.7rem;
  color: #860909;
}
.acinsight-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 8px;
  transition: color 0.3s;
  line-height: 1.4;
}
.acinsight-card:hover h5 {
  color: #860909;
}
.acinsight-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}

/* ── TESTIMONIAL CARD ── */
.actesti-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
}
.actesti-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #860909, #860909);
  border-radius: 22px 22px 0 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.actesti-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.actesti-card:hover::before {
  transform: scaleX(1);
}
.actesti-quote {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.actesti-quote i {
  color: #fff;
  font-size: 1rem;
}
.actesti-stars {
  color: #860909;
  font-size: 0.85rem;
  margin-bottom: 14px;
  display: flex;
  gap: 3px;
}
.actesti-text {
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.8;
  margin-bottom: 22px;
  font-style: italic;
}
.actesti-author {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 18px;
  border-top: 1px solid #d8e2ef;
}
.actesti-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #860909;
}
.actesti-name {
  font-weight: 700;
  font-size: 0.93rem;
  color: #0a1628;
  display: block;
}
.actesti-role {
  font-size: 0.78rem;
  color: #8d9bad;
  display: block;
}

/* ── FAQ ACCORDION ── */
.acfaq {
  background: #fff;
  border-radius: 14px;
  margin-bottom: 14px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.acfaq.acfaq-open {
  border-color: rgba(200, 146, 42, 0.3);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
}
.acfaq-q {
  padding: 22px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: #0a1628;
  transition: color 0.3s;
  gap: 16px;
  user-select: none;
}
.acfaq.acfaq-open .acfaq-q {
  color: #860909;
}
.acfaq-toggle {
  width: 34px;
  height: 34px;
  background: #f4f7fb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.acfaq-toggle i {
  font-size: 0.75rem;
  color: #4a5a6e;
  transition:
    transform 0.35s,
    color 0.3s;
}
.acfaq.acfaq-open .acfaq-toggle {
  background: linear-gradient(135deg, #860909, #860909);
}
.acfaq.acfaq-open .acfaq-toggle i {
  transform: rotate(180deg);
  color: #fff;
}
.acfaq-ans {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.45s ease;
}
.acfaq-ans-inner {
  padding: 0 28px 22px;
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.75;
}

/* ── FORM ELEMENTS ── */
.acform-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #4a5a6e;
  margin-bottom: 7px;
}
.acform-ctrl {
  width: 100%;
  padding: 13px 17px;
  background: #f4f7fb;
  border: 1.5px solid #d8e2ef;
  border-radius: 14px;
  font-size: 0.96rem;
  color: #1a2b3c;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  appearance: none;
  font-family: "Outfit", sans-serif;
}
.acform-ctrl:focus {
  border-color: #860909;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(200, 146, 42, 0.09);
}
.acform-ctrl::placeholder {
  color: #8d9bad;
}
textarea.acform-ctrl {
  resize: vertical;
  min-height: 115px;
}
select.acform-ctrl {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7A8D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  background-size: 17px;
  padding-right: 42px;
  cursor: pointer;
}

/* ── CTA SECTION ── */
.accta-sec {
  background: linear-gradient(135deg, #0a1628 0%, #1b4f8a 50%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.accta-sec::after {
  content: "";
  position: absolute;
  top: -40%;
  right: -8%;
  width: 540px;
  height: 540px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.09) 0%,
    transparent 70%
  );
}
.accta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
}
.accta-inner h2 {
  color: #fff;
  margin-bottom: 14px;
}
.accta-inner h2 span {
  color: #860909;
  font-style: italic;
}
.accta-inner p {
  color: rgba(255, 255, 255, 0.68);
  font-size: 1.08rem;
  max-width: 540px;
  margin: 0 auto 36px;
}
.accta-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* ── FOOTER ── */
.acfooter {
  background: #0a1628;
  padding-top: 72px;
}
.acfooter-desc {
  font-size: 0.92rem;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.52);
  margin-bottom: 22px;
  max-width: 310px;
}
.acfooter-social {
  display: flex;
  gap: 9px;
}
.acfooter-social a {
  width: 38px;
  height: 38px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.48);
  font-size: 0.9rem;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.acfooter-social a:hover {
  background: #860909;
  color: #fff;
  border-color: #860909;
  transform: translateY(-3px);
}
.acfooter-head {
  font-family: "Playfair Display", serif;
  font-size: 0.98rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 10px;
}
.acfooter-head::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 26px;
  height: 2px;
  background: #860909;
  border-radius: 2px;
}
.acfooter-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.acfooter-links li {
  margin-bottom: 9px;
}
.acfooter-links li a {
  color: rgba(255, 255, 255, 0.52);
  font-size: 0.89rem;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.acfooter-links li a i {
  font-size: 0.6rem;
  color: #860909;
}
.acfooter-links li a:hover {
  color: #860909;
  gap: 12px;
}
.acfooter-contacts {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.acfooter-contacts li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  font-size: 0.87rem;
  color: rgba(255, 255, 255, 0.52);
}
.acfooter-contacts li i {
  color: #860909;
  font-size: 0.87rem;
  margin-top: 2px;
  flex-shrink: 0;
}
.acfooter-nl {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 14px;
  padding: 20px;
  margin-top: 16px;
}
.acfooter-nl p {
  font-size: 0.84rem;
  color: rgba(255, 255, 255, 0.48);
  margin-bottom: 12px;
}
.acnl-wrap {
  display: flex;
  border-radius: 50px;
  overflow: hidden;
  border: 1.5px solid rgba(255, 255, 255, 0.11);
}
.acnl-wrap input {
  flex: 1;
  background: rgba(255, 255, 255, 0.05);
  border: none;
  padding: 11px 16px;
  font-size: 0.87rem;
  color: #fff;
  outline: none;
  font-family: "Outfit", sans-serif;
}
.acnl-wrap input::placeholder {
  color: rgba(255, 255, 255, 0.33);
}
.acnl-wrap button {
  background: linear-gradient(135deg, #860909, #860909);
  border: none;
  padding: 11px 20px;
  color: #fff;
  font-size: 0.87rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.4s;
  font-family: "Outfit", sans-serif;
}
.acnl-wrap button:hover {
  background: linear-gradient(135deg, #860909, #860909);
}
.acfooter-divider {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  margin: 46px 0 0;
}
.acfooter-bottom {
  padding: 22px 0;
}
.acfooter-bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.acfooter-copy {
  font-size: 0.84rem;
  color: rgba(255, 255, 255, 0.38);
  margin: 0;
}
.acfooter-copy span {
  color: #860909;
}
.acfooter-legal {
  display: flex;
  gap: 22px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.acfooter-legal a {
  font-size: 0.81rem;
  color: rgba(255, 255, 255, 0.38);
  transition: color 0.3s;
}
.acfooter-legal a:hover {
  color: #860909;
}

/* ── SCROLL TOP ── */
.acscroll-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
  box-shadow: 0 8px 22px rgba(200, 146, 42, 0.38);
  cursor: pointer;
  border: none;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translateY(20px);
}
.acscroll-top.acst-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.acscroll-top:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 38px rgba(200, 146, 42, 0.48);
}

/* ── SCROLL ANIMATIONS ── */
.acanim {
  opacity: 0;
  transform: translateY(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.acanim.acdone {
  opacity: 1;
  transform: translateY(0);
}
.acanim-l {
  opacity: 0;
  transform: translateX(-36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.acanim-l.acdone {
  opacity: 1;
  transform: translateX(0);
}
.acanim-r {
  opacity: 0;
  transform: translateX(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.acanim-r.acdone {
  opacity: 1;
  transform: translateX(0);
}
.acd1 {
  transition-delay: 0.1s;
}
.acd2 {
  transition-delay: 0.2s;
}
.acd3 {
  transition-delay: 0.3s;
}
.acd4 {
  transition-delay: 0.4s;
}
.acd5 {
  transition-delay: 0.5s;
}

/* ── RESPONSIVE ── */
@media (max-width: 991.98px) {
  .achdr-top {
    display: none;
  }
  .acnav-menu,
  .acnav-cta {
    display: none;
  }
  .actoggler {
    display: flex;
  }
  .achero {
    padding: 72px 0 58px;
  }
  .acsec,
  .acsec-alt {
    padding: 72px 0;
  }
  .acsplit-col {
    margin-bottom: 48px;
  }
  .acsplit-img {
    height: 340px;
  }
  .acsplit-frame {
    display: none;
  }
  .acstats-band {
    padding: 58px 0;
  }
}
@media (max-width: 767.98px) {
  .achero-btns {
    flex-direction: column;
  }
  .acbtn-gold,
  .acbtn-ghost,
  .acbtn-navy,
  .acbtn-outline,
  .acbtn-white,
  .acbtn-ghost2 {
    width: 100%;
    justify-content: center;
  }
  .accta-btns {
    flex-direction: column;
    align-items: center;
  }
  .acfooter-bottom-inner {
    flex-direction: column;
    text-align: center;
  }
  .acfooter-legal {
    justify-content: center;
  }
  .acsb-num {
    font-size: 2.4rem;
  }
  .acsplit-img {
    height: 280px;
  }
}

/* Partnership Page css  */
/* ============================================================
   PAGE PREFIX: PA — ALL CSS INTERNAL, ZERO INLINE
   ============================================================ */
.pabody {
  font-family: "Outfit", sans-serif;
  color: #1a2b3c;
  background: #ffffff;
  overflow-x: hidden;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
}
.pabody * {
  box-sizing: border-box;
}
.pabody h1,
.pabody h2,
.pabody h3,
.pabody h4,
.pabody h5,
.pabody h6 {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 800;
  line-height: 1.22;
  color: #0a1628;
  margin: 0;
}
.pabody h1 {
  font-size: clamp(2.4rem, 5vw, 3.9rem);
}
.pabody h2 {
  font-size: clamp(1.85rem, 3.5vw, 2.75rem);
}
.pabody h3 {
  font-size: clamp(1.25rem, 2vw, 1.65rem);
}
.pabody p {
  font-size: 1.02rem;
  color: #4a5a6e;
  line-height: 1.78;
  margin: 0;
}
.pabody a {
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.pabody img {
  max-width: 100%;
  display: block;
}

/* ── TOP BAR ── */
.pahdr-top {
  background: #0a1628;
  padding: 9px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.pahdr-top-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.patop-contacts {
  display: flex;
  align-items: center;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.patop-contacts li a {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.84rem;
  display: flex;
  align-items: center;
  gap: 7px;
  transition: color 0.3s;
}
.patop-contacts li a i {
  color: #860909;
  font-size: 0.75rem;
}
.patop-contacts li a:hover {
  color: #860909;
}
.patop-social {
  display: flex;
  gap: 12px;
}
.patop-social a {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.82rem;
  transition: color 0.3s;
}
.patop-social a:hover {
  color: #860909;
}

/* ── LOGO BAR ── */
.palogo-bar {
  background: #fff;
  padding: 20px 0;
  border-bottom: 1px solid #d8e2ef;
}
.palogo-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
}
.palogo-icon {
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 18px rgba(10, 22, 40, 0.2);
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.palogo-icon::before {
  content: "";
  position: absolute;
  top: -30%;
  left: -30%;
  width: 80%;
  height: 80%;
  background: rgba(228, 168, 53, 0.14);
  border-radius: 50%;
}
.palogo-icon i {
  color: #860909;
  font-size: 1.5rem;
  position: relative;
  z-index: 1;
}
.palogo-texts {
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.palogo-name {
  font-family: "Playfair Display", serif;
  font-size: 1.58rem;
  font-weight: 800;
  color: #0a1628;
}
.palogo-name span {
  color: #860909;
}
.palogo-tag {
  font-size: 0.67rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #8d9bad;
  margin-top: 4px;
}
.palogo-bar-right {
  display: flex;
  align-items: center;
  gap: 16px;
}
.paphone-blk {
  text-align: right;
}
.paphone-blk small {
  display: block;
  font-size: 0.67rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8d9bad;
}
.paphone-blk a {
  font-family: "Playfair Display", serif;
  font-size: 1.13rem;
  font-weight: 700;
  color: #0a1628;
}
.paphone-blk a:hover {
  color: #860909;
}

/* ── NAVIGATION ── */
.panav {
  background: #0a1628;
  position: sticky;
  top: 0;
  z-index: 999;
  transition: box-shadow 0.3s;
}
.panav.pascrolled {
  box-shadow: 0 6px 30px rgba(10, 22, 40, 0.38);
}
.panav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.panav-menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.panav-menu > li {
  position: relative;
}
.panav-menu > li > a {
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.92rem;
  font-weight: 500;
  padding: 19px 18px;
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  transition: color 0.3s;
}
.panav-menu > li > a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background: #860909;
  transition: all 0.35s;
  transform: translateX(-50%);
  border-radius: 3px 3px 0 0;
}
.panav-menu > li:hover > a,
.panav-menu > li.paact > a {
  color: #860909;
}
.panav-menu > li:hover > a::after,
.panav-menu > li.paact > a::after {
  width: 76%;
}
.pachev {
  font-size: 0.64rem;
  transition: transform 0.3s;
}
.panav-menu > li:hover > a .pachev {
  transform: rotate(180deg);
}
.padrop {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  background: #fff;
  min-width: 228px;
  border-radius: 14px;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  list-style: none;
  margin: 0;
  border-top: 3px solid #860909;
  z-index: 1000;
}
.panav-menu > li:hover .padrop {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.padrop li a {
  color: #1a2b3c;
  font-size: 0.89rem;
  font-weight: 500;
  padding: 11px 20px;
  display: flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.padrop li a i {
  color: #860909;
  font-size: 0.8rem;
  width: 15px;
}
.padrop li a:hover {
  background: #f4f7fb;
  color: #860909;
  padding-left: 28px;
}
.panav-cta {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-size: 0.89rem;
  font-weight: 600;
  padding: 10px 22px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
.panav-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(200, 146, 42, 0.4);
  color: #fff;
}
.patoggler {
  background: none;
  border: 2px solid rgba(255, 255, 255, 0.28);
  border-radius: 8px;
  padding: 7px 11px;
  cursor: pointer;
  display: none;
  flex-direction: column;
  gap: 5px;
}
.patoggler span {
  display: block;
  width: 22px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  transition: all 0.4s;
}
.pamob-panel {
  display: none;
  background: #0a1628;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.pamob-panel.pamob-open {
  display: block;
}
.pamob-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pamob-links > li > a {
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.96rem;
  font-weight: 500;
  padding: 13px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  transition: color 0.3s;
}
.pamob-links > li > a:hover {
  color: #860909;
}
.pamob-sub {
  list-style: none;
  padding: 0;
  background: rgba(255, 255, 255, 0.04);
  display: none;
}
.pamob-sub.pasub-open {
  display: block;
}
.pamob-sub li a {
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.87rem;
  padding: 11px 38px;
  display: flex;
  align-items: center;
  gap: 9px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
  transition: color 0.3s;
}
.pamob-sub li a:hover {
  color: #860909;
}
.pamob-cta {
  padding: 14px 22px;
}

/* ── PAGE HERO ── */
.pahero {
  position: relative;
  padding: 110px 0 90px;
  overflow: hidden;
  background: #0a1628;
}
.pahero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.14;
  animation: pazoom 20s ease-in-out infinite alternate;
}
@keyframes pazoom {
  0% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1.14);
  }
}
.pahero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(10, 22, 40, 0.97) 0%,
    rgba(14, 32, 69, 0.9) 55%,
    rgba(27, 79, 138, 0.68) 100%
  );
}
.pahero-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(228, 168, 53, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(228, 168, 53, 0.04) 1px, transparent 1px);
  background-size: 56px 56px;
  animation: pagrid 24s linear infinite;
}
@keyframes pagrid {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(56px, 56px);
  }
}
.pahero-orb1 {
  position: absolute;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.1) 0%,
    transparent 70%
  );
  top: -100px;
  right: -80px;
  animation: paorb 9s ease-in-out infinite;
}
.pahero-orb2 {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(27, 79, 138, 0.18) 0%,
    transparent 70%
  );
  bottom: -60px;
  left: 6%;
  animation: paorb 12s ease-in-out infinite reverse;
}
@keyframes paorb {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-28px) scale(1.06);
  }
}
.pahero-content {
  position: relative;
  z-index: 2;
}
.pahero-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.32);
  border-radius: 50px;
  padding: 7px 18px;
  color: #860909;
  font-size: 0.77rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  margin-bottom: 24px;
  animation: pafd 0.8s ease both;
}
@keyframes pafd {
  from {
    opacity: 0;
    transform: translateY(-18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.pahero h1 {
  color: #fff;
  margin-bottom: 22px;
  animation: pafu 0.9s ease 0.2s both;
}
.pahero h1 span {
  color: #860909;
  font-style: italic;
}
@keyframes pafu {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.pahero-desc {
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.1rem;
  max-width: 560px;
  line-height: 1.82;
  margin-bottom: 38px;
  animation: pafu 0.9s ease 0.35s both;
}
.pahero-btns {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  animation: pafu 0.9s ease 0.5s both;
}
.pabreadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 40px 0 0;
  animation: pafu 0.9s ease 0.65s both;
}
.pabreadcrumb li {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.8rem;
}
.pabreadcrumb li a {
  color: rgba(255, 255, 255, 0.55);
  transition: color 0.3s;
}
.pabreadcrumb li a:hover {
  color: #860909;
}
.pabreadcrumb li.pabc-act {
  color: #860909;
  font-weight: 600;
}
.pabreadcrumb li i {
  font-size: 0.6rem;
}

/* ── BUTTONS ── */
.pabtn-gold {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 16px 36px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 10px 36px rgba(134, 9, 9, 0.5);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.pabtn-gold:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 50px rgba(134, 9, 9, 1);
  color: #fff;
}
.pabtn-gold i {
  transition: transform 0.3s;
}
.pabtn-gold:hover i {
  transform: translateX(4px);
}
.pabtn-ghost {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  padding: 15px 36px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.pabtn-ghost:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}
.pabtn-navy {
  background: #0a1628;
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: 2px solid #0a1628;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.pabtn-navy:hover {
  background: transparent;
  color: #0a1628;
  transform: translateY(-3px);
}
.pabtn-outline {
  background: transparent;
  color: #0a1628;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 2px solid #0a1628;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.pabtn-outline:hover {
  background: #0a1628;
  color: #fff;
  transform: translateY(-3px);
}
.pabtn-white {
  background: #fff;
  color: #0a1628;
  font-weight: 700;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.pabtn-white:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  color: #860909;
}
.pabtn-ghost2 {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.pabtn-ghost2:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}

/* ── SECTION UTILITIES ── */
.pasec {
  padding: 108px 0;
  background: #fff;
}
.pasec-alt {
  padding: 108px 0;
  background: #f4f7fb;
}
.pasec-label {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #860909;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 1rem;
}
.pasec-label::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 2px;
  background: #860909;
  border-radius: 2px;
}
.pasec-label::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #860909;
  border-radius: 50%;
}
.pasec-title {
  font-family: "Playfair Display", serif;
  font-weight: 800;
  color: #0a1628;
  margin-bottom: 0.9rem;
}
.pasec-title span {
  color: #860909;
  font-style: italic;
}
.pasec-desc {
  font-size: 1.05rem;
  color: #4a5a6e;
  max-width: 600px;
  line-height: 1.8;
}
.pagold-bar {
  width: 52px;
  height: 4px;
  background: linear-gradient(90deg, #860909, #860909);
  border-radius: 4px;
  margin-bottom: 1.4rem;
}

/* ── FEATURE CARD ── */
.pafeat-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid transparent;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.pafeat-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  border: 2px solid #860909;
  opacity: 0;
  transition: opacity 0.4s;
}
.pafeat-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.pafeat-card:hover::before {
  opacity: 1;
}
.pafeat-icon {
  width: 62px;
  height: 62px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.pafeat-icon i {
  color: #860909;
  font-size: 1.38rem;
}
.pafeat-card:hover .pafeat-icon {
  background: linear-gradient(135deg, #860909, #860909);
  transform: rotate(-5deg) scale(1.08);
}
.pafeat-card:hover .pafeat-icon i {
  color: #fff;
}
.pafeat-card h4 {
  font-family: "Playfair Display", serif;
  font-size: 1.18rem;
  margin-bottom: 12px;
  color: #0a1628;
  transition: color 0.3s;
}
.pafeat-card:hover h4 {
  color: #860909;
}
.pafeat-card p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.75;
}

/* ── STEP PROCESS ── */
.pastep {
  display: flex;
  gap: 22px;
  align-items: flex-start;
  margin-bottom: 36px;
  position: relative;
}
.pastep:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 24px;
  top: 52px;
  width: 2px;
  height: calc(100% - 20px);
  background: linear-gradient(180deg, #860909, transparent);
  opacity: 0.35;
}
.pastep-num {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Playfair Display", serif;
  font-size: 1.15rem;
  font-weight: 800;
  color: #860909;
  border: 2px solid rgba(228, 168, 53, 0.28);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 1;
}
.pastep:hover .pastep-num {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
}
.pastep-body {
  background: #fff;
  border-radius: 14px;
  padding: 24px 28px;
  flex: 1;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.pastep:hover .pastep-body {
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.28);
  transform: translateX(6px);
}
.pastep-tag {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #860909;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  margin-bottom: 10px;
}
.pastep-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.pastep-body p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.7;
}

/* ── ICON LIST ── */
.paicon-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.paicon-list li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 10px 0;
  border-bottom: 1px solid #d8e2ef;
  font-size: 0.94rem;
  color: #4a5a6e;
}
.paicon-list li:last-child {
  border-bottom: none;
}
.paicon-list li i {
  width: 27px;
  height: 27px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #860909;
  font-size: 0.72rem;
  flex-shrink: 0;
  margin-top: 1px;
}

/* ── STATS BAND ── */
.pastats-band {
  background: linear-gradient(135deg, #0a1628 0%, #0e2045 50%, #1b4f8a 100%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.pastats-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 50px 50px;
}
.pastats-band::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(
      circle at 20% 50%,
      rgba(200, 146, 42, 0.07) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 80% 50%,
      rgba(27, 79, 138, 0.14) 0%,
      transparent 50%
    );
}
.pasb-item {
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 16px 8px;
}
.pasb-icon {
  width: 60px;
  height: 60px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.28);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.pasb-icon i {
  color: #860909;
  font-size: 1.38rem;
}
.pasb-item:hover .pasb-icon {
  background: rgba(200, 146, 42, 0.22);
  transform: scale(1.1) rotate(4deg);
}
.pasb-num {
  font-family: "Playfair Display", serif;
  font-size: 3rem;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  margin-bottom: 8px;
}
.pasb-num span {
  color: #860909;
}
.pasb-label {
  font-size: 0.8rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.52);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* ── SPLIT IMAGE LAYOUT ── */
.pasplit-col {
  position: relative;
}
.pasplit-img {
  width: 100%;
  height: 470px;
  object-fit: cover;
  border-radius: 22px;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  position: relative;
  z-index: 1;
}
.pasplit-frame {
  position: absolute;
  top: -18px;
  left: -18px;
  right: 52px;
  bottom: 26px;
  border: 2px solid #860909;
  border-radius: 22px;
  opacity: 0.38;
  z-index: 0;
}
.pasplit-badge {
  position: absolute;
  bottom: 36px;
  right: 8px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 14px;
  padding: 20px 22px;
  text-align: center;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  z-index: 2;
  min-width: 130px;
  animation: paorb 5s ease-in-out infinite;
}
.pasplit-badge-num {
  font-family: "Playfair Display", serif;
  font-size: 2.4rem;
  font-weight: 900;
  color: #860909;
  line-height: 1;
  display: block;
}
.pasplit-badge-lbl {
  font-size: 0.71rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin-top: 4px;
  display: block;
  line-height: 1.4;
}

/* ── TEAM CARD ── */
.pateam-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.pateam-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.pateam-img-wrap {
  position: relative;
  overflow: hidden;
  height: 268px;
}
.pateam-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}
.pateam-card:hover .pateam-img-wrap img {
  transform: scale(1.07);
}
.pateam-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(10, 22, 40, 0.8) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 0.4s;
}
.pateam-card:hover .pateam-overlay {
  opacity: 1;
}
.pateam-soc {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  display: flex;
  gap: 9px;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.pateam-card:hover .pateam-soc {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.pateam-soc a {
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.82rem;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.pateam-soc a:hover {
  background: #860909;
  border-color: #860909;
}
.pateam-body {
  padding: 26px;
}
.pateam-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 4px;
  color: #0a1628;
}
.pateam-role {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #860909;
  margin-bottom: 10px;
  display: block;
}
.pateam-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── AWARD CARD ── */
.paaward-card {
  background: #fff;
  border-radius: 22px;
  padding: 34px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.paaward-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #860909, #860909);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.paaward-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.paaward-card:hover::after {
  transform: scaleX(1);
}
.paaward-yr {
  font-family: "Playfair Display", serif;
  font-size: 2rem;
  font-weight: 900;
  color: #860909;
  opacity: 0.2;
  position: absolute;
  top: 16px;
  right: 24px;
}
.paaward-icon {
  width: 52px;
  height: 52px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.paaward-icon i {
  color: #860909;
  font-size: 1.2rem;
}
.paaward-card:hover .paaward-icon {
  background: linear-gradient(135deg, #860909, #860909);
}
.paaward-card:hover .paaward-icon i {
  color: #fff;
}
.paaward-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.paaward-card p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── PARTNER CARD ── */
.papartner-card {
  background: #fff;
  border-radius: 22px;
  padding: 30px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  text-align: center;
  height: 100%;
}
.papartner-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.3);
}
.papartner-logo {
  width: 80px;
  height: 80px;
  background: #f4f7fb;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.papartner-logo i {
  font-size: 2rem;
  color: #1b4f8a;
  transition: color 0.3s;
}
.papartner-card:hover .papartner-logo {
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
}
.papartner-card:hover .papartner-logo i {
  color: #860909;
}
.papartner-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.papartner-card p {
  font-size: 0.85rem;
  color: #4a5a6e;
  margin-bottom: 14px;
}
.papartner-badge {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #860909;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
}

/* ── INDUSTRY CARD ── */
.paind-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.paind-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.paind-img-wrap {
  overflow: hidden;
  position: relative;
}
.paind-img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  transition: transform 0.6s;
}
.paind-card:hover .paind-img {
  transform: scale(1.06);
}
.paind-cat {
  position: absolute;
  top: 14px;
  left: 14px;
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  padding: 4px 13px;
  border-radius: 50px;
}
.paind-body {
  padding: 26px;
}
.paind-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 8px;
  transition: color 0.3s;
}
.paind-card:hover h5 {
  color: #860909;
}
.paind-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}
.paind-link {
  color: #860909;
  font-weight: 600;
  font-size: 0.86rem;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: gap 0.3s;
}
.paind-link:hover {
  gap: 13px;
  color: #0a1628;
}

/* ── INSIGHT CARD ── */
.painsight-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.painsight-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.painsight-img-wrap {
  overflow: hidden;
  position: relative;
}
.painsight-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: transform 0.6s;
}
.painsight-card:hover .painsight-img {
  transform: scale(1.05);
}
.painsight-tag {
  position: absolute;
  top: 14px;
  left: 14px;
  background: rgba(10, 22, 40, 0.85);
  color: #860909;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  border: 1px solid rgba(228, 168, 53, 0.3);
}
.painsight-body {
  padding: 26px;
}
.painsight-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}
.painsight-meta span {
  font-size: 0.78rem;
  color: #8d9bad;
  display: flex;
  align-items: center;
  gap: 5px;
}
.painsight-meta span i {
  font-size: 0.7rem;
  color: #860909;
}
.painsight-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 8px;
  transition: color 0.3s;
  line-height: 1.4;
}
.painsight-card:hover h5 {
  color: #860909;
}
.painsight-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}

/* ── TESTIMONIAL CARD ── */
.patesti-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
}
.patesti-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #860909, #860909);
  border-radius: 22px 22px 0 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.patesti-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.patesti-card:hover::before {
  transform: scaleX(1);
}
.patesti-quote {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.patesti-quote i {
  color: #fff;
  font-size: 1rem;
}
.patesti-stars {
  color: #860909;
  font-size: 0.85rem;
  margin-bottom: 14px;
  display: flex;
  gap: 3px;
}
.patesti-text {
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.8;
  margin-bottom: 22px;
  font-style: italic;
}
.patesti-author {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 18px;
  border-top: 1px solid #d8e2ef;
}
.patesti-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #860909;
}
.patesti-name {
  font-weight: 700;
  font-size: 0.93rem;
  color: #0a1628;
  display: block;
}
.patesti-role {
  font-size: 0.78rem;
  color: #8d9bad;
  display: block;
}

/* ── FAQ ACCORDION ── */
.pafaq {
  background: #fff;
  border-radius: 14px;
  margin-bottom: 14px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.pafaq.pafaq-open {
  border-color: rgba(200, 146, 42, 0.3);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
}
.pafaq-q {
  padding: 22px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: #0a1628;
  transition: color 0.3s;
  gap: 16px;
  user-select: none;
}
.pafaq.pafaq-open .pafaq-q {
  color: #860909;
}
.pafaq-toggle {
  width: 34px;
  height: 34px;
  background: #f4f7fb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.pafaq-toggle i {
  font-size: 0.75rem;
  color: #4a5a6e;
  transition:
    transform 0.35s,
    color 0.3s;
}
.pafaq.pafaq-open .pafaq-toggle {
  background: linear-gradient(135deg, #860909, #860909);
}
.pafaq.pafaq-open .pafaq-toggle i {
  transform: rotate(180deg);
  color: #fff;
}
.pafaq-ans {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.45s ease;
}
.pafaq-ans-inner {
  padding: 0 28px 22px;
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.75;
}

/* ── FORM ELEMENTS ── */
.paform-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #4a5a6e;
  margin-bottom: 7px;
}
.paform-ctrl {
  width: 100%;
  padding: 13px 17px;
  background: #f4f7fb;
  border: 1.5px solid #d8e2ef;
  border-radius: 14px;
  font-size: 0.96rem;
  color: #1a2b3c;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  appearance: none;
  font-family: "Outfit", sans-serif;
}
.paform-ctrl:focus {
  border-color: #860909;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(200, 146, 42, 0.09);
}
.paform-ctrl::placeholder {
  color: #8d9bad;
}
textarea.paform-ctrl {
  resize: vertical;
  min-height: 115px;
}
select.paform-ctrl {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7A8D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  background-size: 17px;
  padding-right: 42px;
  cursor: pointer;
}

/* ── CTA SECTION ── */
.pacta-sec {
  background: linear-gradient(135deg, #0a1628 0%, #1b4f8a 100%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.pacta-sec::after {
  content: "";
  position: absolute;
  top: -40%;
  right: -8%;
  width: 540px;
  height: 540px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.09) 0%,
    transparent 70%
  );
}
.pacta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
}
.pacta-inner h2 {
  color: #fff;
  margin-bottom: 14px;
}
.pacta-inner h2 span {
  color: #860909;
  font-style: italic;
}
.pacta-inner p {
  color: rgba(255, 255, 255, 0.68);
  font-size: 1.08rem;
  max-width: 540px;
  margin: 0 auto 36px;
}
.pacta-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* ── FOOTER ── */
.pafooter {
  background: #0a1628;
  padding-top: 72px;
}
.pafooter-desc {
  font-size: 0.92rem;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.52);
  margin-bottom: 22px;
  max-width: 310px;
}
.pafooter-social {
  display: flex;
  gap: 9px;
}
.pafooter-social a {
  width: 38px;
  height: 38px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.48);
  font-size: 0.9rem;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.pafooter-social a:hover {
  background: #860909;
  color: #fff;
  border-color: #860909;
  transform: translateY(-3px);
}
.pafooter-head {
  font-family: "Playfair Display", serif;
  font-size: 0.98rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 10px;
}
.pafooter-head::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 26px;
  height: 2px;
  background: #860909;
  border-radius: 2px;
}
.pafooter-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pafooter-links li {
  margin-bottom: 9px;
}
.pafooter-links li a {
  color: rgba(255, 255, 255, 0.52);
  font-size: 0.89rem;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.pafooter-links li a i {
  font-size: 0.6rem;
  color: #860909;
}
.pafooter-links li a:hover {
  color: #860909;
  gap: 12px;
}
.pafooter-contacts {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.pafooter-contacts li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  font-size: 0.87rem;
  color: rgba(255, 255, 255, 0.52);
}
.pafooter-contacts li i {
  color: #860909;
  font-size: 0.87rem;
  margin-top: 2px;
  flex-shrink: 0;
}
.pafooter-nl {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 14px;
  padding: 20px;
  margin-top: 16px;
}
.pafooter-nl p {
  font-size: 0.84rem;
  color: rgba(255, 255, 255, 0.48);
  margin-bottom: 12px;
}
.panl-wrap {
  display: flex;
  border-radius: 50px;
  overflow: hidden;
  border: 1.5px solid rgba(255, 255, 255, 0.11);
}
.panl-wrap input {
  flex: 1;
  background: rgba(255, 255, 255, 0.05);
  border: none;
  padding: 11px 16px;
  font-size: 0.87rem;
  color: #fff;
  outline: none;
  font-family: "Outfit", sans-serif;
}
.panl-wrap input::placeholder {
  color: rgba(255, 255, 255, 0.33);
}
.panl-wrap button {
  background: linear-gradient(135deg, #860909, #860909);
  border: none;
  padding: 11px 20px;
  color: #fff;
  font-size: 0.87rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.4s;
  font-family: "Outfit", sans-serif;
}
.panl-wrap button:hover {
  background: linear-gradient(135deg, #860909, #860909);
}
.pafooter-divider {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  margin: 46px 0 0;
}
.pafooter-bottom {
  padding: 22px 0;
}
.pafooter-bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.pafooter-copy {
  font-size: 0.84rem;
  color: rgba(255, 255, 255, 0.38);
  margin: 0;
}
.pafooter-copy span {
  color: #860909;
}
.pafooter-legal {
  display: flex;
  gap: 22px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.pafooter-legal a {
  font-size: 0.81rem;
  color: rgba(255, 255, 255, 0.38);
  transition: color 0.3s;
}
.pafooter-legal a:hover {
  color: #860909;
}

/* ── SCROLL TOP ── */
.pascroll-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
  box-shadow: 0 8px 22px rgba(200, 146, 42, 0.38);
  cursor: pointer;
  border: none;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translateY(20px);
}
.pascroll-top.past-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.pascroll-top:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 38px rgba(200, 146, 42, 0.48);
}

/* ── SCROLL ANIMATIONS ── */
.paanim {
  opacity: 0;
  transform: translateY(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.paanim.padone {
  opacity: 1;
  transform: translateY(0);
}
.paanim-l {
  opacity: 0;
  transform: translateX(-36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.paanim-l.padone {
  opacity: 1;
  transform: translateX(0);
}
.paanim-r {
  opacity: 0;
  transform: translateX(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.paanim-r.padone {
  opacity: 1;
  transform: translateX(0);
}
.pad1 {
  transition-delay: 0.1s;
}
.pad2 {
  transition-delay: 0.2s;
}
.pad3 {
  transition-delay: 0.3s;
}
.pad4 {
  transition-delay: 0.4s;
}
.pad5 {
  transition-delay: 0.5s;
}

/* ── RESPONSIVE ── */
@media (max-width: 991.98px) {
  .pahdr-top {
    display: none;
  }
  .panav-menu,
  .panav-cta {
    display: none;
  }
  .patoggler {
    display: flex;
  }
  .pahero {
    padding: 72px 0 58px;
  }
  .pasec,
  .pasec-alt {
    padding: 72px 0;
  }
  .pasplit-col {
    margin-bottom: 48px;
  }
  .pasplit-img {
    height: 340px;
  }
  .pasplit-frame {
    display: none;
  }
  .pastats-band {
    padding: 58px 0;
  }
}
@media (max-width: 767.98px) {
  .pahero-btns {
    flex-direction: column;
  }
  .pabtn-gold,
  .pabtn-ghost,
  .pabtn-navy,
  .pabtn-outline,
  .pabtn-white,
  .pabtn-ghost2 {
    width: 100%;
    justify-content: center;
  }
  .pacta-btns {
    flex-direction: column;
    align-items: center;
  }
  .pafooter-bottom-inner {
    flex-direction: column;
    text-align: center;
  }
  .pafooter-legal {
    justify-content: center;
  }
  .pasb-num {
    font-size: 2.4rem;
  }
  .pasplit-img {
    height: 280px;
  }
}
/* ***** Consumer Credit******** */
/* ============================================================
   PAGE PREFIX: CC — ALL CSS INTERNAL, ZERO INLINE
   ============================================================ */
.ccbody {
  font-family: "Outfit", sans-serif;
  color: #1a2b3c;
  background: #ffffff;
  overflow-x: hidden;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
}
.ccbody * {
  box-sizing: border-box;
}
.ccbody h1,
.ccbody h2,
.ccbody h3,
.ccbody h4,
.ccbody h5,
.ccbody h6 {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 800;
  line-height: 1.22;
  color: #0a1628;
  margin: 0;
}
.ccbody h1 {
  font-size: clamp(2.4rem, 5vw, 3.9rem);
}
.ccbody h2 {
  font-size: clamp(1.85rem, 3.5vw, 2.75rem);
}
.ccbody h3 {
  font-size: clamp(1.25rem, 2vw, 1.65rem);
}
.ccbody p {
  font-size: 1.02rem;
  color: #4a5a6e;
  line-height: 1.78;
  margin: 0;
}
.ccbody a {
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.ccbody img {
  max-width: 100%;
  display: block;
}

/* ── TOP BAR ── */
.cchdr-top {
  background: #0a1628;
  padding: 9px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.cchdr-top-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cctop-contacts {
  display: flex;
  align-items: center;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.cctop-contacts li a {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.84rem;
  display: flex;
  align-items: center;
  gap: 7px;
  transition: color 0.3s;
}
.cctop-contacts li a i {
  color: #860909;
  font-size: 0.75rem;
}
.cctop-contacts li a:hover {
  color: #860909;
}
.cctop-social {
  display: flex;
  gap: 12px;
}
.cctop-social a {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.82rem;
  transition: color 0.3s;
}
.cctop-social a:hover {
  color: #860909;
}

/* ── LOGO BAR ── */
.cclogo-bar {
  background: #fff;
  padding: 20px 0;
  border-bottom: 1px solid #d8e2ef;
}
.cclogo-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
}
.cclogo-icon {
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 18px rgba(10, 22, 40, 0.2);
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.cclogo-icon::before {
  content: "";
  position: absolute;
  top: -30%;
  left: -30%;
  width: 80%;
  height: 80%;
  background: rgba(228, 168, 53, 0.14);
  border-radius: 50%;
}
.cclogo-icon i {
  color: #860909;
  font-size: 1.5rem;
  position: relative;
  z-index: 1;
}
.cclogo-texts {
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.cclogo-name {
  font-family: "Playfair Display", serif;
  font-size: 1.58rem;
  font-weight: 800;
  color: #0a1628;
}
.cclogo-name span {
  color: #860909;
}
.cclogo-tag {
  font-size: 0.67rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #8d9bad;
  margin-top: 4px;
}
.cclogo-bar-right {
  display: flex;
  align-items: center;
  gap: 16px;
}
.ccphone-blk {
  text-align: right;
}
.ccphone-blk small {
  display: block;
  font-size: 0.67rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8d9bad;
}
.ccphone-blk a {
  font-family: "Playfair Display", serif;
  font-size: 1.13rem;
  font-weight: 700;
  color: #0a1628;
}
.ccphone-blk a:hover {
  color: #860909;
}

/* ── NAVIGATION ── */
.ccnav {
  background: #0a1628;
  position: sticky;
  top: 0;
  z-index: 999;
  transition: box-shadow 0.3s;
}
.ccnav.ccscrolled {
  box-shadow: 0 6px 30px rgba(10, 22, 40, 0.38);
}
.ccnav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ccnav-menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ccnav-menu > li {
  position: relative;
}
.ccnav-menu > li > a {
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.92rem;
  font-weight: 500;
  padding: 19px 18px;
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  transition: color 0.3s;
}
.ccnav-menu > li > a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background: #860909;
  transition: all 0.35s;
  transform: translateX(-50%);
  border-radius: 3px 3px 0 0;
}
.ccnav-menu > li:hover > a,
.ccnav-menu > li.ccact > a {
  color: #860909;
}
.ccnav-menu > li:hover > a::after,
.ccnav-menu > li.ccact > a::after {
  width: 76%;
}
.ccchev {
  font-size: 0.64rem;
  transition: transform 0.3s;
}
.ccnav-menu > li:hover > a .ccchev {
  transform: rotate(180deg);
}
.ccdrop {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  background: #fff;
  min-width: 228px;
  border-radius: 14px;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  list-style: none;
  margin: 0;
  border-top: 3px solid #860909;
  z-index: 1000;
}
.ccnav-menu > li:hover .ccdrop {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.ccdrop li a {
  color: #1a2b3c;
  font-size: 0.89rem;
  font-weight: 500;
  padding: 11px 20px;
  display: flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.ccdrop li a i {
  color: #860909;
  font-size: 0.8rem;
  width: 15px;
}
.ccdrop li a:hover {
  background: #f4f7fb;
  color: #860909;
  padding-left: 28px;
}
.ccnav-cta {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-size: 0.89rem;
  font-weight: 600;
  padding: 10px 22px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
.ccnav-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(200, 146, 42, 0.4);
  color: #fff;
}
.cctoggler {
  background: none;
  border: 2px solid rgba(255, 255, 255, 0.28);
  border-radius: 8px;
  padding: 7px 11px;
  cursor: pointer;
  display: none;
  flex-direction: column;
  gap: 5px;
}
.cctoggler span {
  display: block;
  width: 22px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  transition: all 0.4s;
}
.ccmob-panel {
  display: none;
  background: #0a1628;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.ccmob-panel.ccmob-open {
  display: block;
}
.ccmob-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ccmob-links > li > a {
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.96rem;
  font-weight: 500;
  padding: 13px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  transition: color 0.3s;
}
.ccmob-links > li > a:hover {
  color: #860909;
}
.ccmob-sub {
  list-style: none;
  padding: 0;
  background: rgba(255, 255, 255, 0.04);
  display: none;
}
.ccmob-sub.ccsub-open {
  display: block;
}
.ccmob-sub li a {
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.87rem;
  padding: 11px 38px;
  display: flex;
  align-items: center;
  gap: 9px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
  transition: color 0.3s;
}
.ccmob-sub li a:hover {
  color: #860909;
}
.ccmob-cta {
  padding: 14px 22px;
}

/* ── PAGE HERO ── */
.cchero {
  position: relative;
  padding: 110px 0 90px;
  overflow: hidden;
  background: #0a1628;
}
.cchero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.14;
  animation: cczoom 20s ease-in-out infinite alternate;
}
@keyframes cczoom {
  0% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1.14);
  }
}
.cchero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(10, 22, 40, 0.97) 0%,
    rgba(14, 32, 69, 0.9) 55%,
    rgba(27, 79, 138, 0.68) 100%
  );
}
.cchero-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(228, 168, 53, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(228, 168, 53, 0.04) 1px, transparent 1px);
  background-size: 56px 56px;
  animation: ccgrid 24s linear infinite;
}
@keyframes ccgrid {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(56px, 56px);
  }
}
.cchero-orb1 {
  position: absolute;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.1) 0%,
    transparent 70%
  );
  top: -100px;
  right: -80px;
  animation: ccorb 9s ease-in-out infinite;
}
.cchero-orb2 {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(27, 79, 138, 0.18) 0%,
    transparent 70%
  );
  bottom: -60px;
  left: 6%;
  animation: ccorb 12s ease-in-out infinite reverse;
}
@keyframes ccorb {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-28px) scale(1.06);
  }
}
.cchero-content {
  position: relative;
  z-index: 2;
}
.cchero-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.32);
  border-radius: 50px;
  padding: 7px 18px;
  color: #860909;
  font-size: 0.77rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  margin-bottom: 24px;
  animation: ccfd 0.8s ease both;
}
@keyframes ccfd {
  from {
    opacity: 0;
    transform: translateY(-18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.cchero h1 {
  color: #fff;
  margin-bottom: 22px;
  animation: ccfu 0.9s ease 0.2s both;
}
.cchero h1 span {
  color: #860909;
  font-style: italic;
}
@keyframes ccfu {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.cchero-desc {
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.1rem;
  max-width: 560px;
  line-height: 1.82;
  margin-bottom: 38px;
  animation: ccfu 0.9s ease 0.35s both;
}
.cchero-btns {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  animation: ccfu 0.9s ease 0.5s both;
}
.ccbreadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 40px 0 0;
  animation: ccfu 0.9s ease 0.65s both;
}
.ccbreadcrumb li {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.8rem;
}
.ccbreadcrumb li a {
  color: rgba(255, 255, 255, 0.55);
  transition: color 0.3s;
}
.ccbreadcrumb li a:hover {
  color: #860909;
}
.ccbreadcrumb li.ccbc-act {
  color: #860909;
  font-weight: 600;
}
.ccbreadcrumb li i {
  font-size: 0.6rem;
}

/* ── BUTTONS ── */
.ccbtn-gold {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 16px 36px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 10px 36px rgba(134, 9, 9, 0.5);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.ccbtn-gold:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 50px rgba(134, 9, 9, 1);
  color: #fff;
}
.ccbtn-gold i {
  transition: transform 0.3s;
}
.ccbtn-gold:hover i {
  transform: translateX(4px);
}
.ccbtn-ghost {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  padding: 15px 36px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.ccbtn-ghost:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}
.ccbtn-navy {
  background: #0a1628;
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: 2px solid #0a1628;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.ccbtn-navy:hover {
  background: transparent;
  color: #0a1628;
  transform: translateY(-3px);
}
.ccbtn-outline {
  background: transparent;
  color: #0a1628;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 2px solid #0a1628;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.ccbtn-outline:hover {
  background: #0a1628;
  color: #fff;
  transform: translateY(-3px);
}
.ccbtn-white {
  background: #fff;
  color: #0a1628;
  font-weight: 700;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.ccbtn-white:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  color: #860909;
}
.ccbtn-ghost2 {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.ccbtn-ghost2:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}

/* ── SECTION UTILITIES ── */
.ccsec {
  padding: 108px 0;
  background: #fff;
}
.ccsec-alt {
  padding: 108px 0;
  background: #f4f7fb;
}
.ccsec-label {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #860909;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 1rem;
}
.ccsec-label::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 2px;
  background: #860909;
  border-radius: 2px;
}
.ccsec-label::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #860909;
  border-radius: 50%;
}
.ccsec-title {
  font-family: "Playfair Display", serif;
  font-weight: 800;
  color: #0a1628;
  margin-bottom: 0.9rem;
}
.ccsec-title span {
  color: #860909;
  font-style: italic;
}
.ccsec-desc {
  font-size: 1.05rem;
  color: #4a5a6e;
  max-width: 600px;
  line-height: 1.8;
}
.ccgold-bar {
  width: 52px;
  height: 4px;
  background: linear-gradient(90deg, #860909, #860909);
  border-radius: 4px;
  margin-bottom: 1.4rem;
}

/* ── FEATURE CARD ── */
.ccfeat-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid transparent;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.ccfeat-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  border: 2px solid #860909;
  opacity: 0;
  transition: opacity 0.4s;
}
.ccfeat-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.ccfeat-card:hover::before {
  opacity: 1;
}
.ccfeat-icon {
  width: 62px;
  height: 62px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.ccfeat-icon i {
  color: #fff;
  font-size: 1.38rem;
}
.ccfeat-card:hover .ccfeat-icon {
  background: linear-gradient(135deg, #860909, #860909);
  transform: rotate(-5deg) scale(1.08);
}
.ccfeat-card:hover .ccfeat-icon i {
  color: #fff;
}
.ccfeat-card h4 {
  font-family: "Playfair Display", serif;
  font-size: 1.18rem;
  margin-bottom: 12px;
  color: #0a1628;
  transition: color 0.3s;
}
.ccfeat-card:hover h4 {
  color: #860909;
}
.ccfeat-card p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.75;
}

/* ── STEP PROCESS ── */
.ccstep {
  display: flex;
  gap: 22px;
  align-items: flex-start;
  margin-bottom: 36px;
  position: relative;
}
.ccstep:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 24px;
  top: 52px;
  width: 2px;
  height: calc(100% - 20px);
  background: linear-gradient(180deg, #860909, transparent);
  opacity: 0.35;
}
.ccstep-num {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Playfair Display", serif;
  font-size: 1.15rem;
  font-weight: 800;
  color: #fff;
  border: 2px solid rgba(228, 168, 53, 0.28);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 1;
}
.ccstep:hover .ccstep-num {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
}
.ccstep-body {
  background: #fff;
  border-radius: 14px;
  padding: 24px 28px;
  flex: 1;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.ccstep:hover .ccstep-body {
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.28);
  transform: translateX(6px);
}
.ccstep-tag {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #860909;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  margin-bottom: 10px;
}
.ccstep-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.ccstep-body p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.7;
}

/* ── ICON LIST ── */
.ccicon-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ccicon-list li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 10px 0;
  border-bottom: 1px solid #d8e2ef;
  font-size: 0.94rem;
  color: #4a5a6e;
}
.ccicon-list li:last-child {
  border-bottom: none;
}
.ccicon-list li i {
  width: 27px;
  height: 27px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #860909;
  font-size: 0.72rem;
  flex-shrink: 0;
  margin-top: 1px;
}

/* ── STATS BAND ── */
.ccstats-band {
  background: linear-gradient(135deg, #0a1628 0%, #0e2045 50%, #1b4f8a 100%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.ccstats-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 50px 50px;
}
.ccstats-band::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(
      circle at 20% 50%,
      rgba(200, 146, 42, 0.07) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 80% 50%,
      rgba(27, 79, 138, 0.14) 0%,
      transparent 50%
    );
}
.ccsb-item {
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 16px 8px;
}
.ccsb-icon {
  width: 60px;
  height: 60px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.28);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.ccsb-icon i {
  color: #860909;
  font-size: 1.38rem;
}
.ccsb-item:hover .ccsb-icon {
  background: rgba(200, 146, 42, 0.22);
  transform: scale(1.1) rotate(4deg);
}
.ccsb-num {
  font-family: "Playfair Display", serif;
  font-size: 3rem;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  margin-bottom: 8px;
}
.ccsb-num span {
  color: #860909;
}
.ccsb-label {
  font-size: 0.8rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.52);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* ── SPLIT IMAGE LAYOUT ── */
.ccsplit-col {
  position: relative;
}
.ccsplit-img {
  width: 100%;
  height: 470px;
  object-fit: cover;
  border-radius: 22px;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  position: relative;
  z-index: 1;
}
.ccsplit-frame {
  position: absolute;
  top: -18px;
  left: -18px;
  right: 52px;
  bottom: 26px;
  border: 2px solid #860909;
  border-radius: 22px;
  opacity: 0.38;
  z-index: 0;
}
.ccsplit-badge {
  position: absolute;
  bottom: 36px;
  right: 8px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 14px;
  padding: 20px 22px;
  text-align: center;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  z-index: 2;
  min-width: 130px;
  animation: ccorb 5s ease-in-out infinite;
}
.ccsplit-badge-num {
  font-family: "Playfair Display", serif;
  font-size: 2.4rem;
  font-weight: 900;
  color: #860909;
  line-height: 1;
  display: block;
}
.ccsplit-badge-lbl {
  font-size: 0.71rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin-top: 4px;
  display: block;
  line-height: 1.4;
}

/* ── TEAM CARD ── */
.ccteam-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.ccteam-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.ccteam-img-wrap {
  position: relative;
  overflow: hidden;
  height: 268px;
}
.ccteam-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}
.ccteam-card:hover .ccteam-img-wrap img {
  transform: scale(1.07);
}
.ccteam-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(10, 22, 40, 0.8) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 0.4s;
}
.ccteam-card:hover .ccteam-overlay {
  opacity: 1;
}
.ccteam-soc {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  display: flex;
  gap: 9px;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.ccteam-card:hover .ccteam-soc {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.ccteam-soc a {
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.82rem;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.ccteam-soc a:hover {
  background: #860909;
  border-color: #860909;
}
.ccteam-body {
  padding: 26px;
}
.ccteam-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 4px;
  color: #0a1628;
}
.ccteam-role {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #860909;
  margin-bottom: 10px;
  display: block;
}
.ccteam-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── AWARD CARD ── */
.ccaward-card {
  background: #fff;
  border-radius: 22px;
  padding: 34px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.ccaward-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #860909, #860909);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.ccaward-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.ccaward-card:hover::after {
  transform: scaleX(1);
}
.ccaward-yr {
  font-family: "Playfair Display", serif;
  font-size: 2rem;
  font-weight: 900;
  color: #860909;
  opacity: 0.2;
  position: absolute;
  top: 16px;
  right: 24px;
}
.ccaward-icon {
  width: 52px;
  height: 52px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.ccaward-icon i {
  color: #860909;
  font-size: 1.2rem;
}
.ccaward-card:hover .ccaward-icon {
  background: linear-gradient(135deg, #860909, #860909);
}
.ccaward-card:hover .ccaward-icon i {
  color: #fff;
}
.ccaward-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.ccaward-card p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── PARTNER CARD ── */
.ccpartner-card {
  background: #fff;
  border-radius: 22px;
  padding: 30px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  text-align: center;
  height: 100%;
}
.ccpartner-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.3);
}
.ccpartner-logo {
  width: 80px;
  height: 80px;
  background: #f4f7fb;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.ccpartner-logo i {
  font-size: 2rem;
  color: #1b4f8a;
  transition: color 0.3s;
}
.ccpartner-card:hover .ccpartner-logo {
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
}
.ccpartner-card:hover .ccpartner-logo i {
  color: #860909;
}
.ccpartner-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.ccpartner-card p {
  font-size: 0.85rem;
  color: #4a5a6e;
  margin-bottom: 14px;
}
.ccpartner-badge {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #860909;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
}

/* ── INDUSTRY CARD ── */
.ccind-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.ccind-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.ccind-img-wrap {
  overflow: hidden;
  position: relative;
}
.ccind-img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  transition: transform 0.6s;
}
.ccind-card:hover .ccind-img {
  transform: scale(1.06);
}
.ccind-cat {
  position: absolute;
  top: 14px;
  left: 14px;
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  padding: 4px 13px;
  border-radius: 50px;
}
.ccind-body {
  padding: 26px;
}
.ccind-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 8px;
  transition: color 0.3s;
}
.ccind-card:hover h5 {
  color: #860909;
}
.ccind-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}
.ccind-link {
  color: #860909;
  font-weight: 600;
  font-size: 0.86rem;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: gap 0.3s;
}
.ccind-link:hover {
  gap: 13px;
  color: #0a1628;
}

/* ── INSIGHT CARD ── */
.ccinsight-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.ccinsight-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.ccinsight-img-wrap {
  overflow: hidden;
  position: relative;
}
.ccinsight-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: transform 0.6s;
}
.ccinsight-card:hover .ccinsight-img {
  transform: scale(1.05);
}
.ccinsight-tag {
  position: absolute;
  top: 14px;
  left: 14px;
  background: rgba(10, 22, 40, 0.85);
  color: #860909;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  border: 1px solid rgba(228, 168, 53, 0.3);
}
.ccinsight-body {
  padding: 26px;
}
.ccinsight-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}
.ccinsight-meta span {
  font-size: 0.78rem;
  color: #8d9bad;
  display: flex;
  align-items: center;
  gap: 5px;
}
.ccinsight-meta span i {
  font-size: 0.7rem;
  color: #860909;
}
.ccinsight-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 8px;
  transition: color 0.3s;
  line-height: 1.4;
}
.ccinsight-card:hover h5 {
  color: #860909;
}
.ccinsight-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}

/* ── TESTIMONIAL CARD ── */
.cctesti-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
}
.cctesti-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #860909, #860909);
  border-radius: 22px 22px 0 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.cctesti-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.cctesti-card:hover::before {
  transform: scaleX(1);
}
.cctesti-quote {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.cctesti-quote i {
  color: #fff;
  font-size: 1rem;
}
.cctesti-stars {
  color: #860909;
  font-size: 0.85rem;
  margin-bottom: 14px;
  display: flex;
  gap: 3px;
}
.cctesti-text {
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.8;
  margin-bottom: 22px;
  font-style: italic;
}
.cctesti-author {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 18px;
  border-top: 1px solid #d8e2ef;
}
.cctesti-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #860909;
}
.cctesti-name {
  font-weight: 700;
  font-size: 0.93rem;
  color: #0a1628;
  display: block;
}
.cctesti-role {
  font-size: 0.78rem;
  color: #8d9bad;
  display: block;
}

/* ── FAQ ACCORDION ── */
.ccfaq {
  background: #fff;
  border-radius: 14px;
  margin-bottom: 14px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.ccfaq.ccfaq-open {
  border-color: rgba(200, 146, 42, 0.3);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
}
.ccfaq-q {
  padding: 22px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: #0a1628;
  transition: color 0.3s;
  gap: 16px;
  user-select: none;
}
.ccfaq.ccfaq-open .ccfaq-q {
  color: #860909;
}
.ccfaq-toggle {
  width: 34px;
  height: 34px;
  background: #f4f7fb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.ccfaq-toggle i {
  font-size: 0.75rem;
  color: #4a5a6e;
  transition:
    transform 0.35s,
    color 0.3s;
}
.ccfaq.ccfaq-open .ccfaq-toggle {
  background: linear-gradient(135deg, #860909, #860909);
}
.ccfaq.ccfaq-open .ccfaq-toggle i {
  transform: rotate(180deg);
  color: #fff;
}
.ccfaq-ans {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.45s ease;
}
.ccfaq-ans-inner {
  padding: 0 28px 22px;
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.75;
}

/* ── FORM ELEMENTS ── */
.ccform-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #4a5a6e;
  margin-bottom: 7px;
}
.ccform-ctrl {
  width: 100%;
  padding: 13px 17px;
  background: #f4f7fb;
  border: 1.5px solid #d8e2ef;
  border-radius: 14px;
  font-size: 0.96rem;
  color: #1a2b3c;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  appearance: none;
  font-family: "Outfit", sans-serif;
}
.ccform-ctrl:focus {
  border-color: #860909;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(200, 146, 42, 0.09);
}
.ccform-ctrl::placeholder {
  color: #8d9bad;
}
textarea.ccform-ctrl {
  resize: vertical;
  min-height: 115px;
}
select.ccform-ctrl {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7A8D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  background-size: 17px;
  padding-right: 42px;
  cursor: pointer;
}

/* ── CTA SECTION ── */
.cccta-sec {
  background: linear-gradient(135deg, #0a1628 0%, #1b4f8a 50%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.cccta-sec::after {
  content: "";
  position: absolute;
  top: -40%;
  right: -8%;
  width: 540px;
  height: 540px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.09) 0%,
    transparent 70%
  );
}
.cccta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
}
.cccta-inner h2 {
  color: #fff;
  margin-bottom: 14px;
}
.cccta-inner h2 span {
  color: #860909;
  font-style: italic;
}
.cccta-inner p {
  color: rgba(255, 255, 255, 0.68);
  font-size: 1.08rem;
  max-width: 540px;
  margin: 0 auto 36px;
}
.cccta-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* ── FOOTER ── */
.ccfooter {
  background: #0a1628;
  padding-top: 72px;
}
.ccfooter-desc {
  font-size: 0.92rem;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.52);
  margin-bottom: 22px;
  max-width: 310px;
}
.ccfooter-social {
  display: flex;
  gap: 9px;
}
.ccfooter-social a {
  width: 38px;
  height: 38px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.48);
  font-size: 0.9rem;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.ccfooter-social a:hover {
  background: #860909;
  color: #fff;
  border-color: #860909;
  transform: translateY(-3px);
}
.ccfooter-head {
  font-family: "Playfair Display", serif;
  font-size: 0.98rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 10px;
}
.ccfooter-head::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 26px;
  height: 2px;
  background: #860909;
  border-radius: 2px;
}
.ccfooter-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ccfooter-links li {
  margin-bottom: 9px;
}
.ccfooter-links li a {
  color: rgba(255, 255, 255, 0.52);
  font-size: 0.89rem;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.ccfooter-links li a i {
  font-size: 0.6rem;
  color: #860909;
}
.ccfooter-links li a:hover {
  color: #860909;
  gap: 12px;
}
.ccfooter-contacts {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.ccfooter-contacts li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  font-size: 0.87rem;
  color: rgba(255, 255, 255, 0.52);
}
.ccfooter-contacts li i {
  color: #860909;
  font-size: 0.87rem;
  margin-top: 2px;
  flex-shrink: 0;
}
.ccfooter-nl {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 14px;
  padding: 20px;
  margin-top: 16px;
}
.ccfooter-nl p {
  font-size: 0.84rem;
  color: rgba(255, 255, 255, 0.48);
  margin-bottom: 12px;
}
.ccnl-wrap {
  display: flex;
  border-radius: 50px;
  overflow: hidden;
  border: 1.5px solid rgba(255, 255, 255, 0.11);
}
.ccnl-wrap input {
  flex: 1;
  background: rgba(255, 255, 255, 0.05);
  border: none;
  padding: 11px 16px;
  font-size: 0.87rem;
  color: #fff;
  outline: none;
  font-family: "Outfit", sans-serif;
}
.ccnl-wrap input::placeholder {
  color: rgba(255, 255, 255, 0.33);
}
.ccnl-wrap button {
  background: linear-gradient(135deg, #860909, #860909);
  border: none;
  padding: 11px 20px;
  color: #fff;
  font-size: 0.87rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.4s;
  font-family: "Outfit", sans-serif;
}
.ccnl-wrap button:hover {
  background: linear-gradient(135deg, #860909, #860909);
}
.ccfooter-divider {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  margin: 46px 0 0;
}
.ccfooter-bottom {
  padding: 22px 0;
}
.ccfooter-bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.ccfooter-copy {
  font-size: 0.84rem;
  color: rgba(255, 255, 255, 0.38);
  margin: 0;
}
.ccfooter-copy span {
  color: #860909;
}
.ccfooter-legal {
  display: flex;
  gap: 22px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.ccfooter-legal a {
  font-size: 0.81rem;
  color: rgba(255, 255, 255, 0.38);
  transition: color 0.3s;
}
.ccfooter-legal a:hover {
  color: #860909;
}

/* ── SCROLL TOP ── */
.ccscroll-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
  box-shadow: 0 8px 22px rgba(200, 146, 42, 0.38);
  cursor: pointer;
  border: none;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translateY(20px);
}
.ccscroll-top.ccst-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.ccscroll-top:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 38px rgba(200, 146, 42, 0.48);
}

/* ── SCROLL ANIMATIONS ── */
.ccanim {
  opacity: 0;
  transform: translateY(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.ccanim.ccdone {
  opacity: 1;
  transform: translateY(0);
}
.ccanim-l {
  opacity: 0;
  transform: translateX(-36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.ccanim-l.ccdone {
  opacity: 1;
  transform: translateX(0);
}
.ccanim-r {
  opacity: 0;
  transform: translateX(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.ccanim-r.ccdone {
  opacity: 1;
  transform: translateX(0);
}
.ccd1 {
  transition-delay: 0.1s;
}
.ccd2 {
  transition-delay: 0.2s;
}
.ccd3 {
  transition-delay: 0.3s;
}
.ccd4 {
  transition-delay: 0.4s;
}
.ccd5 {
  transition-delay: 0.5s;
}

/* ── RESPONSIVE ── */
@media (max-width: 991.98px) {
  .cchdr-top {
    display: none;
  }
  .ccnav-menu,
  .ccnav-cta {
    display: none;
  }
  .cctoggler {
    display: flex;
  }
  .cchero {
    padding: 72px 0 58px;
  }
  .ccsec,
  .ccsec-alt {
    padding: 72px 0;
  }
  .ccsplit-col {
    margin-bottom: 48px;
  }
  .ccsplit-img {
    height: 340px;
  }
  .ccsplit-frame {
    display: none;
  }
  .ccstats-band {
    padding: 58px 0;
  }
}
@media (max-width: 767.98px) {
  .cchero-btns {
    flex-direction: column;
  }
  .ccbtn-gold,
  .ccbtn-ghost,
  .ccbtn-navy,
  .ccbtn-outline,
  .ccbtn-white,
  .ccbtn-ghost2 {
    width: 100%;
    justify-content: center;
  }
  .cccta-btns {
    flex-direction: column;
    align-items: center;
  }
  .ccfooter-bottom-inner {
    flex-direction: column;
    text-align: center;
  }
  .ccfooter-legal {
    justify-content: center;
  }
  .ccsb-num {
    font-size: 2.4rem;
  }
  .ccsplit-img {
    height: 280px;
  }
}

/* Mortage css  */
/* ============================================================
   PAGE PREFIX: MR — ALL CSS INTERNAL, ZERO INLINE
   ============================================================ */

.mrbody {
  font-family: "Outfit", sans-serif;
  color: #1a2b3c;
  background: #ffffff;
  overflow-x: hidden;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
}
.mrbody * {
  box-sizing: border-box;
}
.mrbody h1,
.mrbody h2,
.mrbody h3,
.mrbody h4,
.mrbody h5,
.mrbody h6 {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 800;
  line-height: 1.22;
  color: #0a1628;
  margin: 0;
}
.mrbody h1 {
  font-size: clamp(2.4rem, 5vw, 3.9rem);
}
.mrbody h2 {
  font-size: clamp(1.85rem, 3.5vw, 2.75rem);
}
.mrbody h3 {
  font-size: clamp(1.25rem, 2vw, 1.65rem);
}
.mrbody p {
  font-size: 1.02rem;
  color: #4a5a6e;
  line-height: 1.78;
  margin: 0;
}
.mrbody a {
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.mrbody img {
  max-width: 100%;
  display: block;
}

/* ── TOP BAR ── */
.mrhdr-top {
  background: #0a1628;
  padding: 9px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.mrhdr-top-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mrtop-contacts {
  display: flex;
  align-items: center;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mrtop-contacts li a {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.84rem;
  display: flex;
  align-items: center;
  gap: 7px;
  transition: color 0.3s;
}
.mrtop-contacts li a i {
  color: #860909;
  font-size: 0.75rem;
}
.mrtop-contacts li a:hover {
  color: #860909;
}
.mrtop-social {
  display: flex;
  gap: 12px;
}
.mrtop-social a {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.82rem;
  transition: color 0.3s;
}
.mrtop-social a:hover {
  color: #860909;
}

/* ── LOGO BAR ── */
.mrlogo-bar {
  background: #fff;
  padding: 20px 0;
  border-bottom: 1px solid #d8e2ef;
}
.mrlogo-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
}
.mrlogo-icon {
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 18px rgba(10, 22, 40, 0.2);
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.mrlogo-icon::before {
  content: "";
  position: absolute;
  top: -30%;
  left: -30%;
  width: 80%;
  height: 80%;
  background: rgba(228, 168, 53, 0.14);
  border-radius: 50%;
}
.mrlogo-icon i {
  color: #860909;
  font-size: 1.5rem;
  position: relative;
  z-index: 1;
}
.mrlogo-texts {
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.mrlogo-name {
  font-family: "Playfair Display", serif;
  font-size: 1.58rem;
  font-weight: 800;
  color: #0a1628;
}
.mrlogo-name span {
  color: #860909;
}
.mrlogo-tag {
  font-size: 0.67rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #8d9bad;
  margin-top: 4px;
}
.mrlogo-bar-right {
  display: flex;
  align-items: center;
  gap: 16px;
}
.mrphone-blk {
  text-align: right;
}
.mrphone-blk small {
  display: block;
  font-size: 0.67rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8d9bad;
}
.mrphone-blk a {
  font-family: "Playfair Display", serif;
  font-size: 1.13rem;
  font-weight: 700;
  color: #0a1628;
}
.mrphone-blk a:hover {
  color: #860909;
}

/* ── NAVIGATION ── */
.mrnav {
  background: #0a1628;
  position: sticky;
  top: 0;
  z-index: 999;
  transition: box-shadow 0.3s;
}
.mrnav.mrscrolled {
  box-shadow: 0 6px 30px rgba(10, 22, 40, 0.38);
}
.mrnav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mrnav-menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mrnav-menu > li {
  position: relative;
}
.mrnav-menu > li > a {
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.92rem;
  font-weight: 500;
  padding: 19px 18px;
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  transition: color 0.3s;
}
.mrnav-menu > li > a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background: #860909;
  transition: all 0.35s;
  transform: translateX(-50%);
  border-radius: 3px 3px 0 0;
}
.mrnav-menu > li:hover > a,
.mrnav-menu > li.mract > a {
  color: #860909;
}
.mrnav-menu > li:hover > a::after,
.mrnav-menu > li.mract > a::after {
  width: 76%;
}
.mrchev {
  font-size: 0.64rem;
  transition: transform 0.3s;
}
.mrnav-menu > li:hover > a .mrchev {
  transform: rotate(180deg);
}
.mrdrop {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  background: #fff;
  min-width: 228px;
  border-radius: 14px;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  list-style: none;
  margin: 0;
  border-top: 3px solid #860909;
  z-index: 1000;
}
.mrnav-menu > li:hover .mrdrop {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.mrdrop li a {
  color: #1a2b3c;
  font-size: 0.89rem;
  font-weight: 500;
  padding: 11px 20px;
  display: flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.mrdrop li a i {
  color: #860909;
  font-size: 0.8rem;
  width: 15px;
}
.mrdrop li a:hover {
  background: #f4f7fb;
  color: #860909;
  padding-left: 28px;
}
.mrnav-cta {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-size: 0.89rem;
  font-weight: 600;
  padding: 10px 22px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
.mrnav-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(200, 146, 42, 0.4);
  color: #fff;
}
.mrtoggler {
  background: none;
  border: 2px solid rgba(255, 255, 255, 0.28);
  border-radius: 8px;
  padding: 7px 11px;
  cursor: pointer;
  display: none;
  flex-direction: column;
  gap: 5px;
}
.mrtoggler span {
  display: block;
  width: 22px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  transition: all 0.4s;
}
.mrmob-panel {
  display: none;
  background: #0a1628;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.mrmob-panel.mrmob-open {
  display: block;
}
.mrmob-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mrmob-links > li > a {
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.96rem;
  font-weight: 500;
  padding: 13px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  transition: color 0.3s;
}
.mrmob-links > li > a:hover {
  color: #860909;
}
.mrmob-sub {
  list-style: none;
  padding: 0;
  background: rgba(255, 255, 255, 0.04);
  display: none;
}
.mrmob-sub.mrsub-open {
  display: block;
}
.mrmob-sub li a {
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.87rem;
  padding: 11px 38px;
  display: flex;
  align-items: center;
  gap: 9px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
  transition: color 0.3s;
}
.mrmob-sub li a:hover {
  color: #860909;
}
.mrmob-cta {
  padding: 14px 22px;
}

/* ── PAGE HERO ── */
.mrhero {
  position: relative;
  padding: 110px 0 90px;
  overflow: hidden;
  background: #0a1628;
}
.mrhero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.14;
  animation: mrzoom 20s ease-in-out infinite alternate;
}
@keyframes mrzoom {
  0% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1.14);
  }
}
.mrhero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(10, 22, 40, 0.97) 0%,
    rgba(14, 32, 69, 0.9) 55%,
    rgba(27, 79, 138, 0.68) 100%
  );
}
.mrhero-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(228, 168, 53, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(228, 168, 53, 0.04) 1px, transparent 1px);
  background-size: 56px 56px;
  animation: mrgrid 24s linear infinite;
}
@keyframes mrgrid {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(56px, 56px);
  }
}
.mrhero-orb1 {
  position: absolute;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.1) 0%,
    transparent 70%
  );
  top: -100px;
  right: -80px;
  animation: mrorb 9s ease-in-out infinite;
}
.mrhero-orb2 {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(27, 79, 138, 0.18) 0%,
    transparent 70%
  );
  bottom: -60px;
  left: 6%;
  animation: mrorb 12s ease-in-out infinite reverse;
}
@keyframes mrorb {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-28px) scale(1.06);
  }
}
.mrhero-content {
  position: relative;
  z-index: 2;
}
.mrhero-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.32);
  border-radius: 50px;
  padding: 7px 18px;
  color: #860909;
  font-size: 0.77rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  margin-bottom: 24px;
  animation: mrfd 0.8s ease both;
}
@keyframes mrfd {
  from {
    opacity: 0;
    transform: translateY(-18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.mrhero h1 {
  color: #fff;
  margin-bottom: 22px;
  animation: mrfu 0.9s ease 0.2s both;
}
.mrhero h1 span {
  color: #860909;
  font-style: italic;
}
@keyframes mrfu {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.mrhero-desc {
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.1rem;
  max-width: 560px;
  line-height: 1.82;
  margin-bottom: 38px;
  animation: mrfu 0.9s ease 0.35s both;
}
.mrhero-btns {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  animation: mrfu 0.9s ease 0.5s both;
}
.mrbreadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 40px 0 0;
  animation: mrfu 0.9s ease 0.65s both;
}
.mrbreadcrumb li {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.8rem;
}
.mrbreadcrumb li a {
  color: rgba(255, 255, 255, 0.55);
  transition: color 0.3s;
}
.mrbreadcrumb li a:hover {
  color: #860909;
}
.mrbreadcrumb li.mrbc-act {
  color: #860909;
  font-weight: 600;
}
.mrbreadcrumb li i {
  font-size: 0.6rem;
}

/* ── BUTTONS ── */
.mrbtn-gold {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 16px 36px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 10px 36px rgba(134, 1, 1, 0.5);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.mrbtn-gold:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 50px rgba(134, 1, 1, 1);
  color: #fff;
}
.mrbtn-gold i {
  transition: transform 0.3s;
}
.mrbtn-gold:hover i {
  transform: translateX(4px);
}
.mrbtn-ghost {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  padding: 15px 36px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.mrbtn-ghost:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}
.mrbtn-navy {
  background: #0a1628;
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: 2px solid #0a1628;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.mrbtn-navy:hover {
  background: transparent;
  color: #0a1628;
  transform: translateY(-3px);
}
.mrbtn-outline {
  background: transparent;
  color: #0a1628;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 2px solid #0a1628;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.mrbtn-outline:hover {
  background: #0a1628;
  color: #fff;
  transform: translateY(-3px);
}
.mrbtn-white {
  background: #fff;
  color: #0a1628;
  font-weight: 700;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.mrbtn-white:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  color: #860909;
}
.mrbtn-ghost2 {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.mrbtn-ghost2:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}

/* ── SECTION UTILITIES ── */
.mrsec {
  padding: 108px 0;
  background: #fff;
}
.mrsec-alt {
  padding: 108px 0;
  background: #f4f7fb;
}
.mrsec-label {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #860909;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 1rem;
}
.mrsec-label::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 2px;
  background: #860909;
  border-radius: 2px;
}
.mrsec-label::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #860909;
  border-radius: 50%;
}
.mrsec-title {
  font-family: "Playfair Display", serif;
  font-weight: 800;
  color: #0a1628;
  margin-bottom: 0.9rem;
}
.mrsec-title span {
  color: #860909;
  font-style: italic;
}
.mrsec-desc {
  font-size: 1.05rem;
  color: #4a5a6e;
  max-width: 600px;
  line-height: 1.8;
}
.mrgold-bar {
  width: 52px;
  height: 4px;
  background: linear-gradient(90deg, #860909, #860909);
  border-radius: 4px;
  margin-bottom: 1.4rem;
}

/* ── FEATURE CARD ── */
.mrfeat-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid transparent;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.mrfeat-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  border: 2px solid #860909;
  opacity: 0;
  transition: opacity 0.4s;
}
.mrfeat-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.mrfeat-card:hover::before {
  opacity: 1;
}
.mrfeat-icon {
  width: 62px;
  height: 62px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.mrfeat-icon i {
  color: #fff;
  font-size: 1.38rem;
}
.mrfeat-card:hover .mrfeat-icon {
  background: linear-gradient(135deg, #860909, #860909);
  transform: rotate(-5deg) scale(1.08);
}
.mrfeat-card:hover .mrfeat-icon i {
  color: #fff;
}
.mrfeat-card h4 {
  font-family: "Playfair Display", serif;
  font-size: 1.18rem;
  margin-bottom: 12px;
  color: #0a1628;
  transition: color 0.3s;
}
.mrfeat-card:hover h4 {
  color: #860909;
}
.mrfeat-card p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.75;
}

/* ── STEP PROCESS ── */
.mrstep {
  display: flex;
  gap: 22px;
  align-items: flex-start;
  margin-bottom: 36px;
  position: relative;
}
.mrstep:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 24px;
  top: 52px;
  width: 2px;
  height: calc(100% - 20px);
  background: linear-gradient(180deg, #860909, transparent);
  opacity: 0.35;
}
.mrstep-num {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Playfair Display", serif;
  font-size: 1.15rem;
  font-weight: 800;
  color: #fff;
  border: 2px solid rgba(228, 168, 53, 0.28);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 1;
}
.mrstep:hover .mrstep-num {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
}
.mrstep-body {
  background: #fff;
  border-radius: 14px;
  padding: 24px 28px;
  flex: 1;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.mrstep:hover .mrstep-body {
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.28);
  transform: translateX(6px);
}
.mrstep-tag {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #860909;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  margin-bottom: 10px;
}
.mrstep-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.mrstep-body p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.7;
}

/* ── ICON LIST ── */
.mricon-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mricon-list li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 10px 0;
  border-bottom: 1px solid #d8e2ef;
  font-size: 0.94rem;
  color: #4a5a6e;
}
.mricon-list li:last-child {
  border-bottom: none;
}
.mricon-list li i {
  width: 27px;
  height: 27px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #860909;
  font-size: 0.72rem;
  flex-shrink: 0;
  margin-top: 1px;
}

/* ── STATS BAND ── */
.mrstats-band {
  background: linear-gradient(135deg, #0a1628 0%, #0e2045 50%, #1b4f8a 100%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.mrstats-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 50px 50px;
}
.mrstats-band::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(
      circle at 20% 50%,
      rgba(200, 146, 42, 0.07) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 80% 50%,
      rgba(27, 79, 138, 0.14) 0%,
      transparent 50%
    );
}
.mrsb-item {
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 16px 8px;
}
.mrsb-icon {
  width: 60px;
  height: 60px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.28);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.mrsb-icon i {
  color: #860909;
  font-size: 1.38rem;
}
.mrsb-item:hover .mrsb-icon {
  background: rgba(200, 146, 42, 0.22);
  transform: scale(1.1) rotate(4deg);
}
.mrsb-num {
  font-family: "Playfair Display", serif;
  font-size: 3rem;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  margin-bottom: 8px;
}
.mrsb-num span {
  color: #860909;
}
.mrsb-label {
  font-size: 0.8rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.52);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* ── SPLIT IMAGE LAYOUT ── */
.mrsplit-col {
  position: relative;
}
.mrsplit-img {
  width: 100%;
  height: 470px;
  object-fit: cover;
  border-radius: 22px;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  position: relative;
  z-index: 1;
}
.mrsplit-frame {
  position: absolute;
  top: -18px;
  left: -18px;
  right: 52px;
  bottom: 26px;
  border: 2px solid #860909;
  border-radius: 22px;
  opacity: 0.38;
  z-index: 0;
}
.mrsplit-badge {
  position: absolute;
  bottom: 36px;
  right: 8px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 14px;
  padding: 20px 22px;
  text-align: center;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  z-index: 2;
  min-width: 130px;
  animation: mrorb 5s ease-in-out infinite;
}
.mrsplit-badge-num {
  font-family: "Playfair Display", serif;
  font-size: 2.4rem;
  font-weight: 900;
  color: #860909;
  line-height: 1;
  display: block;
}
.mrsplit-badge-lbl {
  font-size: 0.71rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin-top: 4px;
  display: block;
  line-height: 1.4;
}

/* ── TEAM CARD ── */
.mrteam-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.mrteam-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.mrteam-img-wrap {
  position: relative;
  overflow: hidden;
  height: 268px;
}
.mrteam-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}
.mrteam-card:hover .mrteam-img-wrap img {
  transform: scale(1.07);
}
.mrteam-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(10, 22, 40, 0.8) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 0.4s;
}
.mrteam-card:hover .mrteam-overlay {
  opacity: 1;
}
.mrteam-soc {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  display: flex;
  gap: 9px;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.mrteam-card:hover .mrteam-soc {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.mrteam-soc a {
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.82rem;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.mrteam-soc a:hover {
  background: #860909;
  border-color: #860909;
}
.mrteam-body {
  padding: 26px;
}
.mrteam-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 4px;
  color: #0a1628;
}
.mrteam-role {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #860909;
  margin-bottom: 10px;
  display: block;
}
.mrteam-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── AWARD CARD ── */
.mraward-card {
  background: #fff;
  border-radius: 22px;
  padding: 34px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.mraward-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #860909, #860909);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.mraward-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.mraward-card:hover::after {
  transform: scaleX(1);
}
.mraward-yr {
  font-family: "Playfair Display", serif;
  font-size: 2rem;
  font-weight: 900;
  color: #860909;
  opacity: 0.2;
  position: absolute;
  top: 16px;
  right: 24px;
}
.mraward-icon {
  width: 52px;
  height: 52px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.mraward-icon i {
  color: #860909;
  font-size: 1.2rem;
}
.mraward-card:hover .mraward-icon {
  background: linear-gradient(135deg, #860909, #860909);
}
.mraward-card:hover .mraward-icon i {
  color: #fff;
}
.mraward-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.mraward-card p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── PARTNER CARD ── */
.mrpartner-card {
  background: #fff;
  border-radius: 22px;
  padding: 30px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  text-align: center;
  height: 100%;
}
.mrpartner-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.3);
}
.mrpartner-logo {
  width: 80px;
  height: 80px;
  background: #f4f7fb;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.mrpartner-logo i {
  font-size: 2rem;
  color: #1b4f8a;
  transition: color 0.3s;
}
.mrpartner-card:hover .mrpartner-logo {
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
}
.mrpartner-card:hover .mrpartner-logo i {
  color: #860909;
}
.mrpartner-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.mrpartner-card p {
  font-size: 0.85rem;
  color: #4a5a6e;
  margin-bottom: 14px;
}
.mrpartner-badge {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #860909;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
}

/* ── INDUSTRY CARD ── */
.mrind-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.mrind-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.mrind-img-wrap {
  overflow: hidden;
  position: relative;
}
.mrind-img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  transition: transform 0.6s;
}
.mrind-card:hover .mrind-img {
  transform: scale(1.06);
}
.mrind-cat {
  position: absolute;
  top: 14px;
  left: 14px;
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  padding: 4px 13px;
  border-radius: 50px;
}
.mrind-body {
  padding: 26px;
}
.mrind-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 8px;
  transition: color 0.3s;
}
.mrind-card:hover h5 {
  color: #860909;
}
.mrind-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}
.mrind-link {
  color: #860909;
  font-weight: 600;
  font-size: 0.86rem;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: gap 0.3s;
}
.mrind-link:hover {
  gap: 13px;
  color: #0a1628;
}

/* ── INSIGHT CARD ── */
.mrinsight-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.mrinsight-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.mrinsight-img-wrap {
  overflow: hidden;
  position: relative;
}
.mrinsight-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: transform 0.6s;
}
.mrinsight-card:hover .mrinsight-img {
  transform: scale(1.05);
}
.mrinsight-tag {
  position: absolute;
  top: 14px;
  left: 14px;
  background: rgba(10, 22, 40, 0.85);
  color: #860909;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  border: 1px solid rgba(228, 168, 53, 0.3);
}
.mrinsight-body {
  padding: 26px;
}
.mrinsight-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}
.mrinsight-meta span {
  font-size: 0.78rem;
  color: #8d9bad;
  display: flex;
  align-items: center;
  gap: 5px;
}
.mrinsight-meta span i {
  font-size: 0.7rem;
  color: #860909;
}
.mrinsight-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 8px;
  transition: color 0.3s;
  line-height: 1.4;
}
.mrinsight-card:hover h5 {
  color: #860909;
}
.mrinsight-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}

/* ── TESTIMONIAL CARD ── */
.mrtesti-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
}
.mrtesti-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #860909, #860909);
  border-radius: 22px 22px 0 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.mrtesti-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.mrtesti-card:hover::before {
  transform: scaleX(1);
}
.mrtesti-quote {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.mrtesti-quote i {
  color: #fff;
  font-size: 1rem;
}
.mrtesti-stars {
  color: #860909;
  font-size: 0.85rem;
  margin-bottom: 14px;
  display: flex;
  gap: 3px;
}
.mrtesti-text {
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.8;
  margin-bottom: 22px;
  font-style: italic;
}
.mrtesti-author {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 18px;
  border-top: 1px solid #d8e2ef;
}
.mrtesti-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #860909;
}
.mrtesti-name {
  font-weight: 700;
  font-size: 0.93rem;
  color: #0a1628;
  display: block;
}
.mrtesti-role {
  font-size: 0.78rem;
  color: #8d9bad;
  display: block;
}

/* ── FAQ ACCORDION ── */
.mrfaq {
  background: #fff;
  border-radius: 14px;
  margin-bottom: 14px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.mrfaq.mrfaq-open {
  border-color: rgba(200, 146, 42, 0.3);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
}
.mrfaq-q {
  padding: 22px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: #0a1628;
  transition: color 0.3s;
  gap: 16px;
  user-select: none;
}
.mrfaq.mrfaq-open .mrfaq-q {
  color: #860909;
}
.mrfaq-toggle {
  width: 34px;
  height: 34px;
  background: #f4f7fb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.mrfaq-toggle i {
  font-size: 0.75rem;
  color: #4a5a6e;
  transition:
    transform 0.35s,
    color 0.3s;
}
.mrfaq.mrfaq-open .mrfaq-toggle {
  background: linear-gradient(135deg, #860909, #860909);
}
.mrfaq.mrfaq-open .mrfaq-toggle i {
  transform: rotate(180deg);
  color: #fff;
}
.mrfaq-ans {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.45s ease;
}
.mrfaq-ans-inner {
  padding: 0 28px 22px;
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.75;
}

/* ── FORM ELEMENTS ── */
.mrform-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #4a5a6e;
  margin-bottom: 7px;
}
.mrform-ctrl {
  width: 100%;
  padding: 13px 17px;
  background: #f4f7fb;
  border: 1.5px solid #d8e2ef;
  border-radius: 14px;
  font-size: 0.96rem;
  color: #1a2b3c;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  appearance: none;
  font-family: "Outfit", sans-serif;
}
.mrform-ctrl:focus {
  border-color: #860909;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(200, 146, 42, 0.09);
}
.mrform-ctrl::placeholder {
  color: #8d9bad;
}
textarea.mrform-ctrl {
  resize: vertical;
  min-height: 115px;
}
select.mrform-ctrl {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7A8D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  background-size: 17px;
  padding-right: 42px;
  cursor: pointer;
}

/* ── CTA SECTION ── */
.mrcta-sec {
  background: linear-gradient(135deg, #0a1628 0%, #1b4f8a 50%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.mrcta-sec::after {
  content: "";
  position: absolute;
  top: -40%;
  right: -8%;
  width: 540px;
  height: 540px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.09) 0%,
    transparent 70%
  );
}
.mrcta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
}
.mrcta-inner h2 {
  color: #fff;
  margin-bottom: 14px;
}
.mrcta-inner h2 span {
  color: #860909;
  font-style: italic;
}
.mrcta-inner p {
  color: rgba(255, 255, 255, 0.68);
  font-size: 1.08rem;
  max-width: 540px;
  margin: 0 auto 36px;
}
.mrcta-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* ── FOOTER ── */
.mrfooter {
  background: #0a1628;
  padding-top: 72px;
}
.mrfooter-desc {
  font-size: 0.92rem;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.52);
  margin-bottom: 22px;
  max-width: 310px;
}
.mrfooter-social {
  display: flex;
  gap: 9px;
}
.mrfooter-social a {
  width: 38px;
  height: 38px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.48);
  font-size: 0.9rem;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.mrfooter-social a:hover {
  background: #860909;
  color: #fff;
  border-color: #860909;
  transform: translateY(-3px);
}
.mrfooter-head {
  font-family: "Playfair Display", serif;
  font-size: 0.98rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 10px;
}
.mrfooter-head::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 26px;
  height: 2px;
  background: #860909;
  border-radius: 2px;
}
.mrfooter-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mrfooter-links li {
  margin-bottom: 9px;
}
.mrfooter-links li a {
  color: rgba(255, 255, 255, 0.52);
  font-size: 0.89rem;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.mrfooter-links li a i {
  font-size: 0.6rem;
  color: #860909;
}
.mrfooter-links li a:hover {
  color: #860909;
  gap: 12px;
}
.mrfooter-contacts {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.mrfooter-contacts li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  font-size: 0.87rem;
  color: rgba(255, 255, 255, 0.52);
}
.mrfooter-contacts li i {
  color: #860909;
  font-size: 0.87rem;
  margin-top: 2px;
  flex-shrink: 0;
}
.mrfooter-nl {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 14px;
  padding: 20px;
  margin-top: 16px;
}
.mrfooter-nl p {
  font-size: 0.84rem;
  color: rgba(255, 255, 255, 0.48);
  margin-bottom: 12px;
}
.mrnl-wrap {
  display: flex;
  border-radius: 50px;
  overflow: hidden;
  border: 1.5px solid rgba(255, 255, 255, 0.11);
}
.mrnl-wrap input {
  flex: 1;
  background: rgba(255, 255, 255, 0.05);
  border: none;
  padding: 11px 16px;
  font-size: 0.87rem;
  color: #fff;
  outline: none;
  font-family: "Outfit", sans-serif;
}
.mrnl-wrap input::placeholder {
  color: rgba(255, 255, 255, 0.33);
}
.mrnl-wrap button {
  background: linear-gradient(135deg, #860909, #860909);
  border: none;
  padding: 11px 20px;
  color: #fff;
  font-size: 0.87rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.4s;
  font-family: "Outfit", sans-serif;
}
.mrnl-wrap button:hover {
  background: linear-gradient(135deg, #860909, #860909);
}
.mrfooter-divider {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  margin: 46px 0 0;
}
.mrfooter-bottom {
  padding: 22px 0;
}
.mrfooter-bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.mrfooter-copy {
  font-size: 0.84rem;
  color: rgba(255, 255, 255, 0.38);
  margin: 0;
}
.mrfooter-copy span {
  color: #860909;
}
.mrfooter-legal {
  display: flex;
  gap: 22px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.mrfooter-legal a {
  font-size: 0.81rem;
  color: rgba(255, 255, 255, 0.38);
  transition: color 0.3s;
}
.mrfooter-legal a:hover {
  color: #860909;
}

/* ── SCROLL TOP ── */
.mrscroll-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
  box-shadow: 0 8px 22px rgba(200, 146, 42, 0.38);
  cursor: pointer;
  border: none;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translateY(20px);
}
.mrscroll-top.mrst-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.mrscroll-top:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 38px rgba(200, 146, 42, 0.48);
}

/* ── SCROLL ANIMATIONS ── */
.mranim {
  opacity: 0;
  transform: translateY(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.mranim.mrdone {
  opacity: 1;
  transform: translateY(0);
}
.mranim-l {
  opacity: 0;
  transform: translateX(-36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.mranim-l.mrdone {
  opacity: 1;
  transform: translateX(0);
}
.mranim-r {
  opacity: 0;
  transform: translateX(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.mranim-r.mrdone {
  opacity: 1;
  transform: translateX(0);
}
.mrd1 {
  transition-delay: 0.1s;
}
.mrd2 {
  transition-delay: 0.2s;
}
.mrd3 {
  transition-delay: 0.3s;
}
.mrd4 {
  transition-delay: 0.4s;
}
.mrd5 {
  transition-delay: 0.5s;
}

/* ── RESPONSIVE ── */
@media (max-width: 991.98px) {
  .mrhdr-top {
    display: none;
  }
  .mrnav-menu,
  .mrnav-cta {
    display: none;
  }
  .mrtoggler {
    display: flex;
  }
  .mrhero {
    padding: 72px 0 58px;
  }
  .mrsec,
  .mrsec-alt {
    padding: 72px 0;
  }
  .mrsplit-col {
    margin-bottom: 48px;
  }
  .mrsplit-img {
    height: 340px;
  }
  .mrsplit-frame {
    display: none;
  }
  .mrstats-band {
    padding: 58px 0;
  }
}
@media (max-width: 767.98px) {
  .mrhero-btns {
    flex-direction: column;
  }
  .mrbtn-gold,
  .mrbtn-ghost,
  .mrbtn-navy,
  .mrbtn-outline,
  .mrbtn-white,
  .mrbtn-ghost2 {
    width: 100%;
    justify-content: center;
  }
  .mrcta-btns {
    flex-direction: column;
    align-items: center;
  }
  .mrfooter-bottom-inner {
    flex-direction: column;
    text-align: center;
  }
  .mrfooter-legal {
    justify-content: center;
  }
  .mrsb-num {
    font-size: 2.4rem;
  }
  .mrsplit-img {
    height: 280px;
  }
}

/* Auto finance css  */
.afbody {
  font-family: "Outfit", sans-serif;
  color: #1a2b3c;
  background: #ffffff;
  overflow-x: hidden;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
}
.afbody * {
  box-sizing: border-box;
}
.afbody h1,
.afbody h2,
.afbody h3,
.afbody h4,
.afbody h5,
.afbody h6 {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 800;
  line-height: 1.22;
  color: #0a1628;
  margin: 0;
}
.afbody h1 {
  font-size: clamp(2.4rem, 5vw, 3.9rem);
}
.afbody h2 {
  font-size: clamp(1.85rem, 3.5vw, 2.75rem);
}
.afbody h3 {
  font-size: clamp(1.25rem, 2vw, 1.65rem);
}
.afbody p {
  font-size: 1.02rem;
  color: #4a5a6e;
  line-height: 1.78;
  margin: 0;
}
.afbody a {
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.afbody img {
  max-width: 100%;
  display: block;
}

/* ── TOP BAR ── */
.afhdr-top {
  background: #0a1628;
  padding: 9px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.afhdr-top-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.aftop-contacts {
  display: flex;
  align-items: center;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.aftop-contacts li a {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.84rem;
  display: flex;
  align-items: center;
  gap: 7px;
  transition: color 0.3s;
}
.aftop-contacts li a i {
  color: #860909;
  font-size: 0.75rem;
}
.aftop-contacts li a:hover {
  color: #860909;
}
.aftop-social {
  display: flex;
  gap: 12px;
}
.aftop-social a {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.82rem;
  transition: color 0.3s;
}
.aftop-social a:hover {
  color: #860909;
}

/* ── LOGO BAR ── */
.aflogo-bar {
  background: #fff;
  padding: 20px 0;
  border-bottom: 1px solid #d8e2ef;
}
.aflogo-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
}
.aflogo-icon {
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 18px rgba(10, 22, 40, 0.2);
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.aflogo-icon::before {
  content: "";
  position: absolute;
  top: -30%;
  left: -30%;
  width: 80%;
  height: 80%;
  background: rgba(228, 168, 53, 0.14);
  border-radius: 50%;
}
.aflogo-icon i {
  color: #860909;
  font-size: 1.5rem;
  position: relative;
  z-index: 1;
}
.aflogo-texts {
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.aflogo-name {
  font-family: "Playfair Display", serif;
  font-size: 1.58rem;
  font-weight: 800;
  color: #0a1628;
}
.aflogo-name span {
  color: #860909;
}
.aflogo-tag {
  font-size: 0.67rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #8d9bad;
  margin-top: 4px;
}
.aflogo-bar-right {
  display: flex;
  align-items: center;
  gap: 16px;
}
.afphone-blk {
  text-align: right;
}
.afphone-blk small {
  display: block;
  font-size: 0.67rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8d9bad;
}
.afphone-blk a {
  font-family: "Playfair Display", serif;
  font-size: 1.13rem;
  font-weight: 700;
  color: #0a1628;
}
.afphone-blk a:hover {
  color: #860909;
}

/* ── NAVIGATION ── */
.afnav {
  background: #0a1628;
  position: sticky;
  top: 0;
  z-index: 999;
  transition: box-shadow 0.3s;
}
.afnav.afscrolled {
  box-shadow: 0 6px 30px rgba(10, 22, 40, 0.38);
}
.afnav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.afnav-menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.afnav-menu > li {
  position: relative;
}
.afnav-menu > li > a {
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.92rem;
  font-weight: 500;
  padding: 19px 18px;
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  transition: color 0.3s;
}
.afnav-menu > li > a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background: #860909;
  transition: all 0.35s;
  transform: translateX(-50%);
  border-radius: 3px 3px 0 0;
}
.afnav-menu > li:hover > a,
.afnav-menu > li.afact > a {
  color: #860909;
}
.afnav-menu > li:hover > a::after,
.afnav-menu > li.afact > a::after {
  width: 76%;
}
.afchev {
  font-size: 0.64rem;
  transition: transform 0.3s;
}
.afnav-menu > li:hover > a .afchev {
  transform: rotate(180deg);
}
.afdrop {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  background: #fff;
  min-width: 228px;
  border-radius: 14px;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  list-style: none;
  margin: 0;
  border-top: 3px solid #860909;
  z-index: 1000;
}
.afnav-menu > li:hover .afdrop {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.afdrop li a {
  color: #1a2b3c;
  font-size: 0.89rem;
  font-weight: 500;
  padding: 11px 20px;
  display: flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.afdrop li a i {
  color: #860909;
  font-size: 0.8rem;
  width: 15px;
}
.afdrop li a:hover {
  background: #f4f7fb;
  color: #860909;
  padding-left: 28px;
}
.afnav-cta {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-size: 0.89rem;
  font-weight: 600;
  padding: 10px 22px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
.afnav-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(200, 146, 42, 0.4);
  color: #fff;
}
.aftoggler {
  background: none;
  border: 2px solid rgba(255, 255, 255, 0.28);
  border-radius: 8px;
  padding: 7px 11px;
  cursor: pointer;
  display: none;
  flex-direction: column;
  gap: 5px;
}
.aftoggler span {
  display: block;
  width: 22px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  transition: all 0.4s;
}
.afmob-panel {
  display: none;
  background: #0a1628;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.afmob-panel.afmob-open {
  display: block;
}
.afmob-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.afmob-links > li > a {
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.96rem;
  font-weight: 500;
  padding: 13px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  transition: color 0.3s;
}
.afmob-links > li > a:hover {
  color: #860909;
}
.afmob-sub {
  list-style: none;
  padding: 0;
  background: rgba(255, 255, 255, 0.04);
  display: none;
}
.afmob-sub.afsub-open {
  display: block;
}
.afmob-sub li a {
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.87rem;
  padding: 11px 38px;
  display: flex;
  align-items: center;
  gap: 9px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
  transition: color 0.3s;
}
.afmob-sub li a:hover {
  color: #860909;
}
.afmob-cta {
  padding: 14px 22px;
}

/* ── PAGE HERO ── */
.afhero {
  position: relative;
  padding: 110px 0 90px;
  overflow: hidden;
  background: #0a1628;
}
.afhero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.14;
  animation: afzoom 20s ease-in-out infinite alternate;
}
@keyframes afzoom {
  0% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1.14);
  }
}
.afhero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(10, 22, 40, 0.97) 0%,
    rgba(14, 32, 69, 0.9) 55%,
    rgba(27, 79, 138, 0.68) 100%
  );
}
.afhero-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(228, 168, 53, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(228, 168, 53, 0.04) 1px, transparent 1px);
  background-size: 56px 56px;
  animation: afgrid 24s linear infinite;
}
@keyframes afgrid {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(56px, 56px);
  }
}
.afhero-orb1 {
  position: absolute;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.1) 0%,
    transparent 70%
  );
  top: -100px;
  right: -80px;
  animation: aforb 9s ease-in-out infinite;
}
.afhero-orb2 {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(27, 79, 138, 0.18) 0%,
    transparent 70%
  );
  bottom: -60px;
  left: 6%;
  animation: aforb 12s ease-in-out infinite reverse;
}
@keyframes aforb {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-28px) scale(1.06);
  }
}
.afhero-content {
  position: relative;
  z-index: 2;
}
.afhero-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.32);
  border-radius: 50px;
  padding: 7px 18px;
  color: #860909;
  font-size: 0.77rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  margin-bottom: 24px;
  animation: affd 0.8s ease both;
}
@keyframes affd {
  from {
    opacity: 0;
    transform: translateY(-18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.afhero h1 {
  color: #fff;
  margin-bottom: 22px;
  animation: affu 0.9s ease 0.2s both;
}
.afhero h1 span {
  color: #860909;
  font-style: italic;
}
@keyframes affu {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.afhero-desc {
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.1rem;
  max-width: 560px;
  line-height: 1.82;
  margin-bottom: 38px;
  animation: affu 0.9s ease 0.35s both;
}
.afhero-btns {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  animation: affu 0.9s ease 0.5s both;
}
.afbreadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 40px 0 0;
  animation: affu 0.9s ease 0.65s both;
}
.afbreadcrumb li {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.8rem;
}
.afbreadcrumb li a {
  color: rgba(255, 255, 255, 0.55);
  transition: color 0.3s;
}
.afbreadcrumb li a:hover {
  color: #860909;
}
.afbreadcrumb li.afbc-act {
  color: #860909;
  font-weight: 600;
}
.afbreadcrumb li i {
  font-size: 0.6rem;
}

/* ── BUTTONS ── */
.afbtn-gold {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 16px 36px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 10px 36px rgba(134, 9, 9, 0.5);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.afbtn-gold:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 50px rgba(134, 9, 9, 1);
  color: #fff;
}
.afbtn-gold i {
  transition: transform 0.3s;
}
.afbtn-gold:hover i {
  transform: translateX(4px);
}
.afbtn-ghost {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  padding: 15px 36px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.afbtn-ghost:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}
.afbtn-navy {
  background: #0a1628;
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: 2px solid #0a1628;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.afbtn-navy:hover {
  background: transparent;
  color: #0a1628;
  transform: translateY(-3px);
}
.afbtn-outline {
  background: transparent;
  color: #0a1628;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 2px solid #0a1628;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.afbtn-outline:hover {
  background: #0a1628;
  color: #fff;
  transform: translateY(-3px);
}
.afbtn-white {
  background: #fff;
  color: #0a1628;
  font-weight: 700;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.afbtn-white:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  color: #860909;
}
.afbtn-ghost2 {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.afbtn-ghost2:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}

/* ── SECTION UTILITIES ── */
.afsec {
  padding: 108px 0;
  background: #fff;
}
.afsec-alt {
  padding: 108px 0;
  background: #f4f7fb;
}
.afsec-label {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #860909;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 1rem;
}
.afsec-label::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 2px;
  background: #860909;
  border-radius: 2px;
}
.afsec-label::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #860909;
  border-radius: 50%;
}
.afsec-title {
  font-family: "Playfair Display", serif;
  font-weight: 800;
  color: #0a1628;
  margin-bottom: 0.9rem;
}
.afsec-title span {
  color: #860909;
  font-style: italic;
}
.afsec-desc {
  font-size: 1.05rem;
  color: #4a5a6e;
  max-width: 600px;
  line-height: 1.8;
}
.afgold-bar {
  width: 52px;
  height: 4px;
  background: linear-gradient(90deg, #860909, #860909);
  border-radius: 4px;
  margin-bottom: 1.4rem;
}

/* ── FEATURE CARD ── */
.affeat-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid transparent;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.affeat-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  border: 2px solid #860909;
  opacity: 0;
  transition: opacity 0.4s;
}
.affeat-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.affeat-card:hover::before {
  opacity: 1;
}
.affeat-icon {
  width: 62px;
  height: 62px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.affeat-icon i {
  color: #fff;
  font-size: 1.38rem;
}
.affeat-card:hover .affeat-icon {
  background: linear-gradient(135deg, #860909, #860909);
  transform: rotate(-5deg) scale(1.08);
}
.affeat-card:hover .affeat-icon i {
  color: #fff;
}
.affeat-card h4 {
  font-family: "Playfair Display", serif;
  font-size: 1.18rem;
  margin-bottom: 12px;
  color: #0a1628;
  transition: color 0.3s;
}
.affeat-card:hover h4 {
  color: #860909;
}
.affeat-card p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.75;
}

/* ── STEP PROCESS ── */
.afstep {
  display: flex;
  gap: 22px;
  align-items: flex-start;
  margin-bottom: 36px;
  position: relative;
}
.afstep:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 24px;
  top: 52px;
  width: 2px;
  height: calc(100% - 20px);
  background: linear-gradient(180deg, #860909, transparent);
  opacity: 0.35;
}
.afstep-num {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Playfair Display", serif;
  font-size: 1.15rem;
  font-weight: 800;
  color: #fff;
  border: 2px solid rgba(228, 168, 53, 0.28);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 1;
}
.afstep:hover .afstep-num {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
}
.afstep-body {
  background: #fff;
  border-radius: 14px;
  padding: 24px 28px;
  flex: 1;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.afstep:hover .afstep-body {
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.28);
  transform: translateX(6px);
}
.afstep-tag {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #860909;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  margin-bottom: 10px;
}
.afstep-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.afstep-body p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.7;
}

/* ── ICON LIST ── */
.aficon-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.aficon-list li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 10px 0;
  border-bottom: 1px solid #d8e2ef;
  font-size: 0.94rem;
  color: #4a5a6e;
}
.aficon-list li:last-child {
  border-bottom: none;
}
.aficon-list li i {
  width: 27px;
  height: 27px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #860909;
  font-size: 0.72rem;
  flex-shrink: 0;
  margin-top: 1px;
}

/* ── STATS BAND ── */
.afstats-band {
  background: linear-gradient(135deg, #0a1628 0%, #0e2045 50%, #1b4f8a 100%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.afstats-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 50px 50px;
}
.afstats-band::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(
      circle at 20% 50%,
      rgba(200, 146, 42, 0.07) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 80% 50%,
      rgba(27, 79, 138, 0.14) 0%,
      transparent 50%
    );
}
.afsb-item {
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 16px 8px;
}
.afsb-icon {
  width: 60px;
  height: 60px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.28);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.afsb-icon i {
  color: #860909;
  font-size: 1.38rem;
}
.afsb-item:hover .afsb-icon {
  background: rgba(200, 146, 42, 0.22);
  transform: scale(1.1) rotate(4deg);
}
.afsb-num {
  font-family: "Playfair Display", serif;
  font-size: 3rem;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  margin-bottom: 8px;
}
.afsb-num span {
  color: #860909;
}
.afsb-label {
  font-size: 0.8rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.52);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* ── SPLIT IMAGE LAYOUT ── */
.afsplit-col {
  position: relative;
}
.afsplit-img {
  width: 100%;
  height: 470px;
  object-fit: cover;
  border-radius: 22px;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  position: relative;
  z-index: 1;
}
.afsplit-frame {
  position: absolute;
  top: -18px;
  left: -18px;
  right: 52px;
  bottom: 26px;
  border: 2px solid #860909;
  border-radius: 22px;
  opacity: 0.38;
  z-index: 0;
}
.afsplit-badge {
  position: absolute;
  bottom: 36px;
  right: 8px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 14px;
  padding: 20px 22px;
  text-align: center;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  z-index: 2;
  min-width: 130px;
  animation: aforb 5s ease-in-out infinite;
}
.afsplit-badge-num {
  font-family: "Playfair Display", serif;
  font-size: 2.4rem;
  font-weight: 900;
  color: #860909;
  line-height: 1;
  display: block;
}
.afsplit-badge-lbl {
  font-size: 0.71rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin-top: 4px;
  display: block;
  line-height: 1.4;
}

/* ── TEAM CARD ── */
.afteam-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.afteam-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.afteam-img-wrap {
  position: relative;
  overflow: hidden;
  height: 268px;
}
.afteam-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}
.afteam-card:hover .afteam-img-wrap img {
  transform: scale(1.07);
}
.afteam-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(10, 22, 40, 0.8) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 0.4s;
}
.afteam-card:hover .afteam-overlay {
  opacity: 1;
}
.afteam-soc {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  display: flex;
  gap: 9px;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.afteam-card:hover .afteam-soc {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.afteam-soc a {
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.82rem;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.afteam-soc a:hover {
  background: #860909;
  border-color: #860909;
}
.afteam-body {
  padding: 26px;
}
.afteam-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 4px;
  color: #0a1628;
}
.afteam-role {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #860909;
  margin-bottom: 10px;
  display: block;
}
.afteam-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── AWARD CARD ── */
.afaward-card {
  background: #fff;
  border-radius: 22px;
  padding: 34px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.afaward-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #860909, #860909);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.afaward-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.afaward-card:hover::after {
  transform: scaleX(1);
}
.afaward-yr {
  font-family: "Playfair Display", serif;
  font-size: 2rem;
  font-weight: 900;
  color: #860909;
  opacity: 0.2;
  position: absolute;
  top: 16px;
  right: 24px;
}
.afaward-icon {
  width: 52px;
  height: 52px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.afaward-icon i {
  color: #860909;
  font-size: 1.2rem;
}
.afaward-card:hover .afaward-icon {
  background: linear-gradient(135deg, #860909, #860909);
}
.afaward-card:hover .afaward-icon i {
  color: #fff;
}
.afaward-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.afaward-card p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── PARTNER CARD ── */
.afpartner-card {
  background: #fff;
  border-radius: 22px;
  padding: 30px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  text-align: center;
  height: 100%;
}
.afpartner-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.3);
}
.afpartner-logo {
  width: 80px;
  height: 80px;
  background: #f4f7fb;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.afpartner-logo i {
  font-size: 2rem;
  color: #1b4f8a;
  transition: color 0.3s;
}
.afpartner-card:hover .afpartner-logo {
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
}
.afpartner-card:hover .afpartner-logo i {
  color: #860909;
}
.afpartner-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.afpartner-card p {
  font-size: 0.85rem;
  color: #4a5a6e;
  margin-bottom: 14px;
}
.afpartner-badge {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #860909;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
}

/* ── INDUSTRY CARD ── */
.afind-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.afind-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.afind-img-wrap {
  overflow: hidden;
  position: relative;
}
.afind-img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  transition: transform 0.6s;
}
.afind-card:hover .afind-img {
  transform: scale(1.06);
}
.afind-cat {
  position: absolute;
  top: 14px;
  left: 14px;
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  padding: 4px 13px;
  border-radius: 50px;
}
.afind-body {
  padding: 26px;
}
.afind-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 8px;
  transition: color 0.3s;
}
.afind-card:hover h5 {
  color: #860909;
}
.afind-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}
.afind-link {
  color: #860909;
  font-weight: 600;
  font-size: 0.86rem;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: gap 0.3s;
}
.afind-link:hover {
  gap: 13px;
  color: #0a1628;
}

/* ── INSIGHT CARD ── */
.afinsight-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.afinsight-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.afinsight-img-wrap {
  overflow: hidden;
  position: relative;
}
.afinsight-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: transform 0.6s;
}
.afinsight-card:hover .afinsight-img {
  transform: scale(1.05);
}
.afinsight-tag {
  position: absolute;
  top: 14px;
  left: 14px;
  background: rgba(10, 22, 40, 0.85);
  color: #860909;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  border: 1px solid rgba(228, 168, 53, 0.3);
}
.afinsight-body {
  padding: 26px;
}
.afinsight-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}
.afinsight-meta span {
  font-size: 0.78rem;
  color: #8d9bad;
  display: flex;
  align-items: center;
  gap: 5px;
}
.afinsight-meta span i {
  font-size: 0.7rem;
  color: #860909;
}
.afinsight-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 8px;
  transition: color 0.3s;
  line-height: 1.4;
}
.afinsight-card:hover h5 {
  color: #860909;
}
.afinsight-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}

/* ── TESTIMONIAL CARD ── */
.aftesti-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
}
.aftesti-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #860909, #860909);
  border-radius: 22px 22px 0 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.aftesti-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.aftesti-card:hover::before {
  transform: scaleX(1);
}
.aftesti-quote {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.aftesti-quote i {
  color: #fff;
  font-size: 1rem;
}
.aftesti-stars {
  color: #860909;
  font-size: 0.85rem;
  margin-bottom: 14px;
  display: flex;
  gap: 3px;
}
.aftesti-text {
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.8;
  margin-bottom: 22px;
  font-style: italic;
}
.aftesti-author {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 18px;
  border-top: 1px solid #d8e2ef;
}
.aftesti-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #860909;
}
.aftesti-name {
  font-weight: 700;
  font-size: 0.93rem;
  color: #0a1628;
  display: block;
}
.aftesti-role {
  font-size: 0.78rem;
  color: #8d9bad;
  display: block;
}

/* ── FAQ ACCORDION ── */
.affaq {
  background: #fff;
  border-radius: 14px;
  margin-bottom: 14px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.affaq.affaq-open {
  border-color: rgba(200, 146, 42, 0.3);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
}
.affaq-q {
  padding: 22px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: #0a1628;
  transition: color 0.3s;
  gap: 16px;
  user-select: none;
}
.affaq.affaq-open .affaq-q {
  color: #860909;
}
.affaq-toggle {
  width: 34px;
  height: 34px;
  background: #f4f7fb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.affaq-toggle i {
  font-size: 0.75rem;
  color: #4a5a6e;
  transition:
    transform 0.35s,
    color 0.3s;
}
.affaq.affaq-open .affaq-toggle {
  background: linear-gradient(135deg, #860909, #860909);
}
.affaq.affaq-open .affaq-toggle i {
  transform: rotate(180deg);
  color: #fff;
}
.affaq-ans {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.45s ease;
}
.affaq-ans-inner {
  padding: 0 28px 22px;
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.75;
}

/* ── FORM ELEMENTS ── */
.afform-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #4a5a6e;
  margin-bottom: 7px;
}
.afform-ctrl {
  width: 100%;
  padding: 13px 17px;
  background: #f4f7fb;
  border: 1.5px solid #d8e2ef;
  border-radius: 14px;
  font-size: 0.96rem;
  color: #1a2b3c;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  appearance: none;
  font-family: "Outfit", sans-serif;
}
.afform-ctrl:focus {
  border-color: #860909;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(200, 146, 42, 0.09);
}
.afform-ctrl::placeholder {
  color: #8d9bad;
}
textarea.afform-ctrl {
  resize: vertical;
  min-height: 115px;
}
select.afform-ctrl {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7A8D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  background-size: 17px;
  padding-right: 42px;
  cursor: pointer;
}

/* ── CTA SECTION ── */
.afcta-sec {
  background: linear-gradient(135deg, #0a1628 0%, #1b4f8a 100%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.afcta-sec::after {
  content: "";
  position: absolute;
  top: -40%;
  right: -8%;
  width: 540px;
  height: 540px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.09) 0%,
    transparent 70%
  );
}
.afcta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
}
.afcta-inner h2 {
  color: #fff;
  margin-bottom: 14px;
}
.afcta-inner h2 span {
  color: #860909;
  font-style: italic;
}
.afcta-inner p {
  color: rgba(255, 255, 255, 0.68);
  font-size: 1.08rem;
  max-width: 540px;
  margin: 0 auto 36px;
}
.afcta-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* ── FOOTER ── */
.affooter {
  background: #0a1628;
  padding-top: 72px;
}
.affooter-desc {
  font-size: 0.92rem;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.52);
  margin-bottom: 22px;
  max-width: 310px;
}
.affooter-social {
  display: flex;
  gap: 9px;
}
.affooter-social a {
  width: 38px;
  height: 38px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.48);
  font-size: 0.9rem;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.affooter-social a:hover {
  background: #860909;
  color: #fff;
  border-color: #860909;
  transform: translateY(-3px);
}
.affooter-head {
  font-family: "Playfair Display", serif;
  font-size: 0.98rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 10px;
}
.affooter-head::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 26px;
  height: 2px;
  background: #860909;
  border-radius: 2px;
}
.affooter-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.affooter-links li {
  margin-bottom: 9px;
}
.affooter-links li a {
  color: rgba(255, 255, 255, 0.52);
  font-size: 0.89rem;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.affooter-links li a i {
  font-size: 0.6rem;
  color: #860909;
}
.affooter-links li a:hover {
  color: #860909;
  gap: 12px;
}
.affooter-contacts {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.affooter-contacts li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  font-size: 0.87rem;
  color: rgba(255, 255, 255, 0.52);
}
.affooter-contacts li i {
  color: #860909;
  font-size: 0.87rem;
  margin-top: 2px;
  flex-shrink: 0;
}
.affooter-nl {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 14px;
  padding: 20px;
  margin-top: 16px;
}
.affooter-nl p {
  font-size: 0.84rem;
  color: rgba(255, 255, 255, 0.48);
  margin-bottom: 12px;
}
.afnl-wrap {
  display: flex;
  border-radius: 50px;
  overflow: hidden;
  border: 1.5px solid rgba(255, 255, 255, 0.11);
}
.afnl-wrap input {
  flex: 1;
  background: rgba(255, 255, 255, 0.05);
  border: none;
  padding: 11px 16px;
  font-size: 0.87rem;
  color: #fff;
  outline: none;
  font-family: "Outfit", sans-serif;
}
.afnl-wrap input::placeholder {
  color: rgba(255, 255, 255, 0.33);
}
.afnl-wrap button {
  background: linear-gradient(135deg, #860909, #860909);
  border: none;
  padding: 11px 20px;
  color: #fff;
  font-size: 0.87rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.4s;
  font-family: "Outfit", sans-serif;
}
.afnl-wrap button:hover {
  background: linear-gradient(135deg, #860909, #860909);
}
.affooter-divider {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  margin: 46px 0 0;
}
.affooter-bottom {
  padding: 22px 0;
}
.affooter-bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.affooter-copy {
  font-size: 0.84rem;
  color: rgba(255, 255, 255, 0.38);
  margin: 0;
}
.affooter-copy span {
  color: #860909;
}
.affooter-legal {
  display: flex;
  gap: 22px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.affooter-legal a {
  font-size: 0.81rem;
  color: rgba(255, 255, 255, 0.38);
  transition: color 0.3s;
}
.affooter-legal a:hover {
  color: #860909;
}

/* ── SCROLL TOP ── */
.afscroll-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
  box-shadow: 0 8px 22px rgba(200, 146, 42, 0.38);
  cursor: pointer;
  border: none;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translateY(20px);
}
.afscroll-top.afst-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.afscroll-top:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 38px rgba(200, 146, 42, 0.48);
}

/* ── SCROLL ANIMATIONS ── */
.afanim {
  opacity: 0;
  transform: translateY(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.afanim.afdone {
  opacity: 1;
  transform: translateY(0);
}
.afanim-l {
  opacity: 0;
  transform: translateX(-36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.afanim-l.afdone {
  opacity: 1;
  transform: translateX(0);
}
.afanim-r {
  opacity: 0;
  transform: translateX(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.afanim-r.afdone {
  opacity: 1;
  transform: translateX(0);
}
.afd1 {
  transition-delay: 0.1s;
}
.afd2 {
  transition-delay: 0.2s;
}
.afd3 {
  transition-delay: 0.3s;
}
.afd4 {
  transition-delay: 0.4s;
}
.afd5 {
  transition-delay: 0.5s;
}

/* ── RESPONSIVE ── */
@media (max-width: 991.98px) {
  .afhdr-top {
    display: none;
  }
  .afnav-menu,
  .afnav-cta {
    display: none;
  }
  .aftoggler {
    display: flex;
  }
  .afhero {
    padding: 72px 0 58px;
  }
  .afsec,
  .afsec-alt {
    padding: 72px 0;
  }
  .afsplit-col {
    margin-bottom: 48px;
  }
  .afsplit-img {
    height: 340px;
  }
  .afsplit-frame {
    display: none;
  }
  .afstats-band {
    padding: 58px 0;
  }
}
@media (max-width: 767.98px) {
  .afhero-btns {
    flex-direction: column;
  }
  .afbtn-gold,
  .afbtn-ghost,
  .afbtn-navy,
  .afbtn-outline,
  .afbtn-white,
  .afbtn-ghost2 {
    width: 100%;
    justify-content: center;
  }
  .afcta-btns {
    flex-direction: column;
    align-items: center;
  }
  .affooter-bottom-inner {
    flex-direction: column;
    text-align: center;
  }
  .affooter-legal {
    justify-content: center;
  }
  .afsb-num {
    font-size: 2.4rem;
  }
  .afsplit-img {
    height: 280px;
  }
}

/* Student loan csss  */
/* ============================================================
   PAGE PREFIX: SL — ALL CSS INTERNAL, ZERO INLINE
   ============================================================ */

.slbody {
  font-family: "Outfit", sans-serif;
  color: #1a2b3c;
  background: #ffffff;
  overflow-x: hidden;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
}

.slbody h1,
.slbody h2,
.slbody h3,
.slbody h4,
.slbody h5,
.slbody h6 {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 800;
  line-height: 1.22;
  color: #0a1628;
  margin: 0;
}
.slbody h1 {
  font-size: clamp(2.4rem, 5vw, 3.9rem);
}
.slbody h2 {
  font-size: clamp(1.85rem, 3.5vw, 2.75rem);
}
.slbody h3 {
  font-size: clamp(1.25rem, 2vw, 1.65rem);
}
.slbody p {
  font-size: 1.02rem;
  color: #4a5a6e;
  line-height: 1.78;
  margin: 0;
}
.slbody a {
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.slbody img {
  max-width: 100%;
  display: block;
}

/* ── TOP BAR ── */
.slhdr-top {
  background: #0a1628;
  padding: 9px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.slhdr-top-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sltop-contacts {
  display: flex;
  align-items: center;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.sltop-contacts li a {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.84rem;
  display: flex;
  align-items: center;
  gap: 7px;
  transition: color 0.3s;
}
.sltop-contacts li a i {
  color: #860909;
  font-size: 0.75rem;
}
.sltop-contacts li a:hover {
  color: #860909;
}
.sltop-social {
  display: flex;
  gap: 12px;
}
.sltop-social a {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.82rem;
  transition: color 0.3s;
}
.sltop-social a:hover {
  color: #860909;
}

/* ── LOGO BAR ── */
.sllogo-bar {
  background: #fff;
  padding: 20px 0;
  border-bottom: 1px solid #d8e2ef;
}
.sllogo-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
}
.sllogo-icon {
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 18px rgba(10, 22, 40, 0.2);
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.sllogo-icon::before {
  content: "";
  position: absolute;
  top: -30%;
  left: -30%;
  width: 80%;
  height: 80%;
  background: rgba(228, 168, 53, 0.14);
  border-radius: 50%;
}
.sllogo-icon i {
  color: #860909;
  font-size: 1.5rem;
  position: relative;
  z-index: 1;
}
.sllogo-texts {
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.sllogo-name {
  font-family: "Playfair Display", serif;
  font-size: 1.58rem;
  font-weight: 800;
  color: #0a1628;
}
.sllogo-name span {
  color: #860909;
}
.sllogo-tag {
  font-size: 0.67rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #8d9bad;
  margin-top: 4px;
}
.sllogo-bar-right {
  display: flex;
  align-items: center;
  gap: 16px;
}
.slphone-blk {
  text-align: right;
}
.slphone-blk small {
  display: block;
  font-size: 0.67rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8d9bad;
}
.slphone-blk a {
  font-family: "Playfair Display", serif;
  font-size: 1.13rem;
  font-weight: 700;
  color: #0a1628;
}
.slphone-blk a:hover {
  color: #860909;
}

/* ── NAVIGATION ── */
.slnav {
  background: #0a1628;
  position: sticky;
  top: 0;
  z-index: 999;
  transition: box-shadow 0.3s;
}
.slnav.slscrolled {
  box-shadow: 0 6px 30px rgba(10, 22, 40, 0.38);
}
.slnav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.slnav-menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.slnav-menu > li {
  position: relative;
}
.slnav-menu > li > a {
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.92rem;
  font-weight: 500;
  padding: 19px 18px;
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  transition: color 0.3s;
}
.slnav-menu > li > a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background: #860909;
  transition: all 0.35s;
  transform: translateX(-50%);
  border-radius: 3px 3px 0 0;
}
.slnav-menu > li:hover > a,
.slnav-menu > li.slact > a {
  color: #860909;
}
.slnav-menu > li:hover > a::after,
.slnav-menu > li.slact > a::after {
  width: 76%;
}
.slchev {
  font-size: 0.64rem;
  transition: transform 0.3s;
}
.slnav-menu > li:hover > a .slchev {
  transform: rotate(180deg);
}
.sldrop {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  background: #fff;
  min-width: 228px;
  border-radius: 14px;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  list-style: none;
  margin: 0;
  border-top: 3px solid #860909;
  z-index: 1000;
}
.slnav-menu > li:hover .sldrop {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.sldrop li a {
  color: #1a2b3c;
  font-size: 0.89rem;
  font-weight: 500;
  padding: 11px 20px;
  display: flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.sldrop li a i {
  color: #860909;
  font-size: 0.8rem;
  width: 15px;
}
.sldrop li a:hover {
  background: #f4f7fb;
  color: #860909;
  padding-left: 28px;
}
.slnav-cta {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-size: 0.89rem;
  font-weight: 600;
  padding: 10px 22px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
.slnav-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(200, 146, 42, 0.4);
  color: #fff;
}
.sltoggler {
  background: none;
  border: 2px solid rgba(255, 255, 255, 0.28);
  border-radius: 8px;
  padding: 7px 11px;
  cursor: pointer;
  display: none;
  flex-direction: column;
  gap: 5px;
}
.sltoggler span {
  display: block;
  width: 22px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  transition: all 0.4s;
}
.slmob-panel {
  display: none;
  background: #0a1628;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.slmob-panel.slmob-open {
  display: block;
}
.slmob-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.slmob-links > li > a {
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.96rem;
  font-weight: 500;
  padding: 13px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  transition: color 0.3s;
}
.slmob-links > li > a:hover {
  color: #860909;
}
.slmob-sub {
  list-style: none;
  padding: 0;
  background: rgba(255, 255, 255, 0.04);
  display: none;
}
.slmob-sub.slsub-open {
  display: block;
}
.slmob-sub li a {
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.87rem;
  padding: 11px 38px;
  display: flex;
  align-items: center;
  gap: 9px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
  transition: color 0.3s;
}
.slmob-sub li a:hover {
  color: #860909;
}
.slmob-cta {
  padding: 14px 22px;
}

/* ── PAGE HERO ── */
.slhero {
  position: relative;
  padding: 110px 0 90px;
  overflow: hidden;
  background: #0a1628;
}
.slhero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.14;
  animation: slzoom 20s ease-in-out infinite alternate;
}
@keyframes slzoom {
  0% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1.14);
  }
}
.slhero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(10, 22, 40, 0.97) 0%,
    rgba(14, 32, 69, 0.9) 55%,
    rgba(27, 79, 138, 0.68) 100%
  );
}
.slhero-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(228, 168, 53, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(228, 168, 53, 0.04) 1px, transparent 1px);
  background-size: 56px 56px;
  animation: slgrid 24s linear infinite;
}
@keyframes slgrid {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(56px, 56px);
  }
}
.slhero-orb1 {
  position: absolute;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.1) 0%,
    transparent 70%
  );
  top: -100px;
  right: -80px;
  animation: slorb 9s ease-in-out infinite;
}
.slhero-orb2 {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(27, 79, 138, 0.18) 0%,
    transparent 70%
  );
  bottom: -60px;
  left: 6%;
  animation: slorb 12s ease-in-out infinite reverse;
}
@keyframes slorb {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-28px) scale(1.06);
  }
}
.slhero-content {
  position: relative;
  z-index: 2;
}
.slhero-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.32);
  border-radius: 50px;
  padding: 7px 18px;
  color: #860909;
  font-size: 0.77rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  margin-bottom: 24px;
  animation: slfd 0.8s ease both;
}
@keyframes slfd {
  from {
    opacity: 0;
    transform: translateY(-18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.slhero h1 {
  color: #fff;
  margin-bottom: 22px;
  animation: slfu 0.9s ease 0.2s both;
}
.slhero h1 span {
  color: #860909;
  font-style: italic;
}
@keyframes slfu {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.slhero-desc {
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.1rem;
  max-width: 560px;
  line-height: 1.82;
  margin-bottom: 38px;
  animation: slfu 0.9s ease 0.35s both;
}
.slhero-btns {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  animation: slfu 0.9s ease 0.5s both;
}
.slbreadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 40px 0 0;
  animation: slfu 0.9s ease 0.65s both;
}
.slbreadcrumb li {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.8rem;
}
.slbreadcrumb li a {
  color: rgba(255, 255, 255, 0.55);
  transition: color 0.3s;
}
.slbreadcrumb li a:hover {
  color: #860909;
}
.slbreadcrumb li.slbc-act {
  color: #860909;
  font-weight: 600;
}
.slbreadcrumb li i {
  font-size: 0.6rem;
}

/* ── BUTTONS ── */
.slbtn-gold {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 16px 36px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 10px 36px rgba(134, 9,9, 0.5);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.slbtn-gold:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 50px rgba(134, 9, 9, 1);
  color: #fff;
}
.slbtn-gold i {
  transition: transform 0.3s;
}
.slbtn-gold:hover i {
  transform: translateX(4px);
}
.slbtn-ghost {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  padding: 15px 36px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.slbtn-ghost:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}
.slbtn-navy {
  background: #0a1628;
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: 2px solid #0a1628;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.slbtn-navy:hover {
  background: transparent;
  color: #0a1628;
  transform: translateY(-3px);
}
.slbtn-outline {
  background: transparent;
  color: #0a1628;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 2px solid #0a1628;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.slbtn-outline:hover {
  background: #0a1628;
  color: #fff;
  transform: translateY(-3px);
}
.slbtn-white {
  background: #fff;
  color: #0a1628;
  font-weight: 700;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.slbtn-white:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  color: #860909;
}
.slbtn-ghost2 {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.slbtn-ghost2:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}

/* ── SECTION UTILITIES ── */
.slsec {
  padding: 108px 0;
  background: #fff;
}
.slsec-alt {
  padding: 108px 0;
  background: #f4f7fb;
}
.slsec-label {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #860909;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 1rem;
}
.slsec-label::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 2px;
  background: #860909;
  border-radius: 2px;
}
.slsec-label::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #860909;
  border-radius: 50%;
}
.slsec-title {
  font-family: "Playfair Display", serif;
  font-weight: 800;
  color: #0a1628;
  margin-bottom: 0.9rem;
}
.slsec-title span {
  color: #860909;
  font-style: italic;
}
.slsec-desc {
  font-size: 1.05rem;
  color: #4a5a6e;
  max-width: 600px;
  line-height: 1.8;
}
.slgold-bar {
  width: 52px;
  height: 4px;
  background: linear-gradient(90deg, #860909, #860909);
  border-radius: 4px;
  margin-bottom: 1.4rem;
}

/* ── FEATURE CARD ── */
.slfeat-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid transparent;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.slfeat-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  border: 2px solid #860909;
  opacity: 0;
  transition: opacity 0.4s;
}
.slfeat-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.slfeat-card:hover::before {
  opacity: 1;
}
.slfeat-icon {
  width: 62px;
  height: 62px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.slfeat-icon i {
  color: #fff;
  font-size: 1.38rem;
}
.slfeat-card:hover .slfeat-icon {
  background: linear-gradient(135deg, #860909, #860909);
  transform: rotate(-5deg) scale(1.08);
}
.slfeat-card:hover .slfeat-icon i {
  color: #fff;
}
.slfeat-card h4 {
  font-family: "Playfair Display", serif;
  font-size: 1.18rem;
  margin-bottom: 12px;
  color: #0a1628;
  transition: color 0.3s;
}
.slfeat-card:hover h4 {
  color: #860909;
}
.slfeat-card p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.75;
}

/* ── STEP PROCESS ── */
.slstep {
  display: flex;
  gap: 22px;
  align-items: flex-start;
  margin-bottom: 36px;
  position: relative;
}
.slstep:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 24px;
  top: 52px;
  width: 2px;
  height: calc(100% - 20px);
  background: linear-gradient(180deg, #860909, transparent);
  opacity: 0.35;
}
.slstep-num {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Playfair Display", serif;
  font-size: 1.15rem;
  font-weight: 800;
  color: #fff;
  border: 2px solid rgba(228, 168, 53, 0.28);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 1;
}
.slstep:hover .slstep-num {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
}
.slstep-body {
  background: #fff;
  border-radius: 14px;
  padding: 24px 28px;
  flex: 1;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.slstep:hover .slstep-body {
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.28);
  transform: translateX(6px);
}
.slstep-tag {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #860909;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  margin-bottom: 10px;
}
.slstep-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.slstep-body p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.7;
}

/* ── ICON LIST ── */
.slicon-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.slicon-list li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 10px 0;
  border-bottom: 1px solid #d8e2ef;
  font-size: 0.94rem;
  color: #4a5a6e;
}
.slicon-list li:last-child {
  border-bottom: none;
}
.slicon-list li i {
  width: 27px;
  height: 27px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #860909;
  font-size: 0.72rem;
  flex-shrink: 0;
  margin-top: 1px;
}

/* ── STATS BAND ── */
.slstats-band {
  background: linear-gradient(135deg, #0a1628 0%, #0e2045 50%, #1b4f8a 100%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.slstats-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 50px 50px;
}
.slstats-band::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(
      circle at 20% 50%,
      rgba(200, 146, 42, 0.07) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 80% 50%,
      rgba(27, 79, 138, 0.14) 0%,
      transparent 50%
    );
}
.slsb-item {
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 16px 8px;
}
.slsb-icon {
  width: 60px;
  height: 60px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.28);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.slsb-icon i {
  color: #860909;
  font-size: 1.38rem;
}
.slsb-item:hover .slsb-icon {
  background: rgba(200, 146, 42, 0.22);
  transform: scale(1.1) rotate(4deg);
}
.slsb-num {
  font-family: "Playfair Display", serif;
  font-size: 3rem;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  margin-bottom: 8px;
}
.slsb-num span {
  color: #860909;
}
.slsb-label {
  font-size: 0.8rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.52);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* ── SPLIT IMAGE LAYOUT ── */
.slsplit-col {
  position: relative;
}
.slsplit-img {
  width: 100%;
  height: 470px;
  object-fit: cover;
  border-radius: 22px;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  position: relative;
  z-index: 1;
}
.slsplit-frame {
  position: absolute;
  top: -18px;
  left: -18px;
  right: 52px;
  bottom: 26px;
  border: 2px solid #860909;
  border-radius: 22px;
  opacity: 0.38;
  z-index: 0;
}
.slsplit-badge {
  position: absolute;
  bottom: 36px;
  right: 8px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 14px;
  padding: 20px 22px;
  text-align: center;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  z-index: 2;
  min-width: 130px;
  animation: slorb 5s ease-in-out infinite;
}
.slsplit-badge-num {
  font-family: "Playfair Display", serif;
  font-size: 2.4rem;
  font-weight: 900;
  color: #860909;
  line-height: 1;
  display: block;
}
.slsplit-badge-lbl {
  font-size: 0.71rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin-top: 4px;
  display: block;
  line-height: 1.4;
}

/* ── TEAM CARD ── */
.slteam-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.slteam-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.slteam-img-wrap {
  position: relative;
  overflow: hidden;
  height: 268px;
}
.slteam-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}
.slteam-card:hover .slteam-img-wrap img {
  transform: scale(1.07);
}
.slteam-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(10, 22, 40, 0.8) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 0.4s;
}
.slteam-card:hover .slteam-overlay {
  opacity: 1;
}
.slteam-soc {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  display: flex;
  gap: 9px;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.slteam-card:hover .slteam-soc {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.slteam-soc a {
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.82rem;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.slteam-soc a:hover {
  background: #860909;
  border-color: #860909;
}
.slteam-body {
  padding: 26px;
}
.slteam-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 4px;
  color: #0a1628;
}
.slteam-role {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #860909;
  margin-bottom: 10px;
  display: block;
}
.slteam-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── AWARD CARD ── */
.slaward-card {
  background: #fff;
  border-radius: 22px;
  padding: 34px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.slaward-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #860909, #860909);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.slaward-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.slaward-card:hover::after {
  transform: scaleX(1);
}
.slaward-yr {
  font-family: "Playfair Display", serif;
  font-size: 2rem;
  font-weight: 900;
  color: #860909;
  opacity: 0.2;
  position: absolute;
  top: 16px;
  right: 24px;
}
.slaward-icon {
  width: 52px;
  height: 52px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.slaward-icon i {
  color: #860909;
  font-size: 1.2rem;
}
.slaward-card:hover .slaward-icon {
  background: linear-gradient(135deg, #860909, #860909);
}
.slaward-card:hover .slaward-icon i {
  color: #fff;
}
.slaward-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.slaward-card p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── PARTNER CARD ── */
.slpartner-card {
  background: #fff;
  border-radius: 22px;
  padding: 30px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  text-align: center;
  height: 100%;
}
.slpartner-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.3);
}
.slpartner-logo {
  width: 80px;
  height: 80px;
  background: #f4f7fb;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.slpartner-logo i {
  font-size: 2rem;
  color: #1b4f8a;
  transition: color 0.3s;
}
.slpartner-card:hover .slpartner-logo {
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
}
.slpartner-card:hover .slpartner-logo i {
  color: #860909;
}
.slpartner-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.slpartner-card p {
  font-size: 0.85rem;
  color: #4a5a6e;
  margin-bottom: 14px;
}
.slpartner-badge {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #860909;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
}

/* ── INDUSTRY CARD ── */
.slind-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.slind-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.slind-img-wrap {
  overflow: hidden;
  position: relative;
}
.slind-img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  transition: transform 0.6s;
}
.slind-card:hover .slind-img {
  transform: scale(1.06);
}
.slind-cat {
  position: absolute;
  top: 14px;
  left: 14px;
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  padding: 4px 13px;
  border-radius: 50px;
}
.slind-body {
  padding: 26px;
}
.slind-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 8px;
  transition: color 0.3s;
}
.slind-card:hover h5 {
  color: #860909;
}
.slind-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}
.slind-link {
  color: #860909;
  font-weight: 600;
  font-size: 0.86rem;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: gap 0.3s;
}
.slind-link:hover {
  gap: 13px;
  color: #0a1628;
}

/* ── INSIGHT CARD ── */
.slinsight-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.slinsight-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.slinsight-img-wrap {
  overflow: hidden;
  position: relative;
}
.slinsight-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: transform 0.6s;
}
.slinsight-card:hover .slinsight-img {
  transform: scale(1.05);
}
.slinsight-tag {
  position: absolute;
  top: 14px;
  left: 14px;
  background: rgba(10, 22, 40, 0.85);
  color: #860909;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  border: 1px solid rgba(228, 168, 53, 0.3);
}
.slinsight-body {
  padding: 26px;
}
.slinsight-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}
.slinsight-meta span {
  font-size: 0.78rem;
  color: #8d9bad;
  display: flex;
  align-items: center;
  gap: 5px;
}
.slinsight-meta span i {
  font-size: 0.7rem;
  color: #860909;
}
.slinsight-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 8px;
  transition: color 0.3s;
  line-height: 1.4;
}
.slinsight-card:hover h5 {
  color: #860909;
}
.slinsight-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}

/* ── TESTIMONIAL CARD ── */
.sltesti-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
}
.sltesti-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #860909, #860909);
  border-radius: 22px 22px 0 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.sltesti-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.sltesti-card:hover::before {
  transform: scaleX(1);
}
.sltesti-quote {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.sltesti-quote i {
  color: #fff;
  font-size: 1rem;
}
.sltesti-stars {
  color: #860909;
  font-size: 0.85rem;
  margin-bottom: 14px;
  display: flex;
  gap: 3px;
}
.sltesti-text {
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.8;
  margin-bottom: 22px;
  font-style: italic;
}
.sltesti-author {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 18px;
  border-top: 1px solid #d8e2ef;
}
.sltesti-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #860909;
}
.sltesti-name {
  font-weight: 700;
  font-size: 0.93rem;
  color: #0a1628;
  display: block;
}
.sltesti-role {
  font-size: 0.78rem;
  color: #8d9bad;
  display: block;
}

/* ── FAQ ACCORDION ── */
.slfaq {
  background: #fff;
  border-radius: 14px;
  margin-bottom: 14px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.slfaq.slfaq-open {
  border-color: rgba(200, 146, 42, 0.3);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
}
.slfaq-q {
  padding: 22px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: #0a1628;
  transition: color 0.3s;
  gap: 16px;
  user-select: none;
}
.slfaq.slfaq-open .slfaq-q {
  color: #860909;
}
.slfaq-toggle {
  width: 34px;
  height: 34px;
  background: #f4f7fb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.slfaq-toggle i {
  font-size: 0.75rem;
  color: #4a5a6e;
  transition:
    transform 0.35s,
    color 0.3s;
}
.slfaq.slfaq-open .slfaq-toggle {
  background: linear-gradient(135deg, #860909, #860909);
}
.slfaq.slfaq-open .slfaq-toggle i {
  transform: rotate(180deg);
  color: #fff;
}
.slfaq-ans {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.45s ease;
}
.slfaq-ans-inner {
  padding: 0 28px 22px;
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.75;
}

/* ── FORM ELEMENTS ── */
.slform-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #4a5a6e;
  margin-bottom: 7px;
}
.slform-ctrl {
  width: 100%;
  padding: 13px 17px;
  background: #f4f7fb;
  border: 1.5px solid #d8e2ef;
  border-radius: 14px;
  font-size: 0.96rem;
  color: #1a2b3c;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  appearance: none;
  font-family: "Outfit", sans-serif;
}
.slform-ctrl:focus {
  border-color: #860909;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(200, 146, 42, 0.09);
}
.slform-ctrl::placeholder {
  color: #8d9bad;
}
textarea.slform-ctrl {
  resize: vertical;
  min-height: 115px;
}
select.slform-ctrl {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7A8D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  background-size: 17px;
  padding-right: 42px;
  cursor: pointer;
}

/* ── CTA SECTION ── */
.slcta-sec {
  background: linear-gradient(135deg, #0a1628 0%, #1b4f8a 100%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.slcta-sec::after {
  content: "";
  position: absolute;
  top: -40%;
  right: -8%;
  width: 540px;
  height: 540px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.09) 0%,
    transparent 70%
  );
}
.slcta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
}
.slcta-inner h2 {
  color: #fff;
  margin-bottom: 14px;
}
.slcta-inner h2 span {
  color: #860909;
  font-style: italic;
}
.slcta-inner p {
  color: rgba(255, 255, 255, 0.68);
  font-size: 1.08rem;
  max-width: 540px;
  margin: 0 auto 36px;
}
.slcta-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* ── FOOTER ── */
.slfooter {
  background: #0a1628;
  padding-top: 72px;
}
.slfooter-desc {
  font-size: 0.92rem;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.52);
  margin-bottom: 22px;
  max-width: 310px;
}
.slfooter-social {
  display: flex;
  gap: 9px;
}
.slfooter-social a {
  width: 38px;
  height: 38px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.48);
  font-size: 0.9rem;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.slfooter-social a:hover {
  background: #860909;
  color: #fff;
  border-color: #860909;
  transform: translateY(-3px);
}
.slfooter-head {
  font-family: "Playfair Display", serif;
  font-size: 0.98rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 10px;
}
.slfooter-head::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 26px;
  height: 2px;
  background: #860909;
  border-radius: 2px;
}
.slfooter-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.slfooter-links li {
  margin-bottom: 9px;
}
.slfooter-links li a {
  color: rgba(255, 255, 255, 0.52);
  font-size: 0.89rem;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.slfooter-links li a i {
  font-size: 0.6rem;
  color: #860909;
}
.slfooter-links li a:hover {
  color: #860909;
  gap: 12px;
}
.slfooter-contacts {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.slfooter-contacts li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  font-size: 0.87rem;
  color: rgba(255, 255, 255, 0.52);
}
.slfooter-contacts li i {
  color: #860909;
  font-size: 0.87rem;
  margin-top: 2px;
  flex-shrink: 0;
}
.slfooter-nl {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 14px;
  padding: 20px;
  margin-top: 16px;
}
.slfooter-nl p {
  font-size: 0.84rem;
  color: rgba(255, 255, 255, 0.48);
  margin-bottom: 12px;
}
.slnl-wrap {
  display: flex;
  border-radius: 50px;
  overflow: hidden;
  border: 1.5px solid rgba(255, 255, 255, 0.11);
}
.slnl-wrap input {
  flex: 1;
  background: rgba(255, 255, 255, 0.05);
  border: none;
  padding: 11px 16px;
  font-size: 0.87rem;
  color: #fff;
  outline: none;
  font-family: "Outfit", sans-serif;
}
.slnl-wrap input::placeholder {
  color: rgba(255, 255, 255, 0.33);
}
.slnl-wrap button {
  background: linear-gradient(135deg, #860909, #860909);
  border: none;
  padding: 11px 20px;
  color: #fff;
  font-size: 0.87rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.4s;
  font-family: "Outfit", sans-serif;
}
.slnl-wrap button:hover {
  background: linear-gradient(135deg, #860909, #860909);
}
.slfooter-divider {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  margin: 46px 0 0;
}
.slfooter-bottom {
  padding: 22px 0;
}
.slfooter-bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.slfooter-copy {
  font-size: 0.84rem;
  color: rgba(255, 255, 255, 0.38);
  margin: 0;
}
.slfooter-copy span {
  color: #860909;
}
.slfooter-legal {
  display: flex;
  gap: 22px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.slfooter-legal a {
  font-size: 0.81rem;
  color: rgba(255, 255, 255, 0.38);
  transition: color 0.3s;
}
.slfooter-legal a:hover {
  color: #860909;
}

/* ── SCROLL TOP ── */
.slscroll-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
  box-shadow: 0 8px 22px rgba(200, 146, 42, 0.38);
  cursor: pointer;
  border: none;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translateY(20px);
}
.slscroll-top.slst-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.slscroll-top:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 38px rgba(200, 146, 42, 0.48);
}

/* ── SCROLL ANIMATIONS ── */
.slanim {
  opacity: 0;
  transform: translateY(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.slanim.sldone {
  opacity: 1;
  transform: translateY(0);
}
.slanim-l {
  opacity: 0;
  transform: translateX(-36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.slanim-l.sldone {
  opacity: 1;
  transform: translateX(0);
}
.slanim-r {
  opacity: 0;
  transform: translateX(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.slanim-r.sldone {
  opacity: 1;
  transform: translateX(0);
}
.sld1 {
  transition-delay: 0.1s;
}
.sld2 {
  transition-delay: 0.2s;
}
.sld3 {
  transition-delay: 0.3s;
}
.sld4 {
  transition-delay: 0.4s;
}
.sld5 {
  transition-delay: 0.5s;
}

/* ── RESPONSIVE ── */
@media (max-width: 991.98px) {
  .slhdr-top {
    display: none;
  }
  .slnav-menu,
  .slnav-cta {
    display: none;
  }
  .sltoggler {
    display: flex;
  }
  .slhero {
    padding: 72px 0 58px;
  }
  .slsec,
  .slsec-alt {
    padding: 72px 0;
  }
  .slsplit-col {
    margin-bottom: 48px;
  }
  .slsplit-img {
    height: 340px;
  }
  .slsplit-frame {
    display: none;
  }
  .slstats-band {
    padding: 58px 0;
  }
}
@media (max-width: 767.98px) {
  .slhero-btns {
    flex-direction: column;
  }
  .slbtn-gold,
  .slbtn-ghost,
  .slbtn-navy,
  .slbtn-outline,
  .slbtn-white,
  .slbtn-ghost2 {
    width: 100%;
    justify-content: center;
  }
  .slcta-btns {
    flex-direction: column;
    align-items: center;
  }
  .slfooter-bottom-inner {
    flex-direction: column;
    text-align: center;
  }
  .slfooter-legal {
    justify-content: center;
  }
  .slsb-num {
    font-size: 2.4rem;
  }
  .slsplit-img {
    height: 280px;
  }
}

/* Commercial Debt css  */
/* ============================================================
   PAGE PREFIX: CD — ALL CSS INTERNAL, ZERO INLINE
   ============================================================ */

.cdbody {
  font-family: "Outfit", sans-serif;
  color: #1a2b3c;
  background: #ffffff;
  overflow-x: hidden;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
}
.cdbody * {
  box-sizing: border-box;
}
.cdbody h1,
.cdbody h2,
.cdbody h3,
.cdbody h4,
.cdbody h5,
.cdbody h6 {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 800;
  line-height: 1.22;
  color: #0a1628;
  margin: 0;
}
.cdbody h1 {
  font-size: clamp(2.4rem, 5vw, 3.9rem);
}
.cdbody h2 {
  font-size: clamp(1.85rem, 3.5vw, 2.75rem);
}
.cdbody h3 {
  font-size: clamp(1.25rem, 2vw, 1.65rem);
}
.cdbody p {
  font-size: 1.02rem;
  color: #4a5a6e;
  line-height: 1.78;
  margin: 0;
}
.cdbody a {
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cdbody img {
  max-width: 100%;
  display: block;
}

/* ── TOP BAR ── */
.cdhdr-top {
  background: #0a1628;
  padding: 9px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.cdhdr-top-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cdtop-contacts {
  display: flex;
  align-items: center;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.cdtop-contacts li a {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.84rem;
  display: flex;
  align-items: center;
  gap: 7px;
  transition: color 0.3s;
}
.cdtop-contacts li a i {
  color: #860909;
  font-size: 0.75rem;
}
.cdtop-contacts li a:hover {
  color: #860909;
}
.cdtop-social {
  display: flex;
  gap: 12px;
}
.cdtop-social a {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.82rem;
  transition: color 0.3s;
}
.cdtop-social a:hover {
  color: #860909;
}

/* ── LOGO BAR ── */
.cdlogo-bar {
  background: #fff;
  padding: 20px 0;
  border-bottom: 1px solid #d8e2ef;
}
.cdlogo-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
}
.cdlogo-icon {
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 18px rgba(10, 22, 40, 0.2);
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.cdlogo-icon::before {
  content: "";
  position: absolute;
  top: -30%;
  left: -30%;
  width: 80%;
  height: 80%;
  background: rgba(228, 168, 53, 0.14);
  border-radius: 50%;
}
.cdlogo-icon i {
  color: #860909;
  font-size: 1.5rem;
  position: relative;
  z-index: 1;
}
.cdlogo-texts {
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.cdlogo-name {
  font-family: "Playfair Display", serif;
  font-size: 1.58rem;
  font-weight: 800;
  color: #0a1628;
}
.cdlogo-name span {
  color: #860909;
}
.cdlogo-tag {
  font-size: 0.67rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #8d9bad;
  margin-top: 4px;
}
.cdlogo-bar-right {
  display: flex;
  align-items: center;
  gap: 16px;
}
.cdphone-blk {
  text-align: right;
}
.cdphone-blk small {
  display: block;
  font-size: 0.67rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8d9bad;
}
.cdphone-blk a {
  font-family: "Playfair Display", serif;
  font-size: 1.13rem;
  font-weight: 700;
  color: #0a1628;
}
.cdphone-blk a:hover {
  color: #860909;
}

/* ── NAVIGATION ── */
.cdnav {
  background: #0a1628;
  position: sticky;
  top: 0;
  z-index: 999;
  transition: box-shadow 0.3s;
}
.cdnav.cdscrolled {
  box-shadow: 0 6px 30px rgba(10, 22, 40, 0.38);
}
.cdnav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cdnav-menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.cdnav-menu > li {
  position: relative;
}
.cdnav-menu > li > a {
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.92rem;
  font-weight: 500;
  padding: 19px 18px;
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  transition: color 0.3s;
}
.cdnav-menu > li > a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background: #860909;
  transition: all 0.35s;
  transform: translateX(-50%);
  border-radius: 3px 3px 0 0;
}
.cdnav-menu > li:hover > a,
.cdnav-menu > li.cdact > a {
  color: #860909;
}
.cdnav-menu > li:hover > a::after,
.cdnav-menu > li.cdact > a::after {
  width: 76%;
}
.cdchev {
  font-size: 0.64rem;
  transition: transform 0.3s;
}
.cdnav-menu > li:hover > a .cdchev {
  transform: rotate(180deg);
}
.cddrop {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  background: #fff;
  min-width: 228px;
  border-radius: 14px;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  list-style: none;
  margin: 0;
  border-top: 3px solid #860909;
  z-index: 1000;
}
.cdnav-menu > li:hover .cddrop {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.cddrop li a {
  color: #1a2b3c;
  font-size: 0.89rem;
  font-weight: 500;
  padding: 11px 20px;
  display: flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cddrop li a i {
  color: #860909;
  font-size: 0.8rem;
  width: 15px;
}
.cddrop li a:hover {
  background: #f4f7fb;
  color: #860909;
  padding-left: 28px;
}
.cdnav-cta {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-size: 0.89rem;
  font-weight: 600;
  padding: 10px 22px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
.cdnav-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(200, 146, 42, 0.4);
  color: #fff;
}
.cdtoggler {
  background: none;
  border: 2px solid rgba(255, 255, 255, 0.28);
  border-radius: 8px;
  padding: 7px 11px;
  cursor: pointer;
  display: none;
  flex-direction: column;
  gap: 5px;
}
.cdtoggler span {
  display: block;
  width: 22px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  transition: all 0.4s;
}
.cdmob-panel {
  display: none;
  background: #0a1628;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.cdmob-panel.cdmob-open {
  display: block;
}
.cdmob-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.cdmob-links > li > a {
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.96rem;
  font-weight: 500;
  padding: 13px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  transition: color 0.3s;
}
.cdmob-links > li > a:hover {
  color: #860909;
}
.cdmob-sub {
  list-style: none;
  padding: 0;
  background: rgba(255, 255, 255, 0.04);
  display: none;
}
.cdmob-sub.cdsub-open {
  display: block;
}
.cdmob-sub li a {
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.87rem;
  padding: 11px 38px;
  display: flex;
  align-items: center;
  gap: 9px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
  transition: color 0.3s;
}
.cdmob-sub li a:hover {
  color: #860909;
}
.cdmob-cta {
  padding: 14px 22px;
}

/* ── PAGE HERO ── */
.cdhero {
  position: relative;
  padding: 110px 0 90px;
  overflow: hidden;
  background: #0a1628;
}
.cdhero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.14;
  animation: cdzoom 20s ease-in-out infinite alternate;
}
@keyframes cdzoom {
  0% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1.14);
  }
}
.cdhero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(10, 22, 40, 0.97) 0%,
    rgba(14, 32, 69, 0.9) 55%,
    rgba(27, 79, 138, 0.68) 100%
  );
}
.cdhero-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(228, 168, 53, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(228, 168, 53, 0.04) 1px, transparent 1px);
  background-size: 56px 56px;
  animation: cdgrid 24s linear infinite;
}
@keyframes cdgrid {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(56px, 56px);
  }
}
.cdhero-orb1 {
  position: absolute;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.1) 0%,
    transparent 70%
  );
  top: -100px;
  right: -80px;
  animation: cdorb 9s ease-in-out infinite;
}
.cdhero-orb2 {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(27, 79, 138, 0.18) 0%,
    transparent 70%
  );
  bottom: -60px;
  left: 6%;
  animation: cdorb 12s ease-in-out infinite reverse;
}
@keyframes cdorb {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-28px) scale(1.06);
  }
}
.cdhero-content {
  position: relative;
  z-index: 2;
}
.cdhero-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.32);
  border-radius: 50px;
  padding: 7px 18px;
  color: #860909;
  font-size: 0.77rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  margin-bottom: 24px;
  animation: cdfd 0.8s ease both;
}
@keyframes cdfd {
  from {
    opacity: 0;
    transform: translateY(-18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.cdhero h1 {
  color: #fff;
  margin-bottom: 22px;
  animation: cdfu 0.9s ease 0.2s both;
}
.cdhero h1 span {
  color: #860909;
  font-style: italic;
}
@keyframes cdfu {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.cdhero-desc {
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.1rem;
  max-width: 560px;
  line-height: 1.82;
  margin-bottom: 38px;
  animation: cdfu 0.9s ease 0.35s both;
}
.cdhero-btns {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  animation: cdfu 0.9s ease 0.5s both;
}
.cdbreadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 40px 0 0;
  animation: cdfu 0.9s ease 0.65s both;
}
.cdbreadcrumb li {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.8rem;
}
.cdbreadcrumb li a {
  color: rgba(255, 255, 255, 0.55);
  transition: color 0.3s;
}
.cdbreadcrumb li a:hover {
  color: #860909;
}
.cdbreadcrumb li.cdbc-act {
  color: #860909;
  font-weight: 600;
}
.cdbreadcrumb li i {
  font-size: 0.6rem;
}

/* ── BUTTONS ── */
.cdbtn-gold {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 16px 36px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 10px 36px rgba(134, 9, 9, 0.5);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.cdbtn-gold:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 50px rgba(134, 9, 9, 1);
  color: #fff;
}
.cdbtn-gold i {
  transition: transform 0.3s;
}
.cdbtn-gold:hover i {
  transform: translateX(4px);
}
.cdbtn-ghost {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  padding: 15px 36px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.cdbtn-ghost:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}
.cdbtn-navy {
  background: #0a1628;
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: 2px solid #0a1628;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.cdbtn-navy:hover {
  background: transparent;
  color: #0a1628;
  transform: translateY(-3px);
}
.cdbtn-outline {
  background: transparent;
  color: #0a1628;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 2px solid #0a1628;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.cdbtn-outline:hover {
  background: #0a1628;
  color: #fff;
  transform: translateY(-3px);
}
.cdbtn-white {
  background: #fff;
  color: #0a1628;
  font-weight: 700;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.cdbtn-white:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  color: #860909;
}
.cdbtn-ghost2 {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.cdbtn-ghost2:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}

/* ── SECTION UTILITIES ── */
.cdsec {
  padding: 108px 0;
  background: #fff;
}
.cdsec-alt {
  padding: 108px 0;
  background: #f4f7fb;
}
.cdsec-label {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #860909;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 1rem;
}
.cdsec-label::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 2px;
  background: #860909;
  border-radius: 2px;
}
.cdsec-label::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #860909;
  border-radius: 50%;
}
.cdsec-title {
  font-family: "Playfair Display", serif;
  font-weight: 800;
  color: #0a1628;
  margin-bottom: 0.9rem;
}
.cdsec-title span {
  color: #860909;
  font-style: italic;
}
.cdsec-desc {
  font-size: 1.05rem;
  color: #4a5a6e;
  max-width: 600px;
  line-height: 1.8;
}
.cdgold-bar {
  width: 52px;
  height: 4px;
  background: linear-gradient(90deg, #860909, #860909);
  border-radius: 4px;
  margin-bottom: 1.4rem;
}

/* ── FEATURE CARD ── */
.cdfeat-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid transparent;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.cdfeat-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  border: 2px solid #860909;
  opacity: 0;
  transition: opacity 0.4s;
}
.cdfeat-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.cdfeat-card:hover::before {
  opacity: 1;
}
.cdfeat-icon {
  width: 62px;
  height: 62px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cdfeat-icon i {
  color: #fff;
  font-size: 1.38rem;
}
.cdfeat-card:hover .cdfeat-icon {
  background: linear-gradient(135deg, #860909, #860909);
  transform: rotate(-5deg) scale(1.08);
}
.cdfeat-card:hover .cdfeat-icon i {
  color: #fff;
}
.cdfeat-card h4 {
  font-family: "Playfair Display", serif;
  font-size: 1.18rem;
  margin-bottom: 12px;
  color: #0a1628;
  transition: color 0.3s;
}
.cdfeat-card:hover h4 {
  color: #860909;
}
.cdfeat-card p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.75;
}

/* ── STEP PROCESS ── */
.cdstep {
  display: flex;
  gap: 22px;
  align-items: flex-start;
  margin-bottom: 36px;
  position: relative;
}
.cdstep:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 24px;
  top: 52px;
  width: 2px;
  height: calc(100% - 20px);
  background: linear-gradient(180deg, #860909, transparent);
  opacity: 0.35;
}
.cdstep-num {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Playfair Display", serif;
  font-size: 1.15rem;
  font-weight: 800;
  color: #fff;
  border: 2px solid rgba(228, 168, 53, 0.28);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 1;
}
.cdstep:hover .cdstep-num {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
}
.cdstep-body {
  background: #fff;
  border-radius: 14px;
  padding: 24px 28px;
  flex: 1;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cdstep:hover .cdstep-body {
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.28);
  transform: translateX(6px);
}
.cdstep-tag {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #860909;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  margin-bottom: 10px;
}
.cdstep-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.cdstep-body p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.7;
}

/* ── ICON LIST ── */
.cdicon-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.cdicon-list li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 10px 0;
  border-bottom: 1px solid #d8e2ef;
  font-size: 0.94rem;
  color: #4a5a6e;
}
.cdicon-list li:last-child {
  border-bottom: none;
}
.cdicon-list li i {
  width: 27px;
  height: 27px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #860909;
  font-size: 0.72rem;
  flex-shrink: 0;
  margin-top: 1px;
}

/* ── STATS BAND ── */
.cdstats-band {
  background: linear-gradient(135deg, #0a1628 0%, #0e2045 50%, #1b4f8a 100%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.cdstats-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 50px 50px;
}
.cdstats-band::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(
      circle at 20% 50%,
      rgba(200, 146, 42, 0.07) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 80% 50%,
      rgba(27, 79, 138, 0.14) 0%,
      transparent 50%
    );
}
.cdsb-item {
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 16px 8px;
}
.cdsb-icon {
  width: 60px;
  height: 60px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.28);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cdsb-icon i {
  color: #860909;
  font-size: 1.38rem;
}
.cdsb-item:hover .cdsb-icon {
  background: rgba(200, 146, 42, 0.22);
  transform: scale(1.1) rotate(4deg);
}
.cdsb-num {
  font-family: "Playfair Display", serif;
  font-size: 3rem;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  margin-bottom: 8px;
}
.cdsb-num span {
  color: #860909;
}
.cdsb-label {
  font-size: 0.8rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.52);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* ── SPLIT IMAGE LAYOUT ── */
.cdsplit-col {
  position: relative;
}
.cdsplit-img {
  width: 100%;
  height: 470px;
  object-fit: cover;
  border-radius: 22px;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  position: relative;
  z-index: 1;
}
.cdsplit-frame {
  position: absolute;
  top: -18px;
  left: -18px;
  right: 52px;
  bottom: 26px;
  border: 2px solid #860909;
  border-radius: 22px;
  opacity: 0.38;
  z-index: 0;
}
.cdsplit-badge {
  position: absolute;
  bottom: 36px;
  right: 8px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 14px;
  padding: 20px 22px;
  text-align: center;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  z-index: 2;
  min-width: 130px;
  animation: cdorb 5s ease-in-out infinite;
}
.cdsplit-badge-num {
  font-family: "Playfair Display", serif;
  font-size: 2.4rem;
  font-weight: 900;
  color: #860909;
  line-height: 1;
  display: block;
}
.cdsplit-badge-lbl {
  font-size: 0.71rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin-top: 4px;
  display: block;
  line-height: 1.4;
}

/* ── TEAM CARD ── */
.cdteam-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.cdteam-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.cdteam-img-wrap {
  position: relative;
  overflow: hidden;
  height: 268px;
}
.cdteam-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}
.cdteam-card:hover .cdteam-img-wrap img {
  transform: scale(1.07);
}
.cdteam-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(10, 22, 40, 0.8) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 0.4s;
}
.cdteam-card:hover .cdteam-overlay {
  opacity: 1;
}
.cdteam-soc {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  display: flex;
  gap: 9px;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cdteam-card:hover .cdteam-soc {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.cdteam-soc a {
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.82rem;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cdteam-soc a:hover {
  background: #860909;
  border-color: #860909;
}
.cdteam-body {
  padding: 26px;
}
.cdteam-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 4px;
  color: #0a1628;
}
.cdteam-role {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #860909;
  margin-bottom: 10px;
  display: block;
}
.cdteam-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── AWARD CARD ── */
.cdaward-card {
  background: #fff;
  border-radius: 22px;
  padding: 34px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.cdaward-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #860909, #860909);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.cdaward-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.cdaward-card:hover::after {
  transform: scaleX(1);
}
.cdaward-yr {
  font-family: "Playfair Display", serif;
  font-size: 2rem;
  font-weight: 900;
  color: #860909;
  opacity: 0.2;
  position: absolute;
  top: 16px;
  right: 24px;
}
.cdaward-icon {
  width: 52px;
  height: 52px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cdaward-icon i {
  color: #860909;
  font-size: 1.2rem;
}
.cdaward-card:hover .cdaward-icon {
  background: linear-gradient(135deg, #860909, #860909);
}
.cdaward-card:hover .cdaward-icon i {
  color: #fff;
}
.cdaward-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.cdaward-card p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── PARTNER CARD ── */
.cdpartner-card {
  background: #fff;
  border-radius: 22px;
  padding: 30px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  text-align: center;
  height: 100%;
}
.cdpartner-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.3);
}
.cdpartner-logo {
  width: 80px;
  height: 80px;
  background: #f4f7fb;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cdpartner-logo i {
  font-size: 2rem;
  color: #1b4f8a;
  transition: color 0.3s;
}
.cdpartner-card:hover .cdpartner-logo {
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
}
.cdpartner-card:hover .cdpartner-logo i {
  color: #860909;
}
.cdpartner-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.cdpartner-card p {
  font-size: 0.85rem;
  color: #4a5a6e;
  margin-bottom: 14px;
}
.cdpartner-badge {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #860909;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
}

/* ── INDUSTRY CARD ── */
.cdind-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.cdind-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.cdind-img-wrap {
  overflow: hidden;
  position: relative;
}
.cdind-img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  transition: transform 0.6s;
}
.cdind-card:hover .cdind-img {
  transform: scale(1.06);
}
.cdind-cat {
  position: absolute;
  top: 14px;
  left: 14px;
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  padding: 4px 13px;
  border-radius: 50px;
}
.cdind-body {
  padding: 26px;
}
.cdind-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 8px;
  transition: color 0.3s;
}
.cdind-card:hover h5 {
  color: #860909;
}
.cdind-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}
.cdind-link {
  color: #860909;
  font-weight: 600;
  font-size: 0.86rem;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: gap 0.3s;
}
.cdind-link:hover {
  gap: 13px;
  color: #0a1628;
}

/* ── INSIGHT CARD ── */
.cdinsight-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.cdinsight-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.cdinsight-img-wrap {
  overflow: hidden;
  position: relative;
}
.cdinsight-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: transform 0.6s;
}
.cdinsight-card:hover .cdinsight-img {
  transform: scale(1.05);
}
.cdinsight-tag {
  position: absolute;
  top: 14px;
  left: 14px;
  background: rgba(10, 22, 40, 0.85);
  color: #860909;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  border: 1px solid rgba(228, 168, 53, 0.3);
}
.cdinsight-body {
  padding: 26px;
}
.cdinsight-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}
.cdinsight-meta span {
  font-size: 0.78rem;
  color: #8d9bad;
  display: flex;
  align-items: center;
  gap: 5px;
}
.cdinsight-meta span i {
  font-size: 0.7rem;
  color: #860909;
}
.cdinsight-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 8px;
  transition: color 0.3s;
  line-height: 1.4;
}
.cdinsight-card:hover h5 {
  color: #860909;
}
.cdinsight-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}

/* ── TESTIMONIAL CARD ── */
.cdtesti-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
}
.cdtesti-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #860909, #860909);
  border-radius: 22px 22px 0 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.cdtesti-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.cdtesti-card:hover::before {
  transform: scaleX(1);
}
.cdtesti-quote {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.cdtesti-quote i {
  color: #fff;
  font-size: 1rem;
}
.cdtesti-stars {
  color: #860909;
  font-size: 0.85rem;
  margin-bottom: 14px;
  display: flex;
  gap: 3px;
}
.cdtesti-text {
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.8;
  margin-bottom: 22px;
  font-style: italic;
}
.cdtesti-author {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 18px;
  border-top: 1px solid #d8e2ef;
}
.cdtesti-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #860909;
}
.cdtesti-name {
  font-weight: 700;
  font-size: 0.93rem;
  color: #0a1628;
  display: block;
}
.cdtesti-role {
  font-size: 0.78rem;
  color: #8d9bad;
  display: block;
}

/* ── FAQ ACCORDION ── */
.cdfaq {
  background: #fff;
  border-radius: 14px;
  margin-bottom: 14px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cdfaq.cdfaq-open {
  border-color: rgba(200, 146, 42, 0.3);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
}
.cdfaq-q {
  padding: 22px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: #0a1628;
  transition: color 0.3s;
  gap: 16px;
  user-select: none;
}
.cdfaq.cdfaq-open .cdfaq-q {
  color: #860909;
}
.cdfaq-toggle {
  width: 34px;
  height: 34px;
  background: #f4f7fb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cdfaq-toggle i {
  font-size: 0.75rem;
  color: #4a5a6e;
  transition:
    transform 0.35s,
    color 0.3s;
}
.cdfaq.cdfaq-open .cdfaq-toggle {
  background: linear-gradient(135deg, #860909, #860909);
}
.cdfaq.cdfaq-open .cdfaq-toggle i {
  transform: rotate(180deg);
  color: #fff;
}
.cdfaq-ans {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.45s ease;
}
.cdfaq-ans-inner {
  padding: 0 28px 22px;
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.75;
}

/* ── FORM ELEMENTS ── */
.cdform-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #4a5a6e;
  margin-bottom: 7px;
}
.cdform-ctrl {
  width: 100%;
  padding: 13px 17px;
  background: #f4f7fb;
  border: 1.5px solid #d8e2ef;
  border-radius: 14px;
  font-size: 0.96rem;
  color: #1a2b3c;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  appearance: none;
  font-family: "Outfit", sans-serif;
}
.cdform-ctrl:focus {
  border-color: #860909;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(200, 146, 42, 0.09);
}
.cdform-ctrl::placeholder {
  color: #8d9bad;
}
textarea.cdform-ctrl {
  resize: vertical;
  min-height: 115px;
}
select.cdform-ctrl {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7A8D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  background-size: 17px;
  padding-right: 42px;
  cursor: pointer;
}

/* ── CTA SECTION ── */
.cdcta-sec {
  background: linear-gradient(135deg, #0a1628 0%, #1b4f8a 50%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.cdcta-sec::after {
  content: "";
  position: absolute;
  top: -40%;
  right: -8%;
  width: 540px;
  height: 540px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.09) 0%,
    transparent 70%
  );
}
.cdcta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
}
.cdcta-inner h2 {
  color: #fff;
  margin-bottom: 14px;
}
.cdcta-inner h2 span {
  color: #860909;
  font-style: italic;
}
.cdcta-inner p {
  color: rgba(255, 255, 255, 0.68);
  font-size: 1.08rem;
  max-width: 540px;
  margin: 0 auto 36px;
}
.cdcta-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* ── SCROLL TOP ── */
.cdscroll-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
  box-shadow: 0 8px 22px rgba(200, 146, 42, 0.38);
  cursor: pointer;
  border: none;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translateY(20px);
}
.cdscroll-top.cdst-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.cdscroll-top:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 38px rgba(200, 146, 42, 0.48);
}

/* ── SCROLL ANIMATIONS ── */
.cdanim {
  opacity: 0;
  transform: translateY(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.cdanim.cddone {
  opacity: 1;
  transform: translateY(0);
}
.cdanim-l {
  opacity: 0;
  transform: translateX(-36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.cdanim-l.cddone {
  opacity: 1;
  transform: translateX(0);
}
.cdanim-r {
  opacity: 0;
  transform: translateX(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.cdanim-r.cddone {
  opacity: 1;
  transform: translateX(0);
}
.cdd1 {
  transition-delay: 0.1s;
}
.cdd2 {
  transition-delay: 0.2s;
}
.cdd3 {
  transition-delay: 0.3s;
}
.cdd4 {
  transition-delay: 0.4s;
}
.cdd5 {
  transition-delay: 0.5s;
}

/* ── RESPONSIVE ── */
@media (max-width: 991.98px) {
  .cdhdr-top {
    display: none;
  }
  .cdnav-menu,
  .cdnav-cta {
    display: none;
  }
  .cdtoggler {
    display: flex;
  }
  .cdhero {
    padding: 72px 0 58px;
  }
  .cdsec,
  .cdsec-alt {
    padding: 72px 0;
  }
  .cdsplit-col {
    margin-bottom: 48px;
  }
  .cdsplit-img {
    height: 340px;
  }
  .cdsplit-frame {
    display: none;
  }
  .cdstats-band {
    padding: 58px 0;
  }
}
@media (max-width: 767.98px) {
  .cdhero-btns {
    flex-direction: column;
  }
  .cdbtn-gold,
  .cdbtn-ghost,
  .cdbtn-navy,
  .cdbtn-outline,
  .cdbtn-white,
  .cdbtn-ghost2 {
    width: 100%;
    justify-content: center;
  }
  .cdcta-btns {
    flex-direction: column;
    align-items: center;
  }
  .cdfooter-bottom-inner {
    flex-direction: column;
    text-align: center;
  }
  .cdfooter-legal {
    justify-content: center;
  }
  .cdsb-num {
    font-size: 2.4rem;
  }
  .cdsplit-img {
    height: 280px;
  }
}

/* Costumer csss  */
/* ============================================================
   PAGE PREFIX: CX — ALL CSS INTERNAL, ZERO INLINE
   ============================================================ */

.cxbody {
  font-family: "Outfit", sans-serif;
  color: #1a2b3c;
  background: #ffffff;
  overflow-x: hidden;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
}
.cxbody * {
  box-sizing: border-box;
}
.cxbody h1,
.cxbody h2,
.cxbody h3,
.cxbody h4,
.cxbody h5,
.cxbody h6 {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 800;
  line-height: 1.22;
  color: #0a1628;
  margin: 0;
}
.cxbody h1 {
  font-size: clamp(2.4rem, 5vw, 3.9rem);
}
.cxbody h2 {
  font-size: clamp(1.85rem, 3.5vw, 2.75rem);
}
.cxbody h3 {
  font-size: clamp(1.25rem, 2vw, 1.65rem);
}
.cxbody p {
  font-size: 1.02rem;
  color: #4a5a6e;
  line-height: 1.78;
  margin: 0;
}
.cxbody a {
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cxbody img {
  max-width: 100%;
  display: block;
}

/* ── TOP BAR ── */
.cxhdr-top {
  background: #0a1628;
  padding: 9px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.cxhdr-top-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cxtop-contacts {
  display: flex;
  align-items: center;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.cxtop-contacts li a {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.84rem;
  display: flex;
  align-items: center;
  gap: 7px;
  transition: color 0.3s;
}
.cxtop-contacts li a i {
  color: #860909;
  font-size: 0.75rem;
}
.cxtop-contacts li a:hover {
  color: #860909;
}
.cxtop-social {
  display: flex;
  gap: 12px;
}
.cxtop-social a {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.82rem;
  transition: color 0.3s;
}
.cxtop-social a:hover {
  color: #860909;
}

/* ── LOGO BAR ── */
.cxlogo-bar {
  background: #fff;
  padding: 20px 0;
  border-bottom: 1px solid #d8e2ef;
}
.cxlogo-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
}
.cxlogo-icon {
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 18px rgba(10, 22, 40, 0.2);
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.cxlogo-icon::before {
  content: "";
  position: absolute;
  top: -30%;
  left: -30%;
  width: 80%;
  height: 80%;
  background: rgba(228, 168, 53, 0.14);
  border-radius: 50%;
}
.cxlogo-icon i {
  color: #860909;
  font-size: 1.5rem;
  position: relative;
  z-index: 1;
}
.cxlogo-texts {
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.cxlogo-name {
  font-family: "Playfair Display", serif;
  font-size: 1.58rem;
  font-weight: 800;
  color: #0a1628;
}
.cxlogo-name span {
  color: #860909;
}
.cxlogo-tag {
  font-size: 0.67rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #8d9bad;
  margin-top: 4px;
}
.cxlogo-bar-right {
  display: flex;
  align-items: center;
  gap: 16px;
}
.cxphone-blk {
  text-align: right;
}
.cxphone-blk small {
  display: block;
  font-size: 0.67rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8d9bad;
}
.cxphone-blk a {
  font-family: "Playfair Display", serif;
  font-size: 1.13rem;
  font-weight: 700;
  color: #0a1628;
}
.cxphone-blk a:hover {
  color: #860909;
}

/* ── PAGE HERO ── */
.cxhero {
  position: relative;
  padding: 110px 0 90px;
  overflow: hidden;
  background: #0a1628;
}
.cxhero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.14;
  animation: cxzoom 20s ease-in-out infinite alternate;
}
@keyframes cxzoom {
  0% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1.14);
  }
}
.cxhero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(10, 22, 40, 0.97) 0%,
    rgba(14, 32, 69, 0.9) 55%,
    rgba(27, 79, 138, 0.68) 100%
  );
}
.cxhero-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(228, 168, 53, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(228, 168, 53, 0.04) 1px, transparent 1px);
  background-size: 56px 56px;
  animation: cxgrid 24s linear infinite;
}
@keyframes cxgrid {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(56px, 56px);
  }
}
.cxhero-orb1 {
  position: absolute;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.1) 0%,
    transparent 70%
  );
  top: -100px;
  right: -80px;
  animation: cxorb 9s ease-in-out infinite;
}
.cxhero-orb2 {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(27, 79, 138, 0.18) 0%,
    transparent 70%
  );
  bottom: -60px;
  left: 6%;
  animation: cxorb 12s ease-in-out infinite reverse;
}
@keyframes cxorb {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-28px) scale(1.06);
  }
}
.cxhero-content {
  position: relative;
  z-index: 2;
}
.cxhero-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.32);
  border-radius: 50px;
  padding: 7px 18px;
  color: #860909;
  font-size: 0.77rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  margin-bottom: 24px;
  animation: cxfd 0.8s ease both;
}
@keyframes cxfd {
  from {
    opacity: 0;
    transform: translateY(-18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.cxhero h1 {
  color: #fff;
  margin-bottom: 22px;
  animation: cxfu 0.9s ease 0.2s both;
}
.cxhero h1 span {
  color: #860909;
  font-style: italic;
}
@keyframes cxfu {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.cxhero-desc {
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.1rem;
  max-width: 560px;
  line-height: 1.82;
  margin-bottom: 38px;
  animation: cxfu 0.9s ease 0.35s both;
}
.cxhero-btns {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  animation: cxfu 0.9s ease 0.5s both;
}
.cxbreadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 40px 0 0;
  animation: cxfu 0.9s ease 0.65s both;
}
.cxbreadcrumb li {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.8rem;
}
.cxbreadcrumb li a {
  color: rgba(255, 255, 255, 0.55);
  transition: color 0.3s;
}
.cxbreadcrumb li a:hover {
  color: #860909;
}
.cxbreadcrumb li.cxbc-act {
  color: #860909;
  font-weight: 600;
}
.cxbreadcrumb li i {
  font-size: 0.6rem;
}

/* ── BUTTONS ── */
.cxbtn-gold {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 16px 36px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 10px 36px rgba(134, 9, 9, 0.5);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.cxbtn-gold:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 50px rgba(134, 9, 9, 1);
  color: #fff;
}
.cxbtn-gold i {
  transition: transform 0.3s;
}
.cxbtn-gold:hover i {
  transform: translateX(4px);
}
.cxbtn-ghost {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  padding: 15px 36px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.cxbtn-ghost:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}
.cxbtn-navy {
  background: #0a1628;
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: 2px solid #0a1628;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.cxbtn-navy:hover {
  background: transparent;
  color: #0a1628;
  transform: translateY(-3px);
}
.cxbtn-outline {
  background: transparent;
  color: #0a1628;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 2px solid #0a1628;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.cxbtn-outline:hover {
  background: #0a1628;
  color: #fff;
  transform: translateY(-3px);
}
.cxbtn-white {
  background: #fff;
  color: #0a1628;
  font-weight: 700;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.cxbtn-white:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  color: #860909;
}
.cxbtn-ghost2 {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.cxbtn-ghost2:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}

/* ── SECTION UTILITIES ── */
.cxsec {
  padding: 108px 0;
  background: #fff;
}
.cxsec-alt {
  padding: 108px 0;
  background: #f4f7fb;
}
.cxsec-label {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #860909;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 1rem;
}
.cxsec-label::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 2px;
  background: #860909;
  border-radius: 2px;
}
.cxsec-label::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #860909;
  border-radius: 50%;
}
.cxsec-title {
  font-family: "Playfair Display", serif;
  font-weight: 800;
  color: #0a1628;
  margin-bottom: 0.9rem;
}
.cxsec-title span {
  color: #860909;
  font-style: italic;
}
.cxsec-desc {
  font-size: 1.05rem;
  color: #4a5a6e;
  max-width: 600px;
  line-height: 1.8;
}
.cxgold-bar {
  width: 52px;
  height: 4px;
  background: linear-gradient(90deg, #860909, #860909);
  border-radius: 4px;
  margin-bottom: 1.4rem;
}

/* ── FEATURE CARD ── */
.cxfeat-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid transparent;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.cxfeat-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  border: 2px solid #860909;
  opacity: 0;
  transition: opacity 0.4s;
}
.cxfeat-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.cxfeat-card:hover::before {
  opacity: 1;
}
.cxfeat-icon {
  width: 62px;
  height: 62px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cxfeat-icon i {
  color: #fff;
  font-size: 1.38rem;
}
.cxfeat-card:hover .cxfeat-icon {
  background: linear-gradient(135deg, #860909, #860909);
  transform: rotate(-5deg) scale(1.08);
}
.cxfeat-card:hover .cxfeat-icon i {
  color: #fff;
}
.cxfeat-card h4 {
  font-family: "Playfair Display", serif;
  font-size: 1.18rem;
  margin-bottom: 12px;
  color: #0a1628;
  transition: color 0.3s;
}
.cxfeat-card:hover h4 {
  color: #860909;
}
.cxfeat-card p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.75;
}

/* ── STEP PROCESS ── */
.cxstep {
  display: flex;
  gap: 22px;
  align-items: flex-start;
  margin-bottom: 36px;
  position: relative;
}
.cxstep:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 24px;
  top: 52px;
  width: 2px;
  height: calc(100% - 20px);
  background: linear-gradient(180deg, #860909, transparent);
  opacity: 0.35;
}
.cxstep-num {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Playfair Display", serif;
  font-size: 1.15rem;
  font-weight: 800;
  color: #fff;
  border: 2px solid rgba(228, 168, 53, 0.28);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 1;
}
.cxstep:hover .cxstep-num {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
}
.cxstep-body {
  background: #fff;
  border-radius: 14px;
  padding: 24px 28px;
  flex: 1;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cxstep:hover .cxstep-body {
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.28);
  transform: translateX(6px);
}
.cxstep-tag {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #860909;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  margin-bottom: 10px;
}
.cxstep-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.cxstep-body p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.7;
}

/* ── ICON LIST ── */
.cxicon-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.cxicon-list li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 10px 0;
  border-bottom: 1px solid #d8e2ef;
  font-size: 0.94rem;
  color: #4a5a6e;
}
.cxicon-list li:last-child {
  border-bottom: none;
}
.cxicon-list li i {
  width: 27px;
  height: 27px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #860909;
  font-size: 0.72rem;
  flex-shrink: 0;
  margin-top: 1px;
}

/* ── STATS BAND ── */
.cxstats-band {
  background: linear-gradient(135deg, #0a1628 0%, #0e2045 50%, #1b4f8a 100%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.cxstats-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 50px 50px;
}
.cxstats-band::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(
      circle at 20% 50%,
      rgba(200, 146, 42, 0.07) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 80% 50%,
      rgba(27, 79, 138, 0.14) 0%,
      transparent 50%
    );
}
.cxsb-item {
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 16px 8px;
}
.cxsb-icon {
  width: 60px;
  height: 60px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.28);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cxsb-icon i {
  color: #860909;
  font-size: 1.38rem;
}
.cxsb-item:hover .cxsb-icon {
  background: rgba(200, 146, 42, 0.22);
  transform: scale(1.1) rotate(4deg);
}
.cxsb-num {
  font-family: "Playfair Display", serif;
  font-size: 3rem;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  margin-bottom: 8px;
}
.cxsb-num span {
  color: #860909;
}
.cxsb-label {
  font-size: 0.8rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.52);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* ── SPLIT IMAGE LAYOUT ── */
.cxsplit-col {
  position: relative;
}
.cxsplit-img {
  width: 100%;
  height: 470px;
  object-fit: cover;
  border-radius: 22px;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  position: relative;
  z-index: 1;
}
.cxsplit-frame {
  position: absolute;
  top: -18px;
  left: -18px;
  right: 52px;
  bottom: 26px;
  border: 2px solid #860909;
  border-radius: 22px;
  opacity: 0.38;
  z-index: 0;
}
.cxsplit-badge {
  position: absolute;
  bottom: 36px;
  right: 8px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 14px;
  padding: 20px 22px;
  text-align: center;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  z-index: 2;
  min-width: 130px;
  animation: cxorb 5s ease-in-out infinite;
}
.cxsplit-badge-num {
  font-family: "Playfair Display", serif;
  font-size: 2.4rem;
  font-weight: 900;
  color: #860909;
  line-height: 1;
  display: block;
}
.cxsplit-badge-lbl {
  font-size: 0.71rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin-top: 4px;
  display: block;
  line-height: 1.4;
}

/* ── TEAM CARD ── */
.cxteam-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.cxteam-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.cxteam-img-wrap {
  position: relative;
  overflow: hidden;
  height: 268px;
}
.cxteam-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}
.cxteam-card:hover .cxteam-img-wrap img {
  transform: scale(1.07);
}
.cxteam-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(10, 22, 40, 0.8) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 0.4s;
}
.cxteam-card:hover .cxteam-overlay {
  opacity: 1;
}
.cxteam-soc {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  display: flex;
  gap: 9px;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cxteam-card:hover .cxteam-soc {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.cxteam-soc a {
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.82rem;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cxteam-soc a:hover {
  background: #860909;
  border-color: #860909;
}
.cxteam-body {
  padding: 26px;
}
.cxteam-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 4px;
  color: #0a1628;
}
.cxteam-role {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #860909;
  margin-bottom: 10px;
  display: block;
}
.cxteam-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── AWARD CARD ── */
.cxaward-card {
  background: #fff;
  border-radius: 22px;
  padding: 34px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.cxaward-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #860909, #860909);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.cxaward-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.cxaward-card:hover::after {
  transform: scaleX(1);
}
.cxaward-yr {
  font-family: "Playfair Display", serif;
  font-size: 2rem;
  font-weight: 900;
  color: #860909;
  opacity: 0.2;
  position: absolute;
  top: 16px;
  right: 24px;
}
.cxaward-icon {
  width: 52px;
  height: 52px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cxaward-icon i {
  color: #860909;
  font-size: 1.2rem;
}
.cxaward-card:hover .cxaward-icon {
  background: linear-gradient(135deg, #860909, #860909);
}
.cxaward-card:hover .cxaward-icon i {
  color: #fff;
}
.cxaward-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.cxaward-card p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── PARTNER CARD ── */
.cxpartner-card {
  background: #fff;
  border-radius: 22px;
  padding: 30px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  text-align: center;
  height: 100%;
}
.cxpartner-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.3);
}
.cxpartner-logo {
  width: 80px;
  height: 80px;
  background: #f4f7fb;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cxpartner-logo i {
  font-size: 2rem;
  color: #1b4f8a;
  transition: color 0.3s;
}
.cxpartner-card:hover .cxpartner-logo {
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
}
.cxpartner-card:hover .cxpartner-logo i {
  color: #860909;
}
.cxpartner-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.cxpartner-card p {
  font-size: 0.85rem;
  color: #4a5a6e;
  margin-bottom: 14px;
}
.cxpartner-badge {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #860909;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
}

/* ── INDUSTRY CARD ── */
.cxind-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.cxind-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.cxind-img-wrap {
  overflow: hidden;
  position: relative;
}
.cxind-img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  transition: transform 0.6s;
}
.cxind-card:hover .cxind-img {
  transform: scale(1.06);
}
.cxind-cat {
  position: absolute;
  top: 14px;
  left: 14px;
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  padding: 4px 13px;
  border-radius: 50px;
}
.cxind-body {
  padding: 26px;
}
.cxind-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 8px;
  transition: color 0.3s;
}
.cxind-card:hover h5 {
  color: #860909;
}
.cxind-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}
.cxind-link {
  color: #860909;
  font-weight: 600;
  font-size: 0.86rem;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: gap 0.3s;
}
.cxind-link:hover {
  gap: 13px;
  color: #0a1628;
}

/* ── INSIGHT CARD ── */
.cxinsight-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.cxinsight-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.cxinsight-img-wrap {
  overflow: hidden;
  position: relative;
}
.cxinsight-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: transform 0.6s;
}
.cxinsight-card:hover .cxinsight-img {
  transform: scale(1.05);
}
.cxinsight-tag {
  position: absolute;
  top: 14px;
  left: 14px;
  background: rgba(10, 22, 40, 0.85);
  color: #860909;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  border: 1px solid rgba(228, 168, 53, 0.3);
}
.cxinsight-body {
  padding: 26px;
}
.cxinsight-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}
.cxinsight-meta span {
  font-size: 0.78rem;
  color: #8d9bad;
  display: flex;
  align-items: center;
  gap: 5px;
}
.cxinsight-meta span i {
  font-size: 0.7rem;
  color: #860909;
}
.cxinsight-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 8px;
  transition: color 0.3s;
  line-height: 1.4;
}
.cxinsight-card:hover h5 {
  color: #860909;
}
.cxinsight-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}

/* ── TESTIMONIAL CARD ── */
.cxtesti-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
}
.cxtesti-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #860909, #860909);
  border-radius: 22px 22px 0 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.cxtesti-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.cxtesti-card:hover::before {
  transform: scaleX(1);
}
.cxtesti-quote {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.cxtesti-quote i {
  color: #fff;
  font-size: 1rem;
}
.cxtesti-stars {
  color: #860909;
  font-size: 0.85rem;
  margin-bottom: 14px;
  display: flex;
  gap: 3px;
}
.cxtesti-text {
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.8;
  margin-bottom: 22px;
  font-style: italic;
}
.cxtesti-author {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 18px;
  border-top: 1px solid #d8e2ef;
}
.cxtesti-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #860909;
}
.cxtesti-name {
  font-weight: 700;
  font-size: 0.93rem;
  color: #0a1628;
  display: block;
}
.cxtesti-role {
  font-size: 0.78rem;
  color: #8d9bad;
  display: block;
}

/* ── FAQ ACCORDION ── */
.cxfaq {
  background: #fff;
  border-radius: 14px;
  margin-bottom: 14px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cxfaq.cxfaq-open {
  border-color: rgba(200, 146, 42, 0.3);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
}
.cxfaq-q {
  padding: 22px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: #0a1628;
  transition: color 0.3s;
  gap: 16px;
  user-select: none;
}
.cxfaq.cxfaq-open .cxfaq-q {
  color: #860909;
}
.cxfaq-toggle {
  width: 34px;
  height: 34px;
  background: #f4f7fb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cxfaq-toggle i {
  font-size: 0.75rem;
  color: #4a5a6e;
  transition:
    transform 0.35s,
    color 0.3s;
}
.cxfaq.cxfaq-open .cxfaq-toggle {
  background: linear-gradient(135deg, #860909, #860909);
}
.cxfaq.cxfaq-open .cxfaq-toggle i {
  transform: rotate(180deg);
  color: #fff;
}
.cxfaq-ans {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.45s ease;
}
.cxfaq-ans-inner {
  padding: 0 28px 22px;
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.75;
}

/* ── FORM ELEMENTS ── */
.cxform-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #4a5a6e;
  margin-bottom: 7px;
}
.cxform-ctrl {
  width: 100%;
  padding: 13px 17px;
  background: #f4f7fb;
  border: 1.5px solid #d8e2ef;
  border-radius: 14px;
  font-size: 0.96rem;
  color: #1a2b3c;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  appearance: none;
  font-family: "Outfit", sans-serif;
}
.cxform-ctrl:focus {
  border-color: #860909;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(200, 146, 42, 0.09);
}
.cxform-ctrl::placeholder {
  color: #8d9bad;
}
textarea.cxform-ctrl {
  resize: vertical;
  min-height: 115px;
}
select.cxform-ctrl {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7A8D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  background-size: 17px;
  padding-right: 42px;
  cursor: pointer;
}

/* ── CTA SECTION ── */
.cxcta-sec {
  background: linear-gradient(135deg, #0a1628 0%, #1b4f8a 50%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.cxcta-sec::after {
  content: "";
  position: absolute;
  top: -40%;
  right: -8%;
  width: 540px;
  height: 540px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.09) 0%,
    transparent 70%
  );
}
.cxcta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
}
.cxcta-inner h2 {
  color: #fff;
  margin-bottom: 14px;
}
.cxcta-inner h2 span {
  color: #860909;
  font-style: italic;
}
.cxcta-inner p {
  color: rgba(255, 255, 255, 0.68);
  font-size: 1.08rem;
  max-width: 540px;
  margin: 0 auto 36px;
}
.cxcta-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* ── SCROLL TOP ── */
.cxscroll-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
  box-shadow: 0 8px 22px rgba(200, 146, 42, 0.38);
  cursor: pointer;
  border: none;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translateY(20px);
}
.cxscroll-top.cxst-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.cxscroll-top:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 38px rgba(200, 146, 42, 0.48);
}

/* ── SCROLL ANIMATIONS ── */
.cxanim {
  opacity: 0;
  transform: translateY(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.cxanim.cxdone {
  opacity: 1;
  transform: translateY(0);
}
.cxanim-l {
  opacity: 0;
  transform: translateX(-36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.cxanim-l.cxdone {
  opacity: 1;
  transform: translateX(0);
}
.cxanim-r {
  opacity: 0;
  transform: translateX(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.cxanim-r.cxdone {
  opacity: 1;
  transform: translateX(0);
}
.cxd1 {
  transition-delay: 0.1s;
}
.cxd2 {
  transition-delay: 0.2s;
}
.cxd3 {
  transition-delay: 0.3s;
}
.cxd4 {
  transition-delay: 0.4s;
}
.cxd5 {
  transition-delay: 0.5s;
}

/* ── RESPONSIVE ── */
@media (max-width: 991.98px) {
  .cxhdr-top {
    display: none;
  }
  .cxnav-menu,
  .cxnav-cta {
    display: none;
  }
  .cxtoggler {
    display: flex;
  }
  .cxhero {
    padding: 72px 0 58px;
  }
  .cxsec,
  .cxsec-alt {
    padding: 72px 0;
  }
  .cxsplit-col {
    margin-bottom: 48px;
  }
  .cxsplit-img {
    height: 340px;
  }
  .cxsplit-frame {
    display: none;
  }
  .cxstats-band {
    padding: 58px 0;
  }
}
@media (max-width: 767.98px) {
  .cxhero-btns {
    flex-direction: column;
  }
  .cxbtn-gold,
  .cxbtn-ghost,
  .cxbtn-navy,
  .cxbtn-outline,
  .cxbtn-white,
  .cxbtn-ghost2 {
    width: 100%;
    justify-content: center;
  }
  .cxcta-btns {
    flex-direction: column;
    align-items: center;
  }
  .cxfooter-bottom-inner {
    flex-direction: column;
    text-align: center;
  }
  .cxfooter-legal {
    justify-content: center;
  }
  .cxsb-num {
    font-size: 2.4rem;
  }
  .cxsplit-img {
    height: 280px;
  }
}
/* analytic and reporting css  */
/* ============================================================
   PAGE PREFIX: AR — ALL CSS INTERNAL, ZERO INLINE
   ============================================================ */

.arbody {
  font-family: "Outfit", sans-serif;
  color: #860909;
  background: #ffffff;
  overflow-x: hidden;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
}
.arbody * {
  box-sizing: border-box;
}
.arbody h1,
.arbody h2,
.arbody h3,
.arbody h4,
.arbody h5,
.arbody h6 {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 800;
  line-height: 1.22;
  color: #860909;
  margin: 0;
}
.arbody h1 {
  font-size: clamp(2.4rem, 5vw, 3.9rem);
}
.arbody h2 {
  font-size: clamp(1.85rem, 3.5vw, 2.75rem);
}
.arbody h3 {
  font-size: clamp(1.25rem, 2vw, 1.65rem);
}
.arbody p {
  font-size: 1.02rem;
  color: #4a5a6e;
  line-height: 1.78;
  margin: 0;
}
.arbody a {
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.arbody img {
  max-width: 100%;
  display: block;
}

/* ── PAGE HERO ── */
.arhero {
  position: relative;
  padding: 110px 0 90px;
  overflow: hidden;
  background: #860909;
}
.arhero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.14;
  animation: arzoom 20s ease-in-out infinite alternate;
}
@keyframes arzoom {
  0% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1.14);
  }
}
.arhero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(10, 22, 40, 0.97) 0%,
    rgba(14, 32, 69, 0.9) 55%,
    rgba(27, 79, 138, 0.68) 100%
  );
}
.arhero-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(228, 168, 53, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(228, 168, 53, 0.04) 1px, transparent 1px);
  background-size: 56px 56px;
  animation: argrid 24s linear infinite;
}
@keyframes argrid {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(56px, 56px);
  }
}
.arhero-orb1 {
  position: absolute;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.1) 0%,
    transparent 70%
  );
  top: -100px;
  right: -80px;
  animation: arorb 9s ease-in-out infinite;
}
.arhero-orb2 {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(27, 79, 138, 0.18) 0%,
    transparent 70%
  );
  bottom: -60px;
  left: 6%;
  animation: arorb 12s ease-in-out infinite reverse;
}
@keyframes arorb {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-28px) scale(1.06);
  }
}
.arhero-content {
  position: relative;
  z-index: 2;
}
.arhero-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.32);
  border-radius: 50px;
  padding: 7px 18px;
  color: #860909;
  font-size: 0.77rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  margin-bottom: 24px;
  animation: arfd 0.8s ease both;
}
@keyframes arfd {
  from {
    opacity: 0;
    transform: translateY(-18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.arhero h1 {
  color: #fff;
  margin-bottom: 22px;
  animation: arfu 0.9s ease 0.2s both;
}
.arhero h1 span {
  color: #860909;
  font-style: italic;
}
@keyframes arfu {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.arhero-desc {
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.1rem;
  max-width: 560px;
  line-height: 1.82;
  margin-bottom: 38px;
  animation: arfu 0.9s ease 0.35s both;
}
.arhero-btns {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  animation: arfu 0.9s ease 0.5s both;
}
.arbreadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 40px 0 0;
  animation: arfu 0.9s ease 0.65s both;
}
.arbreadcrumb li {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.8rem;
}
.arbreadcrumb li a {
  color: rgba(255, 255, 255, 0.55);
  transition: color 0.3s;
}
.arbreadcrumb li a:hover {
  color: #860909;
}
.arbreadcrumb li.arbc-act {
  color: #860909;
  font-weight: 600;
}
.arbreadcrumb li i {
  font-size: 0.6rem;
}

/* ── BUTTONS ── */
.arbtn-gold {
  background: linear-gradient(135deg, #000000, #000000);
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 16px 36px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.5);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.arbtn-gold:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 1);
  color: #fff;
}
.arbtn-gold i {
  transition: transform 0.3s;
}
.arbtn-gold:hover i {
  transform: translateX(4px);
}
.arbtn-ghost {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  padding: 15px 36px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.arbtn-ghost:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}
.arbtn-navy {
  background: #860909;
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: 2px solid #860909;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.arbtn-navy:hover {
  background: transparent;
  color: #860909;
  transform: translateY(-3px);
}
.arbtn-outline {
  background: transparent;
  color: #860909;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 2px solid #860909;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.arbtn-outline:hover {
  background: #860909;
  color: #fff;
  transform: translateY(-3px);
}
.arbtn-white {
  background: #fff;
  color: #860909;
  font-weight: 700;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.arbtn-white:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  color: #000000;
}
.arbtn-ghost2 {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.arbtn-ghost2:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}

/* ── SECTION UTILITIES ── */
.arsec {
  padding: 108px 0;
  background: #fff;
}
.arsec-alt {
  padding: 108px 0;
  background: #f4f7fb;
}
.arsec-label {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #000000;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 1rem;
}
.arsec-label::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 2px;
  background: #000000;
  border-radius: 2px;
}
.arsec-label::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #000000;
  border-radius: 50%;
}
.arsec-title {
  font-family: "Playfair Display", serif;
  font-weight: 800;
  color: #860909;
  margin-bottom: 0.9rem;
}
.arsec-title span {
  color: #000000;
  font-style: italic;
}
.arsec-desc {
  font-size: 1.05rem;
  color: #4a5a6e;
  max-width: 600px;
  line-height: 1.8;
}
.argold-bar {
  width: 52px;
  height: 4px;
  background: linear-gradient(90deg, #000000, #000000);
  border-radius: 4px;
  margin-bottom: 1.4rem;
}

/* ── FEATURE CARD ── */
.arfeat-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid transparent;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.arfeat-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  border: 2px solid #860909;
  opacity: 0;
  transition: opacity 0.4s;
}
.arfeat-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.arfeat-card:hover::before {
  opacity: 1;
}
.arfeat-icon {
  width: 62px;
  height: 62px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.arfeat-icon i {
  color: #fff;
  font-size: 1.38rem;
}
.arfeat-card:hover .arfeat-icon {
  background: linear-gradient(135deg, #000000, #000000);
  transform: rotate(-5deg) scale(1.08);
}
.arfeat-card:hover .arfeat-icon i {
  color: #fff;
}
.arfeat-card h4 {
  font-family: "Playfair Display", serif;
  font-size: 1.18rem;
  margin-bottom: 12px;
  color: #860909;
  transition: color 0.3s;
}
.arfeat-card:hover h4 {
  color: #000000;
}
.arfeat-card p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.75;
}

/* ── STEP PROCESS ── */
.arstep {
  display: flex;
  gap: 22px;
  align-items: flex-start;
  margin-bottom: 36px;
  position: relative;
}
.arstep:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 24px;
  top: 52px;
  width: 2px;
  height: calc(100% - 20px);
  background: linear-gradient(180deg, #000000, transparent);
  opacity: 0.35;
}
.arstep-num {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Playfair Display", serif;
  font-size: 1.15rem;
  font-weight: 800;
  color: #fff;
  border: 2px solid rgba(228, 168, 53, 0.28);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 1;
}
.arstep:hover .arstep-num {
  background: linear-gradient(135deg, #000000, #000000);
  color: #fff;
}
.arstep-body {
  background: #fff;
  border-radius: 14px;
  padding: 24px 28px;
  flex: 1;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.arstep:hover .arstep-body {
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.28);
  transform: translateX(6px);
}
.arstep-tag {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #000000;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  margin-bottom: 10px;
}
.arstep-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #860909;
  margin-bottom: 6px;
}
.arstep-body p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.7;
}

/* ── ICON LIST ── */
.aricon-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.aricon-list li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 10px 0;
  border-bottom: 1px solid #d8e2ef;
  font-size: 0.94rem;
  color: #4a5a6e;
}
.aricon-list li:last-child {
  border-bottom: none;
}
.aricon-list li i {
  width: 27px;
  height: 27px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-size: 0.72rem;
  flex-shrink: 0;
  margin-top: 1px;
}

/* ── STATS BAND ── */
.arstats-band {
  background: linear-gradient(135deg, #000 0%, #000 50%, #000 100%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.arstats-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 50px 50px;
}
.arstats-band::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(
      circle at 20% 50%,
      rgba(200, 146, 42, 0.07) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 80% 50%,
      rgba(27, 79, 138, 0.14) 0%,
      transparent 50%
    );
}
.arsb-item {
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 16px 8px;
}
.arsb-icon {
  width: 60px;
  height: 60px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.28);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.arsb-icon i {
  color: #860909;
  font-size: 1.38rem;
}
.arsb-item:hover .arsb-icon {
  background: rgba(200, 146, 42, 0.22);
  transform: scale(1.1) rotate(4deg);
}
.arsb-num {
  font-family: "Playfair Display", serif;
  font-size: 3rem;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  margin-bottom: 8px;
}
.arsb-num span {
  color: #860909;
}
.arsb-label {
  font-size: 0.8rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.52);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* ── SPLIT IMAGE LAYOUT ── */
.arsplit-col {
  position: relative;
}
.arsplit-img {
  width: 100%;
  height: 470px;
  object-fit: cover;
  border-radius: 22px;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  position: relative;
  z-index: 1;
}
.arsplit-frame {
  position: absolute;
  top: -18px;
  left: -18px;
  right: 52px;
  bottom: 26px;
  border: 2px solid #860909;
  border-radius: 22px;
  opacity: 0.38;
  z-index: 0;
}
.arsplit-badge {
  position: absolute;
  bottom: 36px;
  right: 8px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 14px;
  padding: 20px 22px;
  text-align: center;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  z-index: 2;
  min-width: 130px;
  animation: arorb 5s ease-in-out infinite;
}
.arsplit-badge-num {
  font-family: "Playfair Display", serif;
  font-size: 2.4rem;
  font-weight: 900;
  color: #860909;
  line-height: 1;
  display: block;
}
.arsplit-badge-lbl {
  font-size: 0.71rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin-top: 4px;
  display: block;
  line-height: 1.4;
}

/* ── TEAM CARD ── */
.arteam-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.arteam-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.arteam-img-wrap {
  position: relative;
  overflow: hidden;
  height: 268px;
}
.arteam-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}
.arteam-card:hover .arteam-img-wrap img {
  transform: scale(1.07);
}
.arteam-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(10, 22, 40, 0.8) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 0.4s;
}
.arteam-card:hover .arteam-overlay {
  opacity: 1;
}
.arteam-soc {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  display: flex;
  gap: 9px;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.arteam-card:hover .arteam-soc {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.arteam-soc a {
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.82rem;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.arteam-soc a:hover {
  background: #000000;
  border-color: #000000;
}
.arteam-body {
  padding: 26px;
}
.arteam-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 4px;
  color: #860909;
}
.arteam-role {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 10px;
  display: block;
}
.arteam-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── AWARD CARD ── */
.araward-card {
  background: #fff;
  border-radius: 22px;
  padding: 34px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.araward-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #000000, #000000);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.araward-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.araward-card:hover::after {
  transform: scaleX(1);
}
.araward-yr {
  font-family: "Playfair Display", serif;
  font-size: 2rem;
  font-weight: 900;
  color: #860909;
  opacity: 0.2;
  position: absolute;
  top: 16px;
  right: 24px;
}
.araward-icon {
  width: 52px;
  height: 52px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.araward-icon i {
  color: #000000;
  font-size: 1.2rem;
}
.araward-card:hover .araward-icon {
  background: linear-gradient(135deg, #000000, #000000);
}
.araward-card:hover .araward-icon i {
  color: #fff;
}
.araward-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: #860909;
  margin-bottom: 6px;
}
.araward-card p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── PARTNER CARD ── */
.arpartner-card {
  background: #fff;
  border-radius: 22px;
  padding: 30px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  text-align: center;
  height: 100%;
}
.arpartner-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.3);
}
.arpartner-logo {
  width: 80px;
  height: 80px;
  background: #f4f7fb;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.arpartner-logo i {
  font-size: 2rem;
  color: #860909;
  transition: color 0.3s;
}
.arpartner-card:hover .arpartner-logo {
  background: linear-gradient(135deg, #860909, #860909);
}
.arpartner-card:hover .arpartner-logo i {
  color: #860909;
}
.arpartner-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  font-weight: 700;
  color: #860909;
  margin-bottom: 6px;
}
.arpartner-card p {
  font-size: 0.85rem;
  color: #4a5a6e;
  margin-bottom: 14px;
}
.arpartner-badge {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #000000;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
}

/* ── INDUSTRY CARD ── */
.arind-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.arind-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.arind-img-wrap {
  overflow: hidden;
  position: relative;
}
.arind-img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  transition: transform 0.6s;
}
.arind-card:hover .arind-img {
  transform: scale(1.06);
}
.arind-cat {
  position: absolute;
  top: 14px;
  left: 14px;
  background: linear-gradient(135deg, #000000, #000000);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  padding: 4px 13px;
  border-radius: 50px;
}
.arind-body {
  padding: 26px;
}
.arind-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #860909;
  margin-bottom: 8px;
  transition: color 0.3s;
}
.arind-card:hover h5 {
  color: #000000;
}
.arind-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}
.arind-link {
  color: #000000;
  font-weight: 600;
  font-size: 0.86rem;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: gap 0.3s;
}
.arind-link:hover {
  gap: 13px;
  color: #860909;
}

/* ── INSIGHT CARD ── */
.arinsight-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.arinsight-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.arinsight-img-wrap {
  overflow: hidden;
  position: relative;
}
.arinsight-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: transform 0.6s;
}
.arinsight-card:hover .arinsight-img {
  transform: scale(1.05);
}
.arinsight-tag {
  position: absolute;
  top: 14px;
  left: 14px;
  background: rgba(10, 22, 40, 0.85);
  color: #860909;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  border: 1px solid rgba(228, 168, 53, 0.3);
}
.arinsight-body {
  padding: 26px;
}
.arinsight-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}
.arinsight-meta span {
  font-size: 0.78rem;
  color: #8d9bad;
  display: flex;
  align-items: center;
  gap: 5px;
}
.arinsight-meta span i {
  font-size: 0.7rem;
  color: #000000;
}
.arinsight-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #860909;
  margin-bottom: 8px;
  transition: color 0.3s;
  line-height: 1.4;
}
.arinsight-card:hover h5 {
  color: #000000;
}
.arinsight-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}

/* ── TESTIMONIAL CARD ── */
.artesti-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
}
.artesti-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #000000, #000000);
  border-radius: 22px 22px 0 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.artesti-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.artesti-card:hover::before {
  transform: scaleX(1);
}
.artesti-quote {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #000000, #000000);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.artesti-quote i {
  color: #fff;
  font-size: 1rem;
}
.artesti-stars {
  color: #860909;
  font-size: 0.85rem;
  margin-bottom: 14px;
  display: flex;
  gap: 3px;
}
.artesti-text {
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.8;
  margin-bottom: 22px;
  font-style: italic;
}
.artesti-author {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 18px;
  border-top: 1px solid #d8e2ef;
}
.artesti-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #860909;
}
.artesti-name {
  font-weight: 700;
  font-size: 0.93rem;
  color: #860909;
  display: block;
}
.artesti-role {
  font-size: 0.78rem;
  color: #8d9bad;
  display: block;
}

/* ── FAQ ACCORDION ── */
.arfaq {
  background: #fff;
  border-radius: 14px;
  margin-bottom: 14px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.arfaq.arfaq-open {
  border-color: rgba(200, 146, 42, 0.3);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
}
.arfaq-q {
  padding: 22px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: #860909;
  transition: color 0.3s;
  gap: 16px;
  user-select: none;
}
.arfaq.arfaq-open .arfaq-q {
  color: #000000;
}
.arfaq-toggle {
  width: 34px;
  height: 34px;
  background: #f4f7fb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.arfaq-toggle i {
  font-size: 0.75rem;
  color: #4a5a6e;
  transition:
    transform 0.35s,
    color 0.3s;
}
.arfaq.arfaq-open .arfaq-toggle {
  background: linear-gradient(135deg, #000000, #000000);
}
.arfaq.arfaq-open .arfaq-toggle i {
  transform: rotate(180deg);
  color: #fff;
}
.arfaq-ans {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.45s ease;
}
.arfaq-ans-inner {
  padding: 0 28px 22px;
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.75;
}

/* ── FORM ELEMENTS ── */
.arform-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #4a5a6e;
  margin-bottom: 7px;
}
.arform-ctrl {
  width: 100%;
  padding: 13px 17px;
  background: #f4f7fb;
  border: 1.5px solid #d8e2ef;
  border-radius: 14px;
  font-size: 0.96rem;
  color: #860909;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  appearance: none;
  font-family: "Outfit", sans-serif;
}
.arform-ctrl:focus {
  border-color: #000000;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(200, 146, 42, 0.09);
}
.arform-ctrl::placeholder {
  color: #8d9bad;
}
textarea.arform-ctrl {
  resize: vertical;
  min-height: 115px;
}
select.arform-ctrl {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7A8D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  background-size: 17px;
  padding-right: 42px;
  cursor: pointer;
}

/* ── CTA SECTION ── */
.arcta-sec {
  background: linear-gradient(135deg, #0a1628 0%, #1b4f8a 50%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.arcta-sec::after {
  content: "";
  position: absolute;
  top: -40%;
  right: -8%;
  width: 540px;
  height: 540px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.09) 0%,
    transparent 70%
  );
}
.arcta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
}
.arcta-inner h2 {
  color: #fff;
  margin-bottom: 14px;
}
.arcta-inner h2 span {
  color: #860909;
  font-style: italic;
}
.arcta-inner p {
  color: rgba(255, 255, 255, 0.68);
  font-size: 1.08rem;
  max-width: 540px;
  margin: 0 auto 36px;
}
.arcta-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* ── FOOTER ── */
.arfooter {
  background: #860909;
  padding-top: 72px;
}
.arfooter-desc {
  font-size: 0.92rem;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.52);
  margin-bottom: 22px;
  max-width: 310px;
}
.arfooter-social {
  display: flex;
  gap: 9px;
}
.arfooter-social a {
  width: 38px;
  height: 38px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.48);
  font-size: 0.9rem;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.arfooter-social a:hover {
  background: #000000;
  color: #fff;
  border-color: #000000;
  transform: translateY(-3px);
}
.arfooter-head {
  font-family: "Playfair Display", serif;
  font-size: 0.98rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 10px;
}
.arfooter-head::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 26px;
  height: 2px;
  background: #860909;
  border-radius: 2px;
}
.arfooter-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.arfooter-links li {
  margin-bottom: 9px;
}
.arfooter-links li a {
  color: rgba(255, 255, 255, 0.52);
  font-size: 0.89rem;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.arfooter-links li a i {
  font-size: 0.6rem;
  color: #000000;
}
.arfooter-links li a:hover {
  color: #860909;
  gap: 12px;
}
.arfooter-contacts {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.arfooter-contacts li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  font-size: 0.87rem;
  color: rgba(255, 255, 255, 0.52);
}
.arfooter-contacts li i {
  color: #860909;
  font-size: 0.87rem;
  margin-top: 2px;
  flex-shrink: 0;
}
.arfooter-nl {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 14px;
  padding: 20px;
  margin-top: 16px;
}
.arfooter-nl p {
  font-size: 0.84rem;
  color: rgba(255, 255, 255, 0.48);
  margin-bottom: 12px;
}
.arnl-wrap {
  display: flex;
  border-radius: 50px;
  overflow: hidden;
  border: 1.5px solid rgba(255, 255, 255, 0.11);
}
.arnl-wrap input {
  flex: 1;
  background: rgba(255, 255, 255, 0.05);
  border: none;
  padding: 11px 16px;
  font-size: 0.87rem;
  color: #fff;
  outline: none;
  font-family: "Outfit", sans-serif;
}
.arnl-wrap input::placeholder {
  color: rgba(255, 255, 255, 0.33);
}
.arnl-wrap button {
  background: linear-gradient(135deg, #000000, #000000);
  border: none;
  padding: 11px 20px;
  color: #fff;
  font-size: 0.87rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.4s;
  font-family: "Outfit", sans-serif;
}
.arnl-wrap button:hover {
  background: linear-gradient(135deg, #000000, #000000);
}
.arfooter-divider {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  margin: 46px 0 0;
}
.arfooter-bottom {
  padding: 22px 0;
}
.arfooter-bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.arfooter-copy {
  font-size: 0.84rem;
  color: rgba(255, 255, 255, 0.38);
  margin: 0;
}
.arfooter-copy span {
  color: #860909;
}
.arfooter-legal {
  display: flex;
  gap: 22px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.arfooter-legal a {
  font-size: 0.81rem;
  color: rgba(255, 255, 255, 0.38);
  transition: color 0.3s;
}
.arfooter-legal a:hover {
  color: #860909;
}

/* ── SCROLL TOP ── */
.arscroll-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #000000, #000000);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
  box-shadow: 0 8px 22px rgba(200, 146, 42, 0.38);
  cursor: pointer;
  border: none;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translateY(20px);
}
.arscroll-top.arst-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.arscroll-top:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 38px rgba(200, 146, 42, 0.48);
}

/* ── SCROLL ANIMATIONS ── */
.aranim {
  opacity: 0;
  transform: translateY(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.aranim.ardone {
  opacity: 1;
  transform: translateY(0);
}
.aranim-l {
  opacity: 0;
  transform: translateX(-36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.aranim-l.ardone {
  opacity: 1;
  transform: translateX(0);
}
.aranim-r {
  opacity: 0;
  transform: translateX(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.aranim-r.ardone {
  opacity: 1;
  transform: translateX(0);
}
.ard1 {
  transition-delay: 0.1s;
}
.ard2 {
  transition-delay: 0.2s;
}
.ard3 {
  transition-delay: 0.3s;
}
.ard4 {
  transition-delay: 0.4s;
}
.ard5 {
  transition-delay: 0.5s;
}

/* ── RESPONSIVE ── */
@media (max-width: 991.98px) {
  .arhdr-top {
    display: none;
  }
  .arnav-menu,
  .arnav-cta {
    display: none;
  }
  .artoggler {
    display: flex;
  }
  .arhero {
    padding: 72px 0 58px;
  }
  .arsec,
  .arsec-alt {
    padding: 72px 0;
  }
  .arsplit-col {
    margin-bottom: 48px;
  }
  .arsplit-img {
    height: 340px;
  }
  .arsplit-frame {
    display: none;
  }
  .arstats-band {
    padding: 58px 0;
  }
}
@media (max-width: 767.98px) {
  .arhero-btns {
    flex-direction: column;
  }
  .arbtn-gold,
  .arbtn-ghost,
  .arbtn-navy,
  .arbtn-outline,
  .arbtn-white,
  .arbtn-ghost2 {
    width: 100%;
    justify-content: center;
  }
  .arcta-btns {
    flex-direction: column;
    align-items: center;
  }
  .arfooter-bottom-inner {
    flex-direction: column;
    text-align: center;
  }
  .arfooter-legal {
    justify-content: center;
  }
  .arsb-num {
    font-size: 2.4rem;
  }
  .arsplit-img {
    height: 280px;
  }
}
/*  Process Css  */
/* ============================================================
   PAGE PREFIX: PM — ALL CSS INTERNAL, ZERO INLINE
   ============================================================ */

.pmbody {
  font-family: "Outfit", sans-serif;
  color: #1a2b3c;
  background: #ffffff;
  overflow-x: hidden;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
}
.pmbody * {
  box-sizing: border-box;
}
.pmbody h1,
.pmbody h2,
.pmbody h3,
.pmbody h4,
.pmbody h5,
.pmbody h6 {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 800;
  line-height: 1.22;
  color: #0a1628;
  margin: 0;
}
.pmbody h1 {
  font-size: clamp(2.4rem, 5vw, 3.9rem);
}
.pmbody h2 {
  font-size: clamp(1.85rem, 3.5vw, 2.75rem);
}
.pmbody h3 {
  font-size: clamp(1.25rem, 2vw, 1.65rem);
}
.pmbody p {
  font-size: 1.02rem;
  color: #4a5a6e;
  line-height: 1.78;
  margin: 0;
}
.pmbody a {
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.pmbody img {
  max-width: 100%;
  display: block;
}

/* ── PAGE HERO ── */
.pmhero {
  position: relative;
  padding: 110px 0 90px;
  overflow: hidden;
  background: #0a1628;
}
.pmhero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.14;
  animation: pmzoom 20s ease-in-out infinite alternate;
}
@keyframes pmzoom {
  0% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1.14);
  }
}
.pmhero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(10, 22, 40, 0.97) 0%,
    rgba(14, 32, 69, 0.9) 55%,
    rgba(27, 79, 138, 0.68) 100%
  );
}
.pmhero-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(228, 168, 53, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(228, 168, 53, 0.04) 1px, transparent 1px);
  background-size: 56px 56px;
  animation: pmgrid 24s linear infinite;
}
@keyframes pmgrid {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(56px, 56px);
  }
}
.pmhero-orb1 {
  position: absolute;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.1) 0%,
    transparent 70%
  );
  top: -100px;
  right: -80px;
  animation: pmorb 9s ease-in-out infinite;
}
.pmhero-orb2 {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(27, 79, 138, 0.18) 0%,
    transparent 70%
  );
  bottom: -60px;
  left: 6%;
  animation: pmorb 12s ease-in-out infinite reverse;
}
@keyframes pmorb {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-28px) scale(1.06);
  }
}
.pmhero-content {
  position: relative;
  z-index: 2;
}
.pmhero-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.32);
  border-radius: 50px;
  padding: 7px 18px;
  color: #860909;
  font-size: 0.77rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  margin-bottom: 24px;
  animation: pmfd 0.8s ease both;
}
@keyframes pmfd {
  from {
    opacity: 0;
    transform: translateY(-18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.pmhero h1 {
  color: #fff;
  margin-bottom: 22px;
  animation: pmfu 0.9s ease 0.2s both;
}
.pmhero h1 span {
  color: #860909;
  font-style: italic;
}
@keyframes pmfu {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.pmhero-desc {
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.1rem;
  max-width: 560px;
  line-height: 1.82;
  margin-bottom: 38px;
  animation: pmfu 0.9s ease 0.35s both;
}
.pmhero-btns {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  animation: pmfu 0.9s ease 0.5s both;
}
.pmbreadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 40px 0 0;
  animation: pmfu 0.9s ease 0.65s both;
}
.pmbreadcrumb li {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.8rem;
}
.pmbreadcrumb li a {
  color: rgba(255, 255, 255, 0.55);
  transition: color 0.3s;
}
.pmbreadcrumb li a:hover {
  color: #860909;
}
.pmbreadcrumb li.pmbc-act {
  color: #860909;
  font-weight: 600;
}
.pmbreadcrumb li i {
  font-size: 0.6rem;
}

/* ── BUTTONS ── */
.pmbtn-gold {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 16px 36px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 10px 36px rgba(134, 9, 9, 0.7);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.pmbtn-gold:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 50px rgba(134, 9, 9, 1);
  color: #fff;
}
.pmbtn-gold i {
  transition: transform 0.3s;
}
.pmbtn-gold:hover i {
  transform: translateX(4px);
}
.pmbtn-ghost {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  padding: 15px 36px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.pmbtn-ghost:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}
.pmbtn-navy {
  background: #0a1628;
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: 2px solid #0a1628;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.pmbtn-navy:hover {
  background: transparent;
  color: #0a1628;
  transform: translateY(-3px);
}
.pmbtn-outline {
  background: transparent;
  color: #0a1628;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 2px solid #0a1628;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.pmbtn-outline:hover {
  background: #0a1628;
  color: #fff;
  transform: translateY(-3px);
}
.pmbtn-white {
  background: #fff;
  color: #0a1628;
  font-weight: 700;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.pmbtn-white:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  color: #860909;
}
.pmbtn-ghost2 {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.pmbtn-ghost2:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}

/* ── SECTION UTILITIES ── */
.pmsec {
  padding: 108px 0;
  background: #fff;
}
.pmsec-alt {
  padding: 108px 0;
  background: #f4f7fb;
}
.pmsec-label {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #860909;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 1rem;
}
.pmsec-label::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 2px;
  background: #860909;
  border-radius: 2px;
}
.pmsec-label::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #860909;
  border-radius: 50%;
}
.pmsec-title {
  font-family: "Playfair Display", serif;
  font-weight: 800;
  color: #0a1628;
  margin-bottom: 0.9rem;
}
.pmsec-title span {
  color: #860909;
  font-style: italic;
}
.pmsec-desc {
  font-size: 1.05rem;
  color: #4a5a6e;
  max-width: 600px;
  line-height: 1.8;
}
.pmgold-bar {
  width: 52px;
  height: 4px;
  background: linear-gradient(90deg, #860909, #860909);
  border-radius: 4px;
  margin-bottom: 1.4rem;
}

/* ── FEATURE CARD ── */
.pmfeat-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid transparent;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.pmfeat-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  border: 2px solid #860909;
  opacity: 0;
  transition: opacity 0.4s;
}
.pmfeat-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.pmfeat-card:hover::before {
  opacity: 1;
}
.pmfeat-icon {
  width: 62px;
  height: 62px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.pmfeat-icon i {
  color: #fff;
  font-size: 1.38rem;
}
.pmfeat-card:hover .pmfeat-icon {
  background: linear-gradient(135deg, #860909, #860909);
  transform: rotate(-5deg) scale(1.08);
}
.pmfeat-card:hover .pmfeat-icon i {
  color: #fff;
}
.pmfeat-card h4 {
  font-family: "Playfair Display", serif;
  font-size: 1.18rem;
  margin-bottom: 12px;
  color: #0a1628;
  transition: color 0.3s;
}
.pmfeat-card:hover h4 {
  color: #860909;
}
.pmfeat-card p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.75;
}

/* ── STEP PROCESS ── */
.pmstep {
  display: flex;
  gap: 22px;
  align-items: flex-start;
  margin-bottom: 36px;
  position: relative;
}
.pmstep:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 24px;
  top: 52px;
  width: 2px;
  height: calc(100% - 20px);
  background: linear-gradient(180deg, #860909, transparent);
  opacity: 0.35;
}
.pmstep-num {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Playfair Display", serif;
  font-size: 1.15rem;
  font-weight: 800;
  color: #fff;
  border: 2px solid rgba(228, 168, 53, 0.28);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 1;
}
.pmstep:hover .pmstep-num {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
}
.pmstep-body {
  background: #fff;
  border-radius: 14px;
  padding: 24px 28px;
  flex: 1;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.pmstep:hover .pmstep-body {
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.28);
  transform: translateX(6px);
}
.pmstep-tag {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #860909;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  margin-bottom: 10px;
}
.pmstep-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.pmstep-body p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.7;
}

/* ── ICON LIST ── */
.pmicon-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pmicon-list li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 10px 0;
  border-bottom: 1px solid #d8e2ef;
  font-size: 0.94rem;
  color: #4a5a6e;
}
.pmicon-list li:last-child {
  border-bottom: none;
}
.pmicon-list li i {
  width: 27px;
  height: 27px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #860909;
  font-size: 0.72rem;
  flex-shrink: 0;
  margin-top: 1px;
}

/* ── STATS BAND ── */
.pmstats-band {
  background: linear-gradient(135deg, #0a1628 0%, #0e2045 50%, #1b4f8a 100%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.pmstats-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 50px 50px;
}
.pmstats-band::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(
      circle at 20% 50%,
      rgba(200, 146, 42, 0.07) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 80% 50%,
      rgba(27, 79, 138, 0.14) 0%,
      transparent 50%
    );
}
.pmsb-item {
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 16px 8px;
}
.pmsb-icon {
  width: 60px;
  height: 60px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.28);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.pmsb-icon i {
  color: #860909;
  font-size: 1.38rem;
}
.pmsb-item:hover .pmsb-icon {
  background: rgba(200, 146, 42, 0.22);
  transform: scale(1.1) rotate(4deg);
}
.pmsb-num {
  font-family: "Playfair Display", serif;
  font-size: 3rem;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  margin-bottom: 8px;
}
.pmsb-num span {
  color: #860909;
}
.pmsb-label {
  font-size: 0.8rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.52);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* ── SPLIT IMAGE LAYOUT ── */
.pmsplit-col {
  position: relative;
}
.pmsplit-img {
  width: 100%;
  height: 470px;
  object-fit: cover;
  border-radius: 22px;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  position: relative;
  z-index: 1;
}
.pmsplit-frame {
  position: absolute;
  top: -18px;
  left: -18px;
  right: 52px;
  bottom: 26px;
  border: 2px solid #860909;
  border-radius: 22px;
  opacity: 0.38;
  z-index: 0;
}
.pmsplit-badge {
  position: absolute;
  bottom: 36px;
  right: 8px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 14px;
  padding: 20px 22px;
  text-align: center;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  z-index: 2;
  min-width: 130px;
  animation: pmorb 5s ease-in-out infinite;
}
.pmsplit-badge-num {
  font-family: "Playfair Display", serif;
  font-size: 2.4rem;
  font-weight: 900;
  color: #860909;
  line-height: 1;
  display: block;
}
.pmsplit-badge-lbl {
  font-size: 0.71rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin-top: 4px;
  display: block;
  line-height: 1.4;
}

/* ── TEAM CARD ── */
.pmteam-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.pmteam-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.pmteam-img-wrap {
  position: relative;
  overflow: hidden;
  height: 268px;
}
.pmteam-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}
.pmteam-card:hover .pmteam-img-wrap img {
  transform: scale(1.07);
}
.pmteam-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(10, 22, 40, 0.8) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 0.4s;
}
.pmteam-card:hover .pmteam-overlay {
  opacity: 1;
}
.pmteam-soc {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  display: flex;
  gap: 9px;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.pmteam-card:hover .pmteam-soc {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.pmteam-soc a {
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.82rem;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.pmteam-soc a:hover {
  background: #860909;
  border-color: #860909;
}
.pmteam-body {
  padding: 26px;
}
.pmteam-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 4px;
  color: #0a1628;
}
.pmteam-role {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #860909;
  margin-bottom: 10px;
  display: block;
}
.pmteam-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── AWARD CARD ── */
.pmaward-card {
  background: #fff;
  border-radius: 22px;
  padding: 34px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.pmaward-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #860909, #860909);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.pmaward-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.pmaward-card:hover::after {
  transform: scaleX(1);
}
.pmaward-yr {
  font-family: "Playfair Display", serif;
  font-size: 2rem;
  font-weight: 900;
  color: #860909;
  opacity: 0.2;
  position: absolute;
  top: 16px;
  right: 24px;
}
.pmaward-icon {
  width: 52px;
  height: 52px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.pmaward-icon i {
  color: #860909;
  font-size: 1.2rem;
}
.pmaward-card:hover .pmaward-icon {
  background: linear-gradient(135deg, #860909, #860909);
}
.pmaward-card:hover .pmaward-icon i {
  color: #fff;
}
.pmaward-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.pmaward-card p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── PARTNER CARD ── */
.pmpartner-card {
  background: #fff;
  border-radius: 22px;
  padding: 30px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  text-align: center;
  height: 100%;
}
.pmpartner-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.3);
}
.pmpartner-logo {
  width: 80px;
  height: 80px;
  background: #f4f7fb;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.pmpartner-logo i {
  font-size: 2rem;
  color: #1b4f8a;
  transition: color 0.3s;
}
.pmpartner-card:hover .pmpartner-logo {
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
}
.pmpartner-card:hover .pmpartner-logo i {
  color: #860909;
}
.pmpartner-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.pmpartner-card p {
  font-size: 0.85rem;
  color: #4a5a6e;
  margin-bottom: 14px;
}
.pmpartner-badge {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #860909;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
}

/* ── INDUSTRY CARD ── */
.pmind-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.pmind-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.pmind-img-wrap {
  overflow: hidden;
  position: relative;
}
.pmind-img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  transition: transform 0.6s;
}
.pmind-card:hover .pmind-img {
  transform: scale(1.06);
}
.pmind-cat {
  position: absolute;
  top: 14px;
  left: 14px;
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  padding: 4px 13px;
  border-radius: 50px;
}
.pmind-body {
  padding: 26px;
}
.pmind-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 8px;
  transition: color 0.3s;
}
.pmind-card:hover h5 {
  color: #860909;
}
.pmind-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}
.pmind-link {
  color: #860909;
  font-weight: 600;
  font-size: 0.86rem;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: gap 0.3s;
}
.pmind-link:hover {
  gap: 13px;
  color: #0a1628;
}

/* ── INSIGHT CARD ── */
.pminsight-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.pminsight-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.pminsight-img-wrap {
  overflow: hidden;
  position: relative;
}
.pminsight-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: transform 0.6s;
}
.pminsight-card:hover .pminsight-img {
  transform: scale(1.05);
}
.pminsight-tag {
  position: absolute;
  top: 14px;
  left: 14px;
  background: rgba(10, 22, 40, 0.85);
  color: #860909;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  border: 1px solid rgba(228, 168, 53, 0.3);
}
.pminsight-body {
  padding: 26px;
}
.pminsight-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}
.pminsight-meta span {
  font-size: 0.78rem;
  color: #8d9bad;
  display: flex;
  align-items: center;
  gap: 5px;
}
.pminsight-meta span i {
  font-size: 0.7rem;
  color: #860909;
}
.pminsight-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 8px;
  transition: color 0.3s;
  line-height: 1.4;
}
.pminsight-card:hover h5 {
  color: #860909;
}
.pminsight-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}

/* ── TESTIMONIAL CARD ── */
.pmtesti-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
}
.pmtesti-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #860909, #860909);
  border-radius: 22px 22px 0 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.pmtesti-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.pmtesti-card:hover::before {
  transform: scaleX(1);
}
.pmtesti-quote {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.pmtesti-quote i {
  color: #fff;
  font-size: 1rem;
}
.pmtesti-stars {
  color: #860909;
  font-size: 0.85rem;
  margin-bottom: 14px;
  display: flex;
  gap: 3px;
}
.pmtesti-text {
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.8;
  margin-bottom: 22px;
  font-style: italic;
}
.pmtesti-author {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 18px;
  border-top: 1px solid #d8e2ef;
}
.pmtesti-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #860909;
}
.pmtesti-name {
  font-weight: 700;
  font-size: 0.93rem;
  color: #0a1628;
  display: block;
}
.pmtesti-role {
  font-size: 0.78rem;
  color: #8d9bad;
  display: block;
}

/* ── FAQ ACCORDION ── */
.pmfaq {
  background: #fff;
  border-radius: 14px;
  margin-bottom: 14px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.pmfaq.pmfaq-open {
  border-color: rgba(200, 146, 42, 0.3);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
}
.pmfaq-q {
  padding: 22px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: #0a1628;
  transition: color 0.3s;
  gap: 16px;
  user-select: none;
}
.pmfaq.pmfaq-open .pmfaq-q {
  color: #860909;
}
.pmfaq-toggle {
  width: 34px;
  height: 34px;
  background: #f4f7fb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.pmfaq-toggle i {
  font-size: 0.75rem;
  color: #4a5a6e;
  transition:
    transform 0.35s,
    color 0.3s;
}
.pmfaq.pmfaq-open .pmfaq-toggle {
  background: linear-gradient(135deg, #860909, #860909);
}
.pmfaq.pmfaq-open .pmfaq-toggle i {
  transform: rotate(180deg);
  color: #fff;
}
.pmfaq-ans {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.45s ease;
}
.pmfaq-ans-inner {
  padding: 0 28px 22px;
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.75;
}

/* ── FORM ELEMENTS ── */
.pmform-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #4a5a6e;
  margin-bottom: 7px;
}
.pmform-ctrl {
  width: 100%;
  padding: 13px 17px;
  background: #f4f7fb;
  border: 1.5px solid #d8e2ef;
  border-radius: 14px;
  font-size: 0.96rem;
  color: #1a2b3c;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  appearance: none;
  font-family: "Outfit", sans-serif;
}
.pmform-ctrl:focus {
  border-color: #860909;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(200, 146, 42, 0.09);
}
.pmform-ctrl::placeholder {
  color: #8d9bad;
}
textarea.pmform-ctrl {
  resize: vertical;
  min-height: 115px;
}
select.pmform-ctrl {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7A8D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  background-size: 17px;
  padding-right: 42px;
  cursor: pointer;
}

/* ── CTA SECTION ── */
.pmcta-sec {
  background: linear-gradient(135deg, #0a1628 0%, #1b4f8a 50%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.pmcta-sec::after {
  content: "";
  position: absolute;
  top: -40%;
  right: -8%;
  width: 540px;
  height: 540px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.09) 0%,
    transparent 70%
  );
}
.pmcta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
}
.pmcta-inner h2 {
  color: #fff;
  margin-bottom: 14px;
}
.pmcta-inner h2 span {
  color: #860909;
  font-style: italic;
}
.pmcta-inner p {
  color: rgba(255, 255, 255, 0.68);
  font-size: 1.08rem;
  max-width: 540px;
  margin: 0 auto 36px;
}
.pmcta-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* ── SCROLL TOP ── */
.pmscroll-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
  box-shadow: 0 8px 22px rgba(200, 146, 42, 0.38);
  cursor: pointer;
  border: none;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translateY(20px);
}
.pmscroll-top.pmst-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.pmscroll-top:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 38px rgba(200, 146, 42, 0.48);
}

/* ── SCROLL ANIMATIONS ── */
.pmanim {
  opacity: 0;
  transform: translateY(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.pmanim.pmdone {
  opacity: 1;
  transform: translateY(0);
}
.pmanim-l {
  opacity: 0;
  transform: translateX(-36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.pmanim-l.pmdone {
  opacity: 1;
  transform: translateX(0);
}
.pmanim-r {
  opacity: 0;
  transform: translateX(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.pmanim-r.pmdone {
  opacity: 1;
  transform: translateX(0);
}
.pmd1 {
  transition-delay: 0.1s;
}
.pmd2 {
  transition-delay: 0.2s;
}
.pmd3 {
  transition-delay: 0.3s;
}
.pmd4 {
  transition-delay: 0.4s;
}
.pmd5 {
  transition-delay: 0.5s;
}

/* ── RESPONSIVE ── */
@media (max-width: 991.98px) {
  .pmhdr-top {
    display: none;
  }
  .pmnav-menu,
  .pmnav-cta {
    display: none;
  }
  .pmtoggler {
    display: flex;
  }
  .pmhero {
    padding: 72px 0 58px;
  }
  .pmsec,
  .pmsec-alt {
    padding: 72px 0;
  }
  .pmsplit-col {
    margin-bottom: 48px;
  }
  .pmsplit-img {
    height: 340px;
  }
  .pmsplit-frame {
    display: none;
  }
  .pmstats-band {
    padding: 58px 0;
  }
}
@media (max-width: 767.98px) {
  .pmhero-btns {
    flex-direction: column;
  }
  .pmbtn-gold,
  .pmbtn-ghost,
  .pmbtn-navy,
  .pmbtn-outline,
  .pmbtn-white,
  .pmbtn-ghost2 {
    width: 100%;
    justify-content: center;
  }
  .pmcta-btns {
    flex-direction: column;
    align-items: center;
  }
  .pmfooter-bottom-inner {
    flex-direction: column;
    text-align: center;
  }
  .pmfooter-legal {
    justify-content: center;
  }
  .pmsb-num {
    font-size: 2.4rem;
  }
  .pmsplit-img {
    height: 280px;
  }
}

/* Compliance Mangemnet css  */
/* ============================================================
   PAGE PREFIX: CM — ALL CSS INTERNAL, ZERO INLINE
   ============================================================ */

.cmbody {
  font-family: var(--font-body);
  color: #1a2b3c;
  background: #ffffff;
  overflow-x: hidden;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
}
.cmbody * {
  box-sizing: border-box;
}
.cmbody h1,
.cmbody h2,
.cmbody h3,
.cmbody h4,
.cmbody h5,
.cmbody h6 {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 800;
  line-height: 1.22;
  color: #860909;
  margin: 0;
}
.cmbody h1 {
  font-size: clamp(2.4rem, 5vw, 3.9rem);
}
.cmbody h2 {
  font-size: clamp(1.85rem, 3.5vw, 2.75rem);
}
.cmbody h3 {
  font-size: clamp(1.25rem, 2vw, 1.65rem);
}
.cmbody p {
  font-size: 1.02rem;
  color: #4a5a6e;
  line-height: 1.78;
  margin: 0;
}
.cmbody a {
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cmbody img {
  max-width: 100%;
  display: block;
}

/* ── PAGE HERO ── */
.cmhero {
  position: relative;
  padding: 110px 0 90px;
  overflow: hidden;
  background: #860909;
}
.cmhero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.14;
  animation: cmzoom 20s ease-in-out infinite alternate;
}
@keyframes cmzoom {
  0% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1.14);
  }
}
.cmhero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(10, 22, 40, 0.97) 0%,
    rgba(14, 32, 69, 0.9) 55%,
    rgba(27, 79, 138, 0.68) 100%
  );
}
.cmhero-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(228, 168, 53, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(228, 168, 53, 0.04) 1px, transparent 1px);
  background-size: 56px 56px;
  animation: cmgrid 24s linear infinite;
}
@keyframes cmgrid {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(56px, 56px);
  }
}
.cmhero-orb1 {
  position: absolute;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.1) 0%,
    transparent 70%
  );
  top: -100px;
  right: -80px;
  animation: cmorb 9s ease-in-out infinite;
}
.cmhero-orb2 {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(27, 79, 138, 0.18) 0%,
    transparent 70%
  );
  bottom: -60px;
  left: 6%;
  animation: cmorb 12s ease-in-out infinite reverse;
}
@keyframes cmorb {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-28px) scale(1.06);
  }
}
.cmhero-content {
  position: relative;
  z-index: 2;
}
.cmhero-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.32);
  border-radius: 50px;
  padding: 7px 18px;
  color: #860909;
  font-size: 0.77rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  margin-bottom: 24px;
  animation: cmfd 0.8s ease both;
}
@keyframes cmfd {
  from {
    opacity: 0;
    transform: translateY(-18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.cmhero h1 {
  color: #fff;
  margin-bottom: 22px;
  animation: cmfu 0.9s ease 0.2s both;
}
.cmhero h1 span {
  color: #000;
  font-style: italic;
}
@keyframes cmfu {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.cmhero-desc {
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.1rem;
  max-width: 560px;
  line-height: 1.82;
  margin-bottom: 38px;
  animation: cmfu 0.9s ease 0.35s both;
}
.cmhero-btns {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  animation: cmfu 0.9s ease 0.5s both;
}
.cmbreadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 40px 0 0;
  animation: cmfu 0.9s ease 0.65s both;
}
.cmbreadcrumb li {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.8rem;
}
.cmbreadcrumb li a {
  color: rgba(255, 255, 255, 0.55);
  transition: color 0.3s;
}
.cmbreadcrumb li a:hover {
  color: #860909;
}
.cmbreadcrumb li.cmbc-act {
  color: #fff;
  font-weight: 600;
}
.cmbreadcrumb li i {
  font-size: 0.6rem;
}

/* ── BUTTONS ── */
.cmbtn-gold {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 16px 36px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 10px 36px rgba(134, 9, 9, 0.5);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.cmbtn-gold:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 50px rgba(134, 9, 9, 1);
  color: #fff;
}
.cmbtn-gold i {
  transition: transform 0.3s;
}
.cmbtn-gold:hover i {
  transform: translateX(4px);
}
.cmbtn-ghost {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  padding: 15px 36px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.cmbtn-ghost:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}
.cmbtn-navy {
  background: #860909;
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: 2px solid #860909;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.cmbtn-navy:hover {
  background: transparent;
  color: #860909;
  transform: translateY(-3px);
}
.cmbtn-outline {
  background: transparent;
  color: #860909;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 2px solid #860909;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.cmbtn-outline:hover {
  background: #860909;
  color: #fff;
  transform: translateY(-3px);
}
.cmbtn-white {
  background: #fff;
  color: #860909;
  font-weight: 700;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.cmbtn-white:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  color: #000;
}
.cmbtn-ghost2 {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.cmbtn-ghost2:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}

/* ── SECTION UTILITIES ── */
.cmsec {
  padding: 108px 0;
  background: #fff;
}
.cmsec-alt {
  padding: 108px 0;
  background: #f4f7fb;
}
.cmsec-label {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #000;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 1rem;
}
.cmsec-label::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 2px;
  background: #860909;
  border-radius: 2px;
}
.cmsec-label::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #860909;
  border-radius: 50%;
}
.cmsec-title {
  font-family: "Playfair Display", serif;
  font-weight: 800;
  color: #860909;
  margin-bottom: 0.9rem;
}
.cmsec-title span {
  color: #000;
  font-style: italic;
}
.cmsec-desc {
  font-size: 1.05rem;
  color: #4a5a6e;
  max-width: 600px;
  line-height: 1.8;
}
.cmgold-bar {
  width: 52px;
  height: 4px;
  background: linear-gradient(90deg, #000, #000);
  border-radius: 4px;
  margin-bottom: 1.4rem;
}

/* ── FEATURE CARD ── */
.cmfeat-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid transparent;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.cmfeat-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  border: 2px solid #000;
  opacity: 0;
  transition: opacity 0.4s;
}
.cmfeat-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.cmfeat-card:hover::before {
  opacity: 1;
}
.cmfeat-icon {
  width: 62px;
  height: 62px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cmfeat-icon i {
  color: #fff;
  font-size: 1.38rem;
}
.cmfeat-card:hover .cmfeat-icon {
  background: linear-gradient(135deg, #000, #000);
  transform: rotate(-5deg) scale(1.08);
}
.cmfeat-card:hover .cmfeat-icon i {
  color: #fff;
}
.cmfeat-card h4 {
  font-family: "Playfair Display", serif;
  font-size: 1.18rem;
  margin-bottom: 12px;
  color: #860909;
  transition: color 0.3s;
}
.cmfeat-card:hover h4 {
  color: #000;
}
.cmfeat-card p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.75;
}

/* ── STEP PROCESS ── */
.cmstep {
  display: flex;
  gap: 22px;
  align-items: flex-start;
  margin-bottom: 36px;
  position: relative;
}
.cmstep:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 24px;
  top: 52px;
  width: 2px;
  height: calc(100% - 20px);
  background: linear-gradient(180deg, #000, transparent);
  opacity: 0.35;
}
.cmstep-num {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Playfair Display", serif;
  font-size: 1.15rem;
  font-weight: 800;
  color: #fff;
  border: 2px solid rgba(228, 168, 53, 0.28);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 1;
}
.cmstep:hover .cmstep-num {
  background: linear-gradient(135deg, #000, #000);
  color: #fff;
}
.cmstep-body {
  background: #fff;
  border-radius: 14px;
  padding: 24px 28px;
  flex: 1;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cmstep:hover .cmstep-body {
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.28);
  transform: translateX(6px);
}
.cmstep-tag {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #000;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  margin-bottom: 10px;
}
.cmstep-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #860909;
  margin-bottom: 6px;
}
.cmstep-body p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.7;
}
.cmhero-btns {
  margin-top: 20px;
}
/* ── ICON LIST ── */
.cmicon-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.cmicon-list li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 10px 0;
  border-bottom: 1px solid #d8e2ef;
  font-size: 0.94rem;
  color: #4a5a6e;
}
.cmicon-list li:last-child {
  border-bottom: none;
}
.cmicon-list li i {
  width: 27px;
  height: 27px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 0.72rem;
  flex-shrink: 0;
  margin-top: 1px;
}

/* ── STATS BAND ── */
.cmstats-band {
  background: linear-gradient(135deg, #000 0%, #000 50%, #000 100%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.cmstats-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 50px 50px;
}
.cmstats-band::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(
      circle at 20% 50%,
      rgba(200, 146, 42, 0.07) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 80% 50%,
      rgba(27, 79, 138, 0.14) 0%,
      transparent 50%
    );
}
.cmsb-item {
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 16px 8px;
}
.cmsb-icon {
  width: 60px;
  height: 60px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.28);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cmsb-icon i {
  color: #fff;
  font-size: 1.38rem;
}
.cmsb-item:hover .cmsb-icon {
  background: rgba(200, 146, 42, 0.22);
  transform: scale(1.1) rotate(4deg);
}
.cmsb-num {
  font-family: "Playfair Display", serif;
  font-size: 3rem;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  margin-bottom: 8px;
}
.cmsb-num span {
  color: #fff;
}
.cmsb-label {
  font-size: 0.8rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.52);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* ── SPLIT IMAGE LAYOUT ── */
.cmsplit-col {
  position: relative;
}
.cmsplit-img {
  width: 100%;
  height: 470px;
  object-fit: cover;
  border-radius: 22px;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  position: relative;
  z-index: 1;
}
.cmsplit-frame {
  position: absolute;
  top: -18px;
  left: -18px;
  right: 52px;
  bottom: 26px;
  border: 2px solid #000;
  border-radius: 22px;
  opacity: 0.38;
  z-index: 0;
}
.cmsplit-badge {
  position: absolute;
  bottom: 36px;
  right: 8px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 14px;
  padding: 20px 22px;
  text-align: center;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  z-index: 2;
  min-width: 130px;
  animation: cmorb 5s ease-in-out infinite;
}
.cmsplit-badge-num {
  font-family: "Playfair Display", serif;
  font-size: 2.4rem;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  display: block;
}
.cmsplit-badge-lbl {
  font-size: 0.71rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin-top: 4px;
  display: block;
  line-height: 1.4;
}

/* ── TEAM CARD ── */
.cmteam-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.cmteam-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.cmteam-img-wrap {
  position: relative;
  overflow: hidden;
  height: 268px;
}
.cmteam-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}
.cmteam-card:hover .cmteam-img-wrap img {
  transform: scale(1.07);
}
.cmteam-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(10, 22, 40, 0.8) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 0.4s;
}
.cmteam-card:hover .cmteam-overlay {
  opacity: 1;
}
.cmteam-soc {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  display: flex;
  gap: 9px;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cmteam-card:hover .cmteam-soc {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.cmteam-soc a {
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.82rem;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cmteam-soc a:hover {
  background: #000;
  border-color: #000;
}
.cmteam-body {
  padding: 26px;
}
.cmteam-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 4px;
  color: #860909;
}
.cmteam-role {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 10px;
  display: block;
}
.cmteam-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── AWARD CARD ── */
.cmaward-card {
  background: #fff;
  border-radius: 22px;
  padding: 34px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.cmaward-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #000, #000);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.cmaward-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.cmaward-card:hover::after {
  transform: scaleX(1);
}
.cmaward-yr {
  font-family: "Playfair Display", serif;
  font-size: 2rem;
  font-weight: 900;
  color: #000;
  opacity: 0.2;
  position: absolute;
  top: 16px;
  right: 24px;
}
.cmaward-icon {
  width: 52px;
  height: 52px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cmaward-icon i {
  color: #000;
  font-size: 1.2rem;
}
.cmaward-card:hover .cmaward-icon {
  background: linear-gradient(135deg, #000, #000);
}
.cmaward-card:hover .cmaward-icon i {
  color: #fff;
}
.cmaward-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: #860909;
  margin-bottom: 6px;
}
.cmaward-card p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── PARTNER CARD ── */
.cmpartner-card {
  background: #fff;
  border-radius: 22px;
  padding: 30px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  text-align: center;
  height: 100%;
}
.cmpartner-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.3);
}
.cmpartner-logo {
  width: 80px;
  height: 80px;
  background: #f4f7fb;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cmpartner-logo i {
  font-size: 2rem;
  color: #860909;
  transition: color 0.3s;
}
.cmpartner-card:hover .cmpartner-logo {
  background: linear-gradient(135deg, #860909, #860909);
}
.cmpartner-card:hover .cmpartner-logo i {
  color: #000;
}
.cmpartner-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  font-weight: 700;
  color: #860909;
  margin-bottom: 6px;
}
.cmpartner-card p {
  font-size: 0.85rem;
  color: #4a5a6e;
  margin-bottom: 14px;
}
.cmpartner-badge {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #000;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
}

/* ── INDUSTRY CARD ── */
.cmind-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.cmind-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.cmind-img-wrap {
  overflow: hidden;
  position: relative;
}
.cmind-img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  transition: transform 0.6s;
}
.cmind-card:hover .cmind-img {
  transform: scale(1.06);
}
.cmind-cat {
  position: absolute;
  top: 14px;
  left: 14px;
  background: linear-gradient(135deg, #000, #000);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  padding: 4px 13px;
  border-radius: 50px;
}
.cmind-body {
  padding: 26px;
}
.cmind-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #860909;
  margin-bottom: 8px;
  transition: color 0.3s;
}
.cmind-card:hover h5 {
  color: #000;
}
.cmind-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}
.cmind-link {
  color: #000;
  font-weight: 600;
  font-size: 0.86rem;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: gap 0.3s;
}
.cmind-link:hover {
  gap: 13px;
  color: #860909;
}

/* ── INSIGHT CARD ── */
.cminsight-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.cminsight-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.cminsight-img-wrap {
  overflow: hidden;
  position: relative;
}
.cminsight-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: transform 0.6s;
}
.cminsight-card:hover .cminsight-img {
  transform: scale(1.05);
}
.cminsight-tag {
  position: absolute;
  top: 14px;
  left: 14px;
  background: rgba(10, 22, 40, 0.85);
  color: #000;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  border: 1px solid rgba(228, 168, 53, 0.3);
}
.cminsight-body {
  padding: 26px;
}
.cminsight-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}
.cminsight-meta span {
  font-size: 0.78rem;
  color: #8d9bad;
  display: flex;
  align-items: center;
  gap: 5px;
}
.cminsight-meta span i {
  font-size: 0.7rem;
  color: #000;
}
.cminsight-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #860909;
  margin-bottom: 8px;
  transition: color 0.3s;
  line-height: 1.4;
}
.cminsight-card:hover h5 {
  color: #000;
}
.cminsight-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}

/* ── TESTIMONIAL CARD ── */
.cmtesti-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
}
.cmtesti-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #000, #000);
  border-radius: 22px 22px 0 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.cmtesti-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.cmtesti-card:hover::before {
  transform: scaleX(1);
}
.cmtesti-quote {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #000, #000);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.cmtesti-quote i {
  color: #fff;
  font-size: 1rem;
}
.cmtesti-stars {
  color: #000;
  font-size: 0.85rem;
  margin-bottom: 14px;
  display: flex;
  gap: 3px;
}
.cmtesti-text {
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.8;
  margin-bottom: 22px;
  font-style: italic;
}
.cmtesti-author {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 18px;
  border-top: 1px solid #d8e2ef;
}
.cmtesti-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #000;
}
.cmtesti-name {
  font-weight: 700;
  font-size: 0.93rem;
  color: #860909;
  display: block;
}
.cmtesti-role {
  font-size: 0.78rem;
  color: #8d9bad;
  display: block;
}

/* ── FAQ ACCORDION ── */
.cmfaq {
  background: #fff;
  border-radius: 14px;
  margin-bottom: 14px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cmfaq.cmfaq-open {
  border-color: rgba(200, 146, 42, 0.3);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
}
.cmfaq-q {
  padding: 22px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: #860909;
  transition: color 0.3s;
  gap: 16px;
  user-select: none;
}
.cmfaq.cmfaq-open .cmfaq-q {
  color: #000;
}
.cmfaq-toggle {
  width: 34px;
  height: 34px;
  background: #f4f7fb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cmfaq-toggle i {
  font-size: 0.75rem;
  color: #4a5a6e;
  transition:
    transform 0.35s,
    color 0.3s;
}
.cmfaq.cmfaq-open .cmfaq-toggle {
  background: linear-gradient(135deg, #000, #000);
}
.cmfaq.cmfaq-open .cmfaq-toggle i {
  transform: rotate(180deg);
  color: #fff;
}
.cmfaq-ans {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.45s ease;
}
.cmfaq-ans-inner {
  padding: 0 28px 22px;
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.75;
}

/* ── FORM ELEMENTS ── */
.cmform-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #4a5a6e;
  margin-bottom: 7px;
}
.cmform-ctrl {
  width: 100%;
  padding: 13px 17px;
  background: #f4f7fb;
  border: 1.5px solid #d8e2ef;
  border-radius: 14px;
  font-size: 0.96rem;
  color: #1a2b3c;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  appearance: none;
  font-family: var(--font-body);
}
.cmform-ctrl:focus {
  border-color: #000;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(200, 146, 42, 0.09);
}
.cmform-ctrl::placeholder {
  color: #8d9bad;
}
textarea.cmform-ctrl {
  resize: vertical;
  min-height: 115px;
}
select.cmform-ctrl {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7A8D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  background-size: 17px;
  padding-right: 42px;
  cursor: pointer;
}

/* ── CTA SECTION ── */
.cmcta-sec {
  background: linear-gradient(135deg, #0a1628 0%, #1b4f8a 50%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.cmcta-sec::after {
  content: "";
  position: absolute;
  top: -40%;
  right: -8%;
  width: 540px;
  height: 540px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.09) 0%,
    transparent 70%
  );
}
.cmcta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
}
.cmcta-inner h2 {
  color: #fff;
  margin-bottom: 14px;
}
.cmcta-inner h2 span {
  color: #860909;
  font-style: italic;
}
.cmcta-inner p {
  color: rgba(255, 255, 255, 0.68);
  font-size: 1.08rem;
  max-width: 540px;
  margin: 0 auto 36px;
}
.cmcta-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* ── SCROLL TOP ── */
.cmscroll-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #000, #000);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
  box-shadow: 0 8px 22px rgba(200, 146, 42, 0.38);
  cursor: pointer;
  border: none;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translateY(20px);
}
.cmscroll-top.cmst-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.cmscroll-top:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 38px rgba(200, 146, 42, 0.48);
}

/* ── SCROLL ANIMATIONS ── */
.cmanim {
  opacity: 0;
  transform: translateY(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.cmanim.cmdone {
  opacity: 1;
  transform: translateY(0);
}
.cmanim-l {
  opacity: 0;
  transform: translateX(-36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.cmanim-l.cmdone {
  opacity: 1;
  transform: translateX(0);
}
.cmanim-r {
  opacity: 0;
  transform: translateX(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.cmanim-r.cmdone {
  opacity: 1;
  transform: translateX(0);
}
.cmd1 {
  transition-delay: 0.1s;
}
.cmd2 {
  transition-delay: 0.2s;
}
.cmd3 {
  transition-delay: 0.3s;
}
.cmd4 {
  transition-delay: 0.4s;
}
.cmd5 {
  transition-delay: 0.5s;
}

/* ── RESPONSIVE ── */
@media (max-width: 991.98px) {
  .cmhdr-top {
    display: none;
  }
  .cmnav-menu,
  .cmnav-cta {
    display: none;
  }
  .cmtoggler {
    display: flex;
  }
  .cmhero {
    padding: 72px 0 58px;
  }
  .cmsec,
  .cmsec-alt {
    padding: 72px 0;
  }
  .cmsplit-col {
    margin-bottom: 48px;
  }
  .cmsplit-img {
    height: 340px;
  }
  .cmsplit-frame {
    display: none;
  }
  .cmstats-band {
    padding: 58px 0;
  }
}
@media (max-width: 767.98px) {
  .cmhero-btns {
    flex-direction: column;
  }
  .cmbtn-gold,
  .cmbtn-ghost,
  .cmbtn-navy,
  .cmbtn-outline,
  .cmbtn-white,
  .cmbtn-ghost2 {
    width: 100%;
    justify-content: center;
  }
  .cmcta-btns {
    flex-direction: column;
    align-items: center;
  }
  .cmfooter-bottom-inner {
    flex-direction: column;
    text-align: center;
  }
  .cmfooter-legal {
    justify-content: center;
  }
  .cmsb-num {
    font-size: 2.4rem;
  }
  .cmsplit-img {
    height: 280px;
  }
}

/* Industries css  */
/* ============================================================
   PAGE PREFIX: ID — ALL CSS INTERNAL, ZERO INLINE
   ============================================================ */

.idbody {
  font-family: "Outfit", sans-serif;
  color: #1a2b3c;
  background: #ffffff;
  overflow-x: hidden;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
}
.idbody * {
  box-sizing: border-box;
}
.idbody h1,
.idbody h2,
.idbody h3,
.idbody h4,
.idbody h5,
.idbody h6 {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 800;
  line-height: 1.22;
  color: #0a1628;
  margin: 0;
}
.idbody h1 {
  font-size: clamp(2.4rem, 5vw, 3.9rem);
}
.idbody h2 {
  font-size: clamp(1.85rem, 3.5vw, 2.75rem);
}
.idbody h3 {
  font-size: clamp(1.25rem, 2vw, 1.65rem);
}
.idbody p {
  font-size: 1.02rem;
  color: #4a5a6e;
  line-height: 1.78;
  margin: 0;
}
.idbody a {
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.idbody img {
  max-width: 100%;
  display: block;
}

/* ── PAGE HERO ── */
.idhero {
  position: relative;
  padding: 110px 0 90px;
  overflow: hidden;
  background: #0a1628;
}
.idhero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.14;
  animation: idzoom 20s ease-in-out infinite alternate;
}
@keyframes idzoom {
  0% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1.14);
  }
}
.idhero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(10, 22, 40, 0.97) 0%,
    rgba(14, 32, 69, 0.9) 55%,
    rgba(27, 79, 138, 0.68) 100%
  );
}
.idhero-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(228, 168, 53, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(228, 168, 53, 0.04) 1px, transparent 1px);
  background-size: 56px 56px;
  animation: idgrid 24s linear infinite;
}
@keyframes idgrid {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(56px, 56px);
  }
}
.idhero-orb1 {
  position: absolute;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.1) 0%,
    transparent 70%
  );
  top: -100px;
  right: -80px;
  animation: idorb 9s ease-in-out infinite;
}
.idhero-orb2 {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(27, 79, 138, 0.18) 0%,
    transparent 70%
  );
  bottom: -60px;
  left: 6%;
  animation: idorb 12s ease-in-out infinite reverse;
}
@keyframes idorb {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-28px) scale(1.06);
  }
}
.idhero-content {
  position: relative;
  z-index: 2;
}
.idhero-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.32);
  border-radius: 50px;
  padding: 7px 18px;
  color: #860909;
  font-size: 0.77rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  margin-bottom: 24px;
  animation: idfd 0.8s ease both;
}
@keyframes idfd {
  from {
    opacity: 0;
    transform: translateY(-18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.idhero h1 {
  color: #fff;
  margin-bottom: 22px;
  animation: idfu 0.9s ease 0.2s both;
}
.idhero h1 span {
  color: #860909;
  font-style: italic;
}
@keyframes idfu {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.idhero-desc {
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.1rem;
  max-width: 560px;
  line-height: 1.82;
  margin-bottom: 38px;
  animation: idfu 0.9s ease 0.35s both;
}
.idhero-btns {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  animation: idfu 0.9s ease 0.5s both;
}
.idbreadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 40px 0 0;
  animation: idfu 0.9s ease 0.65s both;
}
.idbreadcrumb li {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.8rem;
}
.idbreadcrumb li a {
  color: rgba(255, 255, 255, 0.55);
  transition: color 0.3s;
}
.idbreadcrumb li a:hover {
  color: #860909;
}
.idbreadcrumb li.idbc-act {
  color: #860909;
  font-weight: 600;
}
.idbreadcrumb li i {
  font-size: 0.6rem;
}

/* ── BUTTONS ── */
.idbtn-gold {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 16px 36px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 10px 36px rgba(134, 9, 9, 0.5);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.idbtn-gold:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 50px rgba(134, 9, 9, 1);
  color: #fff;
}
.idbtn-gold i {
  transition: transform 0.3s;
}
.idbtn-gold:hover i {
  transform: translateX(4px);
}
.idbtn-ghost {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  padding: 15px 36px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.idbtn-ghost:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}
.idbtn-navy {
  background: #0a1628;
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: 2px solid #0a1628;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.idbtn-navy:hover {
  background: transparent;
  color: #0a1628;
  transform: translateY(-3px);
}
.idbtn-outline {
  background: transparent;
  color: #0a1628;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 2px solid #0a1628;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.idbtn-outline:hover {
  background: #0a1628;
  color: #fff;
  transform: translateY(-3px);
}
.idbtn-white {
  background: #fff;
  color: #0a1628;
  font-weight: 700;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.idbtn-white:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  color: #860909;
}
.idbtn-ghost2 {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.idbtn-ghost2:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}

/* ── SECTION UTILITIES ── */
.idsec {
  padding: 108px 0;
  background: #fff;
}
.idsec-alt {
  padding: 108px 0;
  background: #f4f7fb;
}
.idsec-label {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #860909;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 1rem;
}
.idsec-label::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 2px;
  background: #860909;
  border-radius: 2px;
}
.idsec-label::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #860909;
  border-radius: 50%;
}
.idsec-title {
  font-family: "Playfair Display", serif;
  font-weight: 800;
  color: #0a1628;
  margin-bottom: 0.9rem;
}
.idsec-title span {
  color: #860909;
  font-style: italic;
}
.idsec-desc {
  font-size: 1.05rem;
  color: #4a5a6e;
  max-width: 600px;
  line-height: 1.8;
}
.idgold-bar {
  width: 52px;
  height: 4px;
  background: linear-gradient(90deg, #860909, #860909);
  border-radius: 4px;
  margin-bottom: 1.4rem;
}

/* ── FEATURE CARD ── */
.idfeat-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid transparent;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.idfeat-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  border: 2px solid #860909;
  opacity: 0;
  transition: opacity 0.4s;
}
.idfeat-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.idfeat-card:hover::before {
  opacity: 1;
}
.idfeat-icon {
  width: 62px;
  height: 62px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.idfeat-icon i {
  color: #860909;
  font-size: 1.38rem;
}
.idfeat-card:hover .idfeat-icon {
  background: linear-gradient(135deg, #860909, #860909);
  transform: rotate(-5deg) scale(1.08);
}
.idfeat-card:hover .idfeat-icon i {
  color: #fff;
}
.idfeat-card h4 {
  font-family: "Playfair Display", serif;
  font-size: 1.18rem;
  margin-bottom: 12px;
  color: #0a1628;
  transition: color 0.3s;
}
.idfeat-card:hover h4 {
  color: #860909;
}
.idfeat-card p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.75;
}

/* ── STEP PROCESS ── */
.idstep {
  display: flex;
  gap: 22px;
  align-items: flex-start;
  margin-bottom: 36px;
  position: relative;
}
.idstep:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 24px;
  top: 52px;
  width: 2px;
  height: calc(100% - 20px);
  background: linear-gradient(180deg, #860909, transparent);
  opacity: 0.35;
}
.idstep-num {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Playfair Display", serif;
  font-size: 1.15rem;
  font-weight: 800;
  color: #860909;
  border: 2px solid rgba(228, 168, 53, 0.28);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 1;
}
.idstep:hover .idstep-num {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
}
.idstep-body {
  background: #fff;
  border-radius: 14px;
  padding: 24px 28px;
  flex: 1;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.idstep:hover .idstep-body {
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.28);
  transform: translateX(6px);
}
.idstep-tag {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #860909;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  margin-bottom: 10px;
}
.idstep-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.idstep-body p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.7;
}

/* ── ICON LIST ── */
.idicon-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.idicon-list li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 10px 0;
  border-bottom: 1px solid #d8e2ef;
  font-size: 0.94rem;
  color: #4a5a6e;
}
.idicon-list li:last-child {
  border-bottom: none;
}
.idicon-list li i {
  width: 27px;
  height: 27px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #860909;
  font-size: 0.72rem;
  flex-shrink: 0;
  margin-top: 1px;
}

/* ── STATS BAND ── */
.idstats-band {
  background: linear-gradient(135deg, #0a1628 0%, #0e2045 50%, #1b4f8a 100%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.idstats-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 50px 50px;
}
.idstats-band::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(
      circle at 20% 50%,
      rgba(200, 146, 42, 0.07) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 80% 50%,
      rgba(27, 79, 138, 0.14) 0%,
      transparent 50%
    );
}
.idsb-item {
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 16px 8px;
}
.idsb-icon {
  width: 60px;
  height: 60px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.28);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.idsb-icon i {
  color: #860909;
  font-size: 1.38rem;
}
.idsb-item:hover .idsb-icon {
  background: rgba(200, 146, 42, 0.22);
  transform: scale(1.1) rotate(4deg);
}
.idsb-num {
  font-family: "Playfair Display", serif;
  font-size: 3rem;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  margin-bottom: 8px;
}
.idsb-num span {
  color: #860909;
}
.idsb-label {
  font-size: 0.8rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.52);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* ── SPLIT IMAGE LAYOUT ── */
.idsplit-col {
  position: relative;
}
.idsplit-img {
  width: 100%;
  height: 470px;
  object-fit: cover;
  border-radius: 22px;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  position: relative;
  z-index: 1;
}
.idsplit-frame {
  position: absolute;
  top: -18px;
  left: -18px;
  right: 52px;
  bottom: 26px;
  border: 2px solid #860909;
  border-radius: 22px;
  opacity: 0.38;
  z-index: 0;
}
.idsplit-badge {
  position: absolute;
  bottom: 36px;
  right: 8px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 14px;
  padding: 20px 22px;
  text-align: center;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  z-index: 2;
  min-width: 130px;
  animation: idorb 5s ease-in-out infinite;
}
.idsplit-badge-num {
  font-family: "Playfair Display", serif;
  font-size: 2.4rem;
  font-weight: 900;
  color: #860909;
  line-height: 1;
  display: block;
}
.idsplit-badge-lbl {
  font-size: 0.71rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin-top: 4px;
  display: block;
  line-height: 1.4;
}

/* ── TEAM CARD ── */
.idteam-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.idteam-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.idteam-img-wrap {
  position: relative;
  overflow: hidden;
  height: 268px;
}
.idteam-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}
.idteam-card:hover .idteam-img-wrap img {
  transform: scale(1.07);
}
.idteam-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(10, 22, 40, 0.8) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 0.4s;
}
.idteam-card:hover .idteam-overlay {
  opacity: 1;
}
.idteam-soc {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  display: flex;
  gap: 9px;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.idteam-card:hover .idteam-soc {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.idteam-soc a {
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.82rem;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.idteam-soc a:hover {
  background: #860909;
  border-color: #860909;
}
.idteam-body {
  padding: 26px;
}
.idteam-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 4px;
  color: #0a1628;
}
.idteam-role {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #860909;
  margin-bottom: 10px;
  display: block;
}
.idteam-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── AWARD CARD ── */
.idaward-card {
  background: #fff;
  border-radius: 22px;
  padding: 34px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.idaward-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #860909, #860909);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.idaward-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.idaward-card:hover::after {
  transform: scaleX(1);
}
.idaward-yr {
  font-family: "Playfair Display", serif;
  font-size: 2rem;
  font-weight: 900;
  color: #860909;
  opacity: 0.2;
  position: absolute;
  top: 16px;
  right: 24px;
}
.idaward-icon {
  width: 52px;
  height: 52px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.idaward-icon i {
  color: #860909;
  font-size: 1.2rem;
}
.idaward-card:hover .idaward-icon {
  background: linear-gradient(135deg, #860909, #860909);
}
.idaward-card:hover .idaward-icon i {
  color: #fff;
}
.idaward-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.idaward-card p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── PARTNER CARD ── */
.idpartner-card {
  background: #fff;
  border-radius: 22px;
  padding: 30px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  text-align: center;
  height: 100%;
}
.idpartner-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.3);
}
.idpartner-logo {
  width: 80px;
  height: 80px;
  background: #f4f7fb;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.idpartner-logo i {
  font-size: 2rem;
  color: #1b4f8a;
  transition: color 0.3s;
}
.idpartner-card:hover .idpartner-logo {
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
}
.idpartner-card:hover .idpartner-logo i {
  color: #860909;
}
.idpartner-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.idpartner-card p {
  font-size: 0.85rem;
  color: #4a5a6e;
  margin-bottom: 14px;
}
.idpartner-badge {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #860909;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
}

/* ── INDUSTRY CARD ── */
.idind-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.idind-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.idind-img-wrap {
  overflow: hidden;
  position: relative;
}
.idind-img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  transition: transform 0.6s;
}
.idind-card:hover .idind-img {
  transform: scale(1.06);
}
.idind-cat {
  position: absolute;
  top: 14px;
  left: 14px;
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  padding: 4px 13px;
  border-radius: 50px;
}
.idind-body {
  padding: 26px;
}
.idind-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 8px;
  transition: color 0.3s;
}
.idind-card:hover h5 {
  color: #860909;
}
.idind-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}
.idind-link {
  color: #860909;
  font-weight: 600;
  font-size: 0.86rem;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: gap 0.3s;
}
.idind-link:hover {
  gap: 13px;
  color: #0a1628;
}

/* ── INSIGHT CARD ── */
.idinsight-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.idinsight-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.idinsight-img-wrap {
  overflow: hidden;
  position: relative;
}
.idinsight-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: transform 0.6s;
}
.idinsight-card:hover .idinsight-img {
  transform: scale(1.05);
}
.idinsight-tag {
  position: absolute;
  top: 14px;
  left: 14px;
  background: rgba(10, 22, 40, 0.85);
  color: #860909;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  border: 1px solid rgba(228, 168, 53, 0.3);
}
.idinsight-body {
  padding: 26px;
}
.idinsight-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}
.idinsight-meta span {
  font-size: 0.78rem;
  color: #8d9bad;
  display: flex;
  align-items: center;
  gap: 5px;
}
.idinsight-meta span i {
  font-size: 0.7rem;
  color: #860909;
}
.idinsight-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 8px;
  transition: color 0.3s;
  line-height: 1.4;
}
.idinsight-card:hover h5 {
  color: #860909;
}
.idinsight-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}

/* ── TESTIMONIAL CARD ── */
.idtesti-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
}
.idtesti-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #860909, #860909);
  border-radius: 22px 22px 0 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.idtesti-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.idtesti-card:hover::before {
  transform: scaleX(1);
}
.idtesti-quote {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.idtesti-quote i {
  color: #fff;
  font-size: 1rem;
}
.idtesti-stars {
  color: #860909;
  font-size: 0.85rem;
  margin-bottom: 14px;
  display: flex;
  gap: 3px;
}
.idtesti-text {
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.8;
  margin-bottom: 22px;
  font-style: italic;
}
.idtesti-author {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 18px;
  border-top: 1px solid #d8e2ef;
}
.idtesti-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #860909;
}
.idtesti-name {
  font-weight: 700;
  font-size: 0.93rem;
  color: #0a1628;
  display: block;
}
.idtesti-role {
  font-size: 0.78rem;
  color: #8d9bad;
  display: block;
}

/* ── FAQ ACCORDION ── */
.idfaq {
  background: #fff;
  border-radius: 14px;
  margin-bottom: 14px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.idfaq.idfaq-open {
  border-color: rgba(200, 146, 42, 0.3);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
}
.idfaq-q {
  padding: 22px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: #0a1628;
  transition: color 0.3s;
  gap: 16px;
  user-select: none;
}
.idfaq.idfaq-open .idfaq-q {
  color: #860909;
}
.idfaq-toggle {
  width: 34px;
  height: 34px;
  background: #f4f7fb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.idfaq-toggle i {
  font-size: 0.75rem;
  color: #4a5a6e;
  transition:
    transform 0.35s,
    color 0.3s;
}
.idfaq.idfaq-open .idfaq-toggle {
  background: linear-gradient(135deg, #860909, #860909);
}
.idfaq.idfaq-open .idfaq-toggle i {
  transform: rotate(180deg);
  color: #fff;
}
.idfaq-ans {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.45s ease;
}
.idfaq-ans-inner {
  padding: 0 28px 22px;
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.75;
}

/* ── FORM ELEMENTS ── */
.idform-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #4a5a6e;
  margin-bottom: 7px;
}
.idform-ctrl {
  width: 100%;
  padding: 13px 17px;
  background: #f4f7fb;
  border: 1.5px solid #d8e2ef;
  border-radius: 14px;
  font-size: 0.96rem;
  color: #1a2b3c;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  appearance: none;
  font-family: "Outfit", sans-serif;
}
.idform-ctrl:focus {
  border-color: #860909;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(200, 146, 42, 0.09);
}
.idform-ctrl::placeholder {
  color: #8d9bad;
}
textarea.idform-ctrl {
  resize: vertical;
  min-height: 115px;
}
select.idform-ctrl {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7A8D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  background-size: 17px;
  padding-right: 42px;
  cursor: pointer;
}

/* ── CTA SECTION ── */
.idcta-sec {
  background: linear-gradient(135deg, #0a1628 0%, #1b4f8a 50%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.idcta-sec::after {
  content: "";
  position: absolute;
  top: -40%;
  right: -8%;
  width: 540px;
  height: 540px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.09) 0%,
    transparent 70%
  );
}
.idcta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
}
.idcta-inner h2 {
  color: #fff;
  margin-bottom: 14px;
}
.idcta-inner h2 span {
  color: #860909;
  font-style: italic;
}
.idcta-inner p {
  color: rgba(255, 255, 255, 0.68);
  font-size: 1.08rem;
  max-width: 540px;
  margin: 0 auto 36px;
}
.idcta-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* ── SCROLL TOP ── */
.idscroll-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
  box-shadow: 0 8px 22px rgba(200, 146, 42, 0.38);
  cursor: pointer;
  border: none;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translateY(20px);
}
.idscroll-top.idst-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.idscroll-top:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 38px rgba(200, 146, 42, 0.48);
}

/* ── SCROLL ANIMATIONS ── */
.idanim {
  opacity: 0;
  transform: translateY(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.idanim.iddone {
  opacity: 1;
  transform: translateY(0);
}
.idanim-l {
  opacity: 0;
  transform: translateX(-36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.idanim-l.iddone {
  opacity: 1;
  transform: translateX(0);
}
.idanim-r {
  opacity: 0;
  transform: translateX(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.idanim-r.iddone {
  opacity: 1;
  transform: translateX(0);
}
.idd1 {
  transition-delay: 0.1s;
}
.idd2 {
  transition-delay: 0.2s;
}
.idd3 {
  transition-delay: 0.3s;
}
.idd4 {
  transition-delay: 0.4s;
}
.idd5 {
  transition-delay: 0.5s;
}

/* ── RESPONSIVE ── */
@media (max-width: 991.98px) {
  .idhdr-top {
    display: none;
  }
  .idnav-menu,
  .idnav-cta {
    display: none;
  }
  .idtoggler {
    display: flex;
  }
  .idhero {
    padding: 72px 0 58px;
  }
  .idsec,
  .idsec-alt {
    padding: 72px 0;
  }
  .idsplit-col {
    margin-bottom: 48px;
  }
  .idsplit-img {
    height: 340px;
  }
  .idsplit-frame {
    display: none;
  }
  .idstats-band {
    padding: 58px 0;
  }
}
@media (max-width: 767.98px) {
  .idhero-btns {
    flex-direction: column;
  }
  .idbtn-gold,
  .idbtn-ghost,
  .idbtn-navy,
  .idbtn-outline,
  .idbtn-white,
  .idbtn-ghost2 {
    width: 100%;
    justify-content: center;
  }
  .idcta-btns {
    flex-direction: column;
    align-items: center;
  }
  .idfooter-bottom-inner {
    flex-direction: column;
    text-align: center;
  }
  .idfooter-legal {
    justify-content: center;
  }
  .idsb-num {
    font-size: 2.4rem;
  }
  .idsplit-img {
    height: 280px;
  }
}

/* insight css */
/* ============================================================
   PAGE PREFIX: INS — ALL CSS INTERNAL, ZERO INLINE
   ============================================================ */

.insbody {
  font-family: "Outfit", sans-serif;
  color: #1a2b3c;
  background: #ffffff;
  overflow-x: hidden;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
}
.insbody * {
  box-sizing: border-box;
}
.insbody h1,
.insbody h2,
.insbody h3,
.insbody h4,
.insbody h5,
.insbody h6 {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 800;
  line-height: 1.22;
  color: #0a1628;
  margin: 0;
}
.insbody h1 {
  font-size: clamp(2.4rem, 5vw, 3.9rem);
}
.insbody h2 {
  font-size: clamp(1.85rem, 3.5vw, 2.75rem);
}
.insbody h3 {
  font-size: clamp(1.25rem, 2vw, 1.65rem);
}
.insbody p {
  font-size: 1.02rem;
  color: #4a5a6e;
  line-height: 1.78;
  margin: 0;
}
.insbody a {
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.insbody img {
  max-width: 100%;
  display: block;
}

/* ── PAGE HERO ── */
.inshero {
  position: relative;
  padding: 110px 0 90px;
  overflow: hidden;
  background: #0a1628;
}
.inshero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.14;
  animation: inszoom 20s ease-in-out infinite alternate;
}
@keyframes inszoom {
  0% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1.14);
  }
}
.inshero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(10, 22, 40, 0.97) 0%,
    rgba(14, 32, 69, 0.9) 55%,
    rgba(27, 79, 138, 0.68) 100%
  );
}
.inshero-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(228, 168, 53, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(228, 168, 53, 0.04) 1px, transparent 1px);
  background-size: 56px 56px;
  animation: insgrid 24s linear infinite;
}
@keyframes insgrid {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(56px, 56px);
  }
}
.inshero-orb1 {
  position: absolute;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.1) 0%,
    transparent 70%
  );
  top: -100px;
  right: -80px;
  animation: insorb 9s ease-in-out infinite;
}
.inshero-orb2 {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(27, 79, 138, 0.18) 0%,
    transparent 70%
  );
  bottom: -60px;
  left: 6%;
  animation: insorb 12s ease-in-out infinite reverse;
}
@keyframes insorb {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-28px) scale(1.06);
  }
}
.inshero-content {
  position: relative;
  z-index: 2;
}
.inshero-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.32);
  border-radius: 50px;
  padding: 7px 18px;
  color: #860909;
  font-size: 0.77rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  margin-bottom: 24px;
  animation: insfd 0.8s ease both;
}
@keyframes insfd {
  from {
    opacity: 0;
    transform: translateY(-18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.inshero h1 {
  color: #fff;
  margin-bottom: 22px;
  animation: insfu 0.9s ease 0.2s both;
}
.inshero h1 span {
  color: #860909;
  font-style: italic;
}
@keyframes insfu {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.inshero-desc {
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.1rem;
  max-width: 560px;
  line-height: 1.82;
  margin-bottom: 38px;
  animation: insfu 0.9s ease 0.35s both;
}
.inshero-btns {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  animation: insfu 0.9s ease 0.5s both;
}
.insbreadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 40px 0 0;
  animation: insfu 0.9s ease 0.65s both;
}
.insbreadcrumb li {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.8rem;
}
.insbreadcrumb li a {
  color: rgba(255, 255, 255, 0.55);
  transition: color 0.3s;
}
.insbreadcrumb li a:hover {
  color: #860909;
}
.insbreadcrumb li.insbc-act {
  color: #860909;
  font-weight: 600;
}
.insbreadcrumb li i {
  font-size: 0.6rem;
}

/* ── BUTTONS ── */
.insbtn-gold {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 16px 36px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 10px 36px rgba(134, 9, 9, 0.5);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.insbtn-gold:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 50px rgba(134, 9, 9, 1);
  color: #fff;
}
.insbtn-gold i {
  transition: transform 0.3s;
}
.insbtn-gold:hover i {
  transform: translateX(4px);
}
.insbtn-ghost {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  padding: 15px 36px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.insbtn-ghost:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}
.insbtn-navy {
  background: #0a1628;
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: 2px solid #0a1628;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.insbtn-navy:hover {
  background: transparent;
  color: #0a1628;
  transform: translateY(-3px);
}
.insbtn-outline {
  background: transparent;
  color: #0a1628;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 2px solid #0a1628;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.insbtn-outline:hover {
  background: #0a1628;
  color: #fff;
  transform: translateY(-3px);
}
.insbtn-white {
  background: #fff;
  color: #0a1628;
  font-weight: 700;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.insbtn-white:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  color: #860909;
}
.insbtn-ghost2 {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.insbtn-ghost2:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}

/* ── SECTION UTILITIES ── */
.inssec {
  padding: 108px 0;
  background: #fff;
}
.inssec-alt {
  padding: 108px 0;
  background: #f4f7fb;
}
.inssec-label {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #860909;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 1rem;
}
.inssec-label::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 2px;
  background: #860909;
  border-radius: 2px;
}
.inssec-label::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #860909;
  border-radius: 50%;
}
.inssec-title {
  font-family: "Playfair Display", serif;
  font-weight: 800;
  color: #0a1628;
  margin-bottom: 0.9rem;
}
.inssec-title span {
  color: #860909;
  font-style: italic;
}
.inssec-desc {
  font-size: 1.05rem;
  color: #4a5a6e;
  max-width: 600px;
  line-height: 1.8;
}
.insgold-bar {
  width: 52px;
  height: 4px;
  background: linear-gradient(90deg, #860909, #860909);
  border-radius: 4px;
  margin-bottom: 1.4rem;
}

/* ── FEATURE CARD ── */
.insfeat-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid transparent;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.insfeat-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  border: 2px solid #860909;
  opacity: 0;
  transition: opacity 0.4s;
}
.insfeat-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.insfeat-card:hover::before {
  opacity: 1;
}
.insfeat-icon {
  width: 62px;
  height: 62px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.insfeat-icon i {
  color: #860909;
  font-size: 1.38rem;
}
.insfeat-card:hover .insfeat-icon {
  background: linear-gradient(135deg, #860909, #860909);
  transform: rotate(-5deg) scale(1.08);
}
.insfeat-card:hover .insfeat-icon i {
  color: #fff;
}
.insfeat-card h4 {
  font-family: "Playfair Display", serif;
  font-size: 1.18rem;
  margin-bottom: 12px;
  color: #0a1628;
  transition: color 0.3s;
}
.insfeat-card:hover h4 {
  color: #860909;
}
.insfeat-card p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.75;
}

/* ── STEP PROCESS ── */
.insstep {
  display: flex;
  gap: 22px;
  align-items: flex-start;
  margin-bottom: 36px;
  position: relative;
}
.insstep:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 24px;
  top: 52px;
  width: 2px;
  height: calc(100% - 20px);
  background: linear-gradient(180deg, #860909, transparent);
  opacity: 0.35;
}
.insstep-num {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Playfair Display", serif;
  font-size: 1.15rem;
  font-weight: 800;
  color: #860909;
  border: 2px solid rgba(228, 168, 53, 0.28);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 1;
}
.insstep:hover .insstep-num {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
}
.insstep-body {
  background: #fff;
  border-radius: 14px;
  padding: 24px 28px;
  flex: 1;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.insstep:hover .insstep-body {
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.28);
  transform: translateX(6px);
}
.insstep-tag {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #860909;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  margin-bottom: 10px;
}
.insstep-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.insstep-body p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.7;
}

/* ── ICON LIST ── */
.insicon-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.insicon-list li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 10px 0;
  border-bottom: 1px solid #d8e2ef;
  font-size: 0.94rem;
  color: #4a5a6e;
}
.insicon-list li:last-child {
  border-bottom: none;
}
.insicon-list li i {
  width: 27px;
  height: 27px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #860909;
  font-size: 0.72rem;
  flex-shrink: 0;
  margin-top: 1px;
}

/* ── STATS BAND ── */
.insstats-band {
  background: linear-gradient(135deg, #0a1628 0%, #0e2045 50%, #1b4f8a 100%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.insstats-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 50px 50px;
}
.insstats-band::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(
      circle at 20% 50%,
      rgba(200, 146, 42, 0.07) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 80% 50%,
      rgba(27, 79, 138, 0.14) 0%,
      transparent 50%
    );
}
.inssb-item {
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 16px 8px;
}
.inssb-icon {
  width: 60px;
  height: 60px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.28);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.inssb-icon i {
  color: #860909;
  font-size: 1.38rem;
}
.inssb-item:hover .inssb-icon {
  background: rgba(200, 146, 42, 0.22);
  transform: scale(1.1) rotate(4deg);
}
.inssb-num {
  font-family: "Playfair Display", serif;
  font-size: 3rem;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  margin-bottom: 8px;
}
.inssb-num span {
  color: #860909;
}
.inssb-label {
  font-size: 0.8rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.52);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* ── SPLIT IMAGE LAYOUT ── */
.inssplit-col {
  position: relative;
}
.inssplit-img {
  width: 100%;
  height: 470px;
  object-fit: cover;
  border-radius: 22px;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  position: relative;
  z-index: 1;
}
.inssplit-frame {
  position: absolute;
  top: -18px;
  left: -18px;
  right: 52px;
  bottom: 26px;
  border: 2px solid #860909;
  border-radius: 22px;
  opacity: 0.38;
  z-index: 0;
}
.inssplit-badge {
  position: absolute;
  bottom: 36px;
  right: 8px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 14px;
  padding: 20px 22px;
  text-align: center;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  z-index: 2;
  min-width: 130px;
  animation: insorb 5s ease-in-out infinite;
}
.inssplit-badge-num {
  font-family: "Playfair Display", serif;
  font-size: 2.4rem;
  font-weight: 900;
  color: #860909;
  line-height: 1;
  display: block;
}
.inssplit-badge-lbl {
  font-size: 0.71rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin-top: 4px;
  display: block;
  line-height: 1.4;
}

/* ── TEAM CARD ── */
.insteam-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.insteam-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.insteam-img-wrap {
  position: relative;
  overflow: hidden;
  height: 268px;
}
.insteam-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}
.insteam-card:hover .insteam-img-wrap img {
  transform: scale(1.07);
}
.insteam-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(10, 22, 40, 0.8) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 0.4s;
}
.insteam-card:hover .insteam-overlay {
  opacity: 1;
}
.insteam-soc {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  display: flex;
  gap: 9px;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.insteam-card:hover .insteam-soc {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.insteam-soc a {
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.82rem;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.insteam-soc a:hover {
  background: #860909;
  border-color: #860909;
}
.insteam-body {
  padding: 26px;
}
.insteam-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 4px;
  color: #0a1628;
}
.insteam-role {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #860909;
  margin-bottom: 10px;
  display: block;
}
.insteam-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── AWARD CARD ── */
.insaward-card {
  background: #fff;
  border-radius: 22px;
  padding: 34px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.insaward-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #860909, #860909);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.insaward-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.insaward-card:hover::after {
  transform: scaleX(1);
}
.insaward-yr {
  font-family: "Playfair Display", serif;
  font-size: 2rem;
  font-weight: 900;
  color: #860909;
  opacity: 0.2;
  position: absolute;
  top: 16px;
  right: 24px;
}
.insaward-icon {
  width: 52px;
  height: 52px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.insaward-icon i {
  color: #860909;
  font-size: 1.2rem;
}
.insaward-card:hover .insaward-icon {
  background: linear-gradient(135deg, #860909, #860909);
}
.insaward-card:hover .insaward-icon i {
  color: #fff;
}
.insaward-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.insaward-card p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── PARTNER CARD ── */
.inspartner-card {
  background: #fff;
  border-radius: 22px;
  padding: 30px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  text-align: center;
  height: 100%;
}
.inspartner-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.3);
}
.inspartner-logo {
  width: 80px;
  height: 80px;
  background: #f4f7fb;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.inspartner-logo i {
  font-size: 2rem;
  color: #1b4f8a;
  transition: color 0.3s;
}
.inspartner-card:hover .inspartner-logo {
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
}
.inspartner-card:hover .inspartner-logo i {
  color: #860909;
}
.inspartner-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.inspartner-card p {
  font-size: 0.85rem;
  color: #4a5a6e;
  margin-bottom: 14px;
}
.inspartner-badge {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #860909;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
}

/* ── INDUSTRY CARD ── */
.insind-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.insind-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.insind-img-wrap {
  overflow: hidden;
  position: relative;
}
.insind-img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  transition: transform 0.6s;
}
.insind-card:hover .insind-img {
  transform: scale(1.06);
}
.insind-cat {
  position: absolute;
  top: 14px;
  left: 14px;
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  padding: 4px 13px;
  border-radius: 50px;
}
.insind-body {
  padding: 26px;
}
.insind-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 8px;
  transition: color 0.3s;
}
.insind-card:hover h5 {
  color: #860909;
}
.insind-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}
.insind-link {
  color: #860909;
  font-weight: 600;
  font-size: 0.86rem;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: gap 0.3s;
}
.insind-link:hover {
  gap: 13px;
  color: #0a1628;
}

/* ── INSIGHT CARD ── */
.insinsight-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.insinsight-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.insinsight-img-wrap {
  overflow: hidden;
  position: relative;
}
.insinsight-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: transform 0.6s;
}
.insinsight-card:hover .insinsight-img {
  transform: scale(1.05);
}
.insinsight-tag {
  position: absolute;
  top: 14px;
  left: 14px;
  background: rgba(134, 9, 9, 0.5);
  color: #fff;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  border: 1px solid rgba(228, 168, 53, 0.3);
}
.insinsight-body {
  padding: 26px;
}
.insinsight-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}
.insinsight-meta span {
  font-size: 0.78rem;
  color: #8d9bad;
  display: flex;
  align-items: center;
  gap: 5px;
}
.insinsight-meta span i {
  font-size: 0.7rem;
  color: #860909;
}
.insinsight-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 8px;
  transition: color 0.3s;
  line-height: 1.4;
}
.insinsight-card:hover h5 {
  color: #860909;
}
.insinsight-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}

/* ── TESTIMONIAL CARD ── */
.instesti-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
}
.instesti-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #860909, #860909);
  border-radius: 22px 22px 0 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.instesti-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.instesti-card:hover::before {
  transform: scaleX(1);
}
.instesti-quote {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.instesti-quote i {
  color: #fff;
  font-size: 1rem;
}
.instesti-stars {
  color: #860909;
  font-size: 0.85rem;
  margin-bottom: 14px;
  display: flex;
  gap: 3px;
}
.instesti-text {
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.8;
  margin-bottom: 22px;
  font-style: italic;
}
.instesti-author {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 18px;
  border-top: 1px solid #d8e2ef;
}
.instesti-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #860909;
}
.instesti-name {
  font-weight: 700;
  font-size: 0.93rem;
  color: #0a1628;
  display: block;
}
.instesti-role {
  font-size: 0.78rem;
  color: #8d9bad;
  display: block;
}

/* ── FAQ ACCORDION ── */
.insfaq {
  background: #fff;
  border-radius: 14px;
  margin-bottom: 14px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.insfaq.insfaq-open {
  border-color: rgba(200, 146, 42, 0.3);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
}
.insfaq-q {
  padding: 22px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: #0a1628;
  transition: color 0.3s;
  gap: 16px;
  user-select: none;
}
.insfaq.insfaq-open .insfaq-q {
  color: #860909;
}
.insfaq-toggle {
  width: 34px;
  height: 34px;
  background: #f4f7fb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.insfaq-toggle i {
  font-size: 0.75rem;
  color: #4a5a6e;
  transition:
    transform 0.35s,
    color 0.3s;
}
.insfaq.insfaq-open .insfaq-toggle {
  background: linear-gradient(135deg, #860909, #860909);
}
.insfaq.insfaq-open .insfaq-toggle i {
  transform: rotate(180deg);
  color: #fff;
}
.insfaq-ans {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.45s ease;
}
.insfaq-ans-inner {
  padding: 0 28px 22px;
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.75;
}

/* ── FORM ELEMENTS ── */
.insform-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #4a5a6e;
  margin-bottom: 7px;
}
.insform-ctrl {
  width: 100%;
  padding: 13px 17px;
  background: #f4f7fb;
  border: 1.5px solid #d8e2ef;
  border-radius: 14px;
  font-size: 0.96rem;
  color: #1a2b3c;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  appearance: none;
  font-family: "Outfit", sans-serif;
}
.insform-ctrl:focus {
  border-color: #860909;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(200, 146, 42, 0.09);
}
.insform-ctrl::placeholder {
  color: #8d9bad;
}
textarea.insform-ctrl {
  resize: vertical;
  min-height: 115px;
}
select.insform-ctrl {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7A8D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  background-size: 17px;
  padding-right: 42px;
  cursor: pointer;
}

/* ── CTA SECTION ── */
.inscta-sec {
  background: linear-gradient(135deg, #0a1628 0%, #1b4f8a 100%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.inscta-sec::after {
  content: "";
  position: absolute;
  top: -40%;
  right: -8%;
  width: 540px;
  height: 540px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.09) 0%,
    transparent 70%
  );
}
.inscta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
}
.inscta-inner h2 {
  color: #fff;
  margin-bottom: 14px;
}
.inscta-inner h2 span {
  color: #860909;
  font-style: italic;
}
.inscta-inner p {
  color: rgba(255, 255, 255, 0.68);
  font-size: 1.08rem;
  max-width: 540px;
  margin: 0 auto 36px;
}
.inscta-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* ── SCROLL TOP ── */
.insscroll-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
  box-shadow: 0 8px 22px rgba(200, 146, 42, 0.38);
  cursor: pointer;
  border: none;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translateY(20px);
}
.insscroll-top.insst-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.insscroll-top:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 38px rgba(200, 146, 42, 0.48);
}

/* ── SCROLL ANIMATIONS ── */
.insanim {
  opacity: 0;
  transform: translateY(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.insanim.insdone {
  opacity: 1;
  transform: translateY(0);
}
.insanim-l {
  opacity: 0;
  transform: translateX(-36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.insanim-l.insdone {
  opacity: 1;
  transform: translateX(0);
}
.insanim-r {
  opacity: 0;
  transform: translateX(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.insanim-r.insdone {
  opacity: 1;
  transform: translateX(0);
}
.insd1 {
  transition-delay: 0.1s;
}
.insd2 {
  transition-delay: 0.2s;
}
.insd3 {
  transition-delay: 0.3s;
}
.insd4 {
  transition-delay: 0.4s;
}
.insd5 {
  transition-delay: 0.5s;
}

/* ── RESPONSIVE ── */
@media (max-width: 991.98px) {
  .inshdr-top {
    display: none;
  }
  .insnav-menu,
  .insnav-cta {
    display: none;
  }
  .instoggler {
    display: flex;
  }
  .inshero {
    padding: 72px 0 58px;
  }
  .inssec,
  .inssec-alt {
    padding: 72px 0;
  }
  .inssplit-col {
    margin-bottom: 48px;
  }
  .inssplit-img {
    height: 340px;
  }
  .inssplit-frame {
    display: none;
  }
  .insstats-band {
    padding: 58px 0;
  }
}
@media (max-width: 767.98px) {
  .inshero-btns {
    flex-direction: column;
  }
  .insbtn-gold,
  .insbtn-ghost,
  .insbtn-navy,
  .insbtn-outline,
  .insbtn-white,
  .insbtn-ghost2 {
    width: 100%;
    justify-content: center;
  }
  .inscta-btns {
    flex-direction: column;
    align-items: center;
  }
  .insfooter-bottom-inner {
    flex-direction: column;
    text-align: center;
  }
  .insfooter-legal {
    justify-content: center;
  }
  .inssb-num {
    font-size: 2.4rem;
  }
  .inssplit-img {
    height: 280px;
  }
}

/* Contact Css  */
/* ============================================================
   PAGE PREFIX: CO — ALL CSS INTERNAL, ZERO INLINE
   ============================================================ */

.cobody {
  font-family: var(--font-body);
  color: #1a2b3c;
  background: #ffffff;
  overflow-x: hidden;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
}
.cobody * {
  box-sizing: border-box;
}
.cobody h1,
.cobody h2,
.cobody h3,
.cobody h4,
.cobody h5,
.cobody h6 {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 800;
  line-height: 1.22;
  color: #0a1628;
  margin: 0;
}
.cobody h1 {
  font-size: clamp(2.4rem, 5vw, 3.9rem);
}
.cobody h2 {
  font-size: clamp(1.85rem, 3.5vw, 2.75rem);
}
.cobody h3 {
  font-size: clamp(1.25rem, 2vw, 1.65rem);
}
.cobody p {
  font-size: 1.02rem;
  color: #4a5a6e;
  line-height: 1.78;
  margin: 0;
}
.cobody a {
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cobody img {
  max-width: 100%;
  display: block;
}

/* ── PAGE HERO ── */
.cohero {
  position: relative;
  padding: 110px 0 90px;
  overflow: hidden;
  background: #0a1628;
}
.cohero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.14;
  animation: cozoom 20s ease-in-out infinite alternate;
}
@keyframes cozoom {
  0% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1.14);
  }
}
.cohero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(10, 22, 40, 0.97) 0%,
    rgba(14, 32, 69, 0.9) 55%,
    rgba(27, 79, 138, 0.68) 100%
  );
}
.cohero-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(228, 168, 53, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(228, 168, 53, 0.04) 1px, transparent 1px);
  background-size: 56px 56px;
  animation: cogrid 24s linear infinite;
}
@keyframes cogrid {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(56px, 56px);
  }
}
.cohero-orb1 {
  position: absolute;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.1) 0%,
    transparent 70%
  );
  top: -100px;
  right: -80px;
  animation: coorb 9s ease-in-out infinite;
}
.cohero-orb2 {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(27, 79, 138, 0.18) 0%,
    transparent 70%
  );
  bottom: -60px;
  left: 6%;
  animation: coorb 12s ease-in-out infinite reverse;
}
@keyframes coorb {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-28px) scale(1.06);
  }
}
.cohero-content {
  position: relative;
  z-index: 2;
}
.cohero-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.32);
  border-radius: 50px;
  padding: 7px 18px;
  color: #860909;
  font-size: 0.77rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  margin-bottom: 24px;
  animation: cofd 0.8s ease both;
}
@keyframes cofd {
  from {
    opacity: 0;
    transform: translateY(-18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.cohero h1 {
  color: #fff;
  margin-bottom: 22px;
  animation: cofu 0.9s ease 0.2s both;
}
.cohero h1 span {
  color: #860909;
  font-style: italic;
}
@keyframes cofu {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.cohero-desc {
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.1rem;
  max-width: 560px;
  line-height: 1.82;
  margin-bottom: 38px;
  animation: cofu 0.9s ease 0.35s both;
}
.cohero-btns {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  animation: cofu 0.9s ease 0.5s both;
}
.cobreadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 40px 0 0;
  animation: cofu 0.9s ease 0.65s both;
}
.cobreadcrumb li {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.8rem;
}
.cobreadcrumb li a {
  color: rgba(255, 255, 255, 0.55);
  transition: color 0.3s;
}
.cobreadcrumb li a:hover {
  color: #860909;
}
.cobreadcrumb li.cobc-act {
  color: #860909;
  font-weight: 600;
}
.cobreadcrumb li i {
  font-size: 0.6rem;
}

/* ── BUTTONS ── */
.cobtn-gold {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 16px 36px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 10px 36px rgba(134, 9, 9, 0.5);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.cobtn-gold:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 50px rgba(134, 9, 9, 0.5);
  color: #fff;
}
.cobtn-gold i {
  transition: transform 0.3s;
}
.cobtn-gold:hover i {
  transform: translateX(4px);
}
.cobtn-ghost {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  padding: 15px 36px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.cobtn-ghost:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}
.cobtn-navy {
  background: #0a1628;
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: 2px solid #0a1628;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.cobtn-navy:hover {
  background: transparent;
  color: #0a1628;
  transform: translateY(-3px);
}
.cobtn-outline {
  background: transparent;
  color: #0a1628;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 2px solid #0a1628;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.cobtn-outline:hover {
  background: #0a1628;
  color: #fff;
  transform: translateY(-3px);
}
.cobtn-white {
  background: #fff;
  color: #0a1628;
  font-weight: 700;
  font-size: 0.98rem;
  padding: 15px 34px;
  border-radius: 50px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.cobtn-white:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  color: #860909;
}
.cobtn-ghost2 {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-weight: 600;
  font-size: 0.98rem;
  padding: 14px 34px;
  border-radius: 50px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
}
.cobtn-ghost2:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px);
  color: #fff;
}

/* ── SECTION UTILITIES ── */
.cosec {
  padding: 108px 0;
  background: #fff;
}
.cosec-alt {
  padding: 108px 0;
  background: #f4f7fb;
}
.cosec-label {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #860909;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 1rem;
}
.cosec-label::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 2px;
  background: #860909;
  border-radius: 2px;
}
.cosec-label::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #860909;
  border-radius: 50%;
}
.cosec-title {
  font-family: "Playfair Display", serif;
  font-weight: 800;
  color: #0a1628;
  margin-bottom: 0.9rem;
}
.cosec-title span {
  color: #860909;
  font-style: italic;
}
.cosec-desc {
  font-size: 1.05rem;
  color: #4a5a6e;
  max-width: 600px;
  line-height: 1.8;
}
.cogold-bar {
  width: 52px;
  height: 4px;
  background: linear-gradient(90deg, #860909, #860909);
  border-radius: 4px;
  margin-bottom: 1.4rem;
}

/* ── FEATURE CARD ── */
.cofeat-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid transparent;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.cofeat-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  border: 2px solid #860909;
  opacity: 0;
  transition: opacity 0.4s;
}
.cofeat-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.cofeat-card:hover::before {
  opacity: 1;
}
.cofeat-icon {
  width: 62px;
  height: 62px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cofeat-icon i {
  color: #860909;
  font-size: 1.38rem;
}
.cofeat-card:hover .cofeat-icon {
  background: linear-gradient(135deg, #860909, #860909);
  transform: rotate(-5deg) scale(1.08);
}
.cofeat-card:hover .cofeat-icon i {
  color: #fff;
}
.cofeat-card h4 {
  font-family: "Playfair Display", serif;
  font-size: 1.18rem;
  margin-bottom: 12px;
  color: #0a1628;
  transition: color 0.3s;
}
.cofeat-card:hover h4 {
  color: #860909;
}
.cofeat-card p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.75;
}

/* ── STEP PROCESS ── */
.costep {
  display: flex;
  gap: 22px;
  align-items: flex-start;
  margin-bottom: 36px;
  position: relative;
}
.costep:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 24px;
  top: 52px;
  width: 2px;
  height: calc(100% - 20px);
  background: linear-gradient(180deg, #860909, transparent);
  opacity: 0.35;
}
.costep-num {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Playfair Display", serif;
  font-size: 1.15rem;
  font-weight: 800;
  color: #860909;
  border: 2px solid rgba(228, 168, 53, 0.28);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 1;
}
.costep:hover .costep-num {
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
}
.costep-body {
  background: #fff;
  border-radius: 14px;
  padding: 24px 28px;
  flex: 1;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.costep:hover .costep-body {
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.28);
  transform: translateX(6px);
}
.costep-tag {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #860909;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  margin-bottom: 10px;
}
.costep-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.costep-body p {
  font-size: 0.93rem;
  color: #4a5a6e;
  margin: 0;
  line-height: 1.7;
}

/* ── ICON LIST ── */
.coicon-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.coicon-list li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 10px 0;
  border-bottom: 1px solid #d8e2ef;
  font-size: 0.94rem;
  color: #4a5a6e;
}
.coicon-list li:last-child {
  border-bottom: none;
}
.coicon-list li i {
  width: 27px;
  height: 27px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #860909;
  font-size: 0.72rem;
  flex-shrink: 0;
  margin-top: 1px;
}

/* ── STATS BAND ── */
.costats-band {
  background: linear-gradient(135deg, #0a1628 0%, #0e2045 50%, #1b4f8a 100%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.costats-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 50px 50px;
}
.costats-band::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(
      circle at 20% 50%,
      rgba(200, 146, 42, 0.07) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 80% 50%,
      rgba(27, 79, 138, 0.14) 0%,
      transparent 50%
    );
}
.cosb-item {
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 16px 8px;
}
.cosb-icon {
  width: 60px;
  height: 60px;
  background: rgba(200, 146, 42, 0.13);
  border: 1px solid rgba(200, 146, 42, 0.28);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cosb-icon i {
  color: #860909;
  font-size: 1.38rem;
}
.cosb-item:hover .cosb-icon {
  background: rgba(200, 146, 42, 0.22);
  transform: scale(1.1) rotate(4deg);
}
.cosb-num {
  font-family: "Playfair Display", serif;
  font-size: 3rem;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  margin-bottom: 8px;
}
.cosb-num span {
  color: #860909;
}
.cosb-label {
  font-size: 0.8rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.52);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* ── SPLIT IMAGE LAYOUT ── */
.cosplit-col {
  position: relative;
}
.cosplit-img {
  width: 100%;
  height: 470px;
  object-fit: cover;
  border-radius: 22px;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  position: relative;
  z-index: 1;
}
.cosplit-frame {
  position: absolute;
  top: -18px;
  left: -18px;
  right: 52px;
  bottom: 26px;
  border: 2px solid #860909;
  border-radius: 22px;
  opacity: 0.38;
  z-index: 0;
}
.cosplit-badge {
  position: absolute;
  bottom: 36px;
  right: 8px;
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
  border-radius: 14px;
  padding: 20px 22px;
  text-align: center;
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
  z-index: 2;
  min-width: 130px;
  animation: coorb 5s ease-in-out infinite;
}
.cosplit-badge-num {
  font-family: "Playfair Display", serif;
  font-size: 2.4rem;
  font-weight: 900;
  color: #860909;
  line-height: 1;
  display: block;
}
.cosplit-badge-lbl {
  font-size: 0.71rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin-top: 4px;
  display: block;
  line-height: 1.4;
}

/* ── TEAM CARD ── */
.coteam-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.coteam-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.coteam-img-wrap {
  position: relative;
  overflow: hidden;
  height: 268px;
}
.coteam-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}
.coteam-card:hover .coteam-img-wrap img {
  transform: scale(1.07);
}
.coteam-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(10, 22, 40, 0.8) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 0.4s;
}
.coteam-card:hover .coteam-overlay {
  opacity: 1;
}
.coteam-soc {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  display: flex;
  gap: 9px;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.coteam-card:hover .coteam-soc {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.coteam-soc a {
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.82rem;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.coteam-soc a:hover {
  background: #860909;
  border-color: #860909;
}
.coteam-body {
  padding: 26px;
}
.coteam-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 4px;
  color: #0a1628;
}
.coteam-role {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #860909;
  margin-bottom: 10px;
  display: block;
}
.coteam-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── AWARD CARD ── */
.coaward-card {
  background: #fff;
  border-radius: 22px;
  padding: 34px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.coaward-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #860909, #860909);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.coaward-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.coaward-card:hover::after {
  transform: scaleX(1);
}
.coaward-yr {
  font-family: "Playfair Display", serif;
  font-size: 2rem;
  font-weight: 900;
  color: #860909;
  opacity: 0.2;
  position: absolute;
  top: 16px;
  right: 24px;
}
.coaward-icon {
  width: 52px;
  height: 52px;
  background: rgba(200, 146, 42, 0.1);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.coaward-icon i {
  color: #860909;
  font-size: 1.2rem;
}
.coaward-card:hover .coaward-icon {
  background: linear-gradient(135deg, #860909, #860909);
}
.coaward-card:hover .coaward-icon i {
  color: #fff;
}
.coaward-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.coaward-card p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin: 0;
}

/* ── PARTNER CARD ── */
.copartner-card {
  background: #fff;
  border-radius: 22px;
  padding: 30px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  text-align: center;
  height: 100%;
}
.copartner-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
  border-color: rgba(200, 146, 42, 0.3);
}
.copartner-logo {
  width: 80px;
  height: 80px;
  background: #f4f7fb;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.copartner-logo i {
  font-size: 2rem;
  color: #1b4f8a;
  transition: color 0.3s;
}
.copartner-card:hover .copartner-logo {
  background: linear-gradient(135deg, #0a1628, #1b4f8a);
}
.copartner-card:hover .copartner-logo i {
  color: #860909;
}
.copartner-card h5 {
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 6px;
}
.copartner-card p {
  font-size: 0.85rem;
  color: #4a5a6e;
  margin-bottom: 14px;
}
.copartner-badge {
  display: inline-block;
  background: rgba(200, 146, 42, 0.1);
  color: #860909;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
}

/* ── INDUSTRY CARD ── */
.coind-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.coind-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.coind-img-wrap {
  overflow: hidden;
  position: relative;
}
.coind-img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  transition: transform 0.6s;
}
.coind-card:hover .coind-img {
  transform: scale(1.06);
}
.coind-cat {
  position: absolute;
  top: 14px;
  left: 14px;
  background: linear-gradient(135deg, #860909, #860909);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  padding: 4px 13px;
  border-radius: 50px;
}
.coind-body {
  padding: 26px;
}
.coind-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 8px;
  transition: color 0.3s;
}
.coind-card:hover h5 {
  color: #860909;
}
.coind-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}
.coind-link {
  color: #860909;
  font-weight: 600;
  font-size: 0.86rem;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: gap 0.3s;
}
.coind-link:hover {
  gap: 13px;
  color: #0a1628;
}

/* ── INSIGHT CARD ── */
.coinsight-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 100%;
}
.coinsight-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.coinsight-img-wrap {
  overflow: hidden;
  position: relative;
}
.coinsight-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: transform 0.6s;
}
.coinsight-card:hover .coinsight-img {
  transform: scale(1.05);
}
.coinsight-tag {
  position: absolute;
  top: 14px;
  left: 14px;
  background: rgba(10, 22, 40, 0.85);
  color: #860909;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  border: 1px solid rgba(228, 168, 53, 0.3);
}
.coinsight-body {
  padding: 26px;
}
.coinsight-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}
.coinsight-meta span {
  font-size: 0.78rem;
  color: #8d9bad;
  display: flex;
  align-items: center;
  gap: 5px;
}
.coinsight-meta span i {
  font-size: 0.7rem;
  color: #860909;
}
.coinsight-body h5 {
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 700;
  color: #0a1628;
  margin-bottom: 8px;
  transition: color 0.3s;
  line-height: 1.4;
}
.coinsight-card:hover h5 {
  color: #860909;
}
.coinsight-body p {
  font-size: 0.88rem;
  color: #4a5a6e;
  margin-bottom: 16px;
}

/* ── TESTIMONIAL CARD ── */
.cotesti-card {
  background: #fff;
  border-radius: 22px;
  padding: 36px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
}
.cotesti-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #860909, #860909);
  border-radius: 22px 22px 0 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.cotesti-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 22px 64px rgba(10, 22, 40, 0.19);
}
.cotesti-card:hover::before {
  transform: scaleX(1);
}
.cotesti-quote {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.cotesti-quote i {
  color: #fff;
  font-size: 1rem;
}
.cotesti-stars {
  color: #860909;
  font-size: 0.85rem;
  margin-bottom: 14px;
  display: flex;
  gap: 3px;
}
.cotesti-text {
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.8;
  margin-bottom: 22px;
  font-style: italic;
}
.cotesti-author {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 18px;
  border-top: 1px solid #d8e2ef;
}
.cotesti-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #860909;
}
.cotesti-name {
  font-weight: 700;
  font-size: 0.93rem;
  color: #0a1628;
  display: block;
}
.cotesti-role {
  font-size: 0.78rem;
  color: #8d9bad;
  display: block;
}

/* ── FAQ ACCORDION ── */
.cofaq {
  background: #fff;
  border-radius: 14px;
  margin-bottom: 14px;
  box-shadow: 0 2px 14px rgba(10, 22, 40, 0.08);
  border: 1px solid #d8e2ef;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cofaq.cofaq-open {
  border-color: rgba(200, 146, 42, 0.3);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.13);
}
.cofaq-q {
  padding: 22px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: #0a1628;
  transition: color 0.3s;
  gap: 16px;
  user-select: none;
}
.cofaq.cofaq-open .cofaq-q {
  color: #860909;
}
.cofaq-toggle {
  width: 34px;
  height: 34px;
  background: #f4f7fb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cofaq-toggle i {
  font-size: 0.75rem;
  color: #4a5a6e;
  transition:
    transform 0.35s,
    color 0.3s;
}
.cofaq.cofaq-open .cofaq-toggle {
  background: linear-gradient(135deg, #860909, #860909);
}
.cofaq.cofaq-open .cofaq-toggle i {
  transform: rotate(180deg);
  color: #fff;
}
.cofaq-ans {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.45s ease;
}
.cofaq-ans-inner {
  padding: 0 28px 22px;
  font-size: 0.95rem;
  color: #4a5a6e;
  line-height: 1.75;
}

/* ── FORM ELEMENTS ── */
.coform-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #4a5a6e;
  margin-bottom: 7px;
}
.coform-ctrl {
  width: 100%;
  padding: 13px 17px;
  background: #f4f7fb;
  border: 1.5px solid #d8e2ef;
  border-radius: 14px;
  font-size: 0.96rem;
  color: #1a2b3c;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  appearance: none;
  font-family: var(--font-body);
}
.coform-ctrl:focus {
  border-color: #860909;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(200, 146, 42, 0.09);
}
.coform-ctrl::placeholder {
  color: #8d9bad;
}
textarea.coform-ctrl {
  resize: vertical;
  min-height: 115px;
}
select.coform-ctrl {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7A8D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  background-size: 17px;
  padding-right: 42px;
  cursor: pointer;
}

/* ── CTA SECTION ── */
.cocta-sec {
  background: linear-gradient(135deg, #0a1628 0%, #1b4f8a 50%);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.cocta-sec::after {
  content: "";
  position: absolute;
  top: -40%;
  right: -8%;
  width: 540px;
  height: 540px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(200, 146, 42, 0.09) 0%,
    transparent 70%
  );
}
.cocta-inner {
  position: relative;
  z-index: 1;
  text-align: center;
}
.cocta-inner h2 {
  color: #fff;
  margin-bottom: 14px;
}
.cocta-inner h2 span {
  color: #860909;
  font-style: italic;
}
.cocta-inner p {
  color: rgba(255, 255, 255, 0.68);
  font-size: 1.08rem;
  max-width: 540px;
  margin: 0 auto 36px;
}
.cocta-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* ── SCROLL TOP ── */
.coscroll-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #860909, #860909);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
  box-shadow: 0 8px 22px rgba(200, 146, 42, 0.38);
  cursor: pointer;
  border: none;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translateY(20px);
}
.coscroll-top.cost-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.coscroll-top:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 38px rgba(200, 146, 42, 0.48);
}

/* ── SCROLL ANIMATIONS ── */
.coanim {
  opacity: 0;
  transform: translateY(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.coanim.codone {
  opacity: 1;
  transform: translateY(0);
}
.coanim-l {
  opacity: 0;
  transform: translateX(-36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.coanim-l.codone {
  opacity: 1;
  transform: translateX(0);
}
.coanim-r {
  opacity: 0;
  transform: translateX(36px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}
.coanim-r.codone {
  opacity: 1;
  transform: translateX(0);
}
.cod1 {
  transition-delay: 0.1s;
}
.cod2 {
  transition-delay: 0.2s;
}
.cod3 {
  transition-delay: 0.3s;
}
.cod4 {
  transition-delay: 0.4s;
}
.cod5 {
  transition-delay: 0.5s;
}

/* ── RESPONSIVE ── */
@media (max-width: 991.98px) {
  .cohdr-top {
    display: none;
  }
  .conav-menu,
  .conav-cta {
    display: none;
  }
  .cotoggler {
    display: flex;
  }
  .cohero {
    padding: 72px 0 58px;
  }
  .cosec,
  .cosec-alt {
    padding: 72px 0;
  }
  .cosplit-col {
    margin-bottom: 48px;
  }
  .cosplit-img {
    height: 340px;
  }
  .cosplit-frame {
    display: none;
  }
  .costats-band {
    padding: 58px 0;
  }
}
@media (max-width: 767.98px) {
  .cohero-btns {
    flex-direction: column;
  }
  .cobtn-gold,
  .cobtn-ghost,
  .cobtn-navy,
  .cobtn-outline,
  .cobtn-white,
  .cobtn-ghost2 {
    width: 100%;
    justify-content: center;
  }
  .cocta-btns {
    flex-direction: column;
    align-items: center;
  }
  .cofooter-bottom-inner {
    flex-direction: column;
    text-align: center;
  }
  .cofooter-legal {
    justify-content: center;
  }
  .cosb-num {
    font-size: 2.4rem;
  }
  .cosplit-img {
    height: 280px;
  }
}

.cont-icon{
	width:48px;
	height:48px;
	background:#F4F7FB;
	border-radius:14px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	border:1px solid #D8E2EF;
}

.cont-icon i{
	color:#860909;
}

.strong-title strong{
	display:block;
	font-size:.8rem;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.08em;
	color:#8D9BAD;
	margin-bottom:4px;
}

.strong-title span{
	font-size:.95rem;
	color:#4A5A6E;
}

.strong-title span a{
	color:#860909;
	text-decoration:none;
}

.strong-title span a:hover{
	color: #1b4f8a;
}

/* Blog single page css  */
/* Section */
.ob-wrapper{
  padding:90px 0;
	background:linear-gradient(135deg,#0a1628,#0f1f3d);
}

/* LEFT */
.ob-left{
  padding-right:35px;
}

/* Author Top */
.ob-author-top img{
  width:50px;
  height:50px;
  border-radius:50%;
}

.ob-meta{
  color:#9aa6c1;
  font-size:13px;
}

/* Title */
.ob-title{
  font-size:42px;
  font-weight:700;
  margin:0 0 20px;
  background:linear-gradient(135deg,#fff,#860909);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* Image */
.ob-image{
  overflow:hidden;
  border-radius:20px;
  margin-bottom:30px;
}

.ob-image img{
  width:100%;
  transition:0.5s;
}

.ob-image:hover img{
  transform:scale(1.08);
}

/* Content */
.ob-content{
  line-height:1.9;
  color:#fff;
  font-size:15px;
}

.ob-content h3{
  margin-top:30px;
  font-weight:600;
  position:relative;
  padding-left:15px;
}

.ob-content h3::before{
  content:"";
  position:absolute;
  left:0;
  top:5px;
  height:20px;
  width:4px;
  background:linear-gradient(#860909,#1b4f8a);
  border-radius:5px;
}

.ob-content p{
	color:#fff;
}
/* Highlight */
.ob-highlight{
  background:linear-gradient(135deg,#860909,#1b4f8a);
  padding:25px;
  border-radius:16px;
  margin:25px 0;
  font-weight:500;
}

/* Tags */
.ob-tags{
  margin-top:20px;
}

.ob-tag{
  display:inline-block;
  padding:6px 14px;
  border-radius:30px;
  background:#860909;
  margin:5px;
  font-size:12px;
}

/* Sidebar */
.ob-sidebar{
  position:sticky;
  top:80px;
}

/* Sidebar Card */
.ob-sidebar-card{
  background:rgba(255,255,255,0.05);
  backdrop-filter:blur(12px);
  border-radius:18px;
  padding:15px;
  margin-bottom:20px;
  transition:0.4s;
  cursor:pointer;
}

.ob-sidebar-card:hover{
  transform:translateY(-6px);
  box-shadow:0 10px 25px rgba(0,0,0,0.5);
}

/* Sidebar Image */
.ob-side-img{
  width:70px;
  height:70px;
  border-radius:10px;
  object-fit:cover;
}

/* Sidebar Title */
.ob-sidebar-title{
  font-size:16px;
  font-weight:600;
	color:#fff;
}

.ob-sidebar-date{
  font-size:12px;
  color:#888;
}

/* Button */
.ob-btn{
  display:inline-block;
  padding:10px 20px;
  border-radius:40px;
  background:linear-gradient(135deg,#860909,#1b4f8a);
  color:#fff;
  border:none;
  font-size:13px;
  width:100%;
}

/* Input */
.ob-input{
  width:100%;
  padding:10px;
  border:none;
  border-radius:30px;
  background:#0a1628;
  color:#fff;
  margin:10px 0;
}

/* Responsive */
@media(max-width:991px){
  .ob-sidebar{
    position:relative;
    top:0;
    margin-top:40px;
  }
}

/* Error Page css  */
/* SECTION */
.err-sec{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
  padding:1rem;
}

/* PREMIUM BACKGROUND (MESH STYLE + DYNAMIC ORBS) */
.err-sec::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 30%, #86090988, transparent 45%),
    radial-gradient(circle at 80% 70%, #1b4f8a88, transparent 45%),
    radial-gradient(circle at 40% 80%, #86090933, transparent 50%),
    radial-gradient(circle at 70% 20%, #1b4f8a33, transparent 50%);
  z-index:0;
  animation: breathe 12s ease-in-out infinite alternate;
}

@keyframes breathe {
  0% { opacity: 0.6; filter: blur(0px); }
  100% { opacity: 1; filter: blur(2px); }
}

/* ADDITIONAL GLOW ORB (FLOATING) */
.err-sec::after {
  content: "";
  position: absolute;
  width: 60vw;
  height: 60vw;
  background: radial-gradient(circle, #86090922, transparent 70%);
  border-radius: 50%;
  top: 20%;
  left: -20%;
  z-index: 0;
  animation: floatOrb 20s infinite alternate ease-in-out;
  pointer-events: none;
}

@keyframes floatOrb {
  0% { transform: translate(0, 0) scale(1); opacity: 0.3; }
  100% { transform: translate(10%, 15%) scale(1.2); opacity: 0.6; }
}

/* CARD - GLASSMORPHISM ELEVATED */
.err-box{
  background: linear-gradient(135deg, rgba(134, 9, 9, 0.25), rgba(27, 79, 138, 0.25));
  backdrop-filter: blur(20px) saturate(180%);
  border-radius: 48px;
  padding: 70px 50px;
  text-align: center;
  position: relative;
  z-index: 10;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid rgba(134, 9, 9, 0.3);
  box-shadow: 
    0 25px 50px -12px rgba(0, 0, 0, 0.5),
    0 0 0 1px rgba(134, 9, 9, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
}

.err-box:hover{
  transform: translateY(-8px) scale(1.01);
  box-shadow: 
    0 35px 60px -15px rgba(0, 0, 0, 0.6),
    0 0 0 2px rgba(134, 9, 9, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.35);
}

/* 404 TEXT - 3D DEPTH + SHIMMER */
.err-code{
  font-size: 150px;
  font-weight: 800;
  line-height: 1;
  position: relative;
  background: linear-gradient(135deg, #860909, #1b4f8a, #860909);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer 6s linear infinite;
  letter-spacing: -4px;
}

@keyframes shimmer {
  0% { background-position: 0% 0%; }
  100% { background-position: 200% 0%; }
}

.err-code::after{
  content: "404";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  color: #fff;
  filter: blur(30px);
  opacity: 0.12;
  transform: scale(1.02);
}

/* GLITCH EFFECT ON HOVER */
.err-code:hover {
  animation: glitch 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@keyframes glitch {
  0% { transform: skew(0deg, 0deg); opacity: 1; text-shadow: none; }
  20% { transform: skew(2deg, 1deg); text-shadow: -2px 0 #860909, 2px 0 #1b4f8a; }
  40% { transform: skew(-2deg, -1deg); text-shadow: 2px 0 #860909, -2px 0 #1b4f8a; }
  60% { transform: skew(1deg, 0deg); }
  80% { transform: skew(-1deg, 1deg); }
  100% { transform: skew(0deg, 0deg); }
}

/* TITLE */
.err-title{
  font-size: 34px;
  margin: 20px 0 12px;
  font-weight: 600;
  background: linear-gradient(120deg, #ffffff, #c0ccf0);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.3px;
}

/* TEXT */
.err-text{
  color: #fff;
  font-size: 15px;
  max-width: 440px;
  margin: auto;
  line-height: 1.5;
  font-weight: 400;
}

/* PRIMARY BUTTON - NEON GLOW */
.err-btn{
  display: inline-block;
  margin-top: 28px;
  padding: 14px 38px;
  border-radius: 60px;
  background: linear-gradient(115deg, #860909, #1b4f8a);
  color: #fff;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  font-weight: 500;
  letter-spacing: 0.5px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  border: none;
  cursor: pointer;
}

/* BUTTON SHINE EFFECT + GLOW */
.err-btn::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);
  transition: 0.55s ease;
}

.err-btn:hover::before{
  left: 100%;
}

.err-btn:hover{
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5), 0 0 12px rgba(134, 9, 9, 0.4);
}

/* SECONDARY BUTTON - UNDERLINE GROW */
.err-btn-outline{
  margin-top: 20px;
  display: inline-block;
  font-size: 14px;
  color: #b9c4e6;
  text-decoration: none;
  border-bottom: 1px dotted rgba(255,255,255,0.3);
  transition: 0.2s;
  padding-bottom: 2px;
}

.err-btn-outline:hover {
  color: white;
  border-bottom-color: #860909;
  letter-spacing: 0.3px;
}

/* FLOATING DOTS - MORE ORGANIC */
.float-shape{
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffffff;
  opacity: 0.1;
  animation: moveUpRandom 12s infinite linear;
  pointer-events: none;
  filter: blur(0.5px);
}

.float-shape:nth-child(odd) {
  width: 5px;
  height: 5px;
  background: #1b4f8a;
  opacity: 0.2;
}

.float-shape:nth-child(3n) {
  width: 12px;
  height: 12px;
  background: #860909;
  opacity: 0.08;
  filter: blur(1px);
}

@keyframes moveUpRandom {
  0% {
    transform: translateY(120vh) translateX(0) rotate(0deg);
    opacity: 0;
  }
  10% {
    opacity: 0.15;
  }
  90% {
    opacity: 0.1;
  }
  100% {
    transform: translateY(-20vh) translateX(20px) rotate(360deg);
    opacity: 0;
  }
}

/* ADDITIONAL TWINKLING STARS */
.star-twinkle {
  position: absolute;
  background: white;
  border-radius: 50%;
  opacity: 0;
  animation: twinkle 4s infinite alternate;
  pointer-events: none;
}

@keyframes twinkle {
  0% { opacity: 0; transform: scale(0.8); }
  100% { opacity: 0.4; transform: scale(1.2); }
}

/* MOBILE */
@media(max-width: 768px){
  .err-box{
    padding: 42px 24px;
    border-radius: 40px;
  }
  .err-code{
    font-size: 90px;
    letter-spacing: -2px;
  }
  .err-title{
    font-size: 26px;
  }
  .err-text{
    font-size: 13px;
  }
  .err-btn {
    padding: 10px 28px;
    font-size: 14px;
  }
}

/* EXTRA TOUCH: SCROLL REVEAL (optional but smooth) */
@media (prefers-reduced-motion: no-preference) {
  .err-box {
    animation: fadeSlideUp 0.8s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;
  }
}

@keyframes fadeSlideUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.top-contact-items li{
	color:#fff;
}

ul.footer-contact-list li a{
	color:#ffffff8c;
}

ul.footer-contact-list li a:hover{
	color:#fff;
}

.newsletter-input-wrap {
  max-width: 420px;
}

/* IMPORTANT: reset CF7 default paragraph spacing */
.newsletter-input-wrap p {
  margin: 0;
  position: relative;
}

/* FLEX layout fix */
.newsletter-input-wrap p {
  display: flex;
  align-items: stretch;
  gap: 0px;
}

/* input fix */
.newsletter-input-wrap input[type="email"] {
  width: 100%;
  padding: 12px 14px;
/*   border: 1px solid #ddd; */
  border-radius: 6px;
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
}

/* button fix */
.newsletter-input-wrap input[type="submit"] {
  padding: 12px 18px;
  border: none;
  border-radius: 6px;
  background: #860909;
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
}

/* 🔴 ERROR MESSAGE FIX (main issue) */
.newsletter-input-wrap .wpcf7-not-valid-tip {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 6px;
  font-size: 12px;
  color: red;
  white-space: nowrap;
}

/* input error border */
.newsletter-input-wrap input.wpcf7-not-valid {
  border-color: red !important;
}

/* spinner hide */
.newsletter-input-wrap .wpcf7-spinner {
  display: none;
}

/* MOBILE FIX */
/* @media (max-width: 480px) {
  .newsletter-input-wrap p {
    flex-direction: column;
  }

  .newsletter-input-wrap input[type="submit"] {
    width: 100%;
  }

  .newsletter-input-wrap .wpcf7-not-valid-tip {
    position: static;
    margin-top: 5px;
  }
} */