/*=============== GOOGLE FONTS ===============*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
.wrapper {
  position: relative;
  overflow: hidden;
  max-width: 1600px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.container {
  --bs-gutter-x: 2rem;
  position: relative;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    width: calc(100% - 25px);
  }
}
@media (min-width: 768px) {
  .container {
    width: calc(100% - 60px);
  }
}
@media (min-width: 992px) {
  .container {
    width: calc(100% - 100px);
  }
}
@media (min-width: 1200px) {
  .container {
    width: calc(100% - 160px);
    max-width: 1000px;
  }
}
@media (min-width: 1600px) {
  .container {
    width: unset;
  }
}
.grid__container-2 {
  position: relative;
  display: grid;
  row-gap: 2rem;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .grid__container-2 {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}
.grid__container-4 {
  position: relative;
  display: grid;
  row-gap: 2rem;
}

@media screen and (min-width: 576px) {
  .grid__container-4 {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}
@media screen and (min-width: 992px) {
  .grid__container-4 {
    grid-template-columns: repeat(4, 1fr);
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}
/* margin 0.25rem */
.m1 {
  margin: 0.25rem !important;
}

.ml1 {
  margin-left: 0.25rem !important;
}

.mr1 {
  margin-right: 0.25rem !important;
}

.mt1 {
  margin-top: 0.25rem !important;
}

.mb1 {
  margin-bottom: 0.25rem !important;
}

.mx1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

/* margin 0.5rem */
.m2 {
  margin: 0.5rem !important;
}

.ml2 {
  margin-left: 0.5rem !important;
}

.mr2 {
  margin-right: 0.5rem !important;
}

.mt2 {
  margin-top: 0.5rem !important;
}

.mb2 {
  margin-bottom: 0.5rem !important;
}

.mx2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

/* margin 0.75rem */
.m3 {
  margin: 0.75rem !important;
}

.ml3 {
  margin-left: 0.75rem !important;
}

.mr3 {
  margin-right: 0.75rem !important;
}

.mt3 {
  margin-top: 0.75rem !important;
}

.mb3 {
  margin-bottom: 0.75rem !important;
}

.mx3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.my3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

/* margin 1rem */
.m4 {
  margin: 1rem !important;
}

.ml4 {
  margin-left: 1rem !important;
}

.mr4 {
  margin-right: 1rem !important;
}

.mt4 {
  margin-top: 1rem !important;
}

.mb4 {
  margin-bottom: 1rem !important;
}

.mx4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

/* margin 1.25rem */
.m5 {
  margin: 1.25rem !important;
}

.ml5 {
  margin-left: 1.25rem !important;
}

.mr5 {
  margin-right: 1.25rem !important;
}

.mt5 {
  margin-top: 1.25rem !important;
}

.mb5 {
  margin-bottom: 1.25rem !important;
}

.mx5 {
  margin-left: 1.25rem !important;
  margin-right: 1.25rem !important;
}

.my5 {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}

/* margin 1.5rem */
.m6 {
  margin: 1.5rem !important;
}

.ml6 {
  margin-left: 1.5rem !important;
}

.mr6 {
  margin-right: 1.5rem !important;
}

.mt6 {
  margin-top: 1.5rem !important;
}

.mb6 {
  margin-bottom: 1.5rem !important;
}

.mx6 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my6 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

/* margin 1.75rem */
.m7 {
  margin: 1.75rem !important;
}

.ml7 {
  margin-left: 1.75rem !important;
}

.mr7 {
  margin-right: 1.75rem !important;
}

.mt7 {
  margin-top: 1.75rem !important;
}

.mb7 {
  margin-bottom: 1.75rem !important;
}

.mx7 {
  margin-left: 1.75rem !important;
  margin-right: 1.75rem !important;
}

.my7 {
  margin-top: 1.75rem !important;
  margin-bottom: 1.75rem !important;
}

/* margin 2rem */
.m8 {
  margin: 2rem !important;
}

.ml8 {
  margin-left: 2rem !important;
}

.mr8 {
  margin-right: 2rem !important;
}

.mt8 {
  margin-top: 2rem !important;
}

.mb8 {
  margin-bottom: 2rem !important;
}

.mx8 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.my8 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

/* margin 2.25rem */
.m9 {
  margin: 2.25rem !important;
}

.ml9 {
  margin-left: 2.25rem !important;
}

.mr9 {
  margin-right: 2.25rem !important;
}

.mt9 {
  margin-top: 2.25rem !important;
}

.mb9 {
  margin-bottom: 2.25rem !important;
}

.mx9 {
  margin-left: 2.25rem !important;
  margin-right: 2.25rem !important;
}

.my9 {
  margin-top: 2.25rem !important;
  margin-bottom: 2.25rem !important;
}

/* margin 2.5rem */
.m10 {
  margin: 2.5rem !important;
}

.ml10 {
  margin-left: 2.5rem !important;
}

.mr10 {
  margin-right: 2.5rem !important;
}

.mt10 {
  margin-top: 2.5rem !important;
}

.mb10 {
  margin-bottom: 2.5rem !important;
}

.mx10 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}

.my10 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

/* margin 2.75rem */
.m11 {
  margin: 2.75rem !important;
}

.ml11 {
  margin-left: 2.75rem !important;
}

.mr11 {
  margin-right: 2.75rem !important;
}

.mt11 {
  margin-top: 2.75rem !important;
}

.mb11 {
  margin-bottom: 2.75rem !important;
}

.mx11 {
  margin-left: 2.75rem !important;
  margin-right: 2.75rem !important;
}

.my11 {
  margin-top: 2.75rem !important;
  margin-bottom: 2.75rem !important;
}

/* margin 3rem */
.m12 {
  margin: 3rem !important;
}

.ml12 {
  margin-left: 3rem !important;
}

.mr12 {
  margin-right: 3rem !important;
}

.mt12 {
  margin-top: 3rem !important;
}

.mb12 {
  margin-bottom: 3rem !important;
}

.mx12 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my12 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

/* margin 3.25rem */
.m13 {
  margin: 3.25rem !important;
}

.ml13 {
  margin-left: 3.25rem !important;
}

.mr13 {
  margin-right: 3.25rem !important;
}

.mt13 {
  margin-top: 3.25rem !important;
}

.mb13 {
  margin-bottom: 3.25rem !important;
}

.mx13 {
  margin-left: 3.25rem !important;
  margin-right: 3.25rem !important;
}

.my13 {
  margin-top: 3.25rem !important;
  margin-bottom: 3.25rem !important;
}

/* margin 3.5rem */
.m14 {
  margin: 3.5rem !important;
}

.ml14 {
  margin-left: 3.5rem !important;
}

