/*------------------------------------------------------------------------------------------------------

* Template Name  : 



* Support        : nikunjgalathiya@gmail.com 

*------------------------------------------------------------------------------------------------------- 

NOTE: This is main stylesheet of template, This file contains the styling for the actual Template.

------------------------------------------------------------------------------------------------------*/



/*================================================

[  Table of contents  ]

==================================================  

:: Margin

:: Padding

:: Opacity

:: Border Radius

:: Font Size 

:: Font Weight

:: line height

:: letter spacing

==================================================

[ End table content ]

================================================*/



@charset "UTF-8";

/*==========================================

    :: Margin

==========================================*/



.m-0 {

    margin: 0px !important;

}



.m-10 {

    margin: 10px !important;

}



.m-15 {

    margin: 15px !important;

}



.m-20 {

    margin: 20px !important;

}



.m-25 {

    margin: 25px !important;

}



.m-30 {

    margin: 30px !important;

}



.m-35 {

    margin: 35px !important;

}



.m-40 {

    margin: 40px !important;

}



.m-45 {

    margin: 45px !important;

}



.m-50 {

    margin: 50px !important;

}



.m-55 {

    margin: 55px !important;

}



.m-60 {

    margin: 60px !important;

}



.m-70 {

    margin: 70px !important;

}



.m-80 {

    margin: 80px !important;

}



.m-90 {

    margin: 90px !important;

}



.m-100 {

    margin: 100px !important;

}



.m-110 {

    margin: 110px !important;

}



.m-120 {

    margin: 120px !important;

}



.m-130 {

    margin: 130px !important;

}



.m-140 {

    margin: 140px !important;

}



.m-150 {

    margin: 150px !important;

}



/*margin top*/



