/* Variables */
:root {
    --white: #fff;
    --black: #000;
}

/* Width Global */
.w-0 { width: 0; }
.w-1 { width: 1%; }
.w-2 { width: 2%; }
.w-3 { width: 3%; }
.w-4 { width: 4%; }
.w-5 { width: 5%; }
.w-6 { width: 6%; }
.w-7 { width: 7%; }
.w-8 { width: 8%; }
.w-9 { width: 9%; }
.w-10 { width: 10%; }
.w-11 { width: 11%; }
.w-12 { width: 12%; }
.w-13 { width: 13%; }
.w-14 { width: 14%; }
.w-15 { width: 15%; }
.w-16 { width: 16%; }
.w-17 { width: 17%; }
.w-18 { width: 18%; }
.w-19 { width: 19%; }
.w-20 { width: 20%; }
.w-21 { width: 21%; }
.w-22 { width: 22%; }
.w-23 { width: 23%; }
.w-24 { width: 24%; }
.w-25 { width: 25%; }
.w-26 { width: 26%; }
.w-27 { width: 27%; }
.w-28 { width: 28%; }
.w-29 { width: 29%; }
.w-30 { width: 30%; }
.w-31 { width: 31%; }
.w-32 { width: 32%; }
.w-33 { width: 33%; }
.w-34 { width: 34%; }
.w-35 { width: 35%; }
.w-36 { width: 36%; }
.w-37 { width: 37%; }
.w-38 { width: 38%; }
.w-39 { width: 39%; }
.w-40 { width: 40%; }
.w-41 { width: 41%; }
.w-42 { width: 42%; }
.w-43 { width: 43%; }
.w-44 { width: 44%; }
.w-45 { width: 45%; }
.w-46 { width: 46%; }
.w-47 { width: 47%; }
.w-48 { width: 48%; }
.w-49 { width: 49%; }
.w-50 { width: 50%; }
.w-51 { width: 51%; }
.w-52 { width: 52%; }
.w-53 { width: 53%; }
.w-54 { width: 54%; }
.w-55 { width: 55%; }
.w-56 { width: 56%; }
.w-57 { width: 57%; }
.w-58 { width: 58%; }
.w-59 { width: 59%; }
.w-60 { width: 60%; }
.w-61 { width: 61%; }
.w-62 { width: 62%; }
.w-63 { width: 63%; }
.w-64 { width: 64%; }
.w-65 { width: 65%; }
.w-66 { width: 66%; }
.w-67 { width: 67%; }
.w-68 { width: 68%; }
.w-69 { width: 69%; }
.w-70 { width: 70%; }
.w-71 { width: 71%; }
.w-72 { width: 72%; }
.w-73 { width: 73%; }
.w-74 { width: 74%; }
.w-75 { width: 75%; }
.w-76 { width: 76%; }
.w-77 { width: 77%; }
.w-78 { width: 78%; }
.w-79 { width: 79%; }
.w-80 { width: 80%; }
.w-81 { width: 81%; }
.w-82 { width: 82%; }
.w-83 { width: 83%; }
.w-84 { width: 84%; }
.w-85 { width: 85%; }
.w-86 { width: 86%; }
.w-87 { width: 87%; }
.w-88 { width: 88%; }
.w-89 { width: 89%; }
.w-90 { width: 90%; }
.w-91 { width: 91%; }
.w-92 { width: 92%; }
.w-93 { width: 93%; }
.w-94 { width: 94%; }
.w-95 { width: 95%; }
.w-96 { width: 96%; }
.w-97 { width: 97%; }
.w-98 { width: 98%; }
.w-99 { width: 99%; }
.w-100 { width: 100%; }

/* Height Global */
.h-0 { height: 0; }
.h-1 { height: 1%; }
.h-2 { height: 2%; }
.h-3 { height: 3%; }
.h-4 { height: 4%; }
.h-5 { height: 5%; }
.h-6 { height: 6%; }
.h-7 { height: 7%; }
.h-8 { height: 8%; }
.h-9 { height: 9%; }
.h-10 { height: 10%; }
.h-11 { height: 11%; }
.h-12 { height: 12%; }
.h-13 { height: 13%; }
.h-14 { height: 14%; }
.h-15 { height: 15%; }
.h-16 { height: 16%; }
.h-17 { height: 17%; }
.h-18 { height: 18%; }
.h-19 { height: 19%; }
.h-20 { height: 20%; }
.h-21 { height: 21%; }
.h-22 { height: 22%; }
.h-23 { height: 23%; }
.h-24 { height: 24%; }
.h-25 { height: 25%; }
.h-26 { height: 26%; }
.h-27 { height: 27%; }
.h-28 { height: 28%; }
.h-29 { height: 29%; }
.h-30 { height: 30%; }
.h-31 { height: 31%; }
.h-32 { height: 32%; }
.h-33 { height: 33%; }
.h-34 { height: 34%; }
.h-35 { height: 35%; }
.h-36 { height: 36%; }
.h-37 { height: 37%; }
.h-38 { height: 38%; }
.h-39 { height: 39%; }
.h-40 { height: 40%; }
.h-41 { height: 41%; }
.h-42 { height: 42%; }
.h-43 { height: 43%; }
.h-44 { height: 44%; }
.h-45 { height: 45%; }
.h-46 { height: 46%; }
.h-47 { height: 47%; }
.h-48 { height: 48%; }
.h-49 { height: 49%; }
.h-50 { height: 50%; }
.h-51 { height: 51%; }
.h-52 { height: 52%; }
.h-53 { height: 53%; }
.h-54 { height: 54%; }
.h-55 { height: 55%; }
.h-56 { height: 56%; }
.h-57 { height: 57%; }
.h-58 { height: 58%; }
.h-59 { height: 59%; }
.h-60 { height: 60%; }
.h-61 { height: 61%; }
.h-62 { height: 62%; }
.h-63 { height: 63%; }
.h-64 { height: 64%; }
.h-65 { height: 65%; }
.h-66 { height: 66%; }
.h-67 { height: 67%; }
.h-68 { height: 68%; }
.h-69 { height: 69%; }
.h-70 { height: 70%; }
.h-71 { height: 71%; }
.h-72 { height: 72%; }
.h-73 { height: 73%; }
.h-74 { height: 74%; }
.h-75 { height: 75%; }
.h-76 { height: 76%; }
.h-77 { height: 77%; }
.h-78 { height: 78%; }
.h-79 { height: 79%; }
.h-80 { height: 80%; }
.h-81 { height: 81%; }
.h-82 { height: 82%; }
.h-83 { height: 83%; }
.h-84 { height: 84%; }
.h-85 { height: 85%; }
.h-86 { height: 86%; }
.h-87 { height: 87%; }
.h-88 { height: 88%; }
.h-89 { height: 89%; }
.h-90 { height: 90%; }
.h-91 { height: 91%; }
.h-92 { height: 92%; }
.h-93 { height: 93%; }
.h-94 { height: 94%; }
.h-95 { height: 95%; }
.h-96 { height: 96%; }
.h-97 { height: 97%; }
.h-98 { height: 98%; }
.h-99 { height: 99%; }
.h-100 { height: 100%; }

/* Margin Global */
.m-0-auto { margin: 0 auto; }

.m-0 { margin: 0; }
.m-1 { margin: 1px; }
.m-2 { margin: 2px; }
.m-3 { margin: 3px; }
.m-4 { margin: 4px; }
.m-5 { margin: 5px; }
.m-6 { margin: 6px; }
.m-7 { margin: 7px; }
.m-8 { margin: 8px; }
.m-9 { margin: 9px; }
.m-10 { margin: 10px; }
.m-11 { margin: 11px; }
.m-12 { margin: 12px; }
.m-13 { margin: 13px; }
.m-14 { margin: 14px; }
.m-15 { margin: 15px; }
.m-16 { margin: 16px; }
.m-17 { margin: 17px; }
.m-18 { margin: 18px; }
.m-19 { margin: 19px; }
.m-20 { margin: 20px; }
.m-21 { margin: 21px; }
.m-22 { margin: 22px; }
.m-23 { margin: 23px; }
.m-24 { margin: 24px; }
.m-25 { margin: 25px; }
.m-26 { margin: 26px; }
.m-27 { margin: 27px; }
.m-28 { margin: 28px; }
.m-29 { margin: 29px; }
.m-30 { margin: 30px; }
.m-31 { margin: 31px; }
.m-32 { margin: 32px; }
.m-33 { margin: 33px; }
.m-34 { margin: 34px; }
.m-35 { margin: 35px; }
.m-36 { margin: 36px; }
.m-37 { margin: 37px; }
.m-38 { margin: 38px; }
.m-39 { margin: 39px; }
.m-40 { margin: 40px; }
.m-41 { margin: 41px; }
.m-42 { margin: 42px; }
.m-43 { margin: 43px; }
.m-44 { margin: 44px; }
.m-45 { margin: 45px; }
.m-46 { margin: 46px; }
.m-47 { margin: 47px; }
.m-48 { margin: 48px; }
.m-49 { margin: 49px; }
.m-50 { margin: 50px; }
.m-51 { margin: 51px; }
.m-52 { margin: 52px; }
.m-53 { margin: 53px; }
.m-54 { margin: 54px; }
.m-55 { margin: 55px; }
.m-56 { margin: 56px; }
.m-57 { margin: 57px; }
.m-58 { margin: 58px; }
.m-59 { margin: 59px; }
.m-60 { margin: 60px; }
.m-61 { margin: 61px; }
.m-62 { margin: 62px; }
.m-63 { margin: 63px; }
.m-64 { margin: 64px; }
.m-65 { margin: 65px; }
.m-66 { margin: 66px; }
.m-67 { margin: 67px; }
.m-68 { margin: 68px; }
.m-69 { margin: 69px; }
.m-70 { margin: 70px; }
.m-71 { margin: 71px; }
.m-72 { margin: 72px; }
.m-73 { margin: 73px; }
.m-74 { margin: 74px; }
.m-75 { margin: 75px; }
.m-76 { margin: 76px; }
.m-77 { margin: 77px; }
.m-78 { margin: 78px; }
.m-79 { margin: 79px; }
.m-80 { margin: 80px; }
.m-81 { margin: 81px; }
.m-82 { margin: 82px; }
.m-83 { margin: 83px; }
.m-84 { margin: 84px; }
.m-85 { margin: 85px; }
.m-86 { margin: 86px; }
.m-87 { margin: 87px; }
.m-88 { margin: 88px; }
.m-89 { margin: 89px; }
.m-90 { margin: 90px; }
.m-91 { margin: 91px; }
.m-92 { margin: 92px; }
.m-93 { margin: 93px; }
.m-94 { margin: 94px; }
.m-95 { margin: 95px; }
.m-96 { margin: 96px; }
.m-97 { margin: 97px; }
.m-98 { margin: 98px; }
.m-99 { margin: 99px; }
.m-100 { margin: 100px; }

/* Side margins: top / right / bottom / left (0–100px) */
.mt-0 { margin-top: 0; }
.mr-0 { margin-right: 0; }
.mb-0 { margin-bottom: 0; }
.ml-0 { margin-left: 0; }

