@font-face {
  font-family: "PR";
  src: url("/fonts/Poppins/Poppins-Regular.ttf") format("truetype");
}

.font-PR {
  font-family: "PR" !important;
}

@font-face {
  font-family: "PM";
  src: url("/fonts/Poppins/Poppins-Medium.ttf") format("truetype");
}

.font-PM {
  font-family: "PM" !important;
}

@font-face {
  font-family: "PB";
  src: url("/fonts/Poppins/Poppins-Bold.ttf") format("truetype");
}

.font-PB {
  font-family: "PB" !important;
}

.maxw-0 {
  max-width: 0px;
}

.minw-0 {
  min-width: 0px;
}

.minh-0 {
  min-height: 0px;
}

.zi-0 {
  z-index: 0 !important;
}

.fs-0 {
  font-size: 0px !important;
}

.lh-0 {
  line-height: 0px !important;
}

.radius-0 {
  border-radius: 0px !important;
}

.maxw-10 {
  max-width: 10px;
}

.minw-10 {
  min-width: 10px;
}

.minh-10 {
  min-height: 10px;
}

.zi-1 {
  z-index: 1 !important;
}

.fs-1 {
  font-size: 1px !important;
}

.lh-1 {
  line-height: 1px !important;
}

.radius-1 {
  border-radius: 1px !important;
}

.maxw-20 {
  max-width: 20px;
}

.minw-20 {
  min-width: 20px;
}

.minh-20 {
  min-height: 20px;
}

.zi-2 {
  z-index: 2 !important;
}

.fs-2 {
  font-size: 2px !important;
}

.lh-2 {
  line-height: 2px !important;
}

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

.maxw-30 {
  max-width: 30px;
}

.minw-30 {
  min-width: 30px;
}

.minh-30 {
  min-height: 30px;
}

.zi-3 {
  z-index: 3 !important;
}

.fs-3 {
  font-size: 3px !important;
}

.lh-3 {
  line-height: 3px !important;
}

.radius-3 {
  border-radius: 3px !important;
}

.maxw-40 {
  max-width: 40px;
}

.minw-40 {
  min-width: 40px;
}

.minh-40 {
  min-height: 40px;
}

.zi-4 {
  z-index: 4 !important;
}

.fs-4 {
  font-size: 4px !important;
}

.lh-4 {
  line-height: 4px !important;
}

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

.maxw-50 {
  max-width: 50px;
}

.minw-50 {
  min-width: 50px;
}

.minh-50 {
  min-height: 50px;
}

.zi-5 {
  z-index: 5 !important;
}

.fs-5 {
  font-size: 5px !important;
}

.lh-5 {
  line-height: 5px !important;
}

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

.maxw-60 {
  max-width: 60px;
}

.minw-60 {
  min-width: 60px;
}

.minh-60 {
  min-height: 60px;
}

.zi-6 {
  z-index: 6 !important;
}

.fs-6 {
  font-size: 6px !important;
}

.lh-6 {
  line-height: 6px !important;
}

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

.maxw-70 {
  max-width: 70px;
}

.minw-70 {
  min-width: 70px;
}

.minh-70 {
  min-height: 70px;
}

.zi-7 {
  z-index: 7 !important;
}

.fs-7 {
  font-size: 7px !important;
}

.lh-7 {
  line-height: 7px !important;
}

.radius-7 {
  border-radius: 7px !important;
}

.maxw-80 {
  max-width: 80px;
}

.minw-80 {
  min-width: 80px;
}

.minh-80 {
  min-height: 80px;
}

.zi-8 {
  z-index: 8 !important;
}

.fs-8 {
  font-size: 8px !important;
}

.lh-8 {
  line-height: 8px !important;
}

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

.maxw-90 {
  max-width: 90px;
}

.minw-90 {
  min-width: 90px;
}

.minh-90 {
  min-height: 90px;
}

.zi-9 {
  z-index: 9 !important;
}

.fs-9 {
  font-size: 9px !important;
}

.lh-9 {
  line-height: 9px !important;
}

.radius-9 {
  border-radius: 9px !important;
}

.maxw-100 {
  max-width: 100px;
}

.minw-100 {
  min-width: 100px;
}

.minh-100 {
  min-height: 100px;
}

.zi-10 {
  z-index: 10 !important;
}

.fs-10 {
  font-size: 10px !important;
}

.lh-10 {
  line-height: 10px !important;
}

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

.maxw-110 {
  max-width: 110px;
}

.minw-110 {
  min-width: 110px;
}

.minh-110 {
  min-height: 110px;
}

.zi-11 {
  z-index: 11 !important;
}

.fs-11 {
  font-size: 11px !important;
}

.lh-11 {
  line-height: 11px !important;
}

.radius-11 {
  border-radius: 11px !important;
}

.maxw-120 {
  max-width: 120px;
}

.minw-120 {
  min-width: 120px;
}

.minh-120 {
  min-height: 120px;
}

.zi-12 {
  z-index: 12 !important;
}

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

.lh-12 {
  line-height: 12px !important;
}

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

.maxw-130 {
  max-width: 130px;
}

.minw-130 {
  min-width: 130px;
}

.minh-130 {
  min-height: 130px;
}

.zi-13 {
  z-index: 13 !important;
}

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

.lh-13 {
  line-height: 13px !important;
}

.radius-13 {
  border-radius: 13px !important;
}

.maxw-140 {
  max-width: 140px;
}

.minw-140 {
  min-width: 140px;
}