.mr14 {
  margin-right: 3.5rem !important;
}

.mt14 {
  margin-top: 3.5rem !important;
}

.mb14 {
  margin-bottom: 3.5rem !important;
}

.mx14 {
  margin-left: 3.5rem !important;
  margin-right: 3.5rem !important;
}

.my14 {
  margin-top: 3.5rem !important;
  margin-bottom: 3.5rem !important;
}

/* margin 3.75rem */
.m15 {
  margin: 3.75rem !important;
}

.ml15 {
  margin-left: 3.75rem !important;
}

.mr15 {
  margin-right: 3.75rem !important;
}

.mt15 {
  margin-top: 3.75rem !important;
}

.mb15 {
  margin-bottom: 3.75rem !important;
}

.mx15 {
  margin-left: 3.75rem !important;
  margin-right: 3.75rem !important;
}

.my15 {
  margin-top: 3.75rem !important;
  margin-bottom: 3.75rem !important;
}

/* margin 4rem */
.m16 {
  margin: 4rem !important;
}

.ml16 {
  margin-left: 4rem !important;
}

.mr16 {
  margin-right: 4rem !important;
}

.mt16 {
  margin-top: 4rem !important;
}

.mb16 {
  margin-bottom: 4rem !important;
}

.mx16 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.my16 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

/* margin 4.25rem */
.m17 {
  margin: 4.25rem !important;
}

.ml17 {
  margin-left: 4.25rem !important;
}

.mr17 {
  margin-right: 4.25rem !important;
}

.mt17 {
  margin-top: 4.25rem !important;
}

.mb17 {
  margin-bottom: 4.25rem !important;
}

.mx17 {
  margin-left: 4.25rem !important;
  margin-right: 4.25rem !important;
}

.my17 {
  margin-top: 4.25rem !important;
  margin-bottom: 4.25rem !important;
}

/* margin 4.5rem */
.m18 {
  margin: 4.5rem !important;
}

.ml18 {
  margin-left: 4.5rem !important;
}

.mr18 {
  margin-right: 4.5rem !important;
}

.mt18 {
  margin-top: 4.5rem !important;
}

.mb18 {
  margin-bottom: 4.5rem !important;
}

.mx18 {
  margin-left: 4.5rem !important;
  margin-right: 4.5rem !important;
}

.my18 {
  margin-top: 4.5rem !important;
  margin-bottom: 4.5rem !important;
}

/* margin 4.75rem */
.m19 {
  margin: 4.75rem !important;
}

.ml19 {
  margin-left: 4.75rem !important;
}

.mr19 {
  margin-right: 4.75rem !important;
}

.mt19 {
  margin-top: 4.75rem !important;
}

.mb19 {
  margin-bottom: 4.75rem !important;
}

.mx19 {
  margin-left: 4.75rem !important;
  margin-right: 4.75rem !important;
}

.my19 {
  margin-top: 4.75rem !important;
  margin-bottom: 4.75rem !important;
}

/* margin 5rem */
.m20 {
  margin: 5rem !important;
}

.ml20 {
  margin-left: 5rem !important;
}

.mr20 {
  margin-right: 5rem !important;
}

.mt20 {
  margin-top: 5rem !important;
}

.mb20 {
  margin-bottom: 5rem !important;
}

.mx20 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.my20 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

/* margin 5.25rem */
.m21 {
  margin: 5.25rem !important;
}

.ml21 {
  margin-left: 5.25rem !important;
}

.mr21 {
  margin-right: 5.25rem !important;
}

.mt21 {
  margin-top: 5.25rem !important;
}

.mb21 {
  margin-bottom: 5.25rem !important;
}

.mx21 {
  margin-left: 5.25rem !important;
  margin-right: 5.25rem !important;
}

.my21 {
  margin-top: 5.25rem !important;
  margin-bottom: 5.25rem !important;
}

/* margin 5.5rem */
.m22 {
  margin: 5.5rem !important;
}

.ml22 {
  margin-left: 5.5rem !important;
}

.mr22 {
  margin-right: 5.5rem !important;
}

.mt22 {
  margin-top: 5.5rem !important;
}

.mb22 {
  margin-bottom: 5.5rem !important;
}

.mx22 {
  margin-left: 5.5rem !important;
  margin-right: 5.5rem !important;
}

.my22 {
  margin-top: 5.5rem !important;
  margin-bottom: 5.5rem !important;
}

/* margin 5.75rem */
.m23 {
  margin: 5.75rem !important;
}

.ml23 {
  margin-left: 5.75rem !important;
}

.mr23 {
  margin-right: 5.75rem !important;
}

.mt23 {
  margin-top: 5.75rem !important;
}

.mb23 {
  margin-bottom: 5.75rem !important;
}

.mx23 {
  margin-left: 5.75rem !important;
  margin-right: 5.75rem !important;
}

.my23 {
  margin-top: 5.75rem !important;
  margin-bottom: 5.75rem !important;
}

/* margin 6rem */
.m24 {
  margin: 6rem !important;
}

.ml24 {
  margin-left: 6rem !important;
}

.mr24 {
  margin-right: 6rem !important;
}

.mt24 {
  margin-top: 6rem !important;
}

.mb24 {
  margin-bottom: 6rem !important;
}

.mx24 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.my24 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

/* margin 6.25rem */
.m25 {
  margin: 6.25rem !important;
}

.ml25 {
  margin-left: 6.25rem !important;
}

.mr25 {
  margin-right: 6.25rem !important;
}

.mt25 {
  margin-top: 6.25rem !important;
}

.mb25 {
  margin-bottom: 6.25rem !important;
}

.mx25 {
  margin-left: 6.25rem !important;
  margin-right: 6.25rem !important;
}

.my25 {
  margin-top: 6.25rem !important;
  margin-bottom: 6.25rem !important;
}

/* margin 6.5rem */
.m26 {
  margin: 6.5rem !important;
}

.ml26 {
  margin-left: 6.5rem !important;
}

.mr26 {
  margin-right: 6.5rem !important;
}

.mt26 {
  margin-top: 6.5rem !important;
}

.mb26 {
  margin-bottom: 6.5rem !important;
}

.mx26 {
  margin-left: 6.5rem !important;
  margin-right: 6.5rem !important;
}

.my26 {
  margin-top: 6.5rem !important;
  margin-bottom: 6.5rem !important;
}

/* margin 6.75rem */
.m27 {
  margin: 6.75rem !important;
}

.ml27 {
  margin-left: 6.75rem !important;
}

.mr27 {
  margin-right: 6.75rem !important;
}

.mt27 {
  margin-top: 6.75rem !important;
}

.mb27 {
  margin-bottom: 6.75rem !important;
}

