.elementor-36 .elementor-element.elementor-element-4ea876f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-36 .elementor-element.elementor-element-4ea876f:not(.elementor-motion-effects-element-type-background), .elementor-36 .elementor-element.elementor-element-4ea876f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cbgtrack.com/wp-content/uploads/2026/07/Road-Freight.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-36 .elementor-element.elementor-element-4ea876f::before, .elementor-36 .elementor-element.elementor-element-4ea876f > .elementor-background-video-container::before, .elementor-36 .elementor-element.elementor-element-4ea876f > .e-con-inner > .elementor-background-video-container::before, .elementor-36 .elementor-element.elementor-element-4ea876f > .elementor-background-slideshow::before, .elementor-36 .elementor-element.elementor-element-4ea876f > .e-con-inner > .elementor-background-slideshow::before, .elementor-36 .elementor-element.elementor-element-4ea876f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-36 .elementor-element.elementor-element-f58da2c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-36 .elementor-element.elementor-element-297b436{--display:flex;}.elementor-36 .elementor-element.elementor-element-297b436.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-36 .elementor-element.elementor-element-9822c6c .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:800;color:#FFFFFF;}.elementor-36 .elementor-element.elementor-element-9d0ecd6 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:36px;font-weight:800;line-height:43px;letter-spacing:0px;word-spacing:0px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-36 .elementor-element.elementor-element-622974b{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;}.elementor-36 .elementor-element.elementor-element-372da08{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-36 .elementor-element.elementor-element-68dfecf .elementor-button{background-color:#1677FF;font-family:"Manrope", Sans-serif;font-size:18px;font-weight:800;border-radius:10px 10px 10px 10px;}.elementor-36 .elementor-element.elementor-element-68dfecf .elementor-button:hover, .elementor-36 .elementor-element.elementor-element-68dfecf .elementor-button:focus{background-color:#0F5FD8;}.elementor-36 .elementor-element.elementor-element-68dfecf .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-36 .elementor-element.elementor-element-6bff293 .elementor-button{background-color:#06182700;font-family:"Manrope", Sans-serif;font-size:18px;font-weight:800;border-style:solid;border-width:3px 3px 3px 3px;border-radius:10px 10px 10px 10px;}.elementor-36 .elementor-element.elementor-element-6bff293 .elementor-button:hover, .elementor-36 .elementor-element.elementor-element-6bff293 .elementor-button:focus{background-color:#0F5FD800;border-color:var( --e-global-color-7a856b2 );}.elementor-36 .elementor-element.elementor-element-6bff293 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-36 .elementor-element.elementor-element-6f42e75{--display:flex;}.elementor-36 .elementor-element.elementor-element-0aa2111{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-36 .elementor-element.elementor-element-2dfbfdd{--display:flex;}.elementor-36 .elementor-element.elementor-element-d731f65{--display:flex;}.elementor-36 .elementor-element.elementor-element-56fc257{--display:flex;}.elementor-36 .elementor-element.elementor-element-bac513b{--display:flex;}.elementor-36 .elementor-element.elementor-element-cdab518{--display:flex;}.elementor-36 .elementor-element.elementor-element-ff93263{--display:flex;}.elementor-36 .elementor-element.elementor-element-776f581{--display:flex;}.elementor-36 .elementor-element.elementor-element-cbbd51f{--display:flex;}.elementor-36 .elementor-element.elementor-element-5d9c7a1{--display:flex;}.elementor-36 .elementor-element.elementor-element-9ed51db{--display:flex;}.elementor-36 .elementor-element.elementor-element-fbc5754{--display:flex;}.elementor-36 .elementor-element.elementor-element-2dfeacb{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-36 .elementor-element.elementor-element-68dfecf .elementor-button{font-size:16px;}.elementor-36 .elementor-element.elementor-element-6bff293 .elementor-button{font-size:16px;}}@media(max-width:767px){.elementor-36 .elementor-element.elementor-element-4ea876f{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36 .elementor-element.elementor-element-9d0ecd6 .elementor-heading-title{line-height:1.5em;}}@media(min-width:768px){.elementor-36 .elementor-element.elementor-element-297b436{--width:58.259%;}}/* Start custom CSS for html, class: .elementor-element-210209d *//*=========================================
   ROAD FREIGHT - CARGO WE TRANSPORT
=========================================*/

.road-cargo-section{
    position:relative;
    padding:100px 5%;
    background:#ffffff;
    overflow:hidden;
}

.road-cargo-container{
    max-width:1320px;
    margin:0 auto;
}

/*==============================
          HEADER
==============================*/

.road-cargo-header{
    text-align:center;
    margin-bottom:60px;
}

.road-cargo-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 18px;
    border-radius:50px;
    background:#eef5ff;
    color:#0B63CE;
    font-size:.9rem;
    font-weight:600;
    margin-bottom:18px;
}

.road-cargo-header h2{
    margin:0;
    font-size:clamp(2rem,4vw,3rem);
    line-height:1.2;
    font-weight:800;
    color:#081F3F;
}