.mt-1 { margin-top: 1px; }   .mr-1 { margin-right: 1px; }   .mb-1 { margin-bottom: 1px; }   .ml-1 { margin-left: 1px; }
.mt-2 { margin-top: 2px; }   .mr-2 { margin-right: 2px; }   .mb-2 { margin-bottom: 2px; }   .ml-2 { margin-left: 2px; }
.mt-3 { margin-top: 3px; }   .mr-3 { margin-right: 3px; }   .mb-3 { margin-bottom: 3px; }   .ml-3 { margin-left: 3px; }
.mt-4 { margin-top: 4px; }   .mr-4 { margin-right: 4px; }   .mb-4 { margin-bottom: 4px; }   .ml-4 { margin-left: 4px; }
.mt-5 { margin-top: 5px; }   .mr-5 { margin-right: 5px; }   .mb-5 { margin-bottom: 5px; }   .ml-5 { margin-left: 5px; }
.mt-6 { margin-top: 6px; }   .mr-6 { margin-right: 6px; }   .mb-6 { margin-bottom: 6px; }   .ml-6 { margin-left: 6px; }
.mt-7 { margin-top: 7px; }   .mr-7 { margin-right: 7px; }   .mb-7 { margin-bottom: 7px; }   .ml-7 { margin-left: 7px; }
.mt-8 { margin-top: 8px; }   .mr-8 { margin-right: 8px; }   .mb-8 { margin-bottom: 8px; }   .ml-8 { margin-left: 8px; }
.mt-9 { margin-top: 9px; }   .mr-9 { margin-right: 9px; }   .mb-9 { margin-bottom: 9px; }   .ml-9 { margin-left: 9px; }
.mt-10 { margin-top: 10px; } .mr-10 { margin-right: 10px; } .mb-10 { margin-bottom: 10px; } .ml-10 { margin-left: 10px; }
.mt-11 { margin-top: 11px; } .mr-11 { margin-right: 11px; } .mb-11 { margin-bottom: 11px; } .ml-11 { margin-left: 11px; }
.mt-12 { margin-top: 12px; } .mr-12 { margin-right: 12px; } .mb-12 { margin-bottom: 12px; } .ml-12 { margin-left: 12px; }
.mt-13 { margin-top: 13px; } .mr-13 { margin-right: 13px; } .mb-13 { margin-bottom: 13px; } .ml-13 { margin-left: 13px; }
.mt-14 { margin-top: 14px; } .mr-14 { margin-right: 14px; } .mb-14 { margin-bottom: 14px; } .ml-14 { margin-left: 14px; }
.mt-15 { margin-top: 15px; } .mr-15 { margin-right: 15px; } .mb-15 { margin-bottom: 15px; } .ml-15 { margin-left: 15px; }
.mt-16 { margin-top: 16px; } .mr-16 { margin-right: 16px; } .mb-16 { margin-bottom: 16px; } .ml-16 { margin-left: 16px; }
.mt-17 { margin-top: 17px; } .mr-17 { margin-right: 17px; } .mb-17 { margin-bottom: 17px; } .ml-17 { margin-left: 17px; }
.mt-18 { margin-top: 18px; } .mr-18 { margin-right: 18px; } .mb-18 { margin-bottom: 18px; } .ml-18 { margin-left: 18px; }
.mt-19 { margin-top: 19px; } .mr-19 { margin-right: 19px; } .mb-19 { margin-bottom: 19px; } .ml-19 { margin-left: 19px; }
.mt-20 { margin-top: 20px; } .mr-20 { margin-right: 20px; } .mb-20 { margin-bottom: 20px; } .ml-20 { margin-left: 20px; }
.mt-21 { margin-top: 21px; } .mr-21 { margin-right: 21px; } .mb-21 { margin-bottom: 21px; } .ml-21 { margin-left: 21px; }
.mt-22 { margin-top: 22px; } .mr-22 { margin-right: 22px; } .mb-22 { margin-bottom: 22px; } .ml-22 { margin-left: 22px; }
.mt-23 { margin-top: 23px; } .mr-23 { margin-right: 23px; } .mb-23 { margin-bottom: 23px; } .ml-23 { margin-left: 23px; }
.mt-24 { margin-top: 24px; } .mr-24 { margin-right: 24px; } .mb-24 { margin-bottom: 24px; } .ml-24 { margin-left: 24px; }
.mt-25 { margin-top: 25px; } .mr-25 { margin-right: 25px; } .mb-25 { margin-bottom: 25px; } .ml-25 { margin-left: 25px; }
.mt-26 { margin-top: 26px; } .mr-26 { margin-right: 26px; } .mb-26 { margin-bottom: 26px; } .ml-26 { margin-left: 26px; }
.mt-27 { margin-top: 27px; } .mr-27 { margin-right: 27px; } .mb-27 { margin-bottom: 27px; } .ml-27 { margin-left: 27px; }
.mt-28 { margin-top: 28px; } .mr-28 { margin-right: 28px; } .mb-28 { margin-bottom: 28px; } .ml-28 { margin-left: 28px; }
.mt-29 { margin-top: 29px; } .mr-29 { margin-right: 29px; } .mb-29 { margin-bottom: 29px; } .ml-29 { margin-left: 29px; }
.mt-30 { margin-top: 30px; } .mr-30 { margin-right: 30px; } .mb-30 { margin-bottom: 30px; } .ml-30 { margin-left: 30px; }
.mt-31 { margin-top: 31px; } .mr-31 { margin-right: 31px; } .mb-31 { margin-bottom: 31px; } .ml-31 { margin-left: 31px; }
.mt-32 { margin-top: 32px; } .mr-32 { margin-right: 32px; } .mb-32 { margin-bottom: 32px; } .ml-32 { margin-left: 32px; }
.mt-33 { margin-top: 33px; } .mr-33 { margin-right: 33px; } .mb-33 { margin-bottom: 33px; } .ml-33 { margin-left: 33px; }
.mt-34 { margin-top: 34px; } .mr-34 { margin-right: 34px; } .mb-34 { margin-bottom: 34px; } .ml-34 { margin-left: 34px; }
.mt-35 { margin-top: 35px; } .mr-35 { margin-right: 35px; } .mb-35 { margin-bottom: 35px; } .ml-35 { margin-left: 35px; }
.mt-36 { margin-top: 36px; } .mr-36 { margin-right: 36px; } .mb-36 { margin-bottom: 36px; } .ml-36 { margin-left: 36px; }
.mt-37 { margin-top: 37px; } .mr-37 { margin-right: 37px; } .mb-37 { margin-bottom: 37px; } .ml-37 { margin-left: 37px; }
.mt-38 { margin-top: 38px; } .mr-38 { margin-right: 38px; } .mb-38 { margin-bottom: 38px; } .ml-38 { margin-left: 38px; }
.mt-39 { margin-top: 39px; } .mr-39 { margin-right: 39px; } .mb-39 { margin-bottom: 39px; } .ml-39 { margin-left: 39px; }
.mt-40 { margin-top: 40px; } .mr-40 { margin-right: 40px; } .mb-40 { margin-bottom: 40px; } .ml-40 { margin-left: 40px; }
.mt-41 { margin-top: 41px; } .mr-41 { margin-right: 41px; } .mb-41 { margin-bottom: 41px; } .ml-41 { margin-left: 41px; }
.mt-42 { margin-top: 42px; } .mr-42 { margin-right: 42px; } .mb-42 { margin-bottom: 42px; } .ml-42 { margin-left: 42px; }
.mt-43 { margin-top: 43px; } .mr-43 { margin-right: 43px; } .mb-43 { margin-bottom: 43px; } .ml-43 { margin-left: 43px; }
.mt-44 { margin-top: 44px; } .mr-44 { margin-right: 44px; } .mb-44 { margin-bottom: 44px; } .ml-44 { margin-left: 44px; }
.mt-45 { margin-top: 45px; } .mr-45 { margin-right: 45px; } .mb-45 { margin-bottom: 45px; } .ml-45 { margin-left: 45px; }
.mt-46 { margin-top: 46px; } .mr-46 { margin-right: 46px; } .mb-46 { margin-bottom: 46px; } .ml-46 { margin-left: 46px; }
.mt-47 { margin-top: 47px; } .mr-47 { margin-right: 47px; } .mb-47 { margin-bottom: 47px; } .ml-47 { margin-left: 47px; }
.mt-48 { margin-top: 48px; } .mr-48 { margin-right: 48px; } .mb-48 { margin-bottom: 48px; } .ml-48 { margin-left: 48px; }
.mt-49 { margin-top: 49px; } .mr-49 { margin-right: 49px; } .mb-49 { margin-bottom: 49px; } .ml-49 { margin-left: 49px; }
.mt-50 { margin-top: 50px; } .mr-50 { margin-right: 50px; } .mb-50 { margin-bottom: 50px; } .ml-50 { margin-left: 50px; }
.mt-51 { margin-top: 51px; } .mr-51 { margin-right: 51px; } .mb-51 { margin-bottom: 51px; } .ml-51 { margin-left: 51px; }
.mt-52 { margin-top: 52px; } .mr-52 { margin-right: 52px; } .mb-52 { margin-bottom: 52px; } .ml-52 { margin-left: 52px; }
.mt-53 { margin-top: 53px; } .mr-53 { margin-right: 53px; } .mb-53 { margin-bottom: 53px; } .ml-53 { margin-left: 53px; }
.mt-54 { margin-top: 54px; } .mr-54 { margin-right: 54px; } .mb-54 { margin-bottom: 54px; } .ml-54 { margin-left: 54px; }
.mt-55 { margin-top: 55px; } .mr-55 { margin-right: 55px; } .mb-55 { margin-bottom: 55px; } .ml-55 { margin-left: 55px; }
.mt-56 { margin-top: 56px; } .mr-56 { margin-right: 56px; } .mb-56 { margin-bottom: 56px; } .ml-56 { margin-left: 56px; }
.mt-57 { margin-top: 57px; } .mr-57 { margin-right: 57px; } .mb-57 { margin-bottom: 57px; } .ml-57 { margin-left: 57px; }
.mt-58 { margin-top: 58px; } .mr-58 { margin-right: 58px; } .mb-58 { margin-bottom: 58px; } .ml-58 { margin-left: 58px; }
.mt-59 { margin-top: 59px; } .mr-59 { margin-right: 59px; } .mb-59 { margin-bottom: 59px; } .ml-59 { margin-left: 59px; }
.mt-60 { margin-top: 60px; } .mr-60 { margin-right: 60px; } .mb-60 { margin-bottom: 60px; } .ml-60 { margin-left: 60px; }
.mt-61 { margin-top: 61px; } .mr-61 { margin-right: 61px; } .mb-61 { margin-bottom: 61px; } .ml-61 { margin-left: 61px; }
.mt-62 { margin-top: 62px; } .mr-62 { margin-right: 62px; } .mb-62 { margin-bottom: 62px; } .ml-62 { margin-left: 62px; }
.mt-63 { margin-top: 63px; } .mr-63 { margin-right: 63px; } .mb-63 { margin-bottom: 63px; } .ml-63 { margin-left: 63px; }
.mt-64 { margin-top: 64px; } .mr-64 { margin-right: 64px; } .mb-64 { margin-bottom: 64px; } .ml-64 { margin-left: 64px; }
.mt-65 { margin-top: 65px; } .mr-65 { margin-right: 65px; } .mb-65 { margin-bottom: 65px; } .ml-65 { margin-left: 65px; }
.mt-66 { margin-top: 66px; } .mr-66 { margin-right: 66px; } .mb-66 { margin-bottom: 66px; } .ml-66 { margin-left: 66px; }
.mt-67 { margin-top: 67px; } .mr-67 { margin-right: 67px; } .mb-67 { margin-bottom: 67px; } .ml-67 { margin-left: 67px; }
.mt-68 { margin-top: 68px; } .mr-68 { margin-right: 68px; } .mb-68 { margin-bottom: 68px; } .ml-68 { margin-left: 68px; }
.mt-69 { margin-top: 69px; } .mr-69 { margin-right: 69px; } .mb-69 { margin-bottom: 69px; } .ml-69 { margin-left: 69px; }
.mt-70 { margin-top: 70px; } .mr-70 { margin-right: 70px; } .mb-70 { margin-bottom: 70px; } .ml-70 { margin-left: 70px; }
.mt-71 { margin-top: 71px; } .mr-71 { margin-right: 71px; } .mb-71 { margin-bottom: 71px; } .ml-71 { margin-left: 71px; }
.mt-72 { margin-top: 72px; } .mr-72 { margin-right: 72px; } .mb-72 { margin-bottom: 72px; } .ml-72 { margin-left: 72px; }
.mt-73 { margin-top: 73px; } .mr-73 { margin-right: 73px; } .mb-73 { margin-bottom: 73px; } .ml-73 { margin-left: 73px; }
.mt-74 { margin-top: 74px; } .mr-74 { margin-right: 74px; } .mb-74 { margin-bottom: 74px; } .ml-74 { margin-left: 74px; }
.mt-75 { margin-top: 75px; } .mr-75 { margin-right: 75px; } .mb-75 { margin-bottom: 75px; } .ml-75 { margin-left: 75px; }
.mt-76 { margin-top: 76px; } .mr-76 { margin-right: 76px; } .mb-76 { margin-bottom: 76px; } .ml-76 { margin-left: 76px; }
.mt-77 { margin-top: 77px; } .mr-77 { margin-right: 77px; } .mb-77 { margin-bottom: 77px; } .ml-77 { margin-left: 77px; }
.mt-78 { margin-top: 78px; } .mr-78 { margin-right: 78px; } .mb-78 { margin-bottom: 78px; } .ml-78 { margin-left: 78px; }
.mt-79 { margin-top: 79px; } .mr-79 { margin-right: 79px; } .mb-79 { margin-bottom: 79px; } .ml-79 { margin-left: 79px; }
.mt-80 { margin-top: 80px; } .mr-80 { margin-right: 80px; } .mb-80 { margin-bottom: 80px; } .ml-80 { margin-left: 80px; }
.mt-81 { margin-top: 81px; } .mr-81 { margin-right: 81px; } .mb-81 { margin-bottom: 81px; } .ml-81 { margin-left: 81px; }
.mt-82 { margin-top: 82px; } .mr-82 { margin-right: 82px; } .mb-82 { margin-bottom: 82px; } .ml-82 { margin-left: 82px; }
.mt-83 { margin-top: 83px; } .mr-83 { margin-right: 83px; } .mb-83 { margin-bottom: 83px; } .ml-83 { margin-left: 83px; }
.mt-84 { margin-top: 84px; } .mr-84 { margin-right: 84px; } .mb-84 { margin-bottom: 84px; } .ml-84 { margin-left: 84px; }
.mt-85 { margin-top: 85px; } .mr-85 { margin-right: 85px; } .mb-85 { margin-bottom: 85px; } .ml-85 { margin-left: 85px; }
.mt-86 { margin-top: 86px; } .mr-86 { margin-right: 86px; } .mb-86 { margin-bottom: 86px; } .ml-86 { margin-left: 86px; }
.mt-87 { margin-top: 87px; } .mr-87 { margin-right: 87px; } .mb-87 { margin-bottom: 87px; } .ml-87 { margin-left: 87px; }
.mt-88 { margin-top: 88px; } .mr-88 { margin-right: 88px; } .mb-88 { margin-bottom: 88px; } .ml-88 { margin-left: 88px; }
.mt-89 { margin-top: 89px; } .mr-89 { margin-right: 89px; } .mb-89 { margin-bottom: 89px; } .ml-89 { margin-left: 89px; }
.mt-90 { margin-top: 90px; } .mr-90 { margin-right: 90px; } .mb-90 { margin-bottom: 90px; } .ml-90 { margin-left: 90px; }
.mt-91 { margin-top: 91px; } .mr-91 { margin-right: 91px; } .mb-91 { margin-bottom: 91px; } .ml-91 { margin-left: 91px; }
.mt-92 { margin-top: 92px; } .mr-92 { margin-right: 92px; } .mb-92 { margin-bottom: 92px; } .ml-92 { margin-left: 92px; }
.mt-93 { margin-top: 93px; } .mr-93 { margin-right: 93px; } .mb-93 { margin-bottom: 93px; } .ml-93 { margin-left: 93px; }
.mt-94 { margin-top: 94px; } .mr-94 { margin-right: 94px; } .mb-94 { margin-bottom: 94px; } .ml-94 { margin-left: 94px; }
.mt-95 { margin-top: 95px; } .mr-95 { margin-right: 95px; } .mb-95 { margin-bottom: 95px; } .ml-95 { margin-left: 95px; }
.mt-96 { margin-top: 96px; } .mr-96 { margin-right: 96px; } .mb-96 { margin-bottom: 96px; } .ml-96 { margin-left: 96px; }
.mt-97 { margin-top: 97px; } .mr-97 { margin-right: 97px; } .mb-97 { margin-bottom: 97px; } .ml-97 { margin-left: 97px; }
.mt-98 { margin-top: 98px; } .mr-98 { margin-right: 98px; } .mb-98 { margin-bottom: 98px; } .ml-98 { margin-left: 98px; }
.mt-99 { margin-top: 99px; } .mr-99 { margin-right: 99px; } .mb-99 { margin-bottom: 99px; } .ml-99 { margin-left: 99px; }
.mt-100 { margin-top: 100px; } .mr-100 { margin-right: 100px; } .mb-100 { margin-bottom: 100px; } .ml-100 { margin-left: 100px; }