.mt-0 {

    margin-top: 0px !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-70 {

    margin-top: 70px !important;

}



.mt-80 {

    margin-top: 80px !important;

}



.mt-90 {

    margin-top: 90px !important;

}



.mt-100 {

    margin-top: 100px !important;

}



.mt-110 {

    margin-top: 110px !important;

}



.mt-120 {

    margin-top: 120px !important;

}



.mt-130 {

    margin-top: 130px !important;

}



.mt-140 {

    margin-top: 140px !important;

}



.mt-150 {

    margin-top: 150px !important;

}



/*margin bottom*/



.mb-0 {

    margin-bottom: 0px !important;

}



.mb-10 {

    margin-bottom: 10px !important;

}



.mb-15 {

    margin-bottom: 15px !important;

}



.mb-20 {

    margin-bottom: 20px !important;

}



.mb-25 {

    margin-bottom: 25px !important;

}



.mb-30 {

    margin-bottom: 30px !important;

}



.mb-35 {

    margin-bottom: 35px !important;

}



.mb-40 {

    margin-bottom: 40px !important;

}



.mb-45 {

    margin-bottom: 45px !important;

}



.mb-50 {

    margin-bottom: 50px !important;

}



.mb-55 {

    margin-bottom: 55px !important;

}



.mb-60 {

    margin-bottom: 60px !important;

}



.mb-70 {

    margin-bottom: 70px !important;

}



.mb-80 {

    margin-bottom: 80px !important;

}



.mb-90 {

    margin-bottom: 90px !important;

}



.mb-100 {

    margin-bottom: 100px !important;

}



.mb-110 {

    margin-bottom: 110px !important;

}



.mb-120 {

    margin-bottom: 120px !important;

}



.mb-130 {

    margin-bottom: 130px !important;

}



.mb-140 {

    margin-bottom: 140px !important;

}



.mb-150 {

    margin-bottom: 150px !important;

}



/*margin left*/



.ml-0 {

    margin-left: 0px !important;

}



.ml-10 {

    margin-left: 10px !important;

}



.ml-15 {

    margin-left: 15px !important;

}



.ml-20 {

    margin-left: 20px !important;

}



.ml-25 {

    margin-left: 25px !important;

}



.ml-30 {

    margin-left: 30px !important;

}



.ml-35 {

    margin-left: 35px !important;

}



.ml-40 {

    margin-left: 40px !important;

}



.ml-45 {

    margin-left: 45px !important;

}



.ml-50 {

    margin-left: 50px !important;

}



.ml-55 {

    margin-left: 55px !important;

}



.ml-60 {

    margin-left: 60px !important;

}



.ml-70 {

    margin-left: 70px !important;

}



.ml-80 {

    margin-left: 80px !important;

}



.ml-90 {

    margin-left: 90px !important;

}



.ml-100 {

    margin-left: 100px !important;

}



.ml-110 {

    margin-left: 110px !important;

}



.ml-120 {

    margin-left: 120px !important;

}



.ml-130 {

    margin-left: 130px !important;

}



.ml-140 {

    margin-left: 140px !important;

}



.ml-150 {

    margin-left: 150px !important;

}



/*margin right*/



.mr-0 {

    margin-right: 0px !important;

}



.mr-10 {

    margin-right: 10px !important;

}



.mr-15 {

    margin-right: 15px !important;

}



.mr-20 {

    margin-right: 20px !important;

}



.mr-25 {

    margin-right: 25px !important;

}



.mr-30 {

    margin-right: 30px !important;

}



.mr-35 {

    margin-right: 35px !important;

}



.mr-40 {

    margin-right: 40px !important;

}



.mr-45 {

    margin-right: 45px !important;

}



.mr-50 {

    margin-right: 50px !important;

}



.mr-55 {

    margin-right: 55px !important;

}



.mr-60 {

    margin-right: 60px !important;

}



.mr-70 {

    margin-right: 70px !important;

}



.mr-80 {

    margin-right: 80px !important;

}



.mr-90 {

    margin-right: 90px !important;

}



.mr-100 {

    margin-right: 100px !important;

}



.mr-110 {

    margin-right: 110px !important;

}



.mr-120 {

    margin-right: 120px !important;

}



.mr-130 {

    margin-right: 130px !important;

}



.mr-140 {

    margin-right: 140px !important;

}



.mr-150 {

    margin-right: 150px !important;

}



/*margin top bottom*/



.mtb-0 {

    margin-top: 00px !important;

    margin-bottom: 00px !important;

}



.mtb-10 {

    margin-top: 10px !important;

    margin-bottom: 10px !important;

}



.mtb-15 {

    margin-top: 15px !important;

    margin-bottom: 15px !important;

}



.mtb-20 {

    margin-top: 20px !important;

    margin-bottom: 20px !important;

}



.mtb-25 {

    margin-top: 25px !important;

    margin-bottom: 25px !important;

}



.mtb-30 {

    margin-top: 30px !important;

    margin-bottom: 30px !important;

}



.mtb-35 {

    margin-top: 35px !important;

    margin-bottom: 35px !important;

}



.mtb-40 {

    margin-top: 40px !important;

    margin-bottom: 40px !important;

}



.mtb-45 {

    margin-top: 45px !important;

    margin-bottom: 45px !important;

}



.mtb-50 {

    margin-top: 50px !important;

    margin-bottom: 50px !important;

}



.mtb-55 {

    margin-top: 55px !important;

    margin-bottom: 55px !important;

}



.mtb-60 {

    margin-top: 60px !important;

    margin-bottom: 60px !important;

}



.mtb-70 {

    margin-top: 70px !important;

    margin-bottom: 70px !important;

}



.mtb-80 {

    margin-top: 80px !important;

    margin-bottom: 80px !important;

}



.mtb-90 {

    margin-top: 90px !important;

    margin-bottom: 90px !important;

}



.mtb-100 {

    margin-top: 100px !important;

    margin-bottom: 100px !important;

}



.mtb-110 {

    margin-top: 110px !important;

    margin-bottom: 110px !important;

}



.mtb-120 {

    margin-top: 120px !important;

    margin-bottom: 120px !important;

}



.mtb-130 {

    margin-top: 130px !important;

    margin-bottom: 130px !important;

}



.mtb-140 {

    margin-top: 140px !important;

    margin-bottom: 140px !important;

}



.mtb-150 {

    margin-top: 150px !important;

    margin-bottom: 150px !important;

}



/*margin left right*/



.mlr-0 {

    margin-left: 00px !important;

    margin-right: 00px !important;

}



.mlr-10 {

    margin-left: 10px !important;

    margin-right: 10px !important;

}



.mlr-15 {

    margin-left: 15px !important;

    margin-right: 15px !important;

}



.mlr-20 {

    margin-left: 20px !important;

    margin-right: 20px !important;

}



.mlr-25 {

    margin-left: 25px !important;

    margin-right: 25px !important;

}



.mlr-30 {

    margin-left: 30px !important;

    margin-right: 30px !important;

}



.mlr-35 {

    margin-left: 35px !important;

    margin-right: 35px !important;

}



.mlr-40 {

    margin-left: 40px !important;

    margin-right: 40px !important;

}



.mlr-45 {

    margin-left: 45px !important;

    margin-right: 45px !important;

}



.mlr-50 {

    margin-left: 50px !important;

    margin-right: 50px !important;

}



.mlr-55 {

    margin-left: 55px !important;

    margin-right: 55px !important;

}



.mlr-60 {

    margin-left: 60px !important;

    margin-right: 60px !important;

}



.mlr-70 {

    margin-left: 70px !important;

    margin-right: 70px !important;

}



.mlr-80 {

    margin-left: 80px !important;

    margin-right: 80px !important;

}



.mlr-90 {

    margin-left: 90px !important;

    margin-right: 90px !important;

}



.mlr-100 {

    margin-left: 100px !important;

    margin-right: 100px !important;

}



.mlr-110 {

    margin-left: 110px !important;

    margin-right: 110px !important;

}



.mlr-120 {

    margin-left: 120px !important;

    margin-right: 120px !important;

}



.mlr-130 {

    margin-left: 130px !important;

    margin-right: 130px !important;

}



.mlr-140 {

    margin-left: 140px !important;

    margin-right: 140px !important;

}



.mlr-150 {

    margin-left: 150px !important;

    margin-right: 150px !important;

}



/*==========================================

    :: Padding

==========================================*/



.p-0 {

    padding: 0px !important;

}



.p-10 {

    padding: 10px !important;

}



.p-15 {

    padding: 15px !important;

}



.p-20 {

    padding: 20px !important;

}



.p-25 {

    padding: 25px !important;

}



.p-30 {

    padding: 30px !important;

}



.p-35 {

    padding: 35px !important;

}



.p-40 {

    padding: 40px !important;

}



.p-45 {

    padding: 45px !important;

}



.p-50 {

    padding: 50px !important;

}



.p-55 {

    padding: 55px !important;

}



.p-60 {

    padding: 60px !important;

}



.p-70 {

    padding: 70px !important;

}



.p-80 {

    padding: 80px !important;

}



.p-90 {

    padding: 90px !important;

}



.p-100 {

    padding: 100px !important;

}



.p-110 {

    padding: 110px !important;

}



.p-120 {

    padding: 120px !important;

}



.p-130 {

    padding: 130px !important;

}



.p-140 {

    padding: 140px !important;

}



.p-150 {

    padding: 150px !important;

}



/*padding top*/



.pt-0 {

    padding-top: 0px !important;

}



.pt-10 {

    padding-top: 10px !important;

}



.pt-15 {

    padding-top: 15px !important;

}



.pt-20 {

    padding-top: 20px !important;

}



.pt-25 {

    padding-top: 25px !important;

}



.pt-30 {

    padding-top: 30px !important;

}



.pt-35 {

    padding-top: 35px !important;

}



.pt-40 {

    padding-top: 40px !important;

}



.pt-45 {

    padding-top: 45px !important;

}



.pt-50 {

    padding-top: 50px !important;

}



.pt-55 {

    padding-top: 55px !important;

}



.pt-60 {

    padding-top: 60px !important;

}



.pt-70 {

    padding-top: 70px !important;

}



.pt-80 {

    padding-top: 80px !important;

}



.pt-90 {

    padding-top: 90px !important;

}



.pt-100 {

    padding-top: 100px !important;

}



.pt-110 {

    padding-top: 110px !important;

}



.pt-120 {

    padding-top: 120px !important;

}



.pt-130 {

    padding-top: 130px !important;

}



.pt-140 {

    padding-top: 140px !important;

}



.pt-150 {

    padding-top: 150px !important;

}



/*padding bottom*/



.pb-0 {

    padding-bottom: 0px !important;

}



.pb-10 {

    padding-bottom: 10px !important;

}



.pb-15 {

    padding-bottom: 15px !important;

}



.pb-20 {

    padding-bottom: 20px !important;

}



.pb-25 {

    padding-bottom: 25px !important;

}



.pb-30 {

    padding-bottom: 30px !important;

}



.pb-35 {

    padding-bottom: 35px !important;

}



.pb-40 {

    padding-bottom: 40px !important;

}



.pb-45 {

    padding-bottom: 45px !important;

}



.pb-50 {

    padding-bottom: 50px !important;

}



.pb-55 {

    padding-bottom: 55px !important;

}



.pb-60 {

    padding-bottom: 60px !important;

}



.pb-70 {

    padding-bottom: 70px !important;

}



.pb-80 {

    padding-bottom: 80px !important;

}



.pb-90 {

    padding-bottom: 90px !important;

}



.pb-100 {

    padding-bottom: 100px !important;

}



.pb-110 {

    padding-bottom: 110px !important;

}



.pb-120 {

    padding-bottom: 120px !important;

}



.pb-130 {

    padding-bottom: 130px !important;

}



.pb-140 {

    padding-bottom: 140px !important;

}



.pb-150 {

    padding-bottom: 150px !important;

}



/*padding left*/



.pl-0 {

    padding-left: 0px !important;

}



.pl-10 {

    padding-left: 10px !important;

}



.pl-15 {

    padding-left: 15px !important;

}



.pl-20 {

    padding-left: 20px !important;

}



.pl-25 {

    padding-left: 25px !important;

}



.pl-30 {

    padding-left: 30px !important;

}



.pl-35 {

    padding-left: 35px !important;

}



.pl-40 {

    padding-left: 40px !important;

}



.pl-45 {

    padding-left: 45px !important;

}



.pl-50 {

    padding-left: 50px !important;

}



.pl-55 {

    padding-left: 55px !important;

}



.pl-60 {

    padding-left: 60px !important;

}



.pl-70 {

    padding-left: 70px !important;

}



.pl-80 {

    padding-left: 80px !important;

}



.pl-90 {

    padding-left: 90px !important;

}



.pl-100 {

    padding-left: 100px !important;

}



.pl-110 {

    padding-left: 110px !important;

}



.pl-120 {

    padding-left: 120px !important;

}



.pl-130 {

    padding-left: 130px !important;

}



.pl-140 {

    padding-left: 140px !important;

}



.pl-150 {

    padding-left: 150px !important;

}



/*padding right*/



.pr-0 {

    padding-right: 0px !important;

}



.pr-10 {

    padding-right: 10px !important;

}



.pr-15 {

    padding-right: 15px !important;

}



.pr-20 {

    padding-right: 20px !important;

}



.pr-25 {

    padding-right: 25px !important;

}



.pr-30 {

    padding-right: 30px !important;

}



.pr-35 {

    padding-right: 35px !important;

}



.pr-40 {

    padding-right: 40px !important;

}



.pr-45 {

    padding-right: 45px !important;

}



.pr-50 {

    padding-right: 50px !important;

}



.pr-55 {

    padding-right: 55px !important;

}



.pr-60 {

    padding-right: 60px !important;

}



.pr-70 {

    padding-right: 70px !important;

}



.pr-80 {

    padding-right: 80px !important;

}



.pr-90 {

    padding-right: 90px !important;

}



.pr-100 {

    padding-right: 100px !important;

}



.pr-110 {

    padding-right: 110px !important;

}



.pr-120 {

    padding-right: 120px !important;

}



.pr-130 {

    padding-right: 130px !important;

}



.pr-140 {

    padding-right: 140px !important;

}



.pr-150 {

    padding-right: 150px !important;

}



/*padding top bottom*/



.ptb-00 {

    padding-top: 00px !important;

    padding-bottom: 00px !important;

}



.ptb-10 {

    padding-top: 10px !important;

    padding-bottom: 10px !important;

}



.ptb-15 {

    padding-top: 15px !important;

    padding-bottom: 15px !important;

}



.ptb-20 {

    padding-top: 20px !important;

    padding-bottom: 20px !important;

}



.ptb-25 {

    padding-top: 25px !important;

    padding-bottom: 25px !important;

}



.ptb-30 {

    padding-top: 30px !important;

    padding-bottom: 30px !important;

}



.ptb-35 {

    padding-top: 35px !important;

    padding-bottom: 35px !important;

}



.ptb-40 {

    padding-top: 40px !important;

    padding-bottom: 40px !important;

}



.ptb-45 {

    padding-top: 45px !important;

    padding-bottom: 45px !important;

}



.ptb-50 {

    padding-top: 50px !important;

    padding-bottom: 50px !important;

}



.ptb-55 {

    padding-top: 55px !important;

    padding-bottom: 55px !important;

}



.ptb-60 {

    padding-top: 60px !important;

    padding-bottom: 60px !important;

}



.ptb-70 {

    padding-top: 70px !important;

    padding-bottom: 70px !important;

}



.ptb-80 {

    padding-top: 80px !important;

    padding-bottom: 80px !important;

}



.ptb-90 {

    padding-top: 90px !important;

    padding-bottom: 90px !important;

}



.ptb-100 {

    padding-top: 100px !important;

    padding-bottom: 100px !important;

}



.ptb-110 {

    padding-top: 110px !important;

    padding-bottom: 110px !important;

}



.ptb-120 {

    padding-top: 120px !important;

    padding-bottom: 120px !important;

}



.ptb-130 {

    padding-top: 130px !important;

    padding-bottom: 130px !important;

}



.ptb-140 {

    padding-top: 140px !important;

    padding-bottom: 140px !important;

}



.ptb-150 {

    padding-top: 150px !important;

    padding-bottom: 150px !important;

}



/*padding left right*/



.plr-0 {

    padding-left: 00px !important;

    padding-right: 00px !important;

}



.plr-10 {

    padding-left: 10px !important;

    padding-right: 10px !important;

}



.plr-15 {

    padding-left: 15px !important;

    padding-right: 15px !important;

}



.plr-20 {

    padding-left: 20px !important;

    padding-right: 20px !important;

}



.plr-25 {

    padding-left: 25px !important;

    padding-right: 25px !important;

}



.plr-30 {

    padding-left: 30px !important;

    padding-right: 30px !important;

}



.plr-35 {

    padding-left: 35px !important;

    padding-right: 35px !important;

}



.plr-40 {

    padding-left: 40px !important;

    padding-right: 40px !important;

}



.plr-45 {

    padding-left: 45px !important;

    padding-right: 45px !important;

}



.plr-50 {

    padding-left: 50px !important;

    padding-right: 50px !important;

}



.plr-55 {

    padding-left: 55px !important;

    padding-right: 55px !important;

}



.plr-60 {

    padding-left: 60px !important;

    padding-right: 60px !important;

}



.plr-70 {

    padding-left: 70px !important;

    padding-right: 70px !important;

}



.plr-80 {

    padding-left: 80px !important;

    padding-right: 80px !important;

}



.plr-90 {

    padding-left: 90px !important;

    padding-right: 90px !important;

}



.plr-100 {

    padding-left: 100px !important;

    padding-right: 100px !important;

}



.plr-110 {

    padding-left: 110px !important;

    padding-right: 110px !important;

}



.plr-120 {

    padding-left: 120px !important;

    padding-right: 120px !important;

}



.plr-130 {

    padding-left: 130px !important;

    padding-right: 130px !important;

}



.plr-140 {

    padding-left: 140px !important;

    padding-right: 140px !important;

}



.plr-150 {

    padding-left: 150px !important;

    padding-right: 150px !important;

}



/*==========================================

    :: Opacity

==========================================*/



.opacity_0 {

    opacity: 0 !important;

}



.opacity_1 {

    opacity: 1 !important;

}



.opacity_01 {

    opacity: 0.1 !important;

}



.opacity_02 {

    opacity: 0.2 !important;

}



.opacity_03 {

    opacity: 0.3 !important;

}



.opacity_04 {

    opacity: 0.4 !important;

}



.opacity_05 {

    opacity: 0.5 !important;

}



.opacity_06 {

    opacity: 0.6 !important;

}



.opacity_07 {

    opacity: 0.7 !important;

}



.opacity_08 {

    opacity: 0.8 !important;

}



.opacity_09 {

    opacity: 0.9 !important;

}



/*==========================================

    :: Border Radius

==========================================*/



.br_0 {

    border-radius: 0px !important;

}



.br_1 {

    border-radius: 1px !important;

}



.br_2 {

    border-radius: 2px !important;

}



.br_3 {

    border-radius: 3px !important;

}



.br_4 {

    border-radius: 4px !important;

}



.br_5 {

    border-radius: 5px !important;

}



.br_6 {

    border-radius: 6px !important;

}



.br_7 {

    border-radius: 7px !important;

}



.br_8 {

    border-radius: 8px !important;

}



.br_9 {

    border-radius: 9px !important;

}



.br_10 {

    border-radius: 10px !important;

}



.br_11 {

    border-radius: 11px !important;

}



.br_12 {

    border-radius: 12px !important;

}



.br_13 {

    border-radius: 13px !important;

}



.br_14 {

    border-radius: 14px !important;

}



.br_15 {

    border-radius: 15px !important;

}



.br_16 {

    border-radius: 16px !important;

}



.br_17 {

    border-radius: 17px !important;

}



.br_18 {

    border-radius: 18px !important;

}



.br_19 {

    border-radius: 19px !important;

}



.br_20 {

    border-radius: 20px !important;

}



/*==========================================

    :: Font Size

==========================================*/



.fs_108 {

    font-size: 108px !important;

}



.fs_102 {

    font-size: 102px !important;

}



.fs_98 {

    font-size: 98px !important;

}



.fs_92 {

    font-size: 92px !important;

}



.fs_88 {

    font-size: 88px !important;

}



.fs_82 {

    font-size: 82px !important;

}



.fs_78 {

    font-size: 78px !important;

}



.fs_72 {

    font-size: 72px !important;

}



.fs_68 {

    font-size: 68px !important;

}



.fs_62 {

    font-size: 62px !important;

}



.fs_58 {

    font-size: 58px !important;

}



.fs_52 {

    font-size: 52px !important;

}



.fs_48 {

    font-size: 48px !important;

}



.fs_42 {

    font-size: 42px !important;

}



.fs_40 {

    font-size: 40px !important;

}



.fs_38 {

    font-size: 38px !important;

}



.fs_36 {

    font-size: 36px !important;

}



.fs_34 {

    font-size: 34px !important;

}



.fs_32 {

    font-size: 32px !important;

}



.fs_30 {

    font-size: 30px !important;

}



.fs_28 {

    font-size: 28px !important;

}



.fs_26 {

    font-size: 26px !important;

}



.fs_24 {

    font-size: 24px !important;

}



.fs_22 {

    font-size: 22px !important;

}



.fs_20 {

    font-size: 20px !important;

}



.fs_18 {

    font-size: 18px !important;

}



.fs_16 {

    font-size: 16px !important;

}



.fs_14 {

    font-size: 14px !important;

}



.fs_13 {

    font-size: 13px !important;

}



.fs_12 {

    font-size: 12px !important;

}



.fs_11 {

    font-size: 11px !important;

}



.fs_10 {

    font-size: 10px !important;

}



.fs_9 {

    font-size: 9px !important;

}



/*=================================================

    Responsive Media Query (less than 767px)

==================================================*/



@media only screen and (max-width: 767px) {

    .fs_108 {

        font-size: 90px !important;

    }



    .fs_102 {

        font-size: 88px !important;

    }



    .fs_98 {

        font-size: 78px !important;

    }



    .fs_92 {

        font-size: 72px !important;

    }



    .fs_88 {

        font-size: 68px !important;

    }



    .fs_82 {

        font-size: 62px !important;

    }



    .fs_78 {

        font-size: 48px !important;

    }



    .fs_72 {

        font-size: 42px !important;

    }



    .fs_68 {

        font-size: 58px !important;

    }



    .fs_62 {

        font-size: 52px !important;

    }



    .fs_58 {

        font-size: 48px !important;

    }



    .fs_52 {

        font-size: 42px !important;

    }



    .fs_48 {

        font-size: 38px !important;

    }



    .fs_42 {

        font-size: 32px !important;

    }



    .fs_40 {

        font-size: 30px !important;

    }



    .fs_38 {

        font-size: 28px !important;

    }



    .fs_36 {

        font-size: 26px !important;

    }



    .fs_34 {

        font-size: 24px !important;

    }



    .fs_32 {

        font-size: 22px !important;

    }



    .fs_30 {

        font-size: 20px !important;

    }



    .fs_28 {

        font-size: 18px !important;

    }



    .fs_26 {

        font-size: 24px !important;

    }



    .fs_24 {

        font-size: 18px !important;

    }

}



/*==========================================

    :: Font Weight

==========================================*/



.fw_1 {

    font-weight: 100 !important;

}



.fw_2 {

    font-weight: 200 !important;

}



.fw_3 {

    font-weight: 300 !important;

}



.fw_4 {

    font-weight: 400 !important;

}



.fw_5 {

    font-weight: 500 !important;

}



.fw_6 {

    font-weight: 600 !important;

}



.fw_7 {

    font-weight: 700 !important;

}



.fw_8 {

    font-weight: 800 !important;

}



.fw_9 {

    font-weight: 900 !important;

}



.fw_bold {

    font-weight: bold !important;

}



/*==========================================

    :: line height

==========================================*/



.line_height {

    line-height: normal !important

}



.line_height_0 {

    line-height: 0px !important

}



.line_height_10 {

    line-height: 10px !important

}



.line_height_20 {

    line-height: 20px !important

}



.line_height_30 {

    line-height: 30px !important

}



.line_height_40 {

    line-height: 40px !important

}



.line_height_50 {

    line-height: 50px !important

}



.line_height_60 {

    line-height: 60px !important

}



.line_height_70 {

    line-height: 70px !important

}



.line_height_80 {

    line-height: 80px !important

}



.line_height_90 {

    line-height: 90px !important

}



.line_height_100 {

    line-height: 100px !important

}



.line_height_110 {

    line-height: 110px !important

}



/*==========================================

    :: letter spacing

==========================================*/



.ls_1 {

    letter-spacing: 1px;

}



.lss_1 {

    letter-spacing: 0.1px;

}



.ls_2 {

    letter-spacing: 2px;

}



.lss_2 {

    letter-spacing: 0.2px;

}



.ls_3 {

    letter-spacing: 3px;

}



.lss_3 {

    letter-spacing: 0.3px;

}



.ls_4 {

    letter-spacing: 4px;

}



.lss_4 {

    letter-spacing: 0.4px;

}



.ls_5 {

    letter-spacing: 5px;

}



.lss_5 {

    letter-spacing: 0.5px;

}



.ls_6 {

    letter-spacing: 6px;

}



.lss_6 {

    letter-spacing: 0.6px;

}



.ls_7 {

    letter-spacing: 7px;

}



.lss_7 {

    letter-spacing: 0.7px;

}



.ls_8 {

    letter-spacing: 8px;

}



.lss_8 {

    letter-spacing: 0.8px;

}



.ls_9 {

    letter-spacing: 9px;

}



.lss_9 {

    letter-spacing: 0.9px;

}



.ls_10 {

    letter-spacing: 10px;

}



.ls_11 {

    letter-spacing: 11px;

}



.ls_12 {

    letter-spacing: 12px;

}



.ls_13 {

    letter-spacing: 13px;

}



.ls_14 {

    letter-spacing: 14px;

}



.ls_15 {

    letter-spacing: 15px;

}



.ls_16 {

    letter-spacing: 16px;

}



.ls_17 {

    letter-spacing: 17px;

}



.ls_18 {

    letter-spacing: 18px;

}



.ls_19 {

    letter-spacing: 19px;

}



.ls_20 {

    letter-spacing: 20px;

}

th {

    padding: 0.8rem .5rem;

}





.ui-menu-item{

    background:white;

    font-size: 14px;

    cursor: pointer;

    padding: 5px;

    width: 400px;

}

.ui-menu-item:hover {

    background-color: #ccc;

}

.title {

    font-size: 32px;

    font-weight: 400;

    color: var(--secondary);

    margin-bottom: 0;    

}

.item img {

    width: 100%;

}

.show-badge-btn {

    margin: 15px 5px;

    border-radius: 4px;

    border: 1px solid var(--primary);

    background: var(--primary);

    padding: 10px 5px;

    gap: 20px;

    display: flex;

    align-items: center;

    color: white;

    justify-content: center;

    width: 95%;

}

.borderless {

    border: 0 !important;

}

.ui-widget.ui-widget-content {

    border: 1px solid #c5c5c5;

}

.ui-widget-content {

    border: 1px solid #dddddd;

    background: #ffffff;

    color: #333333;

}

.form-group.form-inline {

    margin: 10px 0px;

}



.right{

    text-align: right;

}

.owl-item a, .main-box a {

    display: block;

}

.library-button a {

    color: #888EA2;

    font-size: 16px;

    position: relative;

    font-weight: 500;

}

.library-button a:active {

    color: #003399;

}



input[type="text"] {

    border: 1px solid #E1DFDD;

    height: 32px;

    padding: 0 0px 0 20px;

    position: relative;

    border-radius: 5px;

    color: #353434;

    font-size: 14px;

    font-weight: 500;

}

.ui-widget.ui-widget-content {

    list-style-type: none;

}

select {

    cursor: pointer;

    border: 1px solid #ccc;

    padding: 3px;

}

.content-library .main-box .main-img {

    border-radius: 8px;

}

.initcaps {

    text-transform: capitalize;

}

/* .form-control:focus {

    border: 1px solid #000 !important;

} */

.center {

    text-align: center;

}



.dark-bg .content-library .icon-size {

    filter: invert(1);

}

.dark-bg .dashboard_menu_active {

    color: #4B98F7 !important;

}

.dark-bg .download-btn-all a {

    color: #4B98F7 !important;

}

.dark-bg .profile .dropdown-menu li a img {

    filter: invert(1);

}

.dark-bg .nav-link img {

    filter: invert(1);

}

.Library-tabs-right img {

    /* filter: invert(1); */

}

.dark-bg .main-table input[type="checkbox"]:checked {

    border: 1px solid #4B98F7;

    background: #ffffff;

}



.dark-bg .content-library .dashboard_leftAccount li a.dashboard_menu_active {

    color: #4B98F7 !important;

}



.dark-bg a:hover {

    text-decoration: none;

    color: #4B98F7 !important;

    outline: 2px solid #4B98F7;

}



.dark-bg .minutes {

    color: #4B98F7 !important;

}



.dark-bg .skill-main .skill-wrrap .skill-per:before {

    color: #4B98F7 !important;

}

.dark-bg .reportContainer {

    color: #fff;

}

.dark-bg .reportName {

    color: #fff;

}



.dark-bg .totalTime {

    color: #fff;

}

.dark-bg .navbar-toggler {

    filter: invert(1);

}

.dark-bg .luanch-questions p, .dark-bg .luanch-questions h2{

    color: #fff;

}

.dark-bg .course-description {

    color: #fff;

}

.dark-bg .course-description p{

    color: #fff;

}

.dark-bg #assessment {

    color: #fff;

}

