/*===========================================================




    /* ============================================
    1.               Start Header CSS
    ===============================================*/
    
    html {
        scroll-behavior: smooth;
        overflow-x: hidden;
    }
    
    body {
        overflow-x: hidden;
    }
    
    .main_menu .navbar-default {
        background: transparent;
        border: none;
    }
    
    .header_bottom_area {
        background: #000000 none repeat scroll 0 0;
        min-height: 6rem;
        display: flex;
        align-items: center;
        position: fixed;
        top: 46px;
        left: 0;
        z-index: 1000;
        width: 100%;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }
    
    .header_top_menu {
        margin: 0 0;
    }
    
    .main_menu img {
        width: 80px;
        height: 80px;
        border-radius: 0px;
    }
    
    .main_menu img:hover {
        background-color: white;
        height: 84px;
    }
    
    .main_menu .navbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .main_menu .navbar-default .navbar-nav {
        width: 100%;
    }
    
    .main_menu .navbar-default .navbar-nav>li>a {
        color: white;
        font-family: "RobotoLight";
        padding: 24px 38px;
        text-transform: uppercase;
        display: block;
    }
    
    .main_menu .nav.navbar-nav li:hover>a {
        /* background: #126C99; */
        color: rgba(109, 105, 99, 0.788);
    }
    
    .main_menu .navbar-default .navbar-nav>li>a {
        color: white;
        font-family: "RobotoLight";
        padding: 8px 20px;
        text-transform: uppercase;
        display: flex;
        width: 8rem;
        justify-content: flex-end;
    }
    
    .main_menu .nav.navbar-nav li.dropdown>a {
        background: url("images/dropdown_bg.png") no-repeat scroll 90% center;
    }
    
    .main_menu .nav.navbar-nav li.dropdown:hover>a {
        background: #26779F url("images/dropdown_bg.png") no-repeat scroll 90% center;
    }
    
    .main_menu .navbar-nav>li>.dropdown-menu {
        top: 99%;
        min-width: 200px;
        background-color: #2B87B5;
        text-transform: uppercase;
    }
    
    .main_menu .navbar-nav>li>.dropdown-menu li:hover a {
        background-color: #e9eff2;
    }
    
    .main_menu .dropdown-menu>li>a {
        border-bottom: 1px solid #e4e4e4;
        font-family: "RobotoLight";
        padding: 10px 25px;
        color: #fff;
    }
    
    .main_menu .dropdown-menu>li:last-child>a {
        border-bottom: none;
    }
    
    .main_menu .navbar-default .navbar-nav>li:last-child {
        float: right;
    }
    
    .main_menu .navbar-default .navbar-nav>li:last-child>a {
        background: black;
        color: #fff;
        font-family: 'RobotoMedium';
    }
    
    .main_menu .navbar-default .navbar-nav>li.active:last-child>a {
        background-color: #0060b1;
        color: #fff;
    }
    
    .main_menu .navbar-default .navbar-nav>li:last-child>a:hover {
        /* background: #929fa5; */
        color: #516e879b;
    }
    
    .main_menu .navbar-default .navbar-nav>li>a:hover {
        /* background: #929fa5; */
    }
    
    .main_menu .navbar {
        margin: 0;
    }
    
    .main_menu .navbar-default .navbar-nav>li.active>a {
        color: #252b3f;
        background: #0F87C2;
    }
    
    .header-bottom-area {
        position: fixed;
        /* Make it fixed */
        top: 0;
        left: 0;
        width: 100%;
        background-color: #333;
        color: white;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 2rem;
        z-index: 1000;
        /* Ensure it's on top */
        width: 100%;
    }
    /* ============================================
                    End Header CSS
    ===============================================*/
    /* ============================================
    2.              Start Main Slider CSS
    ===============================================*/
    
    .translate {
        border: none;
        width: 100%;
        border-radius: 0;
        color: black;
        background: white;
        font-size: medium;
        position: fixed;
        top: 0px;
        left: 0;
        z-index: 1000;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }
    
    .translate:hover {
        color: #711a1a;
        background: #a48e8e;
    }
    
    .video-slide {
        position: relative;
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }
    
    .video-slide video {
        position: absolute;
        left: 50%;
        /* min-width: 100%; */
        /* min-height: 10%; */
        transform: translate(-50%, -50%);
        object-fit: cover;
        filter: brightness(50%);
        height: 200vh;
        min-width: 100%;
    }
    
    .video-slide .content {
        position: absolute;
        z-index: 2;
        text-align: center;
        color: #fff;
        top: 40%;
        width: 100%;
    }
    
    .video-slide .content::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
    }
    /* Enhanced Scroll Animation Styles */
    
    .animate-on-scroll {
        opacity: 0;
        transform: translate(-50%, calc(-50% + 60px));
        transition: all 1s ease-out;
    }
    
    .animate-on-scroll.fade-in {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
    /* Individual element animations for staggered effect */
    
    .animate-on-scroll h1 {
        opacity: 0;
        transform: translateY(40px);
        transition: all 0.8s ease-out;
        transition-delay: 0.2s;
    }
    
    .animate-on-scroll.fade-in h1 {
        opacity: 1;
        transform: translateY(0);
    }
    
    .animate-on-scroll p {
        opacity: 0;
        transform: translateY(40px);
        transition: all 0.8s ease-out;
        transition-delay: 0.4s;
    }
    
    .animate-on-scroll.fade-in p {
        opacity: 1;
        transform: translateY(0);
    }
    
    .animate-on-scroll button {
        opacity: 0;
        transform: translateY(40px);
        transition: all 0.8s ease-out;
        transition-delay: 0.6s;
    }
    
    .animate-on-scroll.fade-in button {
        opacity: 1;
        transform: translateY(0);
    }
    
    .video-slide .content h1 {
        font-size: 3rem;
        color: white;
        margin-bottom: 1rem;
    }
    
    .video-slide .content p {
        font-size: 2rem;
        color: #74878f;
        margin-bottom: 2rem;
    }
    
    .video-slide .content button {
        background-color: #f4f2f48c;
        width: 10rem;
        border: none;
        border-radius: 54px;
        height: 35px;
        transition: all 0.3s ease;
        color: white;
        font-size: small;
        font-weight: normal;
        cursor: pointer;
    }
    
    .video-slide .content button:hover {
        background-color: #7cc3ff4d;
        transform: scale(1.2);
        color: #bbababb2;
    }
    
    .background {
        background-image: url('images/bulk_carrier2.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-color: rgba(0, 0, 0, 0.7);
        background-blend-mode: darken;
        min-height: 100vh;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    @media (max-width: 768px) {
        .background {
            background-attachment: scroll !important;
            background-image: none;
            background-color: #19446b;
        }
    }
    
    @media (min-width: 769px) {
        .background {
            background-attachment: fixed;
        }
    }
    
    .CONTACT {
        background-image: url('images/from-our-blog-2.jpg');
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-color: rgba(0, 0, 0, 0.7);
        background-blend-mode: darken;
    }
    
    @media (max-width: 768px) {
        .CONTACT {
            background-attachment: scroll;
        }
    }
    
    @media(max-width:600px) {
        .video-slide .content h1 {
            font-size: 1.8rem;
        }
        .video-slide .content p {
            font-size: 1.4rem;
        }
    }
    /* ============================================
                    End Main Slider CSS
    ===============================================*/
    /* ============================================
    3.              Start Why Us CSS
    ===============================================*/
    
    .section:nth-child(odd) {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
    }
    
    .section:nth-child(even) {
        background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
        color: white;
    }
    
    .services-section {
        padding-top: 10rem;
        display: flex;
        align-items: center;
        min-height: 6vh;
        margin-top: -1px;
        position: relative;
        overflow: hidden;
        /* ensures fixed bg stays behind */
        background-attachment: scroll;
    }
    
    .services-section::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-image: url('images/your-bg.jpg');
        background-size: cover;
        background-position: center;
        z-index: -1;
        will-change: transform;
        /* triggers independent layering */
    }
    
    .animate-on-scroll {
        opacity: 0;
        transform: translateY(50px);
        transition: all 0.8s ease-out;
    }
    
    .animate-on-scroll.fade-in {
        opacity: 1;
        transform: translateY(0);
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    /* Alternative animation styles */
    
    .slide-left {
        transform: translateX(-100px);
    }
    
    .slide-left.fade-in {
        transform: translateX(0);
    }
    
    .servicea-section .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 60px 20px;
    }
    
    .section-header {
        text-align: center;
        margin-bottom: 40px;
    }
    
    .section-header h4 {
        font-size: 2rem;
        color: white;
        margin-bottom: 10px;
    }
    
    .section-header p {
        color: white;
        font-size: 1rem;
    }
    
    .services-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 30px;
        width: 100%;
    }
    
    .service-card {
        background-color: #ffffff;
        padding: 30px;
        border-radius: 12px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        text-align: center;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        cursor: auto;
        height: 19rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        transform: translateZ(0);
        will-change: transform;
        overflow: hidden;
        position: relative;
    }
    /* Remove animation effects on mobile */
    /* @media (max-width: 768px) {
                .animate-on-scroll {
                    animation: none !important;
                    opacity: 1 !important;
                    transform: none !important;
                }
                .service-card {
                    background-color: #ffffff !important;
                    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
                }
            } */
    
    .service-icon {
        font-size: 40px;
        color: #0a3d62;
        margin-bottom: 20px;
    }
    
    .service-card h5 {
        font-size: 1.2rem;
        font-weight: 600;
        margin-bottom: 15px;
    }
    
    .service-card p {
        font-size: 0.95rem;
        color: #555;
        line-height: 1.5;
    }
    /* ============================================
                End Why Us CSS
    ===============================================*/
    /* ============================================
    4.            start we are best
    ===============================================*/
    
    .our-products {
        padding: 80px 0px;
        background: var(--bg-light);
        text-align: center;
        min-height: 100vh;
        display: flex;
        align-items: center;
        margin-top: 6rem;
    }
    
    .section-header h2 {
        font-size: 2.8rem;
        color: white;
        margin-bottom: 10px;
        letter-spacing: 1px;
    }
    
    .section-header p {
        font-size: 1.1rem;
        color: white;
        margin-bottom: 50px;
    }
    
    .slide-right {
        transform: translateX(100px);
    }
    
    .slide-right.fade-in {
        transform: translateX(0);
    }
    
    .products-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
        gap: 26px;
        padding: 0 6px;
        justify-content: center;
        align-items: start;
        width: 100%;
    }
    
    .product-card {
        background-color: floralwhite;
        border: 1px solid var(--glass-border);
        border-radius: 20px;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
        padding: 30px 20px;
        transition: all 0.3s ease;
        text-align: center;
        cursor: auto;
        height: 16rem;
    }
    
    .product-card:hover {
        transform: translateY(-8px) scale(1.03);
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
        background: rgba(240, 255, 255, 0.97);
        backdrop-filter: auto;
    }
    
    .product-card img {
        width: 64px;
        height: 64px;
        object-fit: contain;
        margin-bottom: 18px;
        transition: transform 0.3s ease;
    }
    
    .product-card:hover img {
        transform: rotate(4deg) scale(1.05);
    }
    
    .product-card h3 {
        font-size: 1.25rem;
        margin: 10px 0 6px;
        color: var(--primary);
    }
    
    .product-card p {
        font-size: 0.95rem;
        color: var(--text-sub);
    }
    
    .product-card.center-icon {
        background: #d9f1fc;
        border: 2px solid #b5dff1;
        border-radius: 50%;
        width: 140px;
        height: 140px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        box-shadow: none;
        transition: none;
    }
    
    .product-card.center-icon h3 {
        font-size: 1.5rem;
        margin: 0;
        color: var(--primary);
    }
    
    .product-card.center-icon img {
        margin: 0;
        width: 50px;
        height: 50px;
    }
    
    .animate-on-scroll:nth-child(1) {
        transition-delay: 0.1s;
    }
    
    .animate-on-scroll:nth-child(2) {
        transition-delay: 0.2s;
    }
    
    .animate-on-scroll:nth-child(3) {
        transition-delay: 0.3s;
    }
    
    .animate-on-scroll:nth-child(4) {
        transition-delay: 0.4s;
    }
    
    @media (max-width: 768px) {
        .section-header h2 {
            font-size: 2rem;
        }
        .products-grid {
            gap: 30px;
        }
    }
    /* ============================================
                    End we are best
    ===============================================*/
    /* ============================================
    5.              Start Get Quote Area
    ===============================================*/
    /* Base styles for the section */
    
    .get_quote_area {
        position: relative;
        padding: 100px 0px;
        color: #fff;
        text-align: left;
        overflow: hidden;
    }
    
    .get_quote_area::before {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.4);
        backdrop-filter: blur(2px);
        z-index: 1;
    }
    /* Container and content */
    
    .get_quote_area .container {
        position: relative;
        z-index: 2;
    }
    
    .section_title h4 {
        font-size: 2.5rem;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 20px;
        font-weight: bold;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    }
    /* Form styling */
    
    .get_quote_area form {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
    
    .get_quote_area .form-group {
        flex: 1 1 calc(50% - 20px);
        position: relative;
    }
    
    .get_quote_area .form-group textarea {
        min-height: 150px;
    }
    
    .get_quote_area .input-group input,
    .get_quote_area .form-group textarea {
        width: 100%;
        padding: 15px 20px;
        border: none;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(8px);
        color: #fff;
        font-size: 1rem;
        transition: all 0.3s ease;
        box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2);
    }
    
    .get_quote_area .input-group input::placeholder,
    .get_quote_area .form-group textarea::placeholder {
        color: #ccc;
    }
    
    .get_quote_area .input-group input:focus,
    .get_quote_area .form-group textarea:focus {
        outline: none;
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0 0 8px rgba(255, 255, 255, 0.4);
    }
    
    .get_quote_area .form-group.submit {
        flex: 1 1 100%;
        text-align: left;
    }
    
    .get_quote_area .btn {
        background-color: #007bff;
        color: #fff;
        border: none;
        padding: 14px 30px;
        border-radius: 8px;
        cursor: pointer;
        font-size: 1rem;
        text-transform: uppercase;
        letter-spacing: 1px;
        transition: all 0.3s ease;
    }
    
    .get_quote_area .btn:hover {
        background-color: #0056b3;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    }
    /* Responsive tweaks */
    
    @media (max-width: 768px) {
        .get_quote_area .form-group {
            flex: 1 1 100%;
        }
        .section_title h4 {
            font-size: 2rem;
        }
    }
    /* ============================================
                End Get Quote Area
    ===============================================*/
    /* ============================================
    6.              Start Counter Area
    ===============================================*/
    
    .logistic-counter-section {
        padding: 4rem 0 14rem 0;
    }
    
    .scale-up {
        transform: scale(0.8);
    }
    
    .scale-up.fade-in {
        transform: scale(1);
    }
    
    .counter-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 2rem;
        text-align: center;
        width: 100%;
    }
    
    .counter-card {
        background: rgba(255, 255, 255, 0.6);
        backdrop-filter: blur(10px);
        border-radius: 1rem;
        padding: 2rem;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    .counter-card:hover {
        transform: none;
        box-shadow: 0 8px 40px rgba(0, 0, 0, 0.2);
    }
    
    .counter-card img {
        width: 60px;
        height: 60px;
        margin-bottom: 1rem;
    }
    
    .counter-card .counter {
        display: block;
        font-size: 2.5rem;
        font-weight: bold;
        color: #0288d1;
        margin-bottom: 0.5rem;
    }
    
    .counter-card h4 {
        font-size: 1.1rem;
        font-weight: 600;
    }
    /* ============================================
                End Counter Area
    ===============================================*/
    /* ============================================
    7.            Start Transport Features Area
    ===============================================*/
    
    .transport_features .section_title p {
        color: #fff;
    }
    
    .transport_features_area {
        overflow: hidden;
    }
    
    .transport_features_area .container .row {
        margin-right: -15px;
        margin-left: -15px;
        display: flex;
        justify-content: center;
    }
    
    body#home_two .transport_features_area {
        background: rgba(0, 0, 0, 0) url("images/transport-features-two.jpg") no-repeat scroll center center / cover;
        overflow: hidden;
    }
    
    .transport_features_area .panel-title span {
        background: #2f364f url("images/transport-features-open.png") no-repeat scroll center center;
        padding: 30px 8px;
        float: left;
        height: 50px;
        width: 50px;
    }
    
    .transport_features_area .panel-title a.collapsed span {
        background-image: url("images/transport-features-lock.png");
    }
    
    .transport_features {
        min-height: 664px;
        padding-bottom: 52px;
        padding-top: 80px;
    }
    
    .transport_features_area .panel-default>.panel-heading {
        padding: 0;
        background: none;
        border-radius: 0px;
    }
    
    .transport_features_area .panel-default .panel-body p {
        color: #999;
    }
    
    .transport_features_area .panel-default>.panel-heading .panel-title a {
        background: #252b3f none repeat scroll 0 0;
        border-bottom: 1px solid #dee8ec;
        color: #fff;
        display: block;
        line-height: 60px;
        text-indent: 20px;
        border-bottom: none;
    }
    
    .transport_features_area .panel-group .panel {
        border: medium none;
        border-radius: 0;
        box-shadow: none;
    }
    
    .transport_features_area .panel-group .panel-body,
    .transport_features_area .panel-collapse,
    .transport_features_area .panel-default>.panel-heading+.panel-collapse>.panel-body,
    .transport_features_area .panel-group .panel-heading+.panel-collapse>.panel-body,
    .transport_features_area .panel-group .panel-heading+.panel-collapse>.list-group {
        background-color: #1874c1;
        border: medium none;
        color: #fff;
    }
    
    .transport_features_area .panel-group .panel-heading+.panel-collapse>.panel-body {
        border-bottom: none;
    }
    /* ============================================
            End Transport Features Area
    ===============================================*/
    /* ============================================
    8.        Start Client Says Area
    ===============================================*/
    
    .all_testimonial_area {
        background: rgba(0, 0, 0, 0) url("images/client-says-bg.jpg") no-repeat scroll center center / cover;
    }
    
    body#home_two .all_testimonial_area {
        background: rgba(0, 0, 0, 0) url("images/client-says-bg-2.jpg") no-repeat scroll center center / cover;
    }
    
    .all_testimonial_area .section_title>p {
        color: #fff;
    }
    
    .all_testimonial_container {
        position: relative;
    }
    
    .testimonial_area .section_heading {
        margin-bottom: 60px;
    }
    
    .single_testi_slider {
        text-align: center;
    }
    
    .testi_studient_txt p {
        color: #fff;
        font-family: "RobotoLightItalic";
        font-size: 18px;
        font-style: italic;
        line-height: 32px;
        margin-bottom: 55px;
    }
    
    .testi_studient_txt h3 {
        color: #fff;
        font-family: "RobotoMedium";
        font-size: 20px;
        margin-bottom: 8px;
    }
    
    .testi_studient_txt span {
        color: #fff;
        display: block;
        font-family: "OxygenBold";
        font-size: 14px;
        margin-bottom: 15px;
    }
    
    .testi_slider_nav .testi_prev {
        position: absolute;
        left: 0;
        top: 80%;
        z-index: 9;
    }
    
    .testi_slider_nav .testi_next {
        position: absolute;
        right: 0;
        top: 80%;
        z-index: 9;
    }
    
    .testi_slider_nav .testi_prev,
    .testi_slider_nav .testi_next {
        line-height: 51px;
        width: 51px;
        text-align: center;
        color: #fff;
        font-size: 26px;
        cursor: pointer;
    }
    
    .all_testimonial_area .section_title {
        margin-bottom: 39px;
    }
    /* ============================================
                End Client Says Area
    ===============================================*/
    /* ============================================
    9.          Start From Our Blog Area
    ===============================================*/
    
    .single_blog_comment ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    .single_blog_comment li a {
        border: 1px solid #4690cd;
        border-radius: 5px;
        display: inline-block;
        line-height: 35px;
        margin-bottom: 13px;
        text-align: center;
        width: 35px;
    }
    
    .single_blog_comment li figure {
        margin: 0;
        position: relative;
    }
    
    .single_blog_comment li figure figcaption {
        background: #1874c1 none repeat scroll 0 0;
        border-radius: 5px;
        color: #fff;
        left: 2px;
        padding: 1px 20px;
        position: absolute;
        top: 2px;
        width: 158px;
        opacity: 0;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    
    .single_blog_comment li figure:hover figcaption {
        opacity: 1;
        left: -1px;
        top: -1px;
        z-index: 9;
    }
    
    .single_blog_comment figcaption img {
        margin-left: -15px;
    }
    
    .single_blog_comment figcaption span {
        margin-left: 20px;
    }
    
    .single_blog_info a {
        color: #222222;
        display: block;
        text-align: left;
        font-size: 16px;
    }
    
    .single_blog_info a:hover {
        color: #017cc0;
    }
    
    .single_blog_info>img {
        margin-bottom: 25px;
    }
    
    .single_blog_info>span {
        color: #959595;
        display: block;
        margin-top: 8px;
        text-align: left;
        font-size: 13px;
    }
    
    .single_blog_info span i {
        color: #999999;
        font-size: 15px;
        margin-right: 17px;
    }
    
    .single_blog_info>p {
        border-top: 1px solid #ecf0f1;
        color: #959595;
        margin-top: 20px;
        padding-top: 20px;
        text-align: left;
    }
    /* ============================================
                End From Our Blog Area
    ===============================================*/
    /* ============================================
    10.         Start We Are Best At Area
    ===============================================*/
    
    .weare_best_at_area {
        background: rgba(0, 0, 0, 0) url("images/we-are-best-1.jpg") no-repeat scroll center center;
        background-size: cover;
    }
    /* ============================================
                End We Are Best At Area
    ===============================================*/
    /* ============================================
    11.         Start Breadcrumd Area
    ===============================================*/
    
    .SERVICES {
        background-image: url('images/updated/IMG_1347.jpg');
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-color: rgba(0, 0, 0, 0.7);
        background-blend-mode: darken;
    }
    /* Disable fixed background on mobile */
    
    @media (max-width: 768px) {
        .SERVICES {
            background-attachment: scroll;
        }
    }
    
    #all_services {
        height: 100%;
        padding-top: 200px;
    }
    
    .quote-services {
        background-image: url(images/logo-removebg-preview.png);
        background-size: inherit;
        background-position: right;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-color: rgba(0, 0, 0, 0.4);
        backdrop-filter: blur(10px);
        background-blend-mode: darken;
    }
    
    .breadcrumb_main_area {
        background: url(images/breadcrumb-one.jpg) no-repeat center center / cover #000000;
        position: relative;
    }
    
    .breadcrumb_bg {
        background: rgba(51, 51, 51, 0.75) none repeat scroll 0 0;
        padding: 14px 0;
    }
    
    .breadcrumb_main_area .breadcrumb {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border-radius: 0;
        margin: 0;
        padding: 0;
    }
    
    .breadcrumb_bg h6 {
        color: #cfcfcf;
        font-family: 'Oxygen';
        font-size: 12px;
    }
    
    .breadcrumb_main_area .breadcrumb a {
        color: #fff;
        font-size: 12px;
        padding: 6px;
        text-transform: uppercase;
    }
    
    .breadcrumb_main_area .breadcrumb li:last-child a {
        padding-right: 0;
    }
    
    .breadcrumb_main_area .breadcrumb a:hover {
        color: #017cc0;
    }
    
    .breadcrumb_main h3 {
        color: #fff;
        font-family: "RobotoMedium";
        font-size: 36px;
        line-height: 30px;
        margin: 96px 0 32px;
    }
    /* ============================================
                End Breadcrumd Area
    ===============================================*/
    /* ============================================
    12.         start About Us Page Area
    ===============================================*/
    
    .ABOUT_US {
        /* background-image: url('images/bulk_carrier4.jpg'); */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-color: rgba(0, 0, 0, 0.7);
        /* Dark overlay */
        background-blend-mode: darken;
        /* Combines the overlay and image */
    }
    
    .about-section {
        padding: 90px 0px;
        backdrop-filter: blur(10px);
        background-color: rgba(255, 255, 255, 0.2);
        margin-top: 63px;
    }
    
    .container {
        max-width: 1200px;
        margin: 0 auto;
    }
    
    .intro {
        text-align: center;
        margin-bottom: 40px;
    }
    
    .intro h2 {
        font-size: 2.5rem;
        margin-bottom: 20px;
    }
    
    .intro p {
        font-size: 1.1rem;
        max-width: 800px;
        margin: 0 auto;
    }
    /* Cards */
    
    .cards {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
    }
    
    .card {
        background: rgba(255, 255, 255, 0.25);
        border-radius: 15px;
        padding: 30px;
        flex: 1 1 300px;
        max-width: 500px;
        backdrop-filter: blur(15px);
        box-shadow: 0 8px 32px rgba(31, 38, 135, 0.2);
        transition: transform 0.3s ease;
        height: 25rem;
        justify-content: center;
        display: flex;
        flex-direction: column;
    }
    
    .card h3 {
        margin-bottom: 15px;
        font-size: 1.5rem;
        text-align: center;
    }
    
    .card p {
        font-size: 1rem;
        text-align: center;
    }
    /* ============================================
            End About Us Page Area
    ===============================================*/
    /* ============================================
    13.       Start Blog Page Area
    ===============================================*/
    
    body#blog_page .breadcrumb_bg h6 {
        text-transform: none;
    }
    
    .single_blog_post {
        border: 1px solid #eeeeee;
    }
    
    .single_blog_post figure {
        position: relative;
        margin: 0;
    }
    
    .single_blog_post img {
        padding: 10px;
    }
    
    .single_blog_post figcaption {
        position: absolute;
        right: calc(0px + 17px);
        top: calc(0px + 17px);
    }
    
    .single_blog_post .blog_comment,
    .single_blog_post .comment_num {
        background: #fff none repeat scroll 0 0;
        padding: 10px;
    }
    
    .blog_comment i,
    .comment_num i {
        display: block;
        font-size: 20px;
        margin-bottom: 5px;
        color: #0072a5;
    }
    
    .single_blog_post span {
        color: #0072a5;
    }
    
    .single_blog_post h5 {
        margin-bottom: 22px;
        margin-top: 30px;
        padding-left: 30px;
        text-transform: none;
        color: #313131;
    }
    
    .single_blog_post ul {
        border-bottom: 1px solid #ecf0f1;
        border-top: 1px solid #ecf0f1;
        list-style: outside none none;
        margin: 0;
        padding: 6px 0 10px 30px;
    }
    
    .single_blog_post ul li {
        border-right: 1px solid #b9b8b8;
        display: inline-block;
        padding: 0 20px;
        color: #b9b8b8;
    }
    
    .single_blog_post ul li a {
        color: #b9b8b8;
    }
    
    .single_blog_post ul li a:hover {
        color: #017cc0;
    }
    
    .single_blog_post ul li span {
        color: #666666;
    }
    
    .single_blog_post ul li:last-child {
        border-right: none;
    }
    
    .single_blog_post ul li:first-child {
        padding-left: 0px;
    }
    
    .single_blog_post .blog_details>p {
        color: #999999;
        margin: 30px 0;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .single_blog_post .blog_details>a {
        display: block;
        text-align: right;
        padding: 0 30px 30px 0;
        color: #313131;
        font-size: 13px;
        font-family: 'RobotoMedium';
    }
    
    .single_blog_post .blog_details>a:hover {
        color: #017cc0;
    }
    
    .single_blog_post .blog_details i {
        margin-right: 7px;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    
    .single_blog_post .blog_details>a:hover i {
        margin-right: 3px;
    }
    
    .single_widget {
        margin-bottom: 55px;
        overflow: hidden;
    }
    
    .single_widget .search_wid {
        border: 20px solid #f8f8f8;
    }
    
    .single_widget .search_wid>form {
        border: 2px solid #d1d1d1;
    }
    
    .single_widget .search_wid input[type="text"] {
        border: 0 none;
        height: 29px;
        line-height: 29px;
        width: calc(100% - 33px);
        text-indent: 5px;
    }
    
    .single_widget .search_wid a {
        display: inline-block;
        margin-right: 10px;
    }
    
    .single_widget .search_wid img {
        padding-bottom: 5px;
    }
    
    .single_widget .category_wid>ul,
    .single_widget .recent_posts_wid ul,
    .single_widget .popular_tag_wid ul,
    .single_widget .flickr_stream_wid ul,
    .single_widget .archives_wid ul,
    .all_frequent_queries ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }
    
    .single_widget .section_title {
        margin-bottom: 0;
    }
    
    .single_widget .section_title h4 {
        margin-bottom: 30px;
        padding-bottom: 20px;
    }
    
    .single_widget h4 {
        color: #313131;
        font-size: 18px;
    }
    
    .single_widget .category_wid>ul>li>a {
        color: #999;
    }
    
    .single_widget .category_wid>ul>li>a:hover {
        color: #0072a5;
    }
    
    .single_widget .category_wid li {
        border-bottom: 1px solid #efefef;
        line-height: 65px;
        padding-left: 10px;
    }
    
    .single_widget .category_wid i {
        font-size: 15px;
        margin-right: 15px;
    }
    
    .single_widget .recent_posts_wid h6 a {
        text-transform: none;
        font-size: 12px;
        color: #999;
        font-family: 'Oxygen';
    }
    
    .single_widget .recent_posts_wid h6 a:hover {
        color: #0072a5;
    }
    
    .single_widget .recent_posts_wid p {
        color: #c7c7c7;
        font-size: 11px;
        line-height: 25px;
        margin-bottom: 0;
        margin-top: 0;
    }
    
    .single_widget .recent_posts_wid p i {
        margin-right: 10px;
    }
    
    .single_widget .recent_posts_wid li {
        border-bottom: 1px solid #efefef;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    
    .single_widget .recent_posts_wid li:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    
    .single_widget .popular_tag_wid ul li {
        float: left;
        margin-bottom: 14px;
        margin-right: 14px;
    }
    
    .single_widget .flickr_stream_wid ul li {
        float: left;
        margin-right: 14px;
        margin-bottom: 14px;
    }
    
    .single_widget .flickr_stream_wid ul li:nth-child(4),
    .single_widget .flickr_stream_wid ul li:nth-child(8) {
        margin-right: 0px
    }
    
    .single_widget .popular_tag_wid ul li a {
        border: 1px solid #dbdbdb;
        color: #777777;
        display: block;
        font-size: 13px;
        line-height: 32px;
        padding: 0 16px;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    
    .single_widget .popular_tag_wid ul li a:hover {
        color: #017cc0;
        border: 1px solid #017cc0;
    }
    
    .single_widget .archives_wid li {
        padding: 18px 0;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    
    .single_widget .archives_wid li a {
        display: block;
        color: #999999;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    
    .single_widget .archives_wid li a:hover {
        color: #017cc0;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    
    .single_widget .archives_wid span {
        border: 1px solid #d7d7d7;
        border-radius: 50%;
        display: inline-block;
        float: right;
        height: 30px;
        line-height: 26px;
        text-align: center;
        width: 30px;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    
    .single_widget .archives_wid li:hover span {
        border: 1px solid #017cc0;
        color: #017cc0;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    /* ============================================
                End Blog Page Area
    ===============================================*/
    /* ============================================
    14.         Start Footer CSS
    ===============================================*/
    
    .footer_area {
        border-top: 4px solid #dcdcdc;
    }
    
    .footer_top_area {
        background: url(images/footer-top.jpg) no-repeat center center /cover;
    }
    
    .single_footer_widgets ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    .single_footer_widgets ul li,
    .single_footer_widgets ul li a,
    .single_footer_widgets p,
    .widget_title,
    .single_footer_widgets span {
        color: #fff;
    }
    
    .single_footer_widgets ul li {
        color: #fff;
    }
    
    .single_footer_widgets ul li a {
        color: #fff;
    }
    
    .address_list i {
        display: inline-block;
        float: left;
        line-height: 49px;
        margin-right: 24px;
        width: 12%;
    }
    
    .address_list dl {
        width: 88%;
    }
    
    .single_footer_widgets h4 {
        margin-bottom: 22px;
    }
    
    .address_list dt,
    .address_list dd {
        font-family: "Oxygen";
        font-size: 14px;
        font-weight: 400;
        line-height: 25px;
    }
    
    .address_list>li {
        margin-bottom: 22px;
    }
    
    .single_footer_widgets p {
        font-size: 12px;
        color: #dcdcdc;
    }
    
    .single_footer_widgets input {
        background: #e6e6e6 none repeat scroll 0 0;
        display: block;
        font-size: 13px;
        height: 40px;
        line-height: 40px;
        margin-bottom: 15px;
        text-indent: 17px;
        width: 100%;
    }
    
    .single_footer_widgets span {
        color: #dcdcdc;
        margin-bottom: 31px;
        display: block;
    }
    
    .footer_social_icons>li {
        display: inline-block;
    }
    
    .footer_social_icons a {
        display: block;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    
    .footer_social_icons i {
        border: 1px solid #959595;
        border-radius: 50%;
        display: block;
        height: 32px;
        line-height: 30px;
        text-align: center;
        width: 32px;
        margin-right: 17px;
        font-size: 13px;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    
    .footer_social_icons a:hover i.fa-facebook {
        border: 1px solid #3b5998;
        color: #3b5998;
    }
    
    .footer_social_icons a:hover i.fa-google-plus {
        border: 1px solid #e51c23;
        color: #e51c23;
    }
    
    .footer_social_icons a:hover i.fa-twitter {
        border: 1px solid #55acee;
        color: #55acee;
    }
    
    .footer_social_icons a:hover i.fa-dribbble {
        border: 1px solid #EA4C89;
        color: #EA4C89;
    }
    
    .footer_social_icons a:hover i.fa-linkedin {
        border: 1px solid #007BB6;
        color: #007BB6;
    }
    
    .industry_support>li {
        border-bottom: 1px solid #2d2d2d;
        padding: 12px 0;
    }
    
    .industry_support>li:first-child {
        padding-top: 0;
    }
    
    .industry_support>li:last-child {
        border-bottom: none;
    }
    
    .single_footer_widgets .industry_support a {
        color: #dcdcdc;
        display: block;
        line-height: 13px;
    }
    
    .industry_support a:hover {
        color: #017cc0;
    }
    
    .single_footer_widgets .our_twitter a {
        color: #6dcff6;
    }
    
    .single_footer_widgets .our_twitter>li {
        border-bottom: 1px solid #2d2d2d;
        color: #dcdcdc;
        padding-bottom: 22px;
        padding-top: 22px;
    }
    
    .single_footer_widgets .our_twitter>li:first-child {
        padding-top: 0;
    }
    
    .single_footer_widgets .our_twitter>li:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }
    
    .our_twitter span {
        color: #959595;
        font-size: 12px;
        margin-top: 2px;
        margin-bottom: 0;
    }
    
    .single_footer_widgets .about_us>li {
        color: #dcdcdc;
        margin-bottom: 9px;
    }
    
    .single_footer_widgets .about_us a {
        color: #898989;
        font-size: 13px;
        font-family: 'RobotoMedium';
    }
    
    .about_us i {
        display: inline-block;
        margin-left: 12px;
        font-size: 16px;
    }
    
    .single_footer_widgets .about_us a:hover i {
        margin-left: 16px;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    
    .single_footer_widgets>img {
        display: block;
        margin: 70px auto 23px;
    }
    
    .footer_fixed_img>img {
        display: block;
        margin: 0 auto;
    }
    
    .footer_copyright>li {
        line-height: 25px;
        text-align: center;
    }
    
    .footer_bottom_area {
        background: #000;
        padding: 30px 0;
    }
    
    .footer_bottom_left ul,
    .footer_bottom_right ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    .footer_bottom_left ul li,
    .footer_bottom_right ul li {
        display: inline-block;
    }
    
    .footer_bottom_left ul li a,
    .footer_bottom_right ul li a {
        color: #fff;
        display: block;
        font-size: 13px;
        line-height: 16px;
        padding: 0 7px;
    }
    
    .footer_bottom_left ul li a:hover,
    .footer_bottom_right ul li a:hover {
        color: #017cc0;
    }
    
    .footer_bottom_left ul li a {
        border-right: 1px solid #fff;
    }
    
    .footer_bottom_left ul li:last-child a {
        border-right: none;
    }
    
    .footer_bottom_right ul li {
        border-right: 1px solid #fff;
    }
    
    .footer_bottom_right ul li:last-child {
        border-right: none;
    }
    
    .single_footer_widgets .industry_support {
        margin-bottom: 50px;
    }
    /* ============================================
                End Footer CSS
    ===============================================*/
    /* ============================================
    15.            Start Single Blog Page
    ===============================================*/
    
    .share-this {
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
        overflow: hidden;
        padding: 15px 30px;
    }
    
    .share-left {
        float: left;
    }
    
    .share-left span.share-title {
        color: #666666;
        font-size: 13px;
    }
    
    .share-left span.share-icon a {
        display: inline-block;
        margin-left: 10px;
    }
    
    .share-left span.share-icon a i {
        border: 1px solid #ddd;
        border-radius: 50%;
        color: #959595;
        height: 30px;
        padding-top: 8px;
        text-align: center;
        width: 30px;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    
    .share-left span.share-icon a i:hover {
        border-color: #017cc0;
        color: #017cc0
    }
    
    .share-right {
        float: right;
    }
    
    .share-right span {
        margin-left: 30px;
    }
    
    .share-right span i {
        color: #0072a5;
    }
    
    .share-right span a {
        color: #666666;
        font-size: 14px;
        margin-left: 5px;
    }
    
    span.special-text-b {
        background: #f8f8f8 none repeat scroll 0 0;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
        color: #616161;
        display: block;
        font-size: 18px;
        font-style: italic;
        line-height: 30px;
        margin: 30px;
        padding: 20px;
    }
    
    .super-user {
        background: #f8f8f8 none repeat scroll 0 0;
        margin-top: 60px;
        overflow: hidden;
        padding: 15px;
    }
    
    .s-user-img {
        float: left;
    }
    
    .s-user-img img {
        float: left;
        margin-right: 15px;
    }
    
    .s-user-name {
        border-bottom: 1px solid #ddd;
        margin-top: 12px;
        overflow: hidden;
        padding-bottom: 15px;
    }
    
    span.s-user-n {
        color: #313131;
        float: left;
        font-size: 18px;
        text-transform: uppercase;
    }
    
    span.s-user-icon {
        float: right;
    }
    
    span.s-user-icon a i {
        color: #d6d6d6;
        font-size: 16px;
        margin-left: 10px;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    
    span.s-user-icon a i:hover {
        color: #017cc0
    }
    
    .s-user-text p {
        color: #999999;
        font-size: 14px;
    }
    
    .user-comments {
        margin-top: 75px;
    }
    
    .user-comments h2 {
        color: #313131;
        font-size: 18px;
    }
    
    .single-comments {
        margin-top: 70px;
    }
    
    .comments-user {
        margin-top: -30px;
        overflow: hidden;
        position: absolute;
        width: 82%;
    }
    
    .comments-user span.comments-name {
        color: #313131;
        float: left;
        font-size: 15px;
        width: 50%;
    }
    
    .comments-user span.comments-date {
        color: #0072a5;
        font-size: 12px;
        padding-left: 15px;
    }
    
    .comments-user span.comments-reply {
        float: right;
        padding-right: 30px;
        text-align: right;
        width: 50%;
    }
    
    .comments-user span.comments-reply a {
        color: #0072a5;
        font-size: 13px;
    }
    
    .comments-user span.comments-reply a i {}
    
    .inner-comments {
        border: 1px solid #ddd;
        overflow: hidden;
    }
    
    .comments-img {
        float: left;
        margin-top: -45px;
        position: absolute;
        width: 12%;
        z-index: 9999;
    }
    
    .comments-text {
        float: right;
        overflow: hidden;
        padding-left: 20px;
        width: 88%;
    }
    
    .comments-text p {
        color: #999999;
    }
    
    .middle-comment {
        padding-left: 45px;
    }
    
    .middle-comment .comments-user {
        width: 78%;
    }
    
    .single-post-contact {
        margin-top: 75px;
    }
    
    .single-post-contact h2 {
        color: #313131;
        font-size: 18px;
        margin-bottom: 45px;
    }
    
    .single-post-contact input[type=text],
    .leave_message input[type=text] {
        border: 1px solid #ddd;
        height: 40px;
        margin-bottom: 40px;
        padding-left: 20px;
        width: 100%;
    }
    
    .single-post-contact textarea#message,
    .leave_message textarea#message {
        border: 1px solid #ddd;
        height: 160px;
        margin-bottom: 30px;
        padding-left: 20px;
        width: 100%;
        padding-top: 15px;
    }
    
    .single-post-contact input[type=submit] {
        background: #0072a5 none repeat scroll 0 0;
        border: medium none;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 20px;
        text-transform: uppercase;
    }
    
    body#single_blog_page .single_blog_post {
        border: none;
    }
    
    body#single_blog_page .single_blog_post figure {
        border: 1px solid #eeeeee;
    }
    /* ============================================
                End Single Blog Page
    ===============================================*/
    /* ============================================
    16.         Start Services Page
    ===============================================*/
    
    body#services_page .get_quote_area {
        background: rgba(0, 0, 0, 0) url("images/get-a-quote-services.jpg") no-repeat scroll 50% center / cover;
        color: #fff;
    }
    
    body#services_page .single_weoffer_best>dl {
        float: right;
        margin-bottom: 0;
        text-align: left;
        width: 73%;
    }
    
    body#services_page .single_weoffer_best>dl>dt {
        font-family: 'Raleway', sans-serif;
        font-weight: 600;
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 16px;
        color: #313131;
    }
    
    body#services_page .single_weoffer_best>dl>dd {
        color: #a6a3a3;
    }
    
    body#services_page .single_weoffer_best i {
        display: inline-block;
        line-height: 54px;
        margin-right: 20px;
        text-align: center;
        width: 21%;
    }
    
    .watch_video_area {
        background: rgba(0, 0, 0, 0) url("images/watch-video.jpg") no-repeat scroll 50% center / cover;
    }
    
    .watch_video_area h3 {
        color: #fff;
    }
    
    .industry_support_area .nav.nav-tabs {
        margin: 0 auto;
        text-align: center;
        border-bottom: none;
        margin-bottom: 40px;
    }
    
    .industry_support_area .nav.nav-tabs li {
        display: inline-block;
        float: none;
        margin-right: 24px;
    }
    
    .industry_support_area .nav.nav-tabs li a {
        border: 1px solid #017cc0;
        border-radius: 80px;
        color: #017cc0;
        font-family: "RobotoMedium";
        letter-spacing: 0.9px;
        line-height: 35px;
        padding: 6px 34px;
        text-transform: uppercase;
    }
    
    .industry_support_area .nav.nav-tabs li.active a {
        background: #0072a5;
        color: #fff;
    }
    
    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:hover,
    .nav-tabs>li.active>a:focus {
        cursor: pointer;
    }
    
    .industry_support_area .tab-content img {
        float: left;
        margin-right: 40px;
    }
    
    .industry_support_area .tab-content p {
        color: #777777;
        line-height: 28px;
    }
    
    .performance_area .single_perform {
        border: 1px solid #eaeaea;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    
    .performance_area .single_perform:hover {
        border: 1px solid #0072a5;
    }
    
    .performance_area .single_perform>img {
        margin-top: -32px;
    }
    
    .performance_area .single_perform>h5 {
        margin-bottom: 29px;
        margin-top: 26px;
    }
    
    .performance_area .single_perform>p {
        color: #999999;
        line-height: 24px;
        margin-bottom: 39px;
    }
    /* ============================================
                    End Services Page
    ===============================================*/
    /* ============================================
    17.             Start Faq Page Area
    ===============================================*/
    
    .all_frequent_queries a {
        color: #313131;
        display: block;
        font-family: "RobotoMedium";
        font-size: 16px;
        line-height: 60px;
    }
    
    .all_frequent_queries a:hover {
        color: #017cc0;
    }
    
    body#faq_main_page .section_title {
        margin-bottom: 30px;
    }
    
    .single_why_chose_truck>a {
        color: #999999;
        float: right;
        font-family: "Lato", sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 39px;
    }
    
    .single_why_chose_truck>p {
        color: #999;
        font-size: 15px;
        line-height: 30px;
    }
    
    .all_frequent_queries ul {
        margin-bottom: 75px;
    }
    
    .single_why_chose_truck>h4 {
        letter-spacing: 1px;
        margin-bottom: 23px;
        text-transform: none;
        line-height: 40px;
    }
    
    .single_why_chose_truck {}
    /* ============================================
                    End Faq Page Area
    ===============================================*/
    /* ============================================
    18.         Start Faq-Accordion Page Area
    ===============================================*/
    
    .all_frequent_accordion_queries .panel-title span {
        background: rgba(0, 0, 0, 0) url("images/faq-accordion-lock.png") no-repeat scroll center center;
        padding: 30px 8px;
        float: right
    }
    
    .all_frequent_accordion_queries .panel-title a.collapsed span {
        background-image: url("images/faq-accordion-lock-click.png");
    }
    
    .all_frequent_accordion_queries .panel-default>.panel-heading {
        padding: 0;
        background: none;
        border-radius: 0px;
    }
    
    .all_frequent_accordion_queries .panel-default .panel-body p {
        color: #999;
    }
    
    .all_frequent_accordion_queries .panel-default>.panel-heading .panel-title a {
        border-bottom: 1px solid #dee8ec;
        display: block;
        line-height: 60px;
    }
    
    .all_frequent_accordion_queries .panel-group .panel {
        border: medium none;
        border-radius: 0;
        box-shadow: none;
    }
    
    .all_frequent_accordion_queries .panel-group .panel-body,
    .all_frequent_accordion_queries .panel-collapse,
    .all_frequent_accordion_queries .panel-default>.panel-heading+.panel-collapse>.panel-body,
    .all_frequent_accordion_queries .panel-group .panel-heading+.panel-collapse>.panel-body,
    .all_frequent_accordion_queries .panel-group .panel-heading+.panel-collapse>.list-group {
        border: none;
    }
    
    .all_frequent_accordion_queries .panel-group .panel-heading+.panel-collapse>.panel-body {
        border-bottom: 1px solid #dee8ec;
    }
    /* ============================================
                End Faq-Accordion Page Area
    ===============================================*/
    /* ============================================
    19.         Start Contact Page Area
    ===============================================*/
    
    .CONTACT {
        background-image: url('images/from-our-blog-2.jpg');
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-color: rgba(0, 0, 0, 0.7);
        background-blend-mode: darken;
    }
    
    @media (max-width: 768px) {
        .CONTACT {
            background-attachment: scroll;
        }
    }
    
    .map-section {
        height: 75vh;
        /* Full screen */
        width: 100vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .map-container {
        width: 90%;
        height: 90%;
        max-width: 1200px;
        max-height: 800px;
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    }
    
    .map-container iframe {
        width: 100%;
        height: 100%;
        border: none;
    }
    
    @media (max-width: 768px) {
        .map-container {
            width: 95%;
            height: 70%;
        }
    }
    /* Address Contact Section */
    /* Address Contact Section */
    /* Address Contact Section */
    /* Address Contact Section */
    
    .our-address-contact {
        background: rgba(255 255 255 / 0.12);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        border-radius: var(--border-radius);
        padding: 3.5rem 3rem;
        box-shadow: var(--shadow-dark);
        color: var(--color-text-base);
        text-align: left;
        transition: box-shadow 0.4s ease, transform 0.4s ease, background-color 0.4s ease;
        cursor: default;
        user-select: none;
        border: 1px solid rgba(255 255 255 / 0.3);
        position: relative;
        overflow: hidden;
    }
    /* Subtle animated shine overlay */
    
    .our-address-contact::before {
        content: "";
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: linear-gradient(120deg, transparent 30%, var(--color-accent-glow) 50%, transparent 70%);
        opacity: 0.1;
        transform: rotate(25deg);
        animation: shine 8s linear infinite;
        pointer-events: none;
        border-radius: var(--border-radius);
        z-index: 0;
    }
    
    @keyframes shine {
        0% {
            transform: rotate(25deg) translateX(-100%);
        }
        100% {
            transform: rotate(25deg) translateX(100%);
        }
    }
    
    .our-address-contact:hover,
    .our-address-contact:focus-visible {
        box-shadow: 0 20px 48px var(--color-accent-glow);
        transform: scale(1.05);
        background-color: rgba(255 255 255 / 0.22);
        outline: none;
        z-index: 1;
    }
    /* Section Titles */
    
    .section-title h4 {
        font-size: 2.6rem;
        font-weight: 900;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-family: var(--font-primary);
        position: relative;
        padding-bottom: 0.8rem;
        margin-bottom: 2rem;
        color: var(--color-text-base);
        text-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);
        z-index: 2;
    }
    
    .section-title h4::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        width: 5rem;
        height: 5px;
        background: var(--color-accent);
        border-radius: 8px;
        box-shadow: 0 0 12px var(--color-accent);
        z-index: 2;
    }
    /* Keep In Touch paragraph */
    
    .keep-in-touch p {
        max-width: 42rem;
        color: var(--color-text-light);
        font-size: 1.1rem;
        line-height: 1.8;
        margin: 0 0 2.5rem 0;
        font-family: var(--font-secondary);
        letter-spacing: 0.4px;
        font-weight: 400;
        z-index: 2;
    }
    /* Contact Items */
    
    .quick-contact .contact-item {
        display: flex;
        align-items: center;
        gap: 1.5rem;
        margin-bottom: 2rem;
        z-index: 2;
        padding: 0.5rem 1rem;
        border-radius: var(--border-radius);
        background: rgba(255 255 255 / 0.08);
        box-shadow: var(--shadow-light);
        transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
        cursor: default;
    }
    
    .quick-contact .contact-item:hover,
    .quick-contact .contact-item:focus-visible {
        background-color: var(--color-hover-bg);
        box-shadow: 0 10px 24px var(--color-accent-glow);
        transform: translateX(6px) scale(1.04);
        outline: none;
    }
    
    .quick-contact dl {
        margin: 0;
        font-family: var(--font-secondary);
        flex: 1;
    }
    
    .quick-contact dt {
        font-weight: 700;
        color: var(--color-text-base);
        font-size: 1.2rem;
        letter-spacing: 1.3px;
        margin-bottom: 0.25rem;
    }
    
    .quick-contact dd {
        margin: 0;
        font-size: 1.05rem;
        color: var(--color-text-light);
    }
    /* Icons */
    
    .quick-contact img {
        width: 3.5rem;
        height: auto;
        filter: drop-shadow(0 2px 6px rgba(0, 114, 165, 0.3));
        transition: filter 0.4s ease, transform 0.3s ease;
        cursor: default;
        border-radius: 8px;
    }
    
    .quick-contact img:hover,
    .quick-contact img:focus-visible {
        filter: drop-shadow(0 0 15px var(--color-accent));
        transform: scale(1.12) rotate(5deg);
        outline: none;
    }
    /* Responsive */
    
    @media (max-width: 768px) {
        .our-address-contact {
            padding: 2.5rem 1.5rem;
        }
        .section-title h4 {
            font-size: 2rem;
        }
        .keep-in-touch p {
            max-width: 100%;
            font-size: 1rem;
        }
        .quick-contact .contact-item {
            flex-direction: column;
            align-items: flex-start;
            padding: 1rem;
        }
        .quick-contact img {
            margin-top: 0.5rem;
        }
    }
    
    @media (max-width: 480px) {
        .section-title h4 {
            font-size: 1.6rem;
        }
        .quick-contact dt {
            font-size: 1.1rem;
        }
        .quick-contact dd {
            font-size: 1rem;
        }
    }
    /* Submit button */
    
    .leave_message input[type="submit"] {
        background: #0072a5;
        border: none;
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        font-size: 16px;
        padding: 14px 60px;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        border-radius: 30px;
        cursor: pointer;
        transition: background-color 0.3s ease, box-shadow 0.3s ease;
    }
    
    .leave_message input[type="submit"]:hover {
        background-color: #005f7a;
        box-shadow: 0 6px 12px rgba(0, 114, 165, 0.4);
    }
    /* Section title spacing */
    
    .leave_message .section_title {
        margin-bottom: 80px;
        font-family: 'Oxygen', sans-serif;
        font-weight: 700;
        font-size: 2rem;
        color: #2c3e50;
        text-align: center;
    }
    /* Responsive adjustments */
    
    @media (max-width: 768px) {
        .leave_message input[type="submit"] {
            width: 100%;
            padding: 14px 0;
        }
    }
    /* ============================================
                End Contact Page Area
    ===============================================*/
    /* ============================================
    20.         Start 404 page Area
    ===============================================*/
    
    .error_mail {
        background: #f1f1f1 none repeat scroll 0 0;
        padding: 60px 0;
    }
    
    .error_section input[type="submit"] {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: #363636 none repeat scroll 0 0;
        border-color: -moz-use-text-color -moz-use-text-color #252525;
        border-image: none;
        border-style: none none solid;
        border-width: medium medium 3px;
        color: #fff;
        font-family: "RobotoMedium";
        font-size: 14px;
        letter-spacing: 1px;
        padding: 17px 34px;
        text-transform: uppercase;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    
    .error_section input[type="submit"]:hover {
        background: #222 none repeat scroll 0 0;
    }
    
    .error_mail input[type="text"] {
        border: 0 none;
        border-radius: 0;
        height: 53px;
        line-height: 29px;
        margin-right: -3px;
        text-indent: 30px;
        width: calc(100% - 163px);
    }
    
    .error_mail input[type="submit"] {
        background: #0072a5 none repeat scroll 0 0;
        border: 0 none;
        color: #fff;
        float: right;
        font-family: "RobotoMedium";
        font-size: 14px;
        font-weight: 600;
        line-height: 29px;
        padding: 12px 52px;
        text-transform: uppercase;
        letter-spacing: 1px;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    
    .error_mail input[type="submit"]:hover {
        background: #004d6f;
    }
    /* ============================================
                End 404 page Area
    ===============================================*/
    /* ============================================
    21.         Start On Parking Page Area
    ===============================================*/
    
    .ON_PARKING {
        background-image: url('images/from-our-blog-2.jpg');
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-color: rgba(0, 0, 0, 0.9);
        /* Dark overlay */
        background-blend-mode: darken;
        /* Combines the overlay and image */
    }
    
    .all_parking_trucks .nav.nav-tabs {
        border-bottom: none;
        margin: 0 auto 50px;
        text-align: center;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
    }
    
    .all_parking_trucks .nav.nav-tabs li {
        display: inline-block;
        margin-right: 30px;
        float: none;
        border-radius: 40px;
        overflow: hidden;
        box-shadow: 0 4px 10px var(--shadow-light);
        transition: box-shadow 0.3s ease;
    }
    
    .all_parking_trucks .nav.nav-tabs li a {
        color: var(--text-dark);
        padding: 12px 30px;
        display: inline-block;
        border-radius: 40px;
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 1.1px;
        transition: color 0.3s ease, background-color 0.3s ease;
    }
    
    .all_parking_trucks .nav.nav-tabs li:hover,
    .all_parking_trucks .nav.nav-tabs li.active {
        box-shadow: 0 8px 20px var(--primary-color);
    }
    
    .all_parking_trucks .nav.nav-tabs li.active a,
    .all_parking_trucks .nav.nav-tabs li:hover a {
        color: var(--text-light);
        background-color: var(--primary-color);
    }
    /* TAB CONTENT GRID */
    
    .all_parking_trucks_area {
        padding: 60px 0px 80px;
        background: #42536eb8;
        font-family: var(--font-family);
        color: var(--text-dark);
        height: 100%;
        padding-top: 12rem;
        padding-bottom: 15rem;
    }
    
    .all_parking_trucks_area h2 {
        color: white;
    }
    
    .all_parking_trucks_area h3 {
        color: white;
    }
    
    .all_parking_trucks_area2 {
        padding: 60px 0px 80px;
        background: #091423cc;
        font-family: var(--font-family);
        color: var(--text-dark);
        height: 100%;
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
    
    .all_parking_trucks_area2 h2 {
        color: white;
    }
    
    .all_parking_trucks_area2 h5 {
        color: white;
    }
    /* ===== NAVIGATION TABS ===== */
    
    .all_parking_trucks .nav-tabs {
        display: flex;
        justify-content: center;
        gap: 20px;
        padding: 0;
        margin-bottom: 50px;
        list-style: none;
    }
    
    .all_parking_trucks .nav-tabs li {
        margin: 0;
    }
    
    .all_parking_trucks .nav-tabs li button {
        background: rgba(10, 132, 255, 0.12);
        color: var(--primary-color-dark);
        font-weight: 600;
        font-size: 16px;
        border: none;
        border-radius: 40px;
        padding: 12px 30px;
        cursor: pointer;
        box-shadow: 0 6px 15px var(--shadow-light);
        transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease, transform 0.25s ease;
        position: relative;
        outline-offset: 4px;
    }
    
    .all_parking_trucks .nav-tabs li button::before {
        content: "";
        position: absolute;
        bottom: 6px;
        left: 50%;
        width: 0;
        height: 3px;
        background: var(--primary-color);
        border-radius: 3px;
        transition: width 0.3s ease, left 0.3s ease;
        transform: translateX(-50%);
    }
    
    .all_parking_trucks .nav-tabs li.active button,
    .all_parking_trucks .nav-tabs li button:hover,
    .all_parking_trucks .nav-tabs li button:focus-visible {
        background: var(--primary-color);
        color: var(--text-light);
        box-shadow: 0 10px 30px var(--primary-color-dark);
        transform: translateY(-3px);
    }
    
    .all_parking_trucks .nav-tabs li.active button::before {
        width: 70%;
        left: 50%;
    }
    
    .all_parking_trucks .nav-tabs li button:focus-visible {
        outline: 3px solid var(--primary-color-light);
        outline-offset: 3px;
    }
    /* ===== MOBILE NAVIGATION - vertical stack, no overflow ===== */
    
    @media (max-width: 768px) {
        .all_parking_trucks .nav-tabs {
            flex-direction: column;
            gap: 16px;
            padding: 0 20px;
            margin-bottom: 40px;
            max-width: 360px;
            margin-left: auto;
            margin-right: auto;
        }
        .all_parking_trucks .nav-tabs li button {
            width: 100%;
            padding: 14px 0;
            font-size: 16px;
            box-shadow: none;
            border-radius: 40px;
            background: rgba(10, 132, 255, 0.1);
            color: var(--primary-color-dark);
            transform: none;
            text-align: center;
        }
        .all_parking_trucks .nav-tabs li.active button,
        .all_parking_trucks .nav-tabs li button:hover,
        .all_parking_trucks .nav-tabs li button:focus-visible {
            background: var(--primary-color);
            color: var(--text-light);
            box-shadow: 0 8px 20px var(--primary-color-dark);
        }
        .all_parking_trucks .nav-tabs li button::before {
            display: none;
        }
    }
    /* ===== TAB CONTENT GRID ===== */
    
    .all_parking_trucks .tab-content {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 28px;
        padding: 0 15px;
    }
    /* ===== SINGLE TRUCK CARD ===== */
    
    .all_parking_trucks .single_truck {
        position: relative;
        border-radius: 24px;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.15);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        cursor: pointer;
        transition: transform 0.4s ease, box-shadow 0.4s ease;
    }
    
    .all_parking_trucks .single_truck:hover {
        transform: translateY(-12px);
        box-shadow: 0 20px 50px var(--primary-color-dark);
    }
    /* ===== IMAGE FIGURE ===== */
    
    .all_parking_trucks .header {
        display: flex;
        justify-content: center;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    
    .all_parking_trucks figure {
        margin: 0;
        position: relative;
        overflow: hidden;
        border-radius: 24px 24px 0 0;
        height: 180px;
    }
    
    .all_parking_trucks figure img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 0.6s ease;
    }
    
    .all_parking_trucks .single_truck:hover figure img {
        transform: scale(1.12);
    }
    /* ===== CAPTION OVERLAY ===== */
    
    .single_truck .truck_photo_caption {
        position: absolute;
        inset: 0;
        background: var(--overlay-bg);
        opacity: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: var(--text-light);
        text-align: center;
        padding: 25px;
        border-radius: 24px 24px 0 0;
        transition: opacity 0.4s ease;
        pointer-events: none;
        user-select: none;
    }
    
    .single_truck:hover .truck_photo_caption {
        opacity: 1;
        pointer-events: auto;
        user-select: auto;
    }
    /* ===== LIGHTBOX ICON ===== */
    
    .single_truck .truck_photo_caption a.lightbox {
        font-size: 44px;
        color: var(--text-light);
        margin-bottom: 18px;
        transition: transform 0.35s ease, background-color 0.35s ease, box-shadow 0.35s ease;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 64px;
        height: 64px;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 50%;
        box-shadow: 0 0 12px rgba(255, 255, 255, 0.4);
    }
    
    .single_truck:hover .truck_photo_caption a.lightbox:hover {
        transform: scale(1.3);
        background: var(--text-light);
        color: var(--primary-color);
        box-shadow: 0 0 20px var(--primary-color);
    }
    /* ===== CAPTION TEXT LABEL ===== */
    
    .single_truck .truck_photo_caption span {
        font-weight: 700;
        font-size: 18px;
        text-transform: uppercase;
        letter-spacing: 2.2px;
        background-color: var(--primary-color);
        padding: 14px 0;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        border-radius: 0 0 24px 24px;
        box-shadow: 0 4px 12px rgba(10, 132, 255, 0.3);
        color: white;
    }
    /* ===== PAGINATION (if needed) ===== */
    
    .pagination_number nav ul {
        display: flex;
        justify-content: center;
        gap: 16px;
        padding: 0;
        margin: 50px 0 0;
        list-style: none;
        font-family: var(--font-family);
    }
    
    .pagination_number nav ul li a {
        display: inline-block;
        padding: 12px 26px;
        border-radius: 50px;
        background-color: rgba(10, 132, 255, 0.1);
        color: var(--primary-color-dark);
        font-weight: 600;
        font-size: 15px;
        box-shadow: 0 5px 12px var(--shadow-light);
        transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
        cursor: pointer;
    }
    
    .truck-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 30px;
        width: 100%;
    }
    
    .product-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
        gap: 26px;
        padding: 0 6px;
        justify-content: center;
        align-items: start;
        width: 100%;
    }
    
    .pagination_number nav ul li a:hover {
        background-color: var(--primary-color);
        color: var(--text-light);
        box-shadow: 0 10px 28px var(--primary-color-dark);
    }
    
    .pagination_number nav ul li.active a {
        background-color: var(--primary-color);
        color: var(--text-light);
        box-shadow: 0 12px 32px var(--primary-color-dark);
        cursor: default;
    }
    /* ===== RESPONSIVE ADJUSTMENTS ===== */
    
    @media (max-width: 1024px) {
        .all_parking_trucks .tab-content {
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
        }
    }
    
    @media (max-width: 768px) {
        .all_parking_trucks .tab-content {
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 20px;
        }
    }
    
    @media (max-width: 480px) {
        .all_parking_trucks .tab-content {
            grid-template-columns: 1fr;
            gap: 18px;
            padding: 0 10px;
        }
    }
    /* ============================================
                End On Parking Page Area
    ===============================================*/
    /* ============================================
    22.         Start 2nd Home page Area
    ===============================================*/
    
    .main_two_slider_area {
        background: rgba(0, 0, 0, 0) url("images/main-slider-four.jpg") no-repeat scroll center center / cover;
        min-height: 800px;
    }
    
    .main_two_slider_area h1,
    .main_two_slider_area p {
        color: #fff;
    }
    
    .main_two_slider_area h1 {
        font-weight: 400;
        text-transform: none;
        font-size: 45px;
        line-height: 55px
    }
    
    .main_two_slider_area p {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 29px;
        text-transform: none;
    }
    
    .why_choose_home_two .section_title h4 {
        font-family: Roboto Medium;
        font-size: 24px;
        color: #333333;
        line-height: 30px;
    }
    
    .why_choose_home_two h4 {
        font-family: Oxygen;
        font-size: 14px;
        color: #959595;
    }
    
    .single_whyhome_two_img:hover figure figcaption {
        left: 1%;
        bottom: 1%;
    }
    
    .single_whyhome_two_img figure {
        position: relative;
        overflow: hidden;
    }
    
    .single_whyhome_two_img figcaption {
        background-color: #017cc0;
        border-radius: 50%;
        bottom: -6%;
        left: -3%;
        padding: 20px;
        position: absolute;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    
    .single_blog_info h6 {
        font-size: 17px;
        color: #313131;
    }
    
    .single_blog_info p {
        font-family: Oxygen;
        font-size: 14px;
        color: #777777;
        line-height: 26px
    }
    
    body#home_two .logistic_counter_area {
        background: rgba(0, 0, 0, 0) url("images/counter-bg-home-two.jpg") no-repeat scroll center center / cover;
    }
    
    body#home_two .single-counter span {
        color: #0a8fc7;
    }
    
    body#home_two .single-counter>h4 {
        color: #fff;
    }
    
    body#home_two .single-counter {
        padding: 0;
    }
    
    body#home_two .logistic_counter_area .section_title {
        margin-bottom: 70px;
    }
    
    body#home_two .logistic_counter_area .section_title p {
        color: #fcfcfc;
    }
    
    body#home_two .transport_features .section-content ul {
        list-style: outside none none;
        margin: 0 0 51px;
        padding: 0;
    }
    
    body#home_two .transport_features .section-content ul li {
        color: #fff;
        line-height: 42px;
    }
    
    body#home_two .transport_features .section-content ul li img {
        margin-right: 23px;
    }
    
    body#home_two .transport_features .section-content a.btn {
        font-size: 15px;
        color: #252b3f;
        background: #fff;
        border-radius: 0px;
        border-bottom: 2px solid #eeeaea;
    }
    
    body#home_two .owl-carousel .owl-item img {
        width: auto;
    }
    
    .client_home_two_txt {
        background: #fff none repeat scroll 0 0;
        margin: 0 auto;
        width: 84%;
    }
    
    .client_home_two_txt>img {
        float: left;
        margin-right: 35px;
    }
    
    .client_home_two_txt h3 {
        color: #017cc0;
        font-family: "Oxygen";
        font-size: 14px;
        padding: 15px 0;
    }
    
    .client_home_two_txt p {
        color: #999;
        padding-bottom: 21px;
        line-height: 28px;
        margin: 0;
    }
    
    body#home_two .testi_prev,
    body#home_two .testi_next {
        color: #36383f;
        font-size: 40px;
        top: 62%;
    }
    
    .blog_feed_home>ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }
    
    .blog_feed_home li {
        border-right: 1px solid #b0b0b0;
        color: #999999;
        display: inline-block;
        font-size: 13px;
        margin-right: 20px;
        padding-right: 20px;
    }
    
    .blog_feed_home li:last-child {
        border-right: none;
    }
    
    .blog_feed_home li img {
        padding: 0 15px;
    }
    
    .blog_feed_home {
        padding: 10px;
        border: 1px solid #eeeeee;
    }
    
    .blog_feed_home h6 {
        margin: 26px 0 7px;
    }
    
    .blog_feed_home h6 a {
        font-size: 17px;
    }
    
    .blog_feed_home>p {
        color: #777777;
        line-height: 28px;
    }
    
    .header-contact {
        background: #fff none repeat scroll 0 0;
        overflow: hidden;
        padding: 30px;
    }
    
    h2.header-contact-title {
        background: #0072a5 none repeat scroll 0 0;
        color: #fff;
        font-size: 24px;
        font-weight: 500;
        padding: 17px 0;
        text-align: center;
        text-transform: capitalize;
        width: 100%;
    }
    
    .header-form-left {
        float: left;
        padding-right: 15px;
        width: 50%;
    }
    
    .header-form-right {
        float: right;
        width: 50%;
        padding-left: 15px;
    }
    
    .header-contact p {
        color: #313131;
        font-size: 14px;
        margin-bottom: 5px;
    }
    
    .form-h-name {
        margin-bottom: 20px;
    }
    
    .form-h-name>input {
        border: 1px solid #ddd;
        height: 40px;
        padding-left: 10px;
        width: 100%;
    }
    
    .form-h-select select {
        border: 1px solid #ddd;
        height: 40px;
        padding-left: 10px;
        width: 100%;
    }
    
    .text-area-h {
        margin-bottom: 20px;
    }
    
    .text-area-h textarea#message-h {
        border: 1px solid #ddd;
        height: 83px;
        padding-left: 10px;
        padding-top: 10px;
        width: 100%;
    }
    
    .text-area-h input[type=submit] {
        background: #0072a5 none repeat scroll 0 0;
        border: medium none;
        color: #fff;
        font-weight: 700;
        height: 40px;
        letter-spacing: 1px;
        margin-top: 30px;
        text-transform: uppercase;
        width: 100%;
    }
    
    .header-form-top {
        margin-top: 145px;
    }
    
    .about_transport .btn.btn-see:hover {
        color: #fff;
    }
    
    .about_transport .btn.btn-see {
        border-radius: 0;
        background-color: #0072a5;
        margin-right: 10px;
    }
    
    .about_transport .btn.btn-see.btn-white {
        background-color: #fff;
        color: #0072a5;
    }
    
    .single_whyhome_two_img>p {
        color: #777;
    }
    
    .single_whyhome_two_img h5 {
        margin: 26px 0 16px;
    }
    /* ============================================
                End 2nd Home page Area
    ===============================================*/
    /* --------------------------------------------------------
    23.           start contact us page CSS
    -----------------------------------------------------------*/
    
    .send_mail .section_title h4,
    .contact_info .section_title h4 {
        color: #515151;
        font-size: 18px;
    }
    
    .send_mail input,
    .send_mail textarea {
        border: 1px solid #e0e1e5;
        color: #666666;
        display: inline;
        font-size: 14px;
        line-height: 20px;
        padding: 20px;
        margin-bottom: 30px;
        outline: none;
        width: 100%;
        text-transform: uppercase;
    }
    
    .send_mail a.btn {
        text-transform: none;
    }
    
    .contact_info>ul>li {
        line-height: 25px;
        margin-bottom: 29px;
        font-size: 16px;
    }
    
    .contact_info>ul>li>i {
        float: left;
        font-size: 20px;
        margin-right: 15px;
        min-height: 40px;
        padding-top: 3px;
    }
    
    body#contact_us_page .contact_info .social_icons>ul>li>a,
    .contact_info>ul>li {
        color: #999999;
    }
    
    body#contact_us_page .contact_info .social_icons>ul>li>a {
        font-size: 20px;
        padding-right: 30px;
    }
    
    body#contact_us_page .contact_info .social_icons>ul>li>a:hover {
        color: #313a45;
    }
    
    .submit_btn {
        margin-top: 16px;
    }
    
    .thank_box {
        background: none repeat scroll 0 0 #eee;
        border-bottom: 5px solid #1774c1;
        font-size: 20px;
        height: 271px;
        margin: 100px auto 0;
        padding-top: 90px;
        text-align: center;
        width: 55%;
    }
    
    .thank_box a {
        background: #1774c1 none repeat scroll 0 0;
        border: 2px solid #fff;
        color: #fff;
        display: block;
        font-size: 13px;
        margin: 25px auto 0;
        padding: 15px 30px;
        text-decoration: none;
        text-transform: uppercase;
        width: 250px;
    }
    
    .thank_box a:hover {
        background: none repeat scroll 0 0 #fff;
        color: #1774c1;
        border: 2px solid #1774c1;
        text-decoration: none;
    }
    
    .thank_box i {
        font-size: 12px;
        margin-right: 5px;
    }
    
    .send_mail .btn {
        text-transform: none;
    }
    /* --------------------------------------------------------
                    End contact us page CSS
    -----------------------------------------------------------*/
    /* --------------------------------------------------------
    24.                Start Responsive CSS
    -----------------------------------------------------------*/
    /* ============================================
            Start Medium Layout: 1280px
    ===============================================*/
    
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .container {
            width: 970px;
        }
        .header_we_are>dl {
            width: 67%;
        }
        .main_menu .navbar-default .navbar-nav>li>a {
            padding: 24px 18px;
        }
        .header_we_are dd,
        .header_we_are dd a {
            font-size: 12px;
        }
        .transport_features_area .panel-default>.panel-heading .panel-title a {
            font-size: 14px;
        }
        .transport_features {
            min-height: 850px;
        }
        .single_footer_widgets h4 {
            font-size: 22px;
        }
        .footer_social_icons i {
            margin-right: 7px;
        }
        .address_list dt,
        .address_list dd {
            font-size: 11px;
        }
        .single_who figure p {
            padding: 10px 30px 10px;
        }
        .single_on_parking figcaption {
            margin: 0 16px;
            padding: 0 10px;
        }
        .single_on_parking figcaption p {
            margin-left: 14px;
        }
        .keep_quick i,
        .keep_contact i {
            margin-right: 10px;
        }
        body#services_page .single_weoffer_best i {
            margin-right: 10px;
            width: 22%;
        }
        body#services_page .single_weoffer_best>dl>dt {
            font-size: 16px;
        }
        body#services_page .get_quote_area {
            background-position: 61.5% center;
        }
        .industry_support_area .tab-content p {
            line-height: 25px;
        }
        .single_blog_post ul li {
            padding: 0 10px;
        }
        .blog_feed_home li {
            margin-right: 15px;
            padding-right: 15px;
        }
        .blog_feed_home h6 a {
            font-size: 15px;
        }
        body#home_two .transport_features .section-content ul li {
            font-size: 13px;
        }
        body#home_two .transport_features .section-content ul li img {
            margin-right: 3px;
        }
    }
    /* ============================================
            End Medium Layout: 1280px
    ===============================================*/
    /* ============================================
            Start Tablet Layout: 768px
    ===============================================*/
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .container {
            width: 750px;
        }
        .header_we_are i {
            width: 22%;
        }
        .main_menu .navbar-default .navbar-nav>li>a {
            padding: 24px 21px;
        }
        .main_menu .dropdown-menu>li>a {
            font-size: 12px;
        }
        .transport_features_area .panel-default>.panel-heading .panel-title a {
            text-indent: 3px;
            font-size: 10px;
        }
        .single_footer_widgets {
            margin-bottom: 30px;
        }
        .single_who figure p {
            padding: 0 11px 5px;
        }
        .transport_features {
            min-height: 850px;
        }
        .get_quote_area {
            background: #000;
        }
        /*start about-us on parking*/
        .single_on_parking {
            margin-bottom: 50px;
        }
        .single_on_parking figcaption {
            margin: 0 52px;
            padding: 0 29px;
            width: 70%;
        }
        /*End about-us on parking*/
        .our_branches ul li i {
            margin-right: 1px;
        }
        .keep_quick i,
        .keep_contact i {
            margin-right: 10px;
        }
        .keep_in_touch p {
            font-size: 13px;
            line-height: 20px;
        }
        body#services_page .single_weoffer_best {
            margin-bottom: 60px;
        }
        body#services_page .single_perform {
            margin-bottom: 60px;
        }
        body#services_page .get_quote_area {
            background: #000;
        }
        .weare_best_at_area {
            background: #000 none repeat scroll 0 0;
        }
        .client_home_two_txt p {
            line-height: 19px;
            padding-bottom: 10px;
        }
        .blog_feed_home {
            margin-bottom: 30px;
        }
    }
    /* ============================================
            Start Mobile Layout: 320px
    ===============================================*/
    
    @media only screen and (max-width: 767px) {
        .container {
            width: 320px;
        }
        .why_us_area .single_why_us {
            margin-bottom: 30px;
        }
        .transport_features_area {
            background: #1e88e061;
        }
        .transport_features_area .panel-title span {
            height: 40px;
            padding: 30px 5px;
            width: 40px;
        }
        .transport_features_area .panel-default>.panel-heading .panel-title a {
            font-size: 9px;
            text-indent: 4px;
        }
        .error_mail input[type="submit"] {
            padding: 12px 6px;
        }
        .error_mail input[type="text"] {
            text-indent: 5px;
            width: calc(100% - 75px);
        }
        .single_who figure p {
            margin-bottom: 30px;
            padding: 5px 30px;
        }
        .weare_best_at_area {
            background: #1D1C21;
        }
        .on_parking_area .single_on_parking {
            margin-top: 50px;
        }
        .about_client_area .client_border {
            border: none;
        }
        .all_parking_trucks .nav.nav-tabs li {
            margin-bottom: 20px;
            margin-right: 5px;
        }
        .all_parking_trucks .nav.nav-tabs li a {
            padding: 0 5px;
        }
        .pagination_number nav ul li a,
        .pagination_number nav ul li.active a {
            padding: 2px 11px;
        }
        .share-right span {
            margin-left: 5px;
        }
        .share-this {
            padding: 10px;
        }
        .share-left span.share-icon a {
            margin-left: 2px;
        }
        .single_blog_post ul li {
            border-right: none;
        }
        .single_blog_post figcaption {
            display: none;
        }
        .keep_quick i,
        .keep_contact i {
            margin-right: 10px;
        }
        .our_branches {
            margin-bottom: 30px;
            margin-top: 30px;
        }
        .all_frequent_accordion_queries .panel-default>.panel-heading .panel-title a {
            font-size: 14px;
            line-height: 50px;
        }
        body#services_page .single_weoffer_best i {
            margin-right: 10px;
        }
        body#services_page .single_weoffer_best>dl>dt {
            line-height: 23px;
        }
        body#services_page .single_weoffer_best {
            margin-bottom: 50px;
        }
        .industry_support_area .nav.nav-tabs li {
            margin-bottom: 30px;
        }
        .performance_area .single_perform {
            margin-bottom: 60px;
        }
        span.s-user-icon {
            float: left;
        }
        span.s-user-icon a i {
            margin-left: 5px;
        }
        .single_blog_post img {
            padding: 0;
        }
        .comments-img {
            margin-left: 5px;
            margin-top: -18px;
        }
        .comments-user span.comments-name {
            font-size: 12px;
            width: 60%;
        }
        .comments-user span.comments-date {
            padding-left: 5px;
        }
        .comments-user span.comments-reply {
            text-align: left;
            width: 40%;
            padding: 0 5px;
        }
        .blog_details ul li img {
            padding: 0 10px;
        }
        .about_transport .btn.btn-see {
            font-size: 17px;
            padding: 10px;
        }
        body#home_two .single_whyhome_two_img {
            margin-bottom: 50px;
        }
        body#home_two .transport_features_area {
            background: #262b3f none repeat scroll 0 0;
        }
        body#home_two .owl-carousel .owl-item img {
            margin: 0 35px auto;
        }
        .client_home_two_txt h3 {
            margin: 10px;
        }
        .blog_feed_home li {
            margin-right: 15px;
            padding-right: 15px;
        }
        .blog_feed_home {
            margin-bottom: 30px;
        }
        body#home_two .single-counter {
            margin-bottom: 30px;
        }
    }
    /* ============================================
            End Mobile Layout: 320px
    ===============================================*/
    /* ============================================
            Start Wide Mobile Layout: 480px
    ===============================================*/
    
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container {
            width: 380px;
        }
    }
    
    @media (max-width: 769px) {
        .service-card {
            background: white;
            height: 8rem;
        }
        .services-section {
            padding-top: 11rem;
            padding-bottom: 50px;
            background-color: white;
        }
        .section-header {
            text-align: center;
            margin-bottom: 0px;
        }
        .section-header h4 {
            font-size: 2rem;
            color: black;
            margin-bottom: 10px;
        }
        .section-header p {
            font-size: 1.1rem;
            color: black;
            margin-bottom: 21px;
        }
        .our-products {
            padding: 80px 0px;
            background: white;
            text-align: center;
            min-height: 100vh;
            display: flex;
            align-items: center;
            margin-top: 0rem;
        }
        .section-header h2 {
            font-size: 2rem;
            color: black;
        }
        .logistic-counter-section {
            padding: 10rem 0 10rem 0;
            background: #f6f6f6;
        }
        container animate-on-scroll slide-right {
            padding: 0px;
        }
        .product-card {
            height: 10rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-color: #edededf7;
            width: 10rem;
        }
        .product-card:hover {
            transform: none;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
            background: rgb(174 174 174 / 97%);
        }
        .product-card img {
            width: 30px;
            height: 30px;
            margin-bottom: 0px;
        }
        .products-grid {
            gap: 30px;
            grid-template-columns: repeat(auto-fit, minmax(120px, 3fr));
            display: grid;
            justify-items: center;
        }
        .product-card h3 {
            font-size: 9.25px;
            width: 9rem;
            font-weight: bolder;
        }
        .product-card p {
            font-size: 12px;
            width: 9rem;
        }
        .counter-grid {
            grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        }
        .counter-card {
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
            will-change: transform;
            overflow: visible;
        }
        .counter-card:hover {
            transform: translateY(0px) scale(0px);
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
        }
        .counter-card img {
            width: 30px;
            height: 30px;
            margin-bottom: 0rem;
        }
        .counter-card .counter {
            display: block;
            font-size: 1.5rem;
            font-weight: bold;
            color: #0288d1;
            margin-bottom: 0.2rem;
            margin-top: 0.2rem;
        }
        .counter-card h4 {
            font-size: 1rem;
            font-weight: 300;
        }
        .main_menu img {
            width: 50px;
            height: 50px;
            border-radius: 0px;
        }
        .main_menu img:hover {
            background-color: black;
            width: 50px;
            height: 50px;
        }
        .main_menu .navbar {
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }
        .row {
            margin-right: 0px;
            margin-left: 0px;
        }
        .header_bottom_area {
            min-height: 4rem;
        }
        .single_truck .truck_photo_caption {
            position: absolute;
            inset: 0;
            background: var(--overlay-bg);
            opacity: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: var(--text-light);
            text-align: center;
            padding: 25px;
            border-radius: 24px 24px 0 0;
            transition: opacity 0.4s ease;
            pointer-events: none;
            user-select: none;
        }
        .single_truck:hover .truck_photo_caption {
            opacity: 1;
            pointer-events: auto;
            user-select: auto;
        }
    }