.bottom-n35px {
    bottom: -35px;
}
.bottom-n2px {
    bottom: -2px;
}

.margin-top-n20px {
    margin-top: -20px;
}

/* Padding classes with px in class name */
.p-1px { padding: 1px; }
.p-2px { padding: 2px; }
.p-3px { padding: 3px; }
.p-4px { padding: 4px; }
.p-5px { padding: 5px; }
.p-6px { padding: 6px; }
.p-7px { padding: 7px; }
.p-8px { padding: 8px; }
.p-9px { padding: 9px; }
.p-10px { padding: 10px; }

/*  */

.w-10px { width: 10px !important; }
.w-20px { width: 20px !important; }
.w-25px { width: 25px !important; }
.w-30px { width: 30px !important; }
.w-35px { width: 35px !important; }
.w-40px { width: 40px !important; }
.w-45px { width: 45px !important; }
.w-50px { width: 50px !important; }
.w-60px { width: 60px !important; }
.w-70px { width: 70px !important; }
.w-80px { width: 80px !important; }
.w-90px { width: 90px !important; }
.w-100px { width: 100px !important; }
.w-110px { width: 110px !important; }
.w-120px { width: 120px !important; }
.w-130px { width: 130px !important; }
.w-140px { width: 140px !important; }
.w-150px { width: 150px !important; }
.w-160px { width: 160px !important; }
.w-170px { width: 170px !important; }
.w-180px { width: 180px !important; }
.w-190px { width: 190px !important; }
.w-200px { width: 200px !important; }
.w-210px { width: 210px !important; }
.w-220px { width: 220px !important; }
.w-230px { width: 230px !important; }
.w-240px { width: 240px !important; }
.w-250px { width: 250px !important; }
.w-260px { width: 260px !important; }
.w-270px { width: 270px !important; }
.w-280px { width: 280px !important; }
.w-290px { width: 290px !important; }
.w-300px { width: 300px !important; }
.w-310px { width: 310px !important; }
.w-320px { width: 320px !important; }
.w-330px { width: 330px !important; }
.w-340px { width: 340px !important; }
.w-350px { width: 350px !important; }
.w-360px { width: 360px !important; }
.w-370px { width: 370px !important; }
.w-380px { width: 380px !important; }
.w-390px { width: 390px !important; }
.w-400px { width: 400px !important; }
.w-410px { width: 410px !important; }
.w-420px { width: 420px !important; }
.w-430px { width: 430px !important; }
.w-440px { width: 440px !important; }
.w-450px { width: 450px !important; }
.w-460px { width: 460px !important; }
.w-470px { width: 470px !important; }
.w-480px { width: 480px !important; }
.w-490px { width: 490px !important; }
.w-500px { width: 500px !important; }
@media (min-width: 576px) {
.w-sm-10px { width: 10px !important; }
.w-sm-20px { width: 20px !important; }
.w-sm-30px { width: 30px !important; }
.w-sm-40px { width: 40px !important; }
.w-sm-50px { width: 50px !important; }
.w-sm-60px { width: 60px !important; }
.w-sm-70px { width: 70px !important; }
.w-sm-80px { width: 80px !important; }
.w-sm-90px { width: 90px !important; }
.w-sm-100px { width: 100px !important; }
.w-sm-110px { width: 110px !important; }
.w-sm-120px { width: 120px !important; }
.w-sm-130px { width: 130px !important; }
.w-sm-140px { width: 140px !important; }
.w-sm-150px { width: 150px !important; }
.w-sm-160px { width: 160px !important; }
.w-sm-170px { width: 170px !important; }
.w-sm-180px { width: 180px !important; }
.w-sm-190px { width: 190px !important; }
.w-sm-200px { width: 200px !important; }
.w-sm-210px { width: 210px !important; }
.w-sm-220px { width: 220px !important; }
.w-sm-230px { width: 230px !important; }
.w-sm-240px { width: 240px !important; }
.w-sm-250px { width: 250px !important; }
.w-sm-260px { width: 260px !important; }
.w-sm-270px { width: 270px !important; }
.w-sm-280px { width: 280px !important; }
.w-sm-290px { width: 290px !important; }
.w-sm-300px { width: 300px !important; }
.w-sm-310px { width: 310px !important; }
.w-sm-320px { width: 320px !important; }
.w-sm-330px { width: 330px !important; }
.w-sm-340px { width: 340px !important; }
.w-sm-350px { width: 350px !important; }
.w-sm-360px { width: 360px !important; }
.w-sm-370px { width: 370px !important; }
.w-sm-380px { width: 380px !important; }
.w-sm-390px { width: 390px !important; }
.w-sm-400px { width: 400px !important; }
.w-sm-410px { width: 410px !important; }
.w-sm-420px { width: 420px !important; }
.w-sm-430px { width: 430px !important; }
.w-sm-440px { width: 440px !important; }
.w-sm-450px { width: 450px !important; }
.w-sm-460px { width: 460px !important; }
.w-sm-470px { width: 470px !important; }
.w-sm-480px { width: 480px !important; }
.w-sm-490px { width: 490px !important; }
.w-sm-500px { width: 500px !important; }
}
@media (min-width: 768px) {
.w-md-10px { width: 10px !important; }
.w-md-20px { width: 20px !important; }
.w-md-30px { width: 30px !important; }
.w-md-40px { width: 40px !important; }
.w-md-50px { width: 50px !important; }
.w-md-60px { width: 60px !important; }
.w-md-70px { width: 70px !important; }
.w-md-80px { width: 80px !important; }
.w-md-90px { width: 90px !important; }
.w-md-95px { width: 95px !important; }
.w-md-100px { width: 100px !important; }
.w-md-110px { width: 110px !important; }
.w-md-120px { width: 120px !important; }
.w-md-130px { width: 130px !important; }
.w-md-140px { width: 140px !important; }
.w-md-150px { width: 150px !important; }
.w-md-160px { width: 160px !important; }
.w-md-170px { width: 170px !important; }
.w-md-180px { width: 180px !important; }
.w-md-190px { width: 190px !important; }
.w-md-200px { width: 200px !important; }
.w-md-210px { width: 210px !important; }
.w-md-220px { width: 220px !important; }
.w-md-230px { width: 230px !important; }
.w-md-240px { width: 240px !important; }
.w-md-250px { width: 250px !important; }
.w-md-260px { width: 260px !important; }
.w-md-270px { width: 270px !important; }
.w-md-280px { width: 280px !important; }
.w-md-290px { width: 290px !important; }
.w-md-300px { width: 300px !important; }
.w-md-310px { width: 310px !important; }
.w-md-320px { width: 320px !important; }
.w-md-330px { width: 330px !important; }
.w-md-340px { width: 340px !important; }
.w-md-350px { width: 350px !important; }
.w-md-360px { width: 360px !important; }
.w-md-370px { width: 370px !important; }
.w-md-380px { width: 380px !important; }
.w-md-390px { width: 390px !important; }
.w-md-400px { width: 400px !important; }
.w-md-410px { width: 410px !important; }
.w-md-420px { width: 420px !important; }
.w-md-430px { width: 430px !important; }
.w-md-440px { width: 440px !important; }
.w-md-450px { width: 450px !important; }
.w-md-460px { width: 460px !important; }
.w-md-470px { width: 470px !important; }
.w-md-480px { width: 480px !important; }
.w-md-490px { width: 490px !important; }
.w-md-500px { width: 500px !important; }
}
@media (min-width: 992px) {
.w-lg-10px { width: 10px !important; }
.w-lg-20px { width: 20px !important; }
.w-lg-30px { width: 30px !important; }
.w-lg-40px { width: 40px !important; }
.w-lg-50px { width: 50px !important; }
.w-lg-60px { width: 60px !important; }
.w-lg-70px { width: 70px !important; }
.w-lg-80px { width: 80px !important; }
.w-lg-90px { width: 90px !important; }
.w-lg-100px { width: 100px !important; }
.w-lg-110px { width: 110px !important; }
.w-lg-120px { width: 120px !important; }
.w-lg-130px { width: 130px !important; }
.w-lg-140px { width: 140px !important; }
.w-lg-150px { width: 150px !important; }
.w-lg-160px { width: 160px !important; }
.w-lg-170px { width: 170px !important; }
.w-lg-180px { width: 180px !important; }
.w-lg-190px { width: 190px !important; }
.w-lg-200px { width: 200px !important; }
.w-lg-210px { width: 210px !important; }
.w-lg-220px { width: 220px !important; }
.w-lg-230px { width: 230px !important; }
.w-lg-240px { width: 240px !important; }
.w-lg-250px { width: 250px !important; }
.w-lg-260px { width: 260px !important; }
.w-lg-270px { width: 270px !important; }
.w-lg-280px { width: 280px !important; }
.w-lg-290px { width: 290px !important; }
.w-lg-300px { width: 300px !important; }
.w-lg-310px { width: 310px !important; }
.w-lg-320px { width: 320px !important; }
.w-lg-330px { width: 330px !important; }
.w-lg-340px { width: 340px !important; }
.w-lg-350px { width: 350px !important; }
.w-lg-360px { width: 360px !important; }
.w-lg-370px { width: 370px !important; }
.w-lg-380px { width: 380px !important; }
.w-lg-390px { width: 390px !important; }
.w-lg-400px { width: 400px !important; }
.w-lg-410px { width: 410px !important; }
.w-lg-420px { width: 420px !important; }
.w-lg-430px { width: 430px !important; }
.w-lg-440px { width: 440px !important; }
.w-lg-450px { width: 450px !important; }
.w-lg-460px { width: 460px !important; }
.w-lg-470px { width: 470px !important; }
.w-lg-480px { width: 480px !important; }
.w-lg-490px { width: 490px !important; }
.w-lg-500px { width: 500px !important; }
}
@media (min-width: 1200px) {
.w-xl-10px { width: 10px !important; }
.w-xl-20px { width: 20px !important; }
.w-xl-30px { width: 30px !important; }
.w-xl-40px { width: 40px !important; }
.w-xl-50px { width: 50px !important; }
.w-xl-60px { width: 60px !important; }
.w-xl-70px { width: 70px !important; }
.w-xl-80px { width: 80px !important; }
.w-xl-90px { width: 90px !important; }
.w-xl-100px { width: 100px !important; }
.w-xl-110px { width: 110px !important; }
.w-xl-120px { width: 120px !important; }
.w-xl-130px { width: 130px !important; }
.w-xl-140px { width: 140px !important; }
.w-xl-150px { width: 150px !important; }
.w-xl-160px { width: 160px !important; }
.w-xl-170px { width: 170px !important; }
.w-xl-180px { width: 180px !important; }
.w-xl-190px { width: 190px !important; }
.w-xl-200px { width: 200px !important; }
.w-xl-210px { width: 210px !important; }
.w-xl-220px { width: 220px !important; }
.w-xl-230px { width: 230px !important; }
.w-xl-240px { width: 240px !important; }
.w-xl-250px { width: 250px !important; }
.w-xl-260px { width: 260px !important; }
.w-xl-270px { width: 270px !important; }
.w-xl-280px { width: 280px !important; }
.w-xl-290px { width: 290px !important; }
.w-xl-300px { width: 300px !important; }
.w-xl-310px { width: 310px !important; }
.w-xl-320px { width: 320px !important; }
.w-xl-330px { width: 330px !important; }
.w-xl-340px { width: 340px !important; }
.w-xl-350px { width: 350px !important; }
.w-xl-360px { width: 360px !important; }
.w-xl-370px { width: 370px !important; }
.w-xl-380px { width: 380px !important; }
.w-xl-390px { width: 390px !important; }
.w-xl-400px { width: 400px !important; }
.w-xl-410px { width: 410px !important; }
.w-xl-420px { width: 420px !important; }
.w-xl-430px { width: 430px !important; }
.w-xl-440px { width: 440px !important; }
.w-xl-450px { width: 450px !important; }
.w-xl-460px { width: 460px !important; }
.w-xl-470px { width: 470px !important; }
.w-xl-480px { width: 480px !important; }
.w-xl-490px { width: 490px !important; }
.w-xl-500px { width: 500px !important; }
}
@media (min-width: 1400px) {
.w-xxl-10px { width: 10px !important; }
.w-xxl-20px { width: 20px !important; }
.w-xxl-30px { width: 30px !important; }
.w-xxl-40px { width: 40px !important; }
.w-xxl-50px { width: 50px !important; }
.w-xxl-60px { width: 60px !important; }
.w-xxl-70px { width: 70px !important; }
.w-xxl-80px { width: 80px !important; }
.w-xxl-90px { width: 90px !important; }
.w-xxl-100px { width: 100px !important; }
.w-xxl-110px { width: 110px !important; }
.w-xxl-120px { width: 120px !important; }
.w-xxl-130px { width: 130px !important; }
.w-xxl-140px { width: 140px !important; }
.w-xxl-150px { width: 150px !important; }
.w-xxl-160px { width: 160px !important; }
.w-xxl-170px { width: 170px !important; }
.w-xxl-180px { width: 180px !important; }
.w-xxl-190px { width: 190px !important; }
.w-xxl-200px { width: 200px !important; }
.w-xxl-210px { width: 210px !important; }
.w-xxl-220px { width: 220px !important; }
.w-xxl-230px { width: 230px !important; }
.w-xxl-240px { width: 240px !important; }
.w-xxl-250px { width: 250px !important; }
.w-xxl-260px { width: 260px !important; }
.w-xxl-270px { width: 270px !important; }
.w-xxl-280px { width: 280px !important; }
.w-xxl-290px { width: 290px !important; }
.w-xxl-300px { width: 300px !important; }
.w-xxl-310px { width: 310px !important; }
.w-xxl-320px { width: 320px !important; }
.w-xxl-330px { width: 330px !important; }
.w-xxl-340px { width: 340px !important; }
.w-xxl-350px { width: 350px !important; }
.w-xxl-360px { width: 360px !important; }
.w-xxl-370px { width: 370px !important; }
.w-xxl-380px { width: 380px !important; }
.w-xxl-390px { width: 390px !important; }
.w-xxl-400px { width: 400px !important; }
.w-xxl-410px { width: 410px !important; }
.w-xxl-420px { width: 420px !important; }
.w-xxl-430px { width: 430px !important; }
.w-xxl-440px { width: 440px !important; }
.w-xxl-450px { width: 450px !important; }
.w-xxl-460px { width: 460px !important; }
.w-xxl-470px { width: 470px !important; }
.w-xxl-480px { width: 480px !important; }
.w-xxl-490px { width: 490px !important; }
.w-xxl-500px { width: 500px !important; }
}