.mt-150 { margin-top: 150px; } .mr-150 { margin-right: 150px; } .mb-150 { margin-bottom: 150px; } .ml-150 { margin-left: 150px; }
.mt-200 { margin-top: 200px; } .mr-200 { margin-right: 200px; } .mb-200 { margin-bottom: 200px; } .ml-200 { margin-left: 200px; }
.mt-250 { margin-top: 250px; } .mr-250 { margin-right: 250px; } .mb-250 { margin-bottom: 250px; } .ml-200 { margin-left: 200px; }
.mt-300 { margin-top: 300px; } .mr-300 { margin-right: 300px; } .mb-300 { margin-bottom: 300px; } .ml-300 { margin-left: 300px; }
.mt-350 { margin-top: 350px; } .mr-350 { margin-right: 350px; } .mb-350 { margin-bottom: 350px; } .ml-350 { margin-left: 350px; }
.mt-400 { margin-top: 400px; } .mr-400 { margin-right: 400px; } .mb-400 { margin-bottom: 400px; } .ml-400 { margin-left: 400px; }

/* Padding Global */
.p-0 { padding: 0; }
.p-1 { padding: 1px; }
.p-2 { padding: 2px; }
.p-3 { padding: 3px; }
.p-4 { padding: 4px; }
.p-5 { padding: 5px; }
.p-6 { padding: 6px; }
.p-7 { padding: 7px; }
.p-8 { padding: 8px; }
.p-9 { padding: 9px; }
.p-10 { padding: 10px; }
.p-11 { padding: 11px; }
.p-12 { padding: 12px; }
.p-13 { padding: 13px; }
.p-14 { padding: 14px; }
.p-15 { padding: 15px; }
.p-16 { padding: 16px; }
.p-17 { padding: 17px; }
.p-18 { padding: 18px; }
.p-19 { padding: 19px; }
.p-20 { padding: 20px; }
.p-21 { padding: 21px; }
.p-22 { padding: 22px; }
.p-23 { padding: 23px; }
.p-24 { padding: 24px; }
.p-25 { padding: 25px; }
.p-26 { padding: 26px; }
.p-27 { padding: 27px; }
.p-28 { padding: 28px; }
.p-29 { padding: 29px; }
.p-30 { padding: 30px; }
.p-31 { padding: 31px; }
.p-32 { padding: 32px; }
.p-33 { padding: 33px; }
.p-34 { padding: 34px; }
.p-35 { padding: 35px; }
.p-36 { padding: 36px; }
.p-37 { padding: 37px; }
.p-38 { padding: 38px; }
.p-39 { padding: 39px; }
.p-40 { padding: 40px; }
.p-41 { padding: 41px; }
.p-42 { padding: 42px; }
.p-43 { padding: 43px; }
.p-44 { padding: 44px; }
.p-45 { padding: 45px; }
.p-46 { padding: 46px; }
.p-47 { padding: 47px; }
.p-48 { padding: 48px; }
.p-49 { padding: 49px; }
.p-50 { padding: 50px; }
.p-51 { padding: 51px; }
.p-52 { padding: 52px; }
.p-53 { padding: 53px; }
.p-54 { padding: 54px; }
.p-55 { padding: 55px; }
.p-56 { padding: 56px; }
.p-57 { padding: 57px; }
.p-58 { padding: 58px; }
.p-59 { padding: 59px; }
.p-60 { padding: 60px; }
.p-61 { padding: 61px; }
.p-62 { padding: 62px; }
.p-63 { padding: 63px; }
.p-64 { padding: 64px; }
.p-65 { padding: 65px; }
.p-66 { padding: 66px; }
.p-67 { padding: 67px; }
.p-68 { padding: 68px; }
.p-69 { padding: 69px; }
.p-70 { padding: 70px; }
.p-71 { padding: 71px; }
.p-72 { padding: 72px; }
.p-73 { padding: 73px; }
.p-74 { padding: 74px; }
.p-75 { padding: 75px; }
.p-76 { padding: 76px; }
.p-77 { padding: 77px; }
.p-78 { padding: 78px; }
.p-79 { padding: 79px; }
.p-80 { padding: 80px; }
.p-81 { padding: 81px; }
.p-82 { padding: 82px; }
.p-83 { padding: 83px; }
.p-84 { padding: 84px; }
.p-85 { padding: 85px; }
.p-86 { padding: 86px; }
.p-87 { padding: 87px; }
.p-88 { padding: 88px; }
.p-89 { padding: 89px; }
.p-90 { padding: 90px; }
.p-91 { padding: 91px; }
.p-92 { padding: 92px; }
.p-93 { padding: 93px; }
.p-94 { padding: 94px; }
.p-95 { padding: 95px; }
.p-96 { padding: 96px; }
.p-97 { padding: 97px; }
.p-98 { padding: 98px; }
.p-99 { padding: 99px; }
.p-100 { padding: 100px; }

.pt-0 { padding-top: 0; }   .pr-0 { padding-right: 0; }   .pb-0 { padding-bottom: 0; }   .pl-0 { padding-left: 0; }