.dark-bg #assessment p{

    color: #fff;

}

.dark-bg #Result p{

    color: #fff;

}

.dark-bg .cm-title h2{

    color: #fff;

}

.dark-bg .primary-color {

    color: #fff !important;

}

.dark-bg .cm-left p {

    color: #fff;

}

.dark-bg .certificate {

    color: #fff;

}

.dark-bg .digital-heading {

    color: #fff;

}

.dark-bg .digitaltext {

    color: #fff;

}

.dark-bg .description p{

    color: #fff;

}

.dark-bg .breadcrumb-item {

    color: #fff;

}

.dark-bg .modal-content {

    background: #000;

}

.whiteBg {

    background: #fff;

}

.hide {

    display: none;

}

h1, h2, h3, h4, h5, h6, span, li, p {

    color: inherit;

}

.dark-bg h1, .dark-bg h2, .dark-bg h3,.dark-bg  h4,.dark-bg  h5, .dark-bg h6, .dark-bg span {

    color: #fff !important;

}

.dark-bg span {

    color: #fff;

}

.dark-bg .img-text span{

    color: #fff;

}

.dark-bg .modal-body-title{

    color: #fff;

}

.dark-bg .main-box .checkbox-des span{

    color: #fff;

}

.dark-bg .modal-content {

    background: #000;

    border: 2px solid #fff;

}

