.elementor-kit-86{--e-global-color-primary:#243779;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#243779;--e-global-color-accent:#243779;--e-global-color-inverse_primary:#71B3D8;--e-global-typography-primary-font-family:"Lato";--e-global-typography-primary-font-size:3.062rem;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Lato";--e-global-typography-text-font-family:"Lato";--e-global-typography-text-font-size:1.125rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Lato";--e-global-typography-accent-font-size:1.125rem;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.6em;--e-global-typography-inverse_primary-font-family:"Lato";}.elementor-kit-86 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== HERO BASE ===== */
.hero-banner{
  position:relative;
  min-height:78vh;
  display:flex; align-items:center; justify-content:center;
  text-align:center; overflow:hidden;
}
.hero-banner .elementor-container{
  max-width: 1200px;                 /* lets "CONTAINER DRAYAGE" sit on one line desktop */
  padding: 0 24px;
}

/* Overlay for clarity */
.hero-banner::before{
  content:""; position:absolute; inset:0;
  background: linear-gradient(180deg,
    rgba(0,18,51,.65) 0%,
    rgba(0,18,51,.42) 45%,
    rgba(0,18,51,.65) 100%);
  z-index:0;
}
/* keep all content above overlay */
.hero-banner *{ position:relative; z-index:1; }

/* ===== HEADLINES ===== */
.hero-banner .headline{
  text-transform:uppercase;
  font-weight:800;
  letter-spacing:.01em;
  line-height:1.04;
  margin:0;
  display:inline-block;
}
/* top line: smaller, white with black outline */
.hero-banner .headline.smaller{
  font-size:clamp(36px,3.8vw,56px);
  color:#ffffff;
  -webkit-text-stroke:1px rgba(0,0,0,.85);
  text-shadow:0 3px 10px rgba(0,0,0,.7);
  margin-bottom:2px; /* tight gap */
}
/* main line: larger, blue with white outline */
.hero-banner .headline.larger{
  font-size:clamp(50px,5.4vw,90px);
  color:#0c3c8c;
  -webkit-text-stroke:1.25px #ffffff;
  text-shadow:0 4px 14px rgba(0,0,0,.6);
  white-space:normal;
}
/* keep one line on wide screens */
@media (min-width:1100px){
  .hero-banner .headline.larger{ white-space:nowrap; }
}
/* precise vertical gap between lines */
.hero-banner .line-break{
  display:block;
  height:6px; /* lower = tighter gap */
}

/* ===== SUB-LINE (pill) ===== */
.hero-banner .subline{
  display:inline-block;
  color:#ffffff;
  font-weight:600;
  font-size:clamp(18px,1.7vw,24px);
  line-height:1.4;
  margin-top:14px;
  padding:8px 18px;
  background:rgba(0,0,0,0.55);
  border-radius:6px;
  text-shadow:0 3px 12px rgba(0,0,0,.9);
  -webkit-text-stroke:.35px rgba(0,0,0,.55);
  max-width:92vw;
}

/* ===== CTA BUTTON ===== */
.hero-banner .elementor-button{
  background:linear-gradient(135deg,#0c3c8c 0%, #1a73e8 100%);
  color:#fff; border:0; border-radius:999px;
  padding:16px 32px; font-weight:700; letter-spacing:.02em;
  box-shadow:0 10px 22px rgba(0,39,92,.35);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.hero-banner .elementor-button:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(0,39,92,.45);
  filter:brightness(1.06);
}

/* ===== MICRO-TRUST LINE (under button) ===== */
.hero-banner .microtrust{
  display:inline-block;
  margin-top:10px;
  color:rgba(255,255,255,.95);
  font-size:clamp(13px,1.1vw,15.5px);
  font-weight:500;
  letter-spacing:.01em;
  padding:4px 10px;
  border-radius:4px;
  background:rgba(0,0,0,.28);        /* subtle badge behind text */
  -webkit-text-stroke:.25px rgba(0,0,0,.45);
  text-shadow:0 2px 8px rgba(0,0,0,.7);
}
.hero-banner .microtrust::before{
  content:"✓ ";
  color:#28a745;                     /* green check for trust */
  font-weight:700;
}

/* ===== MOBILE FIX (avoid header overlap) ===== */
@media (max-width:767px){
  .hero-banner{
    min-height:68vh;
    padding-top: calc(96px + env(safe-area-inset-top));
  }
  .hero-banner .elementor-container{ max-width: 92vw; }
  .hero-banner .headline.smaller{ font-size:clamp(22px,6vw,32px); }
  .hero-banner .headline.larger{ font-size:clamp(30px,9.4vw,48px); white-space:normal; }
  .hero-banner .line-break{ height:4px; }
  .hero-banner .subline{ font-size:clamp(14px,3.8vw,18px); padding:8px 14px; }
  .hero-banner .elementor-button{ padding:12px 22px; }
  .hero-banner .microtrust{ font-size:clamp(12px,3.3vw,14px); }
}

/* ===== TALL TABLETS ===== */
@media (min-width:768px) and (max-width:1024px){
  .hero-banner{ padding-top: 72px; }
}
/* ===========================
   TRUST STRIP — FINAL w/ mobile alignment fix
   Widget: HTML widget with class "trust-strip"
   Inner wrapper: <div class="ts">…</div>
   =========================== */

.trust-strip .ts{
  display: grid;
  grid-template-columns: repeat(4, minmax(230px, 1fr));
  gap: 18px;
  max-width: 1280px;
  margin: 0 auto 20px;        /* tight gap under hero */
  padding: 16px;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
  align-items: center;
  justify-items: center;
  box-sizing: border-box;
}

.trust-strip .ts p{
  /* pill */
  margin: 0;
  padding: 10px 14px;
  border: 1px solid rgba(12,60,140,.12);
  border-radius: 8px;
  background: linear-gradient(180deg,#fff 0%,#f9f9f9 100%);
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
  color: #222;
  font: 600 16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;   /* center on desktop */
  text-align: center;
  white-space: normal;       /* allow wrap */
  word-break: break-word;
  overflow: visible;
}

.trust-strip .ts p::before{
  content: "✓";
  color: #28a745;
  font-weight: 800;
  font-size: 20px;
  margin-right: 10px;
  position: relative;
  top: 1px;
}

/* Tablet: 2 x 2, left-align so wraps look tidy */
@media (max-width: 1024px){
  .trust-strip .ts{ grid-template-columns: repeat(2, minmax(230px, 1fr)); }
  .trust-strip .ts p{
    justify-content: flex-start;
    text-align: left;
  }
}

/* Mobile: 1 column with pinned left checkmark */
@media (max-width: 767px){
  .trust-strip .ts{
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 14px;
    box-shadow: 0 4px 12px rgba(0,0,0,.10);
    justify-items: stretch;     /* make pills full width */
  }

  .trust-strip .ts p{
    position: relative;
    justify-content: flex-start; /* left-align text */
    text-align: left;
    padding: 12px 14px 12px 42px;/* room for fixed check area */
    line-height: 1.45;
  }

  .trust-strip .ts p::before{
    position: absolute;
    left: 14px;                 /* lock check to left edge */
    top: 50%;
    transform: translateY(-50%);
    margin-right: 0;            /* no flow margin when positioned */
  }
}
/* ===== Mobile-only white header bar behind logo, clean stack ===== */
@media (max-width: 767px){
  .mobile-header-white{
    background:#ffffff !important;
    box-shadow: 0 2px 12px rgba(0,0,0,.12);
    padding: 10px 16px 8px 16px;               /* room around header items */
    display:flex;
    flex-direction: column;                    /* stack logo + phone */
    align-items: center;
    gap: 10px;                                 /* space between logo/phone */
    margin-bottom: 6px;                        /* tiny breathing room before hero */
  }
  .mobile-header-white .elementor-widget-image{
    margin:0 !important;
  }
  .mobile-header-white .elementor-widget-image img{
    max-width: 180px;                          /* keep logo from exploding */
    height: auto;
    width: auto;
  }
  .mobile-header-white .elementor-widget-text-editor{
    font-size: 14px;                           /* readable, not bulky */
    line-height: 1.25;
    text-align: center;
    margin:0 !important;
    white-space: nowrap;                        /* keep phone on one line */
  }
}
/* ===== Desktop/Tablet stay transparent (no layout change) ===== */
@media (min-width: 768px){
  .mobile-header-white{
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
  }
}
/* ========== HERO CTA (scoped to the CTA widget only) ========== */
.hero-cta-scope {
  /* fallback centering in case builder adds inline widths */
  text-align: center;
}

/* the small wrapper that holds both buttons */
.hero-cta-scope .elementor-cta__buttons,
.hero-cta-scope .elementor-button-wrapper {   /* 10Web/Elementor variants */
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;                 /* space between buttons */
  flex-wrap: wrap;           /* tidy on tablet/phone */
  margin-top: 8px;           /* breathe under the subline */
}

/* base style for both buttons (shape/typography/shadow) */
.hero-cta-scope .elementor-button {
  border-radius: 999px;
  padding: 14px 22px;
  font-weight: 700;
  letter-spacing: .02em;
  box-shadow: 0 8px 20px rgba(0,0,0,.18);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

/* PRIMARY (left button in your widget) — solid Atlantic blue */
.hero-cta-scope .elementor-cta__buttons .elementor-button:first-child,
.hero-cta-scope .elementor-button-wrapper .elementor-button:first-child {
  background: linear-gradient(135deg,#0c3c8c 0%, #1473e8 100%);
  color: #fff;
  border: 0;
}

/* SECONDARY (right button) — white with blue outline */
.hero-cta-scope .elementor-cta__buttons .elementor-button:last-child,
.hero-cta-scope .elementor-button-wrapper .elementor-button:last-child {
  background: #fff;
  color: #0c3c8c;
  border: 2px solid #0c3c8c;
}

/* hovers */
.hero-cta-scope .elementor-cta__buttons .elementor-button:first-child:hover,
.hero-cta-scope .elementor-button-wrapper .elementor-button:first-child:hover {
  transform: translateY(-2px);
  filter: brightness(1.05);
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
}

.hero-cta-scope .elementor-cta__buttons .elementor-button:last-child:hover,
.hero-cta-scope .elementor-button-wrapper .elementor-button:last-child:hover {
  transform: translateY(-2px);
  background: #f9fbff;
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
}

/* small nudge for mobile so they stay centered & tidy */
@media (max-width: 767px) {
  .hero-cta-scope .elementor-cta__buttons,
  .hero-cta-scope .elementor-button-wrapper {
    gap: 10px;
  }
  .hero-cta-scope .elementor-button {
    padding: 12px 18px;
    box-shadow: 0 6px 16px rgba(0,0,0,.16);
  }
}
/* OLD CTA STYLES DISABLED
...old rules here...
*/
/* DESKTOP ONLY: make the header transparent and overlay the hero */
@media (min-width: 1025px) {
  /* Your outer header container (you showed CSS ID = mobileHeader) */
  #mobileHeader {
    position: absolute !important;
    top: 0; left: 0; right: 0;
    width: 100%;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: auto !important;
    z-index: 9999; /* sit above the video */
  }

  /* If any inner wrapper adds color, strip it too */
  #mobileHeader .elementor-container,
  #mobileHeader .e-con,
  #mobileHeader .e-con-inner {
    background: transparent !important;
    box-shadow: none !important;
  }
}
/* ===== MOBILE HEADER — lock logo + phone dead-center (<=767px) ===== */
@media (max-width: 767px){

  /* Parent header bar (you already have this class on the outer container) */
  .mobile-header-white{
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    background:#fff !important;
    padding:12px 16px 10px !important;
    margin:0 !important;
    border:0 !important;
    box-shadow:none !important;
    text-align:center !important; /* global fallback */
  }

  /* Burger fixed top-left so it doesn't affect centering math */
  .mobile-header-white .elementor-widget-nav-menu{
    position:absolute !important;
    left:12px; top:12px;
    margin:0 !important;
    order:0 !important;
  }

  /* *** THIS is the key: the inner container that holds LOGO + PHONE *** */
  .mobile-header-white > .e-con{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    flex-direction:column !important;     /* stack logo, then phone */
    align-items:center !important;         /* center horizontally */
    justify-content:center !important;     /* center vertically within header */
    gap:6px !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
  }

  /* Logo widget hard-centering */
  .mobile-header-white .elementor-image{
    width:100% !important;
    margin:0 !important; padding:0 !important;
    text-align:center !important;
    order:1 !important;
  }
  .mobile-header-white .elementor-image .elementor-widget-container{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    margin:0 !important; padding:0 !important;
  }
  .mobile-header-white .elementor-image figure,
  .mobile-header-white .elementor-image a,
  .mobile-header-white .elementor-image img{
    display:block !important;
    margin:0 auto !important;           /* true center */
  }
  .mobile-header-white .elementor-image img{
    max-height:56px !important;
    height:auto !important; width:auto !important;
  }

  /* Phone under logo, centered */
  .mobile-header-white .ad-call,
  .mobile-header-white .elementor-widget-text-editor{
    order:2 !important;
    width:100% !important;
    margin:2px 0 0 0 !important;
    text-align:center !important;
    line-height:1.3 !important;
    font-weight:600 !important;
  }
  .mobile-header-white .ad-call a{
    color:#111 !important;
    text-decoration:none !important;
  }

  /* (Keep your gap killer) */
  .elementor-location-header{ margin-bottom:0 !important; padding-bottom:0 !important; }
  .elementor-location-header + *{ margin-top:0 !important; padding-top:0 !important; }
  .elementor > .elementor-section:first-child,
  .elementor > .e-con:first-child,
  .site-main > .elementor:first-child,
  .site-main > .elementor-section:first-child{ margin-top:0 !important; padding-top:0 !important; }
  .elementor-location-header .e-con:empty,
  .elementor-location-header .elementor-section:empty{ display:none !important; }
}
/* =========================
   MOBILE HEADER (<=767px)
   ========================= */
@media (max-width: 767px){

  /* Your header container */
  .mobile-header-white{
    position: relative;                 /* anchor for the hamburger */
    display: flex !important;
    flex-direction: column !important;  /* logo then phone */
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    background: #fff !important;        /* white bar */
    padding: 12px 18px !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* Hamburger (Elementor Nav Menu widget) pinned to left */
  .mobile-header-white .elementor-widget-nav-menu{
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    z-index: 5;
  }

  /* Center the logo */
  .mobile-header-white .elementor-image{
    order: 1 !important;
    margin: 0 auto !important;
    max-width: 68% !important;          /* tweak if you want it larger/smaller */
  }

  /* Phone under the logo, centered */
  .mobile-header-white .ad-call,
  .mobile-header-white .elementor-widget-text-editor{
    order: 2 !important;
    margin: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
  .mobile-header-white .ad-call a{
    color: #111 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
  }

  /* Remove the “dead space” between header and hero */
  .elementor-location-header{ margin-bottom: 0 !important; padding-bottom: 0 !important; }
  .elementor-location-header + *{ margin-top: 0 !important; padding-top: 0 !important; }
}

/* =========================
   TRUST STRIP (checks list)
   ========================= */

/* Container: kill extra gap + button styling */
.trust-strip{
  margin-top: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Items: normal text, no button styles */
.trust-strip p{
  display: inline-block;
  margin: 0 22px 0 0;     /* spacing between items on desktop */
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  line-height: 1.6;
  color: #222;
}

/* Add green checkmarks before each item */
.trust-strip p::before{
  content:"\2714";              /* ✓ */
  color:#1faa59;                /* green */
  margin-right:8px;
  font-weight:700;
}

/* Stack neatly on mobile */
@media (max-width: 767px){
  .trust-strip p{
    display: block !important;
    margin: 6px 0 !important;
    text-align: left !important;
  }
}
/* Column of stacked "pills" with aligned checkmarks */
.hero-trrust .trust-list{
  list-style:none;
  margin:0;
  padding:0;
  display:inline-flex;          /* keeps it as a neat column */
  flex-direction:column;
  gap:8px;
  max-width:min(92vw, 640px);   /* responsive but not too wide */
}

/* Each row uses a 2-column grid: [icon|text] so ✔ aligns */
.hero-trrust .trust-list li{
  display:grid;
  grid-template-columns: 22px 1fr;  /* fixed icon column */
  align-items:center;
  column-gap:8px;

  padding:8px 12px;
  background:rgba(0,0,0,.50);
  color:#fff;
  line-height:1.35;
  border-radius:6px;
  box-shadow:0 3px 10px rgba(0,0,0,.15);
  font-size:15px;
  white-space:normal;
}

/* Green check icon */
.hero-trrust .trust-list li::before{
  content:"✔";
  color:#30d158;
  font-weight:700;
  font-size:18px;
  line-height:1;
  align-self:start;  /* if a line wraps, the check stays top-aligned */
}

@media (max-width: 767px){
  .hero-trrust .trust-list{ max-width:min(92vw, 420px); }
  .hero-trrust .trust-list li{ font-size:14px; padding:7px 10px; }
}
/* Force green text-style checkmarks on iOS (no emoji) */
.hero-trrust .trust-list li::before{
  content: "\2713\FE0E" !important; /* ✓ + text-variant .elementor-kit-86 */
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  color: #30d158 !important;        /* iOS green */
  text-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}
/* Style the About Us title */
.about-us-title {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  color: #243779; /* Dark blue brand color */
  border-bottom: 3px solid #71b3d8; /* Accent line */
  display: inline-block;
  padding-bottom: 6px;
  margin: 0 auto 20px auto; /* Centers it horizontally */
}
/* Anchor column */
#truckCol{ position:relative; margin-bottom:260px; }

/* --- Trust Bar --- */
#truckCol::after{
  content:"MC# 713474  •  USDOT 2019195  •  Reefer Gensets  •  TWIC-Certified";
  position:absolute; left:50%; transform:translateX(-50%);
  bottom:-160px; z-index:12;

  display:flex; flex-wrap:wrap; justify-content:center; gap:26px;
  max-width:960px; text-align:center;

  font: 700 18.5px/1.5 "Segoe UI", Roboto, Arial, sans-serif;
  letter-spacing:.3px; color:#13253f;

  padding:40px 34px 26px; /* extra top padding to make room for chip */
  background:linear-gradient(180deg,#ffffff 0%, #f7fafc 100%);
  border:1.5px solid #dbe4f2;
  border-radius:16px;
  box-shadow:0 14px 34px rgba(15,35,80,.14), 0 1px 0 rgba(255,255,255,.8) inset;
  backdrop-filter:saturate(120%) blur(2px);
}

/* Chip ABOVE the text */
#truckCol::before{
  content:"LICENSED • INSURED • CERTIFIED";
  position:absolute; left:50%; transform:translateX(-50%);
  bottom:-188px; /* moves the chip above the ::after box */
  z-index:13;

  font: 800 11.5px/1 "Segoe UI", Roboto, Arial, sans-serif;
  letter-spacing:.18em; text-transform:uppercase; color:#fff;

  background:#1f6fbf;
  padding:8px 12px;
  border-radius:999px;
  box-shadow:0 6px 16px rgba(31,111,191,.25);
  white-space:nowrap;
}

/* Hover polish */
@media (hover:hover){
  #truckCol:hover::after{ 
    box-shadow:0 18px 40px rgba(15,35,80,.20), 0 1px 0 rgba(255,255,255,.9) inset; 
  }
}

/* Mobile */
@media (max-width:767px){
  #truckCol{ margin-bottom:210px; }
  #truckCol::after{
    bottom:-130px; max-width:94%;
    padding:32px 18px 16px; /* still leaves top room for chip */
    gap:16px; font-size:15.5px; border-radius:14px;
  }
  #truckCol::before{
    bottom:-158px;
    font-size:10px; padding:7px 10px;
  }
}
/* Smooth scroll (sitewide is fine) */
html{ scroll-behavior:smooth; }

/* Palette */
:root{
  --ink:#1c2a45;
  --blue:#243779;
  --accent:#1f6fbf;
  --muted:#4a5a6a;
  --pill:rgba(0,0,0,.06);
  --shadow:0 8px 20px rgba(0,0,0,.08);
}

/* Section */
#why-choose{
  --ink:#1c2a45; --blue:#243779; --accent:#1f6fbf; --pill:rgba(0,0,0,.06); --shadow:0 8px 20px rgba(0,0,0,.08);
  max-width:1100px; margin:0 auto; padding:56px 12px; text-align:center;
  scroll-margin-top:96px; /* avoids sticky header overlap */
  font-family:inherit;
}
#why-choose .wc-title{
  margin:0 0 8px; font-size:42px; line-height:1.15; letter-spacing:.02em; color:var(--ink); font-weight:700;
}
#why-choose .wc-sub{
  max-width:860px; margin:8px auto 24px; font-size:18px; line-height:1.6; color:var(--muted);
}