.pt-1 { padding-top: 1px; }   .pr-1 { padding-right: 1px; }   .pb-1 { padding-bottom: 1px; }   .pl-1 { padding-left: 1px; }
.pt-2 { padding-top: 2px; }   .pr-2 { padding-right: 2px; }   .pb-2 { padding-bottom: 2px; }   .pl-2 { padding-left: 2px; }
.pt-3 { padding-top: 3px; }   .pr-3 { padding-right: 3px; }   .pb-3 { padding-bottom: 3px; }   .pl-3 { padding-left: 3px; }
.pt-4 { padding-top: 4px; }   .pr-4 { padding-right: 4px; }   .pb-4 { padding-bottom: 4px; }   .pl-4 { padding-left: 4px; }
.pt-5 { padding-top: 5px; }   .pr-5 { padding-right: 5px; }   .pb-5 { padding-bottom: 5px; }   .pl-5 { padding-left: 5px; }
.pt-6 { padding-top: 6px; }   .pr-6 { padding-right: 6px; }   .pb-6 { padding-bottom: 6px; }   .pl-6 { padding-left: 6px; }
.pt-7 { padding-top: 7px; }   .pr-7 { padding-right: 7px; }   .pb-7 { padding-bottom: 7px; }   .pl-7 { padding-left: 7px; }
.pt-8 { padding-top: 8px; }   .pr-8 { padding-right: 8px; }   .pb-8 { padding-bottom: 8px; }   .pl-8 { padding-left: 8px; }
.pt-9 { padding-top: 9px; }   .pr-9 { padding-right: 9px; }   .pb-9 { padding-bottom: 9px; }   .pl-9 { padding-left: 9px; }
.pt-10 { padding-top: 10px; } .pr-10 { padding-right: 10px; } .pb-10 { padding-bottom: 10px; } .pl-10 { padding-left: 10px; }
.pt-11 { padding-top: 11px; } .pr-11 { padding-right: 11px; } .pb-11 { padding-bottom: 11px; } .pl-11 { padding-left: 11px; }
.pt-12 { padding-top: 12px; } .pr-12 { padding-right: 12px; } .pb-12 { padding-bottom: 12px; } .pl-12 { padding-left: 12px; }
.pt-13 { padding-top: 13px; } .pr-13 { padding-right: 13px; } .pb-13 { padding-bottom: 13px; } .pl-13 { padding-left: 13px; }
.pt-14 { padding-top: 14px; } .pr-14 { padding-right: 14px; } .pb-14 { padding-bottom: 14px; } .pl-14 { padding-left: 14px; }
.pt-15 { padding-top: 15px; } .pr-15 { padding-right: 15px; } .pb-15 { padding-bottom: 15px; } .pl-15 { padding-left: 15px; }
.pt-16 { padding-top: 16px; } .pr-16 { padding-right: 16px; } .pb-16 { padding-bottom: 16px; } .pl-16 { padding-left: 16px; }
.pt-17 { padding-top: 17px; } .pr-17 { padding-right: 17px; } .pb-17 { padding-bottom: 17px; } .pl-17 { padding-left: 17px; }
.pt-18 { padding-top: 18px; } .pr-18 { padding-right: 18px; } .pb-18 { padding-bottom: 18px; } .pl-18 { padding-left: 18px; }
.pt-19 { padding-top: 19px; } .pr-19 { padding-right: 19px; } .pb-19 { padding-bottom: 19px; } .pl-19 { padding-left: 19px; }
.pt-20 { padding-top: 20px; } .pr-20 { padding-right: 20px; } .pb-20 { padding-bottom: 20px; } .pl-20 { padding-left: 20px; }
.pt-21 { padding-top: 21px; } .pr-21 { padding-right: 21px; } .pb-21 { padding-bottom: 21px; } .pl-21 { padding-left: 21px; }
.pt-22 { padding-top: 22px; } .pr-22 { padding-right: 22px; } .pb-22 { padding-bottom: 22px; } .pl-22 { padding-left: 22px; }
.pt-23 { padding-top: 23px; } .pr-23 { padding-right: 23px; } .pb-23 { padding-bottom: 23px; } .pl-23 { padding-left: 23px; }
.pt-24 { padding-top: 24px; } .pr-24 { padding-right: 24px; } .pb-24 { padding-bottom: 24px; } .pl-24 { padding-left: 24px; }
.pt-25 { padding-top: 25px; } .pr-25 { padding-right: 25px; } .pb-25 { padding-bottom: 25px; } .pl-25 { padding-left: 25px; }
.pt-26 { padding-top: 26px; } .pr-26 { padding-right: 26px; } .pb-26 { padding-bottom: 26px; } .pl-26 { padding-left: 26px; }
.pt-27 { padding-top: 27px; } .pr-27 { padding-right: 27px; } .pb-27 { padding-bottom: 27px; } .pl-27 { padding-left: 27px; }
.pt-28 { padding-top: 28px; } .pr-28 { padding-right: 28px; } .pb-28 { padding-bottom: 28px; } .pl-28 { padding-left: 28px; }
.pt-29 { padding-top: 29px; } .pr-29 { padding-right: 29px; } .pb-29 { padding-bottom: 29px; } .pl-29 { padding-left: 29px; }
.pt-30 { padding-top: 30px; } .pr-30 { padding-right: 30px; } .pb-30 { padding-bottom: 30px; } .pl-30 { padding-left: 30px; }
.pt-31 { padding-top: 31px; } .pr-31 { padding-right: 31px; } .pb-31 { padding-bottom: 31px; } .pl-31 { padding-left: 31px; }
.pt-32 { padding-top: 32px; } .pr-32 { padding-right: 32px; } .pb-32 { padding-bottom: 32px; } .pl-32 { padding-left: 32px; }
.pt-33 { padding-top: 33px; } .pr-33 { padding-right: 33px; } .pb-33 { padding-bottom: 33px; } .pl-33 { padding-left: 33px; }
.pt-34 { padding-top: 34px; } .pr-34 { padding-right: 34px; } .pb-34 { padding-bottom: 34px; } .pl-34 { padding-left: 34px; }
.pt-35 { padding-top: 35px; } .pr-35 { padding-right: 35px; } .pb-35 { padding-bottom: 35px; } .pl-35 { padding-left: 35px; }
.pt-36 { padding-top: 36px; } .pr-36 { padding-right: 36px; } .pb-36 { padding-bottom: 36px; } .pl-36 { padding-left: 36px; }
.pt-37 { padding-top: 37px; } .pr-37 { padding-right: 37px; } .pb-37 { padding-bottom: 37px; } .pl-37 { padding-left: 37px; }
.pt-38 { padding-top: 38px; } .pr-38 { padding-right: 38px; } .pb-38 { padding-bottom: 38px; } .pl-38 { padding-left: 38px; }
.pt-39 { padding-top: 39px; } .pr-39 { padding-right: 39px; } .pb-39 { padding-bottom: 39px; } .pl-39 { padding-left: 39px; }
.pt-40 { padding-top: 40px; } .pr-40 { padding-right: 40px; } .pb-40 { padding-bottom: 40px; } .pl-40 { padding-left: 40px; }
.pt-41 { padding-top: 41px; } .pr-41 { padding-right: 41px; } .pb-41 { padding-bottom: 41px; } .pl-41 { padding-left: 41px; }
.pt-42 { padding-top: 42px; } .pr-42 { padding-right: 42px; } .pb-42 { padding-bottom: 42px; } .pl-42 { padding-left: 42px; }
.pt-43 { padding-top: 43px; } .pr-43 { padding-right: 43px; } .pb-43 { padding-bottom: 43px; } .pl-43 { padding-left: 43px; }
.pt-44 { padding-top: 44px; } .pr-44 { padding-right: 44px; } .pb-44 { padding-bottom: 44px; } .pl-44 { padding-left: 44px; }
.pt-45 { padding-top: 45px; } .pr-45 { padding-right: 45px; } .pb-45 { padding-bottom: 45px; } .pl-45 { padding-left: 45px; }
.pt-46 { padding-top: 46px; } .pr-46 { padding-right: 46px; } .pb-46 { padding-bottom: 46px; } .pl-46 { padding-left: 46px; }
.pt-47 { padding-top: 47px; } .pr-47 { padding-right: 47px; } .pb-47 { padding-bottom: 47px; } .pl-47 { padding-left: 47px; }
.pt-48 { padding-top: 48px; } .pr-48 { padding-right: 48px; } .pb-48 { padding-bottom: 48px; } .pl-48 { padding-left: 48px; }
.pt-49 { padding-top: 49px; } .pr-49 { padding-right: 49px; } .pb-49 { padding-bottom: 49px; } .pl-49 { padding-left: 49px; }
.pt-50 { padding-top: 50px; } .pr-50 { padding-right: 50px; } .pb-50 { padding-bottom: 50px; } .pl-50 { padding-left: 50px; }
.pt-51 { padding-top: 51px; } .pr-51 { padding-right: 51px; } .pb-51 { padding-bottom: 51px; } .pl-51 { padding-left: 51px; }
.pt-52 { padding-top: 52px; } .pr-52 { padding-right: 52px; } .pb-52 { padding-bottom: 52px; } .pl-52 { padding-left: 52px; }
.pt-53 { padding-top: 53px; } .pr-53 { padding-right: 53px; } .pb-53 { padding-bottom: 53px; } .pl-53 { padding-left: 53px; }
.pt-54 { padding-top: 54px; } .pr-54 { padding-right: 54px; } .pb-54 { padding-bottom: 54px; } .pl-54 { padding-left: 54px; }
.pt-55 { padding-top: 55px; } .pr-55 { padding-right: 55px; } .pb-55 { padding-bottom: 55px; } .pl-55 { padding-left: 55px; }
.pt-56 { padding-top: 56px; } .pr-56 { padding-right: 56px; } .pb-56 { padding-bottom: 56px; } .pl-56 { padding-left: 56px; }
.pt-57 { padding-top: 57px; } .pr-57 { padding-right: 57px; } .pb-57 { padding-bottom: 57px; } .pl-57 { padding-left: 57px; }
.pt-58 { padding-top: 58px; } .pr-58 { padding-right: 58px; } .pb-58 { padding-bottom: 58px; } .pl-58 { padding-left: 58px; }
.pt-59 { padding-top: 59px; } .pr-59 { padding-right: 59px; } .pb-59 { padding-bottom: 59px; } .pl-59 { padding-left: 59px; }
.pt-60 { padding-top: 60px; } .pr-60 { padding-right: 60px; } .pb-60 { padding-bottom: 60px; } .pl-60 { padding-left: 60px; }
.pt-61 { padding-top: 61px; } .pr-61 { padding-right: 61px; } .pb-61 { padding-bottom: 61px; } .pl-61 { padding-left: 61px; }
.pt-62 { padding-top: 62px; } .pr-62 { padding-right: 62px; } .pb-62 { padding-bottom: 62px; } .pl-62 { padding-left: 62px; }
.pt-63 { padding-top: 63px; } .pr-63 { padding-right: 63px; } .pb-63 { padding-bottom: 63px; } .pl-63 { padding-left: 63px; }
.pt-64 { padding-top: 64px; } .pr-64 { padding-right: 64px; } .pb-64 { padding-bottom: 64px; } .pl-64 { padding-left: 64px; }
.pt-65 { padding-top: 65px; } .pr-65 { padding-right: 65px; } .pb-65 { padding-bottom: 65px; } .pl-65 { padding-left: 65px; }
.pt-66 { padding-top: 66px; } .pr-66 { padding-right: 66px; } .pb-66 { padding-bottom: 66px; } .pl-66 { padding-left: 66px; }
.pt-67 { padding-top: 67px; } .pr-67 { padding-right: 67px; } .pb-67 { padding-bottom: 67px; } .pl-67 { padding-left: 67px; }
.pt-68 { padding-top: 68px; } .pr-68 { padding-right: 68px; } .pb-68 { padding-bottom: 68px; } .pl-68 { padding-left: 68px; }
.pt-69 { padding-top: 69px; } .pr-69 { padding-right: 69px; } .pb-69 { padding-bottom: 69px; } .pl-69 { padding-left: 69px; }
.pt-70 { padding-top: 70px; } .pr-70 { padding-right: 70px; } .pb-70 { padding-bottom: 70px; } .pl-70 { padding-left: 70px; }
.pt-71 { padding-top: 71px; } .pr-71 { padding-right: 71px; } .pb-71 { padding-bottom: 71px; } .pl-71 { padding-left: 71px; }
.pt-72 { padding-top: 72px; } .pr-72 { padding-right: 72px; } .pb-72 { padding-bottom: 72px; } .pl-72 { padding-left: 72px; }
.pt-73 { padding-top: 73px; } .pr-73 { padding-right: 73px; } .pb-73 { padding-bottom: 73px; } .pl-73 { padding-left: 73px; }
.pt-74 { padding-top: 74px; } .pr-74 { padding-right: 74px; } .pb-74 { padding-bottom: 74px; } .pl-74 { padding-left: 74px; }
.pt-75 { padding-top: 75px; } .pr-75 { padding-right: 75px; } .pb-75 { padding-bottom: 75px; } .pl-75 { padding-left: 75px; }
.pt-76 { padding-top: 76px; } .pr-76 { padding-right: 76px; } .pb-76 { padding-bottom: 76px; } .pl-76 { padding-left: 76px; }
.pt-77 { padding-top: 77px; } .pr-77 { padding-right: 77px; } .pb-77 { padding-bottom: 77px; } .pl-77 { padding-left: 77px; }
.pt-78 { padding-top: 78px; } .pr-78 { padding-right: 78px; } .pb-78 { padding-bottom: 78px; } .pl-78 { padding-left: 78px; }
.pt-79 { padding-top: 79px; } .pr-79 { padding-right: 79px; } .pb-79 { padding-bottom: 79px; } .pl-79 { padding-left: 79px; }
.pt-80 { padding-top: 80px; } .pr-80 { padding-right: 80px; } .pb-80 { padding-bottom: 80px; } .pl-80 { padding-left: 80px; }
.pt-81 { padding-top: 81px; } .pr-81 { padding-right: 81px; } .pb-81 { padding-bottom: 81px; } .pl-81 { padding-left: 81px; }
.pt-82 { padding-top: 82px; } .pr-82 { padding-right: 82px; } .pb-82 { padding-bottom: 82px; } .pl-82 { padding-left: 82px; }
.pt-83 { padding-top: 83px; } .pr-83 { padding-right: 83px; } .pb-83 { padding-bottom: 83px; } .pl-83 { padding-left: 83px; }
.pt-84 { padding-top: 84px; } .pr-84 { padding-right: 84px; } .pb-84 { padding-bottom: 84px; } .pl-84 { padding-left: 84px; }
.pt-85 { padding-top: 85px; } .pr-85 { padding-right: 85px; } .pb-85 { padding-bottom: 85px; } .pl-85 { padding-left: 85px; }
.pt-86 { padding-top: 86px; } .pr-86 { padding-right: 86px; } .pb-86 { padding-bottom: 86px; } .pl-86 { padding-left: 86px; }
.pt-87 { padding-top: 87px; } .pr-87 { padding-right: 87px; } .pb-87 { padding-bottom: 87px; } .pl-87 { padding-left: 87px; }
.pt-88 { padding-top: 88px; } .pr-88 { padding-right: 88px; } .pb-88 { padding-bottom: 88px; } .pl-88 { padding-left: 88px; }
.pt-89 { padding-top: 89px; } .pr-89 { padding-right: 89px; } .pb-89 { padding-bottom: 89px; } .pl-89 { padding-left: 89px; }
.pt-90 { padding-top: 90px; } .pr-90 { padding-right: 90px; } .pb-90 { padding-bottom: 90px; } .pl-90 { padding-left: 90px; }
.pt-91 { padding-top: 91px; } .pr-91 { padding-right: 91px; } .pb-91 { padding-bottom: 91px; } .pl-91 { padding-left: 91px; }
.pt-92 { padding-top: 92px; } .pr-92 { padding-right: 92px; } .pb-92 { padding-bottom: 92px; } .pl-92 { padding-left: 92px; }
.pt-93 { padding-top: 93px; } .pr-93 { padding-right: 93px; } .pb-93 { padding-bottom: 93px; } .pl-93 { padding-left: 93px; }
.pt-94 { padding-top: 94px; } .pr-94 { padding-right: 94px; } .pb-94 { padding-bottom: 94px; } .pl-94 { padding-left: 94px; }
.pt-95 { padding-top: 95px; } .pr-95 { padding-right: 95px; } .pb-95 { padding-bottom: 95px; } .pl-95 { padding-left: 95px; }
.pt-96 { padding-top: 96px; } .pr-96 { padding-right: 96px; } .pb-96 { padding-bottom: 96px; } .pl-96 { padding-left: 96px; }
.pt-97 { padding-top: 97px; } .pr-97 { padding-right: 97px; } .pb-97 { padding-bottom: 97px; } .pl-97 { padding-left: 97px; }
.pt-98 { padding-top: 98px; } .pr-98 { padding-right: 98px; } .pb-98 { padding-bottom: 98px; } .pl-98 { padding-left: 98px; }
.pt-99 { padding-top: 99px; } .pr-99 { padding-right: 99px; } .pb-99 { padding-bottom: 99px; } .pl-99 { padding-left: 99px; }
.pt-100 { padding-top: 100px; } .pr-100 { padding-right: 100px; } .pb-100 { padding-bottom: 100px; } .pl-100 { padding-left: 100px; }

