/* Fonts */
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Hahmlet:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=BioRhyme:wght@200..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Hahmlet:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");
.font-sora {
  font-family: "Sora", serif;
}

.font-hahmlet {
  font-family: "Hahmlet", serif;
}

.font-anton {
  font-family: "Anton", sans-serif;
}

.font-archivo {
  font-family: "Archivo", sans-serif;
}

.font-biorhyme {
  font-family: "BioRhyme", serif;
}

.font-cormorant {
  font-family: "Cormorant", serif;
}

.font-encode-sans {
  font-family: "Encode Sans", sans-serif;
}

.font-hahmlet {
  font-family: "Hahmlet", serif;
}

.font-lato {
  font-family: "Lato", sans-serif;
}

.font-lora {
  font-family: "Lora", serif;
}

.font-manrope {
  font-family: "Manrope", sans-serif;
}

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

.font-nunito {
  font-family: "Nunito", sans-serif;
}

.font-open-sans {
  font-family: "Open Sans", sans-serif;
}

.font-oswald {
  font-family: "Oswald", sans-serif;
}

.font-oxygen {
  font-family: "Oxygen", sans-serif;
}

.font-playfair-display {
  font-family: "Playfair Display", serif;
}

.font-poppins {
  font-family: "Poppins", sans-serif;
}

.font-raleway {
  font-family: "Raleway", sans-serif;
}

.font-roboto {
  font-family: "Roboto", sans-serif;
}

.font-spectral {
  font-family: "Spectral", serif;
}

.font-work-sans {
  font-family: "Work Sans", sans-serif;
}

/* End of Fonts */
/* Layout General */
.center {
  text-align: center;
}

.color-1 {
  color: #3288eb;
}

.color-2 {
  color: #52f8cb;
}

.white {
  color: white;
}

.width-100 {
  width: 100%;
}

