/*
Theme Name: Transport Services
Theme URI: https://www.ovationthemes.com/products/transport-services
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Transport Services is a modern, professional, and flexible theme designed for corporation-level businesses in logistics and transportation, including cargo and freight service providers, shipping agencies, courier services, trucking companies, moving businesses, warehousing firms, and delivery platforms. It provides a structured and reliable solution for showcasing services like shipment tracking, fleet management, route planning, dispatch systems, transport booking, and supply chain operations. Built with a clean, minimal, and sophisticated design, the theme features a fully responsive and retina-ready layout that performs seamlessly across desktops, tablets, and mobile devices. Developed on a robust framework with optimized and secure code, it ensures fast loading speeds, enhanced SEO performance, and a smooth user experience. The theme includes customizable sections for service listings, testimonials, team profiles, banners, and call-to-action elements, helping businesses build trust and drive conversions. With flexible personalization options, users can easily adjust colors, layouts, fonts, and branding elements to match their business identity. It also supports social media integration for wider reach and engagement. Seamlessly compatible with WooCommerce Bookings and related scheduling tools, along with Contact Form 7 for inquiries, Transport Services enables efficient handling of bookings, client communication, and logistics operations, making it a powerful and flexible solution for modern transport and logistics businesses.
Requires at least: 6.1
Tested up to: 6.9
Requires PHP: 5.6
Version: 2.8
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: transport-services
Tags: photography, portfolio, blog, one-column, two-columns, custom-colors, custom-menu, custom-logo, sticky-post, threaded-comments, right-sidebar, left-sidebar, grid-layout, custom-background, rtl-language-support, featured-images, wide-blocks, editor-style, full-site-editing, block-patterns, block-styles, style-variations, template-editing, footer-widgets, custom-header, translation-ready

Transport Services WordPress Theme, Copyright 2025 pewilliams
Transport Services is distributed under the terms of the GNU GPL

*/

a{
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:focus,
button:focus{
    outline: 2px solid !important;
}

/* Remove focus outline from logo link only */
.header-logo-box a:focus,
.header-logo-box a:focus-visible,
.wp-block-site-logo a:focus,
.wp-block-site-logo a:focus-visible,
.custom-logo-link:focus,
.custom-logo-link:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}
/* ── Logistics section: 4 static cards — no carousel, no scroll ─────────── */
/*
 * The logistics-solution-section uses wp:columns (4 equal columns).
 * These rules ensure all four cards are always visible in a fixed grid,
 * overriding any owl-carousel transforms or auto-scroll behaviour.
 */
.logistics-solution-section .logistics-solution-cont-box {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
    transform: none !important;
    transition: none !important;
    gap: 20px;
}
.logistics-solution-section .logistics-solution-cont-box > .wp-block-column {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
}
/* Hide any owl carousel navigation / dots that might appear */
.logistics-solution-section .owl-nav,
.logistics-solution-section .owl-dots {
    display: none !important;
}
/* On small screens stack vertically for readability */
@media (max-width: 640px) {
    .logistics-solution-section .logistics-solution-cont-box {
        flex-wrap: wrap !important;
    }
    .logistics-solution-section .logistics-solution-cont-box > .wp-block-column {
        flex: 1 1 100% !important;
    }
}
@media (min-width: 641px) and (max-width: 900px) {
    .logistics-solution-section .logistics-solution-cont-box {
        flex-wrap: wrap !important;
    }
    .logistics-solution-section .logistics-solution-cont-box > .wp-block-column {
        flex: 1 1 calc(50% - 10px) !important;
    }
}