.dark-bg .close{

    color: #fff;

}

.dark-bg .close:hover { 

    color: rgb(156, 150, 150);

}

.dark-bg .ui-state-default {

    filter: invert(1);

}

.dark-bg .removeCourse {

    color: #4B98F7 !important;

}

.dark-bg .basic-information h2{

    color: #fff;

}

.dark-bg .login-input span {

    color: #fff;

}

.dark-bg .basic-information .checkbox-des span {

    color: #fff;

}

.dark-bg .main-box .checkbox-des img{

    filter: invert(1);

}

.dark-bg .heading-dec{

    color: #fff;

}

.dark-bg .heading-dec p{

    color: #fff;

}

.dark-bg .public-share-sign h4 {

    color: #fff;

}

.dark-bg #module-file-messages{

    color: #fff;

}

.dark-bg .main-radio label {

    color: #fff;

}

.dark-bg #signatureType label {

    color: #fff;

}

.dark-bg #signatureText label {

    color: #fff;

}

.dark-bg input, .dark-bg textarea {

    background-color: #fff !important;

}

/*.dark-bg #title {

    color: #fff !important;

}*/



.dark-bg .empty-state-message {

    color: #FFFFFF;

    background-color: #3D3D3D;

    border: 1px solid #121212

}



.dark-bg .breadcrumb-item+.breadcrumb-item {

    color: #fff !important;

}

