/*-----------|| Reset Css Start ||------------------*/
 :root{
     --darkblue:#13232f;
     --darklight:#40a0d1;
     --grey_light:#647589;
     --darksky:#2b96cc;
     --lightsky:#cee8f0;
     --darkblue1:#13232f;
     --darkblue2:#0a161e;
     --darkblue3:#223645;
     --grey:#f4f9fc;
     --grey1:#c9d1d9;
     --white:#fff;
     --fs14: 14px;
     --fs16: 16px;
     --fs18: 18px;
     --fs20: 20px;
     --fs25: 25px;
     --fs40: 40px;
     --fs45: 45px;
     --fs60: 60px;
     --lh30: 30px;
}
 .fs16{
     font-size: var(--fs16);
}
 .fs14{
     font-size: var(--fs14);
}
 .fs18{
     font-size: var(--fs18);
     line-height: 30px;
}
 .fs20{
     font-size: var(--fs20);
}
 .fs25{
     font-size: var(--fs25);
}
 .fs40{
     font-size: var(--fs40);
     line-height: 55px;
}
 .fs45{
     font-size: var(--fs45);
     line-height: 55px;
}
 .fs60{
     font-size: var(--fs60);
     line-height: 80px;
}
 .pt_100{
     padding-top: 100px;
}
 .pb_100{
     padding-bottom: 100px;
}
 .ptb_100{
     padding-top: 100px;
     padding-bottom: 100px;
}
 @media(max-width: 1680px){
     :root{
         --fs16: 14px;
         --fs18: 16px;
         --fs20: 18px;
         --fs60: 50px;
         --fs45: 36px;
         --fs40: 30px;
         --fs25: 22px;
    }
     .fs60{
         line-height: 65px;
    }
}
 @media(max-width: 991px){
     :root{
         --fs60: 40px;
    }
     .fs60{
         line-height: 50px;
    }
}
 @media(max-width: 575px){
     :root{
         --fs60: 35px;
         --fs16: 14px;
         --fs18: 16px;
         --fs20: 18px;
         --fs40: 26px;
         --fs25: 20px;
    }
     .fs60{
         line-height: 45px;
    }
     .pt_100{
         padding-top: 50px;
    }
     .pb_100{
         padding-bottom: 50px;
    }
     .ptb_100{
         padding-top: 50px;
         padding-bottom: 50px;
    }
}
/*-----------|| Reset Css End ||------------------*/