.pt-150 { padding-top: 150px; } .pr-150 { padding-right: 150px; } .pb-150 { padding-bottom: 150px; } .pl-150 { padding-left: 150px; }
.pt-200 { padding-top: 200px; } .pr-200 { padding-right: 200px; } .pb-200 { padding-bottom: 200px; } .pl-200 { padding-left: 200px; }
.pt-250 { padding-top: 250px; } .pr-250 { padding-right: 250px; } .pb-250 { padding-bottom: 250px; } .pl-250 { padding-left: 250px; }
.pt-300 { padding-top: 300px; } .pr-300 { padding-right: 300px; } .pb-300 { padding-bottom: 300px; } .pl-300 { padding-left: 300px; }
.pt-350 { padding-top: 350px; } .pr-350 { padding-right: 350px; } .pb-350 { padding-bottom: 350px; } .pl-350 { padding-left: 350px; }
.pt-400 { padding-top: 400px; } .pr-400 { padding-right: 400px; } .pb-400 { padding-bottom: 400px; } .pl-400 { padding-left: 400px; }
.pt-450 { padding-top: 450px; } .pr-450 { padding-right: 450px; } .pb-450 { padding-bottom: 450px; } .pl-450 { padding-left: 450px; }
.pt-500 { padding-top: 500px; } .pr-500 { padding-right: 500px; } .pb-500 { padding-bottom: 500px; } .pl-500 { padding-left: 500px; }

/* Flexbox */
.flex {
    display: flex;
}
.inline-flex {
    display: inline-flex;
}

/* wrap */
.wrap {
    flex-wrap: wrap;
}
.nowrap, .no-wrap {
    flex-wrap: nowrap;
}
.wrap-reverse {
    flex-wrap: wrap-reverse;
}

/* direction */
.row {
    flex-direction: row;
}
.row-reverse {
    flex-direction: row-reverse;
}
.col {
    flex-direction: column;
}
.col-reverse {
    flex-direction: column-reverse;
}

/* justify (aliases kept: jc-*) */
.jc-start, .justify-start { justify-content: flex-start; }
.jc-end, .justify-end { justify-content: flex-end; }
.jc-center, .justify-center { justify-content: center; }
.jc-space-between, .justify-between { justify-content: space-between; }
.jc-space-around, .justify-around { justify-content: space-around; }
.jc-space-evenly, .justify-evenly { justify-content: space-evenly; }

/* align-items (aliases kept: ai-*) */
.ai-start, .items-start { align-items: flex-start; }
.ai-end, .items-end { align-items: flex-end; }
.ai-center, .items-center { align-items: center; }
.ai-stretch, .items-stretch { align-items: stretch; }
.ai-baseline, .items-baseline { align-items: baseline; }

/* align-content (aliases kept: ac-*) */
.ac-start, .content-start { align-content: flex-start; }
.ac-end, .content-end { align-content: flex-end; }
.ac-center, .content-center { align-content: center; }
.ac-stretch, .content-stretch { align-content: stretch; }
.ac-space-between, .content-between { align-content: space-between; }
.ac-space-around, .content-around { align-content: space-around; }

/* align-self (per-item) */
.self-start { align-self: flex-start; }
.self-end { align-self: flex-end; }
.self-center { align-self: center; }
.self-stretch { align-self: stretch; }
.self-baseline { align-self: baseline; }

/* flex shorthand / sizing */
.flex-1 { flex: 1 1 0%; }      /* grow + shrink + basis 0 */
.flex-auto { flex: 1 1 auto; }
.flex-initial { flex: 0 1 auto; }
.flex-none { flex: none; }

/* grow / shrink */
.flex-grow { flex-grow: 1; }
.flex-grow-0 { flex-grow: 0; }
.flex-shrink { flex-shrink: 1; }
.flex-shrink-0 { flex-shrink: 0; }

/* basis utilities */
.basis-auto { flex-basis: auto; }
.basis-0 { flex-basis: 0; }
.basis-25 { flex-basis: 25%; }
.basis-33 { flex-basis: 33.3333%; }
.basis-50 { flex-basis: 50%; }
.basis-66 { flex-basis: 66.6667%; }
.basis-75 { flex-basis: 75%; }
.basis-full { flex-basis: 100%; }

/* order utilities */
.order-first { order: -9999; }
.order-0 { order: 0; }
.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }
.order-4 { order: 4; }
.order-5 { order: 5; }
.order-last { order: 9999; }

.gap-1 { gap: 1px; }
.gap-2 { gap: 2px; }
.gap-3 { gap: 3px; }
.gap-4 { gap: 4px; }
.gap-5 { gap: 5px; }
.gap-6 { gap: 6px; }
.gap-7 { gap: 7px; }
.gap-8 { gap: 8px; }
.gap-9 { gap: 9px; }
.gap-10 { gap: 10px; }
.gap-11 { gap: 11px; }
.gap-12 { gap: 12px; }
.gap-13 { gap: 13px; }
.gap-14 { gap: 14px; }
.gap-15 { gap: 15px; }
.gap-16 { gap: 16px; }
.gap-17 { gap: 17px; }
.gap-18 { gap: 18px; }
.gap-19 { gap: 19px; }
.gap-20 { gap: 20px; }
.gap-21 { gap: 21px; }
.gap-22 { gap: 22px; }
.gap-23 { gap: 23px; }
.gap-24 { gap: 24px; }
.gap-25 { gap: 25px; }
.gap-26 { gap: 26px; }
.gap-27 { gap: 27px; }
.gap-28 { gap: 28px; }
.gap-29 { gap: 29px; }
.gap-30 { gap: 30px; }
.gap-31 { gap: 31px; }
.gap-32 { gap: 32px; }
.gap-33 { gap: 33px; }
.gap-34 { gap: 34px; }
.gap-35 { gap: 35px; }
.gap-36 { gap: 36px; }
.gap-37 { gap: 37px; }
.gap-38 { gap: 38px; }
.gap-39 { gap: 39px; }
.gap-40 { gap: 40px; }
.gap-41 { gap: 41px; }
.gap-42 { gap: 42px; }
.gap-43 { gap: 43px; }
.gap-44 { gap: 44px; }
.gap-45 { gap: 45px; }
.gap-46 { gap: 46px; }
.gap-47 { gap: 47px; }
.gap-48 { gap: 48px; }
.gap-49 { gap: 49px; }
.gap-50 { gap: 50px; }
.gap-51 { gap: 51px; }
.gap-52 { gap: 52px; }
.gap-53 { gap: 53px; }
.gap-54 { gap: 54px; }
.gap-55 { gap: 55px; }
.gap-56 { gap: 56px; }
.gap-57 { gap: 57px; }
.gap-58 { gap: 58px; }
.gap-59 { gap: 59px; }
.gap-60 { gap: 60px; }
.gap-61 { gap: 61px; }
.gap-62 { gap: 62px; }
.gap-63 { gap: 63px; }
.gap-64 { gap: 64px; }
.gap-65 { gap: 65px; }
.gap-66 { gap: 66px; }
.gap-67 { gap: 67px; }
.gap-68 { gap: 68px; }
.gap-69 { gap: 69px; }
.gap-70 { gap: 70px; }
.gap-71 { gap: 71px; }
.gap-72 { gap: 72px; }
.gap-73 { gap: 73px; }
.gap-74 { gap: 74px; }
.gap-75 { gap: 75px; }
.gap-76 { gap: 76px; }
.gap-77 { gap: 77px; }
.gap-78 { gap: 78px; }
.gap-79 { gap: 79px; }
.gap-80 { gap: 80px; }
.gap-81 { gap: 81px; }
.gap-82 { gap: 82px; }
.gap-83 { gap: 83px; }
.gap-84 { gap: 84px; }
.gap-85 { gap: 85px; }
.gap-86 { gap: 86px; }
.gap-87 { gap: 87px; }
.gap-88 { gap: 88px; }
.gap-89 { gap: 89px; }
.gap-90 { gap: 90px; }
.gap-91 { gap: 91px; }
.gap-92 { gap: 92px; }
.gap-93 { gap: 93px; }
.gap-94 { gap: 94px; }
.gap-95 { gap: 95px; }
.gap-96 { gap: 96px; }
.gap-97 { gap: 97px; }
.gap-98 { gap: 98px; }
.gap-99 { gap: 99px; }
.gap-100 { gap: 100px; }

