:root{--blue:#075fe7;--blue-dark:#071d4d;--blue-soft:#eaf5ff;--red:#e51919;--ink:#101418;--muted:#526171;--white:#fff;--line:#d6e7f6;--shadow:0 14px 38px rgba(27,86,145,.12);--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);
  /* background:#eff9ff url('assets/skyline.svg') center top/1400px auto repeat-y; */
  line-height:1.45}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(1180px,calc(100% - 34px));margin-inline:auto}.section-pad{padding:30px 0}.card{background:rgba(255,255,255,.94);border:1px solid rgba(172,211,244,.72);border-radius:var(--radius);box-shadow:var(--shadow)}
.site-header{position:sticky;top:0;z-index:100;background:rgba(239,249,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(7,95,231,.09)}.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;flex-direction:column;font-weight:900;line-height:.95;min-width:max-content}.brand>span{font-size:31px;letter-spacing:-1.7px}.brand-red{color:var(--red)}.brand small{font-size:7.5px;color:var(--red);letter-spacing:.3px;margin-top:8px}.main-nav{display:flex;align-items:center;gap:21px;font-size:13px;font-weight:700}.main-nav a:not(.btn):hover{color:var(--blue)}.menu-toggle{display:none;background:transparent;border:0;font-size:27px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:7px;border:1px solid transparent;font-weight:800;cursor:pointer;transition:.2s ease;white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(7,95,231,.2)}.btn-primary{background:#0381dd;color:#fff}.btn-secondary{background:#fff;color:var(--blue-dark);border-color:var(--blue)}.btn-outline{background:transparent;color:#0381dd;border-color:var(--blue)}.btn-sm{min-height:36px;padding:0 15px;font-size:12px}
.hero{padding-top:52px}.hero-grid{display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:32px; text-align: left;}.eyebrow{text-transform:uppercase;letter-spacing:1.3px;font-size:12px;font-weight:900;color:var(--blue)}.hero h1{font-size:clamp(38px,4.5vw,45px);line-height:1.08;letter-spacing:-2.6px;margin:10px 0 18px}.hero h1 span{display:block;color:var(--red)}.hero h2{font-size:22px;line-height:1.25;margin:0 0 20px}.check-list{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:8px}.check-list li::before,.plan li::before,.phase-card li::before,.compare li::before{content:'✓';color:#0381dd;font-weight:900;margin-right:9px}.button-row{display:flex;flex-wrap:wrap;gap:12px}.media-card{overflow:hidden;padding:0}.media-card img{width:100%;height:100%;object-fit:cover}.section-cta{text-align:center;margin-top:28px}
.metrics-section{padding:8px 0 25px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);padding:19px 10px}.metrics article{padding:4px 18px;text-align:center;border-right:1px solid var(--line)}.metrics article:last-child{border:0}.metrics strong{display:block;font-size:32px;color:var(--blue)}.metrics span{font-size:12px;font-weight:800;color:#25384a}
.section-heading{text-align:center;max-width:800px;margin:0 auto 24px}.section-heading h2{font-size:clamp(27px,3vw,42px);line-height:1.12;letter-spacing:-1px;margin:0}.section-heading p{color:var(--muted);margin:9px 0 0}.problem-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.icon-card{text-align:center;padding:22px 12px;min-height:125px}.icon-card .icon{font-size:38px}.icon-card h3{font-size:13px;line-height:1.2;margin:12px 0 0}.highlight-line{text-align:center;font-size:22px;font-weight:800;margin:27px 0 0}.highlight-line strong{color:var(--red)}
.process-section{padding-top:28px}.process{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px}.step{text-align:center;min-width:90px;font-size:12px;font-weight:800}.step b{display:block;font-size:31px;margin-bottom:7px}.process i{font-size:30px;color:#0381dd;font-style:normal}.os-mark{color:#0381dd;letter-spacing:-3px}
.phases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.phase-card{padding:18px;display:flex;flex-direction:column}.phase-title{text-align:center}.phase-title span{color:#0381dd;font-size:20px;font-weight:900}.phase-title h3{font-size:15px;margin:0 0 12px}.phase-card img{width:100%;aspect-ratio:1.2/1;object-fit:cover;border-radius:10px;border:1px solid var(--line);height: 600px;}.phase-card h4{color:var(--red);margin:13px 0 6px}.phase-card ul{list-style:none;padding:0;margin:0 0 18px;font-size:12px;font-weight:650}.two-col-list{columns:2;column-gap:14px}.phase-card li{break-inside:avoid;margin:5px 0}.phase-card .btn{margin-top:auto;width:fit-content;align-self:center}
.comparison-grid{display:grid;grid-template-columns:1fr 72px 1fr .8fr;align-items:center;padding:22px;gap:18px}.compare h3{text-align:center;font-size:22px;margin:0 0 14px}.bad h3{color:var(--red)}.good h3{color:var(--blue)}.good h3 span{color:var(--red)}.compare ul{list-style:none;padding:0;margin:0;font-weight:700;font-size:13px}.compare li{margin:9px 0}.bad li::before{content:'✕';color:var(--red)}.good li::before{color:#17a546}.vs{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--blue-dark);color:#fff;font-size:23px;font-weight:900}.feature-table{border-radius:12px;width:100%}
.action-grid{display:grid;grid-template-columns:1fr 1.05fr .95fr;gap:20px;align-items:end}.action-grid h2{font-size:20px}.video-shell{position:relative;overflow:hidden;min-height:190px}.video-shell img{width:100%;height:100%;object-fit:cover}.play-button{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;border:0;background:#0381dd;color:white;font-size:24px;cursor:pointer}.testimonial-image{width:100%;min-height:190px;object-fit:cover;padding:10px}.quote{padding:26px;font-size:16px;color:#345}.quote strong{display:block;margin-top:15px;color:var(--ink)}
.pricing-layout{
    display:grid;
    /* grid-template-columns:2.4fr 1fr; */
    gap:22px
}
    .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{padding:22px;position:relative;display:flex;flex-direction:column}.plan h3{text-align:center;color:#0381dd;font-size:24px;margin:0}.plan p{text-align:center;margin:2px 0}.plan>strong{text-align:center;display:block;margin:4px 0 14px}.plan ul{list-style:none;padding:0;margin:0 0 18px;font-size:13px;flex:1}.plan li{margin:7px 0}.featured{border:2px solid var(--blue)}
    /*.popular{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#0381dd;color:#fff;border-radius:20px;padding:5px 12px;font-size:10px;font-weight:900}*/
    .lead-form,.mini-form{padding:24px;display:flex;flex-direction:column;gap:13px}.lead-form h3,.mini-form h2{margin:0 0 4px}.lead-form label{font-size:12px;font-weight:800}.lead-form input,.lead-form select,.mini-form input{width:100%;height:45px;border:1px solid #c9dced;border-radius:7px;padding:0 12px;margin-top:5px;background:#fff}.lead-form small{text-align:center;color:var(--muted)}
.faq-layout{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:20px}.faq-card,.final-cta{padding:25px}.faq-card h2,.final-cta h2{margin-top:0}.faq-card details{border-bottom:1px solid var(--line);padding:10px 0}.faq-card summary{font-weight:800;cursor:pointer}.faq-card details p{font-size:13px;color:var(--muted)}.faq-card .btn{margin-top:16px}.final-cta{background:linear-gradient(135deg,#0a2864,#051538);color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:center}.final-cta .eyebrow{color:#95c5ff}.final-cta .button-row{justify-content:center}.trust-row{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;font-size:12px;margin-top:20px}.mini-form{justify-content:center}
.site-footer{padding:38px 0;background:#fff;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:28px}.site-footer .brand p{font-weight:500;font-size:11px;color:var(--muted);margin-top:15px}.site-footer h4{margin:0 0 10px}.site-footer a{display:block;font-size:12px;color:var(--muted);margin:7px 0}.toast{position:fixed;right:24px;bottom:24px;background:#071d4d;color:#fff;padding:15px 20px;border-radius:9px;box-shadow:var(--shadow);opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}
@media (max-width:1050px){.menu-toggle{display:block}.main-nav{position:absolute;left:17px;right:17px;top:70px;display:none;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);padding:18px;border-radius:14px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.hero-grid{grid-template-columns:1fr}.problem-grid{grid-template-columns:repeat(4,1fr)}.comparison-grid{grid-template-columns:1fr 72px 1fr}.feature-table{grid-column:1/-1;max-width:600px;margin:auto}.action-grid{grid-template-columns:1fr 1fr}.quote{grid-column:1/-1}.pricing-layout{grid-template-columns:1fr}.faq-layout{grid-template-columns:1fr 1fr}.final-cta{grid-row:1/3;grid-column:2}.process{overflow-x:auto;justify-content:flex-start}.step{min-width:110px}.metrics{grid-template-columns:repeat(3,1fr);row-gap:18px}.metrics article:nth-child(3){border-right:0}}
@media (max-width:760px){.section-pad{padding:42px 0}.brand>span{font-size:26px}.hero h1{font-size:42px;letter-spacing:-1.5px}.hero h2{font-size:18px}.button-row .btn{width:100%}.metrics{grid-template-columns:1fr 1fr}.metrics article{border-right:0;border-bottom:1px solid var(--line);padding-bottom:15px}.metrics article:last-child{grid-column:1/-1}.problem-grid{grid-template-columns:repeat(2,1fr)}.phases-grid,.plans,.action-grid,.faq-layout{grid-template-columns:1fr}.final-cta{grid-column:auto;grid-row:auto}.comparison-grid{grid-template-columns:1fr}.vs{margin:auto}.process{padding:16px}.process i{font-size:22px}.two-col-list{columns:1}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid .brand{grid-column:1/-1}.section-cta .btn{width:100%;white-space:normal}.hero-visual{order:-1}.phase-card img{aspect-ratio:1.45/1}}
@media (max-width:420px){.container{width:min(100% - 22px,1180px)}.hero h1{font-size:34px}.problem-grid{gap:8px}.icon-card{padding:16px 8px}.icon-card h3{font-size:12px}.metrics strong{font-size:27px}.footer-grid{grid-template-columns:1fr}.footer-grid .brand{grid-column:auto}}



.faq-section {
  padding: 20px 20px;
  background-color: #f8fafc;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.faq-container {
  max-width: 900px;
  margin: 0 auto;
}

.faq-header {
  text-align: center;
  margin-bottom: 40px;
}

.faq-header h2 {
  font-size: 2.25rem;
  color: #0f172a;
  margin-bottom: 10px;
  font-weight: 700;
}

.faq-header p {
  color: #64748b;
  font-size: 1.1rem;
}

.faq-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.faq-item {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.faq-item[open] {
  border-color: #2563eb;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.08);
}

.faq-question {
  padding: 20px 24px;
  font-size: 1.1rem;
  font-weight: 600;
  color: #1e293b;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none; /* Removes default disclosure triangle */
  user-select: none;
}

.faq-question::-webkit-details-marker {
  display: none; /* For Chrome/Safari */
}

.faq-icon {
  font-size: 1.4rem;
  font-weight: 400;
  color: #2563eb;
  transition: transform 0.3s ease;
}

.faq-item[open] .faq-icon {
  transform: rotate(45deg); /* Turns '+' into 'x' */
}

.faq-answer {
  padding: 0 24px 20px 24px;
  color: #475569;
  font-size: 1rem;
  line-height: 1.6;
}

.faq-answer p {
  margin: 0;
}

@media (max-width: 640px) {
  .faq-header h2 {
    font-size: 1.75rem;
  }
  .faq-question {
    font-size: 1rem;
    padding: 16px;
  }
  .faq-answer {
    padding: 0 16px 16px 16px;
  }
}


/* Contact Card Enhancements */
.contact-info-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
      padding: 20px;
}

.contact-info-card .subtitle {
  font-size: 0.92rem;
  color: #64748b;
  margin-top: -8px;
  margin-bottom: 20px;
  line-height: 1.4;
}

.contact-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}

.contact-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.icon-box {
  width: 38px;
  height: 38px;
  background-color: #eff6ff;
  color: #2563eb;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.contact-text {
  display: flex;
  flex-direction: column;
}

.contact-text .label {
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #94a3b8;
  margin-bottom: 2px;
}

.contact-text .value {
  font-size: 0.95rem;
  font-weight: 600;
  color: #1e293b;
  text-decoration: none;
  transition: color 0.2s ease;
}

.contact-text a.value:hover {
  color: #2563eb;
}

.contact-text .desc {
  font-weight: 500;
  color: #475569;
  line-height: 1.3;
}

/* WhatsApp Button Adjustment */
.btn-whatsapp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
}

/* Full Width Registration Form */
.registration-section {
  padding-top: 40px;
  padding-bottom: 60px;
}

.full-width-form {
  max-width: 850px;
  margin: 0 auto;
  padding: 40px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  border: 1px solid #e2e8f0;
}

.form-header {
  text-align: center;
  margin-bottom: 32px;
}

.form-header h3 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

.form-header p {
  color: #64748b;
  font-size: 1rem;
  margin: 0;
}

/* Grid Layout */
.form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.form-group.full-width {
  grid-column: span 2;
}

.form-group label {
  font-size: 0.9rem;
  font-weight: 600;
  color: #334155;
}

.form-group input,
.form-group select {
  width: 100%;
  padding: 12px 16px;
  font-size: 0.95rem;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background-color: #f8fafc;
  color: #0f172a;
  transition: all 0.2s ease;
  box-sizing: border-box;
}

.form-group input:focus,
.form-group select:focus {
  outline: none;
  border-color: #2563eb;
  background-color: #ffffff;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

/* Form Footer & CTA */
.form-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 30px;
  gap: 12px;
}

.btn-submit {
  width: 100%;
  max-width: 320px;
  padding: 14px 28px;
  font-size: 1.05rem;
  font-weight: 600;
}

.privacy-note {
  font-size: 0.85rem;
  color: #94a3b8;
}

/* Mobile Responsiveness */
@media (max-width: 640px) {
  .full-width-form {
    padding: 24px 16px;
  }
  
  .form-grid {
    grid-template-columns: 1fr;
  }
  
  .form-group.full-width {
    grid-column: span 1;
  }
}



/* Testimonial Slider Card Styles */
.quote-slider-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  min-height: 220px; /* Adjust according to your grid card height */
      padding: 26px;
          margin-top: 70px;
}

.quote-slider {
  position: relative;
  width: 100%;
}

.quote-slide {
  display: none;
  margin: 0;
  animation: fadeIn 0.4s ease-in-out;
}

.quote-slide.active {
  display: block;
}

.quote-slide p {
  font-size: 0.95rem;
  line-height: 1.5;
  color: #334155;
  margin-bottom: 12px;
}

.quote-slide strong {
  display: block;
  font-size: 0.88rem;
  color: #0f172a;
}

/* Dots Styling */
.slider-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
}

.dot {
  width: 9px;
  height: 9px;
  background-color: #cbd5e1;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
}

.dot:hover {
  background-color: #94a3b8;
}

.dot.active {
  background-color: #2563eb;
  width: 20px; /* Expanded pill-style active dot */
  border-radius: 10px;
}

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



.text-center {
    text-align: center !important;
}


.pad {
    padding: 50px;
}


/* Hero Breadcrumb Banner Section */
.breadcrumb-banner {
  position: relative;
  width: 100%;
  padding: 60px 0;
  /* Dark overlay over background image */
  background: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.85) 0%,
      rgba(150, 0, 0, 0.75) 100%
    ),
    url('assets/bg-office.jpg') center/cover no-repeat;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

/* Flex Container for Left-Right Alignment */
.breadcrumb-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px; /* Adjust according to your template max-width */
  margin: 0 auto;
  padding: 0 20px;
}

/* Page Title Styles */
.banner-title {
  color: #ffffff;
  font-size: 2.2rem;
  font-weight: 700;
  margin: 0;
  letter-spacing: 0.5px;
}

/* White Pill Container */
.breadcrumb-pill {
  display: flex;
  align-items: center;
  list-style: none;
  background-color: #ffffff;
  padding: 10px 24px;
  border-radius: 50px; /* Rounded pill shape */
  margin: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Breadcrumb Typography & Spacing */
.breadcrumb-pill .breadcrumb-item {
  font-size: 0.95rem;
  font-weight: 600;
}

.breadcrumb-pill .breadcrumb-item a {
  color: #334155;
  text-decoration: none;
  transition: color 0.2s ease;
}

.breadcrumb-pill .breadcrumb-item a:hover {
  color: #a80000;
}

.breadcrumb-pill .breadcrumb-separator {
  margin: 0 8px;
  color: #a80000; /* Red separator line */
  font-weight: 600;
}

.breadcrumb-pill .breadcrumb-item.active {
  color: #0f172a;
  font-weight: 700;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .breadcrumb-container {
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }
}


.page-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
}

.status-icon {
  display: block;
  margin: 0 auto 20px auto; /* Centered block level with bottom spacing */
  max-width: 80px;         /* Prevents unwanted image stretch */
  height: auto;
}

.page-title .h {
  margin: 0;
  font-size: 1.75rem;
  font-weight: 700;
  color: #0f172a;
}


/* Base styles for footer columns */
.footer-grid {
    display: grid;
    gap: 2rem;
}

/* Ensure links stack vertically inside each column */
.footer-grid > div {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* Mobile 2-Column Styles */
@media (max-width: 768px) {
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }

    /* Make the brand header section span across both columns */
    .footer-grid .brand {
        grid-column: span 2;
    }
}






/* Global Spacing & Typography */
.about-page-content {
    color: #333333;
    line-height: 1.6;
    font-family: Arial, sans-serif;
}

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

.bg-light {
    background-color: #f8f9fa;
}

/* .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
} */

.section-title {
    font-size: 2rem;
    font-weight: 700;
    color: #111111;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
}

.section-title::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background-color: #d9232d; /* Accent Red */
    margin-top: 8px;
    border-radius: 2px;
}

.lead-text {
    font-size: 1.15rem;
    line-height: 1.8;
    color: #444444;
}

.section-intro {
    font-size: 1.05rem;
    margin-bottom: 35px;
    color: #555555;
}

/* 3-Column Phase Cards Layout */
.phases-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-top: 30px;
}

.phase-card {
    background: #ffffff;
    padding: 30px 25px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #eef0f2;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.phase-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.phase-card h3 {
    font-size: 1.25rem;
    color: #111111;
    margin-bottom: 15px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 10px;
}

.phase-card p {
    font-size: 0.95rem;
    color: #666666;
    line-height: 1.6;
}

/* Callout & Pricing Box Styling */
.highlight-box {
    background-color: #fff5f5;
    border-left: 4px solid #d9232d;
    padding: 20px 25px;
    margin: 25px 0;
    border-radius: 0 8px 8px 0;
}

.highlight-box p {
    margin: 0;
    font-size: 1.05rem;
    color: #222222;
}

.cta-text {
    font-weight: 600;
    font-size: 1.1rem;
    color: #111111;
    margin-top: 20px;
}

/* Blockquote Callout for Court Cases */
.stat-quote {
    background: #eef4ff;
    border-left: 4px solid #2b56f5;
    padding: 20px 25px;
    margin: 25px 0;
    border-radius: 0 8px 8px 0;
    font-style: italic;
    color: #1e293b;
    font-size: 1.05rem;
}

.summary-statement {
    font-size: 1.1rem;
    font-weight: 700;
    color: #d9232d;
    padding: 15px;
    background: #fdf2f2;
    border-radius: 8px;
    text-align: center;
    margin-top: 30px;
}

/* Responsive Mobile Layout */
@media (max-width: 992px) {
    .phases-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .phases-grid {
        grid-template-columns: 1fr;
    }
    .section-padding {
        padding: 40px 0;
    }
}

/* team new section */

#team-section {
    padding: 60px 20px;
}

#team-section .team-section-title {
    text-align: center;
    font-size: 32px;
    margin-bottom: 40px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* TEAM GRID - Fully Responsive CSS Grid */
.team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
    justify-items: center;
    align-items: center;
    justify-content: center;
}

.team-card {
    width: 100%;
    max-width: 280px;
    text-align: center;
    cursor: pointer;
    padding: 20px 15px;
    border-radius: 16px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

/* Hover effect on Laptop */
@media (hover: hover) {
    .team-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    }
}

.team-card img {
    width: 180px;
    height: 180px;
    object-fit: cover;
    border-radius: 50%;
    display: block;
    margin: 0 auto 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.team-card h3 {
    font-size: 20px;
    margin: 10px 0 5px;
    color: #111827;
}

.team-card span {
    font-size: 15px;
    color: #6b7280;
    font-weight: 500;
}

/* POPUP MODAL STYLES */
.sunil-leadership-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(4px);
    z-index: 99999;
    justify-content: center;
    align-items: center;
    padding: 16px;
}

.sunil-leadership-box {
    background: #ffffff;
    width: 900px;
    max-width: 100%;
    max-height: 85vh;
    overflow-y: auto;
    border-radius: 20px;
    padding: 35px;
    position: relative;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

/* Close Button Fix */
.sunil-leadership-close {
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
    color: #4b5563;
    transition: color 0.2s ease;
    z-index: 10;
}

.sunil-leadership-close:hover {
    color: #000;
}

.sunil-leadership-profile {
    display: flex;
    gap: 35px;
    align-items: flex-start;
}

.sunil-leadership-image {
    flex: 0 0 220px;
}

.sunil-leadership-image img {
    width: 100%;
    max-width: 220px;
    height: 220px;
    object-fit: cover;
    border-radius: 16px;
}

.sunil-leadership-content {
    flex: 1;
}

.sunil-leadership-content small {
    color: #6b7280;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.sunil-leadership-content h2 {
    font-size: 28px;
    margin: 6px 0 4px;
    color: #111827;
}

.sunil-leadership-content h4 {
    color: #d97706;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
}

.sunil-leadership-content p {
    color: #4b5563;
    line-height: 1.6;
    font-size: 15px;
    margin-bottom: 12px;
}

.sunil-leadership-info {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin: 20px 0;
}

.sunil-leadership-info div {
    background: #f9fafb;
    border: 1px solid #f3f4f6;
    padding: 16px;
    border-radius: 12px;
}

.sunil-leadership-info h3 {
    margin: 0 0 6px;
    font-size: 16px;
    color: #111827;
}

.sunil-leadership-info span {
    color: #6b7280;
    font-size: 14px;
    line-height: 1.4;
    display: block;
}

.sunil-last-text {
    font-weight: 600;
    color: #1f2937;
    margin-top: 15px;
}

/* RESPONSIVE MEDIA QUERIES */

/* Tablet (Under 992px) */
@media (max-width: 992px) {
    .sunil-leadership-box {
        padding: 25px;
    }

    .sunil-leadership-profile {
        gap: 25px;
    }

    .sunil-leadership-image {
        flex: 0 0 180px;
    }

    .sunil-leadership-image img {
        height: 180px;
    }
}

/* Mobile (Under 768px) */
@media (max-width: 768px) {
    #team-section {
        padding: 40px 15px;
    }

    #team-section .team-section-title {
        font-size: 26px;
        margin-bottom: 25px;
    }

    .team-grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 20px;
    }

    .sunil-leadership-box {
        padding: 20px 15px;
        border-radius: 16px;
    }

    .sunil-leadership-profile {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .sunil-leadership-image {
        flex: 0 0 auto;
        margin-bottom: 10px;
    }

    .sunil-leadership-image img {
        width: 150px;
        height: 150px;
        margin: 0 auto;
    }

    .sunil-leadership-content h2 {
        font-size: 22px;
    }

    .sunil-leadership-content h4 {
        margin-bottom: 12px;
    }

    .sunil-leadership-info {
        grid-template-columns: 1fr;
        gap: 10px;
        text-align: left;
    }

    .sunil-leadership-close {
        right: 15px;
        top: 12px;
        font-size: 28px;
    }
}



            :root {
                --blue: #0b5cff;
                --dark: #083db2;
                --ink: #111827;
                --muted: #60708c;
                --line: #d7e1ef;
                --soft: #f4f8ff;
            }
            * {
                box-sizing: border-box;
            }
            body {
                margin: 0;
                background: #f4f7fb;
                color: var(--ink);
                font-family: Arial, sans-serif;
            }
            button {
                font: inherit;
            }
            .hero {
                max-width: 1180px;
                margin: auto;
                padding: 62px 28px 44px;
                text-align: center;
            }
            .brand {
                font-size: 30px;
                font-weight: 900;
                /*letter-spacing: -1.8px;*/
            }
            .brand b {
                color: #0381dd;
                font-size: 32px;
            }
            .kicker,
            .section-kicker {
                margin: 8px 0 18px;
                color: #0381dd;
                font-size: 12px;
                font-weight: 800;
                letter-spacing: 0.12em;
                text-transform: uppercase;
            }
            .hero h1 {
                max-width: 780px;
                margin: auto;
                font-size: clamp(36px, 5vw, 62px);
                line-height: 1.03;
                letter-spacing: -0.045em;
            }
            .intro {
                max-width: 680px;
                margin: 20px auto 0;
                color: var(--muted);
                font-size: 18px;
                line-height: 1.6;
            }
            .pricing {
                max-width: 1240px;
                margin: auto;
                padding: 0 24px 60px;
            }
            .section-heading {
                /*display: flex;*/
                justify-content: space-between;
                align-items: end;
                gap: 20px;
                margin-bottom: 20px;
            }
            .section-heading h2 {
                margin: 0;
                font-size: 30px;
            }
            .section-kicker {
                margin-bottom: 7px;
            }
            .nav {
                display: none;
                gap: 9px;
            }
            .nav button {
                width: 44px;
                height: 44px;
                border: 1px solid #bed0ea;
                border-radius: 50%;
                background: #fff;
                color: #0381dd;
                font-size: 20px;
                cursor: pointer;
            }
            .table {
                display: grid;
                grid-template-columns: minmax(270px, 1.55fr) repeat(3, minmax(190px, 1fr));
                background: #fff;
                border: 1px solid var(--line);
                border-radius: 18px;
                overflow: hidden;
                box-shadow: 0 18px 50px #1c3a6317;
            }
            .feature-head,
            .plan-head {
                min-height: 278px;
                padding: 30px 24px;
                border-bottom: 1px solid var(--line);
            }
            .feature-head {
                display: flex;
                flex-direction: column;
                justify-content: flex-end;
                background: linear-gradient(140deg, #eff6ff, #fff);
            }
            .feature-head h3 {
                margin: 9px 0 7px;
                font-size: 25px;
            }
            .feature-head p,
            .note {
                margin: 0;
                color: var(--muted);
                font-size: 13px;
            }
            .mini,
            .eyebrow {
                color: #0381dd;
                font-size: 12px;
                font-weight: 800;
                text-transform: uppercase;
                letter-spacing: 0.08em;
            }
            .plan-head {
                position: relative;
                border-left: 1px solid var(--line);
            }
            .plan-head.popular {
                border: 2px solid #0381dd;
                padding: 48px 23px 28px;
            }
            .popular-label {
                position: absolute;
                inset: 0 -1px auto;
                height: 30px;
                display: grid;
                place-items: center;
                background: #0381dd;
                color: #fff;
                font-size: 12px;
                font-weight: 700;
            }
            .plan-head h3,
            .card h3 {
                margin: 9px 0 0;
                font-size: 18px;
            }
            .price {
                margin: 28px 0 3px;
                font-size: 29px;
                font-weight: 800;
            }
            .plan-head button,
            .card button {
                width: 100%;
                margin-top: 24px;
                padding: 12px;
                border: 1px solid #a9c5ee;
                border-radius: 10px;
                background: #eff6ff;
                color: #07367c;
                font-weight: 700;
                    cursor: pointer;
            }
            .popular button {
                background: #0381dd;
                color: #fff;
                border-color: #0381dd;
            }
            .row {
                display: contents;
            }
            .name,
            .value {
                min-height: 48px;
                display: flex;
                align-items: center;
                padding: 12px 18px;
                border-bottom: 1px solid var(--line);
                font-size: 14px;
            }
            .name {
                font-weight: 700;
            }
            .value {
                justify-content: center;
                text-align: center;
                border-left: 1px solid var(--line);
            }
            .value.pro {
                border-left: 2px solid #0381dd;
                border-right: 2px solid #0381dd;
                background: #f6f9ff;
            }
            .check {
                color: var(--dark);
                font-weight: 900;
            }
            .dash {
                color: #9aa7ba;
            }
            .slider,
            .hint {
                display: none;
            }
            footer {
                display: flex;
                justify-content: center;
                gap: 10px;
                flex-wrap: wrap;
                padding: 28px;
                background: #071a3b;
                /*color: #d5e3fa;*/
                font-size: 13px;
            }
            footer strong {
                color: #fff;
            }
            @media (max-width: 850px) {
                .hero {
                    padding: 42px 20px 34px;
                    text-align: left;
                }
                .intro {
                    margin-left: 0;
                    font-size: 16px;
                }
                .pricing {
                    padding: 0 0 48px;
                    overflow: hidden;
                }
                .section-heading {
                    padding: 0 20px;
                }
                .section-heading h2 {
                    font-size: 25px;
                }
                .nav {
                    display: flex;
                }
                .table {
                    display: none;
                }
                .slider {
                    display: flex;
                    gap: 14px;
                    overflow-x: auto;
                    padding: 12px 20px 26px;
                    scroll-snap-type: x mandatory;
                    scroll-padding-left: 20px;
                    scrollbar-width: none;
                }
                .slider::-webkit-scrollbar {
                    display: none;
                }
                .card {
                    position: relative;
                    flex: 0 0 min(78vw, 390px);
                    scroll-snap-align: start;
                    /*overflow: hidden;*/
                    /*background: #fff;*/
                    border: 1px solid var(--line);
                    border-radius: 17px;
                    box-shadow: 0 13px 32px #1f44731f;
                }
                .card.popular {
                    border: 2px solid #0381dd;
                }
                .card-top {
                    padding: 28px 22px 24px;
                }
                .card.popular .card-top {
                    padding-top: 48px;
                }
                .card-features {
                    border-top: 1px solid var(--line);
                    padding: 21px 22px 25px;
                }
                .mobile-feature {
                    display: grid;
                    grid-template-columns: 1fr auto;
                    gap: 16px;
                    align-items: center;
                    padding: 11px 0;
                    border-bottom: 1px solid #e8eef7;
                    font-size: 13px;
                }
                .mobile-feature strong {
                    text-align: right;
                    font-size: 12px;
                }
                .hint {
                    display: block;
                    margin: 0;
                    padding: 0 20px;
                    color: var(--muted);
                    font-size: 12px;
                }
            }
            @media (max-width: 440px) {
                .card {
                    flex-basis: 82vw;
                }
                .nav button {
                    width: 40px;
                    height: 40px;
                }
            }


/* Container Wrapper - Prevents inheritances */
.rd-social-wrapper {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 15px !important;
    padding: 0 !important;
    clear: both !important;
}

/* Individual Link Anchor - Enforces strict centering */
.rd-social-wrapper a.rd-social-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    background-color: #f1f3f5 !important;
    color: #333333 !important;
    border-radius: 50% !important;
    text-decoration: none !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
    outline: none !important;
}

