.dark-bg {
    background-color: var(--darkblack);
    color: var(--white);
}

.light-bg {
    background-color: var(--white);
    color: var(--darkblack);
}

.l-line {
    width: 300px;
    height: .1px;
    background-color: var(--bluedarker);
    margin: 10px 0;
}

.w-100 {
    width: 100% !important;
}

.w-99 {
    width: 99% !important;
}

.w-98 {
    width: 98% !important;
}

.w-97 {
    width: 97% !important;
}

.w-96 {
    width: 96% !important;
}

.w-95 {
    width: 95% !important;
}

.w-94 {
    width: 94% !important;
}

.w-93 {
    width: 93% !important;
}

.w-92 {
    width: 92% !important;
}

.w-91 {
    width: 91% !important;
}

.w-90 {
    width: 90% !important;
}

.w-89 {
    width: 89% !important;
}

.w-88 {
    width: 88% !important;
}

.w-87 {
    width: 87% !important;
}

.w-86 {
    width: 86% !important;
}

.w-85 {
    width: 85% !important;
}

.w-84 {
    width: 84% !important;
}

.w-83 {
    width: 83% !important;
}

.w-82 {
    width: 82% !important;
}

.w-81 {
    width: 81% !important;
}

.w-80 {
    width: 80% !important;
}

.w-79 {
    width: 79% !important;
}

.w-78 {
    width: 78% !important;
}

.w-77 {
    width: 77% !important;
}

.w-76 {
    width: 76% !important;
}

.w-75 {
    width: 75% !important;
}

.w-74 {
    width: 74% !important;
}

.w-73 {
    width: 73% !important;
}

.w-72 {
    width: 72% !important;
}

.w-71 {
    width: 71% !important;
}

.w-70 {
    width: 70% !important;
}

.w-69 {
    width: 69% !important;
}

.w-68 {
    width: 68% !important;
}

.w-67 {
    width: 67% !important;
}

.w-66 {
    width: 66% !important;
}

.w-65 {
    width: 65% !important;
}

.w-64 {
    width: 64% !important;
}

.w-63 {
    width: 63% !important;
}

.w-62 {
    width: 62% !important;
}

.w-61 {
    width: 61% !important;
}

.w-60 {
    width: 60% !important;
}

.w-59 {
    width: 59% !important;
}

.w-58 {
    width: 58% !important;
}

.w-57 {
    width: 57% !important;
}

.w-56 {
    width: 56% !important;
}

.w-55 {
    width: 55% !important;
}

.w-54 {
    width: 54% !important;
}

.w-53 {
    width: 53% !important;
}

.w-52 {
    width: 52% !important;
}

.w-51 {
    width: 51% !important;
}

.w-50 {
    width: 50% !important;
}

.w-49 {
    width: 49% !important;
}

.w-48 {
    width: 48% !important;
}

.w-47 {
    width: 47% !important;
}

.w-46 {
    width: 46% !important;
}

.w-45 {
    width: 45% !important;
}

.w-44 {
    width: 44% !important;
}

.w-43 {
    width: 43% !important;
}

.w-42 {
    width: 42% !important;
}

.w-41 {
    width: 41% !important;
}

.w-40 {
    width: 40% !important;
}

.w-39 {
    width: 39% !important;
}

.w-38 {
    width: 38% !important;
}

.w-37 {
    width: 37% !important;
}

.w-36 {
    width: 36% !important;
}

.w-35 {
    width: 35% !important;
}

.w-34 {
    width: 34% !important;
}

.w-33 {
    width: 33% !important;
}

.w-32 {
    width: 32% !important;
}

.w-31 {
    width: 31% !important;
}

.w-30 {
    width: 30% !important;
}

.w-29 {
    width: 29% !important;
}

.w-28 {
    width: 28% !important;
}

.w-27 {
    width: 27% !important;
}

.w-26 {
    width: 26% !important;
}

.w-25 {
    width: 25% !important;
}

.w-24 {
    width: 24% !important;
}

.w-23 {
    width: 23% !important;
}

.w-22 {
    width: 22% !important;
}

.w-21 {
    width: 21% !important;
}

.w-20 {
    width: 20% !important;
}

.w-19 {
    width: 19% !important;
}

.w-18 {
    width: 18% !important;
}

.w-17 {
    width: 17% !important;
}

.w-16 {
    width: 16% !important;
}

.w-15 {
    width: 15% !important;
}

.w-14 {
    width: 14% !important;
}

.w-13 {
    width: 13% !important;
}

.w-12 {
    width: 12% !important;
}

.w-11 {
    width: 11% !important;
}

.w-10 {
    width: 10% !important;
}

.w-9 {
    width: 9% !important;
}

.w-8 {
    width: 8% !important;
}

.w-7 {
    width: 7% !important;
}

.w-6 {
    width: 6% !important;
}

.w-5 {
    width: 5% !important;
}

.w-4 {
    width: 4% !important;
}

.w-3 {
    width: 3% !important;
}

.w-2 {
    width: 2% !important;
}

.w-1 {
    width: 1% !important;
}

.w-0 {
    width: 0 !important;
}

/*VIEW HEIGHT*/
.hvh-5 {
    height: 5vh !important;
}

.hvh-10 {
    height: 10vh !important;
}

.hvh-15 {
    height: 15vh !important;
}

.hvh-20 {
    height: 20vh !important;
}

.hvh-25 {
    height: 25vh !important;
}

.hvh-30 {
    height: 30vh !important;
}

.hvh-35 {
    height: 35vh !important;
}

.hvh-40 {
    height: 40vh !important;
}

.hvh-45 {
    height: 45vh !important;
}

.hvh-50 {
    height: 50vh !important;
}

.hvh-55 {
    height: 55vh !important;
}

.hvh-60 {
    height: 60vh !important;
}

.hvh-65 {
    height: 65vh !important;
}

.hvh-70 {
    height: 70vh !important;
}

.hvh-75 {
    height: 75vh !important;
}

.hvh-80 {
    height: 80vh !important;
}

.hvh-85 {
    height: 85vh !important;
}

.hvh-90 {
    height: 90vh !important;
}

.hvh-5 {
    height: 5vh !important;
}

.hvh-95 {
    height: 95vh !important;
}

.hvh-100 {
    height: 100vh !important;
}

.hpc-100 {
    height: 100% !important;
}

.hpc-95 {
    height: 95% !important;
}

.hpc-90 {
    height: 90% !important;
}

.hpc-85 {
    height: 85% !important;
}

.hpc-80 {
    height: 80% !important;
}

.hpc-75 {
    height: 75% !important;
}

.hpc-70 {
    height: 70% !important;
}

.hpc-65 {
    height: 65% !important;
}

.hpc-60 {
    height: 60% !important;
}

.hpc-55 {
    height: 55% !important;
}

.hpc-45 {
    height: 45% !important;
}

.hpc-40 {
    height: 40% !important;
}

.hpc-35 {
    height: 35% !important;
}

.hpc-30 {
    height: 30% !important;
}

.hpc-25 {
    height: 25% !important;
}

.hpc-20 {
    height: 20% !important;
}

.hpc-15 {
    height: 15% !important;
}

.hpc-10 {
    height: 10% !important;
}

.hpc-5 {
    height: 5% !important;
}

.hpc-0 {
    height: 0 !important;
}


/*************************************************************************HEIGHT IN PIXELS*********************************************************/

.hpx-1 {
    height: 1px !important;
}

.hpx-2 {
    height: 2px !important;
}

.hpx-3 {
    height: 3px !important;
}

.hpx-4 {
    height: 4px !important;
}

.hpx-5 {
    height: 5px !important;
}

.hpx-6 {
    height: 6px !important;
}

.hpx-7 {
    height: 7px !important;
}

.hpx-8 {
    height: 8px !important;
}

.hpx-9 {
    height: 9px !important;
}

.hpx-10 {
    height: 10px !important;
}

.hpx-11 {
    height: 11px !important;
}

.hpx-12 {
    height: 12px !important;
}

.hpx-13 {
    height: 13px !important;
}

.hpx-14 {
    height: 14px !important;
}

.hpx-15 {
    height: 15px !important;
}

.hpx-16 {
    height: 16px !important;
}

.hpx-17 {
    height: 17px !important;
}

.hpx-18 {
    height: 18px !important;
}

.hpx-19 {
    height: 19px !important;
}

.hpx-20 {
    height: 20px !important;
}

.hpx-21 {
    height: 21px !important;
}

.hpx-22 {
    height: 22px !important;
}

.hpx-23 {
    height: 23px !important;
}