/* Block */
.block {
    display: block;
}

/* Position */
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.fixed {
    position: fixed;
}
.sticky {
    position: sticky;
}

/* Position offsets: top / right / bottom / left (0–100px) */
.top-0  { top: 0; }   .right-0  { right: 0; }   .bottom-0  { bottom: 0; }   .left-0  { left: 0; }

.top-1  { top: 1px; }   .right-1  { right: 1px; }   .bottom-1  { bottom: 1px; }   .left-1  { left: 1px; }
.top-2  { top: 2px; }   .right-2  { right: 2px; }   .bottom-2  { bottom: 2px; }   .left-2  { left: 2px; }
.top-3  { top: 3px; }   .right-3  { right: 3px; }   .bottom-3  { bottom: 3px; }   .left-3  { left: 3px; }
.top-4  { top: 4px; }   .right-4  { right: 4px; }   .bottom-4  { bottom: 4px; }   .left-4  { left: 4px; }
.top-5  { top: 5px; }   .right-5  { right: 5px; }   .bottom-5  { bottom: 5px; }   .left-5  { left: 5px; }
.top-6  { top: 6px; }   .right-6  { right: 6px; }   .bottom-6  { bottom: 6px; }   .left-6  { left: 6px; }
.top-7  { top: 7px; }   .right-7  { right: 7px; }   .bottom-7  { bottom: 7px; }   .left-7  { left: 7px; }
.top-8  { top: 8px; }   .right-8  { right: 8px; }   .bottom-8  { bottom: 8px; }   .left-8  { left: 8px; }
.top-9  { top: 9px; }   .right-9  { right: 9px; }   .bottom-9  { bottom: 9px; }   .left-9  { left: 9px; }
.top-10 { top: 10px; }  .right-10 { right: 10px; }  .bottom-10 { bottom: 10px; }  .left-10 { left: 10px; }
.top-11 { top: 11px; }  .right-11 { right: 11px; }  .bottom-11 { bottom: 11px; }  .left-11 { left: 11px; }
.top-12 { top: 12px; }  .right-12 { right: 12px; }  .bottom-12 { bottom: 12px; }  .left-12 { left: 12px; }
.top-13 { top: 13px; }  .right-13 { right: 13px; }  .bottom-13 { bottom: 13px; }  .left-13 { left: 13px; }
.top-14 { top: 14px; }  .right-14 { right: 14px; }  .bottom-14 { bottom: 14px; }  .left-14 { left: 14px; }
.top-15 { top: 15px; }  .right-15 { right: 15px; }  .bottom-15 { bottom: 15px; }  .left-15 { left: 15px; }
.top-16 { top: 16px; }  .right-16 { right: 16px; }  .bottom-16 { bottom: 16px; }  .left-16 { left: 16px; }
.top-17 { top: 17px; }  .right-17 { right: 17px; }  .bottom-17 { bottom: 17px; }  .left-17 { left: 17px; }
.top-18 { top: 18px; }  .right-18 { right: 18px; }  .bottom-18 { bottom: 18px; }  .left-18 { left: 18px; }
.top-19 { top: 19px; }  .right-19 { right: 19px; }  .bottom-19 { bottom: 19px; }  .left-19 { left: 19px; }
.top-20 { top: 20px; }  .right-20 { right: 20px; }  .bottom-20 { bottom: 20px; }  .left-20 { left: 20px; }
.top-21 { top: 21px; }  .right-21 { right: 21px; }  .bottom-21 { bottom: 21px; }  .left-21 { left: 21px; }
.top-22 { top: 22px; }  .right-22 { right: 22px; }  .bottom-22 { bottom: 22px; }  .left-22 { left: 22px; }
.top-23 { top: 23px; }  .right-23 { right: 23px; }  .bottom-23 { bottom: 23px; }  .left-23 { left: 23px; }
.top-24 { top: 24px; }  .right-24 { right: 24px; }  .bottom-24 { bottom: 24px; }  .left-24 { left: 24px; }
.top-25 { top: 25px; }  .right-25 { right: 25px; }  .bottom-25 { bottom: 25px; }  .left-25 { left: 25px; }
.top-26 { top: 26px; }  .right-26 { right: 26px; }  .bottom-26 { bottom: 26px; }  .left-26 { left: 26px; }
.top-27 { top: 27px; }  .right-27 { right: 27px; }  .bottom-27 { bottom: 27px; }  .left-27 { left: 27px; }
.top-28 { top: 28px; }  .right-28 { right: 28px; }  .bottom-28 { bottom: 28px; }  .left-28 { left: 28px; }
.top-29 { top: 29px; }  .right-29 { right: 29px; }  .bottom-29 { bottom: 29px; }  .left-29 { left: 29px; }
.top-30 { top: 30px; }  .right-30 { right: 30px; }  .bottom-30 { bottom: 30px; }  .left-30 { left: 30px; }
.top-31 { top: 31px; }  .right-31 { right: 31px; }  .bottom-31 { bottom: 31px; }  .left-31 { left: 31px; }
.top-32 { top: 32px; }  .right-32 { right: 32px; }  .bottom-32 { bottom: 32px; }  .left-32 { left: 32px; }
.top-33 { top: 33px; }  .right-33 { right: 33px; }  .bottom-33 { bottom: 33px; }  .left-33 { left: 33px; }
.top-34 { top: 34px; }  .right-34 { right: 34px; }  .bottom-34 { bottom: 34px; }  .left-34 { left: 34px; }
.top-35 { top: 35px; }  .right-35 { right: 35px; }  .bottom-35 { bottom: 35px; }  .left-35 { left: 35px; }
.top-36 { top: 36px; }  .right-36 { right: 36px; }  .bottom-36 { bottom: 36px; }  .left-36 { left: 36px; }
.top-37 { top: 37px; }  .right-37 { right: 37px; }  .bottom-37 { bottom: 37px; }  .left-37 { left: 37px; }
.top-38 { top: 38px; }  .right-38 { right: 38px; }  .bottom-38 { bottom: 38px; }  .left-38 { left: 38px; }
.top-39 { top: 39px; }  .right-39 { right: 39px; }  .bottom-39 { bottom: 39px; }  .left-39 { left: 39px; }
.top-40 { top: 40px; }  .right-40 { right: 40px; }  .bottom-40 { bottom: 40px; }  .left-40 { left: 40px; }
.top-41 { top: 41px; }  .right-41 { right: 41px; }  .bottom-41 { bottom: 41px; }  .left-41 { left: 41px; }
.top-42 { top: 42px; }  .right-42 { right: 42px; }  .bottom-42 { bottom: 42px; }  .left-42 { left: 42px; }
.top-43 { top: 43px; }  .right-43 { right: 43px; }  .bottom-43 { bottom: 43px; }  .left-43 { left: 43px; }
.top-44 { top: 44px; }  .right-44 { right: 44px; }  .bottom-44 { bottom: 44px; }  .left-44 { left: 44px; }
.top-45 { top: 45px; }  .right-45 { right: 45px; }  .bottom-45 { bottom: 45px; }  .left-45 { left: 45px; }
.top-46 { top: 46px; }  .right-46 { right: 46px; }  .bottom-46 { bottom: 46px; }  .left-46 { left: 46px; }
.top-47 { top: 47px; }  .right-47 { right: 47px; }  .bottom-47 { bottom: 47px; }  .left-47 { left: 47px; }
.top-48 { top: 48px; }  .right-48 { right: 48px; }  .bottom-48 { bottom: 48px; }  .left-48 { left: 48px; }
.top-49 { top: 49px; }  .right-49 { right: 49px; }  .bottom-49 { bottom: 49px; }  .left-49 { left: 49px; }
.top-50 { top: 50px; }  .right-50 { right: 50px; }  .bottom-50 { bottom: 50px; }  .left-50 { left: 50px; }
.top-51 { top: 51px; }  .right-51 { right: 51px; }  .bottom-51 { bottom: 51px; }  .left-51 { left: 51px; }
.top-52 { top: 52px; }  .right-52 { right: 52px; }  .bottom-52 { bottom: 52px; }  .left-52 { left: 52px; }
.top-53 { top: 53px; }  .right-53 { right: 53px; }  .bottom-53 { bottom: 53px; }  .left-53 { left: 53px; }
.top-54 { top: 54px; }  .right-54 { right: 54px; }  .bottom-54 { bottom: 54px; }  .left-54 { left: 54px; }
.top-55 { top: 55px; }  .right-55 { right: 55px; }  .bottom-55 { bottom: 55px; }  .left-55 { left: 55px; }
.top-56 { top: 56px; }  .right-56 { right: 56px; }  .bottom-56 { bottom: 56px; }  .left-56 { left: 56px; }
.top-57 { top: 57px; }  .right-57 { right: 57px; }  .bottom-57 { bottom: 57px; }  .left-57 { left: 57px; }
.top-58 { top: 58px; }  .right-58 { right: 58px; }  .bottom-58 { bottom: 58px; }  .left-58 { left: 58px; }
.top-59 { top: 59px; }  .right-59 { right: 59px; }  .bottom-59 { bottom: 59px; }  .left-59 { left: 59px; }
.top-60 { top: 60px; }  .right-60 { right: 60px; }  .bottom-60 { bottom: 60px; }  .left-60 { left: 60px; }
.top-61 { top: 61px; }  .right-61 { right: 61px; }  .bottom-61 { bottom: 61px; }  .left-61 { left: 61px; }
.top-62 { top: 62px; }  .right-62 { right: 62px; }  .bottom-62 { bottom: 62px; }  .left-62 { left: 62px; }
.top-63 { top: 63px; }  .right-63 { right: 63px; }  .bottom-63 { bottom: 63px; }  .left-63 { left: 63px; }
.top-64 { top: 64px; }  .right-64 { right: 64px; }  .bottom-64 { bottom: 64px; }  .left-64 { left: 64px; }
.top-65 { top: 65px; }  .right-65 { right: 65px; }  .bottom-65 { bottom: 65px; }  .left-65 { left: 65px; }
.top-66 { top: 66px; }  .right-66 { right: 66px; }  .bottom-66 { bottom: 66px; }  .left-66 { left: 66px; }
.top-67 { top: 67px; }  .right-67 { right: 67px; }  .bottom-67 { bottom: 67px; }  .left-67 { left: 67px; }
.top-68 { top: 68px; }  .right-68 { right: 68px; }  .bottom-68 { bottom: 68px; }  .left-68 { left: 68px; }
.top-69 { top: 69px; }  .right-69 { right: 69px; }  .bottom-69 { bottom: 69px; }  .left-69 { left: 69px; }
.top-70 { top: 70px; }  .right-70 { right: 70px; }  .bottom-70 { bottom: 70px; }  .left-70 { left: 70px; }
.top-71 { top: 71px; }  .right-71 { right: 71px; }  .bottom-71 { bottom: 71px; }  .left-71 { left: 71px; }
.top-72 { top: 72px; }  .right-72 { right: 72px; }  .bottom-72 { bottom: 72px; }  .left-72 { left: 72px; }
.top-73 { top: 73px; }  .right-73 { right: 73px; }  .bottom-73 { bottom: 73px; }  .left-73 { left: 73px; }
.top-74 { top: 74px; }  .right-74 { right: 74px; }  .bottom-74 { bottom: 74px; }  .left-74 { left: 74px; }
.top-75 { top: 75px; }  .right-75 { right: 75px; }  .bottom-75 { bottom: 75px; }  .left-75 { left: 75px; }
.top-76 { top: 76px; }  .right-76 { right: 76px; }  .bottom-76 { bottom: 76px; }  .left-76 { left: 76px; }
.top-77 { top: 77px; }  .right-77 { right: 77px; }  .bottom-77 { bottom: 77px; }  .left-77 { left: 77px; }
.top-78 { top: 78px; }  .right-78 { right: 78px; }  .bottom-78 { bottom: 78px; }  .left-78 { left: 78px; }
.top-79 { top: 79px; }  .right-79 { right: 79px; }  .bottom-79 { bottom: 79px; }  .left-79 { left: 79px; }
.top-80 { top: 80px; }  .right-80 { right: 80px; }  .bottom-80 { bottom: 80px; }  .left-80 { left: 80px; }
.top-81 { top: 81px; }  .right-81 { right: 81px; }  .bottom-81 { bottom: 81px; }  .left-81 { left: 81px; }
.top-82 { top: 82px; }  .right-82 { right: 82px; }  .bottom-82 { bottom: 82px; }  .left-82 { left: 82px; }
.top-83 { top: 83px; }  .right-83 { right: 83px; }  .bottom-83 { bottom: 83px; }  .left-83 { left: 83px; }
.top-84 { top: 84px; }  .right-84 { right: 84px; }  .bottom-84 { bottom: 84px; }  .left-84 { left: 84px; }
.top-85 { top: 85px; }  .right-85 { right: 85px; }  .bottom-85 { bottom: 85px; }  .left-85 { left: 85px; }
.top-86 { top: 86px; }  .right-86 { right: 86px; }  .bottom-86 { bottom: 86px; }  .left-86 { left: 86px; }
.top-87 { top: 87px; }  .right-87 { right: 87px; }  .bottom-87 { bottom: 87px; }  .left-87 { left: 87px; }
.top-88 { top: 88px; }  .right-88 { right: 88px; }  .bottom-88 { bottom: 88px; }  .left-88 { left: 88px; }
.top-89 { top: 89px; }  .right-89 { right: 89px; }  .bottom-89 { bottom: 89px; }  .left-89 { left: 89px; }
.top-90 { top: 90px; }  .right-90 { right: 90px; }  .bottom-90 { bottom: 90px; }  .left-90 { left: 90px; }
.top-91 { top: 91px; }  .right-91 { right: 91px; }  .bottom-91 { bottom: 91px; }  .left-91 { left: 91px; }
.top-92 { top: 92px; }  .right-92 { right: 92px; }  .bottom-92 { bottom: 92px; }  .left-92 { left: 92px; }
.top-93 { top: 93px; }  .right-93 { right: 93px; }  .bottom-93 { bottom: 93px; }  .left-93 { left: 93px; }
.top-94 { top: 94px; }  .right-94 { right: 94px; }  .bottom-94 { bottom: 94px; }  .left-94 { left: 94px; }
.top-95 { top: 95px; }  .right-95 { right: 95px; }  .bottom-95 { bottom: 95px; }  .left-95 { left: 95px; }
.top-96 { top: 96px; }  .right-96 { right: 96px; }  .bottom-96 { bottom: 96px; }  .left-96 { left: 96px; }
.top-97 { top: 97px; }  .right-97 { right: 97px; }  .bottom-97 { bottom: 97px; }  .left-97 { left: 97px; }
.top-98 { top: 98px; }  .right-98 { right: 98px; }  .bottom-98 { bottom: 98px; }  .left-98 { left: 98px; }
.top-99 { top: 99px; }  .right-99 { right: 99px; }  .bottom-99 { bottom: 99px; }  .left-99 { left: 99px; }
.top-100 { top: 100px; } .right-100 { right: 100px; } .bottom-100 { bottom: 100px; } .left-100 { left: 100px; }

