/*------------------------------------------------------------------------------------------------------
* 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 .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);
}
.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;
}