.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,.lvl-1,.lvl-2,.lvl-3,.lvl-4,.lvl-5,.lvl-6{
    font-weight: 600;
    margin-bottom: .75rem;
    width: auto;
    line-height: 135%;
}
h1, .h1, .lv-1 {font-size: 2.5rem}
h2, .h2, .lv-2 {font-size: 2rem}
h3, .h3, .lv-3,.section-title-normal span {font-size: 1.625rem}
h4, .h4, .lv-4 {font-size: 1.375rem}
h5, .h5, .lv-5 {font-size: 1.125rem}
h6, .h6, .lv-6 {font-size: 1rem}
small,.small {font-size: 80%;font-weight: 400}
.micro {font-size: 13px}
.sh-micro,.sh-micro>*{font-size: 14px}
.text-justify{text-align: justify}
.text-primary{color: var(--fs-color-primary)}
.text-secondary{color: var(--fs-color-secondary)}
.text-success{color: var(--fs-color-success)}
.text-danger {color: #f74f78 !important;}
.text-w{color: white}
.text-d{color: #37384e !important}
.text-muted {color: #9e9fb4 !important;}
.text-warning {color: #ffb15c !important;}
.fw-600{font-weight: 600}
.fw-500{font-weight: 500}
.fw-900{font-weight: 900}
.button,button{white-space: nowrap;letter-spacing:unset!important}
.button-sm, .btn-group-sm>.btn,button.single_add_to_cart_button {
    padding: .425rem 1rem!important;
    font-size: .875rem!important;
    line-height: 1.5!important;
    border-radius: .5rem!important;
    margin: 0!important;
    min-width:unset!important;
}
.list-none{list-style: none;}
.w-100{width: 100% !important}
.w-center{margin: 0 auto}
.h-100{height: 100vh}
.flex-direction-column{flex-direction:column}
.grid{display: grid}
.gap-1{gap: .25rem !important}
.gap-2 {gap: .5rem !important}
.gap-3 {gap: 1rem !important}
.gap-4 {gap: 1.5rem !important}
.gap-5 {gap: 2rem !important}
.gap-6 {gap: 2.5rem !important}
.m-0 {margin: 0 !important}
.m-2 {margin: .5rem !important}
.mb-1{margin-bottom: .25rem !important}
.mb-2{margin-bottom: .5rem !important}
.mb-3{margin-bottom: 1rem !important}
.mb-4{margin-bottom: 1.5rem !important}
.mb-5{margin-bottom: 2rem !important}
.mb-6{margin-bottom: 2.5rem !important}
.mt-1{margin-top: 0.25rem !important}
.mt-2{margin-top: 0.5rem !important}
.mt-3{margin-top: 1rem !important}
.mt-4{margin-top: 1.5rem !important}
.mt-5{margin-top: 2rem !important}
.mt-6{margin-top: 2.5rem !important}
.ml-2{margin-left: .5rem !important}
.m-3{margin-bottom: 1rem !important;margin-top: 1rem !important}
.pt-1{padding-top: .25rem}
.pt-2{padding-top: 0.5rem}
.pt-3{padding-top: 1rem}
.pt-4 {padding-top: 1.5rem !important}
.pt-5 {padding-top: 2rem !important}
.pt-6 {padding-top: 2.5rem !important}
.pb-2 {padding-bottom: 0.5rem !important}
.pb-3 {padding-bottom: 1rem !important}
.pb-4 {padding-bottom: 1.5rem !important}
.pb-5 {padding-bottom: 2rem !important}
.pl-2, .px-2 {padding-left: 0.5rem !important;}
.pl-3, .px-3 {padding-left: 1rem !important;}
.pl-4, .px-4 {padding-left: 1.5rem !important;}
.pr-2, .px-2 {padding-right: 0.5rem !important;}
.pr-3, .px-3 {padding-right: 1rem !important;}
.pr-4, .px-4 {padding-right: 1.5rem !important;}
.p-0{padding: 0!important;}
.p-1{padding: .25rem}
.p-2{padding: .5rem}
.p-3{padding: 1rem}
.p-4{padding: 1.5rem}
.p-5{padding: 2rem}
.p-6{padding: 2.5rem}
.br-df,.slider-baner-cat .img img,.index-coll-box .img img{border-radius: 1rem}
.br-1{border-radius: .25rem}
.br-2{border-radius: .5rem}
.br-3{border-radius: 1rem}
.br-4{border-radius: 1.5rem}
.br-5{border-radius: 2rem}
.br-box{border-radius: 1rem;overflow:hidden}
.bgr-w{background-color: white}
.bgr-secondary {background-color: #f7f7fc !important}
.bgr-danger {background-color: #f74f78 !important;}
.bgr-darker {background-color: #2c2d3f !important;}
.bgr-primary{background-color: var(--fs-color-primary)}
.border-bottom {border-bottom: 1px solid #e9e9f2 !important;}
.border-top {border-top: 1px solid #e9e9f2 !important;}
.overflow-hidden{overflow:hidden}
.flex-column{flex-direction: column}
.absolute-center{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}

#content ol{margin-left: 35px}
#content ol>li::marker {font-weight: 600}
@media (min-width: 768px) {
    .pt-md-6, .py-md-6 {
        padding-top: 5rem !important;
    }
}
@media (min-width: 850px) {
    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important;
    }
    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important;
    }
}
@media only screen and (max-width: 849px) {
    .p-2{
        padding: 1rem;
    }
    h3, .h3, .lv-3, .section-title-normal span {
        font-size: 25px;
    }

}