@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..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");
body {
  font-family: "Poppins", sans-serif !important;
  color: black;
  font-size: 16px;
  line-height: 24px;
}

main {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #f4f5f7;
}
@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;
}

/* 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 #41491a;
  border-radius: 6px;
  padding: 6px 15px;
}
.an-btn.secondary i {
  color: #41491a;
  font-size: 16px;
}
.an-btn.secondary span {
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  color: #41491a;
}
.an-btn.secondary:hover {
  cursor: pointer;
  background-color: #41491a;
  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: #acc437;
  border: 1px solid #acc437;
  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: #acc437;
  transition: 0.2s;
}
.an-btn.primary:hover span {
  color: #acc437;
}
.an-btn.primary:hover i {
  color: #acc437;
}
.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 */
/* Header */
#anHeader {
  background-color: #fff;
  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 {
  height: 60px;
  max-width: 100%;
}
#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: black;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
}
#anHeader .header-content .menu-wrapper ul li a:hover {
  color: #41491a;
  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 #41491a;
  background-color: #41491a;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}
#anHeader .header-content .menu-wrapper ul li.highlighted a:hover {
  background-color: white;
  color: #41491a;
  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: #fff;
  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: #acc437;
    cursor: pointer;
  }
  #anHeader .header-content .menu-wrapper .mobile-menu-toggler i:hover {
    color: #acc437;
    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;
  }
}
/* End of Header */
/* Footer */
#mainFooter {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  padding: 48px 0px;
}
#mainFooter .content {
  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: #acc437;
  height: 46px;
  width: 46px;
  border-radius: 23px;
  border: 1px solid #acc437;
  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: #acc437;
  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: #41491a;
}
@media (max-width: 992px) {
  .an-pagination .page-link span {
    font-size: 15px;
  }
}
.an-pagination .page-link:hover {
  background-color: #acc437;
  border: 1px solid #acc437;
  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: #acc437;
}
.an-pagination .page-link.active:hover {
  background-color: white;
  border: 1px solid white;
}
.an-pagination .page-link.active:hover span {
  color: #acc437;
}
.an-pagination .page-link.inactive:hover {
  background-color: white;
  border: 1px solid white;
}
.an-pagination .page-link.inactive:hover span {
  color: #41491a;
}

/* 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: #41491a;
  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: #41491a;
}

/* End of Login */
/* 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: #acc437;
  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 */
/* Section */
.section-title.center {
  text-align: center;
}
.section-title h3 {
  font-size: 40px;
  line-height: 48px;
  margin: 0px;
  padding: 0px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: black;
  display: inline-flex;
  border-bottom: 4px solid #acc437;
  font-weight: 900;
}
@media (max-width: 992px) {
  .section-title h3 {
    font-size: 30px;
    line-height: 40px;
  }
}
.section-title.light h3 {
  color: white;
  border-bottom: 4px solid #41491a;
}
.section-title p {
  font-size: 22px;
  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: #41491a;
}
@media (max-width: 992px) {
  .an-page-title h2 {
    margin-top: 0px !important;
  }
}
.an-page-title.light h2 {
  color: white;
}

/* End of Section */
/* Hero Section */
.heroSection {
  min-height: calc(100vh - 76px);
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
@media (max-width: 992px) {
  .heroSection {
    background-position-x: 80%;
  }
}
.heroSection .shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.heroSection .inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  justify-content: center;
  max-width: 1000px;
  width: calc(100% - 40px);
  padding: 25px;
}
.heroSection .inner h1 {
  font-size: 48px;
  font-weight: bold;
  line-height: 56px;
  text-align: center;
  color: white;
}
@media (max-width: 992px) {
  .heroSection .inner h1 {
    font-size: 30px;
    line-height: 38px;
  }
}
.heroSection .inner p {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: white;
}

/* End of Hero 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: #acc437;
  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: #acc437;
  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: #acc437;
  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 * {
  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 */
