.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,.lv-1,.lv-2,.lv-3,.lv-4,.lv-5,.lv-6,.lv-7{
    margin-bottom: .75rem;
    width: auto;
    line-height: 135%;
    letter-spacing: 0;
}
h1, .h1, .lv-1 {font-size: 3.75rem;line-height: 4rem;}
h2, .h2, .lv-2 {font-size: 3rem}
h3, .h3, .lv-3,.section-title-normal span {font-size: 2.75rem}
h4, .h4, .lv-4 {font-size: 2.5rem}
h5, .h5, .lv-5 {font-size: 2rem}
h6, .h6, .lv-6 {font-size: 1.75rem}
.lv-7 {font-size: 1.5rem}
.capitalize{text-transform: capitalize!important;}
small,.small {font-size: 80%;font-weight: 400}
.t-small,.t-small>* {font-size: 0.8rem;line-height: 1.8333333333;}
.t-micro,.t-micro>*{font-size: 0.9rem}
.t-justify{text-align: justify}
.t-primary{color: var(--fs-color-primary) !important}
.t-secondary{color: var(--fs-color-secondary) !important}
.t-success{color: var(--fs-color-success) !important}
.t-danger {color: #f74f78 !important;}
.t-w{color: white}
.t-d{color: #1c1c1d !important}
.t-muted {color: #9e9fb4 !important;}
.t-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-center{margin: 0 auto}
.h-100{height: 100vh}.h100{height: 100%}
.flex-direction-column{flex-direction:column}
.flex-direction-row{flex-direction:row!important;}
.nowrap{white-space: nowrap;}
.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}
.gap-7 {gap: 3rem !important}
.gap-8 {gap: 4rem !important}
.gap-9 {gap: 5rem !important}
.gap-10 {gap: 6rem !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,.py-1{padding-top: .25rem!important}
.pt-2,.py-2{padding-top: 0.5rem!important}
.pt-3,.py-3{padding-top: 1rem!important}
.pt-4,.py-4 {padding-top: 1.5rem !important}
.pt-5,.py-5 {padding-top: 2rem !important}
.pt-6,.py-6 {padding-top: 2.5rem !important}
.pt-7,.py-7 {padding-top: 3rem !important}
.pt-8,.py-8{padding-top: 4rem;}
.pt-9,.py-9{padding-top: 5rem;}
.pt-10,.py-10{padding-top: 6rem;}

.pb-1,.py-1 {padding-bottom: 0.25rem !important}
.pb-2,.py-2 {padding-bottom: 0.5rem !important}
.pb-3,.py-3 {padding-bottom: 1rem !important}
.pb-4,.py-4 {padding-bottom: 1.5rem !important}
.pb-5,.py-5 {padding-bottom: 2rem !important}
.pb-6,.py-6 {padding-bottom: 2.5rem !important}
.pb-7,.py-7 {padding-bottom: 3rem !important}
.pb-8,.py-8{padding-bottom: 4rem;}
.pb-9,.py-9{padding-bottom: 5rem;}
.pb-10,.py-10{padding-bottom: 6rem;}
.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,.br-box-img img{border-radius: 1.5rem}
.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: 1.5rem;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)}

.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}
.button.trendy-button{
    font-size: .9375rem;
    padding: 9px 9px 9px 30px;
    font-family: "Cal Sans", Serif;
    font-weight: 400;
    border-radius: 100px;
}
.button.primary.is-outline{
    border: 1px solid var(--border-color);
    color: var(--fs-color-primary) !important;
    position: relative;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.button.primary.is-outline:hover{
    color: #FFFFFF!important;
    border-color: transparent;
}
.button i.icon-angle-right{
    background-color: var(--fs-color-primary);
    font-size: 1.25rem;
    margin-left: 8px;
    transform: rotate(-45deg);
    padding: 10px;
    border-radius: 100px;
    position: relative;
    color: #fff;top: 0;
    line-height: 1;
    transition: all .5s ease;
}
.button:hover i.icon-angle-right{
    transform: rotate(0);
}
.button i.icon-angle-right::before {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23fff'><path d='M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-105.4 105.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/></svg>");
    display: inline-block;
    width: 1em;
    height: 1em;
}
@media (min-width: 768px) {
    .pt-md-6, .py-md-6 {
        padding-top: 5rem !important;
    }
}
@media screen and (min-width: 850px) {
    .large-w100{flex-basis:100% !important;max-width: 100% !important}
    .large-w20{flex-basis:10% !important;max-width: 10% !important}
    .large-w20{flex-basis:20% !important;max-width: 20% !important}
    .large-w30{flex-basis:30% !important;max-width: 30% !important}
    .large-w40{flex-basis:40% !important;max-width: 40% !important}
    .large-w50{flex-basis:50% !important;max-width: 50% !important}
    .large-w60{flex-basis:60% !important;max-width: 60% !important}
    .large-w70{flex-basis:70% !important;max-width: 70% !important}
    .large-w80 {flex-basis: 80%;max-width: 80%}
    .large-w90 {flex-basis: 90%;max-width: 90%}
}
@media (min-width: 850px) {
    .absolute-md{
        position: absolute;
    }
    .bnt-product-view{
        top: 30px;
        right: 0;
    }
    .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;
    }
}
@media screen and (max-width: 849px) {
    .flex-column-md{flex-direction: column}
    .flex-row-md{flex-direction: row}
}
@media screen and (max-width: 549px) {
    .button.trendy-button{
        border: unset!important;
        padding: 0;
    }
    .button i.icon-angle-right{
        padding: 5px;
        font-size: 0.7rem;
    }
    h2, .h2, .lv-2 {
        font-size: 2.1rem;
    }
    h3, .h3, .lv-3, .section-title-normal span {
        font-size: 1.9rem;
    }
    h4, .h4, .lv-4 {
        font-size: 1.7rem;
    }
    h5, .h5, .lv-5 {
        font-size: 1.4rem;
    }
    h6, .h6, .lv-6 {
        font-size: 1.3rem;
    }
    .lv-7 {
        font-size: 1.1rem;
    }
    .flex-column-sm{flex-direction: column}
    .flex-row-sm{flex-direction: row}
}