/*==============================
            GRID
==============================*/

.road-cargo-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

/*==============================
            CARD
==============================*/

.road-cargo-card{
    position:relative;
    background:#ffffff;
    border:1px solid #E6EDF5;
    border-radius:18px;
    padding:35px 28px;
    text-align:center;
    overflow:hidden;
    transition:.35s ease;
    box-shadow:0 10px 35px rgba(8,31,63,.06);
}

.road-cargo-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:#0B63CE;
    transform:scaleX(0);
    transform-origin:left;
    transition:.35s ease;
}

.road-cargo-card:hover{
    transform:translateY(-8px);
    border-color:#0B63CE;
    box-shadow:0 20px 45px rgba(11,99,206,.18);
}

.road-cargo-card:hover::before{
    transform:scaleX(1);
}

/*==============================
            ICON
==============================*/

.road-cargo-icon{
    width:72px;
    height:72px;
    margin:0 auto 22px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#EEF5FF;
    color:#0B63CE;
    font-size:28px;
    transition:.35s ease;
}

.road-cargo-card:hover .road-cargo-icon{
    background:#0B63CE;
    color:#ffffff;
    transform:rotateY(180deg);
}

/*==============================
           CONTENT
==============================*/

.road-cargo-card h3{
    margin:0 0 15px;
    color:#081F3F;
    font-size:1.18rem;
    font-weight:700;
    line-height:1.4;
}

.road-cargo-card p{
    margin:0;
    color:#667085;
    font-size:.96rem;
    line-height:1.75;
}

.road-cargo-note{
    display:inline-block;
    margin-top:18px;
    padding:6px 14px;
    background:#FFF4E5;
    color:#D97706;
    border-radius:30px;
    font-size:.78rem;
    font-weight:600;
    letter-spacing:.2px;
}

/*==============================
           TABLET
==============================*/

@media (max-width:1024px){

    .road-cargo-section{
        padding:80px 5%;
    }

    .road-cargo-grid{
        grid-template-columns:repeat(2,1fr);
        gap:25px;
    }

}

/*==============================
           MOBILE
==============================*/

