﻿.header_top {
    border: none;
}

.search_container form {
    width: 400px;
}

.main_menu nav > ul > li {
    padding: 8px 0;
}

.header_middle {
    padding: 10px 0;
}

.search_box input {
    height: 36px;
    padding: 0 20px 0 20px;
}

.search_box button {
    min-width: 60px;
}

.header_top_links a {
    text-wrap-mode: nowrap;
}

.add_to_cart a {
    text-wrap-mode: nowrap;
}

.brand_container .owl-item {
    padding: 5px;
}

.brand_container img {
    border: solid 2px #f4f7f2;
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
}

.card-header.card_accor button.btn-link.collapsed {
    background: unset;
    color: #ffffff;
}

.main_header .header_top a.selected {
    color: #fff;
}

.pagination ul li a.current {
    background: #074f7f;
    color: #ffffff;
}
/* CATEGORY AND FILTERS MENU START */
form .widget_list.widget_filter button {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    text-transform: capitalize;
    color: #ffffff;
    background: #074f7f;
    border: 0;
    border-radius: 0px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    box-sizing: border-box;
    z-index: 999;
    font-size: 1rem;
}

form .widget_list.widget_filter input {
    width: 90%;
    /*background: none;
    border: none;
    font-size: 12px;
    float: right;
    text-align: right;
    line-height: 31px;*/
}

form .widget_list.widget_filter label {
    background: none;
    border: none;
    font-size: 12px;
    text-align: left;
    line-height: 31px;
}

form .widget_list.widget_filter input[type=checkbox], form .widget_list.widget_filter input[type=radio] {
    height: 19px;
    width: 19px;
}


.widget_sub_categories > .open ~ .widget_dropdown_categories {
    display: block;
}

.widget_list > ul > li.widget_sub_categories > a.open::before {
    content: "\f106";
}

