/*
Theme Name: Freightengage child new
Theme URI: https://freightengage/
Template: astra
Author: bigeyeglobal.com
Author URI: https://bigeyeglobal.com/
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.13.8.1785474534
Updated: 2026-07-31 05:08:54

*/
/*
|--------------------------------------------------------------------------
| Reusable Auto Scroll
|--------------------------------------------------------------------------
*/


/* Visible scroll area */

.auto-scroll-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}


/* Moving list */

.auto-scroll-list {
    display: flex;
    flex-direction: column;
    gap: 18px;

    width: 100%;

    will-change: transform;

    transform: translateY(0);
}
/*
|--------------------------------------------------------------------------
| Latest Freight Quote Cards in home page - Shortcode [latest_quotes-home]
|--------------------------------------------------------------------------
*/


/* Main quote grid */
.h2-quote-wrapper {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
}


/* Quote card */
.h2-quote-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
    background: #ffffff;
    border: 1px solid #E8EDF5;
    border-radius: 18px;
    padding: 18px;
    box-sizing: border-box;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


/* Card hover */
.h2-quote-card:hover {
    transform: translateY(-5px);
    border-color: #D7E2F0;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}


/* Top section */
.h2-card-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
}


/* Freight mode badge */
.h2-mode {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 70%;
    background: #EAF4FF;
    color: #1D4ED8;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* Quote created time */
.h2-time {
    flex-shrink: 0;
    color: #8A94A6;
    font-size: 13px;
    line-height: 1.3;
    white-space: nowrap;
}


/* Route section */
.h2-route {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    margin-bottom: 18px;
}


/* Country */
.h2-country {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}


/* First country */
.h2-country:first-child {
    justify-content: flex-start;
}


/* Last country */
.h2-country:last-child {
    justify-content: flex-end;
}


/* Country flag */
.h2-country img {
    width: 24px;
    height: 18px;
    min-width: 24px;
    object-fit: cover;
    border-radius: 3px;
    flex-shrink: 0;
    border: 1px solid #E5E7EB;
}


/* Country code */
.h2-country span {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    color: #1E293B;
}


/* Route arrow */
.h2-arrow {
    width: 60px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748B;
    font-size: 22px;
    line-height: 1;
    flex-shrink: 0;
}


/* Quote information */
.h2-info {
    margin: 0 0 18px;
}


/* Information row */
.h2-info-row {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    margin-bottom: 10px;
    color: #667085;
    font-size: 14px;
    line-height: 1.4;
}


/* Remove bottom margin from final row */
.h2-info-row:last-child {
    margin-bottom: 0;
}


/* Package row */
.h2-package-row {
    flex-wrap: wrap;
    align-items: center;
    row-gap: 8px;
}


/* Individual package */
.h2-package-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-right: 10px;
    white-space: nowrap;
}


/* Package icon */
.h2-package-item i {
    color: #2563EB;
    font-size: 15px;
    line-height: 1;
}


/* Calendar icon */
.h2-info-row > i {
    color: #2563EB;
    font-size: 15px;
    flex-shrink: 0;
}


/* View details button */
.h2-btn {
    display: block;
    width: 100%;
    margin-top: auto;
    padding: 12px 15px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none !important;
    background: #ffffff;
    color: #1D4ED8;
    border: 1px solid #E3E8F2;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 600;
    transition:
        background 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease;
}


/* Button hover */
.h2-btn:hover {
    background: #1D4ED8;
    color: #ffffff;
    border-color: #1D4ED8;
}


/* Button keyboard focus */
.h2-btn:focus {
    outline: none;
    background: #1D4ED8;
    color: #ffffff;
    border-color: #1D4ED8;
    box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.15);
}


/*
|--------------------------------------------------------------------------
| Freight Mode Colors
|--------------------------------------------------------------------------
*/


/* Air - Green */
.h2-mode.mode-air {
    background: #ECFDF3;
    color: #16A34A;
}


/* Ocean - Blue */
.h2-mode.mode-ocean {
    background: #EAF4FF;
    color: #2563EB;
}


/* Road - Orange */
.h2-mode.mode-road {
    background: #FFF7ED;
    color: #EA580C;
}