@media (max-width:767px){

    .road-cargo-section{
        padding:70px 20px;
    }

    .road-cargo-header{
        margin-bottom:45px;
    }

    .road-cargo-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .road-cargo-card{
        padding:30px 24px;
    }

    .road-cargo-icon{
        width:65px;
        height:65px;
        font-size:24px;
        margin-bottom:18px;
    }

    .road-cargo-card h3{
        font-size:1.1rem;
    }

    .road-cargo-card p{
        font-size:.92rem;
        line-height:1.7;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1cd4d5a *//*=========================================
   ROAD FREIGHT - HOW ROAD FREIGHT WORKS
=========================================*/

.road-process-section{
    position:relative;
    padding:100px 5%;
    background:#f8fbff;
    overflow:hidden;
}

.road-process-container{
    max-width:1200px;
    margin:0 auto;
}

/*==============================
          HEADER
==============================*/

.road-process-header{
    text-align:center;
    max-width:760px;
    margin:0 auto 70px;
}

.road-process-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 18px;
    background:#eaf3ff;
    color:#0B63CE;
    border-radius:50px;
    font-size:.9rem;
    font-weight:600;
    margin-bottom:18px;
}

.road-process-header h2{
    margin:0 0 18px;
    color:#081F3F;
    font-size:clamp(2rem,4vw,3rem);
    font-weight:800;
    line-height:1.2;
}

.road-process-header p{
    margin:0;
    color:#667085;
    font-size:1rem;
    line-height:1.8;
}

/*==============================
          TIMELINE
==============================*/

.road-process-timeline{
    position:relative;
    max-width:900px;
    margin:0 auto;
}

.road-process-timeline::before{
    content:"";
    position:absolute;
    left:35px;
    top:0;
    bottom:0;
    width:3px;
    background:#dbe8f7;
}

/*==============================
            STEP
==============================*/

.road-process-step{
    position:relative;
    display:flex;
    gap:30px;
    margin-bottom:45px;
}

.road-process-step:last-child{
    margin-bottom:0;
}

/*==============================
          NUMBER
==============================*/

.road-process-number{
    width:70px;
    height:70px;
    min-width:70px;
    border-radius:50%;
    background:#0B63CE;
    color:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.15rem;
    font-weight:700;
    position:relative;
    z-index:2;
    box-shadow:0 10px 25px rgba(11,99,206,.25);
}

/*==============================
          CONTENT
==============================*/

.road-process-content{
    flex:1;
    background:#ffffff;
    border:1px solid #E6EDF5;
    border-radius:18px;
    padding:30px;
    box-shadow:0 10px 35px rgba(8,31,63,.05);
    transition:.35s ease;
}

.road-process-content:hover{
    transform:translateY(-6px);
    border-color:#0B63CE;
    box-shadow:0 20px 45px rgba(11,99,206,.15);
}

/*==============================
            ICON
==============================*/

.road-process-icon{
    width:60px;
    height:60px;
    border-radius:50%;
    background:#EEF5FF;
    color:#0B63CE;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    margin-bottom:20px;
    transition:.35s ease;
}

.road-process-content:hover .road-process-icon{
    background:#0B63CE;
    color:#ffffff;
    transform:rotateY(180deg);
}

/*==============================
           TEXT
==============================*/

.road-process-content h3{
    margin:0 0 15px;
    color:#081F3F;
    font-size:1.3rem;
    font-weight:700;
}

.road-process-content p{
    margin:0;
    color:#667085;
    line-height:1.8;
    font-size:.97rem;
}

/*==============================
          TABLET
==============================*/

@media (max-width:991px){

    .road-process-section{
        padding:80px 5%;
    }

    .road-process-header{
        margin-bottom:60px;
    }

}

/*==============================
          MOBILE
==============================*/

@media (max-width:767px){

    .road-process-section{
        padding:70px 20px;
    }

    .road-process-header{
        margin-bottom:45px;
    }

    .road-process-step{
        gap:18px;
    }

    .road-process-timeline::before{
        left:27px;
    }

    .road-process-number{
        width:55px;
        height:55px;
        min-width:55px;
        font-size:1rem;
    }

    .road-process-content{
        padding:24px;
    }

    .road-process-icon{
        width:52px;
        height:52px;
        font-size:20px;
        margin-bottom:18px;
    }

    .road-process-content h3{
        font-size:1.15rem;
    }

    .road-process-content p{
        font-size:.92rem;
        line-height:1.7;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a72919 *//*=========================================
   FTL vs LTL COMPARISON
=========================================*/

.ftl-ltl-section{
    padding:100px 5%;
    background:#ffffff;
    position:relative;
    overflow:hidden;
}

.ftl-ltl-container{
    max-width:1300px;
    margin:0 auto;
}

/*==============================
            HEADER
==============================*/

.ftl-ltl-header{
    max-width:760px;
    margin:0 auto 60px;
    text-align:center;
}

.ftl-ltl-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 18px;
    background:#EEF5FF;
    color:#0B63CE;
    border-radius:50px;
    font-size:.9rem;
    font-weight:600;
    margin-bottom:18px;
}

.ftl-ltl-header h2{
    margin:0 0 18px;
    color:#081F3F;
    font-size:clamp(2rem,4vw,3rem);
    font-weight:800;
    line-height:1.2;
}

.ftl-ltl-header p{
    margin:0;
    color:#667085;
    font-size:1rem;
    line-height:1.8;
}

/*==============================
            GRID
==============================*/

.ftl-ltl-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
}

/*==============================
            CARD
==============================*/

.ftl-ltl-card{
    background:#ffffff;
    border:1px solid #E5EDF6;
    border-radius:20px;
    padding:40px;
    box-shadow:0 12px 35px rgba(8,31,63,.06);
    transition:.35s ease;
    position:relative;
    overflow:hidden;
}

.ftl-ltl-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
    background:#0B63CE;
    transform:scaleX(0);
    transform-origin:left;
    transition:.35s ease;
}

.ftl-ltl-card:hover{
    transform:translateY(-8px);
    border-color:#0B63CE;
    box-shadow:0 20px 45px rgba(11,99,206,.18);
}

.ftl-ltl-card:hover::before{
    transform:scaleX(1);
}

/*==============================
         CARD HEADER
==============================*/

.ftl-ltl-card-header{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:30px;
}

.ftl-ltl-icon{
    width:70px;
    height:70px;
    min-width:70px;
    border-radius:50%;
    background:#EEF5FF;
    color:#0B63CE;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    transition:.35s ease;
}

.ftl-ltl-card:hover .ftl-ltl-icon{
    background:#0B63CE;
    color:#ffffff;
    transform:rotateY(180deg);
}

.ftl-ltl-badge{
    display:inline-block;
    background:#EEF5FF;
    color:#0B63CE;
    padding:6px 14px;
    border-radius:30px;
    font-size:.8rem;
    font-weight:600;
    margin-bottom:10px;
}

.ftl-ltl-card h3{
    margin:0;
    color:#081F3F;
    font-size:1.5rem;
    font-weight:700;
}

/*==============================
            LIST
==============================*/

.ftl-ltl-list{
    list-style:none;
    padding:0;
    margin:0;
}

.ftl-ltl-list li{
    display:flex;
    align-items:flex-start;
    gap:14px;
    padding:16px 0;
    border-bottom:1px solid #EDF2F7;
}

.ftl-ltl-list li:last-child{
    border-bottom:none;
    padding-bottom:0;
}

.ftl-ltl-list i{
    color:#16A34A;
    font-size:18px;
    margin-top:4px;
}

.ftl-ltl-list span{
    color:#667085;
    line-height:1.7;
    font-size:.98rem;
}

/*==============================
      FTL ACCENT
==============================*/

.ftl-card{
    border-top:5px solid #0B63CE;
}

/*==============================
      LTL ACCENT
==============================*/

.ltl-card{
    border-top:5px solid #16A34A;
}

