/*== border, vertical align, z-index ==*/
.bdr_none {
    border: none !important;
}

.bb_none {
    border-bottom: none !important;
}

.vat {
    vertical-align: top;
}

.vab {
    vertical-align: bottom;
}

.vam {
    vertical-align: middle;
}

.vatt {
    vertical-align: text-top;
}

.tdn {
    text-decoration: none;
}

/*== border, vertical align, z-index ==*/
/*== Fonts Size, Font Weights, Height, Display & Position ==*/
.fz8 {
    font-size: 8px;
}

.fz10 {
    font-size: 10px;
}

.fz11 {
    font-size: 11px;
}

.fz12 {
    font-size: 12px;
}

.fz13 {
    font-size: 13px;
}

.fz14 {
    font-size: 14px;
}

.fz15 {
    font-size: 15px;
}

.fz16 {
    font-size: 16px;
}

.fz17 {
    font-size: 17px !important;
}

.fz18 {
    font-size: 18px;
}

.fz19 {
    font-size: 19px;
}

.fz20 {
    font-size: 20px !important;
}

.fz24 {
    font-size: 24px;
}

.fz26 {
    font-size: 26px;
}

.fz30 {
    font-size: 30px;
}

.fz40 {
    font-size: 40px;
}

.fz45 {
    font-size: 45px;
}

.fz48 {
    font-size: 48px;
}

.fz50 {
    font-size: 50px;
}

.fz55 {
    font-size: 55px;
}

.fz60 {
    font-size: 60px;
}

.fz72 {
    font-size: 72px;
}

.fz100 {
    font-size: 100px !important;
}

.lh0 {
    line-height: 0px;
}

.lh30 {
    line-height: 30px;
}

.h2 {
    height: 2px;
}

.h05 {
    height: 5px !important;
}

.h10 {
    height: 10px;
}

.h20 {
    height: 20px;
}

.h25 {
    height: 25px;
}

.h30 {
    height: 30px;
}

.h35 {
    height: 35px;
}

.h40 {
    height: 40px;
}

.h45 {
    height: 45px;
}

.h50 {
    height: 50px;
}

.h55 {
    height: 55px;
}

.h60 {
    height: 60px;
}

.h65 {
    height: 65px;
}

.h70 {
    height: 70px;
}

.h75 {
    height: 75px;
}

.h80 {
    height: 80px;
}

.h85 {
    height: 85px;
}

.h90 {
    height: 90px;
}

.h95 {
    height: 95px;
}

.h100p {
    height: 100%;
}

.h100 {
    height: 100px;
}

.h150 {
    height: 150px;
}

.h200 {
    height: 200px;
}

.h250 {
    height: 250px !important;
}

.h280 {
    height: 280px;
}

.h300 {
    height: 300px;
}

.h320 {
    height: 320px;
}

.h345 {
    height: 345px;
}

.h350 {
    height: 350px;
}

.h355 {
    height: 355px;
}

.h400 {
    height: 400px;
}

.h450 {
    height: 450px;
}

.h500 {
    height: 500px;
}

.h550 {
    height: 550px;
}

.h600 {
    height: 600px;
}

.h650 {
    height: 650px;
}

.h660 {
    height: 660px;
}

.h700 {
    height: 700px;
}

.h750 {
    height: 750px;
}

.h800 {
    height: 800px;
}

.h850 {
    height: 850px;
}

.h900 {
    height: 900px;
}

.h950 {
    height: 950px;
}

.h1000 {
    height: 1000px;
}

.wa {
    width: auto;
}

.wfc {
    width: fit-content;
}

.w30 {
    width: 30px;
}

.w40 {
    width: 40px;
}

.w50 {
    width: 50px;
}

.w55 {
    width: 55px;
}

.w60 {
    width: 60px !important;
}

.w65 {
    width: 65px;
}

.w70 {
    width: 70px;
}

.w75 {
    width: 75px;
}

.w80 {
    width: 80px !important;
}

.w100 {
    width: 100% !important;
}

.w110 {
    width: 110px;
}

.w120 {
    width: 120px;
}

.maxw80 {
    max-width: 80px;
}

.maxw100 {
    max-width: 100%;
}

.maxw1600 {
    max-width: 1600px;
}

.maxw1800 {
    max-width: 1800px;
}

.fw300 {
    font-weight: 300 !important;
}

.fw400 {
    font-weight: 400 !important;
}

.fw500 {
    font-weight: 500 !important;
}

.fw600 {
    font-weight: 600 !important;
}

.fw700 {
    font-weight: 700 !important;
}

.fw800 {
    font-weight: 800 !important;
}

.fw900 {
    font-weight: 900 !important;
}

.fwn {
    font-weight: normal;
}

.fwb {
    font-weight: bold;
}

.db {
    display: block;
}

.dib {
    display: inline-block;
}

.dif {
    display: inline-flex;
}