.hpx-24 {
    height: 24px !important;
}

.hpx-25 {
    height: 25px !important;
}

.hpx-26 {
    height: 26px !important;
}

.hpx-27 {
    height: 27px !important;
}

.hpx-28 {
    height: 28px !important;
}

.hpx-29 {
    height: 29px !important;
}

.hpx-30 {
    height: 30px !important;
}

.hpx-31 {
    height: 31px !important;
}

.hpx-32 {
    height: 32px !important;
}

.hpx-33 {
    height: 33px !important;
}

.hpx-34 {
    height: 34px !important;
}

.hpx-35 {
    height: 35px !important;
}

.hpx-36 {
    height: 36px !important;
}

.hpx-37 {
    height: 37px !important;
}

.hpx-38 {
    height: 38px !important;
}

.hpx-39 {
    height: 39px !important;
}

.hpx-40 {
    height: 40px !important;
}

.hpx-41 {
    height: 41px !important;
}

.hpx-42 {
    height: 42px !important;
}

.hpx-43 {
    height: 43px !important;
}

.hpx-44 {
    height: 44px !important;
}

.hpx-45 {
    height: 45px !important;
}

.hpx-46 {
    height: 46px !important;
}

.hpx-47 {
    height: 47px !important;
}

.hpx-48 {
    height: 48px !important;
}

.hpx-49 {
    height: 49px !important;
}

.hpx-50 {
    height: 50px !important;
}

.hpx-51 {
    height: 51px !important;
}

.hpx-52 {
    height: 52px !important;
}

.hpx-53 {
    height: 53px !important;
}

.hpx-54 {
    height: 54px !important;
}

.hpx-55 {
    height: 55px !important;
}

.hpx-56 {
    height: 56px !important;
}

.hpx-57 {
    height: 57px !important;
}

.hpx-58 {
    height: 58px !important;
}

.hpx-59 {
    height: 59px !important;
}

.hpx-60 {
    height: 60px !important;
}

.hpx-61 {
    height: 61px !important;
}

.hpx-62 {
    height: 62px !important;
}

.hpx-63 {
    height: 63px !important;
}

.hpx-64 {
    height: 64px !important;
}

.hpx-65 {
    height: 65px !important;
}

.hpx-66 {
    height: 66px !important;
}

.hpx-67 {
    height: 67px !important;
}

.hpx-68 {
    height: 68px !important;
}

.hpx-69 {
    height: 69px !important;
}

.hpx-70 {
    height: 70px !important;
}

.hpx-71 {
    height: 71px !important;
}

.hpx-72 {
    height: 72px !important;
}

.hpx-73 {
    height: 73px !important;
}

.hpx-74 {
    height: 74px !important;
}

.hpx-75 {
    height: 75px !important;
}

.hpx-76 {
    height: 76px !important;
}

.hpx-77 {
    height: 77px !important;
}

.hpx-78 {
    height: 78px !important;
}

.hpx-79 {
    height: 79px !important;
}

.hpx-80 {
    height: 80px !important;
}

.hpx-81 {
    height: 81px !important;
}

.hpx-82 {
    height: 82px !important;
}

.hpx-83 {
    height: 83px !important;
}

.hpx-84 {
    height: 84px !important;
}

.hpx-85 {
    height: 85px !important;
}

.hpx-86 {
    height: 86px !important;
}

.hpx-87 {
    height: 87px !important;
}

.hpx-88 {
    height: 88px !important;
}

.hpx-89 {
    height: 89px !important;
}

.hpx-85 {
    height: 85px !important;
}

.hpx-90 {
    height: 90px !important;
}

.hpx-91 {
    height: 91px !important;
}

.hpx-92 {
    height: 92px !important;
}

.hpx-93 {
    height: 93px !important;
}

.hpx-94 {
    height: 94px !important;
}

.hpx-95 {
    height: 95px !important;
}

.hpx-96 {
    height: 96px !important;
}

.hpx-97 {
    height: 97px !important;
}

.hpx-98 {
    height: 98px !important;
}

.hpx-99 {
    height: 99px !important;
}













.hpx-100 {
    height: 100px !important;
}

.hpx-101 {
    height: 101px !important;
}

.hpx-102 {
    height: 102px !important;
}

.hpx-103 {
    height: 103px !important;
}

.hpx-104 {
    height: 104px !important;
}

.hpx-105 {
    height: 105px !important;
}

.hpx-106 {
    height: 106px !important;
}

.hpx-107 {
    height: 107px !important;
}

.hpx-108 {
    height: 108px !important;
}

.hpx-109 {
    height: 109px !important;
}

.hpx-110 {
    height: 110px !important;
}

.hpx-111 {
    height: 111px !important;
}

.hpx-112 {
    height: 112px !important;
}

.hpx-113 {
    height: 113px !important;
}

.hpx-114 {
    height: 114px !important;
}

.hpx-115 {
    height: 115px !important;
}

.hpx-116 {
    height: 116px !important;
}

.hpx-117 {
    height: 117px !important;
}

.hpx-118 {
    height: 118px !important;
}

.hpx-119 {
    height: 119px !important;
}

.hpx-120 {
    height: 120px !important;
}

.hpx-121 {
    height: 121px !important;
}

.hpx-122 {
    height: 122px !important;
}

.hpx-123 {
    height: 123px !important;
}

.hpx-124 {
    height: 124px !important;
}

.hpx-125 {
    height: 125px !important;
}

.hpx-126 {
    height: 126px !important;
}

.hpx-127 {
    height: 127px !important;
}

.hpx-128 {
    height: 128px !important;
}

.hpx-129 {
    height: 129px !important;
}

.hpx-130 {
    height: 130px !important;
}

.hpx-131 {
    height: 131px !important;
}

.hpx-132 {
    height: 132px !important;
}

.hpx-133 {
    height: 133px !important;
}

.hpx-134 {
    height: 134px !important;
}

.hpx-135 {
    height: 135px !important;
}

.hpx-136 {
    height: 136px !important;
}

.hpx-137 {
    height: 137px !important;
}

.hpx-138 {
    height: 138px !important;
}

.hpx-139 {
    height: 139px !important;
}

.hpx-140 {
    height: 140px !important;
}

.hpx-141 {
    height: 141px !important;
}

.hpx-142 {
    height: 142px !important;
}

.hpx-143 {
    height: 143px !important;
}

.hpx-144 {
    height: 144px !important;
}

.hpx-145 {
    height: 145px !important;
}

.hpx-146 {
    height: 146px !important;
}

.hpx-147 {
    height: 147px !important;
}

.hpx-148 {
    height: 148px !important;
}

.hpx-149 {
    height: 149px !important;
}

.hpx-150 {
    height: 150px !important;
}

.hpx-151 {
    height: 151px !important;
}

.hpx-152 {
    height: 152px !important;
}

.hpx-153 {
    height: 153px !important;
}

.hpx-154 {
    height: 154px !important;
}

.hpx-155 {
    height: 155px !important;
}

.hpx-156 {
    height: 156px !important;
}

.hpx-157 {
    height: 157px !important;
}

.hpx-158 {
    height: 158px !important;
}

.hpx-159 {
    height: 159px !important;
}

.hpx-160 {
    height: 160px !important;
}

.hpx-161 {
    height: 161px !important;
}

.hpx-162 {
    height: 162px !important;
}

.hpx-163 {
    height: 163px !important;
}

.hpx-164 {
    height: 164px !important;
}

.hpx-165 {
    height: 165px !important;
}

.hpx-166 {
    height: 166px !important;
}

.hpx-167 {
    height: 167px !important;
}

.hpx-168 {
    height: 168px !important;
}

.hpx-169 {
    height: 169px !important;
}

.hpx-170 {
    height: 170px !important;
}

.hpx-171 {
    height: 171px !important;
}

.hpx-172 {
    height: 172px !important;
}

.hpx-173 {
    height: 173px !important;
}

.hpx-174 {
    height: 174px !important;
}

.hpx-175 {
    height: 175px !important;
}

.hpx-176 {
    height: 176px !important;
}

.hpx-177 {
    height: 177px !important;
}

.hpx-178 {
    height: 178px !important;
}

.hpx-179 {
    height: 179px !important;
}

.hpx-180 {
    height: 180px !important;
}

.hpx-181 {
    height: 181px !important;
}

.hpx-182 {
    height: 182px !important;
}

.hpx-183 {
    height: 183px !important;
}

.hpx-184 {
    height: 184px !important;
}

.hpx-185 {
    height: 185px !important;
}

.hpx-186 {
    height: 186px !important;
}

.hpx-187 {
    height: 187px !important;
}