.ltl-card::before{
    background:#16A34A;
}

.ltl-card .ftl-ltl-icon{
    background:#ECFDF3;
    color:#16A34A;
}

.ltl-card:hover .ftl-ltl-icon{
    background:#16A34A;
    color:#ffffff;
}

.ltl-card .ftl-ltl-badge{
    background:#ECFDF3;
    color:#16A34A;
}

/*==============================
          TABLET
==============================*/

@media (max-width:991px){

    .ftl-ltl-section{
        padding:80px 5%;
    }

    .ftl-ltl-grid{
        grid-template-columns:1fr;
    }

}

/*==============================
          MOBILE
==============================*/

@media (max-width:767px){

    .ftl-ltl-section{
        padding:70px 20px;
    }

    .ftl-ltl-header{
        margin-bottom:45px;
    }

    .ftl-ltl-card{
        padding:30px 24px;
    }

    .ftl-ltl-card-header{
        flex-direction:column;
        text-align:center;
        gap:16px;
    }

    .ftl-ltl-icon{
        width:60px;
        height:60px;
        min-width:60px;
        font-size:24px;
    }

    .ftl-ltl-card h3{
        font-size:1.3rem;
    }

    .ftl-ltl-list li{
        padding:14px 0;
    }

    .ftl-ltl-list span{
        font-size:.94rem;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a9c1f8 *//*=========================================
   VEHICLE TYPES
=========================================*/

.road-vehicles-section{
    padding:100px 5%;
    background:#ffffff;
    position:relative;
    overflow:hidden;
}

.road-vehicles-container{
    max-width:1300px;
    margin:0 auto;
}

/*==============================
            HEADER
==============================*/

.road-vehicles-header{
    max-width:760px;
    margin:0 auto 60px;
    text-align:center;
}

.road-vehicles-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 18px;
    border-radius:50px;
    background:#EEF5FF;
    color:#0B63CE;
    font-size:.9rem;
    font-weight:600;
    margin-bottom:18px;
}

.road-vehicles-header h2{
    margin:0 0 18px;
    font-size:clamp(2rem,4vw,3rem);
    font-weight:800;
    line-height:1.2;
    color:#081F3F;
}

.road-vehicles-header p{
    margin:0;
    color:#667085;
    line-height:1.8;
    font-size:1rem;
}

/*==============================
             GRID
==============================*/

.road-vehicles-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    margin-bottom:60px;
}

/*==============================
             CARD
==============================*/

.road-vehicle-card{
    position:relative;
    background:#ffffff;
    border:1px solid #E5EDF6;
    border-radius:18px;
    padding:35px 28px;
    text-align:center;
    overflow:hidden;
    transition:.35s ease;
    box-shadow:0 12px 35px rgba(8,31,63,.05);
}

.road-vehicle-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:#0B63CE;
    transform:scaleX(0);
    transform-origin:left;
    transition:.35s ease;
}

.road-vehicle-card:hover{
    transform:translateY(-8px);
    border-color:#0B63CE;
    box-shadow:0 20px 45px rgba(11,99,206,.16);
}

.road-vehicle-card:hover::before{
    transform:scaleX(1);
}

/*==============================
             ICON
==============================*/

.road-vehicle-icon{
    width:72px;
    height:72px;
    margin:0 auto 22px;
    border-radius:50%;
    background:#EEF5FF;
    color:#0B63CE;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    transition:.35s ease;
}

.road-vehicle-card:hover .road-vehicle-icon{
    background:#0B63CE;
    color:#ffffff;
    transform:rotateY(180deg);
}

/*==============================
            CONTENT
==============================*/

.road-vehicle-card h3{
    margin:0 0 15px;
    color:#081F3F;
    font-size:1.2rem;
    font-weight:700;
    line-height:1.4;
}

.road-vehicle-card p{
    margin:0;
    color:#667085;
    font-size:.95rem;
    line-height:1.75;
}

/*==============================
            NOTICE
==============================*/

.road-vehicle-notice{
    display:flex;
    align-items:flex-start;
    gap:25px;
    background:#F8FBFF;
    border:1px solid #D8E8FC;
    border-left:5px solid #0B63CE;
    border-radius:18px;
    padding:35px;
}

.road-vehicle-notice-icon{
    width:65px;
    height:65px;
    min-width:65px;
    border-radius:50%;
    background:#0B63CE;
    color:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
}

.road-vehicle-notice-content h4{
    margin:0 0 12px;
    color:#081F3F;
    font-size:1.3rem;
    font-weight:700;
}

.road-vehicle-notice-content p{
    margin:0;
    color:#667085;
    line-height:1.8;
    font-size:.97rem;
}

/*==============================
            TABLET
==============================*/

@media (max-width:1024px){

    .road-vehicles-section{
        padding:80px 5%;
    }

    .road-vehicles-grid{
        grid-template-columns:repeat(2,1fr);
        gap:25px;
    }

    .road-vehicle-notice{
        padding:30px;
    }

}

/*==============================
            MOBILE
==============================*/