/* Three-up grid */
#why-choose .wc-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:18px; align-items:stretch;
}
#why-choose .wc-card{
  background:var(--pill); border-radius:14px; box-shadow:var(--shadow);
  padding:18px 16px; text-align:left;
}
#why-choose .wc-card .hd{
  display:flex; align-items:center; gap:10px; font-weight:700; color:var(--blue); font-size:18px; margin:0 0 6px;
}
#why-choose .wc-card p, #why-choose .wc-card{
  color:#333; line-height:1.55; font-size:15px;
}

/* Credentials row (chips) */
#why-choose .wc-badges{
  display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:22px 0 10px;
}
#why-choose .badge{
  border:1px solid rgba(0,0,0,.08); background:#fff; border-radius:999px;
  padding:6px 10px; font-size:13px; color:#39465a; white-space:nowrap;
}

/* CTA */
#why-choose .wc-cta{ margin-top:8px; }
#why-choose .btn{
  display:inline-block; padding:12px 20px; border-radius:12px; background:#1f6fbf;
  color:#fff; text-decoration:none; font-weight:700; box-shadow:0 6px 16px rgba(31,111,191,.22);
  transition:transform .15s ease, box-shadow .15s ease;
}
#why-choose .btn:hover{ transform:translateY(-1px); }

