/* Variables for colors and fonts (optional but recommended) */
/* Make all scrollbars thin */
::-webkit-scrollbar {
  width: 6px; /* Vertical scrollbar */
  height: 6px; /* Horizontal scrollbar */
}

/* Customize the thumb (scroll handle) */
::-webkit-scrollbar-thumb {
  background-color: #888; /* Thumb color */
  border-radius: 4px; /* Rounded corners */
}

/* Customize the track (scrollbar background) */
::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* Track color */
  border-radius: 4px;
}

/* Optional: Change thumb color on hover */
::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* Darker thumb color on hover */
}

.search-bar {
  font-size: 1.5em;
}

/* Font - Register */
@font-face {
  font-family: "Montserrat";
  src: url("../font/montserrat.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat Italic";
  src: url("../font/montserrat_i.ttf") format("truetype");
}
@font-face {
  font-family: "Monofett";
  src: url("../font/Monofett.ttf") format("truetype");
}
/* Monoton Font */
@font-face {
  font-family: "Monoton";
  src: url("../font/monoton.ttf") format("truetype");
}
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  user-select: none;
}
.close:hover, .close:focus {
  color: #000;
  cursor: pointer;
}

.monoton {
  font-family: "Monoton", Courier, monospace;
}

.montserrat {
  font-family: "Montserrat", sans-serif;
}

.montserrat-i {
  font-family: "Montserrat Italic", sans-serif;
}

.monofett {
  font-family: "Monofett", sans-serif;
}

/*Body Styling*/
body {
  font-size: 1em;
  padding: 0;
  margin: 0;
  font-family: "Montserrat";
}