.flex-col {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.flex-col.align-center {
  align-items: center;
}
.flex-col.justify-center {
  justify-content: center;
}

.flex-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.flex-row.align-center {
  align-items: center;
}
.flex-row.justify-center {
  justify-content: center;
}

@media (max-width: 992px) {
  .one-line-flex-mobile > * {
    flex: none !important;
  }
}

.font-xs {
  font-size: 12px;
  line-height: 16px;
}

.font-s {
  font-size: 14px;
  line-height: 18px;
}

.font-m {
  font-size: 16px;
  line-height: 22px;
}

.font-l {
  font-size: 18px;
  line-height: 26px;
}

.font-xl {
  font-size: 20px;
  line-height: 28px;
}

.font-xxl {
  font-size: 22px;
  line-height: 30px;
}

.flex-1 {
  flex: 1;
}

.flex-none {
  flex: none;
}

/* Layout General */
.bebas {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.oswald {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

body {
  font-family: "Inter", sans-serif;
  color: black;
  font-size: 16px;
  line-height: 24px;
}

main {
  min-height: 100vh;
}
@media (max-width: 992px) {
  main {
    padding-top: 76px;
  }
}

.shadowed-box {
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);
}

.hidden {
  display: none !important;
}

/* Margins And Paddings */
.mt0 {
  margin-top: 0px;
}

.mt1 {
  margin-top: 1px;
}

.mt2 {
  margin-top: 2px;
}

.mt3 {
  margin-top: 3px;
}

.mt4 {
  margin-top: 4px;
}

.mt5 {
  margin-top: 5px;
}

.mt6 {
  margin-top: 6px;
}

.mt7 {
  margin-top: 7px;
}

.mt8 {
  margin-top: 8px;
}

.mt9 {
  margin-top: 9px;
}

.mt10 {
  margin-top: 10px;
}

.mt11 {
  margin-top: 11px;
}

.mt12 {
  margin-top: 12px;
}

.mt13 {
  margin-top: 13px;
}

.mt14 {
  margin-top: 14px;
}

.mt15 {
  margin-top: 15px;
}

.mt16 {
  margin-top: 16px;
}

.mt17 {
  margin-top: 17px;
}

.mt18 {
  margin-top: 18px;
}

.mt19 {
  margin-top: 19px;
}

.mt20 {
  margin-top: 20px;
}

.mt21 {
  margin-top: 21px;
}

.mt22 {
  margin-top: 22px;
}

.mt23 {
  margin-top: 23px;
}

.mt24 {
  margin-top: 24px;
}

.mt25 {
  margin-top: 25px;
}

.mt26 {
  margin-top: 26px;
}

.mt27 {
  margin-top: 27px;
}

.mt28 {
  margin-top: 28px;
}

.mt29 {
  margin-top: 29px;
}

.mt30 {
  margin-top: 30px;
}

.mt31 {
  margin-top: 31px;
}

.mt32 {
  margin-top: 32px;
}

.mt33 {
  margin-top: 33px;
}

.mt34 {
  margin-top: 34px;
}

.mt35 {
  margin-top: 35px;
}

.mt36 {
  margin-top: 36px;
}

.mt37 {
  margin-top: 37px;
}

.mt38 {
  margin-top: 38px;
}

.mt39 {
  margin-top: 39px;
}

.mt40 {
  margin-top: 40px;
}

.mt41 {
  margin-top: 41px;
}

.mt42 {
  margin-top: 42px;
}

.mt43 {
  margin-top: 43px;
}

.mt44 {
  margin-top: 44px;
}

.mt45 {
  margin-top: 45px;
}

.mt46 {
  margin-top: 46px;
}

.mt47 {
  margin-top: 47px;
}

.mt48 {
  margin-top: 48px;
}

.mt49 {
  margin-top: 49px;
}

.mt50 {
  margin-top: 50px;
}

.mb0 {
  margin-bottom: 0px;
}

.mb1 {
  margin-bottom: 1px;
}

.mb2 {
  margin-bottom: 2px;
}

.mb3 {
  margin-bottom: 3px;
}

.mb4 {
  margin-bottom: 4px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb6 {
  margin-bottom: 6px;
}

.mb7 {
  margin-bottom: 7px;
}

.mb8 {
  margin-bottom: 8px;
}

.mb9 {
  margin-bottom: 9px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb11 {
  margin-bottom: 11px;
}

.mb12 {
  margin-bottom: 12px;
}

.mb13 {
  margin-bottom: 13px;
}

.mb14 {
  margin-bottom: 14px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb16 {
  margin-bottom: 16px;
}

.mb17 {
  margin-bottom: 17px;
}

.mb18 {
  margin-bottom: 18px;
}

.mb19 {
  margin-bottom: 19px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb21 {
  margin-bottom: 21px;
}

.mb22 {
  margin-bottom: 22px;
}

.mb23 {
  margin-bottom: 23px;
}

.mb24 {
  margin-bottom: 24px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb26 {
  margin-bottom: 26px;
}

.mb27 {
  margin-bottom: 27px;
}

.mb28 {
  margin-bottom: 28px;
}

.mb29 {
  margin-bottom: 29px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb31 {
  margin-bottom: 31px;
}

.mb32 {
  margin-bottom: 32px;
}

.mb33 {
  margin-bottom: 33px;
}

.mb34 {
  margin-bottom: 34px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb36 {
  margin-bottom: 36px;
}

.mb37 {
  margin-bottom: 37px;
}

.mb38 {
  margin-bottom: 38px;
}

.mb39 {
  margin-bottom: 39px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb41 {
  margin-bottom: 41px;
}

.mb42 {
  margin-bottom: 42px;
}

.mb43 {
  margin-bottom: 43px;
}

.mb44 {
  margin-bottom: 44px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb46 {
  margin-bottom: 46px;
}

.mb47 {
  margin-bottom: 47px;
}

.mb48 {
  margin-bottom: 48px;
}

.mb49 {
  margin-bottom: 49px;
}

.mb50 {
  margin-bottom: 50px;
}

.ml0 {
  margin-left: 0px;
}

.ml1 {
  margin-left: 1px;
}

.ml2 {
  margin-left: 2px;
}

.ml3 {
  margin-left: 3px;
}

.ml4 {
  margin-left: 4px;
}

.ml5 {
  margin-left: 5px;
}

.ml6 {
  margin-left: 6px;
}

.ml7 {
  margin-left: 7px;
}

.ml8 {
  margin-left: 8px;
}

.ml9 {
  margin-left: 9px;
}

.ml10 {
  margin-left: 10px;
}

.ml11 {
  margin-left: 11px;
}

.ml12 {
  margin-left: 12px;
}

.ml13 {
  margin-left: 13px;
}

.ml14 {
  margin-left: 14px;
}

.ml15 {
  margin-left: 15px;
}

.ml16 {
  margin-left: 16px;
}

.ml17 {
  margin-left: 17px;
}

.ml18 {
  margin-left: 18px;
}

.ml19 {
  margin-left: 19px;
}

.ml20 {
  margin-left: 20px;
}

.ml21 {
  margin-left: 21px;
}

.ml22 {
  margin-left: 22px;
}

.ml23 {
  margin-left: 23px;
}

.ml24 {
  margin-left: 24px;
}

.ml25 {
  margin-left: 25px;
}

.ml26 {
  margin-left: 26px;
}

.ml27 {
  margin-left: 27px;
}

.ml28 {
  margin-left: 28px;
}

.ml29 {
  margin-left: 29px;
}

.ml30 {
  margin-left: 30px;
}

.ml31 {
  margin-left: 31px;
}

.ml32 {
  margin-left: 32px;
}

.ml33 {
  margin-left: 33px;
}

.ml34 {
  margin-left: 34px;
}

.ml35 {
  margin-left: 35px;
}

.ml36 {
  margin-left: 36px;
}

.ml37 {
  margin-left: 37px;
}

.ml38 {
  margin-left: 38px;
}

.ml39 {
  margin-left: 39px;
}

.ml40 {
  margin-left: 40px;
}

.ml41 {
  margin-left: 41px;
}

.ml42 {
  margin-left: 42px;
}

.ml43 {
  margin-left: 43px;
}

.ml44 {
  margin-left: 44px;
}

.ml45 {
  margin-left: 45px;
}

.ml46 {
  margin-left: 46px;
}

.ml47 {
  margin-left: 47px;
}

.ml48 {
  margin-left: 48px;
}

.ml49 {
  margin-left: 49px;
}

.ml50 {
  margin-left: 50px;
}

.mr0 {
  margin-right: 0px;
}

.mr1 {
  margin-right: 1px;
}

.mr2 {
  margin-right: 2px;
}

.mr3 {
  margin-right: 3px;
}

.mr4 {
  margin-right: 4px;
}

.mr5 {
  margin-right: 5px;
}

.mr6 {
  margin-right: 6px;
}

.mr7 {
  margin-right: 7px;
}

.mr8 {
  margin-right: 8px;
}

.mr9 {
  margin-right: 9px;
}

.mr10 {
  margin-right: 10px;
}

.mr11 {
  margin-right: 11px;
}

.mr12 {
  margin-right: 12px;
}

.mr13 {
  margin-right: 13px;
}

.mr14 {
  margin-right: 14px;
}

.mr15 {
  margin-right: 15px;
}

.mr16 {
  margin-right: 16px;
}

.mr17 {
  margin-right: 17px;
}

.mr18 {
  margin-right: 18px;
}

.mr19 {
  margin-right: 19px;
}

.mr20 {
  margin-right: 20px;
}

.mr21 {
  margin-right: 21px;
}

.mr22 {
  margin-right: 22px;
}

.mr23 {
  margin-right: 23px;
}

.mr24 {
  margin-right: 24px;
}

.mr25 {
  margin-right: 25px;
}

.mr26 {
  margin-right: 26px;
}

.mr27 {
  margin-right: 27px;
}

.mr28 {
  margin-right: 28px;
}

.mr29 {
  margin-right: 29px;
}

.mr30 {
  margin-right: 30px;
}

.mr31 {
  margin-right: 31px;
}

.mr32 {
  margin-right: 32px;
}

.mr33 {
  margin-right: 33px;
}

.mr34 {
  margin-right: 34px;
}

.mr35 {
  margin-right: 35px;
}

.mr36 {
  margin-right: 36px;
}

.mr37 {
  margin-right: 37px;
}

.mr38 {
  margin-right: 38px;
}

.mr39 {
  margin-right: 39px;
}

.mr40 {
  margin-right: 40px;
}

.mr41 {
  margin-right: 41px;
}

.mr42 {
  margin-right: 42px;
}

.mr43 {
  margin-right: 43px;
}

.mr44 {
  margin-right: 44px;
}

.mr45 {
  margin-right: 45px;
}

.mr46 {
  margin-right: 46px;
}

.mr47 {
  margin-right: 47px;
}

.mr48 {
  margin-right: 48px;
}

.mr49 {
  margin-right: 49px;
}

.mr50 {
  margin-right: 50px;
}

.m0 {
  margin: 0px;
}

.m1 {
  margin: 1px;
}

.m2 {
  margin: 2px;
}

.m3 {
  margin: 3px;
}

.m4 {
  margin: 4px;
}

.m5 {
  margin: 5px;
}

.m6 {
  margin: 6px;
}

.m7 {
  margin: 7px;
}

.m8 {
  margin: 8px;
}

.m9 {
  margin: 9px;
}

.m10 {
  margin: 10px;
}

.m11 {
  margin: 11px;
}

.m12 {
  margin: 12px;
}

.m13 {
  margin: 13px;
}

.m14 {
  margin: 14px;
}

.m15 {
  margin: 15px;
}

.m16 {
  margin: 16px;
}

.m17 {
  margin: 17px;
}

.m18 {
  margin: 18px;
}

.m19 {
  margin: 19px;
}

.m20 {
  margin: 20px;
}

.m21 {
  margin: 21px;
}

.m22 {
  margin: 22px;
}

.m23 {
  margin: 23px;
}

.m24 {
  margin: 24px;
}

.m25 {
  margin: 25px;
}

.m26 {
  margin: 26px;
}

.m27 {
  margin: 27px;
}

.m28 {
  margin: 28px;
}

.m29 {
  margin: 29px;
}

.m30 {
  margin: 30px;
}

.m31 {
  margin: 31px;
}

.m32 {
  margin: 32px;
}

.m33 {
  margin: 33px;
}

.m34 {
  margin: 34px;
}

.m35 {
  margin: 35px;
}

.m36 {
  margin: 36px;
}

.m37 {
  margin: 37px;
}

.m38 {
  margin: 38px;
}

.m39 {
  margin: 39px;
}

.m40 {
  margin: 40px;
}

.m41 {
  margin: 41px;
}

.m42 {
  margin: 42px;
}

.m43 {
  margin: 43px;
}

.m44 {
  margin: 44px;
}

.m45 {
  margin: 45px;
}

.m46 {
  margin: 46px;
}

.m47 {
  margin: 47px;
}

.m48 {
  margin: 48px;
}

.m49 {
  margin: 49px;
}

.m50 {
  margin: 50px;
}

.pt0 {
  padding-top: 0px;
}

.pt1 {
  padding-top: 1px;
}

.pt2 {
  padding-top: 2px;
}

.pt3 {
  padding-top: 3px;
}

.pt4 {
  padding-top: 4px;
}

.pt5 {
  padding-top: 5px;
}

.pt6 {
  padding-top: 6px;
}

.pt7 {
  padding-top: 7px;
}

.pt8 {
  padding-top: 8px;
}

.pt9 {
  padding-top: 9px;
}

.pt10 {
  padding-top: 10px;
}

.pt11 {
  padding-top: 11px;
}

.pt12 {
  padding-top: 12px;
}

.pt13 {
  padding-top: 13px;
}

.pt14 {
  padding-top: 14px;
}

.pt15 {
  padding-top: 15px;
}

.pt16 {
  padding-top: 16px;
}

.pt17 {
  padding-top: 17px;
}

.pt18 {
  padding-top: 18px;
}

.pt19 {
  padding-top: 19px;
}

.pt20 {
  padding-top: 20px;
}

.pt21 {
  padding-top: 21px;
}

.pt22 {
  padding-top: 22px;
}

.pt23 {
  padding-top: 23px;
}

.pt24 {
  padding-top: 24px;
}

.pt25 {
  padding-top: 25px;
}

.pt26 {
  padding-top: 26px;
}

.pt27 {
  padding-top: 27px;
}

.pt28 {
  padding-top: 28px;
}

.pt29 {
  padding-top: 29px;
}

.pt30 {
  padding-top: 30px;
}

.pt31 {
  padding-top: 31px;
}

.pt32 {
  padding-top: 32px;
}

.pt33 {
  padding-top: 33px;
}

.pt34 {
  padding-top: 34px;
}

.pt35 {
  padding-top: 35px;
}

.pt36 {
  padding-top: 36px;
}

.pt37 {
  padding-top: 37px;
}

.pt38 {
  padding-top: 38px;
}

.pt39 {
  padding-top: 39px;
}

.pt40 {
  padding-top: 40px;
}

.pt41 {
  padding-top: 41px;
}

.pt42 {
  padding-top: 42px;
}

.pt43 {
  padding-top: 43px;
}

.pt44 {
  padding-top: 44px;
}

.pt45 {
  padding-top: 45px;
}

.pt46 {
  padding-top: 46px;
}

.pt47 {
  padding-top: 47px;
}

.pt48 {
  padding-top: 48px;
}

.pt49 {
  padding-top: 49px;
}

.pt50 {
  padding-top: 50px;
}

.pb0 {
  padding-bottom: 0px;
}

.pb1 {
  padding-bottom: 1px;
}

.pb2 {
  padding-bottom: 2px;
}

.pb3 {
  padding-bottom: 3px;
}

.pb4 {
  padding-bottom: 4px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb6 {
  padding-bottom: 6px;
}

.pb7 {
  padding-bottom: 7px;
}

.pb8 {
  padding-bottom: 8px;
}

.pb9 {
  padding-bottom: 9px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb11 {
  padding-bottom: 11px;
}

.pb12 {
  padding-bottom: 12px;
}

.pb13 {
  padding-bottom: 13px;
}

.pb14 {
  padding-bottom: 14px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb16 {
  padding-bottom: 16px;
}

.pb17 {
  padding-bottom: 17px;
}

.pb18 {
  padding-bottom: 18px;
}

.pb19 {
  padding-bottom: 19px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb21 {
  padding-bottom: 21px;
}

.pb22 {
  padding-bottom: 22px;
}

.pb23 {
  padding-bottom: 23px;
}

.pb24 {
  padding-bottom: 24px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb26 {
  padding-bottom: 26px;
}

.pb27 {
  padding-bottom: 27px;
}

.pb28 {
  padding-bottom: 28px;
}

.pb29 {
  padding-bottom: 29px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb31 {
  padding-bottom: 31px;
}

.pb32 {
  padding-bottom: 32px;
}

.pb33 {
  padding-bottom: 33px;
}

.pb34 {
  padding-bottom: 34px;
}

.pb35 {
  padding-bottom: 35px;
}

.pb36 {
  padding-bottom: 36px;
}

.pb37 {
  padding-bottom: 37px;
}

.pb38 {
  padding-bottom: 38px;
}

.pb39 {
  padding-bottom: 39px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb41 {
  padding-bottom: 41px;
}

.pb42 {
  padding-bottom: 42px;
}

.pb43 {
  padding-bottom: 43px;
}

.pb44 {
  padding-bottom: 44px;
}

.pb45 {
  padding-bottom: 45px;
}

.pb46 {
  padding-bottom: 46px;
}

.pb47 {
  padding-bottom: 47px;
}

.pb48 {
  padding-bottom: 48px;
}

.pb49 {
  padding-bottom: 49px;
}

.pb50 {
  padding-bottom: 50px;
}

.pl0 {
  padding-left: 0px;
}

.pl1 {
  padding-left: 1px;
}

.pl2 {
  padding-left: 2px;
}

.pl3 {
  padding-left: 3px;
}

.pl4 {
  padding-left: 4px;
}

.pl5 {
  padding-left: 5px;
}

.pl6 {
  padding-left: 6px;
}

.pl7 {
  padding-left: 7px;
}

.pl8 {
  padding-left: 8px;
}

.pl9 {
  padding-left: 9px;
}

.pl10 {
  padding-left: 10px;
}

.pl11 {
  padding-left: 11px;
}

.pl12 {
  padding-left: 12px;
}

.pl13 {
  padding-left: 13px;
}

.pl14 {
  padding-left: 14px;
}

.pl15 {
  padding-left: 15px;
}

.pl16 {
  padding-left: 16px;
}

.pl17 {
  padding-left: 17px;
}

.pl18 {
  padding-left: 18px;
}

.pl19 {
  padding-left: 19px;
}

.pl20 {
  padding-left: 20px;
}

.pl21 {
  padding-left: 21px;
}

.pl22 {
  padding-left: 22px;
}

.pl23 {
  padding-left: 23px;
}

.pl24 {
  padding-left: 24px;
}

.pl25 {
  padding-left: 25px;
}

.pl26 {
  padding-left: 26px;
}

.pl27 {
  padding-left: 27px;
}

.pl28 {
  padding-left: 28px;
}

.pl29 {
  padding-left: 29px;
}

.pl30 {
  padding-left: 30px;
}

.pl31 {
  padding-left: 31px;
}

.pl32 {
  padding-left: 32px;
}

.pl33 {
  padding-left: 33px;
}

.pl34 {
  padding-left: 34px;
}

.pl35 {
  padding-left: 35px;
}

.pl36 {
  padding-left: 36px;
}

.pl37 {
  padding-left: 37px;
}

.pl38 {
  padding-left: 38px;
}

.pl39 {
  padding-left: 39px;
}

.pl40 {
  padding-left: 40px;
}

.pl41 {
  padding-left: 41px;
}

.pl42 {
  padding-left: 42px;
}

.pl43 {
  padding-left: 43px;
}

.pl44 {
  padding-left: 44px;
}

.pl45 {
  padding-left: 45px;
}

.pl46 {
  padding-left: 46px;
}

.pl47 {
  padding-left: 47px;
}

.pl48 {
  padding-left: 48px;
}

.pl49 {
  padding-left: 49px;
}

.pl50 {
  padding-left: 50px;
}

.pr0 {
  padding-right: 0px;
}

.pr1 {
  padding-right: 1px;
}

.pr2 {
  padding-right: 2px;
}

.pr3 {
  padding-right: 3px;
}

.pr4 {
  padding-right: 4px;
}

.pr5 {
  padding-right: 5px;
}

.pr6 {
  padding-right: 6px;
}

.pr7 {
  padding-right: 7px;
}

.pr8 {
  padding-right: 8px;
}

.pr9 {
  padding-right: 9px;
}

.pr10 {
  padding-right: 10px;
}

.pr11 {
  padding-right: 11px;
}

.pr12 {
  padding-right: 12px;
}

.pr13 {
  padding-right: 13px;
}

.pr14 {
  padding-right: 14px;
}

.pr15 {
  padding-right: 15px;
}

.pr16 {
  padding-right: 16px;
}

.pr17 {
  padding-right: 17px;
}

.pr18 {
  padding-right: 18px;
}

.pr19 {
  padding-right: 19px;
}

.pr20 {
  padding-right: 20px;
}

.pr21 {
  padding-right: 21px;
}

.pr22 {
  padding-right: 22px;
}

.pr23 {
  padding-right: 23px;
}

.pr24 {
  padding-right: 24px;
}

.pr25 {
  padding-right: 25px;
}

.pr26 {
  padding-right: 26px;
}

.pr27 {
  padding-right: 27px;
}

.pr28 {
  padding-right: 28px;
}

.pr29 {
  padding-right: 29px;
}

.pr30 {
  padding-right: 30px;
}

.pr31 {
  padding-right: 31px;
}

.pr32 {
  padding-right: 32px;
}

.pr33 {
  padding-right: 33px;
}

.pr34 {
  padding-right: 34px;
}

.pr35 {
  padding-right: 35px;
}

.pr36 {
  padding-right: 36px;
}

.pr37 {
  padding-right: 37px;
}

.pr38 {
  padding-right: 38px;
}

.pr39 {
  padding-right: 39px;
}

.pr40 {
  padding-right: 40px;
}

.pr41 {
  padding-right: 41px;
}

.pr42 {
  padding-right: 42px;
}

.pr43 {
  padding-right: 43px;
}

.pr44 {
  padding-right: 44px;
}

.pr45 {
  padding-right: 45px;
}

.pr46 {
  padding-right: 46px;
}

.pr47 {
  padding-right: 47px;
}

.pr48 {
  padding-right: 48px;
}

.pr49 {
  padding-right: 49px;
}

.pr50 {
  padding-right: 50px;
}

.p0 {
  padding: 0px;
}

.p1 {
  padding: 1px;
}

.p2 {
  padding: 2px;
}

.p3 {
  padding: 3px;
}

.p4 {
  padding: 4px;
}

.p5 {
  padding: 5px;
}

.p6 {
  padding: 6px;
}

.p7 {
  padding: 7px;
}

.p8 {
  padding: 8px;
}

.p9 {
  padding: 9px;
}

.p10 {
  padding: 10px;
}

.p11 {
  padding: 11px;
}

.p12 {
  padding: 12px;
}

.p13 {
  padding: 13px;
}

.p14 {
  padding: 14px;
}

.p15 {
  padding: 15px;
}

.p16 {
  padding: 16px;
}

.p17 {
  padding: 17px;
}

.p18 {
  padding: 18px;
}

.p19 {
  padding: 19px;
}

.p20 {
  padding: 20px;
}

.p21 {
  padding: 21px;
}

.p22 {
  padding: 22px;
}

.p23 {
  padding: 23px;
}

.p24 {
  padding: 24px;
}

.p25 {
  padding: 25px;
}

.p26 {
  padding: 26px;
}

.p27 {
  padding: 27px;
}

.p28 {
  padding: 28px;
}

.p29 {
  padding: 29px;
}

.p30 {
  padding: 30px;
}

.p31 {
  padding: 31px;
}

.p32 {
  padding: 32px;
}

.p33 {
  padding: 33px;
}

.p34 {
  padding: 34px;
}

.p35 {
  padding: 35px;
}

.p36 {
  padding: 36px;
}

.p37 {
  padding: 37px;
}

.p38 {
  padding: 38px;
}

.p39 {
  padding: 39px;
}

.p40 {
  padding: 40px;
}

.p41 {
  padding: 41px;
}

.p42 {
  padding: 42px;
}

.p43 {
  padding: 43px;
}

.p44 {
  padding: 44px;
}

.p45 {
  padding: 45px;
}

.p46 {
  padding: 46px;
}

.p47 {
  padding: 47px;
}

.p48 {
  padding: 48px;
}

.p49 {
  padding: 49px;
}

.p50 {
  padding: 50px;
}

.gap0 {
  gap: 0px;
}

.gap1 {
  gap: 1px;
}

.gap2 {
  gap: 2px;
}

.gap3 {
  gap: 3px;
}

.gap4 {
  gap: 4px;
}

.gap5 {
  gap: 5px;
}

.gap6 {
  gap: 6px;
}

.gap7 {
  gap: 7px;
}

.gap8 {
  gap: 8px;
}

.gap9 {
  gap: 9px;
}

.gap10 {
  gap: 10px;
}

.gap11 {
  gap: 11px;
}

.gap12 {
  gap: 12px;
}

.gap13 {
  gap: 13px;
}

.gap14 {
  gap: 14px;
}

.gap15 {
  gap: 15px;
}

.gap16 {
  gap: 16px;
}

.gap17 {
  gap: 17px;
}

.gap18 {
  gap: 18px;
}

.gap19 {
  gap: 19px;
}

.gap20 {
  gap: 20px;
}

.gap21 {
  gap: 21px;
}

.gap22 {
  gap: 22px;
}

.gap23 {
  gap: 23px;
}

.gap24 {
  gap: 24px;
}

.gap25 {
  gap: 25px;
}

.gap26 {
  gap: 26px;
}

.gap27 {
  gap: 27px;
}

.gap28 {
  gap: 28px;
}

.gap29 {
  gap: 29px;
}

.gap30 {
  gap: 30px;
}

.gap31 {
  gap: 31px;
}

.gap32 {
  gap: 32px;
}

.gap33 {
  gap: 33px;
}

.gap34 {
  gap: 34px;
}

.gap35 {
  gap: 35px;
}

.gap36 {
  gap: 36px;
}

.gap37 {
  gap: 37px;
}

.gap38 {
  gap: 38px;
}

.gap39 {
  gap: 39px;
}

.gap40 {
  gap: 40px;
}

.gap41 {
  gap: 41px;
}

.gap42 {
  gap: 42px;
}

.gap43 {
  gap: 43px;
}

.gap44 {
  gap: 44px;
}

.gap45 {
  gap: 45px;
}

.gap46 {
  gap: 46px;
}

.gap47 {
  gap: 47px;
}

.gap48 {
  gap: 48px;
}

.gap49 {
  gap: 49px;
}

.gap50 {
  gap: 50px;
}

.gr0 {
  row-gap: 0px;
}

.gr1 {
  row-gap: 1px;
}

.gr2 {
  row-gap: 2px;
}

.gr3 {
  row-gap: 3px;
}

.gr4 {
  row-gap: 4px;
}

.gr5 {
  row-gap: 5px;
}

.gr6 {
  row-gap: 6px;
}

.gr7 {
  row-gap: 7px;
}

.gr8 {
  row-gap: 8px;
}

.gr9 {
  row-gap: 9px;
}

.gr10 {
  row-gap: 10px;
}

.gr11 {
  row-gap: 11px;
}

.gr12 {
  row-gap: 12px;
}

.gr13 {
  row-gap: 13px;
}

.gr14 {
  row-gap: 14px;
}

.gr15 {
  row-gap: 15px;
}

.gr16 {
  row-gap: 16px;
}

.gr17 {
  row-gap: 17px;
}

.gr18 {
  row-gap: 18px;
}

.gr19 {
  row-gap: 19px;
}

.gr20 {
  row-gap: 20px;
}

.gr21 {
  row-gap: 21px;
}

.gr22 {
  row-gap: 22px;
}

.gr23 {
  row-gap: 23px;
}

.gr24 {
  row-gap: 24px;
}

.gr25 {
  row-gap: 25px;
}

.gr26 {
  row-gap: 26px;
}

.gr27 {
  row-gap: 27px;
}

.gr28 {
  row-gap: 28px;
}

.gr29 {
  row-gap: 29px;
}

.gr30 {
  row-gap: 30px;
}

.gr31 {
  row-gap: 31px;
}

.gr32 {
  row-gap: 32px;
}

.gr33 {
  row-gap: 33px;
}

.gr34 {
  row-gap: 34px;
}

.gr35 {
  row-gap: 35px;
}

.gr36 {
  row-gap: 36px;
}

.gr37 {
  row-gap: 37px;
}

.gr38 {
  row-gap: 38px;
}

.gr39 {
  row-gap: 39px;
}

.gr40 {
  row-gap: 40px;
}

.gr41 {
  row-gap: 41px;
}

.gr42 {
  row-gap: 42px;
}

.gr43 {
  row-gap: 43px;
}

.gr44 {
  row-gap: 44px;
}

.gr45 {
  row-gap: 45px;
}

.gr46 {
  row-gap: 46px;
}

.gr47 {
  row-gap: 47px;
}

.gr48 {
  row-gap: 48px;
}

.gr49 {
  row-gap: 49px;
}

.gr50 {
  row-gap: 50px;
}

.gc0 {
  column-gap: 0px;
}

.gc1 {
  column-gap: 1px;
}

.gc2 {
  column-gap: 2px;
}

.gc3 {
  column-gap: 3px;
}

.gc4 {
  column-gap: 4px;
}

.gc5 {
  column-gap: 5px;
}

.gc6 {
  column-gap: 6px;
}

.gc7 {
  column-gap: 7px;
}

.gc8 {
  column-gap: 8px;
}

.gc9 {
  column-gap: 9px;
}

.gc10 {
  column-gap: 10px;
}

.gc11 {
  column-gap: 11px;
}

.gc12 {
  column-gap: 12px;
}

.gc13 {
  column-gap: 13px;
}

.gc14 {
  column-gap: 14px;
}

.gc15 {
  column-gap: 15px;
}

.gc16 {
  column-gap: 16px;
}

.gc17 {
  column-gap: 17px;
}

.gc18 {
  column-gap: 18px;
}

.gc19 {
  column-gap: 19px;
}

.gc20 {
  column-gap: 20px;
}

.gc21 {
  column-gap: 21px;
}

.gc22 {
  column-gap: 22px;
}

.gc23 {
  column-gap: 23px;
}

.gc24 {
  column-gap: 24px;
}

.gc25 {
  column-gap: 25px;
}

.gc26 {
  column-gap: 26px;
}

.gc27 {
  column-gap: 27px;
}

.gc28 {
  column-gap: 28px;
}

.gc29 {
  column-gap: 29px;
}

.gc30 {
  column-gap: 30px;
}

.gc31 {
  column-gap: 31px;
}

.gc32 {
  column-gap: 32px;
}

.gc33 {
  column-gap: 33px;
}

.gc34 {
  column-gap: 34px;
}

.gc35 {
  column-gap: 35px;
}

.gc36 {
  column-gap: 36px;
}

.gc37 {
  column-gap: 37px;
}

.gc38 {
  column-gap: 38px;
}

.gc39 {
  column-gap: 39px;
}

.gc40 {
  column-gap: 40px;
}

.gc41 {
  column-gap: 41px;
}

.gc42 {
  column-gap: 42px;
}

.gc43 {
  column-gap: 43px;
}

.gc44 {
  column-gap: 44px;
}

.gc45 {
  column-gap: 45px;
}

.gc46 {
  column-gap: 46px;
}

.gc47 {
  column-gap: 47px;
}

.gc48 {
  column-gap: 48px;
}

.gc49 {
  column-gap: 49px;
}

.gc50 {
  column-gap: 50px;
}

.max-lines-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}

.max-lines-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}

.max-lines-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}

.max-lines-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
}

.max-lines-5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
}

.font-size-custom-10 {
  font-size: 10px;
  line-height: calc(10px * 1.5);
}

.font-size-custom-11 {
  font-size: 11px;
  line-height: calc(11px * 1.5);
}

.font-size-custom-12 {
  font-size: 12px;
  line-height: calc(12px * 1.5);
}

.font-size-custom-13 {
  font-size: 13px;
  line-height: calc(13px * 1.5);
}

.font-size-custom-14 {
  font-size: 14px;
  line-height: calc(14px * 1.5);
}

.font-size-custom-15 {
  font-size: 15px;
  line-height: calc(15px * 1.5);
}

.font-size-custom-16 {
  font-size: 16px;
  line-height: calc(16px * 1.5);
}

.font-size-custom-17 {
  font-size: 17px;
  line-height: calc(17px * 1.5);
}

.font-size-custom-18 {
  font-size: 18px;
  line-height: calc(18px * 1.5);
}

.font-size-custom-19 {
  font-size: 19px;
  line-height: calc(19px * 1.5);
}

.font-size-custom-20 {
  font-size: 20px;
  line-height: calc(20px * 1.5);
}

.font-size-custom-21 {
  font-size: 21px;
  line-height: calc(21px * 1.5);
}

.font-size-custom-22 {
  font-size: 22px;
  line-height: calc(22px * 1.5);
}

.font-size-custom-23 {
  font-size: 23px;
  line-height: calc(23px * 1.5);
}

.font-size-custom-24 {
  font-size: 24px;
  line-height: calc(24px * 1.5);
}

.font-size-custom-25 {
  font-size: 25px;
  line-height: calc(25px * 1.5);
}

.font-size-custom-26 {
  font-size: 26px;
  line-height: calc(26px * 1.5);
}

.font-size-custom-27 {
  font-size: 27px;
  line-height: calc(27px * 1.5);
}

.font-size-custom-28 {
  font-size: 28px;
  line-height: calc(28px * 1.5);
}

.font-size-custom-29 {
  font-size: 29px;
  line-height: calc(29px * 1.5);
}

.font-size-custom-30 {
  font-size: 30px;
  line-height: calc(30px * 1.5);
}

.font-size-custom-31 {
  font-size: 31px;
  line-height: calc(31px * 1.5);
}

.font-size-custom-32 {
  font-size: 32px;
  line-height: calc(32px * 1.5);
}

.font-size-custom-33 {
  font-size: 33px;
  line-height: calc(33px * 1.5);
}

.font-size-custom-34 {
  font-size: 34px;
  line-height: calc(34px * 1.5);
}

.font-size-custom-35 {
  font-size: 35px;
  line-height: calc(35px * 1.5);
}

.font-size-custom-36 {
  font-size: 36px;
  line-height: calc(36px * 1.5);
}

.font-size-custom-37 {
  font-size: 37px;
  line-height: calc(37px * 1.5);
}

.font-size-custom-38 {
  font-size: 38px;
  line-height: calc(38px * 1.5);
}

.font-size-custom-39 {
  font-size: 39px;
  line-height: calc(39px * 1.5);
}

.font-size-custom-40 {
  font-size: 40px;
  line-height: calc(40px * 1.5);
}

.font-size-custom-41 {
  font-size: 41px;
  line-height: calc(41px * 1.5);
}

.font-size-custom-42 {
  font-size: 42px;
  line-height: calc(42px * 1.5);
}

.font-size-custom-43 {
  font-size: 43px;
  line-height: calc(43px * 1.5);
}

.font-size-custom-44 {
  font-size: 44px;
  line-height: calc(44px * 1.5);
}

.font-size-custom-45 {
  font-size: 45px;
  line-height: calc(45px * 1.5);
}

.font-size-custom-46 {
  font-size: 46px;
  line-height: calc(46px * 1.5);
}

.font-size-custom-47 {
  font-size: 47px;
  line-height: calc(47px * 1.5);
}

.font-size-custom-48 {
  font-size: 48px;
  line-height: calc(48px * 1.5);
}

.font-size-custom-49 {
  font-size: 49px;
  line-height: calc(49px * 1.5);
}

.font-size-custom-50 {
  font-size: 50px;
  line-height: calc(50px * 1.5);
}

/* End of Margins And Paddings */
/* Create Paddings and Margins classes */
.gap-10 {
  gap: -10px !important;
}

.mt-10 {
  margin-top: -10px !important;
}

.pt-10 {
  padding-top: -10px !important;
}

@media (max-width: 992px) {
  .mt-10-mobile {
    margin-top: -10px !important;
  }
}

@media (max-width: 992px) {
  .pt-10-mobile {
    padding-top: -10px !important;
  }
}

.mb-10 {
  margin-bottom: -10px !important;
}

.pb-10 {
  padding-bottom: -10px !important;
}

@media (max-width: 992px) {
  .mb-10-mobile {
    margin-bottom: -10px !important;
  }
}

@media (max-width: 992px) {
  .pb-10-mobile {
    padding-bottom: -10px !important;
  }
}

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

.pl-10 {
  padding-left: -10px !important;
}

@media (max-width: 992px) {
  .ml-10-mobile {
    margin-left: -10px !important;
  }
}

@media (max-width: 992px) {
  .pl-10-mobile {
    padding-left: -10px !important;
  }
}

.mr-10 {
  margin-right: -10px !important;
}

.pr-10 {
  padding-right: -10px !important;
}

@media (max-width: 992px) {
  .mr-10-mobile {
    margin-right: -10px !important;
  }
}

@media (max-width: 992px) {
  .pr-10-mobile {
    padding-right: -10px !important;
  }
}

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

.p-10 {
  padding: -10px !important;
}

@media (max-width: 992px) {
  .m-10-mobile {
    margin: -10px !important;
  }
}

@media (max-width: 992px) {
  .p-10-mobile {
    padding: -10px !important;
  }
}

.gap-20 {
  gap: -20px !important;
}

.mt-20 {
  margin-top: -20px !important;
}

.pt-20 {
  padding-top: -20px !important;
}

@media (max-width: 992px) {
  .mt-20-mobile {
    margin-top: -20px !important;
  }
}

@media (max-width: 992px) {
  .pt-20-mobile {
    padding-top: -20px !important;
  }
}

.mb-20 {
  margin-bottom: -20px !important;
}

.pb-20 {
  padding-bottom: -20px !important;
}

@media (max-width: 992px) {
  .mb-20-mobile {
    margin-bottom: -20px !important;
  }
}

@media (max-width: 992px) {
  .pb-20-mobile {
    padding-bottom: -20px !important;
  }
}

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

.pl-20 {
  padding-left: -20px !important;
}

@media (max-width: 992px) {
  .ml-20-mobile {
    margin-left: -20px !important;
  }
}

@media (max-width: 992px) {
  .pl-20-mobile {
    padding-left: -20px !important;
  }
}

.mr-20 {
  margin-right: -20px !important;
}

.pr-20 {
  padding-right: -20px !important;
}

@media (max-width: 992px) {
  .mr-20-mobile {
    margin-right: -20px !important;
  }
}

@media (max-width: 992px) {
  .pr-20-mobile {
    padding-right: -20px !important;
  }
}

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

.p-20 {
  padding: -20px !important;
}

@media (max-width: 992px) {
  .m-20-mobile {
    margin: -20px !important;
  }
}

@media (max-width: 992px) {
  .p-20-mobile {
    padding: -20px !important;
  }
}

.gap-30 {
  gap: -30px !important;
}

.mt-30 {
  margin-top: -30px !important;
}

.pt-30 {
  padding-top: -30px !important;
}

@media (max-width: 992px) {
  .mt-30-mobile {
    margin-top: -30px !important;
  }
}

@media (max-width: 992px) {
  .pt-30-mobile {
    padding-top: -30px !important;
  }
}

.mb-30 {
  margin-bottom: -30px !important;
}

.pb-30 {
  padding-bottom: -30px !important;
}

@media (max-width: 992px) {
  .mb-30-mobile {
    margin-bottom: -30px !important;
  }
}

@media (max-width: 992px) {
  .pb-30-mobile {
    padding-bottom: -30px !important;
  }
}

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

.pl-30 {
  padding-left: -30px !important;
}

@media (max-width: 992px) {
  .ml-30-mobile {
    margin-left: -30px !important;
  }
}

@media (max-width: 992px) {
  .pl-30-mobile {
    padding-left: -30px !important;
  }
}

.mr-30 {
  margin-right: -30px !important;
}

.pr-30 {
  padding-right: -30px !important;
}

@media (max-width: 992px) {
  .mr-30-mobile {
    margin-right: -30px !important;
  }
}

@media (max-width: 992px) {
  .pr-30-mobile {
    padding-right: -30px !important;
  }
}

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

.p-30 {
  padding: -30px !important;
}

@media (max-width: 992px) {
  .m-30-mobile {
    margin: -30px !important;
  }
}

@media (max-width: 992px) {
  .p-30-mobile {
    padding: -30px !important;
  }
}

.gap-40 {
  gap: -40px !important;
}

.mt-40 {
  margin-top: -40px !important;
}

.pt-40 {
  padding-top: -40px !important;
}

@media (max-width: 992px) {
  .mt-40-mobile {
    margin-top: -40px !important;
  }
}

@media (max-width: 992px) {
  .pt-40-mobile {
    padding-top: -40px !important;
  }
}

.mb-40 {
  margin-bottom: -40px !important;
}

.pb-40 {
  padding-bottom: -40px !important;
}

@media (max-width: 992px) {
  .mb-40-mobile {
    margin-bottom: -40px !important;
  }
}

@media (max-width: 992px) {
  .pb-40-mobile {
    padding-bottom: -40px !important;
  }
}

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

.pl-40 {
  padding-left: -40px !important;
}

@media (max-width: 992px) {
  .ml-40-mobile {
    margin-left: -40px !important;
  }
}

@media (max-width: 992px) {
  .pl-40-mobile {
    padding-left: -40px !important;
  }
}

.mr-40 {
  margin-right: -40px !important;
}

.pr-40 {
  padding-right: -40px !important;
}

@media (max-width: 992px) {
  .mr-40-mobile {
    margin-right: -40px !important;
  }
}

@media (max-width: 992px) {
  .pr-40-mobile {
    padding-right: -40px !important;
  }
}

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

.p-40 {
  padding: -40px !important;
}

@media (max-width: 992px) {
  .m-40-mobile {
    margin: -40px !important;
  }
}

@media (max-width: 992px) {
  .p-40-mobile {
    padding: -40px !important;
  }
}

.gap-50 {
  gap: -50px !important;
}

.mt-50 {
  margin-top: -50px !important;
}

.pt-50 {
  padding-top: -50px !important;
}

@media (max-width: 992px) {
  .mt-50-mobile {
    margin-top: -50px !important;
  }
}

@media (max-width: 992px) {
  .pt-50-mobile {
    padding-top: -50px !important;
  }
}

.mb-50 {
  margin-bottom: -50px !important;
}

.pb-50 {
  padding-bottom: -50px !important;
}

@media (max-width: 992px) {
  .mb-50-mobile {
    margin-bottom: -50px !important;
  }
}

@media (max-width: 992px) {
  .pb-50-mobile {
    padding-bottom: -50px !important;
  }
}

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

.pl-50 {
  padding-left: -50px !important;
}

@media (max-width: 992px) {
  .ml-50-mobile {
    margin-left: -50px !important;
  }
}

@media (max-width: 992px) {
  .pl-50-mobile {
    padding-left: -50px !important;
  }
}

.mr-50 {
  margin-right: -50px !important;
}

.pr-50 {
  padding-right: -50px !important;
}

@media (max-width: 992px) {
  .mr-50-mobile {
    margin-right: -50px !important;
  }
}

@media (max-width: 992px) {
  .pr-50-mobile {
    padding-right: -50px !important;
  }
}

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

.p-50 {
  padding: -50px !important;
}

@media (max-width: 992px) {
  .m-50-mobile {
    margin: -50px !important;
  }
}

@media (max-width: 992px) {
  .p-50-mobile {
    padding: -50px !important;
  }
}

.gap5 {
  gap: 5px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

@media (max-width: 992px) {
  .mt5-mobile {
    margin-top: 5px !important;
  }
}

@media (max-width: 992px) {
  .pt5-mobile {
    padding-top: 5px !important;
  }
}

.mb5 {
  margin-bottom: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

@media (max-width: 992px) {
  .mb5-mobile {
    margin-bottom: 5px !important;
  }
}

@media (max-width: 992px) {
  .pb5-mobile {
    padding-bottom: 5px !important;
  }
}

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

.pl5 {
  padding-left: 5px !important;
}

@media (max-width: 992px) {
  .ml5-mobile {
    margin-left: 5px !important;
  }
}

@media (max-width: 992px) {
  .pl5-mobile {
    padding-left: 5px !important;
  }
}

.mr5 {
  margin-right: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

@media (max-width: 992px) {
  .mr5-mobile {
    margin-right: 5px !important;
  }
}

@media (max-width: 992px) {
  .pr5-mobile {
    padding-right: 5px !important;
  }
}

.m5 {
  margin: 5px !important;
}

.p5 {
  padding: 5px !important;
}

@media (max-width: 992px) {
  .m5-mobile {
    margin: 5px !important;
  }
}

@media (max-width: 992px) {
  .p5-mobile {
    padding: 5px !important;
  }
}

.gap10 {
  gap: 10px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

@media (max-width: 992px) {
  .mt10-mobile {
    margin-top: 10px !important;
  }
}

@media (max-width: 992px) {
  .pt10-mobile {
    padding-top: 10px !important;
  }
}

.mb10 {
  margin-bottom: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

@media (max-width: 992px) {
  .mb10-mobile {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 992px) {
  .pb10-mobile {
    padding-bottom: 10px !important;
  }
}

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

.pl10 {
  padding-left: 10px !important;
}

@media (max-width: 992px) {
  .ml10-mobile {
    margin-left: 10px !important;
  }
}

@media (max-width: 992px) {
  .pl10-mobile {
    padding-left: 10px !important;
  }
}

.mr10 {
  margin-right: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

@media (max-width: 992px) {
  .mr10-mobile {
    margin-right: 10px !important;
  }
}

@media (max-width: 992px) {
  .pr10-mobile {
    padding-right: 10px !important;
  }
}

.m10 {
  margin: 10px !important;
}

.p10 {
  padding: 10px !important;
}

@media (max-width: 992px) {
  .m10-mobile {
    margin: 10px !important;
  }
}

@media (max-width: 992px) {
  .p10-mobile {
    padding: 10px !important;
  }
}

.gap15 {
  gap: 15px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

@media (max-width: 992px) {
  .mt15-mobile {
    margin-top: 15px !important;
  }
}

@media (max-width: 992px) {
  .pt15-mobile {
    padding-top: 15px !important;
  }
}

.mb15 {
  margin-bottom: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

@media (max-width: 992px) {
  .mb15-mobile {
    margin-bottom: 15px !important;
  }
}

@media (max-width: 992px) {
  .pb15-mobile {
    padding-bottom: 15px !important;
  }
}

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

.pl15 {
  padding-left: 15px !important;
}

@media (max-width: 992px) {
  .ml15-mobile {
    margin-left: 15px !important;
  }
}

@media (max-width: 992px) {
  .pl15-mobile {
    padding-left: 15px !important;
  }
}

.mr15 {
  margin-right: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

@media (max-width: 992px) {
  .mr15-mobile {
    margin-right: 15px !important;
  }
}

@media (max-width: 992px) {
  .pr15-mobile {
    padding-right: 15px !important;
  }
}

.m15 {
  margin: 15px !important;
}

.p15 {
  padding: 15px !important;
}

@media (max-width: 992px) {
  .m15-mobile {
    margin: 15px !important;
  }
}

@media (max-width: 992px) {
  .p15-mobile {
    padding: 15px !important;
  }
}

.gap20 {
  gap: 20px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

@media (max-width: 992px) {
  .mt20-mobile {
    margin-top: 20px !important;
  }
}

@media (max-width: 992px) {
  .pt20-mobile {
    padding-top: 20px !important;
  }
}

.mb20 {
  margin-bottom: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

@media (max-width: 992px) {
  .mb20-mobile {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 992px) {
  .pb20-mobile {
    padding-bottom: 20px !important;
  }
}

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

.pl20 {
  padding-left: 20px !important;
}

@media (max-width: 992px) {
  .ml20-mobile {
    margin-left: 20px !important;
  }
}

@media (max-width: 992px) {
  .pl20-mobile {
    padding-left: 20px !important;
  }
}

.mr20 {
  margin-right: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

@media (max-width: 992px) {
  .mr20-mobile {
    margin-right: 20px !important;
  }
}

@media (max-width: 992px) {
  .pr20-mobile {
    padding-right: 20px !important;
  }
}

.m20 {
  margin: 20px !important;
}

.p20 {
  padding: 20px !important;
}

@media (max-width: 992px) {
  .m20-mobile {
    margin: 20px !important;
  }
}

@media (max-width: 992px) {
  .p20-mobile {
    padding: 20px !important;
  }
}

.gap25 {
  gap: 25px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

@media (max-width: 992px) {
  .mt25-mobile {
    margin-top: 25px !important;
  }
}

@media (max-width: 992px) {
  .pt25-mobile {
    padding-top: 25px !important;
  }
}

.mb25 {
  margin-bottom: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

@media (max-width: 992px) {
  .mb25-mobile {
    margin-bottom: 25px !important;
  }
}

@media (max-width: 992px) {
  .pb25-mobile {
    padding-bottom: 25px !important;
  }
}

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

.pl25 {
  padding-left: 25px !important;
}

@media (max-width: 992px) {
  .ml25-mobile {
    margin-left: 25px !important;
  }
}

@media (max-width: 992px) {
  .pl25-mobile {
    padding-left: 25px !important;
  }
}

.mr25 {
  margin-right: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

@media (max-width: 992px) {
  .mr25-mobile {
    margin-right: 25px !important;
  }
}

@media (max-width: 992px) {
  .pr25-mobile {
    padding-right: 25px !important;
  }
}

.m25 {
  margin: 25px !important;
}

.p25 {
  padding: 25px !important;
}

@media (max-width: 992px) {
  .m25-mobile {
    margin: 25px !important;
  }
}

@media (max-width: 992px) {
  .p25-mobile {
    padding: 25px !important;
  }
}

.gap30 {
  gap: 30px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

@media (max-width: 992px) {
  .mt30-mobile {
    margin-top: 30px !important;
  }
}

@media (max-width: 992px) {
  .pt30-mobile {
    padding-top: 30px !important;
  }
}

.mb30 {
  margin-bottom: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

@media (max-width: 992px) {
  .mb30-mobile {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 992px) {
  .pb30-mobile {
    padding-bottom: 30px !important;
  }
}

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

.pl30 {
  padding-left: 30px !important;
}

@media (max-width: 992px) {
  .ml30-mobile {
    margin-left: 30px !important;
  }
}

@media (max-width: 992px) {
  .pl30-mobile {
    padding-left: 30px !important;
  }
}

.mr30 {
  margin-right: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

@media (max-width: 992px) {
  .mr30-mobile {
    margin-right: 30px !important;
  }
}

@media (max-width: 992px) {
  .pr30-mobile {
    padding-right: 30px !important;
  }
}

.m30 {
  margin: 30px !important;
}

.p30 {
  padding: 30px !important;
}

@media (max-width: 992px) {
  .m30-mobile {
    margin: 30px !important;
  }
}

@media (max-width: 992px) {
  .p30-mobile {
    padding: 30px !important;
  }
}

.gap35 {
  gap: 35px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

@media (max-width: 992px) {
  .mt35-mobile {
    margin-top: 35px !important;
  }
}

@media (max-width: 992px) {
  .pt35-mobile {
    padding-top: 35px !important;
  }
}

.mb35 {
  margin-bottom: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

@media (max-width: 992px) {
  .mb35-mobile {
    margin-bottom: 35px !important;
  }
}

@media (max-width: 992px) {
  .pb35-mobile {
    padding-bottom: 35px !important;
  }
}

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

.pl35 {
  padding-left: 35px !important;
}

@media (max-width: 992px) {
  .ml35-mobile {
    margin-left: 35px !important;
  }
}

@media (max-width: 992px) {
  .pl35-mobile {
    padding-left: 35px !important;
  }
}

.mr35 {
  margin-right: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

@media (max-width: 992px) {
  .mr35-mobile {
    margin-right: 35px !important;
  }
}

@media (max-width: 992px) {
  .pr35-mobile {
    padding-right: 35px !important;
  }
}

.m35 {
  margin: 35px !important;
}

.p35 {
  padding: 35px !important;
}

@media (max-width: 992px) {
  .m35-mobile {
    margin: 35px !important;
  }
}

@media (max-width: 992px) {
  .p35-mobile {
    padding: 35px !important;
  }
}

.gap40 {
  gap: 40px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

@media (max-width: 992px) {
  .mt40-mobile {
    margin-top: 40px !important;
  }
}

@media (max-width: 992px) {
  .pt40-mobile {
    padding-top: 40px !important;
  }
}

.mb40 {
  margin-bottom: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

@media (max-width: 992px) {
  .mb40-mobile {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 992px) {
  .pb40-mobile {
    padding-bottom: 40px !important;
  }
}

.ml40 {
  margin-left: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

@media (max-width: 992px) {
  .ml40-mobile {
    margin-left: 40px !important;
  }
}

@media (max-width: 992px) {
  .pl40-mobile {
    padding-left: 40px !important;
  }
}

.mr40 {
  margin-right: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

@media (max-width: 992px) {
  .mr40-mobile {
    margin-right: 40px !important;
  }
}

@media (max-width: 992px) {
  .pr40-mobile {
    padding-right: 40px !important;
  }
}

.m40 {
  margin: 40px !important;
}

.p40 {
  padding: 40px !important;
}

@media (max-width: 992px) {
  .m40-mobile {
    margin: 40px !important;
  }
}

@media (max-width: 992px) {
  .p40-mobile {
    padding: 40px !important;
  }
}

.gap45 {
  gap: 45px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

@media (max-width: 992px) {
  .mt45-mobile {
    margin-top: 45px !important;
  }
}

@media (max-width: 992px) {
  .pt45-mobile {
    padding-top: 45px !important;
  }
}

.mb45 {
  margin-bottom: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

@media (max-width: 992px) {
  .mb45-mobile {
    margin-bottom: 45px !important;
  }
}

@media (max-width: 992px) {
  .pb45-mobile {
    padding-bottom: 45px !important;
  }
}

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

.pl45 {
  padding-left: 45px !important;
}

@media (max-width: 992px) {
  .ml45-mobile {
    margin-left: 45px !important;
  }
}

@media (max-width: 992px) {
  .pl45-mobile {
    padding-left: 45px !important;
  }
}

.mr45 {
  margin-right: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

@media (max-width: 992px) {
  .mr45-mobile {
    margin-right: 45px !important;
  }
}

@media (max-width: 992px) {
  .pr45-mobile {
    padding-right: 45px !important;
  }
}

.m45 {
  margin: 45px !important;
}

.p45 {
  padding: 45px !important;
}

@media (max-width: 992px) {
  .m45-mobile {
    margin: 45px !important;
  }
}

@media (max-width: 992px) {
  .p45-mobile {
    padding: 45px !important;
  }
}

.gap50 {
  gap: 50px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

@media (max-width: 992px) {
  .mt50-mobile {
    margin-top: 50px !important;
  }
}

@media (max-width: 992px) {
  .pt50-mobile {
    padding-top: 50px !important;
  }
}

.mb50 {
  margin-bottom: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

@media (max-width: 992px) {
  .mb50-mobile {
    margin-bottom: 50px !important;
  }
}

@media (max-width: 992px) {
  .pb50-mobile {
    padding-bottom: 50px !important;
  }
}

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

.pl50 {
  padding-left: 50px !important;
}

@media (max-width: 992px) {
  .ml50-mobile {
    margin-left: 50px !important;
  }
}

@media (max-width: 992px) {
  .pl50-mobile {
    padding-left: 50px !important;
  }
}

.mr50 {
  margin-right: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

@media (max-width: 992px) {
  .mr50-mobile {
    margin-right: 50px !important;
  }
}

@media (max-width: 992px) {
  .pr50-mobile {
    padding-right: 50px !important;
  }
}

.m50 {
  margin: 50px !important;
}

.p50 {
  padding: 50px !important;
}

@media (max-width: 992px) {
  .m50-mobile {
    margin: 50px !important;
  }
}

@media (max-width: 992px) {
  .p50-mobile {
    padding: 50px !important;
  }
}

.gap60 {
  gap: 60px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.pt60 {
  padding-top: 60px !important;
}

@media (max-width: 992px) {
  .mt60-mobile {
    margin-top: 60px !important;
  }
}

@media (max-width: 992px) {
  .pt60-mobile {
    padding-top: 60px !important;
  }
}

.mb60 {
  margin-bottom: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

@media (max-width: 992px) {
  .mb60-mobile {
    margin-bottom: 60px !important;
  }
}

@media (max-width: 992px) {
  .pb60-mobile {
    padding-bottom: 60px !important;
  }
}

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

.pl60 {
  padding-left: 60px !important;
}

@media (max-width: 992px) {
  .ml60-mobile {
    margin-left: 60px !important;
  }
}

@media (max-width: 992px) {
  .pl60-mobile {
    padding-left: 60px !important;
  }
}

.mr60 {
  margin-right: 60px !important;
}

.pr60 {
  padding-right: 60px !important;
}

@media (max-width: 992px) {
  .mr60-mobile {
    margin-right: 60px !important;
  }
}

@media (max-width: 992px) {
  .pr60-mobile {
    padding-right: 60px !important;
  }
}

.m60 {
  margin: 60px !important;
}

.p60 {
  padding: 60px !important;
}

@media (max-width: 992px) {
  .m60-mobile {
    margin: 60px !important;
  }
}

@media (max-width: 992px) {
  .p60-mobile {
    padding: 60px !important;
  }
}

.gap70 {
  gap: 70px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.pt70 {
  padding-top: 70px !important;
}

@media (max-width: 992px) {
  .mt70-mobile {
    margin-top: 70px !important;
  }
}

@media (max-width: 992px) {
  .pt70-mobile {
    padding-top: 70px !important;
  }
}

.mb70 {
  margin-bottom: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

@media (max-width: 992px) {
  .mb70-mobile {
    margin-bottom: 70px !important;
  }
}

@media (max-width: 992px) {
  .pb70-mobile {
    padding-bottom: 70px !important;
  }
}

.ml70 {
  margin-left: 70px !important;
}

.pl70 {
  padding-left: 70px !important;
}

@media (max-width: 992px) {
  .ml70-mobile {
    margin-left: 70px !important;
  }
}

@media (max-width: 992px) {
  .pl70-mobile {
    padding-left: 70px !important;
  }
}

.mr70 {
  margin-right: 70px !important;
}

.pr70 {
  padding-right: 70px !important;
}

@media (max-width: 992px) {
  .mr70-mobile {
    margin-right: 70px !important;
  }
}

@media (max-width: 992px) {
  .pr70-mobile {
    padding-right: 70px !important;
  }
}

.m70 {
  margin: 70px !important;
}

.p70 {
  padding: 70px !important;
}

@media (max-width: 992px) {
  .m70-mobile {
    margin: 70px !important;
  }
}

@media (max-width: 992px) {
  .p70-mobile {
    padding: 70px !important;
  }
}

.gap80 {
  gap: 80px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.pt80 {
  padding-top: 80px !important;
}

@media (max-width: 992px) {
  .mt80-mobile {
    margin-top: 80px !important;
  }
}

@media (max-width: 992px) {
  .pt80-mobile {
    padding-top: 80px !important;
  }
}

.mb80 {
  margin-bottom: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

@media (max-width: 992px) {
  .mb80-mobile {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 992px) {
  .pb80-mobile {
    padding-bottom: 80px !important;
  }
}

.ml80 {
  margin-left: 80px !important;
}

.pl80 {
  padding-left: 80px !important;
}

@media (max-width: 992px) {
  .ml80-mobile {
    margin-left: 80px !important;
  }
}

@media (max-width: 992px) {
  .pl80-mobile {
    padding-left: 80px !important;
  }
}

.mr80 {
  margin-right: 80px !important;
}

.pr80 {
  padding-right: 80px !important;
}

@media (max-width: 992px) {
  .mr80-mobile {
    margin-right: 80px !important;
  }
}

@media (max-width: 992px) {
  .pr80-mobile {
    padding-right: 80px !important;
  }
}

.m80 {
  margin: 80px !important;
}

.p80 {
  padding: 80px !important;
}

@media (max-width: 992px) {
  .m80-mobile {
    margin: 80px !important;
  }
}

@media (max-width: 992px) {
  .p80-mobile {
    padding: 80px !important;
  }
}

.gap90 {
  gap: 90px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.pt90 {
  padding-top: 90px !important;
}

@media (max-width: 992px) {
  .mt90-mobile {
    margin-top: 90px !important;
  }
}

@media (max-width: 992px) {
  .pt90-mobile {
    padding-top: 90px !important;
  }
}

.mb90 {
  margin-bottom: 90px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

@media (max-width: 992px) {
  .mb90-mobile {
    margin-bottom: 90px !important;
  }
}

@media (max-width: 992px) {
  .pb90-mobile {
    padding-bottom: 90px !important;
  }
}

.ml90 {
  margin-left: 90px !important;
}

.pl90 {
  padding-left: 90px !important;
}

@media (max-width: 992px) {
  .ml90-mobile {
    margin-left: 90px !important;
  }
}

@media (max-width: 992px) {
  .pl90-mobile {
    padding-left: 90px !important;
  }
}

.mr90 {
  margin-right: 90px !important;
}

.pr90 {
  padding-right: 90px !important;
}

@media (max-width: 992px) {
  .mr90-mobile {
    margin-right: 90px !important;
  }
}

@media (max-width: 992px) {
  .pr90-mobile {
    padding-right: 90px !important;
  }
}

.m90 {
  margin: 90px !important;
}

.p90 {
  padding: 90px !important;
}

@media (max-width: 992px) {
  .m90-mobile {
    margin: 90px !important;
  }
}

@media (max-width: 992px) {
  .p90-mobile {
    padding: 90px !important;
  }
}

.gap100 {
  gap: 100px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.pt100 {
  padding-top: 100px !important;
}

@media (max-width: 992px) {
  .mt100-mobile {
    margin-top: 100px !important;
  }
}

@media (max-width: 992px) {
  .pt100-mobile {
    padding-top: 100px !important;
  }
}

.mb100 {
  margin-bottom: 100px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

@media (max-width: 992px) {
  .mb100-mobile {
    margin-bottom: 100px !important;
  }
}

@media (max-width: 992px) {
  .pb100-mobile {
    padding-bottom: 100px !important;
  }
}

.ml100 {
  margin-left: 100px !important;
}

.pl100 {
  padding-left: 100px !important;
}

@media (max-width: 992px) {
  .ml100-mobile {
    margin-left: 100px !important;
  }
}

@media (max-width: 992px) {
  .pl100-mobile {
    padding-left: 100px !important;
  }
}

.mr100 {
  margin-right: 100px !important;
}

.pr100 {
  padding-right: 100px !important;
}

@media (max-width: 992px) {
  .mr100-mobile {
    margin-right: 100px !important;
  }
}

@media (max-width: 992px) {
  .pr100-mobile {
    padding-right: 100px !important;
  }
}

.m100 {
  margin: 100px !important;
}

.p100 {
  padding: 100px !important;
}

@media (max-width: 992px) {
  .m100-mobile {
    margin: 100px !important;
  }
}

@media (max-width: 992px) {
  .p100-mobile {
    padding: 100px !important;
  }
}

.gap0 {
  gap: 0px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

@media (max-width: 992px) {
  .mt0-mobile {
    margin-top: 0px !important;
  }
}

@media (max-width: 992px) {
  .pt0-mobile {
    padding-top: 0px !important;
  }
}

.mb0 {
  margin-bottom: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

@media (max-width: 992px) {
  .mb0-mobile {
    margin-bottom: 0px !important;
  }
}

@media (max-width: 992px) {
  .pb0-mobile {
    padding-bottom: 0px !important;
  }
}

.ml0 {
  margin-left: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

@media (max-width: 992px) {
  .ml0-mobile {
    margin-left: 0px !important;
  }
}

@media (max-width: 992px) {
  .pl0-mobile {
    padding-left: 0px !important;
  }
}

.mr0 {
  margin-right: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

@media (max-width: 992px) {
  .mr0-mobile {
    margin-right: 0px !important;
  }
}

@media (max-width: 992px) {
  .pr0-mobile {
    padding-right: 0px !important;
  }
}

.m0 {
  margin: 0px !important;
}

.p0 {
  padding: 0px !important;
}

@media (max-width: 992px) {
  .m0-mobile {
    margin: 0px !important;
  }
}

@media (max-width: 992px) {
  .p0-mobile {
    padding: 0px !important;
  }
}

/* End of Create Paddings and Margins classes */
/* Buttons */
.an-btn {
  text-decoration: none;
}
.an-btn.secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: fit-content;
  flex-wrap: wrap;
  background-color: white;
  border: 1px solid #3288eb;
  border-radius: 6px;
  padding: 6px 15px;
}
.an-btn.secondary i {
  color: #3288eb;
  font-size: 16px;
}
.an-btn.secondary span {
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  color: #3288eb;
}
.an-btn.secondary:hover {
  cursor: pointer;
  background-color: #3288eb;
  transition: 0.2s;
}
.an-btn.secondary:hover span {
  color: white;
}
.an-btn.secondary:hover i {
  color: white;
}
.an-btn.secondary.small {
  padding: 3px 10px;
}
.an-btn.secondary.small i {
  font-size: 14px;
}
.an-btn.secondary.small span {
  font-size: 10px;
}
.an-btn.secondary.green {
  border: 1px solid #46d899;
  color: #46d899;
}
.an-btn.secondary.green i {
  color: #46d899;
}
.an-btn.secondary.green span {
  color: #46d899;
}
.an-btn.secondary.green:hover {
  background-color: #46d899;
  transition: 0.2s;
}
.an-btn.secondary.green:hover span {
  color: white;
}
.an-btn.secondary.green:hover i {
  color: white;
}
.an-btn.secondary.red {
  border: 1px solid #f14838;
  color: #f14838;
}
.an-btn.secondary.red i {
  color: #f14838;
}
.an-btn.secondary.red span {
  color: #f14838;
}
.an-btn.secondary.red:hover {
  background-color: #f14838;
  transition: 0.2s;
}
.an-btn.secondary.red:hover span {
  color: white;
}
.an-btn.secondary.red:hover i {
  color: white;
}
.an-btn.primary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: fit-content;
  flex-wrap: wrap;
  background-color: #3288eb;
  border: 1px solid #3288eb;
  color: white;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
  padding: 15px 25px;
}
.an-btn.primary i {
  color: white;
  font-size: 18px;
}
.an-btn.primary span {
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  color: white;
}
.an-btn.primary:hover {
  cursor: pointer;
  background-color: white;
  color: #3288eb;
  transition: 0.2s;
}
.an-btn.primary:hover span {
  color: #3288eb;
}
.an-btn.primary:hover i {
  color: #3288eb;
}
.an-btn.full-width {
  width: 100%;
}

/* End of Buttons */
/* Spacings */
.m-1 {
  margin: 1rem;
}

.mx-1 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.ml-1 {
  margin-left: 1rem;
}

.mr-1 {
  margin-right: 1rem;
}

.mb-1 {
  margin-bottom: 1rem;
}

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

.p-1 {
  padding: 1rem;
}

.px-1 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-1 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.pl-1 {
  padding-left: 1rem;
}

.pr-1 {
  padding-right: 1rem;
}

.pb-1 {
  padding-bottom: 1rem;
}

.pt-1 {
  padding-top: 1rem;
}

.m-2 {
  margin: 2rem;
}

.mx-2 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-2 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.ml-2 {
  margin-left: 2rem;
}

.mr-2 {
  margin-right: 2rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

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

.p-2 {
  padding: 2rem;
}

.px-2 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-2 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pl-2 {
  padding-left: 2rem;
}

.pr-2 {
  padding-right: 2rem;
}

.pb-2 {
  padding-bottom: 2rem;
}

.pt-2 {
  padding-top: 2rem;
}

.m-3 {
  margin: 3rem;
}

.mx-3 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.my-3 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.ml-3 {
  margin-left: 3rem;
}

.mr-3 {
  margin-right: 3rem;
}

.mb-3 {
  margin-bottom: 3rem;
}

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

.p-3 {
  padding: 3rem;
}

.px-3 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.py-3 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.pl-3 {
  padding-left: 3rem;
}

.pr-3 {
  padding-right: 3rem;
}

.pb-3 {
  padding-bottom: 3rem;
}

.pt-3 {
  padding-top: 3rem;
}

.m-4 {
  margin: 4rem;
}

.mx-4 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.my-4 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.ml-4 {
  margin-left: 4rem;
}

.mr-4 {
  margin-right: 4rem;
}

.mb-4 {
  margin-bottom: 4rem;
}

.mt-4 {
  margin-top: 4rem;
}

.p-4 {
  padding: 4rem;
}

.px-4 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.py-4 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.pl-4 {
  padding-left: 4rem;
}

.pr-4 {
  padding-right: 4rem;
}

.pb-4 {
  padding-bottom: 4rem;
}

.pt-4 {
  padding-top: 4rem;
}

.m-5 {
  margin: 5rem;
}

.mx-5 {
  margin-left: 5rem;
  margin-right: 5rem;
}

.my-5 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.ml-5 {
  margin-left: 5rem;
}

.mr-5 {
  margin-right: 5rem;
}

.mb-5 {
  margin-bottom: 5rem;
}

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

.p-5 {
  padding: 5rem;
}

.px-5 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.py-5 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.pl-5 {
  padding-left: 5rem;
}

.pr-5 {
  padding-right: 5rem;
}

.pb-5 {
  padding-bottom: 5rem;
}

.pt-5 {
  padding-top: 5rem;
}

.m-6 {
  margin: 6rem;
}

.mx-6 {
  margin-left: 6rem;
  margin-right: 6rem;
}

.my-6 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.ml-6 {
  margin-left: 6rem;
}

.mr-6 {
  margin-right: 6rem;
}

.mb-6 {
  margin-bottom: 6rem;
}

.mt-6 {
  margin-top: 6rem;
}

.p-6 {
  padding: 6rem;
}

.px-6 {
  padding-left: 6rem;
  padding-right: 6rem;
}

.py-6 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.pl-6 {
  padding-left: 6rem;
}

.pr-6 {
  padding-right: 6rem;
}

.pb-6 {
  padding-bottom: 6rem;
}

.pt-6 {
  padding-top: 6rem;
}

.m-7 {
  margin: 7rem;
}

.mx-7 {
  margin-left: 7rem;
  margin-right: 7rem;
}

.my-7 {
  margin-top: 7rem;
  margin-bottom: 7rem;
}

.ml-7 {
  margin-left: 7rem;
}

.mr-7 {
  margin-right: 7rem;
}

.mb-7 {
  margin-bottom: 7rem;
}

.mt-7 {
  margin-top: 7rem;
}

.p-7 {
  padding: 7rem;
}

.px-7 {
  padding-left: 7rem;
  padding-right: 7rem;
}

.py-7 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.pl-7 {
  padding-left: 7rem;
}

.pr-7 {
  padding-right: 7rem;
}

.pb-7 {
  padding-bottom: 7rem;
}

.pt-7 {
  padding-top: 7rem;
}

.m-8 {
  margin: 8rem;
}

.mx-8 {
  margin-left: 8rem;
  margin-right: 8rem;
}

.my-8 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.ml-8 {
  margin-left: 8rem;
}

.mr-8 {
  margin-right: 8rem;
}

.mb-8 {
  margin-bottom: 8rem;
}

.mt-8 {
  margin-top: 8rem;
}

.p-8 {
  padding: 8rem;
}

.px-8 {
  padding-left: 8rem;
  padding-right: 8rem;
}

.py-8 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.pl-8 {
  padding-left: 8rem;
}

.pr-8 {
  padding-right: 8rem;
}

.pb-8 {
  padding-bottom: 8rem;
}

.pt-8 {
  padding-top: 8rem;
}

/* End of Spacings */
/* Containers */
.an-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.an-container .content {
  max-width: calc(100% - 32px);
  width: 1280px;
}

/* End of Containers */
/* Page Background */
.page-background {
  position: fixed;
  background-color: white;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  z-index: -1;
}
.page-background .mesh-top {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  background-image: url(../images/mesh-1.svg);
  background-size: 1400px;
  background-position-x: -200px;
  background-position-y: -500px;
  background-repeat: no-repeat;
  z-index: -1;
  background-blend-mode: darken;
  opacity: 0.4;
}
@media (max-width: 992px) {
  .page-background .mesh-top {
    background-size: 550px;
    background-position-x: -100px;
    background-position-y: -200px;
  }
}
.page-background .mesh-bottom {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 100vh;
  background-image: url(../images/mesh-2.svg);
  background-size: 1400px;
  background-position-x: calc(100% + 500px);
  background-position-y: 300px;
  background-repeat: no-repeat;
  z-index: -1;
  opacity: 0.4;
}
@media (max-width: 992px) {
  .page-background .mesh-bottom {
    background-size: 550px;
    background-position-x: calc(100% + 200px);
    background-position-y: 300px;
  }
}

/* End of Page Background */
/* Custom Modal */
.customModal {
  z-index: 999900;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.7);
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.customModal .wrapper {
  background: url("/assets/images/mesh-modal.svg");
  background-position: center center;
  background-size: cover;
  background-color: white;
  max-width: 90%;
  max-height: calc(100vh - 60px);
  overflow-y: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 35px;
  position: relative;
  border-radius: 10px;
}
.customModal .wrapper .shade {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.788);
  z-index: 2;
}
.customModal .wrapper #content {
  position: relative;
  z-index: 3;
}
.customModal .wrapper .close {
  z-index: 3;
}

.customModal.small .wrapper {
  width: 700px;
  max-width: calc(100% - 30px);
}

.customModal .hardToClose .close {
  position: fixed !important;
}

.customModal .largeModal .wrapper {
  max-width: 90%;
  width: 90%;
}

.customModal h4 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}

.customModal .actions {
  margin-top: 20px;
}

.customModal .close {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #3288eb;
  color: white;
  font-size: 24px;
  z-index: 99901;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
}

.customModal .close:hover {
  cursor: pointer !important;
}

.toFillWrapper {
  display: block;
  position: relative;
}

#toFill #overlay {
  background-color: rgb(255, 255, 255);
  z-index: 999;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 1;
}

.customModal .modal-section-title {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.customModal .modal-section-title i {
  font-size: 22px;
  background: linear-gradient(180deg, #812ffe 0%, #38d5f1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.customModal .modal-section-title span {
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
  margin: 0;
  padding: 0;
  color: black;
}

/* End of Custom Modal */
/* Inputs */
::-webkit-input-placeholder {
  /* Edge */
  color: #2e2e2e;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #2e2e2e;
}

::placeholder {
  color: #2e2e2e;
}

.input-group .notice {
  margin-top: 10px;
  margin-bottom: 0px;
  font-size: 12px;
  font-style: italic;
  line-height: 16px;
  opacity: 0.6;
}

label.error {
  font-size: 12px;
  margin-top: 5px;
  color: red;
  font-style: italic;
}

.input-group span.label {
  margin-bottom: 5px;
  display: block;
  margin-left: 0px;
  padding-left: 0px;
}

/* End of Inputs */
/* Custom Layouts */
.an-section {
  width: 100%;
}
.an-section.spacing-big {
  padding: 100px 0px;
}
@media (max-width: 992px) {
  .an-section.spacing-big {
    padding: 70px 0px;
  }
}
.an-section.spacing-medium {
  padding: 60px 0px;
}
@media (max-width: 992px) {
  .an-section.spacing-medium {
    padding: 40px 0px;
  }
}
.an-section.spacing-small {
  padding: 30px 0px;
}
@media (max-width: 992px) {
  .an-section.spacing-small {
    padding: 20px 0px;
  }
}
.an-section .an-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 0px 10px;
}
.an-section .an-title h3 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 800;
  color: #3288eb;
  width: fit-content;
  margin: 0px;
  padding: 0px;
}
.an-section .an-title h3.white {
  color: white;
}
.an-section .an-title p {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  width: fit-content;
}
.an-section .an-title.center {
  text-align: center;
}
.an-section .an-title .separator {
  width: 52px;
  height: 4px;
  background-color: #3288eb;
}
.an-section .an-title .separator.center {
  margin-left: auto;
  margin-right: auto;
}
.an-section .an-title .separator.color-1 {
  background-color: #3288eb;
}
.an-section .an-title .separator.color-2 {
  background-color: #3288eb;
}
.an-section .an-title .separator.color-white {
  background-color: white;
}
.an-section .an-content {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.an-section .an-content.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 992px) {
  .an-section .an-content.flex {
    flex-direction: column;
    gap: 30px;
  }
}
.an-section .an-content.flex.align-center {
  align-items: center;
}
.an-section .an-content.flex.center {
  justify-content: center;
}
.an-section .an-content.flex.reverse {
  flex-direction: row-reverse;
}
.an-section .an-content.flex.start {
  justify-content: flex-start;
}
.an-section .an-content.flex.end {
  justify-content: flex-end;
}
@media (max-width: 992px) {
  .an-section .an-content {
    padding: 0 15px;
  }
}
.an-section .an-content .an-col {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
  /* iterate w-i from 1 to 12 */
}
.an-section .an-content .an-col.w-1 {
  width: calc(100% / 12 * 1 - 10px);
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.w-1 {
    width: 100%;
  }
}
.an-section .an-content .an-col.w-2 {
  width: calc(100% / 12 * 2 - 10px);
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.w-2 {
    width: 100%;
  }
}
.an-section .an-content .an-col.w-3 {
  width: calc(100% / 12 * 3 - 10px);
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.w-3 {
    width: 100%;
  }
}
.an-section .an-content .an-col.w-4 {
  width: calc(100% / 12 * 4 - 10px);
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.w-4 {
    width: 100%;
  }
}
.an-section .an-content .an-col.w-5 {
  width: calc(100% / 12 * 5 - 10px);
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.w-5 {
    width: 100%;
  }
}
.an-section .an-content .an-col.w-6 {
  width: calc(100% / 12 * 6 - 10px);
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.w-6 {
    width: 100%;
  }
}
.an-section .an-content .an-col.w-7 {
  width: calc(100% / 12 * 7 - 10px);
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.w-7 {
    width: 100%;
  }
}
.an-section .an-content .an-col.w-8 {
  width: calc(100% / 12 * 8 - 10px);
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.w-8 {
    width: 100%;
  }
}
.an-section .an-content .an-col.w-9 {
  width: calc(100% / 12 * 9 - 10px);
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.w-9 {
    width: 100%;
  }
}
.an-section .an-content .an-col.w-10 {
  width: calc(100% / 12 * 10 - 10px);
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.w-10 {
    width: 100%;
  }
}
.an-section .an-content .an-col.w-11 {
  width: calc(100% / 12 * 11 - 10px);
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.w-11 {
    width: 100%;
  }
}
.an-section .an-content .an-col.w-12 {
  width: calc(100% / 12 * 12 - 10px);
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.w-12 {
    width: 100%;
  }
}
.an-section .an-content .an-col img.featured {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.an-section .an-content .an-col.center {
  justify-content: center;
}
.an-section .an-content .an-col.order-2 {
  order: 2;
}
.an-section .an-content .an-col.order-1 {
  order: 1;
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.order-2-mobile {
    order: 2;
  }
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.order-1-mobile {
    order: 1;
  }
}

/* End of Custom Layouts */
/* Gradients */
.gradient-1 {
  background-image: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);
  background-color: #fdfcfb;
}

/* End of Gradients */
/* Backgrounds */
.bg-1 {
  background-color: #3288eb;
}

.bg-2 {
  background-color: #52f8cb;
}

/* End of Backgrounds */
/* Header */
#anHeader {
  background-color: #1f1f1f;
  display: flex;
  align-items: center;
  justify-content: center;
}
#anHeader.scrolled {
  background-color: white;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
  animation: fadeInAnimation ease 0.5s;
}
@media (max-width: 992px) {
  #anHeader {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 99990;
  }
}
#anHeader .header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: calc(100% - 24px);
  width: 1280px;
  padding: 8px 0px;
}
#anHeader .header-content .logo a {
  text-decoration: none;
}
#anHeader .header-content .logo a img {
  max-width: 100%;
  height: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#anHeader .header-content .logo img {
  max-width: 100%;
  height: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#anHeader .header-content .menu-wrapper ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 992px) {
  #anHeader .header-content .menu-wrapper ul {
    display: none;
  }
}
#anHeader .header-content .menu-wrapper ul .page-background {
  display: none;
}
#anHeader .header-content .menu-wrapper ul li a {
  text-decoration: none;
  color: white;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
}
#anHeader .header-content .menu-wrapper ul li a:hover {
  color: white;
  cursor: pointer;
  transition: 0.2s;
}
@media (max-width: 992px) {
  #anHeader .header-content .menu-wrapper ul li.highlighted {
    margin-top: 15px;
  }
}
#anHeader .header-content .menu-wrapper ul li.highlighted a {
  padding: 10px 20px;
  border-radius: 4px;
  border: 1px solid #3288eb;
  background-color: #3288eb;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}
#anHeader .header-content .menu-wrapper ul li.highlighted a:hover {
  background-color: white;
  color: #3288eb;
  transition: 0.2s;
  cursor: pointer;
}
#anHeader .header-content .menu-wrapper ul.active {
  display: flex;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #3288eb;
  z-index: 9990;
  animation: fadeInAnimation ease 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
#anHeader .header-content .menu-wrapper ul.active .page-background {
  display: block;
}
#anHeader .header-content .menu-wrapper .mobile-menu-toggler {
  display: none;
}
@media (max-width: 992px) {
  #anHeader .header-content .menu-wrapper .mobile-menu-toggler {
    z-index: 999999999;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
  }
  #anHeader .header-content .menu-wrapper .mobile-menu-toggler i {
    font-size: 24px;
    color: white;
    cursor: pointer;
  }
  #anHeader .header-content .menu-wrapper .mobile-menu-toggler i:hover {
    transition: 0.2s;
  }
  #anHeader .header-content .menu-wrapper .mobile-menu-toggler .open {
    display: none;
  }
  #anHeader .header-content .menu-wrapper .mobile-menu-toggler.active .open {
    display: block;
  }
  #anHeader .header-content .menu-wrapper .mobile-menu-toggler.active .closed {
    display: none;
  }
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOutAnimation {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.logo-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.logo-wrapper img {
  width: 100px;
}
.logo-wrapper .text-1 {
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 900;
  margin: 0;
  color: white;
}
.logo-wrapper .text-2 {
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: 300;
  margin: 0;
  color: white;
  margin-top: -5px;
  opacity: 0.6;
}

/* End of Header */
/* Footer */
#mainFooter {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #3288eb !important;
  padding: 48px 0px;
  position: relative;
}
#mainFooter .shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.323);
}
#mainFooter .content {
  z-index: 3;
  max-width: calc(100% - 24px);
  width: 1280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}
#mainFooter .content .logo-footer {
  display: flex;
  align-items: center;
  justify-content: center;
}
#mainFooter .content .logo-footer img {
  max-width: calc(100% - 10px);
  height: 60px;
}
#mainFooter .content .copyright {
  color: white;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  margin: 0px;
  padding: 0px;
}
#mainFooter .content .footer-menu ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#mainFooter .content .footer-menu ul li a {
  text-decoration: none;
  color: #88edff;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
}
#mainFooter .content .footer-menu ul li a:hover {
  color: white;
  cursor: pointer;
  transition: 0.2s;
}

/* End of Footer */
/* Listing */
.an-listing.view-grid .list-mode-header {
  display: none;
}
.an-listing.view-grid .items {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
@media (max-width: 992px) {
  .an-listing.view-grid .items {
    gap: 20px;
  }
}
.an-listing.view-grid .items .app-box {
  background-color: white;
  border-radius: 20px;
  padding: 25px;
  position: relative;
  width: calc(25% - 40px);
}
.an-listing.view-grid .items .app-box .list-mode {
  display: none;
}
.an-listing.view-grid .items .app-box .grid-mode {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1240px) {
  .an-listing.view-grid .items .app-box {
    width: calc(33.3333333333% - 40px);
  }
}
@media (max-width: 1100px) {
  .an-listing.view-grid .items .app-box {
    width: calc(50% - 40px);
  }
}
@media (max-width: 992px) {
  .an-listing.view-grid .items .app-box {
    width: 100%;
  }
}
.an-listing.view-grid .items .app-box .top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.an-listing.view-grid .items .app-box .top .names {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1;
}
.an-listing.view-grid .items .app-box .top .names .name {
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  color: black;
}
.an-listing.view-grid .items .app-box .top .names .publisher {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: black;
  opacity: 0.7;
}
.an-listing.view-grid .items .app-box .top .icon {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  height: 40px;
  width: 40px;
}
.an-listing.view-grid .items .app-box .top .icon img {
  max-width: 100%;
  max-height: 100%;
}
.an-listing.view-grid .items .app-box .description {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: black;
}
.an-listing.view-grid .items .app-box .bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.an-listing.view-grid .items .app-box .bottom .source {
  flex: 1;
  text-align: right;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  color: black;
  opacity: 0.5;
  padding: 0;
  margin: 0;
}
.an-listing.view-list {
  overflow-x: scroll;
  padding: 30px;
  margin: -30px;
}
@media (min-width: 1300px) {
  .an-listing.view-list {
    display: contents;
  }
}
@media (max-width: 992px) {
  .an-listing.view-list {
    margin: -15px;
    padding: 15px;
  }
}
.an-listing.view-list .c1 {
  width: 40px !important;
}
.an-listing.view-list .c2 {
  width: 240px !important;
}
.an-listing.view-list .c3 {
  width: 300px !important;
}
.an-listing.view-list .c4 {
  width: 100px !important;
}
.an-listing.view-list .list-mode-header {
  background-color: white;
  padding: 8px 20px;
  border-radius: 100px;
  display: flex;
  flex-direction: row;
  gap: 25px;
  align-items: center;
  margin-bottom: 5px;
  width: 1280px;
}
.an-listing.view-list .list-mode-header .item {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  color: black;
}
.an-listing.view-list .list-mode-header .item:last-child {
  margin-left: auto;
  flex: 1;
  text-align: right;
}
.an-listing.view-list .items {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  width: 1280px;
}
.an-listing.view-list .items .app-box {
  background-color: white;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 25px;
  position: relative;
  width: 100%;
}
.an-listing.view-list .items .app-box .grid-mode {
  display: none;
}
.an-listing.view-list .items .app-box .list-mode {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
}
.an-listing.view-list .items .app-box .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
}
.an-listing.view-list .items .app-box .icon img {
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 992px) {
  .an-listing.view-list .items .app-box .icon {
    padding: 2px;
    border-radius: 4px;
    background-color: white;
    position: sticky;
    left: 0px;
    z-index: 2;
  }
}
.an-listing.view-list .items .app-box .names {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.an-listing.view-list .items .app-box .names .name {
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  color: black;
}
.an-listing.view-list .items .app-box .names .publisher {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: black;
  opacity: 0.7;
}
.an-listing.view-list .items .app-box .description {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: black;
}
.an-listing.view-list .items .app-box .source {
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  color: black;
  opacity: 0.5;
  padding: 0;
  margin: 0;
}
.an-listing.view-list .items .app-box .cta-wrapper {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.an-listing.view-list .items .app-box .cta-wrapper a {
  width: max-content;
}

/* End of Listing */
/* Pagination */
.an-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: white;
  width: fit-content;
  margin: 0 auto;
  padding: 8px;
  border-radius: 100px;
}
@media (max-width: 992px) {
  .an-pagination {
    gap: 6px;
  }
}
.an-pagination .prev,
.an-pagination .next {
  background-color: #3288eb;
  height: 46px;
  width: 46px;
  border-radius: 23px;
  border: 1px solid #3288eb;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (max-width: 992px) {
  .an-pagination .prev,
  .an-pagination .next {
    height: 36px;
    width: 36px;
    border-radius: 18px;
  }
}
.an-pagination .prev i,
.an-pagination .next i {
  color: white;
  font-size: 20px;
}
.an-pagination .prev:hover,
.an-pagination .next:hover {
  background-color: #3288eb;
  cursor: pointer;
  transition: 0.2s;
}
.an-pagination .prev:hover i,
.an-pagination .next:hover i {
  color: white;
}
.an-pagination .prev.inactive,
.an-pagination .next.inactive {
  background-color: #f4f5f7;
  border: 1px solid #f4f5f7;
}
.an-pagination .prev.inactive i,
.an-pagination .next.inactive i {
  color: #8d99b4;
}
.an-pagination .page-link {
  height: 46px;
  width: 46px;
  border-radius: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 23px;
  border: 1px solid white;
  cursor: pointer;
}
@media (max-width: 992px) {
  .an-pagination .page-link {
    height: 36px;
    width: 36px;
    border-radius: 18px;
  }
}
.an-pagination .page-link span {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #3e7cb1;
}
@media (max-width: 992px) {
  .an-pagination .page-link span {
    font-size: 15px;
  }
}
.an-pagination .page-link:hover {
  background-color: #3288eb;
  border: 1px solid #3288eb;
  transition: 0.2s;
}
.an-pagination .page-link:hover span {
  color: white;
}
.an-pagination .page-link.active {
  border: 1px solid white;
}
.an-pagination .page-link.active span {
  color: #3288eb;
}
.an-pagination .page-link.active:hover {
  background-color: white;
  border: 1px solid white;
}
.an-pagination .page-link.active:hover span {
  color: #3288eb;
}
.an-pagination .page-link.inactive:hover {
  background-color: white;
  border: 1px solid white;
}
.an-pagination .page-link.inactive:hover span {
  color: #3e7cb1;
}

/* End of Pagination */
/* Login */
.an-login-form {
  background-color: white;
  position: fixed;
  z-index: 999999;
  top: 0px;
  left: 0px;
  height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 50px;
  padding: 35px;
}
@media (max-width: 992px) {
  .an-login-form {
    padding: 25px;
  }
}
.an-login-form .logo {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.an-login-form .logo img {
  max-width: calc(100% - 50px);
  height: 100px;
}
.an-login-form .login-form-wrapper {
  background-color: white;
  width: 500px;
  max-width: calc(100% - 20px);
  border-radius: 24px;
  padding: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 25px;
}
@media (max-width: 992px) {
  .an-login-form .login-form-wrapper {
    padding: 15px;
  }
}
.an-login-form .login-form-wrapper .title {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: bold;
  color: #3e7cb1;
  text-transform: uppercase;
}
.an-login-form .login-form-wrapper input {
  width: 100%;
  background-color: transparent;
  border: 1px solid rgba(143, 155, 186, 0.2);
  padding: 15px 25px;
  border-radius: 100px;
  outline: none;
  font-size: 16px;
  line-height: 24px;
  color: black;
}
.an-login-form .login-form-wrapper input::placeholder {
  color: #3e7cb1;
}

/* End of Login */
/* Section */
.section-title .subtitle {
  width: 100%;
  font-size: 18px;
  line-height: 24px;
  margin: 0px;
  padding: 0px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #3288eb;
  display: block;
  font-weight: 900;
}
@media (max-width: 992px) {
  .section-title .subtitle {
    font-size: 16px;
    line-height: 20px;
  }
}
.section-title h3 {
  font-size: 32px;
  line-height: 40px;
  margin: 0px;
  padding: 0px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: black;
  display: inline-flex;
  border-bottom: 4px solid #3288eb;
  font-weight: 900;
  width: fit-content;
}
@media (max-width: 992px) {
  .section-title h3 {
    font-size: 30px;
    line-height: 40px;
    border-bottom: 0px;
  }
}
.section-title.flex {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.section-title.center {
  align-items: center;
  text-align: center;
}
.section-title.center h3,
.section-title.center .subtitle,
.section-title.center p {
  text-align: center;
}
.section-title.light h3 {
  color: white;
  border-bottom: 4px solid #dbe4ee;
}
.section-title p {
  font-size: 20px;
  line-height: 28px;
  margin: 0px;
  padding: 0px;
}

.an-section {
  width: 100%;
}
.an-section.spacing-big {
  padding: 100px 0px;
}
@media (max-width: 992px) {
  .an-section.spacing-big {
    padding: 70px 0px;
  }
}
.an-section.spacing-medium {
  padding: 60px 0px;
}
@media (max-width: 992px) {
  .an-section.spacing-medium {
    padding: 40px 0px;
  }
}
.an-section.spacing-small {
  padding: 30px 0px;
}
@media (max-width: 992px) {
  .an-section.spacing-small {
    padding: 20px 0px;
  }
}
.an-section .an-content {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.an-section .an-content.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 992px) {
  .an-section .an-content.flex {
    flex-direction: column;
    gap: 30px;
  }
}
.an-section .an-content.flex.center {
  justify-content: center;
}
.an-section .an-content.flex.reverse {
  flex-direction: row-reverse;
}
.an-section .an-content.flex.start {
  justify-content: flex-start;
}
.an-section .an-content.flex.end {
  justify-content: flex-end;
}
@media (max-width: 992px) {
  .an-section .an-content {
    padding: 0 15px;
  }
}
.an-section .an-content .an-col {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
  /* iterate w-i from 1 to 12 */
}
.an-section .an-content .an-col.w-1 {
  width: calc(100% / 12 * 1 - 10px);
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.w-1 {
    width: 100%;
  }
}
.an-section .an-content .an-col.w-2 {
  width: calc(100% / 12 * 2 - 10px);
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.w-2 {
    width: 100%;
  }
}
.an-section .an-content .an-col.w-3 {
  width: calc(100% / 12 * 3 - 10px);
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.w-3 {
    width: 100%;
  }
}
.an-section .an-content .an-col.w-4 {
  width: calc(100% / 12 * 4 - 10px);
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.w-4 {
    width: 100%;
  }
}
.an-section .an-content .an-col.w-5 {
  width: calc(100% / 12 * 5 - 10px);
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.w-5 {
    width: 100%;
  }
}
.an-section .an-content .an-col.w-6 {
  width: calc(100% / 12 * 6 - 10px);
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.w-6 {
    width: 100%;
  }
}
.an-section .an-content .an-col.w-7 {
  width: calc(100% / 12 * 7 - 10px);
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.w-7 {
    width: 100%;
  }
}
.an-section .an-content .an-col.w-8 {
  width: calc(100% / 12 * 8 - 10px);
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.w-8 {
    width: 100%;
  }
}
.an-section .an-content .an-col.w-9 {
  width: calc(100% / 12 * 9 - 10px);
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.w-9 {
    width: 100%;
  }
}
.an-section .an-content .an-col.w-10 {
  width: calc(100% / 12 * 10 - 10px);
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.w-10 {
    width: 100%;
  }
}
.an-section .an-content .an-col.w-11 {
  width: calc(100% / 12 * 11 - 10px);
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.w-11 {
    width: 100%;
  }
}
.an-section .an-content .an-col.w-12 {
  width: calc(100% / 12 * 12 - 10px);
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.w-12 {
    width: 100%;
  }
}
.an-section .an-content .an-col img.featured {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.an-section .an-content .an-col.center {
  justify-content: center;
}
.an-section .an-content .an-col.order-2 {
  order: 2;
}
.an-section .an-content .an-col.order-1 {
  order: 1;
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.order-2-mobile {
    order: 2;
  }
}
@media (max-width: 992px) {
  .an-section .an-content .an-col.order-1-mobile {
    order: 1;
  }
}

.an-page-title {
  padding-left: 20px;
  padding-right: 20px;
}
.an-page-title h2 {
  text-align: center;
  color: #52f8cb;
}
@media (max-width: 992px) {
  .an-page-title h2 {
    margin-top: 0px !important;
  }
}
.an-page-title.light h2 {
  color: white;
}

/* End of Section */
/* Gallery */
.gallery-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
}
.gallery-wrapper .gallery-item {
  border: 2px solid white;
  border-radius: 10px;
  overflow: hidden;
  width: calc(25% - 25px);
}
@media (max-width: 992px) {
  .gallery-wrapper .gallery-item {
    width: calc(50% - 25px);
  }
}
.gallery-wrapper .gallery-item img {
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  max-height: 300px;
}
@media (max-width: 992px) {
  .gallery-wrapper .gallery-item img {
    max-height: 200px;
  }
}

.gallery-modal {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100vh;
  width: 100%;
  z-index: 999999;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
}
.gallery-modal .inner {
  max-width: calc(100% - 30px);
  width: 1100px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.gallery-modal .inner .image-wrapper {
  height: 80vh;
  overflow: hidden;
}
.gallery-modal .inner .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.gallery-modal .inner .close {
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: white;
  color: black;
  font-size: 20px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-modal .inner .close:hover {
  background-color: #3288eb;
  color: white;
  transition: 0.2s;
}
.gallery-modal .inner .prev {
  position: absolute;
  top: calc(50% - 20px);
  left: 20px;
  background-color: white;
  color: black;
  font-size: 20px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-modal .inner .prev:hover {
  background-color: #3288eb;
  color: white;
  transition: 0.2s;
}
.gallery-modal .inner .next {
  position: absolute;
  top: calc(50% - 20px);
  right: 20px;
  background-color: white;
  color: black;
  font-size: 20px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-modal .inner .next:hover {
  background-color: #3288eb;
  color: white;
  transition: 0.2s;
}

/* End of Gallery */
/* Contact Form */
.contact-form {
  width: 600px;
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.input-row {
  width: 100%;
}
.input-row .input-group span.label {
  color: white;
  font-size: 14px;
  font-style: italic;
  opacity: 0.8;
}

.input-row * {
  width: 100%;
}

.input-row.half {
  display: flex;
  justify-content: space-between;
}

.input-row.half .input-group {
  width: 50%;
}

.input-row.half .input-group:first-child {
  width: calc(50% - 25px);
}

@media (max-width: 992px) {
  .input-row.half {
    flex-direction: column;
  }
  .input-row.half .input-group {
    width: 100%;
    margin-bottom: 1rem;
  }
  .input-row.half .input-group:last-child {
    margin-bottom: 0px;
  }
  .input-row.half .input-group:first-child {
    width: 100%;
  }
}
/* End of Contact Form */
/* Sticky Button */
#stickyPhone {
  position: fixed;
  z-index: 99999;
  bottom: 20px;
  right: 20px;
  background-color: #3288eb;
  color: white;
  border: 2px solid #3288eb;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  animation: 1s pulse infinite;
}
#stickyPhone i {
  font-size: 28px;
}
#stickyPhone:hover {
  background-color: white;
  color: #52f8cb;
  cursor: pointer;
  transition: 0.2s;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
/* End of Sticky Button */
/* Custom Footer */
#main-footer {
  background-color: #2d271e;
  padding: 50px;
}

.footer-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1215686275);
}

.footer-wrapper .column {
  width: 25%;
}

.footer-wrapper .logo img {
  max-width: 80%;
}

.footer-wrapper .links h4 {
  color: white;
  font-weight: 500;
  font-size: 22px;
  line-height: 130%;
  opacity: 0.4;
  margin-bottom: 15px;
}

.footer-wrapper ul {
  padding-left: 0px;
  list-style: none !important;
  margin-left: 0px;
}
.footer-wrapper ul li {
  list-style: none !important;
}
.footer-wrapper ul li ::marker {
  display: none !important;
}

.footer-wrapper .links h4 {
  color: white;
  font-weight: 500;
  font-size: 20px;
  opacity: 0.4;
}

.footer-wrapper .links .book-item a {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.footer-bottom .social a {
  font-size: 30px;
  line-height: 30px;
  margin-right: 15px;
  color: #3288eb;
  text-decoration: none;
}

.footer-bottom .social a:last-child {
  margin-right: 0px;
}

@media (max-width: 992px) {
  .footer-wrapper .links .book-item {
    justify-content: center;
    display: flex;
  }
}
.footer-wrapper .links .book-item img {
  height: 50px;
  border-radius: 5px;
  margin-right: 10px;
}

.footer-wrapper .links .book-item span {
  display: inline-flex;
  flex: 1;
}

.footer-wrapper .links ul li a {
  color: white;
  font-size: 16px;
  margin-bottom: 15px;
  display: block;
  text-decoration: none;
}

.footer-wrapper .links ul li:last-child a {
  margin-bottom: 0px;
}

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px !important;
}

.footer-bottom .links ul {
  display: flex;
  align-items: center;
  flex: none;
}

.footer-bottom .links ul li a {
  font-weight: 500;
  font-size: 14px;
  margin-right: 15px;
  color: white;
  text-decoration: none;
}

.footer-bottom .copyright {
  font-size: 14px;
  color: white;
  opacity: 0.4;
  font-weight: 400;
  margin-bottom: 0px;
}

.footer-bottom .social a {
  font-size: 30px !important;
  line-height: 30px !important;
  margin-right: 15px;
  color: #52f8cb !important;
  text-decoration: none !important;
}
.footer-bottom .social a i {
  color: #3288eb;
  font-size: 30px;
}

.footer-bottom .social a:last-child {
  margin-right: 0px;
}

@media (max-width: 992px) {
  .footer-wrapper .column {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
  }
  .footer-wrapper {
    flex-wrap: wrap;
    padding-bottom: 20px;
  }
  .footer-wrapper .logo img {
    max-width: 80%;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 30px;
  }
  .footer-bottom {
    flex-wrap: wrap;
    text-align: center;
  }
  .footer-bottom .copyright {
    text-align: center;
    line-height: 130%;
    width: 100%;
    margin-bottom: 20px;
  }
  .footer-bottom .links {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
  .footer-bottom .social {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
}
.download-links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.download-links a {
  text-decoration: none;
  margin: 10px;
}

.download-links a img {
  max-height: 60px;
  max-width: 90%;
}

/* End of custom footer */
/* Swiper Carousel */
.swiper-carousel-container {
  position: relative;
  z-index: 1;
  max-width: calc(100% - 100px);
  margin-left: auto;
  margin-right: auto;
}
.swiper-carousel-container .swiper-wrapper {
  z-index: 1;
  min-height: 40px;
}
.swiper-carousel-container .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: white;
  z-index: 2;
  position: absolute;
  top: calc(50% - 20px);
}
.swiper-carousel-container .arrow i {
  color: #3288eb;
  font-size: 20px;
  text-align: center;
}
.swiper-carousel-container .arrow.arrow-right {
  right: -50px;
}
.swiper-carousel-container .arrow.arrow-left {
  left: -50px;
}

/* End of Swiper Carousel */

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