/* Z-Index */
.z-1 {
    z-index: 1;
}
.z-2 {
    z-index: 2;
}
.z-3 {
    z-index: 3;
}
.z-4 {
    z-index: 4;
}
.z-5 {
    z-index: 5;
}

/* Background */
.bg-cover {
    background-size: cover;
}
.bg-contain {
    background-size: contain;
}
.bg-no-repeat {
    background-repeat: no-repeat;
}

.bg-center           { background-position: center; }
.bg-top              { background-position: top; }
.bg-bottom           { background-position: bottom; }
.bg-left             { background-position: left; }
.bg-right            { background-position: right; }

.bg-top-left, .bg-left-top     { background-position: left top; }
.bg-top-right, .bg-right-top   { background-position: right top; }
.bg-bottom-left, .bg-left-bottom { background-position: left bottom; }
.bg-bottom-right, .bg-right-bottom { background-position: right bottom; }

/* convenience: set same percentage for both axes */
.bg-pos-0   { background-position:   0%   0%; }
.bg-pos-5   { background-position:   5%   5%; }
.bg-pos-10  { background-position:  10%  10%; }
.bg-pos-15  { background-position:  15%  15%; }
.bg-pos-20  { background-position:  20%  20%; }
.bg-pos-25  { background-position:  25%  25%; }
.bg-pos-30  { background-position:  30%  30%; }
.bg-pos-35  { background-position:  35%  35%; }
.bg-pos-40  { background-position:  40%  40%; }
.bg-pos-45  { background-position:  45%  45%; }
.bg-pos-50  { background-position:  50%  50%; }
.bg-pos-55  { background-position:  55%  55%; }
.bg-pos-60  { background-position:  60%  60%; }
.bg-pos-65  { background-position:  65%  65%; }
.bg-pos-70  { background-position:  70%  70%; }
.bg-pos-75  { background-position:  75%  75%; }
.bg-pos-80  { background-position:  80%  80%; }
.bg-pos-85  { background-position:  85%  85%; }
.bg-pos-90  { background-position:  90%  90%; }
.bg-pos-95  { background-position:  95%  95%; }
.bg-pos-100 { background-position: 100% 100%; }

/* fine-grained: background-position-x (0–100) */
.bg-pos-x-0  { background-position-x:   0%; }
.bg-pos-x-1  { background-position-x:   1%; }
.bg-pos-x-2  { background-position-x:   2%; }
.bg-pos-x-3  { background-position-x:   3%; }
.bg-pos-x-4  { background-position-x:   4%; }
.bg-pos-x-5  { background-position-x:   5%; }
.bg-pos-x-6  { background-position-x:   6%; }
.bg-pos-x-7  { background-position-x:   7%; }
.bg-pos-x-8  { background-position-x:   8%; }
.bg-pos-x-9  { background-position-x:   9%; }
.bg-pos-x-10 { background-position-x:  10%; }
.bg-pos-x-11 { background-position-x:  11%; }
.bg-pos-x-12 { background-position-x:  12%; }
.bg-pos-x-13 { background-position-x:  13%; }
.bg-pos-x-14 { background-position-x:  14%; }
.bg-pos-x-15 { background-position-x:  15%; }
.bg-pos-x-16 { background-position-x:  16%; }
.bg-pos-x-17 { background-position-x:  17%; }
.bg-pos-x-18 { background-position-x:  18%; }
.bg-pos-x-19 { background-position-x:  19%; }
.bg-pos-x-20 { background-position-x:  20%; }
.bg-pos-x-21 { background-position-x:  21%; }
.bg-pos-x-22 { background-position-x:  22%; }
.bg-pos-x-23 { background-position-x:  23%; }
.bg-pos-x-24 { background-position-x:  24%; }
.bg-pos-x-25 { background-position-x:  25%; }
.bg-pos-x-26 { background-position-x:  26%; }
.bg-pos-x-27 { background-position-x:  27%; }
.bg-pos-x-28 { background-position-x:  28%; }
.bg-pos-x-29 { background-position-x:  29%; }
.bg-pos-x-30 { background-position-x:  30%; }
.bg-pos-x-31 { background-position-x:  31%; }
.bg-pos-x-32 { background-position-x:  32%; }
.bg-pos-x-33 { background-position-x:  33%; }
.bg-pos-x-34 { background-position-x:  34%; }
.bg-pos-x-35 { background-position-x:  35%; }
.bg-pos-x-36 { background-position-x:  36%; }
.bg-pos-x-37 { background-position-x:  37%; }
.bg-pos-x-38 { background-position-x:  38%; }
.bg-pos-x-39 { background-position-x:  39%; }
.bg-pos-x-40 { background-position-x:  40%; }
.bg-pos-x-41 { background-position-x:  41%; }
.bg-pos-x-42 { background-position-x:  42%; }
.bg-pos-x-43 { background-position-x:  43%; }
.bg-pos-x-44 { background-position-x:  44%; }
.bg-pos-x-45 { background-position-x:  45%; }
.bg-pos-x-46 { background-position-x:  46%; }
.bg-pos-x-47 { background-position-x:  47%; }
.bg-pos-x-48 { background-position-x:  48%; }
.bg-pos-x-49 { background-position-x:  49%; }
.bg-pos-x-50 { background-position-x:  50%; }
.bg-pos-x-51 { background-position-x:  51%; }
.bg-pos-x-52 { background-position-x:  52%; }
.bg-pos-x-53 { background-position-x:  53%; }
.bg-pos-x-54 { background-position-x:  54%; }
.bg-pos-x-55 { background-position-x:  55%; }
.bg-pos-x-56 { background-position-x:  56%; }
.bg-pos-x-57 { background-position-x:  57%; }
.bg-pos-x-58 { background-position-x:  58%; }
.bg-pos-x-59 { background-position-x:  59%; }
.bg-pos-x-60 { background-position-x:  60%; }
.bg-pos-x-61 { background-position-x:  61%; }
.bg-pos-x-62 { background-position-x:  62%; }
.bg-pos-x-63 { background-position-x:  63%; }
.bg-pos-x-64 { background-position-x:  64%; }
.bg-pos-x-65 { background-position-x:  65%; }
.bg-pos-x-66 { background-position-x:  66%; }
.bg-pos-x-67 { background-position-x:  67%; }
.bg-pos-x-68 { background-position-x:  68%; }
.bg-pos-x-69 { background-position-x:  69%; }
.bg-pos-x-70 { background-position-x:  70%; }
.bg-pos-x-71 { background-position-x:  71%; }
.bg-pos-x-72 { background-position-x:  72%; }
.bg-pos-x-73 { background-position-x:  73%; }
.bg-pos-x-74 { background-position-x:  74%; }
.bg-pos-x-75 { background-position-x:  75%; }
.bg-pos-x-76 { background-position-x:  76%; }
.bg-pos-x-77 { background-position-x:  77%; }
.bg-pos-x-78 { background-position-x:  78%; }
.bg-pos-x-79 { background-position-x:  79%; }
.bg-pos-x-80 { background-position-x:  80%; }
.bg-pos-x-81 { background-position-x:  81%; }
.bg-pos-x-82 { background-position-x:  82%; }
.bg-pos-x-83 { background-position-x:  83%; }
.bg-pos-x-84 { background-position-x:  84%; }
.bg-pos-x-85 { background-position-x:  85%; }
.bg-pos-x-86 { background-position-x:  86%; }
.bg-pos-x-87 { background-position-x:  87%; }
.bg-pos-x-88 { background-position-x:  88%; }
.bg-pos-x-89 { background-position-x:  89%; }
.bg-pos-x-90 { background-position-x:  90%; }
.bg-pos-x-91 { background-position-x:  91%; }
.bg-pos-x-92 { background-position-x:  92%; }
.bg-pos-x-93 { background-position-x:  93%; }
.bg-pos-x-94 { background-position-x:  94%; }
.bg-pos-x-95 { background-position-x:  95%; }
.bg-pos-x-96 { background-position-x:  96%; }
.bg-pos-x-97 { background-position-x:  97%; }
.bg-pos-x-98 { background-position-x:  98%; }
.bg-pos-x-99 { background-position-x:  99%; }
.bg-pos-x-100 { background-position-x: 100%; }