/* Responsive */
@media (max-width: 900px){
  #why-choose .wc-grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 640px){
  #why-choose .wc-title{ font-size:34px; }
  #why-choose .wc-grid{ grid-template-columns:1fr; }
}
/* ====== GENERAL SECTION BACKGROUND ====== */
.about-row, 
#why-choose, 
.credentials-row {
  background-color: #ffffff; /* clean white */
  padding: 60px 0; /* vertical breathing room */
}

/* Alternate subtle background if you want rows to alternate */
.alt-section {
  background-color: #f9f9f9; /* very light gray */
}

/* ====== TEXT STYLING ====== */
.right-content-col {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.right-content-col h2, 
.right-content-col h3 {
  font-weight: 700;
  color: #243779; /* Atlantic blue */
  margin-bottom: 20px;
}

.right-content-col p {
  font-size: 17px;
  line-height: 1.6;
  color: #333333;
  margin-bottom: 20px;
}

/* ====== CREDENTIALS / AFFILIATIONS ====== */
.credentials-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  margin-top: 40px;
}

.credentials-row .credential {
  background: #f5f7fa; /* subtle light card */
  border: 1px solid #e1e5eb;
  border-radius: 25px;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 500;
  color: #243779;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}

.credentials-row .credential:hover {
  background: #ffffff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* ====== CTA BUTTON ====== */
.cta-button {
  display: inline-block;
  background-color: #243779;
  color: #fff;
  padding: 14px 36px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
  margin-top: 30px;
  transition: background 0.3s ease;
}

.cta-button:hover {
  background-color: #1a2a5c;
}

/* ====== RESPONSIVE TWEAKS ====== */
@media (max-width: 768px) {
  .right-content-col {
    padding: 0 20px;
    text-align: left;
  }

  .credentials-row {
    flex-direction: column;
    align-items: center;
  }

  .credentials-row .credential {
    width: 100%;
    max-width: 320px;
    justify-content: center;
  }
}
/* ===== Verified credentials: container ===== */
.cred-wrap{
  max-width:1100px;
  margin:28px auto 0;
  text-align:center;
}

/* The row of credentials */
.cred-list{
  display:flex;
  flex-wrap:wrap;                 /* wraps to next line cleanly */
  justify-content:center;         /* centers the whole group */
  align-items:center;             /* aligns icons & text on the same baseline */
  gap:22px;                       /* even spacing between items */
  list-style:none;
  padding:0; margin:0 0 18px;
}

/* Each credential item */
.cred-list li{
  display:flex;
  align-items:center;             /* keeps icon and text aligned */
  gap:8px;
  font-size:16px;
  line-height:1.2;
  color:#1c2a45;                  /* deep ink */
  white-space:nowrap;             /* keeps each item together */
}

/* Emoji/icon sizing & vertical alignment */
.cred-ico{
  font-size:18px;                 /* consistent icon size */
  line-height:1;
  transform:translateY(1px);      /* tiny optical nudge for perfect baseline */
}

/* Subtle bullet separators between items (desktop only) */
@media (min-width: 769px){
  .cred-list li{
    position:relative;
    padding-right:22px;
  }
  .cred-list li::after{
    content:"";
    position:absolute;
    right:6px; top:50%;
    width:6px; height:6px;
    border-radius:50%;
    background:#d9dee8;           /* soft divider dot */
    transform:translateY(-50%);
  }
  .cred-list li:last-child{ padding-right:0; }
  .cred-list li:last-child::after{ content:none; }
}

/* The blue “pill” bar under the row */
.cred-pill{
  display:inline-block;
  padding:10px 18px;
  border-radius:999px;
  background:#243779;             /* Atlantic blue */
  color:#fff;
  font-weight:700;
  font-size:13px;
  letter-spacing:.08em;
  box-shadow:0 6px 16px rgba(0,0,0,.12);
}

/* Mobile tweaks: stack nicely and stay centered */
@media (max-width:768px){
  .cred-list{ gap:14px 18px; }
  .cred-list li{ font-size:15px; }
  .cred-pill{ font-size:12px; }
}
/* ===== Atlantic Drayage — Billion-Dollar Services Block ===== */
:root{
  --ad-navy:#0A2C6E;
  --ad-deep:#071E4A;
  --ad-blue:#1E63FF;
  --ad-blue-2:#3E86FF;
  --ad-ink:#E8F1FF;
  --ad-white:#ffffff;
  --ad-glass:rgba(255,255,255,0.06);
  --ad-border:rgba(255,255,255,0.18);
}

/* Section background (keeps it branded without touching other rows) */
.services-row{
  background: radial-gradient(1200px 600px at 20% 10%, rgba(62,134,255,.18), transparent),
              linear-gradient(180deg, var(--ad-deep), var(--ad-navy));
  padding: min(6vw,80px) 0;
}

/* Left image polish */
.services-left-col img{
  width:100%;
  display:block;
  border-radius:18px;
  box-shadow:0 24px 60px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.08) inset;
  object-fit:cover;
}

/* Right “glass” card */
.services-right-col .services-card{
  color:var(--ad-ink);
  background: linear-gradient(170deg, var(--ad-glass), rgba(255,255,255,0.03));
  border:1px solid var(--ad-border);
  border-radius:22px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: clamp(22px,3.2vw,36px);
  box-shadow: 0 30px 80px rgba(0,0,0,.35);
}

/* Header block */
.services-card .svc-eyebrow{
  letter-spacing:.12em;
  font-size:.78rem;
  font-weight:700;
  color:rgba(255,255,255,.75);
  margin:0 0 .35rem 0;
  text-transform:uppercase;
}

.services-card .svc-title{
  font-size: clamp(26px, 3.2vw, 38px);
  line-height:1.15;
  margin:.1rem 0 .4rem 0;
  color:var(--ad-white);
  text-shadow:0 2px 0 rgba(0,0,0,.18);
}

.services-card .svc-tag{
  margin:0 0 1rem 0;
  color:rgba(255,255,255,.85);
  font-size:clamp(14px,1.3vw,16px);
}

/* Divider line */
.services-card .svc-sep{
  border:0; height:1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
  margin: .9rem 0 1.2rem 0;
}

/* Two-column grid inside the card */
.services-card .svc-columns{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(18px,2.6vw,28px);
}

/* Column mini heading */
.services-card .svc-mini{
  margin:0 0 .4rem 0;
  font-size: .92rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,.72);
}