.hpx-188 {
    height: 188px !important;
}

.hpx-189 {
    height: 189px !important;
}

.hpx-185 {
    height: 185px !important;
}

.hpx-190 {
    height: 190px !important;
}

.hpx-191 {
    height: 191px !important;
}

.hpx-192 {
    height: 192px !important;
}

.hpx-193 {
    height: 193px !important;
}

.hpx-194 {
    height: 194px !important;
}

.hpx-195 {
    height: 195px !important;
}

.hpx-196 {
    height: 196px !important;
}

.hpx-197 {
    height: 197px !important;
}

.hpx-198 {
    height: 198px !important;
}

.hpx-199 {
    height: 199px !important;
}

.hpx-200 {
    height: 200px !important;
}









.hpx-201 {
    height: 201px !important;
}

.hpx-202 {
    height: 202px !important;
}

.hpx-203 {
    height: 203px !important;
}

.hpx-204 {
    height: 204px !important;
}

.hpx-205 {
    height: 205px !important;
}

.hpx-206 {
    height: 206px !important;
}

.hpx-207 {
    height: 207px !important;
}

.hpx-208 {
    height: 208px !important;
}

.hpx-209 {
    height: 209px !important;
}

.hpx-210 {
    height: 210px !important;
}

.hpx-211 {
    height: 211px !important;
}

.hpx-212 {
    height: 212px !important;
}

.hpx-213 {
    height: 213px !important;
}

.hpx-214 {
    height: 214px !important;
}

.hpx-215 {
    height: 215px !important;
}

.hpx-216 {
    height: 216px !important;
}

.hpx-217 {
    height: 217px !important;
}

.hpx-218 {
    height: 218px !important;
}

.hpx-219 {
    height: 219px !important;
}

.hpx-220 {
    height: 220px !important;
}

.hpx-221 {
    height: 221px !important;
}

.hpx-222 {
    height: 222px !important;
}

.hpx-223 {
    height: 223px !important;
}

.hpx-224 {
    height: 224px !important;
}

.hpx-225 {
    height: 225px !important;
}

.hpx-226 {
    height: 226px !important;
}

.hpx-227 {
    height: 227px !important;
}

.hpx-228 {
    height: 228px !important;
}

.hpx-229 {
    height: 229px !important;
}

.hpx-230 {
    height: 230px !important;
}

.hpx-231 {
    height: 231px !important;
}

.hpx-232 {
    height: 232px !important;
}

.hpx-233 {
    height: 233px !important;
}

.hpx-234 {
    height: 234px !important;
}

.hpx-235 {
    height: 235px !important;
}

.hpx-236 {
    height: 236px !important;
}

.hpx-237 {
    height: 237px !important;
}

.hpx-238 {
    height: 238px !important;
}

.hpx-239 {
    height: 239px !important;
}

.hpx-240 {
    height: 240px !important;
}

.hpx-241 {
    height: 241px !important;
}

.hpx-242 {
    height: 242px !important;
}

.hpx-243 {
    height: 243px !important;
}

.hpx-244 {
    height: 244px !important;
}

.hpx-245 {
    height: 245px !important;
}

.hpx-246 {
    height: 246px !important;
}

.hpx-247 {
    height: 247px !important;
}

.hpx-248 {
    height: 248px !important;
}

.hpx-249 {
    height: 249px !important;
}

.hpx-250 {
    height: 250px !important;
}

.hpx-251 {
    height: 251px !important;
}

.hpx-252 {
    height: 252px !important;
}

.hpx-253 {
    height: 253px !important;
}

.hpx-254 {
    height: 254px !important;
}

.hpx-255 {
    height: 255px !important;
}

.hpx-256 {
    height: 256px !important;
}

.hpx-257 {
    height: 257px !important;
}

.hpx-258 {
    height: 258px !important;
}

.hpx-259 {
    height: 259px !important;
}

.hpx-260 {
    height: 260px !important;
}

.hpx-261 {
    height: 261px !important;
}

.hpx-262 {
    height: 262px !important;
}

.hpx-263 {
    height: 263px !important;
}

.hpx-264 {
    height: 264px !important;
}

.hpx-265 {
    height: 265px !important;
}

.hpx-266 {
    height: 266px !important;
}

.hpx-267 {
    height: 267px !important;
}

.hpx-268 {
    height: 268px !important;
}

.hpx-269 {
    height: 269px !important;
}

.hpx-270 {
    height: 270px !important;
}

.hpx-271 {
    height: 271px !important;
}

.hpx-272 {
    height: 272px !important;
}

.hpx-273 {
    height: 273px !important;
}

.hpx-274 {
    height: 274px !important;
}

.hpx-275 {
    height: 275px !important;
}

.hpx-276 {
    height: 276px !important;
}

.hpx-277 {
    height: 277px !important;
}

.hpx-278 {
    height: 278px !important;
}

.hpx-279 {
    height: 279px !important;
}

.hpx-280 {
    height: 280px !important;
}

.hpx-281 {
    height: 281px !important;
}

.hpx-282 {
    height: 282px !important;
}

.hpx-283 {
    height: 283px !important;
}

.hpx-284 {
    height: 284px !important;
}

.hpx-285 {
    height: 285px !important;
}

.hpx-286 {
    height: 286px !important;
}

.hpx-287 {
    height: 287px !important;
}

.hpx-288 {
    height: 288px !important;
}

.hpx-289 {
    height: 289px !important;
}

.hpx-285 {
    height: 285px !important;
}

.hpx-290 {
    height: 290px !important;
}

.hpx-291 {
    height: 291px !important;
}

.hpx-292 {
    height: 292px !important;
}

.hpx-293 {
    height: 293px !important;
}

.hpx-294 {
    height: 294px !important;
}

.hpx-295 {
    height: 295px !important;
}

.hpx-296 {
    height: 296px !important;
}

.hpx-297 {
    height: 297px !important;
}

.hpx-298 {
    height: 298px !important;
}

.hpx-299 {
    height: 299px !important;
}

.hpx-300 {
    height: 300px !important;
}

















.hpx-301 {
    height: 301px !important;
}

.hpx-302 {
    height: 302px !important;
}

.hpx-303 {
    height: 303px !important;
}

.hpx-304 {
    height: 304px !important;
}

.hpx-305 {
    height: 305px !important;
}

.hpx-306 {
    height: 306px !important;
}

.hpx-307 {
    height: 307px !important;
}

.hpx-308 {
    height: 308px !important;
}

.hpx-309 {
    height: 309px !important;
}

.hpx-310 {
    height: 310px !important;
}

.hpx-311 {
    height: 311px !important;
}

.hpx-312 {
    height: 312px !important;
}

.hpx-313 {
    height: 313px !important;
}

.hpx-314 {
    height: 314px !important;
}

.hpx-315 {
    height: 315px !important;
}

.hpx-316 {
    height: 316px !important;
}

.hpx-317 {
    height: 317px !important;
}

.hpx-318 {
    height: 318px !important;
}

.hpx-319 {
    height: 319px !important;
}

.hpx-320 {
    height: 320px !important;
}

.hpx-321 {
    height: 321px !important;
}

.hpx-322 {
    height: 322px !important;
}

.hpx-323 {
    height: 323px !important;
}

.hpx-324 {
    height: 324px !important;
}

.hpx-325 {
    height: 325px !important;
}

.hpx-326 {
    height: 326px !important;
}

.hpx-327 {
    height: 327px !important;
}

.hpx-328 {
    height: 328px !important;
}

.hpx-329 {
    height: 329px !important;
}

.hpx-330 {
    height: 330px !important;
}

.hpx-331 {
    height: 331px !important;
}

.hpx-332 {
    height: 332px !important;
}

.hpx-333 {
    height: 333px !important;
}

.hpx-334 {
    height: 334px !important;
}

.hpx-335 {
    height: 335px !important;
}

.hpx-336 {
    height: 336px !important;
}

.hpx-337 {
    height: 337px !important;
}

.hpx-338 {
    height: 338px !important;
}

.hpx-339 {
    height: 339px !important;
}

.hpx-340 {
    height: 340px !important;
}

.hpx-341 {
    height: 341px !important;
}

.hpx-342 {
    height: 342px !important;
}

.hpx-343 {
    height: 343px !important;
}

.hpx-344 {
    height: 344px !important;
}

.hpx-345 {
    height: 345px !important;
}

.hpx-346 {
    height: 346px !important;
}

.hpx-347 {
    height: 347px !important;
}

.hpx-348 {
    height: 348px !important;
}

.hpx-349 {
    height: 349px !important;
}

