:root {
    --primary-color: #3498db;
    /* Your primary color */
}

/* .product_box h3,.product_box p{
color: var(--primary-color);
} */

.custom-dropdown {
    display: none;
    /* Initially hide the dropdown */
    position: absolute;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    z-index: 1000;
    list-style: none;
    top: 20%;
    /* Initial top value */
    margin-top: 0;
    /* Default margin-top */
}

.list-inline-item:hover .custom-dropdown {
    display: block;
    /* Show the dropdown when hovered */
}

ul.subcategory-list {
    position: fixed;
    z-index: 9999;
    background-color: #fff;

}

.dropdown-item.active, .dropdown-item:hover, .dropdown-item:active {
    color: #8F4904 !important;
}

.bootstrap-select .dropdown-menu {
    min-width: 124%;
}

.category_name {
    padding: 10px;
    max-width: 250px;
    border-radius: 10px;
}

.left_contact {
    padding: 15px;
    display: flex;
    height: 600.929px;
    padding: 21px 18px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 10px;
    background: rgba(230, 230, 230, 0.60);
}

@media (max-width: 768px) {
    .left_contact {
        height: 370.929px;
    }
}

.contact_info {
    margin-top: 15px;
    display: grid;
    gap: 20px;
}

.custom-border {
    display: inline-block;
    border-bottom: 2px dashed #000;
    color: #8F4904;
    padding-bottom: 5px;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.right_contact {
    text-align: center;
    /* Ensures text stays centered */
}

.contact_input {
    border: none !important;
    border-radius: 8px !important;
    background-color: #E6E6E699 !important;
}

.custom_btn_faq_submit_color {
    background-color: #8F4904 !important;
    border: none !important;
    padding: 16px 65px !important;
}

@media (max-width: 768px) {
    .custom_btn_faq_submit_color {
        background-color: #8F4904 !important;
        border: none !important;
        padding: 10px 45px !important;
    }
}

.service_section_first {
    border-top: 2px solid #B2B2B2;
    border-bottom: 2px solid #B2B2B2;
}

.set_padd_30_tb {
    padding-top: 40px;
    padding-bottom: 40px;
}

.category_card {
    background-color: #e9e9e9;
    padding: 10px;
    border-radius: 10px;
}

.category_card h3 {
    border-bottom: 2px solid gray;
    padding-bottom: 8px;
    /* Space between text and border */
    margin-bottom: 15px;
    /* Space between border and next element */
    display: inline-block;
    /* Ensures border only takes content width */
    justify-content: center;
}

.service_title_one {
    font-size: 30px;
    color: #8F4904;
    font-weight: 600;
}

.newsletter_btn {
    display: flex;
    padding: 16px 0px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    background: #FFF;
}

.newsletter_btn {
    background-color: #fff !important;
    color: black !important;
    border: none !important;
    padding: 20px 48px !important;
    margin-top: 20px;
    border-radius: 30px !important;
}

.service_title_second {
    font-size: 30px;
    font-weight: 600;
    max-width: 450px;
}


@media only screen and (max-width: 600px) {
    .category-export-container {
        display: grid;
        margin: auto;
        padding-top: 0;
        padding-bottom: 30px;
    }

    .category-export-item {
        text-align: center;
        cursor: pointer;
        margin-bottom: 10px;
        background: #e8e6df;
        transition: 0.3s ease;
        color: #8F4904;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px;
    }

    .category-export-sidebar {
        width: 100%;
        margin-top: 90px;
    }

    .feature-category-section-heading h3 {
        font-size: 24px;
    }

    .home-page-aboutus-first-h4 {
        font-size: 24px;
        line-height: 1.5;

    }

    .category-export-section-title h2 {
        font-size: 24px;
    }

    .category-export-section-title p {
        font-size: 15px;
    }

    .scrolling-container {
        padding: 2px 0;
    }

    .scrollable-category-text {
        gap: 24px;
        font-size: 16px;

    }

    .testimonial-review-section {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .testimonial-bottom-text-p {
        font-size: 15px !important;
    }

    .testimonial-review-text-sec h4 {
        color: #000 !important;
        font-size: 14px !important;
        /* font-style: normal; */
        font-weight: 400 !important;
        /* line-height: normal; */
    }

    .testimonial-review-text-sec p {
        font-size: 11.882px !important;
    }

    .subscription-section-first-h2 {
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .subscription-section-third-span {
        height: 51px;
    }

    .subscription-section-second-span {
        height: 50px;
    }

    .carousel-inner {
        min-height: 160px;
    }

    .top-categories-home-section {
        padding-bottom: 35px;
    }

    .testimonial-review-first-dev h2 {
        font-size: 24px;
    }

    .header-banner-first-h1 {
        color: #3C0A0C;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 14px;
        margin-top: -194px;
        max-width: 151px;
    }

    .header-banner-first-p {
        color: #E6E6E6;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        margin-top: 0px;
        max-width: 165px;

        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* Limit to 2 lines */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .header-banner-shop-now {
        margin-top: 5px;
    }

    .header-banner-shop-now-btn {

        padding: 0px 12px;
        font-size: 12px;
    }

    .head-of-company-heading {
        margin-bottom: 22px;
    }

    .our-story-first-col h4 {
        font-size: 24px;
    }

    .story-list-text {
        padding-top: 5px;
    }

    .service_title_one {
        font-size: 24px;
    }

    .service_title_second {
        font-size: 24px;
    }

    .right_contact.text-center {
        padding-top: 25px;
    }

    .home-page-aboutus-first-p {
        font-size: 14px;
    }

    .second-home-section {
        margin-top: 16px;
    }

}

/* Laptop */
@media (min-width: 1024px) and (max-width: 1439px) {
    .header-banner-first-h1 {
        color: #3C0A0C;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 38px;
        margin-top: 15px;
    }

    .col-md-4.header-banner-first-col {
        margin-top: -82px;
    }

    .header-banner-first-p {
        color: #E6E6E6;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22.564px;
        margin-top: 0px;
    }

    .header-banner-shop-now-btn {
        padding: 2px 12px;
    }

    .header-banner-shop-now {
        margin-top: 13px;
    }
}



/* Laptop L */
@media (min-width: 1440px) and (max-width: 1700px) {
    .col-md-4.header-banner-first-col {
        margin-top: -127px;
    }
}