/* Lists */
.services-card .svc-list{
  list-style:none;
  margin:0;
  padding:0;
}

.services-card .svc-list li{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:10px 0;
  color:rgba(255,255,255,.92);
  border-bottom:1px solid rgba(255,255,255,.08);
}

.services-card .svc-list li:last-child{ border-bottom:0; }

/* Branded check bullets */
.services-card .svc-list li::before{
  content:"✓";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;height:26px;
  border-radius:999px;
  background: linear-gradient(180deg, var(--ad-blue), var(--ad-blue-2));
  color:#fff;
  font-weight:800;
  font-size:14px;
  line-height:1;
  box-shadow:0 8px 20px rgba(0,0,0,.25), 0 0 0 5px rgba(30,99,255,.18);
  flex:0 0 26px;
}

/* CTA */
.services-card .svc-cta{
  margin: clamp(16px,2.4vw,24px) 0 0 0;
  display:flex; gap:12px; flex-wrap:wrap;
}

.services-card .svc-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 18px;
  border-radius:999px;
  background: linear-gradient(180deg, var(--ad-blue), var(--ad-blue-2));
  color:#fff; font-weight:700; font-size:14px; text-decoration:none;
  box-shadow:0 10px 26px rgba(30,99,255,.35), inset 0 -2px 0 rgba(0,0,0,.25);
  transition: transform .15s ease, box-shadow .15s ease;
  white-space:nowrap;
}
.services-card .svc-btn:hover{ transform: translateY(-2px); box-shadow:0 18px 36px rgba(30,99,255,.45), inset 0 -2px 0 rgba(0,0,0,.25); }

/* Small note */
.services-card .svc-note{
  margin:.9rem 0 0 0;
  color:rgba(255,255,255,.72);
  font-size:13px;
}

/* Layout insurance — keeps your 50/50 split and stacks clean on mobile */
.services-row{
  /* if your parent is already flex, this ensures nice wrap spacing */
}
.services-left-col, .services-right-col{ min-width: 280px; }
@media (max-width: 1024px){
  .services-card .svc-columns{ grid-template-columns:1fr; }
}
/* kill the tall section */
.services-row{
  min-height:auto !important;
  padding-bottom:40px !important; /* adjust 24–56 to taste */
  margin-bottom:0 !important;
}