@media (max-width:767px){

    .road-vehicles-section{
        padding:70px 20px;
    }

    .road-vehicles-header{
        margin-bottom:45px;
    }

    .road-vehicles-grid{
        grid-template-columns:1fr;
        gap:20px;
        margin-bottom:40px;
    }

    .road-vehicle-card{
        padding:30px 24px;
    }

    .road-vehicle-icon{
        width:65px;
        height:65px;
        font-size:24px;
    }

    .road-vehicle-card h3{
        font-size:1.1rem;
    }

    .road-vehicle-card p{
        font-size:.92rem;
    }

    .road-vehicle-notice{
        flex-direction:column;
        text-align:center;
        align-items:center;
        gap:20px;
        padding:25px;
    }

    .road-vehicle-notice-icon{
        width:60px;
        height:60px;
        min-width:60px;
        font-size:22px;
    }

    .road-vehicle-notice-content h4{
        font-size:1.15rem;
    }

    .road-vehicle-notice-content p{
        font-size:.92rem;
        line-height:1.7;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9504f03 *//*=========================================
    CROSS-BORDER & DOCUMENTATION
=========================================*/

.road-documents-section{
    padding:100px 5%;
    background:#f8fbff;
    position:relative;
    overflow:hidden;
}

.road-documents-container{
    max-width:1300px;
    margin:0 auto;
}

/*==============================
            HEADER
==============================*/

.road-documents-header{
    max-width:760px;
    margin:0 auto 60px;
    text-align:center;
}

.road-documents-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 18px;
    background:#EEF5FF;
    color:#0B63CE;
    border-radius:50px;
    font-size:.9rem;
    font-weight:600;
    margin-bottom:18px;
}

.road-documents-header h2{
    margin:0 0 18px;
    font-size:clamp(2rem,4vw,3rem);
    font-weight:800;
    line-height:1.2;
    color:#081F3F;
}

.road-documents-header p{
    margin:0;
    color:#667085;
    font-size:1rem;
    line-height:1.8;
}

/*==============================
             GRID
==============================*/

.road-documents-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-bottom:60px;
}

/*==============================
             CARD
==============================*/

.road-document-card{
    position:relative;
    background:#ffffff;
    border:1px solid #E5EDF6;
    border-radius:18px;
    padding:35px 30px;
    text-align:center;
    overflow:hidden;
    transition:.35s ease;
    box-shadow:0 12px 35px rgba(8,31,63,.05);
}

.road-document-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:#0B63CE;
    transform:scaleX(0);
    transform-origin:left;
    transition:.35s ease;
}

.road-document-card:hover{
    transform:translateY(-8px);
    border-color:#0B63CE;
    box-shadow:0 20px 45px rgba(11,99,206,.16);
}

.road-document-card:hover::before{
    transform:scaleX(1);
}

/*==============================
              ICON
==============================*/

.road-document-icon{
    width:72px;
    height:72px;
    margin:0 auto 22px;
    border-radius:50%;
    background:#EEF5FF;
    color:#0B63CE;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    transition:.35s ease;
}

.road-document-card:hover .road-document-icon{
    background:#0B63CE;
    color:#ffffff;
    transform:rotateY(180deg);
}

/*==============================
            CONTENT
==============================*/

.road-document-card h3{
    margin:0 0 15px;
    color:#081F3F;
    font-size:1.18rem;
    font-weight:700;
    line-height:1.4;
}

.road-document-card p{
    margin:0;
    color:#667085;
    font-size:.95rem;
    line-height:1.75;
}

/*==============================
            NOTICE
==============================*/

.road-document-notice{
    display:flex;
    align-items:flex-start;
    gap:25px;
    background:#ffffff;
    border:1px solid #D8E8FC;
    border-left:5px solid #0B63CE;
    border-radius:18px;
    padding:35px;
    box-shadow:0 12px 35px rgba(8,31,63,.05);
}

.road-document-notice-icon{
    width:65px;
    height:65px;
    min-width:65px;
    border-radius:50%;
    background:#0B63CE;
    color:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
}

.road-document-notice-content{
    flex:1;
}

.road-document-notice-content h4{
    margin:0 0 12px;
    color:#081F3F;
    font-size:1.3rem;
    font-weight:700;
}

.road-document-notice-content p{
    margin:0;
    color:#667085;
    line-height:1.8;
    font-size:.97rem;
}

/*==============================
            TABLET
==============================*/

@media (max-width:1024px){

    .road-documents-section{
        padding:80px 5%;
    }

    .road-documents-grid{
        grid-template-columns:repeat(2,1fr);
        gap:25px;
    }

    .road-document-notice{
        padding:30px;
    }

}

/*==============================
            MOBILE
==============================*/