/* height */
.h-10px { height: 10px !important; }
.h-15px { height: 15px !important; }
.h-20px { height: 20px !important; }
.h-30px { height: 30px !important; }
.h-35px { height: 35px !important; }
.h-40px { height: 40px !important; }
.h-45px { height: 45px !important; }
.h-50px { height: 50px !important; }
.h-60px { height: 60px !important; }
.h-70px { height: 70px !important; }
.h-80px { height: 80px !important; }
.h-90px { height: 90px !important; }
.h-100px { height: 100px !important; }
.h-110px { height: 110px !important; }
.h-120px { height: 120px !important; }
.h-130px { height: 130px !important; }
.h-140px { height: 140px !important; }
.h-150px { height: 150px !important; }
.h-160px { height: 160px !important; }
.h-170px { height: 170px !important; }
.h-180px { height: 180px !important; }
.h-190px { height: 190px !important; }
.h-200px { height: 200px !important; }
.h-210px { height: 210px !important; }
.h-220px { height: 220px !important; }
.h-230px { height: 230px !important; }
.h-240px { height: 240px !important; }
.h-250px { height: 250px !important; }
.h-260px { height: 260px !important; }
.h-270px { height: 270px !important; }
.h-280px { height: 280px !important; }
.h-290px { height: 290px !important; }
.h-300px { height: 300px !important; }
.h-310px { height: 310px !important; }
.h-320px { height: 320px !important; }
.h-330px { height: 330px !important; }
.h-340px { height: 340px !important; }
.h-350px { height: 350px !important; }
.h-360px { height: 360px !important; }
.h-370px { height: 370px !important; }
.h-380px { height: 380px !important; }
.h-390px { height: 390px !important; }
.h-400px { height: 400px !important; }
.h-410px { height: 410px !important; }
.h-420px { height: 420px !important; }
.h-430px { height: 430px !important; }
.h-440px { height: 440px !important; }
.h-450px { height: 450px !important; }
.h-460px { height: 460px !important; }
.h-470px { height: 470px !important; }
.h-480px { height: 480px !important; }
.h-490px { height: 490px !important; }
.h-500px { height: 500px !important; }
@media (min-height: 576px) {
.h-sm-10px { height: 10px !important; }
.h-sm-20px { height: 20px !important; }
.h-sm-30px { height: 30px !important; }
.h-sm-40px { height: 40px !important; }
.h-sm-50px { height: 50px !important; }
.h-sm-60px { height: 60px !important; }
.h-sm-70px { height: 70px !important; }
.h-sm-80px { height: 80px !important; }
.h-sm-90px { height: 90px !important; }
.h-sm-100px { height: 100px !important; }
.h-sm-110px { height: 110px !important; }
.h-sm-120px { height: 120px !important; }
.h-sm-130px { height: 130px !important; }
.h-sm-140px { height: 140px !important; }
.h-sm-150px { height: 150px !important; }
.h-sm-160px { height: 160px !important; }
.h-sm-170px { height: 170px !important; }
.h-sm-180px { height: 180px !important; }
.h-sm-190px { height: 190px !important; }
.h-sm-200px { height: 200px !important; }
.h-sm-210px { height: 210px !important; }
.h-sm-220px { height: 220px !important; }
.h-sm-230px { height: 230px !important; }
.h-sm-240px { height: 240px !important; }
.h-sm-250px { height: 250px !important; }
.h-sm-260px { height: 260px !important; }
.h-sm-270px { height: 270px !important; }
.h-sm-280px { height: 280px !important; }
.h-sm-290px { height: 290px !important; }
.h-sm-300px { height: 300px !important; }
.h-sm-310px { height: 310px !important; }
.h-sm-320px { height: 320px !important; }
.h-sm-330px { height: 330px !important; }
.h-sm-340px { height: 340px !important; }
.h-sm-350px { height: 350px !important; }
.h-sm-360px { height: 360px !important; }
.h-sm-370px { height: 370px !important; }
.h-sm-380px { height: 380px !important; }
.h-sm-390px { height: 390px !important; }
.h-sm-400px { height: 400px !important; }
.h-sm-410px { height: 410px !important; }
.h-sm-420px { height: 420px !important; }
.h-sm-430px { height: 430px !important; }
.h-sm-440px { height: 440px !important; }
.h-sm-450px { height: 450px !important; }
.h-sm-460px { height: 460px !important; }
.h-sm-470px { height: 470px !important; }
.h-sm-480px { height: 480px !important; }
.h-sm-490px { height: 490px !important; }
.h-sm-500px { height: 500px !important; }
}
@media (min-height: 768px) {
.h-md-10px { height: 10px !important; }
.h-md-20px { height: 20px !important; }
.h-md-30px { height: 30px !important; }
.h-md-40px { height: 40px !important; }
.h-md-50px { height: 50px !important; }
.h-md-60px { height: 60px !important; }
.h-md-70px { height: 70px !important; }
.h-md-80px { height: 80px !important; }
.h-md-90px { height: 90px !important; }
.h-md-100px { height: 100px !important; }
.h-md-110px { height: 110px !important; }
.h-md-120px { height: 120px !important; }
.h-md-130px { height: 130px !important; }
.h-md-140px { height: 140px !important; }
.h-md-150px { height: 150px !important; }
.h-md-160px { height: 160px !important; }
.h-md-170px { height: 170px !important; }
.h-md-180px { height: 180px !important; }
.h-md-190px { height: 190px !important; }
.h-md-200px { height: 200px !important; }
.h-md-210px { height: 210px !important; }
.h-md-220px { height: 220px !important; }
.h-md-230px { height: 230px !important; }
.h-md-240px { height: 240px !important; }
.h-md-250px { height: 250px !important; }
.h-md-260px { height: 260px !important; }
.h-md-270px { height: 270px !important; }
.h-md-280px { height: 280px !important; }
.h-md-290px { height: 290px !important; }
.h-md-300px { height: 300px !important; }
.h-md-310px { height: 310px !important; }
.h-md-320px { height: 320px !important; }
.h-md-330px { height: 330px !important; }
.h-md-340px { height: 340px !important; }
.h-md-350px { height: 350px !important; }
.h-md-360px { height: 360px !important; }
.h-md-370px { height: 370px !important; }
.h-md-380px { height: 380px !important; }
.h-md-390px { height: 390px !important; }
.h-md-400px { height: 400px !important; }
.h-md-410px { height: 410px !important; }
.h-md-420px { height: 420px !important; }
.h-md-430px { height: 430px !important; }
.h-md-440px { height: 440px !important; }
.h-md-450px { height: 450px !important; }
.h-md-460px { height: 460px !important; }
.h-md-470px { height: 470px !important; }
.h-md-480px { height: 480px !important; }
.h-md-490px { height: 490px !important; }
.h-md-500px { height: 500px !important; }
}
@media (min-height: 992px) {
.h-lg-10px { height: 10px !important; }
.h-lg-20px { height: 20px !important; }
.h-lg-30px { height: 30px !important; }
.h-lg-40px { height: 40px !important; }
.h-lg-50px { height: 50px !important; }
.h-lg-60px { height: 60px !important; }
.h-lg-70px { height: 70px !important; }
.h-lg-80px { height: 80px !important; }
.h-lg-90px { height: 90px !important; }
.h-lg-100px { height: 100px !important; }
.h-lg-110px { height: 110px !important; }
.h-lg-120px { height: 120px !important; }
.h-lg-130px { height: 130px !important; }
.h-lg-140px { height: 140px !important; }
.h-lg-150px { height: 150px !important; }
.h-lg-160px { height: 160px !important; }
.h-lg-170px { height: 170px !important; }
.h-lg-180px { height: 180px !important; }
.h-lg-190px { height: 190px !important; }
.h-lg-200px { height: 200px !important; }
.h-lg-210px { height: 210px !important; }
.h-lg-220px { height: 220px !important; }
.h-lg-230px { height: 230px !important; }
.h-lg-240px { height: 240px !important; }
.h-lg-250px { height: 250px !important; }
.h-lg-260px { height: 260px !important; }
.h-lg-270px { height: 270px !important; }
.h-lg-280px { height: 280px !important; }
.h-lg-290px { height: 290px !important; }
.h-lg-300px { height: 300px !important; }
.h-lg-310px { height: 310px !important; }
.h-lg-320px { height: 320px !important; }
.h-lg-330px { height: 330px !important; }
.h-lg-340px { height: 340px !important; }
.h-lg-350px { height: 350px !important; }
.h-lg-360px { height: 360px !important; }
.h-lg-370px { height: 370px !important; }
.h-lg-380px { height: 380px !important; }
.h-lg-390px { height: 390px !important; }
.h-lg-400px { height: 400px !important; }
.h-lg-410px { height: 410px !important; }
.h-lg-420px { height: 420px !important; }
.h-lg-430px { height: 430px !important; }
.h-lg-440px { height: 440px !important; }
.h-lg-450px { height: 450px !important; }
.h-lg-460px { height: 460px !important; }
.h-lg-470px { height: 470px !important; }
.h-lg-480px { height: 480px !important; }
.h-lg-490px { height: 490px !important; }
.h-lg-500px { height: 500px !important; }
}
@media (min-height: 1200px) {
.h-xl-10px { height: 10px !important; }
.h-xl-20px { height: 20px !important; }
.h-xl-30px { height: 30px !important; }
.h-xl-40px { height: 40px !important; }
.h-xl-50px { height: 50px !important; }
.h-xl-60px { height: 60px !important; }
.h-xl-70px { height: 70px !important; }
.h-xl-80px { height: 80px !important; }
.h-xl-90px { height: 90px !important; }
.h-xl-100px { height: 100px !important; }
.h-xl-110px { height: 110px !important; }
.h-xl-120px { height: 120px !important; }
.h-xl-130px { height: 130px !important; }
.h-xl-140px { height: 140px !important; }
.h-xl-150px { height: 150px !important; }
.h-xl-160px { height: 160px !important; }
.h-xl-170px { height: 170px !important; }
.h-xl-180px { height: 180px !important; }
.h-xl-190px { height: 190px !important; }
.h-xl-200px { height: 200px !important; }
.h-xl-210px { height: 210px !important; }
.h-xl-220px { height: 220px !important; }
.h-xl-230px { height: 230px !important; }
.h-xl-240px { height: 240px !important; }
.h-xl-250px { height: 250px !important; }
.h-xl-260px { height: 260px !important; }
.h-xl-270px { height: 270px !important; }
.h-xl-280px { height: 280px !important; }
.h-xl-290px { height: 290px !important; }
.h-xl-300px { height: 300px !important; }
.h-xl-310px { height: 310px !important; }
.h-xl-320px { height: 320px !important; }
.h-xl-330px { height: 330px !important; }
.h-xl-340px { height: 340px !important; }
.h-xl-350px { height: 350px !important; }
.h-xl-360px { height: 360px !important; }
.h-xl-370px { height: 370px !important; }
.h-xl-380px { height: 380px !important; }
.h-xl-390px { height: 390px !important; }
.h-xl-400px { height: 400px !important; }
.h-xl-410px { height: 410px !important; }
.h-xl-420px { height: 420px !important; }
.h-xl-430px { height: 430px !important; }
.h-xl-440px { height: 440px !important; }
.h-xl-450px { height: 450px !important; }
.h-xl-460px { height: 460px !important; }
.h-xl-470px { height: 470px !important; }
.h-xl-480px { height: 480px !important; }
.h-xl-490px { height: 490px !important; }
.h-xl-500px { height: 500px !important; }
}
@media (min-height: 1400px) {
.h-xxl-10px { height: 10px !important; }
.h-xxl-20px { height: 20px !important; }
.h-xxl-30px { height: 30px !important; }
.h-xxl-40px { height: 40px !important; }
.h-xxl-50px { height: 50px !important; }
.h-xxl-60px { height: 60px !important; }
.h-xxl-70px { height: 70px !important; }
.h-xxl-80px { height: 80px !important; }
.h-xxl-90px { height: 90px !important; }
.h-xxl-100px { height: 100px !important; }
.h-xxl-110px { height: 110px !important; }
.h-xxl-120px { height: 120px !important; }
.h-xxl-130px { height: 130px !important; }
.h-xxl-140px { height: 140px !important; }
.h-xxl-150px { height: 150px !important; }
.h-xxl-160px { height: 160px !important; }
.h-xxl-170px { height: 170px !important; }
.h-xxl-180px { height: 180px !important; }
.h-xxl-190px { height: 190px !important; }
.h-xxl-200px { height: 200px !important; }
.h-xxl-210px { height: 210px !important; }
.h-xxl-220px { height: 220px !important; }
.h-xxl-230px { height: 230px !important; }
.h-xxl-240px { height: 240px !important; }
.h-xxl-250px { height: 250px !important; }
.h-xxl-260px { height: 260px !important; }
.h-xxl-270px { height: 270px !important; }
.h-xxl-280px { height: 280px !important; }
.h-xxl-290px { height: 290px !important; }
.h-xxl-300px { height: 300px !important; }
.h-xxl-310px { height: 310px !important; }
.h-xxl-320px { height: 320px !important; }
.h-xxl-330px { height: 330px !important; }
.h-xxl-340px { height: 340px !important; }
.h-xxl-350px { height: 350px !important; }
.h-xxl-360px { height: 360px !important; }
.h-xxl-370px { height: 370px !important; }
.h-xxl-380px { height: 380px !important; }
.h-xxl-390px { height: 390px !important; }
.h-xxl-400px { height: 400px !important; }
.h-xxl-410px { height: 410px !important; }
.h-xxl-420px { height: 420px !important; }
.h-xxl-430px { height: 430px !important; }
.h-xxl-440px { height: 440px !important; }
.h-xxl-450px { height: 450px !important; }
.h-xxl-460px { height: 460px !important; }
.h-xxl-470px { height: 470px !important; }
.h-xxl-480px { height: 480px !important; }
.h-xxl-490px { height: 490px !important; }
.h-xxl-500px { height: 500px !important; }
}