.mx27 {
  margin-left: 6.75rem !important;
  margin-right: 6.75rem !important;
}

.my27 {
  margin-top: 6.75rem !important;
  margin-bottom: 6.75rem !important;
}

/* margin 7rem */
.m28 {
  margin: 7rem !important;
}

.ml28 {
  margin-left: 7rem !important;
}

.mr28 {
  margin-right: 7rem !important;
}

.mt28 {
  margin-top: 7rem !important;
}

.mb28 {
  margin-bottom: 7rem !important;
}

.mx28 {
  margin-left: 7rem !important;
  margin-right: 7rem !important;
}

.my28 {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}

/* margin 7.25rem */
.m29 {
  margin: 7.25rem !important;
}

.ml29 {
  margin-left: 7.25rem !important;
}

.mr29 {
  margin-right: 7.25rem !important;
}

.mt29 {
  margin-top: 7.25rem !important;
}

.mb29 {
  margin-bottom: 7.25rem !important;
}

.mx29 {
  margin-left: 7.25rem !important;
  margin-right: 7.25rem !important;
}

.my29 {
  margin-top: 7.25rem !important;
  margin-bottom: 7.25rem !important;
}

/* margin 7.5rem */
.m30 {
  margin: 7.5rem !important;
}

.ml30 {
  margin-left: 7.5rem !important;
}

.mr30 {
  margin-right: 7.5rem !important;
}

.mt30 {
  margin-top: 7.5rem !important;
}

.mb30 {
  margin-bottom: 7.5rem !important;
}

.mx30 {
  margin-left: 7.5rem !important;
  margin-right: 7.5rem !important;
}

.my30 {
  margin-top: 7.5rem !important;
  margin-bottom: 7.5rem !important;
}

/* margin 7.75rem */
.m31 {
  margin: 7.75rem !important;
}

.ml31 {
  margin-left: 7.75rem !important;
}

.mr31 {
  margin-right: 7.75rem !important;
}

.mt31 {
  margin-top: 7.75rem !important;
}

.mb31 {
  margin-bottom: 7.75rem !important;
}

.mx31 {
  margin-left: 7.75rem !important;
  margin-right: 7.75rem !important;
}

.my31 {
  margin-top: 7.75rem !important;
  margin-bottom: 7.75rem !important;
}

/* margin 8rem */
.m32 {
  margin: 8rem !important;
}

.ml32 {
  margin-left: 8rem !important;
}

.mr32 {
  margin-right: 8rem !important;
}

.mt32 {
  margin-top: 8rem !important;
}

.mb32 {
  margin-bottom: 8rem !important;
}

.mx32 {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}

.my32 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

/* margin 8.25rem */
.m33 {
  margin: 8.25rem !important;
}

.ml33 {
  margin-left: 8.25rem !important;
}

.mr33 {
  margin-right: 8.25rem !important;
}

.mt33 {
  margin-top: 8.25rem !important;
}

.mb33 {
  margin-bottom: 8.25rem !important;
}

.mx33 {
  margin-left: 8.25rem !important;
  margin-right: 8.25rem !important;
}

.my33 {
  margin-top: 8.25rem !important;
  margin-bottom: 8.25rem !important;
}

/* margin 8.5rem */
.m34 {
  margin: 8.5rem !important;
}

.ml34 {
  margin-left: 8.5rem !important;
}

.mr34 {
  margin-right: 8.5rem !important;
}

.mt34 {
  margin-top: 8.5rem !important;
}

.mb34 {
  margin-bottom: 8.5rem !important;
}

.mx34 {
  margin-left: 8.5rem !important;
  margin-right: 8.5rem !important;
}

.my34 {
  margin-top: 8.5rem !important;
  margin-bottom: 8.5rem !important;
}

/* margin 8.75rem */
.m35 {
  margin: 8.75rem !important;
}

.ml35 {
  margin-left: 8.75rem !important;
}

.mr35 {
  margin-right: 8.75rem !important;
}

.mt35 {
  margin-top: 8.75rem !important;
}

.mb35 {
  margin-bottom: 8.75rem !important;
}

.mx35 {
  margin-left: 8.75rem !important;
  margin-right: 8.75rem !important;
}

.my35 {
  margin-top: 8.75rem !important;
  margin-bottom: 8.75rem !important;
}

/* margin 9rem */
.m36 {
  margin: 9rem !important;
}

.ml36 {
  margin-left: 9rem !important;
}

.mr36 {
  margin-right: 9rem !important;
}

.mt36 {
  margin-top: 9rem !important;
}

.mb36 {
  margin-bottom: 9rem !important;
}

.mx36 {
  margin-left: 9rem !important;
  margin-right: 9rem !important;
}

.my36 {
  margin-top: 9rem !important;
  margin-bottom: 9rem !important;
}

/* margin 9.25rem */
.m37 {
  margin: 9.25rem !important;
}

.ml37 {
  margin-left: 9.25rem !important;
}

.mr37 {
  margin-right: 9.25rem !important;
}

.mt37 {
  margin-top: 9.25rem !important;
}

.mb37 {
  margin-bottom: 9.25rem !important;
}

.mx37 {
  margin-left: 9.25rem !important;
  margin-right: 9.25rem !important;
}

.my37 {
  margin-top: 9.25rem !important;
  margin-bottom: 9.25rem !important;
}

/* margin 9.5rem */
.m38 {
  margin: 9.5rem !important;
}

.ml38 {
  margin-left: 9.5rem !important;
}

.mr38 {
  margin-right: 9.5rem !important;
}

.mt38 {
  margin-top: 9.5rem !important;
}

.mb38 {
  margin-bottom: 9.5rem !important;
}

.mx38 {
  margin-left: 9.5rem !important;
  margin-right: 9.5rem !important;
}

.my38 {
  margin-top: 9.5rem !important;
  margin-bottom: 9.5rem !important;
}

/* margin 9.75rem */
.m39 {
  margin: 9.75rem !important;
}

.ml39 {
  margin-left: 9.75rem !important;
}

.mr39 {
  margin-right: 9.75rem !important;
}

.mt39 {
  margin-top: 9.75rem !important;
}

.mb39 {
  margin-bottom: 9.75rem !important;
}

.mx39 {
  margin-left: 9.75rem !important;
  margin-right: 9.75rem !important;
}

.my39 {
  margin-top: 9.75rem !important;
  margin-bottom: 9.75rem !important;
}

/* margin 10rem */
.m40 {
  margin: 10rem !important;
}

.ml40 {
  margin-left: 10rem !important;
}

.mr40 {
  margin-right: 10rem !important;
}

.mt40 {
  margin-top: 10rem !important;
}