/* Rail - Purple */
.h2-mode.mode-rail {
    background: #F3E8FF;
    color: #7C3AED;
}


/* Default freight mode */
.h2-mode.mode-default {
    background: #F1F5F9;
    color: #475569;
}


/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media screen and (max-width: 1024px) {

    .h2-quote-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media screen and (max-width: 767px) {

    .h2-quote-wrapper {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .h2-quote-card {
        padding: 16px;
        border-radius: 16px;
    }

    .h2-card-top {
        margin-bottom: 16px;
    }

    .h2-route {
        margin-bottom: 16px;
    }

    .h2-country span {
        font-size: 17px;
    }

    .h2-arrow {
        width: 50px;
        min-width: 40px;
        font-size: 20px;
    }

    .h2-info {
        margin-bottom: 16px;
    }

}


/*
|--------------------------------------------------------------------------
| Small Mobile
|--------------------------------------------------------------------------
*/

@media screen and (max-width: 400px) {

    .h2-card-top {
        align-items: flex-start;
    }

    .h2-mode {
        max-width: 65%;
        font-size: 12px;
        padding: 6px 10px;
    }

    .h2-time {
        font-size: 12px;
    }

    .h2-country {
        gap: 5px;
    }

    .h2-country img {
        width: 22px;
        min-width: 22px;
        height: 16px;
    }

    .h2-country span {
        font-size: 15px;
    }

    .h2-arrow {
        width: 35px;
        min-width: 35px;
        font-size: 18px;
    }

}
/*
|--------------------------------------------------------------------------
| Latest Freight Quote Cards in home page - Shortcode [latest_quotes-home]-ends
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| FREIGHT QUOTE 
| Shortcode: [freight_quote_cards]
|--------------------------------------------------------------------------
*/


/* Main quote list */

.quote-list {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}


/* Quote card */

.quote-card {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr) 180px 170px;
    align-items: center;
    gap: 20px;

    width: 100%;
    box-sizing: border-box;

    background: #ffffff;
    border: 1px solid #EDF1F5;
    border-radius: 18px;

    padding: 10px 24px;
    margin-bottom: 0;

    box-shadow:
        0 6px 18px
        rgba(0, 0, 0, 0.05);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


/* Card hover 
.quote-card:hover {
    transform: translateY(-3px);

    border-color: #DCE5EE;

    box-shadow:
        0 12px 28px
        rgba(0, 0, 0, 0.08);
}
*/


/*
|--------------------------------------------------------------------------
| Route
|--------------------------------------------------------------------------
*/

.quote-route {
    display: flex;
    align-items: center;
    gap: 12px;
}


.quote-route img {
    width: 32px;
    min-width: 32px;
    height: 22px;

    object-fit: cover;

    border: 1px solid #DDDDDD;
    border-radius: 2px;

    background: #ffffff;
}


.quote-arrow {
    color: #173B74;

    font-size: 26px;
    line-height: 1;

    flex-shrink: 0;
}


/*
|--------------------------------------------------------------------------
| Quote Information
|--------------------------------------------------------------------------
*/

.quote-info {
    min-width: 0;
}


.quote-title {
    margin-bottom: 4px;

    color: #0F3D55;

    font-size: 17px;
    line-height: 1.4;
    font-weight: 600;

    overflow-wrap: anywhere;
}


.quote-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 7px;

    color: #6D7786;

    font-size: 15px;
    line-height: 1.5;
}


.quote-meta-divider {
    color: #B0B8C2;
}


/*
|--------------------------------------------------------------------------
| Date
|--------------------------------------------------------------------------
*/

.quote-date {
    color: #0F3D55;
}


.quote-date small {
    display: block;

    margin-bottom: 4px;

    color: #777777;

    font-size: 13px;
}


.quote-date strong {
    font-size: 16px;
    font-weight: 600;
}


/*
|--------------------------------------------------------------------------
| Button
|--------------------------------------------------------------------------
*/

.quote-btn {
    text-align: right;
}


.quote-btn a {
    display: inline-block;

    padding: 10px 24px;

    background: #0F3D55;

    color: #ffffff;

    border-radius: 8px;

    font-size: 12px;
    font-weight: 500;

    text-decoration: none !important;

    transition:
        background 0.3s ease,
        transform 0.3s ease;
}


.quote-btn a:hover {
    background: #173B74;

    color: #ffffff;

    transform: translateY(-1px);

    text-decoration: none !important;
}


.quote-btn a:focus,
.quote-btn a:active,
.quote-btn a:visited {
    color: #ffffff;

    text-decoration: none !important;
}


/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

/* @media screen and (
    min-width: 769px
) and (
    max-width: 800px
) {

    .quote-card {
        display: flex;

        align-items: center;
        justify-content: space-between;

        gap: 12px;

        flex-wrap: nowrap;

        padding: 14px 16px;
    }


    .quote-route {
        flex: 0 0 130px;
    }


    .quote-info {
        flex: 1 1 auto;

        min-width: 0;
    }


    .quote-date {
        flex: 0 0 110px;

        text-align: center;
    }


    .quote-btn {
        flex: 0 0 130px;

        text-align: right;
    }


    .quote-title {
        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

        overflow: hidden;

        text-overflow: ellipsis;

        overflow-wrap: anywhere;
    }


    .quote-meta {
        font-size: 13px;
    }


    .quote-btn a {
        padding: 10px 18px;

        font-size: 13px;
    }


    .quote-route img {
        width: 38px;
        min-width: 38px;

        height: 22px;
    }

}
 */

/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media screen and (
    max-width: 720px
) {

    .quote-card {
        display: flex;

        flex-direction: column;

        align-items: center;

        gap: 0;

        padding: 18px 16px;

        text-align: center;
    }


    .quote-route {
        justify-content: center;

        margin-bottom: 4px;
    }


    .quote-info {
        width: 100%;
    }


    .quote-title {
        margin: 4px 0 2px;

        line-height: 1.3;
    }


    .quote-meta {
        justify-content: center;

        margin: 0;

        line-height: 1.4;
    }


    .quote-date {
        margin-top: 6px;
    }


    .quote-date small {
        margin-bottom: 2px;
    }


    .quote-btn {
        margin-top: 10px;

        text-align: center;
    }


    .quote-btn a {
        padding: 7px 24px;

        font-size: 12px;
    }

}


/*
|--------------------------------------------------------------------------
| Small Mobile
|--------------------------------------------------------------------------
*/

@media screen and (
    max-width: 400px
) {

    .quote-card {
        padding: 16px 12px;
    }


    .quote-route img {
        width: 28px;
        min-width: 28px;

        height: 20px;
    }


    .quote-arrow {
        font-size: 22px;
    }


    .quote-title {
        font-size: 16px;
    }


    .quote-meta {
        font-size: 13px;
    }

}


/*
|--------------------------------------------------------------------------
| Error Message
|--------------------------------------------------------------------------
*/

.quote-error {
    padding: 20px;

    text-align: center;

    color: #6D7786;
}
/*
|--------------------------------------------------------------------------
| FREIGHT QUOTE CARDS
| Shortcode: [freight_quote_cards]-ends
|--------------------------------------------------------------------------
*/




/*
|--------------------------------------------------------------------------
| Freight Company List Shortcode ( FREIGHT QUOTE page)
| Usage: [freight_company_list] 
|--------------------------------------------------------------------------
*/
.freight-company-list {
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    background: #ffffff;
    border: 1px solid #e8edf2;
    border-radius: 14px;
    overflow: hidden;
}


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

.freight-company-card {
    display: flex;
    align-items: center;
    gap: 12px;

    padding: 18px 15px;

    background: #ffffff;

    border-bottom: 1px solid #e8edf2;

    transition:
        background 0.25s ease,
        transform 0.25s ease;
}

.freight-company-card:last-child {
    border-bottom: none;
}

.freight-company-card:hover {
    background: #f7f9fc;
}


/* =====================================================
   COMPANY LOGO
===================================================== */

.freight-company-logo {
    width: 58px;
    height: 58px;

    min-width: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    border-radius: 50%;

    background: #eef3f7;

    border: 1px solid #e2e8ee;
}

.freight-company-logo img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}


