/*-------------|| Var Css Start ||----------------*/
 :root{
     --fs12: 12px;
     --fs14: 14px;
     --fs16: 16px;
     --fs17: 17px;
     --fs18: 18px;
     --fs20: 20px;
     --fs24: 24px;
     --fs32: 32px;
     --fs40: 40px;
     --fs53: 53px;
     --ptb80:80px;
     --ptb60:60px;
     --white: #fff;
     --black: #000;
     --footerblack:#0E1B2C;
     --blue: #042C9F;
     --lightblue: #EAEFFF;
     --lightblue1: #EEF2FD;
     --lightblue_hover:#0a58ca;
     --lightblue2:#D3DCF6;
     --grey: #042C9F1A;
     --grey1: #031E571A;
     --grey70: #707070;
     --dark_blue:#1A133C;
     --light_grey: #F5F8FE;
     --shadow_calor: #00000029;
     --box-shadow: 0px 10px 30px var(--shadow_calor);
     --box-shadow1: 0px 15px 30px #040f230a;
     --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
 .fs12{
     font-size: var(--fs12);
     line-height:21px;
     font-weight: 600;
}
 .fs14 {
     font-size: var(--fs14);
     line-height: 24px;
     font-weight: 500;
}
 .fs17{
     font-size: var(--fs17);
     font-weight: 600;
     line-height: 20px;
}
 .fs18{
     font-size: var(--fs18);
     font-weight: 600;
     line-height: 24px;
}
 .fs20{
     font-size: var(--fs20);
     font-weight: 500;
     line-height: 26px;
}
 .fs32{
     font-size: var(--fs32);
     font-weight: 600;
     line-height: 58px;
}
 .fs40{
     font-size: var(--fs40);
     font-weight: 600 !important;
     line-height: 50px;
}
 .fs53 {
     font-size: var(--fs53);
     font-weight: 700;
     line-height: 64px;
     text-transform: capitalize;
}
 .fs24{
     font-size: var(--fs24);
     font-weight: 600;
     line-height: 50px;
}
 .fs16 {
     font-size: var(--fs16);
     font-weight: 500;
     line-height: 26px;
}
 .pt80,.ptb80{
     padding-top:var(--ptb80);
}
 .pb80,.ptb80{
     padding-bottom: var(--ptb80);
}
 .pt60,.ptb60{
     padding-top: var(--ptb60);
}
 .pb60,.ptb60{
     padding-bottom: var(--ptb60);
}
/*-------------|| Var Css End ||----------------*/
/*-------------|| Reponsive Css Start ||----------------*/
 @media(min-width: 1800px){
     :root{
         --fs14: 16px;
         --fs16: 18px;
         --fs17: 19px;
         --fs18: 20px;
         --fs20: 22px;
         --fs24: 26px;
         --fs40: 42px;
         --fs53: 55px;
         --fs12: 14px;
    }
}
 @media(max-width: 1280px){
     :root {
         --fs24: 22px;
         --fs40: 36px;
         --fs53: 46px;
    }
}
 @media(max-width: 991px) {
     :root {
         --fs24: 20px;
         --fs40: 32px;
         --fs53: 42px;
         --fs32: 28px;
    }
     .fs12, .fs14, .fs17, .fs18, .fs53, .fs24, .fs16 {
         line-height: inherit;
    }
     .fs40 {
         line-height: initial;
    }
}
 @media(max-width: 480px) {
     :root {
         --fs24: 22px;
         --fs16: 17px;
         --fs14: 15px;
         --fs18: 19px;
         --fs12: 13px;
         --fs20: 21px;
    }
}
/*-------------|| Reponsive Css End ||----------------*/