.mb40 {
  margin-bottom: 10rem !important;
}

.mx40 {
  margin-left: 10rem !important;
  margin-right: 10rem !important;
}

.my40 {
  margin-top: 10rem !important;
  margin-bottom: 10rem !important;
}

/* padding 0.25rem */
.p1 {
  padding: 0.25rem !important;
}

.pl1 {
  padding-left: 0.25rem !important;
}

.pr1 {
  padding-right: 0.25rem !important;
}

.pt1 {
  padding-top: 0.25rem !important;
}

.pb1 {
  padding-bottom: 0.25rem !important;
}

.px1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

/* padding 0.5rem */
.p2 {
  padding: 0.5rem !important;
}

.pl2 {
  padding-left: 0.5rem !important;
}

.pr2 {
  padding-right: 0.5rem !important;
}

.pt2 {
  padding-top: 0.5rem !important;
}

.pb2 {
  padding-bottom: 0.5rem !important;
}

.px2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

/* padding 0.75rem */
.p3 {
  padding: 0.75rem !important;
}

.pl3 {
  padding-left: 0.75rem !important;
}

.pr3 {
  padding-right: 0.75rem !important;
}

.pt3 {
  padding-top: 0.75rem !important;
}

.pb3 {
  padding-bottom: 0.75rem !important;
}

.px3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.py3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

/* padding 1rem */
.p4 {
  padding: 1rem !important;
}

.pl4 {
  padding-left: 1rem !important;
}

.pr4 {
  padding-right: 1rem !important;
}

.pt4 {
  padding-top: 1rem !important;
}

.pb4 {
  padding-bottom: 1rem !important;
}

.px4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

/* padding 1.25rem */
.p5 {
  padding: 1.25rem !important;
}

.pl5 {
  padding-left: 1.25rem !important;
}

.pr5 {
  padding-right: 1.25rem !important;
}

.pt5 {
  padding-top: 1.25rem !important;
}

.pb5 {
  padding-bottom: 1.25rem !important;
}

.px5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.py5 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

/* padding 1.5rem */
.p6 {
  padding: 1.5rem !important;
}

.pl6 {
  padding-left: 1.5rem !important;
}

.pr6 {
  padding-right: 1.5rem !important;
}

.pt6 {
  padding-top: 1.5rem !important;
}

.pb6 {
  padding-bottom: 1.5rem !important;
}

.px6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py6 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

/* padding 1.75rem */
.p7 {
  padding: 1.75rem !important;
}

.pl7 {
  padding-left: 1.75rem !important;
}

.pr7 {
  padding-right: 1.75rem !important;
}

.pt7 {
  padding-top: 1.75rem !important;
}

.pb7 {
  padding-bottom: 1.75rem !important;
}

.px7 {
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
}

.py7 {
  padding-top: 1.75rem !important;
  padding-bottom: 1.75rem !important;
}

/* padding 2rem */
.p8 {
  padding: 2rem !important;
}

.pl8 {
  padding-left: 2rem !important;
}

.pr8 {
  padding-right: 2rem !important;
}

.pt8 {
  padding-top: 2rem !important;
}

.pb8 {
  padding-bottom: 2rem !important;
}

.px8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.py8 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

/* padding 2.25rem */
.p9 {
  padding: 2.25rem !important;
}

.pl9 {
  padding-left: 2.25rem !important;
}

.pr9 {
  padding-right: 2.25rem !important;
}

.pt9 {
  padding-top: 2.25rem !important;
}

.pb9 {
  padding-bottom: 2.25rem !important;
}

.px9 {
  padding-left: 2.25rem !important;
  padding-right: 2.25rem !important;
}

.py9 {
  padding-top: 2.25rem !important;
  padding-bottom: 2.25rem !important;
}

/* padding 2.5rem */
.p10 {
  padding: 2.5rem !important;
}

.pl10 {
  padding-left: 2.5rem !important;
}

.pr10 {
  padding-right: 2.5rem !important;
}

.pt10 {
  padding-top: 2.5rem !important;
}

.pb10 {
  padding-bottom: 2.5rem !important;
}

.px10 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.py10 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

/* padding 2.75rem */
.p11 {
  padding: 2.75rem !important;
}

.pl11 {
  padding-left: 2.75rem !important;
}

.pr11 {
  padding-right: 2.75rem !important;
}

.pt11 {
  padding-top: 2.75rem !important;
}

.pb11 {
  padding-bottom: 2.75rem !important;
}

.px11 {
  padding-left: 2.75rem !important;
  padding-right: 2.75rem !important;
}

.py11 {
  padding-top: 2.75rem !important;
  padding-bottom: 2.75rem !important;
}

/* padding 3rem */
.p12 {
  padding: 3rem !important;
}

.pl12 {
  padding-left: 3rem !important;
}

.pr12 {
  padding-right: 3rem !important;
}

.pt12 {
  padding-top: 3rem !important;
}

.pb12 {
  padding-bottom: 3rem !important;
}

.px12 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py12 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

/* padding 3.25rem */
.p13 {
  padding: 3.25rem !important;
}

.pl13 {
  padding-left: 3.25rem !important;
}

.pr13 {
  padding-right: 3.25rem !important;
}

.pt13 {
  padding-top: 3.25rem !important;
}

.pb13 {
  padding-bottom: 3.25rem !important;
}

.px13 {
  padding-left: 3.25rem !important;
  padding-right: 3.25rem !important;
}

.py13 {
  padding-top: 3.25rem !important;
  padding-bottom: 3.25rem !important;
}

/* padding 3.5rem */
.p14 {
  padding: 3.5rem !important;
}

.pl14 {
  padding-left: 3.5rem !important;
}

.pr14 {
  padding-right: 3.5rem !important;
}

.pt14 {
  padding-top: 3.5rem !important;
}

.pb14 {
  padding-bottom: 3.5rem !important;
}

.px14 {
  padding-left: 3.5rem !important;
  padding-right: 3.5rem !important;
}

.py14 {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}

/* padding 3.75rem */
.p15 {
  padding: 3.75rem !important;
}

.pl15 {
  padding-left: 3.75rem !important;
}

.pr15 {
  padding-right: 3.75rem !important;
}

.pt15 {
  padding-top: 3.75rem !important;
}

.pb15 {
  padding-bottom: 3.75rem !important;
}

.px15 {
  padding-left: 3.75rem !important;
  padding-right: 3.75rem !important;
}

.py15 {
  padding-top: 3.75rem !important;
  padding-bottom: 3.75rem !important;
}

/* padding 4rem */
.p16 {
  padding: 4rem !important;
}

.pl16 {
  padding-left: 4rem !important;
}

.pr16 {
  padding-right: 4rem !important;
}