.hpx-350 {
    height: 350px !important;
}

.hpx-351 {
    height: 351px !important;
}

.hpx-352 {
    height: 352px !important;
}

.hpx-353 {
    height: 353px !important;
}

.hpx-354 {
    height: 354px !important;
}

.hpx-355 {
    height: 355px !important;
}

.hpx-356 {
    height: 356px !important;
}

.hpx-357 {
    height: 357px !important;
}

.hpx-358 {
    height: 358px !important;
}

.hpx-359 {
    height: 359px !important;
}

.hpx-360 {
    height: 360px !important;
}

.hpx-361 {
    height: 361px !important;
}

.hpx-362 {
    height: 362px !important;
}

.hpx-363 {
    height: 363px !important;
}

.hpx-364 {
    height: 364px !important;
}

.hpx-365 {
    height: 365px !important;
}

.hpx-366 {
    height: 366px !important;
}

.hpx-367 {
    height: 367px !important;
}

.hpx-368 {
    height: 368px !important;
}

.hpx-369 {
    height: 369px !important;
}

.hpx-370 {
    height: 370px !important;
}

.hpx-371 {
    height: 371px !important;
}

.hpx-372 {
    height: 372px !important;
}

.hpx-373 {
    height: 373px !important;
}

.hpx-374 {
    height: 374px !important;
}

.hpx-375 {
    height: 375px !important;
}

.hpx-376 {
    height: 376px !important;
}

.hpx-377 {
    height: 377px !important;
}

.hpx-378 {
    height: 378px !important;
}

.hpx-379 {
    height: 379px !important;
}

.hpx-380 {
    height: 380px !important;
}

.hpx-381 {
    height: 381px !important;
}

.hpx-382 {
    height: 382px !important;
}

.hpx-383 {
    height: 383px !important;
}

.hpx-384 {
    height: 384px !important;
}

.hpx-385 {
    height: 385px !important;
}

.hpx-386 {
    height: 386px !important;
}

.hpx-387 {
    height: 387px !important;
}

.hpx-388 {
    height: 388px !important;
}

.hpx-389 {
    height: 389px !important;
}

.hpx-385 {
    height: 385px !important;
}

.hpx-390 {
    height: 390px !important;
}

.hpx-391 {
    height: 391px !important;
}

.hpx-392 {
    height: 392px !important;
}

.hpx-393 {
    height: 393px !important;
}

.hpx-394 {
    height: 394px !important;
}

.hpx-395 {
    height: 395px !important;
}

.hpx-396 {
    height: 396px !important;
}

.hpx-397 {
    height: 397px !important;
}

.hpx-398 {
    height: 398px !important;
}

.hpx-399 {
    height: 399px !important;
}

.hpx-400 {
    height: 400px !important;
}











.hpx-401 {
    height: 401px !important;
}

.hpx-402 {
    height: 402px !important;
}

.hpx-403 {
    height: 403px !important;
}

.hpx-404 {
    height: 404px !important;
}

.hpx-405 {
    height: 405px !important;
}

.hpx-406 {
    height: 406px !important;
}

.hpx-407 {
    height: 407px !important;
}

.hpx-408 {
    height: 408px !important;
}

.hpx-409 {
    height: 409px !important;
}

.hpx-410 {
    height: 410px !important;
}

.hpx-411 {
    height: 411px !important;
}

.hpx-412 {
    height: 412px !important;
}

.hpx-413 {
    height: 413px !important;
}

.hpx-414 {
    height: 414px !important;
}

.hpx-415 {
    height: 415px !important;
}

.hpx-416 {
    height: 416px !important;
}

.hpx-417 {
    height: 417px !important;
}

.hpx-418 {
    height: 418px !important;
}

.hpx-419 {
    height: 419px !important;
}

.hpx-420 {
    height: 420px !important;
}

.hpx-421 {
    height: 421px !important;
}

.hpx-422 {
    height: 422px !important;
}

.hpx-423 {
    height: 423px !important;
}

.hpx-424 {
    height: 424px !important;
}

.hpx-425 {
    height: 425px !important;
}

.hpx-426 {
    height: 426px !important;
}

.hpx-427 {
    height: 427px !important;
}

.hpx-428 {
    height: 428px !important;
}

.hpx-429 {
    height: 429px !important;
}

.hpx-430 {
    height: 430px !important;
}

.hpx-431 {
    height: 431px !important;
}

.hpx-432 {
    height: 432px !important;
}

.hpx-433 {
    height: 433px !important;
}

.hpx-434 {
    height: 434px !important;
}

.hpx-435 {
    height: 435px !important;
}

.hpx-436 {
    height: 436px !important;
}

.hpx-437 {
    height: 437px !important;
}

.hpx-438 {
    height: 438px !important;
}

.hpx-439 {
    height: 439px !important;
}

.hpx-440 {
    height: 440px !important;
}

.hpx-441 {
    height: 441px !important;
}

.hpx-442 {
    height: 442px !important;
}

.hpx-443 {
    height: 443px !important;
}

.hpx-444 {
    height: 444px !important;
}

.hpx-445 {
    height: 445px !important;
}

.hpx-446 {
    height: 446px !important;
}

.hpx-447 {
    height: 447px !important;
}

.hpx-448 {
    height: 448px !important;
}

.hpx-449 {
    height: 449px !important;
}

.hpx-450 {
    height: 450px !important;
}

.hpx-451 {
    height: 451px !important;
}

.hpx-452 {
    height: 452px !important;
}

.hpx-453 {
    height: 453px !important;
}

.hpx-454 {
    height: 454px !important;
}

.hpx-455 {
    height: 455px !important;
}

.hpx-456 {
    height: 456px !important;
}

.hpx-457 {
    height: 457px !important;
}

.hpx-458 {
    height: 458px !important;
}

.hpx-459 {
    height: 459px !important;
}

.hpx-460 {
    height: 460px !important;
}

.hpx-461 {
    height: 461px !important;
}

.hpx-462 {
    height: 462px !important;
}

.hpx-463 {
    height: 463px !important;
}

.hpx-464 {
    height: 464px !important;
}

.hpx-465 {
    height: 465px !important;
}

.hpx-466 {
    height: 466px !important;
}

.hpx-467 {
    height: 467px !important;
}

.hpx-468 {
    height: 468px !important;
}

.hpx-469 {
    height: 469px !important;
}

.hpx-470 {
    height: 470px !important;
}

.hpx-471 {
    height: 471px !important;
}

.hpx-472 {
    height: 472px !important;
}

.hpx-473 {
    height: 473px !important;
}

.hpx-474 {
    height: 474px !important;
}

.hpx-475 {
    height: 475px !important;
}

.hpx-476 {
    height: 476px !important;
}

.hpx-477 {
    height: 477px !important;
}

.hpx-478 {
    height: 478px !important;
}

.hpx-479 {
    height: 479px !important;
}

.hpx-480 {
    height: 480px !important;
}

.hpx-481 {
    height: 481px !important;
}

.hpx-482 {
    height: 482px !important;
}

.hpx-483 {
    height: 483px !important;
}

.hpx-484 {
    height: 484px !important;
}

.hpx-485 {
    height: 485px !important;
}

.hpx-486 {
    height: 486px !important;
}

.hpx-487 {
    height: 487px !important;
}

.hpx-488 {
    height: 488px !important;
}

.hpx-489 {
    height: 489px !important;
}

.hpx-485 {
    height: 485px !important;
}

.hpx-490 {
    height: 490px !important;
}

.hpx-491 {
    height: 491px !important;
}

.hpx-492 {
    height: 492px !important;
}

.hpx-493 {
    height: 493px !important;
}

.hpx-494 {
    height: 494px !important;
}

.hpx-495 {
    height: 495px !important;
}

.hpx-496 {
    height: 496px !important;
}

.hpx-497 {
    height: 497px !important;
}

.hpx-498 {
    height: 498px !important;
}

.hpx-499 {
    height: 499px !important;
}

.hpx-400 {
    height: 400px !important;
}

.hpx-500 {
    height: 500px !important;
}

/*****************DISPLAY SETUP*/

.d-f {
    display: flex !important;
}

.d-n {
    display: none !important;
}

.d-b {
    display: block !important;
}

.d-b {
    display: block !important;
}

.d-i {
    display: inline !important;
}

.fd-col {
    flex-direction: column !important;
}

.fd-rw {
    flex-direction: row !important;
}

.fr-w {
    flex-wrap: wrap !important;
}

.fr-wr {
    flex-wrap: wrap-reverse !important;
}

.a-c {
    align-items: center !important;
}