.minh-140 {
  min-height: 140px;
}

.zi-14 {
  z-index: 14 !important;
}

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

.lh-14 {
  line-height: 14px !important;
}

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

.maxw-150 {
  max-width: 150px;
}

.minw-150 {
  min-width: 150px;
}

.minh-150 {
  min-height: 150px;
}

.zi-15 {
  z-index: 15 !important;
}

.fs-15 {
  font-size: 15px !important;
}

.lh-15 {
  line-height: 15px !important;
}

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

.maxw-160 {
  max-width: 160px;
}

.minw-160 {
  min-width: 160px;
}

.minh-160 {
  min-height: 160px;
}

.zi-16 {
  z-index: 16 !important;
}

.fs-16 {
  font-size: 16px !important;
}

.lh-16 {
  line-height: 16px !important;
}

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

.maxw-170 {
  max-width: 170px;
}

.minw-170 {
  min-width: 170px;
}

.minh-170 {
  min-height: 170px;
}

.zi-17 {
  z-index: 17 !important;
}

.fs-17 {
  font-size: 17px !important;
}

.lh-17 {
  line-height: 17px !important;
}

.radius-17 {
  border-radius: 17px !important;
}

.maxw-180 {
  max-width: 180px;
}

.minw-180 {
  min-width: 180px;
}

.minh-180 {
  min-height: 180px;
}

.zi-18 {
  z-index: 18 !important;
}

.fs-18 {
  font-size: 18px !important;
}

.lh-18 {
  line-height: 18px !important;
}

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

.maxw-190 {
  max-width: 190px;
}

.minw-190 {
  min-width: 190px;
}

.minh-190 {
  min-height: 190px;
}

.zi-19 {
  z-index: 19 !important;
}

.fs-19 {
  font-size: 19px !important;
}

.lh-19 {
  line-height: 19px !important;
}

.radius-19 {
  border-radius: 19px !important;
}

.maxw-200 {
  max-width: 200px;
}

.minw-200 {
  min-width: 200px;
}

.minh-200 {
  min-height: 200px;
}

.zi-20 {
  z-index: 20 !important;
}

.fs-20 {
  font-size: 20px !important;
}

.lh-20 {
  line-height: 20px !important;
}

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

.maxw-210 {
  max-width: 210px;
}

.minw-210 {
  min-width: 210px;
}

.minh-210 {
  min-height: 210px;
}

.zi-21 {
  z-index: 21 !important;
}

.fs-21 {
  font-size: 21px !important;
}

.lh-21 {
  line-height: 21px !important;
}

.radius-21 {
  border-radius: 21px !important;
}

.maxw-220 {
  max-width: 220px;
}

.minw-220 {
  min-width: 220px;
}

.minh-220 {
  min-height: 220px;
}

.zi-22 {
  z-index: 22 !important;
}

.fs-22 {
  font-size: 22px !important;
}

.lh-22 {
  line-height: 22px !important;
}

.radius-22 {
  border-radius: 22px !important;
}

.maxw-230 {
  max-width: 230px;
}

.minw-230 {
  min-width: 230px;
}

.minh-230 {
  min-height: 230px;
}

.zi-23 {
  z-index: 23 !important;
}

.fs-23 {
  font-size: 23px !important;
}

.lh-23 {
  line-height: 23px !important;
}

.radius-23 {
  border-radius: 23px !important;
}

.maxw-240 {
  max-width: 240px;
}

.minw-240 {
  min-width: 240px;
}

.minh-240 {
  min-height: 240px;
}

.zi-24 {
  z-index: 24 !important;
}

.fs-24 {
  font-size: 24px !important;
}

.lh-24 {
  line-height: 24px !important;
}

.radius-24 {
  border-radius: 24px !important;
}

.maxw-250 {
  max-width: 250px;
}

.minw-250 {
  min-width: 250px;
}

.minh-250 {
  min-height: 250px;
}

.zi-25 {
  z-index: 25 !important;
}

.fs-25 {
  font-size: 25px !important;
}

.lh-25 {
  line-height: 25px !important;
}

.radius-25 {
  border-radius: 25px !important;
}

.maxw-260 {
  max-width: 260px;
}

.minw-260 {
  min-width: 260px;
}

.minh-260 {
  min-height: 260px;
}

.zi-26 {
  z-index: 26 !important;
}

.fs-26 {
  font-size: 26px !important;
}

.lh-26 {
  line-height: 26px !important;
}

.radius-26 {
  border-radius: 26px !important;
}

.maxw-270 {
  max-width: 270px;
}

.minw-270 {
  min-width: 270px;
}

.minh-270 {
  min-height: 270px;
}

.zi-27 {
  z-index: 27 !important;
}

.fs-27 {
  font-size: 27px !important;
}

.lh-27 {
  line-height: 27px !important;
}

.radius-27 {
  border-radius: 27px !important;
}

.maxw-280 {
  max-width: 280px;
}

.minw-280 {
  min-width: 280px;
}

.minh-280 {
  min-height: 280px;
}

.zi-28 {
  z-index: 28 !important;
}

.fs-28 {
  font-size: 28px !important;
}

.lh-28 {
  line-height: 28px !important;
}

.radius-28 {
  border-radius: 28px !important;
}

.maxw-290 {
  max-width: 290px;
}

.minw-290 {
  min-width: 290px;
}

.minh-290 {
  min-height: 290px;
}

.zi-29 {
  z-index: 29 !important;
}

.fs-29 {
  font-size: 29px !important;
}

