@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css");



:root {
  /* Brand Colors */
  --primary-navy: #002857;
  --primary-navy-dark: #01152D;
  --primary-blue: #008CE1;
  --primary-blue-hover: #0087C7;
  --primary-blue-accent: #1264B8;
  --primary-blue-royal: #094481;
  --primary-blue-deep: #084480;
  --primary-blue-pale: #1B4B83;
  
  /* Secondary Colors */
  --secondary-red: #A2171B;
  --secondary-red-bright: #CA2529;
  --secondary-orange: #D14D3A;
  --secondary-red-dark: #BF2025;
  --secondary-gold: #FFC107;
  --accent-yellow: #F9D849;
  
  /* Text Colors */
  --text-primary: #081F3A;
  --text-heading: #05234C;
  --text-body: #636666;
  --text-muted: #4C4C4C;
  --text-gray: #626262;
  --text-light: #ffffff;
  --text-dark: #2F2F2F;
  
  /* Background Colors */
  --bg-light: #ffffff;
  --bg-off-white: #F0F3F5;
  --bg-pale-blue: #F2F8FE;
  --bg-light-blue: #F1F8FC;
  --bg-navy: #002857;
  --bg-gray-light: #EFEFEF;
  --bg-gray-medium: #E2E7EB;
  --bg-gray-dark: #DBDFE4;
  
  /* Border Colors */
  --border-light: #D8D8D8;
  --border-lighter: #D1D0D2;
  --border-medium: #A5A8A9;
  --border-dark: #3E3838;
  --light-border-colors: #CDCDCD;
  
  /* Shadows - Enhanced */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
  --shadow-blue: 0 4px 36px #B7D6F5;
  --shadow-card: 0px 5px 10px rgba(9, 68, 129, 0.2);
  --shadow-inset-blue: inset 0px 0px 200px rgba(61, 138, 218, 0.4);
  
  /* Typography */
  --font-primary: "Open Sans", sans-serif;
  --font-secondary: "Hanken Grotesk", sans-serif;
  
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  
  /* Font Sizes */
  --font-size-hero: 100px;
  --font-size-xxl: 60px;
  --font-size-xl: 54px;
  --font-size-lg: 48px;
  --font-size-md: 32px;
  --font-size-base: 24px;
  --font-size-sm: 22px;
  --font-size-xs: 18px;
  --font-size-xxs: 16px;
  --font-size-tiny: 14px;
  --font-size-micro: 12px;
  
  /* Line Heights */
  --line-height-tight: 100%;
  --line-height-snug: 110%;
  --line-height-normal: 120%;
  --line-height-relaxed: 130%;
  --line-height-loose: 150%;
  --line-height-extra-loose: 178%;
  
  /* Spacing */
  --space-xs: 5px;
  --space-sm: 10px;
  --space-md: 15px;
  --space-lg: 20px;
  --space-xl: 30px;
  --space-xxl: 40px;
  --space-3xl: 60px;
  --space-4xl: 80px;
  
  /* Border Radius */
  --border-radius-sm: 4px;
  --border-radius: 9px;
  --border-radius-lg: 15px;
  --border-radius-xl: 20px;
  --border-radius-round: 50%;
  
  /* Transitions */
  --transition-speed: 0.3s;
  --transition-fast: 0.15s;
  --transition-slow: 0.5s;

  /* Universal content width cap */
  --page-max-width: 1400px;
}

/* Every section's inner wrapper/container respects the same page width cap */
.header-container,
.hero-container,
.city-shipping-section,
.city-routes-container,
.key-takeaways-section,
.testimonials-wrapper,
.sakaem-difference-wrapper,
.factors-container,
.tips-container,
.city-insights-wrapper,
.FAQ-wrapper,
.fun-facts-wrapper,
.zip-codes-wrapper,
.same-state-wrapper,
.how-it-works-wrapper {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: var(--page-max-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 
==========================================
Base Styles
==========================================
*/
 :where(.ali-routes) *{
  margin: 0;
  padding: 0;
}

 :where(.ali-routes) img, video, iframe, embed, object, canvas {
  max-width: 100%;
  height: auto;
}

 :where(.ali-routes){
  scroll-behavior: smooth;
}

 :where(.ali-routes){
  font-family: var(--font-primary);
  font-size: var(--font-size-xxs);
  font-weight: var(--font-weight-regular);
  color: var(--text-body);
  line-height: var(--line-height-loose);
  background-color: var(--bg-off-white);
}

/* 
==========================================
Typography
==========================================
*/
 :where(.ali-routes) h1, :where(.ali-routes) h2, :where(.ali-routes) h3, :where(.ali-routes) h4, :where(.ali-routes) h5, :where(.ali-routes) h6{
  font-family: var(--font-primary);
  margin-bottom: var(--space-md);
  color: var(--text-heading);
  font-weight: var(--font-weight-bold);
}

 :where(.ali-routes) h1{
  font-size: var(--font-size-xl);
  line-height: var(--line-height-snug);
}

 :where(.ali-routes) h2{
  font-size: var(--font-size-lg);
  line-height: 54px;
}

 :where(.ali-routes) h3{
  font-size: var(--font-size-md);
  line-height: 38px;
}

 :where(.ali-routes) h4{
  font-size: var(--font-size-base);
  line-height: var(--line-height-snug);
}

 :where(.ali-routes) h5{
  font-size: var(--font-size-sm);
  line-height: 25px;
}

 :where(.ali-routes) h6{
  font-size: var(--font-size-xs);
  line-height: var(--font-size-md);
}

 :where(.ali-routes) p{
  color: var(--text-body);
  margin-bottom: var(--space-md);
  font-size: var(--font-size-xxs);
  line-height: var(--font-size-base);
}

.small, 
.small p {
  font-size: var(--font-size-tiny);
  line-height: 19px;
}

/* Label Styles */
.label-text {
  font-family: var(--font-secondary);
  font-weight: var(--font-weight-black);
  font-size: var(--font-size-xs);
  color: var(--secondary-red);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* 
==========================================
Links & Buttons
==========================================
*/
 :where(.ali-routes) a{
  color: var(--primary-blue);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color var(--transition-speed);
}

 :where(.ali-routes) a:hover{
  color: var(--primary-blue-hover);
}

 :where(.ali-routes) a:focus{
  outline: none;
}

/* Button Styles */
.btn-primary {
  background: var(--secondary-red);
  color: var(--text-light);
  border: none;
  border-radius: var(--border-radius-sm);
  padding: 14px 40px;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-xs);
  text-decoration: none;
  transition: all var(--transition-speed);
}

.btn-primary:hover {
  background: var(--secondary-red-bright);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.btn-secondary {
  background: var(--text-light);
  color: var(--text-primary);
  border: 1px solid var(--text-light);
  border-radius: var(--border-radius-sm);
  padding: 14px 40px;
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-xxs);
  text-decoration: none;
  transition: all var(--transition-speed);
}

.btn-outline {
  background: transparent;
  color: var(--text-light);
  border: 1px solid var(--text-light);
  text-decoration: none;
  border-radius: var(--border-radius-sm);
  padding: 14px 40px;
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-tiny);
  transition: all var(--transition-speed);
}

.btn-outline:hover {
  background: var(--text-light);
  color: var(--primary-navy);
}

/* 
==========================================
Cards & Containers
==========================================
*/
.card {
  background: var(--bg-light);
  box-shadow: var(--shadow-card);
  border-radius: var(--border-radius);
  padding: var(--space-xl);
  transition: transform var(--transition-speed);
}

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

.card-navy {
  background: var(--primary-navy);
  color: var(--text-light);
}

.card-accent {
  background: var(--secondary-orange);
  position: relative;
}

.card-accent::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 34px;
  background: var(--secondary-orange);
}

