:root{
    --f-primary: #e0b04d;
    --f-secondary: #ffcb44;
    --f-thirty: #EFECCA;
    --f-fourth: #A7A37E;
    --f-fifth: #111111;
}

*{ margin: 0; }

html, body{
    background-color: var(--f-fifth)!important;
    font-family: "Poppins", sans-serif;
    overflow-x: hidden;
}

a{
    text-decoration: none;
    color: black;
}
a:hover{
    color: var(--f-primary)!important;
    transition: 0.5s linear;
}
a.active{ color: var(--f-primary)!important; }
.rounded-20{ border-radius: 20px!important;}


.fw-300 { font-weight: 300;!important;}
.fw-400 { font-weight: 400;!important;}
.fw-500 { font-weight: 500;!important;}
.fw-600 { font-weight: 600;!important;}
.fw-700 { font-weight: 700;!important;}
.fw-800 { font-weight: 800;!important;}


.vh-20{ height: 20vh!important; }
.vh-40{ height: 40vh!important; }
.vh-60{ height: 60vh!important; }
.vh-80{ height: 80vh!important; }
.vh-100{ height: 100vh!important; }

.h-px-20{ height: 20px;!important;}
.h-px-40{ height: 40px;!important;}
.h-px-50{ height: 50px;!important;}
.h-px-60{ height: 60px;!important;}
.h-px-80{ height: 80px;!important;}
.h-px-100{ height: 100px;!important;}
.h-px-150{ height: 150px;!important;}
.h-px-200{ height: 200px;!important;}
.h-px-250{ height: 250px;!important;}
.h-px-300{ height: 300px;!important;}
.h-px-500{ height: 500px;!important;}



.fs-8{ font-size: 8px!important;}
.fs-10{ font-size: 10px !important;}
.fs-12{ font-size: 12px!important;}
.fs-14{ font-size: 14px!important;}
.fs-16{ font-size: 16px!important;}
.fs-18{ font-size: 18px!important;}
.fs-20{ font-size: 20px!important;}
.fs-22{ font-size: 22px!important;}
.fs-24{ font-size: 24px!important;}
.fs-30{ font-size: 30px!important;}
.fs-40{ font-size: 40px!important;}
.fs-50{ font-size: 50px!important;}


.bg-primary{ background-color: var(--f-primary)!important; }
.bg-secondary{ background-color: var(--f-secondary)!important; }
.bg-thirty{ background-color: var(--f-thirty)!important; }
.bg-fourth{ background-color: var(--f-fourth)!important; }
.bg-fifth{ background-color: var(--f-fifth)!important; }


.text-primary{ color: var(--f-primary)!important; }
.text-secondary{ color: var(--f-secondary)!important; }
.text-thirty{ color: var(--f-thirty)!important; }
.text-fourth{ color: var(--f-fourth)!important; }
.text-fifth{ color: var(--f-fifth)!important; }
.text-gray{ color: gray!important; }


.absolute-full{
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
}
.black-opacity-30{
    z-index:999;
    background-color: rgba(0, 0, 0, 0.3);
}
.black-opacity-50{
    z-index:999;
    background-color: rgba(0, 0, 0, 0.5);
}




.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--f-primary)!important;
    --bs-btn-border-color: var(--f-primary)!important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--f-secondary)!important;
    --bs-btn-hover-border-color: var(--f-secondary)!important;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--f-thirty)!important;;
    --bs-btn-active-border-color: var(--f-thirty)!important;;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--f-secondary) !important;
    --bs-btn-disabled-bg: var(--f-fifth)!important;
    --bs-btn-disabled-border-color: var(--f-thirty)!important;
}

.btn-secondary {
    --bs-btn-color: var(--f-primary)!important;;
    --bs-btn-bg: #fff!important;
    --bs-btn-border-color: var(--f-primary)!important;
    --bs-btn-hover-color: #fff!important;
    --bs-btn-hover-bg: var(--f-primary)!important;
    --bs-btn-hover-border-color: var(--f-primary)!important;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff!important;
    --bs-btn-active-bg: var(--f-thirty)!important;;
    --bs-btn-active-border-color: var(--f-thirty)!important;;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--f-thirty)!important;
    --bs-btn-disabled-border-color: var(--f-thirty)!important;
}

.btn-secondary:hover {color: white!important;}

.btn-outline-primary {
    --bs-btn-color: var(--f-primary)!important;
    --bs-btn-border-color: var(--f-primary)!important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--f-primary)!important;
    --bs-btn-hover-border-color: var(--f-secondary)!important;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--f-primary)!important;
    --bs-btn-active-border-color: var(--f-primary)!important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0d6efd;
    --bs-gradient: none;
}

.swiper-button-next,
.swiper-button-prev {
    background-color: transparent;
    right:10px;
    padding: 30px;
    color: var(--f-primary) !important;
    fill: var(--f-primary) !important;
    stroke: var(--f-primary) !important;
}

.form-control:focus {
    border-color: var(--f-fifth)!important;
    box-shadow: 0 0 0 0.1rem var(--f-fourth)!important;
}

.gradient-ltr{ background: linear-gradient(to right , gray 100% 50%, black 50% 0) !important;}








/* PAGINATION */

.page-item{
    margin: 0 5px   ;
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--f-primary);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--f-primary);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(125, 1, 1, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: var(--f-primary);
    --bs-pagination-active-border-color: var(--f-secondary);
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
}


.object-fit-contain{
    object-fit: contain;
    object-position: center;
}


.navbar-toggler{
    border: none!important;
}

#style-7::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}
/* width */
::-webkit-scrollbar {
    width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px transparent;
    border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background-image: -webkit-gradient(linear,
    left bottom,
    left top,
    color-stop(0.44, var(--f-secondary)),
    color-stop(0.72, var(--f-primary)),
    color-stop(0.86, var(--f-secondary)));
    border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--f-secondary);
}