/* keep the inner card snug */
.services-card{
  margin-bottom:0 !important;
  padding-bottom:12px !important;
}
.about-row {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.about-row img {
  display: block;
  margin-bottom: 0 !important;
}

.about-row > .elementor-container {
  padding-bottom: 0 !important;
}
/* ===============================
   Atlantic Drayage – Port Coverage
   This CSS is self-contained. You can safely remove any older
   .locations-* rules before adding this block.
   =============================== */

#nationwide-ports.locations-section {
  margin: 0;                /* no dead space above/below */
  padding: 60px 5%;
  background: linear-gradient(180deg, #0a2f73 0%, #061d48 100%);
  color: #fff;
  border-radius: 14px;
  position: relative;
  overflow: hidden;
}

/* optional subtle texture */
#nationwide-ports.locations-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(1000px 600px at 80% -10%, rgba(255,255,255,0.08), transparent 60%),
              radial-gradient(800px 500px at 10% 110%, rgba(0,173,255,0.08), transparent 60%);
  pointer-events: none;
}

.locations-header {
  text-align: center;
  max-width: 900px;
  margin: 0 auto 28px auto;
}
.locations-header h2 {
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: .3px;
  margin: 0 0 8px 0;
}
.locations-header p {
  margin: 0;
  font-size: clamp(15px, 1.4vw, 18px);
  opacity: .92;
}

/* Body layout */
.locations-body {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}

/* Left card */
.locations-card {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 14px;
  padding: 28px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  backdrop-filter: blur(6px);
}
.locations-card h4 {
  margin: 0 0 6px 0;
  font-size: 12px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #7eb5ff;
}
.locations-card h3 {
  margin: 0 0 10px 0;
  font-size: 20px;
  font-weight: 700;
}
.locations-card p {
  margin: 0 0 14px 0;
  font-size: 15px;
  line-height: 1.6;
  opacity: .92;
}
.locations-list {
  list-style: none;
  padding: 0;
  margin: 18px 0;
}
.locations-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  margin: 0 0 8px 0;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  background: rgba(255,255,255,.04);
}
.locations-list span { color: #00c2ff; }

/* Buttons */
.locations-cta {
  display: flex;
  gap: 10px;
  margin-top: 12px;
  flex-wrap: wrap;
}
.quote-btn,
.ports-btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 18px;
  border-radius: 999px;
  text-decoration: none;
  transition: .25s ease;
}
.quote-btn {
  background: #0a62ff;
  color: #fff;
  box-shadow: 0 6px 18px rgba(10,98,255,.35);
}
.quote-btn:hover { background: #2b79ff; transform: translateY(-1px); }
.ports-btn {
  color: #fff;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
}
.ports-btn:hover { background: rgba(255,255,255,.16); }

/* Meta */
.locations-meta {
  margin: 14px 0 0 0;
  font-size: 13px;
  opacity: .75;
}

/* Right grid of chips */
.locations-grid {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 14px;
  padding: 22px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  align-content: start;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  backdrop-filter: blur(6px);
}

/* City chips */
.locations-chip {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 12px;
  border-radius: 12px;
  font-size: 15px;
  color: #fff;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.16);
  line-height: 1.25;
  white-space: normal;        /* ALLOW WRAP */
  overflow-wrap: anywhere;    /* break very long tokens */
  transition: background .25s ease, transform .2s ease;
}
.locations-chip:hover {
  background: rgba(0,173,255,.28);
  transform: translateY(-1px);
}

/* Tighten spacing under this section if needed */
#nationwide-ports.locations-section + * {
  margin-top: 24px !important;
}

/* Responsiveness */
@media (max-width: 1024px) {
  .locations-body { grid-template-columns: 1fr; }
  .locations-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  #nationwide-ports.locations-section { padding: 44px 4%; }
  .locations-grid { grid-template-columns: 1fr; }
}
/* ========== OUR TEAM (Atlantic) ========== */
.adteam {
  --ad-blue-900: #0a2e61;          /* deep Atlantic blue (bg) */
  --ad-blue-700: #124a9b;          /* accent */
  --ad-blue-600: #1c63d6;          /* accent brighter */
  --ad-ink:     #e9f2ff;           /* light text on dark */
  --ad-ink-dim: #bcd0f7;           /* dimmed text */
  --ad-card: rgba(12, 28, 64, 0.55);
  --ad-stroke: rgba(148, 184, 255, 0.18);

  padding: clamp(48px, 6vw, 84px) 0;
  background: radial-gradient(1200px 600px at 15% -10%, rgba(28,99,214,0.25), transparent),
              radial-gradient(900px 500px at 90% 110%, rgba(16,61,150,0.25), transparent),
              linear-gradient(180deg, #0b376f 0%, #0a2b58 100%);
  color: var(--ad-ink);
}

.adteam__inner{
  width: min(1200px, 92vw);
  margin: 0 auto;
}

.adteam__header{
  text-align:center;
  margin-bottom: clamp(28px, 4vw, 44px);
}
.adteam__header h2{
  font-size: clamp(28px, 3.2vw, 44px);
  line-height: 1.15;
  letter-spacing: .3px;
  margin: 0 0 8px;
  color: #fff;
  text-shadow: 0 2px 12px rgba(0,0,0,.2);
}
.adteam__tag{
  margin: 0;
  color: var(--ad-ink-dim);
  font-size: clamp(14px, 1.2vw, 16px);
}

/* Grid */
.adteam__grid{
  list-style:none;
  display:grid;
  grid-template-columns: repeat(5, 1fr);
  gap: clamp(16px, 2.2vw, 28px);
  padding: 0;
  margin: 0;
}
@media (max-width: 1200px){
  .adteam__grid{ grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 720px){
  .adteam__grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 460px){
  .adteam__grid{ grid-template-columns: 1fr; }
}

/* Cards */
.adteam__card{
  position:relative;
  background: var(--ad-card);
  border: 1px solid var(--ad-stroke);
  border-radius: 18px;
  padding: 18px 16px 16px;
  backdrop-filter: blur(8px);
  box-shadow: 0 10px 30px rgba(0,0,0,.18);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.adteam__card:hover{
  transform: translateY(-4px);
  border-color: rgba(154,192,255,0.35);
  box-shadow: 0 16px 36px rgba(0,0,0,.26);
}

/* Photo */
.adteam__figure{
  aspect-ratio: 1 / 1;
  margin: 0 0 12px;
  border-radius: 14px;
  overflow:hidden;
  border: 1px solid var(--ad-stroke);
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.0));
}
.adteam__figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;      /* keeps faces centered */
  display:block;
}

/* Text */
.adteam__name{
  font-size: clamp(16px, 1.45vw, 20px);
  line-height:1.25;
  margin: 0 0 2px;
  color: #fff;
}
.adteam__title{
  margin: 0;
  color: var(--ad-ink-dim);
  font-size: clamp(13px, 1.1vw, 14px);
  letter-spacing: .2px;
}