/* ── Header restructure ──────────────────────────────────────────────────── */
/* Logo: fill the full height of the white nav band (5px padding top/bottom) */
.main-header .header-logo-box.header-logo-box img {
    height: 55px !important;
    width: auto !important;
    max-width: none !important;
}
/* Blue outer strip: equal padding so white nav box (and logo) appear vertically centred */
.main-header {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
/* White nav box: sits inside the blue strip with clear blue space around it */
.main-header .menu-header {
    margin-top: 0 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border-radius: 30px 0 0 30px !important;
}
/* Columns container: stretch so logo column matches the full band height */
.main-header .menu-header .menu-inner-boxes {
    align-items: stretch !important;
}
/* Logo column: right divider line, no extra vertical padding (band's 5px is the gap) */
.main-header .menu-header .header-logo-box {
    border-right: 2px solid var(--wp--preset--color--border-color);
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 16px !important;
    margin-right: 4px;
    display: flex !important;
    align-items: stretch !important;
}
/* Figure inside logo box: fill the full available height */
.main-header .menu-header .header-logo-box figure.wp-block-image {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}
/* Menu box column: no gap between contact row and nav items */
.main-header .menu-header .header-menu-box {
    gap: 0 !important;
    row-gap: 0 !important;
}
/* Contact row inside white header: right-aligned, aligned with Contact nav item */
.main-header .menu-header .header-contact-row {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
    width: 100% !important;
    border-bottom: 1px solid var(--wp--preset--color--border-color);
    padding-top: 0 !important;
    padding-bottom: 2px !important;
    padding-right: 85px !important;
    margin-bottom: 0 !important;
    line-height: 1 !important;
}
/* Nav block: no extra top spacing */
.main-header .menu-header .header-menu-box > .wp-block-navigation {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* Remove underline from phone/email links in desktop header */
.main-header .menu-header .header-phone a,
.main-header .menu-header .header-mail a {
    text-decoration: none !important;
}

/* Phone/email paragraphs: strip default browser margin and tighten line-height */
.main-header .menu-header .header-phone,
.main-header .menu-header .header-mail {
    position: relative;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.2 !important;
    padding-right: 20px !important;
}
.main-header .menu-header .header-phone:before {
    position: absolute;
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    left: 0;
    top: 1px;
    font-size: 12px;
    content: '\f2a0';
    color: var(--wp--preset--color--secondary);
}
.main-header .menu-header .header-mail:before {
    position: absolute;
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    left: 0;
    top: 1px;
    font-size: 12px;
    content: '\f0e0';
    color: var(--wp--preset--color--secondary);
}
/* Hover colour for relocated contact links */
.main-header .menu-header .header-phone:hover a,
.main-header .menu-header .header-mail:hover a {
    color: var(--wp--preset--color--primary) !important;
}

/* ── Contact page FAQ: answer text color ───────────────────────────────── */
/* Targets only answer <p> tags inside wp:details blocks on the contact page.
   Overrides the inline color: #555e68 set in the freeform blocks. */
.page-id-46 .wp-block-details p {
    color: #212224 !important;
}

/* ── "What we stand for" section: equal-height cards ───────────────────── */
/* Each column becomes a flex column so the inner card stretches to fill it */
.am-values-icon-strip .wp-block-columns .wp-block-column {
    display: flex !important;
    flex-direction: column !important;
}
/* The card group fills the full column height, giving all cards equal height */
.am-values-icon-strip .wp-block-columns .wp-block-column > .wp-block-group {
    flex: 1 !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}
/* Mobile: single-row header — logo left, hamburger right, phone/email hidden */
@media screen and (max-width: 767px) {

    /* Hide phone/email contact row entirely on mobile */
    .main-header .menu-header .header-contact-row { display: none !important; }

    /* Outer blue strip — no extra padding, let menu-header fill it */
    .main-header {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Full-width banner bar */
    .main-header .menu-header {
        background: transparent !important;
        background-color: transparent !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    /* Override constrained content width so banner is truly edge-to-edge */
    .main-header.wp-block-group > .wp-block-group__inner-container,
    .main-header > .wp-block-group__inner-container {
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Single flex row: logo left, hamburger far right, both vertically centered */
    .main-header .menu-header .menu-inner-boxes {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        position: static !important;
        gap: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Logo: left side — natural width only */
    .main-header .menu-header .header-logo-box {
        order: 1 !important;
        flex: 0 0 auto !important;
        flex-basis: auto !important;
        min-width: 0 !important;
        width: auto !important;
        border-right: none !important;
        padding: 0 8px !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        align-self: center !important;
        position: static !important;
        transform: none !important;
    }

    /* Logo figure fills full height */
    .main-header .menu-header .header-logo-box figure.wp-block-image,
    .main-header .menu-header .header-logo-box .wp-block-site-logo {
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
    }

    /* Logo image: natural size, drives the banner height */
    .main-header .menu-header .header-logo-box img {
        height: auto !important;
        width: auto !important;
        max-height: 50px !important;
        max-width: 220px !important;
        object-fit: contain !important;
        display: block !important;
    }

    /* Hamburger box: shrinks to content, pinned to right edge */
    .main-header .menu-header .header-menu-box {
        order: 2 !important;
        flex: 0 0 auto !important;
        flex-basis: auto !important;
        min-width: 0 !important;
        width: auto !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        align-self: center !important;
        justify-content: flex-end !important;
        padding: 0 12px !important;
        margin: 0 -70px 0 !important;
        gap: 0 !important;
        position: static !important;
    }

    /* Hamburger: static in flow */
    .main-header .menu-header .header-menu-box > .wp-block-navigation {
        position: static !important;
        transform: none !important;
        display: flex !important;
        align-items: center !important;
    }

    /* ── 3-line hamburger — white lines on dark background ── */
    .main-header .wp-block-navigation__responsive-container-open svg {
        display: none !important;
    }
    .main-header .wp-block-navigation__responsive-container-open {
        width: 32px !important;
        height: 24px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        color: #ffffff !important;
    }
    .main-header .wp-block-navigation__responsive-container-open::before {
        content: '' !important;
        display: block !important;
        width: 24px !important;
        height: 2px !important;
        background-color: #ffffff !important;
        box-shadow: 0 8px 0 #ffffff, 0 16px 0 #ffffff !important;
        margin-top: -8px !important;
    }
}

/* ── Partner Types Section ───────────────────────────────────────────────── */
.partner-types-section > .wp-block-columns {
    gap: 0 !important;
}
.partner-types-section .wp-block-column {
    display: flex;
    flex-direction: column;
}
.partner-types-section .wp-block-column .wp-block-buttons {
    margin-top: auto;
}
.partner-types-section .wp-block-image {
    width: 100%;
}
.partner-types-section .wp-block-image img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 6px;
}
/* Image upload placeholder styling in editor & frontend when no image set */
.partner-types-section .wp-block-image:not(:has(img[src])) {
    min-height: 120px;
    background: rgba(255,255,255,0.06);
    border: 2px dashed rgba(255,255,255,0.2);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 781px) {
    .partner-types-section .wp-block-column {
        border-right: none !important;
        border-bottom: 1px solid rgba(255,255,255,0.15);
    }
    .partner-types-section .wp-block-column:last-child {
        border-bottom: none;
    }
}

/* ── Trailer Types Section ───────────────────────────────────────────────── */
.trailer-types-section .trailer-type-icon {
    text-align: center;
    transition: transform 0.3s ease, opacity 0.3s ease;
}
/* SVG icon images */
.trailer-types-section .trailer-type-icon .trailer-svg-icon {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 160px;
    height: auto;
}
.trailer-types-section .wp-block-column {
    border-right: 1px solid var(--wp--preset--color--border-color);
}
.trailer-types-section .wp-block-column:last-child {
    border-right: none;
}
.trailer-types-section .wp-block-column:hover .trailer-type-icon {
    transform: translateY(-5px);
    opacity: 0.85;
}
.trailer-types-section .wp-block-column p {
    color: var(--wp--preset--color--heading);
}
@media (max-width: 781px) {
    .trailer-types-section .wp-block-column {
        border-right: none;
        border-bottom: 1px solid var(--wp--preset--color--border-color);
    }
    .trailer-types-section .wp-block-column:last-child {
        border-bottom: none;
    }
    .trailer-types-section .trailer-type-icon .trailer-svg-icon {
        max-width: 130px;
    }
}

/* ── Home page: full-page background white (excludes header & footer) ────── */
.home .wp-site-blocks > .wp-block-group.has-background {
    background-color: #ffffff !important;
}

/* ── Banner: make "Drive With Admiral" button match "Become an Agent" yellow fill ── */
.banner-section .banner-btn .wp-block-button__link.has-base-background-color.has-primary-color {
    background-color: var(--wp--preset--color--primary) !important;
    color: #000000 !important;
    border-color: var(--wp--preset--color--primary) !important;
}

/* ── Login nav button ────────────────────────────────────────────────────── */
.wp-block-navigation .nav-login-btn > a,
.wp-block-navigation .nav-login-btn > a:visited {
    background-color: var(--wp--preset--color--primary);
    color: #ffffff !important;
    padding: 8px 20px !important;
    border-radius: 30px;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    border-bottom: none !important;
    transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
    box-shadow: 0 3px 10px rgba(242,195,24,0.35);
    display: inline-block;
}
.wp-block-navigation .nav-login-btn > a:hover,
.wp-block-navigation .nav-login-btn > a:focus {
    background-color: #d4aa14 !important;
    color: #ffffff !important;
    border-bottom: none !important;
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(242,195,24,0.45);
}

/* ── Dropdown submenu polish ─────────────────────────────────────────────── */
.wp-block-navigation .wp-block-navigation__submenu-container {
    min-width: 210px;
    padding: 6px 0 !important;
    border-radius: 6px;
    overflow: hidden;
}
.wp-block-navigation .wp-block-navigation__submenu-container a {
    padding: 10px 18px !important;
    font-size: 13px !important;
    white-space: nowrap;
}

/*navigation css*/
@media screen and (min-width:1000px){
    .wp-block-navigation ul li a{
        border-bottom: 1px solid #0000;
    }
    .wp-block-navigation ul li a:hover,
    .wp-block-navigation ul li a:focus,
    .wp-block-navigation .current-menu-item a{
        color: var(--wp--preset--color--primary) !important;
        border-bottom: 1px solid var(--wp--preset--color--primary);
    }
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container{  
        border-top: 2px solid var(--wp--preset--color--secondary);
        border-bottom: 2px solid var(--wp--preset--color--secondary);
        box-shadow: 2px 2px 8px #cfc8d8;
    }
    .wp-block-navigation ul ul li a{
        border-bottom: 1px solid var(--wp--preset--color--border-color);
    }
    .wp-block-navigation ul ul li a:hover,
    .wp-block-navigation ul ul li a:focus,
    .wp-block-navigation__submenu-container .current-menu-item a{
        background-color: var(--wp--preset--color--secondary) !important;
        color: var(--wp--preset--color--background) !important;
        border-color: #0000;
    }
    .main-header .menu-header .header-menu-box nav ul.wp-block-navigation__container{
        gap: 22px;
    }
}
.wp-block-navigation ul ul{
    padding: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open li:last-child a{
    border-bottom: none;
}
.wp-block-navigation__responsive-container.is-menu-open li a:hover,
.wp-block-navigation__responsive-container.is-menu-open li a:focus,
.wp-block-navigation__responsive-container.is-menu-open li.current-menu-item a{
    background-color: transparent !important;
    color: var(--wp--preset--color--secondary) !important;
}
.wp-block-navigation .wp-block-navigation__submenu-icon{
    background: transparent;
}
@media screen and (max-width:999px) {
    .wp-block-navigation__responsive-container,
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
        display: none;
    }
    .wp-block-navigation__responsive-container-close svg,
    .wp-block-navigation__responsive-container-open svg{
        width: 26px;
        height: 26px;
    }
    .wp-block-navigation__responsive-container-close{ 
        background-color: var(--wp--preset--color--secondary);
        padding: 8px;
    }
    .wp-block-navigation__responsive-container-open svg{
        fill: var(--wp--preset--color--heading);
    }
    .wp-block-navigation__responsive-container-close svg{
        fill: var(--wp--preset--color--background) !important;
    }
    .wp-block-navigation__responsive-container-close{
        top: 0;
        right: 20px;
    }
    .wp-block-navigation__responsive-container-open:not(.always-shown){
        display: block;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none; 
    }
    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
        background-color: var(--wp--preset--color--white);
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
        padding: 1.5em;
        padding-top: 2.5rem;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
        width: 100%;
        gap: 0 !important;
        border-bottom: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
        width: 100%;
        gap: 0 !important;
        border: none !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
        width: calc( 100% - 48px );
        padding: 12px 24px 12px;
        line-height: 30px;
        text-align: center;
        justify-content: center;
    }

    /*
    * Submenu Css
    */
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
        width: 100%;
        gap: 0;
        margin: 0;
        padding: 0;
        box-shadow: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a{
        gap: 3px;
        font-weight: 300 !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a:before {
        content: '--';
    }
}

.wp-block-image img{
    vertical-align: middle;
}

.pos-relative{
    position: relative;
}

form {
    position: relative;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    border: 1px solid var(--wp--preset--color--border-color);
    resize: none;
    line-height: 20px;
    background: none;
    color: var(--wp--preset--color--foreground);
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
select option{
    background: var(--wp--preset--color--base);
    color: var(--wp--preset--color--foreground);
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none; /* hide the default arrow in ie10 and ie11 */
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
    border-color: var(--wp--preset--color--heading);
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
    border: none;
    padding: 12px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--white);
    border-radius: 30px;
    text-transform: capitalize;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    text-align: center;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
}
.wpcf7-form label {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 8px;
    color: var(--wp--preset--color--foreground);
    font-weight: 700;
}

.form-group {
    margin-bottom: 30px;
}

.form-group p{
    margin: 0;
}

.form-group.half {
    width: 48%;
    margin-right: 4%;
    float: left;
}

.form-group.half.last {
    margin-right: 0;
}

.form-group.third {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.form-group.third.last {
    margin-right: 0;
}
/*comment*/
.wp-block-comments{
    padding: 20px;
    border: 1px solid var(--wp--preset--color--border-color);
}
.wp-block-comment-template li .wp-block-columns{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 20px;
}
.wp-block-avatar img{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 2px;
}
.wp-block-post-comments-form textarea{
    background: var(--wp--preset--color--section-bg);
}
.single-post .post-meta .wp-block-post-author{
    align-items: center;
}
.single-post .wp-block-comments .comment-respond .comment-form .comment-form-cookies-consent{
    align-items: flex-start;
}
.single-post .wp-block-post-featured-image img{
    height: 400px;
    width: 400px;
    object-fit: contain;
    transform: translateY(10px);
    transition: all 0.4s ease;
}
.single-post .wp-block-post-featured-image img:hover{
    transform: translateY(0px);
}
.single-post .related-post .wp-block-post-featured-image img{
    height: 200px;
    width: 100%;
}
/*pagination*/
.wp-block-query-pagination-numbers .page-numbers{
    padding: var(--wp--preset--spacing--20);
    line-height: 1;
    text-decoration: none;
    color:var(--wp--preset--color--heading);
}
.wp-block-query-pagination-numbers .page-numbers.current{
    background:var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--white) !important;
}
.wp-block-query-pagination-numbers .page-numbers:hover{
    color:var(--wp--preset--color--secondary);
}
.wp-block-query-pagination-next, .wp-block-query-pagination-previous{
    background:var(--wp--preset--color--secondary);
    font-size: var(--wp--preset--font-size--small);
    line-height: 1;
    padding: 10px;
    color: var(--wp--preset--color--white);
    text-decoration: none;
}
.wp-block-query-pagination-next:hover, .wp-block-query-pagination-previous:hover{
    color: var(--wp--preset--color--white);
    background: var(--wp--preset--color--primary);
}
/*sidebar css*/
.sidebar-box,.inner-post-box{
    position: relative;
    box-shadow: 0px 4px 9px var(--wp--preset--color--sidebar-shadow-color);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.sidebar-box:hover{
    transform: translateY(-6px);
    box-shadow:0 18px 40px rgba(0, 0, 0, 0.25), 0 8px 20px rgba(0, 0, 0, 0.20);
}
.sidebar-heading{
    display: table;
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
    width: auto;
}
.sidebar-post-title{
    margin-block-start: 10px;
    margin-block-end: 0;
}
.sidebar-box .wp-block-page-list  ul li{
    list-style: square;
}
.sidebar-box .wp-block-archives-list li ,
.sidebar-box .wp-block-categories-list li,
.sidebar-box .wp-block-page-list li{
    list-style: circle;

}
.sidebar-box .wp-block-archives-list li::marker,
.sidebar-box .wp-block-categories-list li::marker,
.sidebar-box .wp-block-page-list li::marker{
    color: var(--wp--preset--color--primary);
}
.sidebar-box .wp-block-archives-list,.sidebar-box .wp-block-categories-list{
    padding-left: 20px;
}
.sidebar-box ul li a{
    text-decoration: none;
}
.sidebar-box .wp-block-tag-cloud a{
    background: var(--wp--preset--color--primary-light);
    color: var(--wp--preset--color--black);
}
.sidebar-box .wp-block-tag-cloud a:hover{
    background: var(--wp--preset--color--background);
    color: var(--wp--preset--color--primary);
}
/*post css*/
.post-title{
    position: relative;
}
.post-title .wp-block-separator{
    width: 57px !important;
}
.post-title .wp-block-separator:after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: var(--wp--preset--color--primary);
    top: 0;
    bottom: 0;
    margin: auto;
}
.archieve-readmore .wp-block-separator{
    width: 20px !important;
}
/*woocommerce*/
.wp-block-group.woocommerce.product{
    margin-block-start: 0;
}
.wc-block-product,
.wc-block-grid__product,
.woocommerce .products li,
.wp-block-woocommerce-related-products li,
.products-block-post-template li {
    text-align: center;
    padding: 10px !important;
    background: transparent !important;
    border: 1px solid var(--wp--preset--color--border-color);
    border-radius: 10px;
}
.wc-block-product:hover,
.wc-block-grid__product:hover,
.woocommerce .products li:hover,
.wp-block-woocommerce-related-products li:hover,
.products-block-post-template li:hover{
    border: 1px solid var(--wp--preset--color--primary);
}
.wc-block-components-product-image img {
    width: auto;
    max-width: 100% !important;
    transition: transform 0.4s ease, opacity 0.4s ease;
}
.wc-block-components-product-image:hover img{
    transform: scale(0.9);
}
.woocommerce div.product div.images img{
    width: auto;
}
.wc-block-grid__product{
    margin: 0 10px;
}
a.wc-block-grid__product-link,.wc-block-grid__product-image,.wc-block-grid__products .wc-block-grid__product-image img {
    width: 100%;
}
.wc-block-components-product-rating__stars,.wc-block-grid__product-rating,.woocommerce .star-rating {
    margin: 0 auto 0.5em;
    color: #F2C318;
}
.wc-block-components-product-rating__stars::before,.wc-block-grid__product-rating .star-rating:before{
    color: #cfc8d8;
}
.woocommerce span.onsale,.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    padding: 0;
    border-radius: 5px;
    margin: 5px !important;
    min-height: 8px;
    line-height: 26px;
    min-width: 60px;
    font-weight: 500;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title.title h2{
    font-size: 30px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title.title h2 + .edit{
    float: left;
    color: var(--wp--preset--color--secondary);
    font-weight: 600;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title.title h2 + .edit:hover{
    color: var(--wp--preset--color--primary);
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products{
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    justify-content: space-between;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products li{
    max-width: 100%;
    margin-bottom: 15px;
}
.main-header .menu-header .header-menu-box .wp-block-woocommerce-customer-account,
.main-header .menu-header .header-menu-box .wp-block-woocommerce-mini-cart{
    display: none;
}
nav.woocommerce-MyAccount-navigation ul li {
    background: var(--wp--preset--color--primary);
    border: 1px solid;
    border-color: var(--wp--preset--color--primary);
    padding: 12px!important;
    margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
    color: var(--wp--preset--color--white);
}
nav.woocommerce-MyAccount-navigation ul li:hover {
    background: var(--wp--preset--color--secondary);
    border-color: var(--wp--preset--color--secondary);
}
nav.woocommerce-MyAccount-navigation ul li:hover a{
    color: var(--wp--preset--color--white);
}
.woocommerce ul.products li.product .button{
    padding: var(--wp--preset--spacing--30);
    border-radius: 0;
}
.woocommerce a.added_to_cart,
.added_to_cart.wc-forward{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    padding: var(--wp--preset--spacing--30);
    text-decoration: none;
    border-radius: 30px;
    display: inline-block; 
}
.added_to_cart.wc-forward{
    margin-left: 10px;
}
.wc-block-components-product-badge{
    box-shadow: 2px 2px 0 0 var(--wp--preset--color--heading);
    border-radius: 0 !important;
    border: solid 2px var(--wp--preset--color--heading) !important;
    padding: 5px 8px !important;
}
.wc-block-grid__product .wc-block-grid__product-title,.wc-block-components-product-name,h2.woocommerce-loop-product__title,.woocommerce-Tabs-panel h2{
  font-size: 18px !important;
  font-weight: bold;
}
.woocommerce #review_form #respond textarea{
    background: var(--wp--preset--color--section-bg);
    border: 1px solid var(--wp--preset--color--border-color);
}
.woocommerce-Tabs-panel--reviews,.wc-block-checkout__form,.woocommerce-Tabs-panel--description{
    padding: 20px !important;
    border: 1px solid var(--wp--preset--color--border-color);
}
.wc-block-checkout__form, .wp-block-woocommerce-checkout-order-summary-block,.wc-block-checkout__actions_row a:hover{
    color: var(--wp--preset--color--heading);
}
.wc-block-components-sidebar-layout.wc-block-cart{
    padding-top: 30px;
}
.wc-block-cart{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 30px;
    border-radius: 10px;
    color: var(--wp--preset--color--heading);
}
.is-large.wc-block-cart .wc-block-cart-items td:after ,.is-large.wc-block-cart .wc-block-cart-items:after {
    border-color: transparent;
}
.wc-block-cart .wc-block-cart-items th,.wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title, .wp-block-woocommerce-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-coupon-form-block, .wp-block-woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-wrapper{
    padding: 10px !important;
}
form.woocommerce-ordering select.orderby{
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}
.woocommerce-page .wp-block-breadcrumbs + .wp-block-query-title{
    display: none;
}
.wc-block-cart table.wc-block-cart-items{
    margin: 0 !important;
}
.wp-block-woocommerce-cart .wc-block-cart-items,.wc-block-cart-items__header,.wp-block-woocommerce-checkout-order-summary-block,.wp-block-woocommerce-cart-order-summary-block,.woocommerce-Tabs-panel--description,.is-large.wc-block-cart .wc-block-cart-items{
    border: 1px solid var(--wp--preset--color--border-color);
}
.wc-block-components-totals-wrapper:after{
    border-color:  var(--wp--preset--color--border-color);
    opacity: 1 !important;
}
.wc-block-cart__submit-container a{
    margin-top: 15px;
}
.wc-block-checkout__actions_row a{
    color: var(--wp--preset--color--primary);
}
.wc-block-checkout__actions_row a:hover{
    color: var(--wp--preset--color--heading);
}
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    margin-right: auto !important;
    margin-left: auto !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
    padding-right: 0 !important;
}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover {
    background: transparent;
}

/* scroll top */
p.scroll-top {
    position: absolute;
}
.scroll-top::before{
    font-size: 20px;
    cursor: pointer;
    background: var(--wp--preset--color--primary); 
    color: var(--wp--preset--color--white);
    font-family: "Font Awesome 7 Free";
    font-weight: 600;
    content: '\f135'; 
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    transform: rotate(-45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    z-index: 99;
}
.scroll-top:hover::before {
    background: var(--wp--preset--color--secondary) !important;
    color: var(--wp--preset--color--white);
}
/* --- Block Media Quries
-------------------------------------------------------- */
/* --- > Media Queries
-------------------------------------------------------- */
/* --- > 781px
-------------------------------------------------------- */
@media screen and (max-width:999px){
    .woocommerce-page.search .wp-block-woocommerce-product-template,
    .woocommerce-page .products-block-post-template,
    .wp-block-woocommerce-related-products .wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .woocommerce-page .wp-block-query-title{
        font-size: 30px !important;
    }
    .wc-block-components-totals-wrapper{
        padding: 16px 22px;
    }
    .wc-block-cart{
        padding: 0;
        border: none;
    }
    .wc-block-components-sidebar-layout.wc-block-cart{
        padding-top: 0;
    }
    .latest-news .wp-block-post-template,
    .post-grid-layout.wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .inner-cover-img h2,.without-cover-img h2{
        font-size: 30px !important;
    }
}
@media screen and (max-width:600px){
    .woocommerce-page.search .wp-block-woocommerce-product-template,
    .woocommerce-page .products-block-post-template,
    .wp-block-woocommerce-related-products .wp-block-post-template{
        grid-template-columns: 1fr !important;
    }
    .single-product .wp-block-woocommerce-product-meta .wp-block-group{
        display: block !important;
    }
    .woocommerce-page .wp-block-query-title{
        font-size: 25px !important;
    }
    .wp-block-woocommerce-cart:where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 90% !important;
    }
}
@media screen and (max-width: 999px) and (min-width: 782px){
    .page-template-blog-right-sidebar .wp-block-post-template,
    .page-template-blog-left-sidebar .wp-block-post-template,
    .search-results .wp-block-post-template{
        grid-template-columns: 1fr !important;
    }
    .sidebar-col,.post-col{
        flex-basis: 50% !important;
    }
    .page-sidebar-col{
        flex-basis: 40% !important;
    }
    .page-text-col{
        flex-basis: 60% !important;
    }
}
@media screen and (max-width:781px){
    .single.single-post .wp-block-column .wp-block-template-part{
        margin-top: 40px;
    }
    .post-title .wp-block-separator{
        width: 30px !important;
    }
    .post-title h4{
        font-size: 21px;
    }
    .archieve-meta time ,.archieve-meta .wp-block-post-author-name{
        font-size: 13px !important;
    }
    .blog-box .wp-block-cover{
        min-height: 250px !important;
    }
}
@media screen and (max-width: 1699px){
    .product-iner-box{
        padding-right: var(--wp--preset--spacing--50) !important;
        padding-left: var(--wp--preset--spacing--50) !important;
    }
    .product-iner-box h3{
        font-size: 18px !important;
    }
}
@media screen and (max-width: 1099px){
    .blog-sec-query .wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media screen and (max-width: 599px){
    .blog-sec-query .wp-block-post-template {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
}
@media screen and (max-width:360px){
    .main-header .top-header .header-phone, .main-header .top-header .header-mail, .main-header .top-header .header-text{
        font-size: 13px !important;
    }
}
@media screen and (max-width:767px){
    .woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products{
        grid-template-columns: 100%;
    }
    .post-grid-layout.wp-block-post-template,
    .page-template-blog-right-sidebar .wp-block-post-template,
    .page-template-blog-left-sidebar .wp-block-post-template,
    .latest-blogs,
    .search-results .wp-block-post-template{
        display: block !important;
    }
    .post-grid-layout.wp-block-post-template li,
    .page-template-blog-right-sidebar .wp-block-post-template li,
    .page-template-blog-left-sidebar .wp-block-post-template li,
    .latest-blogs li,
    .search-results .wp-block-post-template li{
        margin-bottom: 30px;
    }
    .post-grid-layout.wp-block-post-template li:last-child,
    .page-template-blog-right-sidebar .wp-block-post-template li:last-child,
    .page-template-blog-left-sidebar .wp-block-post-template li:last-child,
    .latest-blogs li:last-child,
    .search-results .wp-block-post-template li:last-child{
        margin-bottom: 0;
    }
    .inner-cover-img h2,.without-cover-img h2{
        font-size: 25px !important;
        text-align: center !important;
    }
    .error-heading{
        font-size: 110px !important;
    }
    footer.custom-footer-class .footer-widgets .footer-box-3{
        padding-right: 0 !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    footer.custom-footer-class .footer-widgets .footer-phone, footer.custom-footer-class .footer-widgets .footer-mail, footer.custom-footer-class .footer-widgets .footer-address{
        display: flex;
        justify-content: center;
    }
    footer.custom-footer-class .footer-widgets{
        text-align: center;
    }
    .home .main-header.wp-block-group{
        position: static !important;
        background-color: var(--wp--preset--color--secondary) !important;
    }
    .main-header .menu-header{
        box-shadow: unset !important;
        border-radius: 30px !important;
    }
    .main-header .menu-header nav{
        justify-content: center;
    }
    .main-header .top-header .top-right-1, .main-header .top-header .top-right-2, .main-header .top-header .top-right-3{
        display: flex;
        justify-content: center;
    }
    .main-header .top-header .header-phone, .main-header .top-header .header-mail, .main-header .top-header .header-text{
        text-align: center;
    }
    .banner-section .wp-block-cover{
        min-height: 500px !important;
    }
    .banner-section .banner-cont-outer-box{
        text-align: center;
    }
    .banner-section .banner-cont-outer-box .banner-btn{
        justify-content: center;
    }
    .banner-section .banner-cont-outer-box .banner-btn .wp-block-button{
        width: 100%;
        max-width: 260px;
    }
    .banner-section .banner-cont-outer-box .banner-btn .wp-block-button .wp-block-button__link{
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }
    .banner-section .banner-cont-outer-box .banner-title{
        font-size: 30px !important;
        line-height: 1.3 !important;
    }
    .banner-section .banner-cont-outer-box .banner-desc{
        font-size: 16px !important;
    }
    .logistics-solution-section .owl-nav, .testimonial-section .owl-nav, .latest-news .owl-nav{
        width: 116% !important;
    }
    .logistics-solution-section .owl-nav button, .testimonial-section .owl-nav button, .latest-news .owl-nav button{
        font-size: 22px !important;
    }
    .about-section .about-img-box-inner .abt-exp-box{
        top: auto !important;
        bottom: -45px;
        right: 50% !important;
        transform: translateX(50%) !important;
    }
    .about-section .about-text-box p{
        text-align: center;
        margin-left: 0 !important;
        margin-top: 45px !important;
        font-size: 16px !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .main-header .top-header .top-header-boxes{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 5px;
    }
    .main-header .menu-header {
        box-shadow: unset !important;
        border-radius: 30px !important;
    }
    .main-header .top-header .top-right-3{
        grid-column: span 2 / span 2;
    }
    .main-header .menu-header .menu-inner-boxes{
        flex-wrap: nowrap !important;
    }
    .main-header .menu-header .header-logo-box{
        flex-basis: 50% !important;
    }
    .main-header .menu-header .header-menu-box nav{
        justify-content: center;
    }
    .banner-section .banner-cont-outer-box .banner-title{
        font-size: 36px !important;
        line-height: 1.3 !important;
    }
    .banner-section .banner-content-box{
        flex-basis: 100% !important;
    }
    .logistics-solution-section .owl-nav, .testimonial-section .owl-nav, .latest-news .owl-nav{
        width: 114% !important;
    }
    .about-section .about-cols{
        flex-wrap: nowrap !important;
    }
    .about-section .about-text-box p{
        font-size: 16px !important;
        margin-left: 40px !important;
    }
    .faq-section .faq-section-cols{
        flex-wrap: nowrap !important;
        gap: 10px
    }
    footer.custom-footer-class .footer-widgets{
        display: grid;
        grid-template-columns: 50% 50%;
    }
    .woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products{
        grid-template-columns: 50% 50%;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .main-header .top-header .top-right-1{
        flex-basis: 18% !important;
    }
    .main-header .top-header .top-right-2{
        flex-basis: 37% !important;
    }
    .main-header .top-header .top-right-3{
        flex-basis: 49% !important;
    }
    .banner-section .banner-cont-outer-box .banner-title{
        font-size: 38px !important;
    }
    .logistics-solution-section .owl-nav, .testimonial-section .owl-nav, .latest-news .owl-nav{
        width: 114% !important;
    }
    .about-section .about-text-box p{
        font-size: 18px !important;
    }
    footer.custom-footer-class .footer-widgets .footer-box-3{
        padding-right: 10px !important;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
    .main-header .header-logo-box .wp-block-site-title{
        font-size: 20px !important;
    }
    .main-header .top-header .top-right-1{
        flex-basis: 15% !important;
    }
    .main-header .top-header .top-right-2{
        flex-basis: 30% !important;
    }
    .main-header .top-header .top-right-3{
        flex-basis: 55% !important;
    }
}
@media screen and (min-width: 1400px) and (max-width: 1699px){
    .main-header .top-header .top-right-1{
        flex-basis: 15% !important;
    }
    .main-header .top-header .top-right-2{
        flex-basis: 25% !important;
    }
    .main-header .top-header .top-right-3{
        flex-basis: 60% !important;
    }
}

/* Header Image */
.inner-cover-img{
    position: relative;
}
.inner-cover-img:after{
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #000000;
    opacity: 0.5;
}
.inner-cover-img .wp-block-cover__inner-container{
    z-index: 1;
}

/* Header */
.home .main-header{
    position: absolute;
    z-index: 2;
    width: 100%;
    background-color: #0000 !important;
}
.main-header .menu-header{
    box-shadow: 200px 0px 0px var(--wp--preset--color--background);
}
.main-header .top-header .header-phone, .main-header .top-header .header-mail, .main-header .top-header .header-text{
    position: relative;
}
.main-header .top-header .header-phone:after, .main-header .top-header .header-mail:after, .main-header .top-header .header-text:after{
    position: absolute;
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
}
.main-header .top-header .header-phone:after{
    content: '\f2a0';
}
.main-header .top-header .header-mail:after{
    content: '\f0e0';
}
.main-header .top-header .header-text:after{
    content: '\f0a1';
}

/* Phone & email column widths — auto-size to content so text never wraps */
.main-header .top-header .top-right-1 {
    flex-basis: auto !important;
    width: auto !important;
    white-space: nowrap;
}
.main-header .top-header .top-right-2 {
    flex-basis: auto !important;
    width: auto !important;
    white-space: nowrap;
}
.main-header .top-header .top-right-3 {
    flex: 1 1 0 !important;
    flex-basis: 0 !important;
}
.main-header .top-header .header-phone,
.main-header .top-header .header-mail {
    white-space: nowrap;
    padding-left: 26px !important;
    padding-right: 85px !important;
}

/* Banner */
.banner-section > .wp-block-cover{
    padding: 0;
}
.banner-section{
    position: relative;
}
.banner-section:after{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: var(--wp--preset--gradient--banner-overlay);
    left: 0;
    top: 0;
}
.banner-section .banner-cont-outer-box{
    position: relative;
    z-index: 1;
    margin-top: 10%;
}
.banner-section .banner-cont-outer-box .banner-btn a:hover{
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--base) !important;
}

/* Logistic Solution Section */
.logistics-solution-section .logistics-solution-inner-cont-box .logistics-solution-inner-img .wp-block-cover__inner-container{
    height: 200px;
    display: flex;
    align-items: flex-end;
}
.logistics-solution-section .logistics-solution-inner-cont-box .logistics-solution-inner-img .logistics-solution-btn{
    margin: 0 !important;
}
.logistics-solution-section .logistics-solution-inner-cont-box .logistics-solution-inner-img .logistics-solution-btn img{
    width: 25px !important;
}
.logistics-solution-section .logistics-solution-inner-cont-box:hover{
    border: 2px solid var(--wp--preset--color--primary) !important;
}
.logistics-solution-section .logistics-solution-inner-cont-box .logistics-solution-btn{
    display: block; /* Always visible — not hover-only */
}
.logistics-solution-section .logistics-solution-inner-cont-box:hover .logistics-solution-btn{
    display: block;
}
.logistics-solution-section .owl-nav, .testimonial-section .owl-nav, .latest-news .owl-nav{
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 110%;
    z-index: -1;
}
.logistics-solution-section .owl-nav button, .testimonial-section .owl-nav button, .latest-news .owl-nav button{
    background-color: #0000;
    color: var(--wp--preset--color--secondary);
    font-size: 30px;
    padding: 0;
}
.logistics-solution-section .owl-nav button:hover, .testimonial-section .owl-nav button:hover, .latest-news .owl-nav button:hover{
    color: var(--wp--preset--color--primary);
}
.logistics-solution-section .owl-nav button:focus, .testimonial-section .owl-nav button:focus, .latest-news .owl-nav button:focus{
    outline: none !important;
}
.logistics-solution-section .owl-dots{
    margin-top: 25px;
}
.logistics-solution-section .owl-dots, .testimonial-section .owl-dots, .latest-news .owl-dots{
    text-align: center;
}
.logistics-solution-section .owl-dots .owl-dot, .testimonial-section .owl-dots .owl-dot, .latest-news .owl-dots .owl-dot{
    padding: 6px;
    margin: 3px;
    background-color: var(--wp--preset--color--secondary);
    opacity: 0.5;
}
.logistics-solution-section .owl-dots .owl-dot.active, .testimonial-section .owl-dots .owl-dot.active, .latest-news .owl-dots .owl-dot.active{
    opacity: 0.8;
}
.logistics-solution-section .logistics-solution-inner-cont-box .wp-block-cover img{
    transition: transform 0.6s;
}
.logistics-solution-section .logistics-solution-inner-cont-box:hover .wp-block-cover img{
    transform: scale(1.2);
}
.logistics-solution-section .logistics-solution-cont-box .logistics-solution-inner-cont-box{
    min-height: 365px;
}
.about-section .about-cols .about-img-box-inner figure {
    position: relative;
    overflow: hidden;
}
.about-section .about-cols .about-img-box-inner figure::before {
    position: absolute;
    top: 0;
    left: 0%;
    right: 0;
    opacity: 0;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.about-section .about-cols .about-img-box-inner figure:hover::before {
    -webkit-animation: shine 1.5s;
    animation: shine 1.5s;
    opacity: 1;
}
@-webkit-keyframes shine {
    100% {
      left: 125%;
    }
}
@keyframes shine {
    100% {
      left: 125%;
    }
}

/*about section*/
.about-section, .faq-section{
    z-index: 1;
}
.about-section:after, .faq-section:after{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: var(--wp--preset--color--secondary);
    opacity: 0.8;
    z-index: -1;
}
.about-section .about-img-box-inner{
    position: relative;
}
.about-section .about-img-box-inner .abt-exp-box{
    position: absolute;
    top: 50%;
    right: -60px;
    transform: translateY(-50%);
}
.about-section .about-img-box-inner img{
    width: 100% !important;
    object-fit: cover;
}

/*faq*/
.faq-section .faq-section-cols details.faq-detail-block[open]{
    border: 2px solid var(--wp--preset--color--primary) !important;
}
.faq-section .faq-section-cols details.faq-detail-block[open] summary::marker{
    color: var(--wp--preset--color--primary);
}

/*testimonial*/
.testimonial-section .testimonial-static-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    margin-top: 20px !important;
}
.testimonial-section .testimonial-static-grid .testimonial-box {
    flex: 0 0 calc(25% - 15px) !important;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 12px;
    border: 2px solid transparent;
}
@media (max-width: 1199px) {
    .testimonial-section .testimonial-static-grid .testimonial-box {
        flex: 0 0 calc(50% - 10px) !important;
    }
}
@media (max-width: 767px) {
    /* Switch testimonial grid to block layout to fully bypass WordPress's
       is-layout-flex which keeps items in a row even with flex overrides */
    .testimonial-section .testimonial-static-grid,
    .testimonial-section .wp-block-group.testimonial-static-grid,
    .testimonial-section .testimonial-static-grid.is-layout-flex {
        display: block !important;
    }
    /* Each testimonial card: full width, block, with bottom gap */
    .testimonial-section .testimonial-static-grid > *,
    .testimonial-section .testimonial-static-grid > .testimonial-box,
    .testimonial-section .testimonial-static-grid > .wp-block-group {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        margin-bottom: 16px !important;
        box-sizing: border-box !important;
    }
    .testimonial-section .testimonial-static-grid > *:last-child {
        margin-bottom: 0 !important;
    }
    /* Prevent character-by-character text wrapping inside cards */
    .testimonial-section .testimonial-box * {
        word-break: normal !important;
        overflow-wrap: break-word !important;
        min-width: 0 !important;
    }
}
.testimonial-section .testimonial-box:hover .testimonail-main-img img{
    border: 2px solid var(--wp--preset--color--primary) !important;
}
.testimonial-section .testimonial-box:hover .testimonial-title{
    color: var(--wp--preset--color--primary);
}
.testimonial-section .testimonial-box:hover {
    border: 2px solid var(--wp--preset--color--primary) !important;
}

/*latest news*/
.latest-news .news-boxes li{
    padding: 12px 12px 55px;
    background-color: #ffffff;
    border-radius: 12px;
    border: 2px solid #0000;
}
.latest-news .news-boxes li .news-btn{
    float: right;
}
.latest-news .news-boxes li:hover, .latest-news .news-boxes li:hover .news-btn{
    border: 2px solid var(--wp--preset--color--primary) !important;
}
.latest-news .news-boxes li:hover .news-title, .latest-news .news-boxes li:hover .news-btn{
    color: var(--wp--preset--color--primary) !important;
}

/*footer*/
.footer-box-2 .wp-block-list{
    padding-left: 0 !important;
}
.footer-box-2 .wp-block-list li{
    list-style: none;
    margin-bottom: 15px;
}
.footer-box-2 .wp-block-list li::last-child{
    margin-bottom: 0;
}
.footer-box-2 .wp-block-list li a, 
footer .footer-widgets .footer-box-3 .footer-phone a, 
footer .footer-widgets .footer-box-3 .footer-mail a,
.main-header .top-header .header-phone a,
.main-header .top-header .header-mail a{
    text-decoration: none;
}
.footer-box-2 .wp-block-list li a:hover,
footer .wp-block-social-links a:hover,
.footer-box-2 .wp-block-list li a:focus,
footer .wp-block-social-links a:focus,
footer .footer-widgets .footer-box-3 .footer-phone a:hover, 
footer .footer-widgets .footer-box-3 .footer-mail a:hover,
.main-header .top-header .header-phone:hover, 
.main-header .top-header .header-mail:hover,
.main-header .top-header .header-phone:hover a, 
.main-header .top-header .header-mail:hover a{
    color: var(--wp--preset--color--primary) !important;
}
footer .footer-widgets .footer-box-3 .footer-phone, footer .footer-widgets .footer-box-3 .footer-mail, footer .footer-widgets .footer-box-3 .footer-address{
    position: relative;
}
footer .footer-widgets .footer-box-3 .footer-phone:after, footer .footer-widgets .footer-box-3 .footer-mail:after, footer .footer-widgets .footer-box-3 .footer-address:after{
    position: absolute;
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    left: 0;
    top: 0;
    font-size: 17px;
}
footer .footer-widgets .footer-box-3 .footer-phone:after{
    content: '\f095';
}
footer .footer-widgets .footer-box-3 .footer-mail:after{
    content: '\f0e0';
} 
footer .footer-widgets .footer-box-3 .footer-address:after{
    content: '\f3c5';
}
footer.custom-footer-class{
    margin-top: 0 !important;
}

.woocommerce-cart .wp-block-post-title{
    max-width: unset !important;
}

/* Sticky Header */
header.custom-home-header,
header.inner-pages-header {
    position: sticky !important;
    top: 0;
    z-index: 999;
}

.home .main-header {
    position: relative !important;
    background-color: var(--wp--preset--color--secondary) !important;
}

/* ──────────────────────────────────────────────────────────────────────
   Driver Home (/driver-home/, page-id 181) – tighten vertical spacing
   Reduces the large top/bottom padding around the main wrapper and the
   gaps between the individual content sections so blocks sit closer
   together. Scoped to the driver-home page only.
   ────────────────────────────────────────────────────────────────────── */
body.page-id-181 main#primary {
    padding-top: 20px !important;
    padding-bottom: 16px !important;
}
body.page-id-181 main#primary > .wp-block-group.alignwide > .wp-block-group.alignfull {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
body.page-id-181 main#primary .wp-block-buttons {
    margin-bottom: 24px !important;
}
body.page-id-181 main#primary .wp-block-group[style*="padding-top:72px"],
body.page-id-181 main#primary .wp-block-group[style*="padding-top: 72px"] {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
}
body.page-id-181 main#primary p.has-text-align-center[style*="margin-bottom:48px"],
body.page-id-181 main#primary p.has-text-align-center[style*="margin-bottom: 48px"],
body.page-id-181 main#primary p.has-text-align-center[style*="margin-bottom:52px"],
body.page-id-181 main#primary p.has-text-align-center[style*="margin-bottom: 52px"] {
    margin-bottom: 24px !important;
}

/* ──────────────────────────────────────────────────────────────────────
   Home page (/) – "What Our Partners Say" mobile fix
   Forces the testimonial cards to stack one-per-row on mobile so they
   match the way the "Admiral Merchants has built a model that works for
   you" section already stacks. Scoped to body.home only — every other
   page and the desktop view stay exactly the same.

   The rendered testimonial section actually uses wp:columns with the
   WordPress "is-not-stacked-on-mobile" class (which forcibly keeps the
   columns side-by-side on phones). We override both that markup AND the
   legacy .testimonial-static-grid markup for completeness.
   ────────────────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
    /* New markup: wp:columns with .is-not-stacked-on-mobile */
    body.home .testimonial-section .wp-block-columns,
    body.home .testimonial-section .wp-block-columns.is-not-stacked-on-mobile,
    body.home .testimonial-section .wp-block-columns.is-layout-flex,
    body.home .testimonial-section .wp-block-columns.is-not-stacked-on-mobile.is-layout-flex {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: wrap !important;
        gap: 16px !important;
        width: 100% !important;
    }
    body.home .testimonial-section .wp-block-columns > .wp-block-column,
    body.home .testimonial-section .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
        flex: 1 1 100% !important;
        flex-basis: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    /* Legacy markup: .testimonial-static-grid (kept for any page still using the pattern) */
    body.home .testimonial-section .testimonial-static-grid,
    body.home .testimonial-section .wp-block-group.testimonial-static-grid,
    body.home .testimonial-section .testimonial-static-grid.is-layout-flex,
    body.home .testimonial-section .wp-block-group.testimonial-static-grid.is-layout-flex {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: wrap !important;
        gap: 16px !important;
        width: 100% !important;
    }
    body.home .testimonial-section .testimonial-static-grid > *,
    body.home .testimonial-section .testimonial-static-grid > .testimonial-box,
    body.home .testimonial-section .testimonial-static-grid > .wp-block-group,
    body.home .testimonial-section .testimonial-static-grid > .wp-block-group.testimonial-box {
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        display: block !important;
    }

    /* Prevent character-by-character wrapping inside any testimonial card */
    body.home .testimonial-section .testimonial-box,
    body.home .testimonial-section .testimonial-box * {
        word-break: normal !important;
        overflow-wrap: break-word !important;
        min-width: 0 !important;
    }
}

/* ──────────────────────────────────────────────────────────────────────
   Agent Home (/agent-home/, page-id 188) – collapse the extra empty
   space between the Forms & Documents area and the footer. The visible
   gap comes from three stacked sources:
     1. main#primary's bottom padding (page.html template = 40px)
     2. The wp-block-group with id="forms-downloads"  -> padding-bottom 64px
     3. Whatever wp-block-group is the LAST child before the footer
   Each is tightened only on the agent-home page; every other page keeps
   its current spacing exactly as-is.
   ────────────────────────────────────────────────────────────────────── */
body.page-id-188 main#primary {
    padding-bottom: 0 !important;
}
body.page-id-188 main#primary #forms-downloads {
    padding-bottom: 16px !important;
}
body.page-id-188 main#primary > .wp-block-group:last-child,
body.page-id-188 main#primary > .wp-block-group.alignwide:last-child,
body.page-id-188 main#primary > .wp-block-group.alignfull:last-child,
body.page-id-188 main#primary .wp-block-group:last-child {
    padding-bottom: 16px !important;
    margin-bottom: 0 !important;
}
body.page-id-188 main#primary + footer,
body.page-id-188 footer.custom-footer-class {
    margin-top: 0 !important;
}

/* ──────────────────────────────────────────────────────────────────────
   Shipper Home (/shipper-home/, page-id 190) – collapse the extra empty
   space between the last content block and the footer. Mirrors the
   agent-home fix above: removes the bottom padding on <main>, zeroes the
   margin/padding on the last block in the content area, and removes any
   top margin on the footer. Scoped to body.page-id-190 only so every
   other page keeps its current spacing exactly as-is.
   ────────────────────────────────────────────────────────────────────── */
body.page-id-190 main#primary {
    padding-bottom: 0 !important;
}
body.page-id-190 main#primary > .wp-block-group:last-child,
body.page-id-190 main#primary > .wp-block-group.alignwide:last-child,
body.page-id-190 main#primary > .wp-block-group.alignfull:last-child,
body.page-id-190 main#primary .wp-block-group:last-child {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
body.page-id-190 main#primary + footer,
body.page-id-190 footer.custom-footer-class {
    margin-top: 0 !important;
}

/* ── Sitewide typography consistency ─────────────────────────────────────
   Standardises ALL page body text to the theme default:
   Poppins, 17 px (--wp--preset--font-size--body-text).

   What is preserved:
     • Heading sizes (h1–h6 hierarchy from theme.json)
     • Header contact paragraph sizes (header-phone, header-mail)
     • Navigation menu item sizes (wp-block-navigation-item)
     • Footer contact paragraph sizes (footer-phone, footer-mail, footer-address)
     • Button font sizes
     • Scroll-to-top button

   Colors are NOT changed anywhere in this section.
   ────────────────────────────────────────────────────────────────────── */

/* 1 ── Font family: Poppins on every text-bearing element */
body,
h1, h2, h3, h4, h5, h6,
.wp-site-blocks p,
.wp-site-blocks li,
.wp-site-blocks td,
.wp-site-blocks th,
.wp-site-blocks blockquote,
.wp-site-blocks figcaption {
    font-family: var(--wp--preset--font-family--poppins) !important;
}

/* 2 ── Paragraphs: standardise to 17 px
        Excludes header contact, footer contact, and scroll-to-top */
.wp-site-blocks p:not(.header-phone):not(.header-mail):not(.header-text):not(.footer-phone):not(.footer-mail):not(.footer-address):not(.scroll-top) {
    font-size: var(--wp--preset--font-size--body-text) !important;
}

/* 3 ── List items: 17 px — skip navigation menu items */
.wp-site-blocks li:not(.wp-block-navigation-item):not(.wp-block-navigation-submenu) {
    font-size: var(--wp--preset--font-size--body-text) !important;
}

/* 4 ── Table cells */
.wp-site-blocks td,
.wp-site-blocks th {
    font-size: var(--wp--preset--font-size--body-text) !important;
}

/* 5 ── Figcaptions and blockquote text */
.wp-site-blocks figcaption,
.wp-site-blocks blockquote p {
    font-size: var(--wp--preset--font-size--body-text) !important;
}

/* ── Site-wide font consistency: all body text uses Poppins, normal style ── */
/* The theme's primary font is Poppins (defined in theme.json).
   This rule ensures every text element across the site uses that same
   font-family and font-style, preventing any rogue inline or block-level
   overrides from causing visual inconsistency. Font sizes and weights are
   left intact so existing hierarchy is preserved. */

body,
body p,
body li,
body td,
body th,
body blockquote,
body figcaption,
body label,
body .wp-block-paragraph,
body .wp-block-list li,
body .wp-block-quote,
body .wp-block-details,
body .wp-block-details p,
body .wp-block-details summary,
body .wp-block-navigation .wp-block-navigation-item,
body .wp-block-navigation .wp-block-navigation-item a {
    font-family: "Poppins", sans-serif !important;
    font-style: normal !important;
}

/* ============================================================
   Hero: Admiral truck background — transparent logo watermark
   ============================================================ */

/* Gradient overlay: dark left for text, fades right so truck shows */
.banner-section::after {
    background: linear-gradient(
        90deg,
        rgba(12, 28, 64, 0.88) 0%,
        rgba(12, 28, 64, 0.65) 45%,
        rgba(12, 28, 64, 0.20) 75%,
        rgba(12, 28, 64, 0.04) 100%
    ) !important;
}

/* Hide any existing block content in the right column */
.banner-section .bnr-img-box > * {
    display: none !important;
}

/* Right column: centred flex container for the logo watermark */
.banner-section .bnr-img-box {
    position: relative !important;
    min-height: 180px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2;
}

/* Transparent Admiral logo watermark (right side) */
.banner-section .bnr-img-box::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 78%;
    max-width: 360px;
    aspect-ratio: 212 / 122;
    background-image: url('/wp-content/uploads/2026/05/admiralnew-1.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.18;
    pointer-events: none;
    z-index: 2;
}

/* Ensure cover image fills properly */
.banner-section .wp-block-cover__image-background {
    object-position: center center !important;
}

/* ---- Mobile (<=767px) ---- */
@media screen and (max-width: 767px) {
    .banner-section .bnr-img-box {
        display: none !important;
    }
    .banner-section .banner-content-box {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
    .banner-section::after {
        background: rgba(12, 28, 64, 0.72) !important;
    }
    .banner-section .wp-block-cover {
        min-height: 480px !important;
    }
}

/* ---- Tablet (768px - 991px) ---- */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .banner-section .bnr-img-box::after {
        width: 70%;
        max-width: 260px;
        opacity: 0.15;
    }
    .banner-section .wp-block-cover {
        min-height: 560px !important;
    }
}

/* ============================================================
   Hero: no background image — solid navy placeholder
   ============================================================ */
.banner-section .wp-block-cover__image-background {
    display: none !important;
    visibility: hidden !important;
}
.banner-section .wp-block-cover {
    background-color: #0c1c40 !important;
    background-image: none !important;
}
.banner-section::after {
    display: none !important;
    background: none !important;
}

/* Mobile: stack cards vertically */
@media screen and (max-width: 767px) {
    .drv-photo-testimonials-cols {
        flex-direction: column !important;
    }
    .drv-photo-card {
        margin-bottom: 16px;
    }
}
/* ============================================================
   Driver Photo Reviews Section (driver-home-1) — am-drv-photo-reviews
   ============================================================ */
.am-drv-photo-card {
    transition: box-shadow 0.2s ease;
}
.am-drv-photo-card:hover {
    box-shadow: 0 6px 24px rgba(0,81,137,0.12) !important;
}
.am-drv-tcard-photo {
    width:  110px !important;
    height: 110px !important;
    border-radius: 50% !important;
    border: 4px solid #F2C318 !important;
    object-fit: cover !important;
    object-position: top !important;
    display: block !important;
    margin: 0 auto !important;
}
@media screen and (max-width: 767px) {
    .am-drv-photo-reviews .wp-block-columns {
        flex-direction: column !important;
    }
    .am-drv-photo-reviews .wp-block-column {
        flex-basis: 100% !important;
        margin-bottom: 20px;
    }
}


/* ── Mobile: Equal width buttons in banner section ─────────────────────── */
@media (max-width: 767px) {
    .banner-btn.wp-block-buttons {
        flex-direction: column !important;
        align-items: center !important;
    }
    .banner-btn.wp-block-buttons .wp-block-button {
        width: 100% !important;
        max-width: 220px !important;
    }
    .banner-btn.wp-block-buttons .wp-block-button .wp-block-button__link {
        width: 100% !important;
        text-align: center !important;
        display: block !important;
        box-sizing: border-box !important;
    }
}

/* ── Mobile: Admiral Journey timeline fix ───────────────────────────────── */
@media (max-width: 767px) {
    /* Stack each timeline row vertically */
    .head-box ~ .is-nowrap.is-layout-flex {
        flex-direction: column !important;
        flex-wrap: wrap !important;
    }

    /* Year pill: full-width, auto height, centered */
    .head-box ~ .is-nowrap.is-layout-flex > .wp-block-group.has-background {
        width: 100% !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
        align-self: flex-start !important;
    }

    /* Content box: full-width, remove left padding offset */
    .head-box ~ .is-nowrap.is-layout-flex > .wp-block-group:not(.has-background) {
        width: 100% !important;
        flex: 1 1 auto !important;
        padding-left: 0 !important;
        margin-top: 12px !important;
    }
}

/* Hide Login button when user is logged in */
body.logged-in .inner-pages-header .wp-block-navigation .nav-login-btn, body.logged-in .wp-block-navigation .nav-login-btn, body.logged-in .nav-login-btn { visibility: hidden !important; pointer-events: none !important; }