/*-------------|| Var Css Start ||----------------*/

:root {
    --fs10: 10px;
    --fs12: 12px;
    --fs14: 14px;
    --fs15: 15px;
    --fs16: 16px;
    --fs18: 18px;
    --fs20: 20px;
    --fs22: 22px;
    --fs24: 24px;
    --fs28: 28px;
    --fs32: 32px;
    --fs40: 40px;
    --fs50: 50px;
    --fs45: 45px;
    --fs46: 46px;
    --ptb80: 80px;
    --ptb60: 60px;
    --white: #fff;
    --white1: #FFFFFFBF;
    --black: #2C2E30;
    --black1: #0F0406;
    --orange: #FF5500;
    --grey: #F6F6F6;
    --grey1: #2C2E30BF;
    --grey2: #808C9A;
    --light_ylow: #FFEBD9;
    --lightgrey: #F3F4F7;
    --border-clr: #D0D4DE99;
    --border-clr1: #2C2E3026;
    --border-clr2: #F9E0C9;
    --border-clr3: #D8DCE4;
    --green: #08A503;
    --green_light: #08A50326;
    --box-shadow: 0px 3px 30px #FF550033;
    --orange_grident: linear-gradient(251deg, #FD8002 0%, #FF5500 100%) 0% 0%;
    --yello_grident: linear-gradient(78deg, #FFC802 0%, #FFC604 41%, #FFCA16 66%, #FFF1C2 78%, #FEC704 100%) 0% 0%;
    --orange_filter: invert(46%) sepia(52%) saturate(7006%) hue-rotate(4deg) brightness(106%) contrast(103%);
    --purpal_filter: linear-gradient(127deg, #A61E22 0%, #DF2639 100%) 0% 0%;
    --golden_filter: linear-gradient(270deg, #DA9F27 0%, #FAE475 24%, #DCA922 49%, #FBE479 74%, #E2B234 100%);
    --green_filter: linear-gradient(270deg, #059A42 0%, #2FC26C 24%, #069B43 49%, #2FC26C 74%, #059A42 100%);
    --orange_filter1: linear-gradient(257deg, #FD8002 0%, #FF5500 100%);
    --orange_filter2: invert(50%) sepia(79%) saturate(4792%) hue-rotate(1deg) brightness(100%) contrast(107%);
    --orange_filter: invert(37%) sepia(82%) saturate(2598%) hue-rotate(360deg) brightness(100%) contrast(104%);
}

.fs10 {
    font-size: var(--fs10);
}

.fs12 {
    font-size: var(--fs12);
}

.fs14 {
    font-size: var(--fs14);
}

.fs15 {
    font-size: var(--fs15);
}

.fs16 {
    font-size: var(--fs16);
    line-height: 28px;
}

.fs18 {
    font-size: var(--fs18);
    line-height: 26px;
}

.fs20 {
    font-size: var(--fs20);
    line-height: 28px;
}

.fs22 {
    font-size: var(--fs22);
}

.fs24 {
    font-size: var(--fs24);
}

.fs28 {
    font-size: var(--fs28);
}

.fs32 {
    font-size: var(--fs32);
}

.fs40 {
    font-size: var(--fs40);
    line-height: 50px;
}

.fs45 {
    font-size: var(--fs45);
    line-height: 63px;
}

.fs46 {
    font-size: var(--fs46);
    line-height: 58px;
}

.fs50 {
    font-size: var(--fs50);
    line-height: 65px;
}

.pt80,
.ptb80 {
    padding-top: var(--ptb80);
}

.pb80,
.ptb80 {
    padding-bottom: var(--ptb80);
}

.pt60,
.ptb60 {
    padding-top: var(--ptb60);
}

.pb60,
.ptb60 {
    padding-bottom: var(--ptb60);
}

.row_gap30 {
    grid-row-gap: 30px;
}

/*-------------|| Var Css End ||----------------*/

/*-------------|| Var Css End ||----------------*/

@media(min-width: 1800px) {
    :root {
        --fs15: 17px;
        --fs16: 18px;
        --fs18: 20px;
        --fs24: 26px;
        --fs22: 24px;
        --fs28: 30px;
        --fs32: 34px;
        --fs40: 42px;
        --fs46: 48px;
        --fs50: 52px;
        --fs45: 46px;
        --ptb80: 100px;
        --ptb60: 80px;
    }
}

@media(max-width:1152px) {
    :root {
        --fs10: 10px;
        --fs12: 11px;
        --fs14: 13px;
        --fs15: 14px;
        --fs16: 15px;
        --fs18: 16px;
        --fs20: 18px;
        --fs22: 19px;
        --fs24: 20px;
        --fs28: 22px;
        --fs32: 26px;
        --fs40: 32px;
        --fs46: 40px;
        --fs45: 38px;
        --fs50: 42px;
        --ptb80: 70px;
        --ptb60: 50px;
    }
    .fs46,
    .fs40,
    .fs45,
    .fs50 {
        line-height: initial;
    }
    .fs16 {
        line-height: 24px;
    }
}

/*-------------|| Var Css End ||----------------*/