/*Positions*/
.absolute {
  position: absolute;
}

.fill {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.relative {
  position: relative;
}

.fixed {
  position: fixed;
}

.opacity50 {
  opacity: 0.7;
}

/*Displays*/
.flexRow {
  display: flex;
  flex-direction: row;
}

.font-weight500 {
  font-weight: 500;
}

.font-weight600 {
  font-weight: 600;
}

.font-weight700 {
  font-weight: 700;
}

.gap2 {
  gap: 2vw;
}

.gap3 {
  gap: 3vw;
}

.gap25 {
  gap: 25vw;
}

.gap4 {
  gap: 4vw;
}

.gap5 {
  gap: 5vw;
}

.gap6 {
  gap: 6vh;
}

.gap8 {
  gap: 8vw;
}

.gap9 {
  gap: 9vw;
}


.gap10 {
  gap: 10vw;
}

.flexColumn {
  display: flex;
  flex-direction: column;
}

.flexColumnReverse {
  display: flex;
  flex-direction: column-reverse;
  gap: 0.8rem;
}

.flex {
  display: flex;
}

.block {
  display: block;
}

.none {
  display: none;
}

.opacity0 {
  opacity: 0;
}

.opacity1 {
  opacity: 1;
}

/*Z-Index*/
.zi1 {
  z-index: 1;
}

.zi2 {
  z-index: 2;
}

.zi3 {
  z-index: 3;
}

.zi4 {
  z-index: 4;
}

.zi5 {
  z-index: 5;
}

.zi6 {
  z-index: 6;
}

.zi7 {
  z-index: 7;
}

.zi8 {
  z-index: 8;
}

.zi500 {
  z-index: 500;
}

.zi1k {
  z-index: 1000;
}

.zi11k {
  z-index: 1100;
}

/*Visbility hidden*/
.hidden {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

/*Center aligns*/
.centerHori {
  left: 50%;
  transform: translateX(-50%);
}

.centerVerti {
  top: 50%;
  transform: translateY(-50%);
}

.centerScreen {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.centerContent {
  align-items: center;
  justify-content: center;
  text-align: center;
}

/*Pointer Events*/
.pointerAuto {
  pointer-events: auto;
}

.pointerNone {
  pointer-events: none;
}

/*Margins*/
/*Margins*/
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mt-1 {
  margin-top: -1%;
}

.mt-2 {
  margin-top: -2%;
}

.mt-5 {
  margin-top: -5vw;
}

.mt-6 {
  margin-top: -6vw;
}
.mt2 {
  margin-top: 2%;
}

.mt3 {
  margin-top: 3%;
}

.mt5 {
  margin-top: 5%;
}

.mt6 {
  margin-top: 6%;
}

.mt8 {
  margin-top: 8%;
}

.mt20 {
  margin-top: 20%;
}

.mt33 {
  margin-top: 33%;
}
.mt40 {
  margin-top: 40%;
}

.mt56 {
  margin-top: 56%;
}

.mt60 {
  margin-top: 60%;
}

.mt48 {
  margin-top: 48%;
}

.mt55 {
  margin-top: 55%;
}

.ml1 {
  margin-left: 1%;
}

.ml18 {
  margin-left: 18%;
}

.mt-3 {
  margin-top: -3%;
}

.mb-13 {
  margin-bottom: -13vw;
}

.mb2 {
  margin-bottom: 2vw;
}

.mb5 {
  margin-bottom: 5vw;
}

.mb7 {
  margin-bottom: 7%;
}

.mb10 {
  margin-bottom: 10vw;
}

.mb1 {
  margin-bottom: 1rem;
}

.mb10 {
  margin-bottom: 10%;
}

.ml-1 {
  margin-left: -1%;
}
.ml15 {
  margin-left: 15%;
}

.ml19 {
  margin-left: 19%;
}

.mr_10 {
  margin-right: -10px;
}

.mr-10 {
  margin-right: -10%;
}

.mb0 {
  margin-bottom: 0;
}

.mr10 {
  margin-right: 10px;
}

.mr25 {
  margin-right: 25px;
}

.margin0 {
  margin: 0;
}

.margin45 {
  margin: 0 45px;
}

/*Top*/
.-top1{
  top: -1rem;
}
.top0 {
  top: 0;
}

.top1 {
  top: 1%;
}

.top2 {
  top: 2%;
}

.top3 {
  top: 3%;
}

.top4 {
  top: 4%;
}

.top5 {
  top: 5%;
}

.top8 {
  top: 8%;
}

.top9 {
  top: 9%;
}

.top10 {
  top: 10%;
}

.top12 {
  top: 12%;
}

.top13 {
  top: 13%;
}

.top14 {
  top: 14%;
}

.top15 {
  top: 15%;
}

.top17 {
  top: 17%;
}

.top18 {
  top: 18%;
}

.top19 {
  top: 19%;
}

.top20 {
  top: 20%;
}

.top23 {
  top: 23%;
}

.top25 {
  top: 25%;
}

.top27 {
  top: 27%;
}

.top29 {
  top: 29%;
}

.top30 {
  top: 30%;
}

.top32 {
  top: 32%;
}

.top33 {
  top: 33%;
}

.top35 {
  top: 35%;
}

.top36 {
  top: 36%;
}

.top40 {
  top: 40%;
}

.top41 {
  top: 41%;
}

.top42 {
  top: 42%;
}

.top43 {
  top: 43%;
}

.top45 {
  top: 45%;
}

.top47 {
  top: 47%;
}

.top48 {
  top: 48%;
}

.top50 {
  top: 50%;
}

.top52 {
  top: 52%;
}

.top53 {
  top: 53%;
}

.top54 {
  top: 54%;
}

.top55 {
  top: 55%;
}

.top60 {
  top: 60%;
}

.top62 {
  top: 62%;
}

.top65 {
  top: 65%;
}

.top70 {
  top: 70%;
}

.top75 {
  top: 75%;
}

.top80 {
  top: 80%;
}

.top85 {
  top: 85%;
}
/*Bottoms*/

.-bottom1 {
  bottom: -1%;
}

.-bottom2 {
  bottom: -2%;
}

.-bottom3 {
  bottom: -3.3%;
}

.bottom0 {
  bottom: 0;
}

.bottom1 {
  bottom: 1%;
}

.bottom2 {
  bottom: 2%;
}

.bottom3 {
  bottom: 3%;
}

.bottom4 {
  bottom: 4%;
}

.bottom5 {
  bottom: 5%;
}

.bottom6 {
  bottom: 6%;
}

.bottom7 {
  bottom: 7%;
}

.bottom8 {
  bottom: 8%;
}

.bottom9 {
  bottom: 9%;
}

.bottom10 {
  bottom: 10%;
}

.bottom11 {
  bottom: 11%;
}

.bottom12 {
  bottom: 12%;
}

.bottom13 {
  bottom: 13%;
}

.bottom14 {
  bottom: 14%;
}

.bottom15 {
  bottom: 15%;
}

.bottom16 {
  bottom: 16%;
}

.bottom18 {
  bottom: 18%;
}

.bottom20 {
  bottom: 20%;
}

.bottom22 {
  bottom: 22%;
}

.bottom23 {
  bottom: 23%;
}

.bottom25 {
  bottom: 25%;
}

.bottom28 {
  bottom: 28%;
}

.bottom30 {
  bottom: 30%;
}

.bottom31 {
  bottom: 31%;
}

.bottom33 {
  bottom: 33%;
}

.bottom35 {
  bottom: 15rem;
}

.bottom45 {
  bottom: 45%;
}

.bottom55 {
  bottom: 55%;
}

.bottom60 {
  bottom: 60%;
}

/*Left*/
.-left5 {
  left: -10%;
}

.-right5 {
  right: -10%;
}

.left0 {
  left: 0;
}

.left2 {
  left: 2%;
}

.left4 {
  left: 4%;
}

.left5 {
  left: 5%;
}

.left3 {
  left: 3%;
}

.left6 {
  left: 6%;
}

.left7 {
  left: 7%;
}

.left10 {
  left: 10%;
}

.left11 {
  left: 11%;
}

.left15 {
  left: 15%;
}

.left18 {
  left: 18%;
}

.left19 {
  left: 19%;
}

.left20 {
  left: 20%;
}

.left22 {
  left: 22%;
}

.left25 {
  left: 22%;
}

.left28 {
  left: 28%;
}

.left33 {
  left: 33%;
}

.left35 {
  left: 35%;
}

.left37 {
  left: 37%;
}

.left40 {
  left: 40%;
}

.left45 {
  left: 45%;
}

.left47 {
  left: 47%;
}

.left48 {
  left: 48%;
}

.left50 {
  left: 50%;
}

.left52 {
  left: 52%;
}

.left60 {
  left: 60%;
}

.left65 {
  left: 65%;
}

.left68 {
  left: 68%;
}

.right-15 {
  right: -15px;
}

.-right2 {
  right: -2%;
}

.right0 {
  right: 0;
}

.right2 {
  right: 2%;
}

.right3 {
  right: 3%;
}

.right4 {
  right: 4%;
}

.right5 {
  right: 5%;
}

.right7 {
  right: 7%;
}

.right8 {
  right: 8%;
}

.right9 {
  right: 9%;
}

.right10 {
  right: 10%;
}

.right15 {
  right: 15%;
}

.right19 {
  right: 19%;
}

.right27 {
  right: 27%;
}

/*Width*/
.width-fit {
  width: fit-content;
}
.w11 {
  width: 11vh;
}

.width2 {
  width: 2%;
}

.width4 {
  width: 4%;
}

.width5 {
  width: 5%;
}

.width7 {
  width: 7%;
}

.width7-5 {
  width: 7.5%;
}

.width8 {
  width: 8%;
}

.width9 {
  width: 9%;
}

.width10 {
  width: 10%;
}

.width11 {
  width: 11%;
}

.width12 {
  width: 12%;
}

.width13 {
  width: 13%;
}

.width14 {
  width: 14%;
}

.width15 {
  width: 15%;
}

.width16 {
  width: 16%;
}

.width17 {
  width: 17%;
}

.width18 {
  width: 18%;
}

.width20 {
  width: 20%;
}

.width21 {
  width: 21%;
}

.width22 {
  width: 22%;
}

.width25 {
  width: 25%;
}

.width27 {
  width: 27%;
}

.width28 {
  width: 28%;
}

.width30 {
  width: 30%;
}

.width32 {
  width: 32%;
}

.width33 {
  width: 33%;
}

.width35 {
  width: 35%;
}

.width40 {
  width: 40%;
}

.width45 {
  width: 45%;
}

.width48 {
  width: 48%;
}

.width50 {
  width: 50%;
}

.width55 {
  width: 55%;
}

.width57 {
  width: 57%;
}

.width60 {
  width: 60%;
}

.width63 {
  width: 63%;
}

.width65 {
  width: 65%;
}

.width68 {
  width: 68%;
}

.width70 {
  width: 70%;
}

.width75 {
  width: 75%;
}

.width80 {
  width: 80%;
}

.width82 {
  width: 82%;
}

.width85 {
  width: 85%;
}

.width90 {
  width: 90%;
}

.width92 {
  width: 92%;
}

.width95 {
  width: 95%;
}

.width100 {
  width: 100%;
}

.width160 {
  width: 160%;
}

.widthmax {
  width: max-content;
}

/*Height*/

.height5 {
  height: 5%;
}

.height10 {
  height: 10%;
}

.height12 {
  height: 12%;
}

.height20 {
  height: 20%;
}

.height25 {
  height: 25%;
}

.height30 {
  height: 30%;
}

.height31 {
  height: 31%;
}

.height32 {
  height: 32%;
}

.height43 {
  height: 43%;
}

.height71 {
  height: 71%;
}

.height65 {
  height: 65%;
}

.height68 {
  height: 68%;
}

.height73 {
  height: 73%;
}

.height74 {
  height: 74%;
}

.height75 {
  height: 75%;
}

.height78 {
  height: 78%;
}

.height80 {
  height: 80%;
}

.height88 {
  height: 88%;
}

.height90 {
  height: 90%;
}

.height95 {
  height: 95%;
}

.height100 {
  height: 100%;
}

/*background Full screen*/
.bg-color-60 {
  background-color: rgb(0 0 0 / 80%);
}

.bg {
  background-position: center;
  background-size: cover;
}

/*Font Size */
.text-black {
  color: black;
}

.font3 {
  font-size: 2.6vw;
}

.font3-2 {
  font-size: 3.2vw;
}

.font2-2 {
  font-size: 2.2vw;
}

.font3-5 {
  font-size: 3.5vw;
}

.font4 {
  font-size: 4vw;
}

.font5 {
  font-size: 5vw;
}

.font6 {
  font-size: 6vw;
}

.font7 {
  font-size: 7vw;
}

.font8 {
  font-size: 8vw;
}

.font11 {
  font-size: 11vw;
}

.font12 {
  font-size: 12vw;
}

.font13 {
  font-size: 13vw;
}

.font20 {
  font-size: 20px;
}

.font30 {
  font-size: 30px;
}

.font35 {
  font-size: 35px;
}

.font45 {
  font-size: 45px;
}

.space-between {
  justify-content: space-between;
}

a {
  color: white !important;
}