/* Optional: subtle pill for future links under titles */
/*
.adteam__pill{
  display:inline-block;
  margin-top:10px;
  font-size:12px;
  padding:6px 10px;
  color:#fff;
  border:1px solid var(--ad-stroke);
  border-radius:999px;
  background: linear-gradient(180deg, rgba(28,99,214,.35), rgba(16,61,150,.35));
}
*/
/* ======= ABOUT / WHY CHOOSE (HIGH-CONTRAST + TOOLTIPS) ======= */
.atlantic-about{
  display:flex;justify-content:center;align-items:center;
  padding:80px 40px;background:linear-gradient(180deg,#0a1e4a 0%,#0b275e 100%);
  position:relative;overflow:hidden
}
.atlantic-about::before{
  content:"";position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(circle at 20% 30%,rgba(255,255,255,.07),transparent 60%),
    radial-gradient(circle at 80% 70%,rgba(0,140,255,.1),transparent 60%)
}

/* Glass panel */
.glass-card{
  position:relative;z-index:2;max-width:720px;width:100%;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;padding:48px 40px;
  backdrop-filter:blur(10px);
  box-shadow:0 18px 40px rgba(0,0,0,.35)
}

/* Headings & copy – bump contrast */
.section-title{
  margin:0 0 16px;font-size:34px;font-weight:800;letter-spacing:1.1px;
  text-transform:uppercase;color:#ffffff
}
.intro,.body-copy{color:#e9f1ff;font-size:16.5px;line-height:1.8}
.intro{opacity:.95}
.body-copy{opacity:.92}

/* Why Choose */
.why-choose h3{
  margin:28px 0 14px;font-size:20px;font-weight:800;
  text-transform:uppercase;letter-spacing:.6px;color:#7fc2ff
}

/* Pill grid */
.features{list-style:none;margin:0 0 32px;padding:0}
.features-pills{
  display:grid;grid-template-columns:1fr 1fr;gap:14px 18px
}
.features-pills li{position:relative}

/* Pills */
.pill{
  width:100%;display:inline-flex;align-items:center;justify-content:center;
  padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.06));
  color:#f7fbff;font-weight:700;font-size:14.5px;letter-spacing:.2px;
  cursor:default;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 6px 16px rgba(0,0,0,.25);
  transition:all .25s ease;outline:none
}
.pill:hover,.pill:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(111,176,255,.7);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 24px rgba(21,122,255,.35)
}

/* Tooltips (pure CSS; works with hover + keyboard focus) */
.pill::after{
  content:attr(data-tip);
  position:absolute;left:0;bottom:110%;
  min-width:240px;max-width:320px;
  padding:10px 12px;border-radius:10px;
  background:rgba(5,16,42,.98);color:#e8f2ff;font-size:13px;line-height:1.4;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 10px 24px rgba(0,0,0,.4);
  opacity:0;transform:translateY(6px);pointer-events:none;transition:all .22s ease;z-index:10
}
.pill::before{
  content:"";position:absolute;left:14px;bottom:103%;
  width:10px;height:10px;transform:rotate(45deg);
  background:rgba(5,16,42,.98);border-left:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);
  opacity:0;transition:opacity .2s ease
}
.pill:hover::after,.pill:hover::before,
.pill:focus-visible::after,.pill:focus-visible::before{opacity:1;transform:none}

/* CTA */
.quote-btn{
  display:inline-block;margin-top:4px;text-decoration:none;
  background:linear-gradient(90deg,#1b75ff,#0072ff);
  color:#fff;padding:14px 32px;border-radius:50px;font-weight:800;letter-spacing:.35px;
  box-shadow:0 6px 20px rgba(0,114,255,.45);transition:all .25s ease
}
.quote-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,114,255,.55)}

/* Responsive */
@media (max-width:1024px){
  .glass-card{padding:40px 28px}
}
@media (max-width:768px){
  .features-pills{grid-template-columns:1fr}
  .section-title{font-size:28px}
}
/* ===== Atlantic Footer (S&P 500 polish) ===== */
.atlantic-footer{
  --af-bg:#0b1f4d;
  --af-bg2:#07234f;
  --af-text:#e9f3ff;
  --af-dim:#bcd2f7;
  --af-accent:#1b75ff;
  --af-accent-2:#21a1ff;
  --af-border:rgba(255,255,255,.14);
  background: radial-gradient(1000px 600px at 15% 0%,rgba(255,255,255,.06),transparent 60%),
              radial-gradient(900px 500px at 85% 100%,rgba(33,161,255,.12),transparent 60%),
              linear-gradient(180deg,var(--af-bg) 0%,var(--af-bg2) 100%);
  color:var(--af-text);
  padding:64px 20px 28px;
}
.atlantic-footer .af-wrap{max-width:1180px;margin:0 auto}

.af-brand{display:flex;align-items:center;gap:20px;margin-bottom:28px}
.af-logo{height:40px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.25))}
.af-trust{margin:0;color:var(--af-dim);font-size:14.5px}
.af-cta{
  margin-left:auto;text-decoration:none;color:#fff;background:linear-gradient(90deg,var(--af-accent),var(--af-accent-2));
  padding:10px 18px;border-radius:999px;font-weight:800;letter-spacing:.3px;
  box-shadow:0 8px 20px rgba(27,117,255,.35);transition:transform .2s ease, box-shadow .2s ease;
}
.af-cta:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(27,117,255,.45)}