/* =====================================================
   COMPANY INFO
===================================================== */

.freight-company-info {
    flex: 1;

    min-width: 0;
}

.freight-company-title {
    display: flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 7px;
}

.freight-company-title h3 {
    margin: 0;

    color: #0f3d55;

    font-size: 18px;
    font-weight: 700;

    line-height: 1.25;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


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

.freight-verified {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    color: #20a65a;

    font-size: 16px;

    flex-shrink: 0;
}


/* =====================================================
   COMPANY TYPE
===================================================== */

.freight-company-type,
.freight-company-location {
    display: flex;

    align-items: center;

    gap: 7px;

    color: #687684;

    font-size: 14px;

    line-height: 1.5;
}

.freight-company-type {
    margin-bottom: 4px;
}

.freight-company-type i {
    color: #d4af37;

    width: 14px;

    text-align: center;
}

.freight-company-location i {
    color: #7a8792;

    width: 14px;

    text-align: center;
}


/* =====================================================
   THREE DOT BUTTON
===================================================== */

.freight-company-menu {
    width: 36px;
    height: 36px;

    display: flex;

    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    padding: 0;

    color: #34495a;

    background: transparent;

    border: none;

    border-radius: 50%;

    cursor: pointer;

    transition:
        background 0.2s ease,
        color 0.2s ease;
}

.freight-company-menu:hover {
    color: #0f3d55;

    background: #edf3f6;
}

.freight-company-menu i {
    font-size: 17px;
}


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

@media (max-width: 480px) {

    .freight-company-card {
        gap: 12px;

        padding: 15px 13px;
    }

    .freight-company-logo {
        width: 48px;
        height: 48px;

        min-width: 48px;
    }

    .freight-company-title h3 {
        font-size: 15px;
    }

    .freight-company-type,
    .freight-company-location {
        font-size: 12px;
    }

    .freight-company-menu {
        width: 30px;
        height: 30px;
    }

}
/*
|--------------------------------------------------------------------------
| Shortcode
| [freight_company_list]-ends
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| GLOBAL NETWORKERS
| Shortcode: [global_networkers_cards]
|--------------------------------------------------------------------------
*/


/*
|--------------------------------------------------------------------------
| Main Wrapper
|--------------------------------------------------------------------------
*/

.global-networkers-wrapper {

    width: 100%;

    overflow: hidden;

    position: relative;

}


/*
|--------------------------------------------------------------------------
| Auto Scroll List
|--------------------------------------------------------------------------
*/

.global-networkers-list {

    width: 100%;

    display: flex;

    flex-direction: column;

    gap: 18px;

    will-change: transform;

}


/*
|--------------------------------------------------------------------------
| Main Card
|--------------------------------------------------------------------------
*/

.global-networkers-card {

    display: grid;

    grid-template-columns:
        100px
        150px
        minmax(0, 1fr)
        170px;

    align-items: center;

    column-gap: 15px;

    width: 100%;

/*     min-height: 150px; */

    box-sizing: border-box;

    padding:
        15px
        10px;

    background: #ffffff;

    border:
        1px solid
        #edf1f5;

    border-radius: 22px;

    box-shadow:
        0 7px 22px
        rgba(
            0,
            0,
            0,
            0.05
        );

}

/*
|--------------------------------------------------------------------------
| Company Logo
|--------------------------------------------------------------------------
*/

.network-company-logo {

    display: flex;

    align-items: center;

    justify-content: center;

}


.network-company-logo img {

    display: block;

    width: 78px;

    height: 78px;

    object-fit: contain;

}


/*
|--------------------------------------------------------------------------
| Company Details
|--------------------------------------------------------------------------
*/

.network-company-details {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: center;

    gap: 9px;

    min-width: 0;

}


.network-company-type {

    color: #0f3d55;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 600;
    text-transform: capitalize;

}
/*
|--------------------------------------------------------------------------
| Country
|--------------------------------------------------------------------------
*/
.network-country {

    color: #465462;
	 font-size: 12px;
    line-height: 1.4;
    font-weight: 600;
    text-transform: uppercase;

}
/*
|--------------------------------------------------------------------------
| Country Flag
|--------------------------------------------------------------------------
*/

.network-country {

    display: flex;

    align-items: center;

    gap: 6px;

}


.network-country-flag {

    display: block;

    width: 20px;

    min-width: 20px;

    height: 14px;

    object-fit: cover;

    border: 1px solid #dfe4e8;

    border-radius: 2px;

}

/*
|--------------------------------------------------------------------------
| Membership
|--------------------------------------------------------------------------
*/

.network-membership {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 20px;

    padding:
        4px
        8px;

    border-radius: 6px;

    color: #ffffff;

    font-size: 12px;

    line-height: 1.2;

    font-weight: 600;

}


/*
| Default Basic Member
*/

.network-membership-basic {

    background:#0449D0;

}


/*
| Standard Member
*/

.network-membership-standard {

    background: #097C24;

}


/*
| Elite Member
*/

.network-membership-elite {

    background: #5304B6;

}


/*
|--------------------------------------------------------------------------
| Company Contact Details
|--------------------------------------------------------------------------
*/

.network-contact-details {

    display: flex;

    flex-direction: column;

    justify-content: center;

    gap: 6px;

    min-width: 0;

}


.network-company-name {

    color: #0f3d55;

    font-size: 20px;
    line-height: 1.3;

    font-weight: 700;

    overflow-wrap: anywhere;

}


.network-location {

    color: #566372;

    font-size: 16px;

    line-height: 1.4;

    overflow-wrap: anywhere;

}


.network-mobile {

    color: #566372;

    font-size: 16px;

    line-height: 1.4;

    overflow-wrap: anywhere;

}


/*
|--------------------------------------------------------------------------
| Send Message Button
|--------------------------------------------------------------------------
*/

.network-membership {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 20px;

    padding:
        3px
        9px;

    border-radius: 5px;

    color: #ffffff;

    font-size: 10px;

    line-height: 1.1;

    font-weight: 600;

}


.network-message-button a {

    display: inline-flex;

    align-items: center;

    justify-content: center;

     min-width: 135px;

    min-height: 45px; 

    padding:
       10px
        18px;

    box-sizing: border-box;
    /* background: #0f3d55; */
    background-color: #E3FCE7;
    border-radius: 8px;
    /* color: #ffffff !important; */
    color: #3B765A !important;
    font-size: 14px;
    line-height:0;
    font-weight: 500;
    text-decoration: none !important;
    transition:
        background
        0.3s ease,

        transform
        0.3s ease;

}


.network-message-button a:hover {

    background: #173b74;

    color: #ffffff !important;

    transform:
        translateY(-2px);

    text-decoration:
        none !important;

}


.network-message-button a:focus,

.network-message-button a:active,

.network-message-button a:visited {

    color:
        #ffffff !important;

    text-decoration:
        none !important;

}


/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media screen and (
    max-width: 600px
) {

    .global-networkers-card {

        grid-template-columns:

            85px

            160px

            minmax(
                0,
                1fr
            );

        row-gap: 18px;

    }


    .network-message-button {

        grid-column:

            2 / 4;

        justify-content:

            flex-start;

    }


    .network-company-name {

        font-size:

            20px;

    }

}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media screen and (
    max-width: 650px
) {

    .global-networkers-list {

        gap:

            16px;

    }


    .global-networkers-card {

        display:

            flex;

        flex-direction:

            column;

        align-items:

            center;

        gap:

            13px;

        min-height:

            auto;

        padding:

            24px
            18px;

        text-align:

            center;

    }


    .network-company-logo img {

        width:

            68px;

        height:

            68px;

    }


    .network-company-details {

        align-items:

            center;

        gap:

            7px;

    }


    .network-contact-details {

        align-items:

            center;

        gap:

            7px;

    }


    .network-company-name {

        font-size:

            20px;

    }


    .network-location,

    .network-mobile {

        font-size:

            15px;

    }


    .network-message-button {

        width:

            100%;

        justify-content:

            center;

        margin-top:

            4px;

    }


    .network-message-button a {

        width:

            100%;

        max-width:

            280px;

        min-height:

            48px;

    }

}


/*
|--------------------------------------------------------------------------
| Error Message
|--------------------------------------------------------------------------
*/

.global-networkers-error {

    width: 100%;

    padding: 20px;

    box-sizing: border-box;

    text-align: center;

    color: #6d7786;

}


/*
|--------------------------------------------------------------------------
| GLOBAL NETWORKERS ENDS
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Find A agent [find_agent_cards]
|--------------------------------------------------------------------------
*/
.find-agent-wrapper{
    width:100%;
    overflow:hidden;
    padding-bottom:20px;
    box-sizing:border-box;
}

.find-agent-list{
    display:flex;
    flex-direction:column;
    gap:16px;
    width:100%;
}

.find-agent-card{
    display:grid;
    grid-template-columns:minmax(0,1fr) 130px;
    align-items:center;
    gap:25px;
    width:100%;
    min-height:90px;
    padding:15px 25px;
    box-sizing:border-box;
    background:#fff;
    border:1px solid #dce2e7;
    border-radius:5px;
    box-shadow:0 3px 10px rgba(0,0,0,.04);
}

.find-agent-content{
    min-width:0;
}

.find-agent-title{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    color:#0f3d55;
    font-size:18px;
    line-height:1.4;
    font-weight:600;
}

.find-agent-title img{
    width:22px;
    height:15px;
    object-fit:cover;
    border:1px solid #ddd;
    border-radius:2px;
}

.find-agent-meta{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:10px;
    color:#586775;
    font-size:16px;
    line-height:1.4;
}

.find-agent-button{
    display:flex;
    justify-content:flex-end;
}

.find-agent-button a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:115px;
    min-height:44px;
    background:#0f3d55;
    border-radius:6px;
    color:#fff !important;
    font-size:15px;
    font-weight:600;
    text-transform:uppercase;
    text-decoration:none !important;
}