/* 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 */
/* Sticky Button */
#stickyPhone {
  position: fixed;
  z-index: 99999;
  bottom: 20px;
  right: 20px;
  background-color: #41491a;
  color: white;
  border: 2px solid #41491a;
  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: #41491a;
  cursor: pointer;
  transition: 0.2s;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
/* End of Sticky Button */
/* Tools */
.tools-wrapper {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}
.tools-wrapper .item {
  max-width: calc(50% - 30px);
  width: 300px;
  text-decoration: none;
  background-color: white;
  border: 2px solid white;
  border-radius: 8px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.051);
  padding: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  cursor: pointer;
}
@media (max-width: 992px) {
  .tools-wrapper .item {
    width: 100%;
    max-width: 100%;
  }
}
.tools-wrapper .item i {
  font-size: 40px;
  color: #acc437;
}
.tools-wrapper .item span {
  font-size: 28px;
  line-height: 36px;
  color: black;
  font-weight: bold;
  text-align: center;
}
.tools-wrapper .item:hover {
  background-color: #acc437;
  border: 2px solid #acc437;
  transition: 0.2s;
}
.tools-wrapper .item:hover i {
  color: white;
}
.tools-wrapper .item:hover span {
  color: white;
}

/* End of Tools */
/* CRM */
.crm-page-wrapper {
  width: 100%;
  overflow-x: scroll;
  position: relative;
}

.crm-generator {
  /* A4 Dimensions */
  width: 210mm;
  height: 296mm;
  overflow: hidden;
  position: relative;
}
.crm-generator .background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.crm-generator .element {
  z-index: 2;
  border: 0px;
  outline: none;
  white-space: pre-wrap;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.crm-generator .element p {
  margin: 0;
  padding: 0;
}
.crm-generator .element.el-1 {
  position: absolute;
  top: 95px;
  left: 65px;
  width: 317px;
  height: 70px;
}
.crm-generator .element.el-2 {
  position: absolute;
  top: 199px;
  left: 65px;
  width: 317px;
  height: 70px;
}
.crm-generator .element.el-3 {
  position: absolute;
  top: 301px;
  left: 65px;
  width: 317px;
  height: 70px;
}
.crm-generator .element.el-4 {
  position: absolute;
  top: 397px;
  left: 65px;
  width: 317px;
  height: 14px;
  font-size: 12px;
}
.crm-generator .element.el-5 {
  position: absolute;
  top: 426px;
  left: 65px;
  width: 317px;
  height: 14px;
  font-size: 12px;
}
.crm-generator .element.el-6 {
  position: absolute;
  top: 480px;
  left: 65px;
  width: 492px;
  height: 148px;
}
.crm-generator .element.el-7 {
  position: absolute;
  top: 683px;
  left: 65px;
  width: 317px;
  height: 37px;
}
.crm-generator .element.el-8 {
  position: absolute;
  top: 823px;
  left: 65px;
  width: 317px;
  height: 40px;
}
.crm-generator .element.el-9 {
  position: absolute;
  top: 200px;
  left: 401px;
  width: 317px;
  height: 70px;
}
.crm-generator .element.el-10 {
  position: absolute;
  top: 297px;
  left: 401px;
  height: 80px;
  width: 317px;
}
.crm-generator .element.el-11 {
  position: absolute;
  top: 480px;
  left: 573px;
  width: 81px;
  height: 148px;
}
.crm-generator .signature-doc {
  z-index: 2;
  width: 140px;
  height: 140px;
  position: absolute;
  bottom: 100px;
  left: 100px;
}
.crm-generator .signature-doc img {
  width: 100%;
  height: auto;
}

.signature-choose {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.signature-choose .item {
  width: 200px;
  padding: 10px;
  max-width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.051);
  border: 2px solid white;
  opacity: 0.5;
}
.signature-choose .item img {
  width: 100%;
  height: auto;
}
.signature-choose .item p {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: bold;
}
.signature-choose .item.selected,
.signature-choose .item:hover {
  opacity: 1;
  border: 2px solid #acc437;
  transition: 0.2s;
}

/* End of CRM */

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