.gradient-background {
  background: linear-gradient(to right, #caf4ff, #fff);
  width: 10%;
  height: 100%;
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
}

/*Margin Utility Classes*/
.font1 {
  font-size: 1em;
}

.rem-width1 {
  width: 1rem;
}

.height1vh {
  margin-top: 60px;
  height: calc(1vh - 60px) !important;
}

.rem-height1 {
  height: 1rem;
}

.margin1 {
  margin: 1%;
}

.gap1 {
  gap: 1%;
}

.marginVertical1 {
  margin-top: 1%;
  margin-bottom: 1%;
}

.marginTop1 {
  margin-top: 1%;
}

.marginBottom1 {
  margin-bottom: 1%;
}

.marginHorizontal1 {
  margin-left: 1%;
  margin-right: 1%;
}

.paddingHorizontal1 {
  padding-left: 1%;
  padding-right: 1%;
}

.paddingVertical1 {
  padding-top: 1%;
  padding-bottom: 1%;
}

.marginLeft1 {
  margin-left: 1%;
}

.marginRight1 {
  margin-right: 1%;
}

.width1 {
  width: 1% !important;
}

.height1 {
  height: 1% !important;
}

.gap1 {
  gap: 1% !important;
}

.font2 {
  font-size: 2em;
}

.rem-width2 {
  width: 2rem;
}

.height2vh {
  margin-top: 60px;
  height: calc(2vh - 60px) !important;
}

.rem-height2 {
  height: 2rem;
}

.margin2 {
  margin: 2%;
}

.gap2 {
  gap: 2%;
}

.marginVertical2 {
  margin-top: 2%;
  margin-bottom: 2%;
}

.marginTop2 {
  margin-top: 2%;
}

.marginBottom2 {
  margin-bottom: 2%;
}

.marginHorizontal2 {
  margin-left: 2%;
  margin-right: 2%;
}

.paddingHorizontal2 {
  padding-left: 2%;
  padding-right: 2%;
}

.paddingVertical2 {
  padding-top: 2%;
  padding-bottom: 2%;
}

.marginLeft2 {
  margin-left: 2%;
}

.marginRight2 {
  margin-right: 2%;
}

.width2 {
  width: 2% !important;
}

.height2 {
  height: 2% !important;
}

.gap2 {
  gap: 2% !important;
}

.font3 {
  font-size: 3em;
}

.rem-width3 {
  width: 3rem;
}

.height3vh {
  margin-top: 60px;
  height: calc(3vh - 60px) !important;
}

.rem-height3 {
  height: 3rem;
}

.margin3 {
  margin: 3%;
}

.gap3 {
  gap: 3%;
}

.marginVertical3 {
  margin-top: 3%;
  margin-bottom: 3%;
}

.marginTop3 {
  margin-top: 3%;
}

.marginBottom3 {
  margin-bottom: 3%;
}

.marginHorizontal3 {
  margin-left: 3%;
  margin-right: 3%;
}

.paddingHorizontal3 {
  padding-left: 3%;
  padding-right: 3%;
}

.paddingVertical3 {
  padding-top: 3%;
  padding-bottom: 3%;
}

.marginLeft3 {
  margin-left: 3%;
}

.marginRight3 {
  margin-right: 3%;
}

.width3 {
  width: 3% !important;
}

.height3 {
  height: 3% !important;
}

.gap3 {
  gap: 3% !important;
}

.font4 {
  font-size: 4em;
}

.rem-width4 {
  width: 4rem;
}

.height4vh {
  margin-top: 60px;
  height: calc(4vh - 60px) !important;
}

.rem-height4 {
  height: 4rem;
}

.margin4 {
  margin: 4%;
}

.gap4 {
  gap: 4%;
}

.marginVertical4 {
  margin-top: 4%;
  margin-bottom: 4%;
}

.marginTop4 {
  margin-top: 4%;
}

.marginBottom4 {
  margin-bottom: 4%;
}

.marginHorizontal4 {
  margin-left: 4%;
  margin-right: 4%;
}

.paddingHorizontal4 {
  padding-left: 4%;
  padding-right: 4%;
}

.paddingVertical4 {
  padding-top: 4%;
  padding-bottom: 4%;
}

.marginLeft4 {
  margin-left: 4%;
}

.marginRight4 {
  margin-right: 4%;
}

.width4 {
  width: 4% !important;
}

.height4 {
  height: 4% !important;
}

.gap4 {
  gap: 4% !important;
}

.font5 {
  font-size: 5em;
}

.rem-width5 {
  width: 5rem;
}

.height5vh {
  margin-top: 60px;
  height: calc(5vh - 60px) !important;
}

.rem-height5 {
  height: 5rem;
}

.margin5 {
  margin: 5%;
}

.gap5 {
  gap: 5%;
}

.marginVertical5 {
  margin-top: 5%;
  margin-bottom: 5%;
}

.marginTop5 {
  margin-top: 5%;
}

.marginBottom5 {
  margin-bottom: 5%;
}

.marginHorizontal5 {
  margin-left: 5%;
  margin-right: 5%;
}

.paddingHorizontal5 {
  padding-left: 5%;
  padding-right: 5%;
}

.paddingVertical5 {
  padding-top: 5%;
  padding-bottom: 5%;
}

.marginLeft5 {
  margin-left: 5%;
}

.marginRight5 {
  margin-right: 5%;
}

.width5 {
  width: 5% !important;
}

.height5 {
  height: 5% !important;
}

.gap5 {
  gap: 5% !important;
}

.font6 {
  font-size: 6em;
}

.rem-width6 {
  width: 6rem;
}

.height6vh {
  margin-top: 60px;
  height: calc(6vh - 60px) !important;
}

.rem-height6 {
  height: 6rem;
}

.margin6 {
  margin: 6%;
}

.gap6 {
  gap: 6%;
}

.marginVertical6 {
  margin-top: 6%;
  margin-bottom: 6%;
}

.marginTop6 {
  margin-top: 6%;
}

.marginBottom6 {
  margin-bottom: 6%;
}

.marginHorizontal6 {
  margin-left: 6%;
  margin-right: 6%;
}

.paddingHorizontal6 {
  padding-left: 6%;
  padding-right: 6%;
}

.paddingVertical6 {
  padding-top: 6%;
  padding-bottom: 6%;
}

.marginLeft6 {
  margin-left: 6%;
}

.marginRight6 {
  margin-right: 6%;
}

.width6 {
  width: 6% !important;
}

.height6 {
  height: 6% !important;
}

.gap6 {
  gap: 6% !important;
}

.font7 {
  font-size: 7em;
}

.rem-width7 {
  width: 7rem;
}

.height7vh {
  margin-top: 60px;
  height: calc(7vh - 60px) !important;
}

.rem-height7 {
  height: 7rem;
}

.margin7 {
  margin: 7%;
}

.gap7 {
  gap: 7%;
}

.marginVertical7 {
  margin-top: 7%;
  margin-bottom: 7%;
}

.marginTop7 {
  margin-top: 7%;
}

.marginBottom7 {
  margin-bottom: 7%;
}

.marginHorizontal7 {
  margin-left: 7%;
  margin-right: 7%;
}

.paddingHorizontal7 {
  padding-left: 7%;
  padding-right: 7%;
}

.paddingVertical7 {
  padding-top: 7%;
  padding-bottom: 7%;
}

.marginLeft7 {
  margin-left: 7%;
}

.marginRight7 {
  margin-right: 7%;
}

.width7 {
  width: 7% !important;
}

.height7 {
  height: 7% !important;
}

.gap7 {
  gap: 7% !important;
}

.font8 {
  font-size: 8em;
}

.rem-width8 {
  width: 8rem;
}

.height8vh {
  margin-top: 60px;
  height: calc(8vh - 60px) !important;
}

.rem-height8 {
  height: 8rem;
}

.margin8 {
  margin: 8%;
}

.gap8 {
  gap: 8%;
}

.marginVertical8 {
  margin-top: 8%;
  margin-bottom: 8%;
}

.marginTop8 {
  margin-top: 8%;
}

.marginBottom8 {
  margin-bottom: 8%;
}

.marginHorizontal8 {
  margin-left: 8%;
  margin-right: 8%;
}

.paddingHorizontal8 {
  padding-left: 8%;
  padding-right: 8%;
}

.paddingVertical8 {
  padding-top: 8%;
  padding-bottom: 8%;
}

.marginLeft8 {
  margin-left: 8%;
}

.marginRight8 {
  margin-right: 8%;
}

.width8 {
  width: 8% !important;
}

.height8 {
  height: 8% !important;
}

.gap8 {
  gap: 8% !important;
}

.font9 {
  font-size: 9em;
}

.rem-width9 {
  width: 9rem;
}

.height9vh {
  margin-top: 60px;
  height: calc(9vh - 60px) !important;
}

.rem-height9 {
  height: 9rem;
}

.margin9 {
  margin: 9%;
}

.gap9 {
  gap: 9%;
}

.marginVertical9 {
  margin-top: 9%;
  margin-bottom: 9%;
}

.marginTop9 {
  margin-top: 9%;
}

.marginBottom9 {
  margin-bottom: 9%;
}

.marginHorizontal9 {
  margin-left: 9%;
  margin-right: 9%;
}

.paddingHorizontal9 {
  padding-left: 9%;
  padding-right: 9%;
}

.paddingVertical9 {
  padding-top: 9%;
  padding-bottom: 9%;
}

.marginLeft9 {
  margin-left: 9%;
}

.marginRight9 {
  margin-right: 9%;
}

.width9 {
  width: 9% !important;
}

.height9 {
  height: 9% !important;
}

.gap9 {
  gap: 9% !important;
}

.font10 {
  font-size: 10em;
}

.rem-width10 {
  width: 10rem;
}

.height10vh {
  margin-top: 60px;
  height: calc(10vh - 60px) !important;
}

.rem-height10 {
  height: 10rem;
}

.margin10 {
  margin: 10%;
}

.gap10 {
  gap: 10%;
}

.marginVertical10 {
  margin-top: 10%;
  margin-bottom: 10%;
}

.marginTop10 {
  margin-top: 10%;
}

.marginBottom10 {
  margin-bottom: 10%;
}

.marginHorizontal10 {
  margin-left: 10%;
  margin-right: 10%;
}

.paddingHorizontal10 {
  padding-left: 10%;
  padding-right: 10%;
}

.paddingVertical10 {
  padding-top: 10%;
  padding-bottom: 10%;
}

.marginLeft10 {
  margin-left: 10%;
}

.marginRight10 {
  margin-right: 10%;
}

.width10 {
  width: 10% !important;
}

.height10 {
  height: 10% !important;
}

.gap10 {
  gap: 10% !important;
}

.font11 {
  font-size: 11em;
}

.rem-width11 {
  width: 11rem;
}

.height11vh {
  margin-top: 60px;
  height: calc(11vh - 60px) !important;
}

.rem-height11 {
  height: 11rem;
}

.margin11 {
  margin: 11%;
}

.gap11 {
  gap: 11%;
}

.marginVertical11 {
  margin-top: 11%;
  margin-bottom: 11%;
}

.marginTop11 {
  margin-top: 11%;
}

.marginBottom11 {
  margin-bottom: 11%;
}

.marginHorizontal11 {
  margin-left: 11%;
  margin-right: 11%;
}

.paddingHorizontal11 {
  padding-left: 11%;
  padding-right: 11%;
}

.paddingVertical11 {
  padding-top: 11%;
  padding-bottom: 11%;
}

.marginLeft11 {
  margin-left: 11%;
}

.marginRight11 {
  margin-right: 11%;
}

.width11 {
  width: 11% !important;
}

.height11 {
  height: 11% !important;
}

.gap11 {
  gap: 11% !important;
}

.font12 {
  font-size: 12em;
}

.rem-width12 {
  width: 12rem;
}

.height12vh {
  margin-top: 60px;
  height: calc(12vh - 60px) !important;
}

.rem-height12 {
  height: 12rem;
}

.margin12 {
  margin: 12%;
}

.gap12 {
  gap: 12%;
}

.marginVertical12 {
  margin-top: 12%;
  margin-bottom: 12%;
}

.marginTop12 {
  margin-top: 12%;
}

.marginBottom12 {
  margin-bottom: 12%;
}

.marginHorizontal12 {
  margin-left: 12%;
  margin-right: 12%;
}

.paddingHorizontal12 {
  padding-left: 12%;
  padding-right: 12%;
}

.paddingVertical12 {
  padding-top: 12%;
  padding-bottom: 12%;
}

.marginLeft12 {
  margin-left: 12%;
}

.marginRight12 {
  margin-right: 12%;
}

.width12 {
  width: 12% !important;
}

.height12 {
  height: 12% !important;
}

.gap12 {
  gap: 12% !important;
}

.font13 {
  font-size: 13em;
}

.rem-width13 {
  width: 13rem;
}

.height13vh {
  margin-top: 60px;
  height: calc(13vh - 60px) !important;
}

.rem-height13 {
  height: 13rem;
}

.margin13 {
  margin: 13%;
}

.gap13 {
  gap: 13%;
}

.marginVertical13 {
  margin-top: 13%;
  margin-bottom: 13%;
}

.marginTop13 {
  margin-top: 13%;
}

.marginBottom13 {
  margin-bottom: 13%;
}

.marginHorizontal13 {
  margin-left: 13%;
  margin-right: 13%;
}

.paddingHorizontal13 {
  padding-left: 13%;
  padding-right: 13%;
}

.paddingVertical13 {
  padding-top: 13%;
  padding-bottom: 13%;
}

.marginLeft13 {
  margin-left: 13%;
}

.marginRight13 {
  margin-right: 13%;
}

.width13 {
  width: 13% !important;
}

.height13 {
  height: 13% !important;
}

.gap13 {
  gap: 13% !important;
}

.font14 {
  font-size: 14em;
}

.rem-width14 {
  width: 14rem;
}

.height14vh {
  margin-top: 60px;
  height: calc(14vh - 60px) !important;
}

.rem-height14 {
  height: 14rem;
}

.margin14 {
  margin: 14%;
}

.gap14 {
  gap: 14%;
}

.marginVertical14 {
  margin-top: 14%;
  margin-bottom: 14%;
}

.marginTop14 {
  margin-top: 14%;
}

.marginBottom14 {
  margin-bottom: 14%;
}

.marginHorizontal14 {
  margin-left: 14%;
  margin-right: 14%;
}

.paddingHorizontal14 {
  padding-left: 14%;
  padding-right: 14%;
}

.paddingVertical14 {
  padding-top: 14%;
  padding-bottom: 14%;
}

.marginLeft14 {
  margin-left: 14%;
}

.marginRight14 {
  margin-right: 14%;
}

.width14 {
  width: 14% !important;
}

.height14 {
  height: 14% !important;
}

.gap14 {
  gap: 14% !important;
}

.font15 {
  font-size: 15em;
}

.rem-width15 {
  width: 15rem;
}

.height15vh {
  margin-top: 60px;
  height: calc(15vh - 60px) !important;
}

.rem-height15 {
  height: 15rem;
}

.margin15 {
  margin: 15%;
}

.gap15 {
  gap: 15%;
}

.marginVertical15 {
  margin-top: 15%;
  margin-bottom: 15%;
}

.marginTop15 {
  margin-top: 15%;
}

.marginBottom15 {
  margin-bottom: 15%;
}

.marginHorizontal15 {
  margin-left: 15%;
  margin-right: 15%;
}

.paddingHorizontal15 {
  padding-left: 15%;
  padding-right: 15%;
}

.paddingVertical15 {
  padding-top: 15%;
  padding-bottom: 15%;
}

.marginLeft15 {
  margin-left: 15%;
}

.marginRight15 {
  margin-right: 15%;
}

.width15 {
  width: 15% !important;
}

.height15 {
  height: 15% !important;
}

.gap15 {
  gap: 15% !important;
}

.font16 {
  font-size: 16em;
}

.rem-width16 {
  width: 16rem;
}

.height16vh {
  margin-top: 60px;
  height: calc(16vh - 60px) !important;
}

.rem-height16 {
  height: 16rem;
}

.margin16 {
  margin: 16%;
}

.gap16 {
  gap: 16%;
}

.marginVertical16 {
  margin-top: 16%;
  margin-bottom: 16%;
}

.marginTop16 {
  margin-top: 16%;
}

.marginBottom16 {
  margin-bottom: 16%;
}

.marginHorizontal16 {
  margin-left: 16%;
  margin-right: 16%;
}

.paddingHorizontal16 {
  padding-left: 16%;
  padding-right: 16%;
}

.paddingVertical16 {
  padding-top: 16%;
  padding-bottom: 16%;
}

.marginLeft16 {
  margin-left: 16%;
}

.marginRight16 {
  margin-right: 16%;
}

.width16 {
  width: 16% !important;
}

.height16 {
  height: 16% !important;
}

.gap16 {
  gap: 16% !important;
}

.font17 {
  font-size: 17em;
}

.rem-width17 {
  width: 17rem;
}

.height17vh {
  margin-top: 60px;
  height: calc(17vh - 60px) !important;
}

.rem-height17 {
  height: 17rem;
}

.margin17 {
  margin: 17%;
}

.gap17 {
  gap: 17%;
}

.marginVertical17 {
  margin-top: 17%;
  margin-bottom: 17%;
}

.marginTop17 {
  margin-top: 17%;
}

.marginBottom17 {
  margin-bottom: 17%;
}

.marginHorizontal17 {
  margin-left: 17%;
  margin-right: 17%;
}

.paddingHorizontal17 {
  padding-left: 17%;
  padding-right: 17%;
}

.paddingVertical17 {
  padding-top: 17%;
  padding-bottom: 17%;
}

.marginLeft17 {
  margin-left: 17%;
}

.marginRight17 {
  margin-right: 17%;
}

.width17 {
  width: 17% !important;
}

.height17 {
  height: 17% !important;
}

.gap17 {
  gap: 17% !important;
}

.font18 {
  font-size: 18em;
}

.rem-width18 {
  width: 18rem;
}

.height18vh {
  margin-top: 60px;
  height: calc(18vh - 60px) !important;
}

.rem-height18 {
  height: 18rem;
}

.margin18 {
  margin: 18%;
}

.gap18 {
  gap: 18%;
}

.marginVertical18 {
  margin-top: 18%;
  margin-bottom: 18%;
}

.marginTop18 {
  margin-top: 18%;
}

.marginBottom18 {
  margin-bottom: 18%;
}

.marginHorizontal18 {
  margin-left: 18%;
  margin-right: 18%;
}

.paddingHorizontal18 {
  padding-left: 18%;
  padding-right: 18%;
}

.paddingVertical18 {
  padding-top: 18%;
  padding-bottom: 18%;
}

.marginLeft18 {
  margin-left: 18%;
}

.marginRight18 {
  margin-right: 18%;
}

.width18 {
  width: 18% !important;
}

.height18 {
  height: 18% !important;
}

.gap18 {
  gap: 18% !important;
}

.font19 {
  font-size: 19em;
}

.rem-width19 {
  width: 19rem;
}

.height19vh {
  margin-top: 60px;
  height: calc(19vh - 60px) !important;
}

.rem-height19 {
  height: 19rem;
}

.margin19 {
  margin: 19%;
}

.gap19 {
  gap: 19%;
}

.marginVertical19 {
  margin-top: 19%;
  margin-bottom: 19%;
}

.marginTop19 {
  margin-top: 19%;
}

.marginBottom19 {
  margin-bottom: 19%;
}

.marginHorizontal19 {
  margin-left: 19%;
  margin-right: 19%;
}

.paddingHorizontal19 {
  padding-left: 19%;
  padding-right: 19%;
}

.paddingVertical19 {
  padding-top: 19%;
  padding-bottom: 19%;
}

.marginLeft19 {
  margin-left: 19%;
}

.marginRight19 {
  margin-right: 19%;
}

.width19 {
  width: 19% !important;
}

.height19 {
  height: 19% !important;
}

.gap19 {
  gap: 19% !important;
}

.font20 {
  font-size: 20em;
}

.rem-width20 {
  width: 20rem;
}

.height20vh {
  margin-top: 60px;
  height: calc(20vh - 60px) !important;
}

.rem-height20 {
  height: 20rem;
}

.margin20 {
  margin: 20%;
}

.gap20 {
  gap: 20%;
}

.marginVertical20 {
  margin-top: 20%;
  margin-bottom: 20%;
}

.marginTop20 {
  margin-top: 20%;
}

.marginBottom20 {
  margin-bottom: 20%;
}

.marginHorizontal20 {
  margin-left: 20%;
  margin-right: 20%;
}

.paddingHorizontal20 {
  padding-left: 20%;
  padding-right: 20%;
}

.paddingVertical20 {
  padding-top: 20%;
  padding-bottom: 20%;
}

.marginLeft20 {
  margin-left: 20%;
}

.marginRight20 {
  margin-right: 20%;
}

.width20 {
  width: 20% !important;
}

.height20 {
  height: 20% !important;
}

.gap20 {
  gap: 20% !important;
}

.font21 {
  font-size: 21em;
}

.rem-width21 {
  width: 21rem;
}

.height21vh {
  margin-top: 60px;
  height: calc(21vh - 60px) !important;
}

.rem-height21 {
  height: 21rem;
}

.margin21 {
  margin: 21%;
}

.gap21 {
  gap: 21%;
}

.marginVertical21 {
  margin-top: 21%;
  margin-bottom: 21%;
}

.marginTop21 {
  margin-top: 21%;
}

.marginBottom21 {
  margin-bottom: 21%;
}

.marginHorizontal21 {
  margin-left: 21%;
  margin-right: 21%;
}

.paddingHorizontal21 {
  padding-left: 21%;
  padding-right: 21%;
}

.paddingVertical21 {
  padding-top: 21%;
  padding-bottom: 21%;
}

.marginLeft21 {
  margin-left: 21%;
}

.marginRight21 {
  margin-right: 21%;
}

.width21 {
  width: 21% !important;
}

.height21 {
  height: 21% !important;
}

.gap21 {
  gap: 21% !important;
}

.font22 {
  font-size: 22em;
}

.rem-width22 {
  width: 22rem;
}

.height22vh {
  margin-top: 60px;
  height: calc(22vh - 60px) !important;
}

.rem-height22 {
  height: 22rem;
}

.margin22 {
  margin: 22%;
}

.gap22 {
  gap: 22%;
}

.marginVertical22 {
  margin-top: 22%;
  margin-bottom: 22%;
}

.marginTop22 {
  margin-top: 22%;
}

.marginBottom22 {
  margin-bottom: 22%;
}

.marginHorizontal22 {
  margin-left: 22%;
  margin-right: 22%;
}

.paddingHorizontal22 {
  padding-left: 22%;
  padding-right: 22%;
}

.paddingVertical22 {
  padding-top: 22%;
  padding-bottom: 22%;
}

.marginLeft22 {
  margin-left: 22%;
}

.marginRight22 {
  margin-right: 22%;
}

.width22 {
  width: 22% !important;
}

.height22 {
  height: 22% !important;
}

.gap22 {
  gap: 22% !important;
}

.font23 {
  font-size: 23em;
}

.rem-width23 {
  width: 23rem;
}

.height23vh {
  margin-top: 60px;
  height: calc(23vh - 60px) !important;
}

.rem-height23 {
  height: 23rem;
}

.margin23 {
  margin: 23%;
}

.gap23 {
  gap: 23%;
}

.marginVertical23 {
  margin-top: 23%;
  margin-bottom: 23%;
}

.marginTop23 {
  margin-top: 23%;
}

.marginBottom23 {
  margin-bottom: 23%;
}

.marginHorizontal23 {
  margin-left: 23%;
  margin-right: 23%;
}

.paddingHorizontal23 {
  padding-left: 23%;
  padding-right: 23%;
}

.paddingVertical23 {
  padding-top: 23%;
  padding-bottom: 23%;
}

.marginLeft23 {
  margin-left: 23%;
}

.marginRight23 {
  margin-right: 23%;
}

.width23 {
  width: 23% !important;
}

.height23 {
  height: 23% !important;
}

.gap23 {
  gap: 23% !important;
}

.font24 {
  font-size: 24em;
}

.rem-width24 {
  width: 24rem;
}

.height24vh {
  margin-top: 60px;
  height: calc(24vh - 60px) !important;
}

.rem-height24 {
  height: 24rem;
}

.margin24 {
  margin: 24%;
}

.gap24 {
  gap: 24%;
}

.marginVertical24 {
  margin-top: 24%;
  margin-bottom: 24%;
}

.marginTop24 {
  margin-top: 24%;
}

.marginBottom24 {
  margin-bottom: 24%;
}

.marginHorizontal24 {
  margin-left: 24%;
  margin-right: 24%;
}

.paddingHorizontal24 {
  padding-left: 24%;
  padding-right: 24%;
}

.paddingVertical24 {
  padding-top: 24%;
  padding-bottom: 24%;
}

.marginLeft24 {
  margin-left: 24%;
}

.marginRight24 {
  margin-right: 24%;
}

.width24 {
  width: 24% !important;
}

.height24 {
  height: 24% !important;
}

.gap24 {
  gap: 24% !important;
}

.font25 {
  font-size: 25em;
}

.rem-width25 {
  width: 25rem;
}

.height25vh {
  margin-top: 60px;
  height: calc(25vh - 60px) !important;
}

.rem-height25 {
  height: 25rem;
}

.margin25 {
  margin: 25%;
}

.gap25 {
  gap: 25%;
}

.marginVertical25 {
  margin-top: 25%;
  margin-bottom: 25%;
}

.marginTop25 {
  margin-top: 25%;
}

.marginBottom25 {
  margin-bottom: 25%;
}

.marginHorizontal25 {
  margin-left: 25%;
  margin-right: 25%;
}

.paddingHorizontal25 {
  padding-left: 25%;
  padding-right: 25%;
}

.paddingVertical25 {
  padding-top: 25%;
  padding-bottom: 25%;
}

.marginLeft25 {
  margin-left: 25%;
}

.marginRight25 {
  margin-right: 25%;
}

.width25 {
  width: 25% !important;
}

.height25 {
  height: 25% !important;
}

.gap25 {
  gap: 25% !important;
}

.font26 {
  font-size: 26em;
}

.rem-width26 {
  width: 26rem;
}

.height26vh {
  margin-top: 60px;
  height: calc(26vh - 60px) !important;
}

.rem-height26 {
  height: 26rem;
}

.margin26 {
  margin: 26%;
}

.gap26 {
  gap: 26%;
}

.marginVertical26 {
  margin-top: 26%;
  margin-bottom: 26%;
}

.marginTop26 {
  margin-top: 26%;
}

.marginBottom26 {
  margin-bottom: 26%;
}

.marginHorizontal26 {
  margin-left: 26%;
  margin-right: 26%;
}

.paddingHorizontal26 {
  padding-left: 26%;
  padding-right: 26%;
}

.paddingVertical26 {
  padding-top: 26%;
  padding-bottom: 26%;
}

.marginLeft26 {
  margin-left: 26%;
}

.marginRight26 {
  margin-right: 26%;
}

.width26 {
  width: 26% !important;
}

.height26 {
  height: 26% !important;
}

.gap26 {
  gap: 26% !important;
}

.font27 {
  font-size: 27em;
}

.rem-width27 {
  width: 27rem;
}

.height27vh {
  margin-top: 60px;
  height: calc(27vh - 60px) !important;
}

.rem-height27 {
  height: 27rem;
}

.margin27 {
  margin: 27%;
}

.gap27 {
  gap: 27%;
}

.marginVertical27 {
  margin-top: 27%;
  margin-bottom: 27%;
}

.marginTop27 {
  margin-top: 27%;
}

.marginBottom27 {
  margin-bottom: 27%;
}

.marginHorizontal27 {
  margin-left: 27%;
  margin-right: 27%;
}

.paddingHorizontal27 {
  padding-left: 27%;
  padding-right: 27%;
}

.paddingVertical27 {
  padding-top: 27%;
  padding-bottom: 27%;
}

.marginLeft27 {
  margin-left: 27%;
}

.marginRight27 {
  margin-right: 27%;
}

.width27 {
  width: 27% !important;
}

.height27 {
  height: 27% !important;
}

.gap27 {
  gap: 27% !important;
}

.font28 {
  font-size: 28em;
}

.rem-width28 {
  width: 28rem;
}

.height28vh {
  margin-top: 60px;
  height: calc(28vh - 60px) !important;
}

.rem-height28 {
  height: 28rem;
}

.margin28 {
  margin: 28%;
}

.gap28 {
  gap: 28%;
}

.marginVertical28 {
  margin-top: 28%;
  margin-bottom: 28%;
}

.marginTop28 {
  margin-top: 28%;
}

.marginBottom28 {
  margin-bottom: 28%;
}

.marginHorizontal28 {
  margin-left: 28%;
  margin-right: 28%;
}

.paddingHorizontal28 {
  padding-left: 28%;
  padding-right: 28%;
}

.paddingVertical28 {
  padding-top: 28%;
  padding-bottom: 28%;
}

.marginLeft28 {
  margin-left: 28%;
}

.marginRight28 {
  margin-right: 28%;
}

.width28 {
  width: 28% !important;
}

.height28 {
  height: 28% !important;
}

.gap28 {
  gap: 28% !important;
}

.font29 {
  font-size: 29em;
}

.rem-width29 {
  width: 29rem;
}

.height29vh {
  margin-top: 60px;
  height: calc(29vh - 60px) !important;
}

.rem-height29 {
  height: 29rem;
}

.margin29 {
  margin: 29%;
}

.gap29 {
  gap: 29%;
}

.marginVertical29 {
  margin-top: 29%;
  margin-bottom: 29%;
}

.marginTop29 {
  margin-top: 29%;
}

.marginBottom29 {
  margin-bottom: 29%;
}

.marginHorizontal29 {
  margin-left: 29%;
  margin-right: 29%;
}

.paddingHorizontal29 {
  padding-left: 29%;
  padding-right: 29%;
}

.paddingVertical29 {
  padding-top: 29%;
  padding-bottom: 29%;
}

.marginLeft29 {
  margin-left: 29%;
}

.marginRight29 {
  margin-right: 29%;
}

.width29 {
  width: 29% !important;
}

.height29 {
  height: 29% !important;
}

.gap29 {
  gap: 29% !important;
}

.font30 {
  font-size: 30em;
}

.rem-width30 {
  width: 30rem;
}

.height30vh {
  margin-top: 60px;
  height: calc(30vh - 60px) !important;
}

.rem-height30 {
  height: 30rem;
}

.margin30 {
  margin: 30%;
}

.gap30 {
  gap: 30%;
}

.marginVertical30 {
  margin-top: 30%;
  margin-bottom: 30%;
}

.marginTop30 {
  margin-top: 30%;
}

.marginBottom30 {
  margin-bottom: 30%;
}

.marginHorizontal30 {
  margin-left: 30%;
  margin-right: 30%;
}

.paddingHorizontal30 {
  padding-left: 30%;
  padding-right: 30%;
}

.paddingVertical30 {
  padding-top: 30%;
  padding-bottom: 30%;
}

.marginLeft30 {
  margin-left: 30%;
}

.marginRight30 {
  margin-right: 30%;
}

.width30 {
  width: 30% !important;
}

.height30 {
  height: 30% !important;
}

.gap30 {
  gap: 30% !important;
}

.font31 {
  font-size: 31em;
}

.rem-width31 {
  width: 31rem;
}

.height31vh {
  margin-top: 60px;
  height: calc(31vh - 60px) !important;
}

.rem-height31 {
  height: 31rem;
}

.margin31 {
  margin: 31%;
}

.gap31 {
  gap: 31%;
}

.marginVertical31 {
  margin-top: 31%;
  margin-bottom: 31%;
}

.marginTop31 {
  margin-top: 31%;
}

.marginBottom31 {
  margin-bottom: 31%;
}

.marginHorizontal31 {
  margin-left: 31%;
  margin-right: 31%;
}

.paddingHorizontal31 {
  padding-left: 31%;
  padding-right: 31%;
}

.paddingVertical31 {
  padding-top: 31%;
  padding-bottom: 31%;
}

.marginLeft31 {
  margin-left: 31%;
}

.marginRight31 {
  margin-right: 31%;
}

.width31 {
  width: 31% !important;
}

.height31 {
  height: 31% !important;
}

.gap31 {
  gap: 31% !important;
}

.font32 {
  font-size: 32em;
}

.rem-width32 {
  width: 32rem;
}

.height32vh {
  margin-top: 60px;
  height: calc(32vh - 60px) !important;
}

.rem-height32 {
  height: 32rem;
}

.margin32 {
  margin: 32%;
}

.gap32 {
  gap: 32%;
}

.marginVertical32 {
  margin-top: 32%;
  margin-bottom: 32%;
}

.marginTop32 {
  margin-top: 32%;
}

.marginBottom32 {
  margin-bottom: 32%;
}

.marginHorizontal32 {
  margin-left: 32%;
  margin-right: 32%;
}

.paddingHorizontal32 {
  padding-left: 32%;
  padding-right: 32%;
}

.paddingVertical32 {
  padding-top: 32%;
  padding-bottom: 32%;
}

.marginLeft32 {
  margin-left: 32%;
}

.marginRight32 {
  margin-right: 32%;
}

.width32 {
  width: 32% !important;
}

.height32 {
  height: 32% !important;
}

.gap32 {
  gap: 32% !important;
}

.font33 {
  font-size: 33em;
}

.rem-width33 {
  width: 33rem;
}

.height33vh {
  margin-top: 60px;
  height: calc(33vh - 60px) !important;
}

.rem-height33 {
  height: 33rem;
}

.margin33 {
  margin: 33%;
}

.gap33 {
  gap: 33%;
}

.marginVertical33 {
  margin-top: 33%;
  margin-bottom: 33%;
}

.marginTop33 {
  margin-top: 33%;
}

.marginBottom33 {
  margin-bottom: 33%;
}

.marginHorizontal33 {
  margin-left: 33%;
  margin-right: 33%;
}

.paddingHorizontal33 {
  padding-left: 33%;
  padding-right: 33%;
}

.paddingVertical33 {
  padding-top: 33%;
  padding-bottom: 33%;
}

.marginLeft33 {
  margin-left: 33%;
}

.marginRight33 {
  margin-right: 33%;
}

.width33 {
  width: 33% !important;
}

.height33 {
  height: 33% !important;
}

.gap33 {
  gap: 33% !important;
}

.font34 {
  font-size: 34em;
}

.rem-width34 {
  width: 34rem;
}

.height34vh {
  margin-top: 60px;
  height: calc(34vh - 60px) !important;
}

.rem-height34 {
  height: 34rem;
}

.margin34 {
  margin: 34%;
}

.gap34 {
  gap: 34%;
}

.marginVertical34 {
  margin-top: 34%;
  margin-bottom: 34%;
}

.marginTop34 {
  margin-top: 34%;
}

.marginBottom34 {
  margin-bottom: 34%;
}

.marginHorizontal34 {
  margin-left: 34%;
  margin-right: 34%;
}

.paddingHorizontal34 {
  padding-left: 34%;
  padding-right: 34%;
}

.paddingVertical34 {
  padding-top: 34%;
  padding-bottom: 34%;
}

.marginLeft34 {
  margin-left: 34%;
}

.marginRight34 {
  margin-right: 34%;
}

.width34 {
  width: 34% !important;
}

.height34 {
  height: 34% !important;
}

.gap34 {
  gap: 34% !important;
}

.font35 {
  font-size: 35em;
}

.rem-width35 {
  width: 35rem;
}

.height35vh {
  margin-top: 60px;
  height: calc(35vh - 60px) !important;
}

.rem-height35 {
  height: 35rem;
}

.margin35 {
  margin: 35%;
}

.gap35 {
  gap: 35%;
}

.marginVertical35 {
  margin-top: 35%;
  margin-bottom: 35%;
}

.marginTop35 {
  margin-top: 35%;
}

.marginBottom35 {
  margin-bottom: 35%;
}

.marginHorizontal35 {
  margin-left: 35%;
  margin-right: 35%;
}

.paddingHorizontal35 {
  padding-left: 35%;
  padding-right: 35%;
}

.paddingVertical35 {
  padding-top: 35%;
  padding-bottom: 35%;
}

.marginLeft35 {
  margin-left: 35%;
}

.marginRight35 {
  margin-right: 35%;
}

.width35 {
  width: 35% !important;
}

.height35 {
  height: 35% !important;
}

.gap35 {
  gap: 35% !important;
}

.font36 {
  font-size: 36em;
}

.rem-width36 {
  width: 36rem;
}

.height36vh {
  margin-top: 60px;
  height: calc(36vh - 60px) !important;
}

.rem-height36 {
  height: 36rem;
}

.margin36 {
  margin: 36%;
}

.gap36 {
  gap: 36%;
}

.marginVertical36 {
  margin-top: 36%;
  margin-bottom: 36%;
}

.marginTop36 {
  margin-top: 36%;
}

.marginBottom36 {
  margin-bottom: 36%;
}

.marginHorizontal36 {
  margin-left: 36%;
  margin-right: 36%;
}

.paddingHorizontal36 {
  padding-left: 36%;
  padding-right: 36%;
}

.paddingVertical36 {
  padding-top: 36%;
  padding-bottom: 36%;
}

.marginLeft36 {
  margin-left: 36%;
}

.marginRight36 {
  margin-right: 36%;
}

.width36 {
  width: 36% !important;
}

.height36 {
  height: 36% !important;
}

.gap36 {
  gap: 36% !important;
}

.font37 {
  font-size: 37em;
}

.rem-width37 {
  width: 37rem;
}

.height37vh {
  margin-top: 60px;
  height: calc(37vh - 60px) !important;
}

.rem-height37 {
  height: 37rem;
}

.margin37 {
  margin: 37%;
}

.gap37 {
  gap: 37%;
}

.marginVertical37 {
  margin-top: 37%;
  margin-bottom: 37%;
}

.marginTop37 {
  margin-top: 37%;
}

.marginBottom37 {
  margin-bottom: 37%;
}

.marginHorizontal37 {
  margin-left: 37%;
  margin-right: 37%;
}

.paddingHorizontal37 {
  padding-left: 37%;
  padding-right: 37%;
}

.paddingVertical37 {
  padding-top: 37%;
  padding-bottom: 37%;
}

.marginLeft37 {
  margin-left: 37%;
}

.marginRight37 {
  margin-right: 37%;
}

.width37 {
  width: 37% !important;
}

.height37 {
  height: 37% !important;
}

.gap37 {
  gap: 37% !important;
}

.font38 {
  font-size: 38em;
}

.rem-width38 {
  width: 38rem;
}

.height38vh {
  margin-top: 60px;
  height: calc(38vh - 60px) !important;
}

.rem-height38 {
  height: 38rem;
}

.margin38 {
  margin: 38%;
}

.gap38 {
  gap: 38%;
}

.marginVertical38 {
  margin-top: 38%;
  margin-bottom: 38%;
}

.marginTop38 {
  margin-top: 38%;
}

.marginBottom38 {
  margin-bottom: 38%;
}

.marginHorizontal38 {
  margin-left: 38%;
  margin-right: 38%;
}

.paddingHorizontal38 {
  padding-left: 38%;
  padding-right: 38%;
}

.paddingVertical38 {
  padding-top: 38%;
  padding-bottom: 38%;
}

.marginLeft38 {
  margin-left: 38%;
}

.marginRight38 {
  margin-right: 38%;
}

.width38 {
  width: 38% !important;
}

.height38 {
  height: 38% !important;
}

.gap38 {
  gap: 38% !important;
}

.font39 {
  font-size: 39em;
}

.rem-width39 {
  width: 39rem;
}

.height39vh {
  margin-top: 60px;
  height: calc(39vh - 60px) !important;
}

.rem-height39 {
  height: 39rem;
}

.margin39 {
  margin: 39%;
}

.gap39 {
  gap: 39%;
}

.marginVertical39 {
  margin-top: 39%;
  margin-bottom: 39%;
}

.marginTop39 {
  margin-top: 39%;
}

.marginBottom39 {
  margin-bottom: 39%;
}

.marginHorizontal39 {
  margin-left: 39%;
  margin-right: 39%;
}

.paddingHorizontal39 {
  padding-left: 39%;
  padding-right: 39%;
}

.paddingVertical39 {
  padding-top: 39%;
  padding-bottom: 39%;
}

.marginLeft39 {
  margin-left: 39%;
}

.marginRight39 {
  margin-right: 39%;
}

.width39 {
  width: 39% !important;
}

.height39 {
  height: 39% !important;
}

.gap39 {
  gap: 39% !important;
}

.font40 {
  font-size: 40em;
}

.rem-width40 {
  width: 40rem;
}

.height40vh {
  margin-top: 60px;
  height: calc(40vh - 60px) !important;
}

.rem-height40 {
  height: 40rem;
}

.margin40 {
  margin: 40%;
}

.gap40 {
  gap: 40%;
}

.marginVertical40 {
  margin-top: 40%;
  margin-bottom: 40%;
}

.marginTop40 {
  margin-top: 40%;
}

.marginBottom40 {
  margin-bottom: 40%;
}

.marginHorizontal40 {
  margin-left: 40%;
  margin-right: 40%;
}

.paddingHorizontal40 {
  padding-left: 40%;
  padding-right: 40%;
}

.paddingVertical40 {
  padding-top: 40%;
  padding-bottom: 40%;
}

.marginLeft40 {
  margin-left: 40%;
}

.marginRight40 {
  margin-right: 40%;
}

.width40 {
  width: 40% !important;
}

.height40 {
  height: 40% !important;
}

.gap40 {
  gap: 40% !important;
}

.font41 {
  font-size: 41em;
}

.rem-width41 {
  width: 41rem;
}

.height41vh {
  margin-top: 60px;
  height: calc(41vh - 60px) !important;
}

.rem-height41 {
  height: 41rem;
}

.margin41 {
  margin: 41%;
}

.gap41 {
  gap: 41%;
}

.marginVertical41 {
  margin-top: 41%;
  margin-bottom: 41%;
}

.marginTop41 {
  margin-top: 41%;
}

.marginBottom41 {
  margin-bottom: 41%;
}

.marginHorizontal41 {
  margin-left: 41%;
  margin-right: 41%;
}

.paddingHorizontal41 {
  padding-left: 41%;
  padding-right: 41%;
}

.paddingVertical41 {
  padding-top: 41%;
  padding-bottom: 41%;
}

.marginLeft41 {
  margin-left: 41%;
}

.marginRight41 {
  margin-right: 41%;
}

.width41 {
  width: 41% !important;
}

.height41 {
  height: 41% !important;
}

.gap41 {
  gap: 41% !important;
}

.font42 {
  font-size: 42em;
}

.rem-width42 {
  width: 42rem;
}

.height42vh {
  margin-top: 60px;
  height: calc(42vh - 60px) !important;
}

.rem-height42 {
  height: 42rem;
}

.margin42 {
  margin: 42%;
}

.gap42 {
  gap: 42%;
}

.marginVertical42 {
  margin-top: 42%;
  margin-bottom: 42%;
}

.marginTop42 {
  margin-top: 42%;
}

.marginBottom42 {
  margin-bottom: 42%;
}

.marginHorizontal42 {
  margin-left: 42%;
  margin-right: 42%;
}

.paddingHorizontal42 {
  padding-left: 42%;
  padding-right: 42%;
}

.paddingVertical42 {
  padding-top: 42%;
  padding-bottom: 42%;
}

.marginLeft42 {
  margin-left: 42%;
}

.marginRight42 {
  margin-right: 42%;
}

.width42 {
  width: 42% !important;
}

.height42 {
  height: 42% !important;
}

.gap42 {
  gap: 42% !important;
}

.font43 {
  font-size: 43em;
}

.rem-width43 {
  width: 43rem;
}

.height43vh {
  margin-top: 60px;
  height: calc(43vh - 60px) !important;
}

.rem-height43 {
  height: 43rem;
}

.margin43 {
  margin: 43%;
}

.gap43 {
  gap: 43%;
}

.marginVertical43 {
  margin-top: 43%;
  margin-bottom: 43%;
}

.marginTop43 {
  margin-top: 43%;
}

.marginBottom43 {
  margin-bottom: 43%;
}

.marginHorizontal43 {
  margin-left: 43%;
  margin-right: 43%;
}

.paddingHorizontal43 {
  padding-left: 43%;
  padding-right: 43%;
}

.paddingVertical43 {
  padding-top: 43%;
  padding-bottom: 43%;
}

.marginLeft43 {
  margin-left: 43%;
}

.marginRight43 {
  margin-right: 43%;
}

.width43 {
  width: 43% !important;
}

.height43 {
  height: 43% !important;
}

.gap43 {
  gap: 43% !important;
}

.font44 {
  font-size: 44em;
}

.rem-width44 {
  width: 44rem;
}

.height44vh {
  margin-top: 60px;
  height: calc(44vh - 60px) !important;
}

.rem-height44 {
  height: 44rem;
}

.margin44 {
  margin: 44%;
}

.gap44 {
  gap: 44%;
}

.marginVertical44 {
  margin-top: 44%;
  margin-bottom: 44%;
}

.marginTop44 {
  margin-top: 44%;
}

.marginBottom44 {
  margin-bottom: 44%;
}

.marginHorizontal44 {
  margin-left: 44%;
  margin-right: 44%;
}

.paddingHorizontal44 {
  padding-left: 44%;
  padding-right: 44%;
}

.paddingVertical44 {
  padding-top: 44%;
  padding-bottom: 44%;
}

.marginLeft44 {
  margin-left: 44%;
}

.marginRight44 {
  margin-right: 44%;
}

.width44 {
  width: 44% !important;
}

.height44 {
  height: 44% !important;
}

.gap44 {
  gap: 44% !important;
}

.font45 {
  font-size: 45em;
}

.rem-width45 {
  width: 45rem;
}

.height45vh {
  margin-top: 60px;
  height: calc(45vh - 60px) !important;
}

.rem-height45 {
  height: 45rem;
}

.margin45 {
  margin: 45%;
}

.gap45 {
  gap: 45%;
}

.marginVertical45 {
  margin-top: 45%;
  margin-bottom: 45%;
}

.marginTop45 {
  margin-top: 45%;
}

.marginBottom45 {
  margin-bottom: 45%;
}

.marginHorizontal45 {
  margin-left: 45%;
  margin-right: 45%;
}

.paddingHorizontal45 {
  padding-left: 45%;
  padding-right: 45%;
}

.paddingVertical45 {
  padding-top: 45%;
  padding-bottom: 45%;
}

.marginLeft45 {
  margin-left: 45%;
}

.marginRight45 {
  margin-right: 45%;
}

.width45 {
  width: 45% !important;
}

.height45 {
  height: 45% !important;
}

.gap45 {
  gap: 45% !important;
}

.font46 {
  font-size: 46em;
}

.rem-width46 {
  width: 46rem;
}

.height46vh {
  margin-top: 60px;
  height: calc(46vh - 60px) !important;
}

.rem-height46 {
  height: 46rem;
}

.margin46 {
  margin: 46%;
}

.gap46 {
  gap: 46%;
}

.marginVertical46 {
  margin-top: 46%;
  margin-bottom: 46%;
}

.marginTop46 {
  margin-top: 46%;
}

.marginBottom46 {
  margin-bottom: 46%;
}

.marginHorizontal46 {
  margin-left: 46%;
  margin-right: 46%;
}

.paddingHorizontal46 {
  padding-left: 46%;
  padding-right: 46%;
}

.paddingVertical46 {
  padding-top: 46%;
  padding-bottom: 46%;
}

.marginLeft46 {
  margin-left: 46%;
}

.marginRight46 {
  margin-right: 46%;
}

.width46 {
  width: 46% !important;
}

.height46 {
  height: 46% !important;
}

.gap46 {
  gap: 46% !important;
}

.font47 {
  font-size: 47em;
}

.rem-width47 {
  width: 47rem;
}

.height47vh {
  margin-top: 60px;
  height: calc(47vh - 60px) !important;
}

.rem-height47 {
  height: 47rem;
}

.margin47 {
  margin: 47%;
}

.gap47 {
  gap: 47%;
}

.marginVertical47 {
  margin-top: 47%;
  margin-bottom: 47%;
}

.marginTop47 {
  margin-top: 47%;
}

.marginBottom47 {
  margin-bottom: 47%;
}

.marginHorizontal47 {
  margin-left: 47%;
  margin-right: 47%;
}

.paddingHorizontal47 {
  padding-left: 47%;
  padding-right: 47%;
}

.paddingVertical47 {
  padding-top: 47%;
  padding-bottom: 47%;
}

.marginLeft47 {
  margin-left: 47%;
}

.marginRight47 {
  margin-right: 47%;
}

.width47 {
  width: 47% !important;
}

.height47 {
  height: 47% !important;
}

.gap47 {
  gap: 47% !important;
}

.font48 {
  font-size: 48em;
}

.rem-width48 {
  width: 48rem;
}

.height48vh {
  margin-top: 60px;
  height: calc(48vh - 60px) !important;
}

.rem-height48 {
  height: 48rem;
}

.margin48 {
  margin: 48%;
}

.gap48 {
  gap: 48%;
}

.marginVertical48 {
  margin-top: 48%;
  margin-bottom: 48%;
}

.marginTop48 {
  margin-top: 48%;
}

.marginBottom48 {
  margin-bottom: 48%;
}

.marginHorizontal48 {
  margin-left: 48%;
  margin-right: 48%;
}

.paddingHorizontal48 {
  padding-left: 48%;
  padding-right: 48%;
}

.paddingVertical48 {
  padding-top: 48%;
  padding-bottom: 48%;
}

.marginLeft48 {
  margin-left: 48%;
}

.marginRight48 {
  margin-right: 48%;
}

.width48 {
  width: 48% !important;
}

.height48 {
  height: 48% !important;
}

.gap48 {
  gap: 48% !important;
}

.font49 {
  font-size: 49em;
}

.rem-width49 {
  width: 49rem;
}

.height49vh {
  margin-top: 60px;
  height: calc(49vh - 60px) !important;
}

.rem-height49 {
  height: 49rem;
}

.margin49 {
  margin: 49%;
}

.gap49 {
  gap: 49%;
}

.marginVertical49 {
  margin-top: 49%;
  margin-bottom: 49%;
}

.marginTop49 {
  margin-top: 49%;
}

.marginBottom49 {
  margin-bottom: 49%;
}

.marginHorizontal49 {
  margin-left: 49%;
  margin-right: 49%;
}

.paddingHorizontal49 {
  padding-left: 49%;
  padding-right: 49%;
}

.paddingVertical49 {
  padding-top: 49%;
  padding-bottom: 49%;
}

.marginLeft49 {
  margin-left: 49%;
}

.marginRight49 {
  margin-right: 49%;
}

.width49 {
  width: 49% !important;
}

.height49 {
  height: 49% !important;
}

.gap49 {
  gap: 49% !important;
}

.font50 {
  font-size: 50em;
}

.rem-width50 {
  width: 50rem;
}

.height50vh {
  margin-top: 60px;
  height: calc(50vh - 60px) !important;
}

.rem-height50 {
  height: 50rem;
}

.margin50 {
  margin: 50%;
}

.gap50 {
  gap: 50%;
}

.marginVertical50 {
  margin-top: 50%;
  margin-bottom: 50%;
}

.marginTop50 {
  margin-top: 50%;
}

.marginBottom50 {
  margin-bottom: 50%;
}

.marginHorizontal50 {
  margin-left: 50%;
  margin-right: 50%;
}

.paddingHorizontal50 {
  padding-left: 50%;
  padding-right: 50%;
}

.paddingVertical50 {
  padding-top: 50%;
  padding-bottom: 50%;
}

.marginLeft50 {
  margin-left: 50%;
}

.marginRight50 {
  margin-right: 50%;
}

.width50 {
  width: 50% !important;
}

.height50 {
  height: 50% !important;
}

.gap50 {
  gap: 50% !important;
}

.font51 {
  font-size: 51em;
}

.rem-width51 {
  width: 51rem;
}

.height51vh {
  margin-top: 60px;
  height: calc(51vh - 60px) !important;
}

.rem-height51 {
  height: 51rem;
}

.margin51 {
  margin: 51%;
}

.gap51 {
  gap: 51%;
}

.marginVertical51 {
  margin-top: 51%;
  margin-bottom: 51%;
}

.marginTop51 {
  margin-top: 51%;
}

.marginBottom51 {
  margin-bottom: 51%;
}

.marginHorizontal51 {
  margin-left: 51%;
  margin-right: 51%;
}

.paddingHorizontal51 {
  padding-left: 51%;
  padding-right: 51%;
}

.paddingVertical51 {
  padding-top: 51%;
  padding-bottom: 51%;
}

.marginLeft51 {
  margin-left: 51%;
}

.marginRight51 {
  margin-right: 51%;
}

.width51 {
  width: 51% !important;
}

.height51 {
  height: 51% !important;
}

.gap51 {
  gap: 51% !important;
}

.font52 {
  font-size: 52em;
}

.rem-width52 {
  width: 52rem;
}

.height52vh {
  margin-top: 60px;
  height: calc(52vh - 60px) !important;
}

.rem-height52 {
  height: 52rem;
}

.margin52 {
  margin: 52%;
}

.gap52 {
  gap: 52%;
}

.marginVertical52 {
  margin-top: 52%;
  margin-bottom: 52%;
}

.marginTop52 {
  margin-top: 52%;
}

.marginBottom52 {
  margin-bottom: 52%;
}

.marginHorizontal52 {
  margin-left: 52%;
  margin-right: 52%;
}

.paddingHorizontal52 {
  padding-left: 52%;
  padding-right: 52%;
}

.paddingVertical52 {
  padding-top: 52%;
  padding-bottom: 52%;
}

.marginLeft52 {
  margin-left: 52%;
}

.marginRight52 {
  margin-right: 52%;
}

.width52 {
  width: 52% !important;
}

.height52 {
  height: 52% !important;
}

.gap52 {
  gap: 52% !important;
}

.font53 {
  font-size: 53em;
}

.rem-width53 {
  width: 53rem;
}

.height53vh {
  margin-top: 60px;
  height: calc(53vh - 60px) !important;
}

.rem-height53 {
  height: 53rem;
}

.margin53 {
  margin: 53%;
}

.gap53 {
  gap: 53%;
}

.marginVertical53 {
  margin-top: 53%;
  margin-bottom: 53%;
}

.marginTop53 {
  margin-top: 53%;
}

.marginBottom53 {
  margin-bottom: 53%;
}

.marginHorizontal53 {
  margin-left: 53%;
  margin-right: 53%;
}

.paddingHorizontal53 {
  padding-left: 53%;
  padding-right: 53%;
}

.paddingVertical53 {
  padding-top: 53%;
  padding-bottom: 53%;
}

.marginLeft53 {
  margin-left: 53%;
}

.marginRight53 {
  margin-right: 53%;
}

.width53 {
  width: 53% !important;
}

.height53 {
  height: 53% !important;
}

.gap53 {
  gap: 53% !important;
}

.font54 {
  font-size: 54em;
}

.rem-width54 {
  width: 54rem;
}

.height54vh {
  margin-top: 60px;
  height: calc(54vh - 60px) !important;
}

.rem-height54 {
  height: 54rem;
}

.margin54 {
  margin: 54%;
}

.gap54 {
  gap: 54%;
}

.marginVertical54 {
  margin-top: 54%;
  margin-bottom: 54%;
}

.marginTop54 {
  margin-top: 54%;
}

.marginBottom54 {
  margin-bottom: 54%;
}

.marginHorizontal54 {
  margin-left: 54%;
  margin-right: 54%;
}

.paddingHorizontal54 {
  padding-left: 54%;
  padding-right: 54%;
}

.paddingVertical54 {
  padding-top: 54%;
  padding-bottom: 54%;
}

.marginLeft54 {
  margin-left: 54%;
}

.marginRight54 {
  margin-right: 54%;
}

.width54 {
  width: 54% !important;
}

.height54 {
  height: 54% !important;
}

.gap54 {
  gap: 54% !important;
}

.font55 {
  font-size: 55em;
}

.rem-width55 {
  width: 55rem;
}

.height55vh {
  margin-top: 60px;
  height: calc(55vh - 60px) !important;
}

.rem-height55 {
  height: 55rem;
}

.margin55 {
  margin: 55%;
}

.gap55 {
  gap: 55%;
}

.marginVertical55 {
  margin-top: 55%;
  margin-bottom: 55%;
}

.marginTop55 {
  margin-top: 55%;
}

.marginBottom55 {
  margin-bottom: 55%;
}

.marginHorizontal55 {
  margin-left: 55%;
  margin-right: 55%;
}

.paddingHorizontal55 {
  padding-left: 55%;
  padding-right: 55%;
}

.paddingVertical55 {
  padding-top: 55%;
  padding-bottom: 55%;
}

.marginLeft55 {
  margin-left: 55%;
}

.marginRight55 {
  margin-right: 55%;
}

.width55 {
  width: 55% !important;
}

.height55 {
  height: 55% !important;
}

.gap55 {
  gap: 55% !important;
}

.font56 {
  font-size: 56em;
}

.rem-width56 {
  width: 56rem;
}

.height56vh {
  margin-top: 60px;
  height: calc(56vh - 60px) !important;
}

.rem-height56 {
  height: 56rem;
}

.margin56 {
  margin: 56%;
}

.gap56 {
  gap: 56%;
}

.marginVertical56 {
  margin-top: 56%;
  margin-bottom: 56%;
}

.marginTop56 {
  margin-top: 56%;
}

.marginBottom56 {
  margin-bottom: 56%;
}

.marginHorizontal56 {
  margin-left: 56%;
  margin-right: 56%;
}

.paddingHorizontal56 {
  padding-left: 56%;
  padding-right: 56%;
}

.paddingVertical56 {
  padding-top: 56%;
  padding-bottom: 56%;
}

.marginLeft56 {
  margin-left: 56%;
}

.marginRight56 {
  margin-right: 56%;
}

.width56 {
  width: 56% !important;
}

.height56 {
  height: 56% !important;
}

.gap56 {
  gap: 56% !important;
}

.font57 {
  font-size: 57em;
}

.rem-width57 {
  width: 57rem;
}

.height57vh {
  margin-top: 60px;
  height: calc(57vh - 60px) !important;
}

.rem-height57 {
  height: 57rem;
}

.margin57 {
  margin: 57%;
}

.gap57 {
  gap: 57%;
}

.marginVertical57 {
  margin-top: 57%;
  margin-bottom: 57%;
}

.marginTop57 {
  margin-top: 57%;
}

.marginBottom57 {
  margin-bottom: 57%;
}

.marginHorizontal57 {
  margin-left: 57%;
  margin-right: 57%;
}

.paddingHorizontal57 {
  padding-left: 57%;
  padding-right: 57%;
}

.paddingVertical57 {
  padding-top: 57%;
  padding-bottom: 57%;
}

.marginLeft57 {
  margin-left: 57%;
}

.marginRight57 {
  margin-right: 57%;
}

.width57 {
  width: 57% !important;
}

.height57 {
  height: 57% !important;
}

.gap57 {
  gap: 57% !important;
}

.font58 {
  font-size: 58em;
}

.rem-width58 {
  width: 58rem;
}

.height58vh {
  margin-top: 60px;
  height: calc(58vh - 60px) !important;
}

.rem-height58 {
  height: 58rem;
}

.margin58 {
  margin: 58%;
}

.gap58 {
  gap: 58%;
}

.marginVertical58 {
  margin-top: 58%;
  margin-bottom: 58%;
}

.marginTop58 {
  margin-top: 58%;
}

.marginBottom58 {
  margin-bottom: 58%;
}

.marginHorizontal58 {
  margin-left: 58%;
  margin-right: 58%;
}

.paddingHorizontal58 {
  padding-left: 58%;
  padding-right: 58%;
}

.paddingVertical58 {
  padding-top: 58%;
  padding-bottom: 58%;
}

.marginLeft58 {
  margin-left: 58%;
}

.marginRight58 {
  margin-right: 58%;
}

.width58 {
  width: 58% !important;
}

.height58 {
  height: 58% !important;
}

.gap58 {
  gap: 58% !important;
}

.font59 {
  font-size: 59em;
}

.rem-width59 {
  width: 59rem;
}

.height59vh {
  margin-top: 60px;
  height: calc(59vh - 60px) !important;
}

.rem-height59 {
  height: 59rem;
}

.margin59 {
  margin: 59%;
}

.gap59 {
  gap: 59%;
}

.marginVertical59 {
  margin-top: 59%;
  margin-bottom: 59%;
}

.marginTop59 {
  margin-top: 59%;
}

.marginBottom59 {
  margin-bottom: 59%;
}

.marginHorizontal59 {
  margin-left: 59%;
  margin-right: 59%;
}

.paddingHorizontal59 {
  padding-left: 59%;
  padding-right: 59%;
}

.paddingVertical59 {
  padding-top: 59%;
  padding-bottom: 59%;
}

.marginLeft59 {
  margin-left: 59%;
}

.marginRight59 {
  margin-right: 59%;
}

.width59 {
  width: 59% !important;
}

.height59 {
  height: 59% !important;
}

.gap59 {
  gap: 59% !important;
}

.font60 {
  font-size: 60em;
}

.rem-width60 {
  width: 60rem;
}

.height60vh {
  margin-top: 60px;
  height: calc(60vh - 60px) !important;
}

.rem-height60 {
  height: 60rem;
}

.margin60 {
  margin: 60%;
}

.gap60 {
  gap: 60%;
}

.marginVertical60 {
  margin-top: 60%;
  margin-bottom: 60%;
}

.marginTop60 {
  margin-top: 60%;
}

.marginBottom60 {
  margin-bottom: 60%;
}

.marginHorizontal60 {
  margin-left: 60%;
  margin-right: 60%;
}

.paddingHorizontal60 {
  padding-left: 60%;
  padding-right: 60%;
}

.paddingVertical60 {
  padding-top: 60%;
  padding-bottom: 60%;
}

.marginLeft60 {
  margin-left: 60%;
}

.marginRight60 {
  margin-right: 60%;
}

.width60 {
  width: 60% !important;
}

.height60 {
  height: 60% !important;
}

.gap60 {
  gap: 60% !important;
}

.font61 {
  font-size: 61em;
}

.rem-width61 {
  width: 61rem;
}

.height61vh {
  margin-top: 60px;
  height: calc(61vh - 60px) !important;
}

.rem-height61 {
  height: 61rem;
}

.margin61 {
  margin: 61%;
}

.gap61 {
  gap: 61%;
}

.marginVertical61 {
  margin-top: 61%;
  margin-bottom: 61%;
}

.marginTop61 {
  margin-top: 61%;
}

.marginBottom61 {
  margin-bottom: 61%;
}

.marginHorizontal61 {
  margin-left: 61%;
  margin-right: 61%;
}

.paddingHorizontal61 {
  padding-left: 61%;
  padding-right: 61%;
}

.paddingVertical61 {
  padding-top: 61%;
  padding-bottom: 61%;
}

.marginLeft61 {
  margin-left: 61%;
}

.marginRight61 {
  margin-right: 61%;
}

.width61 {
  width: 61% !important;
}

.height61 {
  height: 61% !important;
}

.gap61 {
  gap: 61% !important;
}

.font62 {
  font-size: 62em;
}

.rem-width62 {
  width: 62rem;
}

.height62vh {
  margin-top: 60px;
  height: calc(62vh - 60px) !important;
}

.rem-height62 {
  height: 62rem;
}

.margin62 {
  margin: 62%;
}

.gap62 {
  gap: 62%;
}

.marginVertical62 {
  margin-top: 62%;
  margin-bottom: 62%;
}

.marginTop62 {
  margin-top: 62%;
}

.marginBottom62 {
  margin-bottom: 62%;
}

.marginHorizontal62 {
  margin-left: 62%;
  margin-right: 62%;
}

.paddingHorizontal62 {
  padding-left: 62%;
  padding-right: 62%;
}

.paddingVertical62 {
  padding-top: 62%;
  padding-bottom: 62%;
}

.marginLeft62 {
  margin-left: 62%;
}

.marginRight62 {
  margin-right: 62%;
}

.width62 {
  width: 62% !important;
}

.height62 {
  height: 62% !important;
}

.gap62 {
  gap: 62% !important;
}

.font63 {
  font-size: 63em;
}

.rem-width63 {
  width: 63rem;
}

.height63vh {
  margin-top: 60px;
  height: calc(63vh - 60px) !important;
}

.rem-height63 {
  height: 63rem;
}

.margin63 {
  margin: 63%;
}

.gap63 {
  gap: 63%;
}

.marginVertical63 {
  margin-top: 63%;
  margin-bottom: 63%;
}

.marginTop63 {
  margin-top: 63%;
}

.marginBottom63 {
  margin-bottom: 63%;
}

.marginHorizontal63 {
  margin-left: 63%;
  margin-right: 63%;
}

.paddingHorizontal63 {
  padding-left: 63%;
  padding-right: 63%;
}

.paddingVertical63 {
  padding-top: 63%;
  padding-bottom: 63%;
}

.marginLeft63 {
  margin-left: 63%;
}

.marginRight63 {
  margin-right: 63%;
}

.width63 {
  width: 63% !important;
}

.height63 {
  height: 63% !important;
}

.gap63 {
  gap: 63% !important;
}

.font64 {
  font-size: 64em;
}

.rem-width64 {
  width: 64rem;
}

.height64vh {
  margin-top: 60px;
  height: calc(64vh - 60px) !important;
}

.rem-height64 {
  height: 64rem;
}

.margin64 {
  margin: 64%;
}

.gap64 {
  gap: 64%;
}

.marginVertical64 {
  margin-top: 64%;
  margin-bottom: 64%;
}

.marginTop64 {
  margin-top: 64%;
}

.marginBottom64 {
  margin-bottom: 64%;
}

.marginHorizontal64 {
  margin-left: 64%;
  margin-right: 64%;
}

.paddingHorizontal64 {
  padding-left: 64%;
  padding-right: 64%;
}

.paddingVertical64 {
  padding-top: 64%;
  padding-bottom: 64%;
}

.marginLeft64 {
  margin-left: 64%;
}

.marginRight64 {
  margin-right: 64%;
}

.width64 {
  width: 64% !important;
}

.height64 {
  height: 64% !important;
}

.gap64 {
  gap: 64% !important;
}

.font65 {
  font-size: 65em;
}

.rem-width65 {
  width: 65rem;
}

.height65vh {
  margin-top: 60px;
  height: calc(65vh - 60px) !important;
}

.rem-height65 {
  height: 65rem;
}

.margin65 {
  margin: 65%;
}

.gap65 {
  gap: 65%;
}

.marginVertical65 {
  margin-top: 65%;
  margin-bottom: 65%;
}

.marginTop65 {
  margin-top: 65%;
}

.marginBottom65 {
  margin-bottom: 65%;
}

.marginHorizontal65 {
  margin-left: 65%;
  margin-right: 65%;
}

.paddingHorizontal65 {
  padding-left: 65%;
  padding-right: 65%;
}

.paddingVertical65 {
  padding-top: 65%;
  padding-bottom: 65%;
}

.marginLeft65 {
  margin-left: 65%;
}

.marginRight65 {
  margin-right: 65%;
}

.width65 {
  width: 65% !important;
}

.height65 {
  height: 65% !important;
}

.gap65 {
  gap: 65% !important;
}

.font66 {
  font-size: 66em;
}

.rem-width66 {
  width: 66rem;
}

.height66vh {
  margin-top: 60px;
  height: calc(66vh - 60px) !important;
}

.rem-height66 {
  height: 66rem;
}

.margin66 {
  margin: 66%;
}

.gap66 {
  gap: 66%;
}

.marginVertical66 {
  margin-top: 66%;
  margin-bottom: 66%;
}

.marginTop66 {
  margin-top: 66%;
}

.marginBottom66 {
  margin-bottom: 66%;
}

.marginHorizontal66 {
  margin-left: 66%;
  margin-right: 66%;
}

.paddingHorizontal66 {
  padding-left: 66%;
  padding-right: 66%;
}

.paddingVertical66 {
  padding-top: 66%;
  padding-bottom: 66%;
}

.marginLeft66 {
  margin-left: 66%;
}

.marginRight66 {
  margin-right: 66%;
}

.width66 {
  width: 66% !important;
}

.height66 {
  height: 66% !important;
}

.gap66 {
  gap: 66% !important;
}

.font67 {
  font-size: 67em;
}

.rem-width67 {
  width: 67rem;
}

.height67vh {
  margin-top: 60px;
  height: calc(67vh - 60px) !important;
}

.rem-height67 {
  height: 67rem;
}

.margin67 {
  margin: 67%;
}

.gap67 {
  gap: 67%;
}

.marginVertical67 {
  margin-top: 67%;
  margin-bottom: 67%;
}

.marginTop67 {
  margin-top: 67%;
}

.marginBottom67 {
  margin-bottom: 67%;
}

.marginHorizontal67 {
  margin-left: 67%;
  margin-right: 67%;
}

.paddingHorizontal67 {
  padding-left: 67%;
  padding-right: 67%;
}

.paddingVertical67 {
  padding-top: 67%;
  padding-bottom: 67%;
}

.marginLeft67 {
  margin-left: 67%;
}

.marginRight67 {
  margin-right: 67%;
}

.width67 {
  width: 67% !important;
}

.height67 {
  height: 67% !important;
}

.gap67 {
  gap: 67% !important;
}

.font68 {
  font-size: 68em;
}

.rem-width68 {
  width: 68rem;
}

.height68vh {
  margin-top: 60px;
  height: calc(68vh - 60px) !important;
}

.rem-height68 {
  height: 68rem;
}

.margin68 {
  margin: 68%;
}

.gap68 {
  gap: 68%;
}

.marginVertical68 {
  margin-top: 68%;
  margin-bottom: 68%;
}

.marginTop68 {
  margin-top: 68%;
}

.marginBottom68 {
  margin-bottom: 68%;
}

.marginHorizontal68 {
  margin-left: 68%;
  margin-right: 68%;
}

.paddingHorizontal68 {
  padding-left: 68%;
  padding-right: 68%;
}

.paddingVertical68 {
  padding-top: 68%;
  padding-bottom: 68%;
}

.marginLeft68 {
  margin-left: 68%;
}

.marginRight68 {
  margin-right: 68%;
}

.width68 {
  width: 68% !important;
}

.height68 {
  height: 68% !important;
}

.gap68 {
  gap: 68% !important;
}

.font69 {
  font-size: 69em;
}

.rem-width69 {
  width: 69rem;
}

.height69vh {
  margin-top: 60px;
  height: calc(69vh - 60px) !important;
}

.rem-height69 {
  height: 69rem;
}

.margin69 {
  margin: 69%;
}

.gap69 {
  gap: 69%;
}

.marginVertical69 {
  margin-top: 69%;
  margin-bottom: 69%;
}

.marginTop69 {
  margin-top: 69%;
}

.marginBottom69 {
  margin-bottom: 69%;
}

.marginHorizontal69 {
  margin-left: 69%;
  margin-right: 69%;
}

.paddingHorizontal69 {
  padding-left: 69%;
  padding-right: 69%;
}

.paddingVertical69 {
  padding-top: 69%;
  padding-bottom: 69%;
}

.marginLeft69 {
  margin-left: 69%;
}

.marginRight69 {
  margin-right: 69%;
}

.width69 {
  width: 69% !important;
}

.height69 {
  height: 69% !important;
}

.gap69 {
  gap: 69% !important;
}

.font70 {
  font-size: 70em;
}

.rem-width70 {
  width: 70rem;
}

.height70vh {
  margin-top: 60px;
  height: calc(70vh - 60px) !important;
}

.rem-height70 {
  height: 70rem;
}

.margin70 {
  margin: 70%;
}

.gap70 {
  gap: 70%;
}

.marginVertical70 {
  margin-top: 70%;
  margin-bottom: 70%;
}

.marginTop70 {
  margin-top: 70%;
}

.marginBottom70 {
  margin-bottom: 70%;
}

.marginHorizontal70 {
  margin-left: 70%;
  margin-right: 70%;
}

.paddingHorizontal70 {
  padding-left: 70%;
  padding-right: 70%;
}

.paddingVertical70 {
  padding-top: 70%;
  padding-bottom: 70%;
}

.marginLeft70 {
  margin-left: 70%;
}

.marginRight70 {
  margin-right: 70%;
}

.width70 {
  width: 70% !important;
}

.height70 {
  height: 70% !important;
}

.gap70 {
  gap: 70% !important;
}

.font71 {
  font-size: 71em;
}

.rem-width71 {
  width: 71rem;
}

.height71vh {
  margin-top: 60px;
  height: calc(71vh - 60px) !important;
}

.rem-height71 {
  height: 71rem;
}

.margin71 {
  margin: 71%;
}

.gap71 {
  gap: 71%;
}

.marginVertical71 {
  margin-top: 71%;
  margin-bottom: 71%;
}

.marginTop71 {
  margin-top: 71%;
}

.marginBottom71 {
  margin-bottom: 71%;
}

.marginHorizontal71 {
  margin-left: 71%;
  margin-right: 71%;
}

.paddingHorizontal71 {
  padding-left: 71%;
  padding-right: 71%;
}

.paddingVertical71 {
  padding-top: 71%;
  padding-bottom: 71%;
}

.marginLeft71 {
  margin-left: 71%;
}

.marginRight71 {
  margin-right: 71%;
}

.width71 {
  width: 71% !important;
}

.height71 {
  height: 71% !important;
}

.gap71 {
  gap: 71% !important;
}

.font72 {
  font-size: 72em;
}

.rem-width72 {
  width: 72rem;
}

.height72vh {
  margin-top: 60px;
  height: calc(72vh - 60px) !important;
}

.rem-height72 {
  height: 72rem;
}

.margin72 {
  margin: 72%;
}

.gap72 {
  gap: 72%;
}

.marginVertical72 {
  margin-top: 72%;
  margin-bottom: 72%;
}

.marginTop72 {
  margin-top: 72%;
}

.marginBottom72 {
  margin-bottom: 72%;
}

.marginHorizontal72 {
  margin-left: 72%;
  margin-right: 72%;
}

.paddingHorizontal72 {
  padding-left: 72%;
  padding-right: 72%;
}

.paddingVertical72 {
  padding-top: 72%;
  padding-bottom: 72%;
}

.marginLeft72 {
  margin-left: 72%;
}

.marginRight72 {
  margin-right: 72%;
}

.width72 {
  width: 72% !important;
}

.height72 {
  height: 72% !important;
}

.gap72 {
  gap: 72% !important;
}

.font73 {
  font-size: 73em;
}

.rem-width73 {
  width: 73rem;
}

.height73vh {
  margin-top: 60px;
  height: calc(73vh - 60px) !important;
}

.rem-height73 {
  height: 73rem;
}

.margin73 {
  margin: 73%;
}

.gap73 {
  gap: 73%;
}

.marginVertical73 {
  margin-top: 73%;
  margin-bottom: 73%;
}

.marginTop73 {
  margin-top: 73%;
}

.marginBottom73 {
  margin-bottom: 73%;
}

.marginHorizontal73 {
  margin-left: 73%;
  margin-right: 73%;
}

.paddingHorizontal73 {
  padding-left: 73%;
  padding-right: 73%;
}

.paddingVertical73 {
  padding-top: 73%;
  padding-bottom: 73%;
}

.marginLeft73 {
  margin-left: 73%;
}

.marginRight73 {
  margin-right: 73%;
}

.width73 {
  width: 73% !important;
}

.height73 {
  height: 73% !important;
}

.gap73 {
  gap: 73% !important;
}

.font74 {
  font-size: 74em;
}

.rem-width74 {
  width: 74rem;
}

.height74vh {
  margin-top: 60px;
  height: calc(74vh - 60px) !important;
}

.rem-height74 {
  height: 74rem;
}

.margin74 {
  margin: 74%;
}

.gap74 {
  gap: 74%;
}

.marginVertical74 {
  margin-top: 74%;
  margin-bottom: 74%;
}

.marginTop74 {
  margin-top: 74%;
}

.marginBottom74 {
  margin-bottom: 74%;
}

.marginHorizontal74 {
  margin-left: 74%;
  margin-right: 74%;
}

.paddingHorizontal74 {
  padding-left: 74%;
  padding-right: 74%;
}

.paddingVertical74 {
  padding-top: 74%;
  padding-bottom: 74%;
}

.marginLeft74 {
  margin-left: 74%;
}

.marginRight74 {
  margin-right: 74%;
}

.width74 {
  width: 74% !important;
}

.height74 {
  height: 74% !important;
}

.gap74 {
  gap: 74% !important;
}

.font75 {
  font-size: 75em;
}

.rem-width75 {
  width: 75rem;
}

.height75vh {
  margin-top: 60px;
  height: calc(75vh - 60px) !important;
}

.rem-height75 {
  height: 75rem;
}

.margin75 {
  margin: 75%;
}

.gap75 {
  gap: 75%;
}

.marginVertical75 {
  margin-top: 75%;
  margin-bottom: 75%;
}

.marginTop75 {
  margin-top: 75%;
}

.marginBottom75 {
  margin-bottom: 75%;
}

.marginHorizontal75 {
  margin-left: 75%;
  margin-right: 75%;
}

.paddingHorizontal75 {
  padding-left: 75%;
  padding-right: 75%;
}

.paddingVertical75 {
  padding-top: 75%;
  padding-bottom: 75%;
}

.marginLeft75 {
  margin-left: 75%;
}

.marginRight75 {
  margin-right: 75%;
}

.width75 {
  width: 75% !important;
}

.height75 {
  height: 75% !important;
}

.gap75 {
  gap: 75% !important;
}

.font76 {
  font-size: 76em;
}

.rem-width76 {
  width: 76rem;
}

.height76vh {
  margin-top: 60px;
  height: calc(76vh - 60px) !important;
}

.rem-height76 {
  height: 76rem;
}

.margin76 {
  margin: 76%;
}

.gap76 {
  gap: 76%;
}

.marginVertical76 {
  margin-top: 76%;
  margin-bottom: 76%;
}

.marginTop76 {
  margin-top: 76%;
}

.marginBottom76 {
  margin-bottom: 76%;
}

.marginHorizontal76 {
  margin-left: 76%;
  margin-right: 76%;
}

.paddingHorizontal76 {
  padding-left: 76%;
  padding-right: 76%;
}

.paddingVertical76 {
  padding-top: 76%;
  padding-bottom: 76%;
}

.marginLeft76 {
  margin-left: 76%;
}

.marginRight76 {
  margin-right: 76%;
}

.width76 {
  width: 76% !important;
}

.height76 {
  height: 76% !important;
}

.gap76 {
  gap: 76% !important;
}

.font77 {
  font-size: 77em;
}

.rem-width77 {
  width: 77rem;
}

.height77vh {
  margin-top: 60px;
  height: calc(77vh - 60px) !important;
}

.rem-height77 {
  height: 77rem;
}

.margin77 {
  margin: 77%;
}

.gap77 {
  gap: 77%;
}

.marginVertical77 {
  margin-top: 77%;
  margin-bottom: 77%;
}

.marginTop77 {
  margin-top: 77%;
}

.marginBottom77 {
  margin-bottom: 77%;
}

.marginHorizontal77 {
  margin-left: 77%;
  margin-right: 77%;
}

.paddingHorizontal77 {
  padding-left: 77%;
  padding-right: 77%;
}

.paddingVertical77 {
  padding-top: 77%;
  padding-bottom: 77%;
}

.marginLeft77 {
  margin-left: 77%;
}

.marginRight77 {
  margin-right: 77%;
}

.width77 {
  width: 77% !important;
}

.height77 {
  height: 77% !important;
}

.gap77 {
  gap: 77% !important;
}

.font78 {
  font-size: 78em;
}

.rem-width78 {
  width: 78rem;
}

.height78vh {
  margin-top: 60px;
  height: calc(78vh - 60px) !important;
}

.rem-height78 {
  height: 78rem;
}

.margin78 {
  margin: 78%;
}

.gap78 {
  gap: 78%;
}

.marginVertical78 {
  margin-top: 78%;
  margin-bottom: 78%;
}

.marginTop78 {
  margin-top: 78%;
}

.marginBottom78 {
  margin-bottom: 78%;
}

.marginHorizontal78 {
  margin-left: 78%;
  margin-right: 78%;
}

.paddingHorizontal78 {
  padding-left: 78%;
  padding-right: 78%;
}

.paddingVertical78 {
  padding-top: 78%;
  padding-bottom: 78%;
}

.marginLeft78 {
  margin-left: 78%;
}

.marginRight78 {
  margin-right: 78%;
}

.width78 {
  width: 78% !important;
}

.height78 {
  height: 78% !important;
}

.gap78 {
  gap: 78% !important;
}

.font79 {
  font-size: 79em;
}

.rem-width79 {
  width: 79rem;
}

.height79vh {
  margin-top: 60px;
  height: calc(79vh - 60px) !important;
}

.rem-height79 {
  height: 79rem;
}

.margin79 {
  margin: 79%;
}

.gap79 {
  gap: 79%;
}

.marginVertical79 {
  margin-top: 79%;
  margin-bottom: 79%;
}

.marginTop79 {
  margin-top: 79%;
}

.marginBottom79 {
  margin-bottom: 79%;
}

.marginHorizontal79 {
  margin-left: 79%;
  margin-right: 79%;
}

.paddingHorizontal79 {
  padding-left: 79%;
  padding-right: 79%;
}

.paddingVertical79 {
  padding-top: 79%;
  padding-bottom: 79%;
}

.marginLeft79 {
  margin-left: 79%;
}

.marginRight79 {
  margin-right: 79%;
}

.width79 {
  width: 79% !important;
}

.height79 {
  height: 79% !important;
}

.gap79 {
  gap: 79% !important;
}

.font80 {
  font-size: 80em;
}

.rem-width80 {
  width: 80rem;
}

.height80vh {
  margin-top: 60px;
  height: calc(80vh - 60px) !important;
}

.rem-height80 {
  height: 80rem;
}

.margin80 {
  margin: 80%;
}

.gap80 {
  gap: 80%;
}

.marginVertical80 {
  margin-top: 80%;
  margin-bottom: 80%;
}

.marginTop80 {
  margin-top: 80%;
}

.marginBottom80 {
  margin-bottom: 80%;
}

.marginHorizontal80 {
  margin-left: 80%;
  margin-right: 80%;
}

.paddingHorizontal80 {
  padding-left: 80%;
  padding-right: 80%;
}

.paddingVertical80 {
  padding-top: 80%;
  padding-bottom: 80%;
}

.marginLeft80 {
  margin-left: 80%;
}

.marginRight80 {
  margin-right: 80%;
}

.width80 {
  width: 80% !important;
}

.height80 {
  height: 80% !important;
}

.gap80 {
  gap: 80% !important;
}

.font81 {
  font-size: 81em;
}

.rem-width81 {
  width: 81rem;
}

.height81vh {
  margin-top: 60px;
  height: calc(81vh - 60px) !important;
}

.rem-height81 {
  height: 81rem;
}

.margin81 {
  margin: 81%;
}

.gap81 {
  gap: 81%;
}

.marginVertical81 {
  margin-top: 81%;
  margin-bottom: 81%;
}

.marginTop81 {
  margin-top: 81%;
}

.marginBottom81 {
  margin-bottom: 81%;
}

.marginHorizontal81 {
  margin-left: 81%;
  margin-right: 81%;
}

.paddingHorizontal81 {
  padding-left: 81%;
  padding-right: 81%;
}

.paddingVertical81 {
  padding-top: 81%;
  padding-bottom: 81%;
}

.marginLeft81 {
  margin-left: 81%;
}

.marginRight81 {
  margin-right: 81%;
}

.width81 {
  width: 81% !important;
}

.height81 {
  height: 81% !important;
}

.gap81 {
  gap: 81% !important;
}

.font82 {
  font-size: 82em;
}

.rem-width82 {
  width: 82rem;
}

.height82vh {
  margin-top: 60px;
  height: calc(82vh - 60px) !important;
}

.rem-height82 {
  height: 82rem;
}

.margin82 {
  margin: 82%;
}

.gap82 {
  gap: 82%;
}

.marginVertical82 {
  margin-top: 82%;
  margin-bottom: 82%;
}

.marginTop82 {
  margin-top: 82%;
}

.marginBottom82 {
  margin-bottom: 82%;
}

.marginHorizontal82 {
  margin-left: 82%;
  margin-right: 82%;
}

.paddingHorizontal82 {
  padding-left: 82%;
  padding-right: 82%;
}

.paddingVertical82 {
  padding-top: 82%;
  padding-bottom: 82%;
}

.marginLeft82 {
  margin-left: 82%;
}

.marginRight82 {
  margin-right: 82%;
}

.width82 {
  width: 82% !important;
}

.height82 {
  height: 82% !important;
}

.gap82 {
  gap: 82% !important;
}

.font83 {
  font-size: 83em;
}

.rem-width83 {
  width: 83rem;
}

.height83vh {
  margin-top: 60px;
  height: calc(83vh - 60px) !important;
}

.rem-height83 {
  height: 83rem;
}

.margin83 {
  margin: 83%;
}

.gap83 {
  gap: 83%;
}

.marginVertical83 {
  margin-top: 83%;
  margin-bottom: 83%;
}

.marginTop83 {
  margin-top: 83%;
}

.marginBottom83 {
  margin-bottom: 83%;
}

.marginHorizontal83 {
  margin-left: 83%;
  margin-right: 83%;
}

.paddingHorizontal83 {
  padding-left: 83%;
  padding-right: 83%;
}

.paddingVertical83 {
  padding-top: 83%;
  padding-bottom: 83%;
}

.marginLeft83 {
  margin-left: 83%;
}

.marginRight83 {
  margin-right: 83%;
}

.width83 {
  width: 83% !important;
}

.height83 {
  height: 83% !important;
}

.gap83 {
  gap: 83% !important;
}

.font84 {
  font-size: 84em;
}

.rem-width84 {
  width: 84rem;
}

.height84vh {
  margin-top: 60px;
  height: calc(84vh - 60px) !important;
}

.rem-height84 {
  height: 84rem;
}

.margin84 {
  margin: 84%;
}

.gap84 {
  gap: 84%;
}

.marginVertical84 {
  margin-top: 84%;
  margin-bottom: 84%;
}

.marginTop84 {
  margin-top: 84%;
}

.marginBottom84 {
  margin-bottom: 84%;
}

.marginHorizontal84 {
  margin-left: 84%;
  margin-right: 84%;
}

.paddingHorizontal84 {
  padding-left: 84%;
  padding-right: 84%;
}

.paddingVertical84 {
  padding-top: 84%;
  padding-bottom: 84%;
}

.marginLeft84 {
  margin-left: 84%;
}

.marginRight84 {
  margin-right: 84%;
}

.width84 {
  width: 84% !important;
}

.height84 {
  height: 84% !important;
}

.gap84 {
  gap: 84% !important;
}

.font85 {
  font-size: 85em;
}

.rem-width85 {
  width: 85rem;
}

.height85vh {
  margin-top: 60px;
  height: calc(85vh - 60px) !important;
}

.rem-height85 {
  height: 85rem;
}

.margin85 {
  margin: 85%;
}

.gap85 {
  gap: 85%;
}

.marginVertical85 {
  margin-top: 85%;
  margin-bottom: 85%;
}

.marginTop85 {
  margin-top: 85%;
}

.marginBottom85 {
  margin-bottom: 85%;
}

.marginHorizontal85 {
  margin-left: 85%;
  margin-right: 85%;
}

.paddingHorizontal85 {
  padding-left: 85%;
  padding-right: 85%;
}

.paddingVertical85 {
  padding-top: 85%;
  padding-bottom: 85%;
}

.marginLeft85 {
  margin-left: 85%;
}

.marginRight85 {
  margin-right: 85%;
}

.width85 {
  width: 85% !important;
}

.height85 {
  height: 85% !important;
}

.gap85 {
  gap: 85% !important;
}

.font86 {
  font-size: 86em;
}

.rem-width86 {
  width: 86rem;
}

.height86vh {
  margin-top: 60px;
  height: calc(86vh - 60px) !important;
}

.rem-height86 {
  height: 86rem;
}

.margin86 {
  margin: 86%;
}

.gap86 {
  gap: 86%;
}

.marginVertical86 {
  margin-top: 86%;
  margin-bottom: 86%;
}

.marginTop86 {
  margin-top: 86%;
}

.marginBottom86 {
  margin-bottom: 86%;
}

.marginHorizontal86 {
  margin-left: 86%;
  margin-right: 86%;
}

.paddingHorizontal86 {
  padding-left: 86%;
  padding-right: 86%;
}

.paddingVertical86 {
  padding-top: 86%;
  padding-bottom: 86%;
}

.marginLeft86 {
  margin-left: 86%;
}

.marginRight86 {
  margin-right: 86%;
}

.width86 {
  width: 86% !important;
}

.height86 {
  height: 86% !important;
}

.gap86 {
  gap: 86% !important;
}

.font87 {
  font-size: 87em;
}

.rem-width87 {
  width: 87rem;
}

.height87vh {
  margin-top: 60px;
  height: calc(87vh - 60px) !important;
}

.rem-height87 {
  height: 87rem;
}

.margin87 {
  margin: 87%;
}

.gap87 {
  gap: 87%;
}

.marginVertical87 {
  margin-top: 87%;
  margin-bottom: 87%;
}

.marginTop87 {
  margin-top: 87%;
}

.marginBottom87 {
  margin-bottom: 87%;
}

.marginHorizontal87 {
  margin-left: 87%;
  margin-right: 87%;
}

.paddingHorizontal87 {
  padding-left: 87%;
  padding-right: 87%;
}

.paddingVertical87 {
  padding-top: 87%;
  padding-bottom: 87%;
}

.marginLeft87 {
  margin-left: 87%;
}

.marginRight87 {
  margin-right: 87%;
}

.width87 {
  width: 87% !important;
}

.height87 {
  height: 87% !important;
}

.gap87 {
  gap: 87% !important;
}

.font88 {
  font-size: 88em;
}

.rem-width88 {
  width: 88rem;
}

.height88vh {
  margin-top: 60px;
  height: calc(88vh - 60px) !important;
}

.rem-height88 {
  height: 88rem;
}

.margin88 {
  margin: 88%;
}

.gap88 {
  gap: 88%;
}

.marginVertical88 {
  margin-top: 88%;
  margin-bottom: 88%;
}

.marginTop88 {
  margin-top: 88%;
}

.marginBottom88 {
  margin-bottom: 88%;
}

.marginHorizontal88 {
  margin-left: 88%;
  margin-right: 88%;
}

.paddingHorizontal88 {
  padding-left: 88%;
  padding-right: 88%;
}

.paddingVertical88 {
  padding-top: 88%;
  padding-bottom: 88%;
}

.marginLeft88 {
  margin-left: 88%;
}

.marginRight88 {
  margin-right: 88%;
}

.width88 {
  width: 88% !important;
}

.height88 {
  height: 88% !important;
}

.gap88 {
  gap: 88% !important;
}

.font89 {
  font-size: 89em;
}

.rem-width89 {
  width: 89rem;
}

.height89vh {
  margin-top: 60px;
  height: calc(89vh - 60px) !important;
}

.rem-height89 {
  height: 89rem;
}

.margin89 {
  margin: 89%;
}

.gap89 {
  gap: 89%;
}

.marginVertical89 {
  margin-top: 89%;
  margin-bottom: 89%;
}

.marginTop89 {
  margin-top: 89%;
}

.marginBottom89 {
  margin-bottom: 89%;
}

.marginHorizontal89 {
  margin-left: 89%;
  margin-right: 89%;
}

.paddingHorizontal89 {
  padding-left: 89%;
  padding-right: 89%;
}

.paddingVertical89 {
  padding-top: 89%;
  padding-bottom: 89%;
}

.marginLeft89 {
  margin-left: 89%;
}

.marginRight89 {
  margin-right: 89%;
}

.width89 {
  width: 89% !important;
}

.height89 {
  height: 89% !important;
}

.gap89 {
  gap: 89% !important;
}

.font90 {
  font-size: 90em;
}

.rem-width90 {
  width: 90rem;
}

.height90vh {
  margin-top: 60px;
  height: calc(90vh - 60px) !important;
}

.rem-height90 {
  height: 90rem;
}

.margin90 {
  margin: 90%;
}

.gap90 {
  gap: 90%;
}

.marginVertical90 {
  margin-top: 90%;
  margin-bottom: 90%;
}

.marginTop90 {
  margin-top: 90%;
}

.marginBottom90 {
  margin-bottom: 90%;
}

.marginHorizontal90 {
  margin-left: 90%;
  margin-right: 90%;
}

.paddingHorizontal90 {
  padding-left: 90%;
  padding-right: 90%;
}

.paddingVertical90 {
  padding-top: 90%;
  padding-bottom: 90%;
}

.marginLeft90 {
  margin-left: 90%;
}

.marginRight90 {
  margin-right: 90%;
}

.width90 {
  width: 90% !important;
}

.height90 {
  height: 90% !important;
}

.gap90 {
  gap: 90% !important;
}

.font91 {
  font-size: 91em;
}

.rem-width91 {
  width: 91rem;
}

.height91vh {
  margin-top: 60px;
  height: calc(91vh - 60px) !important;
}

.rem-height91 {
  height: 91rem;
}

.margin91 {
  margin: 91%;
}

.gap91 {
  gap: 91%;
}

.marginVertical91 {
  margin-top: 91%;
  margin-bottom: 91%;
}

.marginTop91 {
  margin-top: 91%;
}

.marginBottom91 {
  margin-bottom: 91%;
}

.marginHorizontal91 {
  margin-left: 91%;
  margin-right: 91%;
}

.paddingHorizontal91 {
  padding-left: 91%;
  padding-right: 91%;
}

.paddingVertical91 {
  padding-top: 91%;
  padding-bottom: 91%;
}

.marginLeft91 {
  margin-left: 91%;
}

.marginRight91 {
  margin-right: 91%;
}

.width91 {
  width: 91% !important;
}

.height91 {
  height: 91% !important;
}

.gap91 {
  gap: 91% !important;
}

.font92 {
  font-size: 92em;
}

.rem-width92 {
  width: 92rem;
}

.height92vh {
  margin-top: 60px;
  height: calc(92vh - 60px) !important;
}

.rem-height92 {
  height: 92rem;
}

.margin92 {
  margin: 92%;
}

.gap92 {
  gap: 92%;
}

.marginVertical92 {
  margin-top: 92%;
  margin-bottom: 92%;
}

.marginTop92 {
  margin-top: 92%;
}

.marginBottom92 {
  margin-bottom: 92%;
}

.marginHorizontal92 {
  margin-left: 92%;
  margin-right: 92%;
}

.paddingHorizontal92 {
  padding-left: 92%;
  padding-right: 92%;
}

.paddingVertical92 {
  padding-top: 92%;
  padding-bottom: 92%;
}

.marginLeft92 {
  margin-left: 92%;
}

.marginRight92 {
  margin-right: 92%;
}

.width92 {
  width: 92% !important;
}

.height92 {
  height: 92% !important;
}

.gap92 {
  gap: 92% !important;
}

.font93 {
  font-size: 93em;
}

.rem-width93 {
  width: 93rem;
}

.height93vh {
  margin-top: 60px;
  height: calc(93vh - 60px) !important;
}

.rem-height93 {
  height: 93rem;
}

.margin93 {
  margin: 93%;
}

.gap93 {
  gap: 93%;
}

.marginVertical93 {
  margin-top: 93%;
  margin-bottom: 93%;
}

.marginTop93 {
  margin-top: 93%;
}

.marginBottom93 {
  margin-bottom: 93%;
}

.marginHorizontal93 {
  margin-left: 93%;
  margin-right: 93%;
}

.paddingHorizontal93 {
  padding-left: 93%;
  padding-right: 93%;
}

.paddingVertical93 {
  padding-top: 93%;
  padding-bottom: 93%;
}

.marginLeft93 {
  margin-left: 93%;
}

.marginRight93 {
  margin-right: 93%;
}

.width93 {
  width: 93% !important;
}

.height93 {
  height: 93% !important;
}

.gap93 {
  gap: 93% !important;
}

.font94 {
  font-size: 94em;
}

.rem-width94 {
  width: 94rem;
}

.height94vh {
  margin-top: 60px;
  height: calc(94vh - 60px) !important;
}

.rem-height94 {
  height: 94rem;
}

.margin94 {
  margin: 94%;
}

.gap94 {
  gap: 94%;
}

.marginVertical94 {
  margin-top: 94%;
  margin-bottom: 94%;
}

.marginTop94 {
  margin-top: 94%;
}

.marginBottom94 {
  margin-bottom: 94%;
}

.marginHorizontal94 {
  margin-left: 94%;
  margin-right: 94%;
}

.paddingHorizontal94 {
  padding-left: 94%;
  padding-right: 94%;
}

.paddingVertical94 {
  padding-top: 94%;
  padding-bottom: 94%;
}

.marginLeft94 {
  margin-left: 94%;
}

.marginRight94 {
  margin-right: 94%;
}

.width94 {
  width: 94% !important;
}

.height94 {
  height: 94% !important;
}

.gap94 {
  gap: 94% !important;
}

.font95 {
  font-size: 95em;
}

.rem-width95 {
  width: 95rem;
}

.height95vh {
  margin-top: 60px;
  height: calc(95vh - 60px) !important;
}

.rem-height95 {
  height: 95rem;
}

.margin95 {
  margin: 95%;
}

.gap95 {
  gap: 95%;
}

.marginVertical95 {
  margin-top: 95%;
  margin-bottom: 95%;
}

.marginTop95 {
  margin-top: 95%;
}

.marginBottom95 {
  margin-bottom: 95%;
}

.marginHorizontal95 {
  margin-left: 95%;
  margin-right: 95%;
}

.paddingHorizontal95 {
  padding-left: 95%;
  padding-right: 95%;
}

.paddingVertical95 {
  padding-top: 95%;
  padding-bottom: 95%;
}

.marginLeft95 {
  margin-left: 95%;
}

.marginRight95 {
  margin-right: 95%;
}

.width95 {
  width: 95% !important;
}

.height95 {
  height: 95% !important;
}

.gap95 {
  gap: 95% !important;
}

.font96 {
  font-size: 96em;
}

.rem-width96 {
  width: 96rem;
}

.height96vh {
  margin-top: 60px;
  height: calc(96vh - 60px) !important;
}

.rem-height96 {
  height: 96rem;
}

.margin96 {
  margin: 96%;
}

.gap96 {
  gap: 96%;
}

.marginVertical96 {
  margin-top: 96%;
  margin-bottom: 96%;
}

.marginTop96 {
  margin-top: 96%;
}

.marginBottom96 {
  margin-bottom: 96%;
}

.marginHorizontal96 {
  margin-left: 96%;
  margin-right: 96%;
}

.paddingHorizontal96 {
  padding-left: 96%;
  padding-right: 96%;
}

.paddingVertical96 {
  padding-top: 96%;
  padding-bottom: 96%;
}

.marginLeft96 {
  margin-left: 96%;
}

.marginRight96 {
  margin-right: 96%;
}

.width96 {
  width: 96% !important;
}

.height96 {
  height: 96% !important;
}

.gap96 {
  gap: 96% !important;
}

.font97 {
  font-size: 97em;
}

.rem-width97 {
  width: 97rem;
}

.height97vh {
  margin-top: 60px;
  height: calc(97vh - 60px) !important;
}

.rem-height97 {
  height: 97rem;
}

.margin97 {
  margin: 97%;
}

.gap97 {
  gap: 97%;
}

.marginVertical97 {
  margin-top: 97%;
  margin-bottom: 97%;
}

.marginTop97 {
  margin-top: 97%;
}

.marginBottom97 {
  margin-bottom: 97%;
}

.marginHorizontal97 {
  margin-left: 97%;
  margin-right: 97%;
}

.paddingHorizontal97 {
  padding-left: 97%;
  padding-right: 97%;
}

.paddingVertical97 {
  padding-top: 97%;
  padding-bottom: 97%;
}

.marginLeft97 {
  margin-left: 97%;
}

.marginRight97 {
  margin-right: 97%;
}

.width97 {
  width: 97% !important;
}

.height97 {
  height: 97% !important;
}

.gap97 {
  gap: 97% !important;
}

.font98 {
  font-size: 98em;
}

.rem-width98 {
  width: 98rem;
}

.height98vh {
  margin-top: 60px;
  height: calc(98vh - 60px) !important;
}

.rem-height98 {
  height: 98rem;
}

.margin98 {
  margin: 98%;
}

.gap98 {
  gap: 98%;
}

.marginVertical98 {
  margin-top: 98%;
  margin-bottom: 98%;
}

.marginTop98 {
  margin-top: 98%;
}

.marginBottom98 {
  margin-bottom: 98%;
}

.marginHorizontal98 {
  margin-left: 98%;
  margin-right: 98%;
}

.paddingHorizontal98 {
  padding-left: 98%;
  padding-right: 98%;
}

.paddingVertical98 {
  padding-top: 98%;
  padding-bottom: 98%;
}

.marginLeft98 {
  margin-left: 98%;
}

.marginRight98 {
  margin-right: 98%;
}

.width98 {
  width: 98% !important;
}

.height98 {
  height: 98% !important;
}

.gap98 {
  gap: 98% !important;
}

.font99 {
  font-size: 99em;
}

.rem-width99 {
  width: 99rem;
}

.height99vh {
  margin-top: 60px;
  height: calc(99vh - 60px) !important;
}

.rem-height99 {
  height: 99rem;
}

.margin99 {
  margin: 99%;
}

.gap99 {
  gap: 99%;
}

.marginVertical99 {
  margin-top: 99%;
  margin-bottom: 99%;
}

.marginTop99 {
  margin-top: 99%;
}

.marginBottom99 {
  margin-bottom: 99%;
}

.marginHorizontal99 {
  margin-left: 99%;
  margin-right: 99%;
}

.paddingHorizontal99 {
  padding-left: 99%;
  padding-right: 99%;
}

.paddingVertical99 {
  padding-top: 99%;
  padding-bottom: 99%;
}

.marginLeft99 {
  margin-left: 99%;
}

.marginRight99 {
  margin-right: 99%;
}

.width99 {
  width: 99% !important;
}

.height99 {
  height: 99% !important;
}

.gap99 {
  gap: 99% !important;
}

.font100 {
  font-size: 100em;
}

.rem-width100 {
  width: 100rem;
}

.height100vh {
  margin-top: 60px;
  height: calc(100vh - 60px) !important;
}

.rem-height100 {
  height: 100rem;
}

.margin100 {
  margin: 100%;
}

.gap100 {
  gap: 100%;
}

.marginVertical100 {
  margin-top: 100%;
  margin-bottom: 100%;
}

.marginTop100 {
  margin-top: 100%;
}

.marginBottom100 {
  margin-bottom: 100%;
}

.marginHorizontal100 {
  margin-left: 100%;
  margin-right: 100%;
}

.paddingHorizontal100 {
  padding-left: 100%;
  padding-right: 100%;
}

.paddingVertical100 {
  padding-top: 100%;
  padding-bottom: 100%;
}

.marginLeft100 {
  margin-left: 100%;
}

.marginRight100 {
  margin-right: 100%;
}

.width100 {
  width: 100% !important;
}

.height100 {
  height: 100% !important;
}

.gap100 {
  gap: 100% !important;
}

/* Specific Component Styles*/
.mid_logo {
  width: 30%;
  object-fit: unset !important;
}

.ov-hidden {
  overflow: hidden !important;
}

.split-3 {
  height: 33.3333333333%;
  position: relative;
  width: 200%;
}

.split-3 > div {
  position: absolute;
  height: 100%;
}

.right0 {
  right: 0;
}

.active-zoom {
  height: 100%;
  object-fit: cover;
  opacity: 0.5;
}

.gw {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content-al {
  margin-top: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: calc(75vh - 60px);
}

.gw:hover {
  width: auto;
  object-fit: cover;
}

.active-zoom:hover {
  width: auto;
  opacity: 1;
}

.active-zoom:active {
  height: 200% !important;
  width: auto;
  opacity: 1;
}

.split-3:hover {
  animation-play-state: paused;
  z-index: 10;
}

.hp:hover {
  animation-play-state: paused;
  z-index: 10;
}

.top_text {
  z-index: 2;
  font-size: 2em;
  color: white;
}

.bot_text {
  font-size: 2em;
  z-index: 2;
  color: white;
}

.logo_show {
  user-select: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 2000;
  position: absolute;
  animation: fadeIn 2s ease-in both;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*for general*/
/* Modal Background */
.mdl {
  display: none; /* Hidden by default */
  position: fixed;
  z-index: 100; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3); /* Material Design background with less opacity */
  overflow: auto; /* Enable scroll if needed */
  transition: opacity 0.3s ease; /* Smooth fade-in and fade-out */
}

/* Modal Content */
.mdl-content {
  background-color: #fff;
  margin: 10% auto;
  padding: 30px;
  width: 350px;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2); /* Material Design box shadow */
  text-align: center;
  transform: scale(0.9); /* Slightly smaller on load */
  transition: transform 0.3s ease-out; /* Smooth scaling animation */
}

.mdl-content.show {
  transform: scale(1); /* Grow to full size */
}

.show-flex {
  display: flex !important;
}

.show-block {
  display: block !important;
}

/* Close Button */
.mdl-close-btn {
  color: #aaa;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
}

.mdl-close-btn:hover,
.mdl-close-btn:focus {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}

/* Language Buttons */
.mdl-lang-btn {
  display: block;
  width: 93%;
  padding: 12px;
  margin: 12px 0;
  font-size: 16px;
  background-color: #6200ea; /* Material Design color */
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#move {
  display: none;
}

.mdl-lang-btn:hover {
  background-color: #3700b3; /* Darker shade of Material Design color */
}

.mdl-lang-btn:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(98, 0, 234, 0.6); /* Focus outline with a Material color */
}