.af-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:28px;
  background:rgba(255,255,255,.06);border:1px solid var(--af-border);
  border-radius:16px;padding:24px;
  box-shadow:0 16px 38px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.12);
}
.af-col h4{margin:0 0 10px;color:#cfe3ff;font-size:14px;letter-spacing:.5px;text-transform:uppercase}
.af-col ul{list-style:none;margin:0;padding:0}
.af-col li{margin:8px 0}
.af-col a{
  color:var(--af-text);text-decoration:none;opacity:.9;
  border-bottom:1px solid transparent;transition:opacity .2s ease, border-color .2s ease;
}
.af-col a:hover{opacity:1;border-color:rgba(255,255,255,.35)}

.af-contact li{line-height:1.6}

.af-social{display:flex;gap:10px;margin-top:12px}
.af-social a{
  display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;
  background:rgba(255,255,255,.08);color:#fff;font-weight:800;border:1px solid var(--af-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.af-social a:hover{background:rgba(255,255,255,.15)}

.af-badges{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 10px}
.badge{
  display:inline-block;padding:8px 12px;border-radius:999px;font-size:13px;color:#eaf2ff;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));
  border:1px solid var(--af-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 16px rgba(0,0,0,.18)
}

.af-rule{border:0;border-top:1px solid var(--af-border);margin:12px 0}

.af-bottom{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.af-copy{margin:0;color:var(--af-dim);font-size:13.5px}
.af-mini{display:flex;gap:14px;flex-wrap:wrap}
.af-mini a{color:var(--af-dim);text-decoration:none;border-bottom:1px solid transparent}
.af-mini a:hover{color:var(--af-text);border-color:rgba(255,255,255,.25)}

/* Responsive */
@media (max-width:980px){
  .af-grid{grid-template-columns:repeat(2,1fr)}
  .af-cta{margin-left:0}
}
@media (max-width:580px){
  .af-grid{grid-template-columns:1fr}
  .af-brand{flex-direction:column;align-items:flex-start;gap:12px}
  .af-social{margin-bottom:6px}
  .atlantic-footer{padding:44px 16px 22px}
}
<style>
/* = Atlantic Quote Page Palette */
.quote-page{
  --ad-blue-900:#0d2a66; --ad-blue-700:#163a86; --ad-blue-500:#1b57bd; 
  --ad-blue-300:#3c7de0; --ad-ink:#e9f2ff; --ad-muted:#9ab3d8;
  --ad-card:#0f2f73; --ad-card-2:rgba(13,42,102,.88);
  --ad-pill:#103f98; --ad-pill-glow:0 10px 28px rgba(27,87,189,.35);
}

/* Hero */
.quote-page .elementor-widget-heading h1{
  color:#fff; text-shadow:0 1px 0 rgba(0,0,0,.25);
  font-size:clamp(28px,3.4vw,44px); line-height:1.18; letter-spacing:.2px;
}
.quote-page .elementor-widget-text-editor p{ color:var(--ad-ink); opacity:.9; }

.quote-page a[href="#quote"],
.quote-page .ad-cta{
  display:inline-block; padding:12px 22px; border-radius:999px;
  background:linear-gradient(180deg,var(--ad-blue-300),var(--ad-blue-500));
  color:#fff; font-weight:800; text-decoration:none; box-shadow:var(--ad-pill-glow);
}
.quote-page a[href="#quote"]:hover{ transform:translateY(-1px); }

/* small trust pills (Hero) */
.quote-page .elementor-widget-text-editor .ad-pills,
.quote-page .ad-trust{ display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; padding:0; list-style:none; }
.quote-page .ad-trust li{
  color:#cfe1ff; font-size:13px; letter-spacing:.2px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(27,87,189,.22),rgba(21,64,140,.22));
  padding:8px 12px; border-radius:999px;
}

/* Form Card */
.ad-form-card .elementor-form{
  background:linear-gradient(180deg,var(--ad-card),var(--ad-card-2));
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px; padding:24px;
  box-shadow:0 30px 60px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08);
}
.ad-form-card .elementor-field-group label{
  color:#cfe1ff; font-weight:600; letter-spacing:.2px;
}
.ad-form-card .elementor-field,
.ad-form-card input[type="text"],
.ad-form-card input[type="email"],
.ad-form-card input[type="tel"],
.ad-form-card input[type="number"],
.ad-form-card textarea,
.ad-form-card select{
  background:rgba(10,25,61,.55);
  border:1px solid rgba(255,255,255,.1);
  color:#eaf2ff; border-radius:10px; min-height:44px;
}
.ad-form-card .elementor-field:focus{ border-color:var(--ad-blue-300); box-shadow:0 0 0 2px rgba(60,125,224,.15); }

/* Submit */
.ad-form-card .elementor-button{
  border-radius:999px; padding:.9rem 1.4rem;
  background:linear-gradient(180deg,var(--ad-blue-300),var(--ad-blue-500));
  box-shadow:var(--ad-pill-glow); font-weight:800;
}
.ad-form-card .elementor-button:hover{ transform:translateY(-1px); }

/* Caption above form */
.ad-form-intro{ color:#d7e6ff; margin:0 0 10px; text-align:center; font-size:15px; opacity:.9; }

/* Spacing */
.ad-form-card .elementor-field-group{ margin-bottom:10px; }

@media (max-width:768px){
  .ad-form-card .elementor-form{ padding:16px; }
}
</style>
/* Kill all visual footprint from Elementor menu anchors */
.elementor-menu-anchor {
  display: block !important;
  position: relative !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  border: none !important;
  background: transparent !important;
}
#why-choose.elementor-menu-anchor {
  display: block !important;
  position: relative !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  border: none !important;
  background: transparent !important;
}
/* Smooth scroll */
html { scroll-behavior: smooth; }

/* Offset so sticky header doesn't cover the target (adjust 96px as needed) */
#why-choose { scroll-margin-top: 96px; }
/* ---------- Smooth scroll sitewide ---------- */
html { scroll-behavior: smooth; }

/* ---------- Kill any gap from Elementor Menu Anchors (sitewide safe) ---------- */
.elementor-menu-anchor{
  display:block;
  position:relative;   /* keep it in normal flow */
  height:0 !important; /* no visual height */
  margin:0 !important;
  padding:0 !important;
  line-height:0;
  overflow:hidden;
  pointer-events:none; /* never block clicks/scrolling */
}

/* ---------- Specific tuning for your anchor: #why-choose ---------- */
/* Set the landing offset so the section isn't hidden behind the sticky header. 
   Adjust the 100px value if your header height differs. */
#why-choose{ 
  scroll-margin-top: 100px; 
}

/* Optional: if the section you’re jumping to uses a dark panel/card and
   you want a tiny breathing room above it, add a subtle negative nudge here.
   (Commented out by default. Remove the "/*" and "* /" to use.)
*/
/*
#why-choose{ transform: translateY(-1px); }
*/

/* ---------- Safety: prevent rare scroll locking inside flex/overflow parents ---------- */
/* Only applies if you named the parent container "about-row" (you did). 
   Keeps scrolling fluid after jumping to the anchor. */
.about-row{ overflow: visible !important; }
/* ===== Atlantic — Services Section (self-contained) ===== */
.svc{
  --brand:#1F7FE5;
  --brand-2:#0A6CD1;
  --navy-900:#0A2740;
  --navy-800:#133a5c;
  --card-top:#0d2344;
  --card-bot:#0a2b55;

  padding:48px 16px 72px;
  background:radial-gradient(1200px 600px at 70% -220px, rgba(255,255,255,.34), transparent 60%) no-repeat;
}
.svc-inner{ max-width:1240px; margin-inline:auto; }

/* Header */
.svc-header{ text-align:center; margin:0 auto 28px; }
.svc-eyebrow{
  margin:0 0 6px; text-transform:uppercase; letter-spacing:.18em;
  font-weight:700; color:#7FB6FF;
}
.svc-title{
  margin:0; line-height:1.08; font-weight:800;
  font-size:clamp(28px,3.2vw,46px);
  color:var(--brand);
  text-shadow:0 2px 12px rgba(0,0,0,.18);
}
/* High-contrast, centered subtitle */
.svc-subtitle{
  max-width:980px; margin:10px auto 28px;
  font-size:clamp(15px,1.5vw,18px); font-weight:550;
  color:var(--navy-900);
  text-shadow:0 1px 0 rgba(255,255,255,.55), 0 2px 10px rgba(0,0,0,.10);
}

/* ===== GRID ===== */
.svc-grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:24px;
  align-items:stretch;                /* <— makes every card same height */
}

/* ===== CARD ===== */
.svc-card{
  grid-column:span 4;                 /* 3 across desktop */
  display:flex; flex-direction:column;
  border-radius:14px; overflow:hidden;
  background:linear-gradient(180deg,var(--card-top),var(--card-bot));
  text-decoration:none;
  box-shadow:0 8px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .2s ease, box-shadow .2s ease;
  min-height:430px;
}
.svc-card:hover{ transform:translateY(-4px); box-shadow:0 14px 48px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.07); }

/* Media (optional image) */
.svc-media{ position:relative; aspect-ratio:16/9; overflow:hidden; }
.svc-media img{ width:100%; height:100%; object-fit:cover; display:block; filter:saturate(1.05) contrast(1.05) brightness(.9); }

/* ===== CARD BODY — alignment locks =====
   We make the body flex and pin the button at the bottom.
   Then we give the title and paragraph fixed *minimum* heights,
   so rows align regardless of text length. */
.svc-body{
  display:flex;
  flex-direction:column;
  padding:18px;
  color:#eaf3ff;
  row-gap:12px;                      /* keeps consistent vertical rhythm */
  flex:1 1 auto;                     /* body grows to fill card */
}

/* Title alignment lock */
.svc-card-title{
  margin:2px 0 0;
  font-weight:800;
  font-size:clamp(18px,1.6vw,22px);
  line-height:1.25;
  text-shadow:0 1px 0 rgba(0,0,0,.35);

  /* === key line-up control === */
  min-height:52px;                   /* tweak if any title wraps 2 lines */
  display:flex;
  align-items:flex-end;
}

/* Description alignment lock (subheader) */
.svc-card-desc{
  margin:0;
  color:#cfe4ff;
  line-height:1.45;
  font-size:clamp(13px,1.3vw,15px);

  /* === key line-up control === */
  min-height:64px;                   /* raise if any blurb is longer */
}