/* Inner Icon Alignment Overrides */
.rd-social-wrapper a.rd-social-icon i {
    display: inline-block !important;
    font-size: 15px !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

/* Hover States & Colors */
.rd-social-wrapper a.rd-social-icon:hover {
    transform: translateY(-2px) !important;
    color: #ffffff !important;
}

.rd-social-wrapper a.rd-social-icon.rd-fb:hover {
    background-color: #1877f2 !important;
}

.rd-social-wrapper a.rd-social-icon.rd-insta:hover {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aebe6 90%) !important;
}

.rd-social-wrapper a.rd-social-icon.rd-tw:hover {
    background-color: #000000 !important;
}

.rd-social-wrapper a.rd-social-icon.rd-yt:hover {
    background-color: #ff0000 !important;
}

.rd-social-wrapper a.rd-social-icon.rd-web:hover {
    background-color: #e50914 !important;
}





/* Unique 2-Column Grid Wrapper */
.container.rd-action-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 30px !important;
    align-items: stretch !important;
    margin-bottom: 40px !important;
}

/* Base Card Column Styling */
.rd-action-card,
.rd-quote-slider-card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.rd-action-card h2 {
    font-size: 1.5rem !important;
    margin-bottom: 15px !important;
    color: #1a1a1a !important;
}