navbar {
  width: 100%;
  z-index: 10;
  background-color: #caf4ff;
  height: fit-content;
  display: flex;
  position: fixed;
  top: 0;
  align-items: center;
  left: 0;
}

.falseMirror {
  background-color: #caf4ff;
}

.button-area {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo-set {
  height: 100%;
  width: 100%;
  display: flex;
  position: relative;
  padding-left: 35px;
}

.logo-set::after {
  content: "";
  position: absolute;
}

.pointer > a > img {
  height: 100%;
}

.button-set {
  width: 69.4791666667%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 5%;
  height: 54px;
  margin: 0 auto;
  margin-right: 20px;
}

.frame-mini {
  height: 96%;
  gap: 10px;
  display: flex;
  padding: 10px 20px 10px 20px;
}

.room {
  width: 33.3333333333%;
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  height: 521px !important;
  overflow: hidden;
}

.full-frame {
  width: 100%;
  height: 100%;
  position: relative;
}

.half-room {
  gap: 10px;
  height: 50% !important;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; /* Allow the child elements to wrap to the next line */
}

.show_gallery {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.split4 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; /* Allow child divs to wrap onto the next line */
  width: 100%; /* Make sure the container spans the full width */
}

.split4 > div {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 50%;
  width: 48%;
  box-sizing: border-box;
}

.button-set > a {
  min-width: fit-content;
  font-weight: bold;
  display: flex;
  color: #375d91;
  align-items: center;
  height: 100%;
  font-size: 1em;
  text-decoration: none;
}

.button-set > a:hover {
  text-decoration: underline;
}

.action-set {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-right: 35px;
}

.logo-set > a {
  text-align: center;
  display: flex;
  cursor: pointer;
  align-items: center;
}

.base1 {
  background-color: #caf4ff !important;
}

/*btn*/
.btn {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  padding: 0.4vh;
  user-select: none;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  flex: none;
  min-width: 100px;
  flex-grow: 0;
}

.btn:hover {
  opacity: 0.7;
}

.btn:active {
  opacity: 1;
}

.btn-prime {
  background: #8bcff4;
  color: #fff;
}

title-search {
  display: block;
  width: 98%;
  font-size: 1.3em;
  color: #375d91;
  margin-top: 20px;
  margin-bottom: 0;
  padding: 10px;
  font-weight: bold;
}

.btn-search {
  background: rgba(82, 106, 227, 0.6980392157);
  color: #fff;
}

/*flag*/
.flag {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.4vh;
  background-color: #375d91;
  border-radius: 50%;
}

.flagBtn {
  width: 100%;
  display: flex;
  gap: 20px;
}

/*HOME*/
.mainRunningGallery {
  height: 100vh;
  width: 100%;
  position: relative;
}

.horizontalScrollAuto {
  overflow: hidden;
  display: flex;
  height: 100%;
  position: relative;
}

.topImg {
  position: relative;
  width: fill-available; /* Standard for modern browsers, including Firefox */
  object-fit: cover;
  width: -webkit-fill-available; /* For WebKit-based browsers like Chrome, Safari, and Chromium Edge */
}

.topImgCovered {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(153, 153, 153, 0.3) 69.67%, #256356 100%);
}

.main-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: flex-start;
  align-items: center;
}