/*  */

.fs-1 {font-size: 1px;}
.fs-2 {font-size: 2px;}
.fs-3 {font-size: 3px;}
.fs-4 {font-size: 4px;}
.fs-5 {font-size: 5px;}
.fs-6 {font-size: 6px;}
.fs-7 {font-size: 7px;}
.fs-8 {font-size: 8px;}
.fs-9 {font-size: 9px;}
.fs-10 {font-size: 10px;}
.fs-11 {font-size: 11px;}
.fs-12 {font-size: 12px;}
.fs-13 {font-size: 13px;}
.fs-14 {font-size: 14px;}
.fs-15 {font-size: 15px;}
.fs-16 {font-size: 16px;}
.fs-17 {font-size: 17px;}
.fs-18 {font-size: 18px;}
.fs-19 {font-size: 19px;}
.fs-20 {font-size: 20px;}
.fs-21 {font-size: 21px;}
.fs-22 {font-size: 22px;}
.fs-23 {font-size: 23px;}
.fs-24 {font-size: 24px;}
.fs-25 {font-size: 25px;}
.fs-26 {font-size: 26px;}
.fs-27 {font-size: 27px;}
.fs-28 {font-size: 28px;}
.fs-29 {font-size: 29px;}
.fs-30 {font-size: 30px;}
.fs-31 {font-size: 31px;}
.fs-32 {font-size: 32px;}
.fs-33 {font-size: 33px;}
.fs-34 {font-size: 34px;}
.fs-35 {font-size: 35px;}
.fs-36 {font-size: 36px;}
.fs-37 {font-size: 37px;}
.fs-38 {font-size: 38px;}
.fs-39 {font-size: 39px;}
.fs-40 {font-size: 40px;}
.fs-41 {font-size: 41px;}
.fs-42 {font-size: 42px;}
.fs-43 {font-size: 43px;}
.fs-44 {font-size: 44px;}
.fs-45 {font-size: 45px;}
.fs-46 {font-size: 46px;}
.fs-47 {font-size: 47px;}
.fs-48 {font-size: 48px;}
.fs-49 {font-size: 49px;}
.fs-50 {font-size: 50px;}
.fs-60 {font-size: 60px;}