.lh-29 {
  line-height: 29px !important;
}

.radius-29 {
  border-radius: 29px !important;
}

.maxw-300 {
  max-width: 300px;
}

.minw-300 {
  min-width: 300px;
}

.minh-300 {
  min-height: 300px;
}

.zi-30 {
  z-index: 30 !important;
}

.fs-30 {
  font-size: 30px !important;
}

.lh-30 {
  line-height: 30px !important;
}

.radius-30 {
  border-radius: 30px !important;
}

.maxw-310 {
  max-width: 310px;
}

.minw-310 {
  min-width: 310px;
}

.minh-310 {
  min-height: 310px;
}

.zi-31 {
  z-index: 31 !important;
}

.fs-31 {
  font-size: 31px !important;
}

.lh-31 {
  line-height: 31px !important;
}

.radius-31 {
  border-radius: 31px !important;
}

.maxw-320 {
  max-width: 320px;
}

.minw-320 {
  min-width: 320px;
}

.minh-320 {
  min-height: 320px;
}

.zi-32 {
  z-index: 32 !important;
}

.fs-32 {
  font-size: 32px !important;
}

.lh-32 {
  line-height: 32px !important;
}

.radius-32 {
  border-radius: 32px !important;
}

.maxw-330 {
  max-width: 330px;
}

.minw-330 {
  min-width: 330px;
}

.minh-330 {
  min-height: 330px;
}

.zi-33 {
  z-index: 33 !important;
}

.fs-33 {
  font-size: 33px !important;
}

.lh-33 {
  line-height: 33px !important;
}

.radius-33 {
  border-radius: 33px !important;
}

.maxw-340 {
  max-width: 340px;
}

.minw-340 {
  min-width: 340px;
}

.minh-340 {
  min-height: 340px;
}

.zi-34 {
  z-index: 34 !important;
}

.fs-34 {
  font-size: 34px !important;
}

.lh-34 {
  line-height: 34px !important;
}

.radius-34 {
  border-radius: 34px !important;
}

.maxw-350 {
  max-width: 350px;
}

.minw-350 {
  min-width: 350px;
}

.minh-350 {
  min-height: 350px;
}

.zi-35 {
  z-index: 35 !important;
}

.fs-35 {
  font-size: 35px !important;
}

.lh-35 {
  line-height: 35px !important;
}

.radius-35 {
  border-radius: 35px !important;
}

.maxw-360 {
  max-width: 360px;
}

.minw-360 {
  min-width: 360px;
}

.minh-360 {
  min-height: 360px;
}

.zi-36 {
  z-index: 36 !important;
}

.fs-36 {
  font-size: 36px !important;
}

.lh-36 {
  line-height: 36px !important;
}

.radius-36 {
  border-radius: 36px !important;
}

.maxw-370 {
  max-width: 370px;
}

.minw-370 {
  min-width: 370px;
}

.minh-370 {
  min-height: 370px;
}

.zi-37 {
  z-index: 37 !important;
}

.fs-37 {
  font-size: 37px !important;
}

.lh-37 {
  line-height: 37px !important;
}

.radius-37 {
  border-radius: 37px !important;
}

.maxw-380 {
  max-width: 380px;
}

.minw-380 {
  min-width: 380px;
}

.minh-380 {
  min-height: 380px;
}

.zi-38 {
  z-index: 38 !important;
}

.fs-38 {
  font-size: 38px !important;
}

.lh-38 {
  line-height: 38px !important;
}

.radius-38 {
  border-radius: 38px !important;
}

.maxw-390 {
  max-width: 390px;
}

.minw-390 {
  min-width: 390px;
}

.minh-390 {
  min-height: 390px;
}

.zi-39 {
  z-index: 39 !important;
}

.fs-39 {
  font-size: 39px !important;
}

.lh-39 {
  line-height: 39px !important;
}

.radius-39 {
  border-radius: 39px !important;
}

.maxw-400 {
  max-width: 400px;
}

.minw-400 {
  min-width: 400px;
}

.minh-400 {
  min-height: 400px;
}

.zi-40 {
  z-index: 40 !important;
}

.fs-40 {
  font-size: 40px !important;
}

.lh-40 {
  line-height: 40px !important;
}

.radius-40 {
  border-radius: 40px !important;
}

.maxw-410 {
  max-width: 410px;
}

.minw-410 {
  min-width: 410px;
}

.minh-410 {
  min-height: 410px;
}

.zi-41 {
  z-index: 41 !important;
}

.fs-41 {
  font-size: 41px !important;
}

.lh-41 {
  line-height: 41px !important;
}

.radius-41 {
  border-radius: 41px !important;
}

.maxw-420 {
  max-width: 420px;
}

.minw-420 {
  min-width: 420px;
}

.minh-420 {
  min-height: 420px;
}

.zi-42 {
  z-index: 42 !important;
}

.fs-42 {
  font-size: 42px !important;
}

.lh-42 {
  line-height: 42px !important;
}

.radius-42 {
  border-radius: 42px !important;
}

.maxw-430 {
  max-width: 430px;
}

.minw-430 {
  min-width: 430px;
}

.minh-430 {
  min-height: 430px;
}

.zi-43 {
  z-index: 43 !important;
}

.fs-43 {
  font-size: 43px !important;
}

.lh-43 {
  line-height: 43px !important;
}

.radius-43 {
  border-radius: 43px !important;
}

.maxw-440 {
  max-width: 440px;
}