.df {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.dfr {
    display: flow-root;
}

.dn {
    display: none !important;
}

.ovh {
    overflow: hidden;
}

.ovv {
    overflow: visible;
}

.posa {
    position: absolute;
}

.posr {
    position: relative;
}

/*== Custome Margin Padding ==*/
.p0 {
    padding: 0 !important;
}

.p1 {
    padding: 1 !important;
}

.p10 {
    padding: 10px !important;
}

.p15 {
    padding: 15px !important;
}

.p20 {
    padding: 20px !important;
}

.p25 {
    padding: 25px !important;
}

.p30 {
    padding: 30px !important;
}

.p35 {
    padding: 35px !important;
}

.p40 {
    padding: 40px !important;
}

.p45 {
    padding: 45px !important;
}

.p50 {
    padding: 50px !important;
}

.p55 {
    padding: 55px !important;
}

.p60 {
    padding: 60px !important;
}

.p65 {
    padding: 65px !important;
}

.p70 {
    padding: 70px !important;
}

.p75 {
    padding: 75px !important;
}

.p80 {
    padding: 80px !important;
}

@media (max-width: 1199.98px) {
    .p0-lg {
        padding: 0 !important;
    }

    .p1-lg {
        padding: 1 !important;
    }

    .p10-lg {
        padding: 10px !important;
    }

    .p15-lg {
        padding: 15px !important;
    }

    .p20-lg {
        padding: 20px !important;
    }

    .p25-lg {
        padding: 25px !important;
    }

    .p30-lg {
        padding: 30px !important;
    }

    .p35-lg {
        padding: 35px !important;
    }

    .p40-lg {
        padding: 40px !important;
    }

    .p45-lg {
        padding: 45px !important;
    }

    .p50-lg {
        padding: 50px !important;
    }

    .p55-lg {
        padding: 55px !important;
    }

    .p60-lg {
        padding: 60px !important;
    }

    .p65-lg {
        padding: 65px !important;
    }

    .p70-lg {
        padding: 70px !important;
    }

    .p75-lg {
        padding: 75px !important;
    }

    .p80-lg {
        padding: 80px !important;
    }
}

@media (max-width: 991.98px) {
    .p0-md {
        padding: 0 !important;
    }

    .p1-md {
        padding: 1 !important;
    }

    .p10-md {
        padding: 10px !important;
    }

    .p15-md {
        padding: 15px !important;
    }

    .p20-md {
        padding: 20px !important;
    }

    .p25-md {
        padding: 25px !important;
    }

    .p30-md {
        padding: 30px !important;
    }

    .p35-md {
        padding: 35px !important;
    }

    .p40-md {
        padding: 40px !important;
    }

    .p45-md {
        padding: 45px !important;
    }

    .p50-md {
        padding: 50px !important;
    }

    .p55-md {
        padding: 55px !important;
    }

    .p60-md {
        padding: 60px !important;
    }

    .p65-md {
        padding: 65px !important;
    }

    .p70-md {
        padding: 70px !important;
    }

    .p75-md {
        padding: 75px !important;
    }

    .p80-md {
        padding: 80px !important;
    }
}

@media (max-width: 767.98px) {
    .p0-sm {
        padding: 0 !important;
    }

    .p1-sm {
        padding: 1 !important;
    }

    .p10-sm {
        padding: 10px !important;
    }

    .p15-sm {
        padding: 15px !important;
    }

    .p20-sm {
        padding: 20px !important;
    }

    .p25-sm {
        padding: 25px !important;
    }

    .p30-sm {
        padding: 30px !important;
    }

    .p35-sm {
        padding: 35px !important;
    }

    .p40-sm {
        padding: 40px !important;
    }

    .p45-sm {
        padding: 45px !important;
    }

    .p50-sm {
        padding: 50px !important;
    }

    .p55-sm {
        padding: 55px !important;
    }

    .p60-sm {
        padding: 60px !important;
    }

    .p65-sm {
        padding: 65px !important;
    }

    .p70-sm {
        padding: 70px !important;
    }

    .p75-sm {
        padding: 75px !important;
    }

    .p80-sm {
        padding: 80px !important;
    }
}

@media (max-width: 575.98px) {
    .p0-xs {
        padding: 0 !important;
    }

    .p1-xs {
        padding: 1 !important;
    }

    .p10-xs {
        padding: 10px !important;
    }

    .p15-xs {
        padding: 15px !important;
    }

    .p20-xs {
        padding: 20px !important;
    }

    .p25-xs {
        padding: 25px !important;
    }

    .p30-xs {
        padding: 30px !important;
    }

    .p35-xs {
        padding: 35px !important;
    }

    .p40-xs {
        padding: 40px !important;
    }

    .p45-xs {
        padding: 45px !important;
    }

    .p50-xs {
        padding: 50px !important;
    }

    .p55-xs {
        padding: 55px !important;
    }

    .p60-xs {
        padding: 60px !important;
    }

    .p65-xs {
        padding: 65px !important;
    }

    .p70-xs {
        padding: 70px !important;
    }

    .p75-xs {
        padding: 75px !important;
    }

    .p80-xs {
        padding: 80px !important;
    }
}

.pad10 {
    padding: 10% 5% !important;
}

.pad17 {
    padding-top: 17% !important;
}

.pt0 {
    padding-top: 0px !important;
}

.pt3 {
    padding-top: 3px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt35 {
    padding-top: 35px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt45 {
    padding-top: 45px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pt55 {
    padding-top: 55px !important;
}

.pt60 {
    padding-top: 60px !important;
}

.pt65 {
    padding-top: 65px !important;
}

.pt70 {
    padding-top: 70px !important;
}

.pt75 {
    padding-top: 75px !important;
}

.pt80 {
    padding-top: 80px !important;
}

.pt85 {
    padding-top: 85px !important;
}

.pt90 {
    padding-top: 90px !important;
}

.pt95 {
    padding-top: 95px !important;
}

.pt100 {
    padding-top: 100px !important;
}

.pt110 {
    padding-top: 110px !important;
}

.pt120 {
    padding-top: 120px !important;
}

.pt130 {
    padding-top: 130px !important;
}

.pt140 {
    padding-top: 140px !important;
}

.pt150 {
    padding-top: 150px !important;
}

.pt160 {
    padding-top: 160px !important;
}

.pt165 {
    padding-top: 165px;
}

.pt170 {
    padding-top: 170px !important;
}

.pt180 {
    padding-top: 180px !important;
}

.pt190 {
    padding-top: 190px !important;
}

.pt200 {
    padding-top: 200px !important;
}

.pt210 {
    padding-top: 210px !important;
}

.pt220 {
    padding-top: 220px !important;
}

.pt230 {
    padding-top: 230px !important;
}

.pt240 {
    padding-top: 240px !important;
}

.pt250 {
    padding-top: 250px !important;
}

@media (max-width: 1199.98px) {
    .pt0-lg {
        padding-top: 0px !important;
    }

    .pt3-lg {
        padding-top: 3px !important;
    }

    .pt5-lg {
        padding-top: 5px !important;
    }

    .pt10-lg {
        padding-top: 10px !important;
    }

    .pt15-lg {
        padding-top: 15px !important;
    }

    .pt20-lg {
        padding-top: 20px !important;
    }

    .pt25-lg {
        padding-top: 25px !important;
    }

    .pt30-lg {
        padding-top: 30px !important;
    }

    .pt35-lg {
        padding-top: 35px !important;
    }

    .pt40-lg {
        padding-top: 40px !important;
    }

    .pt45-lg {
        padding-top: 45px !important;
    }

    .pt50-lg {
        padding-top: 50px !important;
    }

    .pt55-lg {
        padding-top: 55px !important;
    }

    .pt60-lg {
        padding-top: 60px !important;
    }

    .pt65-lg {
        padding-top: 65px !important;
    }

    .pt70-lg {
        padding-top: 70px !important;
    }

    .pt75-lg {
        padding-top: 75px !important;
    }

    .pt80-lg {
        padding-top: 80px !important;
    }

    .pt85-lg {
        padding-top: 85px !important;
    }

    .pt90-lg {
        padding-top: 90px !important;
    }

    .pt95-lg {
        padding-top: 95px !important;
    }

    .pt100-lg {
        padding-top: 100px !important;
    }

    .pt110-lg {
        padding-top: 110px !important;
    }

    .pt120-lg {
        padding-top: 120px !important;
    }

    .pt130-lg {
        padding-top: 130px !important;
    }

    .pt140-lg {
        padding-top: 140px !important;
    }

    .pt150-lg {
        padding-top: 150px !important;
    }

    .pt160-lg {
        padding-top: 160px !important;
    }

    .pt165-lg {
        padding-top: 165px;
    }

    .pt170-lg {
        padding-top: 170px !important;
    }

    .pt180-lg {
        padding-top: 180px !important;
    }

    .pt190-lg {
        padding-top: 190px !important;
    }

    .pt200-lg {
        padding-top: 200px !important;
    }

    .pt210-lg {
        padding-top: 210px !important;
    }

    .pt220-lg {
        padding-top: 220px !important;
    }

    .pt230-lg {
        padding-top: 230px !important;
    }

    .pt240-lg {
        padding-top: 240px !important;
    }

    .pt250-lg {
        padding-top: 250px !important;
    }
}

@media (max-width: 991.98px) {
    .pt0-md {
        padding-top: 0px !important;
    }

    .pt3-md {
        padding-top: 3px !important;
    }

    .pt5-md {
        padding-top: 5px !important;
    }

    .pt10-md {
        padding-top: 10px !important;
    }

    .pt15-md {
        padding-top: 15px !important;
    }

    .pt20-md {
        padding-top: 20px !important;
    }

    .pt25-md {
        padding-top: 25px !important;
    }

    .pt30-md {
        padding-top: 30px !important;
    }

    .pt35-md {
        padding-top: 35px !important;
    }

    .pt40-md {
        padding-top: 40px !important;
    }

    .pt45-md {
        padding-top: 45px !important;
    }

    .pt50-md {
        padding-top: 50px !important;
    }

    .pt55-md {
        padding-top: 55px !important;
    }

    .pt60-md {
        padding-top: 60px !important;
    }

    .pt65-md {
        padding-top: 65px !important;
    }

    .pt70-md {
        padding-top: 70px !important;
    }

    .pt75-md {
        padding-top: 75px !important;
    }

    .pt80-md {
        padding-top: 80px !important;
    }

    .pt85-md {
        padding-top: 85px !important;
    }

    .pt90-md {
        padding-top: 90px !important;
    }

    .pt95-md {
        padding-top: 95px !important;
    }

    .pt100-md {
        padding-top: 100px !important;
    }

    .pt110-md {
        padding-top: 110px !important;
    }

    .pt120-md {
        padding-top: 120px !important;
    }

    .pt130-md {
        padding-top: 130px !important;
    }

    .pt140-md {
        padding-top: 140px !important;
    }

    .pt150-md {
        padding-top: 150px !important;
    }

    .pt160-md {
        padding-top: 160px !important;
    }

    .pt165-md {
        padding-top: 165px;
    }

    .pt170-md {
        padding-top: 170px !important;
    }

    .pt180-md {
        padding-top: 180px !important;
    }

    .pt190-md {
        padding-top: 190px !important;
    }

    .pt200-md {
        padding-top: 200px !important;
    }

    .pt210-md {
        padding-top: 210px !important;
    }

    .pt220-md {
        padding-top: 220px !important;
    }

    .pt230-md {
        padding-top: 230px !important;
    }

    .pt240-md {
        padding-top: 240px !important;
    }

    .pt250-md {
        padding-top: 250px !important;
    }
}

@media (max-width: 767.98px) {
    .pt0-sm {
        padding-top: 0px !important;
    }

    .pt3-sm {
        padding-top: 3px !important;
    }

    .pt5-sm {
        padding-top: 5px !important;
    }

    .pt10-sm {
        padding-top: 10px !important;
    }

    .pt15-sm {
        padding-top: 15px !important;
    }

    .pt20-sm {
        padding-top: 20px !important;
    }

    .pt25-sm {
        padding-top: 25px !important;
    }

    .pt30-sm {
        padding-top: 30px !important;
    }

    .pt35-sm {
        padding-top: 35px !important;
    }

    .pt40-sm {
        padding-top: 40px !important;
    }

    .pt45-sm {
        padding-top: 45px !important;
    }

    .pt50-sm {
        padding-top: 50px !important;
    }

    .pt55-sm {
        padding-top: 55px !important;
    }

    .pt60-sm {
        padding-top: 60px !important;
    }

    .pt65-sm {
        padding-top: 65px !important;
    }

    .pt70-sm {
        padding-top: 70px !important;
    }

    .pt75-sm {
        padding-top: 75px !important;
    }

    .pt80-sm {
        padding-top: 80px !important;
    }

    .pt85-sm {
        padding-top: 85px !important;
    }

    .pt90-sm {
        padding-top: 90px !important;
    }

    .pt95-sm {
        padding-top: 95px !important;
    }

    .pt100-sm {
        padding-top: 100px !important;
    }

    .pt110-sm {
        padding-top: 110px !important;
    }

    .pt120-sm {
        padding-top: 120px !important;
    }

    .pt130-sm {
        padding-top: 130px !important;
    }

    .pt140-sm {
        padding-top: 140px !important;
    }

    .pt150-sm {
        padding-top: 150px !important;
    }

    .pt160-sm {
        padding-top: 160px !important;
    }

    .pt165-sm {
        padding-top: 165px;
    }

    .pt170-sm {
        padding-top: 170px !important;
    }

    .pt180-sm {
        padding-top: 180px !important;
    }

    .pt190-sm {
        padding-top: 190px !important;
    }

    .pt200-sm {
        padding-top: 200px !important;
    }

    .pt210-sm {
        padding-top: 210px !important;
    }

    .pt220-sm {
        padding-top: 220px !important;
    }

    .pt230-sm {
        padding-top: 230px !important;
    }

    .pt240-sm {
        padding-top: 240px !important;
    }

    .pt250-sm {
        padding-top: 250px !important;
    }
}

@media (max-width: 575.98px) {
    .pt0-xs {
        padding-top: 0px !important;
    }

    .pt3-xs {
        padding-top: 3px !important;
    }

    .pt5-xs {
        padding-top: 5px !important;
    }

    .pt10-xs {
        padding-top: 10px !important;
    }

    .pt15-xs {
        padding-top: 15px !important;
    }

    .pt20-xs {
        padding-top: 20px !important;
    }

    .pt25-xs {
        padding-top: 25px !important;
    }

    .pt30-xs {
        padding-top: 30px !important;
    }

    .pt35-xs {
        padding-top: 35px !important;
    }

    .pt40-xs {
        padding-top: 40px !important;
    }

    .pt45-xs {
        padding-top: 45px !important;
    }

    .pt50-xs {
        padding-top: 50px !important;
    }

    .pt55-xs {
        padding-top: 55px !important;
    }

    .pt60-xs {
        padding-top: 60px !important;
    }

    .pt65-xs {
        padding-top: 65px !important;
    }

    .pt70-xs {
        padding-top: 70px !important;
    }

    .pt75-xs {
        padding-top: 75px !important;
    }

    .pt80-xs {
        padding-top: 80px !important;
    }

    .pt85-xs {
        padding-top: 85px !important;
    }

    .pt90-xs {
        padding-top: 90px !important;
    }

    .pt95-xs {
        padding-top: 95px !important;
    }

    .pt100-xs {
        padding-top: 100px !important;
    }

    .pt110-xs {
        padding-top: 110px !important;
    }

    .pt120-xs {
        padding-top: 120px !important;
    }

    .pt130-xs {
        padding-top: 130px !important;
    }

    .pt140-xs {
        padding-top: 140px !important;
    }

    .pt150-xs {
        padding-top: 150px !important;
    }

    .pt160-xs {
        padding-top: 160px !important;
    }

    .pt165-xs {
        padding-top: 165px;
    }

    .pt170-xs {
        padding-top: 170px !important;
    }

    .pt180-xs {
        padding-top: 180px !important;
    }

    .pt190-xs {
        padding-top: 190px !important;
    }

    .pt200-xs {
        padding-top: 200px !important;
    }

    .pt210-xs {
        padding-top: 210px !important;
    }

    .pt220-xs {
        padding-top: 220px !important;
    }

    .pt230-xs {
        padding-top: 230px !important;
    }

    .pt240-xs {
        padding-top: 240px !important;
    }

    .pt250-xs {
        padding-top: 250px !important;
    }
}

.pr0 {
    padding-right: 0 !important;
}

.pr1 {
    padding-right: 1px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pr35 {
    padding-right: 35px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.pr45 {
    padding-right: 45px !important;
}

.pr50 {
    padding-right: 50px !important;
}

.pr55 {
    padding-right: 55px !important;
}

.pr60 {
    padding-right: 60px !important;
}

.pr65 {
    padding-right: 65px !important;
}

.pr70 {
    padding-right: 70px !important;
}

@media (max-width: 1199.98px) {
    .pr0-lg {
        padding-right: 0 !important;
    }

    .pr1-lg {
        padding-right: 1px !important;
    }

    .pr5-lg {
        padding-right: 5px !important;
    }

    .pr10-lg {
        padding-right: 10px !important;
    }

    .pr15-lg {
        padding-right: 15px !important;
    }

    .pr20-lg {
        padding-right: 20px !important;
    }

    .pr25-lg {
        padding-right: 25px !important;
    }

    .pr30-lg {
        padding-right: 30px !important;
    }

    .pr35-lg {
        padding-right: 35px !important;
    }

    .pr40-lg {
        padding-right: 40px !important;
    }

    .pr45-lg {
        padding-right: 45px !important;
    }

    .pr50-lg {
        padding-right: 50px !important;
    }

    .pr55-lg {
        padding-right: 55px !important;
    }

    .pr60-lg {
        padding-right: 60px !important;
    }

    .pr65-lg {
        padding-right: 65px !important;
    }

    .pr70-lg {
        padding-right: 70px !important;
    }
}

@media (max-width: 991.98px) {
    .pr0-md {
        padding-right: 0 !important;
    }

    .pr1-md {
        padding-right: 1px !important;
    }

    .pr5-md {
        padding-right: 5px !important;
    }

    .pr10-md {
        padding-right: 10px !important;
    }

    .pr15-md {
        padding-right: 15px !important;
    }

    .pr20-md {
        padding-right: 20px !important;
    }

    .pr25-md {
        padding-right: 25px !important;
    }

    .pr30-md {
        padding-right: 30px !important;
    }

    .pr35-md {
        padding-right: 35px !important;
    }

    .pr40-md {
        padding-right: 40px !important;
    }

    .pr45-md {
        padding-right: 45px !important;
    }

    .pr50-md {
        padding-right: 50px !important;
    }

    .pr55-md {
        padding-right: 55px !important;
    }

    .pr60-md {
        padding-right: 60px !important;
    }

    .pr65-md {
        padding-right: 65px !important;
    }

    .pr70-md {
        padding-right: 70px !important;
    }
}

@media (max-width: 767.98px) {
    .pr0-sm {
        padding-right: 0 !important;
    }

    .pr1-sm {
        padding-right: 1px !important;
    }

    .pr5-sm {
        padding-right: 5px !important;
    }

    .pr10-sm {
        padding-right: 10px !important;
    }

    .pr15-sm {
        padding-right: 15px !important;
    }

    .pr20-sm {
        padding-right: 20px !important;
    }

    .pr25-sm {
        padding-right: 25px !important;
    }

    .pr30-sm {
        padding-right: 30px !important;
    }

    .pr35-sm {
        padding-right: 35px !important;
    }

    .pr40-sm {
        padding-right: 40px !important;
    }

    .pr45-sm {
        padding-right: 45px !important;
    }

    .pr50-sm {
        padding-right: 50px !important;
    }

    .pr55-sm {
        padding-right: 55px !important;
    }

    .pr60-sm {
        padding-right: 60px !important;
    }

    .pr65-sm {
        padding-right: 65px !important;
    }

    .pr70-sm {
        padding-right: 70px !important;
    }
}

@media (max-width: 575.98px) {
    .pr0-xs {
        padding-right: 0 !important;
    }

    .pr1-xs {
        padding-right: 1px !important;
    }

    .pr5-xs {
        padding-right: 5px !important;
    }

    .pr10-xs {
        padding-right: 10px !important;
    }

    .pr15-xs {
        padding-right: 15px !important;
    }

    .pr20-xs {
        padding-right: 20px !important;
    }

    .pr25-xs {
        padding-right: 25px !important;
    }

    .pr30-xs {
        padding-right: 30px !important;
    }

    .pr35-xs {
        padding-right: 35px !important;
    }

    .pr40-xs {
        padding-right: 40px !important;
    }

    .pr45-xs {
        padding-right: 45px !important;
    }

    .pr50-xs {
        padding-right: 50px !important;
    }

    .pr55-xs {
        padding-right: 55px !important;
    }

    .pr60-xs {
        padding-right: 60px !important;
    }

    .pr65-xs {
        padding-right: 65px !important;
    }

    .pr70-xs {
        padding-right: 70px !important;
    }
}

.pb0 {
    padding-bottom: 0px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb35 {
    padding-bottom: 35px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb45 {
    padding-bottom: 45px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pb55 {
    padding-bottom: 55px !important;
}

.pb60 {
    padding-bottom: 60px !important;
}

.pb65 {
    padding-bottom: 65px !important;
}

.pb70 {
    padding-bottom: 70px !important;
}

.pb75 {
    padding-bottom: 75px !important;
}

.pb80 {
    padding-bottom: 80px !important;
}

.pb85 {
    padding-bottom: 85px !important;
}

.pb90 {
    padding-bottom: 90px !important;
}

.pb95 {
    padding-bottom: 95px !important;
}

.pb100 {
    padding-bottom: 100px !important;
}

.pb110 {
    padding-bottom: 110px !important;
}

.pb120 {
    padding-bottom: 120px !important;
}

.pb130 {
    padding-bottom: 130px !important;
}

.pb140 {
    padding-bottom: 140px !important;
}

.pb150 {
    padding-bottom: 150px !important;
}

.pb160 {
    padding-bottom: 160px !important;
}

.pb170 {
    padding-bottom: 170px !important;
}

.pb180 {
    padding-bottom: 180px !important;
}

@media (max-width: 1199.98px) {
    .pb0-lg {
        padding-bottom: 0px !important;
    }

    .pb15-lg {
        padding-bottom: 15px !important;
    }

    .pb5-lg {
        padding-bottom: 5px !important;
    }

    .pb10-lg {
        padding-bottom: 10px !important;
    }

    .pb15-lg {
        padding-bottom: 15px !important;
    }

    .pb20-lg {
        padding-bottom: 20px !important;
    }

    .pb25-lg {
        padding-bottom: 25px !important;
    }

    .pb30-lg {
        padding-bottom: 30px !important;
    }

    .pb35-lg {
        padding-bottom: 35px !important;
    }

    .pb40-lg {
        padding-bottom: 40px !important;
    }

    .pb45-lg {
        padding-bottom: 45px !important;
    }

    .pb50-lg {
        padding-bottom: 50px !important;
    }

    .pb55-lg {
        padding-bottom: 55px !important;
    }

    .pb60-lg {
        padding-bottom: 60px !important;
    }

    .pb65-lg {
        padding-bottom: 65px !important;
    }

    .pb70-lg {
        padding-bottom: 70px !important;
    }

    .pb75-lg {
        padding-bottom: 75px !important;
    }

    .pb80-lg {
        padding-bottom: 80px !important;
    }

    .pb85-lg {
        padding-bottom: 85px !important;
    }

    .pb90-lg {
        padding-bottom: 90px !important;
    }

    .pb95-lg {
        padding-bottom: 95px !important;
    }

    .pb100-lg {
        padding-bottom: 100px !important;
    }

    .pb110-lg {
        padding-bottom: 110px !important;
    }

    .pb120-lg {
        padding-bottom: 120px !important;
    }

    .pb130-lg {
        padding-bottom: 130px !important;
    }

    .pb140-lg {
        padding-bottom: 140px !important;
    }

    .pb150-lg {
        padding-bottom: 150px !important;
    }

    .pb160-lg {
        padding-bottom: 160px !important;
    }

    .pb170-lg {
        padding-bottom: 170px !important;
    }

    .pb180-lg {
        padding-bottom: 180px !important;
    }
}

@media (max-width: 991.98px) {
    .pb0-md {
        padding-bottom: 0px !important;
    }

    .pb15-md {
        padding-bottom: 15px !important;
    }

    .pb5-md {
        padding-bottom: 5px !important;
    }

    .pb10-md {
        padding-bottom: 10px !important;
    }

    .pb15-md {
        padding-bottom: 15px !important;
    }

    .pb20-md {
        padding-bottom: 20px !important;
    }

    .pb25-md {
        padding-bottom: 25px !important;
    }

    .pb30-md {
        padding-bottom: 30px !important;
    }

    .pb35-md {
        padding-bottom: 35px !important;
    }

    .pb40-md {
        padding-bottom: 40px !important;
    }

    .pb45-md {
        padding-bottom: 45px !important;
    }

    .pb50-md {
        padding-bottom: 50px !important;
    }

    .pb55-md {
        padding-bottom: 55px !important;
    }

    .pb60-md {
        padding-bottom: 60px !important;
    }

    .pb65-md {
        padding-bottom: 65px !important;
    }

    .pb70-md {
        padding-bottom: 70px !important;
    }

    .pb75-md {
        padding-bottom: 75px !important;
    }

    .pb80-md {
        padding-bottom: 80px !important;
    }

    .pb85-md {
        padding-bottom: 85px !important;
    }

    .pb90-md {
        padding-bottom: 90px !important;
    }

    .pb95-md {
        padding-bottom: 95px !important;
    }

    .pb100-md {
        padding-bottom: 100px !important;
    }

    .pb110-md {
        padding-bottom: 110px !important;
    }

    .pb120-md {
        padding-bottom: 120px !important;
    }

    .pb130-md {
        padding-bottom: 130px !important;
    }

    .pb140-md {
        padding-bottom: 140px !important;
    }

    .pb150-md {
        padding-bottom: 150px !important;
    }

    .pb160-md {
        padding-bottom: 160px !important;
    }

    .pb170-md {
        padding-bottom: 170px !important;
    }

    .pb180-md {
        padding-bottom: 180px !important;
    }
}

@media (max-width: 767.98px) {
    .pb0-sm {
        padding-bottom: 0px !important;
    }

    .pb15-sm {
        padding-bottom: 15px !important;
    }

    .pb5-sm {
        padding-bottom: 5px !important;
    }

    .pb10-sm {
        padding-bottom: 10px !important;
    }

    .pb15-sm {
        padding-bottom: 15px !important;
    }

    .pb20-sm {
        padding-bottom: 20px !important;
    }

    .pb25-sm {
        padding-bottom: 25px !important;
    }

    .pb30-sm {
        padding-bottom: 30px !important;
    }

    .pb35-sm {
        padding-bottom: 35px !important;
    }

    .pb40-sm {
        padding-bottom: 40px !important;
    }

    .pb45-sm {
        padding-bottom: 45px !important;
    }

    .pb50-sm {
        padding-bottom: 50px !important;
    }

    .pb55-sm {
        padding-bottom: 55px !important;
    }

    .pb60-sm {
        padding-bottom: 60px !important;
    }

    .pb65-sm {
        padding-bottom: 65px !important;
    }

    .pb70-sm {
        padding-bottom: 70px !important;
    }

    .pb75-sm {
        padding-bottom: 75px !important;
    }

    .pb80-sm {
        padding-bottom: 80px !important;
    }

    .pb85-sm {
        padding-bottom: 85px !important;
    }

    .pb90-sm {
        padding-bottom: 90px !important;
    }

    .pb95-sm {
        padding-bottom: 95px !important;
    }

    .pb100-sm {
        padding-bottom: 100px !important;
    }

    .pb110-sm {
        padding-bottom: 110px !important;
    }

    .pb120-sm {
        padding-bottom: 120px !important;
    }

    .pb130-sm {
        padding-bottom: 130px !important;
    }

    .pb140-sm {
        padding-bottom: 140px !important;
    }

    .pb150-sm {
        padding-bottom: 150px !important;
    }

    .pb160-sm {
        padding-bottom: 160px !important;
    }

    .pb170-sm {
        padding-bottom: 170px !important;
    }

    .pb180-sm {
        padding-bottom: 180px !important;
    }
}

@media (max-width: 575.98px) {
    .pb0-xs {
        padding-bottom: 0px !important;
    }

    .pb15-xs {
        padding-bottom: 15px !important;
    }

    .pb5-xs {
        padding-bottom: 5px !important;
    }

    .pb10-xs {
        padding-bottom: 10px !important;
    }

    .pb15-xs {
        padding-bottom: 15px !important;
    }

    .pb20-xs {
        padding-bottom: 20px !important;
    }

    .pb25-xs {
        padding-bottom: 25px !important;
    }

    .pb30-xs {
        padding-bottom: 30px !important;
    }

    .pb35-xs {
        padding-bottom: 35px !important;
    }

    .pb40-xs {
        padding-bottom: 40px !important;
    }

    .pb45-xs {
        padding-bottom: 45px !important;
    }

    .pb50-xs {
        padding-bottom: 50px !important;
    }

    .pb55-xs {
        padding-bottom: 55px !important;
    }

    .pb60-xs {
        padding-bottom: 60px !important;
    }

    .pb65-xs {
        padding-bottom: 65px !important;
    }

    .pb70-xs {
        padding-bottom: 70px !important;
    }

    .pb75-xs {
        padding-bottom: 75px !important;
    }

    .pb80-xs {
        padding-bottom: 80px !important;
    }

    .pb85-xs {
        padding-bottom: 85px !important;
    }

    .pb90-xs {
        padding-bottom: 90px !important;
    }

    .pb95-xs {
        padding-bottom: 95px !important;
    }

    .pb100-xs {
        padding-bottom: 100px !important;
    }

    .pb110-xs {
        padding-bottom: 110px !important;
    }

    .pb120-xs {
        padding-bottom: 120px !important;
    }

    .pb130-xs {
        padding-bottom: 130px !important;
    }

    .pb140-xs {
        padding-bottom: 140px !important;
    }

    .pb150-xs {
        padding-bottom: 150px !important;
    }

    .pb160-xs {
        padding-bottom: 160px !important;
    }

    .pb170-xs {
        padding-bottom: 170px !important;
    }

    .pb180-xs {
        padding-bottom: 180px !important;
    }
}

.pl0 {
    padding-left: 0 !important;
}

.pl1 {
    padding-left: 1px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl6 {
    padding-left: 6px !important;
}

.pl7 {
    padding-left: 7px !important;
}

.pl8 {
    padding-left: 8px !important;
}

.pl9 {
    padding-left: 9px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pl35 {
    padding-left: 35px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.pl45 {
    padding-left: 45px !important;
}

.pl50 {
    padding-left: 50px !important;
}

.pl55 {
    padding-left: 55px !important;
}

.pl60 {
    padding-left: 60px !important;
}

.pl65 {
    padding-left: 65px !important;
}

.pl70 {
    padding-left: 70px !important;
}

.pl75 {
    padding-left: 75px !important;
}

.pl80 {
    padding-left: 80px !important;
}

.pl85 {
    padding-left: 85px !important;
}

.pl90 {
    padding-left: 90px !important;
}

.pl95 {
    padding-left: 95px !important;
}

.pl100 {
    padding-left: 100px !important;
}

.pl150 {
    padding-left: 150px !important;
}

.pl200 {
    padding-left: 200px !important;
}

.pl220 {
    padding-left: 220px !important;
}

.pl210 {
    padding-left: 210px !important;
}

.pl230 {
    padding-left: 230px !important;
}

.pl240 {
    padding-left: 240px !important;
}

.pl250 {
    padding-left: 250px !important;
}

.pl300 {
    padding-left: 300px !important;
}

.pl330 {
    padding-left: 330px !important;
}

.pl340 {
    padding-left: 340px !important;
}

.pl350 {
    padding-left: 350px !important;
}

.pl400 {
    padding-left: 400px !important;
}

.lg-px_40 {
    padding-left: 40px;
    padding-right: 40px;
}

@media (max-width: 1199.98px) {
    .pl0-lg {
        padding-left: 0 !important;
    }

    .pl1-lg {
        padding-left: 1px !important;
    }

    .pl5-lg {
        padding-left: 5px !important;
    }

    .pl6-lg {
        padding-left: 6px !important;
    }

    .pl7-lg {
        padding-left: 7px !important;
    }

    .pl8-lg {
        padding-left: 8px !important;
    }

    .pl9-lg {
        padding-left: 9px !important;
    }

    .pl10-lg {
        padding-left: 10px !important;
    }

    .pl15-lg {
        padding-left: 15px !important;
    }

    .pl20-lg {
        padding-left: 20px !important;
    }

    .pl25-lg {
        padding-left: 25px !important;
    }

    .pl30-lg {
        padding-left: 30px !important;
    }

    .pl35-lg {
        padding-left: 35px !important;
    }

    .pl40-lg {
        padding-left: 40px !important;
    }

    .pl45-lg {
        padding-left: 45px !important;
    }

    .pl50-lg {
        padding-left: 50px !important;
    }

    .pl55-lg {
        padding-left: 55px !important;
    }

    .pl60-lg {
        padding-left: 60px !important;
    }

    .pl65-lg {
        padding-left: 65px !important;
    }

    .pl70-lg {
        padding-left: 70px !important;
    }

    .pl75-lg {
        padding-left: 75px !important;
    }

    .pl80-lg {
        padding-left: 80px !important;
    }

    .pl85-lg {
        padding-left: 85px !important;
    }

    .pl90-lg {
        padding-left: 90px !important;
    }

    .pl95-lg {
        padding-left: 95px !important;
    }

    .pl100-lg {
        padding-left: 100px !important;
    }

    .pl150-lg {
        padding-left: 150px !important;
    }

    .pl200-lg {
        padding-left: 200px !important;
    }

    .pl220-lg {
        padding-left: 220px !important;
    }

    .pl210-lg {
        padding-left: 210px !important;
    }

    .pl230-lg {
        padding-left: 230px !important;
    }

    .pl240-lg {
        padding-left: 240px !important;
    }

    .pl250-lg {
        padding-left: 250px !important;
    }

    .pl300-lg {
        padding-left: 300px !important;
    }

    .pl330-lg {
        padding-left: 330px !important;
    }

    .pl340-lg {
        padding-left: 340px !important;
    }

    .pl350-lg {
        padding-left: 350px !important;
    }

    .pl400-lg {
        padding-left: 400px !important;
    }

    .px_15 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 991.98px) {
    .pl0-md {
        padding-left: 0 !important;
    }

    .pl1-md {
        padding-left: 1px !important;
    }

    .pl5-md {
        padding-left: 5px !important;
    }

    .pl6-md {
        padding-left: 6px !important;
    }

    .pl7-md {
        padding-left: 7px !important;
    }

    .pl8-md {
        padding-left: 8px !important;
    }

    .pl9-md {
        padding-left: 9px !important;
    }

    .pl10-md {
        padding-left: 10px !important;
    }

    .pl15-md {
        padding-left: 15px !important;
    }

    .pl20-md {
        padding-left: 20px !important;
    }

    .pl25-md {
        padding-left: 25px !important;
    }

    .pl30-md {
        padding-left: 30px !important;
    }

    .pl35-md {
        padding-left: 35px !important;
    }

    .pl40-md {
        padding-left: 40px !important;
    }

    .pl45-md {
        padding-left: 45px !important;
    }

    .pl50-md {
        padding-left: 50px !important;
    }

    .pl55-md {
        padding-left: 55px !important;
    }

    .pl60-md {
        padding-left: 60px !important;
    }

    .pl65-md {
        padding-left: 65px !important;
    }

    .pl70-md {
        padding-left: 70px !important;
    }

    .pl75-md {
        padding-left: 75px !important;
    }

    .pl80-md {
        padding-left: 80px !important;
    }

    .pl85-md {
        padding-left: 85px !important;
    }

    .pl90-md {
        padding-left: 90px !important;
    }

    .pl95-md {
        padding-left: 95px !important;
    }

    .pl100-md {
        padding-left: 100px !important;
    }

    .pl150-md {
        padding-left: 150px !important;
    }

    .pl200-md {
        padding-left: 200px !important;
    }

    .pl220-md {
        padding-left: 220px !important;
    }

    .pl210-md {
        padding-left: 210px !important;
    }

    .pl230-md {
        padding-left: 230px !important;
    }

    .pl240-md {
        padding-left: 240px !important;
    }

    .pl250-md {
        padding-left: 250px !important;
    }

    .pl300-md {
        padding-left: 300px !important;
    }

    .pl330-md {
        padding-left: 330px !important;
    }

    .pl340-md {
        padding-left: 340px !important;
    }

    .pl350-md {
        padding-left: 350px !important;
    }

    .pl400-md {
        padding-left: 400px !important;
    }
}

@media (max-width: 767.98px) {
    .pl0-sm {
        padding-left: 0 !important;
    }

    .pl1-sm {
        padding-left: 1px !important;
    }

    .pl5-sm {
        padding-left: 5px !important;
    }

    .pl6-sm {
        padding-left: 6px !important;
    }

    .pl7-sm {
        padding-left: 7px !important;
    }

    .pl8-sm {
        padding-left: 8px !important;
    }

    .pl9-sm {
        padding-left: 9px !important;
    }

    .pl10-sm {
        padding-left: 10px !important;
    }

    .pl15-sm {
        padding-left: 15px !important;
    }

    .pl20-sm {
        padding-left: 20px !important;
    }

    .pl25-sm {
        padding-left: 25px !important;
    }

    .pl30-sm {
        padding-left: 30px !important;
    }

    .pl35-sm {
        padding-left: 35px !important;
    }

    .pl40-sm {
        padding-left: 40px !important;
    }

    .pl45-sm {
        padding-left: 45px !important;
    }

    .pl50-sm {
        padding-left: 50px !important;
    }

    .pl55-sm {
        padding-left: 55px !important;
    }

    .pl60-sm {
        padding-left: 60px !important;
    }

    .pl65-sm {
        padding-left: 65px !important;
    }

    .pl70-sm {
        padding-left: 70px !important;
    }

    .pl75-sm {
        padding-left: 75px !important;
    }

    .pl80-sm {
        padding-left: 80px !important;
    }

    .pl85-sm {
        padding-left: 85px !important;
    }

    .pl90-sm {
        padding-left: 90px !important;
    }

    .pl95-sm {
        padding-left: 95px !important;
    }

    .pl100-sm {
        padding-left: 100px !important;
    }

    .pl150-sm {
        padding-left: 150px !important;
    }

    .pl200-sm {
        padding-left: 200px !important;
    }

    .pl220-sm {
        padding-left: 220px !important;
    }

    .pl210-sm {
        padding-left: 210px !important;
    }

    .pl230-sm {
        padding-left: 230px !important;
    }

    .pl240-sm {
        padding-left: 240px !important;
    }

    .pl250-sm {
        padding-left: 250px !important;
    }

    .pl300-sm {
        padding-left: 300px !important;
    }

    .pl330-sm {
        padding-left: 330px !important;
    }

    .pl340-sm {
        padding-left: 340px !important;
    }

    .pl350-sm {
        padding-left: 350px !important;
    }

    .pl400-sm {
        padding-left: 400px !important;
    }
}

@media (max-width: 575.98px) {
    .pl0-xs {
        padding-left: 0 !important;
    }

    .pl1-xs {
        padding-left: 1px !important;
    }

    .pl5-xs {
        padding-left: 5px !important;
    }

    .pl6-xs {
        padding-left: 6px !important;
    }

    .pl7-xs {
        padding-left: 7px !important;
    }

    .pl8-xs {
        padding-left: 8px !important;
    }

    .pl9-xs {
        padding-left: 9px !important;
    }

    .pl10-xs {
        padding-left: 10px !important;
    }

    .pl15-xs {
        padding-left: 15px !important;
    }

    .pl20-xs {
        padding-left: 20px !important;
    }

    .pl25-xs {
        padding-left: 25px !important;
    }

    .pl30-xs {
        padding-left: 30px !important;
    }

    .pl35-xs {
        padding-left: 35px !important;
    }

    .pl40-xs {
        padding-left: 40px !important;
    }

    .pl45-xs {
        padding-left: 45px !important;
    }

    .pl50-xs {
        padding-left: 50px !important;
    }

    .pl55-xs {
        padding-left: 55px !important;
    }

    .pl60-xs {
        padding-left: 60px !important;
    }

    .pl65-xs {
        padding-left: 65px !important;
    }

    .pl70-xs {
        padding-left: 70px !important;
    }

    .pl75-xs {
        padding-left: 75px !important;
    }

    .pl80-xs {
        padding-left: 80px !important;
    }

    .pl85-xs {
        padding-left: 85px !important;
    }

    .pl90-xs {
        padding-left: 90px !important;
    }

    .pl95-xs {
        padding-left: 95px !important;
    }

    .pl100-xs {
        padding-left: 100px !important;
    }

    .pl150-xs {
        padding-left: 150px !important;
    }

    .pl200-xs {
        padding-left: 200px !important;
    }

    .pl220-xs {
        padding-left: 220px !important;
    }

    .pl210-xs {
        padding-left: 210px !important;
    }

    .pl230-xs {
        padding-left: 230px !important;
    }

    .pl240-xs {
        padding-left: 240px !important;
    }

    .pl250-xs {
        padding-left: 250px !important;
    }

    .pl300-xs {
        padding-left: 300px !important;
    }

    .pl330-xs {
        padding-left: 330px !important;
    }

    .pl340-xs {
        padding-left: 340px !important;
    }

    .pl350-xs {
        padding-left: 350px !important;
    }

    .pl400-xs {
        padding-left: 400px !important;
    }
}

.prpl0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.prpl5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.prpl10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.prpl15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.prpl20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.prpl25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.prpl30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.prpl35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
}

.prpl40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.prpl2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.ptpb50 {
    padding-top: 50px;
    padding-bottom: 50px !important;
}

.ptpb60 {
    padding-top: 60px;
    padding-bottom: 60px !important;
}

.plpr0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.m0a {
    margin: 0 auto !important;
}

.mt--5 {
    margin-top: -5px !important;
}

.mt-6 {
    margin-top: -6px !important;
}

.mt-7 {
    margin-top: -7px !important;
}

.mt-8 {
    margin-top: -8px !important;
}

.mt-9 {
    margin-top: -9px !important;
}

.mt-10 {
    margin-top: -10px !important;
}

.mt-15 {
    margin-top: -15px !important;
}

.mt-20 {
    margin-top: -20px !important;
}

.mt-25 {
    margin-top: -25px !important;
}

.mt-30 {
    margin-top: -30px !important;
}

.mt-35 {
    margin-top: -35px !important;
}

.mt-40 {
    margin-top: -40px !important;
}

.mt-45 {
    margin-top: -45px !important;
}

.mt-50 {
    margin-top: -50px !important;
}

.mt-55 {
    margin-top: -55px !important;
}

.mt-60 {
    margin-top: -60px !important;
}

.mt-65 {
    margin-top: -65px !important;
}

.mt-70 {
    margin-top: -70px !important;
}

.mt-75 {
    margin-top: -75px !important;
}

.mt-80 {
    margin-top: -80px !important;
}

.mt-85 {
    margin-top: -85px !important;
}

.mt-90 {
    margin-top: -90px !important;
}

.mt-95 {
    margin-top: -95px !important;
}

.mt-100 {
    margin-top: -100px !important;
}

.mt-120 {
    margin-top: -120px !important;
}

.mt-150 {
    margin-top: -150px !important;
}

.mt-200 {
    margin-top: -200px !important;
}

@media (max-width: 1199.98px) {
    .m0a-lg {
        margin: 0 auto !important;
    }

    .mt-5-lg {
        margin-top: -5px !important;
    }

    .mt-6-lg {
        margin-top: -6px !important;
    }

    .mt-7-lg {
        margin-top: -7px !important;
    }

    .mt-8-lg {
        margin-top: -8px !important;
    }

    .mt-9-lg {
        margin-top: -9px !important;
    }

    .mt-10-lg {
        margin-top: -10px !important;
    }

    .mt-15-lg {
        margin-top: -15px !important;
    }

    .mt-20-lg {
        margin-top: -20px !important;
    }

    .mt-25-lg {
        margin-top: -25px !important;
    }

    .mt-30-lg {
        margin-top: -30px !important;
    }

    .mt-35-lg {
        margin-top: -35px !important;
    }

    .mt-40-lg {
        margin-top: -40px !important;
    }

    .mt-45-lg {
        margin-top: -45px !important;
    }

    .mt-50-lg {
        margin-top: -50px !important;
    }

    .mt-55-lg {
        margin-top: -55px !important;
    }

    .mt-60-lg {
        margin-top: -60px !important;
    }

    .mt-65-lg {
        margin-top: -65px !important;
    }

    .mt-70-lg {
        margin-top: -70px !important;
    }

    .mt-75-lg {
        margin-top: -75px !important;
    }

    .mt-80-lg {
        margin-top: -80px !important;
    }

    .mt-85-lg {
        margin-top: -85px !important;
    }

    .mt-90-lg {
        margin-top: -90px !important;
    }

    .mt-95-lg {
        margin-top: -95px !important;
    }

    .mt-100-lg {
        margin-top: -100px !important;
    }

    .mt-120-lg {
        margin-top: -120px !important;
    }

    .mt-150-lg {
        margin-top: -150px !important;
    }

    .mt-200-lg {
        margin-top: -200px !important;
    }
}

@media (max-width: 991.98px) {
    .m0a-md {
        margin: 0 auto !important;
    }

    .mt-5-md {
        margin-top: -5px !important;
    }

    .mt-6-md {
        margin-top: -6px !important;
    }

    .mt-7-md {
        margin-top: -7px !important;
    }

    .mt-8-md {
        margin-top: -8px !important;
    }

    .mt-9-md {
        margin-top: -9px !important;
    }

    .mt-10-md {
        margin-top: -10px !important;
    }

    .mt-15-md {
        margin-top: -15px !important;
    }

    .mt-20-md {
        margin-top: -20px !important;
    }

    .mt-25-md {
        margin-top: -25px !important;
    }

    .mt-30-md {
        margin-top: -30px !important;
    }

    .mt-35-md {
        margin-top: -35px !important;
    }

    .mt-40-md {
        margin-top: -40px !important;
    }

    .mt-45-md {
        margin-top: -45px !important;
    }

    .mt-50-md {
        margin-top: -50px !important;
    }

    .mt-55-md {
        margin-top: -55px !important;
    }

    .mt-60-md {
        margin-top: -60px !important;
    }

    .mt-65-md {
        margin-top: -65px !important;
    }

    .mt-70-md {
        margin-top: -70px !important;
    }

    .mt-75-md {
        margin-top: -75px !important;
    }

    .mt-80-md {
        margin-top: -80px !important;
    }

    .mt-85-md {
        margin-top: -85px !important;
    }

    .mt-90-md {
        margin-top: -90px !important;
    }

    .mt-95-md {
        margin-top: -95px !important;
    }

    .mt-100-md {
        margin-top: -100px !important;
    }

    .mt-120-md {
        margin-top: -120px !important;
    }

    .mt-150-md {
        margin-top: -150px !important;
    }

    .mt-200-md {
        margin-top: -200px !important;
    }
}

@media (max-width: 767.98px) {
    .m0a-sm {
        margin: 0 auto !important;
    }

    .mt-5-sm {
        margin-top: -5px !important;
    }

    .mt-6-sm {
        margin-top: -6px !important;
    }

    .mt-7-sm {
        margin-top: -7px !important;
    }

    .mt-8-sm {
        margin-top: -8px !important;
    }

    .mt-9-sm {
        margin-top: -9px !important;
    }

    .mt-10-sm {
        margin-top: -10px !important;
    }

    .mt-15-sm {
        margin-top: -15px !important;
    }

    .mt-20-sm {
        margin-top: -20px !important;
    }

    .mt-25-sm {
        margin-top: -25px !important;
    }

    .mt-30-sm {
        margin-top: -30px !important;
    }

    .mt-35-sm {
        margin-top: -35px !important;
    }

    .mt-40-sm {
        margin-top: -40px !important;
    }

    .mt-45-sm {
        margin-top: -45px !important;
    }

    .mt-50-sm {
        margin-top: -50px !important;
    }

    .mt-55-sm {
        margin-top: -55px !important;
    }

    .mt-60-sm {
        margin-top: -60px !important;
    }

    .mt-65-sm {
        margin-top: -65px !important;
    }

    .mt-70-sm {
        margin-top: -70px !important;
    }

    .mt-75-sm {
        margin-top: -75px !important;
    }

    .mt-80-sm {
        margin-top: -80px !important;
    }

    .mt-85-sm {
        margin-top: -85px !important;
    }

    .mt-90-sm {
        margin-top: -90px !important;
    }

    .mt-95-sm {
        margin-top: -95px !important;
    }

    .mt-100-sm {
        margin-top: -100px !important;
    }

    .mt-120-sm {
        margin-top: -120px !important;
    }

    .mt-150-sm {
        margin-top: -150px !important;
    }

    .mt-200-sm {
        margin-top: -200px !important;
    }
}

@media (max-width: 575.98px) {
    .m0a-xs {
        margin: 0 auto !important;
    }

    .mt-5-xs {
        margin-top: -5px !important;
    }

    .mt-6-xs {
        margin-top: -6px !important;
    }

    .mt-7-xs {
        margin-top: -7px !important;
    }

    .mt-8-xs {
        margin-top: -8px !important;
    }

    .mt-9-xs {
        margin-top: -9px !important;
    }

    .mt-10-xs {
        margin-top: -10px !important;
    }

    .mt-15-xs {
        margin-top: -15px !important;
    }

    .mt-20-xs {
        margin-top: -20px !important;
    }

    .mt-25-xs {
        margin-top: -25px !important;
    }

    .mt-30-xs {
        margin-top: -30px !important;
    }

    .mt-35-xs {
        margin-top: -35px !important;
    }

    .mt-40-xs {
        margin-top: -40px !important;
    }

    .mt-45-xs {
        margin-top: -45px !important;
    }

    .mt-50-xs {
        margin-top: -50px !important;
    }

    .mt-55-xs {
        margin-top: -55px !important;
    }

    .mt-60-xs {
        margin-top: -60px !important;
    }

    .mt-65-xs {
        margin-top: -65px !important;
    }

    .mt-70-xs {
        margin-top: -70px !important;
    }

    .mt-75-xs {
        margin-top: -75px !important;
    }

    .mt-80-xs {
        margin-top: -80px !important;
    }

    .mt-85-xs {
        margin-top: -85px !important;
    }

    .mt-90-xs {
        margin-top: -90px !important;
    }

    .mt-95-xs {
        margin-top: -95px !important;
    }

    .mt-100-xs {
        margin-top: -100px !important;
    }

    .mt-120-xs {
        margin-top: -120px !important;
    }

    .mt-150-xs {
        margin-top: -150px !important;
    }

    .mt-200-xs {
        margin-top: -200px !important;
    }
}

.m--1 {
    margin: -1px !important;
}

.m--2 {
    margin: -2px !important;
}

.ms--1 {
    margin-left: -1px !important;
}

.me--1 {
    margin-right: -1px !important;
}

.mx--1 {
    margin-left: -1px !important;
    margin-right: -1px !important;
}

.my--1 {
    margin-top: -1px !important;
    margin-bottom: -1px !important;
}

.mx--2 {
    margin-left: -2px !important;
    margin-right: -2px !important;
}

.my--2 {
    margin-top: -2px !important;
    margin-bottom: -2px !important;
}

.m0 {
    margin: 0 !important;
}

.m5 {
    margin: 5px !important;
}

.m10 {
    margin: 10px !important;
}

.m15 {
    margin: 15px !important;
}

.m20 {
    margin: 20px !important;
}

.m25 {
    margin: 25px !important;
}

.m30 {
    margin: 30px !important;
}

.m35 {
    margin: 35px !important;
}

.m40 {
    margin: 40px !important;
}

.m45 {
    margin: 45px !important;
}

.m50 {
    margin: 50px !important;
}

.m55 {
    margin: 55px !important;
}

.m60 {
    margin: 60px !important;
}

.m65 {
    margin: 65px !important;
}

.m70 {
    margin: 70px !important;
}

.m75 {
    margin: 75px !important;
}

.m80 {
    margin: 80px !important;
}

.m85 {
    margin: 85px !important;
}

.m90 {
    margin: 90px !important;
}

.m95 {
    margin: 95px !important;
}

.m100 {
    margin: 100px !important;
}

@media (max-width: 1199.98px) {
    .m0-lg {
        margin: 0 !important;
    }

    .m5-lg {
        margin: 5px !important;
    }

    .m10-lg {
        margin: 10px !important;
    }

    .m15-lg {
        margin: 15px !important;
    }

    .m20-lg {
        margin: 20px !important;
    }

    .m25-lg {
        margin: 25px !important;
    }

    .m30-lg {
        margin: 30px !important;
    }

    .m35-lg {
        margin: 35px !important;
    }

    .m40-lg {
        margin: 40px !important;
    }

    .m45-lg {
        margin: 45px !important;
    }

    .m50-lg {
        margin: 50px !important;
    }

    .m55-lg {
        margin: 55px !important;
    }

    .m60-lg {
        margin: 60px !important;
    }

    .m65-lg {
        margin: 65px !important;
    }

    .m70-lg {
        margin: 70px !important;
    }

    .m75-lg {
        margin: 75px !important;
    }

    .m80-lg {
        margin: 80px !important;
    }

    .m85-lg {
        margin: 85px !important;
    }

    .m90-lg {
        margin: 90px !important;
    }

    .m95-lg {
        margin: 95px !important;
    }

    .m100-lg {
        margin: 100px !important;
    }
}

@media (max-width: 991.98px) {
    .m0-md {
        margin: 0 !important;
    }

    .m5-md {
        margin: 5px !important;
    }

    .m10-md {
        margin: 10px !important;
    }

    .m15-md {
        margin: 15px !important;
    }

    .m20-md {
        margin: 20px !important;
    }

    .m25-md {
        margin: 25px !important;
    }

    .m30-md {
        margin: 30px !important;
    }

    .m35-md {
        margin: 35px !important;
    }

    .m40-md {
        margin: 40px !important;
    }

    .m45-md {
        margin: 45px !important;
    }

    .m50-md {
        margin: 50px !important;
    }

    .m55-md {
        margin: 55px !important;
    }

    .m60-md {
        margin: 60px !important;
    }

    .m65-md {
        margin: 65px !important;
    }

    .m70-md {
        margin: 70px !important;
    }

    .m75-md {
        margin: 75px !important;
    }

    .m80-md {
        margin: 80px !important;
    }

    .m85-md {
        margin: 85px !important;
    }

    .m90-md {
        margin: 90px !important;
    }

    .m95-md {
        margin: 95px !important;
    }

    .m100-md {
        margin: 100px !important;
    }
}

@media (max-width: 767.98px) {
    .m0-sm {
        margin: 0 !important;
    }

    .m5-sm {
        margin: 5px !important;
    }

    .m10-sm {
        margin: 10px !important;
    }

    .m15-sm {
        margin: 15px !important;
    }

    .m20-sm {
        margin: 20px !important;
    }

    .m25-sm {
        margin: 25px !important;
    }

    .m30-sm {
        margin: 30px !important;
    }

    .m35-sm {
        margin: 35px !important;
    }

    .m40-sm {
        margin: 40px !important;
    }

    .m45-sm {
        margin: 45px !important;
    }

    .m50-sm {
        margin: 50px !important;
    }

    .m55-sm {
        margin: 55px !important;
    }

    .m60-sm {
        margin: 60px !important;
    }

    .m65-sm {
        margin: 65px !important;
    }

    .m70-sm {
        margin: 70px !important;
    }

    .m75-sm {
        margin: 75px !important;
    }

    .m80-sm {
        margin: 80px !important;
    }

    .m85-sm {
        margin: 85px !important;
    }

    .m90-sm {
        margin: 90px !important;
    }

    .m95-sm {
        margin: 95px !important;
    }

    .m100-sm {
        margin: 100px !important;
    }
}

@media (max-width: 575.98px) {
    .m0-xs {
        margin: 0 !important;
    }

    .m5-xs {
        margin: 5px !important;
    }

    .m10-xs {
        margin: 10px !important;
    }

    .m15-xs {
        margin: 15px !important;
    }

    .m20-xs {
        margin: 20px !important;
    }

    .m25-xs {
        margin: 25px !important;
    }

    .m30-xs {
        margin: 30px !important;
    }

    .m35-xs {
        margin: 35px !important;
    }

    .m40-xs {
        margin: 40px !important;
    }

    .m45-xs {
        margin: 45px !important;
    }

    .m50-xs {
        margin: 50px !important;
    }

    .m55-xs {
        margin: 55px !important;
    }

    .m60-xs {
        margin: 60px !important;
    }

    .m65-xs {
        margin: 65px !important;
    }

    .m70-xs {
        margin: 70px !important;
    }

    .m75-xs {
        margin: 75px !important;
    }

    .m80-xs {
        margin: 80px !important;
    }

    .m85-xs {
        margin: 85px !important;
    }

    .m90-xs {
        margin: 90px !important;
    }

    .m95-xs {
        margin: 95px !important;
    }

    .m100-xs {
        margin: 100px !important;
    }
}

.mt0 {
    margin-top: 0px !important;
}

.mt1 {
    margin-top: 1px !important;
}

.mt2 {
    margin-top: 2px !important;
}

.mt3 {
    margin-top: 3px !important;
}

.mt4 {
    margin-top: 4px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt8 {
    margin-top: 8px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt45 {
    margin-top: 45px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt55 {
    margin-top: 55px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt65 {
    margin-top: 65px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mt75 {
    margin-top: 75px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mt85 {
    margin-top: 85px !important;
}

.mt90 {
    margin-top: 90px !important;
}

.mt95 {
    margin-top: 95px !important;
}

.mt100 {
    margin-top: 100px !important;
}

.mt110 {
    margin-top: 110px !important;
}

.mt120 {
    margin-top: 120px !important;
}

.mt130 {
    margin-top: 130px !important;
}

.mt140 {
    margin-top: 140px !important;
}

.mt150 {
    margin-top: 150px !important;
}

.mt200 {
    margin-top: 200px !important;
}

.mt250 {
    margin-top: 250px !important;
}

.mt300 {
    margin-top: 3000px !important;
}

.mt-30 {
    margin-top: -30px !important;
}

@media (max-width: 1199.98px) {
    .mt0-lg {
        margin-top: 0px !important;
    }

    .mt1-lg {
        margin-top: 1px !important;
    }

    .mt2-lg {
        margin-top: 2px !important;
    }

    .mt3-lg {
        margin-top: 3px !important;
    }

    .mt4-lg {
        margin-top: 4px !important;
    }

    .mt5-lg {
        margin-top: 5px !important;
    }

    .mt8-lg {
        margin-top: 8px !important;
    }

    .mt10-lg {
        margin-top: 10px !important;
    }

    .mt15-lg {
        margin-top: 15px !important;
    }

    .mt20-lg {
        margin-top: 20px !important;
    }

    .mt25-lg {
        margin-top: 25px !important;
    }

    .mt30-lg {
        margin-top: 30px !important;
    }

    .mt35-lg {
        margin-top: 35px !important;
    }

    .mt40-lg {
        margin-top: 40px !important;
    }

    .mt45-lg {
        margin-top: 45px !important;
    }

    .mt50-lg {
        margin-top: 50px !important;
    }

    .mt55-lg {
        margin-top: 55px !important;
    }

    .mt60-lg {
        margin-top: 60px !important;
    }

    .mt65-lg {
        margin-top: 65px !important;
    }

    .mt70-lg {
        margin-top: 70px !important;
    }

    .mt75-lg {
        margin-top: 75px !important;
    }

    .mt80-lg {
        margin-top: 80px !important;
    }

    .mt85-lg {
        margin-top: 85px !important;
    }

    .mt90-lg {
        margin-top: 90px !important;
    }

    .mt95-lg {
        margin-top: 95px !important;
    }

    .mt100-lg {
        margin-top: 100px !important;
    }

    .mt110-lg {
        margin-top: 110px !important;
    }

    .mt120-lg {
        margin-top: 120px !important;
    }

    .mt130-lg {
        margin-top: 130px !important;
    }

    .mt140-lg {
        margin-top: 140px !important;
    }

    .mt150-lg {
        margin-top: 150px !important;
    }

    .mt200-lg {
        margin-top: 200px !important;
    }

    .mt250-lg {
        margin-top: 250px !important;
    }

    .mt300-lg {
        margin-top: 3000px !important;
    }

    .mt-30-lg {
        margin-top: -30px !important;
    }
}

@media (max-width: 991.98px) {
    .mt0-md {
        margin-top: 0px !important;
    }

    .mt1-md {
        margin-top: 1px !important;
    }

    .mt2-md {
        margin-top: 2px !important;
    }

    .mt3-md {
        margin-top: 3px !important;
    }

    .mt4-md {
        margin-top: 4px !important;
    }

    .mt5-md {
        margin-top: 5px !important;
    }

    .mt8-md {
        margin-top: 8px !important;
    }

    .mt10-md {
        margin-top: 10px !important;
    }

    .mt15-md {
        margin-top: 15px !important;
    }

    .mt20-md {
        margin-top: 20px !important;
    }

    .mt25-md {
        margin-top: 25px !important;
    }

    .mt30-md {
        margin-top: 30px !important;
    }

    .mt35-md {
        margin-top: 35px !important;
    }

    .mt40-md {
        margin-top: 40px !important;
    }

    .mt45-md {
        margin-top: 45px !important;
    }

    .mt50-md {
        margin-top: 50px !important;
    }

    .mt55-md {
        margin-top: 55px !important;
    }

    .mt60-md {
        margin-top: 60px !important;
    }

    .mt65-md {
        margin-top: 65px !important;
    }

    .mt70-md {
        margin-top: 70px !important;
    }

    .mt75-md {
        margin-top: 75px !important;
    }

    .mt80-md {
        margin-top: 80px !important;
    }

    .mt85-md {
        margin-top: 85px !important;
    }

    .mt90-md {
        margin-top: 90px !important;
    }

    .mt95-md {
        margin-top: 95px !important;
    }

    .mt100-md {
        margin-top: 100px !important;
    }

    .mt110-md {
        margin-top: 110px !important;
    }

    .mt120-md {
        margin-top: 120px !important;
    }

    .mt130-md {
        margin-top: 130px !important;
    }

    .mt140-md {
        margin-top: 140px !important;
    }

    .mt150-md {
        margin-top: 150px !important;
    }

    .mt200-md {
        margin-top: 200px !important;
    }

    .mt250-md {
        margin-top: 250px !important;
    }

    .mt300-md {
        margin-top: 3000px !important;
    }

    .mt-30-md {
        margin-top: -30px !important;
    }
}

@media (max-width: 767.98px) {
    .mt0-sm {
        margin-top: 0px !important;
    }

    .mt1-sm {
        margin-top: 1px !important;
    }

    .mt2-sm {
        margin-top: 2px !important;
    }

    .mt3-sm {
        margin-top: 3px !important;
    }

    .mt4-sm {
        margin-top: 4px !important;
    }

    .mt5-sm {
        margin-top: 5px !important;
    }

    .mt8-sm {
        margin-top: 8px !important;
    }

    .mt10-sm {
        margin-top: 10px !important;
    }

    .mt15-sm {
        margin-top: 15px !important;
    }

    .mt20-sm {
        margin-top: 20px !important;
    }

    .mt25-sm {
        margin-top: 25px !important;
    }

    .mt30-sm {
        margin-top: 30px !important;
    }

    .mt35-sm {
        margin-top: 35px !important;
    }

    .mt40-sm {
        margin-top: 40px !important;
    }

    .mt45-sm {
        margin-top: 45px !important;
    }

    .mt50-sm {
        margin-top: 50px !important;
    }

    .mt55-sm {
        margin-top: 55px !important;
    }

    .mt60-sm {
        margin-top: 60px !important;
    }

    .mt65-sm {
        margin-top: 65px !important;
    }

    .mt70-sm {
        margin-top: 70px !important;
    }

    .mt75-sm {
        margin-top: 75px !important;
    }

    .mt80-sm {
        margin-top: 80px !important;
    }

    .mt85-sm {
        margin-top: 85px !important;
    }

    .mt90-sm {
        margin-top: 90px !important;
    }

    .mt95-sm {
        margin-top: 95px !important;
    }

    .mt100-sm {
        margin-top: 100px !important;
    }

    .mt110-sm {
        margin-top: 110px !important;
    }

    .mt120-sm {
        margin-top: 120px !important;
    }

    .mt130-sm {
        margin-top: 130px !important;
    }

    .mt140-sm {
        margin-top: 140px !important;
    }

    .mt150-sm {
        margin-top: 150px !important;
    }

    .mt200-sm {
        margin-top: 200px !important;
    }

    .mt250-sm {
        margin-top: 250px !important;
    }

    .mt300-sm {
        margin-top: 3000px !important;
    }

    .mt-30-sm {
        margin-top: -30px !important;
    }
}

@media (max-width: 575.98px) {
    .mt0-xs {
        margin-top: 0px !important;
    }

    .mt1-xs {
        margin-top: 1px !important;
    }

    .mt2-xs {
        margin-top: 2px !important;
    }

    .mt3-xs {
        margin-top: 3px !important;
    }

    .mt4-xs {
        margin-top: 4px !important;
    }

    .mt5-xs {
        margin-top: 5px !important;
    }

    .mt8-xs {
        margin-top: 8px !important;
    }

    .mt10-xs {
        margin-top: 10px !important;
    }

    .mt15-xs {
        margin-top: 15px !important;
    }

    .mt20-xs {
        margin-top: 20px !important;
    }

    .mt25-xs {
        margin-top: 25px !important;
    }

    .mt30-xs {
        margin-top: 30px !important;
    }

    .mt35-xs {
        margin-top: 35px !important;
    }

    .mt40-xs {
        margin-top: 40px !important;
    }

    .mt45-xs {
        margin-top: 45px !important;
    }

    .mt50-xs {
        margin-top: 50px !important;
    }

    .mt55-xs {
        margin-top: 55px !important;
    }

    .mt60-xs {
        margin-top: 60px !important;
    }

    .mt65-xs {
        margin-top: 65px !important;
    }

    .mt70-xs {
        margin-top: 70px !important;
    }

    .mt75-xs {
        margin-top: 75px !important;
    }

    .mt80-xs {
        margin-top: 80px !important;
    }

    .mt85-xs {
        margin-top: 85px !important;
    }

    .mt90-xs {
        margin-top: 90px !important;
    }

    .mt95-xs {
        margin-top: 95px !important;
    }

    .mt100-xs {
        margin-top: 100px !important;
    }

    .mt110-xs {
        margin-top: 110px !important;
    }

    .mt120-xs {
        margin-top: 120px !important;
    }

    .mt130-xs {
        margin-top: 130px !important;
    }

    .mt140-xs {
        margin-top: 140px !important;
    }

    .mt150-xs {
        margin-top: 150px !important;
    }

    .mt200-xs {
        margin-top: 200px !important;
    }

    .mt250-xs {
        margin-top: 250px !important;
    }

    .mt300-xs {
        margin-top: 3000px !important;
    }

    .mt-30-xs {
        margin-top: -30px !important;
    }
}

.mr0 {
    margin-right: 0px !important;
}

.mr2 {
    margin-right: 2px !important;
}

.mr3 {
    margin-right: 3px !important;
}

.mr4 {
    margin-right: 4px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr6 {
    margin-right: 6px !important;
}

.mr7 {
    margin-right: 7px !important;
}

.mr8 {
    margin-right: 8px !important;
}

.mr9 {
    margin-right: 9px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr35 {
    margin-right: 35px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr45 {
    margin-right: 45px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mr55 {
    margin-right: 55px !important;
}

.mr60 {
    margin-right: 60px !important;
}

.mr65 {
    margin-right: 65px !important;
}

.mr70 {
    margin-right: 70px !important;
}

.mr75 {
    margin-right: 75px !important;
}

.mr80 {
    margin-right: 80px !important;
}

.mr85 {
    margin-right: 85px !important;
}

.mr90 {
    margin-right: 90px !important;
}

.mr95 {
    margin-right: 95px !important;
}

.mr100 {
    margin-right: 100px !important;
}

@media (max-width: 1199.98px) {
    .mr0-lg {
        margin-right: 0px !important;
    }

    .mr2-lg {
        margin-right: 2px !important;
    }

    .mr3-lg {
        margin-right: 3px !important;
    }

    .mr4-lg {
        margin-right: 4px !important;
    }

    .mr5-lg {
        margin-right: 5px !important;
    }

    .mr6-lg {
        margin-right: 6px !important;
    }

    .mr7-lg {
        margin-right: 7px !important;
    }

    .mr8-lg {
        margin-right: 8px !important;
    }

    .mr9-lg {
        margin-right: 9px !important;
    }

    .mr10-lg {
        margin-right: 10px !important;
    }

    .mr15-lg {
        margin-right: 15px !important;
    }

    .mr20-lg {
        margin-right: 20px !important;
    }

    .mr25-lg {
        margin-right: 25px !important;
    }

    .mr30-lg {
        margin-right: 30px !important;
    }

    .mr35-lg {
        margin-right: 35px !important;
    }

    .mr40-lg {
        margin-right: 40px !important;
    }

    .mr45-lg {
        margin-right: 45px !important;
    }

    .mr50-lg {
        margin-right: 50px !important;
    }

    .mr55-lg {
        margin-right: 55px !important;
    }

    .mr60-lg {
        margin-right: 60px !important;
    }

    .mr65-lg {
        margin-right: 65px !important;
    }

    .mr70-lg {
        margin-right: 70px !important;
    }

    .mr75-lg {
        margin-right: 75px !important;
    }

    .mr80-lg {
        margin-right: 80px !important;
    }

    .mr85-lg {
        margin-right: 85px !important;
    }

    .mr90-lg {
        margin-right: 90px !important;
    }

    .mr95-lg {
        margin-right: 95px !important;
    }

    .mr100-lg {
        margin-right: 100px !important;
    }
}

@media (max-width: 991.98px) {
    .mr0-md {
        margin-right: 0px !important;
    }

    .mr2-md {
        margin-right: 2px !important;
    }

    .mr3-md {
        margin-right: 3px !important;
    }

    .mr4-md {
        margin-right: 4px !important;
    }

    .mr5-md {
        margin-right: 5px !important;
    }

    .mr6-md {
        margin-right: 6px !important;
    }

    .mr7-md {
        margin-right: 7px !important;
    }

    .mr8-md {
        margin-right: 8px !important;
    }

    .mr9-md {
        margin-right: 9px !important;
    }

    .mr10-md {
        margin-right: 10px !important;
    }

    .mr15-md {
        margin-right: 15px !important;
    }

    .mr20-md {
        margin-right: 20px !important;
    }

    .mr25-md {
        margin-right: 25px !important;
    }

    .mr30-md {
        margin-right: 30px !important;
    }

    .mr35-md {
        margin-right: 35px !important;
    }

    .mr40-md {
        margin-right: 40px !important;
    }

    .mr45-md {
        margin-right: 45px !important;
    }

    .mr50-md {
        margin-right: 50px !important;
    }

    .mr55-md {
        margin-right: 55px !important;
    }

    .mr60-md {
        margin-right: 60px !important;
    }

    .mr65-md {
        margin-right: 65px !important;
    }

    .mr70-md {
        margin-right: 70px !important;
    }

    .mr75-md {
        margin-right: 75px !important;
    }

    .mr80-md {
        margin-right: 80px !important;
    }

    .mr85-md {
        margin-right: 85px !important;
    }

    .mr90-md {
        margin-right: 90px !important;
    }

    .mr95-md {
        margin-right: 95px !important;
    }

    .mr100-md {
        margin-right: 100px !important;
    }
}

@media (max-width: 767.98px) {
    .mr0-sm {
        margin-right: 0px !important;
    }

    .mr2-sm {
        margin-right: 2px !important;
    }

    .mr3-sm {
        margin-right: 3px !important;
    }

    .mr4-sm {
        margin-right: 4px !important;
    }

    .mr5-sm {
        margin-right: 5px !important;
    }

    .mr6-sm {
        margin-right: 6px !important;
    }

    .mr7-sm {
        margin-right: 7px !important;
    }

    .mr8-sm {
        margin-right: 8px !important;
    }

    .mr9-sm {
        margin-right: 9px !important;
    }

    .mr10-sm {
        margin-right: 10px !important;
    }

    .mr15-sm {
        margin-right: 15px !important;
    }

    .mr20-sm {
        margin-right: 20px !important;
    }

    .mr25-sm {
        margin-right: 25px !important;
    }

    .mr30-sm {
        margin-right: 30px !important;
    }

    .mr35-sm {
        margin-right: 35px !important;
    }

    .mr40-sm {
        margin-right: 40px !important;
    }

    .mr45-sm {
        margin-right: 45px !important;
    }

    .mr50-sm {
        margin-right: 50px !important;
    }

    .mr55-sm {
        margin-right: 55px !important;
    }

    .mr60-sm {
        margin-right: 60px !important;
    }

    .mr65-sm {
        margin-right: 65px !important;
    }

    .mr70-sm {
        margin-right: 70px !important;
    }

    .mr75-sm {
        margin-right: 75px !important;
    }

    .mr80-sm {
        margin-right: 80px !important;
    }

    .mr85-sm {
        margin-right: 85px !important;
    }

    .mr90-sm {
        margin-right: 90px !important;
    }

    .mr95-sm {
        margin-right: 95px !important;
    }

    .mr100-sm {
        margin-right: 100px !important;
    }
}

@media (max-width: 575.98px) {
    .mr0-xs {
        margin-right: 0px !important;
    }

    .mr2-xs {
        margin-right: 2px !important;
    }

    .mr3-xs {
        margin-right: 3px !important;
    }

    .mr4-xs {
        margin-right: 4px !important;
    }

    .mr5-xs {
        margin-right: 5px !important;
    }

    .mr6-xs {
        margin-right: 6px !important;
    }

    .mr7-xs {
        margin-right: 7px !important;
    }

    .mr8-xs {
        margin-right: 8px !important;
    }

    .mr9-xs {
        margin-right: 9px !important;
    }

    .mr10-xs {
        margin-right: 10px !important;
    }

    .mr15-xs {
        margin-right: 15px !important;
    }

    .mr20-xs {
        margin-right: 20px !important;
    }

    .mr25-xs {
        margin-right: 25px !important;
    }

    .mr30-xs {
        margin-right: 30px !important;
    }

    .mr35-xs {
        margin-right: 35px !important;
    }

    .mr40-xs {
        margin-right: 40px !important;
    }

    .mr45-xs {
        margin-right: 45px !important;
    }

    .mr50-xs {
        margin-right: 50px !important;
    }

    .mr55-xs {
        margin-right: 55px !important;
    }

    .mr60-xs {
        margin-right: 60px !important;
    }

    .mr65-xs {
        margin-right: 65px !important;
    }

    .mr70-xs {
        margin-right: 70px !important;
    }

    .mr75-xs {
        margin-right: 75px !important;
    }

    .mr80-xs {
        margin-right: 80px !important;
    }

    .mr85-xs {
        margin-right: 85px !important;
    }

    .mr90-xs {
        margin-right: 90px !important;
    }

    .mr95-xs {
        margin-right: 95px !important;
    }

    .mr100-xs {
        margin-right: 100px !important;
    }
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb55 {
    margin-bottom: 55px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb65 {
    margin-bottom: 65px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mb75 {
    margin-bottom: 75px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.mb85 {
    margin-bottom: 85px !important;
}

.mb90 {
    margin-bottom: 90px !important;
}

.mb95 {
    margin-bottom: 95px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

@media (max-width: 1199.98px) {
    .mb0-lg {
        margin-bottom: 0px !important;
    }

    .mb5-lg {
        margin-bottom: 5px !important;
    }

    .mb10-lg {
        margin-bottom: 10px !important;
    }

    .mb15-lg {
        margin-bottom: 15px !important;
    }

    .mb20-lg {
        margin-bottom: 20px !important;
    }

    .mb25-lg {
        margin-bottom: 25px !important;
    }

    .mb30-lg {
        margin-bottom: 30px !important;
    }

    .mb35-lg {
        margin-bottom: 35px !important;
    }

    .mb40-lg {
        margin-bottom: 40px !important;
    }

    .mb45-lg {
        margin-bottom: 45px !important;
    }

    .mb50-lg {
        margin-bottom: 50px !important;
    }

    .mb55-lg {
        margin-bottom: 55px !important;
    }

    .mb60-lg {
        margin-bottom: 60px !important;
    }

    .mb65-lg {
        margin-bottom: 65px !important;
    }

    .mb70-lg {
        margin-bottom: 70px !important;
    }

    .mb75-lg {
        margin-bottom: 75px !important;
    }

    .mb80-lg {
        margin-bottom: 80px !important;
    }

    .mb85-lg {
        margin-bottom: 85px !important;
    }

    .mb90-lg {
        margin-bottom: 90px !important;
    }

    .mb95-lg {
        margin-bottom: 95px !important;
    }

    .mb100-lg {
        margin-bottom: 100px !important;
    }
}

@media (max-width: 991.98px) {
    .mb0-md {
        margin-bottom: 0px !important;
    }

    .mb5-md {
        margin-bottom: 5px !important;
    }

    .mb10-md {
        margin-bottom: 10px !important;
    }

    .mb15-md {
        margin-bottom: 15px !important;
    }

    .mb20-md {
        margin-bottom: 20px !important;
    }

    .mb25-md {
        margin-bottom: 25px !important;
    }

    .mb30-md {
        margin-bottom: 30px !important;
    }

    .mb35-md {
        margin-bottom: 35px !important;
    }

    .mb40-md {
        margin-bottom: 40px !important;
    }

    .mb45-md {
        margin-bottom: 45px !important;
    }

    .mb50-md {
        margin-bottom: 50px !important;
    }

    .mb55-md {
        margin-bottom: 55px !important;
    }

    .mb60-md {
        margin-bottom: 60px !important;
    }

    .mb65-md {
        margin-bottom: 65px !important;
    }

    .mb70-md {
        margin-bottom: 70px !important;
    }

    .mb75-md {
        margin-bottom: 75px !important;
    }

    .mb80-md {
        margin-bottom: 80px !important;
    }

    .mb85-md {
        margin-bottom: 85px !important;
    }

    .mb90-md {
        margin-bottom: 90px !important;
    }

    .mb95-md {
        margin-bottom: 95px !important;
    }

    .mb100-md {
        margin-bottom: 100px !important;
    }
}

@media (max-width: 767.98px) {
    .mb0-sm {
        margin-bottom: 0px !important;
    }

    .mb5-sm {
        margin-bottom: 5px !important;
    }

    .mb10-sm {
        margin-bottom: 10px !important;
    }

    .mb15-sm {
        margin-bottom: 15px !important;
    }

    .mb20-sm {
        margin-bottom: 20px !important;
    }

    .mb25-sm {
        margin-bottom: 25px !important;
    }

    .mb30-sm {
        margin-bottom: 30px !important;
    }

    .mb35-sm {
        margin-bottom: 35px !important;
    }

    .mb40-sm {
        margin-bottom: 40px !important;
    }

    .mb45-sm {
        margin-bottom: 45px !important;
    }

    .mb50-sm {
        margin-bottom: 50px !important;
    }

    .mb55-sm {
        margin-bottom: 55px !important;
    }

    .mb60-sm {
        margin-bottom: 60px !important;
    }

    .mb65-sm {
        margin-bottom: 65px !important;
    }

    .mb70-sm {
        margin-bottom: 70px !important;
    }

    .mb75-sm {
        margin-bottom: 75px !important;
    }

    .mb80-sm {
        margin-bottom: 80px !important;
    }

    .mb85-sm {
        margin-bottom: 85px !important;
    }

    .mb90-sm {
        margin-bottom: 90px !important;
    }

    .mb95-sm {
        margin-bottom: 95px !important;
    }

    .mb100-sm {
        margin-bottom: 100px !important;
    }
}

@media (max-width: 575.98px) {
    .mb0-xs {
        margin-bottom: 0px !important;
    }

    .mb5-xs {
        margin-bottom: 5px !important;
    }

    .mb10-xs {
        margin-bottom: 10px !important;
    }

    .mb15-xs {
        margin-bottom: 15px !important;
    }

    .mb20-xs {
        margin-bottom: 20px !important;
    }

    .mb25-xs {
        margin-bottom: 25px !important;
    }

    .mb30-xs {
        margin-bottom: 30px !important;
    }

    .mb35-xs {
        margin-bottom: 35px !important;
    }

    .mb40-xs {
        margin-bottom: 40px !important;
    }

    .mb45-xs {
        margin-bottom: 45px !important;
    }

    .mb50-xs {
        margin-bottom: 50px !important;
    }

    .mb55-xs {
        margin-bottom: 55px !important;
    }

    .mb60-xs {
        margin-bottom: 60px !important;
    }

    .mb65-xs {
        margin-bottom: 65px !important;
    }

    .mb70-xs {
        margin-bottom: 70px !important;
    }

    .mb75-xs {
        margin-bottom: 75px !important;
    }

    .mb80-xs {
        margin-bottom: 80px !important;
    }

    .mb85-xs {
        margin-bottom: 85px !important;
    }

    .mb90-xs {
        margin-bottom: 90px !important;
    }

    .mb95-xs {
        margin-bottom: 95px !important;
    }

    .mb100-xs {
        margin-bottom: 100px !important;
    }
}

.ml0 {
    margin-left: 0px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml45 {
    margin-left: 45px !important;
}

.ml47 {
    margin-left: 47px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.ml55 {
    margin-left: 55px !important;
}

.ml60 {
    margin-left: 60px !important;
}

.ml65 {
    margin-left: 65px !important;
}

.ml70 {
    margin-left: 70px !important;
}

.ml75 {
    margin-left: 75px !important;
}

.ml80 {
    margin-left: 80px !important;
}

.ml85 {
    margin-left: 85px !important;
}

.ml90 {
    margin-left: 90px !important;
}

.ml95 {
    margin-left: 95px !important;
}

.ml100 {
    margin-left: 100px !important;
}

@media (max-width: 1199.98px) {
    .ml0-lg {
        margin-left: 0px !important;
    }

    .ml5-lg {
        margin-left: 5px !important;
    }

    .ml10-lg {
        margin-left: 10px !important;
    }

    .ml15-lg {
        margin-left: 15px !important;
    }

    .ml20-lg {
        margin-left: 20px !important;
    }

    .ml25-lg {
        margin-left: 25px !important;
    }

    .ml30-lg {
        margin-left: 30px !important;
    }

    .ml35-lg {
        margin-left: 35px !important;
    }

    .ml40-lg {
        margin-left: 40px !important;
    }

    .ml45-lg {
        margin-left: 45px !important;
    }

    .ml47-lg {
        margin-left: 47px !important;
    }

    .ml50-lg {
        margin-left: 50px !important;
    }

    .ml55-lg {
        margin-left: 55px !important;
    }

    .ml60-lg {
        margin-left: 60px !important;
    }

    .ml65-lg {
        margin-left: 65px !important;
    }

    .ml70-lg {
        margin-left: 70px !important;
    }

    .ml75-lg {
        margin-left: 75px !important;
    }

    .ml80-lg {
        margin-left: 80px !important;
    }

    .ml85-lg {
        margin-left: 85px !important;
    }

    .ml90-lg {
        margin-left: 90px !important;
    }

    .ml95-lg {
        margin-left: 95px !important;
    }

    .ml100-lg {
        margin-left: 100px !important;
    }
}

@media (max-width: 991.98px) {
    .ml0-md {
        margin-left: 0px !important;
    }

    .ml5-md {
        margin-left: 5px !important;
    }

    .ml10-md {
        margin-left: 10px !important;
    }

    .ml15-md {
        margin-left: 15px !important;
    }

    .ml20-md {
        margin-left: 20px !important;
    }

    .ml25-md {
        margin-left: 25px !important;
    }

    .ml30-md {
        margin-left: 30px !important;
    }

    .ml35-md {
        margin-left: 35px !important;
    }

    .ml40-md {
        margin-left: 40px !important;
    }

    .ml45-md {
        margin-left: 45px !important;
    }

    .ml47-md {
        margin-left: 47px !important;
    }

    .ml50-md {
        margin-left: 50px !important;
    }

    .ml55-md {
        margin-left: 55px !important;
    }

    .ml60-md {
        margin-left: 60px !important;
    }

    .ml65-md {
        margin-left: 65px !important;
    }

    .ml70-md {
        margin-left: 70px !important;
    }

    .ml75-md {
        margin-left: 75px !important;
    }

    .ml80-md {
        margin-left: 80px !important;
    }

    .ml85-md {
        margin-left: 85px !important;
    }

    .ml90-md {
        margin-left: 90px !important;
    }

    .ml95-md {
        margin-left: 95px !important;
    }

    .ml100-md {
        margin-left: 100px !important;
    }
}

@media (max-width: 767.98px) {
    .ml0-sm {
        margin-left: 0px !important;
    }

    .ml5-sm {
        margin-left: 5px !important;
    }

    .ml10-sm {
        margin-left: 10px !important;
    }

    .ml15-sm {
        margin-left: 15px !important;
    }

    .ml20-sm {
        margin-left: 20px !important;
    }

    .ml25-sm {
        margin-left: 25px !important;
    }

    .ml30-sm {
        margin-left: 30px !important;
    }

    .ml35-sm {
        margin-left: 35px !important;
    }

    .ml40-sm {
        margin-left: 40px !important;
    }

    .ml45-sm {
        margin-left: 45px !important;
    }

    .ml47-sm {
        margin-left: 47px !important;
    }

    .ml50-sm {
        margin-left: 50px !important;
    }

    .ml55-sm {
        margin-left: 55px !important;
    }

    .ml60-sm {
        margin-left: 60px !important;
    }

    .ml65-sm {
        margin-left: 65px !important;
    }

    .ml70-sm {
        margin-left: 70px !important;
    }

    .ml75-sm {
        margin-left: 75px !important;
    }

    .ml80-sm {
        margin-left: 80px !important;
    }

    .ml85-sm {
        margin-left: 85px !important;
    }

    .ml90-sm {
        margin-left: 90px !important;
    }

    .ml95-sm {
        margin-left: 95px !important;
    }

    .ml100-sm {
        margin-left: 100px !important;
    }
}

@media (max-width: 575.98px) {
    .ml0-xs {
        margin-left: 0px !important;
    }

    .ml5-xs {
        margin-left: 5px !important;
    }

    .ml10-xs {
        margin-left: 10px !important;
    }

    .ml15-xs {
        margin-left: 15px !important;
    }

    .ml20-xs {
        margin-left: 20px !important;
    }

    .ml25-xs {
        margin-left: 25px !important;
    }

    .ml30-xs {
        margin-left: 30px !important;
    }

    .ml35-xs {
        margin-left: 35px !important;
    }

    .ml40-xs {
        margin-left: 40px !important;
    }

    .ml45-xs {
        margin-left: 45px !important;
    }

    .ml47-xs {
        margin-left: 47px !important;
    }

    .ml50-xs {
        margin-left: 50px !important;
    }

    .ml55-xs {
        margin-left: 55px !important;
    }

    .ml60-xs {
        margin-left: 60px !important;
    }

    .ml65-xs {
        margin-left: 65px !important;
    }

    .ml70-xs {
        margin-left: 70px !important;
    }

    .ml75-xs {
        margin-left: 75px !important;
    }

    .ml80-xs {
        margin-left: 80px !important;
    }

    .ml85-xs {
        margin-left: 85px !important;
    }

    .ml90-xs {
        margin-left: 90px !important;
    }

    .ml95-xs {
        margin-left: 95px !important;
    }

    .ml100-xs {
        margin-left: 100px !important;
    }
}

.fonts-loaded body {
    font-family: var(--body-font);
}

body {
    /* background-color: #ebece2; */
    background-color: #ffffff;
    color: var(--text-color);
    font-family: var(--body-font);
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    font-optical-sizing: auto;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    counter-reset: my-sec-counter;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-synthesis: none;
    /* Prevents browser from creating bold/italic versions */
    text-rendering: optimizeLegibility;
    /* For better readability */
}

.fw-5 {
    font-weight: 500 !important;
}

.gap-20 {
    gap: 20px;
}

.scroll-container {
    overflow: hidden;
    white-space: nowrap;
}

.scroll-text {
    display: inline-block;
    animation: scroll-left 20s linear infinite;
}


@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}


.announcement-bar {
    padding-right: 65px;
    position: relative;
    transition: all 0.3s linear;
}

.announcement-bar .close-announcement-bar {
    cursor: pointer;
    position: absolute;
    font-size: 12px;
    right: 25px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--white);
}

.announcement-bar span {
    color: #ffffff;
}

.bg_orange-2 {
    background-color: #bb8d7b;
}

.noti-bar-text {
    padding: 3px 25px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11px;
    display: inline-block;
}

.su-collection-dark-4-area {
    background-color: #fff;
}


.su-collection-dark-4-right {
    position: relative;
}

.su-collection-dark-4-right img {
    border-top-right-radius: 48%;
    z-index: 1;
    position: relative;
    box-shadow: -2px 0px 10px 2px #98989836;
}


.su-collection-dark-4-right:before {
    content: '';
    border-top-right-radius: 48%;
    background: #dddfce;
    position: absolute;
    width: calc(80% + 80px);
    height: calc(100% + 44px);
    top: -22px;
    right: -22px;
    z-index: 0;
}

.su-collection-dark-4-left {
    position: relative;
    padding: 25px;
    margin: 0;
}

.su-collection-dark-4-left img {
    z-index: 1;
    position: relative;
    box-shadow: -2px 0px 10px 4px #00000073;
}

.su-collection-dark-4-left:after {
    content: '';
    background: url(../images/about-bg.jpg);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

blockquote {
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 30px;
    /* margin-top: 35px; */
    margin-top: 10px;
    padding: 15px;
    position: relative;
    color: #000;
    /* background: #d081181f; */
    font-family: 'Font Awesome 7 Brands';
    letter-spacing: 1px;
    line-height: 26px;
}

/* blockquote:after,
blockquote:before {
    content: '';
    background-image: url(../images/blockquote.svg);
    height: 30px;
    width: 38px;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 4;
} */

blockquote:after {
    top: -15px;
    bottom: 0;
    left: 10px;
}

blockquote:before {
    bottom: -15px;
    right: 10px;
    transform: rotate(180deg);
}

.su-collection-dark-4-content {
    width: 82%;
    margin: auto;
}

.su-collection-dark-4-content .para {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: var(--headings-color);
    text-align: inherit;
    margin: 0 0 20px;
}

.su-btn-16-black {
    background: #dddfce !important;
    color: var(--dark-color) !important;
}

.su-btn-4 {
    background: var(--white);
    padding: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1px;
    color: var(--dark-color);
    display: inline-block;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    text-transform: uppercase;
    font-family: var(--montserrat-font);
}

.su-btn-4:hover {
    color: var(--dark-color);
}

.su-btn-4.dark-border1 {
    border: 1px solid var(--dark-color);
}

.su-btn-4-black {
    font-weight: var(--font-weight-500);
    font-size: 13px;
    line-height: 1;
    letter-spacing: 2px;
    color: var(--dark-color);
    display: inline-block;
    /* font-weight: 500; */
}

.su-btn-4-black:hover {
    color: var(--dark-color);
}

.su-btn-4-border {
    background-color: transparent;
    color: var(--white);
    border: 1px solid var(--white);
}

.su-btn-4-border:hover {
    color: var(--white);
}

.su-btn-5 {
    background: var(--theme-color7);
    color: var(--white);
}

.su-btn-5:hover {
    color: var(--white);
}

.su-btn-5-black {
    color: var(--white);
}

.su-btn-5-black:hover {
    color: var(--white);
}

.su-btn-7 {
    background: transparent;
    border: 1px solid var(--dark-color);
}

.su-btn-7-black {
    background: var(--dark-color);
    color: var(--white);
}

.su-btn-7-black:hover {
    color: var(--white);
}

.su-btn-8 {
    color: var(--white);
    font-weight: 600;
    backdrop-filter: blur(50px);
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid var(--white);
    border-radius: 12px;
}

.su-btn-8:hover {
    color: var(--white);
}

.su-btn-8-black {
    border-color: var(--dark-color);
    color: var(--dark-color);
}

.su-btn-8-black:hover {
    color: var(--dark-color);
}

.su-btn-9 {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(25px);
    border: 1px solid var(--white);
}

.su-btn-16-black:hover {
    color: var(--dark-color) !important;
}

.su-btn-16-border-dark {
    border: 1px solid var(--dark-color);
}

.btn-black-border {
    border: 1px solid var(--theme-color10);
}

/*  Product Home 4 Style   */
.su-product-4-area {
    position: relative;
}

.su-product-4-card {
    /* border: 1px solid #e6e6e6; */
    /* margin-right: -1px; */
    position: relative;
    background: #e1e1e16b;
    /* background: #dddfce; */
    margin-bottom: 30px;
}

@media (max-width: 1700px) {
    .su-product-4-card {
        margin-right: 0;
    }
}

.su-product-4-card .product-btn {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0em;
    color: var(--dark-color);
    padding: 14px 35px;
    display: block;
    text-align: center;
    background: var(--white);
    bottom: 10px;
    left: 10px;
    right: 10px;
    position: absolute;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    z-index: 2;
}

.su-product-4-card.home1 .wishlist {
    opacity: 1;
    visibility: visible;
}

.su-product-4-card:hover .product-btn {
    opacity: 1;
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    visibility: visible;
}

.su-product-4-card:hover .wishlist {
    opacity: 1;
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    visibility: visible;
}

.su-product-4-card:hover .navigation span {
    left: 14px;
    opacity: 1;
    visibility: visible;
}

.su-product-4-card:hover .navigation span.product-next {
    right: 14px;
}

.su-product-4-card:hover .product-img .img-product {
    opacity: 0;
}

.su-product-4-card:hover .product-img .img-hover {
    display: block;
    opacity: 1;
    z-index: 1;
    -webkit-transform: scale(1.09);
    transform: scale(1.09);
}

.su-product-4-card .img-product {
    -webkit-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
}

.su-product-4-card .img-hover {
    position: absolute;
    inset: 0;
    opacity: 0;
    -webkit-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
}

.su-collection-dark-4-area {
    background-color: #fff;
}

.su-product-4-card .card-product-info {
    padding: 0px 20px 10px 20px;
    background-color: #e1e1e16b;
    /* background-color: #ebece2; */
}

.su-product-4-card .product-btn:hover {
    color: var(--white);
    background: var(--dark-color);
}

.su-product-4-card .wishlist {
    color: var(--dark-color);
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    border-radius: 50%;
    height: 40px;
    line-height: 40px;
    opacity: 0;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    visibility: hidden;
    width: 40px;
    z-index: 1;
}

.su-product-4-card .wishlist:hover {
    background: var(--white);
}

.su-product-4-card .navigation span {
    position: absolute;
    color: var(--dark-color);
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 18px;
    display: inline-block;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
}

.su-product-4-card .navigation span:hover {
    background: var(--dark-color);
    color: var(--white);
}

.su-product-4-card .navigation span.product-next {
    left: auto;
    right: 0;
}

.su-product-4-card .product-cetagory {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0em;
    color: var(--text-color);
    font-family: var(--scheherazade-font);
}

.su-product-4-card .product-title {
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
    color: var(--dark-color);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    letter-spacing: 1px;
}

.su-product-4-card .product-title a {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D)), -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D));
    background-image: linear-gradient(#1D1D1D, #1D1D1D), linear-gradient(#1D1D1D, #1D1D1D);
    background-size: 0 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    -webkit-transition: background-size 0.3s linear;
    transition: background-size 0.3s linear;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.su-product-4-card .product-title a:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D)), -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D));
    background-image: linear-gradient(#1D1D1D, #1D1D1D), linear-gradient(#1D1D1D, #1D1D1D);
    background-size: 0 1px, 100% 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    -webkit-transition: background-size 0.3s linear;
    transition: background-size 0.3s linear;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    color: var(--dark-color);
}

.su-product-4-card.home1 .product-price {
    font-size: 12px;
    font-weight: var(--font-weight-400);
}

.su-product-4-card.home1 .product-title a {
    font-size: 13px;
    letter-spacing: 0em;
}

.su-product-4-card.home1 .product-cetagory {
    font-size: 13px;
    font-weight: var(--font-weight-500);
}

.su-product-4-card .product-price {
    color: var(--dark-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 200%;
    text-transform: capitalize;
}

.su-product-4-card .product-price del {
    font-size: 12px;
    letter-spacing: 0em;
    color: var(--text-color);
    margin-right: 5px;
}

.su-product-4-card .product-price .discount {
    font-size: 12px;
    letter-spacing: 0em;
    color: var(--theme-color5);
    margin-left: 5px;
}

.su-product-4-card .product-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.su-product-4-card .list-color-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8.5px;
    margin-top: 2px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.su-product-4-card .list-color-product .list-color-item {
    width: 17px;
    height: 17px;
    padding: 2px;
    border: solid 1px #e6e6e6;
    background-color: transparent;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.su-product-4-card .list-color-product .list-color-item .swatch-value {
    width: 11px;
    height: 11px;
    display: inline-block;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.su-product-4-card .list-color-product .list-color-item .sold-out::after {
    content: "";
    width: 90%;
    height: 1px;
    background: rgb(34, 34, 34);
    display: block;
    position: absolute;
    z-index: 22;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
}

.su-product-4-card .list-color-product .list-color-item img {
    visibility: hidden;
    width: 11px;
    height: 11px;
    position: absolute;
}

.su-product-4-card .list-color-product .list-color-item.active,
.su-product-4-card .list-color-product .list-color-item:hover {
    border-color: var(--dark-color);
}

.su-product-4-card .list-color-product .list-color-item:hover .tooltip {
    opacity: 0.9;
    visibility: visible;
}

.su-product-4-card .list-color-product .more {
    list-style: none;
    height: 17px;
}

.su-product-4-card .list-color-product .more span {
    font-weight: 500;
    font-size: 10px;
    letter-spacing: 0em;
    color: var(--dark-color);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    display: inline-block;
}

.su-product-4-card .tooltip {
    left: -17px;
    right: 0;
    z-index: 202;
    opacity: 0;
    visibility: hidden;
    display: block;
    position: absolute;
    top: 100%;
    margin-top: 8px;
    border-radius: 2px;
    white-space: nowrap;
    background-color: var(--dark-color);
    color: var(--white);
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    padding: 3px 10px 6px;
    max-width: 250px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-transition: opacity 0.4s ease 0.2s, -webkit-transform 0.4s ease 0.2s;
    transition: opacity 0.4s ease 0.2s, -webkit-transform 0.4s ease 0.2s;
    transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s;
    transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s, -webkit-transform 0.4s ease 0.2s;
}

.su-product-4-card .tooltip::before {
    content: "";
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    top: -4px;
    position: absolute;
    background: var(--dark-color);
    width: 8px;
    height: 8px;
    z-index: 100;
}

.su-product-4-card .hover-tooltip {
    position: relative;
}

.su-product-4-card .hover-tooltip:hover .tooltip {
    opacity: 0.9;
    visibility: visible;
}

.su-product-4-card .hover-tooltip.center .tooltip {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.su-product-4-card .size-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.su-product-4-card .size-list span {
    border: 1px solid #ecedec;
    border-radius: 4px;
    color: var(--dark-color);
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    height: 25px;
    letter-spacing: 0em;
    line-height: 25px;
    margin: 0 4px;
    text-align: center;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    width: 25px;
}

.su-product-4-card .size-list span.active,
.su-product-4-card .size-list span:hover {
    border-color: var(--dark-color);
}

.su-product-4-card .size-list .more {
    color: var(--dark-color);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0em;
    margin-left: 4px;
}

.su-product-4-card .product-new {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    left: 20px;
    margin-right: 100px;
    top: 20px;
    z-index: 2;
}

.su-product-4-card .product-new span {
    background: var(--theme-color4);
    border-radius: 20px;
    color: var(--white);
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 2px 10px;
    text-transform: capitalize;
}

.su-product-4-card .product-new .sale {
    background: var(--theme-color5);
}

.su-product-4-card .product-new .discount {
    background: var(--theme-color6);
}

.su-product-4-card .product-new .order {
    background: #e89141;
}

.su-product-4-card.collection-style .wishlist {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: var(--white);
    width: 30px;
    height: 30px;
    line-height: 28px;
}

.su-product-4-card.collection-style .wishlist svg {
    width: 12px;
    height: 12px;
}

.su-product-4-card.collection-style .wishlist:hover {
    background: var(--dark-color);
}

.su-product-4-card.collection-style .wishlist:hover svg {
    color: var(--white);
}

.su-product-4-card.card-style-home17 .info-close {
    background-color: transparent;
    cursor: pointer;
    font-size: 10px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.su-product-4-card.card-style-home17 .info-open {
    background-color: var(--white);
    border-radius: 50%;
    bottom: 20px;
    font-size: 11px;
    height: 30px;
    line-height: 35px;
    left: auto;
    opacity: 1;
    position: absolute;
    right: 20px;
    text-align: center;
    top: auto;
    width: 30px;
    z-index: 9;
}

.su-product-4-card.card-style-home17 .product-size-info {
    display: none;
    max-height: 140px;
}

.su-product-4-card.card-style-home17 .list-color-product .more span {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}

.su-product-4-card.card-style-home17 .product-title a {
    color: var(--dark-color5);
    font-family: var(--jost-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0em;
}

.su-product-4-card.card-style-home17 .product-price {
    color: var(--dark-color5);
    font-family: var(--jost-font);
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.su-product-4-card.home8 .product-title {
    font-family: var(--montserrat-font);
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0em;
    text-transform: uppercase;
}

.su-product-4-card.home8 .product-price {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0em;
}

.su-product-4-card.home8 .product-cetagory {
    text-transform: uppercase;
}

.su-product-4-card.home18 .product-btn {
    font-family: var(--dmsans-font);
    font-weight: var(--font-weight-500);
    font-size: 12px;
    letter-spacing: 0em;
}

.su-product-4-card.home20 {
    background-color: var(--white);
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.su-product-4-card.home20:hover {
    -webkit-box-shadow: 0px 15px 24px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 15px 24px rgba(0, 0, 0, 0.05);
}

.su-product-4-card.home20:hover .shop-item-social ul .add-to-cart {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms;
    position: relative;
}

.su-product-4-card.home20:hover .shop-item-social ul .wish-list {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 700ms;
    transition-delay: 700ms;
}

.su-product-4-card.home20:hover .shop-item-social ul .quick-view {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 800ms;
    transition-delay: 800ms;
}

.su-product-4-card.home20 .product-title,
.su-product-4-card.home20 .product-title a,
.su-product-4-card.home20 .text,
.su-product-4-card.home20 .product-price {
    color: var(--dark-color);
    font-family: var(--roboto-font);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
}

.su-product-4-card.home20 .text,
.su-product-4-card.home20 .product-price {
    font-weight: 400;
}

.su-product-4-card.home20 .product-price {
    color: var(--body-color);
}

.su-product-4-card.home20 .product-img {
    border-radius: 0;
}

.su-product-4-card.home20 .shop-item-social ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    right: 45px;
    top: 45px;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    z-index: 9;
}

.su-product-4-card.home20 .shop-item-social ul li {
    cursor: pointer;
}

.su-product-4-card.home20 .shop-item-social ul .add-to-cart {
    margin-bottom: 15px;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
    opacity: 0;
    cursor: pointer;
}

.su-product-4-card.home20 .shop-item-social ul .add-to-cart::before {
    background-color: var(--white);
    position: absolute;
    content: "";
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 35px;
    width: 35px;
    line-height: 35px;
    border-radius: 50%;
    -webkit-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
    left: 50%;
    top: 48%;
    z-index: -1;
    cursor: pointer;
}

.su-product-4-card.home20 .shop-item-social ul .add-to-cart a {
    color: var(--dark-color);
}

.su-product-4-card.home20 .shop-item-social ul .add-to-cart:hover::before {
    background-color: var(--dark-color);
}

.su-product-4-card.home20 .shop-item-social ul .add-to-cart:hover a {
    color: var(--white);
}

.su-product-4-card.home20 .shop-item-social ul .wish-list {
    margin-bottom: 15px;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
    opacity: 0;
}

.su-product-4-card.home20 .shop-item-social ul .wish-list::before {
    background-color: var(--white);
    position: absolute;
    content: "";
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 35px;
    width: 35px;
    line-height: 35px;
    border-radius: 50%;
    -webkit-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
    left: 50%;
    top: 48%;
    z-index: -1;
}

.su-product-4-card.home20 .shop-item-social ul .wish-list a {
    color: var(--dark-color);
}

.su-product-4-card.home20 .shop-item-social ul .wish-list:hover::before {
    background-color: var(--dark-color);
}

.su-product-4-card.home20 .shop-item-social ul .wish-list:hover a {
    color: var(--white);
}

.su-product-4-card.home20 .shop-item-social ul .quick-view {
    margin-bottom: 15px;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all 0.7s ease-out 0s;
    transition: all 0.7s ease-out 0s;
    opacity: 0;
}

.su-product-4-card.home20 .shop-item-social ul .quick-view::before {
    background-color: var(--white);
    position: absolute;
    content: "";
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 35px;
    line-height: 35px;
    width: 35px;
    border-radius: 50%;
    -webkit-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
    left: 50%;
    top: 48%;
    z-index: -1;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.su-product-4-card.home20 .shop-item-social ul .quick-view a {
    color: var(--dark-color);
}

.su-product-4-card.home20 .shop-item-social ul .quick-view:hover::before {
    background-color: var(--dark-color);
}

.su-product-4-card.home20 .shop-item-social ul .quick-view:hover a {
    color: var(--white);
}

.su-product-4-card.home20 .add-to-cart .tooltip {
    left: -100px;
}

.su-product-4-card.home20 .add-to-cart,
.su-product-4-card.home20 .wish-list,
.su-product-4-card.home20 .quick-view {
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.su-product-4-card.home20 .add-to-cart:hover .tooltip,
.su-product-4-card.home20 .wish-list:hover .tooltip,
.su-product-4-card.home20 .quick-view:hover .tooltip {
    opacity: 1;
    visibility: visible;
}

.su-product-4-card.home20 .tooltip {
    background-color: var(--dark-color);
    border-radius: 4px;
    color: var(--white);
    left: -118px;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    margin-top: 0px;
    max-width: 250px;
    opacity: 0;
    padding: 7px 10px 9px;
    position: absolute;
    top: 0%;
    visibility: hidden;
    z-index: 202;
    -webkit-transition: opacity 0.4s ease 0.2s, -webkit-transform 0.4s ease 0.2s;
    transition: opacity 0.4s ease 0.2s, -webkit-transform 0.4s ease 0.2s;
    transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s;
    transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s, -webkit-transform 0.4s ease 0.2s;
}

.su-product-4-card.home20 .tooltip::before {
    background: var(--dark-color);
    content: "";
    height: 8px;
    left: 98%;
    position: absolute;
    right: -7px;
    top: 40%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    width: 8px;
    z-index: 100;
}

.su-product-4-card.home23 .product-title {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0em;
}

.su-product-4-card.home23 .product-price {
    color: var(--dark-grayish-orange);
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0em;
}

.su-product-4-card.shop-list6 {
    border: 0.5px solid var(--dark-color);
    margin-bottom: -1px;
}

.su-product-4-tab-btn .tab-btn {
    padding: 0;
    border: none;
    background: none;
    font-weight: 400;
    letter-spacing: 2px;
    color: var(--dark-color);
    margin-right: 0px;
    position: relative;
    padding-bottom: 4px;
    font-size: 12px;
    text-transform: uppercase;
}

.su-product-4-tab-btn .tab-btn.active::before,
.su-product-4-tab-btn .tab-btn:hover::before {
    width: 100%;
    left: 0;
    right: auto;
}

.su-product-4-tab-btn .tab-btn::before {
    position: absolute;
    content: "";
    width: 0;
    height: 1px;
    background: var(--dark-color);
    bottom: 0;
    left: auto;
    right: 0;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.su-product-4-tab-btn.tab-btn-6 {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 20px;
}

.su-product-4-tab-btn.tab-btn-6 .tab-btn {
    color: var(--theme-color9);
    font-family: var(--montserrat-font);
    font-size: 20px;
    font-weight: 600;
    line-height: 34px;
    text-transform: uppercase;
    margin-right: 0;
}

.su-product-4-tab-btn.tab-btn-6 .tab-btn.active,
.su-product-4-tab-btn.tab-btn-6 .tab-btn:hover {
    color: var(--dark-color);
}

.su-product-4-tab-btn.home24 .tab-btn {
    color: var(--gray-color);
    font-family: var(--jost-font);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: normal;
    text-transform: uppercase;
}

.su-product-4-tab-btn.home24 .tab-btn.active,
.su-product-4-tab-btn.home24 .tab-btn:hover {
    color: var(--dark-color);
}

.top-collection-item {
    position: relative;
}

.top-collection-item .thumb {
    overflow: hidden;
    position: relative;
}

.top-collection-item .images {
    -webkit-transition: all 0.7s ease-out 0s;
    transition: all 0.7s ease-out 0s;
    width: 100%;
}

.top-collection-item:hover .images {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.top-collection-item:hover .tc-content {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.top-collection-item:hover .btn-text {
    opacity: 1;
    visibility: visible;
}

.top-collection-item .tc-content {
    bottom: 55px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(55px);
    transform: translateY(55px);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.top-collection-item .tc-content .title {
    color: var(--text-white);
    font-family: var(--montserrat-font);
    font-style: normal;
    letter-spacing: 0.03em;
    line-height: 30px;
}

.top-collection-item .btn-text {
    color: var(--text-white);
    font-style: normal;
    font-weight: var(--font-weight-600);
    font-size: 13px;
    letter-spacing: 0em;
    line-height: 16px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.7s ease-out 0s;
    transition: all 0.7s ease-out 0s;
}

@media (max-width: 991.98px) {
    .shop-collection-3-area {
        padding-left: 30px;
    }
}

@media (max-width: 575.98px) {
    .shop-collection-3-area {
        padding-left: 15px;
        padding-right: 15px !important;
    }
}

.su-collections-4-item :hover .images {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.su-collections-4-item .images {
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.su-collections-4-item .title {
    font-weight: 600;
    color: white !important;
    /* position: absolute; */
    /* bottom: 0px; */
    /* background-color: #ffffff6b; */
    background-color: #e1e1e16b;
    /* width: 92%; */
    padding: 10px;
    text-align: center;
    /* left: 14px; */
    /* border: 1px solid #69696946; */
    text-transform: uppercase;
    top: -13px;
}


.su-collections-4-item .title a {
    color: #020101;
}

.su-collections-4-item .title a:hover {
    color: #000000 !important;
}

.su-collections-4-item .title a {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D)), -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D));
    background-image: linear-gradient(#1D1D1D, #1D1D1D), linear-gradient(#1D1D1D, #1D1D1D);
    background-size: 0 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    -webkit-transition: background-size 0.3s linear;
    transition: background-size 0.3s linear;
    -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
    transition: all 0.4s ease 0.3s 0s ease-out;
    font-weight: 400 !important;
    letter-spacing: 1px;
    font-size: 14px;
}

.su-collections-4-item .title a:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D)), -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D));
    background-image: linear-gradient(#1D1D1D, #1D1D1D), linear-gradient(#1D1D1D, #1D1D1D);
    background-size: 0 1px, 100% 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    -webkit-transition: background-size 0.3s linear;
    transition: background-size 0.3s linear;
    -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
    transition: all 0.4s ease 0.3s 0s ease-out;
    color: var(--dark-color);
}

.su-collections-4-slider {
    margin-right: -400px;
}

@media (max-width: 991.98px) {
    .su-collections-4-slider {
        margin-right: 0;
    }
}

.su-collections-4-navigation span {
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    border-radius: 50%;
    background: var(--text-white);
    color: var(--dark-color);
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    z-index: 9;
}

.su-collections-4-navigation .next {
    right: 20px;
    left: auto;
}

/* 
@media (max-width: 1400px) {
    .su-collection-dark-4-content {
        margin-left: 50px;
    }
}

@media (max-width: 575.98px) {
    .su-collection-dark-4-content {
        margin-left: 0;
    }
} */

.su-collection-dark-4-content .subtitle {
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--headings-color);
}

.su-collection-dark-4-content h2 {
    letter-spacing: 2px;
    width: 90%;
    margin: 0 auto 30px;
    font-weight: 300;
    font-size: 42px;
    line-height: 46px;
    text-transform: uppercase;
}

@media (max-width: 575.98px) {
    .su-collections-4-top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.su-news-4-item {
    position: relative;
    overflow: hidden;
}

.su-news-4-item .thumb {
    -webkit-transition: all 0.7s ease-out 0s;
    transition: all 0.7s ease-out 0s;
}

/* .su-news-4-item .thumb:before {
    content: '';
    position: absolute;
    background-color: #12121217;
    top: 0;
    width: 100%;
    height: 100%;
} */

.su-news-4-item:hover .thumb {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.su-news-4-item.item-2 {
    margin-left: 60px;
    margin-top: -10px;
}

@media (max-width: 1199.98px) {
    .su-news-4-item.item-2 {
        margin-left: 0;
        margin-top: 0;
    }
}

.su-news-4-item.item-1 {
    margin-right: 60px;
}

@media (max-width: 1199.98px) {
    .su-news-4-item.item-1 {
        margin-right: 0;
    }
}

.su-news-4-item .title {
    font-weight: 400;
    font-size: 36px;
    letter-spacing: 1px;
    color: var(--white);
    text-transform: uppercase;
}

.su-news-4-item .title a {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
    background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff);
    background-size: 0 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    -webkit-transition: background-size 0.3s linear;
    transition: background-size 0.3s linear;
    -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
    transition: all 0.4s ease 0.3s 0s ease-out;
    color: var(--white);
}

.su-news-4-item .title a:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
    background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff);
    background-size: 0 1px, 100% 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    -webkit-transition: background-size 0.3s linear;
    transition: background-size 0.3s linear;
    -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
    transition: all 0.4s ease 0.3s 0s ease-out;
    color: var(--white);
}

.su-news-4-item .text {
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    text-transform: capitalize;
    color: var(--white);
    line-height: 28px;
}

.su-news-4-item .content {
    width: 70% !important;
    margin: auto;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.su-news-4-item .su-btn-4-black {
    color: var(--white);
    font-size: 16px;
}

@media (max-width: 1600px) {
    .su-news-4-item .content {
        width: 95%;
    }
}

.flat-animate-tab .tab-content {
    position: relative;
}

.flat-animate-tab .tab-pane {
    display: block;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.flat-animate-tab .tab-pane.active {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    position: relative;
    z-index: 2;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.su-product-details-8-tab .nav-tabs {
    border: none;
}

.su-product-details-8-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.su-product-details-8-tab .nav-tabs button {
    border: none;
    margin: 0;
    margin-bottom: 10px;
    margin-right: 10px;
    opacity: 0.3;
    padding: 0;
    width: 70px;
}

.su-product-details-8-tab .nav-tabs button.active,
.su-product-details-8-tab .nav-tabs button.video_thumb.active img {
    opacity: 1;
}

.skew-item .text {
    color: var(--headings-color) #1D1D1D;
    font-style: normal;
    font-size: 13px;
    font-weight: var(--font-weight-500);
    letter-spacing: 0em;
    line-height: 24px;
}

body.jakarta-type .text,
body.jakarta-type a,
body.jakarta-type p,
body.jakarta-type h1,
body.jakarta-type h2,
body.jakarta-type h3,
body.jakarta-type h4,
body.jakarta-type h5,
body.jakarta-type h6 {
    font-family: var(--montserrat-font);
}

skew-item .text b,
skew-item .text strong {
    color: #333;
    font-weight: 800;
}

.cart-total-widget {
    border: 1px solid var(--gray-color);
    padding: 30px 40px 40px;
    position: relative;
}

.cart-total-widget ul {
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

.cart-total-widget .bb1:not(:last-child) {
    border-bottom: 1px solid #bdbdbd;
}

.cart-total-widget li {
    padding: 10px 0;
}

.cart-total-widget .text {
    color: var(--headings-color);
    font-weight: var(--font-weight-600);
    font-size: 13px;
    letter-spacing: 0em;
}

.cart-total-widget.shop-single-style .text {
    font-size: 12px;
    font-weight: var(--font-weight-600);
    letter-spacing: 1px;
    text-transform: uppercase;
}

.cart-total-widget.shop-single-style .value {
    color: var(--headings-color);
    font-style: normal;
    font-size: 13px;
    font-weight: var(--font-weight-500);
    letter-spacing: 0em;
    line-height: 24px;
    font-weight: var(--font-weight-500);
    margin-left: 10px;
}

.bleached-linen-bg {
    background: #dddfce;
}

.icon-box-home1 {
    position: relative;
}

.icon-box-home1 .icon {
    font-size: 45px;
    margin-bottom: 25px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.icon-box-home1:hover .icon {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.title-color,
.headings-color {
    color: var(--headings-color);
}

.icon-box-home1 .title {
    line-height: var(--line-height-heading2);
    margin-bottom: 10px;
    letter-spacing: 2px;
}

.icon-box-home1 .text {
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-500);
    line-height: 28px;
    max-width: 75%;
    margin: 0 auto;
}

.su-fashion-4-thumb {
    margin-bottom: 4px;
}

.testimonail .su-fashion-4-thumb video {
    height: 350px;
    object-fit: cover;
    object-position: center;
}

.su-blog-4-navigation span {
    border-radius: 50px;
    border: 1px solid transparent;
    width: 40px;
    height: 40px;
    line-height: 33px;
    text-align: center;
    display: inline-block;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.su-blog-4-navigation span:hover {
    border: 1px solid #c7c7c7;
}

/* .su-blog-4-slider {
    margin-right: -180px;
} */

.su-blog-4-item {
    background: #dddfce;
}

.su-blog-4-item img {
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.su-blog-4-item:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.thumb img {
    width: 100%;
    height: 100%;
}

.su-blog-4-item .content {
    padding: 0px 40px 0px 0px;
    text-align: left;
}

.su-blog-4-item .title {
    color: var(--dark-color);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: var(--montserrat-font) !important;
    text-align: left;
}

.su-blog-4-item .text {
    color: var(--dark-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
}

.su-blog-4-scrool {
    margin-top: 60px;
}

.su-blog-4-scrool .swiper-scrollbar {
    width: 100% !important;
    height: 3px !important;
    background: var(--text-gray-2);
    position: relative !important;
}

.su-blog-4-scrool .swiper-scrollbar-drag {
    background: var(--dark-color);
}

.story-ptb {
    padding-bottom: 100px;
}

.story-pt {
    padding: 60px 0px;
}

.Production-content {
    padding: 20px 20px;
    background-color: #ffffff;
    height: 100%;
    border: 1px solid #00000017;
    text-align: center;
}

.Production-content h3,
h3.heading-title {
    font-size: 26px;
}

video.smile-fashion-video {
    position: relative;
    height: 100%;
}

section {
    position: relative;
}

.video-content.text-center {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

p.text-b {
    color: #fff;
    font-weight: 700;
    font-size: 35px;
    line-height: 24px;
    letter-spacing: 0.01rem;
    margin: 0;
}

p.text-l {
    color: #fff;
    font-weight: 100;
    font-size: 35px;
    letter-spacing: -2px;
    margin: 0 0 20px;
}

.shop-single-area .shop-right-content .shop-prd-title .left-title .subtitle {
    color: var(--theme-color9);
    font-family: var(--montserrat-font);
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 1px;
}

.shop-single-area .shop-right-content .shop-prd-title .left-title .title {
    font-family: var(--montserrat-font);
    color: var(--dark-color);
    font-size: 30px;
    font-weight: 600;
    line-height: 34px;
    letter-spacing: 0.9px;
}

.shop-single-area.shop3 .shop-right-content .shop-prd-title {
    padding-bottom: 12px;
}

.product-essential .tab-content {
    position: relative;
}

.product-essential .tab-pane {
    display: block;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition-timing-function:
        ease-in;
    transition-timing-function:
        ease-in;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.product-essential .tab-pane.active {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    position: relative;
    z-index: 2;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-timing-function:
        ease-out;
    transition-timing-function:
        ease-out;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.newsletter-area.style2 {
    background: rgba(29, 29, 29, 0.7);
    top: 0;
    left: 0;
    right: unset;
    bottom: unset;
    padding: 12px;
    z-index: 9999;
}

.newsletter-area.style2 .newsletter-main {
    max-width: 735px;
    width: 100%;
    padding: 0;
}

.newsletter-area.style2 .newsletter-main .text {
    width: 100%;
}

.newsletter-area .close-newsletter {
    color: var(--dark-color);
    height: 35px;
    width: 35px;
    right: 0px;
    top: 0px;
    z-index: 1;
}

.join_us_logo img {
    position: relative;
    z-index: 1;
}

.join_us_logo::after {
    content: 'JOIN US';
    position: absolute;
    font-size: 65px;
    left: 0;
    right: 0;
    top: 0px;
    font-weight: 800;
    font-style: italic;
    color: #ffffff;
}

.newsletter-area .title {
    color: var(--dark-color);
    font-size: 20px;
    font-weight: 400;
    line-height: 0px;
    margin-left: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
    letter-spacing: 2px;
    text-transform: capitalize;
}

.newsletter-main .form-control {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #000000;
    border-radius: 0;
    padding: 12px 0 !important;
    font-size: 12px;
}

.newsletter-main input.form-control {
    height: 35px;
}

.newsletter-main textarea.form-control {
    height: auto;
}