.dark-bg .result-container {

    color: #4B98F7 !important;

}

.dark-bg .ui-widget-content {

    background: #000;

}

.dark-bg .ui-menu-item-wrapper{

    color: #4B98F7 !important;

}

.dark-bg .datepicker td, .dark-bg .datepicker th {

    color: #fff !important;

}

.dark-bg .backtomodules img, .dark-bg .title-module img{

    filter: invert(1);

}

.dark-bg .warning-highlight {

    color: #000 !important;

}

.backtomodules-container {

    margin: 0 auto;

    

}

/*.create-new-course {

    margin-left: auto;

}*/

.dark-bg .ddArea, .dark-bg #file-drag, .dark-bg .main-module-box, .dark-bg .module-file-drag{

    background: none;

    color: #fff;

}

.dark-bg #modules, .dark-bg .context-menu-container {

    background: none;

    border: 2px solid #fff;

}

.dark-bg .add-text {

    color: #fff !important;

}

.dark-bg .question {

    color: #fff;

}

.dark-bg .tab-pills {

    color: #fff !important;

}

.dark-bg th {

    color: #fff;

}

.dark-bg a {

    color: #4B98F7 !important;

}

.dark-bg .modal-body p, .dark-bg .modal-footer p {

    color: #fff;

}

.dark-bg .close {

    background: none;

}