.minw-440 {
  min-width: 440px;
}

.minh-440 {
  min-height: 440px;
}

.zi-44 {
  z-index: 44 !important;
}

.fs-44 {
  font-size: 44px !important;
}

.lh-44 {
  line-height: 44px !important;
}

.radius-44 {
  border-radius: 44px !important;
}

.maxw-450 {
  max-width: 450px;
}

.minw-450 {
  min-width: 450px;
}

.minh-450 {
  min-height: 450px;
}

.zi-45 {
  z-index: 45 !important;
}

.fs-45 {
  font-size: 45px !important;
}

.lh-45 {
  line-height: 45px !important;
}

.radius-45 {
  border-radius: 45px !important;
}

.maxw-460 {
  max-width: 460px;
}

.minw-460 {
  min-width: 460px;
}

.minh-460 {
  min-height: 460px;
}

.zi-46 {
  z-index: 46 !important;
}

.fs-46 {
  font-size: 46px !important;
}

.lh-46 {
  line-height: 46px !important;
}

.radius-46 {
  border-radius: 46px !important;
}

.maxw-470 {
  max-width: 470px;
}

.minw-470 {
  min-width: 470px;
}

.minh-470 {
  min-height: 470px;
}

.zi-47 {
  z-index: 47 !important;
}

.fs-47 {
  font-size: 47px !important;
}

.lh-47 {
  line-height: 47px !important;
}

.radius-47 {
  border-radius: 47px !important;
}

.maxw-480 {
  max-width: 480px;
}

.minw-480 {
  min-width: 480px;
}

.minh-480 {
  min-height: 480px;
}

.zi-48 {
  z-index: 48 !important;
}

.fs-48 {
  font-size: 48px !important;
}

.lh-48 {
  line-height: 48px !important;
}

.radius-48 {
  border-radius: 48px !important;
}

.maxw-490 {
  max-width: 490px;
}

.minw-490 {
  min-width: 490px;
}

.minh-490 {
  min-height: 490px;
}

.zi-49 {
  z-index: 49 !important;
}

.fs-49 {
  font-size: 49px !important;
}

.lh-49 {
  line-height: 49px !important;
}

.radius-49 {
  border-radius: 49px !important;
}

.maxw-500 {
  max-width: 500px;
}

.minw-500 {
  min-width: 500px;
}

.minh-500 {
  min-height: 500px;
}

.zi-50 {
  z-index: 50 !important;
}

.fs-50 {
  font-size: 50px !important;
}

.lh-50 {
  line-height: 50px !important;
}

.radius-50 {
  border-radius: 50px !important;
}

.maxw-510 {
  max-width: 510px;
}

.minw-510 {
  min-width: 510px;
}

.minh-510 {
  min-height: 510px;
}

.zi-51 {
  z-index: 51 !important;
}

.fs-51 {
  font-size: 51px !important;
}

.lh-51 {
  line-height: 51px !important;
}

.radius-51 {
  border-radius: 51px !important;
}

.maxw-520 {
  max-width: 520px;
}

.minw-520 {
  min-width: 520px;
}

.minh-520 {
  min-height: 520px;
}

.zi-52 {
  z-index: 52 !important;
}

.fs-52 {
  font-size: 52px !important;
}

.lh-52 {
  line-height: 52px !important;
}

.radius-52 {
  border-radius: 52px !important;
}

.maxw-530 {
  max-width: 530px;
}

.minw-530 {
  min-width: 530px;
}

.minh-530 {
  min-height: 530px;
}

.zi-53 {
  z-index: 53 !important;
}

.fs-53 {
  font-size: 53px !important;
}

.lh-53 {
  line-height: 53px !important;
}

.radius-53 {
  border-radius: 53px !important;
}

.maxw-540 {
  max-width: 540px;
}

.minw-540 {
  min-width: 540px;
}

.minh-540 {
  min-height: 540px;
}

.zi-54 {
  z-index: 54 !important;
}

.fs-54 {
  font-size: 54px !important;
}

.lh-54 {
  line-height: 54px !important;
}

.radius-54 {
  border-radius: 54px !important;
}

.maxw-550 {
  max-width: 550px;
}

.minw-550 {
  min-width: 550px;
}

.minh-550 {
  min-height: 550px;
}

.zi-55 {
  z-index: 55 !important;
}

.fs-55 {
  font-size: 55px !important;
}

.lh-55 {
  line-height: 55px !important;
}

.radius-55 {
  border-radius: 55px !important;
}

.maxw-560 {
  max-width: 560px;
}

.minw-560 {
  min-width: 560px;
}

.minh-560 {
  min-height: 560px;
}

.zi-56 {
  z-index: 56 !important;
}

.fs-56 {
  font-size: 56px !important;
}

.lh-56 {
  line-height: 56px !important;
}

.radius-56 {
  border-radius: 56px !important;
}

.maxw-570 {
  max-width: 570px;
}

.minw-570 {
  min-width: 570px;
}

.minh-570 {
  min-height: 570px;
}

.zi-57 {
  z-index: 57 !important;
}

.fs-57 {
  font-size: 57px !important;
}

.lh-57 {
  line-height: 57px !important;
}

.radius-57 {
  border-radius: 57px !important;
}

.maxw-580 {
  max-width: 580px;
}

.minw-580 {
  min-width: 580px;
}

.minh-580 {
  min-height: 580px;
}

.zi-58 {
  z-index: 58 !important;
}

.fs-58 {
  font-size: 58px !important;
}

