:root{
    --da-orange:#FF5A00;
    --da-purple:#A000C8;
    --da-gradient:linear-gradient(135deg,#FF5A00,#A000C8);
  }

  
  .minimal-hero { position: relative; min-height: 360px; }
  .hero-bg { z-index: 0; }
  .hero-overlay { z-index: 1; }
  .hero-form-card { z-index: 2; }
  .sr-only {
    position: absolute !important;
    height: 1px; width: 1px;
    overflow: hidden; clip: rect(1px,1px,1px,1px);
    white-space: nowrap; border: 0; padding: 0; margin: -1px;
  }
  @media (max-width: 991px) {
    .minimal-hero { padding-top: 80px !important; }
    .hero-form-card { margin: 20px auto 0; max-width: 92%; }
    .minimal-hero .col-lg-7 { display: none; } /* hide left visual on very small screens */
  }





  /* Force large headline sizes similar to original design */
  .restore-title {
    font-size: 56px;
    line-height: 1.02;
    color: #1E1E4B; /* original dark purple/blue - adjust if needed */
    margin-bottom: 6px;
  }
  .restore-subtitle {
    font-size: 28px;
    color: #2B2B5A;
    margin-top: 6px;
  }
  .restore-paragraph {
    font-size: 18px;
    color: #4B4B73;
    margin-top: 14px;
  }

  /* Stat card responsive tweaks */
  .restore-stats .px-4 p:first-child { font-weight: 800; }
  .restore-stats { gap: 12px; }

  /* Responsive: scale down on tablets and phones */
  @media (max-width: 991px) {
    .restore-title { font-size: 40px; }
    .restore-subtitle { font-size: 20px; }
    .restore-paragraph { font-size: 16px; }
  }
  @media (max-width: 575px) {
    .restore-title { font-size: 28px; }
    .restore-subtitle { font-size: 16px; }
    .restore-paragraph { font-size: 14px; }
    .restore-stats { flex-direction: row; gap: 6px; }
    .restore-stats .px-4 { padding: 8px; }
  }

  /* keep the ah-words-wrapper items hidden by default except .is-visible */
  .ah-words-wrapper b { display: none; opacity: 0; transition: opacity .35s ease; }
  .ah-words-wrapper b.is-visible { display:inline-block; opacity:1; }




.navbar-wrap ul li a {
	font-size: 20px !important;
	font-weight: 600;
	text-transform: capitalize;
	color: var(--tg-heading-font-color);
	padding: 10px 20px !important;
	display: block;
	line-height: 1;
	position: relative;
	z-index: 1;
	letter-spacing: 0.005em;
}
  
.button-wiggle {
  animation: shake 3s ease infinite;
}

@keyframes shake {
0%, 100% {
    transform: translateY(0);
}
10%, 30%, 50%, 70%, 90% {
    transform: translateY(-3px);
}
20%, 40%, 60%, 80% {
    transform: translatey(3px);
}
}

  



  /* container tweaks */
  .benefits-section { font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; color:#222; }
  .section-heading { font-size: 34px; line-height:1.06; font-weight:600; color:#24184B; margin-bottom:6px; }
  .section-heading span { color:#000000; }
  .section-sub { color:#565874; font-size:15px; margin-top:6px; margin-bottom:24px; }

  /* grid */
  .benefits-grid { display:grid; gap:22px; grid-template-columns: repeat(3, 1fr); align-items:start; }
  @media (max-width: 992px) { .benefits-grid { grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 576px) { .benefits-grid { grid-template-columns: 1fr; } }

  /* card */
  .benefit-card {
    position:relative;
    background: linear-gradient(180deg, #ffffff 0%, #fcfcff 100%);
    border-radius:14px;
    padding:26px 22px 22px 22px;
    box-shadow: 0 10px 30px rgba(37, 42, 89, 0.06);
    transition: transform .28s cubic-bezier(.2,.9,.2,1), box-shadow .28s;
    overflow:hidden;
    min-height: 260px;
  }
  .benefit-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(37,42,89,0.08); }

  /* badge & icon */
  .badge {
    position:absolute;
    top:18px; left:18px;
    background:#24184B; color:#fff;
    width:44px;height:44px;border-radius:10px;
    display:flex;align-items:center;justify-content:center;
     font-size:16px;
    box-shadow: 0 6px 18px rgba(36,24,75,0.12);
  }
  .benefit-card .icon {
    width:62px; height:62px; border-radius:12px; display:flex; align-items:center; justify-content:center;
    background: linear-gradient(180deg, rgba(255,158,27,0.12), rgba(36,24,75,0.02));
    color:#24184B; font-size:22px; margin-bottom:12px;
  }

  .card-title { font-size:18px; color:#1A1540;  margin:8px 0 10px 0; padding-left:0; }
  .card-text { font-size:14px; color:#5B5C78; line-height:1.6; margin-bottom:14px; }

  .card-cta {
    display:inline-flex; align-items:center; gap:8px;
    text-decoration:none;  color:#FF9E1B; font-size:14px;
  }
  .card-cta i { font-size:12px; transform:translateX(0); transition: transform .18s; }
  .benefit-card:hover .card-cta i { transform: translateX(6px); }

  /* gentle reveal animation */
  .benefit-card { opacity:0; transform: translateY(10px); }
  .benefit-card.visible { opacity:1; transform: translateY(0); transition: all .6s cubic-bezier(.2,.9,.2,1); }

  /* small screens */
  @media (max-width: 420px) {
    .badge { width:38px;height:38px;font-size:14px; }
    .benefit-card { padding:18px; min-height:unset; }
    .card-title { font-size:16px; }
    .card-text { font-size:14px; }
  }



 
 
  .career-wrap { border-radius:12px; overflow:hidden; }
  .career-grid { gap:0; }
  .career-nav { border-right:1px solid #F1EAF9; }
  .career-tab {
    width:100%; text-align:left; background:transparent; border:0; padding:12px 14px; border-radius:8px;
    cursor:pointer; transition:background .18s, transform .12s; font-size:15px; color:#140033;
    display:block;
  }
  .career-tab .small-note { font-size:12px; color:#6B6B83; margin-top:6px; }
  .career-tab:hover { background:rgba(36,0,96,0.03); transform:translateX(4px); }
  .career-tab.active { background:linear-gradient(90deg, rgba(255,158,27,0.08), rgba(36,0,96,0.02)); box-shadow: inset 0 0 0 1px rgba(36,0,96,0.02); }

  .career-content { min-height:220px; }
  .cases-details-content { font-size:15px; line-height:1.7; }

  /* responsive: stack nav on top on small screens */
  @media (max-width: 992px) {
    .career-grid { grid-template-columns: 1fr; }
    .career-nav { border-right:0; border-bottom:1px solid #F1EAF9; padding:12px 16px 8px 16px; }
    .career-tab { display:inline-block; margin-right:8px; padding:8px 12px; border-radius:999px; font-size:14px; }
    .career-nav .career-tabs { display:flex; overflow-x:auto; -webkit-overflow-scrolling:touch; gap:8px; }
    .career-content { padding:18px; }
  }




  .panel-inner { display:flex; flex-direction:column; gap:18px; }
  .panel-image-wrap { width:100%; height:400px; overflow:hidden; border-bottom:1px solid rgba(20,0,51,0.04); }
  .panel-image { width:100%; height:100%; object-fit:cover; display:block; }

  .panel-body { padding:20px 28px 28px; }
  /* keep previous cases-details-content styles */
  .cases-details-content { font-size:15px; line-height:1.7; }

  /* responsive tweaks */
  @media (max-width: 992px) {
    .career-grid { grid-template-columns: 1fr; }
    .career-nav { border-right:0; border-bottom:1px solid #F1EAF9; padding:12px 16px 8px 16px; }
    .panel-image-wrap { height:180px; }
    .panel-body { padding:16px; }
  }
  @media (max-width: 576px) {
    .panel-image-wrap { height:140px; }
    .panel-body { padding:12px; }
  }





  .fade-in-left {
    opacity: 0;
    transform: translateX(-20px);
    animation: fadeLeft 0.8s ease-out forwards;
    animation-delay: 0.3s;
  }
  .fade-in-right {
    opacity: 0;
    transform: translateX(20px);
    animation: fadeRight 0.8s ease-out forwards;
    animation-delay: 0.4s;
  }
  @keyframes fadeLeft {
    0% { opacity: 0; transform: translateX(-20px); }
    100% { opacity: 1; transform: translateX(0); }
  }
  @keyframes fadeRight {
    0% { opacity: 0; transform: translateX(20px); }
    100% { opacity: 1; transform: translateX(0); }
  }
  @media (max-width: 992px) {
    .tools-area { padding-top:60px; padding-bottom:60px; }
    .about-img-two { margin-top:20px; }
    .section-title-three h2 { font-size:28px; }
  }




<!-- Styles (move into your CSS file) -->
<!-- Styles (move into your CSS file) -->

  .carousel-wrap { position: relative; }
  .carousel-bg-layer { transition: opacity 650ms ease, transform 650ms ease; opacity:1; }
  .carousel-viewport { position:relative; z-index:2; min-height:220px; outline:none; border-radius:12px; padding:28px; display:block; overflow:hidden; }
  .carousel-slide { display:block; width:100%; }
  .slide-inner { box-shadow: 0 12px 30px rgba(18,24,64,0.06); }
  .slide-title { font-size:22px; color:#0f0033; margin:0 0 10px 0;  }
  .slide-body p { color:#160042; font-size:15.5px; line-height:1.75; margin:0; }

  /* buttons */
  .carousel-btn { position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border-radius:8px; border:0; cursor:pointer;
    background: linear-gradient(180deg, #fff, #f7f7ff); box-shadow: 0 8px 20px rgba(23,18,56,0.08); font-size:18px; color:#140033; z-index:3;
  }
  .carousel-btn.prev { left:-22px; }
  .carousel-btn.next { right:-22px; }

  /* dots */
  .carousel-dots { display:flex; gap:8px; justify-content:center; margin-top:16px; z-index:3; position:relative; }
  .dot { width:12px; height:12px; border-radius:999px; background:#E6E6F2; border:0; cursor:pointer; transition:transform .18s, background .18s; }
  .dot.active { background:#FF9E1B; transform:scale(1.15); box-shadow:0 6px 16px rgba(255,158,27,0.18); }

  /* responsive */
  @media (max-width: 767px) {
    .carousel-btn.prev { left:8px; }
    .carousel-btn.next { right:8px; }
    .carousel-viewport { padding:18px; }
    .slide-title { font-size:18px; }
    .slide-body p { font-size:15px; }
  }





  :root{
    --brand:#FF9E1B;
    --dark:#140033;
    --muted:#6B6B83;
    --nav-h:68px;           /* desktop nav height */
    --nav-h-shrink:52px;    /* shrunk height */
    --container-w:1200px;
  }
  .container { max-width:var(--container-w); margin:0 auto; padding:0 20px; }

  /* skip link */
  .skip-link{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; z-index:10000; }
  .skip-link:focus{ left:12px; top:12px; width:auto; height:auto; padding:8px 12px; background:#fff; color:var(--dark); border-radius:6px; box-shadow:0 6px 20px rgba(0,0,0,0.08); }

  /* header base */
  #site-header { background:transparent; position:relative; z-index:1000; }
  .nav-inner { display:flex; align-items:center; justify-content:space-between; height:var(--nav-h); transition:height .22s ease, box-shadow .22s ease, padding .22s ease; }

  /* shrink state */
  #site-header.shrink .nav-inner { height:var(--nav-h-shrink); box-shadow:0 10px 34px rgba(20,16,58,0.06); background:rgba(255,255,255,0.98); }
  #site-header .brand img { height:46px; transition:height .22s ease; }
  #site-header.shrink .brand img { height:36px; }

  /* left */
  .nav-left .brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; }
  .nav-left img { display:block; height:46px; }

  /* center nav */
  .nav-center { position:relative; flex:1; display:flex; justify-content:center; }
  .nav-list { display:flex; gap:20px; align-items:center; list-style:none; padding:0; margin:0; }
  .nav-item, .nav-toggle { background:transparent; border:0; color:var(--dark);  font-size:15px; cursor:pointer; text-decoration:none; padding:6px 8px; border-radius:6px; }
  .nav-item:focus, .nav-toggle:focus { outline:3px solid rgba(36,0,96,0.08); outline-offset:3px; }

  /* submenu flyout */
  .has-children { position:relative; }
  .submenu { position:absolute; top:calc(var(--nav-h) + 8px); background:#fff; border-radius:8px; padding:12px; min-width:220px; box-shadow:0 18px 36px rgba(18,24,64,0.06); display:none; gap:0; z-index:10; }
  .submenu li { list-style:none; }
  .submenu a { display:block; padding:8px 10px; color:#140033; text-decoration:none; font-weight:600; border-radius:6px; }
  .has-children:focus-within .submenu, .has-children:hover .submenu { display:block; }

  /* animated underline */
  .nav-underline { position:absolute; bottom:8px; height:3px; left:50%; transform:translateX(-50%); width:0; background:linear-gradient(90deg,var(--brand),#ffb86b); border-radius:3px; transition:all .22s cubic-bezier(.2,.9,.2,1); pointer-events:none; z-index:5; }

  /* right area */
  .nav-right { display:flex; align-items:center; gap:12px; }
  .btn-enroll { display:inline-flex; align-items:center; gap:8px; background:var(--brand); color:#0b0020; font-weight:600; padding:8px 14px; border-radius:10px; text-decoration:none; border:0; font-size:14px; }
  .btn-enroll .icon { font-size:12px; opacity:0.9; }

  /* hamburger */
  .hamburger { display:none; background:transparent; border:0; padding:6px; cursor:pointer; }
  .hamb-line { display:block; width:22px; height:2px; background:var(--dark); margin:4px 0; border-radius:2px; transition:transform .18s, opacity .18s; }

  /* mobile offcanvas */
  .mobile-panel { position:fixed; top:0; right:0; bottom:0; width:320px; background:#fff; transform:translateX(110%); box-shadow:-18px 0 56px rgba(7,6,27,0.18); z-index:2000; transition:transform .28s ease; display:flex; flex-direction:column; }
  .mobile-panel[aria-hidden="false"] { transform:translateX(0); }
  .mobile-head{ display:flex; align-items:center; justify-content:space-between; padding:14px; border-bottom:1px solid #F1EAF9; }
  .mobile-nav { padding:16px; overflow:auto; }
  .mobile-nav ul { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; }
  .mobile-nav a, .mobile-nav button { display:block; padding:12px; border-radius:8px; text-decoration:none; color:var(--dark); background:transparent; border:0; text-align:left;  }
  .mobile-acc { font-weight:600; }
  .mobile-acc-panel { margin-top:6px; padding-left:12px; list-style:disc; }

  /* small screens */
  @media (max-width: 991px){
    .nav-center { justify-content:flex-start; padding-left:8px; }
    .nav-list { gap:12px; }
    .nav-right .btn-enroll { display:none; } /* hide big CTA on mobile - show inside panel */
    .hamburger { display:block; }
  }

  /* active link styling (will also be toggled via JS) */
  .nav-item.active, .nav-item:hover, .nav-toggle[aria-expanded="true"] { color:var(--brand); }

  /* accessibility focus */
  a:focus, button:focus { outline-offset:3px; }

  /* small visual tweak when shrink */
  #site-header.shrink .submenu { top:calc(var(--nav-h-shrink) + 8px); }

  /* --- Sticky-visible header on scroll --- */
#site-header { position:relative; top:0; left:0; right:0; z-index:1000; transition: all .22s ease; }
#site-header.sticky { position:fixed; top:0; left:0; right:0; z-index:11000; }

/* Visual styling when sticky (keeps shrink as well) */
#site-header.sticky .nav-inner {
  height: var(--nav-h-shrink);
  background: rgba(255,255,255,0.98);
  box-shadow: 0 10px 34px rgba(20,16,58,0.06);
  backdrop-filter: blur(6px);
}

/* ensure nav items remain visible on sticky */
#site-header.sticky .nav-item,
#site-header.sticky .nav-toggle,
#site-header.sticky .btn-enroll { color: var(--dark) !important; }

/* add top offset to body when header becomes fixed to prevent content jump
   match this value to your shrink height (use nav-h-shrink) */
body.header-sticky-padding {
  padding-top: calc(var(--nav-h-shrink));
}

/* ensure submenu appears over content when sticky */
#site-header.sticky .submenu { z-index:11100; }

/* small tweak if hero had dark overlay — ensure underline remains visible */
#site-header.sticky .nav-underline { bottom:6px; }


/* make header cover full viewport width when sticky */
#site-header {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1100;
}

/* when sticky: fix it and apply full-width background + shadow to header itself */
#site-header.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: rgba(255,255,255,0.98);        /* full-width background */
  box-shadow: 0 10px 34px rgba(20,16,58,0.06);
  backdrop-filter: blur(6px);
}

/* keep the inner container centered and constrained */
#site-header .nav-inner {
  max-width: var(--container-w);    /* your container width (1200px earlier) */
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;                  /* left/right inner padding for content */
  box-sizing: border-box;
}

/* ensure nav-inner does not itself show background (avoid duplicate bars) */
#site-header .nav-inner { background: transparent; }

/* remove any border-radius that might cause visible gaps at the edges */
#site-header, #site-header .nav-inner { border-radius: 0 !important; }

/* ensure submenu flyouts appear above page content */
#site-header .submenu { z-index: 11100; }

/* body top padding to prevent content jumping: use shrunk height */
body.header-sticky-padding {
  padding-top: calc(var(--nav-h-shrink));
}

/* small responsive tweak: for narrow screens keep same behaviour */
@media (max-width: 991px) {
  #site-header.sticky { background: rgba(255,255,255,0.98); }
  #site-header .nav-inner { padding-left: 12px; padding-right: 12px; }
}





  /* basic buttons */
  .tab-btn { background:transparent; border:0; padding:8px 12px; border-radius:8px; font-weight:600; color:#160042; cursor:pointer; }
  .tab-btn.active { background:linear-gradient(90deg,#fff3e6,#fff1dc); color:#FF9E1B; box-shadow:0 8px 24px rgba(255,158,27,0.08); }
  .muted-btn { background:transparent; border:1px solid #eee; padding:8px 10px; border-radius:8px; cursor:pointer; color:#6b6b83; }
  .btn-download { background:var(--da-gradient); color:#fff; border:0; padding:8px 12px; border-radius:8px; cursor:pointer; }
  .btn-primary { background: #FF9E1B; color:#0b0020; border:0; padding:10px 12px; border-radius:8px; font-weight:600; text-decoration:none; display:inline-block; text-align:center; }

  /* accordion look */
  .accordion-item { background:#fff; border-radius:10px; padding:0; border:1px solid #f1ecf8; overflow:hidden; }
  .accordion-summary { display:flex; gap:12px; align-items:center; padding:14px; cursor:pointer;  }
  .accordion-summary i { color:#6b6b83; width:22px; text-align:center; }
  .accordion-body { padding:12px 14px 18px 14px; color:#333; border-top:1px solid #f6f4fb; }
  details[open] .accordion-summary { background:linear-gradient(90deg,#fffaf0,#fff6ed); }

  /* modal */
  .modal-overlay { display:none; }
  .modal-overlay[aria-hidden="false"] { display:flex; }
  .sr-only { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }

  /* responsive */
  @media (max-width:991px){
    #course-tabs .tabs-inner { flex-direction:column; gap:8px; align-items:stretch; }
    #course-tabs section[role="tabpanel"] { display:block; }
    #course-tabs .tabs-inner input[type="search"]{ width:100%; }
    #course-tabs .tabs-inner { position:sticky; top:72px; background:rgba(255,255,255,0.96); padding:10px; border-radius:8px; }
    /* stack layout */
    #curriculum .grid, #curriculum > div { grid-template-columns:1fr; }
  }

  .video-wrapper:hover .play-button {
  background: rgba(255,158,27,0.9); /* your brand orange */
  transform: translate(-50%, -50%) scale(1.1);
}
.video-wrapper img {
  transition: transform 0.4s ease;
}
.video-wrapper:hover img {
  transform: scale(1.02);
}





/* Scoped styling for the section (paste into your CSS) */
#vt-why-choose { padding:48px 18px 64px; background-color: white; font-family:"Poppins",Inter,Arial,sans-serif; color:#140033; }
#vt-why-choose .vt-inner { max-width:1200px; margin:0 auto; display:flex; gap:40px; align-items:flex-start; flex-wrap:wrap; }
#vt-why-choose .vt-left { flex:1 1 56%; min-width:300px; }
#vt-why-choose .vt-right { flex:1 1 40%; min-width:320px; display:flex; justify-content:flex-start; align-items:flex-start; }

/* Heading */
.vt-title { font-size:40px; line-height:1.03; margin:6px 0 18px; font-weight:700; color:#160042; }
.vt-title span { color:#FF9E1B; }

/* Paragraphs */
.vt-paragraph { font-size:16px; color:#222B55; line-height:1.7; margin:0 0 14px; font-weight:400; }

/* Feature list - neat vertical list */
.vt-features { list-style:none; margin:18px 0 6px; padding:0; display:block; }
.vt-features li { display:flex; gap:12px; align-items:flex-start; margin:10px 0; }
.vt-features .icon { width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; font-size:18px; color:var(--vt-brand, #FF9E1B); background:rgba(255,158,27,0.08); border-radius:8px; flex:0 0 36px; margin-top:4px; }
.vt-features strong { display:block; font-weight:700; color:#140033; }
.vt-features .muted { color:#6b6b83; font-size:13px; margin-top:4px; }

/* CTAs */
.vt-ctas { margin-top:12px; display:flex; gap:12px; align-items:center; }
.btn { padding:10px 16px; border-radius:10px; text-decoration:none; display:inline-block; font-weight:700; }
.btn-primary { background:#FF9E1B; color:#0b0020; box-shadow:0 12px 30px rgba(255,158,27,0.12); border:0; }
.btn-outline { background:transparent; border:1px solid rgba(20,0,50,0.04); color:#140033; }

/* Image card */
.vt-image-card { position:relative; border-radius:14px; overflow:hidden; box-shadow:0 18px 50px rgba(7,6,27,0.06); width:100%; max-width:720px; }
.vt-image-card img { width:100%; display:block; height:auto; object-fit:cover; }

/* Play button (orange circle) */
.vt-play { position:absolute; right:18px; bottom:18px; width:56px; height:56px; border-radius:50%; background:linear-gradient(180deg,#ff9e1b,#ff8800); border:0; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 12px 36px rgba(255,138,27,0.18); transition:transform .18s ease; }
.vt-play:active{ transform:scale(.97); }
.vt-play-dot { width:18px; height:18px; display:inline-block; clip-path:polygon(0 0,100% 50%,0 100%); background:#fff; margin-left:3px; }

/* force consistent typography inside this block */
#vt-why-choose * { color:inherit; font-family:inherit; }

/* responsive: stack on small screens */
@media (max-width: 990px) {
  #vt-why-choose .vt-inner { flex-direction:column-reverse; gap:22px; }
  .vt-title { font-size:28px; }
  .vt-image-card img { height:260px; object-fit:cover; }
  .vt-right { display:flex; justify-content:center; }
}





  /* Feature grid replacement (paste into your stylesheet) */
.vt-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 18px 0 8px;
  align-items: start;
}

/* Card */
.vt-feature-card {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: #fff;
  border-radius: 12px;
  padding: 12px 14px;
  box-shadow: 0 10px 30px rgba(20,16,58,0.04);
  transition: transform .28s ease, box-shadow .28s ease;
  min-height: 82px;
}
.vt-feature-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 42px rgba(20,16,58,0.08);
}

/* Icon container */
.vt-feature-icon {
  width:48px;
  height:48px;
  border-radius:10px;
  flex: 0 0 48px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: linear-gradient(180deg, rgba(255,158,27,0.12), rgba(255,158,27,0.05));
  color: #FF9E1B;
  box-shadow: inset 0 -6px 12px rgba(255,158,27,0.02);
}
.vt-feature-icon svg { width:22px; height:22px; fill: currentColor; }

/* Text */
.vt-feature-body { display:flex; flex-direction:column; }
.vt-feature-title { font-weight:700; color:#160042; font-size:15px; line-height:1.2; }
.vt-feature-sub { margin-top:6px; color:#6b6b83; font-size:13px; line-height:1.35; }

/* make sure the grid is responsive */
@media (max-width: 990px) {
  .vt-features-grid { grid-template-columns: repeat(2, 1fr); gap:12px; }
  .vt-feature-card { min-height: 72px; padding:10px 12px; }
}
@media (max-width: 560px) {
  .vt-features-grid { grid-template-columns: 1fr; }
  .vt-feature-icon { width:44px; height:44px; }
}





/* hide desktop center nav on mobile so mobile-panel is used */
@media (max-width:991px){
  .nav-center { display:none !important; }
  .nav-right { gap:8px; }
}

/* style your existing #hamburger into a tappable menu button */
#hamburger {
  display:flex;
  align-items:center;
  gap:8px;
  background:transparent;
  border:0;
  padding:8px 10px;
  cursor:pointer;
  border-radius:8px;
}

/* three-line style */
#hamburger .hamb-line { display:block; width:18px; height:2px; background:var(--dark); margin:3px 0; border-radius:2px; transition: transform .22s, opacity .18s; transform-origin:center; }

/* aria-expanded transforms to X */
#hamburger[aria-expanded="true"] .hamb-line:nth-child(1) { transform: translateY(6px) rotate(45deg); }
#hamburger[aria-expanded="true"] .hamb-line:nth-child(2) { opacity:0; transform: scaleX(0); }
#hamburger[aria-expanded="true"] .hamb-line:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* mobile panel/backdrop (kept similar to earlier) */
.mobile-panel {
  position:fixed; top:0; right:0; bottom:0; width:320px; max-width:90vw;
  background:#fff; transform:translateX(110%); transition:transform .28s ease;
  z-index:2000; display:flex; flex-direction:column; box-shadow:-18px 0 56px rgba(7,6,27,0.18);
}
.mobile-panel[aria-hidden="false"] { transform:translateX(0); }

#mobile-panel-backdrop {
  position:fixed; inset:0; background:rgba(0,0,0,0.32); z-index:1990; display:none;
}
#mobile-panel-backdrop[aria-hidden="false"] { display:block; }

/* mobile header / close */
.mobile-head { display:flex; align-items:center; justify-content:space-between; padding:14px; border-bottom:1px solid #F1EAF9; }
.mobile-head .brand img { height:36px; }
.mobile-close { background:transparent; border:0; font-size:26px; padding:6px 10px; cursor:pointer; }

/* nav placeholder styles */
#mobile-nav-placeholder { padding:16px; overflow:auto; flex:1; }
#mobile-nav-placeholder ul { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:6px; }
#mobile-nav-placeholder a, #mobile-nav-placeholder button { display:block; padding:12px; text-decoration:none; color:var(--dark); border-radius:8px; }

/* accordion submenu */
.mobile-acc { display:flex; justify-content:space-between; align-items:center; width:100%; padding:12px; border-radius:8px; background:transparent; border:0; cursor:pointer; font-weight:600; }
.mobile-submenu { display:none; padding-left:12px; margin-top:6px; }
.mobile-submenu.open { display:block; }

.mobile-cta { padding:16px; border-top:1px solid #F1EAF9; }

/* prevent body scroll when panel open */
.no-scroll { overflow:hidden; }





  /* ---------- Polished hamburger styling ---------- */
/* make sure the right area is vertically centered and roomy */
.nav-right {
  display: flex;
  align-items: center;
  gap: 12px;               /* space between CTA and hamburger */
}

/* bigger tappable button, rounded, subtle bg on hover */
#hamburger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;             /* comfortable tap target */
  height: 40px;            /* aligns with nav height */
  padding: 8px;
  background: transparent;
  border: 0;
  border-radius: 10px;
  cursor: pointer;
  transition: background .18s ease, transform .12s ease;
}

/* hover / active visual affordance */
#hamburger:hover { background: rgba(20,16,58,0.04); }
#hamburger:active { transform: scale(.99); }
#hamburger:focus { outline: 3px solid rgba(36,0,96,0.12); outline-offset: 3px; }

/* three lines look: wider, rounded, evenly spaced */
#hamburger .hamb-line {
  display: block;
  width: 20px;             /* slightly wider than before */
  height: 2.5px;           /* a bit thicker for visibility */
  background: var(--dark);
  margin: 3.6px 0;         /* even vertical spacing */
  border-radius: 3px;
  transition: transform .24s cubic-bezier(.2,.9,.2,1), opacity .18s, width .18s;
  transform-origin: center;
}

/* when open -> morph into X with nicer offsets */
#hamburger[aria-expanded="true"] .hamb-line:nth-child(1) {
  transform: translateY(6px) rotate(45deg);
  width: 20px;
}
#hamburger[aria-expanded="true"] .hamb-line:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
#hamburger[aria-expanded="true"] .hamb-line:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg);
  width: 20px;
}

/* small screens: make it slightly larger so thumb can hit it */
@media (max-width: 420px) {
  #hamburger { width: 45px;
        height: 41px;
        background-color: #d1caca45; }
  #hamburger .hamb-line { width: 22px; }
}

/* optional: change color of lines to brand when open */
#hamburger[aria-expanded="true"] .hamb-line { background: var(--brand); }




  /* ---------- hide mobile hamburger on desktop, keep on mobile ---------- */
/* Default: show hamburger only on small screens (mobile) */
#hamburger { display: none !important; }

/* Desktop / large screens: hide hamburger and ensure nav shows */
@media (min-width: 992px) {
  #hamburger { display: none !important; }        /* hide the button on desktop */
  .nav-center { display: flex !important; }       /* ensure main nav is visible */
  .nav-right { align-items: center; gap: 18px; }  /* spacing for CTA + other items */
}

/* Tablet / mobile: show hamburger (your original mobile styles apply here) */
@media (max-width: 991px) {
  #hamburger {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }
  /* hide desktop-centered nav on small screens (so only the off-canvas menu is used) */
  .nav-center { display: none !important; }
}





  /* Responsive: keep outer rounded card, make inner stats a 2x2 grid on small screens */
@media (max-width: 620px) {

/* turn the .restore-stats flex-wrap into a 2x2 grid while keeping the outer card */
.restore-stats {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  padding: 12px !important;       /* tighten up card padding for mobile */
  align-items: stretch;
  justify-items: center;
  background: #fff;               /* keeps outer look */
  box-shadow: 0 6px 18px rgba(18,24,64,0.04) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(18,24,64,0.03) !important;
}

/* target the direct stat blocks — your markup uses div.px-4 as stat blocks */
.restore-stats > .px-4,
.restore-stats > div {
  padding: 10px 8px !important;
  text-align: center;
  min-height: 72px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* hide vertical svg separators which don't fit in grid */
.restore-stats > svg { display: none !important; }

/* number & label sizing for mobile */
.restore-stats .text-lg,
.restore-stats .sm\\:text-2xl,
.restore-stats .lg\\:text-\\[32px\\] {   /* fallback selector for your utility classes */
  font-size: 26px !important;
  line-height: 1 !important;
}
.restore-stats .text-\\[12px\\],
.restore-stats .sm\\:text-base,
.restore-stats .lg\\:text-lg {
  font-size: 13px !important;
  color: #4D5179 !important;
  margin-top: 4px;
}

/* make the 2x2 visually aligned: ensure last row items are centered */
.restore-stats > .px-4:nth-child(3),
.restore-stats > .px-4:nth-child(4) {
  align-self: stretch;
}

/* optional: create a faint horizontal divider between the two rows */
.restore-stats::before {
  content: "";
  display:block;
  grid-column: 1 / -1;
  height: 1px;
  background: rgba(18,24,64,0.03);
  margin-top: 0;
  border-radius: 2px;
}

/* very small screens: reduce numeric size more */
@media (max-width: 380px) {
  .restore-stats .text-lg,
  .restore-stats .sm\\:text-2xl,
  .restore-stats .lg\\:text-\\[32px\\] {
    font-size: 22px !important;
  }
  .restore-stats { gap: 8px; padding: 10px !important; }
}
}



  /* ---------- Force mobile single-column, make tabs a horizontal scroller, prevent clipping ---------- */
@media (max-width: 991px) {

/* 1) Force career grid to a single column (override inline styles) */
.career-grid {
  display: block !important;
  grid-template-columns: none !important;
  margin: 0;
  padding: 0;
}

/* 2) Make the nav full-width and move it above the content */
.career-nav {
  width: 100% !important;
  display: block !important;
  order: 1 !important;
  padding: 8px 12px !important;
  background: transparent !important;
  border: 0 !important;
}
/* ensure the tab list becomes a horizontal scroller */
.career-tabs {
  display: flex !important;
  gap: 10px !important;
  padding: 8px 6px !important;
  margin: 0 !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scroll-behavior: smooth !important;
  white-space: nowrap !important;
}
.career-tabs li { display: inline-block !important; margin: 0 !important; }

/* make each tab a compact pill (tappable) */
.career-tab {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-width: 140px !important;
  max-width: 72% !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 6px 18px rgba(18,24,64,0.04) !important;
  border: 1px solid rgba(18,24,64,0.03) !important;
  white-space: normal !important;
}

/* visible active state */
.career-tab.active,
.career-tab[aria-selected="true"] {
  background: linear-gradient(180deg,#fff,#fbfbff) !important;
  border-color: rgba(106,0,106,0.08) !important;
  box-shadow: 0 8px 20px rgba(106,0,106,0.05) !important;
}

/* 3) Career content full width, below the tabs */
.career-content {
  width: 100% !important;
  display: block !important;
  order: 2 !important;
  padding: 0 12px 18px !important;
  box-sizing: border-box;
  background: transparent !important;
}

/* 4) Prevent outer wrapper from clipping (some inline style had overflow-hidden) */
.career-wrap,
.career-wrap.shadow-sm,
.career-wrap.rounded-xl {
  overflow: visible !important;
  border-radius: 12px !important;
}

/* 5) Make panel image block-level and responsive (no horizontal overflow) */
.panel-image-wrap {
  width: 100% !important;
  overflow: hidden !important;
  border-radius: 10px !important;
}
.panel-image {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: cover !important;
  max-height: 240px !important; /* tweak to increase/decrease image height */
}

/* 6) Panel body content should follow and be visible */
.panel-body {
  padding: 14px 6px 18px !important;
  display: block !important;
}

/* 7) Ensure hidden panels are collapsed and active panel displays (JS should toggle .active) */
.career-panel { display: none; }                 /* default hide */
.career-panel.active { display: block !important; } /* show active */
.career-panel[hidden] { display: none !important; } /* ensure hidden stays hidden */

/* 8) Tidy spacing & font size for mobile */
.cases-details-content { padding: 12px !important; border-radius: 8px !important; }
.cases-details-content p, .cases-details-content ul { font-size: 14px !important; line-height: 1.45 !important; color: #160042 !important; }

/* 9) Remove leftover left-column width that may come from inline styles */
.career-grid > .career-nav,
.career-grid aside.career-nav { width: auto !important; min-width: 0 !important; }

/* 10) Accessibility niceties: ensure focus visible while tab row scrolls */
.career-tab:focus { outline: 3px solid rgba(36,0,96,0.08) !important; outline-offset: 2px !important; }

/* Small phones: reduce tab min-width so user can scroll more */
@media (max-width: 380px) {
  .career-tab { min-width: 120px !important; padding: 8px 10px !important; }
  .panel-image { max-height: 180px !important; }
}
}

/* ---------- Uniform tab box sizes on mobile ---------- */
@media (max-width: 991px) {
  .career-tabs {
    display: flex !important;
    gap: 10px !important;
    overflow-x: auto !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 10px 8px !important;
  }

  /* Equal width and height for all tabs */
  .career-tab {
    flex: 0 0 160px !important;   /* fixed width for uniform boxes */
    height: 100px !important;     /* fixed height so all equal */
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    padding: 10px 12px !important;
    text-align: left;
    border-radius: 10px !important;
    background: #fff !important;
    border: 1px solid rgba(18,24,64,0.06) !important;
    box-shadow: 0 6px 18px rgba(18,24,64,0.04) !important;
    white-space: normal !important;
  }

  /* make sure text inside doesn’t overflow */
  .career-tab strong {
    font-size: 15px !important;
    line-height: 1.2;
    color: #160042;
  }

  .career-tab .small-note {
    font-size: 12px !important;
    line-height: 1.2;
    color: #777;
    margin-top: 4px;
  }

  /* active style (still same height) */
  .career-tab.active,
  .career-tab[aria-selected="true"] {
    background: linear-gradient(180deg,#fff,#fbfbff) !important;
    border-color: rgba(106,0,106,0.12) !important;
    box-shadow: 0 8px 20px rgba(106,0,106,0.05) !important;
  }

  /* Small phones adjustment */
  @media (max-width: 420px) {
    .career-tab { flex: 0 0 140px !important; height: 92px !important; }
  }
}





  /* Curriculum — mobile improvements: single column, full-width cards */
@media (max-width: 991px) {
  /* Make the grid collapse to a single column */
  #curriculum > div[style*="display:grid"] {
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    padding: 0 !important;
  }

  /* Move left column (accordion) above right aside */
  #curriculum > div[style*="display:grid"] > div:first-child {
    order: 1;
    width: 100% !important;
  }
  #curriculum > div[style*="display:grid"] aside {
    order: 2;
    width: 100% !important;
    margin-top: 14px;
  }

  /* Accordion list full width and stacked */
  .accordion-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
  }

  /* Style each <details> as a card */
  .accordion-item {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(18,24,64,0.05);
    border: 1px solid rgba(18,24,64,0.03);
    overflow: hidden;
    width: 100%;
  }

  /* Summary becomes the clickable card header */
  .accordion-summary {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 14px 14px;
    cursor: pointer;
    list-style: none;
    -webkit-tap-highlight-color: transparent;
    min-height: 74px;                /* uniform height */
    box-sizing: border-box;
  }

  /* icon area */
  .accordion-summary > span:first-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: linear-gradient(180deg,#fff,#faf8ff);
    border-radius: 10px;
    border: 1px solid rgba(18,24,64,0.03);
    color: rgba(20,16,58,0.85);
    flex: 0 0 44px;
    font-size: 18px;
  }

  /* Title and small note stack */
  .accordion-summary .module-title {
    font-weight: 700;
    font-size: 15px;
    color: #160042;
    line-height: 1.15;
    display: block;
  }
  .accordion-summary .small-note,
  .accordion-summary .meta {
    font-size: 12px;
    color: #6b6b83;
    margin-top: 4px;
  }

  /* show chevron on right */
  .accordion-summary::after {
    content: "▸";
    margin-left: auto;
    font-size: 16px;
    transform: rotate(0deg);
    transition: transform .18s ease;
    color: rgba(20,16,58,0.5);
  }

  /* when open rotate the chevron */
  .accordion-item[open] .accordion-summary::after {
    transform: rotate(90deg);
  }

  /* body of each details — visible when open */
  .accordion-body {
    padding: 12px 14px 18px;
    border-top: 1px solid rgba(18,24,64,0.03);
    background: #fff;
    color: #222B55;
    font-size: 14px;
    line-height: 1.45;
  }

  /* buttons inside body (Download etc) */
  .accordion-body .btn-download {
    background: #FF9E1B;
    color: #fff;
    padding: 8px 12px;
    border-radius: 8px;
    border: none;
    font-weight: 600;
    cursor: pointer;
  }

  /* Keep right snapshot card visually consistent on mobile */
  aside[style*="background"] {
    box-shadow: 0 12px 30px rgba(18,24,64,0.06) !important;
    padding: 14px !important;
    border-radius: 12px !important;
  }

  /* Prevent horizontal overflow from icons or images */
  #curriculum, .accordion-list, .accordion-item, aside {
    max-width: 100% !important;
    overflow: visible !important;
  }

  /* Accessibility: increase target sizes on small phones */
  @media (max-width: 420px) {
    .accordion-summary { min-height: 84px; padding: 12px; }
    .accordion-summary > span:first-child { width:48px; height:48px; }
    .accordion-summary .module-title { font-size: 14px; }
  }
}





  /* ---------- VT Features responsive grid ---------- */
.vt-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* desktop: 3 columns */
  gap: 18px;
  align-items: start;
  margin-top: 18px;
}

/* feature card */
.vt-feature-card {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: #ffffff;
  border-radius: 12px;
  padding: 14px;
  box-shadow: 0 10px 30px rgba(18,24,64,0.04);
  border: 1px solid rgba(18,24,64,0.03);
  min-height: 110px;                 /* equal-ish height for cards */
  box-sizing: border-box;
  transition: transform .18s ease, box-shadow .18s ease;
}
.vt-feature-card:focus-within,
.vt-feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(18,24,64,0.06);
  outline: none;
}

/* icon */
.vt-feature-icon {
  flex: 0 0 56px;
  height: 56px;
  min-width: 56px;
  border-radius: 10px;
  background: linear-gradient(180deg,#fff,#f8f6ff);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(18,24,64,0.03);
}
.vt-feature-icon svg { width: 26px; height: 26px; fill: currentColor; color: #160042; }

/* body */
.vt-feature-body { display:flex; flex-direction:column; gap:6px; }
.vt-feature-title { font-weight:700; color:#160042; font-size:15px; line-height:1.2; }
.vt-feature-sub { color:#6b6b83; font-size:13px; line-height:1.25; }

/* CTA row */
.vt-ctas { display:flex; gap:12px; align-items:center; margin-top:6px; grid-column: 1 / -1; }
.vt-ctas .btn { padding:10px 14px; border-radius:10px; font-weight:700; text-decoration:none; display:inline-block; }
.vt-ctas .btn-primary { background:var(--brand); color:#0b0020; border:0; }
.vt-ctas .btn-outline { background:#fff; color:#160042; border:1px solid rgba(18,24,64,0.06); }

/* Accessibility: focus styles */
.vt-feature-card:focus-within { box-shadow: 0 18px 40px rgba(106,0,106,0.08); }
.vt-feature-card a:focus, .vt-feature-card button:focus { outline: 3px solid rgba(36,0,96,0.08); outline-offset: 2px; }

/* ---------- Responsive breakpoints ---------- */
/* Tablet */
@media (max-width: 991px) {
  .vt-features-grid { grid-template-columns: repeat(2, 1fr); gap:14px; }
  .vt-feature-card { min-height: 100px; padding:12px; }
  .vt-feature-icon { flex: 0 0 52px; height:52px; min-width:52px; }
  .vt-feature-icon svg { width:22px; height:22px; }
  .vt-feature-title { font-size:14px; }
  .vt-feature-sub { font-size:13px; }
}

/* Mobile: single column, larger icon, centered CTAs */
@media (max-width: 599px) {
  .vt-features-grid { grid-template-columns: 1fr; gap:12px; }
  .vt-feature-card { min-height: 86px; padding:12px; align-items: center; }
  .vt-feature-card { flex-direction: row; }
  .vt-feature-icon { flex: 0 0 64px; height:64px; min-width:64px; border-radius:12px; }
  .vt-feature-icon svg { width:28px; height:28px; }
  .vt-feature-body { gap:4px; }
  .vt-feature-title { font-size:15px; }
  .vt-feature-sub { font-size:13px; color:#6b6b83; }

  .vt-ctas { flex-direction: column; align-items:center; gap:10px; margin-top:16px; }
  .vt-ctas .btn { width: 100%; max-width: 320px; text-align:center; }
}

/* Small tweak: when .vt-features-grid is inside a narrower container constrain max-width */
.vt-inner .vt-features-grid { max-width: 1200px; margin-left:0; margin-right:0; }





.video-wrapper {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  border-radius: 20px;
  overflow: hidden;
  cursor: pointer;

  /* IMPORTANT: set aspect ratio so replaced iframe keeps correct size */
  aspect-ratio: 16/9;      /* keeps video at 16:9 ratio */
  height: auto;            /* lets aspect-ratio control height */
}

.video-wrapper img,
.video-wrapper iframe {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border: 0;
}




/* Hide the form card on mobile (below 768px width) */
@media (max-width: 767px) {
  .hero-form-card {
    display: none !important;
  }

}








  body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  background:#eeeeee;
  }
  
  #crmWebToEntityForm{
  max-width:420px;
  margin:auto;
  }
  
  #crmWebToEntityForm *{
  box-sizing:border-box;
  }
  
  /* Label */
  .zcwf_lblLeft .zcwf_col_lab{
  width:100% !important;
  float:none !important;
  font-size:14px !important;
  font-weight:600;
  margin-bottom:6px;
  }
  
  /* Field wrapper */
  .zcwf_lblLeft .zcwf_col_fld{
  width:100% !important;
  float:none !important;
  padding:0 !important;
  }
  
  /* Inputs */
  .zcwf_lblLeft .zcwf_col_fld input[type=text],
  .zcwf_lblLeft .zcwf_col_fld textarea{
  width:100% !important;
  padding:12px !important;
  border:1px solid #ccc !important;
  border-radius:4px !important;
  font-size:14px;
  }
  
  /* Textarea */
  .zcwf_lblLeft textarea{
  min-height:80px;
  resize:none;
  }
  
  /* Row spacing */
  .zcwf_lblLeft .zcwf_row{
  margin-bottom:18px;
  }
  
  /* Submit Button */
  .formsubmit.zcwf_button{
  width:100% !important;
  background:#f59e0b !important;
  border:none !important;
  color:#fff !important;
  font-size:16px !important;
  padding:14px !important;
  border-radius:4px !important;
  cursor:pointer;
  }
  
  /* Hover */
  .formsubmit.zcwf_button:hover{
  background:#e68900 !important;
  }
  
  /* Hide reset */
  input[name="reset"]{
  display:none;
  }
  
  
  
  
  
  
    /* --- Auto-Scrolling Placement Cards --- */
  .placement-marquee-section {
    background-color: #FBFCFF;
    padding: 60px 0;
    overflow: hidden;
    border-top: 1px solid #f1ecf8;
    border-bottom: 1px solid #f1ecf8;
  }
  
  .marquee-container {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    width: 100%;
    padding: 20px 0;
  }
  
  .marquee-track {
    display: inline-flex;
    gap: 24px;
    /* Adjust the '30s' below to make it scroll faster or slower */
    animation: scrollMarquee 30s linear infinite;
  }
  
  .marquee-track:hover {
    animation-play-state: paused; /* Pauses when they hover over a card */
  }
  
  @keyframes scrollMarquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); } /* Shifts exactly half the track to loop perfectly */
  }
  
  .placement-card {
    width: 300px; /* Big card width */
    flex-shrink: 0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(20,16,58,0.08);
    background: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
  }
  
  .placement-img-wrap {
    height: 320px; /* Big image height */
    width: 100%;
    overflow: hidden;
  }
  
  .placement-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
  }
  
  .placement-info {
    padding: 18px 16px;
    text-align: center;
    background: #fff;
    border-top: 4px solid #FF9E1B;
    white-space: normal; /* Fixes text wrapping inside the marquee */
  }
  
  .placement-info h4 { margin: 0 0 4px 0; font-size: 20px; color: #140033; font-weight: 700; }
  .placement-info p { margin: 0 0 10px 0; font-size: 14px; color: #6B6B83; }
  .placement-tag {
    background: rgba(255,158,27,0.1); 
    color: #d97b00; 
    font-size: 13px; 
    font-weight: 700; 
    padding: 6px 14px; 
    border-radius: 20px; 
    display: inline-block;
  }
  






  .section-wrapper {
      max-width: 1200px;
      margin: 40px auto;
      padding: 0 20px;
  }
  
  .main-grid {
      display: grid;
      grid-template-columns: 60% 40%;
      gap: 40px;
      align-items: start;
  }
  
  .left-content p {
      text-align: justify;
      margin-bottom: 18px;
      line-height: 1.7;
      font-size: 15px;
  }
  
  /* RIGHT SIDE */
  .skills-wrapper {
      display: flex;
      flex-direction: column;
      gap: 15px;
      position: sticky;
      top: 100px;
  }
  
  .skill-card {
      background: #fff;
      padding: 16px 18px;
      border-radius: 12px;
      border-left: 4px solid #ff7a00;
      box-shadow: 0 6px 18px rgba(0,0,0,0.06);
      font-size: 14px;
      line-height: 1.6;
      transition: 0.3s ease;
  }
  
  .skill-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  }
  
  /* MOBILE */
  @media (max-width: 768px) {
      .main-grid {
          grid-template-columns: 1fr;
      }
  
      .skills-wrapper {
          position: static;
      }
  }
  





  .section-wrapper {
      max-width: 1100px;
      margin: 40px auto;
      padding: 0 20px;
  }
  
  .section-title {
      font-size: 28px;
      font-weight: 700;
      margin-bottom: 20px;
  }
  
  .section-wrapper p {
      font-size: 15px;
      line-height: 1.7;
      margin-bottom: 18px;
  }
  




  .features-section {
      max-width: 1100px;
      margin: 50px auto;
      padding: 0 20px;
  }
  
  .features-title {
      font-size: 26px;
      font-weight: 700;
      margin-bottom: 25px;
  }
  
  .feature-item {
      margin-bottom: 22px;
  }
  
  .feature-item h3 {
      font-size: 17px;
      margin-bottom: 6px;
      font-weight: 600;
  }
  
  .feature-item p {
      font-size: 15px;
      line-height: 1.7;
      text-align: justify;
      color: #333;
  }
  
  /* subtle divider */
  .feature-item:not(:last-child) {
      border-bottom: 1px solid #eee;
      padding-bottom: 15px;
  }
  
  /* MOBILE */
  @media (max-width: 768px) {
      .features-title {
          font-size: 22px;
      }
  
      .feature-item h3 {
          font-size: 16px;
      }
  
      .feature-item p {
          font-size: 14px;
      }
  }
  




  .premium-section {
      max-width: 1200px;
      margin: 70px auto;
      padding: 0 20px;
  }
  
  .premium-grid {
      display: grid;
      grid-template-columns: 1.2fr 0.8fr;
      gap: 60px;
      align-items: start;
  }
  
  /* LEFT */
  .premium-text p {
      text-align: justify;
      font-size: 16px;
      line-height: 1.8;
      margin-bottom: 18px;
      color: #2b2b2b;
  }
  
  /* RIGHT CLEAN LIST */
  .premium-points {
      padding-top: 10px;
  }
  
  .premium-points ul {
      list-style: none;
      padding: 0;
  }
  
  .premium-points li {
      font-size: 15px;
      margin-bottom: 18px;
      padding-left: 28px;
      position: relative;
      line-height: 1.6;
      color: #333;
  }
  
  /* minimalist icon */
  .premium-points li::before {
      content: "•";
      position: absolute;
      left: 0;
      top: 0;
      font-size: 22px;
      color: #ff7a00;
  }
  
  /* subtle hover (premium feel) */
  .premium-points li:hover {
      transform: translateX(4px);
      transition: 0.2s ease;
  }
  
  /* MOBILE */
  @media (max-width: 768px) {
      .premium-grid {
          grid-template-columns: 1fr;
          gap: 30px;
      }
  }
  
  


  
    .placement-section {
        max-width: 1200px;
        margin: 80px auto;
        padding: 0 20px;
    }
    
    /* GLASS CONTAINER */
    .placement-box {
        display: grid;
        grid-template-columns: 1.1fr 0.9fr;
        gap: 50px;
        padding: 40px;
        border-radius: 20px;
        background: rgba(255, 255, 255, 0.6);
        backdrop-filter: blur(12px);
        box-shadow: 0 20px 40px rgba(0,0,0,0.08);
    }
    
    /* LEFT */
    .placement-left h2 {
        font-size: 28px;
        margin-bottom: 15px;
    }
    
    .placement-left p {
        font-size: 15.5px;
        line-height: 1.7;
        color: #333;
        margin-bottom: 15px;
        text-align: justify;
    }
    
    /* RIGHT */
    .placement-right {
        display: flex;
        flex-direction: column;
        gap: 18px;
    }
    
    /* FEATURE BLOCK */
    .feature-block {
        padding: 16px 18px;
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 6px 18px rgba(0,0,0,0.06);
        transition: 0.25s ease;
        position: relative;
    }
    
    .feature-block:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 28px rgba(0,0,0,0.1);
    }
    
    .feature-block::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 4px;
        background: linear-gradient(180deg, #ff7a00, #ffb347);
        border-radius: 4px;
    }
    
    /* TEXT */
    .feature-block strong {
        display: block;
        margin-bottom: 4px;
        font-size: 15px;
    }
    
    .feature-block span {
        font-size: 14px;
        color: #555;
    }
    
    /* CTA */
    .placement-cta {
        margin-top: 20px;
    }
    
    .placement-cta a {
        display: inline-block;
        padding: 12px 22px;
        background: linear-gradient(135deg, #ff7a00, #ff9a3c);
        color: #fff;
        border-radius: 30px;
        font-size: 14px;
        text-decoration: none;
        transition: 0.3s ease;
    }
    
    .placement-cta a:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(255,122,0,0.3);
    }
    
    /* MOBILE */
    @media (max-width: 768px) {
        .placement-box {
            grid-template-columns: 1fr;
            padding: 25px;
        }
    
        .placement-left h2 {
            font-size: 22px;
        }
    }
    



  .da-section {
    padding: 60px 20px;
  }
  
  .da-container {
    max-width: 1000px;
    margin: auto;
  }
  
  .da-section h2 {
    font-size: 28px;
    margin-bottom: 20px;
  }
  
  .da-section h3 {
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 10px;
  }
  
  .da-section p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 15px;
  }
  
  .da-section ul {
    padding-left: 20px;
    margin-bottom: 15px;
  }
  
  .da-section ul li {
    margin-bottom: 8px;
    line-height: 1.6;
  }
  
  /* MOBILE */
  @media (max-width: 768px) {
    .da-section h2 {
      font-size: 22px;
    }
  
    .da-section h3 {
      font-size: 18px;
    }
  
    .da-section p,
    .da-section ul li {
      font-size: 14px;
    }
  }
  






  /* CONTAINER */
.da-container{
    width:90%;
    max-width:1200px;
    margin:auto;
  }
  
  /* HERO */
  .da-hero{
    background:url('assets/img/images/DA-1.webp') center/cover no-repeat;
    position:relative;
    padding:90px 0;
    color:#fff;
  }
  
  .da-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.6);
  }
  
  /* GRID */
  .da-hero-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1fr 420px;
    gap:50px;
    align-items:center;
  }
  
  /* TEXT */
  .da-title{
    font-size:42px;
    font-weight:700;
    line-height:1.2;
  }
  
  .da-sub{
    margin:15px 0 25px;
    color:#e2e8f0;
    font-size:16px;
  }
  
  /* BUTTONS */
  .da-buttons{
    display:flex;
    gap:15px;
    margin-bottom:20px;
    flex-wrap:wrap;
  }
  
  .da-btn-primary{
    background:var(--da-gradient);
    padding:12px 24px;
    border-radius:6px;
    color:#fff;
    text-decoration:none;
    font-weight:600;
  }
  
  .da-btn-outline{
    border:1px solid #fff;
    padding:12px 24px;
    border-radius:6px;
    color:#fff;
    text-decoration:none;
  }
  
  /* STATS */
  .da-stats{
    display:flex;
    gap:20px;
    font-size:14px;
    color:#cbd5e1;
    flex-wrap:wrap;
  }
  
  /* FORM */
  .da-form-box{
    background:#fff;
    padding:25px;
    border-radius:12px;
    box-shadow:0 10px 40px rgba(0,0,0,0.3);
  }
  
  /* MOBILE */
  @media(max-width:768px){
    .da-hero-grid{
      grid-template-columns:1fr;
    }
  
    .da-hero-left{
      text-align:center;
    }
  
    .da-title{
      font-size:28px;
    }
  
    .da-stats{
      justify-content:center;
    }
  
    .da-buttons{
      justify-content:center;
    }
  }





  /* SECTION */
.da-about{
    padding:70px 0;
    background:#f8fafc;
  }
  
  /* HEADING */
  .da-about-head{
    text-align:center;
    margin-bottom:40px;
  }
  
  .da-about-title{
    font-size:34px;
    font-weight:700;
    color:#0f172a;
  }
  
  /* GRID */
  .da-about-grid{
    display:grid;
    grid-template-columns:1.4fr 0.6fr;
    gap:40px;
    align-items:start;
  }
  
  /* TEXT */
  .da-about-text p{
    margin-bottom:18px;
    color:#475569;
    line-height:1.7;
    font-size:15px;
  }
  
  /* SIDE BOX */
  .da-highlight-box{
    background:#fff;
    padding:25px;
    border-radius:12px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    position:sticky;
    top:20px;
  }
  
  .da-highlight-box h3{
    margin-bottom:15px;
    font-size:18px;
    color:#2563eb;
  }
  
  .da-highlight-box ul{
    list-style:none;
    padding:0;
  }
  
  .da-highlight-box li{
    margin-bottom:10px;
    font-size:14px;
    color:#334155;
  }
  
  /* MOBILE */
  @media(max-width:768px){
    .da-about-grid{
      grid-template-columns:1fr;
    }
  
    .da-about-title{
      font-size:26px;
    }
  }

  .da-mini-stats{
    display:flex;
    justify-content:space-between;
    margin-top:20px;
    padding-top:15px;
    border-top:1px solid #e2e8f0;
  }
  
  .da-mini-stats div{
    text-align:center;
  }
  
  .da-mini-stats strong{
    display:block;
    font-size:18px;
    color:#2563eb;
  }
  
  .da-mini-stats span{
    font-size:12px;
    color:#64748b;
  }


  .da-cta-box{
    margin-top:20px;
    text-align:center;
  }
  
  .da-enroll-btn{
    display:block;
    width:100%;
    padding:14px;
    background:var(--da-gradient);
    color:#fff;
    font-weight:600;
    text-decoration:none;
    border-radius:8px;
    transition:0.3s;
    box-shadow:0 10px 25px rgba(37,99,235,0.3);
  }
  
  .da-enroll-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 30px rgba(37,99,235,0.4);
  }


  /* SECTION */
.da-overview{
    padding:80px 0;
    background:#ffffff;
  }
  
  /* GRID */
  .da-overview-grid{
    display:grid;
    grid-template-columns:1.3fr 0.7fr;
    gap:50px;
    align-items:start;
  }
  
  /* TITLE */
  .da-overview-title{
    font-size:32px;
    font-weight:700;
    margin-bottom:20px;
    color:#0f172a;
  }
  
  .da-overview-title span{
    color:var(--da-orange);
  }
  
  /* TEXT */
  .da-overview-left p{
    margin-bottom:18px;
    color:#475569;
    line-height:1.7;
    font-size:15px;
  }
  
  /* RIGHT SIDE */
  .da-overview-right{
    display:grid;
    gap:15px;
  }
  
  /* CARD */
  .da-skill-card{
    background:#f8fafc;
    padding:16px 18px;
    border-radius:10px;
    font-size:14px;
    font-weight:500;
    color:#1e293b;
    border:1px solid #e2e8f0;
    transition:0.3s;
  }
  
  .da-skill-card:hover{
    background:var(--da-gradient);
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(37,99,235,0.2);
  }
  
  /* MOBILE */
  @media(max-width:768px){
    .da-overview-grid{
      grid-template-columns:1fr;
    }
  
    .da-overview-title{
      font-size:26px;
      text-align:center;
    }
  }


  /* SECTION */
.da-features{
    padding:80px 0;
    background:#f8fafc;
  }
  
  /* HEADING */
  .da-features-head{
    text-align:center;
    margin-bottom:50px;
  }
  
  .da-features-title{
    font-size:32px;
    font-weight:700;
    color:#0f172a;
  }
  
  .da-features-title span{
    color:var(--da-orange);
  }
  
  /* GRID */
  .da-features-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
  }
  
  /* CARD */
  .da-feature-card{
    background:#fff;
    padding:25px;
    border-radius:12px;
    border:1px solid #e2e8f0;
    transition:0.3s;
  }
  
  .da-feature-card h3{
    font-size:18px;
    margin-bottom:10px;
    color:#1e293b;
  }
  
  .da-feature-card p{
    font-size:14px;
    color:#475569;
    line-height:1.6;
  }
  
  /* HOVER */
  .da-feature-card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 40px rgba(0,0,0,0.08);
    border-color:var(--da-orange);
  }
  
  /* MOBILE */
  @media(max-width:768px){
    .da-features-grid{
      grid-template-columns:1fr;
    }
  
    .da-features-title{
      font-size:26px;
    }
  }





  /* SECTION */
.da-stats-alt{
    padding:70px 0;
    background:#ffffff;
  }
  
  /* ROW */
  .da-stats-row{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:40px;
    flex-wrap:wrap;
    text-align:center;
  }
  
  /* STAT */
  .da-stat h3{
    font-size:38px;
    font-weight:700;
    background:var(--da-gradient);

    margin-bottom:8px;
  }
  
  .da-stat p{
    font-size:14px;
    color:#475569;
  }
  
  /* DIVIDER */
  .da-divider{
    width:1px;
    height:50px;
    background:#e2e8f0;
  }
  
  /* MOBILE */
  @media(max-width:768px){
    .da-stats-row{
      flex-direction:column;
      gap:20px;
    }
  
    .da-divider{
      display:none;
    }
  }


  






  .da-syllabus-v3{
    padding:80px 0;
    background:#f8fafc;
  }
  
  .da-sy3-head{
    text-align:center;
    margin-bottom:40px;
  }
  
  .da-sy3-head h2{
    font-size:32px;
  }
  
  .da-sy3-head span{
    background:linear-gradient(135deg,#FF5A00,#A000C8);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
  }
  
  .da-sy3-head p{
    color:#64748b;
  }
  
  /* ACCORDION */
  .da-accordion{
    max-width:900px;
    margin:auto;
  }
  
  .da-acc-item{
    background:#fff;
    border-radius:10px;
    margin-bottom:15px;
    overflow:hidden;
    border:1px solid #e2e8f0;
  }
  
  /* HEADER */
  .da-acc-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:18px 20px;
    cursor:pointer;
  }
  
  .da-acc-head h3{
    font-size:16px;
  }
  
  .da-acc-head span{
    font-size:13px;
    color:#FF5A00;
  }
  
  /* BODY */
  .da-acc-body{
    max-height:0;
    overflow:hidden;
    transition:0.3s;
    padding:0 20px;
  }
  
  .da-acc-body ul{
    padding:10px 0 20px;
  }
  
  .da-acc-body li{
    margin-bottom:8px;
    font-size:14px;
    color:#475569;
  }
  
  /* ACTIVE */
  .da-acc-item.active .da-acc-body{
    max-height:200px;
  }
  
  /* HOVER */
  .da-acc-item:hover{
    border-color:#FF5A00;
  }



  .da-why{
    padding:90px 0;
    background:#ffffff;
  }
  
  .da-container{
    width:90%;
    max-width:1100px;
    margin:auto;
  }
  
  .da-why-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:start;
  }
  
  /* LEFT */
  .da-why-title{
    font-size:34px;
    font-weight:700;
    margin-bottom:20px;
    line-height:1.3;
  }
  
  .da-why-title span{
    background:linear-gradient(135deg,#FF5A00,#A000C8);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
  }
  
  .da-why-left p{
    color:#475569;
    line-height:1.7;
    margin-bottom:15px;
  }
  
  /* RIGHT */
  .da-why-right{
    border-left:3px solid #f1f5f9;
    padding-left:30px;
  }
  
  .da-why-right p{
    color:#334155;
    line-height:1.8;
    margin-bottom:18px;
  }
  
  /* CTA */
  .da-why-btn{
    display:inline-block;
    margin-top:20px;
    padding:14px 26px;
    background:linear-gradient(135deg,#FF5A00,#A000C8);
    color:#fff;
    text-decoration:none;
    border-radius:8px;
    font-weight:600;
  }
  
  /* MOBILE */
  @media(max-width:768px){
    .da-why-grid{
      grid-template-columns:1fr;
    }
  
    .da-why-title{
      font-size:26px;
      text-align:center;
    }
  
    .da-why-right{
      border-left:none;
      padding-left:0;
    }
  }


  .da-overview{
    padding:80px 0;
    background:#ffffff;
  }
  
  .da-container{
    width:100%;
    
    margin:auto;
  }
  
  .da-overview-grid{
    display:grid;
    grid-template-columns:1.3fr 0.7fr;
    gap:50px;
  }
  
  /* TITLE */
  .da-overview-title{
    font-size:34px;
    font-weight:700;
    margin-bottom:20px;
    line-height:1.3;
    color:#140033;
  }
  
  .da-overview-title span{
    color:#FF5A00;
  }
  
  /* TEXT */
  .da-overview-left p{
    margin-bottom:18px;
    line-height:1.7;
    color:#475569;
    font-size:15px;
  }
  
  /* RIGHT */
  .da-overview-right{
    display:flex;
    flex-direction:column;
    gap:12px;
  }
  
  /* SKILLS */
  .da-skill{
    background:#f8fafc;
    padding:14px 16px;
    border-radius:8px;
    border:1px solid #e2e8f0;
    font-size:14px;
    color:#334155;
  }
  
  /* MOBILE */
  @media(max-width:768px){
    .da-overview-grid{
      grid-template-columns:1fr;
    }
  
    .da-overview-title{
      font-size:26px;
      text-align:center;
    }
  }






  .da-features{
    padding:80px 0;
    background:#f8fafc;
  }
  
  .da-container{
    width:100%;
   
    margin:auto;
  }
  
  /* TITLE */
  .da-features-title{
    font-size:34px;
    font-weight:700;
    color:#140033;
    margin-bottom:30px;
    line-height:1.2;
  }
  
  .da-features-title span{
    color:#FF5A00;
  }
  
  /* ITEM */
  .da-feature-item{
    margin-bottom:25px;
    padding-bottom:20px;
    border-bottom:1px solid #e2e8f0;
  }
  
  .da-feature-item:last-child{
    border-bottom:none;
  }
  
  .da-feature-item h3{
    font-size:18px;
    margin-bottom:8px;
    color:#0f172a;
  }
  
  .da-feature-item p{
    font-size:15px;
    line-height:1.7;
    color:#475569;
  }
  
  /* MOBILE */
  @media(max-width:768px){
    .da-features-title{
      font-size:26px;
      text-align:center;
    }
  }



  /* ENQUIRE BUTTON */
.da-enquire-btn{
    padding:12px 24px;
    border:none;
    border-radius:8px;
    font-weight:600;
    cursor:pointer;
    color:#fff;
    background:linear-gradient(135deg,#FF5A00,#A000C8);
  }
  
  /* WHATSAPP FIX (NO TAILWIND NOW) */
  .da-whatsapp{
    position:fixed;
    bottom:20px;
    left:20px;
    z-index:999;
  }
  
  .da-whatsapp img{
    width:54px;
    transition:0.3s;
  }
  
  .da-whatsapp img:hover{
    transform:scale(1.1);
  }
  
  /* NAV BASIC FIX */
  .nav-list{
    display:flex;
    gap:20px;
    list-style:none;
  }
  
  .submenu{
    display:none;
    position:absolute;
    background:#fff;
    padding:10px;
  }
  
  .has-children:hover .submenu{
    display:block;
  }



  .da-syllabus{
    padding:80px 0;
    background:#FBFCFF;
  }
  
  .da-container{
    width:90%;
    max-width:1100px;
    margin:auto;
  }
  
  /* HEAD */
  .da-sy-head{
    text-align:center;
    margin-bottom:40px;
  }
  
  .da-sy-title{
    font-size:34px;
    font-weight:700;
    color:#140033;
  }
  
  .da-sy-title span{
    color:#FF5A00;
  }
  
  .da-sy-sub{
    margin-top:10px;
    color:#64748b;
  }
  
  /* TABLE */
  .da-table-wrap{
    overflow-x:auto;
  }
  
  .da-table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
    border-radius:10px;
    overflow:hidden;
  }
  
  .da-table th{
    background:#140033;
    color:#fff;
    padding:14px;
    text-align:center;
  }
  
  .da-table td{
    padding:14px;
    border:1px solid #e2e8f0;
    text-align:center;
    font-size:14px;
  }
  
  .da-table tr:hover{
    background:#f8fafc;
  }
  
  /* HIDDEN */
  .da-tools-hidden{
    display:none;
  }




  .da-placement{
    padding:80px 0;
    background:#ffffff;
  }
  
  .da-container{
    width:90%;
    max-width:1100px;
    margin:auto;
  }
  
  /* GRID */
  .da-placement-grid{
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:50px;
    align-items:start;
  }
  
  /* TITLE */
  .da-placement-title{
    font-size:34px;
    font-weight:700;
    color:#140033;
    margin-bottom:20px;
  }
  
  .da-placement-title span{
    color:#FF5A00;
  }
  
  /* TEXT */
  .da-placement-left p{
    color:#475569;
    line-height:1.7;
    margin-bottom:15px;
  }
  
  /* CTA */
  .da-placement-cta a{
    display:inline-block;
    margin-top:15px;
    padding:12px 24px;
    background:linear-gradient(135deg,#FF5A00,#A000C8);
    color:#fff;
    border-radius:8px;
    text-decoration:none;
    font-weight:600;
  }
  
  /* RIGHT */
  .da-placement-right{
    display:grid;
    gap:15px;
  }
  
  /* FEATURE */
  .da-feature{
    padding:15px;
    border:1px solid #e2e8f0;
    border-radius:8px;
    background:#f8fafc;
  }
  
  .da-feature strong{
    display:block;
    margin-bottom:5px;
    color:#0f172a;
  }
  
  .da-feature span{
    font-size:14px;
    color:#475569;
  }
  
  /* MOBILE */
  @media(max-width:768px){
    .da-placement-grid{
      grid-template-columns:1fr;
    }
  
    .da-placement-title{
      font-size:26px;
      text-align:center;
    }
  }


  .placement-section{
    padding:70px 0;
    background:#f8fafc;
  }
  
  .placement-box{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:50px;
    align-items:start;
  }
  
  /* LEFT */
  .placement-left h2{
    font-size:32px;
    line-height:1.3;
    margin-bottom:20px;
  }
  
  .placement-left p{
    color:#555;
    margin-bottom:15px;
    font-size:15px;
    line-height:1.7;
  }
  
  .placement-cta a{
    display:inline-block;
    margin-top:15px;
    padding:12px 20px;
    background:#2563eb;
    color:#fff;
    border-radius:6px;
    text-decoration:none;
    font-weight:600;
  }
  
  /* RIGHT SIDE */
  .placement-right{
    display:grid;
    gap:15px;
  }
  
  /* FEATURE CARD */
  .feature-block{
    background:#fff;
    padding:18px;
    border-radius:10px;
    box-shadow:0 8px 25px rgba(0,0,0,0.05);
    display:flex;
    gap:12px;
    align-items:flex-start;
    transition:0.3s;
  }
  
  .feature-block:hover{
    transform:translateY(-4px);
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
  }
  
  .feature-block::before{
    content:"✔";
    color:#22c55e;
    font-weight:700;
    font-size:16px;
    margin-top:2px;
  }
  
  /* MOBILE */
  @media(max-width:768px){
    .placement-box{
      grid-template-columns:1fr;
    }
  
    .placement-left h2{
      font-size:24px;
      text-align:center;
    }
  
    .placement-left{
      text-align:center;
    }
  
    .placement-cta{
      display:flex;
      justify-content:center;
    }
  }



  /* MOBILE PANEL FIX */
.mobile-panel{
    position:fixed;
    top:0;
    right:0;
    width:80%;
    max-width:320px;
    height:100vh;
    background:#fff;
    z-index:9999;
  
    /* HIDE BY DEFAULT */
    transform:translateX(100%);
    transition:0.3s ease;
  }
  
  /* BACKDROP */
  #mobile-panel-backdrop{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.4);
    display:none;
    z-index:9998;
  }






  /* GRID FIX */
.da-price-grid{
    display:grid;
    grid-template-columns: 1.2fr 0.8fr;
    background:linear-gradient(180deg,#ffffff 0%, #fffaf3 100%);
  }
  
  /* LEFT */
  .da-price-left{
    padding:28px 28px 24px 36px;
  }
  
  /* RIGHT */
  .da-price-right{
    padding:26px;
    background: linear-gradient(180deg,#FFF6EA 0%, #FFF1DC 100%);
    display:flex;
    flex-direction:column;
    gap:12px;
  }
  
  /* IMAGE FIX */
  .da-price-right img{
    width:100%;
    height:auto;
    max-height:220px;
    object-fit:cover;
    border-radius:12px;
  }
  
  /* BADGES */
  .da-price-left .badge-box{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
  }
  
  /* MOBILE FIX */
  @media(max-width:768px){
    .da-price-grid{
      grid-template-columns:1fr;
    }
  
    .da-price-left{
      padding:20px;
    }
  
    .da-price-right{
      padding:20px;
    }
  
    .da-price-right img{
      max-height:180px;
    }
  }



  .da-faq{
    padding:60px 0;
    background:#FBFCFF;
  }
  
  .da-container{
    max-width:900px;
    margin:auto;
  }
  
  .da-faq-title{
    font-size:30px;
    font-weight:700;
    margin-bottom:10px;
    color:#140033;
  }
  
  .da-faq-title span{
    color:#FF5A00;
  }
  
  .da-faq-sub{
    color:#555;
    margin-bottom:30px;
  }
  
  /* ITEM */
  .da-faq-item{
    border-bottom:1px solid #ddd;
  }
  
  /* QUESTION */
  .da-faq-question{
    width:100%;
    padding:16px;
    font-size:16px;
    font-weight:600;
    text-align:left;
    border:none;
    background:#fff;
    cursor:pointer;
    position:relative;
  }
  
  /* ICON */
  .da-faq-question::after{
    content:"+";
    position:absolute;
    right:15px;
    font-size:20px;
  }
  
  /* ANSWER */
  .da-faq-answer{
    display:none;
    padding:0 16px 16px;
    color:#333;
  }
  
  /* ACTIVE */
  .da-faq-item.active .da-faq-answer{
    display:block;
  }
  
  .da-faq-item.active .da-faq-question::after{
    content:"−";
  }




  .da-about{
    padding:80px 0;
    background:#ffffff;
  }
  
  .da-container{
    width:90%;
    max-width:1100px;
    margin:auto;
  }
  
  /* GRID */
  .da-about-grid{
    display:grid;
    grid-template-columns:1.2fr 0.8fr;
    gap:50px;
    align-items:center;
  }
  
  /* TITLE */
  .da-about-title{
    font-size:34px;
    font-weight:700;
    color:#140033;
    margin-bottom:20px;
  }
  
  .da-about-title span{
    color:#FF5A00;
  }
  
  /* TEXT */
  .da-about-left p{
    color:#475569;
    line-height:1.7;
    margin-bottom:15px;
  }
  
  /* CTA */
  .da-about-cta a{
    display:inline-block;
    margin-top:10px;
    padding:12px 24px;
    background:linear-gradient(135deg,#FF5A00,#A000C8);
    color:#fff;
    border-radius:8px;
    text-decoration:none;
    font-weight:600;
  }
  
  /* RIGHT STATS */
  .da-about-right{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
  }
  
  .da-about-box{
    background:#f8fafc;
    padding:20px;
    border-radius:10px;
    text-align:center;
    border:1px solid #e2e8f0;
  }
  
  .da-about-box strong{
    display:block;
    font-size:22px;
    color:#140033;
  }
  
  .da-about-box span{
    font-size:14px;
    color:#64748b;
  }
  
  /* MOBILE */
  @media(max-width:768px){
    .da-about-grid{
      grid-template-columns:1fr;
    }
  
    .da-about-title{
      font-size:26px;
      text-align:center;
    }
  
    .da-about-left{
      text-align:center;
    }
  }









  .da-curriculum{
    padding:80px 0;
    background:#FBFCFF;
  }
  
  .da-container{
    width:90%;
    max-width:1100px;
    margin:auto;
  }
  
  .da-cur-grid{
    display:grid;
    grid-template-columns:1.2fr 0.8fr;
    gap:40px;
  }
  
  /* TABS */
  .da-tabs{
    display:flex;
    gap:10px;
    margin-bottom:20px;
  }
  
  .da-tab{
    padding:8px 16px;
    border-radius:8px;
    background:#eee;
    border:none;
    cursor:pointer;
    font-weight:600;
  }
  
  .da-tab.active{
    background:#FF5A00;
    color:#fff;
  }
  
  /* TITLE */
  .da-cur-title{
    font-size:22px;
    margin-bottom:15px;
    color:#140033;
  }
  
  /* ACCORDION */
  .da-item{
    border:1px solid #e5e7eb;
    border-radius:10px;
    margin-bottom:12px;
    overflow:hidden;
  }
  
  .da-head{
    padding:16px;
    cursor:pointer;
    font-weight:600;
    background:#fff;
    position:relative;
  }
  
  .da-head::after{
    content:"+";
    position:absolute;
    right:16px;
  }
  
  .da-item.active .da-head::after{
    content:"−";
  }
  
  .da-body{
    display:none;
    padding:16px;
    color:#555;
  }
  
  .da-item.active .da-body{
    display:block;
  }
  
  /* RIGHT */
  .da-cur-right{
    background:#fff;
    border-radius:12px;
    padding:16px;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
  }
  
  .da-cur-right img{
    width:100%;
    border-radius:10px;
    margin-bottom:15px;
  }
  
  .da-cur-info h4{
    margin-bottom:10px;
  }
  
  .da-cur-info ul{
    list-style:none;
    padding:0;
    margin:0;
  }
  
  .da-cur-info li{
    margin-bottom:8px;
    font-size:14px;
  }
  
  .da-btn{
    display:inline-block;
    margin-top:12px;
    padding:10px 18px;
    background:linear-gradient(135deg,#FF5A00,#A000C8);
    color:#fff;
    border-radius:8px;
    text-decoration:none;
  }
  
  /* MOBILE */
  @media(max-width:768px){
    .da-cur-grid{
      grid-template-columns:1fr;
    }
  }

  .da-video{
    position:relative;
    width:100%;
    padding-top:56.25%; /* 16:9 */
    border-radius:10px;
    overflow:hidden;
  }
  
  .da-video iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:0;
  }




  .da-reviews{
    padding:80px 0;
    background:#FBFCFF;
  }
  
  .da-container{
    width:90%;
    max-width:1100px;
    margin:auto;
  }
  
  /* HEADER */
  .da-rev-head{
    text-align:center;
    margin-bottom:40px;
  }
  
  .da-rev-head h2{
    font-size:32px;
    color:#140033;
  }
  
  .da-rev-head span{
    color:#FF5A00;
  }
  
  .da-rev-head p{
    color:#64748b;
    margin-top:8px;
  }
  
  /* RATING */
  .da-rating{
    margin-top:10px;
    font-size:14px;
  }
  
  .stars{
    color:#FF9E1B;
    font-size:18px;
  }
  
  .score{
    margin-left:8px;
    font-weight:600;
  }
  
  .count{
    margin-left:6px;
    color:#64748b;
  }
  
  /* GRID */
  .da-rev-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
  }
  
  /* CARD */
  .da-rev-card{
    background:#fff;
    padding:20px;
    border-radius:12px;
    box-shadow:0 10px 25px rgba(0,0,0,0.05);
    transition:0.3s;
  }
  
  .da-rev-card:hover{
    transform:translateY(-5px);
  }
  
  /* TEXT */
  .da-rev-card p{
    font-size:14px;
    color:#334155;
    margin-bottom:15px;
  }
  
  /* USER */
  .da-user strong{
    display:block;
    color:#140033;
  }
  
  .da-user span{
    font-size:13px;
    color:#64748b;
  }
  
  /* CTA */
  .da-rev-cta{
    text-align:center;
    margin-top:30px;
  }
  
  .da-rev-cta a{
    padding:12px 24px;
    background:linear-gradient(135deg,#FF5A00,#A000C8);
    color:#fff;
    border-radius:8px;
    text-decoration:none;
  }
  
  /* MOBILE */
  @media(max-width:768px){
    .da-rev-grid{
      grid-template-columns:1fr;
    }
  
    .da-rev-head h2{
      font-size:24px;
    }
  }