.backgroundImg {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.2;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.imgBg {
  width: fill-available; /* Standard for modern browsers, including Firefox */
  width: -webkit-fill-available; /* For WebKit-based browsers like Chrome, Safari, and Chromium Edge */
}

.content-container {
  z-index: 4;
  width: 90%;
  display: flex;
  flex-direction: column;
  padding: 20px;
  align-items: center;
}

.content-fill {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  width: 100%;
}

.sub-tittle {
  width: 50%;
  font-size: 0.9em;
  font-family: "Montserrat Italic";
  text-align: center;
}

.sub-detail {
  width: 50%;
  font-size: 0.9em;
  text-align: center;
}

.sub-content {
  width: 100%;
  display: flex;
  gap: 20px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border-radius: 20px;
  background: #fff;
}

.fc {
  display: flex;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
}

.fr {
  display: flex;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
}

a {
  text-align: center;
  cursor: pointer;
}

.card-content {
  width: 33.3333333333%;
  text-align: center;
}

.text-det {
  padding: 10px;
}

.detail-title {
  padding: 10px;
  height: 50%;
  display: flex;
  align-items: end;
}

.detail-title > img {
  width: 100%;
}

.card-trip {
  width: 340px;
  height: 400px;
  color: #256356;
  overflow: hidden;
  display: flex;
  background: #375d9133;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  flex-direction: column;
  border-radius: 20px;
}

.image-trip {
  height: 50%;
  width: 100%;
  overflow: hidden;
}

.image-trip > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.trip-title {
  margin-top: 10px;
  fill: white;
  font-weight: bold;
  text-align: center;
}

.trip-pricing {
  padding: 10px;
  display: flex;
  justify-content: space-between;
}

.pricing {
  font-size: 1.1em;
  font-weight: bold;
}

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

.trip-short-desc {
  padding: 10px;
  padding-bottom: 0;
  font-size: 0.9em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6; /* Limits the text to 3 lines */
  overflow: hidden;
  text-overflow: ellipsis;
}

.trip-details {
  background-color: #fff;
  height: 60%;
}

.scroller {
  overflow-x: scroll;
}

.for-list {
  display: flex;
  gap: 10px;
}

.small-gallery-frame {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  height: fit-content;
  background: #ffffff;
  flex: none;
  order: 2;
  align-self: stretch;
  flex-grow: 0;
}

.img-half {
  height: 100%;
  overflow: hidden;
}

.img_about {
  width: 100%;
}

.text-img {
  width: 50%;
}

footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  width: 100%;
  background: #caf4ff;
  flex: none;
  order: 3;
  align-self: stretch;
  flex-grow: 0;
  z-index: 3;
}