.lh-58 {
  line-height: 58px !important;
}

.radius-58 {
  border-radius: 58px !important;
}

.maxw-590 {
  max-width: 590px;
}

.minw-590 {
  min-width: 590px;
}

.minh-590 {
  min-height: 590px;
}

.zi-59 {
  z-index: 59 !important;
}

.fs-59 {
  font-size: 59px !important;
}

.lh-59 {
  line-height: 59px !important;
}

.radius-59 {
  border-radius: 59px !important;
}

.maxw-600 {
  max-width: 600px;
}

.minw-600 {
  min-width: 600px;
}

.minh-600 {
  min-height: 600px;
}

.zi-60 {
  z-index: 60 !important;
}

.fs-60 {
  font-size: 60px !important;
}

.lh-60 {
  line-height: 60px !important;
}

.radius-60 {
  border-radius: 60px !important;
}

.maxw-610 {
  max-width: 610px;
}

.minw-610 {
  min-width: 610px;
}

.minh-610 {
  min-height: 610px;
}

.zi-61 {
  z-index: 61 !important;
}

.fs-61 {
  font-size: 61px !important;
}

.lh-61 {
  line-height: 61px !important;
}

.radius-61 {
  border-radius: 61px !important;
}

.maxw-620 {
  max-width: 620px;
}

.minw-620 {
  min-width: 620px;
}

.minh-620 {
  min-height: 620px;
}

.zi-62 {
  z-index: 62 !important;
}

.fs-62 {
  font-size: 62px !important;
}

.lh-62 {
  line-height: 62px !important;
}

.radius-62 {
  border-radius: 62px !important;
}

.maxw-630 {
  max-width: 630px;
}

.minw-630 {
  min-width: 630px;
}

.minh-630 {
  min-height: 630px;
}

.zi-63 {
  z-index: 63 !important;
}

.fs-63 {
  font-size: 63px !important;
}

.lh-63 {
  line-height: 63px !important;
}

.radius-63 {
  border-radius: 63px !important;
}

.maxw-640 {
  max-width: 640px;
}

.minw-640 {
  min-width: 640px;
}

.minh-640 {
  min-height: 640px;
}

.zi-64 {
  z-index: 64 !important;
}

.fs-64 {
  font-size: 64px !important;
}

.lh-64 {
  line-height: 64px !important;
}

.radius-64 {
  border-radius: 64px !important;
}

.maxw-650 {
  max-width: 650px;
}

.minw-650 {
  min-width: 650px;
}

.minh-650 {
  min-height: 650px;
}

.zi-65 {
  z-index: 65 !important;
}

.fs-65 {
  font-size: 65px !important;
}

.lh-65 {
  line-height: 65px !important;
}

.radius-65 {
  border-radius: 65px !important;
}

.maxw-660 {
  max-width: 660px;
}

.minw-660 {
  min-width: 660px;
}

.minh-660 {
  min-height: 660px;
}

.zi-66 {
  z-index: 66 !important;
}

.fs-66 {
  font-size: 66px !important;
}

.lh-66 {
  line-height: 66px !important;
}

.radius-66 {
  border-radius: 66px !important;
}

.maxw-670 {
  max-width: 670px;
}

.minw-670 {
  min-width: 670px;
}

.minh-670 {
  min-height: 670px;
}

.zi-67 {
  z-index: 67 !important;
}

.fs-67 {
  font-size: 67px !important;
}

.lh-67 {
  line-height: 67px !important;
}

.radius-67 {
  border-radius: 67px !important;
}

.maxw-680 {
  max-width: 680px;
}

.minw-680 {
  min-width: 680px;
}

.minh-680 {
  min-height: 680px;
}

.zi-68 {
  z-index: 68 !important;
}

.fs-68 {
  font-size: 68px !important;
}

.lh-68 {
  line-height: 68px !important;
}

.radius-68 {
  border-radius: 68px !important;
}

.maxw-690 {
  max-width: 690px;
}

.minw-690 {
  min-width: 690px;
}

.minh-690 {
  min-height: 690px;
}

.zi-69 {
  z-index: 69 !important;
}

.fs-69 {
  font-size: 69px !important;
}

.lh-69 {
  line-height: 69px !important;
}

.radius-69 {
  border-radius: 69px !important;
}

.maxw-700 {
  max-width: 700px;
}

.minw-700 {
  min-width: 700px;
}

.minh-700 {
  min-height: 700px;
}

.zi-70 {
  z-index: 70 !important;
}

.fs-70 {
  font-size: 70px !important;
}

.lh-70 {
  line-height: 70px !important;
}

.radius-70 {
  border-radius: 70px !important;
}

.maxw-710 {
  max-width: 710px;
}

.minw-710 {
  min-width: 710px;
}

.minh-710 {
  min-height: 710px;
}

.zi-71 {
  z-index: 71 !important;
}

.fs-71 {
  font-size: 71px !important;
}

.lh-71 {
  line-height: 71px !important;
}

.radius-71 {
  border-radius: 71px !important;
}

.maxw-720 {
  max-width: 720px;
}

.minw-720 {
  min-width: 720px;
}

.minh-720 {
  min-height: 720px;
}

.zi-72 {
  z-index: 72 !important;
}

.fs-72 {
  font-size: 72px !important;
}

.lh-72 {
  line-height: 72px !important;
}

.radius-72 {
  border-radius: 72px !important;
}

.maxw-730 {
  max-width: 730px;
}

.minw-730 {
  min-width: 730px;
}