.widget_box {
    max-height: 150px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.widget_list {
    margin-bottom: 10px;
}

    .widget_list h2 {
        margin-bottom: 5px;
    }

.widget-filter-button {
    /*width: 45%;*/
}

/* CATEGORY AND FILTERS MENU START */
/* MEGA MENU START */
.main_menu {
    justify-content: flex-start;
    margin-left: 0;
}

    .main_menu nav > ul > li > a {
        text-transform: none;
    }

.mega_menu_inner {
    /*   justify-content: flex-start;
    flex-wrap: wrap;
    gap: 1.5rem;*/
}

    .mega_menu_inner > li > a {
        /* width: 10rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;*/
    }

    .mega_menu_inner > li ul li a {
        /* width: 10rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: unset;*/
    }

    .mega_menu_inner .sub_menu_last_title {
        /*        text-decoration: underline;

*/
    }

    .mega_menu_inner > li ul li ul li {
        /*        padding-left: 10px;
*/
    }

    .mega_menu_inner .sub_menu_last_title {
        font-weight: 500;
    }

/* MEGA MENU END */
/* MOBILE MENU START */
.offcanvas_main_menu a {
    width: 13rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* MOBILE MENU END */



/* PRODUCT CARD START */

.product_content .product_code {
    color: #0063d1;
    font-weight: 500;
    font-size: 16px;
}

/* PRODUCT CARD START */




/*12/07/2025*/

/*SLIDER START*/

.single_slider {
    background-attachment: fixed;
    background-size: 100% 530px;
}

@media only screen and (max-width: 576px) {
    .main_header {
        padding-bottom: 0;
    }

    .header_middle {
        padding-top: 20px;
    }

    .single_slider {
        height: 200px;
        background-size: 100% 200px;
    }
}
/*SLIDER END*/



/*ASIDE MENU START*/

.widget_list.widget_filter > h4::after {
    content: "\f107";
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 12px;
    position: absolute;
    right: 0;
}

.widget_list.widget_filter > .widget_box, .widget_filter_numbers {
    display: none;
}

    .widget_list.widget_filter > .widget_box.open, .widget_filter_numbers.open {
        display: block;
    }


    .widget_list.widget_filter > .widget_box > div {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

.widget-filter-button {
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    text-transform: capitalize;
    color: #ffffff;
    background: #242424;
    border: 0;
    border-radius: 30px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

    .widget-filter-button:hover {
        background-color: #0063d1;
    }

.widget_filter_title {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}
/*ASIDE MENU END*/
/*MEGA MENU START*/
.mega_menu_inner {
    display: block;
    column-count: 3;
    column-width: 300px;
    column-fill: balance;
}

    .mega_menu_inner ul {
        display: flex;
        flex-wrap: wrap;
    }

    .mega_menu_inner > li > ul {
        display: block;
    }

    .mega_menu_inner > li > a {
        color: #019cde;
        margin-bottom: 0;
    }

    .mega_menu_inner > li ul li ul li a::after {
        content: ",\00a0"
    }

    .mega_menu_inner > li ul li ul li:last-child a::after {
        content: ""
    }
/*MEGA MENU END*/

/*SERVICES & DISTRIBUTORS PAGE START*/

.services h3 {
    font-size: 22px;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 15px;
}

.table thead th {
    background-color: #f2f2f2;
    border: 1px solid #dee2e6
}

.table-responsive table tbody tr td {
    font-weight: normal;
}

.services label {
    font-weight: 500;
}
/*SERVICES & DISTRIBUTORS PAGE END*/



/*DYNAMIC THEME START*/

:root {
    /* default values start*/
    --clr-one: #074f7f;
    --clr-second: #074f7f;
    --clr-third: #019cde;
    --clr-black: #242424;
    --clr-white: #ffffff;
    --fs-body: 14px;
    /* default values end*/
}

/*Header Start*/
.header_top {
    background-color: var(--header-top_backgroundColor,var(--clr-third));
    color: var(--header-top_color,var(--clr-white));
    font-size: var(--header-top_fontSize,var(--fs-body));
}

.header_middle {
    background-color: var(--header-middle_backgroundColor,var(--clr-white));
    color: var(--header-middle_color,var(--clr-black));
    font-size: var(--header-middle_fontSize,var(--fs-body));
}

    .header_middle button {
        background-color: var(--header-middle-button_backgroundColor,var(--clr-white));
    }

        .header_middle button:hover {
            background-color: var(--header-middle-button-hover_backgroundColor,#074f7f);
        }

.main_menu_area {
    background-color: var(--main-menu-area_backgroundColor,var(--clr-white));
}

.main_menu .title-1 {
    color: var(--main-menu-title-1_color,var(--clr-white));
    font-size: var(--main-menu-title-1_fontSize,var(--fs-body));
}

    .main_menu .title-1:hover {
        color: var(--main-menu-title-1-hover_color,var(--clr-white));
    }

.main_menu .title-2 {
    color: var(--main-menu-title-2_color, var(--clr-third));
    font-size: var(--main-menu-title-2_fontSize,var(--fs-body));
}

    .main_menu .title-2:hover {
        color: var(--main-menu-title-2-hover_color,var(--clr-second));
    }

.main_menu .title-3 {
    color: var(--main-menu-title-3_color,var(--clr-black));
    font-size: var(--main-menu-title-3_fontSize,var(--fs-body));
}

    .main_menu .title-3:hover {
        color: var(--main-menu-title-3-hover_color,var(--clr-second));
    }


.main_menu.title-4 {
    color: var(--main-menu-title-4_color,var(--clr-black));
    font-size: var(--main-menu-title-4_fontSize,var(--fs-body));
}

    .main_menu .title-4:hover {
        color: var(--main-menu-title-4-hover_color,var(--clr-second));
    }

/*Header End*/

/*DYNAMIC THEME END*/



@media only screen and (max-width: 767px) {
    .container{
        max-width:100%;
    }

    .search_container form {
        width: auto;
    }

    .nice-select.open .list{
        max-width:100%;
    }

}
