/* Adjust the logo size for both desktop and mobile */
.header-style-03.header-variant-06 .logo-wrapper img {
    width: 200px!important;
}

@media (max-width: 768px) {
    /* Adjust styles for smaller screens */
    .header-style-03.header-variant-06 .logo-wrapper img {
        width: 150px!important; /* Adjust the logo size for mobile */
    }

    /* Reduce font size for both desktop and mobile */
    .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
        font-size: 16px;
    }

    /* Background color changes for the navbar */
    nav.navbar.navbar-area.navbar-expand-lg {
        background-color: transparent;
    }

    /* Background color changes for various sections */
    .navbar-variant-05 .navbar-area, .navbar-variant-05 .navbar-area .nav-container {
        background-color: transparent;
    }

    .logistics-key-feature-area,
    .logistics-what-we-offer-area.padding-top-115.padding-bottom-90,
    .logistic-video-area-wrap {
        padding: 25px;
    }

    /* Text color changes for mobile */
    .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
        color: #fff;
    }

    /* Adjust the font size for mobile */
    i.flaticon-search-1 {
        font-size: 16px;
    }

    /* Chat text styles for both desktop and mobile */
    p.chat-text {
        font-size: 16px;
        line-height: 26px;
        font-weight: 600;
        color: #fff;
        text-align: center;
    }

    /* Mega menu list text styles for both desktop and mobile */
    .xg-mega-menu-single-column-wrap ul li {
        font-size: 14px!important;
        line-height: 18px!important;
        margin: 5px 0;
    }
}

/* Common styles for both desktop and mobile */
.header-style-03.header-variant-06 .logo-wrapper:after {
    background-color: #ffffff00!important;
}

/* Navbar background color for desktop */
nav.navbar.navbar-area.navbar-expand-lg {
    background-color: #ffaa991f;
}

/* Background color changes for various sections */
.navbar-variant-05 .navbar-area, .navbar-variant-05 .navbar-area .nav-container,
.logistics-key-feature-area,
.logistics-what-we-offer-area.padding-top-115.padding-bottom-90,
.logistic-video-area-wrap {
    background-color: #ffaa991f;
}

/* Text alignment for the navbar items */
.navbar-area .nav-container .navbar-collapse .navbar-nav {
    text-align: right;
}

/* Default styles for various elements */
i.flaticon-search-1 {
    font-size: 20px;
}

/* Counter-up area background overlay opacity */
.logistic-counterup-area.bg-overlay:after {
    opacity: 1;
}

/* Mega menu list text hover color */
.xg-mega-menu-single-column-wrap ul li:hover {
    color: var(--main-color-one);
}

/* Chat button styles */
a.chat-button {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}

a.chat-button img {
    content: url(https://dreamwatchevent.com/assets/uploads/media-uploader/WhatsAppButtonGreenLarge.svg);
}