.minh-730 {
  min-height: 730px;
}

.zi-73 {
  z-index: 73 !important;
}

.fs-73 {
  font-size: 73px !important;
}

.lh-73 {
  line-height: 73px !important;
}

.radius-73 {
  border-radius: 73px !important;
}

.maxw-740 {
  max-width: 740px;
}

.minw-740 {
  min-width: 740px;
}

.minh-740 {
  min-height: 740px;
}

.zi-74 {
  z-index: 74 !important;
}

.fs-74 {
  font-size: 74px !important;
}

.lh-74 {
  line-height: 74px !important;
}

.radius-74 {
  border-radius: 74px !important;
}

.maxw-750 {
  max-width: 750px;
}

.minw-750 {
  min-width: 750px;
}

.minh-750 {
  min-height: 750px;
}

.zi-75 {
  z-index: 75 !important;
}

.fs-75 {
  font-size: 75px !important;
}

.lh-75 {
  line-height: 75px !important;
}

.radius-75 {
  border-radius: 75px !important;
}

.maxw-760 {
  max-width: 760px;
}

.minw-760 {
  min-width: 760px;
}

.minh-760 {
  min-height: 760px;
}

.zi-76 {
  z-index: 76 !important;
}

.fs-76 {
  font-size: 76px !important;
}

.lh-76 {
  line-height: 76px !important;
}

.radius-76 {
  border-radius: 76px !important;
}

.maxw-770 {
  max-width: 770px;
}

.minw-770 {
  min-width: 770px;
}

.minh-770 {
  min-height: 770px;
}

.zi-77 {
  z-index: 77 !important;
}

.fs-77 {
  font-size: 77px !important;
}

.lh-77 {
  line-height: 77px !important;
}

.radius-77 {
  border-radius: 77px !important;
}

.maxw-780 {
  max-width: 780px;
}

.minw-780 {
  min-width: 780px;
}

.minh-780 {
  min-height: 780px;
}

.zi-78 {
  z-index: 78 !important;
}

.fs-78 {
  font-size: 78px !important;
}

.lh-78 {
  line-height: 78px !important;
}

.radius-78 {
  border-radius: 78px !important;
}

.maxw-790 {
  max-width: 790px;
}

.minw-790 {
  min-width: 790px;
}

.minh-790 {
  min-height: 790px;
}

.zi-79 {
  z-index: 79 !important;
}

.fs-79 {
  font-size: 79px !important;
}

.lh-79 {
  line-height: 79px !important;
}

.radius-79 {
  border-radius: 79px !important;
}

.maxw-800 {
  max-width: 800px;
}

.minw-800 {
  min-width: 800px;
}

.minh-800 {
  min-height: 800px;
}

.zi-80 {
  z-index: 80 !important;
}

.fs-80 {
  font-size: 80px !important;
}

.lh-80 {
  line-height: 80px !important;
}

.radius-80 {
  border-radius: 80px !important;
}

.maxw-810 {
  max-width: 810px;
}

.minw-810 {
  min-width: 810px;
}

.minh-810 {
  min-height: 810px;
}

.zi-81 {
  z-index: 81 !important;
}

.fs-81 {
  font-size: 81px !important;
}

.lh-81 {
  line-height: 81px !important;
}

.radius-81 {
  border-radius: 81px !important;
}

.maxw-820 {
  max-width: 820px;
}

.minw-820 {
  min-width: 820px;
}

.minh-820 {
  min-height: 820px;
}

.zi-82 {
  z-index: 82 !important;
}

.fs-82 {
  font-size: 82px !important;
}

.lh-82 {
  line-height: 82px !important;
}

.radius-82 {
  border-radius: 82px !important;
}

.maxw-830 {
  max-width: 830px;
}

.minw-830 {
  min-width: 830px;
}

.minh-830 {
  min-height: 830px;
}

.zi-83 {
  z-index: 83 !important;
}

.fs-83 {
  font-size: 83px !important;
}

.lh-83 {
  line-height: 83px !important;
}

.radius-83 {
  border-radius: 83px !important;
}

.maxw-840 {
  max-width: 840px;
}

.minw-840 {
  min-width: 840px;
}

.minh-840 {
  min-height: 840px;
}

.zi-84 {
  z-index: 84 !important;
}

.fs-84 {
  font-size: 84px !important;
}

.lh-84 {
  line-height: 84px !important;
}

.radius-84 {
  border-radius: 84px !important;
}

.maxw-850 {
  max-width: 850px;
}

.minw-850 {
  min-width: 850px;
}

.minh-850 {
  min-height: 850px;
}

.zi-85 {
  z-index: 85 !important;
}

.fs-85 {
  font-size: 85px !important;
}

.lh-85 {
  line-height: 85px !important;
}

.radius-85 {
  border-radius: 85px !important;
}

.maxw-860 {
  max-width: 860px;
}

.minw-860 {
  min-width: 860px;
}

.minh-860 {
  min-height: 860px;
}

.zi-86 {
  z-index: 86 !important;
}

.fs-86 {
  font-size: 86px !important;
}

.lh-86 {
  line-height: 86px !important;
}

.radius-86 {
  border-radius: 86px !important;
}

.maxw-870 {
  max-width: 870px;
}

.minw-870 {
  min-width: 870px;
}

.minh-870 {
  min-height: 870px;
}

.zi-87 {
  z-index: 87 !important;
}

.fs-87 {
  font-size: 87px !important;
}

.lh-87 {
  line-height: 87px !important;
}