.dark-bg .btn-close {

    filter: invert(1);



}

/* Dark mode styles for page modals */

.dark-bg #userModal.modal, .dark-bg #courseModal.modal {

    background-color: rgba(0, 0, 0, 0.8);

}



.dark-bg #userModal .modal-content, .dark-bg #courseModal .modal-content {

    background-color: #1a1a1a;

    border: 2px solid #fff;

    color: #fff;

}



.dark-bg #userModal .close, .dark-bg #courseModal .close {

    color: #fff;

}



.dark-bg #userModal .close:hover, .dark-bg #userModal .close:focus,

.dark-bg #courseModal .close:hover, .dark-bg #courseModal .close:focus {

    color: rgb(156, 150, 150);

}



.dark-bg #userModal input, .dark-bg #courseModal input {

    background-color: #333;

    color: #fff;

    border: 1px solid #555;

}



.dark-bg #userModal table, .dark-bg #courseModal table {

    color: #fff;

}



.dark-bg #userModal td, .dark-bg #courseModal td {

    color: #fff;

}



.dark-bg  .instruction, .dark-bg  .instruction p {

    color: #fff;

}



.dark-bg .skill-name {

    color: #fff !important;

}

.dark-bg .content-library-inner {

    background-color: #3D3D3D !important;

}