.pt16 {
  padding-top: 4rem !important;
}

.pb16 {
  padding-bottom: 4rem !important;
}

.px16 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.py16 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

/* padding 4.25rem */
.p17 {
  padding: 4.25rem !important;
}

.pl17 {
  padding-left: 4.25rem !important;
}

.pr17 {
  padding-right: 4.25rem !important;
}

.pt17 {
  padding-top: 4.25rem !important;
}

.pb17 {
  padding-bottom: 4.25rem !important;
}

.px17 {
  padding-left: 4.25rem !important;
  padding-right: 4.25rem !important;
}

.py17 {
  padding-top: 4.25rem !important;
  padding-bottom: 4.25rem !important;
}

/* padding 4.5rem */
.p18 {
  padding: 4.5rem !important;
}

.pl18 {
  padding-left: 4.5rem !important;
}

.pr18 {
  padding-right: 4.5rem !important;
}

.pt18 {
  padding-top: 4.5rem !important;
}

.pb18 {
  padding-bottom: 4.5rem !important;
}

.px18 {
  padding-left: 4.5rem !important;
  padding-right: 4.5rem !important;
}

.py18 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}

/* padding 4.75rem */
.p19 {
  padding: 4.75rem !important;
}

.pl19 {
  padding-left: 4.75rem !important;
}

.pr19 {
  padding-right: 4.75rem !important;
}

.pt19 {
  padding-top: 4.75rem !important;
}

.pb19 {
  padding-bottom: 4.75rem !important;
}

.px19 {
  padding-left: 4.75rem !important;
  padding-right: 4.75rem !important;
}

.py19 {
  padding-top: 4.75rem !important;
  padding-bottom: 4.75rem !important;
}

/* padding 5rem */
.p20 {
  padding: 5rem !important;
}

.pl20 {
  padding-left: 5rem !important;
}

.pr20 {
  padding-right: 5rem !important;
}

.pt20 {
  padding-top: 5rem !important;
}

.pb20 {
  padding-bottom: 5rem !important;
}

.px20 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.py20 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

/* padding 5.25rem */
.p21 {
  padding: 5.25rem !important;
}

.pl21 {
  padding-left: 5.25rem !important;
}

.pr21 {
  padding-right: 5.25rem !important;
}

.pt21 {
  padding-top: 5.25rem !important;
}

.pb21 {
  padding-bottom: 5.25rem !important;
}

.px21 {
  padding-left: 5.25rem !important;
  padding-right: 5.25rem !important;
}

.py21 {
  padding-top: 5.25rem !important;
  padding-bottom: 5.25rem !important;
}

/* padding 5.5rem */
.p22 {
  padding: 5.5rem !important;
}

.pl22 {
  padding-left: 5.5rem !important;
}

.pr22 {
  padding-right: 5.5rem !important;
}

.pt22 {
  padding-top: 5.5rem !important;
}

.pb22 {
  padding-bottom: 5.5rem !important;
}

.px22 {
  padding-left: 5.5rem !important;
  padding-right: 5.5rem !important;
}

.py22 {
  padding-top: 5.5rem !important;
  padding-bottom: 5.5rem !important;
}

/* padding 5.75rem */
.p23 {
  padding: 5.75rem !important;
}

.pl23 {
  padding-left: 5.75rem !important;
}

.pr23 {
  padding-right: 5.75rem !important;
}

.pt23 {
  padding-top: 5.75rem !important;
}

.pb23 {
  padding-bottom: 5.75rem !important;
}

.px23 {
  padding-left: 5.75rem !important;
  padding-right: 5.75rem !important;
}

.py23 {
  padding-top: 5.75rem !important;
  padding-bottom: 5.75rem !important;
}

/* padding 6rem */
.p24 {
  padding: 6rem !important;
}

.pl24 {
  padding-left: 6rem !important;
}

.pr24 {
  padding-right: 6rem !important;
}

.pt24 {
  padding-top: 6rem !important;
}

.pb24 {
  padding-bottom: 6rem !important;
}

.px24 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.py24 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

/* padding 6.25rem */
.p25 {
  padding: 6.25rem !important;
}

.pl25 {
  padding-left: 6.25rem !important;
}

.pr25 {
  padding-right: 6.25rem !important;
}

.pt25 {
  padding-top: 6.25rem !important;
}

.pb25 {
  padding-bottom: 6.25rem !important;
}

.px25 {
  padding-left: 6.25rem !important;
  padding-right: 6.25rem !important;
}

.py25 {
  padding-top: 6.25rem !important;
  padding-bottom: 6.25rem !important;
}

/* padding 6.5rem */
.p26 {
  padding: 6.5rem !important;
}

.pl26 {
  padding-left: 6.5rem !important;
}

.pr26 {
  padding-right: 6.5rem !important;
}

.pt26 {
  padding-top: 6.5rem !important;
}

.pb26 {
  padding-bottom: 6.5rem !important;
}

.px26 {
  padding-left: 6.5rem !important;
  padding-right: 6.5rem !important;
}

.py26 {
  padding-top: 6.5rem !important;
  padding-bottom: 6.5rem !important;
}

/* padding 6.75rem */
.p27 {
  padding: 6.75rem !important;
}

.pl27 {
  padding-left: 6.75rem !important;
}

.pr27 {
  padding-right: 6.75rem !important;
}

.pt27 {
  padding-top: 6.75rem !important;
}

.pb27 {
  padding-bottom: 6.75rem !important;
}

.px27 {
  padding-left: 6.75rem !important;
  padding-right: 6.75rem !important;
}

.py27 {
  padding-top: 6.75rem !important;
  padding-bottom: 6.75rem !important;
}

/* padding 7rem */
.p28 {
  padding: 7rem !important;
}

.pl28 {
  padding-left: 7rem !important;
}

.pr28 {
  padding-right: 7rem !important;
}

.pt28 {
  padding-top: 7rem !important;
}

.pb28 {
  padding-bottom: 7rem !important;
}

.px28 {
  padding-left: 7rem !important;
  padding-right: 7rem !important;
}