.radius-87 {
  border-radius: 87px !important;
}

.maxw-880 {
  max-width: 880px;
}

.minw-880 {
  min-width: 880px;
}

.minh-880 {
  min-height: 880px;
}

.zi-88 {
  z-index: 88 !important;
}

.fs-88 {
  font-size: 88px !important;
}

.lh-88 {
  line-height: 88px !important;
}

.radius-88 {
  border-radius: 88px !important;
}

.maxw-890 {
  max-width: 890px;
}

.minw-890 {
  min-width: 890px;
}

.minh-890 {
  min-height: 890px;
}

.zi-89 {
  z-index: 89 !important;
}

.fs-89 {
  font-size: 89px !important;
}

.lh-89 {
  line-height: 89px !important;
}

.radius-89 {
  border-radius: 89px !important;
}

.maxw-900 {
  max-width: 900px;
}

.minw-900 {
  min-width: 900px;
}

.minh-900 {
  min-height: 900px;
}

.zi-90 {
  z-index: 90 !important;
}

.fs-90 {
  font-size: 90px !important;
}

.lh-90 {
  line-height: 90px !important;
}

.radius-90 {
  border-radius: 90px !important;
}

.maxw-910 {
  max-width: 910px;
}

.minw-910 {
  min-width: 910px;
}

.minh-910 {
  min-height: 910px;
}

.zi-91 {
  z-index: 91 !important;
}

.fs-91 {
  font-size: 91px !important;
}

.lh-91 {
  line-height: 91px !important;
}

.radius-91 {
  border-radius: 91px !important;
}

.maxw-920 {
  max-width: 920px;
}

.minw-920 {
  min-width: 920px;
}

.minh-920 {
  min-height: 920px;
}

.zi-92 {
  z-index: 92 !important;
}

.fs-92 {
  font-size: 92px !important;
}

.lh-92 {
  line-height: 92px !important;
}

.radius-92 {
  border-radius: 92px !important;
}

.maxw-930 {
  max-width: 930px;
}

.minw-930 {
  min-width: 930px;
}

.minh-930 {
  min-height: 930px;
}

.zi-93 {
  z-index: 93 !important;
}

.fs-93 {
  font-size: 93px !important;
}

.lh-93 {
  line-height: 93px !important;
}

.radius-93 {
  border-radius: 93px !important;
}

.maxw-940 {
  max-width: 940px;
}

.minw-940 {
  min-width: 940px;
}

.minh-940 {
  min-height: 940px;
}

.zi-94 {
  z-index: 94 !important;
}

.fs-94 {
  font-size: 94px !important;
}

.lh-94 {
  line-height: 94px !important;
}

.radius-94 {
  border-radius: 94px !important;
}

.maxw-950 {
  max-width: 950px;
}

.minw-950 {
  min-width: 950px;
}

.minh-950 {
  min-height: 950px;
}

.zi-95 {
  z-index: 95 !important;
}

.fs-95 {
  font-size: 95px !important;
}

.lh-95 {
  line-height: 95px !important;
}

.radius-95 {
  border-radius: 95px !important;
}

.maxw-960 {
  max-width: 960px;
}

.minw-960 {
  min-width: 960px;
}

.minh-960 {
  min-height: 960px;
}

.zi-96 {
  z-index: 96 !important;
}

.fs-96 {
  font-size: 96px !important;
}

.lh-96 {
  line-height: 96px !important;
}

.radius-96 {
  border-radius: 96px !important;
}

.maxw-970 {
  max-width: 970px;
}

.minw-970 {
  min-width: 970px;
}

.minh-970 {
  min-height: 970px;
}

.zi-97 {
  z-index: 97 !important;
}

.fs-97 {
  font-size: 97px !important;
}

.lh-97 {
  line-height: 97px !important;
}

.radius-97 {
  border-radius: 97px !important;
}

.maxw-980 {
  max-width: 980px;
}

.minw-980 {
  min-width: 980px;
}

.minh-980 {
  min-height: 980px;
}

.zi-98 {
  z-index: 98 !important;
}

.fs-98 {
  font-size: 98px !important;
}

.lh-98 {
  line-height: 98px !important;
}

.radius-98 {
  border-radius: 98px !important;
}

.maxw-990 {
  max-width: 990px;
}

.minw-990 {
  min-width: 990px;
}

.minh-990 {
  min-height: 990px;
}

.zi-99 {
  z-index: 99 !important;
}

.fs-99 {
  font-size: 99px !important;
}

.lh-99 {
  line-height: 99px !important;
}

.radius-99 {
  border-radius: 99px !important;
}

.maxw-1000 {
  max-width: 1000px;
}

.minw-1000 {
  min-width: 1000px;
}

.minh-1000 {
  min-height: 1000px;
}

.zi-100 {
  z-index: 100 !important;
}

.fs-100 {
  font-size: 100px !important;
}

.lh-100 {
  line-height: 100px !important;
}

.radius-100 {
  border-radius: 100px !important;
}

.hover-color-transparent:hover {
  color: transparent !important;
}

.hover-bg-color-transparent:hover {
  background-color: transparent !important;
}

.color-transparent {
  color: transparent !important;
}

.bg-color-transparent {
  background-color: transparent !important;
}

.hover-color-white:hover {
  color: #ffffff !important;
}

.hover-bg-color-white:hover {
  background-color: #ffffff !important;
}

.color-white {
  color: #ffffff !important;
}

.bg-color-white {
  background-color: #ffffff !important;
}