@media (max-width:767px){

    .road-documents-section{
        padding:70px 20px;
    }

    .road-documents-header{
        margin-bottom:45px;
    }

    .road-documents-grid{
        grid-template-columns:1fr;
        gap:20px;
        margin-bottom:40px;
    }

    .road-document-card{
        padding:30px 24px;
    }

    .road-document-icon{
        width:65px;
        height:65px;
        font-size:24px;
    }

    .road-document-card h3{
        font-size:1.1rem;
    }

    .road-document-card p{
        font-size:.92rem;
        line-height:1.7;
    }

    .road-document-notice{
        flex-direction:column;
        align-items:center;
        text-align:center;
        gap:20px;
        padding:25px;
    }

    .road-document-notice-icon{
        width:60px;
        height:60px;
        min-width:60px;
        font-size:22px;
    }

    .road-document-notice-content h4{
        font-size:1.15rem;
    }

    .road-document-notice-content p{
        font-size:.92rem;
        line-height:1.7;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7712ec9 *//*=========================================
    WHY CHOOSE CARGO BRIDGE GLOBAL
=========================================*/

.road-why-section{
    position:relative;
    padding:100px 5%;
    background:#ffffff;
    overflow:hidden;
}

.road-why-container{
    max-width:1300px;
    margin:0 auto;
}

/*==============================
            HEADER
==============================*/

.road-why-header{
    max-width:760px;
    margin:0 auto 60px;
    text-align:center;
}

.road-why-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 18px;
    background:#EEF5FF;
    color:#0B63CE;
    border-radius:50px;
    font-size:.9rem;
    font-weight:600;
    margin-bottom:18px;
}

.road-why-header h2{
    margin:0 0 18px;
    color:#081F3F;
    font-size:clamp(2rem,4vw,3rem);
    font-weight:800;
    line-height:1.2;
}

.road-why-header p{
    margin:0;
    color:#667085;
    font-size:1rem;
    line-height:1.8;
}

/*==============================
              GRID
==============================*/

.road-why-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

/*==============================
              CARD
==============================*/

.road-why-card{
    position:relative;
    background:#ffffff;
    border:1px solid #E5EDF6;
    border-radius:18px;
    padding:35px 28px;
    text-align:center;
    overflow:hidden;
    transition:.35s ease;
    box-shadow:0 12px 35px rgba(8,31,63,.05);
}

.road-why-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:#0B63CE;
    transform:scaleX(0);
    transform-origin:left;
    transition:.35s ease;
}

.road-why-card:hover{
    transform:translateY(-8px);
    border-color:#0B63CE;
    box-shadow:0 20px 45px rgba(11,99,206,.16);
}

.road-why-card:hover::before{
    transform:scaleX(1);
}

/*==============================
              ICON
==============================*/

.road-why-icon{
    width:72px;
    height:72px;
    margin:0 auto 22px;
    border-radius:50%;
    background:#EEF5FF;
    color:#0B63CE;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    transition:.35s ease;
}

.road-why-card:hover .road-why-icon{
    background:#0B63CE;
    color:#ffffff;
    transform:rotateY(180deg);
}

/*==============================
            CONTENT
==============================*/

.road-why-card h3{
    margin:0 0 15px;
    color:#081F3F;
    font-size:1.18rem;
    font-weight:700;
    line-height:1.4;
}

.road-why-card p{
    margin:0;
    color:#667085;
    font-size:.95rem;
    line-height:1.75;
}

/*==============================
            TABLET
==============================*/

@media (max-width:1024px){

    .road-why-section{
        padding:80px 5%;
    }

    .road-why-grid{
        grid-template-columns:repeat(2,1fr);
        gap:25px;
    }

}

/*==============================
            MOBILE
==============================*/

@media (max-width:767px){

    .road-why-section{
        padding:70px 20px;
    }

    .road-why-header{
        margin-bottom:45px;
    }

    .road-why-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .road-why-card{
        padding:30px 24px;
    }

    .road-why-icon{
        width:65px;
        height:65px;
        font-size:24px;
    }

    .road-why-card h3{
        font-size:1.1rem;
    }

    .road-why-card p{
        font-size:.92rem;
        line-height:1.7;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4bcc870 *//*=========================================
    ROAD FREIGHT FAQ
=========================================*/

.road-faq-section{
    padding:100px 5%;
    background:#f8fbff;
    position:relative;
    overflow:hidden;
}

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

/*==============================
            HEADER
==============================*/

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

.road-faq-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 18px;
    background:#EEF5FF;
    color:#0B63CE;
    border-radius:50px;
    font-size:.9rem;
    font-weight:600;
    margin-bottom:18px;
}

.road-faq-header h2{
    margin:0 0 18px;
    color:#081F3F;
    font-size:clamp(2rem,4vw,3rem);
    font-weight:800;
    line-height:1.2;
}

.road-faq-header p{
    margin:0;
    color:#667085;
    font-size:1rem;
    line-height:1.8;
}

/*==============================
          FAQ WRAPPER
==============================*/

.road-faq-wrapper{
    display:flex;
    flex-direction:column;
    gap:18px;
}

/*==============================
            ITEM
==============================*/

.road-faq-item{
    background:#ffffff;
    border:1px solid #E5EDF6;
    border-radius:16px;
    overflow:hidden;
    transition:.35s ease;
    box-shadow:0 10px 30px rgba(8,31,63,.05);
}

.road-faq-item:hover{
    border-color:#0B63CE;
    box-shadow:0 18px 40px rgba(11,99,206,.12);
}

/*==============================
          QUESTION
==============================*/

.road-faq-question{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding:24px 30px;
    background:transparent;
    border:none;
    cursor:pointer;
    text-align:left;
    font:inherit;
    transition:.3s ease;
}

.road-faq-question span{
    color:#081F3F;
    font-size:1.1rem;
    font-weight:700;
    line-height:1.5;
}

.road-faq-question i{
    width:40px;
    height:40px;
    min-width:40px;
    border-radius:50%;
    background:#EEF5FF;
    color:#0B63CE;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    transition:.3s ease;
}

/*==============================
            ANSWER
==============================*/

.road-faq-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height .4s ease;
}

