{"id":8,"date":"2026-08-25T07:41:18","date_gmt":"2026-08-25T07:41:18","guid":{"rendered":"https:\/\/spinwp2.mystartupcrew.com\/?page_id=8"},"modified":"2026-08-25T13:10:56","modified_gmt":"2026-08-25T13:10:56","slug":"home","status":"publish","type":"page","link":"https:\/\/spinwp2.mystartupcrew.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-474af58 e-con-full e-flex e-con e-parent\" data-id=\"474af58\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88a8f09 elementor-widget elementor-widget-html\" data-id=\"88a8f09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     SPIN TRANSPORTATION\r\n     PREMIUM HERO \u2014 LIGHT RIGHT OVERLAY\r\n     KEN BURNS + FADE SLIDER\r\n     WORDPRESS \/ ELEMENTOR READY\r\n\r\n     COLORS\r\n     RED   #C92327\r\n     BLACK #070908\r\n     WHITE #FFFFFF\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.spin-hero,\r\n.spin-hero *,\r\n.spin-hero *::before,\r\n.spin-hero *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.spin-hero a,\r\n.spin-hero a:hover,\r\n.spin-hero a:focus,\r\n.spin-hero a:active {\r\n    text-decoration: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.spin-hero {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 780px;\r\n    \/*margin-top: 60px;*\/\r\n\r\n    overflow: hidden;\r\n\r\n    background: #070908;\r\n    color: #ffffff;\r\n\r\n    font-family: \"Outfit\", \"Inter\", Arial, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND SLIDER\r\n========================================================= *\/\r\n\r\n.spin-bg-slider {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    z-index: 0;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n.spin-bg-slide {\r\n    position: absolute;\r\n\r\n    inset: -5%;\r\n\r\n    width: 110%;\r\n    height: 110%;\r\n\r\n    background-size: cover;\r\n    background-position: center center;\r\n    background-repeat: no-repeat;\r\n\r\n    opacity: 0;\r\n\r\n    transform: scale(1.08);\r\n\r\n    animation:\r\n        spinFade 18s linear infinite,\r\n        spinKenBurns 18s ease-in-out infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND IMAGES\r\n========================================================= *\/\r\n\r\n.spin-bg-slide:nth-child(1) {\r\n    background-image:\r\n        url(\"https:\/\/spinwp2.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/hero.png\");\r\n\r\n    animation-delay: 0s, 0s;\r\n}\r\n\r\n\r\n.spin-bg-slide:nth-child(2) {\r\n    background-image:\r\n        url(\"https:\/\/spinwp2.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/m.png\");\r\n\r\n    animation-delay: 6s, 6s;\r\n}\r\n\r\n\r\n.spin-bg-slide:nth-child(3) {\r\n    background-image:\r\n        url(\"https:\/\/spinwp2.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/m-3.jpg\");\r\n\r\n    animation-delay: 12s, 12s;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FADE ANIMATION\r\n========================================================= *\/\r\n\r\n@keyframes spinFade {\r\n\r\n    0% {\r\n        opacity: 0;\r\n    }\r\n\r\n    8% {\r\n        opacity: 1;\r\n    }\r\n\r\n    30% {\r\n        opacity: 1;\r\n    }\r\n\r\n    38% {\r\n        opacity: 0;\r\n    }\r\n\r\n    100% {\r\n        opacity: 0;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   KEN BURNS\r\n========================================================= *\/\r\n\r\n@keyframes spinKenBurns {\r\n\r\n    0% {\r\n        transform:\r\n            scale(1.05)\r\n            translate3d(-1%, 0, 0);\r\n    }\r\n\r\n    25% {\r\n        transform:\r\n            scale(1.10)\r\n            translate3d(1%, -1%, 0);\r\n    }\r\n\r\n    50% {\r\n        transform:\r\n            scale(1.15)\r\n            translate3d(2%, 1%, 0);\r\n    }\r\n\r\n    75% {\r\n        transform:\r\n            scale(1.11)\r\n            translate3d(-1%, 2%, 0);\r\n    }\r\n\r\n    100% {\r\n        transform:\r\n            scale(1.05)\r\n            translate3d(-2%, 0, 0);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CINEMATIC OVERLAY\r\n   LEFT DARK \/ RIGHT LIGHT\r\n========================================================= *\/\r\n\r\n.spin-hero-overlay {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 1;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n\r\n            rgba(3,10,16,.94) 0%,\r\n\r\n            rgba(3,10,16,.84) 15%,\r\n\r\n            rgba(3,10,16,.65) 30%,\r\n\r\n            rgba(3,10,16,.38) 46%,\r\n\r\n            rgba(3,10,16,.16) 63%,\r\n\r\n            rgba(3,10,16,.05) 80%,\r\n\r\n            rgba(3,10,16,.01) 100%\r\n        );\r\n}\r\n\r\n\r\n.spin-hero-overlay::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(0,0,0,.16) 0%,\r\n            transparent 38%,\r\n            rgba(0,0,0,.30) 100%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n.spin-hero-grid {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 2;\r\n\r\n    opacity: .055;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(255,255,255,.30) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,.30) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size: 70px 70px;\r\n\r\n    mask-image:\r\n        linear-gradient(\r\n            90deg,\r\n            #000 0%,\r\n            transparent 70%\r\n        );\r\n\r\n    -webkit-mask-image:\r\n        linear-gradient(\r\n            90deg,\r\n            #000 0%,\r\n            transparent 70%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RED LIGHT \/ GLOW\r\n========================================================= *\/\r\n\r\n.spin-hero-light {\r\n    position: absolute;\r\n\r\n    z-index: 2;\r\n\r\n    width: 480px;\r\n    height: 480px;\r\n\r\n    right: -190px;\r\n    top: 35%;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(201,35,39,.10);\r\n\r\n    filter: blur(120px);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN CONTAINER\r\n========================================================= *\/\r\n\r\n.spin-hero-container {\r\n    position: relative;\r\n\r\n    z-index: 5;\r\n\r\n    width: min(1240px, 92%);\r\n\r\n    min-height: 680px;\r\n\r\n    margin: auto;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    padding: 100px 0 180px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.spin-hero-content {\r\n    width: 720px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n.spin-eyebrow {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 11px;\r\n\r\n    margin-bottom: 25px;\r\n\r\n    padding: 9px 16px;\r\n\r\n    border: 1px solid #C92327;\r\n\r\n    border-radius: 50px;\r\n\r\n    background:\r\n        rgba(201,35,39,.08);\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    line-height: 1;\r\n\r\n    text-transform: uppercase;\r\n\r\n    backdrop-filter: blur(10px);\r\n}\r\n\r\n\r\n.spin-eyebrow-dot {\r\n    flex: 0 0 auto;\r\n\r\n    width: 8px;\r\n    height: 8px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #C92327;\r\n\r\n    box-shadow:\r\n        0 0 0 5px rgba(201,35,39,.10),\r\n        0 0 20px rgba(201,35,39,.70);\r\n\r\n    animation:\r\n        spinDot 1.8s ease-in-out infinite;\r\n}\r\n\r\n\r\n@keyframes spinDot {\r\n\r\n    0%,\r\n    100% {\r\n        transform: scale(1);\r\n        opacity: 1;\r\n    }\r\n\r\n    50% {\r\n        transform: scale(.65);\r\n        opacity: .5;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n.spin-hero h1 {\r\n    margin: 0;\r\n\r\n    max-width: 800px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size:\r\n        clamp(50px, 6vw, 72px);\r\n\r\n    line-height: .96;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: -4px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.spin-hero h1 span {\r\n    display: block;\r\n\r\n    color: #C92327;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.spin-description {\r\n    max-width: 650px;\r\n\r\n    margin:\r\n        28px 0 35px;\r\n\r\n    color:\r\n        rgba(255,255,255,.78);\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n========================================================= *\/\r\n\r\n.spin-buttons {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    flex-wrap: wrap;\r\n}\r\n\r\n\r\n.spin-btn {\r\n    min-height: 57px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 12px;\r\n\r\n    padding:\r\n        0 28px;\r\n\r\n    border-radius: 50px;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.2px;\r\n\r\n    line-height: 1;\r\n\r\n    text-transform: uppercase;\r\n\r\n    transition:\r\n        background .35s ease,\r\n        border-color .35s ease,\r\n        color .35s ease,\r\n        transform .35s ease,\r\n        box-shadow .35s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRIMARY BUTTON\r\n========================================================= *\/\r\n\r\n.spin-btn-primary {\r\n    color: #ffffff !important;\r\n\r\n    border:\r\n        1px solid #ffffff;\r\n\r\n    background:\r\n        rgba(255,255,255,.02);\r\n\r\n    box-shadow:\r\n        0 12px 35px rgba(0,0,0,.15);\r\n}\r\n\r\n\r\n.spin-btn-primary:hover,\r\n.spin-btn-primary:focus {\r\n    color: #ffffff !important;\r\n\r\n    border-color: #C92327;\r\n\r\n    background: #C92327;\r\n\r\n    transform:\r\n        translateY(-4px);\r\n\r\n    box-shadow:\r\n        0 16px 38px rgba(201,35,39,.28);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECONDARY BUTTON\r\n========================================================= *\/\r\n\r\n.spin-btn-secondary {\r\n    color: #ffffff !important;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.32);\r\n\r\n    background:\r\n        rgba(255,255,255,.07);\r\n\r\n    backdrop-filter: blur(12px);\r\n}\r\n\r\n\r\n.spin-btn-secondary:hover,\r\n.spin-btn-secondary:focus {\r\n    color: #ffffff !important;\r\n\r\n    border-color: #C92327;\r\n\r\n    background:\r\n        rgba(201,35,39,.14);\r\n\r\n    transform:\r\n        translateY(-4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON ARROW\r\n========================================================= *\/\r\n\r\n.spin-arrow {\r\n    font-size: 17px;\r\n\r\n    line-height: 1;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.spin-btn:hover .spin-arrow {\r\n    transform:\r\n        translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRUST\r\n========================================================= *\/\r\n\r\n.spin-trust {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    margin-top: 32px;\r\n\r\n    color:\r\n        rgba(255,255,255,.52);\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.8px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.spin-trust-line {\r\n    width: 45px;\r\n    height: 1px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    background: #C92327;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING CARD\r\n========================================================= *\/\r\n\r\n.spin-floating-card {\r\n    position: absolute;\r\n\r\n    z-index: 10;\r\n\r\n    right: 2%;\r\n\r\n    bottom: 125px;\r\n\r\n    width: 285px;\r\n\r\n    padding: 23px;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.15);\r\n\r\n    border-radius: 8px;\r\n\r\n    background:\r\n        rgba(7,19,29,.55);\r\n\r\n    backdrop-filter: blur(18px);\r\n\r\n    box-shadow:\r\n        0 25px 70px rgba(0,0,0,.30);\r\n\r\n    animation:\r\n        spinFloat 4s ease-in-out infinite;\r\n}\r\n\r\n\r\n@keyframes spinFloat {\r\n\r\n    0%,\r\n    100% {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    50% {\r\n        transform: translateY(-9px);\r\n    }\r\n}\r\n\r\n\r\n.spin-card-top {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    margin-bottom: 18px;\r\n}\r\n\r\n\r\n.spin-card-label {\r\n    color:\r\n        rgba(255,255,255,.48);\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.8px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.spin-card-icon {\r\n    width: 34px;\r\n    height: 34px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    color: #C92327;\r\n\r\n    background:\r\n        rgba(201,35,39,.10);\r\n\r\n    font-size: 17px;\r\n}\r\n\r\n\r\n.spin-floating-card h3 {\r\n    margin:\r\n        0 0 8px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 21px;\r\n\r\n    line-height: 1.2;\r\n}\r\n\r\n\r\n.spin-floating-card p {\r\n    margin: 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.57);\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDE NAVIGATION\r\n========================================================= *\/\r\n\r\n.spin-slide-nav {\r\n    position: absolute;\r\n\r\n    z-index: 10;\r\n\r\n    right: 3%;\r\n\r\n    top: 50%;\r\n\r\n    transform:\r\n        translateY(-50%);\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 10px;\r\n}\r\n\r\n\r\n.spin-slide-dot {\r\n    width: 4px;\r\n    height: 28px;\r\n\r\n    border-radius: 5px;\r\n\r\n    background:\r\n        rgba(255,255,255,.30);\r\n\r\n    animation:\r\n        spinIndicator 18s linear infinite;\r\n}\r\n\r\n\r\n.spin-slide-dot:nth-child(2) {\r\n    animation-delay: 6s;\r\n}\r\n\r\n\r\n.spin-slide-dot:nth-child(3) {\r\n    animation-delay: 12s;\r\n}\r\n\r\n\r\n@keyframes spinIndicator {\r\n\r\n    0%,\r\n    32% {\r\n        background: #C92327;\r\n        height: 48px;\r\n    }\r\n\r\n    38%,\r\n    100% {\r\n        background:\r\n            rgba(255,255,255,.30);\r\n\r\n        height: 28px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STATS\r\n========================================================= *\/\r\n\r\n.spin-stats {\r\n    position: absolute;\r\n\r\n    z-index: 8;\r\n\r\n    left: 50%;\r\n\r\n    bottom: 0;\r\n\r\n    transform:\r\n        translateX(-50%);\r\n\r\n    width:\r\n        min(1240px, 92%);\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4, 1fr);\r\n\r\n    border-top:\r\n        1px solid rgba(255,255,255,.13);\r\n}\r\n\r\n\r\n.spin-stat {\r\n    padding:\r\n        19px 22px;\r\n\r\n    border-right:\r\n        1px solid rgba(255,255,255,.10);\r\n\r\n    background:\r\n        rgba(4,12,19,.40);\r\n\r\n    backdrop-filter:\r\n        blur(10px);\r\n}\r\n\r\n\r\n.spin-stat:last-child {\r\n    border-right: 0;\r\n}\r\n\r\n\r\n.spin-stat strong {\r\n    display: block;\r\n\r\n    margin-bottom: 4px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 17px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n.spin-stat span {\r\n    color:\r\n        rgba(255,255,255,.46);\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.3px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .spin-hero {\r\n        min-height: 850px;\r\n    }\r\n\r\n\r\n    .spin-hero-container {\r\n        width: 90%;\r\n\r\n        min-height: 850px;\r\n\r\n        align-items: flex-start;\r\n\r\n        padding:\r\n            100px 0 190px;\r\n    }\r\n\r\n\r\n    .spin-bg-slide {\r\n        background-position:\r\n            65% center;\r\n    }\r\n\r\n\r\n    \/* ---------------------------------------------\r\n       MOBILE LIGHTER OVERLAY\r\n    --------------------------------------------- *\/\r\n\r\n    .spin-hero-overlay {\r\n        background:\r\n            linear-gradient(\r\n                90deg,\r\n                rgba(3,10,16,.88) 0%,\r\n                rgba(3,10,16,.66) 25%,\r\n                rgba(3,10,16,.36) 48%,\r\n                rgba(3,10,16,.12) 72%,\r\n                rgba(3,10,16,.02) 100%\r\n            );\r\n    }\r\n\r\n\r\n    .spin-hero-overlay::after {\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(0,0,0,.10) 0%,\r\n                transparent 38%,\r\n                rgba(0,0,0,.28) 100%\r\n            );\r\n    }\r\n\r\n\r\n    .spin-hero-content {\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    .spin-hero h1 {\r\n        font-size:\r\n            clamp(42px, 12vw, 58px);\r\n\r\n        letter-spacing:\r\n            -2.5px;\r\n    }\r\n\r\n\r\n    .spin-description {\r\n        font-size: 14px;\r\n\r\n        line-height: 1.7;\r\n\r\n        margin:\r\n            22px 0 28px;\r\n    }\r\n\r\n\r\n    .spin-buttons {\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    .spin-btn {\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    .spin-floating-card {\r\n        display: none;\r\n    }\r\n\r\n\r\n    .spin-slide-nav {\r\n        display: none;\r\n    }\r\n\r\n\r\n    .spin-stats {\r\n        width: 90%;\r\n\r\n        grid-template-columns:\r\n            repeat(2, 1fr);\r\n    }\r\n\r\n\r\n    .spin-stat {\r\n        padding: 15px;\r\n\r\n        border-bottom:\r\n            1px solid rgba(255,255,255,.10);\r\n    }\r\n\r\n\r\n    .spin-stat:nth-child(2) {\r\n        border-right: 0;\r\n    }\r\n\r\n\r\n    .spin-stat strong {\r\n        font-size: 14px;\r\n    }\r\n\r\n\r\n    .spin-stat span {\r\n        font-size: 7px;\r\n\r\n        letter-spacing: .9px;\r\n    }\r\n\r\n\r\n    .spin-eyebrow {\r\n        font-size: 8px;\r\n\r\n        letter-spacing: 1.3px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .spin-hero {\r\n        min-height: 820px;\r\n    }\r\n\r\n\r\n    .spin-hero-container {\r\n        min-height: 820px;\r\n    }\r\n\r\n\r\n    .spin-hero h1 {\r\n        font-size: 40px;\r\n\r\n        letter-spacing:\r\n            -2px;\r\n    }\r\n\r\n\r\n    .spin-description {\r\n        font-size: 12px;\r\n    }\r\n\r\n\r\n    .spin-eyebrow {\r\n        padding:\r\n            8px 13px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .spin-hero *,\r\n    .spin-hero *::before,\r\n    .spin-hero *::after {\r\n\r\n        animation: none !important;\r\n\r\n        transition: none !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     HTML\r\n========================================================= -->\r\n\r\n<section class=\"spin-hero\">\r\n\r\n\r\n    <!-- =====================================================\r\n         BACKGROUND SLIDER\r\n    ===================================================== -->\r\n\r\n    <div class=\"spin-bg-slider\">\r\n\r\n        <div class=\"spin-bg-slide\"><\/div>\r\n\r\n        <div class=\"spin-bg-slide\"><\/div>\r\n\r\n        <div class=\"spin-bg-slide\"><\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         CINEMATIC OVERLAY\r\n    ===================================================== -->\r\n\r\n    <div class=\"spin-hero-overlay\"><\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         GRID\r\n    ===================================================== -->\r\n\r\n    <div class=\"spin-hero-grid\"><\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         RED LIGHT\r\n    ===================================================== -->\r\n\r\n    <div class=\"spin-hero-light\"><\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         MAIN CONTENT\r\n    ===================================================== -->\r\n\r\n    <div class=\"spin-hero-container\">\r\n\r\n        <div class=\"spin-hero-content\">\r\n\r\n\r\n            <!-- EYEBROW -->\r\n\r\n            <div class=\"spin-eyebrow\">\r\n\r\n                <span class=\"spin-eyebrow-dot\"><\/span>\r\n\r\n                Heavy Haul Transportation\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- HEADING -->\r\n\r\n            <h1>\r\n\r\n                Spin\r\n\r\n                <span>\r\n                    Transportation.\r\n                <\/span>\r\n\r\n            <\/h1>\r\n\r\n\r\n            <!-- DESCRIPTION -->\r\n\r\n            <p class=\"spin-description\">\r\n\r\n                We offer services throughout North America,\r\n                including Mexico and Canada, serving shippers\r\n                with equipment ranging from Hotshots to\r\n                Over-Dimensional (High \u2013 Wide \u2013 Heavy)\r\n                equipment. Our management team's 60 years\r\n                of experience gives us the ability to ensure\r\n                that your cargo arrives within budget and on-time.\r\n\r\n            <\/p>\r\n\r\n\r\n            <!-- BUTTONS -->\r\n\r\n            <div class=\"spin-buttons\">\r\n\r\n                <a\r\n                    href=\"#quote\"\r\n                    class=\"spin-btn spin-btn-primary\">\r\n\r\n                    Contact Now\r\n\r\n                    <span class=\"spin-arrow\">\r\n                        \u2192\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                    href=\"#services\"\r\n                    class=\"spin-btn spin-btn-secondary\">\r\n\r\n                    Explore Services\r\n\r\n                    <span class=\"spin-arrow\">\r\n                        \u2192\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- TRUST -->\r\n\r\n            <div class=\"spin-trust\">\r\n\r\n                <span class=\"spin-trust-line\"><\/span>\r\n\r\n                Built For Complex Freight\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             SLIDE NAVIGATION\r\n        ================================================= -->\r\n\r\n        <div class=\"spin-slide-nav\">\r\n\r\n            <span class=\"spin-slide-dot\"><\/span>\r\n\r\n            <span class=\"spin-slide-dot\"><\/span>\r\n\r\n            <span class=\"spin-slide-dot\"><\/span>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         BOTTOM STATS\r\n    ===================================================== -->\r\n\r\n    <div class=\"spin-stats\">\r\n\r\n\r\n        <div class=\"spin-stat\">\r\n\r\n            <strong>\r\n                60+ Years\r\n            <\/strong>\r\n\r\n            <span>\r\n                Management Experience\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"spin-stat\">\r\n\r\n            <strong>\r\n                24 \/ 7\r\n            <\/strong>\r\n\r\n            <span>\r\n                Dispatch Support\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"spin-stat\">\r\n\r\n            <strong>\r\n                USA \u2022 CAN \u2022 MEX\r\n            <\/strong>\r\n\r\n            <span>\r\n                North America Coverage\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"spin-stat\">\r\n\r\n            <strong>\r\n                125K+ LBS\r\n            <\/strong>\r\n\r\n            <span>\r\n                Heavy Freight Capability\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51368e7 e-con-full e-flex e-con e-parent\" data-id=\"51368e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78b810c elementor-widget elementor-widget-html\" data-id=\"78b810c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     SPIN TRANSPORTATION \u2014 ABOUT SECTION\r\n     WHITE \/ PREMIUM \/ INDUSTRIAL\r\n     WordPress + Elementor Ready\r\n     Colors:\r\n     Red   #C92327\r\n     Black #070908\r\n     White #FFFFFF\r\n========================================================= -->\r\n\r\n<style>\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.spin-about,\r\n.spin-about * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.spin-about {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 115px 0 120px;\r\n    background: #ffffff;\r\n    color: #070908;\r\n    font-family: \"Outfit\", Sans-serif;\r\n}\r\n\r\n\/* =========================================================\r\n   SUBTLE BACKGROUND DETAIL\r\n========================================================= *\/\r\n\r\n.spin-about::before {\r\n    content: \"SPIN\";\r\n    position: absolute;\r\n    right: -30px;\r\n    top: 20px;\r\n\r\n    font-size: clamp(130px, 18vw, 260px);\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    letter-spacing: -15px;\r\n\r\n    color: rgba(7,9,8,.025);\r\n    pointer-events: none;\r\n    user-select: none;\r\n}\r\n\r\n.spin-about::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: 0;\r\n    bottom: 0;\r\n\r\n    width: 35%;\r\n    height: 1px;\r\n\r\n    background: #C92327;\r\n    opacity: .35;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.spin-about-container {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: min(1240px, 92%);\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n    grid-template-columns: 1.02fr .98fr;\r\n\r\n    gap: 85px;\r\n    align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VISUAL AREA\r\n========================================================= *\/\r\n\r\n.spin-about-visual {\r\n    position: relative;\r\n    min-height: 590px;\r\n    padding: 0 28px 28px 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n.spin-about-image {\r\n    position: absolute;\r\n    inset: 0 28px 28px 0;\r\n\r\n    overflow: hidden;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(0,0,0,.05),\r\n            rgba(0,0,0,.15)\r\n        ),\r\n        url(\"https:\/\/spinwp2.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/m-5.jpg?auto=format&fit=crop&w=1500&q=90\");\r\n\r\n    background-size: cover;\r\n    background-position: center;\r\n\r\n    transition:\r\n        transform .8s cubic-bezier(.2,.7,.2,1),\r\n        filter .8s ease;\r\n}\r\n\r\n.spin-about-visual:hover .spin-about-image {\r\n    transform: scale(1.025);\r\n    filter: saturate(1.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RED OFFSET FRAME\r\n========================================================= *\/\r\n\r\n.spin-about-frame {\r\n    position: absolute;\r\n\r\n    top: 25px;\r\n    left: 25px;\r\n    right: 0;\r\n    bottom: 0;\r\n\r\n    border: 2px solid #C92327;\r\n\r\n    pointer-events: none;\r\n\r\n    transition: transform .6s ease;\r\n}\r\n\r\n.spin-about-visual:hover .spin-about-frame {\r\n    transform: translate(7px, 7px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n.spin-about-image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            transparent 45%,\r\n            rgba(7,9,8,.55)\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE LABEL\r\n========================================================= *\/\r\n\r\n.spin-image-tag {\r\n    position: absolute;\r\n    z-index: 4;\r\n\r\n    top: 25px;\r\n    left: 25px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n\r\n    padding: 10px 15px;\r\n\r\n    background: #ffffff;\r\n    color: #070908;\r\n\r\n    font-size: 9px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.7px;\r\n    text-transform: uppercase;\r\n    border-radius: 50px;\r\n\r\n    box-shadow: 0 10px 30px rgba(0,0,0,.12);\r\n}\r\n\r\n.spin-image-tag-dot {\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    border-radius: 50%;\r\n    background: #C92327;\r\n\r\n    box-shadow: 0 0 0 4px rgba(201,35,39,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EXPERIENCE BADGE\r\n========================================================= *\/\r\n\r\n.spin-experience {\r\n    position: absolute;\r\n    z-index: 5;\r\n\r\n    left: -32px;\r\n    bottom: 55px;\r\n\r\n    width: 205px;\r\n    padding: 25px 24px;\r\n\r\n    background: #C92327;\r\n    color: #ffffff;\r\n    border-radius: 15px;\r\n\r\n    box-shadow: 0 22px 50px rgba(0,0,0,.20);\r\n}\r\n\r\n.spin-experience::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n\r\n    width: 45px;\r\n    height: 45px;\r\n\r\n    border-left: 1px solid rgba(255,255,255,.35);\r\n    border-bottom: 1px solid rgba(255,255,255,.35);\r\n}\r\n\r\n.spin-experience-number {\r\n    display: block;\r\n\r\n    margin-bottom: 5px;\r\n\r\n    font-size: 46px;\r\n    line-height: 1;\r\n\r\n    font-weight: 900;\r\n    letter-spacing: -3px;\r\n}\r\n\r\n.spin-experience-label {\r\n    display: block;\r\n\r\n    font-size: 10px;\r\n    line-height: 1.5;\r\n\r\n    font-weight: 800;\r\n    letter-spacing: 1.1px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.spin-about-content {\r\n    position: relative;\r\n    padding-left: 5px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n.spin-about-eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n\r\n    margin-bottom: 19px;\r\n\r\n    color: #C92327;\r\n\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.spin-about-eyebrow::before {\r\n    content: \"\";\r\n\r\n    width: 38px;\r\n    height: 2px;\r\n\r\n    background: #C92327;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n.spin-about-title {\r\n    margin: 0 0 25px;\r\n\r\n    max-width: 620px;\r\n\r\n    color: #070908;\r\n\r\n    font-size: clamp(43px, 5vw, 70px);\r\n    line-height: .98;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: -3.8px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.spin-about-title span {\r\n    display: block;\r\n    color: #C92327;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RED ACCENT LINE\r\n========================================================= *\/\r\n\r\n.spin-about-accent {\r\n    width: 75px;\r\n    height: 4px;\r\n\r\n    margin-bottom: 27px;\r\n\r\n    background: #C92327;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.spin-about-intro {\r\n    margin: 0 0 19px;\r\n\r\n    max-width: 610px;\r\n\r\n    color: #070908;\r\n\r\n    font-size: 19px;\r\n    line-height: 1.65;\r\n\r\n    font-weight: 650;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BODY\r\n========================================================= *\/\r\n\r\n.spin-about-text {\r\n    margin: 0 0 30px;\r\n\r\n    max-width: 610px;\r\n\r\n    color: #5b5f60;\r\n\r\n    font-size: 14px;\r\n    line-height: 1.85;\r\n\r\n    font-weight: 450;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURES\r\n========================================================= *\/\r\n\r\n.spin-about-features {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n\r\n    gap: 12px 18px;\r\n\r\n    margin-bottom: 34px;\r\n}\r\n\r\n.spin-about-feature {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    min-height: 50px;\r\n    padding: 9px 12px;\r\n\r\n    border-left: 2px solid #C92327;\r\n\r\n    background: #f7f7f7;\r\n    border-radius: 50px;\r\n\r\n    color: #070908;\r\n\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .2px;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        transform .3s ease,\r\n        border-color .3s ease;\r\n}\r\n\r\n.spin-about-feature:hover {\r\n    background: #070908;\r\n    color: #ffffff;\r\n\r\n    transform: translateX(4px);\r\n}\r\n\r\n.spin-feature-icon {\r\n    width: 30px;\r\n    height: 30px;\r\n\r\n    flex: 0 0 30px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border: 1px solid #C92327;\r\n    border-radius: 50px;\r\n\r\n    color: #C92327;\r\n    background: #ffffff;\r\n\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n\r\n    transition: .3s ease;\r\n}\r\n\r\n.spin-about-feature:hover .spin-feature-icon {\r\n    background: #C92327;\r\n    color: #ffffff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n.spin-about-cta {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.spin-about-btn {\r\n    min-height: 55px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 17px;\r\n\r\n    padding: 0 27px;\r\n\r\n    background: #C92327;\r\n    color: #ffffff !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 10px;\r\n    font-weight: 900;\r\n    border-radius: 50px;\r\n\r\n    letter-spacing: 1.4px;\r\n    text-transform: uppercase;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        transform .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n.spin-about-btn:hover {\r\n    background: #070908;\r\n    color: #ffffff !important;\r\n\r\n    transform: translateY(-3px);\r\n\r\n    box-shadow: 0 15px 35px rgba(0,0,0,.18);\r\n}\r\n\r\n.spin-about-btn span {\r\n    display: inline-flex;\r\n\r\n    font-size: 18px;\r\n    line-height: 1;\r\n\r\n    transition: transform .3s ease;\r\n}\r\n\r\n.spin-about-btn:hover span {\r\n    transform: translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SIDE INDEX\r\n========================================================= *\/\r\n\r\n.spin-about-index {\r\n    position: absolute;\r\n\r\n    right: -20px;\r\n    top: 50%;\r\n\r\n    transform: translateY(-50%) rotate(90deg);\r\n\r\n    color: rgba(7,9,8,.16);\r\n\r\n    font-size: 9px;\r\n    font-weight: 900;\r\n\r\n    letter-spacing: 4px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM STAT STRIP\r\n========================================================= *\/\r\n\r\n.spin-about-stats {\r\n    position: relative;\r\n    z-index: 3;\r\n\r\n    width: min(1240px, 92%);\r\n    margin: 90px auto 0;\r\n\r\n    padding-top: 28px;\r\n\r\n    border-top: 1px solid #dedede;\r\n\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n\r\n    gap: 25px;\r\n}\r\n\r\n.spin-about-stat {\r\n    position: relative;\r\n\r\n    padding-left: 18px;\r\n}\r\n\r\n.spin-about-stat::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    left: 0;\r\n    top: 3px;\r\n    bottom: 3px;\r\n\r\n    width: 2px;\r\n\r\n    background: #C92327;\r\n}\r\n\r\n.spin-about-stat strong {\r\n    display: block;\r\n\r\n    margin-bottom: 5px;\r\n\r\n    color: #070908;\r\n\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.spin-about-stat span {\r\n    display: block;\r\n\r\n    color: #777b7c;\r\n\r\n    font-size: 11px;\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n    .spin-about {\r\n        padding: 90px 0 95px;\r\n    }\r\n\r\n    .spin-about-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 75px;\r\n    }\r\n\r\n    .spin-about-visual {\r\n        min-height: 540px;\r\n    }\r\n\r\n    .spin-about-content {\r\n        padding-left: 0;\r\n    }\r\n\r\n    .spin-about-index {\r\n        display: none;\r\n    }\r\n\r\n    .spin-about-title {\r\n        max-width: 700px;\r\n    }\r\n\r\n    .spin-about-intro,\r\n    .spin-about-text {\r\n        max-width: 720px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .spin-about {\r\n        padding: 70px 0 75px;\r\n    }\r\n\r\n    .spin-about-container {\r\n        width: 90%;\r\n        gap: 60px;\r\n    }\r\n\r\n    .spin-about-visual {\r\n        min-height: 430px;\r\n        padding-right: 14px;\r\n        padding-bottom: 14px;\r\n    }\r\n\r\n    .spin-about-image {\r\n        inset: 0 14px 14px 0;\r\n    }\r\n\r\n    .spin-about-frame {\r\n        top: 14px;\r\n        left: 14px;\r\n    }\r\n\r\n    .spin-image-tag {\r\n        top: 16px;\r\n        left: 16px;\r\n\r\n        padding: 9px 11px;\r\n\r\n        font-size: 8px;\r\n    }\r\n\r\n    .spin-experience {\r\n        left: 12px;\r\n        bottom: 25px;\r\n\r\n        width: 165px;\r\n        padding: 19px;\r\n    }\r\n\r\n    .spin-experience-number {\r\n        font-size: 36px;\r\n    }\r\n\r\n    .spin-experience-label {\r\n        font-size: 9px;\r\n    }\r\n\r\n    .spin-about-title {\r\n        font-size: 43px;\r\n        letter-spacing: -2.5px;\r\n    }\r\n\r\n    .spin-about-intro {\r\n        font-size: 16px;\r\n        line-height: 1.65;\r\n    }\r\n\r\n    .spin-about-text {\r\n        font-size: 13px;\r\n        line-height: 1.75;\r\n    }\r\n\r\n    .spin-about-features {\r\n        grid-template-columns: 1fr;\r\n        gap: 9px;\r\n    }\r\n\r\n    .spin-about-feature {\r\n        min-height: 48px;\r\n    }\r\n\r\n    .spin-about-btn {\r\n        width: 100%;\r\n    }\r\n\r\n    .spin-about-stats {\r\n        width: 90%;\r\n\r\n        margin-top: 60px;\r\n\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     HTML\r\n========================================================= -->\r\n\r\n<section class=\"spin-about\">\r\n\r\n    <div class=\"spin-about-container\">\r\n\r\n        <!-- =================================================\r\n             IMAGE\r\n        ================================================= -->\r\n\r\n        <div class=\"spin-about-visual\">\r\n\r\n            <div class=\"spin-about-image\"><\/div>\r\n\r\n            <div class=\"spin-about-frame\"><\/div>\r\n\r\n            <div class=\"spin-image-tag\">\r\n                <span class=\"spin-image-tag-dot\"><\/span>\r\n                Built For The Road\r\n            <\/div>\r\n\r\n            <div class=\"spin-experience\">\r\n                <span class=\"spin-experience-number\">60+<\/span>\r\n\r\n                <span class=\"spin-experience-label\">\r\n                    Years of Combined<br>\r\n                    Management Experience\r\n                <\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             CONTENT\r\n        ================================================= -->\r\n\r\n        <div class=\"spin-about-content\">\r\n\r\n            <div class=\"spin-about-eyebrow\">\r\n                About Spin\r\n            <\/div>\r\n\r\n            <h2 class=\"spin-about-title\">\r\n                Transportation\r\n                <span>Without Limits.<\/span>\r\n            <\/h2>\r\n\r\n            <div class=\"spin-about-accent\"><\/div>\r\n\r\n            <p class=\"spin-about-intro\">\r\n                Spin Transportation delivers specialized\r\n                freight solutions for some of the most\r\n                challenging loads on the road.\r\n            <\/p>\r\n\r\n            <p class=\"spin-about-text\">\r\n                From standard flatbed transportation to\r\n                complex heavy-haul and over-dimensional\r\n                projects, our team combines experienced\r\n                management, reliable equipment and\r\n                responsive logistics support to keep\r\n                critical freight moving safely and\r\n                efficiently across North America.\r\n            <\/p>\r\n\r\n\r\n            <!-- FEATURES -->\r\n\r\n            <div class=\"spin-about-features\">\r\n\r\n                <div class=\"spin-about-feature\">\r\n                    <span class=\"spin-feature-icon\">\r\n                        \u2713\r\n                    <\/span>\r\n                    Heavy Haul Specialists\r\n                <\/div>\r\n\r\n                <div class=\"spin-about-feature\">\r\n                    <span class=\"spin-feature-icon\">\r\n                        \u2713\r\n                    <\/span>\r\n                    Over-Dimensional Freight\r\n                <\/div>\r\n\r\n                <div class=\"spin-about-feature\">\r\n                    <span class=\"spin-feature-icon\">\r\n                        \u2713\r\n                    <\/span>\r\n                    24\/7 Dispatch Support\r\n                <\/div>\r\n\r\n                <div class=\"spin-about-feature\">\r\n                    <span class=\"spin-feature-icon\">\r\n                        \u2713\r\n                    <\/span>\r\n                    North America Coverage\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- CTA -->\r\n\r\n            <div class=\"spin-about-cta\">\r\n\r\n                <a href=\"#services\" class=\"spin-about-btn\">\r\n                    Explore Our Capabilities\r\n                    <span>\u2192<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"spin-about-index\">\r\n                SPIN TRANSPORTATION \/ 01\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =================================================\r\n         BOTTOM STATS\r\n    ================================================= -->\r\n\r\n    <div class=\"spin-about-stats\">\r\n\r\n        <div class=\"spin-about-stat\">\r\n\r\n            <strong>Complex Freight<\/strong>\r\n\r\n            <span>\r\n                Built for demanding transportation requirements\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"spin-about-stat\">\r\n\r\n            <strong>Reliable Operations<\/strong>\r\n\r\n            <span>\r\n                Precision from pickup through delivery\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"spin-about-stat\">\r\n\r\n            <strong>Turn-Key Support<\/strong>\r\n\r\n            <span>\r\n                One experienced team for complex logistics\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d902a4 e-con-full e-flex e-con e-parent\" data-id=\"7d902a4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c3584a elementor-widget elementor-widget-html\" data-id=\"5c3584a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     SPIN TRANSPORTATION\r\n     SERVICES \u2014 EXPANDING HOVER CARDS\r\n     \r\n     BRAND COLORS:\r\n     RED   #C92327\r\n     BLACK #070908\r\n     WHITE #FFFFFF\r\n\r\n     WORDPRESS \/ ELEMENTOR READY\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.spin-services,\r\n.spin-services *,\r\n.spin-services *::before,\r\n.spin-services *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN SECTION\r\n========================================================= *\/\r\n\r\n.spin-services {\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    padding: 110px 0 120px;\r\n\r\n    background: #070908;\r\n    color: #ffffff;\r\n\r\n    font-family: \"Inter\", \"Arial\", sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBTLE BACKGROUND GRID\r\n========================================================= *\/\r\n\r\n.spin-services::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(255,255,255,.025) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,.025) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size: 70px 70px;\r\n\r\n    opacity: .55;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RED GLOW\r\n========================================================= *\/\r\n\r\n.spin-services::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 520px;\r\n    height: 520px;\r\n\r\n    right: -280px;\r\n    top: 100px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(201,35,39,.10);\r\n\r\n    filter: blur(110px);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.spin-services-container {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: min(1240px, 92%);\r\n\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.spin-services-header {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n\r\n    gap: 50px;\r\n\r\n    margin-bottom: 48px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n.spin-services-eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    margin-bottom: 17px;\r\n\r\n    color: #C92327;\r\n\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2.8px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.spin-services-eyebrow::before {\r\n    content: \"\";\r\n\r\n    width: 42px;\r\n    height: 2px;\r\n\r\n    background: #C92327;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.spin-services-title {\r\n    margin: 0;\r\n\r\n    max-width: 720px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size: clamp(42px, 5.2vw, 68px);\r\n\r\n    line-height: .96;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: -3.5px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.spin-services-title span {\r\n    color: #C92327;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.spin-services-intro {\r\n    max-width: 420px;\r\n\r\n    margin: 0 0 3px;\r\n\r\n    color: rgba(255,255,255,.55);\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICE ROW\r\n========================================================= *\/\r\n\r\n.spin-services-row {\r\n    display: flex;\r\n    align-items: stretch;\r\n\r\n    gap: 14px;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 430px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICE CARD\r\n========================================================= *\/\r\n\r\n.spin-service-card {\r\n    position: relative;\r\n\r\n    flex: 1 1 0;\r\n\r\n    min-width: 0;\r\n\r\n    height: 430px;\r\n\r\n    overflow: hidden;\r\n\r\n    border: 1px solid rgba(255,255,255,.16);\r\n\r\n    border-radius: 20px;\r\n\r\n    background: #FFFFFF;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        flex .65s cubic-bezier(.22,.61,.36,1),\r\n        transform .45s ease,\r\n        box-shadow .45s ease,\r\n        border-color .4s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD HOVER\r\n========================================================= *\/\r\n\r\n.spin-service-card:hover {\r\n    flex: 2.6;\r\n\r\n    transform: translateY(-6px);\r\n\r\n    border-color: #C92327;\r\n\r\n    box-shadow:\r\n        0 25px 70px rgba(0,0,0,.45),\r\n        0 0 0 1px rgba(201,35,39,.15);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD INNER\r\n========================================================= *\/\r\n\r\n.spin-service-inner {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CLOSED CARD\r\n========================================================= *\/\r\n\r\n.spin-service-closed {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    padding: 34px 28px;\r\n\r\n    background: #FFFFFF;\r\n\r\n    transition:\r\n        opacity .35s ease,\r\n        transform .5s cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CLOSED CARD CORNER\r\n========================================================= *\/\r\n\r\n.spin-service-closed::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    right: 0;\r\n\r\n    width: 72px;\r\n    height: 72px;\r\n\r\n    background: #C92327;\r\n\r\n    clip-path: polygon(\r\n        0 0,\r\n        100% 0,\r\n        100% 100%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CLOSED CARD HOVER\r\n========================================================= *\/\r\n\r\n.spin-service-card:hover .spin-service-closed {\r\n    opacity: 0;\r\n\r\n    transform: translateX(-30px);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON CIRCLE\r\n========================================================= *\/\r\n\r\n.spin-service-icon {\r\n    position: relative;\r\n    z-index: 3;\r\n\r\n    width: 58px;\r\n    height: 58px;\r\n\r\n    flex: 0 0 58px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    margin-bottom: 27px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #C92327;\r\n\r\n    color: #FFFFFF;\r\n\r\n    transition:\r\n        transform .4s ease,\r\n        box-shadow .4s ease;\r\n}\r\n\r\n.spin-service-card:hover .spin-service-icon {\r\n    transform: scale(1.08);\r\n\r\n    box-shadow:\r\n        0 10px 30px rgba(201,35,39,.30);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SVG\r\n========================================================= *\/\r\n\r\n.spin-svg-icon {\r\n    display: block;\r\n\r\n    width: 25px;\r\n    height: 25px;\r\n\r\n    color: currentColor;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CLOSED TITLE\r\n========================================================= *\/\r\n\r\n.spin-service-closed h3 {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    max-width: 205px;\r\n\r\n    margin: 0;\r\n\r\n    color: #070908;\r\n\r\n    font-size: 19px;\r\n\r\n    line-height: 1.2;\r\n\r\n    font-weight: 850;\r\n\r\n    letter-spacing: -.2px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SHORT DESCRIPTION\r\n========================================================= *\/\r\n\r\n.spin-service-short {\r\n    max-width: 225px;\r\n\r\n    margin: auto 0 23px;\r\n\r\n    color: #5d6464;\r\n\r\n    font-size: 12.5px;\r\n\r\n    line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ARROW CIRCLE\r\n========================================================= *\/\r\n\r\n.spin-service-arrow {\r\n    width: 47px;\r\n    height: 47px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    flex: 0 0 47px;\r\n\r\n    border: 1px solid #e1e5e5;\r\n\r\n    border-radius: 50%;\r\n\r\n    color: #070908;\r\n\r\n    background: #FFFFFF;\r\n\r\n    transition:\r\n        .35s ease;\r\n}\r\n\r\n.spin-service-card:hover .spin-service-arrow {\r\n    color: #FFFFFF;\r\n\r\n    border-color: #C92327;\r\n\r\n    background: #C92327;\r\n\r\n    transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OPEN CARD\r\n========================================================= *\/\r\n\r\n.spin-service-open {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    opacity: 0;\r\n\r\n    visibility: hidden;\r\n\r\n    transform: scale(1.045);\r\n\r\n    background: #070908;\r\n\r\n    transition:\r\n        opacity .45s ease .10s,\r\n        transform .65s ease,\r\n        visibility .45s ease;\r\n}\r\n\r\n.spin-service-card:hover .spin-service-open {\r\n    opacity: 1;\r\n\r\n    visibility: visible;\r\n\r\n    transform: scale(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OPEN IMAGE\r\n========================================================= *\/\r\n\r\n.spin-service-image {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background-size: cover;\r\n    background-position: center;\r\n\r\n    transform: scale(1);\r\n\r\n    transition:\r\n        transform 1.1s cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n.spin-service-card:hover .spin-service-image {\r\n    transform: scale(1.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICE IMAGES\r\n   Replace URLs with your WordPress Media Library images\r\n========================================================= *\/\r\n\r\n\r\n\/* 01 \u2014 Flatbed *\/\r\n\r\n.spin-service-card:nth-child(1)\r\n.spin-service-image {\r\n    background-image:\r\n        url(\"https:\/\/spinwp2.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/m.png?auto=format&fit=crop&w=1600&q=90\");\r\n}\r\n\r\n\r\n\/* 02 \u2014 Heavy Haul *\/\r\n\r\n.spin-service-card:nth-child(2)\r\n.spin-service-image {\r\n    background-image:\r\n        url(\"https:\/\/spinwp2.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/hero.png?auto=format&fit=crop&w=1600&q=90\");\r\n}\r\n\r\n\r\n\/* 03 \u2014 Over Dimensional *\/\r\n\r\n.spin-service-card:nth-child(3)\r\n.spin-service-image {\r\n    background-image:\r\n        url(\"https:\/\/spinwp2.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/m-1.png?auto=format&fit=crop&w=1600&q=90\");\r\n}\r\n\r\n\r\n\/* 04 \u2014 Permits \/ Route *\/\r\n\r\n.spin-service-card:nth-child(4)\r\n.spin-service-image {\r\n    background-image:\r\n        url(\"https:\/\/spinwp2.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/m-2.jpg?auto=format&fit=crop&w=1600&q=90\");\r\n}\r\n\r\n\r\n\/* 05 \u2014 Project Logistics *\/\r\n\r\n.spin-service-card:nth-child(5)\r\n.spin-service-image {\r\n    background-image:\r\n        url(\"https:\/\/spinwp2.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/m-4.jpg?auto=format&fit=crop&w=1600&q=90\");\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n.spin-service-open::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    z-index: 1;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(7,9,8,.05) 0%,\r\n            rgba(7,9,8,.18) 30%,\r\n            rgba(7,9,8,.92) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RED SIDE ACCENT\r\n========================================================= *\/\r\n\r\n.spin-service-open::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    z-index: 2;\r\n\r\n    left: 0;\r\n    bottom: 0;\r\n\r\n    width: 5px;\r\n    height: 0;\r\n\r\n    background: #C92327;\r\n\r\n    transition:\r\n        height .65s cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n.spin-service-card:hover .spin-service-open::after {\r\n    height: 100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OPEN CONTENT\r\n========================================================= *\/\r\n\r\n.spin-service-open-content {\r\n    position: absolute;\r\n\r\n    z-index: 4;\r\n\r\n    left: 30px;\r\n    right: 30px;\r\n    bottom: 29px;\r\n\r\n    transform: translateY(15px);\r\n\r\n    opacity: 0;\r\n\r\n    transition:\r\n        opacity .45s ease .20s,\r\n        transform .55s ease .20s;\r\n}\r\n\r\n.spin-service-card:hover\r\n.spin-service-open-content {\r\n    opacity: 1;\r\n\r\n    transform: translateY(0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n.spin-open-number {\r\n    display: block;\r\n\r\n    margin-bottom: 9px;\r\n\r\n    color: #C92327;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OPEN TITLE\r\n========================================================= *\/\r\n\r\n.spin-service-open-content h3 {\r\n    margin: 0 0 10px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size: 27px;\r\n\r\n    line-height: 1.05;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: -.8px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OPEN DESCRIPTION\r\n========================================================= *\/\r\n\r\n.spin-service-open-content p {\r\n    max-width: 450px;\r\n\r\n    margin: 0 0 18px;\r\n\r\n    color: rgba(255,255,255,.72);\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEARN LINK\r\n========================================================= *\/\r\n\r\n.spin-service-learn {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 850;\r\n\r\n    letter-spacing: 1.6px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.spin-service-learn .spin-svg-icon {\r\n    width: 16px;\r\n    height: 16px;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n.spin-service-learn:hover {\r\n    color: #FFFFFF !important;\r\n}\r\n\r\n.spin-service-learn:hover .spin-svg-icon {\r\n    transform: translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM CTA\r\n========================================================= *\/\r\n\r\n.spin-services-bottom {\r\n    display: flex;\r\n\r\n    justify-content: flex-end;\r\n\r\n    margin-top: 27px;\r\n}\r\n\r\n.spin-services-all {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    min-height: 46px;\r\n\r\n    padding: 0 18px;\r\n\r\n    border: 1px solid rgba(255,255,255,.18);\r\n\r\n    border-radius: 50px;\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    background: transparent;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.6px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    transition:\r\n        .35s ease;\r\n}\r\n\r\n.spin-services-all .spin-svg-icon {\r\n    width: 16px;\r\n    height: 16px;\r\n}\r\n\r\n.spin-services-all:hover {\r\n    color: #FFFFFF !important;\r\n\r\n    border-color: #C92327;\r\n\r\n    background: #C92327;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    .spin-services-header {\r\n        align-items: flex-start;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 20px;\r\n    }\r\n\r\n    .spin-services-intro {\r\n        max-width: 650px;\r\n    }\r\n\r\n    .spin-services-row {\r\n        gap: 10px;\r\n    }\r\n\r\n    .spin-service-card {\r\n        height: 400px;\r\n    }\r\n\r\n    .spin-service-card:hover {\r\n        flex: 2;\r\n    }\r\n\r\n    .spin-service-closed {\r\n        padding: 28px 21px;\r\n    }\r\n\r\n    .spin-service-closed h3 {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .spin-service-short {\r\n        font-size: 11px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .spin-services {\r\n        padding: 80px 0 85px;\r\n    }\r\n\r\n    .spin-services-container {\r\n        width: 90%;\r\n    }\r\n\r\n    .spin-services-header {\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    .spin-services-title {\r\n        font-size: 42px;\r\n\r\n        letter-spacing: -2.3px;\r\n    }\r\n\r\n    .spin-services-intro {\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    \/* Cards stack *\/\r\n\r\n    .spin-services-row {\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 12px;\r\n\r\n        min-height: auto;\r\n    }\r\n\r\n    .spin-service-card {\r\n        flex: none;\r\n\r\n        width: 100%;\r\n\r\n        height: 145px;\r\n\r\n        border-radius: 16px;\r\n    }\r\n\r\n\r\n    \/* Mobile hover expansion *\/\r\n\r\n    .spin-service-card:hover {\r\n        flex: none;\r\n\r\n        height: 390px;\r\n\r\n        transform: none;\r\n    }\r\n\r\n\r\n    .spin-service-closed {\r\n        padding: 23px;\r\n    }\r\n\r\n    .spin-service-icon {\r\n        width: 47px;\r\n        height: 47px;\r\n\r\n        flex-basis: 47px;\r\n\r\n        margin-bottom: 13px;\r\n    }\r\n\r\n    .spin-service-icon .spin-svg-icon {\r\n        width: 21px;\r\n        height: 21px;\r\n    }\r\n\r\n    .spin-service-closed h3 {\r\n        max-width: 230px;\r\n\r\n        font-size: 16px;\r\n    }\r\n\r\n    .spin-service-short {\r\n        display: none;\r\n    }\r\n\r\n    .spin-service-arrow {\r\n        position: absolute;\r\n\r\n        right: 20px;\r\n        bottom: 20px;\r\n\r\n        width: 40px;\r\n        height: 40px;\r\n    }\r\n\r\n\r\n    .spin-service-open-content {\r\n        left: 23px;\r\n        right: 23px;\r\n        bottom: 23px;\r\n    }\r\n\r\n    .spin-service-open-content h3 {\r\n        font-size: 23px;\r\n    }\r\n\r\n    .spin-service-open-content p {\r\n        font-size: 11px;\r\n    }\r\n\r\n\r\n    .spin-services-bottom {\r\n        justify-content: flex-start;\r\n    }\r\n\r\n    .spin-services-all {\r\n        width: 100%;\r\n\r\n        justify-content: center;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .spin-services-title {\r\n        font-size: 37px;\r\n    }\r\n\r\n    .spin-service-card:hover {\r\n        height: 370px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .spin-service-card,\r\n    .spin-service-image,\r\n    .spin-service-open,\r\n    .spin-service-closed,\r\n    .spin-service-open-content,\r\n    .spin-service-icon {\r\n        transition: none !important;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     HTML\r\n========================================================= -->\r\n\r\n<section class=\"spin-services\">\r\n\r\n    <div class=\"spin-services-container\">\r\n\r\n\r\n        <!-- =================================================\r\n             SECTION HEADER\r\n        ================================================= -->\r\n\r\n        <div class=\"spin-services-header\">\r\n\r\n            <div>\r\n\r\n                <div class=\"spin-services-eyebrow\">\r\n                    Our Services\r\n                <\/div>\r\n\r\n                <h2 class=\"spin-services-title\">\r\n                    Projects and Services \r\n                    <span>Provided. <\/span>\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"spin-services-intro\">\r\n\r\n                We specialize in High, Wide, and Heavy freight including aerospace, AOG, Machinery and Equipment\r\n\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             SERVICE CARDS\r\n        ================================================= -->\r\n\r\n        <div class=\"spin-services-row\">\r\n\r\n\r\n            <!-- =================================================\r\n                 01 \u2014 FLATBED\r\n            ================================================= -->\r\n\r\n            <article class=\"spin-service-card\">\r\n\r\n                <div class=\"spin-service-inner\">\r\n\r\n\r\n                    <!-- CLOSED -->\r\n\r\n                    <div class=\"spin-service-closed\">\r\n\r\n                        <div class=\"spin-service-icon\">\r\n\r\n                            <!-- Truck SVG -->\r\n\r\n                            <svg class=\"spin-svg-icon\"\r\n                                 viewBox=\"0 0 24 24\"\r\n                                 fill=\"none\"\r\n                                 xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                                <path\r\n                                    d=\"M3 6.5H14.5V17.5H3V6.5Z\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\r\n                                    stroke-linejoin=\"round\"\/>\r\n\r\n                                <path\r\n                                    d=\"M14.5 10H18.2L21 13.2V17.5H14.5V10Z\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\r\n                                    stroke-linejoin=\"round\"\/>\r\n\r\n                                <circle\r\n                                    cx=\"7\"\r\n                                    cy=\"18\"\r\n                                    r=\"2\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\/>\r\n\r\n                                <circle\r\n                                    cx=\"17.5\"\r\n                                    cy=\"18\"\r\n                                    r=\"2\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <h3>\r\n                            Cross-Country\r\n                        <\/h3>\r\n\r\n\r\n                        <p class=\"spin-service-short\">\r\n\r\n                            We moved 25 loads across country \u2013 largest load was 60\u2032 long, 16\u2032 wide and 14\u2032 tall \u2013 125,000 pounds\r\n\r\n                        <\/p>\r\n\r\n\r\n                        <div class=\"spin-service-arrow\">\r\n\r\n                            <!-- Arrow SVG -->\r\n\r\n                            <svg class=\"spin-svg-icon\"\r\n                                 viewBox=\"0 0 24 24\"\r\n                                 fill=\"none\"\r\n                                 xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                                <path\r\n                                    d=\"M6 18L18 6\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.8\"\r\n                                    stroke-linecap=\"round\"\/>\r\n\r\n                                <path\r\n                                    d=\"M9 6H18V15\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.8\"\r\n                                    stroke-linecap=\"round\"\r\n                                    stroke-linejoin=\"round\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- OPEN -->\r\n\r\n                    <div class=\"spin-service-open\">\r\n\r\n                        <div class=\"spin-service-image\"><\/div>\r\n\r\n\r\n                        <div class=\"spin-service-open-content\">\r\n\r\n                            <span class=\"spin-open-number\">\r\n                                01 \/ SERVICE\r\n                            <\/span>\r\n\r\n\r\n                            <h3>\r\n                                Cross-Country\r\n                            <\/h3>\r\n\r\n\r\n                            <p>\r\nWe moved 25 loads across country \u2013 largest load was 60\u2032 long, 16\u2032 wide and 14\u2032 tall \u2013 125,000 pounds\r\n\r\n                            <\/p>\r\n\r\n\r\n                            <a href=\"#contact\"\r\n                               class=\"spin-service-learn\">\r\n\r\n                                Explore Service\r\n\r\n                                <svg class=\"spin-svg-icon\"\r\n                                     viewBox=\"0 0 24 24\"\r\n                                     fill=\"none\"\r\n                                     xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                                    <path\r\n                                        d=\"M5 12H19\"\r\n                                        stroke=\"currentColor\"\r\n                                        stroke-width=\"1.8\"\r\n                                        stroke-linecap=\"round\"\/>\r\n\r\n                                    <path\r\n                                        d=\"M13 6L19 12L13 18\"\r\n                                        stroke=\"currentColor\"\r\n                                        stroke-width=\"1.8\"\r\n                                        stroke-linecap=\"round\"\r\n                                        stroke-linejoin=\"round\"\/>\r\n\r\n                                <\/svg>\r\n\r\n                            <\/a>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 02 \u2014 HEAVY HAUL\r\n            ================================================= -->\r\n\r\n            <article class=\"spin-service-card\">\r\n\r\n                <div class=\"spin-service-inner\">\r\n\r\n\r\n                    <div class=\"spin-service-closed\">\r\n\r\n                        <div class=\"spin-service-icon\">\r\n\r\n                            <!-- Heavy Truck SVG -->\r\n\r\n                            <svg class=\"spin-svg-icon\"\r\n                                 viewBox=\"0 0 24 24\"\r\n                                 fill=\"none\"\r\n                                 xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                                <path\r\n                                    d=\"M3 7H13V17H3V7Z\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\r\n                                    stroke-linejoin=\"round\"\/>\r\n\r\n                                <path\r\n                                    d=\"M13 10H17L21 14V17H13V10Z\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\r\n                                    stroke-linejoin=\"round\"\/>\r\n\r\n                                <path\r\n                                    d=\"M6 7V4H11V7\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\r\n                                    stroke-linecap=\"round\"\r\n                                    stroke-linejoin=\"round\"\/>\r\n\r\n                                <circle\r\n                                    cx=\"7\"\r\n                                    cy=\"18\"\r\n                                    r=\"2\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\/>\r\n\r\n                                <circle\r\n                                    cx=\"17.5\"\r\n                                    cy=\"18\"\r\n                                    r=\"2\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <h3>\r\n                            TSA Services\r\n                        <\/h3>\r\n\r\n\r\n                        <p class=\"spin-service-short\">\r\n\r\n                            We have TSA Certified Drivers and have Customs-Bonded trucks throughout North America\r\n\r\n                        <\/p>\r\n\r\n\r\n                        <div class=\"spin-service-arrow\">\r\n\r\n                            <svg class=\"spin-svg-icon\"\r\n                                 viewBox=\"0 0 24 24\"\r\n                                 fill=\"none\"\r\n                                 xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                                <path\r\n                                    d=\"M6 18L18 6\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.8\"\r\n                                    stroke-linecap=\"round\"\/>\r\n\r\n                                <path\r\n                                    d=\"M9 6H18V15\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.8\"\r\n                                    stroke-linecap=\"round\"\r\n                                    stroke-linejoin=\"round\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"spin-service-open\">\r\n\r\n                        <div class=\"spin-service-image\"><\/div>\r\n\r\n\r\n                        <div class=\"spin-service-open-content\">\r\n\r\n                            <span class=\"spin-open-number\">\r\n                                02 \/ SERVICE\r\n                            <\/span>\r\n\r\n\r\n                            <h3>\r\n                                HTSA Services\r\n                            <\/h3>\r\n\r\n\r\n                            <p>\r\n\r\n                                We have TSA Certified Drivers and have Customs-Bonded trucks throughout North America.\r\n\r\n                            <\/p>\r\n\r\n\r\n                            <a href=\"#contact\"\r\n                               class=\"spin-service-learn\">\r\n\r\n                                Explore Service\r\n\r\n                                <svg class=\"spin-svg-icon\"\r\n                                     viewBox=\"0 0 24 24\"\r\n                                     fill=\"none\"\r\n                                     xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                                    <path\r\n                                        d=\"M5 12H19\"\r\n                                        stroke=\"currentColor\"\r\n                                        stroke-width=\"1.8\"\r\n                                        stroke-linecap=\"round\"\/>\r\n\r\n                                    <path\r\n                                        d=\"M13 6L19 12L13 18\"\r\n                                        stroke=\"currentColor\"\r\n                                        stroke-width=\"1.8\"\r\n                                        stroke-linecap=\"round\"\r\n                                        stroke-linejoin=\"round\"\/>\r\n\r\n                                <\/svg>\r\n\r\n                            <\/a>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 03 \u2014 OVER DIMENSIONAL\r\n            ================================================= -->\r\n\r\n            <article class=\"spin-service-card\">\r\n\r\n                <div class=\"spin-service-inner\">\r\n\r\n\r\n                    <div class=\"spin-service-closed\">\r\n\r\n                        <div class=\"spin-service-icon\">\r\n\r\n                            <!-- Dimensions SVG -->\r\n\r\n                            <svg class=\"spin-svg-icon\"\r\n                                 viewBox=\"0 0 24 24\"\r\n                                 fill=\"none\"\r\n                                 xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                                <rect\r\n                                    x=\"4\"\r\n                                    y=\"4\"\r\n                                    width=\"16\"\r\n                                    height=\"16\"\r\n                                    rx=\"1\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\/>\r\n\r\n                                <path\r\n                                    d=\"M8 4V8\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\/>\r\n\r\n                                <path\r\n                                    d=\"M12 4V7\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\/>\r\n\r\n                                <path\r\n                                    d=\"M16 4V8\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\/>\r\n\r\n                                <path\r\n                                    d=\"M4 12H8\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\/>\r\n\r\n                                <path\r\n                                    d=\"M4 16H7\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <h3>\r\n                            Legal Loads\r\n                        <\/h3>\r\n\r\n\r\n                        <p class=\"spin-service-short\">\r\n\r\n                            48\u2032 and 53\u2032 Equipment available including Port and Airport Pickup and Deliveries.\r\n\r\n                        <\/p>\r\n\r\n\r\n                        <div class=\"spin-service-arrow\">\r\n\r\n                            <svg class=\"spin-svg-icon\"\r\n                                 viewBox=\"0 0 24 24\"\r\n                                 fill=\"none\"\r\n                                 xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                                <path\r\n                                    d=\"M6 18L18 6\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.8\"\r\n                                    stroke-linecap=\"round\"\/>\r\n\r\n                                <path\r\n                                    d=\"M9 6H18V15\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.8\"\r\n                                    stroke-linecap=\"round\"\r\n                                    stroke-linejoin=\"round\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"spin-service-open\">\r\n\r\n                        <div class=\"spin-service-image\"><\/div>\r\n\r\n\r\n                        <div class=\"spin-service-open-content\">\r\n\r\n                            <span class=\"spin-open-number\">\r\n                                03 \/ SERVICE\r\n                            <\/span>\r\n\r\n\r\n                            <h3>\r\n                               Legal Loads\r\n                            <\/h3>\r\n\r\n\r\n                            <p>\r\n\r\n                                48\u2032 and 53\u2032 Equipment available including Port and Airport Pickup and Deliveries .\r\n\r\n                            <\/p>\r\n\r\n\r\n                            <a href=\"#contact\"\r\n                               class=\"spin-service-learn\">\r\n\r\n                                Explore Service\r\n\r\n                                <svg class=\"spin-svg-icon\"\r\n                                     viewBox=\"0 0 24 24\"\r\n                                     fill=\"none\"\r\n                                     xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                                    <path\r\n                                        d=\"M5 12H19\"\r\n                                        stroke=\"currentColor\"\r\n                                        stroke-width=\"1.8\"\r\n                                        stroke-linecap=\"round\"\/>\r\n\r\n                                    <path\r\n                                        d=\"M13 6L19 12L13 18\"\r\n                                        stroke=\"currentColor\"\r\n                                        stroke-width=\"1.8\"\r\n                                        stroke-linecap=\"round\"\r\n                                        stroke-linejoin=\"round\"\/>\r\n\r\n                                <\/svg>\r\n\r\n                            <\/a>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 04 \u2014 PERMITS\r\n            ================================================= -->\r\n\r\n            <article class=\"spin-service-card\">\r\n\r\n                <div class=\"spin-service-inner\">\r\n\r\n\r\n                    <div class=\"spin-service-closed\">\r\n\r\n                        <div class=\"spin-service-icon\">\r\n\r\n                            <!-- Route SVG -->\r\n\r\n                            <svg class=\"spin-svg-icon\"\r\n                                 viewBox=\"0 0 24 24\"\r\n                                 fill=\"none\"\r\n                                 xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                                <path\r\n                                    d=\"M4 6L9 4L15 6L20 4V18L15 20L9 18L4 20V6Z\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\r\n                                    stroke-linejoin=\"round\"\/>\r\n\r\n                                <path\r\n                                    d=\"M9 4V18\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\/>\r\n\r\n                                <path\r\n                                    d=\"M15 6V20\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <h3>\r\n                            Trade Shows\r\n                        <\/h3>\r\n\r\n\r\n                        <p class=\"spin-service-short\">\r\n\r\n                            Customer had One Hour to make convention center pickup \u2013 \u2018We Found a Way\u2019.\r\n\r\n                        <\/p>\r\n\r\n\r\n                        <div class=\"spin-service-arrow\">\r\n\r\n                            <svg class=\"spin-svg-icon\"\r\n                                 viewBox=\"0 0 24 24\"\r\n                                 fill=\"none\"\r\n                                 xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                                <path\r\n                                    d=\"M6 18L18 6\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.8\"\r\n                                    stroke-linecap=\"round\"\/>\r\n\r\n                                <path\r\n                                    d=\"M9 6H18V15\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.8\"\r\n                                    stroke-linecap=\"round\"\r\n                                    stroke-linejoin=\"round\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"spin-service-open\">\r\n\r\n                        <div class=\"spin-service-image\"><\/div>\r\n\r\n\r\n                        <div class=\"spin-service-open-content\">\r\n\r\n                            <span class=\"spin-open-number\">\r\n                                04 \/ SERVICE\r\n                            <\/span>\r\n\r\n\r\n                            <h3>\r\n                               Trade Shows\r\n                            <\/h3>\r\n\r\n\r\n                            <p>\r\n\r\n                                Customer had One Hour to make convention center pickup \u2013 \u2018We Found a Way\u2019.\r\n\r\n                            <\/p>\r\n\r\n\r\n                            <a href=\"#contact\"\r\n                               class=\"spin-service-learn\">\r\n\r\n                                Explore Service\r\n\r\n                                <svg class=\"spin-svg-icon\"\r\n                                     viewBox=\"0 0 24 24\"\r\n                                     fill=\"none\"\r\n                                     xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                                    <path\r\n                                        d=\"M5 12H19\"\r\n                                        stroke=\"currentColor\"\r\n                                        stroke-width=\"1.8\"\r\n                                        stroke-linecap=\"round\"\/>\r\n\r\n                                    <path\r\n                                        d=\"M13 6L19 12L13 18\"\r\n                                        stroke=\"currentColor\"\r\n                                        stroke-width=\"1.8\"\r\n                                        stroke-linecap=\"round\"\r\n                                        stroke-linejoin=\"round\"\/>\r\n\r\n                                <\/svg>\r\n\r\n                            <\/a>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 05 \u2014 PROJECT LOGISTICS\r\n            ================================================= -->\r\n\r\n            <article class=\"spin-service-card\">\r\n\r\n                <div class=\"spin-service-inner\">\r\n\r\n\r\n                    <div class=\"spin-service-closed\">\r\n\r\n                        <div class=\"spin-service-icon\">\r\n\r\n                            <!-- Package \/ Logistics SVG -->\r\n\r\n                            <svg class=\"spin-svg-icon\"\r\n                                 viewBox=\"0 0 24 24\"\r\n                                 fill=\"none\"\r\n                                 xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                                <path\r\n                                    d=\"M4 7L12 3L20 7V17L12 21L4 17V7Z\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\r\n                                    stroke-linejoin=\"round\"\/>\r\n\r\n                                <path\r\n                                    d=\"M4 7L12 11L20 7\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\r\n                                    stroke-linejoin=\"round\"\/>\r\n\r\n                                <path\r\n                                    d=\"M12 11V21\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\/>\r\n\r\n                                <path\r\n                                    d=\"M8 5L16 9\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <h3>\r\n                            High-Wide-Heavy\r\n                        <\/h3>\r\n\r\n\r\n                        <p class=\"spin-service-short\">\r\n\r\n                            Customer had multiple loads that were 90\u2032 Long and 22\u2032 Wide \u2013 moved on-time and on-budget.\r\n\r\n                        <\/p>\r\n\r\n\r\n                        <div class=\"spin-service-arrow\">\r\n\r\n                            <svg class=\"spin-svg-icon\"\r\n                                 viewBox=\"0 0 24 24\"\r\n                                 fill=\"none\"\r\n                                 xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                                <path\r\n                                    d=\"M6 18L18 6\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.8\"\r\n                                    stroke-linecap=\"round\"\/>\r\n\r\n                                <path\r\n                                    d=\"M9 6H18V15\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.8\"\r\n                                    stroke-linecap=\"round\"\r\n                                    stroke-linejoin=\"round\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"spin-service-open\">\r\n\r\n                        <div class=\"spin-service-image\"><\/div>\r\n\r\n\r\n                        <div class=\"spin-service-open-content\">\r\n\r\n                            <span class=\"spin-open-number\">\r\n                                05 \/ SERVICE\r\n                            <\/span>\r\n\r\n\r\n                            <h3>\r\n                               High-Wide-Heavy\r\n                            <\/h3>\r\n\r\n\r\n                            <p>\r\n\r\n                                Customer had multiple loads that were 90\u2032 Long and 22\u2032 Wide \u2013 moved on-time and on-budget.\r\n\r\n                            <\/p>\r\n\r\n\r\n                            <a href=\"#contact\"\r\n                               class=\"spin-service-learn\">\r\n\r\n                                Explore Service\r\n\r\n                                <svg class=\"spin-svg-icon\"\r\n                                     viewBox=\"0 0 24 24\"\r\n                                     fill=\"none\"\r\n                                     xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                                    <path\r\n                                        d=\"M5 12H19\"\r\n                                        stroke=\"currentColor\"\r\n                                        stroke-width=\"1.8\"\r\n                                        stroke-linecap=\"round\"\/>\r\n\r\n                                    <path\r\n                                        d=\"M13 6L19 12L13 18\"\r\n                                        stroke=\"currentColor\"\r\n                                        stroke-width=\"1.8\"\r\n                                        stroke-linecap=\"round\"\r\n                                        stroke-linejoin=\"round\"\/>\r\n\r\n                                <\/svg>\r\n\r\n                            <\/a>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             BOTTOM CTA\r\n        ================================================= -->\r\n\r\n        <div class=\"spin-services-bottom\">\r\n\r\n            <a href=\"#contact\"\r\n               class=\"spin-services-all\">\r\n\r\n                View All Services\r\n\r\n                <svg class=\"spin-svg-icon\"\r\n                     viewBox=\"0 0 24 24\"\r\n                     fill=\"none\"\r\n                     xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n                    <path\r\n                        d=\"M5 12H19\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.8\"\r\n                        stroke-linecap=\"round\"\/>\r\n\r\n                    <path\r\n                        d=\"M13 6L19 12L13 18\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.8\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\/>\r\n\r\n                <\/svg>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-522ab2e e-con-full e-flex e-con e-parent\" data-id=\"522ab2e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48e6ab4 elementor-widget elementor-widget-html\" data-id=\"48e6ab4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     SPIN TRANSPORTATION\r\n     INDUSTRIES \/ CARGO \u2014 FULL IMAGE OVERLAY SLIDER\r\n\r\n     AUTO SLIDE      : 5 SECONDS\r\n     MANUAL NAV      : YES\r\n     HOVER PAUSE     : YES\r\n     TOUCH SWIPE     : YES\r\n     KEN BURNS       : YES\r\n     FADE            : YES\r\n     NO UNDERLINES   : YES\r\n\r\n     COLORS\r\n     RED   #C92327\r\n     BLACK #070908\r\n     WHITE #FFFFFF\r\n\r\n     WORDPRESS \/ ELEMENTOR READY\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6,\r\n.spin-cargo-v6 *,\r\n.spin-cargo-v6 *::before,\r\n.spin-cargo-v6 *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORCE NO UNDERLINE\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6 a,\r\n.spin-cargo-v6 a:link,\r\n.spin-cargo-v6 a:visited,\r\n.spin-cargo-v6 a:hover,\r\n.spin-cargo-v6 a:active,\r\n.spin-cargo-v6 a:focus,\r\n.spin-cargo-v6 a:focus-visible {\r\n    text-decoration: none !important;\r\n    text-decoration-line: none !important;\r\n    text-decoration-style: none !important;\r\n    text-decoration-color: transparent !important;\r\n    border-bottom: none !important;\r\n    box-shadow: none !important;\r\n    outline: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6 {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    padding: 120px 0 125px;\r\n\r\n    background: #ffffff;\r\n    color: #070908;\r\n\r\n    font-family: \"Inter\", Arial, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6-container {\r\n    width: min(1240px, 92%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6-top {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n\r\n    gap: 50px;\r\n    margin-bottom: 55px;\r\n}\r\n\r\n\r\n.spin-cargo-v6-label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    color: #C92327;\r\n\r\n    font-size: 10px;\r\n    font-weight: 900;\r\n\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.spin-cargo-v6-label::before {\r\n    content: \"\";\r\n\r\n    width: 38px;\r\n    height: 2px;\r\n\r\n    background: #C92327;\r\n}\r\n\r\n\r\n.spin-cargo-v6-heading {\r\n    margin: 0;\r\n\r\n    color: #070908;\r\n\r\n    font-size: clamp(48px, 6.5vw, 82px);\r\n    line-height: .88;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: -5px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.spin-cargo-v6-heading span {\r\n    color: #C92327;\r\n}\r\n\r\n\r\n.spin-cargo-v6-top-copy {\r\n    max-width: 430px;\r\n\r\n    margin: 0 0 4px;\r\n\r\n    color: #737777;\r\n\r\n    font-size: 13px;\r\n    line-height: 1.85;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN FRAME\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6-frame {\r\n    position: relative;\r\n\r\n    display: grid;\r\n    grid-template-columns: 275px 1fr;\r\n\r\n    min-height: 650px;\r\n\r\n    border: 1px solid #dedfdf;\r\n    border-radius: 18px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #070908;\r\n\r\n    box-shadow:\r\n        0 30px 80px rgba(7,9,8,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT NAVIGATION\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6-nav {\r\n    position: relative;\r\n\r\n    padding: 20px 0;\r\n\r\n    border-right: 1px solid #dedfdf;\r\n\r\n    background: #ffffff;\r\n\r\n    z-index: 20;\r\n}\r\n\r\n\r\n.spin-cargo-v6-nav-title {\r\n    padding: 0 28px 20px;\r\n\r\n    color: #9a9e9e;\r\n\r\n    font-size: 8px;\r\n    font-weight: 900;\r\n\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NAV ITEM\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6-nav-item {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 16px;\r\n\r\n    width: 100%;\r\n    min-height: 72px;\r\n\r\n    padding: 0 28px;\r\n\r\n    border: 0;\r\n\r\n    color: #7b7f7f !important;\r\n    background: transparent;\r\n\r\n    cursor: pointer;\r\n\r\n    text-align: left;\r\n\r\n    transition:\r\n        color .35s ease,\r\n        background .35s ease;\r\n}\r\n\r\n\r\n.spin-cargo-v6-nav-item::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n\r\n    width: 4px;\r\n\r\n    background: #C92327;\r\n\r\n    transform: scaleY(0);\r\n    transform-origin: center;\r\n\r\n    transition: transform .4s ease;\r\n}\r\n\r\n\r\n.spin-cargo-v6-nav-item:hover,\r\n.spin-cargo-v6-nav-item.active {\r\n    color: #070908 !important;\r\n    background: #fafafa;\r\n}\r\n\r\n\r\n.spin-cargo-v6-nav-item.active::before {\r\n    transform: scaleY(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NAV NUMBER\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6-nav-number {\r\n    min-width: 30px;\r\n\r\n    color: #a8aaaa;\r\n\r\n    font-size: 9px;\r\n    font-weight: 900;\r\n\r\n    letter-spacing: 1.5px;\r\n\r\n    transition: color .3s ease;\r\n}\r\n\r\n\r\n.spin-cargo-v6-nav-item.active\r\n.spin-cargo-v6-nav-number {\r\n    color: #C92327;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NAV NAME\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6-nav-name {\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .2px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDER\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6-slider {\r\n    position: relative;\r\n\r\n    min-width: 0;\r\n    min-height: 650px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #070908;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDE\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6-slide {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    min-width: 100%;\r\n    min-height: 100%;\r\n\r\n    opacity: 0;\r\n    visibility: hidden;\r\n\r\n    pointer-events: none;\r\n\r\n    transition:\r\n        opacity .8s ease,\r\n        visibility .8s ease;\r\n}\r\n\r\n\r\n.spin-cargo-v6-slide.active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n\r\n    pointer-events: auto;\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FULL IMAGE\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6-image {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #070908;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6-image img {\r\n    position: absolute;\r\n\r\n    width: 108%;\r\n    height: 108%;\r\n\r\n    object-fit: cover;\r\n\r\n    opacity: 0;\r\n\r\n    transform: scale(1.14);\r\n\r\n    transition:\r\n        opacity .9s ease,\r\n        transform 6s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n.spin-cargo-v6-slide.active\r\n.spin-cargo-v6-image img {\r\n    opacity: 1;\r\n\r\n    transform: scale(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6-image::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 2;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(7,9,8,.94) 0%,\r\n            rgba(7,9,8,.78) 28%,\r\n            rgba(7,9,8,.38) 58%,\r\n            rgba(7,9,8,.10) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM DARK GRADIENT\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6-image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n\r\n    height: 55%;\r\n\r\n    z-index: 3;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(7,9,8,.75),\r\n            transparent\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT OVER IMAGE\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6-content {\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    bottom: 0;\r\n\r\n    z-index: 10;\r\n\r\n    width: min(720px, 78%);\r\n\r\n    padding: 65px 60px 70px;\r\n\r\n    color: #ffffff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6-number {\r\n    position: absolute;\r\n\r\n    left: 60px;\r\n    bottom: 48px;\r\n\r\n    color: rgba(255,255,255,.055);\r\n\r\n    font-size: 180px;\r\n    line-height: .7;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: -12px;\r\n\r\n    pointer-events: none;\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateY(25px);\r\n\r\n    transition:\r\n        opacity .8s ease .05s,\r\n        transform .8s ease .05s;\r\n}\r\n\r\n\r\n.spin-cargo-v6-slide.active\r\n.spin-cargo-v6-number {\r\n    opacity: 1;\r\n\r\n    transform: translateY(0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT INNER\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6-content-inner {\r\n    position: relative;\r\n\r\n    z-index: 4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RED LINE\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6-red-line {\r\n    width: 48px;\r\n    height: 3px;\r\n\r\n    margin-bottom: 22px;\r\n\r\n    background: #C92327;\r\n\r\n    transform: scaleX(0);\r\n\r\n    transform-origin: left;\r\n\r\n    transition:\r\n        transform .6s ease .1s;\r\n}\r\n\r\n\r\n.spin-cargo-v6-slide.active\r\n.spin-cargo-v6-red-line {\r\n    transform: scaleX(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6-title {\r\n    margin: 0 0 20px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: clamp(42px, 5vw, 72px);\r\n\r\n    line-height: .92;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: -3.5px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateY(25px);\r\n\r\n    transition:\r\n        opacity .65s ease .15s,\r\n        transform .65s ease .15s;\r\n}\r\n\r\n\r\n.spin-cargo-v6-slide.active\r\n.spin-cargo-v6-title {\r\n    opacity: 1;\r\n\r\n    transform: translateY(0);\r\n}\r\n\r\n\r\n.spin-cargo-v6-title span {\r\n    color: #C92327;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6-description {\r\n    max-width: 570px;\r\n\r\n    margin: 0;\r\n\r\n    color: rgba(255,255,255,.74);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.9;\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateY(20px);\r\n\r\n    transition:\r\n        opacity .65s ease .25s,\r\n        transform .65s ease .25s;\r\n}\r\n\r\n\r\n.spin-cargo-v6-slide.active\r\n.spin-cargo-v6-description {\r\n    opacity: 1;\r\n\r\n    transform: translateY(0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACTION\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6-action {\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    width: fit-content;\r\n\r\n    margin-top: 28px;\r\n\r\n    padding: 0 !important;\r\n\r\n    color: #ffffff !important;\r\n\r\n    background: transparent !important;\r\n\r\n    border: 0 !important;\r\n    border-bottom: 0 !important;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: 1.8px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    text-decoration: none !important;\r\n    text-decoration-line: none !important;\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateY(18px);\r\n\r\n    transition:\r\n        opacity .65s ease .35s,\r\n        transform .65s ease .35s,\r\n        color .3s ease;\r\n}\r\n\r\n\r\n.spin-cargo-v6-slide.active\r\n.spin-cargo-v6-action {\r\n    opacity: 1;\r\n\r\n    transform: translateY(0);\r\n}\r\n\r\n\r\n.spin-cargo-v6-action:hover,\r\n.spin-cargo-v6-action:focus,\r\n.spin-cargo-v6-action:active,\r\n.spin-cargo-v6-action:visited {\r\n    color: #C92327 !important;\r\n\r\n    text-decoration: none !important;\r\n    text-decoration-line: none !important;\r\n\r\n    border-bottom: 0 !important;\r\n    box-shadow: none !important;\r\n}\r\n\r\n\r\n.spin-cargo-v6-action span {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 38px;\r\n    height: 38px;\r\n\r\n    border: 1px solid rgba(255,255,255,.35);\r\n\r\n    border-radius: 50%;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        border-color .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.spin-cargo-v6-action:hover span {\r\n    color: #ffffff;\r\n\r\n    background: #C92327;\r\n\r\n    border-color: #C92327;\r\n\r\n    transform: translateX(5px);\r\n}\r\n\r\n\r\n.spin-cargo-v6-action svg {\r\n    width: 14px;\r\n    height: 14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE LABEL\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6-image-label {\r\n    position: absolute;\r\n\r\n    left: 60px;\r\n    top: 38px;\r\n\r\n    z-index: 10;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateY(-12px);\r\n\r\n    transition:\r\n        opacity .6s ease .4s,\r\n        transform .6s ease .4s;\r\n}\r\n\r\n\r\n.spin-cargo-v6-slide.active\r\n.spin-cargo-v6-image-label {\r\n    opacity: 1;\r\n\r\n    transform: translateY(0);\r\n}\r\n\r\n\r\n.spin-cargo-v6-image-label::before {\r\n    content: \"\";\r\n\r\n    width: 28px;\r\n    height: 2px;\r\n\r\n    background: #C92327;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COUNTER\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6-counter {\r\n    position: absolute;\r\n\r\n    right: 28px;\r\n    top: 28px;\r\n\r\n    z-index: 15;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: 2px;\r\n}\r\n\r\n\r\n.spin-cargo-v6-counter-current {\r\n    color: #ffffff;\r\n}\r\n\r\n\r\n.spin-cargo-v6-counter-line {\r\n    width: 32px;\r\n    height: 1px;\r\n\r\n    background: rgba(255,255,255,.45);\r\n}\r\n\r\n\r\n.spin-cargo-v6-counter-total {\r\n    color: rgba(255,255,255,.5);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROGRESS\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6-progress {\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n\r\n    height: 3px;\r\n\r\n    z-index: 20;\r\n\r\n    background: rgba(255,255,255,.18);\r\n}\r\n\r\n\r\n.spin-cargo-v6-progress-bar {\r\n    width: 0;\r\n    height: 100%;\r\n\r\n    background: #C92327;\r\n\r\n    transition: width 5s linear;\r\n}\r\n\r\n\r\n.spin-cargo-v6-progress-bar.running {\r\n    width: 100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE CORNER\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6-corner {\r\n    position: absolute;\r\n\r\n    right: 30px;\r\n    bottom: 28px;\r\n\r\n    z-index: 12;\r\n\r\n    width: 75px;\r\n    height: 75px;\r\n\r\n    border-right: 1px solid rgba(255,255,255,.25);\r\n    border-bottom: 1px solid rgba(255,255,255,.25);\r\n\r\n    opacity: .7;\r\n}\r\n\r\n\r\n.spin-cargo-v6-corner::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    right: 0;\r\n    bottom: 0;\r\n\r\n    width: 25px;\r\n    height: 2px;\r\n\r\n    background: #C92327;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM\r\n========================================================= *\/\r\n\r\n.spin-cargo-v6-bottom {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 30px;\r\n\r\n    padding-top: 25px;\r\n}\r\n\r\n\r\n.spin-cargo-v6-bottom-text {\r\n    color: #999d9d;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    text-decoration: none !important;\r\n}\r\n\r\n\r\n.spin-cargo-v6-bottom-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    gap: 13px;\r\n\r\n    padding: 15px 22px;\r\n\r\n    color: #ffffff !important;\r\n\r\n    background: #070908;\r\n\r\n    border: 0 !important;\r\n    border-bottom: 0 !important;\r\n\r\n    border-radius: 50px;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: 1.7px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    text-decoration: none !important;\r\n    text-decoration-line: none !important;\r\n\r\n    box-shadow: none !important;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.spin-cargo-v6-bottom-button:hover,\r\n.spin-cargo-v6-bottom-button:focus,\r\n.spin-cargo-v6-bottom-button:active,\r\n.spin-cargo-v6-bottom-button:visited {\r\n    color: #ffffff !important;\r\n\r\n    background: #C92327;\r\n\r\n    text-decoration: none !important;\r\n    text-decoration-line: none !important;\r\n\r\n    border-bottom: 0 !important;\r\n    box-shadow: none !important;\r\n\r\n    transform: translateX(5px);\r\n}\r\n\r\n\r\n.spin-cargo-v6-bottom-button svg {\r\n    width: 15px;\r\n    height: 15px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n    .spin-cargo-v6 {\r\n        padding: 90px 0 95px;\r\n    }\r\n\r\n    .spin-cargo-v6-top {\r\n        align-items: flex-start;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 25px;\r\n    }\r\n\r\n    .spin-cargo-v6-top-copy {\r\n        max-width: 650px;\r\n    }\r\n\r\n    .spin-cargo-v6-frame {\r\n        grid-template-columns: 225px 1fr;\r\n    }\r\n\r\n    .spin-cargo-v6-content {\r\n        width: 88%;\r\n\r\n        padding: 50px 40px 55px;\r\n    }\r\n\r\n    .spin-cargo-v6-image-label {\r\n        left: 40px;\r\n    }\r\n\r\n    .spin-cargo-v6-number {\r\n        left: 40px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n    .spin-cargo-v6 {\r\n        padding: 75px 0 80px;\r\n    }\r\n\r\n    .spin-cargo-v6-container {\r\n        width: 92%;\r\n    }\r\n\r\n    .spin-cargo-v6-top {\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .spin-cargo-v6-heading {\r\n        font-size: 48px;\r\n\r\n        letter-spacing: -3px;\r\n    }\r\n\r\n    .spin-cargo-v6-top-copy {\r\n        font-size: 12px;\r\n    }\r\n\r\n\r\n    \/* FRAME *\/\r\n\r\n    .spin-cargo-v6-frame {\r\n        display: block;\r\n\r\n        min-height: auto;\r\n\r\n        border-radius: 14px;\r\n    }\r\n\r\n\r\n    \/* NAV *\/\r\n\r\n    .spin-cargo-v6-nav {\r\n        display: flex;\r\n\r\n        overflow-x: auto;\r\n\r\n        padding: 0;\r\n\r\n        border-right: 0;\r\n\r\n        border-bottom: 1px solid #dedfdf;\r\n\r\n        scrollbar-width: none;\r\n    }\r\n\r\n    .spin-cargo-v6-nav::-webkit-scrollbar {\r\n        display: none;\r\n    }\r\n\r\n    .spin-cargo-v6-nav-title {\r\n        display: none;\r\n    }\r\n\r\n    .spin-cargo-v6-nav-item {\r\n        flex: 0 0 auto;\r\n\r\n        width: auto;\r\n\r\n        min-height: 62px;\r\n\r\n        padding: 0 17px;\r\n\r\n        gap: 8px;\r\n\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .spin-cargo-v6-nav-item::before {\r\n        top: auto;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n\r\n        width: 100%;\r\n        height: 3px;\r\n\r\n        transform: scaleX(0);\r\n\r\n        transform-origin: left;\r\n    }\r\n\r\n    .spin-cargo-v6-nav-item.active::before {\r\n        transform: scaleX(1);\r\n    }\r\n\r\n    .spin-cargo-v6-nav-number {\r\n        min-width: auto;\r\n\r\n        font-size: 8px;\r\n    }\r\n\r\n    .spin-cargo-v6-nav-name {\r\n        font-size: 9px;\r\n    }\r\n\r\n\r\n    \/* SLIDER *\/\r\n\r\n    .spin-cargo-v6-slider {\r\n        min-height: 650px;\r\n    }\r\n\r\n    .spin-cargo-v6-slide {\r\n        min-height: 650px;\r\n    }\r\n\r\n    .spin-cargo-v6-image {\r\n        min-height: 650px;\r\n    }\r\n\r\n\r\n    \/* MOBILE OVERLAY *\/\r\n\r\n    .spin-cargo-v6-image::before {\r\n        background:\r\n            linear-gradient(\r\n                to bottom,\r\n                rgba(7,9,8,.18),\r\n                rgba(7,9,8,.38) 35%,\r\n                rgba(7,9,8,.90) 100%\r\n            );\r\n    }\r\n\r\n\r\n    \/* CONTENT *\/\r\n\r\n    .spin-cargo-v6-content {\r\n        left: 0;\r\n        bottom: 0;\r\n\r\n        width: 100%;\r\n\r\n        padding: 45px 25px 55px;\r\n    }\r\n\r\n    .spin-cargo-v6-number {\r\n        left: 25px;\r\n        bottom: 45px;\r\n\r\n        font-size: 100px;\r\n\r\n        letter-spacing: -7px;\r\n    }\r\n\r\n    .spin-cargo-v6-title {\r\n        font-size: 39px;\r\n\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n    .spin-cargo-v6-description {\r\n        max-width: 100%;\r\n\r\n        font-size: 12px;\r\n\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .spin-cargo-v6-image-label {\r\n        left: 25px;\r\n        top: 25px;\r\n    }\r\n\r\n    .spin-cargo-v6-counter {\r\n        top: 20px;\r\n        right: 20px;\r\n    }\r\n\r\n    .spin-cargo-v6-corner {\r\n        display: none;\r\n    }\r\n\r\n\r\n    \/* BOTTOM *\/\r\n\r\n    .spin-cargo-v6-bottom {\r\n        align-items: flex-start;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 18px;\r\n    }\r\n\r\n    .spin-cargo-v6-bottom-button {\r\n        width: 100%;\r\n\r\n        justify-content: center;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .spin-cargo-v6-heading {\r\n        font-size: 42px;\r\n    }\r\n\r\n    .spin-cargo-v6-slider {\r\n        min-height: 620px;\r\n    }\r\n\r\n    .spin-cargo-v6-slide {\r\n        min-height: 620px;\r\n    }\r\n\r\n    .spin-cargo-v6-image {\r\n        min-height: 620px;\r\n    }\r\n\r\n    .spin-cargo-v6-content {\r\n        padding: 35px 22px 45px;\r\n    }\r\n\r\n    .spin-cargo-v6-title {\r\n        font-size: 33px;\r\n    }\r\n\r\n    .spin-cargo-v6-description {\r\n        font-size: 11px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .spin-cargo-v6 *,\r\n    .spin-cargo-v6 *::before,\r\n    .spin-cargo-v6 *::after {\r\n\r\n        animation: none !important;\r\n\r\n        transition: none !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     HTML\r\n========================================================= -->\r\n\r\n<section class=\"spin-cargo-v6\">\r\n\r\n    <div class=\"spin-cargo-v6-container\">\r\n\r\n        <!-- HEADER -->\r\n\r\n        <div class=\"spin-cargo-v6-top\">\r\n\r\n            <div>\r\n\r\n                <div class=\"spin-cargo-v6-label\">\r\n                    Industries \/ Cargo\r\n                <\/div>\r\n\r\n                <h2 class=\"spin-cargo-v6-heading\">\r\n                    Built For\r\n                    <span>Big Moves.<\/span>\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n            <p class=\"spin-cargo-v6-top-copy\">\r\n                From aerospace and AOG freight to heavy\r\n                machinery and complex over-dimensional\r\n                cargo, Spin Transportation moves demanding\r\n                loads across North America.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- MAIN FRAME -->\r\n\r\n        <div class=\"spin-cargo-v6-frame\">\r\n\r\n\r\n            <!-- NAVIGATION -->\r\n\r\n            <div class=\"spin-cargo-v6-nav\">\r\n\r\n                <div class=\"spin-cargo-v6-nav-title\">\r\n                    Cargo Capabilities\r\n                <\/div>\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"spin-cargo-v6-nav-item active\"\r\n                    data-cargo=\"1\">\r\n\r\n                    <span class=\"spin-cargo-v6-nav-number\">\r\n                        01\r\n                    <\/span>\r\n\r\n                    <span class=\"spin-cargo-v6-nav-name\">\r\n                        Aerospace\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"spin-cargo-v6-nav-item\"\r\n                    data-cargo=\"2\">\r\n\r\n                    <span class=\"spin-cargo-v6-nav-number\">\r\n                        02\r\n                    <\/span>\r\n\r\n                    <span class=\"spin-cargo-v6-nav-name\">\r\n                        AOG Freight\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"spin-cargo-v6-nav-item\"\r\n                    data-cargo=\"3\">\r\n\r\n                    <span class=\"spin-cargo-v6-nav-number\">\r\n                        03\r\n                    <\/span>\r\n\r\n                    <span class=\"spin-cargo-v6-nav-name\">\r\n                        Machinery\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"spin-cargo-v6-nav-item\"\r\n                    data-cargo=\"4\">\r\n\r\n                    <span class=\"spin-cargo-v6-nav-number\">\r\n                        04\r\n                    <\/span>\r\n\r\n                    <span class=\"spin-cargo-v6-nav-name\">\r\n                        Heavy Cargo\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"spin-cargo-v6-nav-item\"\r\n                    data-cargo=\"5\">\r\n\r\n                    <span class=\"spin-cargo-v6-nav-number\">\r\n                        05\r\n                    <\/span>\r\n\r\n                    <span class=\"spin-cargo-v6-nav-name\">\r\n                        Events\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- SLIDER -->\r\n\r\n            <div class=\"spin-cargo-v6-slider\">\r\n\r\n\r\n                <!-- SLIDE 01 -->\r\n\r\n                <article\r\n                    class=\"spin-cargo-v6-slide active\"\r\n                    data-slide=\"1\">\r\n\r\n                    <div class=\"spin-cargo-v6-image\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/spinwp2.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/hero.png\"\r\n                            alt=\"Aerospace Freight\"\r\n                            loading=\"eager\">\r\n\r\n                        <div class=\"spin-cargo-v6-image-label\">\r\n                            Specialized Transportation\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"spin-cargo-v6-content\">\r\n\r\n                        <span class=\"spin-cargo-v6-number\">\r\n                            01\r\n                        <\/span>\r\n\r\n                        <div class=\"spin-cargo-v6-content-inner\">\r\n\r\n                            <div class=\"spin-cargo-v6-red-line\"><\/div>\r\n\r\n                            <h3 class=\"spin-cargo-v6-title\">\r\n                                Aerospace\r\n                                <span>Freight.<\/span>\r\n                            <\/h3>\r\n\r\n                            <p class=\"spin-cargo-v6-description\">\r\n                                Specialized transportation for\r\n                                aerospace components, equipment\r\n                                and time-sensitive freight with\r\n                                precise handling and dependable\r\n                                execution.\r\n                            <\/p>\r\n\r\n                            <a\r\n                                href=\"#contact\"\r\n                                class=\"spin-cargo-v6-action\">\r\n\r\n                                Discuss This Cargo\r\n\r\n                                <span>\r\n                                    <svg\r\n                                        viewBox=\"0 0 24 24\"\r\n                                        fill=\"none\">\r\n\r\n                                        <path\r\n                                            d=\"M5 12H19\"\r\n                                            stroke=\"currentColor\"\r\n                                            stroke-width=\"1.7\"\r\n                                            stroke-linecap=\"round\"\/>\r\n\r\n                                        <path\r\n                                            d=\"M13 6L19 12L13 18\"\r\n                                            stroke=\"currentColor\"\r\n                                            stroke-width=\"1.7\"\r\n                                            stroke-linecap=\"round\"\r\n                                            stroke-linejoin=\"round\"\/>\r\n\r\n                                    <\/svg>\r\n                                <\/span>\r\n\r\n                            <\/a>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- SLIDE 02 -->\r\n\r\n                <article\r\n                    class=\"spin-cargo-v6-slide\"\r\n                    data-slide=\"2\">\r\n\r\n                    <div class=\"spin-cargo-v6-image\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/spinwp2.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/transport-logistics-concept.jpg\"\r\n                            alt=\"AOG Critical Freight\"\r\n                            loading=\"lazy\">\r\n\r\n                        <div class=\"spin-cargo-v6-image-label\">\r\n                            Time Critical Logistics\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"spin-cargo-v6-content\">\r\n\r\n                        <span class=\"spin-cargo-v6-number\">\r\n                            02\r\n                        <\/span>\r\n\r\n                        <div class=\"spin-cargo-v6-content-inner\">\r\n\r\n                            <div class=\"spin-cargo-v6-red-line\"><\/div>\r\n\r\n                            <h3 class=\"spin-cargo-v6-title\">\r\n                                AOG \/\r\n                                <span>Critical Freight.<\/span>\r\n                            <\/h3>\r\n\r\n                            <p class=\"spin-cargo-v6-description\">\r\n                                Time-critical transportation\r\n                                solutions when every minute\r\n                                matters. Built for urgent,\r\n                                high-priority freight movements.\r\n                            <\/p>\r\n\r\n                            <a\r\n                                href=\"#contact\"\r\n                                class=\"spin-cargo-v6-action\">\r\n\r\n                                Discuss This Cargo\r\n\r\n                                <span>\r\n                                    <svg\r\n                                        viewBox=\"0 0 24 24\"\r\n                                        fill=\"none\">\r\n\r\n                                        <path\r\n                                            d=\"M5 12H19\"\r\n                                            stroke=\"currentColor\"\r\n                                            stroke-width=\"1.7\"\r\n                                            stroke-linecap=\"round\"\/>\r\n\r\n                                        <path\r\n                                            d=\"M13 6L19 12L13 18\"\r\n                                            stroke=\"currentColor\"\r\n                                            stroke-width=\"1.7\"\r\n                                            stroke-linecap=\"round\"\r\n                                            stroke-linejoin=\"round\"\/>\r\n\r\n                                    <\/svg>\r\n                                <\/span>\r\n\r\n                            <\/a>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- SLIDE 03 -->\r\n\r\n                <article\r\n                    class=\"spin-cargo-v6-slide\"\r\n                    data-slide=\"3\">\r\n\r\n                    <div class=\"spin-cargo-v6-image\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/spinwp2.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/m-4.jpg\"\r\n                            alt=\"Industrial Machinery\"\r\n                            loading=\"lazy\">\r\n\r\n                        <div class=\"spin-cargo-v6-image-label\">\r\n                            Industrial Logistics\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"spin-cargo-v6-content\">\r\n\r\n                        <span class=\"spin-cargo-v6-number\">\r\n                            03\r\n                        <\/span>\r\n\r\n                        <div class=\"spin-cargo-v6-content-inner\">\r\n\r\n                            <div class=\"spin-cargo-v6-red-line\"><\/div>\r\n\r\n                            <h3 class=\"spin-cargo-v6-title\">\r\n                                Machinery &\r\n                                <span>Equipment.<\/span>\r\n                            <\/h3>\r\n\r\n                            <p class=\"spin-cargo-v6-description\">\r\n                                Heavy machinery, industrial\r\n                                equipment and specialized\r\n                                project cargo handled with\r\n                                careful planning and execution.\r\n                            <\/p>\r\n\r\n                            <a\r\n                                href=\"#contact\"\r\n                                class=\"spin-cargo-v6-action\">\r\n\r\n                                Discuss This Cargo\r\n\r\n                                <span>\r\n                                    <svg\r\n                                        viewBox=\"0 0 24 24\"\r\n                                        fill=\"none\">\r\n\r\n                                        <path\r\n                                            d=\"M5 12H19\"\r\n                                            stroke=\"currentColor\"\r\n                                            stroke-width=\"1.7\"\r\n                                            stroke-linecap=\"round\"\/>\r\n\r\n                                        <path\r\n                                            d=\"M13 6L19 12L13 18\"\r\n                                            stroke=\"currentColor\"\r\n                                            stroke-width=\"1.7\"\r\n                                            stroke-linecap=\"round\"\r\n                                            stroke-linejoin=\"round\"\/>\r\n\r\n                                    <\/svg>\r\n                                <\/span>\r\n\r\n                            <\/a>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- SLIDE 04 -->\r\n\r\n                <article\r\n                    class=\"spin-cargo-v6-slide\"\r\n                    data-slide=\"4\">\r\n\r\n                    <div class=\"spin-cargo-v6-image\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/spinwp2.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/m-3.jpg\"\r\n                            alt=\"Heavy Cargo Transportation\"\r\n                            loading=\"lazy\">\r\n\r\n                        <div class=\"spin-cargo-v6-image-label\">\r\n                            Over Dimensional Cargo\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"spin-cargo-v6-content\">\r\n\r\n                        <span class=\"spin-cargo-v6-number\">\r\n                            04\r\n                        <\/span>\r\n\r\n                        <div class=\"spin-cargo-v6-content-inner\">\r\n\r\n                            <div class=\"spin-cargo-v6-red-line\"><\/div>\r\n\r\n                            <h3 class=\"spin-cargo-v6-title\">\r\n                                High \u2022 Wide \u2022\r\n                                <span>Heavy.<\/span>\r\n                            <\/h3>\r\n\r\n                            <p class=\"spin-cargo-v6-description\">\r\n                                Complex over-dimensional loads\r\n                                requiring specialized equipment,\r\n                                route planning and experienced\r\n                                logistics coordination.\r\n                            <\/p>\r\n\r\n                            <a\r\n                                href=\"#contact\"\r\n                                class=\"spin-cargo-v6-action\">\r\n\r\n                                Discuss This Cargo\r\n\r\n                                <span>\r\n                                    <svg\r\n                                        viewBox=\"0 0 24 24\"\r\n                                        fill=\"none\">\r\n\r\n                                        <path\r\n                                            d=\"M5 12H19\"\r\n                                            stroke=\"currentColor\"\r\n                                            stroke-width=\"1.7\"\r\n                                            stroke-linecap=\"round\"\/>\r\n\r\n                                        <path\r\n                                            d=\"M13 6L19 12L13 18\"\r\n                                            stroke=\"currentColor\"\r\n                                            stroke-width=\"1.7\"\r\n                                            stroke-linecap=\"round\"\r\n                                            stroke-linejoin=\"round\"\/>\r\n\r\n                                    <\/svg>\r\n                                <\/span>\r\n\r\n                            <\/a>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- SLIDE 05 -->\r\n\r\n                <article\r\n                    class=\"spin-cargo-v6-slide\"\r\n                    data-slide=\"5\">\r\n\r\n                    <div class=\"spin-cargo-v6-image\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/spinwp2.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/scene-with-photorealistic-logistics-operations-proceedings.jpg\"\r\n                            alt=\"Trade Show Events\"\r\n                            loading=\"lazy\">\r\n\r\n                        <div class=\"spin-cargo-v6-image-label\">\r\n                            Events & Exhibitions\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"spin-cargo-v6-content\">\r\n\r\n                        <span class=\"spin-cargo-v6-number\">\r\n                            05\r\n                        <\/span>\r\n\r\n                        <div class=\"spin-cargo-v6-content-inner\">\r\n\r\n                            <div class=\"spin-cargo-v6-red-line\"><\/div>\r\n\r\n                            <h3 class=\"spin-cargo-v6-title\">\r\n                                Trade Shows &\r\n                                <span>Events.<\/span>\r\n                            <\/h3>\r\n\r\n                            <p class=\"spin-cargo-v6-description\">\r\n                                Deadline-driven pickup and\r\n                                delivery for exhibitions,\r\n                                conventions, trade shows and\r\n                                special events.\r\n                            <\/p>\r\n\r\n                            <a\r\n                                href=\"#contact\"\r\n                                class=\"spin-cargo-v6-action\">\r\n\r\n                                Discuss This Cargo\r\n\r\n                                <span>\r\n                                    <svg\r\n                                        viewBox=\"0 0 24 24\"\r\n                                        fill=\"none\">\r\n\r\n                                        <path\r\n                                            d=\"M5 12H19\"\r\n                                            stroke=\"currentColor\"\r\n                                            stroke-width=\"1.7\"\r\n                                            stroke-linecap=\"round\"\/>\r\n\r\n                                        <path\r\n                                            d=\"M13 6L19 12L13 18\"\r\n                                            stroke=\"currentColor\"\r\n                                            stroke-width=\"1.7\"\r\n                                            stroke-linecap=\"round\"\r\n                                            stroke-linejoin=\"round\"\/>\r\n\r\n                                    <\/svg>\r\n                                <\/span>\r\n\r\n                            <\/a>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- COUNTER -->\r\n\r\n                <div class=\"spin-cargo-v6-counter\">\r\n\r\n                    <span class=\"spin-cargo-v6-counter-current\">\r\n                        01\r\n                    <\/span>\r\n\r\n                    <span class=\"spin-cargo-v6-counter-line\"><\/span>\r\n\r\n                    <span class=\"spin-cargo-v6-counter-total\">\r\n                        05\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- CORNER -->\r\n\r\n                <div class=\"spin-cargo-v6-corner\"><\/div>\r\n\r\n\r\n                <!-- PROGRESS -->\r\n\r\n                <div class=\"spin-cargo-v6-progress\">\r\n\r\n                    <div class=\"spin-cargo-v6-progress-bar\"><\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- BOTTOM -->\r\n\r\n        <div class=\"spin-cargo-v6-bottom\">\r\n\r\n            <span class=\"spin-cargo-v6-bottom-text\">\r\n                Specialized Freight \u2022 North America\r\n            <\/span>\r\n\r\n\r\n            <a\r\n                href=\"#contact\"\r\n                class=\"spin-cargo-v6-bottom-button\">\r\n\r\n                Discuss Your Cargo\r\n\r\n                <svg\r\n                    viewBox=\"0 0 24 24\"\r\n                    fill=\"none\">\r\n\r\n                    <path\r\n                        d=\"M5 12H19\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.8\"\r\n                        stroke-linecap=\"round\"\/>\r\n\r\n                    <path\r\n                        d=\"M13 6L19 12L13 18\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.8\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\/>\r\n\r\n                <\/svg>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n    function initSpinCargoSlider() {\r\n\r\n        const sections =\r\n            document.querySelectorAll(\".spin-cargo-v6\");\r\n\r\n        if (!sections.length) return;\r\n\r\n\r\n        sections.forEach(function(section) {\r\n\r\n            const buttons =\r\n                section.querySelectorAll(\r\n                    \".spin-cargo-v6-nav-item\"\r\n                );\r\n\r\n            const slides =\r\n                section.querySelectorAll(\r\n                    \".spin-cargo-v6-slide\"\r\n                );\r\n\r\n            const slider =\r\n                section.querySelector(\r\n                    \".spin-cargo-v6-slider\"\r\n                );\r\n\r\n            const progressBar =\r\n                section.querySelector(\r\n                    \".spin-cargo-v6-progress-bar\"\r\n                );\r\n\r\n            const counter =\r\n                section.querySelector(\r\n                    \".spin-cargo-v6-counter-current\"\r\n                );\r\n\r\n\r\n            if (\r\n                !buttons.length ||\r\n                !slides.length ||\r\n                !slider\r\n            ) return;\r\n\r\n\r\n            let currentIndex = 0;\r\n\r\n            let timer = null;\r\n\r\n            let isPaused = false;\r\n\r\n            const intervalTime = 5000;\r\n\r\n\r\n            \/* =====================================================\r\n               SHOW SLIDE\r\n            ===================================================== *\/\r\n\r\n            function showSlide(index, resetTimer) {\r\n\r\n                if (index < 0) {\r\n                    index = slides.length - 1;\r\n                }\r\n\r\n                if (index >= slides.length) {\r\n                    index = 0;\r\n                }\r\n\r\n                currentIndex = index;\r\n\r\n\r\n                slides.forEach(function(slide) {\r\n\r\n                    slide.classList.remove(\"active\");\r\n\r\n                });\r\n\r\n\r\n                buttons.forEach(function(button) {\r\n\r\n                    button.classList.remove(\"active\");\r\n\r\n                });\r\n\r\n\r\n                slides[index].classList.add(\"active\");\r\n\r\n                buttons[index].classList.add(\"active\");\r\n\r\n\r\n                if (counter) {\r\n\r\n                    counter.textContent =\r\n                        String(index + 1).padStart(2, \"0\");\r\n\r\n                }\r\n\r\n\r\n                \/* PROGRESS *\/\r\n\r\n                if (progressBar) {\r\n\r\n                    progressBar.classList.remove(\"running\");\r\n\r\n                    progressBar.style.transition = \"none\";\r\n\r\n                    progressBar.style.width = \"0%\";\r\n\r\n                    void progressBar.offsetWidth;\r\n\r\n                    progressBar.style.transition =\r\n                        \"width 5s linear\";\r\n\r\n                    progressBar.classList.add(\"running\");\r\n\r\n                }\r\n\r\n\r\n                if (resetTimer !== false) {\r\n\r\n                    startTimer();\r\n\r\n                }\r\n\r\n            }\r\n\r\n\r\n            \/* =====================================================\r\n               NEXT\r\n            ===================================================== *\/\r\n\r\n            function nextSlide() {\r\n\r\n                if (isPaused) return;\r\n\r\n                showSlide(\r\n                    currentIndex + 1,\r\n                    false\r\n                );\r\n\r\n            }\r\n\r\n\r\n            \/* =====================================================\r\n               TIMER\r\n            ===================================================== *\/\r\n\r\n            function startTimer() {\r\n\r\n                clearInterval(timer);\r\n\r\n                if (isPaused) return;\r\n\r\n                timer =\r\n                    setInterval(\r\n                        nextSlide,\r\n                        intervalTime\r\n                    );\r\n\r\n            }\r\n\r\n\r\n            function stopTimer() {\r\n\r\n                clearInterval(timer);\r\n\r\n                timer = null;\r\n\r\n            }\r\n\r\n\r\n            \/* =====================================================\r\n               MANUAL NAV\r\n            ===================================================== *\/\r\n\r\n            buttons.forEach(function(button, index) {\r\n\r\n                button.addEventListener(\r\n                    \"click\",\r\n                    function() {\r\n\r\n                        showSlide(\r\n                            index,\r\n                            true\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            });\r\n\r\n\r\n            \/* =====================================================\r\n               HOVER PAUSE\r\n            ===================================================== *\/\r\n\r\n            slider.addEventListener(\r\n                \"mouseenter\",\r\n                function() {\r\n\r\n                    isPaused = true;\r\n\r\n                    stopTimer();\r\n\r\n                }\r\n            );\r\n\r\n\r\n            \/* =====================================================\r\n               HOVER RESUME\r\n            ===================================================== *\/\r\n\r\n            slider.addEventListener(\r\n                \"mouseleave\",\r\n                function() {\r\n\r\n                    isPaused = false;\r\n\r\n                    startTimer();\r\n\r\n                }\r\n            );\r\n\r\n\r\n            \/* =====================================================\r\n               TOUCH SWIPE\r\n            ===================================================== *\/\r\n\r\n            let touchStartX = 0;\r\n\r\n            let touchEndX = 0;\r\n\r\n\r\n            slider.addEventListener(\r\n                \"touchstart\",\r\n                function(event) {\r\n\r\n                    touchStartX =\r\n                        event.changedTouches[0].screenX;\r\n\r\n                },\r\n                {\r\n                    passive: true\r\n                }\r\n            );\r\n\r\n\r\n            slider.addEventListener(\r\n                \"touchend\",\r\n                function(event) {\r\n\r\n                    touchEndX =\r\n                        event.changedTouches[0].screenX;\r\n\r\n                    const difference =\r\n                        touchStartX - touchEndX;\r\n\r\n\r\n                    if (\r\n                        Math.abs(difference) < 50\r\n                    ) return;\r\n\r\n\r\n                    if (difference > 0) {\r\n\r\n                        showSlide(\r\n                            currentIndex + 1,\r\n                            true\r\n                        );\r\n\r\n                    } else {\r\n\r\n                        showSlide(\r\n                            currentIndex - 1,\r\n                            true\r\n                        );\r\n\r\n                    }\r\n\r\n                },\r\n                {\r\n                    passive: true\r\n                }\r\n            );\r\n\r\n\r\n            \/* =====================================================\r\n               VISIBILITY\r\n            ===================================================== *\/\r\n\r\n            document.addEventListener(\r\n                \"visibilitychange\",\r\n                function() {\r\n\r\n                    if (document.hidden) {\r\n\r\n                        stopTimer();\r\n\r\n                    } else if (!isPaused) {\r\n\r\n                        startTimer();\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n\r\n            \/* =====================================================\r\n               INITIAL\r\n            ===================================================== *\/\r\n\r\n            showSlide(0, true);\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    if (\r\n        document.readyState === \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initSpinCargoSlider\r\n        );\r\n\r\n    } else {\r\n\r\n        initSpinCargoSlider();\r\n\r\n    }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d2497e e-con-full e-flex e-con e-parent\" data-id=\"3d2497e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc8114a elementor-widget elementor-widget-html\" data-id=\"bc8114a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     SPIN TRANSPORTATION\r\n     WHY CHOOSE SPIN\r\n     \r\n     WORDPRESS \/ ELEMENTOR READY\r\n     COUNT-UP NUMBERS INCLUDED\r\n     \r\n     COLORS\r\n     RED    #C92327\r\n     ORANGE #FF6848\r\n     WHITE  #FFFFFF\r\n     DARK   #070908\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.spin-achievement,\r\n.spin-achievement *,\r\n.spin-achievement *::before,\r\n.spin-achievement *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.spin-achievement {\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    padding: 80px 0;\r\n\r\n    background: #070908;\r\n\r\n    color: #ffffff;\r\n\r\n    font-family: \"Outfit\", Sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.spin-achievement-container {\r\n    width: min(1240px, 98%);\r\n\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN GRID\r\n========================================================= *\/\r\n\r\n.spin-achievement-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns: 1.2fr .98fr;\r\n\r\n    grid-template-rows: 245px 1fr;\r\n\r\n    gap: 32px 28px;\r\n\r\n    min-height: 770px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n.spin-achievement-heading {\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    padding: 25px 0 10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.spin-achievement-label {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    margin-bottom: 24px;\r\n\r\n    color: #C92327;\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 800;\r\n\r\n    text-transform: uppercase;\r\n\r\n    letter-spacing: .3px;\r\n}\r\n\r\n.spin-achievement-label svg {\r\n    width: 17px;\r\n    height: 17px;\r\n\r\n    flex: 0 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.spin-achievement-title {\r\n    max-width: 680px;\r\n\r\n    margin: 0;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: clamp(40px, 4.1vw, 57px);\r\n\r\n    line-height: 1.08;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: -2px;\r\n}\r\n\r\n.spin-achievement-title span {\r\n    color: #C92327;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP IMAGE\r\n========================================================= *\/\r\n\r\n.spin-achievement-top-image {\r\n    position: relative;\r\n\r\n    overflow: hidden;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    border-radius: 28px;\r\n}\r\n\r\n.spin-achievement-top-image img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        transform 1s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n.spin-achievement-top-image:hover img {\r\n    transform: scale(1.05);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n.spin-achievement-top-image::after,\r\n.spin-achievement-large-image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(7,9,8,.02),\r\n            rgba(7,9,8,.20)\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LARGE IMAGE\r\n========================================================= *\/\r\n\r\n.spin-achievement-large-image {\r\n    position: relative;\r\n\r\n    overflow: hidden;\r\n\r\n    min-height: 485px;\r\n\r\n    border-radius: 28px;\r\n}\r\n\r\n.spin-achievement-large-image img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    min-height: 485px;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        transform 1.1s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n.spin-achievement-large-image:hover img {\r\n    transform: scale(1.035);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARDS GRID\r\n========================================================= *\/\r\n\r\n.spin-achievement-cards {\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    gap: 20px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.spin-achievement-card {\r\n    position: relative;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: flex-start;\r\n\r\n    min-height: 232px;\r\n\r\n    padding: 40px 25px 25px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 21px;\r\n\r\n    background: rgba(255,255,255,.055);\r\n\r\n    border: 1px solid rgba(255,255,255,.04);\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        background .35s ease,\r\n        border-color .35s ease;\r\n}\r\n\r\n.spin-achievement-card:hover {\r\n    transform: translateY(-5px);\r\n\r\n    background: rgba(255,255,255,.09);\r\n\r\n    border-color: rgba(201,35,39,.25);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TOP\r\n========================================================= *\/\r\n\r\n.spin-achievement-card-top {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 13px;\r\n\r\n    margin-bottom: 38px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n========================================================= *\/\r\n\r\n.spin-achievement-icon {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    border-radius: 50%;\r\n\r\n    color: #ffffff;\r\n\r\n    background: #C92327;\r\n\r\n    box-shadow:\r\n        0 8px 25px rgba(201,35,39,.20);\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        box-shadow .35s ease;\r\n}\r\n\r\n.spin-achievement-card:hover .spin-achievement-icon {\r\n    transform: scale(1.08);\r\n\r\n    box-shadow:\r\n        0 10px 30px rgba(201,35,39,.35);\r\n}\r\n\r\n.spin-achievement-icon svg {\r\n    width: 23px;\r\n    height: 23px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n.spin-achievement-number {\r\n    margin: 0;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 31px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: -.5px;\r\n\r\n    font-variant-numeric: tabular-nums;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TITLE\r\n========================================================= *\/\r\n\r\n.spin-achievement-card-title {\r\n    max-width: 190px;\r\n\r\n    margin: 0;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.45;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE LINE\r\n========================================================= *\/\r\n\r\n.spin-achievement-card::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    right: 20px;\r\n    bottom: 20px;\r\n\r\n    width: 24px;\r\n    height: 2px;\r\n\r\n    background: rgba(255,104,72,.4);\r\n\r\n    transition:\r\n        width .35s ease,\r\n        background .35s ease;\r\n}\r\n\r\n.spin-achievement-card:hover::after {\r\n    width: 42px;\r\n\r\n    background: #FF6848;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COUNT ANIMATION INITIAL STATE\r\n========================================================= *\/\r\n\r\n.spin-achievement-number {\r\n    opacity: .35;\r\n\r\n    transform: translateY(8px);\r\n\r\n    transition:\r\n        opacity .4s ease,\r\n        transform .4s ease;\r\n}\r\n\r\n.spin-achievement-number.spin-count-active {\r\n    opacity: 1;\r\n\r\n    transform: translateY(0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .spin-achievement {\r\n        padding: 55px 0;\r\n    }\r\n\r\n    .spin-achievement-container {\r\n        width: min(94%, 700px);\r\n    }\r\n\r\n    .spin-achievement-grid {\r\n        grid-template-columns: 1fr;\r\n\r\n        grid-template-rows: auto;\r\n\r\n        gap: 25px;\r\n\r\n        min-height: auto;\r\n    }\r\n\r\n    .spin-achievement-heading {\r\n        padding: 20px 0;\r\n    }\r\n\r\n    .spin-achievement-title {\r\n        max-width: 750px;\r\n    }\r\n\r\n    .spin-achievement-top-image {\r\n        height: 350px;\r\n    }\r\n\r\n    .spin-achievement-large-image {\r\n        min-height: 450px;\r\n    }\r\n\r\n    .spin-achievement-large-image img {\r\n        min-height: 450px;\r\n    }\r\n\r\n    .spin-achievement-cards {\r\n        min-height: 480px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .spin-achievement {\r\n        padding: 40px 0;\r\n    }\r\n\r\n    .spin-achievement-container {\r\n        width: 92%;\r\n    }\r\n\r\n    .spin-achievement-grid {\r\n        gap: 18px;\r\n    }\r\n\r\n    .spin-achievement-heading {\r\n        padding: 20px 0 5px;\r\n    }\r\n\r\n    .spin-achievement-label {\r\n        margin-bottom: 18px;\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n    .spin-achievement-label svg {\r\n        width: 14px;\r\n        height: 14px;\r\n    }\r\n\r\n    .spin-achievement-title {\r\n        font-size: 38px;\r\n\r\n        line-height: 1.08;\r\n\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n    .spin-achievement-top-image {\r\n        height: 220px;\r\n\r\n        border-radius: 22px;\r\n    }\r\n\r\n    .spin-achievement-large-image {\r\n        min-height: 330px;\r\n\r\n        border-radius: 22px;\r\n    }\r\n\r\n    .spin-achievement-large-image img {\r\n        min-height: 330px;\r\n    }\r\n\r\n    .spin-achievement-cards {\r\n        grid-template-columns: 1fr 1fr;\r\n\r\n        gap: 12px;\r\n\r\n        min-height: auto;\r\n    }\r\n\r\n    .spin-achievement-card {\r\n        min-height: 185px;\r\n\r\n        padding: 22px 16px 20px;\r\n\r\n        border-radius: 17px;\r\n    }\r\n\r\n    .spin-achievement-card-top {\r\n        gap: 9px;\r\n\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .spin-achievement-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n    }\r\n\r\n    .spin-achievement-icon svg {\r\n        width: 19px;\r\n        height: 19px;\r\n    }\r\n\r\n    .spin-achievement-number {\r\n        font-size: 25px;\r\n    }\r\n\r\n    .spin-achievement-card-title {\r\n        font-size: 11px;\r\n\r\n        line-height: 1.45;\r\n    }\r\n\r\n    .spin-achievement-card::after {\r\n        right: 14px;\r\n\r\n        bottom: 14px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n    .spin-achievement-title {\r\n        font-size: 33px;\r\n    }\r\n\r\n    .spin-achievement-top-image {\r\n        height: 190px;\r\n    }\r\n\r\n    .spin-achievement-large-image,\r\n    .spin-achievement-large-image img {\r\n        min-height: 285px;\r\n    }\r\n\r\n    .spin-achievement-card {\r\n        min-height: 170px;\r\n\r\n        padding: 19px 13px;\r\n    }\r\n\r\n    .spin-achievement-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n    }\r\n\r\n    .spin-achievement-number {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .spin-achievement-card-title {\r\n        font-size: 10px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     HTML\r\n========================================================= -->\r\n\r\n<section class=\"spin-achievement\">\r\n\r\n    <div class=\"spin-achievement-container\">\r\n\r\n        <div class=\"spin-achievement-grid\">\r\n\r\n\r\n            <!-- =================================================\r\n                 TOP LEFT \u2014 HEADING\r\n            ================================================= -->\r\n\r\n            <div class=\"spin-achievement-heading\">\r\n\r\n                <div class=\"spin-achievement-label\">\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        fill=\"none\"\r\n                        aria-hidden=\"true\">\r\n\r\n                        <path\r\n                            d=\"M12 2L14.2 8.2L21 9L16 13.2L17.5 20L12 16.5L6.5 20L8 13.2L3 9L9.8 8.2L12 2Z\"\r\n                            fill=\"currentColor\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                    Why Choose Spin\r\n\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"spin-achievement-title\">\r\n\r\n                    Our Strength in\r\n                    <br>\r\n\r\n                    Logistics\r\n                    <span>Excellence<\/span>\r\n                    and Growth\r\n\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 TOP RIGHT IMAGE\r\n            ================================================= -->\r\n\r\n            <div class=\"spin-achievement-top-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/spinwp2.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/global-shipping-logistics-sunset-with-airplane-trucks.jpg?auto=format&fit=crop&w=1200&q=90\"\r\n                    alt=\"Spin Transportation Truck\"\r\n                    loading=\"lazy\">\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 BOTTOM LEFT IMAGE\r\n            ================================================= -->\r\n\r\n            <div class=\"spin-achievement-large-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/spinwp2.mystartupcrew.com\/wp-content\/uploads\/2026\/08\/scene-with-photorealistic-logistics-operations-proceedings-1.jpg?auto=format&fit=crop&w=1400&q=90\"\r\n                    alt=\"Spin Logistics Transportation\"\r\n                    loading=\"lazy\">\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 RIGHT 2 x 2 CARDS\r\n            ================================================= -->\r\n\r\n            <div class=\"spin-achievement-cards\">\r\n\r\n\r\n                <!-- =================================================\r\n                     CARD 01\r\n                ================================================= -->\r\n\r\n                <div class=\"spin-achievement-card\">\r\n\r\n                    <div class=\"spin-achievement-card-top\">\r\n\r\n                        <div class=\"spin-achievement-icon\">\r\n\r\n                            <svg\r\n                                viewBox=\"0 0 24 24\"\r\n                                fill=\"none\">\r\n\r\n                                <circle\r\n                                    cx=\"12\"\r\n                                    cy=\"12\"\r\n                                    r=\"8.5\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\/>\r\n\r\n                                <path\r\n                                    d=\"M8 12L10.5 14.5L16 9\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.8\"\r\n                                    stroke-linecap=\"round\"\r\n                                    stroke-linejoin=\"round\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <div\r\n                            class=\"spin-achievement-number\"\r\n                            data-target=\"12\"\r\n                            data-suffix=\"+\">\r\n                            0+\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <p class=\"spin-achievement-card-title\">\r\n                        Years of Logistics\r\n                        Experience\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- =================================================\r\n                     CARD 02\r\n                ================================================= -->\r\n\r\n                <div class=\"spin-achievement-card\">\r\n\r\n                    <div class=\"spin-achievement-card-top\">\r\n\r\n                        <div class=\"spin-achievement-icon\">\r\n\r\n                            <svg\r\n                                viewBox=\"0 0 24 24\"\r\n                                fill=\"none\">\r\n\r\n                                <circle\r\n                                    cx=\"12\"\r\n                                    cy=\"12\"\r\n                                    r=\"8.5\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.6\"\/>\r\n\r\n                                <path\r\n                                    d=\"M12 7V12L15 14\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\r\n                                    stroke-linecap=\"round\"\r\n                                    stroke-linejoin=\"round\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <div\r\n                            class=\"spin-achievement-number\"\r\n                            data-target=\"360\"\r\n                            data-suffix=\"+\">\r\n                            0+\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <p class=\"spin-achievement-card-title\">\r\n                        Successful Freight\r\n                        Solutions\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- =================================================\r\n                     CARD 03\r\n                ================================================= -->\r\n\r\n                <div class=\"spin-achievement-card\">\r\n\r\n                    <div class=\"spin-achievement-card-top\">\r\n\r\n                        <div class=\"spin-achievement-icon\">\r\n\r\n                            <svg\r\n                                viewBox=\"0 0 24 24\"\r\n                                fill=\"none\">\r\n\r\n                                <circle\r\n                                    cx=\"9\"\r\n                                    cy=\"9\"\r\n                                    r=\"3\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\/>\r\n\r\n                                <circle\r\n                                    cx=\"16.5\"\r\n                                    cy=\"10\"\r\n                                    r=\"2.4\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.5\"\/>\r\n\r\n                                <path\r\n                                    d=\"M3.5 19C3.8 15.7 5.8 14 9 14C12.2 14 14.2 15.7 14.5 19\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\r\n                                    stroke-linecap=\"round\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <div\r\n                            class=\"spin-achievement-number\"\r\n                            data-target=\"3\"\r\n                            data-suffix=\"K+\"\r\n                            data-type=\"k\">\r\n                            0K+\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <p class=\"spin-achievement-card-title\">\r\n                        Customers Served\r\n                        Across North America\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- =================================================\r\n                     CARD 04\r\n                ================================================= -->\r\n\r\n                <div class=\"spin-achievement-card\">\r\n\r\n                    <div class=\"spin-achievement-card-top\">\r\n\r\n                        <div class=\"spin-achievement-icon\">\r\n\r\n                            <svg\r\n                                viewBox=\"0 0 24 24\"\r\n                                fill=\"none\">\r\n\r\n                                <path\r\n                                    d=\"M12 3L14 5L17 4.5L18.5 7L21 8.5L20.5 11.5L22 14L20 16L20.5 19L17.5 19.5L15.5 21.5L12.5 20L10 21.5L8 19.5L5 19L5.5 16L3.5 14L5 11.5L4.5 8.5L7 7L8.5 4.5L11.5 5L12 3Z\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.4\"\r\n                                    stroke-linejoin=\"round\"\/>\r\n\r\n                                <path\r\n                                    d=\"M8.5 12L10.8 14.3L15.5 9.5\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.8\"\r\n                                    stroke-linecap=\"round\"\r\n                                    stroke-linejoin=\"round\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <div\r\n                            class=\"spin-achievement-number\"\r\n                            data-target=\"98\"\r\n                            data-suffix=\"%\"\r\n                            data-type=\"percent\">\r\n                            0%\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <p class=\"spin-achievement-card-title\">\r\n                        Client Satisfaction\r\n                        & Service Reliability\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     COUNT-UP JAVASCRIPT\r\n========================================================= -->\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    function initSpinCounters() {\r\n\r\n        const section = document.querySelector(\".spin-achievement\");\r\n\r\n        if (!section) return;\r\n\r\n\r\n        const counters =\r\n            section.querySelectorAll(\".spin-achievement-number\");\r\n\r\n\r\n        if (!counters.length) return;\r\n\r\n\r\n        let hasAnimated = false;\r\n\r\n\r\n        \/* =====================================================\r\n           COUNTER ANIMATION\r\n        ===================================================== *\/\r\n\r\n        function animateCounter(element, delay) {\r\n\r\n            setTimeout(function () {\r\n\r\n                element.classList.add(\"spin-count-active\");\r\n\r\n\r\n                const target =\r\n                    parseFloat(element.dataset.target);\r\n\r\n                const suffix =\r\n                    element.dataset.suffix || \"\";\r\n\r\n                const type =\r\n                    element.dataset.type || \"\";\r\n\r\n\r\n                const duration = 1800;\r\n\r\n                const startTime = performance.now();\r\n\r\n\r\n                function updateCounter(currentTime) {\r\n\r\n                    const elapsed =\r\n                        currentTime - startTime;\r\n\r\n\r\n                    const progress =\r\n                        Math.min(elapsed \/ duration, 1);\r\n\r\n\r\n                    \/*\r\n                     * Smooth ease-out\r\n                     *\/\r\n                    const eased =\r\n                        1 - Math.pow(1 - progress, 3);\r\n\r\n\r\n                    const current =\r\n                        target * eased;\r\n\r\n\r\n                    \/* =========================================\r\n                       K FORMAT\r\n                    ========================================= *\/\r\n\r\n                    if (type === \"k\") {\r\n\r\n                        \/*\r\n                         * Target = 3\r\n                         * Display = 0K+ \u2192 1K+ \u2192 2K+ \u2192 3K+\r\n                         *\/\r\n\r\n                        element.textContent =\r\n                            Math.floor(current) + \"K+\";\r\n\r\n                    }\r\n\r\n\r\n                    \/* =========================================\r\n                       PERCENTAGE\r\n                    ========================================= *\/\r\n\r\n                    else if (type === \"percent\") {\r\n\r\n                        element.textContent =\r\n                            Math.floor(current) + \"%\";\r\n\r\n                    }\r\n\r\n\r\n                    \/* =========================================\r\n                       NORMAL NUMBER\r\n                    ========================================= *\/\r\n\r\n                    else {\r\n\r\n                        element.textContent =\r\n                            Math.floor(current) + suffix;\r\n\r\n                    }\r\n\r\n\r\n                    \/* =========================================\r\n                       CONTINUE\r\n                    ========================================= *\/\r\n\r\n                    if (progress < 1) {\r\n\r\n                        requestAnimationFrame(updateCounter);\r\n\r\n                    } else {\r\n\r\n                        \/*\r\n                         * Exact final value\r\n                         *\/\r\n\r\n                        element.textContent =\r\n                            target +\r\n                            suffix;\r\n\r\n                    }\r\n\r\n                }\r\n\r\n\r\n                requestAnimationFrame(updateCounter);\r\n\r\n\r\n            }, delay);\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           INTERSECTION OBSERVER\r\n        ===================================================== *\/\r\n\r\n        const observer =\r\n            new IntersectionObserver(\r\n\r\n                function (entries) {\r\n\r\n                    entries.forEach(function (entry) {\r\n\r\n                        if (\r\n                            entry.isIntersecting &&\r\n                            !hasAnimated\r\n                        ) {\r\n\r\n                            hasAnimated = true;\r\n\r\n\r\n                            \/*\r\n                             * Each card starts slightly\r\n                             * after the previous one.\r\n                             *\/\r\n\r\n                            counters.forEach(\r\n                                function (counter, index) {\r\n\r\n                                    animateCounter(\r\n                                        counter,\r\n                                        index * 180\r\n                                    );\r\n\r\n                                }\r\n                            );\r\n\r\n\r\n                            observer.unobserve(section);\r\n\r\n                        }\r\n\r\n                    });\r\n\r\n                },\r\n\r\n                {\r\n                    threshold: 0.30\r\n                }\r\n\r\n            );\r\n\r\n\r\n        observer.observe(section);\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       ELEMENTOR SAFE INITIALIZATION\r\n    ========================================================= *\/\r\n\r\n    if (document.readyState === \"loading\") {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initSpinCounters\r\n        );\r\n\r\n    } else {\r\n\r\n        initSpinCounters();\r\n\r\n    }\r\n\r\n\r\n    \/*\r\n     * Elementor editor \/ AJAX compatibility\r\n     *\/\r\n\r\n    if (window.jQuery) {\r\n\r\n        jQuery(window).on(\r\n            \"elementor\/frontend\/init\",\r\n            function () {\r\n\r\n                setTimeout(\r\n                    initSpinCounters,\r\n                    300\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b8bebf e-con-full e-flex e-con e-parent\" data-id=\"8b8bebf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1d6401 elementor-widget elementor-widget-html\" data-id=\"f1d6401\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     SPIN TRANSPORTATION\r\n     MODERN WORKING PROCESS\r\n     \r\n     PREMIUM LOGISTICS TIMELINE\r\n     WORDPRESS \/ ELEMENTOR READY\r\n     \r\n     COLORS\r\n     RED    #C92327\r\n     ORANGE #FF6848\r\n     TEAL   #175967\r\n     DARK   #070908\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.spin-process,\r\n.spin-process *,\r\n.spin-process *::before,\r\n.spin-process *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROOT\r\n========================================================= *\/\r\n\r\n.spin-process {\r\n\r\n    --red: #C92327;\r\n    --orange: #FF6848;\r\n    --teal: #175967;\r\n    --dark: #070908;\r\n\r\n    --muted: #687172;\r\n    --soft: #F5F7F7;\r\n    --line: #DDE2E2;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding: 115px 0 105px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #FFFFFF;\r\n\r\n    color: var(--dark);\r\n\r\n    font-family: \"Outfit\", Sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND DETAILS\r\n========================================================= *\/\r\n\r\n.spin-process::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 500px;\r\n    height: 500px;\r\n\r\n    right: -260px;\r\n    top: -250px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(201,35,39,.055),\r\n            transparent 68%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n.spin-process::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 420px;\r\n    height: 420px;\r\n\r\n    left: -280px;\r\n    bottom: -280px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(23,89,103,.045),\r\n            transparent 68%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.spin-process-container {\r\n\r\n    position: relative;\r\n\r\n    width: min(1220px, 92%);\r\n\r\n    margin: 0 auto;\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.spin-process-header {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        .65fr 1.7fr;\r\n\r\n    align-items: end;\r\n\r\n    gap: 70px;\r\n\r\n    margin-bottom: 90px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.spin-process-label {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    padding: 9px 16px;\r\n\r\n    width: max-content;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(201,35,39,.22);\r\n\r\n    border-radius: 100px;\r\n\r\n    color: var(--red);\r\n\r\n    background:\r\n        rgba(201,35,39,.025);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: .13em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.spin-process-label::before {\r\n\r\n    content: \"\";\r\n\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--red);\r\n\r\n    box-shadow:\r\n        0 0 0 5px\r\n        rgba(201,35,39,.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER RIGHT\r\n========================================================= *\/\r\n\r\n.spin-process-heading {\r\n\r\n    max-width: 820px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.spin-process-heading h2 {\r\n\r\n    margin: 0;\r\n\r\n    color: var(--dark);\r\n\r\n    font-size:\r\n        clamp(42px, 5vw, 70px);\r\n\r\n    line-height: .98;\r\n\r\n    font-weight: 850;\r\n\r\n    letter-spacing:\r\n        -3.5px;\r\n}\r\n\r\n\r\n.spin-process-heading h2 span {\r\n\r\n    color: var(--red);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.spin-process-intro {\r\n\r\n    max-width: 560px;\r\n\r\n    margin:\r\n        25px 0 0;\r\n\r\n    color: var(--muted);\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.75;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROCESS AREA\r\n========================================================= *\/\r\n\r\n.spin-process-flow {\r\n\r\n    position: relative;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP INFO\r\n========================================================= *\/\r\n\r\n.spin-process-topbar {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    margin-bottom: 25px;\r\n\r\n    padding:\r\n        0 4px;\r\n}\r\n\r\n\r\n.spin-process-topbar-left {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    color: #9AA1A2;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: .14em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.spin-process-topbar-left::before {\r\n\r\n    content: \"\";\r\n\r\n    width: 22px;\r\n\r\n    height: 1px;\r\n\r\n    background: var(--red);\r\n\r\n}\r\n\r\n\r\n.spin-process-counter {\r\n\r\n    color: var(--red);\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: .12em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROUTE SVG\r\n========================================================= *\/\r\n\r\n.spin-process-route {\r\n\r\n    position: absolute;\r\n\r\n    left: 4%;\r\n\r\n    top: 15px;\r\n\r\n    width: 92%;\r\n\r\n    height: 175px;\r\n\r\n    overflow: visible;\r\n\r\n    pointer-events: none;\r\n\r\n    z-index: 1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROUTE BASE\r\n========================================================= *\/\r\n\r\n.spin-process-route-base {\r\n\r\n    fill: none;\r\n\r\n    stroke: #DDE2E2;\r\n\r\n    stroke-width: 2;\r\n\r\n    stroke-dasharray: 4 8;\r\n\r\n    stroke-linecap: round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROUTE ACTIVE\r\n========================================================= *\/\r\n\r\n.spin-process-route-active {\r\n\r\n    fill: none;\r\n\r\n    stroke:\r\n        url(#spinProcessGradient);\r\n\r\n    stroke-width: 3;\r\n\r\n    stroke-linecap: round;\r\n\r\n    stroke-dasharray: 2 15;\r\n\r\n    animation:\r\n        spinRouteMove\r\n        1.8s\r\n        linear\r\n        infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes spinRouteMove {\r\n\r\n    from {\r\n\r\n        stroke-dashoffset: 0;\r\n\r\n    }\r\n\r\n    to {\r\n\r\n        stroke-dashoffset: -70;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROUTE ARROW\r\n========================================================= *\/\r\n\r\n.spin-process-route-arrow {\r\n\r\n    fill: var(--red);\r\n\r\n    filter:\r\n        drop-shadow(\r\n            0 4px 7px\r\n            rgba(201,35,39,.22)\r\n        );\r\n\r\n    animation:\r\n        routeArrowPulse\r\n        1.5s\r\n        ease-in-out\r\n        infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes routeArrowPulse {\r\n\r\n    0%,\r\n    100% {\r\n\r\n        opacity: .55;\r\n\r\n        transform:\r\n            scale(.85);\r\n\r\n    }\r\n\r\n    50% {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n            scale(1);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ITEMS\r\n========================================================= *\/\r\n\r\n.spin-process-items {\r\n\r\n    position: relative;\r\n\r\n    z-index: 4;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3, 1fr);\r\n\r\n    gap: 35px;\r\n\r\n    align-items: start;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STEP\r\n========================================================= *\/\r\n\r\n.spin-process-step {\r\n\r\n    position: relative;\r\n\r\n    cursor: pointer;\r\n\r\n    text-align: center;\r\n\r\n    transition:\r\n        transform .55s\r\n        cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n\r\n.spin-process-step:nth-child(2) {\r\n\r\n    margin-top: -58px;\r\n\r\n}\r\n\r\n\r\n.spin-process-step:hover {\r\n\r\n    transform:\r\n        translateY(-8px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NODE AREA\r\n========================================================= *\/\r\n\r\n.spin-process-node-wrap {\r\n\r\n    position: relative;\r\n\r\n    width: 150px;\r\n\r\n    margin:\r\n        0 auto 28px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON NODE\r\n========================================================= *\/\r\n\r\n.spin-process-icon {\r\n\r\n    position: relative;\r\n\r\n    width: 132px;\r\n    height: 132px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #FFFFFF,\r\n            #F2F5F5\r\n        );\r\n\r\n    border:\r\n        1px solid\r\n        #DCE2E2;\r\n\r\n    box-shadow:\r\n        0 12px 35px\r\n        rgba(7,9,8,.07);\r\n\r\n    transition:\r\n        background .5s ease,\r\n        border-color .5s ease,\r\n        transform .5s ease,\r\n        box-shadow .5s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER RING\r\n========================================================= *\/\r\n\r\n.spin-process-icon::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 9px;\r\n\r\n    border-radius: 50%;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(201,35,39,.12);\r\n\r\n}\r\n\r\n\r\n.spin-process-icon::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: -8px;\r\n\r\n    border-radius: 50%;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(201,35,39,.0);\r\n\r\n    transition:\r\n        border-color .5s ease,\r\n        transform .5s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SVG ICON\r\n========================================================= *\/\r\n\r\n.spin-process-icon svg {\r\n\r\n    position: relative;\r\n\r\n    z-index: 3;\r\n\r\n    width: 57px;\r\n    height: 57px;\r\n\r\n    color: var(--red);\r\n\r\n    transition:\r\n        transform .5s\r\n        cubic-bezier(.2,.8,.2,1),\r\n        color .4s ease;\r\n}\r\n\r\n\r\n.spin-process-step:hover\r\n.spin-process-icon svg {\r\n\r\n    transform:\r\n        scale(1.1)\r\n        rotate(-3deg);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACTIVE NODE\r\n========================================================= *\/\r\n\r\n.spin-process-step.active\r\n.spin-process-icon {\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #C92327,\r\n            #A91E22\r\n        );\r\n\r\n    border-color:\r\n        var(--red);\r\n\r\n    transform:\r\n        scale(1.07);\r\n\r\n    box-shadow:\r\n        0 20px 55px\r\n        rgba(201,35,39,.25);\r\n}\r\n\r\n\r\n.spin-process-step.active\r\n.spin-process-icon::before {\r\n\r\n    border-color:\r\n        rgba(255,255,255,.25);\r\n\r\n}\r\n\r\n\r\n.spin-process-step.active\r\n.spin-process-icon::after {\r\n\r\n    border-color:\r\n        rgba(201,35,39,.18);\r\n\r\n    transform:\r\n        scale(1.08);\r\n\r\n}\r\n\r\n\r\n.spin-process-step.active\r\n.spin-process-icon svg {\r\n\r\n    color: #FFFFFF;\r\n\r\n    transform:\r\n        scale(1.08);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER BADGE\r\n========================================================= *\/\r\n\r\n.spin-process-number {\r\n\r\n    position: absolute;\r\n\r\n    right: 4px;\r\n\r\n    bottom: 3px;\r\n\r\n    z-index: 8;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    width: 34px;\r\n    height: 34px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border:\r\n        1px solid\r\n        #DCE2E2;\r\n\r\n    color: #737C7D;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 900;\r\n\r\n    box-shadow:\r\n        0 7px 18px\r\n        rgba(7,9,8,.1);\r\n\r\n    transition:\r\n        background .4s ease,\r\n        color .4s ease,\r\n        border-color .4s ease;\r\n}\r\n\r\n\r\n.spin-process-step.active\r\n.spin-process-number {\r\n\r\n    background:\r\n        var(--orange);\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    border-color:\r\n        var(--orange);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.spin-process-card {\r\n\r\n    position: relative;\r\n\r\n    max-width: 350px;\r\n\r\n    min-height: 220px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding:\r\n        28px 28px 30px;\r\n\r\n    overflow: hidden;\r\n\r\n    text-align: left;\r\n\r\n    border:\r\n        1px solid\r\n        #E1E5E5;\r\n\r\n    border-radius:\r\n        20px;\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    box-shadow:\r\n        0 8px 30px\r\n        rgba(7,9,8,.035);\r\n\r\n    transition:\r\n        border-color .5s ease,\r\n        box-shadow .5s ease,\r\n        transform .5s ease;\r\n}\r\n\r\n\r\n\/* Top accent *\/\r\n\r\n.spin-process-card::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n\r\n    width: 100%;\r\n\r\n    height: 3px;\r\n\r\n    background:\r\n        #E7EAEA;\r\n\r\n    transition:\r\n        background .5s ease;\r\n}\r\n\r\n\r\n\/* Decorative glow *\/\r\n\r\n.spin-process-card::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 160px;\r\n    height: 160px;\r\n\r\n    right: -100px;\r\n    bottom: -100px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(201,35,39,.04);\r\n\r\n    transition:\r\n        transform .6s ease;\r\n\r\n}\r\n\r\n\r\n.spin-process-step:hover\r\n.spin-process-card {\r\n\r\n    border-color:\r\n        rgba(201,35,39,.25);\r\n\r\n    box-shadow:\r\n        0 22px 55px\r\n        rgba(7,9,8,.08);\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n}\r\n\r\n\r\n.spin-process-step.active\r\n.spin-process-card {\r\n\r\n    border-color:\r\n        rgba(201,35,39,.35);\r\n\r\n    box-shadow:\r\n        0 24px 60px\r\n        rgba(7,9,8,.09);\r\n\r\n}\r\n\r\n\r\n.spin-process-step.active\r\n.spin-process-card::before {\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--red),\r\n            var(--orange)\r\n        );\r\n\r\n}\r\n\r\n\r\n.spin-process-step.active\r\n.spin-process-card::after {\r\n\r\n    transform:\r\n        scale(1.4);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TOP\r\n========================================================= *\/\r\n\r\n.spin-process-card-top {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    margin-bottom: 24px;\r\n}\r\n\r\n\r\n.spin-process-card-label {\r\n\r\n    color:\r\n        #9AA2A3;\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    letter-spacing:\r\n        .14em;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.spin-process-card-arrow {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    width: 34px;\r\n    height: 34px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        #F4F6F6;\r\n\r\n    color:\r\n        #8A9293;\r\n\r\n    transition:\r\n        background .4s ease,\r\n        color .4s ease,\r\n        transform .5s ease;\r\n}\r\n\r\n\r\n.spin-process-card-arrow svg {\r\n\r\n    width: 15px;\r\n    height: 15px;\r\n\r\n}\r\n\r\n\r\n.spin-process-step.active\r\n.spin-process-card-arrow {\r\n\r\n    background:\r\n        var(--red);\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    transform:\r\n        rotate(45deg);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.spin-process-title {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin:\r\n        0 0 12px;\r\n\r\n    color:\r\n        var(--dark);\r\n\r\n    font-size:\r\n        24px;\r\n\r\n    line-height:\r\n        1.15;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        -.6px;\r\n\r\n    transition:\r\n        color .4s ease;\r\n}\r\n\r\n\r\n.spin-process-step.active\r\n.spin-process-title {\r\n\r\n    color:\r\n        var(--red);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.spin-process-description {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    max-width:\r\n        310px;\r\n\r\n    margin:\r\n        0;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        13px;\r\n\r\n    line-height:\r\n        1.7;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD FOOTER\r\n========================================================= *\/\r\n\r\n.spin-process-card-footer {\r\n\r\n    position: absolute;\r\n\r\n    left: 28px;\r\n    right: 28px;\r\n    bottom: 24px;\r\n\r\n    z-index: 4;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    color:\r\n        #A0A7A8;\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    letter-spacing:\r\n        .1em;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.spin-process-card-footer-line {\r\n\r\n    width:\r\n        28px;\r\n\r\n    height:\r\n        1px;\r\n\r\n    background:\r\n        #D9DEDE;\r\n\r\n    transition:\r\n        width .45s ease,\r\n        background .45s ease;\r\n}\r\n\r\n\r\n.spin-process-step.active\r\n.spin-process-card-footer-line {\r\n\r\n    width:\r\n        45px;\r\n\r\n    background:\r\n        var(--red);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM NAVIGATION\r\n========================================================= *\/\r\n\r\n.spin-process-bottom {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    margin-top:\r\n        35px;\r\n\r\n    padding:\r\n        0 5px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOTS\r\n========================================================= *\/\r\n\r\n.spin-process-dots {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap:\r\n        7px;\r\n}\r\n\r\n\r\n.spin-process-dot {\r\n\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    padding: 0;\r\n\r\n    border: 0;\r\n\r\n    border-radius: 20px;\r\n\r\n    background:\r\n        #D5DADA;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        width .4s ease,\r\n        background .4s ease;\r\n}\r\n\r\n\r\n.spin-process-dot:hover {\r\n\r\n    background:\r\n        var(--red);\r\n\r\n}\r\n\r\n\r\n.spin-process-dot.active {\r\n\r\n    width:\r\n        30px;\r\n\r\n    background:\r\n        var(--red);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STATUS\r\n========================================================= *\/\r\n\r\n.spin-process-status {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    color:\r\n        #91999A;\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    font-weight:\r\n        900;\r\n\r\n    letter-spacing:\r\n        .13em;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.spin-process-status-dot {\r\n\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        var(--red);\r\n\r\n    animation:\r\n        statusPulse\r\n        1.5s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n@keyframes statusPulse {\r\n\r\n    0%,\r\n    100% {\r\n\r\n        opacity: .3;\r\n\r\n        transform:\r\n            scale(.8);\r\n\r\n    }\r\n\r\n    50% {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n            scale(1.25);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PAUSE\r\n========================================================= *\/\r\n\r\n.spin-process.paused\r\n.spin-process-route-active {\r\n\r\n    animation-play-state:\r\n        paused;\r\n\r\n}\r\n\r\n\r\n.spin-process.paused\r\n.spin-process-status-dot {\r\n\r\n    animation-play-state:\r\n        paused;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:950px) {\r\n\r\n    .spin-process {\r\n\r\n        padding:\r\n            90px 0 90px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-header {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap:\r\n            25px;\r\n\r\n        margin-bottom:\r\n            70px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-heading h2 {\r\n\r\n        font-size:\r\n            clamp(42px, 7vw, 62px);\r\n\r\n    }\r\n\r\n\r\n    .spin-process-intro {\r\n\r\n        max-width:\r\n            650px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-items {\r\n\r\n        gap:\r\n            20px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-card {\r\n\r\n        padding:\r\n            24px 21px 30px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-card-footer {\r\n\r\n        left:\r\n            21px;\r\n\r\n        right:\r\n            21px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-title {\r\n\r\n        font-size:\r\n            21px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:700px) {\r\n\r\n    .spin-process {\r\n\r\n        padding:\r\n            70px 0 75px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-container {\r\n\r\n        width:\r\n            90%;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-header {\r\n\r\n        margin-bottom:\r\n            55px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-heading h2 {\r\n\r\n        font-size:\r\n            40px;\r\n\r\n        line-height:\r\n            1;\r\n\r\n        letter-spacing:\r\n            -2px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-intro {\r\n\r\n        font-size:\r\n            13px;\r\n\r\n    }\r\n\r\n\r\n    \/* Hide desktop curve *\/\r\n\r\n    .spin-process-route {\r\n\r\n        display:\r\n            none;\r\n\r\n    }\r\n\r\n\r\n    \/* Mobile line *\/\r\n\r\n    .spin-process-flow {\r\n\r\n        position:\r\n            relative;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-flow::before {\r\n\r\n        content:\r\n            \"\";\r\n\r\n        position:\r\n            absolute;\r\n\r\n        left:\r\n            35px;\r\n\r\n        top:\r\n            72px;\r\n\r\n        bottom:\r\n            85px;\r\n\r\n        width:\r\n            2px;\r\n\r\n        background:\r\n            repeating-linear-gradient(\r\n                to bottom,\r\n                #C92327 0,\r\n                #C92327 5px,\r\n                transparent 5px,\r\n                transparent 12px\r\n            );\r\n\r\n        opacity:\r\n            .55;\r\n\r\n        z-index:\r\n            1;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-items {\r\n\r\n        display:\r\n            flex;\r\n\r\n        flex-direction:\r\n            column;\r\n\r\n        gap:\r\n            28px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-step,\r\n    .spin-process-step:nth-child(2),\r\n    .spin-process-step:hover {\r\n\r\n        display:\r\n            grid;\r\n\r\n        grid-template-columns:\r\n            72px 1fr;\r\n\r\n        gap:\r\n            20px;\r\n\r\n        align-items:\r\n            start;\r\n\r\n        width:\r\n            100%;\r\n\r\n        margin:\r\n            0;\r\n\r\n        text-align:\r\n            left;\r\n\r\n        transform:\r\n            none;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-node-wrap {\r\n\r\n        width:\r\n            72px;\r\n\r\n        margin:\r\n            0;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-icon {\r\n\r\n        width:\r\n            72px;\r\n\r\n        height:\r\n            72px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-icon svg {\r\n\r\n        width:\r\n            36px;\r\n\r\n        height:\r\n            36px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-number {\r\n\r\n        width:\r\n            27px;\r\n\r\n        height:\r\n            27px;\r\n\r\n        right:\r\n            -2px;\r\n\r\n        bottom:\r\n            -2px;\r\n\r\n        font-size:\r\n            8px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-card {\r\n\r\n        min-height:\r\n            190px;\r\n\r\n        padding:\r\n            22px 19px 30px;\r\n\r\n        border-radius:\r\n            17px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-title {\r\n\r\n        font-size:\r\n            19px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-description {\r\n\r\n        font-size:\r\n            12px;\r\n\r\n        line-height:\r\n            1.65;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-card-footer {\r\n\r\n        left:\r\n            19px;\r\n\r\n        right:\r\n            19px;\r\n\r\n        bottom:\r\n            18px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-status {\r\n\r\n        display:\r\n            none;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-bottom {\r\n\r\n        margin-top:\r\n            30px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:420px) {\r\n\r\n    .spin-process-heading h2 {\r\n\r\n        font-size:\r\n            34px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-label {\r\n\r\n        font-size:\r\n            9px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-step,\r\n    .spin-process-step:nth-child(2),\r\n    .spin-process-step:hover {\r\n\r\n        grid-template-columns:\r\n            58px 1fr;\r\n\r\n        gap:\r\n            15px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-flow::before {\r\n\r\n        left:\r\n            28px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-node-wrap {\r\n\r\n        width:\r\n            58px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-icon {\r\n\r\n        width:\r\n            58px;\r\n\r\n        height:\r\n            58px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-icon svg {\r\n\r\n        width:\r\n            29px;\r\n\r\n        height:\r\n            29px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-number {\r\n\r\n        width:\r\n            23px;\r\n\r\n        height:\r\n            23px;\r\n\r\n        font-size:\r\n            7px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-card {\r\n\r\n        min-height:\r\n            175px;\r\n\r\n        padding:\r\n            19px 16px 27px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-title {\r\n\r\n        font-size:\r\n            17px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-description {\r\n\r\n        font-size:\r\n            11px;\r\n\r\n    }\r\n\r\n\r\n    .spin-process-card-footer {\r\n\r\n        left:\r\n            16px;\r\n\r\n        right:\r\n            16px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce) {\r\n\r\n    .spin-process *,\r\n    .spin-process *::before,\r\n    .spin-process *::after {\r\n\r\n        animation-duration:\r\n            .01ms !important;\r\n\r\n        animation-iteration-count:\r\n            1 !important;\r\n\r\n        transition-duration:\r\n            .01ms !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     HTML\r\n========================================================= -->\r\n\r\n<section class=\"spin-process\">\r\n\r\n    <div class=\"spin-process-container\">\r\n\r\n\r\n        <!-- =================================================\r\n             HEADER\r\n        ================================================= -->\r\n\r\n        <div class=\"spin-process-header\">\r\n\r\n\r\n            <div>\r\n\r\n                <div class=\"spin-process-label\">\r\n                    Working Process\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"spin-process-heading\">\r\n\r\n                <h2>\r\n                    From pickup to\r\n                    <span>final delivery.<\/span>\r\n                <\/h2>\r\n\r\n\r\n                <p class=\"spin-process-intro\">\r\n\r\n                    Every shipment follows a carefully\r\n                    coordinated process designed to keep\r\n                    your cargo moving safely, efficiently\r\n                    and on schedule.\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             PROCESS FLOW\r\n        ================================================= -->\r\n\r\n        <div class=\"spin-process-flow\">\r\n\r\n\r\n            <!-- TOP BAR -->\r\n\r\n            <div class=\"spin-process-topbar\">\r\n\r\n                <div class=\"spin-process-topbar-left\">\r\n                    How It Works\r\n                <\/div>\r\n\r\n\r\n                <div class=\"spin-process-counter\">\r\n                    Step 01 \/ 03\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 SVG ROUTE\r\n            ================================================= -->\r\n\r\n            <svg\r\n                class=\"spin-process-route\"\r\n                viewBox=\"0 0 1000 175\"\r\n                preserveAspectRatio=\"none\"\r\n                aria-hidden=\"true\">\r\n\r\n\r\n                <defs>\r\n\r\n                    <linearGradient\r\n                        id=\"spinProcessGradient\"\r\n                        x1=\"0\"\r\n                        y1=\"0\"\r\n                        x2=\"1\"\r\n                        y2=\"0\">\r\n\r\n                        <stop\r\n                            offset=\"0%\"\r\n                            stop-color=\"#C92327\"\/>\r\n\r\n                        <stop\r\n                            offset=\"100%\"\r\n                            stop-color=\"#FF6848\"\/>\r\n\r\n                    <\/linearGradient>\r\n\r\n\r\n                    <marker\r\n                        id=\"spinProcessArrow\"\r\n                        markerWidth=\"9\"\r\n                        markerHeight=\"9\"\r\n                        refX=\"7\"\r\n                        refY=\"4.5\"\r\n                        orient=\"auto\">\r\n\r\n                        <path\r\n                            class=\"spin-process-route-arrow\"\r\n                            d=\"M0 0 L9 4.5 L0 9 Z\">\r\n                        <\/path>\r\n\r\n                    <\/marker>\r\n\r\n                <\/defs>\r\n\r\n\r\n                <!-- BASE CURVE -->\r\n\r\n                <path\r\n                    class=\"spin-process-route-base\"\r\n                    d=\"\r\n                        M90 120\r\n                        C210 20,\r\n                         345 15,\r\n                         470 82\r\n                    \"\r\n                    marker-end=\"url(#spinProcessArrow)\">\r\n                <\/path>\r\n\r\n\r\n                <path\r\n                    class=\"spin-process-route-base\"\r\n                    d=\"\r\n                        M530 82\r\n                        C655 15,\r\n                         790 20,\r\n                         910 120\r\n                    \"\r\n                    marker-end=\"url(#spinProcessArrow)\">\r\n                <\/path>\r\n\r\n\r\n                <!-- MOVING CURVE -->\r\n\r\n                <path\r\n                    class=\"spin-process-route-active\"\r\n                    d=\"\r\n                        M90 120\r\n                        C210 20,\r\n                         345 15,\r\n                         470 82\r\n                    \">\r\n                <\/path>\r\n\r\n\r\n                <path\r\n                    class=\"spin-process-route-active\"\r\n                    d=\"\r\n                        M530 82\r\n                        C655 15,\r\n                         790 20,\r\n                         910 120\r\n                    \">\r\n                <\/path>\r\n\r\n            <\/svg>\r\n\r\n\r\n            <!-- =================================================\r\n                 STEPS\r\n            ================================================= -->\r\n\r\n            <div class=\"spin-process-items\">\r\n\r\n\r\n                <!-- =================================================\r\n                     STEP 01\r\n                ================================================= -->\r\n\r\n                <article\r\n                    class=\"spin-process-step active\"\r\n                    data-step=\"0\">\r\n\r\n\r\n                    <div class=\"spin-process-node-wrap\">\r\n\r\n                        <div class=\"spin-process-icon\">\r\n\r\n                            <svg\r\n                                viewBox=\"0 0 64 64\"\r\n                                fill=\"none\">\r\n\r\n                                <path\r\n                                    d=\"\r\n                                        M13 20\r\n                                        L32 12\r\n                                        L51 20\r\n                                        V42\r\n                                        L32 52\r\n                                        L13 42\r\n                                        Z\r\n                                    \"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\r\n                                    stroke-linejoin=\"round\"\/>\r\n\r\n                                <path\r\n                                    d=\"\r\n                                        M13 20\r\n                                        L32 29\r\n                                        L51 20\r\n                                    \"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\/>\r\n\r\n                                <path\r\n                                    d=\"\r\n                                        M32 29\r\n                                        V52\r\n                                    \"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\/>\r\n\r\n                                <path\r\n                                    d=\"\r\n                                        M20 40\r\n                                        L26 44\r\n                                        L35 37\r\n                                    \"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\r\n                                    stroke-linecap=\"round\"\r\n                                    stroke-linejoin=\"round\"\/>\r\n\r\n                            <\/svg>\r\n\r\n\r\n                            <span class=\"spin-process-number\">\r\n                                01\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"spin-process-card\">\r\n\r\n\r\n                        <div class=\"spin-process-card-top\">\r\n\r\n                            <span class=\"spin-process-card-label\">\r\n                                Collection\r\n                            <\/span>\r\n\r\n\r\n                            <span class=\"spin-process-card-arrow\">\r\n\r\n                                <svg\r\n                                    viewBox=\"0 0 24 24\"\r\n                                    fill=\"none\">\r\n\r\n                                    <path\r\n                                        d=\"M5 12h13M13 6l6 6-6 6\"\r\n                                        stroke=\"currentColor\"\r\n                                        stroke-width=\"1.8\"\r\n                                        stroke-linecap=\"round\"\r\n                                        stroke-linejoin=\"round\"\/>\r\n\r\n                                <\/svg>\r\n\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <h3 class=\"spin-process-title\">\r\n                            Receive Packages\r\n                        <\/h3>\r\n\r\n\r\n                        <p class=\"spin-process-description\">\r\n\r\n                            We receive your freight with care,\r\n                            verify shipment details and prepare\r\n                            every package for a smooth journey.\r\n\r\n                        <\/p>\r\n\r\n\r\n                        <div class=\"spin-process-card-footer\">\r\n\r\n                            <span\r\n                                class=\"spin-process-card-footer-line\">\r\n                            <\/span>\r\n\r\n                            Secure intake\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- =================================================\r\n                     STEP 02\r\n                ================================================= -->\r\n\r\n                <article\r\n                    class=\"spin-process-step\"\r\n                    data-step=\"1\">\r\n\r\n\r\n                    <div class=\"spin-process-node-wrap\">\r\n\r\n                        <div class=\"spin-process-icon\">\r\n\r\n                            <svg\r\n                                viewBox=\"0 0 64 64\"\r\n                                fill=\"none\">\r\n\r\n                                <rect\r\n                                    x=\"10\"\r\n                                    y=\"17\"\r\n                                    width=\"35\"\r\n                                    height=\"28\"\r\n                                    rx=\"3\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\/>\r\n\r\n                                <path\r\n                                    d=\"\r\n                                        M45 26\r\n                                        H51\r\n                                        L56 32\r\n                                        V45\r\n                                        H45\r\n                                    \"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\r\n                                    stroke-linejoin=\"round\"\/>\r\n\r\n                                <circle\r\n                                    cx=\"20\"\r\n                                    cy=\"47\"\r\n                                    r=\"5\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\/>\r\n\r\n                                <circle\r\n                                    cx=\"48\"\r\n                                    cy=\"47\"\r\n                                    r=\"5\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\/>\r\n\r\n                                <path\r\n                                    d=\"\r\n                                        M15 29\r\n                                        H36\r\n                                    \"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\r\n                                    stroke-linecap=\"round\"\/>\r\n\r\n                            <\/svg>\r\n\r\n\r\n                            <span class=\"spin-process-number\">\r\n                                02\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"spin-process-card\">\r\n\r\n\r\n                        <div class=\"spin-process-card-top\">\r\n\r\n                            <span class=\"spin-process-card-label\">\r\n                                Movement\r\n                            <\/span>\r\n\r\n\r\n                            <span class=\"spin-process-card-arrow\">\r\n\r\n                                <svg\r\n                                    viewBox=\"0 0 24 24\"\r\n                                    fill=\"none\">\r\n\r\n                                    <path\r\n                                        d=\"M5 12h13M13 6l6 6-6 6\"\r\n                                        stroke=\"currentColor\"\r\n                                        stroke-width=\"1.8\"\r\n                                        stroke-linecap=\"round\"\r\n                                        stroke-linejoin=\"round\"\/>\r\n\r\n                                <\/svg>\r\n\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <h3 class=\"spin-process-title\">\r\n                            Transport Packages\r\n                        <\/h3>\r\n\r\n\r\n                        <p class=\"spin-process-description\">\r\n\r\n                            Your shipment moves through our\r\n                            reliable transportation network with\r\n                            efficient routing and careful handling.\r\n\r\n                        <\/p>\r\n\r\n\r\n                        <div class=\"spin-process-card-footer\">\r\n\r\n                            <span\r\n                                class=\"spin-process-card-footer-line\">\r\n                            <\/span>\r\n\r\n                            Smart routing\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- =================================================\r\n                     STEP 03\r\n                ================================================= -->\r\n\r\n                <article\r\n                    class=\"spin-process-step\"\r\n                    data-step=\"2\">\r\n\r\n\r\n                    <div class=\"spin-process-node-wrap\">\r\n\r\n                        <div class=\"spin-process-icon\">\r\n\r\n                            <svg\r\n                                viewBox=\"0 0 64 64\"\r\n                                fill=\"none\">\r\n\r\n                                <path\r\n                                    d=\"\r\n                                        M13 20\r\n                                        L32 12\r\n                                        L51 20\r\n                                        V42\r\n                                        L32 52\r\n                                        L13 42\r\n                                        Z\r\n                                    \"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\r\n                                    stroke-linejoin=\"round\"\/>\r\n\r\n                                <path\r\n                                    d=\"\r\n                                        M13 20\r\n                                        L32 29\r\n                                        L51 20\r\n                                    \"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\/>\r\n\r\n                                <path\r\n                                    d=\"\r\n                                        M32 29\r\n                                        V52\r\n                                    \"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\/>\r\n\r\n                                <path\r\n                                    d=\"\r\n                                        M20 39\r\n                                        L26 45\r\n                                        L44 28\r\n                                    \"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2.5\"\r\n                                    stroke-linecap=\"round\"\r\n                                    stroke-linejoin=\"round\"\/>\r\n\r\n                            <\/svg>\r\n\r\n\r\n                            <span class=\"spin-process-number\">\r\n                                03\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"spin-process-card\">\r\n\r\n\r\n                        <div class=\"spin-process-card-top\">\r\n\r\n                            <span class=\"spin-process-card-label\">\r\n                                Destination\r\n                            <\/span>\r\n\r\n\r\n                            <span class=\"spin-process-card-arrow\">\r\n\r\n                                <svg\r\n                                    viewBox=\"0 0 24 24\"\r\n                                    fill=\"none\">\r\n\r\n                                    <path\r\n                                        d=\"M5 12h13M13 6l6 6-6 6\"\r\n                                        stroke=\"currentColor\"\r\n                                        stroke-width=\"1.8\"\r\n                                        stroke-linecap=\"round\"\r\n                                        stroke-linejoin=\"round\"\/>\r\n\r\n                                <\/svg>\r\n\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <h3 class=\"spin-process-title\">\r\n                            Deliver Packages\r\n                        <\/h3>\r\n\r\n\r\n                        <p class=\"spin-process-description\">\r\n\r\n                            We complete the final delivery\r\n                            efficiently and safely, keeping your\r\n                            shipment on schedule from start to finish.\r\n\r\n                        <\/p>\r\n\r\n\r\n                        <div class=\"spin-process-card-footer\">\r\n\r\n                            <span\r\n                                class=\"spin-process-card-footer-line\">\r\n                            <\/span>\r\n\r\n                            Final delivery\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 BOTTOM NAV\r\n            ================================================= -->\r\n\r\n            <div class=\"spin-process-bottom\">\r\n\r\n\r\n                <div class=\"spin-process-dots\">\r\n\r\n                    <button\r\n                        class=\"spin-process-dot active\"\r\n                        type=\"button\"\r\n                        data-dot=\"0\"\r\n                        aria-label=\"Step 1\">\r\n                    <\/button>\r\n\r\n\r\n                    <button\r\n                        class=\"spin-process-dot\"\r\n                        type=\"button\"\r\n                        data-dot=\"1\"\r\n                        aria-label=\"Step 2\">\r\n                    <\/button>\r\n\r\n\r\n                    <button\r\n                        class=\"spin-process-dot\"\r\n                        type=\"button\"\r\n                        data-dot=\"2\"\r\n                        aria-label=\"Step 3\">\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"spin-process-status\">\r\n\r\n                    <span\r\n                        class=\"spin-process-status-dot\">\r\n                    <\/span>\r\n\r\n                    Live Process\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     JAVASCRIPT\r\n     AUTO 4 SECOND\r\n========================================================= -->\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    function initSpinProcess() {\r\n\r\n        const sections =\r\n            document.querySelectorAll(\r\n                \".spin-process\"\r\n            );\r\n\r\n\r\n        sections.forEach(function(section) {\r\n\r\n\r\n            if (\r\n                section.dataset.initialized ===\r\n                \"true\"\r\n            ) {\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            section.dataset.initialized =\r\n                \"true\";\r\n\r\n\r\n            const steps =\r\n                section.querySelectorAll(\r\n                    \".spin-process-step\"\r\n                );\r\n\r\n\r\n            const dots =\r\n                section.querySelectorAll(\r\n                    \".spin-process-dot\"\r\n                );\r\n\r\n\r\n            const counter =\r\n                section.querySelector(\r\n                    \".spin-process-counter\"\r\n                );\r\n\r\n\r\n            let current =\r\n                0;\r\n\r\n\r\n            let timer =\r\n                null;\r\n\r\n\r\n            const duration =\r\n                4000;\r\n\r\n\r\n            \/* ================================================\r\n               ACTIVATE STEP\r\n            ================================================= *\/\r\n\r\n            function activate(index) {\r\n\r\n                current =\r\n                    index;\r\n\r\n\r\n                steps.forEach(\r\n                    function(step, i) {\r\n\r\n                        step.classList.toggle(\r\n                            \"active\",\r\n                            i === index\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                dots.forEach(\r\n                    function(dot, i) {\r\n\r\n                        dot.classList.toggle(\r\n                            \"active\",\r\n                            i === index\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                if (counter) {\r\n\r\n                    counter.textContent =\r\n                        \"Step \" +\r\n                        String(index + 1)\r\n                            .padStart(2, \"0\") +\r\n                        \" \/ 03\";\r\n\r\n                }\r\n\r\n            }\r\n\r\n\r\n            \/* ================================================\r\n               NEXT\r\n            ================================================= *\/\r\n\r\n            function next() {\r\n\r\n                let nextIndex =\r\n                    current + 1;\r\n\r\n\r\n                if (\r\n                    nextIndex >=\r\n                    steps.length\r\n                ) {\r\n\r\n                    nextIndex =\r\n                        0;\r\n\r\n                }\r\n\r\n\r\n                activate(\r\n                    nextIndex\r\n                );\r\n\r\n            }\r\n\r\n\r\n            \/* ================================================\r\n               START\r\n            ================================================= *\/\r\n\r\n            function start() {\r\n\r\n                clearInterval(\r\n                    timer\r\n                );\r\n\r\n\r\n                timer =\r\n                    setInterval(\r\n                        next,\r\n                        duration\r\n                    );\r\n\r\n            }\r\n\r\n\r\n            \/* ================================================\r\n               STOP\r\n            ================================================= *\/\r\n\r\n            function stop() {\r\n\r\n                clearInterval(\r\n                    timer\r\n                );\r\n\r\n            }\r\n\r\n\r\n            \/* ================================================\r\n               INITIAL\r\n            ================================================= *\/\r\n\r\n            activate(0);\r\n\r\n            start();\r\n\r\n\r\n            \/* ================================================\r\n               STEP CLICK\r\n            ================================================= *\/\r\n\r\n            steps.forEach(\r\n                function(step, index) {\r\n\r\n                    step.addEventListener(\r\n                        \"click\",\r\n                        function() {\r\n\r\n                            activate(\r\n                                index\r\n                            );\r\n\r\n                            start();\r\n\r\n                        }\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n            \/* ================================================\r\n               DOT CLICK\r\n            ================================================= *\/\r\n\r\n            dots.forEach(\r\n                function(dot, index) {\r\n\r\n                    dot.addEventListener(\r\n                        \"click\",\r\n                        function(event) {\r\n\r\n                            event.preventDefault();\r\n\r\n                            event.stopPropagation();\r\n\r\n\r\n                            activate(\r\n                                index\r\n                            );\r\n\r\n                            start();\r\n\r\n                        }\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n            \/* ================================================\r\n               HOVER PAUSE\r\n            ================================================= *\/\r\n\r\n            section.addEventListener(\r\n                \"mouseenter\",\r\n                function() {\r\n\r\n                    section.classList.add(\r\n                        \"paused\"\r\n                    );\r\n\r\n                    stop();\r\n\r\n                }\r\n            );\r\n\r\n\r\n            section.addEventListener(\r\n                \"mouseleave\",\r\n                function() {\r\n\r\n                    section.classList.remove(\r\n                        \"paused\"\r\n                    );\r\n\r\n                    start();\r\n\r\n                }\r\n            );\r\n\r\n\r\n            \/* ================================================\r\n               MOBILE TOUCH\r\n            ================================================= *\/\r\n\r\n            section.addEventListener(\r\n                \"touchstart\",\r\n                stop,\r\n                {\r\n                    passive: true\r\n                }\r\n            );\r\n\r\n\r\n            section.addEventListener(\r\n                \"touchend\",\r\n                start,\r\n                {\r\n                    passive: true\r\n                }\r\n            );\r\n\r\n\r\n            \/* ================================================\r\n               VISIBILITY\r\n            ================================================= *\/\r\n\r\n            document.addEventListener(\r\n                \"visibilitychange\",\r\n                function() {\r\n\r\n                    if (\r\n                        document.hidden\r\n                    ) {\r\n\r\n                        stop();\r\n\r\n                    } else {\r\n\r\n                        start();\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       DOM READY\r\n    ======================================================== *\/\r\n\r\n    if (\r\n        document.readyState ===\r\n        \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initSpinProcess\r\n        );\r\n\r\n    } else {\r\n\r\n        initSpinProcess();\r\n\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       ELEMENTOR\r\n    ======================================================== *\/\r\n\r\n    if (window.jQuery) {\r\n\r\n        jQuery(window).on(\r\n            \"elementor\/frontend\/init\",\r\n            function() {\r\n\r\n                setTimeout(\r\n                    initSpinProcess,\r\n                    400\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ace7fa4 e-con-full e-flex e-con e-parent\" data-id=\"ace7fa4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e3142e elementor-widget elementor-widget-html\" data-id=\"1e3142e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     SPIN TRANSPORTATION\r\n     CONTACT US \u2014 DARK PREMIUM VERSION\r\n     WHITE \/ RED \/ DARK\r\n     WORDPRESS \/ ELEMENTOR READY\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.spin-contact,\r\n.spin-contact * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.spin-contact {\r\n    --red: #C92327;\r\n    --red-light: #E33A3F;\r\n    --dark: #070908;\r\n    --dark-2: #0D1110;\r\n    --dark-3: #121716;\r\n    --white: #FFFFFF;\r\n    --muted: #9AA3A3;\r\n    --muted-2: #707979;\r\n    --line: rgba(255,255,255,.10);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 115px 0 100px;\r\n    overflow: hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 85% 15%,\r\n            rgba(201,35,39,.13),\r\n            transparent 30%\r\n        ),\r\n        radial-gradient(\r\n            circle at 0% 100%,\r\n            rgba(201,35,39,.08),\r\n            transparent 30%\r\n        ),\r\n        #070908;\r\n\r\n    color: var(--white);\r\n\r\n    font-family: \"Outfit\", Sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GRID\r\n========================================================= *\/\r\n\r\n.spin-contact::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(255,255,255,.025) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,.025) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size: 70px 70px;\r\n\r\n    mask-image:\r\n        linear-gradient(\r\n            to bottom,\r\n            transparent,\r\n            black 15%,\r\n            black 85%,\r\n            transparent\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RED GLOW\r\n========================================================= *\/\r\n\r\n.spin-contact::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 600px;\r\n    height: 600px;\r\n\r\n    right: -350px;\r\n    top: 50%;\r\n\r\n    transform: translateY(-50%);\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(201,35,39,.15),\r\n            transparent 68%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.spin-contact-container {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: min(1180px, 92%);\r\n\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.spin-contact-header {\r\n    max-width: 760px;\r\n\r\n    margin: 0 auto 65px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.spin-contact-label {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    gap: 10px;\r\n\r\n    padding: 9px 17px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(201,35,39,.45);\r\n\r\n    border-radius: 50px;\r\n\r\n    background:\r\n        rgba(201,35,39,.08);\r\n\r\n    color: #F05A5E;\r\n\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .16em;\r\n\r\n    text-transform: uppercase;\r\n\r\n    box-shadow:\r\n        0 0 30px\r\n        rgba(201,35,39,.08);\r\n}\r\n\r\n\r\n.spin-contact-label span {\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--red);\r\n\r\n    box-shadow:\r\n        0 0 0 5px\r\n        rgba(201,35,39,.13);\r\n\r\n    animation:\r\n        contactPulse 1.8s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n@keyframes contactPulse {\r\n\r\n    0%,\r\n    100% {\r\n        transform: scale(.8);\r\n        opacity: .55;\r\n    }\r\n\r\n    50% {\r\n        transform: scale(1.15);\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.spin-contact-title {\r\n    margin: 23px 0 0;\r\n\r\n    color: var(--white);\r\n\r\n    font-size:\r\n        clamp(42px, 5.5vw, 68px);\r\n\r\n    line-height: 1.02;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: -2.8px;\r\n}\r\n\r\n\r\n.spin-contact-title span {\r\n    color: var(--red);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.spin-contact-intro {\r\n    max-width: 620px;\r\n\r\n    margin: 21px auto 0;\r\n\r\n    color: var(--muted);\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN GRID\r\n========================================================= *\/\r\n\r\n.spin-contact-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        .82fr 1.18fr;\r\n\r\n    gap: 28px;\r\n\r\n    align-items: stretch;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT INFORMATION CARD\r\n========================================================= *\/\r\n\r\n.spin-contact-info {\r\n    position: relative;\r\n\r\n    min-height: 535px;\r\n\r\n    padding: 43px;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.09);\r\n\r\n    border-radius: 28px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #111615,\r\n            #0A0D0C\r\n        );\r\n\r\n    box-shadow:\r\n        0 35px 90px\r\n        rgba(0,0,0,.30);\r\n}\r\n\r\n\r\n\/* RED TOP LINE *\/\r\n\r\n.spin-contact-info::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 42px;\r\n    right: 42px;\r\n\r\n    height: 2px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            var(--red),\r\n            transparent\r\n        );\r\n}\r\n\r\n\r\n\/* GLOW *\/\r\n\r\n.spin-contact-info::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 360px;\r\n    height: 360px;\r\n\r\n    right: -190px;\r\n    bottom: -190px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(201,35,39,.20),\r\n            transparent 68%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INFO TITLE\r\n========================================================= *\/\r\n\r\n.spin-contact-info-title {\r\n    position: relative;\r\n    z-index: 3;\r\n\r\n    margin: 0 0 12px;\r\n\r\n    color: var(--white);\r\n\r\n    font-size: 31px;\r\n\r\n    line-height: 1.15;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: -.8px;\r\n}\r\n\r\n\r\n.spin-contact-info-text {\r\n    position: relative;\r\n    z-index: 3;\r\n\r\n    max-width: 350px;\r\n\r\n    margin: 0;\r\n\r\n    color: #8C9695;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT LIST\r\n========================================================= *\/\r\n\r\n.spin-contact-list {\r\n    position: relative;\r\n    z-index: 5;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 15px;\r\n\r\n    margin-top: 37px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT ITEM\r\n========================================================= *\/\r\n\r\n.spin-contact-item {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 15px;\r\n\r\n    min-height: 70px;\r\n\r\n    padding: 10px 12px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.07);\r\n\r\n    border-radius: 50px;\r\n\r\n    background:\r\n        rgba(255,255,255,.025);\r\n\r\n    color: var(--white);\r\n\r\n    text-decoration: none!important;\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        border-color .35s ease,\r\n        background .35s ease,\r\n        box-shadow .35s ease;\r\n}\r\n\r\n\r\n.spin-contact-item:hover {\r\n    transform: translateX(6px);\r\n\r\n    border-color:\r\n        rgba(201,35,39,.40);\r\n\r\n    background:\r\n        rgba(201,35,39,.07);\r\n\r\n    box-shadow:\r\n        0 12px 35px\r\n        rgba(0,0,0,.18);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n========================================================= *\/\r\n\r\n.spin-contact-item-icon {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    width: 46px;\r\n    height: 46px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(201,35,39,.30);\r\n\r\n    border-radius: 50px;\r\n\r\n    background:\r\n        rgba(201,35,39,.08);\r\n\r\n    color: var(--red);\r\n\r\n    transition:\r\n        background .35s ease,\r\n        transform .35s ease;\r\n}\r\n\r\n\r\n.spin-contact-item:hover\r\n.spin-contact-item-icon {\r\n    background:\r\n        var(--red);\r\n\r\n    color: #fff;\r\n\r\n    transform:\r\n        rotate(-4deg);\r\n}\r\n\r\n\r\n.spin-contact-item-icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ITEM TEXT\r\n========================================================= *\/\r\n\r\n.spin-contact-item-content {\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 4px;\r\n\r\n    min-width: 0;\r\n}\r\n\r\n\r\n.spin-contact-item-label {\r\n    color: #6E7776;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .13em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.spin-contact-item-value {\r\n    color: #F4F5F5;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.4;\r\n\r\n    font-weight: 600;\r\n\r\n    word-break: break-word;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROUTE GRAPHIC\r\n========================================================= *\/\r\n\r\n.spin-contact-route {\r\n    position: absolute;\r\n\r\n    right: -20px;\r\n    bottom: 12px;\r\n\r\n    width: 340px;\r\n    height: 175px;\r\n\r\n    opacity: .65;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n.spin-contact-route path {\r\n    fill: none;\r\n\r\n    stroke:\r\n        rgba(255,255,255,.09);\r\n\r\n    stroke-width: 1.5;\r\n\r\n    stroke-dasharray: 4 8;\r\n\r\n    stroke-linecap: round;\r\n}\r\n\r\n\r\n.spin-contact-route .active-route {\r\n    stroke: var(--red);\r\n\r\n    stroke-width: 2.5;\r\n\r\n    stroke-dasharray: 2 18;\r\n\r\n    animation:\r\n        contactRoute\r\n        2.5s\r\n        linear\r\n        infinite;\r\n}\r\n\r\n\r\n@keyframes contactRoute {\r\n\r\n    from {\r\n        stroke-dashoffset: 0;\r\n    }\r\n\r\n    to {\r\n        stroke-dashoffset: -70;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM CARD\r\n========================================================= *\/\r\n\r\n.spin-contact-form-card {\r\n    position: relative;\r\n\r\n    padding: 43px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.10);\r\n\r\n    border-radius: 28px;\r\n\r\n    background:\r\n        #F7F8F8;\r\n\r\n    box-shadow:\r\n        0 35px 90px\r\n        rgba(0,0,0,.30);\r\n}\r\n\r\n\r\n\/* RED CORNER ACCENT *\/\r\n\r\n.spin-contact-form-card::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    right: 45px;\r\n\r\n    width: 70px;\r\n    height: 3px;\r\n\r\n    border-radius:\r\n        0 0 10px 10px;\r\n\r\n    background:\r\n        var(--red);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM HEADER\r\n========================================================= *\/\r\n\r\n.spin-contact-form-title {\r\n    margin: 0;\r\n\r\n    color: var(--dark);\r\n\r\n    font-size: 29px;\r\n\r\n    line-height: 1.2;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: -.8px;\r\n}\r\n\r\n\r\n.spin-contact-form-subtitle {\r\n    margin: 9px 0 30px;\r\n\r\n    color: #697272;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM\r\n========================================================= *\/\r\n\r\n.spin-contact-form {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2, 1fr);\r\n\r\n    gap: 17px;\r\n}\r\n\r\n\r\n.spin-contact-field.full {\r\n    grid-column:\r\n        1 \/ -1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.spin-contact-field label {\r\n    display: block;\r\n\r\n    margin-bottom: 8px;\r\n\r\n    color: var(--dark);\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .06em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INPUT\r\n========================================================= *\/\r\n\r\n.spin-contact-field input,\r\n.spin-contact-field select,\r\n.spin-contact-field textarea {\r\n    width: 100%;\r\n\r\n    border:\r\n        1px solid\r\n        #DCE1E1;\r\n\r\n    outline: none;\r\n\r\n    border-radius: 11px;\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    color: var(--dark);\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 13px;\r\n\r\n    transition:\r\n        border-color .3s ease,\r\n        box-shadow .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.spin-contact-field input,\r\n.spin-contact-field select {\r\n    height: 51px;\r\n\r\n    padding:\r\n        0 15px;\r\n}\r\n\r\n\r\n.spin-contact-field textarea {\r\n    min-height: 118px;\r\n\r\n    resize: vertical;\r\n\r\n    padding:\r\n        14px 15px;\r\n}\r\n\r\n\r\n.spin-contact-field input::placeholder,\r\n.spin-contact-field textarea::placeholder {\r\n    color: #A3AAAA;\r\n}\r\n\r\n\r\n.spin-contact-field input:focus,\r\n.spin-contact-field select:focus,\r\n.spin-contact-field textarea:focus {\r\n    border-color:\r\n        var(--red);\r\n\r\n    box-shadow:\r\n        0 0 0 3px\r\n        rgba(201,35,39,.09);\r\n\r\n    transform:\r\n        translateY(-1px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBMIT\r\n========================================================= *\/\r\n\r\n.spin-contact-submit {\r\n    grid-column:\r\n        1 \/ -1;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 20px;\r\n\r\n    margin-top: 4px;\r\n\r\n    padding-top: 7px;\r\n}\r\n\r\n\r\n.spin-contact-submit-note {\r\n    max-width: 250px;\r\n\r\n    color: #899191;\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1.55;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n========================================================= *\/\r\n\r\n.spin-contact-button {\r\n    position: relative;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 11px;\r\n\r\n    min-width: 180px;\r\n\r\n    height: 54px;\r\n\r\n    padding: 0 23px;\r\n\r\n    border: 0;\r\n\r\n    border-radius: 50px;\r\n\r\n    background:\r\n        var(--red);\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .02em;\r\n\r\n    cursor: pointer;\r\n\r\n    overflow: hidden;\r\n\r\n    box-shadow:\r\n        0 12px 25px\r\n        rgba(201,35,39,.20);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease,\r\n        background .3s ease;\r\n}\r\n\r\n\r\n.spin-contact-button::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: -130%;\r\n\r\n    width: 75%;\r\n    height: 100%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(255,255,255,.28),\r\n            transparent\r\n        );\r\n\r\n    transform:\r\n        skewX(-20deg);\r\n\r\n    transition:\r\n        left .65s ease;\r\n}\r\n\r\n\r\n.spin-contact-button:hover::before {\r\n    left: 140%;\r\n}\r\n\r\n\r\n.spin-contact-button:hover {\r\n    transform:\r\n        translateY(-3px);\r\n\r\n    background:\r\n        var(--red-light);\r\n\r\n    box-shadow:\r\n        0 18px 35px\r\n        rgba(201,35,39,.32);\r\n}\r\n\r\n\r\n.spin-contact-button svg {\r\n    width: 17px;\r\n    height: 17px;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.spin-contact-button:hover svg {\r\n    transform:\r\n        translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRUST ROW\r\n========================================================= *\/\r\n\r\n.spin-contact-trust {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 12px;\r\n\r\n    margin-top: 35px;\r\n}\r\n\r\n\r\n.spin-contact-trust-item {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    padding:\r\n        10px 15px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.07);\r\n\r\n    border-radius: 50px;\r\n\r\n    background:\r\n        rgba(255,255,255,.025);\r\n\r\n    color:\r\n        #858E8D;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n\r\n    transition:\r\n        border-color .3s ease,\r\n        color .3s ease,\r\n        background .3s ease;\r\n}\r\n\r\n\r\n.spin-contact-trust-item:hover {\r\n    color: #FFFFFF;\r\n\r\n    border-color:\r\n        rgba(201,35,39,.30);\r\n\r\n    background:\r\n        rgba(201,35,39,.06);\r\n}\r\n\r\n\r\n.spin-contact-trust-item svg {\r\n    width: 16px;\r\n    height: 16px;\r\n\r\n    color:\r\n        var(--red);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:950px) {\r\n\r\n    .spin-contact {\r\n        padding:\r\n            90px 0;\r\n    }\r\n\r\n    .spin-contact-grid {\r\n        grid-template-columns:\r\n            1fr;\r\n    }\r\n\r\n    .spin-contact-info {\r\n        min-height:\r\n            460px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:600px) {\r\n\r\n    .spin-contact {\r\n        padding:\r\n            65px 0 70px;\r\n    }\r\n\r\n    .spin-contact-container {\r\n        width:\r\n            92%;\r\n    }\r\n\r\n    .spin-contact-header {\r\n        margin-bottom:\r\n            40px;\r\n    }\r\n\r\n    .spin-contact-title {\r\n        font-size:\r\n            40px;\r\n\r\n        letter-spacing:\r\n            -1.8px;\r\n    }\r\n\r\n    .spin-contact-intro {\r\n        font-size:\r\n            13px;\r\n    }\r\n\r\n    .spin-contact-info,\r\n    .spin-contact-form-card {\r\n        padding:\r\n            30px 22px;\r\n\r\n        border-radius:\r\n            21px;\r\n    }\r\n\r\n    .spin-contact-info {\r\n        min-height:\r\n            475px;\r\n    }\r\n\r\n    .spin-contact-info::before {\r\n        left:\r\n            25px;\r\n\r\n        right:\r\n            25px;\r\n    }\r\n\r\n    .spin-contact-form {\r\n        grid-template-columns:\r\n            1fr;\r\n    }\r\n\r\n    .spin-contact-field.full {\r\n        grid-column:\r\n            auto;\r\n    }\r\n\r\n    .spin-contact-submit {\r\n        grid-column:\r\n            auto;\r\n\r\n        flex-direction:\r\n            column;\r\n\r\n        align-items:\r\n            stretch;\r\n    }\r\n\r\n    .spin-contact-submit-note {\r\n        max-width:\r\n            100%;\r\n    }\r\n\r\n    .spin-contact-button {\r\n        width:\r\n            100%;\r\n    }\r\n\r\n    .spin-contact-trust {\r\n        flex-direction:\r\n            column;\r\n\r\n        align-items:\r\n            stretch;\r\n    }\r\n\r\n    .spin-contact-trust-item {\r\n        justify-content:\r\n            center;\r\n    }\r\n\r\n    .spin-contact-route {\r\n        width:\r\n            280px;\r\n\r\n        right:\r\n            -55px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:420px) {\r\n\r\n    .spin-contact-title {\r\n        font-size:\r\n            36px;\r\n    }\r\n\r\n    .spin-contact-item-value {\r\n        font-size:\r\n            12px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion: reduce) {\r\n\r\n    .spin-contact *,\r\n    .spin-contact *::before,\r\n    .spin-contact *::after {\r\n        animation:\r\n            none !important;\r\n\r\n        transition:\r\n            none !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     CONTACT SECTION\r\n========================================================= -->\r\n\r\n<section class=\"spin-contact\">\r\n\r\n    <div class=\"spin-contact-container\">\r\n\r\n\r\n        <!-- =================================================\r\n             HEADER\r\n        ================================================= -->\r\n\r\n        <div class=\"spin-contact-header\">\r\n\r\n            <div class=\"spin-contact-label\">\r\n\r\n                <span><\/span>\r\n\r\n                Contact SPIN\r\n\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"spin-contact-title\">\r\n\r\n                Let's get your\r\n                <span>shipment moving.<\/span>\r\n\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"spin-contact-intro\">\r\n\r\n                Have a shipment to move or need help with your\r\n                transportation needs? Our team is ready to help\r\n                you find the right logistics solution.\r\n\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             GRID\r\n        ================================================= -->\r\n\r\n        <div class=\"spin-contact-grid\">\r\n\r\n\r\n            <!-- =================================================\r\n                 CONTACT INFORMATION\r\n            ================================================= -->\r\n\r\n            <div class=\"spin-contact-info\">\r\n\r\n                <h3 class=\"spin-contact-info-title\">\r\n\r\n                    Talk to our team\r\n\r\n                <\/h3>\r\n\r\n\r\n                <p class=\"spin-contact-info-text\">\r\n\r\n                    Whether you need a quick quote, shipment\r\n                    information, or support, we're here to keep\r\n                    your freight moving.\r\n\r\n                <\/p>\r\n\r\n\r\n                <div class=\"spin-contact-list\">\r\n\r\n\r\n                    <!-- PHONE -->\r\n\r\n                    <a\r\n                        href=\"tel:+10000000000\"\r\n                        class=\"spin-contact-item\">\r\n\r\n                        <div class=\"spin-contact-item-icon\">\r\n\r\n                            <svg\r\n                                viewBox=\"0 0 24 24\"\r\n                                fill=\"none\">\r\n\r\n                                <path\r\n                                    d=\"M6 3H10L12 8L9.5 10C10.6 12.5 12.5 14.4 15 15.5L17 13L22 15V19C22 20.1 21.1 21 20 21C10.6 20.4 3.6 13.4 3 4C3 2.9 3.9 2 5 2\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.8\"\r\n                                    stroke-linecap=\"round\"\r\n                                    stroke-linejoin=\"round\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"spin-contact-item-content\">\r\n\r\n                            <span class=\"spin-contact-item-label\">\r\n                                Call Us\r\n                            <\/span>\r\n\r\n                            <span class=\"spin-contact-item-value\">\r\n                                +1 (469) 858-9476\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <!-- EMAIL -->\r\n\r\n                    <a\r\n                        href=\"mailto:info@spin-trans.com\"\r\n                        class=\"spin-contact-item\">\r\n\r\n                        <div class=\"spin-contact-item-icon\">\r\n\r\n                            <svg\r\n                                viewBox=\"0 0 24 24\"\r\n                                fill=\"none\">\r\n\r\n                                <path\r\n                                    d=\"M4 5H20V19H4V5Z\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.8\"\/>\r\n\r\n                                <path\r\n                                    d=\"M4 7L12 13L20 7\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.8\"\r\n                                    stroke-linejoin=\"round\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"spin-contact-item-content\">\r\n\r\n                            <span class=\"spin-contact-item-label\">\r\n                                Email\r\n                            <\/span>\r\n\r\n                            <span class=\"spin-contact-item-value\">\r\n                                Operations@Spin-Trans.com\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <!-- LOCATION -->\r\n\r\n<div class=\"spin-contact-item\">\r\n\r\n    <div class=\"spin-contact-item-icon\">\r\n\r\n        <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            aria-hidden=\"true\">\r\n\r\n            <!-- Location Pin -->\r\n\r\n            <path\r\n                d=\"M20 10.5C20 15.5 12 21 12 21S4 15.5 4 10.5C4 6.91 7.58 4 12 4C16.42 4 20 6.91 20 10.5Z\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\/>\r\n\r\n            <circle\r\n                cx=\"12\"\r\n                cy=\"10.5\"\r\n                r=\"2.7\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\/>\r\n\r\n        <\/svg>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"spin-contact-item-content\">\r\n\r\n        <span class=\"spin-contact-item-label\">\r\n            Location\r\n        <\/span>\r\n\r\n        <span class=\"spin-contact-item-value\">\r\n            Melbourne FL \u00b7 Dallas \u00b7 Houston \u00b7 Phoenix \u00b7 Frederick MD\r\n        <\/span>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- =================================================\r\n                     ROUTE SVG\r\n                ================================================= -->\r\n\r\n                <svg\r\n                    class=\"spin-contact-route\"\r\n                    viewBox=\"0 0 330 160\"\r\n                    preserveAspectRatio=\"none\"\r\n                    aria-hidden=\"true\">\r\n\r\n                    <path\r\n                        d=\"\r\n                            M10 130\r\n                            C80 25,\r\n                            145 25,\r\n                            190 85\r\n                            C230 140,\r\n                            270 125,\r\n                            325 35\r\n                        \">\r\n                    <\/path>\r\n\r\n\r\n                    <path\r\n                        class=\"active-route\"\r\n                        d=\"\r\n                            M10 130\r\n                            C80 25,\r\n                            145 25,\r\n                            190 85\r\n                            C230 140,\r\n                            270 125,\r\n                            325 35\r\n                        \">\r\n                    <\/path>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 FORM\r\n            ================================================= -->\r\n\r\n            <div class=\"spin-contact-form-card\">\r\n\r\n                <h3 class=\"spin-contact-form-title\">\r\n\r\n                    Request a quote\r\n\r\n                <\/h3>\r\n\r\n\r\n                <p class=\"spin-contact-form-subtitle\">\r\n\r\n                    Tell us a little about your shipment and\r\n                    our team will get back to you shortly.\r\n\r\n                <\/p>\r\n\r\n\r\n                <form\r\n                    class=\"spin-contact-form\"\r\n                    action=\"#\"\r\n                    method=\"post\">\r\n\r\n\r\n                    <!-- NAME -->\r\n\r\n                    <div class=\"spin-contact-field\">\r\n\r\n                        <label for=\"spin-name\">\r\n                            Full Name\r\n                        <\/label>\r\n\r\n                        <input\r\n                            id=\"spin-name\"\r\n                            name=\"name\"\r\n                            type=\"text\"\r\n                            placeholder=\"Your name\"\r\n                            required>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- COMPANY -->\r\n\r\n                    <div class=\"spin-contact-field\">\r\n\r\n                        <label for=\"spin-company\">\r\n                            Company\r\n                        <\/label>\r\n\r\n                        <input\r\n                            id=\"spin-company\"\r\n                            name=\"company\"\r\n                            type=\"text\"\r\n                            placeholder=\"Company name\">\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- EMAIL -->\r\n\r\n                    <div class=\"spin-contact-field\">\r\n\r\n                        <label for=\"spin-email\">\r\n                            Email Address\r\n                        <\/label>\r\n\r\n                        <input\r\n                            id=\"spin-email\"\r\n                            name=\"email\"\r\n                            type=\"email\"\r\n                            placeholder=\"you@company.com\"\r\n                            required>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- PHONE -->\r\n\r\n                    <div class=\"spin-contact-field\">\r\n\r\n                        <label for=\"spin-phone\">\r\n                            Phone Number\r\n                        <\/label>\r\n\r\n                        <input\r\n                            id=\"spin-phone\"\r\n                            name=\"phone\"\r\n                            type=\"tel\"\r\n                            placeholder=\"+1 (000) 000-0000\">\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- SERVICE -->\r\n\r\n                    <div class=\"spin-contact-field full\">\r\n\r\n                        <label for=\"spin-service\">\r\n                            Service Needed\r\n                        <\/label>\r\n\r\n                        <select\r\n                            id=\"spin-service\"\r\n                            name=\"service\">\r\n\r\n                            <option value=\"\">\r\n                                Select a service\r\n                            <\/option>\r\n\r\n                            <option value=\"freight\">\r\n                                Freight Transportation\r\n                            <\/option>\r\n\r\n                            <option value=\"local\">\r\n                                Local Delivery\r\n                            <\/option>\r\n\r\n                            <option value=\"long-distance\">\r\n                                Long Distance Transportation\r\n                            <\/option>\r\n\r\n                            <option value=\"logistics\">\r\n                                Logistics Support\r\n                            <\/option>\r\n\r\n                            <option value=\"other\">\r\n                                Other\r\n                            <\/option>\r\n\r\n                        <\/select>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- MESSAGE -->\r\n\r\n                    <div class=\"spin-contact-field full\">\r\n\r\n                        <label for=\"spin-message\">\r\n                            Tell Us About Your Shipment\r\n                        <\/label>\r\n\r\n                        <textarea\r\n                            id=\"spin-message\"\r\n                            name=\"message\"\r\n                            placeholder=\"Pickup location, destination, freight details, timeline...\"><\/textarea>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- SUBMIT -->\r\n\r\n                    <div class=\"spin-contact-submit\">\r\n\r\n                        <span class=\"spin-contact-submit-note\">\r\n\r\n                            We respect your information and\r\n                            never share your details.\r\n\r\n                        <\/span>\r\n\r\n\r\n                        <button\r\n                            type=\"submit\"\r\n                            class=\"spin-contact-button\">\r\n\r\n                            Send Inquiry\r\n\r\n                            <svg\r\n                                viewBox=\"0 0 24 24\"\r\n                                fill=\"none\">\r\n\r\n                                <path\r\n                                    d=\"M5 12H19\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2\"\r\n                                    stroke-linecap=\"round\"\/>\r\n\r\n                                <path\r\n                                    d=\"M13 6L19 12L13 18\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"2\"\r\n                                    stroke-linecap=\"round\"\r\n                                    stroke-linejoin=\"round\"\/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n\r\n                <\/form>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             TRUST ROW\r\n        ================================================= -->\r\n\r\n        <div class=\"spin-contact-trust\">\r\n\r\n\r\n            <div class=\"spin-contact-trust-item\">\r\n\r\n                <svg\r\n                    viewBox=\"0 0 24 24\"\r\n                    fill=\"none\">\r\n\r\n                    <path\r\n                        d=\"M12 3L19 6V11C19 16 16 19 12 21C8 19 5 16 5 11V6L12 3Z\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.8\"\/>\r\n\r\n                    <path\r\n                        d=\"M9 12L11 14L15 9\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.8\"\r\n                        stroke-linecap=\"round\"\/>\r\n\r\n                <\/svg>\r\n\r\n                Reliable Service\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"spin-contact-trust-item\">\r\n\r\n                <svg\r\n                    viewBox=\"0 0 24 24\"\r\n                    fill=\"none\">\r\n\r\n                    <circle\r\n                        cx=\"12\"\r\n                        cy=\"12\"\r\n                        r=\"8\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.8\"\/>\r\n\r\n                    <path\r\n                        d=\"M12 7V12L15 14\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.8\"\r\n                        stroke-linecap=\"round\"\/>\r\n\r\n                <\/svg>\r\n\r\n                Fast Response\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"spin-contact-trust-item\">\r\n\r\n                <svg\r\n                    viewBox=\"0 0 24 24\"\r\n                    fill=\"none\">\r\n\r\n                    <path\r\n                        d=\"M4 12H20\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.8\"\r\n                        stroke-linecap=\"round\"\/>\r\n\r\n                    <path\r\n                        d=\"M14 6L20 12L14 18\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.8\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\/>\r\n\r\n                <\/svg>\r\n\r\n                Flexible Logistics\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Heavy Haul Transportation Spin Transportation. We offer services throughout North America, including Mexico and Canada, serving shippers with equipment ranging [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/spinwp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spinwp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spinwp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spinwp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spinwp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":82,"href":"https:\/\/spinwp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":150,"href":"https:\/\/spinwp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/150"}],"wp:attachment":[{"href":"https:\/\/spinwp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}