.hover-color-black:hover {
  color: #000000 !important;
}

.hover-bg-color-black:hover {
  background-color: #000000 !important;
}

.color-black {
  color: #000000 !important;
}

.bg-color-black {
  background-color: #000000 !important;
}

.hover-color-dirty-white:hover {
  color: #e5e5e5 !important;
}

.hover-bg-color-dirty-white:hover {
  background-color: #e5e5e5 !important;
}

.color-dirty-white {
  color: #e5e5e5 !important;
}

.bg-color-dirty-white {
  background-color: #e5e5e5 !important;
}

.hover-color-text-primary:hover {
  color: #263238 !important;
}

.hover-bg-color-text-primary:hover {
  background-color: #263238 !important;
}

.color-text-primary {
  color: #263238 !important;
}

.bg-color-text-primary {
  background-color: #263238 !important;
}

.hover-color-delete:hover {
  color: #808080 !important;
}

.hover-bg-color-delete:hover {
  background-color: #808080 !important;
}

.color-delete {
  color: #808080 !important;
}

.bg-color-delete {
  background-color: #808080 !important;
}

.hover-color-text-secondary:hover {
  color: #979797 !important;
}

.hover-bg-color-text-secondary:hover {
  background-color: #979797 !important;
}

.color-text-secondary {
  color: #979797 !important;
}

.bg-color-text-secondary {
  background-color: #979797 !important;
}

.hover-color-light-green:hover {
  color: #54dd8a !important;
}

.hover-bg-color-light-green:hover {
  background-color: #54dd8a !important;
}

.color-light-green {
  color: #54dd8a !important;
}

.bg-color-light-green {
  background-color: #54dd8a !important;
}

.hover-color-green:hover {
  color: #09b44d !important;
}

.hover-bg-color-green:hover {
  background-color: #09b44d !important;
}

.color-green {
  color: #09b44d !important;
}

.bg-color-green {
  background-color: #09b44d !important;
}

.hover-color-border:hover {
  color: #d2d2d2 !important;
}

.hover-bg-color-border:hover {
  background-color: #d2d2d2 !important;
}

.color-border {
  color: #d2d2d2 !important;
}

.bg-color-border {
  background-color: #d2d2d2 !important;
}

.hover-color-gray:hover {
  color: #f6f6f6 !important;
}

.hover-bg-color-gray:hover {
  background-color: #f6f6f6 !important;
}

.color-gray {
  color: #f6f6f6 !important;
}

.bg-color-gray {
  background-color: #f6f6f6 !important;
}

.hover-color-dark-gray:hover {
  color: #efefef !important;
}

.hover-bg-color-dark-gray:hover {
  background-color: #efefef !important;
}

.color-dark-gray {
  color: #efefef !important;
}

.bg-color-dark-gray {
  background-color: #efefef !important;
}

@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

* {
  touch-action: manipulation;
}

.mt-n2 {
  margin-top: -1rem;
}

.mt-n3 {
  margin-top: -1.75rem;
}

html {
  margin: 0px;
  padding: 0px;
  max-height: 100vh;
  overflow: hidden;
}

body {
  margin: 0px;
  padding: 0px;
}

#app {
  margin: 0px;
  padding: 0px;
  background: #ffffff !important;
  min-height: calc(80vh - 0px);
}

#page {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow-y: scroll !important;
  padding-bottom: 100px;
}

.clear-link {
  text-decoration: none !important;
}

.btn-monty {
  background: linear-gradient(180deg, #4ccd7f 0%, #09b44d 100%);
  border-radius: 12px !important;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
}

.btn-monty-light {
  background: linear-gradient(180deg, #ffffff 0%, #f6f6f6 100%);
  border-radius: 12px !important;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: #263238 !important;
}

.btn-orders {
  display: block;
  width: 50px;
  height: 50px;
  padding: 12px 15px;
}

.code-inputs .code-input {
  width: 55px;
  height: 55px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 27px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #d2d2d2;
  box-sizing: border-box;
  border-radius: 10px;
}

.search-input {
  border: none !important;
  height: 40px;
  background: transparent;
}

.search-input:focus {
  outline: none;
  outline-width: 0px !important;
}

.shadow-top {
  background: #ffffff;
  box-shadow: 0px -10px 30px rgba(0, 0, 0, 0.08);
  border-radius: 20px 20px 0px 0px;
}

.product-card {
  overflow: hidden;
}

.sale-badge {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 25px;
  width: auto;
  padding: 0px 10px;
  color: #ffffff;
  font-size: 15px;
  background-color: #565656;
  border-bottom-left-radius: 12px;
}

.swiper {
  overflow: hidden;
  position: relative;
  height: auto;
  width: 100%;
}

.swiper .swiper-slide {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.swiper .swiper-slide .icon {
  text-align: center;
}

.swiper-pagination {
  position: relative !important;
  min-height: 30px;
}

.swiper-pagination .swiper-pagination-bullet {
  display: inline-block;
  margin-right: 5px;
  position: relative !important;
  width: 10px;
  height: 4px;
  background: #54dd8a;
  border-radius: 5px;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 17px;
  height: 4px;
  background: #09b44d;
  border-radius: 5px;
}

.fade-enter-active,
.fade-leave-active {
  opacity: 1;
  position: relative;
  transform: translateY(0px);
  transition: all 0.3s ease-in;
}

.fade-enter,
.fade-leave-active {
  position: relative;
  opacity: 0;
  transform: translateY(20px);
}