/* fine-grained: background-position-y (0–100) */
.bg-pos-y-0  { background-position-y:   0%; }
.bg-pos-y-1  { background-position-y:   1%; }
.bg-pos-y-2  { background-position-y:   2%; }
.bg-pos-y-3  { background-position-y:   3%; }
.bg-pos-y-4  { background-position-y:   4%; }
.bg-pos-y-5  { background-position-y:   5%; }
.bg-pos-y-6  { background-position-y:   6%; }
.bg-pos-y-7  { background-position-y:   7%; }
.bg-pos-y-8  { background-position-y:   8%; }
.bg-pos-y-9  { background-position-y:   9%; }
.bg-pos-y-10 { background-position-y:  10%; }
.bg-pos-y-11 { background-position-y:  11%; }
.bg-pos-y-12 { background-position-y:  12%; }
.bg-pos-y-13 { background-position-y:  13%; }
.bg-pos-y-14 { background-position-y:  14%; }
.bg-pos-y-15 { background-position-y:  15%; }
.bg-pos-y-16 { background-position-y:  16%; }
.bg-pos-y-17 { background-position-y:  17%; }
.bg-pos-y-18 { background-position-y:  18%; }
.bg-pos-y-19 { background-position-y:  19%; }
.bg-pos-y-20 { background-position-y:  20%; }
.bg-pos-y-21 { background-position-y:  21%; }
.bg-pos-y-22 { background-position-y:  22%; }
.bg-pos-y-23 { background-position-y:  23%; }
.bg-pos-y-24 { background-position-y:  24%; }
.bg-pos-y-25 { background-position-y:  25%; }
.bg-pos-y-26 { background-position-y:  26%; }
.bg-pos-y-27 { background-position-y:  27%; }
.bg-pos-y-28 { background-position-y:  28%; }
.bg-pos-y-29 { background-position-y:  29%; }
.bg-pos-y-30 { background-position-y:  30%; }
.bg-pos-y-31 { background-position-y:  31%; }
.bg-pos-y-32 { background-position-y:  32%; }
.bg-pos-y-33 { background-position-y:  33%; }
.bg-pos-y-34 { background-position-y:  34%; }
.bg-pos-y-35 { background-position-y:  35%; }
.bg-pos-y-36 { background-position-y:  36%; }
.bg-pos-y-37 { background-position-y:  37%; }
.bg-pos-y-38 { background-position-y:  38%; }
.bg-pos-y-39 { background-position-y:  39%; }
.bg-pos-y-40 { background-position-y:  40%; }
.bg-pos-y-41 { background-position-y:  41%; }
.bg-pos-y-42 { background-position-y:  42%; }
.bg-pos-y-43 { background-position-y:  43%; }
.bg-pos-y-44 { background-position-y:  44%; }
.bg-pos-y-45 { background-position-y:  45%; }
.bg-pos-y-46 { background-position-y:  46%; }
.bg-pos-y-47 { background-position-y:  47%; }
.bg-pos-y-48 { background-position-y:  48%; }
.bg-pos-y-49 { background-position-y:  49%; }
.bg-pos-y-50 { background-position-y:  50%; }
.bg-pos-y-51 { background-position-y:  51%; }
.bg-pos-y-52 { background-position-y:  52%; }
.bg-pos-y-53 { background-position-y:  53%; }
.bg-pos-y-54 { background-position-y:  54%; }
.bg-pos-y-55 { background-position-y:  55%; }
.bg-pos-y-56 { background-position-y:  56%; }
.bg-pos-y-57 { background-position-y:  57%; }
.bg-pos-y-58 { background-position-y:  58%; }
.bg-pos-y-59 { background-position-y:  59%; }
.bg-pos-y-60 { background-position-y:  60%; }
.bg-pos-y-61 { background-position-y:  61%; }
.bg-pos-y-62 { background-position-y:  62%; }
.bg-pos-y-63 { background-position-y:  63%; }
.bg-pos-y-64 { background-position-y:  64%; }
.bg-pos-y-65 { background-position-y:  65%; }
.bg-pos-y-66 { background-position-y:  66%; }
.bg-pos-y-67 { background-position-y:  67%; }
.bg-pos-y-68 { background-position-y:  68%; }
.bg-pos-y-69 { background-position-y:  69%; }
.bg-pos-y-70 { background-position-y:  70%; }
.bg-pos-y-71 { background-position-y:  71%; }
.bg-pos-y-72 { background-position-y:  72%; }
.bg-pos-y-73 { background-position-y:  73%; }
.bg-pos-y-74 { background-position-y:  74%; }
.bg-pos-y-75 { background-position-y:  75%; }
.bg-pos-y-76 { background-position-y:  76%; }
.bg-pos-y-77 { background-position-y:  77%; }
.bg-pos-y-78 { background-position-y:  78%; }
.bg-pos-y-79 { background-position-y:  79%; }
.bg-pos-y-80 { background-position-y:  80%; }
.bg-pos-y-81 { background-position-y:  81%; }
.bg-pos-y-82 { background-position-y:  82%; }
.bg-pos-y-83 { background-position-y:  83%; }
.bg-pos-y-84 { background-position-y:  84%; }
.bg-pos-y-85 { background-position-y:  85%; }
.bg-pos-y-86 { background-position-y:  86%; }
.bg-pos-y-87 { background-position-y:  87%; }
.bg-pos-y-88 { background-position-y:  88%; }
.bg-pos-y-89 { background-position-y:  89%; }
.bg-pos-y-90 { background-position-y:  90%; }
.bg-pos-y-91 { background-position-y:  91%; }
.bg-pos-y-92 { background-position-y:  92%; }
.bg-pos-y-93 { background-position-y:  93%; }
.bg-pos-y-94 { background-position-y:  94%; }
.bg-pos-y-95 { background-position-y:  95%; }
.bg-pos-y-96 { background-position-y:  96%; }
.bg-pos-y-97 { background-position-y:  97%; }
.bg-pos-y-98 { background-position-y:  98%; }
.bg-pos-y-99 { background-position-y:  99%; }
.bg-pos-y-100 { background-position-y: 100%; }

.bg-transparent {
    background-color: transparent;
}
.bg-white {
    background-color: var(--white);
}
.bg-black {
    background-color: var(--black);
}

/* Border Radius */
.br-0       { border-radius: 0; }
.br-1       { border-radius: 0.0625rem; } /* 1px */
.br-2       { border-radius: 0.125rem; }  /* 2px */
.br-4       { border-radius: 0.25rem; }   /* 4px */
.br-6       { border-radius: 0.375rem; }  /* 6px */
.br-8       { border-radius: 0.5rem; }    /* 8px */
.br-12      { border-radius: 0.75rem; }   /* 12px */
.br-16      { border-radius: 1rem; }      /* 16px */
.br-24      { border-radius: 1.5rem; }    /* 24px */
.br-9999    { border-radius: 9999px; }    /* full */

/* keep existing semantic names as aliases if you prefer them */
.rounded-sm    { border-radius: 0.125rem; } /* alias for .br-2 */
.rounded       { border-radius: 0.25rem; }  /* alias for .br-4 */
.rounded-md    { border-radius: 0.375rem; } /* alias for .br-6 */
.rounded-lg    { border-radius: 0.5rem; }   /* alias for .br-8 */
.rounded-full  { border-radius: 9999px; }   /* alias for .br-9999 */

/* per-corner utilities (top-left / top-right / bottom-right / bottom-left) */
.br-tl-0  { border-top-left-radius: 0; }
.br-tr-0  { border-top-right-radius: 0; }
.br-br-0  { border-bottom-right-radius: 0; }
.br-bl-0  { border-bottom-left-radius: 0; }

.br-tl-1  { border-top-left-radius: 0.0625rem; }  .br-tr-1  { border-top-right-radius: 0.0625rem; }
.br-br-1  { border-bottom-right-radius: 0.0625rem; } .br-bl-1  { border-bottom-left-radius: 0.0625rem; }

.br-tl-2  { border-top-left-radius: 0.125rem; }   .br-tr-2  { border-top-right-radius: 0.125rem; }
.br-br-2  { border-bottom-right-radius: 0.125rem; } .br-bl-2  { border-bottom-left-radius: 0.125rem; }

.br-tl-4  { border-top-left-radius: 0.25rem; }    .br-tr-4  { border-top-right-radius: 0.25rem; }
.br-br-4  { border-bottom-right-radius: 0.25rem; }  .br-bl-4  { border-bottom-left-radius: 0.25rem; }

.br-tl-6  { border-top-left-radius: 0.375rem; }   .br-tr-6  { border-top-right-radius: 0.375rem; }
.br-br-6  { border-bottom-right-radius: 0.375rem; } .br-bl-6  { border-bottom-left-radius: 0.375rem; }

.br-tl-8  { border-top-left-radius: 0.5rem; }     .br-tr-8  { border-top-right-radius: 0.5rem; }
.br-br-8  { border-bottom-right-radius: 0.5rem; }   .br-bl-8  { border-bottom-left-radius: 0.5rem; }

.br-tl-full { border-top-left-radius: 9999px; }
.br-tr-full { border-top-right-radius: 9999px; }
.br-br-full { border-bottom-right-radius: 9999px; }
.br-bl-full { border-bottom-left-radius: 9999px; }

/* circle / pill helpers */
.br-circle { border-radius: 50%; } /* useful for perfectly round items */
.br-pill   { border-radius: 9999px; } /* long-pill / capsule */

/* utility to reset radius */
.br-reset { border-radius: 0 !important; }

/* Responsive */