/* HTML5 Video Shell & Video Sizing */
.rd-video-shell {
    position: relative !important;
    width: 100% !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background-color: #000000 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
    aspect-ratio: 16 / 9 !important;
}

.rd-video-shell video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border: none !important;
    outline: none !important;
}

/* Testimonial Card Flex Layout */
.rd-quote-slider-card {
    background: #ffffff !important;
    border-radius: 12px !important;
    padding: 35px 30px 25px 30px !important;
    border: 1px solid #e9ecef !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    justify-content: space-between !important;
}

.rd-quote-slider {
    position: relative !important;
    width: 100% !important;
}

/* Slide States */
.rd-quote-slide {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.rd-quote-slide.active {
    display: block !important;
    animation: rdFadeIn 0.4s ease-in-out !important;
}

.rd-quote-slide p {
    font-size: 1.1rem !important;
    line-height: 1.6 !important;
    color: #495057 !important;
    margin-bottom: 20px !important;
    font-style: italic !important;
}

.rd-quote-slide strong {
    display: block !important;
    font-size: 1rem !important;
    color: #111111 !important;
    font-weight: 600 !important;
}

/* Slider Dots */
.rd-slider-dots {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 25px !important;
}

.rd-dot {
    width: 10px !important;
    height: 10px !important;
    background-color: #ced4da !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.rd-dot.active {
    background-color: #0066cc !important; /* Matches site blue theme */
    width: 22px !important;
    border-radius: 10px !important;
}

/* Fade In Animation */
@keyframes rdFadeIn {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Responsive Stack for Mobile */
@media (max-width: 768px) {
    .container.rd-action-grid {
        grid-template-columns: 1fr !important;
        gap: 25px !important;
    }
}

.media-card video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}