/* Executive theme: Charcoal Grey + Metallic Gold */
:root {
    --ep-charcoal: #222222;
    --ep-charcoal-light: #333333;
    --ep-gold: #D4AF37;
    --ep-gold-dark: #B8942F;
    --ep-champagne: #F7E7CE;
    --ep-white: #FFFFFF;
    --ep-off-white: #F8F8F8;
}

body {
    background-color: var(--ep-white);
    color: var(--ep-charcoal-light);
}

.ltn__header-middle-area {
    background-color: var(--ep-white);
}

.ltn__main-menu > ul > li > a,
.ltn__header-options a {
    color: var(--ep-charcoal);
}

.ltn__main-menu > ul > li:hover > a,
.ltn__main-menu > ul > li.active > a,
.ltn__utilize-menu ul li.active,
.ltn__main-menu ul li.active {
    color: var(--ep-gold) !important;
}

.theme-btn-1,
.btn.theme-btn-1,
a.theme-btn-1 {
    background-color: var(--ep-gold);
    border-color: var(--ep-gold);
    color: var(--ep-charcoal);
}

.theme-btn-1:hover,
.btn.theme-btn-1:hover,
a.theme-btn-1:hover {
    background-color: var(--ep-gold-dark);
    border-color: var(--ep-gold-dark);
    color: var(--ep-white);
}

.theme-btn-2 {
    border-color: var(--ep-charcoal);
    color: var(--ep-charcoal);
}

.theme-btn-2:hover {
    background-color: var(--ep-charcoal);
    border-color: var(--ep-charcoal);
    color: var(--ep-gold);
}

.footer-top-area.section-bg-2,
.ltn__copyright-area {
    background-color: var(--ep-charcoal) !important;
}

.footer-top-area .footer-title,
.footer-top-area a:hover,
.ltn__copyright-area a:hover {
    color: var(--ep-gold) !important;
}

.section-bg-1 {
    background-color: var(--ep-off-white) !important;
}

.ltn__separate-line .separate-icon i {
    color: var(--ep-gold);
}

.icon-feature {
    fill: var(--ep-gold);
}

.ms-parent.nice-select.js-select2{
    width: 100% !important;
    margin: 0;
    border: 2px solid;
    border-radius: 10px;
    border-color: var(--border-color-9);
}
.ms-choice{
    border: 0px !important;
    height: 100% !important;
}
.ms-choice div{
   display: none;
}
.ms-choice > span{
    position: relative !important;
}
.ms-drop ul{
    width: 100% !important;
    padding: 0px !important;
}
.ms-drop ul > li{
    padding-left: 10px !important;
    margin: 0;
    label{
        input{
            margin-right: 5px;
            width: 1.2rem;
            height: 1.2rem;
        };
        input[type=checkbox]:checked {
            accent-color: #222222;
        }
        input[type=checkbox]:checked::after {
            color: #D4AF37;
        }
    }
}
.ms-drop ul > li:hover{
    background-color: #f7f7f7 !important;
}
.ms-drop ul {
    overflow: scroll;
 }
 .ms-drop ul::-webkit-scrollbar {
    width: 6.75px;
    /* height: 6.75px; */
 }
 
 .ms-drop ul::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(175, 175, 175, 0.3); 
     border-radius: 10px;
 }
 
 .ms-drop ul::-webkit-scrollbar-thumb {
     border-radius: 10px;
     -webkit-box-shadow: inset 0 0 6px rgba(165, 165, 165, 0.5); 
 }
 .ms-select-all{
    display: none !important;
 }

#div-filter::-webkit-scrollbar {
    width: 6.75px;
    /* height: 6.75px; */
 }
 
#div-filter::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(175, 175, 175, 0.3); 
     border-radius: 10px;
 }
 
#div-filter::-webkit-scrollbar-thumb {
     border-radius: 10px;
     -webkit-box-shadow: inset 0 0 6px rgba(165, 165, 165, 0.5); 
 }

 .ltn__header-4 .ltn__header-middle-area, .ltn__header-5 .ltn__header-middle-area{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px !important;
 }
 .filter-box{
    border-radius: 10px;
 }
 .image-cover{
    min-height: 15vw;
    object-fit: cover;
    width: 100%;
    max-height: 15vw;
 }
 .image-cover-detail{
    object-fit: cover;
    width: 100%;
    height: 23vw;
 }

.ltn__product-item {
    --tw-border-opacity: 1;
    border-color: rgb(223 223 223 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    background-color: rgb(248 248 248 / var(--tw-bg-opacity));
 }
 .ul-social li{
    background: transparent !important;
    margin-right: 1.5rem !important;
    i{
        padding: 10px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 2rem;
    }
 }
 .ltn__product-item-4 .product-hover-action ul li{
    border-radius: 8px;
 }
 .auth-input{
    height: 45px !important;
    margin-bottom: 0px !important;
 }
 input.auth-input::placeholder{
    letter-spacing: 0px !important;
 }