.find-agent-button a:hover{
    color:#fff !important;
    transform:translateY(-1px);
}

.find-agent-error{
    padding:20px;
    text-align:center;
    color:#6d7786;
}

@media screen and (max-width:650px){

    .find-agent-card{
        grid-template-columns:1fr;
        gap:15px;
        padding:18px;
    }

    .find-agent-title{
        font-size:16px;
    }

    .find-agent-meta{
        font-size:14px;
    }

    .find-agent-button{
        justify-content:flex-start;
    }

    .find-agent-button a{
        width:100%;
    }

}
@media screen and (max-width:650px){

    .find-agent-title{

        display:block;

        font-size:16px;

        line-height:1.5;

    }

    .find-agent-title img{

        display:inline-block;

        width:20px;

        height:14px;

        margin-right:4px;

        vertical-align:middle;

    }

    .find-agent-title span{

        display:inline;

    }

}
/*
|--------------------------------------------------------------------------
| Find A agent [find_agent_cards]-ends
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Latest Freight Quote Cards - Vertical Scroll - Shortcode [latest_quotes-home-scroll]
|--------------------------------------------------------------------------
*/
.h2-quote-scroll-viewport{
	width:100%;
	overflow:hidden;
	position:relative;
}
.h2-quote-wrapper-scroll{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-auto-rows:1fr;
    gap:20px;
    width:100%;
    transition:transform .7s cubic-bezier(.4,0,.2,1);
    will-change:transform;
}
.h2-quote-card-scroll{display:flex;flex-direction:column;height:100%;min-width:0;background:#fff;border:1px solid #E8EDF5;border-radius:18px;padding:18px;box-sizing:border-box;box-shadow:0 6px 20px rgba(0,0,0,.04);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
/*.h2-quote-card-scroll:hover{transform:translateY(-5px);border-color:#D7E2F0;box-shadow:0 15px 35px rgba(0,0,0,.08)}*/
.h2-card-top-scroll{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}
.h2-mode-scroll{display:inline-flex;align-items:center;gap:6px;max-width:70%;background:#EAF4FF;color:#1D4ED8;font-size:13px;line-height:1.2;font-weight:600;padding:6px 12px;border-radius:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h2-time-scroll{flex-shrink:0;color:#8A94A6;font-size:13px;line-height:1.3;white-space:nowrap}
.h2-route-scroll{display:flex;align-items:center;width:100%;min-width:0;margin-bottom:18px}
.h2-country-scroll{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:8px}
.h2-country-scroll:first-child{justify-content:flex-start}
.h2-country-scroll:last-child{justify-content:flex-end}
.h2-country-scroll img{width:24px;height:18px;min-width:24px;object-fit:cover;border-radius:3px;flex-shrink:0;border:1px solid #E5E7EB}
.h2-country-scroll span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:1.2;font-weight:700;color:#1E293B}
.h2-arrow-scroll{width:60px;min-width:40px;display:flex;align-items:center;justify-content:center;color:#64748B;font-size:22px;line-height:1;flex-shrink:0}
.h2-info-scroll{margin:0 0 18px}
.h2-info-row-scroll{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:10px;color:#667085;font-size:14px;line-height:1.4}
.h2-info-row-scroll:last-child{margin-bottom:0}
.h2-package-row-scroll{flex-wrap:wrap;align-items:center;row-gap:8px}
.h2-package-item-scroll{display:inline-flex;align-items:center;gap:6px;margin-right:10px;white-space:nowrap}
.h2-package-item-scroll i{color:#2563EB;font-size:15px;line-height:1}
.h2-info-row-scroll>i{color:#2563EB;font-size:15px;flex-shrink:0}
.h2-btn-scroll{display:block;width:100%;margin-top:auto;padding:12px 15px;box-sizing:border-box;text-align:center;text-decoration:none!important;background:#fff;color:#1D4ED8;border:1px solid #E3E8F2;border-radius:12px;font-size:14px;line-height:1.3;font-weight:600;transition:background .3s ease,color .3s ease,border-color .3s ease}
.h2-btn-scroll:hover{background:#1D4ED8;color:#fff;border-color:#1D4ED8}
.h2-btn-scroll:focus{outline:none;background:#1D4ED8;color:#fff;border-color:#1D4ED8;box-shadow:0 0 0 3px rgba(29,78,216,.15)}
.h2-mode-scroll.mode-air{background:#ECFDF3;color:#16A34A}
.h2-mode-scroll.mode-ocean{background:#EAF4FF;color:#2563EB}
.h2-mode-scroll.mode-road{background:#FFF7ED;color:#EA580C}
.h2-mode-scroll.mode-rail{background:#F3E8FF;color:#7C3AED}
.h2-mode-scroll.mode-default{background:#F1F5F9;color:#475569}
@media screen and (max-width:1024px){
.h2-quote-wrapper-scroll{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
}
@media screen and (max-width:767px){
.h2-quote-wrapper-scroll{grid-template-columns:1fr;gap:16px}
.h2-quote-card-scroll{padding:16px;border-radius:16px}
.h2-card-top-scroll{margin-bottom:16px}
.h2-route-scroll{margin-bottom:16px}
.h2-country-scroll span{font-size:17px}
.h2-arrow-scroll{width:50px;min-width:40px;font-size:20px}
.h2-info-scroll{margin-bottom:16px}
}
@media screen and (max-width:400px){
.h2-card-top-scroll{align-items:flex-start}
.h2-mode-scroll{max-width:65%;font-size:12px;padding:6px 10px}
.h2-time-scroll{font-size:12px}
.h2-country-scroll{gap:5px}
.h2-country-scroll img{width:22px;min-width:22px;height:16px}
.h2-country-scroll span{font-size:15px}
.h2-arrow-scroll{width:35px;min-width:35px;font-size:18px}
}

/*
|--------------------------------------------------------------------------
| Latest Freight Quote Cards - Vertical Scroll - Shortcode [latest_quotes-home-scroll]-ends
|--------------------------------------------------------------------------
*/


/* Load more button styles */


        .quote-load-more-wrapper {
            margin-top: 20px;
            text-align: center;
        }


        /*
    |--------------------------------------------------------------------------
    | Load More Button
    |--------------------------------------------------------------------------
    */

        .quote-load-more {
            display: inline-block;
            padding: 12px 24px;
            border: 1px solid #0B9F28;
            border-radius: 6px;
            background-color: #FFFFFF61;
            cursor: pointer;
            font-size: 16px;
            font-weight: 700;
            color: #0B9F28;
            text-decoration: none !important;
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08)!important;
        }