/* 
==========================================
Sections & Layout
==========================================
*/
.section {
  padding: var(--space-4xl) 0;
}

.section-navy {
  background: var(--primary-navy);
  color: var(--text-light);
}

.section-gray {
  background: var(--bg-gray-dark);
}

.section-blue-gradient {
  background: var(--bg-pale-blue);
  box-shadow: var(--shadow-inset-blue);
}

/* 
==========================================
Header Specific Adjustments
==========================================
*/
 :where(.ali-routes) header{
  background: var(--primary-navy);
}

 :where(.ali-routes) header .headerLogo img{
  filter: brightness(0) invert(1);
}

 :where(.ali-routes) header a, :where(.ali-routes) header .talkExpert, :where(.ali-routes) header .talkExpert a{
  color: var(--text-light) !important;
}

 :where(.ali-routes) header a:hover, :where(.ali-routes) header .talkExpert a:hover{
  color: var(--primary-blue) !important;
}

/* 
==========================================
Forms & Inputs
==========================================
*/
.form-control {
  border: 1px solid var(--border-medium);
  border-radius: var(--border-radius-sm);
  padding: var(--space-md) var(--space-lg);
  font-size: var(--font-size-tiny);
  transition: all var(--transition-speed);
}

.form-control:focus {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 3px rgba(0, 140, 225, 0.1);
  outline: none;
}

/* 
==========================================
Utility Classes
==========================================
*/
.text-navy { color: var(--primary-navy); }
.text-blue { color: var(--primary-blue); }
.text-red { color: var(--secondary-red); }
.text-orange { color: var(--secondary-orange); }
.text-muted { color: var(--text-muted); }

.bg-navy { background-color: var(--primary-navy); }
.bg-blue { background-color: var(--primary-blue); }
.bg-red { background-color: var(--secondary-red); }
.bg-orange { background-color: var(--secondary-orange); }
.bg-gray { background-color: var(--bg-gray-medium); }

.border-light { border-color: var(--border-light); }
.border-medium { border-color: var(--border-medium); }

.shadow-sm { box-shadow: var(--shadow-sm); }
.shadow-md { box-shadow: var(--shadow); }
.shadow-lg { box-shadow: var(--shadow-lg); }
.shadow-card { box-shadow: var(--shadow-card); }

