/* FONTS */

.font-12 {
  font-size: 12px!important;
}
.font-13 {
  font-size: 13px!important;
}
.font-14 {
  font-size: 14px !important;
}

@media only screen and (max-width: 1680px) and (min-width: 1279px)  {
  /* .applianceConsumption .font-13 {
  font-size: 12px!important;
  }
  .applianceConsumption .font-14 {
    font-size: 13px!important;
    } */
  }
.font-15 {
  font-size: 15px !important;
}
.font-16 {
  font-size: 16px !important;
}
.font-17 {
  font-size: 17px;
}
.font-18 {
  font-size: 18px;
}
.font-20 {
  font-size: 20px !important;
}
.font-22 {
  font-size: 22px !important;
}
.font-24 {
  font-size: 24px !important;
}
.font-28 {
  font-size: 28px !important;
}
.font-30 {
  font-size: 30px;
}
.font-32 {
  font-size: 32px;
}
.font-34 {
  font-size: 34px !important;
}
.font-36 {
  font-size: 36px;
}
.font-48 {
  font-size: 48px !important;
}
@media only screen and (max-width: 1440px) and (min-width: 1400px)  {
  .font-14-mob {
  font-size: 14px!important;
  }
  }

/* LIINE HEIGHT */
.lh-18 {
  line-height: 18px !important;
}
.lh-20 {
  line-height: 20px !important;
}
.lh-22 {
  line-height: 22px !important;
}
.lh-24 {
  line-height: 24px !important;
}
.lh-28 {
  line-height: 28px;
}
.lh-32 {
  line-height: 32px !important;
}

/* SPACING */

.mt-n75 {
  margin-top: -85px;
}
.mr-15 {
  margin-right: 15px;
}
.ml-15 {
  margin-left: 15px;
}
.mt-n3 {
  margin-top: -3px!important;
  }
  .mt-n10 {
  margin-top: -10px!important;
}
.b-neg-50 {
  bottom: -50px;
}
.mt-30 {
  margin-top:30vh;
}

/* HEIGHT */

.h-8 {
  height: 8px;
}
.h-23 {
  min-height: 23px;
}
.h-24 {
  height:24px;
}
.h-26 {
  min-height: 26px;
}
.h-35 {
  min-height: 35px;
}
.h-40 {
  min-height: 40px;
}
.h-48 {
  min-height: 48px;
}
.mh-50 {
  min-height: 50px;
}
.h-54 {
  min-height: 54px;
}
.h-56 {
  min-height: 56px;
}
.h-60 {
  min-height: 60px;
}
.mh-65 {
  min-height: 65vh;
}
.h-65 {
  min-height: 65px;
}
.h-70 {
  min-height: 70px;
}
.h-72 {
  min-height: 72px;
}
.h-74 {
  min-height: 74px;
}
.h-75 {
  min-height: 75px;
}
.h-90 {
  min-height: 90px;
}
.h-94 {
  min-height: 94px;
}
.h-100 {
  min-height: 100px;
}
.h-110 {
  min-height: 110px;
}
.h-120 {
  min-height: 120px;
}
.h-135 {
  min-height: 135px;
}
.h-140 {
  min-height: 140px;
}
.mh-150 {
  min-height: 150px;
}
.h-150 {
  height: 150px;
}
.h-160-mob {
  min-height: 160px;
}
.h-170 {
  height: 170px;
}
.h-184 {
  min-height: 184px;
}
.h-200 {
  min-height: 200px;
 }
.h-220 {
  min-height: 220px;
}
.h-230 {
  min-height: 230px;
}
.h-235 {
  min-height: 235px;
}
.h-240 {
  min-height: 240px;
}
.h-247 {
  min-height: 247px;
}
.h-275 {
  min-height: 275px;
}
.h-250 {
  min-height: 250px;
}
.mh-280 {
  min-height: 280px;
}
.h-290 {
  min-height: 290px;
}
.h-295 {
  min-height: 295px;
}
.h-300 {
  min-height: 300px;
}
.h-330 {
  min-height: 330px;
}
.h-336 {
  min-height: 336px;
}
.h-340 {
  min-height: 340px;
}
.h-370 {
  min-height: 370px;
}
.h-380 {
  min-height: 380px;
}
.max-h-96 {
  max-height: 96px;
}
.max-380 {
  max-height: 380px;
}
.max-400 {
  max-height: 400px !important;
}
.h-420 {
  min-height: 420px;
}
.max-420 {
  max-height: 420px !important;
}
.h-430 {
  min-height: 430px;
}
.h-440 {
  min-height: 440px;
}
.h-450 {
  min-height: 453px;
}
.h-460 {
  min-height: 460px;
}
.h-472 {
  min-height: 472px;
}
.h-485{
  min-height: 485px;
}
.h-510 {
  min-height: 510px;
}
.h-525 {
  min-height: 525px;
}
.h-535 {
  min-height: 535px;
}
.h-535-mob {
  min-height: 535px;
}