.subscribe {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 26.4583333333vw;
  height: fit-content;
  flex: none;
  order: 0;
  flex-grow: 0;
}

.subscribe > object {
  width: 40%;
}

.inputer {
  /* Frame 54 */
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px;
  gap: 10px;
  width: 13.6458333333vw;
  height: 4.1015625vh;
  background: #ffffff;
  border: 1px solid rgba(198, 198, 198, 0.58);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
}

.input-container {
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px;
  gap: 10px;
}

.btn-sub {
  background-color: #526ae3;
  color: white;
}

.back-link {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.copyright {
  font-size: 1.5em;
  font-weight: bold;
  color: #375d91;
  width: 100%;
  margin-right: 20px;
  text-align: right;
}

.back-links {
  display: flex;
  width: 100%;
  gap: 30px;
  height: 100%;
  position: relative;
}

.box {
  padding-top: 30px;
  display: flex;
  width: 20% !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
}

.box > a {
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  color: #375d91;
}

.back-links > div {
  width: 100%;
  display: flex;
}

.right-side {
  width: 100%;
  height: 24vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.tittle-font {
  font: 1.2em;
  user-select: none;
  font-weight: bold;
  color: #375d91;
}

.iconset {
  font-size: 3em;
  color: #375d91;
  margin-right: 20px;
}

.blog-part {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 80px;
  gap: 40px;
}

.left-part {
  width: 60%;
  min-height: 20%;
  position: relative;
}

.right-part {
  width: 30%;
  position: relative;
  min-height: 20%;
}

.imagesArticle {
  width: 100%;
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.imagesArticle > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ta-left {
  text-align: left;
}

.imagesArticles {
  position: relative;
}

.mini-gal-classes {
  width: 100%;
  overflow-x: scroll;
}

.mini-gal-classes > div {
  overflow: scroll;
  display: flex;
  width: fit-content;
  gap: 10px;
}

.show-box {
  overflow: hidden;
  position: relative;
}

.right-part {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mini-box {
  width: 95%;
  border-radius: 8px;
  border: solid 1px #375d91;
  padding: 10px;
}

.title-mini-box {
  font-size: 1.3em;
  font-weight: bold;
  color: #333;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.other-article {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  gap: 10px;
}

.other-article-main-img,
.other-article-title {
  border-radius: 8px;
}

.other-article-main-img img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
}

.other-article-main-img,
.other-article-title {
  font-weight: bold;
  border-radius: 8px;
}

.fw-w {
  flex-wrap: wrap;
}

.other-article-title img {
  width: 100%;
  height: 30px;
  object-fit: contain;
  border-radius: 4px;
}

.other-article-short-desc {
  font-size: 0.8em;
  color: #777;
  line-height: 1.5;
}

.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.font-price {
  font-size: 1.3em;
}

/* Basic styles */
.gl {
  height: 200px;
  display: flex;
  gap: 10px;
}

.gl img {
  cursor: pointer;
  height: 100%;
  transition: transform 0.2s;
}

.gl img:hover {
  transform: scale(1.1);
}

/* Modal styles */
.mdl-gl {
  display: none;
  position: fixed;
  top: 0;
  flex-direction: column;
  z-index: 100;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  justify-content: center;
  align-items: center;
}

.mdl-gl img {
  max-width: 90%;
  max-height: 80%;
}

.mdl-gl .close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: white;
  font-size: 30px;
  cursor: pointer;
}

.thumbnails {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  overflow-x: scroll;
  width: 80%;
}

.thumbnails img {
  height: 100px;
  /* height: 3vw; */
  margin: 5px;
  cursor: pointer;
}

.pointer {
  cursor: pointer;
  z-index: 1;
}

.flags {
  width: 1em !important;
}

.no-decor {
  text-decoration: none !important;
  text-align: left !important;
}

.jf-end {
  justify-content: end !important;
}

.ai-base {
  align-items: baseline !important;
}

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

.ai-center {
  align-items: center !important;
}

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

.fm08 {
  font-size: 0.8em;
}

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

.add-frame {
  width: 100%;
  overflow: hidden;
  height: 100px;
}

.addson {
  user-select: none;
  cursor: pointer;
}

.addson:hover {
  opacity: 0.5;
}

.addson:active {
  opacity: 1;
}

.add-frame > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.link-model-2 {
  background: #94daf8;
  color: white;
  text-decoration: none;
  padding: 1%;
}

.opening-box {
  background: #fff;
  padding: 10px;
  text-align: center;
  width: 70%;
  margin-top: 5%;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border-radius: 20px;
  margin-bottom: 5%;
}

.hide {
  display: none;
}

.content {
  min-height: calc(38vh - 60px);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.search-parameter {
  display: flex;
  flex-direction: column;
  width: 30%;
}

.search-result {
  width: 93%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.top-bg {
  width: 100%;
  height: 30vh;
  position: relative;
  overflow: hidden;
}

.text-title {
  font-size: 2em;
  font-weight: bold;
  top: 50%;
  left: 50%;
  color: white;
  position: absolute;
}

.bg-2 {
  color: #375d91;
}

.top-bg > img {
  opacity: 0.5;
  width: 100%;
  position: absolute;
}

.article-list {
  width: 93%;
  padding-bottom: 50px;
  display: flex;
  background-color: rgba(90, 178, 255, 0.1254901961);
  flex-direction: column;
  align-items: center;
}

.search-result > div {
  width: 96%;
  background: rgba(90, 178, 255, 0.3647058824);
  border-radius: 20px;
  margin-top: 20px;
}

.search-result > div > div {
  display: none;
  gap: 10px;
  overflow-x: scroll;
  padding: 10px;
}

.search-option {
  display: flex;
  flex-direction: column;
  background-color: rgba(202, 244, 255, 0.5803921569);
  border-radius: 10px;
  gap: 10px;
  padding: 10px;
  position: relative;
  margin-top: 60px;
  height: 35vh;
}

.search-option > div {
  display: flex;
  gap: 10px;
  color: #375d91;
}

.swfs {
  justify-content: space-between !important;
  align-items: flex-start !important;
}

.bg-base {
  background-color: #caf4ff !important;
}

select {
  padding: 10px;
  border-radius: 10px;
  width: 15%;
}

.month-picker {
  width: 100%;
}

.mobile-calendar {
  display: none;
}

.calendar-container {
  width: 100%;
  gap: 20px;
  display: flex;
}

.calendar-background {
  width: 40%;
  display: flex;
  flex-direction: column;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.631372549);
  border-radius: 10px;
}

.calendar {
  margin-top: 20px;
  width: 100%;
  display: flex;
  gap: 1px;
  justify-content: center;
  flex-wrap: wrap;
}

.date-box {
  border: 1px solid #375d91;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: calc(14.2857142857% - 3px);
  height: 40px;
  user-select: none;
  cursor: pointer;
}

.day-name {
  border: 1px solid #375d91;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: calc(14.2857142857% - 3px);
}

.selected {
  background-color: #5ab2ff;
  color: white;
}

.width200 {
  width: 200%;
}

.bg-search {
  width: 100%;
  bottom: 0;
  left: 0;
  object-fit: cover;
  z-index: -10;
  position: absolute;
}

.relative {
  position: relative;
  height: 100%;
}

.run-right {
  animation: scroll-right 30s linear infinite;
}

.run-left {
  animation: scroll-left 30s linear infinite;
}

.fr.paused {
  animation-play-state: paused !important;
}

.galery-cover {
  height: 100%;
}

@keyframes scroll-left {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes scroll-right {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(50%);
  }
}
.jc-start {
  justify-content: start !important;
}

.jc-center {
  justify-content: center !important;
}

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

.fz12 {
  font-size: 1.2em;
}

.article-mini {
  width: 200px;
  height: 100px;
  overflow: hidden;
}

.photo-frame {
  width: 100px;
  height: 100px;
}

.photo-frame > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.article-mini > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.md-ac {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
}

.md-ac-ct {
  min-width: 200px;
  background-color: white;
  padding: 20px;
  border-radius: 5px;
  text-align: center;
}

@media screen and (min-width: 1280px) {
  .left-part {
    width: 764.4px;
  }
  .right-part {
    width: 382.4px;
  }
  .content-container {
    width: 1192px;
  }
  .subscribe > object {
    width: 170;
  }
  .search-result {
    width: 1192px;
  }
  .article-list {
    width: 1192px;
  }
}
/* Disable the calendar visually */
#endCalendar.disabled {
  opacity: 0.5;
  pointer-events: none; /* Prevent user interaction */
}

/* Modal Styles */
.modal-cart {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 10000;
}

.modal-cart-content {
  background: white;
  border-radius: 10px;
  padding: 20px;
  width: 90%;
  position: relative;
  text-align: center;
}

/* Cart Item Styles */
.cart-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0;
  gap: 1%;
}

.cart-item > div {
  height: 60%;
}

.cart-item .item-name {
  width: 30%;
  font-weight: bold;
}

.cart-item .item-price {
  width: 30%;
  color: green;
}

.promo-container {
  width: 100%;
  font-size: 1.2em;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.cart-item .item-quantity {
  width: 30%;
  color: gray;
  display: flex;
  align-items: center;
  gap: 10px;
}

.notification-bell {
  color: #375d91;
  font-size: 1.6em;
}

.notification-bell:hover {
  opacity: 0.5;
}

.notification-bell:active {
  opacity: 1;
}

.profile-frame {
  border-radius: 50%;
  height: 40px;
  width: 40px;
  overflow: hidden;
  background-color: rgb(183, 183, 183);
}

.profile-frame:hover {
  opacity: 0.5;
}

.profile-frame:active {
  opacity: 1;
}

.profile-frame > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.red {
  color: #db0b0b;
}

.cart-footer {
  margin-top: 20px;
  text-align: right;
}

.tittle-booking {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
}

.tittle-booking > .btn {
  height: 30px;
}

.cart-footer p {
  font-size: 16px;
  font-weight: bold;
}

#openCartBtn {
  position: fixed;
  bottom: 60px;
  padding: 30px;
  border-radius: 50%;
  right: 30px;
  font-size: 2em;
  background-color: rgba(98, 0, 234, 0.2392156863);
  color: white;
}

.get-item {
  cursor: pointer;
  user-select: none;
}

.get-item:hover {
  opacity: 0.6;
}

.get-item:active {
  opacity: 1;
}

.notification-bell-mobile {
  display: none;
}

.hamburger {
  display: none;
}

.menu {
  display: none;
}

.calendar-container-mobile {
  display: none !important;
}

@media screen and (max-width: 1024px) {
  .notification-bell-mobile {
    display: block;
    color: #375d91;
    font-size: 1.3em;
    width: 10vw;
  }
  .find-date {
    display: none !important;
  }
  .calendar-container {
    display: none !important;
  }
  .mobile-calendar {
    width: 100%;
    gap: 20px;
    display: flex;
  }
  .search-option {
    margin-top: 6vh;
  }
  .pointer {
    height: 80%;
  }
  .logo-set {
    align-items: center;
  }
  .button-area {
    height: 6vh;
  }
  .button-set {
    display: none;
  }
  .horizontalScrollAuto {
    position: relative;
    width: 100vw; /* Standard for modern browsers, including Firefox */
    object-fit: none;
    display: block;
  }
  .mainRunningGallery {
    height: auto;
    margin-top: 6vh;
  }
  .sub-content {
    flex-direction: column;
    align-items: center;
  }
  .sub-detail {
    width: 100%;
  }
  .sub-tittle {
    width: 100%;
  }
  .card-content {
    width: 100%;
  }
  .img-half {
    display: none;
  }
  .text-img {
    width: 100%;
    text-align: center;
  }
  .detail-sub {
    display: none;
  }
  .action-set {
    display: none;
  }
  .blog-part {
    flex-direction: column;
    align-items: center;
    margin-top: 7vh;
  }
  .right-part {
    width: 95%;
  }
  .left-part {
    width: 95%;
  }
  .mdl-gl {
    position: fixed;
    width: 100vw;
    height: 100vh;
  }
  .back-links {
    justify-content: space-around;
    width: 100vw;
    flex-wrap: wrap;
  }
  footer {
    flex-direction: column;
    height: 100%;
  }
  .subscribe {
    margin-top: 20px;
    width: 100%;
  }
  .box {
    width: 40% !important;
    align-items: center;
  }
  .box:nth-of-type(3) {
    width: 100% !important;
  }
  .right-side {
    height: auto;
  }
  .copyright {
    margin-top: 5vh;
    text-align: center;
    margin-bottom: 2vh;
  }
  .input-container {
    justify-content: space-between;
  }
  .inputer {
    width: 60%;
  }
  .brand {
    font-size: 20px;
  }
  .hamburger {
    display: block;
    cursor: pointer;
    font-size: 24px;
    color: #375d91;
    padding-right: 10px;
  }
  #move {
    display: flex;
  }
  .menu {
    padding-top: 8vh;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    background-color: #caf4ff;
    position: fixed;
    top: 0;
    z-index: 1000;
    right: -100vw;
    width: fit-content;
    padding-left: 10px;
    padding-right: 10px;
    transition: all ease-in-out 0.5s;
    height: fit-content;
    border-radius: 5px;
    padding-bottom: 8vh;
    overflow: hidden;
  }
  .user-menu {
    display: block;
  }
  .flag {
    border-radius: 0;
    background: none;
  }
  .flags {
    width: 100px !important;
  }
  .profile-frame {
    width: 100px;
    height: 100px;
  }
  .search-bar {
    font-size: 1em;
  }
  .menu a {
    text-decoration: none;
    color: #375d91;
    padding: 10px 20px;
    display: block;
  }
  .menu a:hover {
    background-color: #555;
  }
  /* Show menu when toggled */
  .menu.shows {
    right: 0;
  }
  .menu a {
    padding: 10px;
  }
  .horizontalScrollAuto {
    display: flex;
  }
  .active-zoom:active {
    height: 100% !important;
    width: auto;
    opacity: 1;
  }
  .topImg {
    width: 100%;
    height: 100%;
  }
  .subscribe > object {
    width: 70%;
  }
  .calendar-container-mobile {
    width: 100%;
    display: flex !important;
    flex-direction: column;
  }
  .collapsed {
    display: none !important;
  }
  .calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
  }
  .day-name,
  .date-box {
    width: 100%;
    text-align: center;
  }
  .color-prime {
    color: #375d91 !important;
  }
  .month-year-selector {
    text-align: center;
    font-weight: bold;
  }
  .calendar-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
  }
}

/*# sourceMappingURL=styles.css.map */