/* 
==========================================
Container Overrides
==========================================
*/
.container-fluid {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/*
==========================================
Mobile Responsiveness
==========================================
*/
@media (max-width: 1200px) {
  :root {
    --font-size-hero: 80px;
    --font-size-xxl: 48px;
    --font-size-xl: 42px;
    --font-size-lg: 36px;
  }
  
 :where(.ali-routes) h1{
    font-size: var(--font-size-xl);
    line-height: 48px;
  }
  
 :where(.ali-routes) h2{
    font-size: var(--font-size-lg);
    line-height: 42px;
  }
}

@media (max-width: 992px) {
  :root {
    --font-size-hero: 60px;
    --font-size-xxl: 42px;
    --font-size-xl: 36px;
    --font-size-lg: 30px;
  }
  
 :where(.ali-routes) h1{
    font-size: var(--font-size-xl);
    line-height: 42px;
  }
  
 :where(.ali-routes) h2{
    font-size: var(--font-size-lg);
    line-height: 36px;
  }
}

@media (max-width: 768px) {
  :root {
    --font-size-hero: 48px;
    --font-size-xxl: 36px;
    --font-size-xl: 32px;
    --font-size-lg: 28px;
  }
  
 :where(.ali-routes) h1{
    font-size: var(--font-size-xl);
    line-height: 42px;
  }
  
 :where(.ali-routes) h2{
    font-size: var(--font-size-lg);
    line-height: 36px;
  }
  
  .section {
    padding: var(--space-3xl) 0;
  }
}

@media (max-width: 576px) {
  :root {
    --font-size-hero: 42px;
    --font-size-xxl: 32px;
    --font-size-xl: 30px;
    --font-size-lg: 24px;
  }
  
 :where(.ali-routes){
    font-size: var(--font-size-xxs);
  }
  
 :where(.ali-routes) h1{
    font-size: var(--font-size-xl);
    line-height: 42px;
  }
  
 :where(.ali-routes) h2{
    font-size: var(--font-size-lg);
    line-height: 36px;
  }
  
  .section {
    padding: var(--space-xxl) var(--space-md);
  }
}

/* ----- next block ----- */

.sakaem-header {
            position: sticky !important;
            position: -webkit-sticky !important;
            top: 0 !important;
            top: var(--wp-admin--admin-bar--height, 0px) !important;
            z-index: 99999 !important;
            background: var(--bg-light) !important;
            border-bottom: 1px solid var(--border-light) !important;
            box-shadow: var(--shadow-sm) !important;
            width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
            left: 0 !important;
            right: 0 !important;
        }

 :where(.ali-routes) body.admin-bar .sakaem-header{
            top: 32px !important;
        }

        @media screen and (max-width: 782px) {
 :where(.ali-routes) body.admin-bar .sakaem-header{
                top: 46px !important;
            }
        }

        .sakaem-header * {
            box-sizing: border-box !important;
        }
        
        .header-container {
            max-width: 100% !important;
            margin: 0 auto !important;
            padding: 16px 40px !important;
            display: flex !important;
            justify-content: space-between !important;
            align-items: center !important;
            background: transparent !important;
            position: relative !important;
        }
        
        .header-logo {
            display: flex !important;
            align-items: center !important;
        }
        
        .header-logo a {
            text-decoration: none !important;
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
        }
        
        .header-logo img {
            width: 180px !important;
            height: auto !important;
            max-height: 45px !important;
            object-fit: contain !important;
        }
        
        .header-actions {
            display: flex !important;
            align-items: center !important;
            gap: 24px !important;
        }
        
        .header-phone {
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
            color: var(--text-primary) !important;
            font-weight: var(--font-weight-semibold) !important;
            font-size: 18px !important;
            text-decoration: none !important;
        }
        
        .header-phone span:hover {
            color: var(--secondary-red) !important;
            text-decoration: none !important;
            opacity: 0.8 !important;
        }
        
        .header-phone i {
            color: var(--text-primary) !important;
        }

        .header-phone span {
            color: var(--text-primary) !important;
        }
        
        .header-quote-btn {
            background: var(--secondary-red) !important;
            color: var(--text-light) !important;
            padding: 12px 24px !important;
            border-radius: 6px !important;
            text-decoration: none !important;
            font-weight: var(--font-weight-semibold) !important;
            font-size: 16px !important;
            transition: all 0.3s ease !important;
            border: 2px solid var(--secondary-red) !important;
        }
        
        .header-quote-btn:hover {
            background: var(--secondary-red-bright) !important;
            border-color: var(--secondary-red-bright) !important;
            color: var(--text-light) !important;
            text-decoration: none !important;
            transform: translateY(-1px) !important;
            box-shadow: var(--shadow) !important;
        }
        
        /* Responsive Design */
        @media (max-width: 768px) {
            .header-container {
                padding: 12px 20px !important;
                gap: 16px !important;
            }
            
            .header-logo img {
                width: 140px !important;
                max-height: 36px !important;
            }
            
            .header-actions {
                gap: 16px !important;
            }
            
            .header-phone {
                font-size: 16px !important;
            }
            
            .header-phone span {
                display: none !important;
            }
            
            .header-quote-btn {
                padding: 10px 16px !important;
                font-size: 14px !important;
            }
        }
        
        @media (max-width: 480px) {
            .header-container {
                padding: 10px 16px !important;
            }
            
            .header-logo img {
                width: 120px !important;
                max-height: 32px !important;
            }
            
            .header-actions {
                gap: 12px !important;
            }
            
            .header-quote-btn {
                padding: 8px 12px !important;
                font-size: 13px !important;
            }
        }

        .sakaem-header {
            position: sticky !important;
            display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
        }

 :where(.ali-routes) html[data-scroll-behavior="smooth"] .sakaem-header{
            scroll-margin-top: 0 !important;
        }
      
        .hero-wrapper {
            position: relative !important;
            width: 100% !important;
            background: var(--bg-off-white) !important;
            overflow: hidden !important;
            margin-top: 0 !important;
        }

/* ----- next block ----- */

.hero-wrapper {
            position: relative;
            width: 100%;
            background: var(--bg-off-white);
            overflow: hidden;
            padding: 60px 80px 40px 80px;
            box-sizing: border-box;
        }

        .hero-container {
            position: relative;
            z-index: 2;
            max-width: 100%;
            margin: 0 auto;
            display: flex;
            gap: 60px;
            align-items: flex-start;
            justify-content: space-between;
        }

        .hero-content {
            flex: 1;
            max-width: 700px;
            position: relative;
            display: flex;
            flex-direction: column;
            min-height: 500px;
        }

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

        .sakaem-badge {
            display: flex;
            align-items: center;
            gap: 12px;
            background: var(--primary-navy);
            padding: 0px 0px 0px 0px;
            margin-top: auto;
            margin-bottom: 0;
            width: 100%;
            position: relative;
        }

        .badge-accent {
            width: 0;
            height: 0;
            border-bottom: 60px solid transparent;
            border-left: 60px solid var(--secondary-orange);
            background: none;
        }

        .badge-text {
            font-family: var(--font-primary);
            font-weight: var(--font-weight-bold);
            font-size: 18px;
            line-height: 110%;
            color: var(--text-light);
        }

        .hero-title {
            font-family: var(--font-primary);
            font-weight: var(--font-weight-bold);
            font-size: 48px;
            line-height: 110%;
            color: var(--primary-navy);
            margin-bottom: 40px;
            max-width: 615px;
        }

        .updated-date {
            font-family: var(--font-primary);
            font-size: 14px;
            color: #666;
            margin-top: -30px;
            margin-bottom: 30px;
            font-style: italic;
        }

        .experts-container {
            display: flex;
            gap: 40px;
            margin-bottom: 40px;
        }

        .expert-card {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .expert-image {
            width: 70px;
            height: 70px;
            border: 5px solid var(--primary-navy);
            background-color: #ddd;
        }

        .expert-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .expert-info {
            flex: 1;
        }

        .expert-label {
            font-weight: var(--font-weight-bold);
            font-size: 14px;
            line-height: 32px;
            color: var(--primary-navy);
            margin-bottom: 2px;
            display: inline;
            margin-right: 4px;
        }

        .expert-name {
            font-weight: var(--font-weight-bold);
            font-size: 16px;
            line-height: 32px;
            color: var(--primary-navy);
            margin-bottom: 4px;
            display: inline;
        }

        .expert-description {
            font-weight: var(--font-weight-regular);
            font-size: 14px;
            line-height: 16px;
            color: var(--primary-navy);
            max-width: 503px;
        }

        .value-prop {
            background: rgba(0, 40, 87, 0.05);
            border-left: 4px solid var(--secondary-orange);
            padding: 24px;
        }

        .value-prop p {
            font-size: 16px;
            line-height: 22px;
            color: var(--primary-navy);
            margin: 0;
        }

        .toc-sidebar {
            width: 453px;
            background: var(--primary-navy);
            position: relative;
            box-shadow: var(--shadow-card);
        }

        .toc-header {
            padding: 40px 40px 30px;
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .toc-title {
            font-weight: var(--font-weight-bold);
            font-size: 24px;
            line-height: 32px;
            color: var(--text-light);
            margin: 0;
            flex: 1;
        }

        .toc-list {
            padding: 0 40px;
        }

        .toc-item {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 10px;
            padding-bottom: 10px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .toc-item:last-child {
            border-bottom: none;
        }

        .toc-number {
            font-weight: var(--font-weight-bold);
            font-size: 18px;
            line-height: 32px;
            color: var(--text-light);
            min-width: 23px;
            text-align: right;
        }

        .toc-link {
            font-weight: var(--font-weight-semibold);
            font-size: 16px;
            line-height: 32px;
            color: var(--text-light);
            opacity: 0.7;
            text-decoration: none;
            transition: opacity 0.3s;
        }

        .toc-link:hover {
            opacity: 1;
        }

        .toc-bookmark {
            width: 59px;
            height: 59px;
            background: var(--secondary-orange);
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 0;
            flex-shrink: 0;
        }

        .bookmark-icon {
            width: 36px;
            height: 36px;
            position: relative;
        }

        .bookmark-icon svg {
            width: 100%;
            height: 100%;
            stroke: var(--text-light);
            stroke-width: 1.8px;
            fill: none;
        }

        @media (max-width: 1200px) {
            .hero-container {
                flex-direction: column;
                align-items: left;
            }

            .hero-content {
                min-height: auto;
            }

            .toc-sidebar {
                width: 100%;
                max-width: 600px;
            }
        }

        @media (max-width: 768px) {
            .hero-title {
                font-size: 42px;
            }

            .experts-container {
                flex-direction: column;
                gap: 24px;
                align-items: left;
            }


            .hero-container {
                padding: 0;
            }

            .hero-wrapper {
                padding: 40px 20px;
            }

            .toc-sidebar {
                margin-top: 40px;
            }
        }

        @media (max-width: 576px) {
            .hero-title {
                font-size: 32px;
            }

            .toc-header,
            .toc-list {
                padding: 20px;
            }
        }

/* ----- next block ----- */

.city-shipping-section {
            position: relative;
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            padding: 60px 80px;
        }

        .city-shipping-header {
            margin-bottom: 40px;
        }

        .city-label {
            font-family: 'Open Sans', sans-serif;
            font-weight: 800;
            font-size: 18px;
            line-height: 25px;
            color: #A2171B;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 16px;
        }

        .city-shipping-title {
            font-family: 'Open Sans', sans-serif;
            font-weight: 700;
            font-size: 48px;
            line-height: 54px;
            color: #081F3A;
            margin-bottom: 20px;
        }

        .city-shipping-description {
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            color: #081F3A;
            max-width: 100%;
            margin-bottom: 40px;
        }

        .city-stats-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            max-width: 100%;
        }

        .city-stat-card {
            background: #002857;
            padding: 40px;
            border-radius: 8px;
            box-shadow: 0px 5px 10px rgba(9, 68, 129, 0.2);
        }

        .city-stat-card.large {
            grid-column: 1 / -1;
        }

        .stat-card-title {
            font-family: 'Open Sans', sans-serif;
            font-weight: 700;
            font-size: 20px;
            line-height: 27px;
            color: #FFFFFF;
            margin-bottom: 30px;
        }

        .stat-card-value {
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            font-size: 42px;
            line-height: 42px;
            color: #FFFFFF;
            margin-bottom: 10px;
        }

        .stat-card-label {
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            font-size: 14px;
            line-height: 19px;
            color: #FFFFFF;
            opacity: 0.8;
        }

        .top-destinations-list {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .destination-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-bottom: 15px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        }

        .destination-item:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }

        .destination-rank {
            width: 40px;
            height: 40px;
            background: #D14D3A;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Open Sans', sans-serif;
            font-weight: 700;
            font-size: 18px;
            color: #FFFFFF;
            flex-shrink: 0;
        }

        .destination-info {
            flex: 1;
            margin-left: 20px;
        }

        .destination-name {
            font-family: 'Open Sans', sans-serif;
            font-weight: 700;
            font-size: 18px;
            line-height: 24px;
            color: #FFFFFF;
            margin-bottom: 4px;
        }

        .destination-stats {
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            font-size: 14px;
            line-height: 19px;
            color: #FFFFFF;
            opacity: 0.8;
        }

        .destination-cost {
            font-family: 'Open Sans', sans-serif;
            font-weight: 700;
            font-size: 20px;
            line-height: 27px;
            color: #FFFFFF;
            flex-shrink: 0;
        }

        @media (max-width: 1200px) {
            .city-shipping-title {
                font-size: 42px;
                line-height: 48px;
            }

            .city-stats-grid {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 768px) {
            .city-shipping-section {
                padding: 40px 20px;
            }

            .city-shipping-title {
                font-size: 32px;
                line-height: 38px;
            }

            .city-label {
                font-size: 16px;
            }

            .city-shipping-description {
                font-size: 14px;
                line-height: 21px;
            }

            .city-stat-card {
                padding: 30px;
            }

            .stat-card-value {
                font-size: 32px;
                line-height: 36px;
            }

            .destination-name {
                font-size: 16px;
            }

            .destination-cost {
                font-size: 18px;
            }
        }

/* ----- next block ----- */

.city-routes-section {
            background: var(--bg-light);
            padding: 60px 80px;
            position: relative;
        }

        .city-routes-container {
            max-width: 100%;
            margin: 0 auto;
        }

        .city-routes-header {
            text-align: left;
            margin-bottom: 50px;
        }

        .routes-label {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 900;
            font-size: 18px;
            line-height: 23px;
            color: var(--secondary-red);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 15px;
        }

        .routes-title {
            font-family: 'Open Sans', sans-serif;
            font-weight: 700;
            font-size: 48px;
            line-height: 54px;
            color: var(--text-heading);
            margin-bottom: 20px;
        }

        .routes-description {
            font-family: 'Open Sans', sans-serif;
            font-size: 16px;
            line-height: 24px;
            color: var(--text-body);
            max-width: 100%;
        }

        .table-wrapper {
            background: white;
            border-radius: var(--border-radius);
            box-shadow: var(--shadow-card);
            overflow: hidden;
            margin-top: 40px;
        }

        .table-header-banner {
            background: var(--primary-navy);
            padding: 20px 30px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .table-header-text {
            color: white;
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            font-size: 18px;
        }

        .table-date-badge {
            background: var(--secondary-orange);
            color: white;
            padding: 8px 16px;
            border-radius: 4px;
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            font-size: 14px;
        }

        .city-routes-table {
            width: 100%;
            border-collapse: collapse;
            font-family: 'Open Sans', sans-serif;
        }

        .city-routes-table thead {
            background: #F8F9FA;
            border-bottom: 2px solid var(--border-light);
        }

        .city-routes-table th {
            padding: 16px 20px;
            text-align: left;
            font-weight: 700;
            font-size: 16px;
            color: var(--text-heading);
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .city-routes-table tbody tr {
            border-bottom: 1px solid #E5E7EB;
            transition: background-color 0.2s;
        }

        .city-routes-table tbody tr:hover {
            background-color: #F8FAFB;
        }

        .city-routes-table td {
            padding: 18px 20px;
            font-size: 15px;
            color: var(--text-body);
        }

        .city-name {
            font-weight: 600;
            font-size: 16px;
            color: var(--primary-navy);
        }

        .popular-route {
            display: inline-block;
            padding: 4px 12px;
            background: #E8F4FD;
            color: var(--primary-blue);
            border-radius: 4px;
            font-weight: 500;
            font-size: 14px;
        }

        .cost-range {
            font-weight: 700;
            font-size: 16px;
            color: var(--primary-navy);
        }

        .distance-badge {
            display: inline-block;
            padding: 4px 12px;
            background: #F0F9FF;
            color: var(--primary-navy);
            border-radius: 4px;
            font-weight: 500;
            font-size: 14px;
        }

        .transit-time {
            font-weight: 500;
            font-size: 15px;
            color: var(--text-body);
        }

        .table-responsive {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }

        @media (max-width: 968px) {
            .city-routes-section {
                padding: 60px 20px;
            }

            .routes-title {
                font-size: 36px;
                line-height: 42px;
            }

            .city-routes-table {
                font-size: 14px;
            }

            .city-routes-table th,
            .city-routes-table td {
                padding: 12px 10px;
            }

            .cost-range {
                font-size: 15px;
            }

            .table-header-banner {
                flex-direction: column;
                gap: 10px;
                text-align: center;
            }
        }

        @media (max-width: 640px) {
            .routes-title {
                font-size: 28px;
                line-height: 36px;
            }

            .city-routes-table th {
                font-size: 12px;
            }

            .city-routes-table td {
                font-size: 13px;
                padding: 10px 8px;
            }

            .popular-route,
            .distance-badge {
                font-size: 12px;
                padding: 2px 8px;
            }
        }

/* ----- next block ----- */

.key-takeaways-section {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            padding: 80px 80px;
            background: #F0F3F5;
        }

        .takeaways-header {
            text-align: left;
            margin-bottom: 50px;
            max-width: 100%;
        }

        .takeaways-label {
            font-family: 'Hanken Grotesk', sans-serif;
            font-style: normal;
            font-weight: 900;
            font-size: 18px;
            line-height: 23px;
            color: #A2171B;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 15px;
        }

        .takeaways-title {
            font-family: 'Open Sans', sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: 48px;
            line-height: 54px;
            color: #081F3A;
        }

        .takeaways-list {
            max-width: 100%;
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .takeaways-list li {
            margin-bottom: 28px;
            padding-left: 35px;
            position: relative;
            font-family: 'Open Sans', sans-serif;
            font-size: 16px;
            line-height: 24px;
            color: #636666;
        }

        .takeaways-list li::before {
            content: '';
            position: absolute;
            left: 0;
            top: 8px;
            width: 8px;
            height: 8px;
            background: #D14D3A;
            transform: rotate(45deg);
        }

        .takeaway-title {
            font-weight: 700;
            color: #002857;
            display: inline;
            margin-right: 8px;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .key-takeaways-section {
                padding: 60px 30px;
            }

            .takeaways-title {
                font-size: 36px;
                line-height: 42px;
            }

            .takeaways-list li {
                margin-bottom: 24px;
                padding-left: 28px;
                font-size: 15px;
                line-height: 22px;
            }

            .takeaways-label {
                font-size: 16px;
            }
        }

        @media (max-width: 480px) {
            .key-takeaways-section {
                padding: 40px 20px;
            }

            .takeaways-title {
                font-size: 28px;
                line-height: 36px;
            }

            .takeaways-list li {
                margin-bottom: 20px;
                padding-left: 24px;
            }
        }

/* ----- next block ----- */

.testimonials-section {
      padding: 80px 80px;
      background-color: var(--primary-navy);
      background-size: cover;
      background-position: center;
      background-blend-mode: overlay;
      color: var(--text-light);
      text-align: center;
  }

    .testimonials-wrapper {
    max-width: 100%;
    margin: 0 auto;
  }
  
  .testimonials-label {
      color: var(--accent-yellow);
      font-size: var(--font-size-xs);
      font-weight: var(--font-weight-black);
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 10px;
      font-family: var(--font-secondary);
  }
  
  .testimonials-title {
      font-size: var(--font-size-lg);
      line-height: var(--line-height-normal);
      color: var(--text-light);
      margin-bottom: 60px;
      font-weight: var(--font-weight-bold);
  }
  
  .testimonials-grid {
      display: flex;
      gap: 25px;
      justify-content: center;
      margin-top: 40px;
  }
  
  .testimonial-card {
      background-color: var(--bg-light);
      border-radius: var(--border-radius-lg);
      padding: var(--space-xl);
      text-align: left;
      box-shadow: var(--shadow-card);
      display: flex;
      flex-direction: column;
      flex: 1;
      max-width: 100%;
      min-height: 450px;
  }
  
  .testimonial-header {
      margin-bottom: var(--space-lg);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
  }
  
  .testimonial-logo {
      height: 40px;
      margin-bottom: var(--space-md);
  }

  .testimonial-source {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      margin-bottom: var(--space-sm);
  }

  
  .testimonial-content {
      color: var(--text-body);
      font-size: var(--font-size-tiny);
      line-height: var(--line-height-loose);
      margin-bottom: 25px;
      flex-grow: 1;
  }
  
  .testimonial-author {
      color: var(--primary-blue);
      font-size: var(--font-size-xs);
      font-weight: var(--font-weight-semibold);
      margin-bottom: var(--space-xs);
  }
  
  .testimonial-date {
      color: var(--text-muted);
      font-size: var(--font-size-tiny);
  }
  
  @media (max-width: 1200px) {
      .testimonials-section {
          padding: 60px 40px;
      }
      
      .testimonial-card {
          min-height: 500px;
      }
      .testimonials-grid {
        flex-wrap: wrap;

      }
  }
  
  @media (max-width: 991px) {
      .testimonials-section {
          padding: 50px 30px;
      }
      
      .testimonials-grid {
          flex-direction: column;
          align-items: center;
      }
      
      .testimonial-card {
          max-width: 100%;
          width: 100%;
          min-height: auto;
      }
  }
  
  @media (max-width: 767px) {
      .testimonials-title {
          font-size: var(--font-size-lg);
          margin-bottom: 40px;
      }
  }
  
  @media (max-width: 576px) {
      .testimonials-section {
          padding: var(--space-xxl) var(--space-lg);
      }
      
  }

  @media (min-width: 992px) {
    .testimonials-grid .testimonial-card:nth-child(2) {
      min-height: 520px;
      transform: scale(1.06);
      z-index: 2;
      position: relative;
    }
    .testimonials-grid .testimonial-card {
      transition: transform var(--transition-speed), box-shadow var(--transition-speed);
    }
  }

/* ----- next block ----- */

.sakaem-difference-section {
    background-color: #002857;
    background-size: cover;
    background-position: center;
    background-blend-mode: overlay;
    color: #ffffff;
    padding: 80px 120px;
    position: relative;
  }
  .sakaem-difference-wrapper {
    max-width: 100%;
    margin: 0 auto;
  }

  .sakaem-difference-label {
    color: #FFC107;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 10px;
  }

  .sakaem-difference-title {
    font-size: 48px;
    line-height: 1.2;
    color: #ffffff;
    text-align: center;
    margin-bottom: 60px;
    font-weight: 700;
  }

  .sakaem-features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 40px 40px;
    margin-bottom: 0;
  }
  .sakaem-feature {
    max-width: 100%;
  }

  .sakaem-feature-title {
    color: #FFC107;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
  }

  .sakaem-feature-text {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
  }

  .sakaem-feature-text a {
    color: #FFC107;
    text-decoration: underline;
    text-underline-offset: 3px;
    font-weight: 600;
    transition: color 0.3s ease;
  }

  .sakaem-feature-text a:hover {
    color: #ffffff;
    text-decoration: underline;
  }

  .sakaem-cta {
    text-align: center;
    margin-top: 50px;
  }

  .sakaem-cta-text {
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 20px;
  }

  .sakaem-cta-link {
    display: inline-block;
    background: #A2171B;
    color: #ffffff;
    padding: 14px 40px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    transition: all 0.3s ease;
  }

  .sakaem-cta-link:hover {
    background: #CA2529;
    transform: translateY(-2px);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
  }

  @media (max-width: 1200px) {
    .sakaem-difference-section {
      padding: 60px 80px;
    }

    .sakaem-features-grid {
      gap: 30px 60px;
    }
  }

  @media (max-width: 991px) {
    .sakaem-difference-section {
      padding: 50px 30px;
    }

    .sakaem-difference-title {
      font-size: 36px;
      margin-bottom: 40px;
    }

    .sakaem-features-grid {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(3, auto);
      gap: 30px;
    }
  }

  @media (max-width: 767px) {
    .sakaem-features-grid {
      grid-template-columns: 1fr;
      gap: 25px;
    }
  }

  @media (max-width: 576px) {
    .sakaem-difference-section {
      padding: 40px 20px;
    }

    .sakaem-difference-title {
      font-size: 32px;
    }

    .sakaem-feature-title {
      font-size: 18px;
    }
  }

/* ----- next block ----- */

.tips-section {
            background: var(--bg-gray-dark);
            padding: 80px 80px;
        }
        
        .tips-container {
            max-width: 100%;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        .tips-header {
            text-align: center;
            margin-bottom: 60px;
        }
        
        .section-label {
            color: var(--secondary-red);
            font-size: 18px;
            font-weight: 800;
            text-transform: uppercase;
            margin-bottom: 20px;
            font-family: var(--font-primary);
        }
        
        .tips-title {
            font-size: 48px;
            font-weight: 700;
            line-height: 54px;
            color: var(--text-primary);
            font-family: var(--font-primary);
        }
        
        .tips-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
        }
        
        .tip-card {
            background: var(--primary-navy);
            padding: 30px;
            position: relative;
            min-height: 190px;
            display: flex;
            flex-direction: column;
        }
        
        .tip-number {
            position: absolute;
            top: 20px;
            left: 20px;
            width: 34px;
            height: 34px;
            background: var(--secondary-orange);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            font-size: 18px;
        }
        
        .tip-content {
            padding-left: 50px;
        }
        
        .tip-heading {
            color: white;
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 15px;
            line-height: 33px;
            font-family: var(--font-primary);
        }
        
        .tip-text {
            color: white;
            font-size: 16px;
            line-height: 24px;
            font-weight: 400;
            font-family: var(--font-primary);
        }
        
        /* Factors Section */
        .factors-section {
            background: var(--bg-off-white);
            padding: 80px 80px;
        }
        
        .factors-container {
            max-width: 100%;
            margin: 0 auto;
        }
        
        .factors-header {
            margin-bottom: 60px;
        }
        
        .factors-label {
            color: var(--secondary-red);
            font-size: 18px;
            font-weight: 900;
            text-transform: uppercase;
            margin-bottom: 20px;
            font-family: var(--font-secondary);
        }
        
        .factors-title {
            font-size: 48px;
            font-weight: 700;
            line-height: 54px;
            color: var(--primary-blue-royal);
            font-family: var(--font-secondary);
        }
        
        .factors-list {
            display: flex;
            flex-direction: column;
            gap: 20px;
            margin-left: 30px;
            max-width: 1400px;
        }

        .factor-item {
            border: 1px solid #A5A8A9;
            padding: 30px 30px 30px 140px;
            position: relative;
            min-height: 172px;
            box-sizing: border-box;
        }
        
        .factor-item.taller {
            height: 195px;
            border: 1px solid #A5A8A9;
        }
        
        .factor-icon {
            position: absolute;
            left: -30px;
            top: 50%;
            transform: translateY(-50%);
            width: 44px;
            height: 44px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
        }

        .factor-icon::before {
            content: '';
            position: absolute;
            width: 60px;
            height: 60px;
            background: #A92B19;
            top: 0;
            left: 0;
        }

        .factor-icon::after {
            content: '';
            position: absolute;
            width: 60px;
            height: 60px;
            background: #D14D3A;
            top: -8px;
            left: -8px;
        }
        
        .factor-icon svg {
            width: 30px;
            height: 30px;
            fill: white;
            position: relative;
            z-index: 3;
        }
        
        .factor-heading {
            font-size: 24px;
            font-weight: 700;
            color: var(--text-primary);
            margin-bottom: 15px;
            font-family: var(--font-secondary);
            line-height: 31px;
        }
        
        .factor-text {
            font-size: 16px;
            line-height: 24px;
            color: var(--text-primary);
            font-family: var(--font-secondary);
        }
  
        
        @media (max-width: 768px) {

            .tips-section {
                padding: 40px 20px;
            }

            .tips-grid {
                grid-template-columns: 1fr;
            }
            
            .tips-title, .factors-title {
                font-size: 32px;
                line-height: 40px;
            }
            
            .factors-section {
                padding: 60px 0;
            }
            
            .factors-container {
                padding: 0 15px;
            }
            
            .factor-item {
                padding: 20px 20px 20px 80px;
                min-height: 120px;
            }
            
            .factor-item.taller {
                height: auto;
                min-height: 140px;
                padding: 20px 20px 20px 80px;
            }
            
            .factor-icon {
                left: -30px;
                top: 50%;
                transform: translateY(-50%);
                width: 44px;
                height: 44px;
            }
            
            .factor-icon svg {
                width: 24px;
                height: 24px;
            }
            
            .factor-heading {
                font-size: 20px;
                line-height: 26px;
                margin-bottom: 8px;
            }
            
            .factor-text {
                font-size: 14px;
                line-height: 20px;
            }
        }

        @media (max-width: 480px) {
            .factors-container {
                padding: 0 10px;
            }
            
            .factor-item {
                padding: 15px 15px 15px 70px;
                min-height: 100px;
            }
            
            .factor-item.taller {
                min-height: 120px;
                padding: 15px 15px 15px 70px;
            }
            
            .factor-icon {
                left: -30px;
                width: 50px;
                height: 50px;
            }
            
            .factor-icon svg {
                width: 28px;
                height: 28px;
            }
            
            .factor-heading {
                font-size: 18px;
                line-height: 24px;
                margin-bottom: 6px;
            }
            
            .factor-text {
                font-size: 13px;
                line-height: 18px;
            }
            
            .tips-section {
                padding: 60px 0;
            }
            
            .tip-card {
                padding: 20px;
                min-height: 140px;
            }
            
            .tip-content {
                padding-left: 40px;
            }
            
            .tip-number {
                width: 28px;
                height: 28px;
                font-size: 14px;
            }
            
            .tip-heading {
                font-size: 18px;
                line-height: 24px;
                margin-bottom: 8px;
            }
            
            .tip-text {
                font-size: 13px;
                line-height: 18px;
            }
        }

/* ----- next block ----- */

.city-insights-section {
      padding: var(--space-4xl) 120px;
      background-color: var(--bg-light-blue);
      position: relative;
    }

    .city-insights-wrapper {
      max-width: 100%;
      margin: 0 auto;
    }

    .city-insights-header {
      margin-bottom: var(--space-lg);
    }

    .city-insights-label {
      font-family: var(--font-secondary);
      font-weight: var(--font-weight-black);
      font-size: var(--font-size-xs);
      color: var(--secondary-red);
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-bottom: var(--space-lg);
    }

    .city-insights-title {
      font-size: var(--font-size-lg);
      line-height: var(--line-height-snug);
      color: var(--text-heading);
      margin-bottom: var(--space-xxl);
      font-weight: var(--font-weight-bold);
      max-width: 100%;
    }

    .city-insights-container {
      display: flex;
      gap: var(--space-xxl);
      align-items: center;
      margin-bottom: var(--space-xl);
    }

    .city-insights-image {
      flex: 1;
      position: relative;
      max-width: 100%;
      margin: var(--space-xxl);
      z-index: 1;
      order: 2;
    }

    .city-insights-accent {
      position: absolute;
      bottom: -30px;
      left: -30px;
      width: 100%;
      height: 100%;
      background-color: var(--primary-blue);
      z-index: 1;
      transition: transform var(--transition-speed);
    }

    .city-insights-section:hover .city-insights-accent {
      transform: translate(-5px, -5px);
    }

    .city-insights-image img {
      width: 100%;
      max-width: 100%;
      display: block;
      box-shadow: var(--shadow-lg);
      position: relative;
      z-index: 2;
      transition: transform var(--transition-speed);
    }

    .city-insights-section:hover .city-insights-image img {
      transform: translateY(-2px);
      box-shadow: var(--shadow-card);
    }

    .city-insights-content {
      flex: 1;
      order: 1;
    }

    .city-insights-text {
      color: var(--text-body);
      font-size: var(--font-size-xxs);
      line-height: var(--line-height-loose);
      margin-bottom: var(--space-lg);
    }

    .city-insights-text p {
      margin-bottom: var(--space-md);
    }

    /* Responsive Design */
    @media (max-width: 1200px) {
      .city-insights-section {
        padding: var(--space-3xl) var(--space-4xl);
      }

      .city-insights-title {
        font-size: 36px;
        max-width: 100%;
      }
    }

    @media (max-width: 991px) {
      .city-insights-section {
        padding: 50px var(--space-xl);
      }

      .city-insights-container {
        flex-direction: column;
        gap: var(--space-xl);
      }

      .city-insights-image {
        max-width: 100%;
        order: 1;
        margin: var(--space-xl) auto;
      }

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

      .city-insights-content {
        order: 2;
      }
    }

    @media (max-width: 767px) {
      .city-insights-title {
        font-size: var(--font-size-md);
        line-height: var(--line-height-relaxed);
      }

      .city-insights-label {
        font-size: var(--font-size-xxs);
      }
    }

    @media (max-width: 576px) {
      .city-insights-section {
        padding: var(--space-xxl) var(--space-lg);
      }

      .city-insights-title {
        font-size: 28px;
        line-height: var(--line-height-normal);
      }

      .city-insights-image {
        max-width: 100%;
        margin: var(--space-lg) auto;
      }

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

      .city-insights-accent {
        bottom: -20px;
        left: -20px;
      }
    }

/* ----- next block ----- */

.FAQ-section {
      padding: 60px 80px;
      background-color: var(--bg-off-white);
  }

  .FAQ-wrapper {
    max-width: 100%;
    margin: 0 auto;
  }

  .FAQ-header {
      color: var(--secondary-red);
      font-family: var(--font-secondary);
      font-size: var(--font-size-xs);
      font-weight: var(--font-weight-black);
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-bottom: var(--space-lg);
  }

  .FAQ-title {
      font-family: var(--font-primary);
      font-size: var(--font-size-lg);
      line-height: var(--line-height-snug);
      color: var(--text-heading);
      margin-bottom: var(--space-xxl);
      font-weight: var(--font-weight-bold);
  }

  .FAQ-container {
      max-width: 100%;
      margin: 0 auto;
  }

  .FAQ-accordion {
      margin-bottom: var(--space-md);
  }

  .FAQ-question {
      background-color: var(--bg-light);
      color: var(--text-heading);
      cursor: pointer;
      padding: var(--space-lg) var(--space-xl);
      width: 100%;
      border: 1px solid var(--border-light);
      text-align: left;
      outline: none;
      font-family: var(--font-primary);
      font-size: var(--font-size-xs);
      font-weight: var(--font-weight-semibold);
      transition: all var(--transition-speed);
      border-radius: var(--border-radius);
      display: flex;
      justify-content: space-between;
      align-items: center;
      box-shadow: var(--shadow-sm);
  }

  .FAQ-question:hover {
      background-color: var(--bg-pale-blue);
      border-color: var(--primary-blue);
      transform: translateY(-2px);
      box-shadow: var(--shadow);
  }

  .FAQ-question.active {
      background: linear-gradient(135deg, var(--primary-navy) 0%, var(--primary-blue-royal) 100%);
      color: var(--text-light);
      border-color: var(--primary-navy);
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      box-shadow: var(--shadow-card);
  }

  .FAQ-question .icon {
      font-size: var(--font-size-base);
      color: var(--primary-blue);
      transition: transform var(--transition-speed) ease;
      font-weight: var(--font-weight-light);
  }

  .FAQ-question.active .icon {
      transform: rotate(45deg);
      color: var(--text-light);
  }

  .FAQ-answer {
      padding: 0;
      background-color: var(--bg-light);
      max-height: 0;
      overflow: hidden;
      transition: max-height var(--transition-speed) ease;
      border-bottom-left-radius: var(--border-radius);
      border-bottom-right-radius: var(--border-radius);
      box-shadow: var(--shadow-card);
      border: 1px solid var(--border-light);
      border-top: none;
      margin-top: -1px;
  }

  .FAQ-answer-content {
      padding: var(--space-xl) var(--space-xl);
      color: var(--text-body);
      line-height: var(--line-height-loose);
      font-size: var(--font-size-xxs);
  }

  .FAQ-answer p {
      margin-bottom: var(--space-md);
      line-height: var(--line-height-loose);
  }

  .FAQ-answer p:last-child {
      margin-bottom: 0;
  }

  .FAQ-answer-content a {
    color: var(--primary-blue);
    text-decoration: underline;
    text-underline-offset: 3px;
    font-weight: var(--font-weight-medium);
    transition: color var(--transition-speed);
  }

  .FAQ-answer-content a:hover {
    color: var(--primary-blue-hover);
  }

  .FAQ-answer-content b {
    font-weight: var(--font-weight-bold);
    color: var(--text-heading);
  }

  /* Responsive Styles */
  @media (max-width: 1200px) {
      .FAQ-section {
          padding: var(--space-3xl) var(--space-xxl);
      }

      .FAQ-title {
          font-size: 42px;
      }
  }

  @media (max-width: 991px) {
      .FAQ-section {
          padding: var(--space-xxl) var(--space-xl);
      }

      .FAQ-title {
          font-size: 36px;
      }
  }

  @media (max-width: 767px) {
      .FAQ-section {
          padding: var(--space-xxl) var(--space-lg);
      }

      .FAQ-title {
          font-size: 30px;
          margin-bottom: var(--space-xl);
      }

      .FAQ-question {
          font-size: var(--font-size-xxs);
          padding: var(--space-md) var(--space-lg);
      }

      .FAQ-answer-content {
          padding: var(--space-lg);
      }

      .FAQ-question .icon {
          font-size: var(--font-size-sm);
      }
  }

  @media (max-width: 576px) {
      .FAQ-section {
          padding: var(--space-xxl) var(--space-md);
      }

      .FAQ-title {
          font-size: var(--font-size-lg);
          margin-bottom: var(--space-lg);
      }

      .FAQ-header {
          font-size: var(--font-size-xxs);
      }

      .FAQ-question {
          padding: var(--space-md);
      }
  }

/* ----- next block ----- */

.fun-facts-section {
            background: linear-gradient(135deg, #F0F3F5 0%, #E8EEF2 100%);
            padding: 80px 80px;
            position: relative;
            overflow: hidden;
        }

        .fun-facts-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 20px;
            background: linear-gradient(90deg, #A2171B 0%, #D14D3A 50%, #002857 100%);
        }

        .fun-facts-wrapper {
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }

        .fun-facts-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .fun-facts-label {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 900;
            font-size: 18px;
            line-height: 23px;
            color: #A2171B;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 15px;
        }

        .fun-facts-title {
            font-family: 'Open Sans', sans-serif;
            font-weight: 700;
            font-size: 48px;
            line-height: 54px;
            color: #081F3A;
            margin-bottom: 20px;
        }

        .fun-facts-subtitle {
            font-family: 'Open Sans', sans-serif;
            font-size: 18px;
            line-height: 28px;
            color: #636666;
            max-width: 100%;
            margin: 0 auto;
        }

        .fun-facts-content {
            background: white;
            border-radius: 12px;
            padding: 50px 60px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            position: relative;
        }

        .fun-facts-content::after {
            content: '';
            position: absolute;
            bottom: -8px;
            right: -8px;
            width: 100%;
            height: 100%;
            background: #002857;
            border-radius: 12px;
            z-index: -1;
            opacity: 0.1;
        }

        .fun-facts-text {
            font-family: 'Open Sans', sans-serif;
            font-size: 16px;
            line-height: 28px;
            color: #636666;
        }

        .fun-facts-text p {
            margin-bottom: 20px;
        }

        .fun-facts-text p:last-child {
            margin-bottom: 0;
        }

        .fun-facts-text ul {
            list-style: none;
            padding: 0;
            margin: 20px 0;
        }

        .fun-facts-text li {
            margin-bottom: 16px;
            padding-left: 35px;
            position: relative;
            font-size: 16px;
            line-height: 26px;
        }

        .fun-facts-text li::before {
            content: '★';
            position: absolute;
            left: 0;
            top: 0;
            font-size: 20px;
            color: #FFC107;
        }

        .fun-facts-text strong {
            color: #002857;
            font-weight: 700;
        }

        /* Responsive Design */
        @media (max-width: 1200px) {
            .fun-facts-section {
                padding: 70px 60px;
            }

            .fun-facts-title {
                font-size: 42px;
                line-height: 48px;
            }
        }

        @media (max-width: 991px) {
            .fun-facts-section {
                padding: 60px 40px;
            }

            .fun-facts-title {
                font-size: 36px;
                line-height: 42px;
            }

            .fun-facts-content {
                padding: 40px 45px;
            }
        }

        @media (max-width: 767px) {
            .fun-facts-section {
                padding: 50px 30px;
            }

            .fun-facts-header {
                margin-bottom: 40px;
            }

            .fun-facts-title {
                font-size: 32px;
                line-height: 38px;
            }

            .fun-facts-label {
                font-size: 16px;
            }

            .fun-facts-subtitle {
                font-size: 16px;
                line-height: 24px;
            }

            .fun-facts-content {
                padding: 30px 35px;
            }

            .fun-facts-text {
                font-size: 15px;
                line-height: 26px;
            }

            .fun-facts-text li {
                font-size: 15px;
                line-height: 24px;
                margin-bottom: 14px;
            }
        }

        @media (max-width: 576px) {
            .fun-facts-section {
                padding: 40px 20px;
            }

            .fun-facts-title {
                font-size: 28px;
                line-height: 34px;
            }

            .fun-facts-content {
                padding: 25px 30px;
            }

            .fun-facts-text li {
                padding-left: 28px;
            }

            .fun-facts-text li::before {
                font-size: 16px;
            }
        }

/* ----- next block ----- */

.zip-codes-section {
            background: #ffffff;
            padding: 80px 80px;
            position: relative;
        }

        .zip-codes-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, #002857 0%, #1a5fa0 50%, #FFC107 100%);
        }

        .zip-codes-wrapper {
            max-width: 100%;
            margin: 0 auto;
        }

        .zip-codes-header {
            text-align: center;
            margin-bottom: 50px;
        }

        .zip-codes-label {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 900;
            font-size: 18px;
            line-height: 23px;
            color: #002857;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 15px;
        }

        .zip-codes-title {
            font-family: 'Open Sans', sans-serif;
            font-weight: 700;
            font-size: 48px;
            line-height: 54px;
            color: #081F3A;
            margin-bottom: 20px;
        }

        .zip-codes-content {
            font-family: 'Open Sans', sans-serif;
            font-size: 16px;
            line-height: 1.8;
            color: #333;
        }

        .zip-codes-content .zip-codes-intro {
            font-size: 17px;
            line-height: 1.7;
            color: #444;
            margin-bottom: 30px;
        }

        .zip-codes-content .neighborhoods-list {
            background: #f8f9fa;
            border-left: 4px solid #002857;
            padding: 25px 30px;
            margin-bottom: 30px;
        }

        .zip-codes-content .neighborhoods-list h3 {
            font-size: 22px;
            color: #002857;
            margin-bottom: 15px;
            font-weight: 700;
        }

        .zip-codes-content .neighborhoods-list ul {
            columns: 2;
            column-gap: 40px;
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .zip-codes-content .neighborhoods-list li {
            padding: 6px 0;
            color: #333;
            font-size: 15px;
            position: relative;
            padding-left: 18px;
        }

        .zip-codes-content .neighborhoods-list li::before {
            content: '•';
            color: #A2171B;
            font-size: 18px;
            position: absolute;
            left: 0;
            top: 5px;
        }

        .zip-codes-content .zip-codes-list {
            background: #002857;
            padding: 25px 30px;
            border-radius: 4px;
        }

        .zip-codes-content .zip-codes-list h3 {
            font-size: 22px;
            color: #FFC107;
            margin-bottom: 12px;
            font-weight: 700;
        }

        .zip-codes-content .zip-codes-list p {
            color: #ffffff;
            font-size: 16px;
            line-height: 1.8;
            letter-spacing: 0.5px;
        }

        @media (max-width: 991px) {
            .zip-codes-section {
                padding: 50px 30px;
            }
            .zip-codes-title {
                font-size: 36px;
                line-height: 42px;
            }
        }

        @media (max-width: 767px) {
            .zip-codes-content .neighborhoods-list ul {
                columns: 1;
            }
        }

        @media (max-width: 576px) {
            .zip-codes-section {
                padding: 40px 20px;
            }
            .zip-codes-title {
                font-size: 32px;
            }
        }

/* ----- next block ----- */

.same-state-section {
            background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);
            padding: 80px 80px;
            position: relative;
        }

        .same-state-wrapper {
            max-width: 100%;
            margin: 0 auto;
        }

        .same-state-header {
            text-align: center;
            margin-bottom: 50px;
        }

        .same-state-label {
            font-family: 'Hanken Grotesk', sans-serif;
            font-weight: 900;
            font-size: 18px;
            line-height: 23px;
            color: #A2171B;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 15px;
        }

        .same-state-title {
            font-family: 'Open Sans', sans-serif;
            font-weight: 700;
            font-size: 48px;
            line-height: 54px;
            color: #081F3A;
            margin-bottom: 20px;
        }

        .same-state-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 16px;
            justify-content: center;
            margin-bottom: 40px;
        }

        .state-city-link {
            display: inline-block;
            background: #002857;
            color: #ffffff;
            padding: 12px 24px;
            border-radius: 4px;
            text-decoration: underline;
            text-underline-offset: 3px;
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
            font-size: 15px;
            transition: all 0.3s ease;
        }

        .state-city-link:hover {
            background: #A2171B;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            color: #ffffff;
        }

        .same-state-parent {
            text-align: center;
            margin-top: 30px;
        }

        .same-state-parent a {
            display: inline-block;
            background: transparent;
            color: #002857;
            border: 2px solid #002857;
            padding: 12px 32px;
            border-radius: 4px;
            text-decoration: underline;
            text-underline-offset: 3px;
            font-family: 'Open Sans', sans-serif;
            font-weight: 700;
            font-size: 16px;
            transition: all 0.3s ease;
        }

        .same-state-parent a:hover {
            background: #002857;
            color: #ffffff;
        }

        @media (max-width: 991px) {
            .same-state-section {
                padding: 50px 30px;
            }
            .same-state-title {
                font-size: 36px;
                line-height: 42px;
            }
        }

        @media (max-width: 576px) {
            .same-state-section {
                padding: 40px 20px;
            }
            .same-state-title {
                font-size: 32px;
            }
            .state-city-link {
                padding: 10px 18px;
                font-size: 14px;
            }
        }

/* ----- next block ----- */

.how-it-works-section {
      padding: var(--space-4xl) 120px;
      background-color: var(--bg-light-blue);
      position: relative;
    }
    
    .how-it-works-wrapper {
      max-width: 100%;
      margin: 0 auto;
    }
    
    .how-it-works-header {
      margin-bottom: var(--space-lg);
    }
    
    .how-it-works-label {
      font-family: var(--font-secondary);
      font-weight: var(--font-weight-black);
      font-size: var(--font-size-xs);
      color: var(--secondary-red);
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-bottom: var(--space-lg);
    }
    
    .how-it-works-title {
      font-size: var(--font-size-lg);
      line-height: var(--line-height-snug);
      color: var(--text-heading);
      margin-bottom: var(--space-xxl);
      font-weight: var(--font-weight-bold);
      max-width: 100%;
    }
    
    .how-it-works-container {
      display: flex;
      gap: var(--space-xxl);
      align-items: center;
      margin-bottom: var(--space-xl);
    }

    .how-it-works-content {
      flex: 1;
      order: 1;
    }
    
    .how-it-works-text {
      color: var(--text-body);
      font-size: var(--font-size-xxs);
      line-height: var(--line-height-loose);
      margin-bottom: var(--space-lg);
    }
    
    .how-it-works-text p {
      margin-bottom: var(--space-md);
    }
    
    @media (max-width: 1200px) {
      .how-it-works-section {
        padding: var(--space-3xl) var(--space-4xl);
      }
      
      .how-it-works-title {
        font-size: 36px;
        max-width: 100%;
      }
    }
    
    @media (max-width: 991px) {
      .how-it-works-section {
        padding: 50px var(--space-xl);
      }
      
      .how-it-works-container {
        flex-direction: column;
        gap: var(--space-xl);
      }

      .how-it-works-content {
        order: 2;
      }
    }
    
    @media (max-width: 767px) {
      .how-it-works-title {
        font-size: var(--font-size-md);
        line-height: var(--line-height-relaxed);
      }
      
      .how-it-works-label {
        font-size: var(--font-size-xxs);
      }
    }
    
    @media (max-width: 576px) {
      .how-it-works-section {
        padding: var(--space-xxl) var(--space-lg);
      }
      
      .how-it-works-title {
        font-size: 28px;
        line-height: var(--line-height-normal);
      }

    }