/* Max Width Utilities (Tailwind Scale) */
.max-w-xs   { max-width: 20rem !important; }     /* 320px */
.max-w-sm   { max-width: 24rem !important; }     /* 384px */
.max-w-md   { max-width: 28rem !important; }     /* 448px */
.max-w-lg   { max-width: 32rem !important; }     /* 512px */
.max-w-xl   { max-width: 36rem !important; }     /* 576px */
.max-w-2xl  { max-width: 42rem !important; }     /* 672px */
.max-w-3xl  { max-width: 48rem !important; }     /* 768px */
.max-w-4xl  { max-width: 56rem !important; }     /* 896px */
.max-w-5xl  { max-width: 64rem !important; }     /* 1024px */
.max-w-6xl  { max-width: 72rem !important; }     /* 1152px */
.max-w-7xl  { max-width: 80rem !important; }     /* 1280px */
.max-w-full { max-width: 100% !important; }

/* Z-Index Utilities */
.z-1000 { z-index: 1000 !important; }
.z-1100 { z-index: 1100 !important; }
.z-2000 { z-index: 2000 !important; }

/* Custom Colors (Zinc/Gray scale) */
.text-zinc-50 { color: #fafafa !important; }
.text-zinc-100 { color: #f4f4f5 !important; }
.text-zinc-200 { color: #e4e4e7 !important; }
.text-zinc-300 { color: #d4d4d8 !important; }
.text-zinc-400 { color: #a1a1aa !important; }
.text-zinc-500 { color: #71717a !important; }
.text-zinc-600 { color: #52525b !important; }
.text-zinc-700 { color: #3f3f46 !important; }
.text-zinc-800 { color: #27272a !important; }
.text-zinc-900 { color: #18181b !important; }
.text-zinc-950 { color: #09090b !important; }
.bg-zinc-100   { background-color: #f4f4f5 !important; }
.border-amber-400 {border-color: #fbbf24 !important; }
.text-amber-400 { color: #fbbf24 !important; }
.border-pastel-light-blue { border-color: #CCE6ED;}
.border-light-amber { border-color: #fef3c7 !important;}

.full-width-bg {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding-left: 0;
    padding-right: 0;
}

.bg-white { background-color: #ffffff; }
.bg-light-yellow { background-color: #fef8e9; }
.bg-light-brown { background-color: #efede6; }
.bg-light-blue { background-color: #fef0f1;}
.bg-light-amber { background-color: #FFFBF2;}
.bg-pastel-light-blue { background-color: #fef3c7;}
.bg-amber { background-color: #fef3c7;}
.bg-solid-turquoise { background-color: #339CB7;}