.dark-bg .main-header {

    background: #222324 !important;

    box-shadow: 0 2px 4px rgba(255, 255, 255, 0.1);

}



.dark-bg .navbar {

    background: #222324 !important;

}



.dark-bg .next-step,

.dark-bg .startCourse,

.dark-bg a.next-step,

.dark-bg a.startCourse {

    color: #fff !important;

}



.dark-bg .wishlist_heart._active {

    color: #00FF00 !important;

}



.dark-bg .wishlist_heart._active svg {

    stroke: #00FF00 !important;

    fill: #00FF00 !important;

}

.dark-bg .parameter-main-box .accordion .accordion-body {

    background: #222324 !important;

}



/* Loading Overlay */

.loading-overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(255, 255, 255, 0.7);

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: 9999;

    backdrop-filter: blur(2px);

}



.loading-content {

    text-align: center;

    padding: 30px;

    background: white;

    border-radius: 10px;

    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);

}



.spinner {

    width: 50px;

    height: 50px;

    border: 4px solid #f3f3f3;

    border-top: 4px solid #007bff;

    border-radius: 50%;

    animation: spin 1s linear infinite;

    margin: 0 auto 20px;

}



@keyframes spin {

    0% { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }

}



.loading-text {

    font-size: 16px;

    color: #666;

    margin: 0;

}