.a-fs {
    align-items: flex-start !important;
}

.a-fe {
    align-items: flex-end !important;
}

.j-c {
    justify-content: center !important;
}

.j-sb {
    justify-content: space-between !important;
}

.j-se {
    justify-content: space-evenly !important;
}

.j-sa {
    justify-content: space-around !important;
}

.j-fs {
    justify-content: flex-start !important;
}

.j-fe {
    justify-content: flex-end !important;
}

.as-s {
    align-self: start !important;
}

.as-fs {
    align-self: flex-start !important;
}

.as-fe {
    align-self: flex-end !important;
}


/*****************POSITION SETUP*/

.p-a {
    position: absolute !important;
}

.p-f {
    position: fixed !important;
}

.p-r {
    position: relative !important;
}

.t-0 {
    top: 0 !important;
}

.t-50 {
    top: 50% !important;
}

.t-100 {
    top: 100% !important;
}


.t-100 {
    top: 100% !important;
}

.t--100 {
    top: -100% !important;
}

.b-0 {
    bottom: 0 !important;
}

.b-50 {
    bottom: 50% !important;
}

.b-100 {
    bottom: 100% !important;
}

.b--100 {
    bottom: -100% !important;
}

.l-0 {
    left: 0 !important;
}

.l-50 {
    left: 50% !important;
}

.l-100 {
    left: 100% !important;
}

.l--100 {
    left: -100% !important;
}

.r-0 {
    right: 0 !important;
}


/*****************FONT SETUP*/

.f-title {
    font-family: var(--titlefont) !important;
}


/*****************BORDERS SETUP*/

.b-n {
    border: none !important;
}

.o-n {
    outline: none !important;
}

.br-2 {
    border-radius: 2px !important;
}

.br-4 {
    border-radius: 4px !important;
}

.br-5 {
    border-radius: 5px !important;
}

.br-6 {
    border-radius: 6px !important;
}


.br-8 {
    border-radius: 8px !important;
}

.br-10 {
    border-radius: 10px !important;
}

.br-12 {
    border-radius: 12px !important;
}

.br-14 {
    border-radius: 14px !important;
}

.br-15 {
    border-radius: 15px !important;
}

.br-16 {
    border-radius: 16px !important;
}

.br-18 {
    border-radius: 18px !important;
}

.br-20 {
    border-radius: 20px !important;
}


/*****************MARGIN SETUP*/

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 1px !important;
}

.m-2 {
    margin: 2px !important;
}

.m-3 {
    margin: 3px !important;
}

.m-4 {
    margin: 4px !important;
}

.m-5 {
    margin: 5px !important;
}

.m-6 {
    margin: 6px !important;
}

.m-7 {
    margin: 7px !important;
}

.m-8 {
    margin: 8px !important;
}

.m-9 {
    margin: 9px !important;
}

.m-10 {
    margin: 10px !important;
}

.m-11 {
    margin: 11 !important;
}

.m-12 {
    margin: 12px !important;
}

.m-13 {
    margin: 13px !important;
}

.m-14 {
    margin: 14px !important;
}

.m-15 {
    margin: 15px !important;
}

.m-16 {
    margin: 16px !important;
}

.m-17 {
    margin: 17px !important;
}

.m-18 {
    margin: 18px !important;
}

.m-19 {
    margin: 19px !important;
}

.m-20 {
    margin: 20px !important;
}

.m-25 {
    margin: 25px !important;
}