.road-faq-answer p{
    padding:0 30px 28px;
    margin:0;
    color:#667085;
    font-size:.97rem;
    line-height:1.8;
}

/*==============================
        ACTIVE STATE
==============================*/

.road-faq-item.active{
    border-color:#0B63CE;
}

.road-faq-item.active .road-faq-question i{
    background:#0B63CE;
    color:#ffffff;
    transform:rotate(45deg);
}

/*==============================
      HOVER EFFECT
==============================*/

.road-faq-question:hover i{
    background:#0B63CE;
    color:#ffffff;
}

/*==============================
          TABLET
==============================*/

@media (max-width:991px){

    .road-faq-section{
        padding:80px 5%;
    }

    .road-faq-header{
        margin-bottom:50px;
    }

}

/*==============================
          MOBILE
==============================*/

@media (max-width:767px){

    .road-faq-section{
        padding:70px 20px;
    }

    .road-faq-header{
        margin-bottom:40px;
    }

    .road-faq-question{
        padding:20px;
        gap:15px;
    }

    .road-faq-question span{
        font-size:1rem;
    }

    .road-faq-question i{
        width:36px;
        height:36px;
        min-width:36px;
        font-size:14px;
    }

    .road-faq-answer p{
        padding:0 20px 22px;
        font-size:.92rem;
        line-height:1.7;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8793070 *//*==================================================
    ROAD FREIGHT CTA
==================================================*/

.road-cta-section{
    position:relative;
    padding:110px 5%;
    background:linear-gradient(135deg,#061827 0%,#0A2F57 55%,#1677FF 100%);
    overflow:hidden;
}

.road-cta-section::before{
    content:"";
    position:absolute;
    top:-180px;
    right:-120px;
    width:420px;
    height:420px;
    background:rgba(255,255,255,.05);
    border-radius:50%;
}

.road-cta-section::after{
    content:"";
    position:absolute;
    bottom:-200px;
    left:-140px;
    width:500px;
    height:500px;
    background:rgba(255,255,255,.04);
    border-radius:50%;
}

.road-cta-overlay{
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at top right,rgba(255,255,255,.08),transparent 45%),
    radial-gradient(circle at bottom left,rgba(255,255,255,.05),transparent 50%);
}

.road-cta-container{
    position:relative;
    z-index:2;
    max-width:900px;
    margin:0 auto;
}

.road-cta-content{
    text-align:center;
}

.road-cta-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 20px;
    border-radius:50px;
    background:rgba(255,255,255,.12);
    color:#fff;
    border:1px solid rgba(255,255,255,.18);
    font-size:.9rem;
    font-weight:600;
    margin-bottom:22px;
    backdrop-filter:blur(10px);
}

.road-cta-content h2{
    margin:0 0 24px;
    color:#fff;
    font-size:clamp(2.2rem,5vw,3.4rem);
    font-weight:800;
    line-height:1.2;
}

.road-cta-content p{
    margin:0 auto 45px;
    max-width:820px;
    color:rgba(255,255,255,.86);
    font-size:1.06rem;
    line-height:1.9;
}

/*=========================================
    FEATURES
=========================================*/

.road-cta-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    max-width:760px;
    margin:0 auto 50px;
}

.road-cta-feature{
    display:flex;
    align-items:center;
    gap:15px;
    padding:18px 22px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
    border-radius:14px;
    backdrop-filter:blur(12px);
    transition:.35s ease;
}

.road-cta-feature:hover{
    transform:translateY(-5px);
    background:rgba(255,255,255,.12);
    border-color:rgba(255,255,255,.25);
}

.road-cta-feature i{
    width:48px;
    height:48px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#1677FF;
    color:#fff;
    font-size:18px;
    flex-shrink:0;
}

.road-cta-feature span{
    color:#fff;
    font-size:1rem;
    font-weight:600;
}

/*=========================================
    BUTTONS
=========================================*/

.road-cta-buttons{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
}

.road-btn-primary,
.road-btn-secondary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:18px 34px;
    border-radius:60px;
    text-decoration:none;
    font-weight:700;
    font-size:1rem;
    transition:.35s ease;
}