.owl-carousel .owl-nav button.owl-prev.disabled,

.owl-carousel .owl-nav button.owl-next.disabled {

 

  opacity: 0.2; 

  cursor: not-allowed; 

}

.owl-next span, .owl-prev span {

    visibility: hidden;

}



/* ==============================================

   Accessibility - Focus Styles

   ============================================== */



/* Skip to main content link */

.skip-link {

    position: absolute;

    top: -40px;

    left: 0;

    background: #007bff;

    color: white;

    padding: 8px 16px;

    text-decoration: none;

    z-index: 10000;

    border-radius: 0 0 4px 0;

    font-weight: 600;

}



.skip-link:focus,

.visually-hidden-focusable:focus {

    position: absolute;

    top: 0;

    left: 0;

    clip: auto;

    white-space: normal;

    width: auto;

    height: auto;

    overflow: visible;

}



/* Global focus styles for keyboard navigation */

a:focus,

button:focus,

input:focus,

select:focus,

textarea:focus,

[tabindex]:focus {

    outline: 2px solid #007bff;

    outline-offset: 2px;

    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);

}



/* Focus for links */

a:focus-visible {

    outline: 2px solid #007bff;

    outline-offset: 2px;

    border-radius: 2px;

}



/* Focus for buttons */

button:focus-visible,

.btn:focus-visible {

    outline: 2px solid #007bff;

    outline-offset: 2px;

    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);

}



/* Navigation items focus */

.nav-link:focus,

.navbar-nav .nav-link:focus {

    outline: 2px solid #007bff;

    outline-offset: 2px;

    background-color: rgba(0, 123, 255, 0.1);

    border-radius: 4px;

}



/* Dropdown menu items focus */

.dropdown-item:focus {

    outline: 2px solid #007bff;

    outline-offset: -2px;

    background-color: rgba(0, 123, 255, 0.1);

}



/* Tab focus */

.dashboard_leftAccount a:focus {

    outline: 2px solid #007bff;

    outline-offset: 2px;

    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);

    border-radius: 4px;

}



/* Form input focus */

input[type="text"]:focus,

input[type="email"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

select:focus,

textarea:focus {

    outline: 2px solid #007bff;

    outline-offset: 0;

    border-color: #007bff;

    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);

}



/* Checkbox and radio focus */

input[type="checkbox"]:focus,

input[type="radio"]:focus {

    outline: 2px solid #007bff;

    outline-offset: 2px;

    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);

}



/* Switch toggle focus */

.form-check-input:focus {

    border-color: #007bff;

    outline: 2px solid #007bff;

    outline-offset: 2px;

    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);

}



/* Modal close button focus */

.btn-close:focus {

    outline: 2px solid #007bff;

    outline-offset: 2px;

    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);

    opacity: 1;

}



/* Navbar toggler focus */

.navbar-toggler:focus {

    outline: 2px solid #007bff;

    outline-offset: 2px;

    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);

    border-color: #007bff;

}



/* Progress wrap (scroll to top) focus */

.progress-wrap button:focus {

    outline: 2px solid #007bff;

    outline-offset: 2px;

    box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.25);

}



/* Filter buttons focus */

.filter-srearch-btn:focus {

    outline: 2px solid #007bff;

    outline-offset: 2px;

    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);

}



/* Accordion button focus */

.accordion-button:focus {

    outline: 2px solid #007bff;

    outline-offset: -2px;

    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);

    border-color: #007bff;

}



/* Remove default focus for mouse users (preserve for keyboard) */

a:focus:not(:focus-visible),

button:focus:not(:focus-visible),

input:focus:not(:focus-visible),

select:focus:not(:focus-visible) {

    outline: none;

    box-shadow: none;

}



/* Dark mode focus styles */

.dark-bg a:focus,

.dark-bg button:focus,

.dark-bg input:focus,

.dark-bg select:focus {

    outline-color: #4dabf7;

    box-shadow: 0 0 0 3px rgba(77, 171, 247, 0.25);

}



.dark-bg .nav-link:focus,

.dark-bg .navbar-nav .nav-link:focus {

    outline-color: #4dabf7;

    background-color: rgba(77, 171, 247, 0.1);

}



.dark-bg .dropdown-item:focus {

    outline-color: #4dabf7;

    background-color: rgba(77, 171, 247, 0.1);

}



/* High contrast mode support */

@media (prefers-contrast: high) {

    a:focus,

    button:focus,

    input:focus,

    select:focus {

        outline-width: 3px;

        outline-offset: 3px;

    }

}