/* Button pinned even across the row */
.svc-chip{
  margin-top:auto;                   /* <— pushes chip to bottom evenly */
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 14px; border-radius:999px;
  background:linear-gradient(180deg,#1282f0,#0aa0ff); color:#fff; font-weight:700; font-size:14px;
  box-shadow:0 6px 20px rgba(16,123,255,.35), inset 0 1px 0 rgba(255,255,255,.25);
  transition:filter .2s ease, transform .2s ease;
}
.svc-chip::after{ content:"→"; font-weight:800; margin-left:8px; opacity:.9; }
.svc-card:hover .svc-chip{ filter:brightness(1.06); transform:translateY(-1px); }

/* ===== Responsive ===== */
@media (max-width:1024px){
  .svc-card{ grid-column:span 6; min-height:410px; } /* 2 across */
}
@media (max-width:640px){
  .svc{ padding:36px 14px 56px; }
  .svc-card{ grid-column:1 / -1; min-height:0; }     /* 1 across */
  .svc-media{ aspect-ratio:16/10; }
  /* tighten locks on small screens if you want less vertical space */
  .svc-card-title{ min-height:46px; }
  .svc-card-desc{  min-height:56px; }
}
.atl-hero{
  --brand:#1F7FE5; --brand-2:#0A6CD1; --ink:#EAF2FF;
  --bg:#0B1320; --glow:rgba(255,255,255,.1);
  background:
    radial-gradient(1200px 600px at 85% -250px, rgba(255,255,255,0.08), transparent 60%),
    linear-gradient(135deg, var(--brand), var(--brand-2));
  color: var(--ink);
  border-radius: 20px;
  padding: clamp(28px, 6vw, 56px) clamp(18px, 4vw, 32px);
  box-shadow: 0 24px 60px rgba(10,20,40,.35);
  margin-bottom: 22px;
}
.atl-hero .atl-wrap{max-width:1100px;margin:0 auto}
.atl-hero h1{margin:0 0 8px;letter-spacing:.2px;font-size:clamp(28px,4vw,44px);font-weight:800}
.atl-hero p{margin:0;opacity:.95;font-size:clamp(15px,1.7vw,18px)}
.atl-hero .atl-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.atl-hero .pill{
  display:inline-block;padding:6px 12px;border-radius:999px;
  border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.12);font-size:12px
}
/* scope to JUST this widget */
.hero-trust .trust-list{
  list-style:none;
  margin:0;
  padding-left:0;
  text-align:left !important;   /* override any centering */
}

.hero-trust .trust-list li{
  display:block;
  position:relative;
  padding-left:28px;             /* room for the check */
  text-align:left !important;    /* belt + suspenders */
}

/* the green check (keeps your existing colors if you set them elsewhere) */
.hero-trust .trust-list li::before{
  content:"✔";
  position:absolute;
  left:0;
  top:0.1em;
}
/* Phones only */
@media (max-width: 767px){

  /* 1) Remove outside space on these three containers */
  .cta-button, .trust-section, .about-row{
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    min-height: 0 !important;
  }

  /* 2) Container (Flexbox) internals: kill inner padding & gaps */
  .cta-button > .e-con-inner,
  .trust-section > .e-con-inner,
  .about-row  > .e-con-inner{
    padding: 12px 0 !important;   /* keep a little breathing room */
    gap: 0 !important;            /* removes white bands caused by flex gap */
  }

  /* 3) Nested containers/columns/widgets inside those sections */
  .cta-button .e-con,
  .trust-section .e-con,
  .about-row  .e-con{
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
  }

  /* 4) Classic columns fallback (if any remain) */
  .cta-button .elementor-column .elementor-element-populated,
  .trust-section .elementor-column .elementor-element-populated,
  .about-row  .elementor-column .elementor-element-populated{
    padding: 0 !important;
    margin: 0 !important;
  }

  /* 5) Widgets: remove bottom margins & spacer heights */
  .cta-button .elementor-widget,
  .trust-section .elementor-widget,
  .about-row  .elementor-widget{
    margin-bottom: 0 !important;
  }
  .cta-button .elementor-widget-spacer,
  .trust-section .elementor-widget-spacer,
  .about-row  .elementor-widget-spacer{
    height: 0 !important;
    min-height: 0 !important;
  }

  /* 6) Image baseline gap */
  .cta-button img,
  .trust-section img,
  .about-row  img{
    display: block !important;
  }

  /* 7) Shape dividers if enabled */
  .cta-button .elementor-shape,
  .trust-section .elementor-shape,
  .about-row  .elementor-shape{
    display: none !important;
  }

  /* 8) New Elementor container CSS variables (kill grid gap) */
  :where(.cta-button, .trust-section, .about-row){
    --e-con-grid-gap: 0 !important;
    --gap: 0 !important;               /* some themes alias this var */
    --padding-block: 0 !important;     /* future-proof var usage */
  }

  /* 9) If two target sections are adjacent, overlap by 1px to hide hairlines */
  .cta-button + .trust-section,
  .trust-section + .about-row{
    margin-top: -1px !important;
  }
}

/* If any micro-gap still peeks through on phones, match the page bg */
@media (max-width: 767px){
  html, body { background-color: #0A2740; }
}
/* Fix hero section bottom padding pushing content down */
@media (min-width: 768px) {
  .cta-buttons {
    padding-bottom: 60px !important;  /* was 324.5px */
  }
}

/* Keep mobile padding tighter */
@media (max-width: 767px) {
  .cta-buttons {
    padding-bottom: 40px !important;
  }
}
/* Fix hero section bottom padding */
@media (min-width: 768px) {
  .cta-buttons {
    padding-bottom: 60px !important;
  }
}

@media (max-width: 767px) {
  .cta-buttons {
    padding-bottom: 40px !important;
  }
}
/* Force remove ALL gaps between sections */
.locations-pro {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Target the parent container of Our Team */
[style*="background-color:#0E2957"],
[style*="background-color: #0E2957"] {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.adteam {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Nuclear option - remove gap between ANY adjacent blue containers */
.elementor-element.e-con {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.header-contact {
  display: inline-block;
  padding: 8px 15px;
}

.phone-link {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
}

.phone-link:hover {
  transform: translateY(-2px);
  opacity: 0.8;
}

.phone-icon {
  font-size: 24px;
  animation: ring 2s ease-in-out infinite;
}

.phone-details {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}

.call-text {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #666;
}

.phone-number {
  font-size: 18px;
  font-weight: 700;
  color: #000;
}

.availability {
  font-size: 10px;
  color: #28a745;
  font-weight: 600;
}

@keyframes ring {
  0%, 100% { transform: rotate(0deg); }
  10%, 30% { transform: rotate(-10deg); }
  20%, 40% { transform: rotate(10deg); }
}

/* Responsive design */
@media (max-width: 768px) {
  .call-text {
    font-size: 9px;
  }
  .phone-number {
    font-size: 16px;
  }
  .availability {
    font-size: 9px;
  }
}
/* ===== HERO VIDEO FIX (CLEAN) ===== */
.hero-banner .elementor-background-video-container iframe,
.hero-banner .elementor-background-video-container video {
  object-fit: cover !important;
  width: 100vw !important;
  height: 100vh !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) scale(1.2) !important;
}
/* ===== MOBILE HERO & SECTION GAPS ===== */
@media (max-width: 767px) {
  /* Remove gap below hero */
  .hero-banner {
    margin-bottom: 0 !important;
    padding-bottom: 40px !important;
  }
  
  /* Remove gap above mega widget */
  .ad-mega {
    margin-top: 0 !important;
  }
  
  /* Match colors for seamless transition */
  .hero-banner {
    background-color: #020617 !important;
  }
}
/* HIDE BROKEN ARROWS AND DATE PICKER */
.elementor-swiper-button,
.swiper-button-prev,
.swiper-button-next,
.eicon-chevron-left,
.eicon-chevron-right,
[class*="swiper-button"],
[class*="chevron"],
.flatpickr-calendar,
.flatpickr-wrapper,
input[type="date"] + *,
.e-n-carousel-arrows,
.elementor-slides-wrapper ~ * {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}/* End custom CSS */