.road-btn-primary{
    background:#1677FF;
    color:#fff;
    box-shadow:0 18px 40px rgba(22,119,255,.35);
}

.road-btn-primary:hover{
    background:#0F5FD8;
    transform:translateY(-4px);
    box-shadow:0 22px 45px rgba(22,119,255,.45);
}

.road-btn-secondary{
    background:transparent;
    color:#fff;
    border:2px solid rgba(255,255,255,.25);
}

.road-btn-secondary:hover{
    background:#fff;
    color:#061827;
    border-color:#fff;
    transform:translateY(-4px);
}

.road-btn-primary i,
.road-btn-secondary i{
    font-size:16px;
}

/*=========================================
    TABLET
=========================================*/

@media (max-width:991px){

    .road-cta-section{
        padding:90px 5%;
    }

    .road-cta-features{
        grid-template-columns:1fr;
    }

}

/*=========================================
    MOBILE
=========================================*/

@media (max-width:767px){

    .road-cta-section{
        padding:75px 20px;
    }

    .road-cta-content p{
        font-size:.98rem;
    }

    .road-cta-feature{
        padding:16px;
    }

    .road-cta-feature i{
        width:42px;
        height:42px;
        font-size:16px;
    }

    .road-btn-primary,
    .road-btn-secondary{
        width:100%;
        padding:16px 20px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3e22e4f *//*==================================================
    TRACKING CTA SECTION
==================================================*/

.tracking-cta-section{
    position:relative;
    padding:110px 5%;
    background:linear-gradient(135deg,#1677FF 0%,#0F5FD8 50%,#061827 100%);
    overflow:hidden;
}

.tracking-cta-section::before{
    content:"";
    position:absolute;
    top:-180px;
    left:-150px;
    width:420px;
    height:420px;
    background:rgba(255,255,255,.05);
    border-radius:50%;
}

.tracking-cta-section::after{
    content:"";
    position:absolute;
    right:-180px;
    bottom:-180px;
    width:520px;
    height:520px;
    background:rgba(255,255,255,.04);
    border-radius:50%;
}

.tracking-cta-container{
    position:relative;
    z-index:2;
    max-width:900px;
    margin:0 auto;
}

.tracking-cta-content{
    text-align:center;
}

/*====================================
            LABEL
====================================*/

.tracking-cta-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 20px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    backdrop-filter:blur(12px);
    color:#fff;
    border-radius:50px;
    font-size:.9rem;
    font-weight:600;
    margin-bottom:22px;
}

/*====================================
            HEADING
====================================*/

.tracking-cta-content h2{
    margin:0 0 24px;
    color:#fff;
    font-size:clamp(2.2rem,5vw,3.4rem);
    font-weight:800;
    line-height:1.2;
}

/*====================================
            TEXT
====================================*/

.tracking-cta-content p{
    max-width:820px;
    margin:0 auto 45px;
    color:rgba(255,255,255,.88);
    font-size:1.05rem;
    line-height:1.9;
}

.tracking-cta-content strong{
    color:#ffffff;
}

/*====================================
          FEATURE BOXES
====================================*/

.tracking-cta-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin:0 auto 50px;
    max-width:760px;
}

.tracking-feature{
    display:flex;
    align-items:center;
    gap:16px;
    padding:18px 22px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
    border-radius:14px;
    backdrop-filter:blur(12px);
    transition:.35s ease;
}

.tracking-feature:hover{
    transform:translateY(-5px);
    background:rgba(255,255,255,.12);
    border-color:rgba(255,255,255,.22);
}

.tracking-feature i{
    width:48px;
    height:48px;
    min-width:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:#1677FF;
    border-radius:50%;
    font-size:18px;
}

.tracking-feature span{
    color:#fff;
    font-weight:600;
    font-size:1rem;
}

/*====================================
            BUTTON
====================================*/

.tracking-cta-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:18px 36px;
    background:#ffffff;
    color:#1677FF;
    text-decoration:none;
    font-size:1rem;
    font-weight:700;
    border-radius:60px;
    transition:.35s ease;
    box-shadow:0 20px 45px rgba(0,0,0,.18);
}

.tracking-cta-btn:hover{
    background:#061827;
    color:#fff;
    transform:translateY(-5px);
    box-shadow:0 24px 55px rgba(0,0,0,.28);
}

.tracking-cta-btn i{
    font-size:16px;
}

/*====================================
            TABLET
====================================*/

@media (max-width:991px){

    .tracking-cta-section{
        padding:90px 5%;
    }

    .tracking-cta-features{
        grid-template-columns:1fr;
    }

}

/*====================================
            MOBILE
====================================*/

@media (max-width:767px){

    .tracking-cta-section{
        padding:75px 20px;
    }

    .tracking-cta-content p{
        font-size:.98rem;
    }

    .tracking-feature{
        padding:16px;
    }

    .tracking-feature i{
        width:42px;
        height:42px;
        min-width:42px;
        font-size:16px;
    }

    .tracking-cta-btn{
        width:100%;
        padding:16px 20px;
    }

}/* End custom CSS */