.py28 {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

/* padding 7.25rem */
.p29 {
  padding: 7.25rem !important;
}

.pl29 {
  padding-left: 7.25rem !important;
}

.pr29 {
  padding-right: 7.25rem !important;
}

.pt29 {
  padding-top: 7.25rem !important;
}

.pb29 {
  padding-bottom: 7.25rem !important;
}

.px29 {
  padding-left: 7.25rem !important;
  padding-right: 7.25rem !important;
}

.py29 {
  padding-top: 7.25rem !important;
  padding-bottom: 7.25rem !important;
}

/* padding 7.5rem */
.p30 {
  padding: 7.5rem !important;
}

.pl30 {
  padding-left: 7.5rem !important;
}

.pr30 {
  padding-right: 7.5rem !important;
}

.pt30 {
  padding-top: 7.5rem !important;
}

.pb30 {
  padding-bottom: 7.5rem !important;
}

.px30 {
  padding-left: 7.5rem !important;
  padding-right: 7.5rem !important;
}

.py30 {
  padding-top: 7.5rem !important;
  padding-bottom: 7.5rem !important;
}

/* padding 7.75rem */
.p31 {
  padding: 7.75rem !important;
}

.pl31 {
  padding-left: 7.75rem !important;
}

.pr31 {
  padding-right: 7.75rem !important;
}

.pt31 {
  padding-top: 7.75rem !important;
}

.pb31 {
  padding-bottom: 7.75rem !important;
}

.px31 {
  padding-left: 7.75rem !important;
  padding-right: 7.75rem !important;
}

.py31 {
  padding-top: 7.75rem !important;
  padding-bottom: 7.75rem !important;
}

/* padding 8rem */
.p32 {
  padding: 8rem !important;
}

.pl32 {
  padding-left: 8rem !important;
}

.pr32 {
  padding-right: 8rem !important;
}

.pt32 {
  padding-top: 8rem !important;
}

.pb32 {
  padding-bottom: 8rem !important;
}

.px32 {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

.py32 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

/* padding 8.25rem */
.p33 {
  padding: 8.25rem !important;
}

.pl33 {
  padding-left: 8.25rem !important;
}

.pr33 {
  padding-right: 8.25rem !important;
}

.pt33 {
  padding-top: 8.25rem !important;
}

.pb33 {
  padding-bottom: 8.25rem !important;
}

.px33 {
  padding-left: 8.25rem !important;
  padding-right: 8.25rem !important;
}

.py33 {
  padding-top: 8.25rem !important;
  padding-bottom: 8.25rem !important;
}

/* padding 8.5rem */
.p34 {
  padding: 8.5rem !important;
}

.pl34 {
  padding-left: 8.5rem !important;
}

.pr34 {
  padding-right: 8.5rem !important;
}

.pt34 {
  padding-top: 8.5rem !important;
}

.pb34 {
  padding-bottom: 8.5rem !important;
}

.px34 {
  padding-left: 8.5rem !important;
  padding-right: 8.5rem !important;
}

.py34 {
  padding-top: 8.5rem !important;
  padding-bottom: 8.5rem !important;
}

/* padding 8.75rem */
.p35 {
  padding: 8.75rem !important;
}

.pl35 {
  padding-left: 8.75rem !important;
}

.pr35 {
  padding-right: 8.75rem !important;
}

.pt35 {
  padding-top: 8.75rem !important;
}

.pb35 {
  padding-bottom: 8.75rem !important;
}

.px35 {
  padding-left: 8.75rem !important;
  padding-right: 8.75rem !important;
}

.py35 {
  padding-top: 8.75rem !important;
  padding-bottom: 8.75rem !important;
}

/* padding 9rem */
.p36 {
  padding: 9rem !important;
}

.pl36 {
  padding-left: 9rem !important;
}

.pr36 {
  padding-right: 9rem !important;
}

.pt36 {
  padding-top: 9rem !important;
}

.pb36 {
  padding-bottom: 9rem !important;
}

.px36 {
  padding-left: 9rem !important;
  padding-right: 9rem !important;
}

.py36 {
  padding-top: 9rem !important;
  padding-bottom: 9rem !important;
}

/* padding 9.25rem */
.p37 {
  padding: 9.25rem !important;
}

.pl37 {
  padding-left: 9.25rem !important;
}

.pr37 {
  padding-right: 9.25rem !important;
}

.pt37 {
  padding-top: 9.25rem !important;
}

.pb37 {
  padding-bottom: 9.25rem !important;
}

.px37 {
  padding-left: 9.25rem !important;
  padding-right: 9.25rem !important;
}

.py37 {
  padding-top: 9.25rem !important;
  padding-bottom: 9.25rem !important;
}

/* padding 9.5rem */
.p38 {
  padding: 9.5rem !important;
}

.pl38 {
  padding-left: 9.5rem !important;
}

.pr38 {
  padding-right: 9.5rem !important;
}

.pt38 {
  padding-top: 9.5rem !important;
}

.pb38 {
  padding-bottom: 9.5rem !important;
}

.px38 {
  padding-left: 9.5rem !important;
  padding-right: 9.5rem !important;
}

.py38 {
  padding-top: 9.5rem !important;
  padding-bottom: 9.5rem !important;
}

/* padding 9.75rem */
.p39 {
  padding: 9.75rem !important;
}

.pl39 {
  padding-left: 9.75rem !important;
}

.pr39 {
  padding-right: 9.75rem !important;
}

.pt39 {
  padding-top: 9.75rem !important;
}

.pb39 {
  padding-bottom: 9.75rem !important;
}

.px39 {
  padding-left: 9.75rem !important;
  padding-right: 9.75rem !important;
}

.py39 {
  padding-top: 9.75rem !important;
  padding-bottom: 9.75rem !important;
}

/* padding 10rem */
.p40 {
  padding: 10rem !important;
}

.pl40 {
  padding-left: 10rem !important;
}

.pr40 {
  padding-right: 10rem !important;
}

.pt40 {
  padding-top: 10rem !important;
}

.pb40 {
  padding-bottom: 10rem !important;
}

.px40 {
  padding-left: 10rem !important;
  padding-right: 10rem !important;
}

.py40 {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}

.m_unset {
  margin: unset !important;
}

.ml_unset {
  margin-left: unset !important;
}

.mr_unset {
  margin-right: unset !important;
}

.mt_unset {
  margin-top: unset !important;
}

.mb_unset {
  margin-bottom: unset !important;
}

.mx_unset {
  margin-left: unset !important;
  margin-right: unset !important;
}

.my_unset {
  margin-top: unset !important;
  margin-bottom: unset !important;
}

.p_unset {
  padding: unset !important;
}

.pl_unset {
  padding-left: unset !important;
}

.pr_unset {
  padding-right: unset !important;
}

.pt_unset {
  padding-top: unset !important;
}

.pb_unset {
  padding-bottom: unset !important;
}

.px_unset {
  padding-left: unset !important;
  padding-right: unset !important;
}

.py_unset {
  padding-top: unset !important;
  padding-bottom: unset !important;
}

.m_auto {
  margin: auto !important;
}

.mx_auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my_auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

/*=============== VARIABLES CSS ===============*/
:root {
  --hue: 355;
  --first-color: hsl(var(--hue), 71%, 50%);
  --first-color-alt: hsl(var(--hue), 71%, 46%);
  --first-color-light: hsl(var(--hue), 71%, 84%);
  --first-color-lighten: hsl(var(--hue), 71%, 90%);
  --first-color-send: #de3b49;
  --title-color: hsl(var(--hue), 4%, 15%);
  --text-color: hsl(var(--hue), 4%, 35%);
  --text-color-light: hsl(var(--hue), 4%, 55%);
  --body-color: hsl(var(--hue), 0%, 100%);
  --container-color: #fff;
  /*========== Font and typography ==========*/
  --body-font: "Poppins", sans-serif;
  --big-font-size: 2.7rem;
  --h1-font-size: 2rem;
  --h2-font-size: 1.6rem;
  --h3-font-size: 1.3rem;
  --normal-font-size: 0.95rem;
  --small-font-size: 0.85rem;
  --smaller-font-size: 0.7rem;
  /*========== Font weight ==========*/
  --font-medium: 500;
  --font-semi-bold: 600;
  --font-bold: 700;
  /*========== z index ==========*/
  --index-max: 100;
  --index-med: 75;
  --index-mid: 50;
  --index-min: 25;
}

@media screen and (max-width: 400px) {
  :root {
    --big-font-size: 8.7vw;
    --h1-font-size: 7.4vw;
    --h2-font-size: 6.3vw;
    --h3-font-size: 5.8vw;
    --normal-font-size: 4vw;
    --small-font-size: 3.5vw;
    --smaller-font-size: 2.9vw;
  }
}
@media screen and (min-width: 997px) {
  :root {
    --big-font-size: 3.2rem;
    --h1-font-size: 2.4rem;
    --h2-font-size: 1.9rem;
    --h3-font-size: 1.5rem;
    --normal-font-size: 1rem;
    --small-font-size: 0.9rem;
    --smaller-font-size: 0.8rem;
  }
}
/*=============== BASE ===============*/
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html {
  scroll-behavior: smooth;
  max-width: 100vw;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow-x: hidden;
}

body {
  max-width: 100vw;
  overflow-x: hidden;
  background-color: var(--body-color);
  color: var(--text-color);
  transition: 0.4s; /*For animation dark mode*/
}

body,
button,
input,
textarea {
  font-family: var(--body-font);
  font-size: var(--normal-font-size);
}

button {
  cursor: pointer;
  border: none;
  outline: none;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: var(--title-color);
}

img {
  max-width: 100%;
  height: auto;
}

::-webkit-scrollbar {
  width: 0.5rem;
  background: hsl(var(--hue), 4%, 53%);
}

::-webkit-scrollbar-thumb {
  background: hsl(var(--hue), 4%, 29%);
  border-radius: 0.5rem;
}

.swiper-horizontal > .swiper-pagination-bullets {
  bottom: 0rem;
}

.swiper-pagination-bullet-active {
  background-color: var(--first-color);
}

.swiper-pagination-bullet {
  outline: none;
}

h1,
h2,
h3 {
  color: var(--title-color);
  font-weight: var(--font-semi-bold);
  line-height: 120%;
}

h1 {
  font-size: var(--h1-font-size);
}

h2 {
  font-size: var(--h2-font-size);
}

h3 {
  font-size: var(--h3-font-size);
}

.text-xsm {
  font-size: var(--smaller-font-size) !important;
}

.text-sm {
  font-size: var(--small-font-size) !important;
}

.text-h1 {
  font-size: var(--h1-font-size) !important;
  font-weight: var(--font-bold);
  color: #000;
}

.text-h2 {
  font-size: var(--h2-font-size) !important;
  font-weight: var(--font-bold);
  color: #000;
}

.text-h3 {
  font-size: var(--h3-font-size) !important;
  font-weight: var(--font-bold);
  color: #000;
}

.text-big {
  font-size: var(--big-font-size) !important;
  font-weight: var(--font-bold);
  color: #000;
  line-height: 120%;
}

.text-nm {
  font-size: var(--normal-font-size) !important;
}

header {
  max-width: 100vw;
  width: 100%;
  background: var(--body-color);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--index-max);
  transition: 0.4s;
}
header nav {
  height: 5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--title-color);
}
header nav .nav__logo {
  max-width: 130px;
  width: 50%;
}
header nav .nav__btns {
  display: inline-flex;
  font-size: var(--h3-font-size);
  cursor: pointer;
  z-index: var(--index-max);
}
header nav .nav__btns .nav__toggle {
  display: block;
}
header nav .nav__btns .nav__close {
  display: none;
}
header nav .nav__menu {
  position: fixed;
  background: var(--container-color);
  width: 70%;
  height: 100%;
  top: 0;
  right: -100%;
  box-shadow: -2px 0 4px hsla(var(--hue), 24%, 15%, 0.1);
  padding: 4rem 0 0 2rem;
  border-radius: 1rem 0 0 1rem;
  transition: 0.4s;
  z-index: var(--index-max);
}
header nav .nav__menu .nav__list {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}
header nav .nav__menu .nav__list .nav__link {
  font-weight: var(--font-medium);
  transition: 0.3s;
}
header nav .nav__menu .nav__list .nav__link:hover {
  color: var(--first-color);
}
header nav .nav__menu .nav__dropdown .dropdown__icon {
  transition: 0.3s;
}
header nav .nav__menu .nav__dropdown .dropdown__menu {
  margin: 1rem 0 0 1rem;
  display: none;
}
header nav .nav__menu .nav__dropdown .dropdown__item {
  margin: 1rem 0;
}
header nav .nav__menu .nav__dropdown .dropdown__item:last-child {
  margin-top: 1rem;
  margin-bottom: 0;
}
header nav .nav__menu .nav__dropdown:hover .dropdown__icon {
  transform: rotate(180deg);
}
header nav .nav__menu .nav__dropdown:hover > .dropdown__menu {
  display: block;
}
header nav .active-link-dropdown {
  color: var(--first-color);
}
header nav .active-link {
  position: relative;
  color: var(--first-color);
}
header nav .active-link::after {
  content: "";
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  width: 50%;
  height: 2px;
  background: var(--first-color);
}
header nav.show-menu .nav__btns .nav__toggle {
  display: none;
}
header nav.show-menu .nav__btns .nav__close {
  display: block;
}
header nav.show-menu .nav__menu {
  right: 0 !important;
}