.h-760-mob {
  min-height: 760px;
}
.h-980-mob {
  min-height: 980px;
}
.vh-100{
  min-height: 100vh !important;
}

@media only screen and (max-width: 480px) {
  .h-980-mob {
    min-height: 860px;
  }
  .h-760-mob {
    min-height: 660px;
  }
  .h-160-mob {
    min-height: 122px;
  }
}


@media only screen and (max-width:820px) {
  .h-535-mob {
    min-height: 120px;
  }
}
@media only screen and (max-width: 820px) and (min-width: 480px)  {
  .h-810 {
    min-height: 430px;
  }
}
.h-600 {
  min-height: 600px;
}
.h-610 {
  min-height: 610px;
}
.h-756 {
  min-height: 756px;
  }

@media only screen and (min-width: 1280px) {
  .h-270 {
    min-height: 270px;
  }
  .h-280 {
    min-height: 285px;
  }
  .h-290 {
    min-height: 291px;
  }
  .h-590 {
    min-height: 595px;
  }
  .h-700 {
    min-height: 710px;
  }
  .h-750 {
    min-height: 750px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .h-270 {
    min-height: 270px;
  }
  .h-280 {
    min-height: 315px;
  }
  .h-290 {
    min-height: 288.5px;
  }
  .h-590 {
    min-height: 590px;
  }
  .h-700 {
    min-height: 700px;
  }
  .h-750 {
    min-height: 725px;
  }
}

/* WIDTH */
.w-120 {
  width: 120px;
}
.mw-20 {
  min-width: 20px;
}
.w-24 {
  width:24px;
}
.mw-25 {
  min-width: 25px;
}
.w-50 {
  width: 50px!important;
}
.mw-125 {
  min-width: 125px;
}
.mw-150 {
  min-width: 150px;
}
.mw-180 {
  min-width: 180px;
}
.w-180 {
  min-width: 175px;
}
.mw-380 {
  min-width: 380px;
}
.w-160-multi {
  min-width: 160px;
}
@media only screen and (max-width: 481px) {
  .w-180 {
    min-width: 160px;
  }
  .w-160-multi {
    width: 100%;
    margin-bottom: 15px;
  }
}
.w-160{
  min-width: 160px;
}
.w-200 {
  width: 200px;
}
.w-220 {
  min-width: 220px;
}
@media only screen and (min-width: 481px) {
  .width-max-md-160 {
    max-width: 160px !important;
  }    
  .width-max-md-180 {
    max-width: 175px;
  }
  .w-160-multi {
    min-width: 160px;
  }
}

.mw-200 {
  min-width: 200px;
}
.mw-240 {
  min-width: 240px;
}
.w-270 {
  min-width: 270px!important;
}
.mw-280 {
  min-width: 280px;
}
.mw-300 {
  min-width: 300px;
}
.mw-fit {
  max-width:fit-content;
}

@media only screen and (min-width: 1200px) {
  .ps-xl-6 {
    padding-left: 4.5rem !important;
  }
}

@media only screen and (min-width: 1400px) {
  .ps-xl-6 {
    padding-left: 4rem !important;
  }
}

@media only screen and (max-width: 768px) {
  .h-215-mob {
    min-height: 215px!important;
  }

}

@media only screen and (max-width: 820px) {
  .h-414-mob {
    min-height: 414px!important;
  }

}
@media only screen and (max-width: 820px) and (min-width: 480px)  {
  .w-100-mob {
    width: 100%;
  }
  .w-160-multi {
    width: 100%;
  }
}