.m-30 {
    margin: 30px !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-1 {
    margin-left: 1px !important;
}

.ml-2 {
    margin-left: 2px !important;
}

.ml-3 {
    margin-left: 3px !important;
}

.ml-4 {
    margin-left: 4px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-6 {
    margin-left: 6px !important;
}

.ml-7 {
    margin-left: 7px !important;
}

.ml-8 {
    margin-left: 8px !important;
}

.ml-9 {
    margin-left: 9px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-11 {
    margin-left: 11 !important;
}

.ml-12 {
    margin-left: 12px !important;
}

.ml-13 {
    margin-left: 13px !important;
}

.ml-14 {
    margin-left: 14px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-16 {
    margin-left: 16px !important;
}

.ml-17 {
    margin-left: 17px !important;
}

.ml-18 {
    margin-left: 18px !important;
}

.ml-19 {
    margin-left: 19px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-21 {
    margin-left: 21px !important;
}

.ml-22 {
    margin-left: 22px !important;
}

.ml-23 {
    margin-left: 23px !important;
}

.ml-24 {
    margin-left: 24px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.ml-26 {
    margin-left: 26px !important;
}

.ml-27 {
    margin-left: 27px !important;
}

.ml-28 {
    margin-left: 28px !important;
}

.ml-29 {
    margin-left: 29px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-31 {
    margin-left: 31px !important;
}

.ml-32 {
    margin-left: 32px !important;
}

.ml-33 {
    margin-left: 33px !important;
}

.ml-34 {
    margin-left: 34px !important;
}

.ml-35 {
    margin-left: 35px !important;
}

.ml-36 {
    margin-left: 36px !important;
}

.ml-37 {
    margin-left: 37px !important;
}

.ml-38 {
    margin-left: 38px !important;
}

.ml-39 {
    margin-left: 39px !important;
}

.ml-41 {
    margin-left: 41px !important;
}

.ml-42 {
    margin-left: 42px !important;
}

.ml-43 {
    margin-left: 43px !important;
}

.ml-44 {
    margin-left: 44px !important;
}

.ml-45 {
    margin-left: 45px !important;
}

.ml-46 {
    margin-left: 46px !important;
}

.ml-47 {
    margin-left: 47px !important;
}

.ml-48 {
    margin-left: 48px !important;
}

.ml-49 {
    margin-left: 49px !important;
}

.ml-50 {
    margin-left: 50px !important;
}

.ml-51 {
    margin-left: 51px !important;
}

.ml-52 {
    margin-left: 52px !important;
}

.ml-53 {
    margin-left: 53px !important;
}

.ml-54 {
    margin-left: 54px !important;
}

.ml-55 {
    margin-left: 55px !important;
}

.ml-56 {
    margin-left: 56px !important;
}

.ml-57 {
    margin-left: 57px !important;
}

.ml-58 {
    margin-left: 58px !important;
}

.ml-59 {
    margin-left: 59px !important;
}

.ml-60 {
    margin-left: 60px !important;
}

.ml-61 {
    margin-left: 61px !important;
}

.ml-62 {
    margin-left: 62px !important;
}

.ml-63 {
    margin-left: 63px !important;
}

.ml-64 {
    margin-left: 64px !important;
}

.ml-65 {
    margin-left: 65px !important;
}

.ml-66 {
    margin-left: 66px !important;
}

.ml-67 {
    margin-left: 67px !important;
}

.ml-68 {
    margin-left: 68px !important;
}

.ml-69 {
    margin-left: 69px !important;
}

.ml-70 {
    margin-left: 70px !important;
}

.ml-71 {
    margin-left: 71px !important;
}

.ml-72 {
    margin-left: 72px !important;
}

.ml-73 {
    margin-left: 73px !important;
}

.ml-74 {
    margin-left: 74px !important;
}

.ml-75 {
    margin-left: 75px !important;
}

.ml-76 {
    margin-left: 76px !important;
}

.ml-77 {
    margin-left: 77px !important;
}

.ml-78 {
    margin-left: 78px !important;
}

.ml-79 {
    margin-left: 79px !important;
}

.ml-80 {
    margin-left: 80px !important;
}

.ml-81 {
    margin-left: 81px !important;
}

.ml-82 {
    margin-left: 82px !important;
}

.ml-83 {
    margin-left: 83px !important;
}

.ml-84 {
    margin-left: 84px !important;
}

.ml-85 {
    margin-left: 85px !important;
}

.ml-86 {
    margin-left: 86px !important;
}

.ml-87 {
    margin-left: 87px !important;
}

.ml-88 {
    margin-left: 88px !important;
}

.ml-89 {
    margin-left: 89px !important;
}

.ml-90 {
    margin-left: 90px !important;
}

.ml-91 {
    margin-left: 91px !important;
}

.ml-92 {
    margin-left: 92px !important;
}

.ml-93 {
    margin-left: 93px !important;
}

.ml-94 {
    margin-left: 94px !important;
}

.ml-95 {
    margin-left: 95px !important;
}

.ml-96 {
    margin-left: 96px !important;
}

.ml-97 {
    margin-left: 97px !important;
}

.ml-98 {
    margin-left: 98px !important;
}

.ml-99 {
    margin-left: 99px !important;
}

.ml-100 {
    margin-left: 100px !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-1 {
    margin-right: 1px !important;
}

.mr-2 {
    margin-right: 2px !important;
}

.mr-3 {
    margin-right: 3px !important;
}

.mr-4 {
    margin-right: 4px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-6 {
    margin-right: 6px !important;
}

.mr-7 {
    margin-right: 7px !important;
}

.mr-8 {
    margin-right: 8px !important;
}

.mr-9 {
    margin-right: 9px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-11 {
    margin-right: 11 !important;
}

.mr-12 {
    margin-right: 12px !important;
}

.mr-13 {
    margin-right: 13px !important;
}

.mr-14 {
    margin-right: 14px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-16 {
    margin-right: 16px !important;
}

.mr-17 {
    margin-right: 17px !important;
}

.mr-18 {
    margin-right: 18px !important;
}

.mr-19 {
    margin-right: 19px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-21 {
    margin-right: 21px !important;
}

.mr-22 {
    margin-right: 22px !important;
}

.mr-23 {
    margin-right: 23px !important;
}

.mr-24 {
    margin-right: 24px !important;
}

.mr-25 {
    margin-right: 25px !important;
}

.mr-26 {
    margin-right: 26px !important;
}

.mr-27 {
    margin-right: 27px !important;
}

.mr-28 {
    margin-right: 28px !important;
}

.mr-29 {
    margin-right: 29px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mr-31 {
    margin-right: 31px !important;
}

.mr-32 {
    margin-right: 32px !important;
}

.mr-33 {
    margin-right: 33px !important;
}

.mr-34 {
    margin-right: 34px !important;
}

.mr-35 {
    margin-right: 35px !important;
}

.mr-36 {
    margin-right: 36px !important;
}

.mr-37 {
    margin-right: 37px !important;
}

.mr-38 {
    margin-right: 38px !important;
}

.mr-39 {
    margin-right: 39px !important;
}

.mr-41 {
    margin-right: 41px !important;
}

.mr-42 {
    margin-right: 42px !important;
}

.mr-43 {
    margin-right: 43px !important;
}

.mr-44 {
    margin-right: 44px !important;
}

.mr-45 {
    margin-right: 45px !important;
}

.mr-46 {
    margin-right: 46px !important;
}

.mr-47 {
    margin-right: 47px !important;
}

.mr-48 {
    margin-right: 48px !important;
}

.mr-49 {
    margin-right: 49px !important;
}

.mr-50 {
    margin-right: 50px !important;
}

.mr-51 {
    margin-right: 51px !important;
}

.mr-52 {
    margin-right: 52px !important;
}

.mr-53 {
    margin-right: 53px !important;
}

.mr-54 {
    margin-right: 54px !important;
}

.mr-55 {
    margin-right: 55px !important;
}

.mr-56 {
    margin-right: 56px !important;
}

.mr-57 {
    margin-right: 57px !important;
}

.mr-58 {
    margin-right: 58px !important;
}

.mr-59 {
    margin-right: 59px !important;
}

.mr-60 {
    margin-right: 60px !important;
}

.mr-61 {
    margin-right: 61px !important;
}

.mr-62 {
    margin-right: 62px !important;
}

.mr-63 {
    margin-right: 63px !important;
}

.mr-64 {
    margin-right: 64px !important;
}

.mr-65 {
    margin-right: 65px !important;
}

.mr-66 {
    margin-right: 66px !important;
}

.mr-67 {
    margin-right: 67px !important;
}

.mr-68 {
    margin-right: 68px !important;
}

.mr-69 {
    margin-right: 69px !important;
}

.mr-70 {
    margin-right: 70px !important;
}

.mr-71 {
    margin-right: 71px !important;
}

.mr-72 {
    margin-right: 72px !important;
}

.mr-73 {
    margin-right: 73px !important;
}

.mr-74 {
    margin-right: 74px !important;
}

.mr-75 {
    margin-right: 75px !important;
}

.mr-76 {
    margin-right: 76px !important;
}

.mr-77 {
    margin-right: 77px !important;
}

.mr-78 {
    margin-right: 78px !important;
}

.mr-79 {
    margin-right: 79px !important;
}

.mr-80 {
    margin-right: 80px !important;
}

.mr-81 {
    margin-right: 81px !important;
}

.mr-82 {
    margin-right: 82px !important;
}

.mr-83 {
    margin-right: 83px !important;
}

.mr-84 {
    margin-right: 84px !important;
}

.mr-85 {
    margin-right: 85px !important;
}

.mr-86 {
    margin-right: 86px !important;
}

.mr-87 {
    margin-right: 87px !important;
}

.mr-88 {
    margin-right: 88px !important;
}

.mr-89 {
    margin-right: 89px !important;
}

.mr-90 {
    margin-right: 90px !important;
}

.mr-91 {
    margin-right: 91px !important;
}

.mr-92 {
    margin-right: 92px !important;
}

.mr-93 {
    margin-right: 93px !important;
}

.mr-94 {
    margin-right: 94px !important;
}

.mr-95 {
    margin-right: 95px !important;
}

.mr-96 {
    margin-right: 96px !important;
}

.mr-97 {
    margin-right: 97px !important;
}

.mr-98 {
    margin-right: 98px !important;
}

.mr-99 {
    margin-right: 99px !important;
}

.mr-100 {
    margin-right: 100px !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 1px !important;
}

.mt-2 {
    margin-top: 2px !important;
}

.mt-3 {
    margin-top: 3px !important;
}

.mt-4 {
    margin-top: 4px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-6 {
    margin-top: 6px !important;
}

.mt-7 {
    margin-top: 7px !important;
}

.mt-8 {
    margin-top: 8px !important;
}

.mt-9 {
    margin-top: 9px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-11 {
    margin-top: 11 !important;
}

.mt-12 {
    margin-top: 12px !important;
}

.mt-13 {
    margin-top: 13px !important;
}

.mt-14 {
    margin-top: 14px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-16 {
    margin-top: 16px !important;
}

.mt-17 {
    margin-top: 17px !important;
}

.mt-18 {
    margin-top: 18px !important;
}

.mt-19 {
    margin-top: 19px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-21 {
    margin-top: 21px !important;
}

.mt-22 {
    margin-top: 22px !important;
}

.mt-23 {
    margin-top: 23px !important;
}

.mt-24 {
    margin-top: 24px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-26 {
    margin-top: 26px !important;
}

.mt-27 {
    margin-top: 27px !important;
}

.mt-28 {
    margin-top: 28px !important;
}

.mt-29 {
    margin-top: 29px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-31 {
    margin-top: 31px !important;
}

.mt-32 {
    margin-top: 32px !important;
}

.mt-33 {
    margin-top: 33px !important;
}

.mt-34 {
    margin-top: 34px !important;
}

.mt-35 {
    margin-top: 35px !important;
}

.mt-36 {
    margin-top: 36px !important;
}

.mt-37 {
    margin-top: 37px !important;
}

.mt-38 {
    margin-top: 38px !important;
}

.mt-39 {
    margin-top: 39px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-41 {
    margin-top: 41px !important;
}

.mt-42 {
    margin-top: 42px !important;
}

.mt-43 {
    margin-top: 43px !important;
}

.mt-44 {
    margin-top: 44px !important;
}

.mt-45 {
    margin-top: 45px !important;
}

.mt-46 {
    margin-top: 46px !important;
}

.mt-47 {
    margin-top: 47px !important;
}

.mt-48 {
    margin-top: 48px !important;
}

.mt-49 {
    margin-top: 49px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-51 {
    margin-top: 51px !important;
}

.mt-52 {
    margin-top: 52px !important;
}

.mt-53 {
    margin-top: 53px !important;
}

.mt-54 {
    margin-top: 54px !important;
}

.mt-55 {
    margin-top: 55px !important;
}

.mt-56 {
    margin-top: 56px !important;
}

.mt-57 {
    margin-top: 57px !important;
}

.mt-58 {
    margin-top: 58px !important;
}

.mt-59 {
    margin-top: 59px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mt-61 {
    margin-top: 61px !important;
}

.mt-62 {
    margin-top: 62px !important;
}

.mt-63 {
    margin-top: 63px !important;
}

.mt-64 {
    margin-top: 64px !important;
}

.mt-65 {
    margin-top: 65px !important;
}

.mt-66 {
    margin-top: 66px !important;
}

.mt-67 {
    margin-top: 67px !important;
}

.mt-68 {
    margin-top: 68px !important;
}

.mt-69 {
    margin-top: 69px !important;
}

.mt-70 {
    margin-top: 70px !important;
}

.mt-71 {
    margin-top: 71px !important;
}

.mt-72 {
    margin-top: 72px !important;
}

.mt-73 {
    margin-top: 73px !important;
}

.mt-74 {
    margin-top: 74px !important;
}

.mt-75 {
    margin-top: 75px !important;
}

.mt-76 {
    margin-top: 76px !important;
}

.mt-77 {
    margin-top: 77px !important;
}

.mt-78 {
    margin-top: 78px !important;
}

.mt-79 {
    margin-top: 79px !important;
}

.mt-80 {
    margin-top: 80px !important;
}

.mt-81 {
    margin-top: 81px !important;
}

.mt-82 {
    margin-top: 82px !important;
}

.mt-83 {
    margin-top: 83px !important;
}

.mt-84 {
    margin-top: 84px !important;
}

.mt-85 {
    margin-top: 85px !important;
}

.mt-86 {
    margin-top: 86px !important;
}

.mt-87 {
    margin-top: 87px !important;
}

.mt-88 {
    margin-top: 88px !important;
}

.mt-89 {
    margin-top: 89px !important;
}

.mt-90 {
    margin-top: 90px !important;
}

.mt-91 {
    margin-top: 91px !important;
}

.mt-92 {
    margin-top: 92px !important;
}

.mt-93 {
    margin-top: 93px !important;
}

.mt-94 {
    margin-top: 94px !important;
}

.mt-95 {
    margin-top: 95px !important;
}

.mt-96 {
    margin-top: 96px !important;
}

.mt-97 {
    margin-top: 97px !important;
}

.mt-98 {
    margin-top: 98px !important;
}

.mt-99 {
    margin-top: 99px !important;
}

.mt-100 {
    margin-top: 100px !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 1px !important;
}

.mb-2 {
    margin-bottom: 2px !important;
}

.mb-3 {
    margin-bottom: 3px !important;
}

.mb-4 {
    margin-bottom: 4px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-6 {
    margin-bottom: 6px !important;
}

.mb-7 {
    margin-bottom: 7px !important;
}

.mb-8 {
    margin-bottom: 8px !important;
}

.mb-9 {
    margin-bottom: 9px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-11 {
    margin-bottom: 11 !important;
}

.mb-12 {
    margin-bottom: 12px !important;
}

.mb-13 {
    margin-bottom: 13px !important;
}

.mb-14 {
    margin-bottom: 14px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-16 {
    margin-bottom: 16px !important;
}

.mb-17 {
    margin-bottom: 17px !important;
}

.mb-18 {
    margin-bottom: 18px !important;
}

.mb-19 {
    margin-bottom: 19px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-21 {
    margin-bottom: 21px !important;
}

.mb-22 {
    margin-bottom: 22px !important;
}

.mb-23 {
    margin-bottom: 23px !important;
}

.mb-24 {
    margin-bottom: 24px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-26 {
    margin-bottom: 26px !important;
}

.mb-27 {
    margin-bottom: 27px !important;
}

.mb-28 {
    margin-bottom: 28px !important;
}

.mb-29 {
    margin-bottom: 29px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-31 {
    margin-bottom: 31px !important;
}

.mb-32 {
    margin-bottom: 32px !important;
}

.mb-33 {
    margin-bottom: 33px !important;
}

.mb-34 {
    margin-bottom: 34px !important;
}

.mb-35 {
    margin-bottom: 35px !important;
}

.mb-36 {
    margin-bottom: 36px !important;
}

.mb-37 {
    margin-bottom: 37px !important;
}

.mb-38 {
    margin-bottom: 38px !important;
}

.mb-39 {
    margin-bottom: 39px !important;
}

.mb-41 {
    margin-bottom: 41px !important;
}

.mb-42 {
    margin-bottom: 42px !important;
}

.mb-43 {
    margin-bottom: 43px !important;
}

.mb-44 {
    margin-bottom: 44px !important;
}

.mb-45 {
    margin-bottom: 45px !important;
}

.mb-46 {
    margin-bottom: 46px !important;
}

.mb-47 {
    margin-bottom: 47px !important;
}

.mb-48 {
    margin-bottom: 48px !important;
}

.mb-49 {
    margin-bottom: 49px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-51 {
    margin-bottom: 51px !important;
}

.mb-52 {
    margin-bottom: 52px !important;
}

.mb-53 {
    margin-bottom: 53px !important;
}

.mb-54 {
    margin-bottom: 54px !important;
}

.mb-55 {
    margin-bottom: 55px !important;
}

.mb-56 {
    margin-bottom: 56px !important;
}

.mb-57 {
    margin-bottom: 57px !important;
}

.mb-58 {
    margin-bottom: 58px !important;
}

.mb-59 {
    margin-bottom: 59px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mb-61 {
    margin-bottom: 61px !important;
}

.mb-62 {
    margin-bottom: 62px !important;
}

.mb-63 {
    margin-bottom: 63px !important;
}

.mb-64 {
    margin-bottom: 64px !important;
}

.mb-65 {
    margin-bottom: 65px !important;
}

.mb-66 {
    margin-bottom: 66px !important;
}

.mb-67 {
    margin-bottom: 67px !important;
}

.mb-68 {
    margin-bottom: 68px !important;
}

.mb-69 {
    margin-bottom: 69px !important;
}

.mb-70 {
    margin-bottom: 70px !important;
}

.mb-71 {
    margin-bottom: 71px !important;
}

.mb-72 {
    margin-bottom: 72px !important;
}

.mb-73 {
    margin-bottom: 73px !important;
}

.mb-74 {
    margin-bottom: 74px !important;
}

.mb-75 {
    margin-bottom: 75px !important;
}

.mb-76 {
    margin-bottom: 76px !important;
}

.mb-77 {
    margin-bottom: 77px !important;
}

.mb-78 {
    margin-bottom: 78px !important;
}

.mb-79 {
    margin-bottom: 79px !important;
}

.mb-80 {
    margin-bottom: 80px !important;
}

.mb-81 {
    margin-bottom: 81px !important;
}

.mb-82 {
    margin-bottom: 82px !important;
}

.mb-83 {
    margin-bottom: 83px !important;
}

.mb-84 {
    margin-bottom: 84px !important;
}

.mb-85 {
    margin-bottom: 85px !important;
}

.mb-86 {
    margin-bottom: 86px !important;
}

.mb-87 {
    margin-bottom: 87px !important;
}

.mb-88 {
    margin-bottom: 88px !important;
}

.mb-89 {
    margin-bottom: 89px !important;
}

.mb-90 {
    margin-bottom: 90px !important;
}

.mb-91 {
    margin-bottom: 91px !important;
}

.mb-92 {
    margin-bottom: 92px !important;
}

.mb-93 {
    margin-bottom: 93px !important;
}

.mb-94 {
    margin-bottom: 94px !important;
}

.mb-95 {
    margin-bottom: 95px !important;
}

.mb-96 {
    margin-bottom: 96px !important;
}

.mb-97 {
    margin-bottom: 97px !important;
}

.mb-98 {
    margin-bottom: 98px !important;
}

.mb-99 {
    margin-bottom: 99px !important;
}

.mb-100 {
    margin-bottom: 100px !important;
}

.mx-2 {
    margin: 2px 0 !important;
}

.mx-3 {
    margin: 3px 0 !important;
}

.mx-4 {
    margin: 4px 0 !important;
}

.mx-5 {
    margin: 5px 0 !important;
}

.mx-6 {
    margin: 6px 0 !important;
}

.mx-7 {
    margin: 7px 0 !important;
}

.mx-8 {
    margin: 8px 0 !important;
}

.mx-9 {
    margin: 9px 0 !important;
}

.mx-5 {
    margin: 0 5px !important;
}

.mx-10 {
    margin: 0 10px !important;
}

.mx-15 {
    margin: 0 15px !important;
}

.mx-20 {
    margin: 0 20px !important;
}

.mx-25 {
    margin: 0 25px !important;
}

.mx-30 {
    margin: 0 30px !important;
}

.my-2 {
    margin: 2px 0 !important;
}

.my-3 {
    margin: 3px 0 !important;
}

/* .my-4 {
    margin: 4px 0 !important;
} */

.my-5 {
    margin: 5px 0 !important;
}

.my-10 {
    margin: 20px 0 !important;
}

.my-15 {
    margin: 15px 0 !important;
}

.my-20 {
    margin: 20px 0 !important;
}

.my-25 {
    margin: 25px 0 !important;
}

.my-30 {
    margin: 30px 0 !important;
}


/*****************PADDING SETUP*/

.p-5 {
    padding: 5px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-25 {
    padding: 25px !important;
}

.p-30 {
    padding: 30px !important;
}

.pl-5 {
    padding: 5px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-25 {
    padding-left: 25px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pr-5 {
    padding: 5px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-25 {
    padding-right: 25px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.pt-30 {
    padding-top: 30px !important;
}


.pb-1 {
    padding-bottom: 1px !important;
}

.pb-2 {
    padding-bottom: 2px !important;
}

.pb-3 {
    padding-bottom: 3px !important;
}

.pb-4 {
    padding-bottom: 4px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-6 {
    padding-bottom: 6px !important;
}

.pb-7 {
    padding-bottom: 7px !important;
}

.pb-8 {
    padding-bottom: 8px !important;
}

.pb-9 {
    padding-bottom: 9px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-11 {
    padding-bottom: 11px !important;
}

.pb-12 {
    padding-bottom: 12px !important;
}

.pb-13 {
    padding-bottom: 13px !important;
}

.pb-14 {
    padding-bottom: 14px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pb-16 {
    padding-bottom: 16px !important;
}

.pb-17 {
    padding-bottom: 17px !important;
}

.pb-18 {
    padding-bottom: 18px !important;
}

.pb-19 {
    padding-bottom: 19px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.px-1 {
    padding: 0px 1 !important;
}

.px-2 {
    padding: 0px 2 !important;
}

.px-3 {
    padding: 0px 3 !important;
}

.px-4 {
    padding: 0px 4 !important;
}

.px-5 {
    padding: 0px 5 !important;
}

.px-10 {
    padding: 0 10px !important;
}

.px-15 {
    padding: 0 15px !important;
}

.px-20 {
    padding: 0 20px !important;
}

.px-25 {
    padding: 0 25px !important;
}

.px-30 {
    padding: 0 30px !important;
}

.py-5 {
    padding: 5px 0 !important;
}

.py-10 {
    padding: 20px 0 !important;
}

.py-15 {
    padding: 15px 0 !important;
}

.py-20 {
    padding: 20px 0 !important;
}

.py-25 {
    padding: 25px 0 !important;
}

.py-30 {
    padding: 30px 0 !important;
}

.dark-line-full {
    width: 100% !important;
    height: .1px !important;
    background-color: var(--bluedarker);
}


/* Border-ardius */

.br-1 {
    border-radius: 1 !important;
}

.br-2 {
    border-radius: 2 !important;
}

.br-3 {
    border-radius: 3 !important;
}

.br-4 {
    border-radius: 4 !important;
}

.br-5 {
    border-radius: 5 !important;
}

.br-6 {
    border-radius: 6 !important;
}

.br-7 {
    border-radius: 7 !important;
}

.br-8 {
    border-radius: 8 !important;
}

.br-9 {
    border-radius: 9 !important;
}

.br-10 {
    border-radius: 10 !important;
}

.br-11 {
    border-radius: 11 !important;
}

.br-12 {
    border-radius: 12 !important;
}

.br-13 {
    border-radius: 13 !important;
}

.br-14 {
    border-radius: 14 !important;
}

.br-15 {
    border-radius: 15 !important;
}

.br-16 {
    border-radius: 16 !important;
}

.br-17 {
    border-radius: 17 !important;
}

.br-18 {
    border-radius: 18 !important;
}

.br-19 {
    border-radius: 19 !important;
}

.br-20 {
    border-radius: 20 !important;
}


/* text aligning */

.ta-l {
    text-align: left !important;
}

.ta-c {
    text-align: center !important;
}

.ta-r {
    text-align: right !important;
}


/* OVERFLOW */

.over-a {
    overflow: auto !important;
}

.over-s {
    overflow: scroll !important;
}

.over-h {
    overflow: hidden !important;
}

.overx-a {
    overflow-x: auto !important;
}

.overx-s {
    overflow-x: scroll !important;
}

.overx-h {
    overflow-x: hidden !important;
}

.overy-a {
    overflow-y: auto !important;
}

.overy-s {
    overflow-y: scroll !important;
}

.overy-h {
    overflow-y: hidden !important;
}



/*****************************************************************FONT SIZES*************************************************************************/
.fs-10 {
    font-size: 10px !important;
}

.fs-11 {
    font-size: 11px !important;
}

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

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

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

.fs-15 {
    font-size: 15px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-17 {
    font-size: 17px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-19 {
    font-size: 19px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-21 {
    font-size: 21px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.fs-23 {
    font-size: 23px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-25 {
    font-size: 25px !important;
}

.fs-26 {
    font-size: 26px !important;
}

.fs-27 {
    font-size: 27px !important;
}

.fs-28 {
    font-size: 28px !important;
}

.fs-29 {
    font-size: 29px !important;
}

.fs-30 {
    font-size: 30px !important;
}

.fs-30 {
    font-size: 30px !important;
}

.fs-31 {
    font-size: 31px !important;
}

.fs-33 {
    font-size: 33px !important;
}

.fs-33 {
    font-size: 33px !important;
}

.fs-34 {
    font-size: 34px !important;
}

.fs-35 {
    font-size: 35px !important;
}

.fs-36 {
    font-size: 36px !important;
}

.fs-37 {
    font-size: 37px !important;
}

.fs-38 {
    font-size: 38px !important;
}

.fs-39 {
    font-size: 39px !important;
}

.fs-40 {
    font-size: 40px !important;
}

.fs-41 {
    font-size: 41px !important;
}

.fs-44 {
    font-size: 44px !important;
}

.fs-43 {
    font-size: 43px !important;
}

.fs-44 {
    font-size: 44px !important;
}

.fs-45 {
    font-size: 45px !important;
}

.fs-46 {
    font-size: 46px !important;
}

.fs-47 {
    font-size: 47px !important;
}

.fs-48 {
    font-size: 48px !important;
}

.fs-49 {
    font-size: 49px !important;
}

.fs-50 {
    font-size: 50px !important;
}


/*TRANSITIONS*/
.trans-p1 {
    transition: .1s;
}

.trans-p2 {
    transition: .2s;
}

.trans-p3 {
    transition: .3s;
}

.trans-p4 {
    transition: .4s;
}

.trans-p5 {
    transition: .5s;
}

.trans-p6 {
    transition: .6s;
}

.trans-p7 {
    transition: .7s;
}

.trans-p8 {
    transition: .8s;
}

.trans-p9 {
    transition: .9s;
}

.trans-1 {
    transition: .1s;
}




.trans-1 {
    transition: 1s;
}

.trans-2 {
    transition: 2s;
}

.trans-3 {
    transition: 3s;
}

.trans-4 {
    transition: 4s;
}

.trans-5 {
    transition: 5s;
}

.trans-6 {
    transition: 6s;
}

.trans-7 {
    transition: 7s;
}

.trans-8 {
    transition: 8s;
}

.trans-9 {
    transition: 9s;
}

.trans-10 {
    transition: 10s;
}

.grid {
    display: grid !important;
    gap: 20px !important;
}

.grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid-cols-3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid-cols-4 {
    grid-template-columns: repeat(4, 1fr);
}

.grid-cols-5 {
    grid-template-columns: repeat(5, 1fr);
}

.grid-cols-6 {
    grid-template-columns: repeat(6, 1fr);
}

.grid-cols-7 {
    grid-template-columns: repeat(7, 1fr);
}

.grid-cols-8 {
    grid-template-columns: repeat(8, 1fr);
}

.grid-cols-9 {
    grid-template-columns: repeat(9, 1fr);
}

.grid-cols-10 {
    grid-template-columns: repeat(10, 1fr);
}

.grid-cols-11 {
    grid-template-columns: repeat(11, 1fr);
}

.grid-cols-12 {
    grid-template-columns: repeat(12, 1fr);
}

.grid-cols-13 {
    grid-template-columns: repeat(13, 1fr);
}

.grid-cols-14 {
    grid-template-columns: repeat(14, 1fr);
}

.col-span-2 {
    grid-column: span 2;
}

.col-span-3 {
    grid-column: span 3;
}

.col-span-4 {
    grid-column: span 4;
}

.col-span-5 {
    grid-column: span 5;
}

.col-span-6 {
    grid-column: span 6;
}

.col-span-7 {
    grid-column: span 7;
}

.col-span-8 {
    grid-column: span 8;
}

.col-span-9 {
    grid-column: span 9;
}

.col-span-10 {
    grid-column: span 10;
}

.col-span-11 {
    grid-column: span 11;
}

.col-span-12 {
    grid-column: span 12;
}

.col-span-13 {
    grid-column: span 13;
}