header.scroll-header {
  box-shadow: 0 1px 4px hsla(var(--hue), 4%, 15%, 0.1);
  padding: 0.5rem;
}

@media screen and (min-width: 992px) {
  header nav .nav__btns {
    display: none;
  }
  header nav .nav__menu {
    position: unset;
    background: unset;
    width: unset;
    height: unset;
    top: unset;
    right: unset;
    transform: unset;
    box-shadow: unset;
    padding: unset;
    border-radius: unset;
    transition: unset;
    z-index: var(--index-max);
  }
  header nav .nav__menu .nav__list {
    display: flex;
    flex-direction: row;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
  header nav .nav__menu .nav__list .nav__link {
    font-weight: var(--font-medium);
    transition: 0.3s;
  }
  header nav .nav__menu .nav__list .nav__link:hover {
    color: var(--first-color);
  }
  header nav .nav__menu .nav__dropdown {
    position: relative;
  }
  header nav .nav__menu .nav__dropdown .dropdown__menu {
    position: fixed;
    margin: 0;
    top: 3rem;
    padding: 1rem 2rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 0.5rem;
    background: var(--container-color);
    display: none;
    z-index: -1;
  }
  header nav .nav__menu .nav__dropdown .dropdown__item {
    margin: 1rem 0;
  }
  header nav .nav__menu .nav__dropdown .dropdown__item:last-child {
    margin-top: 1rem;
    margin-bottom: 0;
  }
}
footer .grid__container-2 {
  align-items: unset;
}
footer .footer__content {
  color: var(--title-color);
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
footer .footer__content .footer__logo img {
  max-width: 130px;
  width: 50%;
}
footer .footer__content .footer__data {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
}
footer .footer__content .footer__data .footer__information {
  font-size: var(--small-font-size);
}
footer .footer__content .footer__data .footer__link {
  transition: 0.3s;
}
footer .footer__content .footer__data .footer__link:hover {
  color: var(--first-color);
  padding-left: 0.5rem;
}
footer .footer__content .footer__data .footer__social {
  display: inline-flex;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
footer .footer__content .footer__data .footer__social .footer__link {
  transition: 0.3s;
}
footer .footer__content .footer__data .footer__social .footer__link:hover {
  transform: translateY(-0.25rem);
  padding-left: 0;
}
footer .footer__content .active-link {
  color: var(--first-color);
}
footer .footer__copyright {
  text-align: center;
  font-size: var(--smaller-font-size);
  color: var(--text-color-light);
}

section {
  padding: 5rem 0;
}
section .section__title {
  display: flex;
  justify-content: center;
  text-align: center;
  margin-bottom: 5rem;
  font-weight: var(--font-bold);
}
section .section__title span {
  position: relative;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  text-transform: uppercase;
  font-weight: var(--font-bold);
  font-size: var(--big-font-size);
  color: #000;
  line-height: 120%;
}
section .section__title span::before {
  content: "";
  position: absolute;
  bottom: -0.25rem;
  left: 50%;
  transform: translateX(-50%);
  width: 30%;
  height: 12%;
  max-height: 6px;
  background: var(--first-color);
}

.button {
  display: inline-block;
  background-color: var(--first-color);
  color: #fff;
  padding: 3.5% 7%;
  border-radius: 0.5rem;
  font-weight: var(--font-medium);
  transition: 0.3s;
  width: -moz-max-content;
  width: max-content;
}

.button:hover {
  background-color: var(--first-color-alt);
}

.button__icon {
  transition: 0.3s;
  font-size: var(--small-font-size);
}

.button:hover .button__icon {
  transform: translateX(0.25rem);
}

.button--flex {
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.button--link {
  color: var(--first-color);
  font-weight: var(--font-medium);
  transition: 0.3s;
}

.button--link:hover .button__icon {
  transform: translateX(0.25rem);
}

@media screen and (min-width: 768px) {
  .button {
    padding: 4% 8%;
  }
}
.sheet {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  opacity: 0;
  pointer-events: none;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
  transition: 0.1s linear;
  z-index: 1000;
}
.sheet .sheet__overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background: #000;
}
.sheet .sheet__container {
  width: 100%;
  position: relative;
  background: #fff;
  max-height: 100vh;
  height: 50vh;
  max-width: 970px;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  transform: translateY(100%);
  border-radius: 12px 12px 0 0;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03);
  transition: 0.3s ease;
}
.sheet .sheet__content {
  height: 100%;
  overflow-y: auto;
  padding: 1rem 0 2.5rem;
  scrollbar-width: none;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.sheet .sheet__content::-webkit-scrollbar {
  display: none;
}
.sheet .sheet__content .sheet__data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 1rem;
}
.sheet .sheet__content .sheet__data .sheet__img {
  max-width: 500px;
  width: 100%;
  margin: 1rem auto 2rem;
}
.sheet .sheet__header {
  display: flex;
  justify-content: center;
}
.sheet .sheet__header .drag-icon {
  cursor: grab;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 15px;
  margin-top: -15px;
}
.sheet .sheet__header .drag-icon span {
  height: 4px;
  width: 40px;
  display: block;
  background: var(--first-color);
  border-radius: 50px;
}

.sheet.show {
  opacity: 1;
  pointer-events: auto;
}
.sheet.show .sheet__container {
  transform: translateY(0%);
}

.sheet.dragging .sheet__container {
  transition: none;
}

.sheet.fullscreen .sheet__container {
  border-radius: 0;
  overflow-y: hidden;
}

/*=============== SCROLL UP ===============*/
.scrollup {
  position: fixed;
  background-color: var(--first-color);
  right: 1rem;
  bottom: -30%;
  display: inline-flex;
  padding: 0.5rem;
  border-radius: 0.25rem;
  z-index: var(--index-max);
  opacity: 0.8;
  transition: 0.4s;
}

.scrollup__icon {
  font-size: var(--h3-font-size);
  color: #fff;
}

.scrollup:hover {
  background-color: var(--first-color-alt);
  opacity: 1;
}

/* Show Scroll Up*/
.show-scroll {
  bottom: 3rem;
  right: 5%;
}

/*=============== Preloader ===============*/
.preloader {
  background-color: #f7f7f7;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  transition: 0.6s;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.preloader p {
  text-align: center;
  color: #364547;
  font-weight: 1000;
  font-size: 12px;
  padding-top: 1rem;
}
.preloader .preloader__circle {
  width: 100px;
  height: 100px;
  position: relative;
  z-index: 10;
  border-radius: 50%;
  box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15);
  background-color: #ffffff;
}
.preloader .preloader__circle::before {
  content: "";
  position: absolute;
  border-width: 3px;
  border-radius: 50%;
  border-style: solid;
  border-top-color: #364547;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: spin 2s linear infinite;
  width: 100%;
  height: 100%;
}
.preloader .preloader__circle .preloader__img {
  position: absolute;
  top: 50%;
  z-index: 200;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 80px;
  transform: translateY(-50%);
  transition: 0.6s;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}/*# sourceMappingURL=main.css.map */