/*
Theme Name: Hunky
Author: QuboHub
Author URI: https://themeforest.net/user/qubohub
Description: Hunky - Creative Marketing Agency HTML Template
Version: 1.0.0
*/
@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");
.py-0 {
  padding: 0px 0;
}

.my-0 {
  margin: 0px 0;
}

.pt-0 {
  padding-top: 0px;
}

.pr-0 {
  padding-right: 0px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pl-0 {
  padding-left: 0px;
}

.mt-0 {
  margin-top: 0px;
}

.mr-0 {
  margin-right: 0px;
}

.ml-0 {
  margin-left: 0px;
}

.mb-0 {
  margin-bottom: 0px;
}

.py-10 {
  padding: 10px 0;
}

.my-10 {
  margin: 10px 0;
}

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

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

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

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

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

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

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

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

.py-20 {
  padding: 20px 0;
}

.my-20 {
  margin: 20px 0;
}

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

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

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

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

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

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

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

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

.py-30 {
  padding: 30px 0;
}

.my-30 {
  margin: 30px 0;
}

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

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

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

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

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

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

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

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

.py-40 {
  padding: 40px 0;
}

.my-40 {
  margin: 40px 0;
}

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

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

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

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

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

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

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

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

.py-50 {
  padding: 50px 0;
}

.my-50 {
  margin: 50px 0;
}

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

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

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

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

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

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

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

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

.py-60 {
  padding: 60px 0;
}

.my-60 {
  margin: 60px 0;
}

.pt-60 {
  padding-top: 60px;
}

.pr-60 {
  padding-right: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pl-60 {
  padding-left: 60px;
}

.mt-60 {
  margin-top: 60px;
}

.mr-60 {
  margin-right: 60px;
}

.ml-60 {
  margin-left: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.py-70 {
  padding: 70px 0;
}

.my-70 {
  margin: 70px 0;
}

.pt-70 {
  padding-top: 70px;
}

.pr-70 {
  padding-right: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pl-70 {
  padding-left: 70px;
}

.mt-70 {
  margin-top: 70px;
}

.mr-70 {
  margin-right: 70px;
}

.ml-70 {
  margin-left: 70px;
}

.mb-70 {
  margin-bottom: 70px;
}

.py-80 {
  padding: 80px 0;
}

.my-80 {
  margin: 80px 0;
}

.pt-80 {
  padding-top: 80px;
}

.pr-80 {
  padding-right: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pl-80 {
  padding-left: 80px;
}

.mt-80 {
  margin-top: 80px;
}

.mr-80 {
  margin-right: 80px;
}

.ml-80 {
  margin-left: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.py-90 {
  padding: 90px 0;
}

.my-90 {
  margin: 90px 0;
}

.pt-90 {
  padding-top: 90px;
}

.pr-90 {
  padding-right: 90px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pl-90 {
  padding-left: 90px;
}

.mt-90 {
  margin-top: 90px;
}

.mr-90 {
  margin-right: 90px;
}

.ml-90 {
  margin-left: 90px;
}

.mb-90 {
  margin-bottom: 90px;
}

.py-100 {
  padding: 100px 0;
}

.my-100 {
  margin: 100px 0;
}

.pt-100 {
  padding-top: 100px;
}

.pr-100 {
  padding-right: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pl-100 {
  padding-left: 100px;
}

.mt-100 {
  margin-top: 100px;
}

.mr-100 {
  margin-right: 100px;
}

.ml-100 {
  margin-left: 100px;
}

.mb-100 {
  margin-bottom: 100px;
}

.py-110 {
  padding: 110px 0;
}

.my-110 {
  margin: 110px 0;
}

.pt-110 {
  padding-top: 110px;
}

.pr-110 {
  padding-right: 110px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pl-110 {
  padding-left: 110px;
}

.mt-110 {
  margin-top: 110px;
}

.mr-110 {
  margin-right: 110px;
}

.ml-110 {
  margin-left: 110px;
}

.mb-110 {
  margin-bottom: 110px;
}

.py-120 {
  padding: 120px 0;
}

.my-120 {
  margin: 120px 0;
}

.pt-120 {
  padding-top: 120px;
}

.pr-120 {
  padding-right: 120px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pl-120 {
  padding-left: 120px;
}

.mt-120 {
  margin-top: 120px;
}

.mr-120 {
  margin-right: 120px;
}

.ml-120 {
  margin-left: 120px;
}

.mb-120 {
  margin-bottom: 120px;
}

@media screen and (min-width: 576px) {
  .py-sm-0 {
    padding: 0px 0;
  }
  .my-sm-0 {
    margin: 0px 0;
  }
  .pt-sm-0 {
    padding-top: 0px;
  }
  .pr-sm-0 {
    padding-right: 0px;
  }
  .pb-sm-0 {
    padding-bottom: 0px;
  }
  .pl-sm-0 {
    padding-left: 0px;
  }
  .mt-sm-0 {
    margin-top: 0px;
  }
  .mr-sm-0 {
    margin-right: 0px;
  }
  .ml-sm-0 {
    margin-left: 0px;
  }
  .mb-sm-0 {
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 768px) {
  .py-md-0 {
    padding: 0px 0;
  }
  .my-md-0 {
    margin: 0px 0;
  }
  .pt-md-0 {
    padding-top: 0px;
  }
  .pr-md-0 {
    padding-right: 0px;
  }
  .pb-md-0 {
    padding-bottom: 0px;
  }
  .pl-md-0 {
    padding-left: 0px;
  }
  .mt-md-0 {
    margin-top: 0px;
  }
  .mr-md-0 {
    margin-right: 0px;
  }
  .ml-md-0 {
    margin-left: 0px;
  }
  .mb-md-0 {
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 992px) {
  .py-lg-0 {
    padding: 0px 0;
  }
  .my-lg-0 {
    margin: 0px 0;
  }
  .pt-lg-0 {
    padding-top: 0px;
  }
  .pr-lg-0 {
    padding-right: 0px;
  }
  .pb-lg-0 {
    padding-bottom: 0px;
  }
  .pl-lg-0 {
    padding-left: 0px;
  }
  .mt-lg-0 {
    margin-top: 0px;
  }
  .mr-lg-0 {
    margin-right: 0px;
  }
  .ml-lg-0 {
    margin-left: 0px;
  }
  .mb-lg-0 {
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 1200px) {
  .py-xl-0 {
    padding: 0px 0;
  }
  .my-xl-0 {
    margin: 0px 0;
  }
  .pt-xl-0 {
    padding-top: 0px;
  }
  .pr-xl-0 {
    padding-right: 0px;
  }
  .pb-xl-0 {
    padding-bottom: 0px;
  }
  .pl-xl-0 {
    padding-left: 0px;
  }
  .mt-xl-0 {
    margin-top: 0px;
  }
  .mr-xl-0 {
    margin-right: 0px;
  }
  .ml-xl-0 {
    margin-left: 0px;
  }
  .mb-xl-0 {
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 1400px) {
  .py-xxl-0 {
    padding: 0px 0;
  }
  .my-xxl-0 {
    margin: 0px 0;
  }
  .pt-xxl-0 {
    padding-top: 0px;
  }
  .pr-xxl-0 {
    padding-right: 0px;
  }
  .pb-xxl-0 {
    padding-bottom: 0px;
  }
  .pl-xxl-0 {
    padding-left: 0px;
  }
  .mt-xxl-0 {
    margin-top: 0px;
  }
  .mr-xxl-0 {
    margin-right: 0px;
  }
  .ml-xxl-0 {
    margin-left: 0px;
  }
  .mb-xxl-0 {
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 1600px) {
  .py-xxxl-0 {
    padding: 0px 0;
  }
  .my-xxxl-0 {
    margin: 0px 0;
  }
  .pt-xxxl-0 {
    padding-top: 0px;
  }
  .pr-xxxl-0 {
    padding-right: 0px;
  }
  .pb-xxxl-0 {
    padding-bottom: 0px;
  }
  .pl-xxxl-0 {
    padding-left: 0px;
  }
  .mt-xxxl-0 {
    margin-top: 0px;
  }
  .mr-xxxl-0 {
    margin-right: 0px;
  }
  .ml-xxxl-0 {
    margin-left: 0px;
  }
  .mb-xxxl-0 {
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 576px) {
  .py-sm-10 {
    padding: 10px 0;
  }
  .my-sm-10 {
    margin: 10px 0;
  }
  .pt-sm-10 {
    padding-top: 10px;
  }
  .pr-sm-10 {
    padding-right: 10px;
  }
  .pb-sm-10 {
    padding-bottom: 10px;
  }
  .pl-sm-10 {
    padding-left: 10px;
  }
  .mt-sm-10 {
    margin-top: 10px;
  }
  .mr-sm-10 {
    margin-right: 10px;
  }
  .ml-sm-10 {
    margin-left: 10px;
  }
  .mb-sm-10 {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) {
  .py-md-10 {
    padding: 10px 0;
  }
  .my-md-10 {
    margin: 10px 0;
  }
  .pt-md-10 {
    padding-top: 10px;
  }
  .pr-md-10 {
    padding-right: 10px;
  }
  .pb-md-10 {
    padding-bottom: 10px;
  }
  .pl-md-10 {
    padding-left: 10px;
  }
  .mt-md-10 {
    margin-top: 10px;
  }
  .mr-md-10 {
    margin-right: 10px;
  }
  .ml-md-10 {
    margin-left: 10px;
  }
  .mb-md-10 {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 992px) {
  .py-lg-10 {
    padding: 10px 0;
  }
  .my-lg-10 {
    margin: 10px 0;
  }
  .pt-lg-10 {
    padding-top: 10px;
  }
  .pr-lg-10 {
    padding-right: 10px;
  }
  .pb-lg-10 {
    padding-bottom: 10px;
  }
  .pl-lg-10 {
    padding-left: 10px;
  }
  .mt-lg-10 {
    margin-top: 10px;
  }
  .mr-lg-10 {
    margin-right: 10px;
  }
  .ml-lg-10 {
    margin-left: 10px;
  }
  .mb-lg-10 {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 1200px) {
  .py-xl-10 {
    padding: 10px 0;
  }
  .my-xl-10 {
    margin: 10px 0;
  }
  .pt-xl-10 {
    padding-top: 10px;
  }
  .pr-xl-10 {
    padding-right: 10px;
  }
  .pb-xl-10 {
    padding-bottom: 10px;
  }
  .pl-xl-10 {
    padding-left: 10px;
  }
  .mt-xl-10 {
    margin-top: 10px;
  }
  .mr-xl-10 {
    margin-right: 10px;
  }
  .ml-xl-10 {
    margin-left: 10px;
  }
  .mb-xl-10 {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 1400px) {
  .py-xxl-10 {
    padding: 10px 0;
  }
  .my-xxl-10 {
    margin: 10px 0;
  }
  .pt-xxl-10 {
    padding-top: 10px;
  }
  .pr-xxl-10 {
    padding-right: 10px;
  }
  .pb-xxl-10 {
    padding-bottom: 10px;
  }
  .pl-xxl-10 {
    padding-left: 10px;
  }
  .mt-xxl-10 {
    margin-top: 10px;
  }
  .mr-xxl-10 {
    margin-right: 10px;
  }
  .ml-xxl-10 {
    margin-left: 10px;
  }
  .mb-xxl-10 {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 1600px) {
  .py-xxxl-10 {
    padding: 10px 0;
  }
  .my-xxxl-10 {
    margin: 10px 0;
  }
  .pt-xxxl-10 {
    padding-top: 10px;
  }
  .pr-xxxl-10 {
    padding-right: 10px;
  }
  .pb-xxxl-10 {
    padding-bottom: 10px;
  }
  .pl-xxxl-10 {
    padding-left: 10px;
  }
  .mt-xxxl-10 {
    margin-top: 10px;
  }
  .mr-xxxl-10 {
    margin-right: 10px;
  }
  .ml-xxxl-10 {
    margin-left: 10px;
  }
  .mb-xxxl-10 {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 576px) {
  .py-sm-20 {
    padding: 20px 0;
  }
  .my-sm-20 {
    margin: 20px 0;
  }
  .pt-sm-20 {
    padding-top: 20px;
  }
  .pr-sm-20 {
    padding-right: 20px;
  }
  .pb-sm-20 {
    padding-bottom: 20px;
  }
  .pl-sm-20 {
    padding-left: 20px;
  }
  .mt-sm-20 {
    margin-top: 20px;
  }
  .mr-sm-20 {
    margin-right: 20px;
  }
  .ml-sm-20 {
    margin-left: 20px;
  }
  .mb-sm-20 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) {
  .py-md-20 {
    padding: 20px 0;
  }
  .my-md-20 {
    margin: 20px 0;
  }
  .pt-md-20 {
    padding-top: 20px;
  }
  .pr-md-20 {
    padding-right: 20px;
  }
  .pb-md-20 {
    padding-bottom: 20px;
  }
  .pl-md-20 {
    padding-left: 20px;
  }
  .mt-md-20 {
    margin-top: 20px;
  }
  .mr-md-20 {
    margin-right: 20px;
  }
  .ml-md-20 {
    margin-left: 20px;
  }
  .mb-md-20 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 992px) {
  .py-lg-20 {
    padding: 20px 0;
  }
  .my-lg-20 {
    margin: 20px 0;
  }
  .pt-lg-20 {
    padding-top: 20px;
  }
  .pr-lg-20 {
    padding-right: 20px;
  }
  .pb-lg-20 {
    padding-bottom: 20px;
  }
  .pl-lg-20 {
    padding-left: 20px;
  }
  .mt-lg-20 {
    margin-top: 20px;
  }
  .mr-lg-20 {
    margin-right: 20px;
  }
  .ml-lg-20 {
    margin-left: 20px;
  }
  .mb-lg-20 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .py-xl-20 {
    padding: 20px 0;
  }
  .my-xl-20 {
    margin: 20px 0;
  }
  .pt-xl-20 {
    padding-top: 20px;
  }
  .pr-xl-20 {
    padding-right: 20px;
  }
  .pb-xl-20 {
    padding-bottom: 20px;
  }
  .pl-xl-20 {
    padding-left: 20px;
  }
  .mt-xl-20 {
    margin-top: 20px;
  }
  .mr-xl-20 {
    margin-right: 20px;
  }
  .ml-xl-20 {
    margin-left: 20px;
  }
  .mb-xl-20 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1400px) {
  .py-xxl-20 {
    padding: 20px 0;
  }
  .my-xxl-20 {
    margin: 20px 0;
  }
  .pt-xxl-20 {
    padding-top: 20px;
  }
  .pr-xxl-20 {
    padding-right: 20px;
  }
  .pb-xxl-20 {
    padding-bottom: 20px;
  }
  .pl-xxl-20 {
    padding-left: 20px;
  }
  .mt-xxl-20 {
    margin-top: 20px;
  }
  .mr-xxl-20 {
    margin-right: 20px;
  }
  .ml-xxl-20 {
    margin-left: 20px;
  }
  .mb-xxl-20 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1600px) {
  .py-xxxl-20 {
    padding: 20px 0;
  }
  .my-xxxl-20 {
    margin: 20px 0;
  }
  .pt-xxxl-20 {
    padding-top: 20px;
  }
  .pr-xxxl-20 {
    padding-right: 20px;
  }
  .pb-xxxl-20 {
    padding-bottom: 20px;
  }
  .pl-xxxl-20 {
    padding-left: 20px;
  }
  .mt-xxxl-20 {
    margin-top: 20px;
  }
  .mr-xxxl-20 {
    margin-right: 20px;
  }
  .ml-xxxl-20 {
    margin-left: 20px;
  }
  .mb-xxxl-20 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 576px) {
  .py-sm-30 {
    padding: 30px 0;
  }
  .my-sm-30 {
    margin: 30px 0;
  }
  .pt-sm-30 {
    padding-top: 30px;
  }
  .pr-sm-30 {
    padding-right: 30px;
  }
  .pb-sm-30 {
    padding-bottom: 30px;
  }
  .pl-sm-30 {
    padding-left: 30px;
  }
  .mt-sm-30 {
    margin-top: 30px;
  }
  .mr-sm-30 {
    margin-right: 30px;
  }
  .ml-sm-30 {
    margin-left: 30px;
  }
  .mb-sm-30 {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) {
  .py-md-30 {
    padding: 30px 0;
  }
  .my-md-30 {
    margin: 30px 0;
  }
  .pt-md-30 {
    padding-top: 30px;
  }
  .pr-md-30 {
    padding-right: 30px;
  }
  .pb-md-30 {
    padding-bottom: 30px;
  }
  .pl-md-30 {
    padding-left: 30px;
  }
  .mt-md-30 {
    margin-top: 30px;
  }
  .mr-md-30 {
    margin-right: 30px;
  }
  .ml-md-30 {
    margin-left: 30px;
  }
  .mb-md-30 {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 992px) {
  .py-lg-30 {
    padding: 30px 0;
  }
  .my-lg-30 {
    margin: 30px 0;
  }
  .pt-lg-30 {
    padding-top: 30px;
  }
  .pr-lg-30 {
    padding-right: 30px;
  }
  .pb-lg-30 {
    padding-bottom: 30px;
  }
  .pl-lg-30 {
    padding-left: 30px;
  }
  .mt-lg-30 {
    margin-top: 30px;
  }
  .mr-lg-30 {
    margin-right: 30px;
  }
  .ml-lg-30 {
    margin-left: 30px;
  }
  .mb-lg-30 {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .py-xl-30 {
    padding: 30px 0;
  }
  .my-xl-30 {
    margin: 30px 0;
  }
  .pt-xl-30 {
    padding-top: 30px;
  }
  .pr-xl-30 {
    padding-right: 30px;
  }
  .pb-xl-30 {
    padding-bottom: 30px;
  }
  .pl-xl-30 {
    padding-left: 30px;
  }
  .mt-xl-30 {
    margin-top: 30px;
  }
  .mr-xl-30 {
    margin-right: 30px;
  }
  .ml-xl-30 {
    margin-left: 30px;
  }
  .mb-xl-30 {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1400px) {
  .py-xxl-30 {
    padding: 30px 0;
  }
  .my-xxl-30 {
    margin: 30px 0;
  }
  .pt-xxl-30 {
    padding-top: 30px;
  }
  .pr-xxl-30 {
    padding-right: 30px;
  }
  .pb-xxl-30 {
    padding-bottom: 30px;
  }
  .pl-xxl-30 {
    padding-left: 30px;
  }
  .mt-xxl-30 {
    margin-top: 30px;
  }
  .mr-xxl-30 {
    margin-right: 30px;
  }
  .ml-xxl-30 {
    margin-left: 30px;
  }
  .mb-xxl-30 {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1600px) {
  .py-xxxl-30 {
    padding: 30px 0;
  }
  .my-xxxl-30 {
    margin: 30px 0;
  }
  .pt-xxxl-30 {
    padding-top: 30px;
  }
  .pr-xxxl-30 {
    padding-right: 30px;
  }
  .pb-xxxl-30 {
    padding-bottom: 30px;
  }
  .pl-xxxl-30 {
    padding-left: 30px;
  }
  .mt-xxxl-30 {
    margin-top: 30px;
  }
  .mr-xxxl-30 {
    margin-right: 30px;
  }
  .ml-xxxl-30 {
    margin-left: 30px;
  }
  .mb-xxxl-30 {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 576px) {
  .py-sm-40 {
    padding: 40px 0;
  }
  .my-sm-40 {
    margin: 40px 0;
  }
  .pt-sm-40 {
    padding-top: 40px;
  }
  .pr-sm-40 {
    padding-right: 40px;
  }
  .pb-sm-40 {
    padding-bottom: 40px;
  }
  .pl-sm-40 {
    padding-left: 40px;
  }
  .mt-sm-40 {
    margin-top: 40px;
  }
  .mr-sm-40 {
    margin-right: 40px;
  }
  .ml-sm-40 {
    margin-left: 40px;
  }
  .mb-sm-40 {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) {
  .py-md-40 {
    padding: 40px 0;
  }
  .my-md-40 {
    margin: 40px 0;
  }
  .pt-md-40 {
    padding-top: 40px;
  }
  .pr-md-40 {
    padding-right: 40px;
  }
  .pb-md-40 {
    padding-bottom: 40px;
  }
  .pl-md-40 {
    padding-left: 40px;
  }
  .mt-md-40 {
    margin-top: 40px;
  }
  .mr-md-40 {
    margin-right: 40px;
  }
  .ml-md-40 {
    margin-left: 40px;
  }
  .mb-md-40 {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 992px) {
  .py-lg-40 {
    padding: 40px 0;
  }
  .my-lg-40 {
    margin: 40px 0;
  }
  .pt-lg-40 {
    padding-top: 40px;
  }
  .pr-lg-40 {
    padding-right: 40px;
  }
  .pb-lg-40 {
    padding-bottom: 40px;
  }
  .pl-lg-40 {
    padding-left: 40px;
  }
  .mt-lg-40 {
    margin-top: 40px;
  }
  .mr-lg-40 {
    margin-right: 40px;
  }
  .ml-lg-40 {
    margin-left: 40px;
  }
  .mb-lg-40 {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .py-xl-40 {
    padding: 40px 0;
  }
  .my-xl-40 {
    margin: 40px 0;
  }
  .pt-xl-40 {
    padding-top: 40px;
  }
  .pr-xl-40 {
    padding-right: 40px;
  }
  .pb-xl-40 {
    padding-bottom: 40px;
  }
  .pl-xl-40 {
    padding-left: 40px;
  }
  .mt-xl-40 {
    margin-top: 40px;
  }
  .mr-xl-40 {
    margin-right: 40px;
  }
  .ml-xl-40 {
    margin-left: 40px;
  }
  .mb-xl-40 {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1400px) {
  .py-xxl-40 {
    padding: 40px 0;
  }
  .my-xxl-40 {
    margin: 40px 0;
  }
  .pt-xxl-40 {
    padding-top: 40px;
  }
  .pr-xxl-40 {
    padding-right: 40px;
  }
  .pb-xxl-40 {
    padding-bottom: 40px;
  }
  .pl-xxl-40 {
    padding-left: 40px;
  }
  .mt-xxl-40 {
    margin-top: 40px;
  }
  .mr-xxl-40 {
    margin-right: 40px;
  }
  .ml-xxl-40 {
    margin-left: 40px;
  }
  .mb-xxl-40 {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1600px) {
  .py-xxxl-40 {
    padding: 40px 0;
  }
  .my-xxxl-40 {
    margin: 40px 0;
  }
  .pt-xxxl-40 {
    padding-top: 40px;
  }
  .pr-xxxl-40 {
    padding-right: 40px;
  }
  .pb-xxxl-40 {
    padding-bottom: 40px;
  }
  .pl-xxxl-40 {
    padding-left: 40px;
  }
  .mt-xxxl-40 {
    margin-top: 40px;
  }
  .mr-xxxl-40 {
    margin-right: 40px;
  }
  .ml-xxxl-40 {
    margin-left: 40px;
  }
  .mb-xxxl-40 {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 576px) {
  .py-sm-50 {
    padding: 50px 0;
  }
  .my-sm-50 {
    margin: 50px 0;
  }
  .pt-sm-50 {
    padding-top: 50px;
  }
  .pr-sm-50 {
    padding-right: 50px;
  }
  .pb-sm-50 {
    padding-bottom: 50px;
  }
  .pl-sm-50 {
    padding-left: 50px;
  }
  .mt-sm-50 {
    margin-top: 50px;
  }
  .mr-sm-50 {
    margin-right: 50px;
  }
  .ml-sm-50 {
    margin-left: 50px;
  }
  .mb-sm-50 {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) {
  .py-md-50 {
    padding: 50px 0;
  }
  .my-md-50 {
    margin: 50px 0;
  }
  .pt-md-50 {
    padding-top: 50px;
  }
  .pr-md-50 {
    padding-right: 50px;
  }
  .pb-md-50 {
    padding-bottom: 50px;
  }
  .pl-md-50 {
    padding-left: 50px;
  }
  .mt-md-50 {
    margin-top: 50px;
  }
  .mr-md-50 {
    margin-right: 50px;
  }
  .ml-md-50 {
    margin-left: 50px;
  }
  .mb-md-50 {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 992px) {
  .py-lg-50 {
    padding: 50px 0;
  }
  .my-lg-50 {
    margin: 50px 0;
  }
  .pt-lg-50 {
    padding-top: 50px;
  }
  .pr-lg-50 {
    padding-right: 50px;
  }
  .pb-lg-50 {
    padding-bottom: 50px;
  }
  .pl-lg-50 {
    padding-left: 50px;
  }
  .mt-lg-50 {
    margin-top: 50px;
  }
  .mr-lg-50 {
    margin-right: 50px;
  }
  .ml-lg-50 {
    margin-left: 50px;
  }
  .mb-lg-50 {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 1200px) {
  .py-xl-50 {
    padding: 50px 0;
  }
  .my-xl-50 {
    margin: 50px 0;
  }
  .pt-xl-50 {
    padding-top: 50px;
  }
  .pr-xl-50 {
    padding-right: 50px;
  }
  .pb-xl-50 {
    padding-bottom: 50px;
  }
  .pl-xl-50 {
    padding-left: 50px;
  }
  .mt-xl-50 {
    margin-top: 50px;
  }
  .mr-xl-50 {
    margin-right: 50px;
  }
  .ml-xl-50 {
    margin-left: 50px;
  }
  .mb-xl-50 {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 1400px) {
  .py-xxl-50 {
    padding: 50px 0;
  }
  .my-xxl-50 {
    margin: 50px 0;
  }
  .pt-xxl-50 {
    padding-top: 50px;
  }
  .pr-xxl-50 {
    padding-right: 50px;
  }
  .pb-xxl-50 {
    padding-bottom: 50px;
  }
  .pl-xxl-50 {
    padding-left: 50px;
  }
  .mt-xxl-50 {
    margin-top: 50px;
  }
  .mr-xxl-50 {
    margin-right: 50px;
  }
  .ml-xxl-50 {
    margin-left: 50px;
  }
  .mb-xxl-50 {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 1600px) {
  .py-xxxl-50 {
    padding: 50px 0;
  }
  .my-xxxl-50 {
    margin: 50px 0;
  }
  .pt-xxxl-50 {
    padding-top: 50px;
  }
  .pr-xxxl-50 {
    padding-right: 50px;
  }
  .pb-xxxl-50 {
    padding-bottom: 50px;
  }
  .pl-xxxl-50 {
    padding-left: 50px;
  }
  .mt-xxxl-50 {
    margin-top: 50px;
  }
  .mr-xxxl-50 {
    margin-right: 50px;
  }
  .ml-xxxl-50 {
    margin-left: 50px;
  }
  .mb-xxxl-50 {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 576px) {
  .py-sm-60 {
    padding: 60px 0;
  }
  .my-sm-60 {
    margin: 60px 0;
  }
  .pt-sm-60 {
    padding-top: 60px;
  }
  .pr-sm-60 {
    padding-right: 60px;
  }
  .pb-sm-60 {
    padding-bottom: 60px;
  }
  .pl-sm-60 {
    padding-left: 60px;
  }
  .mt-sm-60 {
    margin-top: 60px;
  }
  .mr-sm-60 {
    margin-right: 60px;
  }
  .ml-sm-60 {
    margin-left: 60px;
  }
  .mb-sm-60 {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 768px) {
  .py-md-60 {
    padding: 60px 0;
  }
  .my-md-60 {
    margin: 60px 0;
  }
  .pt-md-60 {
    padding-top: 60px;
  }
  .pr-md-60 {
    padding-right: 60px;
  }
  .pb-md-60 {
    padding-bottom: 60px;
  }
  .pl-md-60 {
    padding-left: 60px;
  }
  .mt-md-60 {
    margin-top: 60px;
  }
  .mr-md-60 {
    margin-right: 60px;
  }
  .ml-md-60 {
    margin-left: 60px;
  }
  .mb-md-60 {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 992px) {
  .py-lg-60 {
    padding: 60px 0;
  }
  .my-lg-60 {
    margin: 60px 0;
  }
  .pt-lg-60 {
    padding-top: 60px;
  }
  .pr-lg-60 {
    padding-right: 60px;
  }
  .pb-lg-60 {
    padding-bottom: 60px;
  }
  .pl-lg-60 {
    padding-left: 60px;
  }
  .mt-lg-60 {
    margin-top: 60px;
  }
  .mr-lg-60 {
    margin-right: 60px;
  }
  .ml-lg-60 {
    margin-left: 60px;
  }
  .mb-lg-60 {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .py-xl-60 {
    padding: 60px 0;
  }
  .my-xl-60 {
    margin: 60px 0;
  }
  .pt-xl-60 {
    padding-top: 60px;
  }
  .pr-xl-60 {
    padding-right: 60px;
  }
  .pb-xl-60 {
    padding-bottom: 60px;
  }
  .pl-xl-60 {
    padding-left: 60px;
  }
  .mt-xl-60 {
    margin-top: 60px;
  }
  .mr-xl-60 {
    margin-right: 60px;
  }
  .ml-xl-60 {
    margin-left: 60px;
  }
  .mb-xl-60 {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 1400px) {
  .py-xxl-60 {
    padding: 60px 0;
  }
  .my-xxl-60 {
    margin: 60px 0;
  }
  .pt-xxl-60 {
    padding-top: 60px;
  }
  .pr-xxl-60 {
    padding-right: 60px;
  }
  .pb-xxl-60 {
    padding-bottom: 60px;
  }
  .pl-xxl-60 {
    padding-left: 60px;
  }
  .mt-xxl-60 {
    margin-top: 60px;
  }
  .mr-xxl-60 {
    margin-right: 60px;
  }
  .ml-xxl-60 {
    margin-left: 60px;
  }
  .mb-xxl-60 {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 1600px) {
  .py-xxxl-60 {
    padding: 60px 0;
  }
  .my-xxxl-60 {
    margin: 60px 0;
  }
  .pt-xxxl-60 {
    padding-top: 60px;
  }
  .pr-xxxl-60 {
    padding-right: 60px;
  }
  .pb-xxxl-60 {
    padding-bottom: 60px;
  }
  .pl-xxxl-60 {
    padding-left: 60px;
  }
  .mt-xxxl-60 {
    margin-top: 60px;
  }
  .mr-xxxl-60 {
    margin-right: 60px;
  }
  .ml-xxxl-60 {
    margin-left: 60px;
  }
  .mb-xxxl-60 {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 576px) {
  .py-sm-70 {
    padding: 70px 0;
  }
  .my-sm-70 {
    margin: 70px 0;
  }
  .pt-sm-70 {
    padding-top: 70px;
  }
  .pr-sm-70 {
    padding-right: 70px;
  }
  .pb-sm-70 {
    padding-bottom: 70px;
  }
  .pl-sm-70 {
    padding-left: 70px;
  }
  .mt-sm-70 {
    margin-top: 70px;
  }
  .mr-sm-70 {
    margin-right: 70px;
  }
  .ml-sm-70 {
    margin-left: 70px;
  }
  .mb-sm-70 {
    margin-bottom: 70px;
  }
}
@media screen and (min-width: 768px) {
  .py-md-70 {
    padding: 70px 0;
  }
  .my-md-70 {
    margin: 70px 0;
  }
  .pt-md-70 {
    padding-top: 70px;
  }
  .pr-md-70 {
    padding-right: 70px;
  }
  .pb-md-70 {
    padding-bottom: 70px;
  }
  .pl-md-70 {
    padding-left: 70px;
  }
  .mt-md-70 {
    margin-top: 70px;
  }
  .mr-md-70 {
    margin-right: 70px;
  }
  .ml-md-70 {
    margin-left: 70px;
  }
  .mb-md-70 {
    margin-bottom: 70px;
  }
}
@media screen and (min-width: 992px) {
  .py-lg-70 {
    padding: 70px 0;
  }
  .my-lg-70 {
    margin: 70px 0;
  }
  .pt-lg-70 {
    padding-top: 70px;
  }
  .pr-lg-70 {
    padding-right: 70px;
  }
  .pb-lg-70 {
    padding-bottom: 70px;
  }
  .pl-lg-70 {
    padding-left: 70px;
  }
  .mt-lg-70 {
    margin-top: 70px;
  }
  .mr-lg-70 {
    margin-right: 70px;
  }
  .ml-lg-70 {
    margin-left: 70px;
  }
  .mb-lg-70 {
    margin-bottom: 70px;
  }
}
@media screen and (min-width: 1200px) {
  .py-xl-70 {
    padding: 70px 0;
  }
  .my-xl-70 {
    margin: 70px 0;
  }
  .pt-xl-70 {
    padding-top: 70px;
  }
  .pr-xl-70 {
    padding-right: 70px;
  }
  .pb-xl-70 {
    padding-bottom: 70px;
  }
  .pl-xl-70 {
    padding-left: 70px;
  }
  .mt-xl-70 {
    margin-top: 70px;
  }
  .mr-xl-70 {
    margin-right: 70px;
  }
  .ml-xl-70 {
    margin-left: 70px;
  }
  .mb-xl-70 {
    margin-bottom: 70px;
  }
}
@media screen and (min-width: 1400px) {
  .py-xxl-70 {
    padding: 70px 0;
  }
  .my-xxl-70 {
    margin: 70px 0;
  }
  .pt-xxl-70 {
    padding-top: 70px;
  }
  .pr-xxl-70 {
    padding-right: 70px;
  }
  .pb-xxl-70 {
    padding-bottom: 70px;
  }
  .pl-xxl-70 {
    padding-left: 70px;
  }
  .mt-xxl-70 {
    margin-top: 70px;
  }
  .mr-xxl-70 {
    margin-right: 70px;
  }
  .ml-xxl-70 {
    margin-left: 70px;
  }
  .mb-xxl-70 {
    margin-bottom: 70px;
  }
}
@media screen and (min-width: 1600px) {
  .py-xxxl-70 {
    padding: 70px 0;
  }
  .my-xxxl-70 {
    margin: 70px 0;
  }
  .pt-xxxl-70 {
    padding-top: 70px;
  }
  .pr-xxxl-70 {
    padding-right: 70px;
  }
  .pb-xxxl-70 {
    padding-bottom: 70px;
  }
  .pl-xxxl-70 {
    padding-left: 70px;
  }
  .mt-xxxl-70 {
    margin-top: 70px;
  }
  .mr-xxxl-70 {
    margin-right: 70px;
  }
  .ml-xxxl-70 {
    margin-left: 70px;
  }
  .mb-xxxl-70 {
    margin-bottom: 70px;
  }
}
@media screen and (min-width: 576px) {
  .py-sm-80 {
    padding: 80px 0;
  }
  .my-sm-80 {
    margin: 80px 0;
  }
  .pt-sm-80 {
    padding-top: 80px;
  }
  .pr-sm-80 {
    padding-right: 80px;
  }
  .pb-sm-80 {
    padding-bottom: 80px;
  }
  .pl-sm-80 {
    padding-left: 80px;
  }
  .mt-sm-80 {
    margin-top: 80px;
  }
  .mr-sm-80 {
    margin-right: 80px;
  }
  .ml-sm-80 {
    margin-left: 80px;
  }
  .mb-sm-80 {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 768px) {
  .py-md-80 {
    padding: 80px 0;
  }
  .my-md-80 {
    margin: 80px 0;
  }
  .pt-md-80 {
    padding-top: 80px;
  }
  .pr-md-80 {
    padding-right: 80px;
  }
  .pb-md-80 {
    padding-bottom: 80px;
  }
  .pl-md-80 {
    padding-left: 80px;
  }
  .mt-md-80 {
    margin-top: 80px;
  }
  .mr-md-80 {
    margin-right: 80px;
  }
  .ml-md-80 {
    margin-left: 80px;
  }
  .mb-md-80 {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 992px) {
  .py-lg-80 {
    padding: 80px 0;
  }
  .my-lg-80 {
    margin: 80px 0;
  }
  .pt-lg-80 {
    padding-top: 80px;
  }
  .pr-lg-80 {
    padding-right: 80px;
  }
  .pb-lg-80 {
    padding-bottom: 80px;
  }
  .pl-lg-80 {
    padding-left: 80px;
  }
  .mt-lg-80 {
    margin-top: 80px;
  }
  .mr-lg-80 {
    margin-right: 80px;
  }
  .ml-lg-80 {
    margin-left: 80px;
  }
  .mb-lg-80 {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1200px) {
  .py-xl-80 {
    padding: 80px 0;
  }
  .my-xl-80 {
    margin: 80px 0;
  }
  .pt-xl-80 {
    padding-top: 80px;
  }
  .pr-xl-80 {
    padding-right: 80px;
  }
  .pb-xl-80 {
    padding-bottom: 80px;
  }
  .pl-xl-80 {
    padding-left: 80px;
  }
  .mt-xl-80 {
    margin-top: 80px;
  }
  .mr-xl-80 {
    margin-right: 80px;
  }
  .ml-xl-80 {
    margin-left: 80px;
  }
  .mb-xl-80 {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1400px) {
  .py-xxl-80 {
    padding: 80px 0;
  }
  .my-xxl-80 {
    margin: 80px 0;
  }
  .pt-xxl-80 {
    padding-top: 80px;
  }
  .pr-xxl-80 {
    padding-right: 80px;
  }
  .pb-xxl-80 {
    padding-bottom: 80px;
  }
  .pl-xxl-80 {
    padding-left: 80px;
  }
  .mt-xxl-80 {
    margin-top: 80px;
  }
  .mr-xxl-80 {
    margin-right: 80px;
  }
  .ml-xxl-80 {
    margin-left: 80px;
  }
  .mb-xxl-80 {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1600px) {
  .py-xxxl-80 {
    padding: 80px 0;
  }
  .my-xxxl-80 {
    margin: 80px 0;
  }
  .pt-xxxl-80 {
    padding-top: 80px;
  }
  .pr-xxxl-80 {
    padding-right: 80px;
  }
  .pb-xxxl-80 {
    padding-bottom: 80px;
  }
  .pl-xxxl-80 {
    padding-left: 80px;
  }
  .mt-xxxl-80 {
    margin-top: 80px;
  }
  .mr-xxxl-80 {
    margin-right: 80px;
  }
  .ml-xxxl-80 {
    margin-left: 80px;
  }
  .mb-xxxl-80 {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 576px) {
  .py-sm-90 {
    padding: 90px 0;
  }
  .my-sm-90 {
    margin: 90px 0;
  }
  .pt-sm-90 {
    padding-top: 90px;
  }
  .pr-sm-90 {
    padding-right: 90px;
  }
  .pb-sm-90 {
    padding-bottom: 90px;
  }
  .pl-sm-90 {
    padding-left: 90px;
  }
  .mt-sm-90 {
    margin-top: 90px;
  }
  .mr-sm-90 {
    margin-right: 90px;
  }
  .ml-sm-90 {
    margin-left: 90px;
  }
  .mb-sm-90 {
    margin-bottom: 90px;
  }
}
@media screen and (min-width: 768px) {
  .py-md-90 {
    padding: 90px 0;
  }
  .my-md-90 {
    margin: 90px 0;
  }
  .pt-md-90 {
    padding-top: 90px;
  }
  .pr-md-90 {
    padding-right: 90px;
  }
  .pb-md-90 {
    padding-bottom: 90px;
  }
  .pl-md-90 {
    padding-left: 90px;
  }
  .mt-md-90 {
    margin-top: 90px;
  }
  .mr-md-90 {
    margin-right: 90px;
  }
  .ml-md-90 {
    margin-left: 90px;
  }
  .mb-md-90 {
    margin-bottom: 90px;
  }
}
@media screen and (min-width: 992px) {
  .py-lg-90 {
    padding: 90px 0;
  }
  .my-lg-90 {
    margin: 90px 0;
  }
  .pt-lg-90 {
    padding-top: 90px;
  }
  .pr-lg-90 {
    padding-right: 90px;
  }
  .pb-lg-90 {
    padding-bottom: 90px;
  }
  .pl-lg-90 {
    padding-left: 90px;
  }
  .mt-lg-90 {
    margin-top: 90px;
  }
  .mr-lg-90 {
    margin-right: 90px;
  }
  .ml-lg-90 {
    margin-left: 90px;
  }
  .mb-lg-90 {
    margin-bottom: 90px;
  }
}
@media screen and (min-width: 1200px) {
  .py-xl-90 {
    padding: 90px 0;
  }
  .my-xl-90 {
    margin: 90px 0;
  }
  .pt-xl-90 {
    padding-top: 90px;
  }
  .pr-xl-90 {
    padding-right: 90px;
  }
  .pb-xl-90 {
    padding-bottom: 90px;
  }
  .pl-xl-90 {
    padding-left: 90px;
  }
  .mt-xl-90 {
    margin-top: 90px;
  }
  .mr-xl-90 {
    margin-right: 90px;
  }
  .ml-xl-90 {
    margin-left: 90px;
  }
  .mb-xl-90 {
    margin-bottom: 90px;
  }
}
@media screen and (min-width: 1400px) {
  .py-xxl-90 {
    padding: 90px 0;
  }
  .my-xxl-90 {
    margin: 90px 0;
  }
  .pt-xxl-90 {
    padding-top: 90px;
  }
  .pr-xxl-90 {
    padding-right: 90px;
  }
  .pb-xxl-90 {
    padding-bottom: 90px;
  }
  .pl-xxl-90 {
    padding-left: 90px;
  }
  .mt-xxl-90 {
    margin-top: 90px;
  }
  .mr-xxl-90 {
    margin-right: 90px;
  }
  .ml-xxl-90 {
    margin-left: 90px;
  }
  .mb-xxl-90 {
    margin-bottom: 90px;
  }
}
@media screen and (min-width: 1600px) {
  .py-xxxl-90 {
    padding: 90px 0;
  }
  .my-xxxl-90 {
    margin: 90px 0;
  }
  .pt-xxxl-90 {
    padding-top: 90px;
  }
  .pr-xxxl-90 {
    padding-right: 90px;
  }
  .pb-xxxl-90 {
    padding-bottom: 90px;
  }
  .pl-xxxl-90 {
    padding-left: 90px;
  }
  .mt-xxxl-90 {
    margin-top: 90px;
  }
  .mr-xxxl-90 {
    margin-right: 90px;
  }
  .ml-xxxl-90 {
    margin-left: 90px;
  }
  .mb-xxxl-90 {
    margin-bottom: 90px;
  }
}
@media screen and (min-width: 576px) {
  .py-sm-100 {
    padding: 100px 0;
  }
  .my-sm-100 {
    margin: 100px 0;
  }
  .pt-sm-100 {
    padding-top: 100px;
  }
  .pr-sm-100 {
    padding-right: 100px;
  }
  .pb-sm-100 {
    padding-bottom: 100px;
  }
  .pl-sm-100 {
    padding-left: 100px;
  }
  .mt-sm-100 {
    margin-top: 100px;
  }
  .mr-sm-100 {
    margin-right: 100px;
  }
  .ml-sm-100 {
    margin-left: 100px;
  }
  .mb-sm-100 {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 768px) {
  .py-md-100 {
    padding: 100px 0;
  }
  .my-md-100 {
    margin: 100px 0;
  }
  .pt-md-100 {
    padding-top: 100px;
  }
  .pr-md-100 {
    padding-right: 100px;
  }
  .pb-md-100 {
    padding-bottom: 100px;
  }
  .pl-md-100 {
    padding-left: 100px;
  }
  .mt-md-100 {
    margin-top: 100px;
  }
  .mr-md-100 {
    margin-right: 100px;
  }
  .ml-md-100 {
    margin-left: 100px;
  }
  .mb-md-100 {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 992px) {
  .py-lg-100 {
    padding: 100px 0;
  }
  .my-lg-100 {
    margin: 100px 0;
  }
  .pt-lg-100 {
    padding-top: 100px;
  }
  .pr-lg-100 {
    padding-right: 100px;
  }
  .pb-lg-100 {
    padding-bottom: 100px;
  }
  .pl-lg-100 {
    padding-left: 100px;
  }
  .mt-lg-100 {
    margin-top: 100px;
  }
  .mr-lg-100 {
    margin-right: 100px;
  }
  .ml-lg-100 {
    margin-left: 100px;
  }
  .mb-lg-100 {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 1200px) {
  .py-xl-100 {
    padding: 100px 0;
  }
  .my-xl-100 {
    margin: 100px 0;
  }
  .pt-xl-100 {
    padding-top: 100px;
  }
  .pr-xl-100 {
    padding-right: 100px;
  }
  .pb-xl-100 {
    padding-bottom: 100px;
  }
  .pl-xl-100 {
    padding-left: 100px;
  }
  .mt-xl-100 {
    margin-top: 100px;
  }
  .mr-xl-100 {
    margin-right: 100px;
  }
  .ml-xl-100 {
    margin-left: 100px;
  }
  .mb-xl-100 {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 1400px) {
  .py-xxl-100 {
    padding: 100px 0;
  }
  .my-xxl-100 {
    margin: 100px 0;
  }
  .pt-xxl-100 {
    padding-top: 100px;
  }
  .pr-xxl-100 {
    padding-right: 100px;
  }
  .pb-xxl-100 {
    padding-bottom: 100px;
  }
  .pl-xxl-100 {
    padding-left: 100px;
  }
  .mt-xxl-100 {
    margin-top: 100px;
  }
  .mr-xxl-100 {
    margin-right: 100px;
  }
  .ml-xxl-100 {
    margin-left: 100px;
  }
  .mb-xxl-100 {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 1600px) {
  .py-xxxl-100 {
    padding: 100px 0;
  }
  .my-xxxl-100 {
    margin: 100px 0;
  }
  .pt-xxxl-100 {
    padding-top: 100px;
  }
  .pr-xxxl-100 {
    padding-right: 100px;
  }
  .pb-xxxl-100 {
    padding-bottom: 100px;
  }
  .pl-xxxl-100 {
    padding-left: 100px;
  }
  .mt-xxxl-100 {
    margin-top: 100px;
  }
  .mr-xxxl-100 {
    margin-right: 100px;
  }
  .ml-xxxl-100 {
    margin-left: 100px;
  }
  .mb-xxxl-100 {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 576px) {
  .py-sm-110 {
    padding: 110px 0;
  }
  .my-sm-110 {
    margin: 110px 0;
  }
  .pt-sm-110 {
    padding-top: 110px;
  }
  .pr-sm-110 {
    padding-right: 110px;
  }
  .pb-sm-110 {
    padding-bottom: 110px;
  }
  .pl-sm-110 {
    padding-left: 110px;
  }
  .mt-sm-110 {
    margin-top: 110px;
  }
  .mr-sm-110 {
    margin-right: 110px;
  }
  .ml-sm-110 {
    margin-left: 110px;
  }
  .mb-sm-110 {
    margin-bottom: 110px;
  }
}
@media screen and (min-width: 768px) {
  .py-md-110 {
    padding: 110px 0;
  }
  .my-md-110 {
    margin: 110px 0;
  }
  .pt-md-110 {
    padding-top: 110px;
  }
  .pr-md-110 {
    padding-right: 110px;
  }
  .pb-md-110 {
    padding-bottom: 110px;
  }
  .pl-md-110 {
    padding-left: 110px;
  }
  .mt-md-110 {
    margin-top: 110px;
  }
  .mr-md-110 {
    margin-right: 110px;
  }
  .ml-md-110 {
    margin-left: 110px;
  }
  .mb-md-110 {
    margin-bottom: 110px;
  }
}
@media screen and (min-width: 992px) {
  .py-lg-110 {
    padding: 110px 0;
  }
  .my-lg-110 {
    margin: 110px 0;
  }
  .pt-lg-110 {
    padding-top: 110px;
  }
  .pr-lg-110 {
    padding-right: 110px;
  }
  .pb-lg-110 {
    padding-bottom: 110px;
  }
  .pl-lg-110 {
    padding-left: 110px;
  }
  .mt-lg-110 {
    margin-top: 110px;
  }
  .mr-lg-110 {
    margin-right: 110px;
  }
  .ml-lg-110 {
    margin-left: 110px;
  }
  .mb-lg-110 {
    margin-bottom: 110px;
  }
}
@media screen and (min-width: 1200px) {
  .py-xl-110 {
    padding: 110px 0;
  }
  .my-xl-110 {
    margin: 110px 0;
  }
  .pt-xl-110 {
    padding-top: 110px;
  }
  .pr-xl-110 {
    padding-right: 110px;
  }
  .pb-xl-110 {
    padding-bottom: 110px;
  }
  .pl-xl-110 {
    padding-left: 110px;
  }
  .mt-xl-110 {
    margin-top: 110px;
  }
  .mr-xl-110 {
    margin-right: 110px;
  }
  .ml-xl-110 {
    margin-left: 110px;
  }
  .mb-xl-110 {
    margin-bottom: 110px;
  }
}
@media screen and (min-width: 1400px) {
  .py-xxl-110 {
    padding: 110px 0;
  }
  .my-xxl-110 {
    margin: 110px 0;
  }
  .pt-xxl-110 {
    padding-top: 110px;
  }
  .pr-xxl-110 {
    padding-right: 110px;
  }
  .pb-xxl-110 {
    padding-bottom: 110px;
  }
  .pl-xxl-110 {
    padding-left: 110px;
  }
  .mt-xxl-110 {
    margin-top: 110px;
  }
  .mr-xxl-110 {
    margin-right: 110px;
  }
  .ml-xxl-110 {
    margin-left: 110px;
  }
  .mb-xxl-110 {
    margin-bottom: 110px;
  }
}
@media screen and (min-width: 1600px) {
  .py-xxxl-110 {
    padding: 110px 0;
  }
  .my-xxxl-110 {
    margin: 110px 0;
  }
  .pt-xxxl-110 {
    padding-top: 110px;
  }
  .pr-xxxl-110 {
    padding-right: 110px;
  }
  .pb-xxxl-110 {
    padding-bottom: 110px;
  }
  .pl-xxxl-110 {
    padding-left: 110px;
  }
  .mt-xxxl-110 {
    margin-top: 110px;
  }
  .mr-xxxl-110 {
    margin-right: 110px;
  }
  .ml-xxxl-110 {
    margin-left: 110px;
  }
  .mb-xxxl-110 {
    margin-bottom: 110px;
  }
}
@media screen and (min-width: 576px) {
  .py-sm-120 {
    padding: 120px 0;
  }
  .my-sm-120 {
    margin: 120px 0;
  }
  .pt-sm-120 {
    padding-top: 120px;
  }
  .pr-sm-120 {
    padding-right: 120px;
  }
  .pb-sm-120 {
    padding-bottom: 120px;
  }
  .pl-sm-120 {
    padding-left: 120px;
  }
  .mt-sm-120 {
    margin-top: 120px;
  }
  .mr-sm-120 {
    margin-right: 120px;
  }
  .ml-sm-120 {
    margin-left: 120px;
  }
  .mb-sm-120 {
    margin-bottom: 120px;
  }
}
@media screen and (min-width: 768px) {
  .py-md-120 {
    padding: 120px 0;
  }
  .my-md-120 {
    margin: 120px 0;
  }
  .pt-md-120 {
    padding-top: 120px;
  }
  .pr-md-120 {
    padding-right: 120px;
  }
  .pb-md-120 {
    padding-bottom: 120px;
  }
  .pl-md-120 {
    padding-left: 120px;
  }
  .mt-md-120 {
    margin-top: 120px;
  }
  .mr-md-120 {
    margin-right: 120px;
  }
  .ml-md-120 {
    margin-left: 120px;
  }
  .mb-md-120 {
    margin-bottom: 120px;
  }
}
@media screen and (min-width: 992px) {
  .py-lg-120 {
    padding: 120px 0;
  }
  .my-lg-120 {
    margin: 120px 0;
  }
  .pt-lg-120 {
    padding-top: 120px;
  }
  .pr-lg-120 {
    padding-right: 120px;
  }
  .pb-lg-120 {
    padding-bottom: 120px;
  }
  .pl-lg-120 {
    padding-left: 120px;
  }
  .mt-lg-120 {
    margin-top: 120px;
  }
  .mr-lg-120 {
    margin-right: 120px;
  }
  .ml-lg-120 {
    margin-left: 120px;
  }
  .mb-lg-120 {
    margin-bottom: 120px;
  }
}
@media screen and (min-width: 1200px) {
  .py-xl-120 {
    padding: 120px 0;
  }
  .my-xl-120 {
    margin: 120px 0;
  }
  .pt-xl-120 {
    padding-top: 120px;
  }
  .pr-xl-120 {
    padding-right: 120px;
  }
  .pb-xl-120 {
    padding-bottom: 120px;
  }
  .pl-xl-120 {
    padding-left: 120px;
  }
  .mt-xl-120 {
    margin-top: 120px;
  }
  .mr-xl-120 {
    margin-right: 120px;
  }
  .ml-xl-120 {
    margin-left: 120px;
  }
  .mb-xl-120 {
    margin-bottom: 120px;
  }
}
@media screen and (min-width: 1400px) {
  .py-xxl-120 {
    padding: 120px 0;
  }
  .my-xxl-120 {
    margin: 120px 0;
  }
  .pt-xxl-120 {
    padding-top: 120px;
  }
  .pr-xxl-120 {
    padding-right: 120px;
  }
  .pb-xxl-120 {
    padding-bottom: 120px;
  }
  .pl-xxl-120 {
    padding-left: 120px;
  }
  .mt-xxl-120 {
    margin-top: 120px;
  }
  .mr-xxl-120 {
    margin-right: 120px;
  }
  .ml-xxl-120 {
    margin-left: 120px;
  }
  .mb-xxl-120 {
    margin-bottom: 120px;
  }
}
@media screen and (min-width: 1600px) {
  .py-xxxl-120 {
    padding: 120px 0;
  }
  .my-xxxl-120 {
    margin: 120px 0;
  }
  .pt-xxxl-120 {
    padding-top: 120px;
  }
  .pr-xxxl-120 {
    padding-right: 120px;
  }
  .pb-xxxl-120 {
    padding-bottom: 120px;
  }
  .pl-xxxl-120 {
    padding-left: 120px;
  }
  .mt-xxxl-120 {
    margin-top: 120px;
  }
  .mr-xxxl-120 {
    margin-right: 120px;
  }
  .ml-xxxl-120 {
    margin-left: 120px;
  }
  .mb-xxxl-120 {
    margin-bottom: 120px;
  }
}
.gap-1 {
  gap: 1px;
}

@media screen and (min-width: 576px) {
  .gap-sm-1 {
    gap: 1px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-1 {
    gap: 1px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-1 {
    gap: 1px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-1 {
    gap: 1px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-1 {
    gap: 1px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-1 {
    gap: 1px;
  }
}
.gap-2 {
  gap: 2px;
}

@media screen and (min-width: 576px) {
  .gap-sm-2 {
    gap: 2px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-2 {
    gap: 2px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-2 {
    gap: 2px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-2 {
    gap: 2px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-2 {
    gap: 2px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-2 {
    gap: 2px;
  }
}
.gap-3 {
  gap: 3px;
}

@media screen and (min-width: 576px) {
  .gap-sm-3 {
    gap: 3px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-3 {
    gap: 3px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-3 {
    gap: 3px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-3 {
    gap: 3px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-3 {
    gap: 3px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-3 {
    gap: 3px;
  }
}
.gap-4 {
  gap: 4px;
}

@media screen and (min-width: 576px) {
  .gap-sm-4 {
    gap: 4px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-4 {
    gap: 4px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-4 {
    gap: 4px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-4 {
    gap: 4px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-4 {
    gap: 4px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-4 {
    gap: 4px;
  }
}
.gap-5 {
  gap: 5px;
}

@media screen and (min-width: 576px) {
  .gap-sm-5 {
    gap: 5px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-5 {
    gap: 5px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-5 {
    gap: 5px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-5 {
    gap: 5px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-5 {
    gap: 5px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-5 {
    gap: 5px;
  }
}
.gap-6 {
  gap: 6px;
}

@media screen and (min-width: 576px) {
  .gap-sm-6 {
    gap: 6px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-6 {
    gap: 6px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-6 {
    gap: 6px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-6 {
    gap: 6px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-6 {
    gap: 6px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-6 {
    gap: 6px;
  }
}
.gap-7 {
  gap: 7px;
}

@media screen and (min-width: 576px) {
  .gap-sm-7 {
    gap: 7px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-7 {
    gap: 7px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-7 {
    gap: 7px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-7 {
    gap: 7px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-7 {
    gap: 7px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-7 {
    gap: 7px;
  }
}
.gap-8 {
  gap: 8px;
}

@media screen and (min-width: 576px) {
  .gap-sm-8 {
    gap: 8px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-8 {
    gap: 8px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-8 {
    gap: 8px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-8 {
    gap: 8px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-8 {
    gap: 8px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-8 {
    gap: 8px;
  }
}
.gap-9 {
  gap: 9px;
}

@media screen and (min-width: 576px) {
  .gap-sm-9 {
    gap: 9px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-9 {
    gap: 9px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-9 {
    gap: 9px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-9 {
    gap: 9px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-9 {
    gap: 9px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-9 {
    gap: 9px;
  }
}
.gap-10 {
  gap: 10px;
}

@media screen and (min-width: 576px) {
  .gap-sm-10 {
    gap: 10px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-10 {
    gap: 10px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-10 {
    gap: 10px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-10 {
    gap: 10px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-10 {
    gap: 10px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-10 {
    gap: 10px;
  }
}
.gap-11 {
  gap: 11px;
}

@media screen and (min-width: 576px) {
  .gap-sm-11 {
    gap: 11px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-11 {
    gap: 11px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-11 {
    gap: 11px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-11 {
    gap: 11px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-11 {
    gap: 11px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-11 {
    gap: 11px;
  }
}
.gap-12 {
  gap: 12px;
}

@media screen and (min-width: 576px) {
  .gap-sm-12 {
    gap: 12px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-12 {
    gap: 12px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-12 {
    gap: 12px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-12 {
    gap: 12px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-12 {
    gap: 12px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-12 {
    gap: 12px;
  }
}
.gap-13 {
  gap: 13px;
}

@media screen and (min-width: 576px) {
  .gap-sm-13 {
    gap: 13px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-13 {
    gap: 13px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-13 {
    gap: 13px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-13 {
    gap: 13px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-13 {
    gap: 13px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-13 {
    gap: 13px;
  }
}
.gap-14 {
  gap: 14px;
}

@media screen and (min-width: 576px) {
  .gap-sm-14 {
    gap: 14px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-14 {
    gap: 14px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-14 {
    gap: 14px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-14 {
    gap: 14px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-14 {
    gap: 14px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-14 {
    gap: 14px;
  }
}
.gap-15 {
  gap: 15px;
}

@media screen and (min-width: 576px) {
  .gap-sm-15 {
    gap: 15px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-15 {
    gap: 15px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-15 {
    gap: 15px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-15 {
    gap: 15px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-15 {
    gap: 15px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-15 {
    gap: 15px;
  }
}
.gap-16 {
  gap: 16px;
}

@media screen and (min-width: 576px) {
  .gap-sm-16 {
    gap: 16px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-16 {
    gap: 16px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-16 {
    gap: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-16 {
    gap: 16px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-16 {
    gap: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-16 {
    gap: 16px;
  }
}
.gap-17 {
  gap: 17px;
}

@media screen and (min-width: 576px) {
  .gap-sm-17 {
    gap: 17px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-17 {
    gap: 17px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-17 {
    gap: 17px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-17 {
    gap: 17px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-17 {
    gap: 17px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-17 {
    gap: 17px;
  }
}
.gap-18 {
  gap: 18px;
}

@media screen and (min-width: 576px) {
  .gap-sm-18 {
    gap: 18px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-18 {
    gap: 18px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-18 {
    gap: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-18 {
    gap: 18px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-18 {
    gap: 18px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-18 {
    gap: 18px;
  }
}
.gap-19 {
  gap: 19px;
}

@media screen and (min-width: 576px) {
  .gap-sm-19 {
    gap: 19px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-19 {
    gap: 19px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-19 {
    gap: 19px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-19 {
    gap: 19px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-19 {
    gap: 19px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-19 {
    gap: 19px;
  }
}
.gap-20 {
  gap: 20px;
}

@media screen and (min-width: 576px) {
  .gap-sm-20 {
    gap: 20px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-20 {
    gap: 20px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-20 {
    gap: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-20 {
    gap: 20px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-20 {
    gap: 20px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-20 {
    gap: 20px;
  }
}
.gap-21 {
  gap: 21px;
}

@media screen and (min-width: 576px) {
  .gap-sm-21 {
    gap: 21px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-21 {
    gap: 21px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-21 {
    gap: 21px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-21 {
    gap: 21px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-21 {
    gap: 21px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-21 {
    gap: 21px;
  }
}
.gap-22 {
  gap: 22px;
}

@media screen and (min-width: 576px) {
  .gap-sm-22 {
    gap: 22px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-22 {
    gap: 22px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-22 {
    gap: 22px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-22 {
    gap: 22px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-22 {
    gap: 22px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-22 {
    gap: 22px;
  }
}
.gap-23 {
  gap: 23px;
}

@media screen and (min-width: 576px) {
  .gap-sm-23 {
    gap: 23px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-23 {
    gap: 23px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-23 {
    gap: 23px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-23 {
    gap: 23px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-23 {
    gap: 23px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-23 {
    gap: 23px;
  }
}
.gap-24 {
  gap: 24px;
}

@media screen and (min-width: 576px) {
  .gap-sm-24 {
    gap: 24px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-24 {
    gap: 24px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-24 {
    gap: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-24 {
    gap: 24px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-24 {
    gap: 24px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-24 {
    gap: 24px;
  }
}
.gap-25 {
  gap: 25px;
}

@media screen and (min-width: 576px) {
  .gap-sm-25 {
    gap: 25px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-25 {
    gap: 25px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-25 {
    gap: 25px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-25 {
    gap: 25px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-25 {
    gap: 25px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-25 {
    gap: 25px;
  }
}
.gap-26 {
  gap: 26px;
}

@media screen and (min-width: 576px) {
  .gap-sm-26 {
    gap: 26px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-26 {
    gap: 26px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-26 {
    gap: 26px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-26 {
    gap: 26px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-26 {
    gap: 26px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-26 {
    gap: 26px;
  }
}
.gap-27 {
  gap: 27px;
}

@media screen and (min-width: 576px) {
  .gap-sm-27 {
    gap: 27px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-27 {
    gap: 27px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-27 {
    gap: 27px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-27 {
    gap: 27px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-27 {
    gap: 27px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-27 {
    gap: 27px;
  }
}
.gap-28 {
  gap: 28px;
}

@media screen and (min-width: 576px) {
  .gap-sm-28 {
    gap: 28px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-28 {
    gap: 28px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-28 {
    gap: 28px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-28 {
    gap: 28px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-28 {
    gap: 28px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-28 {
    gap: 28px;
  }
}
.gap-29 {
  gap: 29px;
}

@media screen and (min-width: 576px) {
  .gap-sm-29 {
    gap: 29px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-29 {
    gap: 29px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-29 {
    gap: 29px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-29 {
    gap: 29px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-29 {
    gap: 29px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-29 {
    gap: 29px;
  }
}
.gap-30 {
  gap: 30px;
}

@media screen and (min-width: 576px) {
  .gap-sm-30 {
    gap: 30px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-30 {
    gap: 30px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-30 {
    gap: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-30 {
    gap: 30px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-30 {
    gap: 30px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-30 {
    gap: 30px;
  }
}
.gap-31 {
  gap: 31px;
}

@media screen and (min-width: 576px) {
  .gap-sm-31 {
    gap: 31px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-31 {
    gap: 31px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-31 {
    gap: 31px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-31 {
    gap: 31px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-31 {
    gap: 31px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-31 {
    gap: 31px;
  }
}
.gap-32 {
  gap: 32px;
}

@media screen and (min-width: 576px) {
  .gap-sm-32 {
    gap: 32px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-32 {
    gap: 32px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-32 {
    gap: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-32 {
    gap: 32px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-32 {
    gap: 32px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-32 {
    gap: 32px;
  }
}
.gap-33 {
  gap: 33px;
}

@media screen and (min-width: 576px) {
  .gap-sm-33 {
    gap: 33px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-33 {
    gap: 33px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-33 {
    gap: 33px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-33 {
    gap: 33px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-33 {
    gap: 33px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-33 {
    gap: 33px;
  }
}
.gap-34 {
  gap: 34px;
}

@media screen and (min-width: 576px) {
  .gap-sm-34 {
    gap: 34px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-34 {
    gap: 34px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-34 {
    gap: 34px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-34 {
    gap: 34px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-34 {
    gap: 34px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-34 {
    gap: 34px;
  }
}
.gap-35 {
  gap: 35px;
}

@media screen and (min-width: 576px) {
  .gap-sm-35 {
    gap: 35px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-35 {
    gap: 35px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-35 {
    gap: 35px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-35 {
    gap: 35px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-35 {
    gap: 35px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-35 {
    gap: 35px;
  }
}
.gap-36 {
  gap: 36px;
}

@media screen and (min-width: 576px) {
  .gap-sm-36 {
    gap: 36px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-36 {
    gap: 36px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-36 {
    gap: 36px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-36 {
    gap: 36px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-36 {
    gap: 36px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-36 {
    gap: 36px;
  }
}
.gap-37 {
  gap: 37px;
}

@media screen and (min-width: 576px) {
  .gap-sm-37 {
    gap: 37px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-37 {
    gap: 37px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-37 {
    gap: 37px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-37 {
    gap: 37px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-37 {
    gap: 37px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-37 {
    gap: 37px;
  }
}
.gap-38 {
  gap: 38px;
}

@media screen and (min-width: 576px) {
  .gap-sm-38 {
    gap: 38px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-38 {
    gap: 38px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-38 {
    gap: 38px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-38 {
    gap: 38px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-38 {
    gap: 38px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-38 {
    gap: 38px;
  }
}
.gap-39 {
  gap: 39px;
}

@media screen and (min-width: 576px) {
  .gap-sm-39 {
    gap: 39px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-39 {
    gap: 39px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-39 {
    gap: 39px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-39 {
    gap: 39px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-39 {
    gap: 39px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-39 {
    gap: 39px;
  }
}
.gap-40 {
  gap: 40px;
}

@media screen and (min-width: 576px) {
  .gap-sm-40 {
    gap: 40px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-40 {
    gap: 40px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-40 {
    gap: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-40 {
    gap: 40px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-40 {
    gap: 40px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-40 {
    gap: 40px;
  }
}
.gap-41 {
  gap: 41px;
}

@media screen and (min-width: 576px) {
  .gap-sm-41 {
    gap: 41px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-41 {
    gap: 41px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-41 {
    gap: 41px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-41 {
    gap: 41px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-41 {
    gap: 41px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-41 {
    gap: 41px;
  }
}
.gap-42 {
  gap: 42px;
}

@media screen and (min-width: 576px) {
  .gap-sm-42 {
    gap: 42px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-42 {
    gap: 42px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-42 {
    gap: 42px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-42 {
    gap: 42px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-42 {
    gap: 42px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-42 {
    gap: 42px;
  }
}
.gap-43 {
  gap: 43px;
}

@media screen and (min-width: 576px) {
  .gap-sm-43 {
    gap: 43px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-43 {
    gap: 43px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-43 {
    gap: 43px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-43 {
    gap: 43px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-43 {
    gap: 43px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-43 {
    gap: 43px;
  }
}
.gap-44 {
  gap: 44px;
}

@media screen and (min-width: 576px) {
  .gap-sm-44 {
    gap: 44px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-44 {
    gap: 44px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-44 {
    gap: 44px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-44 {
    gap: 44px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-44 {
    gap: 44px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-44 {
    gap: 44px;
  }
}
.gap-45 {
  gap: 45px;
}

@media screen and (min-width: 576px) {
  .gap-sm-45 {
    gap: 45px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-45 {
    gap: 45px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-45 {
    gap: 45px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-45 {
    gap: 45px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-45 {
    gap: 45px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-45 {
    gap: 45px;
  }
}
.gap-46 {
  gap: 46px;
}

@media screen and (min-width: 576px) {
  .gap-sm-46 {
    gap: 46px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-46 {
    gap: 46px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-46 {
    gap: 46px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-46 {
    gap: 46px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-46 {
    gap: 46px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-46 {
    gap: 46px;
  }
}
.gap-47 {
  gap: 47px;
}

@media screen and (min-width: 576px) {
  .gap-sm-47 {
    gap: 47px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-47 {
    gap: 47px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-47 {
    gap: 47px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-47 {
    gap: 47px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-47 {
    gap: 47px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-47 {
    gap: 47px;
  }
}
.gap-48 {
  gap: 48px;
}

@media screen and (min-width: 576px) {
  .gap-sm-48 {
    gap: 48px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-48 {
    gap: 48px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-48 {
    gap: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-48 {
    gap: 48px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-48 {
    gap: 48px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-48 {
    gap: 48px;
  }
}
.gap-49 {
  gap: 49px;
}

@media screen and (min-width: 576px) {
  .gap-sm-49 {
    gap: 49px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-49 {
    gap: 49px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-49 {
    gap: 49px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-49 {
    gap: 49px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-49 {
    gap: 49px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-49 {
    gap: 49px;
  }
}
.gap-50 {
  gap: 50px;
}

@media screen and (min-width: 576px) {
  .gap-sm-50 {
    gap: 50px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-50 {
    gap: 50px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-50 {
    gap: 50px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-50 {
    gap: 50px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-50 {
    gap: 50px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-50 {
    gap: 50px;
  }
}
.gap-51 {
  gap: 51px;
}

@media screen and (min-width: 576px) {
  .gap-sm-51 {
    gap: 51px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-51 {
    gap: 51px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-51 {
    gap: 51px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-51 {
    gap: 51px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-51 {
    gap: 51px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-51 {
    gap: 51px;
  }
}
.gap-52 {
  gap: 52px;
}

@media screen and (min-width: 576px) {
  .gap-sm-52 {
    gap: 52px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-52 {
    gap: 52px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-52 {
    gap: 52px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-52 {
    gap: 52px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-52 {
    gap: 52px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-52 {
    gap: 52px;
  }
}
.gap-53 {
  gap: 53px;
}

@media screen and (min-width: 576px) {
  .gap-sm-53 {
    gap: 53px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-53 {
    gap: 53px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-53 {
    gap: 53px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-53 {
    gap: 53px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-53 {
    gap: 53px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-53 {
    gap: 53px;
  }
}
.gap-54 {
  gap: 54px;
}

@media screen and (min-width: 576px) {
  .gap-sm-54 {
    gap: 54px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-54 {
    gap: 54px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-54 {
    gap: 54px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-54 {
    gap: 54px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-54 {
    gap: 54px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-54 {
    gap: 54px;
  }
}
.gap-55 {
  gap: 55px;
}

@media screen and (min-width: 576px) {
  .gap-sm-55 {
    gap: 55px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-55 {
    gap: 55px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-55 {
    gap: 55px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-55 {
    gap: 55px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-55 {
    gap: 55px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-55 {
    gap: 55px;
  }
}
.gap-56 {
  gap: 56px;
}

@media screen and (min-width: 576px) {
  .gap-sm-56 {
    gap: 56px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-56 {
    gap: 56px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-56 {
    gap: 56px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-56 {
    gap: 56px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-56 {
    gap: 56px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-56 {
    gap: 56px;
  }
}
.gap-57 {
  gap: 57px;
}

@media screen and (min-width: 576px) {
  .gap-sm-57 {
    gap: 57px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-57 {
    gap: 57px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-57 {
    gap: 57px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-57 {
    gap: 57px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-57 {
    gap: 57px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-57 {
    gap: 57px;
  }
}
.gap-58 {
  gap: 58px;
}

@media screen and (min-width: 576px) {
  .gap-sm-58 {
    gap: 58px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-58 {
    gap: 58px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-58 {
    gap: 58px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-58 {
    gap: 58px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-58 {
    gap: 58px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-58 {
    gap: 58px;
  }
}
.gap-59 {
  gap: 59px;
}

@media screen and (min-width: 576px) {
  .gap-sm-59 {
    gap: 59px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-59 {
    gap: 59px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-59 {
    gap: 59px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-59 {
    gap: 59px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-59 {
    gap: 59px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-59 {
    gap: 59px;
  }
}
.gap-60 {
  gap: 60px;
}

@media screen and (min-width: 576px) {
  .gap-sm-60 {
    gap: 60px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-60 {
    gap: 60px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-60 {
    gap: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-60 {
    gap: 60px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-60 {
    gap: 60px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-60 {
    gap: 60px;
  }
}
.gap-61 {
  gap: 61px;
}

@media screen and (min-width: 576px) {
  .gap-sm-61 {
    gap: 61px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-61 {
    gap: 61px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-61 {
    gap: 61px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-61 {
    gap: 61px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-61 {
    gap: 61px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-61 {
    gap: 61px;
  }
}
.gap-62 {
  gap: 62px;
}

@media screen and (min-width: 576px) {
  .gap-sm-62 {
    gap: 62px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-62 {
    gap: 62px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-62 {
    gap: 62px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-62 {
    gap: 62px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-62 {
    gap: 62px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-62 {
    gap: 62px;
  }
}
.gap-63 {
  gap: 63px;
}

@media screen and (min-width: 576px) {
  .gap-sm-63 {
    gap: 63px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-63 {
    gap: 63px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-63 {
    gap: 63px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-63 {
    gap: 63px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-63 {
    gap: 63px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-63 {
    gap: 63px;
  }
}
.gap-64 {
  gap: 64px;
}

@media screen and (min-width: 576px) {
  .gap-sm-64 {
    gap: 64px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-64 {
    gap: 64px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-64 {
    gap: 64px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-64 {
    gap: 64px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-64 {
    gap: 64px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-64 {
    gap: 64px;
  }
}
.gap-65 {
  gap: 65px;
}

@media screen and (min-width: 576px) {
  .gap-sm-65 {
    gap: 65px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-65 {
    gap: 65px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-65 {
    gap: 65px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-65 {
    gap: 65px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-65 {
    gap: 65px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-65 {
    gap: 65px;
  }
}
.gap-66 {
  gap: 66px;
}

@media screen and (min-width: 576px) {
  .gap-sm-66 {
    gap: 66px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-66 {
    gap: 66px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-66 {
    gap: 66px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-66 {
    gap: 66px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-66 {
    gap: 66px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-66 {
    gap: 66px;
  }
}
.gap-67 {
  gap: 67px;
}

@media screen and (min-width: 576px) {
  .gap-sm-67 {
    gap: 67px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-67 {
    gap: 67px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-67 {
    gap: 67px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-67 {
    gap: 67px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-67 {
    gap: 67px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-67 {
    gap: 67px;
  }
}
.gap-68 {
  gap: 68px;
}

@media screen and (min-width: 576px) {
  .gap-sm-68 {
    gap: 68px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-68 {
    gap: 68px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-68 {
    gap: 68px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-68 {
    gap: 68px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-68 {
    gap: 68px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-68 {
    gap: 68px;
  }
}
.gap-69 {
  gap: 69px;
}

@media screen and (min-width: 576px) {
  .gap-sm-69 {
    gap: 69px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-69 {
    gap: 69px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-69 {
    gap: 69px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-69 {
    gap: 69px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-69 {
    gap: 69px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-69 {
    gap: 69px;
  }
}
.gap-70 {
  gap: 70px;
}

@media screen and (min-width: 576px) {
  .gap-sm-70 {
    gap: 70px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-70 {
    gap: 70px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-70 {
    gap: 70px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-70 {
    gap: 70px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-70 {
    gap: 70px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-70 {
    gap: 70px;
  }
}
.gap-71 {
  gap: 71px;
}

@media screen and (min-width: 576px) {
  .gap-sm-71 {
    gap: 71px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-71 {
    gap: 71px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-71 {
    gap: 71px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-71 {
    gap: 71px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-71 {
    gap: 71px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-71 {
    gap: 71px;
  }
}
.gap-72 {
  gap: 72px;
}

@media screen and (min-width: 576px) {
  .gap-sm-72 {
    gap: 72px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-72 {
    gap: 72px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-72 {
    gap: 72px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-72 {
    gap: 72px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-72 {
    gap: 72px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-72 {
    gap: 72px;
  }
}
.gap-73 {
  gap: 73px;
}

@media screen and (min-width: 576px) {
  .gap-sm-73 {
    gap: 73px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-73 {
    gap: 73px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-73 {
    gap: 73px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-73 {
    gap: 73px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-73 {
    gap: 73px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-73 {
    gap: 73px;
  }
}
.gap-74 {
  gap: 74px;
}

@media screen and (min-width: 576px) {
  .gap-sm-74 {
    gap: 74px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-74 {
    gap: 74px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-74 {
    gap: 74px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-74 {
    gap: 74px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-74 {
    gap: 74px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-74 {
    gap: 74px;
  }
}
.gap-75 {
  gap: 75px;
}

@media screen and (min-width: 576px) {
  .gap-sm-75 {
    gap: 75px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-75 {
    gap: 75px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-75 {
    gap: 75px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-75 {
    gap: 75px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-75 {
    gap: 75px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-75 {
    gap: 75px;
  }
}
.gap-76 {
  gap: 76px;
}

@media screen and (min-width: 576px) {
  .gap-sm-76 {
    gap: 76px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-76 {
    gap: 76px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-76 {
    gap: 76px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-76 {
    gap: 76px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-76 {
    gap: 76px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-76 {
    gap: 76px;
  }
}
.gap-77 {
  gap: 77px;
}

@media screen and (min-width: 576px) {
  .gap-sm-77 {
    gap: 77px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-77 {
    gap: 77px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-77 {
    gap: 77px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-77 {
    gap: 77px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-77 {
    gap: 77px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-77 {
    gap: 77px;
  }
}
.gap-78 {
  gap: 78px;
}

@media screen and (min-width: 576px) {
  .gap-sm-78 {
    gap: 78px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-78 {
    gap: 78px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-78 {
    gap: 78px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-78 {
    gap: 78px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-78 {
    gap: 78px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-78 {
    gap: 78px;
  }
}
.gap-79 {
  gap: 79px;
}

@media screen and (min-width: 576px) {
  .gap-sm-79 {
    gap: 79px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-79 {
    gap: 79px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-79 {
    gap: 79px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-79 {
    gap: 79px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-79 {
    gap: 79px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-79 {
    gap: 79px;
  }
}
.gap-80 {
  gap: 80px;
}

@media screen and (min-width: 576px) {
  .gap-sm-80 {
    gap: 80px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-80 {
    gap: 80px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-80 {
    gap: 80px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-80 {
    gap: 80px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-80 {
    gap: 80px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-80 {
    gap: 80px;
  }
}
.gap-81 {
  gap: 81px;
}

@media screen and (min-width: 576px) {
  .gap-sm-81 {
    gap: 81px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-81 {
    gap: 81px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-81 {
    gap: 81px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-81 {
    gap: 81px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-81 {
    gap: 81px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-81 {
    gap: 81px;
  }
}
.gap-82 {
  gap: 82px;
}

@media screen and (min-width: 576px) {
  .gap-sm-82 {
    gap: 82px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-82 {
    gap: 82px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-82 {
    gap: 82px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-82 {
    gap: 82px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-82 {
    gap: 82px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-82 {
    gap: 82px;
  }
}
.gap-83 {
  gap: 83px;
}

@media screen and (min-width: 576px) {
  .gap-sm-83 {
    gap: 83px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-83 {
    gap: 83px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-83 {
    gap: 83px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-83 {
    gap: 83px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-83 {
    gap: 83px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-83 {
    gap: 83px;
  }
}
.gap-84 {
  gap: 84px;
}

@media screen and (min-width: 576px) {
  .gap-sm-84 {
    gap: 84px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-84 {
    gap: 84px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-84 {
    gap: 84px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-84 {
    gap: 84px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-84 {
    gap: 84px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-84 {
    gap: 84px;
  }
}
.gap-85 {
  gap: 85px;
}

@media screen and (min-width: 576px) {
  .gap-sm-85 {
    gap: 85px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-85 {
    gap: 85px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-85 {
    gap: 85px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-85 {
    gap: 85px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-85 {
    gap: 85px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-85 {
    gap: 85px;
  }
}
.gap-86 {
  gap: 86px;
}

@media screen and (min-width: 576px) {
  .gap-sm-86 {
    gap: 86px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-86 {
    gap: 86px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-86 {
    gap: 86px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-86 {
    gap: 86px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-86 {
    gap: 86px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-86 {
    gap: 86px;
  }
}
.gap-87 {
  gap: 87px;
}

@media screen and (min-width: 576px) {
  .gap-sm-87 {
    gap: 87px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-87 {
    gap: 87px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-87 {
    gap: 87px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-87 {
    gap: 87px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-87 {
    gap: 87px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-87 {
    gap: 87px;
  }
}
.gap-88 {
  gap: 88px;
}

@media screen and (min-width: 576px) {
  .gap-sm-88 {
    gap: 88px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-88 {
    gap: 88px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-88 {
    gap: 88px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-88 {
    gap: 88px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-88 {
    gap: 88px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-88 {
    gap: 88px;
  }
}
.gap-89 {
  gap: 89px;
}

@media screen and (min-width: 576px) {
  .gap-sm-89 {
    gap: 89px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-89 {
    gap: 89px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-89 {
    gap: 89px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-89 {
    gap: 89px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-89 {
    gap: 89px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-89 {
    gap: 89px;
  }
}
.gap-90 {
  gap: 90px;
}

@media screen and (min-width: 576px) {
  .gap-sm-90 {
    gap: 90px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-90 {
    gap: 90px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-90 {
    gap: 90px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-90 {
    gap: 90px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-90 {
    gap: 90px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-90 {
    gap: 90px;
  }
}
.gap-91 {
  gap: 91px;
}

@media screen and (min-width: 576px) {
  .gap-sm-91 {
    gap: 91px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-91 {
    gap: 91px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-91 {
    gap: 91px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-91 {
    gap: 91px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-91 {
    gap: 91px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-91 {
    gap: 91px;
  }
}
.gap-92 {
  gap: 92px;
}

@media screen and (min-width: 576px) {
  .gap-sm-92 {
    gap: 92px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-92 {
    gap: 92px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-92 {
    gap: 92px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-92 {
    gap: 92px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-92 {
    gap: 92px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-92 {
    gap: 92px;
  }
}
.gap-93 {
  gap: 93px;
}

@media screen and (min-width: 576px) {
  .gap-sm-93 {
    gap: 93px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-93 {
    gap: 93px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-93 {
    gap: 93px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-93 {
    gap: 93px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-93 {
    gap: 93px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-93 {
    gap: 93px;
  }
}
.gap-94 {
  gap: 94px;
}

@media screen and (min-width: 576px) {
  .gap-sm-94 {
    gap: 94px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-94 {
    gap: 94px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-94 {
    gap: 94px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-94 {
    gap: 94px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-94 {
    gap: 94px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-94 {
    gap: 94px;
  }
}
.gap-95 {
  gap: 95px;
}

@media screen and (min-width: 576px) {
  .gap-sm-95 {
    gap: 95px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-95 {
    gap: 95px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-95 {
    gap: 95px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-95 {
    gap: 95px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-95 {
    gap: 95px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-95 {
    gap: 95px;
  }
}
.gap-96 {
  gap: 96px;
}

@media screen and (min-width: 576px) {
  .gap-sm-96 {
    gap: 96px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-96 {
    gap: 96px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-96 {
    gap: 96px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-96 {
    gap: 96px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-96 {
    gap: 96px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-96 {
    gap: 96px;
  }
}
.gap-97 {
  gap: 97px;
}

@media screen and (min-width: 576px) {
  .gap-sm-97 {
    gap: 97px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-97 {
    gap: 97px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-97 {
    gap: 97px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-97 {
    gap: 97px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-97 {
    gap: 97px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-97 {
    gap: 97px;
  }
}
.gap-98 {
  gap: 98px;
}

@media screen and (min-width: 576px) {
  .gap-sm-98 {
    gap: 98px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-98 {
    gap: 98px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-98 {
    gap: 98px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-98 {
    gap: 98px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-98 {
    gap: 98px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-98 {
    gap: 98px;
  }
}
.gap-99 {
  gap: 99px;
}

@media screen and (min-width: 576px) {
  .gap-sm-99 {
    gap: 99px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-99 {
    gap: 99px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-99 {
    gap: 99px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-99 {
    gap: 99px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-99 {
    gap: 99px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-99 {
    gap: 99px;
  }
}
.gap-100 {
  gap: 100px;
}

@media screen and (min-width: 576px) {
  .gap-sm-100 {
    gap: 100px;
  }
}
@media screen and (min-width: 768px) {
  .gap-md-100 {
    gap: 100px;
  }
}
@media screen and (min-width: 992px) {
  .gap-lg-100 {
    gap: 100px;
  }
}
@media screen and (min-width: 1200px) {
  .gap-xl-100 {
    gap: 100px;
  }
}
@media screen and (min-width: 1400px) {
  .gap-xxl-100 {
    gap: 100px;
  }
}
@media screen and (min-width: 1600px) {
  .gap-xxxl-100 {
    gap: 100px;
  }
}
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

main,
body {
  overflow-x: clip;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

.breadcrumb,
ul,
ol {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

a {
  text-decoration: none;
  display: inline-block;
}

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

/* | bootstrap reset start | */
.btn-close:focus,
.form-check-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

/* | bootstrap reset end | */
h1 {
  font-size: clamp(2.75rem, 1.6911rem + 4.8408vw, 7.5rem);
  font-weight: 700;
  line-height: clamp(3.4375rem, 2.5318rem + 4.1401vw, 7.5rem);
}

h2 {
  font-size: clamp(2.1875rem, 1.6998rem + 2.2293vw, 4.375rem);
  font-weight: 700;
  line-height: 1.2;
}

h3 {
  font-size: 36px;
  font-weight: 700;
  line-height: 36px;
}

h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
}

h5,
button,
a {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

li,
p {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

h6 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

/* | google font start | */
/* | google font end | */
@font-face {
  font-family: "ClashDisplay";
  src: url("./../fonts/ClashDisplay-Medium.woff");
  font-weight: 400;
}
@font-face {
  font-family: "ClashDisplay";
  src: url("./../fonts/ClashDisplay-Semibold.woff");
  font-weight: 600;
}
@font-face {
  font-family: "ClashDisplay";
  src: url("./../fonts/ClashDisplay-Bold.woff");
  font-weight: 800;
}
body {
  font-family: "ClashDisplay", sans-serif;
}

/* | splitting animation start | */
.splitting.animated .whitespace {
  width: 8px;
  display: inline-block;
}

.splitting.animated .char {
  -webkit-animation: fadeInRight 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
          animation: fadeInRight 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  -webkit-animation-delay: calc(30ms * var(--char-index));
          animation-delay: calc(30ms * var(--char-index));
}

/* | splitting animation end | */
/* | pointer effect start | */
.pointer {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: 2px solid rgba(14, 14, 14, 0.2);
  position: fixed;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 9999;
  -webkit-transition: width 0.3s ease, height 0.3s ease, opacity 0.3s ease, border 0.3s ease;
  transition: width 0.3s ease, height 0.3s ease, opacity 0.3s ease, border 0.3s ease;
}
.pointer.enlarged {
  height: 100px;
  width: 100px;
  mix-blend-mode: difference;
  background-color: #0e0e0e;
}

/* | pointer effect end | */
/* | headline start | */
.headline {
  text-align: center;
  margin-bottom: 54px;
}
.headline h3,
.headline h2,
.headline p {
  color: #0e0e0e;
}
.headline h3 {
  padding-bottom: 12px;
}
.headline p {
  font-family: "Poppins", sans-serif;
}

.headline__url {
  padding-bottom: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 992px) {
  .headline__url {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.headline-2 {
  padding-bottom: 53px;
  position: sticky;
  top: 120px;
}
.headline-2 h2,
.headline-2 p {
  color: #0e0e0e;
}
.headline-2 p {
  font-family: "Poppins", sans-serif;
}
.headline-2 h2 {
  padding-bottom: 28px;
}

.headline-3 {
  margin-bottom: 53px;
}
.headline-3 h2,
.headline-3 p {
  color: #0e0e0e;
}
.headline-3 h2 {
  padding-bottom: 28px;
}
.headline-3 p {
  font-family: "Poppins", sans-serif;
  line-height: normal;
}

.headline-4 {
  padding-bottom: 40px;
}
.headline-4 h2 {
  padding-bottom: 0;
  color: #0e0e0e;
}

.headline--1 {
  text-align: left;
}
.headline--1 h2 {
  padding-bottom: 40px;
}

.headline--2 {
  text-align: left;
}
.headline--2 h2 {
  padding-bottom: 0;
}

.headline__switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  padding-top: 30px;
}
.headline__switch p {
  color: #0e0e0e;
  font-weight: 600;
}
.headline__switch .form-check-input {
  height: 24px;
  width: 54px;
}
.headline__switch .form-check-input:checked {
  background-color: #88e64a;
  border-color: #88e64a;
}

.headline--3 {
  text-align: start;
}

.headline--4 {
  padding-bottom: 32px;
}

.headline-5 {
  text-align: center;
  padding-bottom: 54px;
}
.headline-5 h2 {
  color: #fff;
}

.headline--5 h2,
.headline--5 p {
  color: #fff;
}

/* | headline end | */
/* | preloader start | */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 9999;
  display: grid;
  place-items: center;
}

.preloader__img {
  position: relative;
  background: radial-gradient(circle closest-side, #88e64a 94%, rgba(0, 0, 0, 0)) right/calc(200% - 1em) 100%;
  -webkit-animation: l24 1s infinite alternate linear;
          animation: l24 1s infinite alternate linear;
  height: 40px;
  line-height: 40px;
}

@-webkit-keyframes l24 {
  100% {
    background-position: left;
  }
}

@keyframes l24 {
  100% {
    background-position: left;
  }
}
/* | preloader end | */
/* | primary button start | */
.btn__primary {
  background: #fff;
  background-position: 100px 10px;
  padding: 22px 40px;
  text-transform: uppercase;
  color: #0e0e0e;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
  position: relative;
}
.btn__primary::after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  background-color: #0e0e0e;
  border-radius: 50%;
  left: var(--x);
  top: var(--y);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.btn__primary::before {
  content: attr(data-btn-name);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  z-index: 9;
  text-wrap: nowrap;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn__primary:hover {
  color: #88e64a;
}
.btn__primary:hover::after {
  height: 500px;
  width: 500px;
}
.btn__primary:hover::before {
  visibility: visible;
  opacity: 1;
}

.btn__primary--1 {
  background-color: #88e64a;
}
.btn__primary--1:hover {
  background-color: #0e0e0e;
  color: #fff;
}
.btn__primary--1:hover::before {
  color: #fff;
}

.btn__primary--2 {
  background-color: #88e64a;
}
.btn__primary--2:hover::before {
  color: #fff;
}

.btn__primary--3 {
  background-color: #0e0e0e;
  color: #fff;
}

.btn__primary--5,
.btn__primary--4 {
  background-color: #88e64a;
}
.btn__primary--5 span,
.btn__primary--4 span {
  position: relative;
  padding-right: 22px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn__primary--5 span::before,
.btn__primary--4 span::before {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn__primary--5 span::after,
.btn__primary--4 span::after {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 11L11.2 1.8M12 11V1H2" stroke="%230E0E0E" stroke-width="2" stroke-linecap="square"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  height: 12px;
  width: 12px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 9;
}
.btn__primary--5:hover span::after,
.btn__primary--4:hover span::after {
  background-image: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 11L11.2 1.8M12 11V1H2" stroke="white" stroke-width="2" stroke-linecap="square"/></svg>');
}
.btn__primary--5:hover span::before,
.btn__primary--4:hover span::before {
  content: attr(data-btn-name);
  color: #fff;
  position: absolute;
  z-index: 9;
  text-wrap: nowrap;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  visibility: visible;
  opacity: 1;
}

.btn__primary--5 {
  background-color: #88e64a;
}
.btn__primary--5 span {
  padding-right: 34px;
}
.btn__primary--5 span::after {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 15V19C3 20.1 3.9 21 5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V15M17 9L12 14L7 9M12 12.8V2.5" stroke="%230E0E0E" stroke-width="2" stroke-linecap="square"/></svg>');
  height: 24px;
  width: 24px;
}
.btn__primary--5:hover::after {
  background-color: #fff;
}
.btn__primary--5:hover span::before {
  color: #0e0e0e;
}
.btn__primary--5:hover span::after {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 15V19C3 20.1 3.9 21 5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V15M17 9L12 14L7 9M12 12.8V2.5" stroke="%230E0E0E" stroke-width="2" stroke-linecap="square"/></svg>');
  height: 24px;
  width: 24px;
}

/* | primary button end | */
/* | secondary button start | */
.btn__secondary {
  color: #0e0e0e;
  position: relative;
  padding-right: 28px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn__secondary::before {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  background-color: #0e0e0e;
  left: 0;
  bottom: -6px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn__secondary::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 11L11.2 1.8M12 11V1H2' stroke='%230E0E0E' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  height: 13px;
  width: 13px;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn__secondary:hover {
  padding-right: 24px;
}
.btn__secondary:hover::before {
  -webkit-animation: btn-primary 0.3s forwards cubic-bezier(0.3, 0, 0.7, 1);
          animation: btn-primary 0.3s forwards cubic-bezier(0.3, 0, 0.7, 1);
}
.btn__secondary:hover::after {
  right: 0;
}

.btn__secondary--1 {
  color: #fff;
}
.btn__secondary--1::before {
  background-color: #fff;
}
.btn__secondary--1::after {
  background-image: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 11L11.2 1.8M12 11V1H2" stroke="white" stroke-width="2" stroke-linecap="square"/></svg>');
}

@-webkit-keyframes btn-primary {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

@keyframes btn-primary {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
/* | secondary button end | */
.btn__white__hover:hover::after {
  background-color: #fff;
}
.btn__white__hover:hover::before {
  color: #0e0e0e;
}

.btn__green__hover:hover::after {
  background-color: #88e64a;
}
.btn__green__hover:hover::before {
  color: #fff;
}

/* | 1. header start | */
.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 25px 60px;
  z-index: 999;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .header {
    padding: 25px 0;
  }
}

.header__fixed {
  position: fixed !important;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 8px 80px rgba(14, 14, 14, 0.2);
          box-shadow: 0 8px 80px rgba(14, 14, 14, 0.2);
  -webkit-animation: header__fixed__anim 0.3s;
          animation: header__fixed__anim 0.3s;
}
.header__fixed .nav__dropdown ul {
  -webkit-box-shadow: 0 8px 80px rgba(14, 14, 14, 0.2);
          box-shadow: 0 8px 80px rgba(14, 14, 14, 0.2);
}

@-webkit-keyframes header__fixed__anim {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes header__fixed__anim {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 110px;
}
.nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 44px;
}
.nav__list li a {
  padding: 16px 0;
  font-size: 16px;
  text-transform: uppercase;
  color: #0e0e0e;
}
@media screen and (max-width: 992px) {
  .nav__list {
    display: none;
  }
}

.nav__dropdown {
  position: relative;
}
.nav__dropdown ul {
  position: absolute;
  background-color: #fff;
  width: 220px;
  left: 0;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  z-index: 99;
}
.nav__dropdown ul li a {
  padding: 16px 20px;
  display: block;
  color: #0e0e0e;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.nav__dropdown ul li a:hover {
  background-color: #0e0e0e;
  color: #fff;
}
.nav__dropdown:hover > ul {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}

.nav__dropdown--1 ul {
  top: 0;
  left: initial;
  right: -100%;
}

.header__hamburger {
  height: 60px;
  width: 60px;
  background-color: #0e0e0e;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header__hamburger span {
  height: 2px;
  width: 18px;
  background-color: #fff;
  border-radius: 2px;
}

.header__hamburger-2 {
  height: 26px;
  width: 30px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header__hamburger-2 span {
  height: 2px;
  width: 100%;
  background-color: #0e0e0e;
  border-radius: 2px;
}

.mobile-nav .offcanvas-header {
  border-bottom: 1px solid rgba(14, 14, 14, 0.1);
  padding: 30px 24px;
}
.mobile-nav .offcanvas-body {
  padding: 0;
}

.mobile-nav__menu ul li a {
  font-size: 16px;
  color: #0e0e0e;
  width: 100%;
  padding: 30px 24px;
}
.mobile-nav__menu ul li > a {
  padding: 14px 24px;
  border-bottom: 1px solid rgba(14, 14, 14, 0.1);
}
.mobile-nav__menu ul li:last-child a {
  border-bottom: initial;
}

.mobile__dropdown ul {
  display: none;
  background-color: #88e64a;
}
.mobile__dropdown ul li a {
  padding-left: 48px;
}

.mobile__dropdown--1 ul li a {
  padding-left: 72px;
}

/* | 1. header end | */
/* | 2. header start | */
.header--1 {
  position: static;
}

/* | 2. header end | */
/* | 3. header start | */
.nav--1 {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 992px) {
  .nav--1 {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.nav__right {
  gap: 44px;
}
@media screen and (max-width: 576px) {
  .nav__right {
    gap: 30px;
  }
}

.header-find__box {
  width: 600px;
  margin-inline: auto;
}
.header-find__box input {
  height: 63.19px;
  width: 100%;
  padding: 0 1rem;
  border: 1px solid rgba(14, 14, 14, 0.1);
  font-family: "Poppins", sans-serif;
  border-right: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.header-find__box input:focus {
  outline: none;
}
.header-find .offcanvas-body {
  display: grid;
  place-items: center;
}
@media screen and (max-width: 768px) {
  .header-find__box {
    width: 100%;
  }
}

.header-find__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* | 3. header end | */
/* | 4. header start | */
.header--2 .nav__list li a {
  color: #fff;
}
.header--2 .header__hamburger {
  background-color: #fff;
}
.header--2 .header__hamburger span {
  background-color: #0e0e0e;
}
.header--2 .header__hamburger-2 span {
  background-color: #fff;
}
.header--2 .nav__dropdown ul li a {
  color: #0e0e0e;
}
.header--2 .nav__dropdown ul li a:hover {
  background-color: #88e64a;
}
.header--2.header__fixed .nav__list li a {
  color: #0e0e0e;
}
.header--2.header__fixed .header__hamburger {
  background-color: #0e0e0e;
}
.header--2.header__fixed .header__hamburger span {
  background-color: #fff;
}
.header--2.header__fixed .nav__dropdown ul li a {
  color: #0e0e0e;
}
.header--2.header__fixed .nav__dropdown ul li a:hover {
  background-color: #0e0e0e;
  color: #fff;
}
.header--2.header__fixed .header__hamburger-2 span {
  background-color: #0e0e0e;
}

/* | 4. header end | */
/* | 5. header start | */
.header--4 .nav__list li a {
  color: #fff;
}
.header--4 .nav__list li:hover ul li a {
  color: #0e0e0e;
}
.header--4 .nav__list li:hover ul li a:hover {
  background-color: #88e64a;
}
.header--4 .header__hamburger-2 span {
  background-color: #fff;
}
.header--4.header__fixed .nav__list li a {
  color: #0e0e0e;
}
.header--4.header__fixed .btn__white__hover {
  background-color: #0e0e0e;
  color: #fff;
}
.header--4.header__fixed .btn__white__hover::after {
  background-color: #88e64a;
}
.header--4.header__fixed .header__hamburger-2 span {
  background-color: #0e0e0e;
}
@media screen and (max-width: 1200px) {
  .header--4 .nav {
    gap: 20px;
  }
}

/* | 5. header end | */
.header-sidebar .offcanvas-header {
  padding: 30px 24px;
  border-bottom: 1px solid rgba(14, 14, 14, 0.1);
}
.header-sidebar .offcanvas-body {
  padding: 24px;
}
.header-sidebar .offcanvas-body p,
.header-sidebar .offcanvas-body li,
.header-sidebar .offcanvas-body h4 {
  color: #0e0e0e;
}
.header-sidebar .offcanvas-body p {
  font-family: "Poppins", sans-serif;
  padding-bottom: 30px;
}
.header-sidebar .social__media {
  padding-bottom: 30px;
}
.header-sidebar__img {
  width: 100%;
  border-radius: 10px;
}

.header-sidebar__info {
  margin: 30px 0;
}
.header-sidebar__info:last-of-type {
  margin-bottom: 0;
}
.header-sidebar__info i {
  height: 50px;
  width: 50px;
  background-color: #0e0e0e;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}
.header-sidebar__info h4 {
  padding: 10px 0;
}
.header-sidebar__info ul li {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

/* | 1. footer start */
.footer {
  background-color: #1a1a1a;
}

.footer__info h1 {
  font-size: clamp(3.125rem, 2.5398rem + 2.6752vw, 5.75rem);
  line-height: clamp(3.75rem, 3.0533rem + 3.1847vw, 6.875rem);
  color: #fff;
}
.footer__info p {
  font-family: "Poppins", sans-serif;
  color: #fff;
  padding-bottom: 44px;
}
@media screen and (max-width: 992px) {
  .footer__info h1 {
    padding-bottom: 40px;
  }
}

.footer__navigation {
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(200, 200, 205, 0.5);
}
.footer__navigation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50px;
}
.footer__navigation ul li a {
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.footer__navigation ul li a:hover {
  color: #88e64a;
}
@media screen and (max-width: 576px) {
  .footer__navigation ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.footer__copyright {
  padding-top: 24px;
}
.footer__copyright p {
  color: #fff;
  font-family: "Poppins", sans-serif;
}
.footer__copyright p a {
  font-size: 18px;
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.footer__copyright p a:hover {
  color: #88e64a;
}

.social__media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.social__media li a {
  height: 44px;
  width: 44px;
  background-color: #0e0e0e;
  color: #fff;
  display: grid;
  place-items: center;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.social__media li a:hover {
  background-color: #88e64a;
  color: #0e0e0e;
}

/* | 1. footer end */
/* | 2. footer start */
.footer-2__info {
  max-width: 332px;
}
.footer-2__info h4,
.footer-2__info p {
  color: #0e0e0e;
}
.footer-2__info p {
  padding-top: 28px;
  padding-bottom: 40px;
}
.footer-2__info p {
  font-family: "Poppins", sans-serif;
}

.footer-2__menu a,
.footer-2__menu h4 {
  color: #0e0e0e;
}
.footer-2__menu h4 {
  padding-bottom: 28px;
}
.footer-2__menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.footer-2__menu ul li a {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.footer-2__menu ul li a:hover {
  color: #88e64a;
}

.footer-2__insta {
  padding-left: 94px;
}
.footer-2__insta h4 {
  padding-bottom: 28px;
  color: #0e0e0e;
}
.footer-2__insta ul {
  display: grid;
  grid-template-columns: repeat(3, 110px);
  gap: 10px;
}
.footer-2__insta ul li a {
  position: relative;
}
.footer-2__insta ul li a::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(40, 41, 67, 0.5);
  scale: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.footer-2__insta ul li a::before {
  content: "\f16d";
  font-family: "FontAwesome";
  font-size: 20px;
  font-weight: 400;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  color: #fff;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.footer-2__insta ul li a:hover::after {
  scale: 1;
}
.footer-2__insta ul li a:hover::before {
  opacity: 1;
  visibility: visible;
}
.footer-2__insta ul li a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1400px) {
  .footer-2__insta {
    padding-left: 0;
  }
}
@media screen and (max-width: 576px) {
  .footer-2__insta ul {
    grid-template-columns: repeat(3, 1fr);
  }
  .footer-2__insta ul li a {
    width: 100%;
    height: auto;
  }
}

.footer-2__copyright {
  padding-top: 28px;
  border-top: 1px solid #0e0e0e;
}
.footer-2__copyright p,
.footer-2__copyright a {
  color: #0e0e0e;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}
.footer-2__copyright a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.footer-2__copyright a:hover {
  color: #88e64a;
}
.footer-2__copyright ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .footer-2__copyright p {
    text-align: center;
  }
  .footer-2__copyright ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/* | 2. footer end */
/* | 3. footer start | */
.footer-3 {
  background-color: #0e0e0e;
}

.footer-3__info h1 {
  font-size: clamp(3.375rem, 2.7341rem + 2.9299vw, 6.25rem);
  line-height: 1;
  color: #fff;
}
.footer-3__info a {
  height: clamp(3.75rem, 2.914rem + 3.8217vw, 7.5rem);
  width: clamp(3.75rem, 2.914rem + 3.8217vw, 7.5rem);
  border: 2px solid #fff;
  border-radius: 50%;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.footer-3__info a i {
  font-size: clamp(2.25rem, 1.9156rem + 1.5287vw, 3.75rem);
  height: clamp(2.25rem, 1.9156rem + 1.5287vw, 3.75rem);
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.footer-3__info a:hover {
  background-color: #88e64a;
  border-color: #88e64a;
}
.footer-3__info a:hover i {
  color: #0e0e0e;
}

.footer-3__social {
  padding: 32px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.footer-3__social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer-3__social ul li a {
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.footer-3__social ul li a:hover {
  color: #88e64a;
}
@media screen and (max-width: 768px) {
  .footer-3__social ul {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
}

.footer-3__copyright {
  padding-top: 41px;
  padding-bottom: 60px;
}
.footer-3__copyright h3,
.footer-3__copyright p,
.footer-3__copyright a {
  color: #fff;
}
.footer-3__copyright p {
  font-family: "Poppins", sans-serif;
}
.footer-3__copyright a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.footer-3__copyright a:hover {
  color: #88e64a;
}

/* | 3. footer end | */
/* | 4. footer start | */
.footer-4 {
  background-color: #1a1a19;
}

.footer-4__info h4,
.footer-4__info h2 {
  color: #fff;
}

.footer-4__info-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  padding-top: 30px;
}
.footer-4__info-social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  padding-left: 24px;
  position: relative;
}
.footer-4__info-social ul::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 24px;
  background-color: #fff;
}
.footer-4__info-social ul li a {
  font-size: 32px;
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.footer-4__info-social ul li a:hover {
  color: #88e64a;
}
@media screen and (max-width: 576px) {
  .footer-4__info-social {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .footer-4__info-social ul {
    padding-left: 0;
  }
  .footer-4__info-social ul::before {
    display: none;
  }
}

.footer-4__widget-1 {
  border: 1px solid rgba(255, 255, 255, 0.2);
  height: 210px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 28px 30px;
}
.footer-4__widget-1 h4 {
  color: #fff;
}
.footer-4__widget-1 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer-4__widget-1 ul li {
  font-size: 16px;
  color: #fff;
  color: #88e64a;
}
.footer-4__widget-1 ul li a svg path {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.footer-4__widget-1 ul li a:hover svg path {
  fill: #88e64a;
}

.footer-4__name {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.footer-4__name h1 {
  font-size: clamp(2.25rem, 0.8288rem + 6.4968vw, 8.625rem);
  line-height: normal;
  color: #fff;
}

.footer-4__copyright p {
  color: #fff;
  font-family: "Poppins", sans-serif;
}
.footer-4__copyright p a {
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.footer-4__copyright p a:hover {
  color: #88e64a;
}

.footer-4__menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
.footer-4__menu ul li a {
  font-family: "Poppins", sans-serif;
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.footer-4__menu ul li a:hover {
  color: #88e64a;
}

.footer-4__bottom {
  padding-top: 28px;
  padding-bottom: 54px;
}

/* | 4. footer end | */
/* | 1. hero start | */
.hero {
  background-color: #88e64a;
  padding-top: 200px;
}
.hero__info {
  padding-bottom: 200px;
}
.hero__info img {
  width: clamp(9.375rem, 7.0064rem + 10.828vw, 20rem);
}
.hero h1 {
  color: #0e0e0e;
}
.hero p {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  line-height: 32px;
  color: #0e0e0e;
}
@media screen and (max-width: 992px) {
  .hero {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  .hero__info {
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 576px) {
  .hero {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .hero__info {
    padding-bottom: 60px;
  }
}

.hero__info__box {
  padding-top: 28px;
  max-width: 730px;
  margin-left: auto;
  padding-right: 84px;
}
.hero__info__box p {
  padding-bottom: 40px;
}
@media screen and (max-width: 1200px) {
  .hero__info__box {
    padding-right: 0;
  }
}

.hero__project {
  position: absolute;
  right: 12px;
  bottom: 80px;
}
.hero__project__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateX(40px);
          transform: translateX(40px);
  padding-bottom: 40px;
}
.hero__project__list img {
  margin-left: -40px;
  width: clamp(3.75rem, 3.4713rem + 1.2739vw, 5rem);
}
.hero__project h4 {
  color: #0e0e0e;
}
@media screen and (max-width: 992px) {
  .hero__project {
    position: initial;
  }
  .hero__project__list {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  .hero__project__list img {
    margin-left: -30px;
  }
}

/* | 1. hero end | */
/* | 1. latest client start | */
.latest__client {
  overflow: hidden;
}

.latest__client__card {
  background-color: #f6f5f3;
  padding: 40px 36px;
}
.latest__client__card i {
  font-size: 50px;
  color: #0e0e0e;
}
.latest__client__card h4 {
  padding-top: 54px;
  padding-bottom: 14px;
  color: #0e0e0e;
}
.latest__client__card p {
  color: #0e0e0e;
  padding-bottom: 32px;
  font-family: "Poppins", sans-serif;
}

/* | 1. latest client end | */
/* | 1. experience start | */
.experience {
  background-color: #f6f5f3;
}

.experience__banner {
  overflow: hidden;
  height: 100%;
}
.experience__banner img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 992px) {
  .experience__banner img {
    height: 400px;
  }
}
@media screen and (max-width: 768px) {
  .experience__banner img {
    height: 300px;
  }
}
@media screen and (max-width: 576px) {
  .experience__banner img {
    height: 196px;
  }
}

.experience__info {
  background-color: #88e64a;
  height: 100%;
  padding: 19px 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.experience__info__box {
  text-align: center;
  padding: 24px 0;
}
.experience__info__box h5 {
  font-size: 54px;
  font-weight: 800;
  color: #0e0e0e;
  padding-bottom: 8px;
}
.experience__info__box p {
  font-size: 20px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: #0e0e0e;
}
.experience__info__box:nth-of-type(2) {
  border-top: 1px solid rgba(14, 14, 14, 0.2);
  border-bottom: 1px solid rgba(14, 14, 14, 0.2);
}

/* | 1. experience end | */
/* | 1. our project start | */
.project__card {
  width: 100%;
  padding-bottom: 60px;
}
.project__card a {
  display: block;
}
.project__card:last-of-type {
  padding-bottom: 0;
}
.project__card__img {
  overflow: hidden;
  margin-bottom: 28px;
}
.project__card__img img {
  width: 100%;
}
.project__card:hover h3 {
  background-size: 100% 2px;
}
.project__card h3 {
  color: #0e0e0e;
  display: inline;
  background-size: 0% 2px;
  background-position: 0% 100%;
  background-repeat: no-repeat;
  -webkit-transition: background 0.3s linear;
  transition: background 0.3s linear;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0e0e0e), to(#0e0e0e));
  background-image: linear-gradient(#0e0e0e, #0e0e0e);
}
.project__card p {
  font-family: "Poppins", sans-serif;
  color: #0e0e0e;
  padding-top: 8px;
}

.project__box {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 60px;
     -moz-column-gap: 60px;
          column-gap: 60px;
}
@media screen and (max-width: 992px) {
  .project__box {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}

/* | 1. our project end | */
/* | 1. why choose start | */
.choose {
  background-color: #f6f5f3;
  position: relative;
}

.choose__info h3,
.choose__info p,
.choose__info li {
  color: #0e0e0e;
}
.choose__info p {
  font-family: "Poppins", sans-serif;
  padding-top: 20px;
  padding-bottom: 32px;
}
.choose__info ul li {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding-bottom: 20px;
}
.choose__info ul li:last-child {
  padding-bottom: 0;
}

.choose__info--1,
.choose__img {
  margin: 106px 0;
}
@media screen and (max-width: 992px) {
  .choose__info--1,
  .choose__img {
    margin: 56px 0;
  }
}

.choose__img img {
  width: 100%;
}

.choose__img--1 {
  margin: 0;
}

.choose__info--2 {
  margin-top: 46px;
}

.choose__timeline {
  height: 100%;
  width: 2px;
  position: absolute;
  background-color: #0e0e0e;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}
.choose__timeline span {
  height: 30px;
  width: 30px;
  background-color: #88e64a;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.choose__timeline span::after {
  content: "";
  height: 50px;
  width: 50px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: rgba(136, 230, 74, 0.3);
  position: absolute;
  display: inline-block;
}
.choose__timeline span:first-of-type {
  top: 185px;
}
.choose__timeline span:nth-of-type(2) {
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.choose__timeline span:last-of-type {
  bottom: 185px;
}
@media screen and (max-width: 992px) {
  .choose__timeline {
    display: none;
  }
}

/* | 1. why choose end | */
/* | 1. testimonial start | */
.testimonial__card {
  background-color: #f6f5f3;
  padding: 40px 36px;
  margin-bottom: 24px;
  position: sticky;
  top: 120px;
}
.testimonial__card:last-of-type {
  margin-bottom: 0;
}
.testimonial__card > p {
  color: #0e0e0e;
  font-family: "Poppins", sans-serif;
  padding-top: 26px;
  padding-bottom: 32px;
}

.testimonial__card__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 576px) {
  .testimonial__card__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 24px;
  }
}

.testimonial__card__profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.estimonial__card__detail h4,
.estimonial__card__detail p {
  color: #0e0e0e;
}
.estimonial__card__detail h4 {
  padding-bottom: 8px;
}

.testimonial__card__star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

/* | 1. testimonial end | */
/* | 1. running start | */
.running {
  background-color: #0e0e0e;
  height: 100px;
  line-height: 100px;
  white-space: nowrap;
  overflow: hidden;
}
.running ul {
  padding-top: 15px;
}
.running li {
  display: inline-block;
  padding-right: 12px;
}
.running li:last-child {
  padding-right: 0;
}

.running__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.running__item h4 {
  color: #88e64a;
}

/* | 1. running end | */
/* | 1. team start | */
.team {
  overflow: hidden;
}

.team__card {
  text-align: center;
  overflow: hidden;
}
.team__card a {
  display: block;
}
.team__card img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.team__card p,
.team__card h4 {
  color: #0e0e0e;
}
.team__card h4 {
  padding-top: 28px;
  padding-bottom: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.team__card p {
  font-size: 16px;
}
.team__card:hover img {
  scale: 1.1;
}

.team__card__img {
  overflow: hidden;
}

/* | 1. team end | */
/* | 1. faq start | */
.faq {
  background-color: #f6f5f3;
}

.faq__accordion .accordion-item {
  background-color: initial;
  border: 1px solid rgba(14, 14, 14, 0.2);
  border-radius: initial;
  margin-bottom: 24px;
}
.faq__accordion .accordion-item:last-of-type {
  margin-bottom: 0;
}
.faq__accordion .accordion-button {
  font-size: inherit;
  background-color: initial;
  -webkit-box-shadow: initial;
          box-shadow: initial;
  color: #0e0e0e;
  padding: 28px 30px 28px 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
.faq__accordion .accordion-button::after {
  background-image: url('data:image/svg+xml,<svg width="24" height="4" viewBox="0 0 24 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 0.285156H0V3.71375H24V0.285156Z" fill="%230E0E0E"/></svg>');
  background-position: center;
}
.faq__accordion .accordion-button.collapsed {
  padding-top: 28px;
  padding-bottom: 28px;
}
.faq__accordion .accordion-button.collapsed::after {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_0_353)"><path d="M14.5714 9.85714C14.3348 9.85714 14.1429 9.66525 14.1429 9.42857V0H9.85714V9.42857C9.85714 9.66525 9.66525 9.85714 9.42857 9.85714H0V14.1429H9.42857C9.66525 14.1429 9.85714 14.3348 9.85714 14.5714V24H14.1429V14.5714C14.1429 14.3348 14.3348 14.1429 14.5714 14.1429H24V9.85714H14.5714Z" fill="%230E0E0E"/></g><defs><clipPath id="clip0_0_353"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
}
.faq__accordion .accordion-body {
  font-family: "Poppins", sans-serif;
  color: #0e0e0e;
  padding: 0 30px 28px 30px;
}

.faq__card {
  text-align: center;
  padding: 68px 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #fff;
}
.faq__card:hover {
  background-color: #88e64a;
}
.faq__card h2,
.faq__card p {
  color: #0e0e0e;
}
.faq__card h2 {
  padding-bottom: 6px;
}
.faq__card p {
  font-family: "Poppins", sans-serif;
}

/* | 1. faq end | */
/* | 1. blog article start | */
.blog-article {
  overflow: hidden;
}

.blog-article__card {
  position: relative;
  overflow: hidden;
}
.blog-article__card::after {
  content: "";
  position: absolute;
  background: #0e0e0e;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(14, 14, 14, 0)), to(rgb(14, 14, 14)));
  background: linear-gradient(180deg, rgba(14, 14, 14, 0) 0%, rgb(14, 14, 14) 100%);
  inset: 0;
}
.blog-article__card:hover .blog-article__card__img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.blog-article__card__info {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 40px 36px;
  z-index: 9;
}
.blog-article__card__info h4,
.blog-article__card__info li {
  color: #fff;
}
.blog-article__card__info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 28px;
}
.blog-article__card__info ul li {
  font-family: "Poppins", sans-serif;
  position: relative;
}
.blog-article__card__info ul li::after {
  content: "";
  position: absolute;
  height: 4px;
  width: 4px;
  background-color: #fff;
  border-radius: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -14px;
}
.blog-article__card__info ul li:last-child::after {
  display: none;
}
.blog-article__card__info h4 {
  padding-top: 8px;
  padding-bottom: 20px;
}

.blog-article__card__img {
  height: 100%;
  width: 100%;
}
.blog-article__card__img img {
  height: inherit;
  width: inherit;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/* | 1. blog article end | */
/* | 1. branding start | */
.branding__img {
  border: 1px solid rgba(14, 14, 14, 0.2);
  padding: 7px 0;
  display: grid;
  place-items: center;
}
.branding__img img {
  width: auto;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .branding__img img {
    width: 150px;
  }
}
@media screen and (max-width: 576px) {
  .branding__img img {
    width: 120px;
  }
}

.branding__btn {
  display: grid;
  place-items: center;
  height: 100%;
  padding: 7px 0;
}

/* | 1. branding end | */
/* | 3. hero start | */
.hero--1 {
  background-color: #f6f5f3;
  padding-top: 200px;
}
@media screen and (max-width: 768px) {
  .hero--1 {
    padding-top: 100px;
  }
}

.hero__info--2 {
  padding-bottom: 0;
}
.hero__info--2 h1 {
  max-width: 1076px;
}
@media screen and (max-width: 1400px) {
  .hero__info--2 h1 {
    max-width: 950px;
  }
}

.hero__info__box--1 {
  max-width: 660px;
  margin-left: auto;
  margin-top: -7rem;
}
@media screen and (max-width: 1200px) {
  .hero__info__box--1 {
    max-width: 100%;
    margin-top: 0;
  }
}

.hero__play {
  position: relative;
}
@media screen and (max-width: 992px) {
  .hero__play img {
    height: 450px;
  }
}
@media screen and (max-width: 576px) {
  .hero__play img {
    height: 320px;
  }
}

.hero__play__btn {
  height: clamp(3.75rem, 2.914rem + 3.8217vw, 7.5rem);
  width: clamp(3.75rem, 2.914rem + 3.8217vw, 7.5rem);
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: clamp(1.25rem, 0.6927rem + 2.5478vw, 3.75rem);
  right: clamp(1.25rem, 0.6927rem + 2.5478vw, 3.75rem);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
}
.hero__play__btn i {
  font-size: clamp(2.1875rem, 1.8392rem + 1.5924vw, 3.75rem);
  height: clamp(2.1875rem, 1.8392rem + 1.5924vw, 3.75rem);
  color: #0e0e0e;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.hero__play__btn:hover {
  background-color: #88e64a;
}

.btn-effect-2 {
  overflow: hidden;
}
.btn-effect-2 i {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.btn-effect-2 i:last-child {
  -webkit-transform: translate(-200%, 100%);
          transform: translate(-200%, 100%);
}
.btn-effect-2:hover i:first-child {
  -webkit-transform: translate(100%, -200%);
          transform: translate(100%, -200%);
}
.btn-effect-2:hover i:last-child {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/* | 3. hero start | */
/* | 3. experience start | */
.experience-2 {
  background-color: #f6f5f3;
}

.experience-2__img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.exprince-2__info h2,
.exprince-2__info p {
  color: #0e0e0e;
}
.exprince-2__info p {
  font-family: "Poppins", sans-serif;
}
.exprince-2__info p:first-of-type {
  padding-top: 28px;
  padding-bottom: 24px;
}
.exprince-2__info p:last-of-type {
  padding-bottom: 40px;
}

.experience-2__card {
  position: relative;
  text-align: center;
}
.experience-2__card::after {
  content: "";
  position: absolute;
  height: 80px;
  width: 2px;
  background-color: #88e64a;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
.experience-2__card:nth-child(3)::after {
  display: none;
}
.experience-2__card h2,
.experience-2__card p {
  color: #0e0e0e;
}
.experience-2__card h2 {
  padding-bottom: 6px;
}
.experience-2__card p {
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 992px) {
  .experience-2__card::after {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .experience-2__card {
    padding-bottom: 50px;
  }
  .experience-2__card::after {
    display: block;
    height: 2px;
    width: 250px;
    left: 50%;
    -webkit-transform: translateY(0) translateX(-50%);
            transform: translateY(0) translateX(-50%);
    top: initial;
    bottom: 0;
  }
}

.experience-2__card--1 {
  padding-bottom: 0;
}
.experience-2__card--1::after {
  display: none;
}

/* | 3. experience end | */
/* | 1. process start | */
.process__img img {
  height: 280px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.process__card h3,
.process__card p {
  color: #0e0e0e;
}
.process__card p {
  padding-top: 20px;
  padding-bottom: 32px;
  font-family: "Poppins", sans-serif;
}

.process__card__number {
  margin: 32px 0;
  position: relative;
  display: inline-block;
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
}
.process__card__number::after {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="13" height="66" viewBox="0 0 13 66" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.32617 0.666667C3.38065 0.666667 0.992838 3.05448 0.992838 6C0.992838 8.94552 3.38065 11.3333 6.32617 11.3333C9.27169 11.3333 11.6595 8.94552 11.6595 6C11.6595 3.05448 9.27169 0.666667 6.32617 0.666667ZM6.32617 66L12.0997 56H0.552669L6.32617 66ZM5.32617 6L5.32617 57H7.32617L7.32617 6H5.32617Z" fill="%2388E64A"/></svg>');
  background-repeat: no-repeat;
  position: absolute;
  background-size: contain;
  top: 0;
  right: -42px;
  width: 12px;
  height: 60px;
}
.process__card__number h2 {
  font-size: 50px;
  -webkit-text-fill-color: white;
  -webkit-text-stroke-width: 1px;
  height: 60px;
}
@media screen and (max-width: 1600px) {
  .process__card__number {
    -webkit-transform: translateY(-14px);
            transform: translateY(-14px);
  }
}
@media screen and (max-width: 1400px) {
  .process__card__number {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@media screen and (max-width: 1200px) {
  .process__card__number {
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
  }
}
@media screen and (max-width: 992px) {
  .process__card__number::after {
    display: none;
  }
}

.process__card__number--2 {
  -webkit-transform: translateY(13px);
          transform: translateY(13px);
}
.process__card__number--2 h2 {
  line-height: 60px;
}
.process__card__number--2::after {
  background-image: url('data:image/svg+xml,<svg width="12" height="66" viewBox="0 0 12 66" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 0L0.226497 10H11.7735L6 0ZM6 54.6667C3.05448 54.6667 0.666667 57.0545 0.666667 60C0.666667 62.9455 3.05448 65.3333 6 65.3333C8.94552 65.3333 11.3333 62.9455 11.3333 60C11.3333 57.0545 8.94552 54.6667 6 54.6667ZM5 9L5 60H7L7 9H5Z" fill="%2388E64A"/></svg>');
}
.process__card__number--2 h2 {
  color: #88e64a;
  -webkit-text-fill-color: initial;
}
@media screen and (max-width: 1400px) {
  .process__card__number--2 {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
}
@media screen and (max-width: 1200px) {
  .process__card__number--2 {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
}

.process__line {
  position: absolute;
  height: 2px;
  width: 100%;
  background-color: #88e64a;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 992px) {
  .process__line {
    display: none;
  }
}

/* | 1. process end | */
/* | 1. offering start | */
.offering {
  position: sticky;
  top: 0;
}
.offering::after {
  content: "";
  background: rgb(10, 12, 0);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 12, 0, 0)), to(rgb(10, 12, 0)));
  background: linear-gradient(180deg, rgba(10, 12, 0, 0) 0%, rgb(10, 12, 0) 100%);
  inset: 0;
  position: absolute;
}

.offering__bg img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .offering__bg img {
    height: 50vh;
  }
}

.offering__info {
  position: absolute;
  left: 0;
  bottom: clamp(2.5rem, 1.664rem + 3.8217vw, 6.25rem);
  width: 100%;
  z-index: 9;
}
.offering__info p,
.offering__info h2 {
  color: #fff;
}
.offering__info p {
  padding-bottom: 8px;
}

.offering__btn {
  height: clamp(3.125rem, 2.4283rem + 3.1847vw, 6.25rem);
  width: clamp(3.125rem, 2.4283rem + 3.1847vw, 6.25rem);
  background-color: #fff;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}
.offering__btn i {
  font-size: clamp(2.25rem, 1.9992rem + 1.1465vw, 3.375rem);
  height: clamp(2.25rem, 1.9992rem + 1.1465vw, 3.375rem);
  color: #0e0e0e;
}
.offering__btn:hover {
  background-color: #88e64a;
}

/* | 1. offering end | */
/* | 3. testimonial start |  */
.testimonial-3 {
  background-color: #88e64a;
}

.testimonial-3__img img {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 992px) {
  .testimonial-3__img img {
    height: 400px;
  }
}
@media screen and (max-width: 576px) {
  .testimonial-3__img img {
    height: 350px;
  }
}

.testimonial-3__box {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #f6f5f3;
  right: 0;
  max-width: 770px;
}
@media screen and (max-width: 1400px) {
  .testimonial-3__box {
    max-width: 700px;
  }
}
@media screen and (max-width: 992px) {
  .testimonial-3__box {
    position: static;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.testimonial-3__box__card {
  padding: 50px 36px;
}
.testimonial-3__box__card > p {
  font-family: "Poppins", sans-serif;
  padding-top: 32px;
  padding-bottom: 48px;
  font-size: clamp(1rem, 0.8885rem + 0.5096vw, 1.5rem);
  font-weight: 500;
  color: #0e0e0e;
  line-height: 1.4;
}

.teestimonial-3__box__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.teestimonial-3__box__img img {
  height: auto;
}

.testimonial-3__box__profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.testimonial-3__box__info h4,
.testimonial-3__box__info p {
  color: #0e0e0e;
}
.testimonial-3__box__info h4 {
  padding-bottom: 4px;
}

.testimonial-3__box__arrow {
  position: absolute;
  bottom: 24px;
  right: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
}

.arrow__btn {
  height: 40px;
  width: 40px;
  background-color: #fff;
  display: grid;
  place-items: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.arrow__btn:hover {
  background-color: #88e64a;
}

/* | 3. testimonial end |  */
/* | 3. blog article start | */
.blog-article-3__card:hover .blog-article-3__img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.blog-article-3__img {
  position: relative;
  overflow: hidden;
}
.blog-article-3__img img {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.blog-article-3__head {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(14, 14, 14, 0.8);
  padding: 12px 20px;
}
.blog-article-3__head ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.blog-article-3__head ul li {
  font-size: 18px;
  color: #fff;
}

.blog-article-info h3,
.blog-article-info p {
  color: #0e0e0e;
}
.blog-article-info h3 {
  font-size: 30px;
  padding: 28px 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/* | 3. blog article end | */
/* | 3. hero start | */
.hero--2 {
  background-color: #f6f5f3;
  padding: 165px 0;
  position: relative;
}
.hero--2::before {
  content: "";
  background-image: url("../img/hero/home-2/hero-img.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
  position: absolute;
  inset: 0;
  z-index: 9;
}
.hero--2::after {
  content: "";
  background: -webkit-gradient(linear, left top, right top, color-stop(43%, #f6f5f3), color-stop(56%, #88e64a));
  background: linear-gradient(90deg, #f6f5f3 43%, #88e64a 56%);
  width: 100%;
  height: 350px;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 1200px) {
  .hero--2::before {
    background-size: 450px;
  }
  .hero--2::after {
    height: 280px;
  }
}
@media screen and (max-width: 992px) {
  .hero--2 {
    height: 1050px;
  }
  .hero--2::before {
    background-size: 400px;
  }
  .hero--2::after {
    height: 160px;
  }
}
@media screen and (max-width: 768px) {
  .hero--2 {
    padding-top: 80px;
    height: 950px;
  }
}
@media screen and (max-width: 576px) {
  .hero--2 {
    padding-top: 60px;
    height: 900px;
  }
  .hero--2::before {
    background-size: 350px;
  }
  .hero--2::after {
    height: 150px;
  }
}

.hero__info__box--2 {
  margin-left: 0;
}

.hero__info--1 {
  padding-bottom: 0;
  position: relative;
  z-index: 9;
}

/* | 3. hero end | */
/* | 2. branding start | */
.branding-2__box {
  padding: 30px 0;
}

.ticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}

.branding-2__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.branding-2__line p {
  color: #0e0e0e;
  font-family: "Poppins", sans-serif;
  white-space: nowrap;
}
.branding-2__line span {
  height: 1px;
  width: 100%;
  display: block;
  background-color: rgba(14, 14, 14, 0.2);
}

.branding-2__item {
  display: grid;
  place-items: center;
}
@media screen and (max-width: 576px) {
  .branding-2__item img {
    height: 60px;
    width: auto;
  }
}

/* | 2. branding end | */
/* | 1. about start | */
.about {
  overflow: hidden;
}

.about__img img {
  height: auto;
  width: 100%;
}

.about__info li,
.about__info h2,
.about__info p {
  color: #0e0e0e;
}
.about__info p {
  font-family: "Poppins", sans-serif;
}
.about__info p:first-of-type {
  padding-top: 28px;
  padding-bottom: 24px;
}
.about__info p:last-of-type {
  padding-bottom: 40px;
}
.about__info ul li {
  font-family: "Poppins", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding-bottom: 20px;
}
.about__info ul li:last-child {
  padding-bottom: 0;
}

.about__info--1 p {
  padding-bottom: 32px;
}

/* | 1. about end | */
/* | 1. solving problem start | */
.solving {
  background-color: #f6f5f3;
}
.solving .solving__card,
.solving .headline {
  position: sticky;
  top: 120px;
}

.solving__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 36px;
  background-color: #fff;
  margin-bottom: 24px;
}
.solving__card:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 576px) {
  .solving__card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 30px;
  }
}

.solving__card__body {
  padding-right: 36px;
}
.solving__card__body p,
.solving__card__body h4 {
  color: #0e0e0e;
}
.solving__card__body p {
  padding-top: 14px;
  padding-bottom: 32px;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 576px) {
  .solving__card__body {
    padding: 0 30px 30px;
  }
}

.solving__card__img {
  width: 220px;
}
@media screen and (max-width: 576px) {
  .solving__card__img {
    width: 100%;
  }
  .solving__card__img img {
    width: 100%;
  }
}

/* | 1. solving problem end | */
/* | 1. award start | */
.award__card ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 28px 0;
  border-bottom: 1px solid rgba(14, 14, 14, 0.2);
}
.award__card ul li:first-child {
  width: 290px;
}
.award__card ul li:nth-child(2) h5 {
  padding-bottom: 8px;
}
.award__card ul li:last-child {
  margin-left: auto;
}
.award__card h5,
.award__card h4,
.award__card p {
  color: #0e0e0e;
}
.award__card h5 {
  text-transform: uppercase;
}
.award__card p {
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  .award__card ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 30px 0;
    gap: 40px;
  }
  .award__card ul li:last-child {
    margin-left: 0;
  }
}

/* | 1. award end | */
/* | 2. team start | */
.team-2 {
  background-color: #88e64a;
}

.team-2__card {
  position: relative;
  overflow: hidden;
}
.team-2__card img {
  height: auto;
  width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.team-2__card:hover img {
  scale: 1.1;
}
.team-2__card:hover .team-2__card__overlay {
  margin-bottom: 0;
}
.team-2__card a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.team-2__card a:hover {
  color: #88e64a;
}

.team-2__card__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 24px 36px;
  margin-bottom: -100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #0e0e0e;
}
.team-2__card__overlay a {
  color: #fff;
  font-size: 38px;
}

.team-2__card__info h4,
.team-2__card__info p {
  color: #fff;
}
.team-2__card__info h4 {
  padding-bottom: 4px;
}
.team-2__card__info p {
  font-size: 16px;
}

/* | 2. team end | */
/* | 2. testimonial start | */
.testimonial-2 {
  background-color: #f6f5f3;
}

.testimonial-2__card {
  text-align: center;
}

.testimonial-2__card__star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.testimonial-2__card__info h3,
.testimonial-2__card__info p {
  color: #0e0e0e;
}
.testimonial-2__card__info h3 {
  padding-bottom: 30px;
  padding-top: 24px;
}
.testimonial-2__card__info p {
  font-family: "Poppins", sans-serif;
  font-size: clamp(1.5rem, 1.3328rem + 0.7643vw, 2.25rem);
  line-height: 1.4;
  background-image: url("./../img/testimonial/home-3/bg-object-1.png");
  background-repeat: no-repeat;
  background-position: center;
}

.testimonial-2__card__img {
  width: 350px;
  margin-inline: auto;
  padding-top: 44px;
}
.testimonial-2__card__img img {
  height: 80px;
  width: 80px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.testimonial-2__card__img .slick-list {
  height: 120px;
}
.testimonial-2__card__img .slick-slide {
  display: grid;
  place-items: center;
  height: 120px;
}
.testimonial-2__card__img .slick-current + .slick-active img {
  height: 120px;
  width: 120px;
}
@media screen and (max-width: 576px) {
  .testimonial-2__card__img {
    width: 100%;
  }
  .testimonial-2__card__img img {
    height: 60px;
    width: 60px;
  }
  .testimonial-2__card__img .slick-slide,
  .testimonial-2__card__img .slick-list {
    height: 100px;
  }
  .testimonial-2__card__img .slick-current + .slick-active img {
    height: 100px;
    width: 100px;
  }
}

/* | 2. testimonial end | */
/* | 1. pricing start | */
.pricing__card {
  background-color: #f6f5f3;
  padding: 50px 36px;
  overflow: hidden;
}
@media screen and (max-width: 576px) {
  .pricing__card {
    padding: 40px 28px;
  }
}

.pricing__card__head {
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(14, 14, 14, 0.1);
  position: relative;
}
.pricing__card__head[data-apogee]::after {
  content: attr(data-apogee);
  position: absolute;
  top: 41px;
  right: -36px;
  height: 40px;
  line-height: 40px;
  width: 116px;
  color: #fff;
  background-color: #0e0e0e;
  padding-left: 26px;
  border-radius: 40px 0 0 40px;
}
.pricing__card__head p,
.pricing__card__head h3,
.pricing__card__head h4 {
  color: #0e0e0e;
}
.pricing__card__head h3 {
  padding-top: 16px;
  padding-bottom: 14px;
}
.pricing__card__head h3 span {
  font-size: 16px;
}
.pricing__card__head p {
  font-family: "Poppins", sans-serif;
  opacity: 70%;
}

.pricing__card__body {
  padding-top: 32px;
}
.pricing__card__body ul {
  padding-bottom: 40px;
}
.pricing__card__body ul li {
  color: #0e0e0e;
  font-weight: 600;
  margin-bottom: 16px;
  position: relative;
  padding-left: 34px;
}
.pricing__card__body ul li::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #0e0e0e;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 24px;
  width: 24px;
  background-color: #88e64a;
  border-radius: 50%;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}
.pricing__card__body ul li:last-child {
  margin-bottom: 0;
}
.pricing__card__body a {
  width: 100%;
  text-align: center;
}

/* | 1. pricing end |*/
/* | 1. contact start | */
.contact__form {
  background-color: #88e64a;
  padding: 45px 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .contact__form {
    padding-bottom: 0;
  }
}

.form__input {
  position: relative;
}
.form__input textarea,
.form__input input {
  height: 60px;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #0e0e0e;
  padding-left: 32px;
  padding-right: 10px;
  background-color: initial;
  position: relative;
  display: block;
}
.form__input textarea::-webkit-input-placeholder, .form__input input::-webkit-input-placeholder {
  color: #0e0e0e;
}
.form__input textarea::-moz-placeholder, .form__input input::-moz-placeholder {
  color: #0e0e0e;
}
.form__input textarea:-ms-input-placeholder, .form__input input:-ms-input-placeholder {
  color: #0e0e0e;
}
.form__input textarea::-ms-input-placeholder, .form__input input::-ms-input-placeholder {
  color: #0e0e0e;
}
.form__input textarea::placeholder,
.form__input input::placeholder {
  color: #0e0e0e;
}
.form__input textarea:focus,
.form__input input:focus {
  outline: none;
}
.form__input textarea {
  height: 105px;
}
.form__input::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #0e0e0e;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 18px;
}

.form__input--name::after {
  content: "\f007";
}

.form__input--email::after {
  content: "\f0e0";
}

.form__input--phone::after {
  content: "\f3cd";
}

.form__input--msg {
  padding-top: 18px;
}
.form__input--msg::after {
  content: "\f27a";
  top: 18px;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.contact__form__map {
  height: calc(100% + 200px);
  width: 40%;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 1200px) {
  .contact__form__map {
    height: calc(100% + 166px);
    width: 45%;
  }
}
@media screen and (max-width: 992px) {
  .contact__form__map {
    position: static;
    height: 400px;
    width: 100%;
    margin-top: 50px;
  }
}

/* | 1. contact end | */
/* | 2. blog article start | */
.blog-article-2__card {
  background-color: #f6f5f3;
  display: grid;
  grid-template-columns: 416px 1fr;
}
@media screen and (max-width: 1400px) {
  .blog-article-2__card {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .blog-article-2__card {
    grid-template-columns: 1fr;
  }
}

.blog-article-2__card__img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .blog-article-2__card__img img {
    height: 350px;
  }
}

.blog-article-2__card__info {
  padding: 60px 36px;
}
.blog-article-2__card__info li,
.blog-article-2__card__info h3,
.blog-article-2__card__info p {
  color: #0e0e0e;
}
.blog-article-2__card__info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 28px;
}
.blog-article-2__card__info ul li {
  font-family: "Poppins", sans-serif;
  position: relative;
}
.blog-article-2__card__info ul li::before {
  content: "";
  position: absolute;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background-color: #0e0e0e;
  right: -16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.blog-article-2__card__info ul li:last-child::before {
  display: none;
}
.blog-article-2__card__info h3 {
  font-size: 30px;
  padding-top: 8px;
  padding-bottom: 16px;
}
.blog-article-2__card__info p {
  padding-bottom: 36px;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 576px) {
  .blog-article-2__card__info {
    padding: 36px 20px;
  }
}

.blog-article-2__card__info--1 {
  background-color: #f6f5f3;
}

/* | 2. blog article start | */
/* | 1. cta article start | */
.cta {
  background-color: #88e64a;
}
.cta h1 {
  font-size: clamp(3.125rem, 2.5398rem + 2.6752vw, 5.75rem);
  line-height: clamp(3.75rem, 3.0533rem + 3.1847vw, 6.875rem);
  color: #0e0e0e;
}
@media screen and (max-width: 992px) {
  .cta h1 {
    padding-bottom: 40px;
  }
}

.cta__info p {
  font-family: "Poppins", sans-serif;
  padding-bottom: 40px;
  color: #0e0e0e;
}

/* | 1. cta article end | */
/* | 4. hero start | */
.hero-4 {
  padding-top: 210px;
  padding-bottom: 120px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .hero-4 {
    padding: 150px 0;
  }
}
@media screen and (max-width: 576px) {
  .hero-4 {
    padding: 120px 0;
  }
}

.hero-4__info {
  padding-bottom: 44px;
}
.hero-4__info h1 {
  font-size: clamp(2.75rem, 1.9697rem + 3.5669vw, 6.25rem);
  color: #0e0e0e;
  line-height: 1.2;
}

.hero-4__trusted p {
  font-family: "Poppins", sans-serif;
  padding-top: 40px;
  padding-bottom: 32px;
}

.hero-4__trusted__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  max-width: 320px;
}
.hero-4__trusted__info h6,
.hero-4__trusted__info h5 {
  color: #0e0e0e;
}
.hero-4__trusted__info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 20px;
}
.hero-4__trusted__info ul li {
  margin-left: -20px;
}
.hero-4__trusted__info ul li:last-child {
  height: 60px;
  width: 60px;
  background-color: #88e64a;
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 2px solid #0e0e0e;
}

.hero-4__img img {
  height: auto;
  width: 100%;
}

.nav--2 .nav__dropdown ul {
  -webkit-box-shadow: 0 8px 80px rgba(14, 14, 14, 0.2);
          box-shadow: 0 8px 80px rgba(14, 14, 14, 0.2);
}
@media screen and (max-width: 1200px) {
  .nav--2 {
    gap: 44px;
  }
}

/* | 4. hero end | */
/* | 2. latest client start | */
.latest__client-2__card {
  background-color: #f6f5f3;
  padding: 40px 28px;
  height: 360px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.latest__client-2__card::after {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-transform: translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
          transform: translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  background-color: #88e64a;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.684, 0.007, 0.076, 0.995), -webkit-clip-path 0.8s cubic-bezier(0.684, 0.007, 0.076, 0.995);
  transition: -webkit-transform 0.8s cubic-bezier(0.684, 0.007, 0.076, 0.995), -webkit-clip-path 0.8s cubic-bezier(0.684, 0.007, 0.076, 0.995);
  transition: transform 0.8s cubic-bezier(0.684, 0.007, 0.076, 0.995), clip-path 0.8s cubic-bezier(0.684, 0.007, 0.076, 0.995);
  transition: transform 0.8s cubic-bezier(0.684, 0.007, 0.076, 0.995), clip-path 0.8s cubic-bezier(0.684, 0.007, 0.076, 0.995), -webkit-transform 0.8s cubic-bezier(0.684, 0.007, 0.076, 0.995), -webkit-clip-path 0.8s cubic-bezier(0.684, 0.007, 0.076, 0.995);
}
.latest__client-2__card i {
  font-size: 60px;
  color: #0e0e0e;
  position: relative;
  z-index: 9;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.latest__client-2__card:hover i {
  font-size: 45px;
}
.latest__client-2__card:hover .latest__client-2__card-overlay {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.latest__client-2__card:hover .latest__client-2__card-overlay p {
  padding-top: 12px;
}
.latest__client-2__card:hover::after {
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
          transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}

.latest__client-2__card-overlay {
  padding-top: 34px;
  -webkit-transform: translateY(8rem);
          transform: translateY(8rem);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height: 100%;
  position: relative;
  z-index: 9;
}
.latest__client-2__card-overlay h4,
.latest__client-2__card-overlay p {
  color: #0e0e0e;
}
.latest__client-2__card-overlay p {
  font-family: "Poppins", sans-serif;
  padding-top: 50px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* | 2. latest client end | */
/* | 2. running start | */
.running-2 {
  background-color: #88e64a;
}
.running-2 .running__item h4 {
  color: #0e0e0e;
  font-weight: 900;
}

.project-2__slider .slick-list {
  margin: 0 -12px;
}

.project-2__slider-card {
  position: relative;
  overflow: hidden;
  margin: 0 12px;
}
.project-2__slider-card img {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.project-2__slider-card:hover .project-2__slide__info {
  visibility: visible;
  opacity: 1;
  bottom: 30px;
}

.project-2__slide__info {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #0e0e0e;
  z-index: 9;
  padding: 24px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.project-2__slide__info h3,
.project-2__slide__info p {
  color: #fff;
}
.project-2__slide__info h3 {
  padding-bottom: 8px;
}
.project-2__slide__info p {
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 576px) {
  .project-2__slide__info h3 {
    font-size: 26px;
  }
}

.arrow__btn-1 {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background-color: #0e0e0e;
  display: grid;
  place-items: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.arrow__btn-1:hover {
  background-color: #88e64a;
}
.arrow__btn-1:hover svg path {
  fill: #0e0e0e;
}

/* | 2. running end | */
/* | 2. award start | */
.award-2 {
  background-image: url(./../img/award/home-4/bg-img.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 800px;
}

.award-2__card {
  background-color: #88e64a;
  padding: 60px 40px;
  margin-bottom: -120px;
}
.award-2__card h2,
.award-2__card h3,
.award-2__card p,
.award-2__card li {
  color: #0e0e0e;
}
.award-2__card ul {
  padding-top: 18px;
  padding-bottom: 40px;
}
.award-2__card ul li {
  font-family: "Poppins", sans-serif;
}

.award-2__card-info {
  padding-top: 12px;
  padding-bottom: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
}
.award-2__card-info p {
  font-family: "Poppins", sans-serif;
}

.award-2__card-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}

.award-2__card-play {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: #0e0e0e;
  display: grid;
  place-items: center;
  position: relative;
  z-index: 9;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.award-2__card-play i {
  color: #fff;
  font-size: 18px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.award-2__card-play::after {
  content: "";
  position: absolute;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: rgba(10, 12, 0, 0.1);
  z-index: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
}
.award-2__card-play:hover {
  background-color: #fff;
}
.award-2__card-play:hover i {
  color: #88e64a;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
/* | 2. award end | */
/* | 3. team start | */
.team-3__card {
  position: relative;
  overflow: hidden;
}
.team-3__card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgb(10, 12, 0);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(10, 12, 0, 0)), to(rgb(10, 12, 0)));
  background: linear-gradient(0deg, rgba(10, 12, 0, 0) 0%, rgb(10, 12, 0) 100%);
  visibility: hidden;
  opacity: 0.3;
  z-index: 0;
  -webkit-transition: opacity 0.3s ease, background 0s;
  transition: opacity 0.3s ease, background 0s;
}
.team-3__card:hover .team-3__card-info {
  bottom: 0;
}
.team-3__card:hover::after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 12, 0, 0)), to(rgb(10, 12, 0)));
  background: linear-gradient(180deg, rgba(10, 12, 0, 0) 0%, rgb(10, 12, 0) 100%);
  visibility: visible;
  opacity: 0.8;
}
.team-3__card:hover .team-3__card-top {
  top: -116px;
}

.team-3__card-info {
  position: absolute;
  bottom: -154px;
  left: 0;
  right: 0;
  padding: 40px 36px;
  text-align: center;
  z-index: 9;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.team-3__card-info h3 {
  font-size: 30px;
}
.team-3__card-info h3,
.team-3__card-info p {
  color: #fff;
}
.team-3__card-info p {
  padding-top: 8px;
}

.team-3__card-top {
  position: absolute;
  z-index: 9;
  top: -116px;
  top: 0;
  left: 0;
  right: 0;
  padding: 40px 36px;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.team-3__card-top h3 {
  font-size: 30px;
  -webkit-text-stroke: 1px #fff;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 576px) {
  .team-3__card-top {
    padding: 20px;
  }
}

.team-3__card-img img {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* | 3. team end | */
/* | 1. intro start | */
.intro {
  position: relative;
  height: 700px;
}
.intro__bg img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.intro__play {
  height: 120px;
  width: 120px;
  border-radius: 50%;
  background-color: #88e64a;
  display: grid;
  place-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.intro__play svg path {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.intro__play:hover {
  background-color: #0e0e0e;
}
.intro__play:hover svg path {
  fill: #88e64a;
}
@media screen and (max-width: 768px) {
  .intro {
    height: 550px;
  }
  .intro__play {
    height: 100px;
    width: 100px;
  }
}
@media screen and (max-width: 576px) {
  .intro {
    height: 500px;
  }
  .intro__play {
    height: 80px;
    width: 80px;
  }
}

/* | 1. intro end | */
/* | 4. testimonial start | */
.testimonial-4__card-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media screen and (max-width: 576px) {
  .testimonial-4__card-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.testimonial-4__card-head__star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  background-color: #88e64a;
  padding: 10px 30px;
  border-radius: 100px;
}
.testimonial-4__card-head__star i,
.testimonial-4__card-head__star h4 {
  color: #0e0e0e;
}
.testimonial-4__card-head__star h4 {
  font-size: 20px;
}

.testimonial-4__card-head__review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  background-color: #f6f5f3;
  padding: 10px 30px;
  border-radius: 100px;
}
.testimonial-4__card-head__review h4 {
  font-size: 20px;
  color: #0e0e0e;
  position: relative;
}
.testimonial-4__card-head__review h4::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 2px;
  background-color: #0e0e0e;
  left: -20px;
  top: 0;
}

.testimonial-4__card-body {
  padding: 40px 0;
  border-bottom: 1px solid rgba(14, 14, 14, 0.3);
}
.testimonial-4__card-body p {
  font-family: "Poppins", sans-serif;
  color: #0e0e0e;
}

.testimonial-4__card-footer {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.testimonial-4__card-footer__info h4,
.testimonial-4__card-footer__info p {
  color: #0e0e0e;
}
.testimonial-4__card-footer__info h4 {
  padding-bottom: 6px;
}
.testimonial-4__card-footer__info p {
  font-family: "Poppins", sans-serif;
}

.testimonial-4__box {
  position: relative;
}

.testimonial-4__box-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff;
}
@media screen and (max-width: 576px) {
  .testimonial-4__box-arrow {
    display: none;
  }
}

.arrow__btn-2 {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background-color: #f6f5f3;
  display: grid;
  place-items: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.arrow__btn-2:hover {
  background-color: #88e64a;
}

/* | 4. testimonial end | */
/* | 3. faq start | */
.faq-3 {
  background-color: #f6f5f3;
}

.faq-3__box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(0.75rem, 0.5828rem + 0.7643vw, 1.5rem);
  padding-right: 10px;
  height: 100%;
}

.faq-3__img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.faq-3__img:nth-child(2) {
  grid-column-start: 1;
  grid-row-start: 2;
}
.faq-3__img:nth-child(3) {
  grid-row: span 2/span 2;
  grid-column-start: 2;
  grid-row-start: 1;
}

.faq__accordion--2 .accordion-item {
  background-color: #fff;
  border: initial;
}
.faq__accordion--2 .accordion-header:has(.accordion-button) {
  border-bottom: 1px solid rgba(14, 14, 14, 0.3);
}
.faq__accordion--2 .accordion-header:has(.accordion-button.collapsed) {
  border-bottom: initial;
}
.faq__accordion--2 .accordion-body {
  padding-top: 30px;
}

/* | 3. faq end | */
/* | 4. blog article start | */
.blog-article-4--1 .blog-article__card {
  height: 100%;
}
.blog-article-4--1 .blog-article__card__info ul li {
  color: #f6f5f3;
}
.blog-article-4--1 .blog-article__card__info h3 {
  color: #fff;
  padding-top: 8px;
  padding-bottom: 32px;
}
@media screen and (max-width: 576px) {
  .blog-article-4--1 .blog-article__card__info h3 {
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    padding-bottom: 20px;
  }
}

.blog-article-4__card {
  background-color: #f6f5f3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-bottom: 25px;
}
.blog-article-4__card:hover .blog-article-4__card-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
@media screen and (max-width: 576px) {
  .blog-article-4__card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.blog-article-4__card-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 24px 24px 24px 0;
}
.blog-article-4__card-info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 28px;
}
.blog-article-4__card-info ul li {
  font-family: "Poppins", sans-serif;
  position: relative;
}
.blog-article-4__card-info ul li::before {
  content: "";
  position: absolute;
  height: 4px;
  width: 4px;
  background-color: #0e0e0e;
  border-radius: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -14px;
}
.blog-article-4__card-info ul li:last-child::before {
  display: none;
}
.blog-article-4__card-info a:first-of-type {
  margin-top: 8px;
  margin-bottom: 28px;
  font-size: 24px;
  color: #0e0e0e;
  font-weight: 600;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 576px) {
  .blog-article-4__card-info {
    padding: 0 24px 30px 24px;
  }
}

.blog-article-4__card-img {
  overflow: hidden;
  -ms-flex-preferred-size: 220px;
      flex-basis: 220px;
}
.blog-article-4__card-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 576px) {
  .blog-article-4__card-img {
    width: 100%;
    height: 220px;
  }
}

/* | 4. blog article end | */
.dark-body {
  background-color: #0e0e0e;
}

/* | 5. hero start | */
.hero-2 {
  background-color: #1a1a19;
  padding-top: 100px;
}
@media screen and (max-width: 1200px) {
  .hero-2 {
    padding-top: 150px;
  }
}

.hero-2__info p,
.hero-2__info h1 {
  color: #fff;
}
.hero-2__info p {
  font-size: clamp(1.625rem, 1.4299rem + 0.8917vw, 2.5rem);
  font-family: "Poppins", sans-serif;
  padding-bottom: 10px;
  line-height: 1.2;
}
.hero-2__info h1 {
  padding-bottom: 44px;
}
@media screen and (max-width: 768px) {
  .hero-2__info {
    padding-top: 50px;
  }
}
@media screen and (max-width: 576px) {
  .hero-2__info {
    padding-top: 20px;
  }
}

.hero-2__img img {
  width: 100%;
  height: auto;
}

.hero-2__client-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 48px;
  padding-top: 54px;
}
.hero-2__client-info h3 {
  color: #fff;
}
.hero-2__client-info h3 span {
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  vertical-align: middle;
  padding-left: 8px;
}
.hero-2__client-info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  position: relative;
}
.hero-2__client-info ul::before {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -24px;
}
.hero-2__client-info ul li a {
  font-size: 24px;
  color: #fff;
}
.hero-2__client-info ul li a i {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.hero-2__client-info ul li a:hover i {
  color: #88e64a;
}
@media screen and (max-width: 576px) {
  .hero-2__client-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 20px;
  }
}

/* | 5. hero end | */
/* | 1. skills start | */
.skill__card {
  background-color: #1a1a19;
  padding: 40px 30px;
}

.skill__card-icon {
  background-color: #0e0e0e;
  height: 60px;
  width: 60px;
  padding: 10px;
  display: grid;
  place-items: center;
}
.skill__card-icon img {
  height: auto;
  width: 100%;
}

.skill__card-info {
  padding-top: 44px;
  padding-bottom: 54px;
}
.skill__card-info h4,
.skill__card-info p {
  color: #fff;
}
.skill__card-info p {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  padding-top: 12px;
}

.skill__card-progress-bar {
  height: 6px;
  background-color: rgba(136, 230, 74, 0.3);
  position: relative;
}
.skill__card-progress-bar::after {
  content: "";
  height: 100%;
  width: var(--progress, 0%);
  background-color: #88e64a;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: width 0.8s ease;
  transition: width 0.8s ease;
}
.skill__card-progress-bar::before {
  content: attr(data-progress) "%";
  color: #fff;
  font-size: 16px;
  position: absolute;
  top: -24px;
  left: calc(var(--progress, 0%) - 24px);
  -webkit-transition: left 0.8s ease;
  transition: left 0.8s ease;
}

/* | 1. skills end | */
/* | 1. intrduction start | */
.introduction {
  background-color: #1a1a19;
}

.introduction__img img {
  width: 100%;
  height: auto;
}

.introduction__info h2,
.introduction__info p {
  color: #fff;
}
.introduction__info > p {
  padding-top: 28px;
  padding-bottom: 40px;
  font-family: "Poppins", sans-serif;
}

.introduction__info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
  padding-bottom: 40px;
}
.introduction__info-list h4,
.introduction__info-list p {
  color: #fff;
}
.introduction__info-list h4 {
  font-size: 20px;
  padding-bottom: 4px;
}
.introduction__info-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 28px;
}
.introduction__info-list ul li h4 {
  font-size: 20px;
}
.introduction__info-list ul li p {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 576px) {
  .introduction__info-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
  }
  .introduction__info-list ul {
    gap: 30px;
  }
}

/* | 1. intrduction end | */
/* | 3. latest client start | */
.latest__client__card--1 {
  background-color: #1a1a19;
}
.latest__client__card--1 h4,
.latest__client__card--1 p,
.latest__client__card--1 i {
  color: #fff;
}
.latest__client__card--1 i {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.latest__client__card--1 h4 {
  padding-top: 50px;
  padding-bottom: 12px;
}
.latest__client__card--1 p {
  padding-bottom: 0;
}
.latest__client__card--1:hover i {
  color: #88e64a;
}

.latest__client-3__contact {
  position: relative;
}
.latest__client-3__contact a {
  position: absolute;
  top: 50px;
  right: 50px;
  font-size: 50px;
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.latest__client-3__contact a:hover {
  color: #88e64a;
}

.latest__client-3__contact-img,
.latest__client-3__contact {
  height: 100%;
}

.latest__client-3__contact-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.latest__client-3__contact-info {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 40px 36px;
}
.latest__client-3__contact-info p,
.latest__client-3__contact-info h3 {
  color: #fff;
}
.latest__client-3__contact-info h3 {
  font-size: clamp(1.5rem, 1.3328rem + 0.7643vw, 2.25rem);
}

/* | 3. latest client start | */
/* | 3. our project start */
.project--1 {
  background-color: #1a1a19;
}

.project__card--1 h3,
.project__card--1 p {
  color: #fff;
}
.project__card--1 h3 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: linear-gradient(#fff, #fff);
}

/* | 3. our project end */
/* | 5. testimonial start | */
.testimonial__card--1 {
  background-color: #1a1a19;
}
.testimonial__card--1 p,
.testimonial__card--1 h4 {
  color: #fff;
}

/* | 5. testimonial start | */
/* | 3. brandings start | */
.branding-3__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 106px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding: 64px 0;
}
@media screen and (max-width: 1400px) {
  .branding-3__box {
    gap: 60px;
    padding: 50px 0;
  }
}
@media screen and (max-width: 768px) {
  .branding-3__box {
    gap: 30px;
    padding: 30px 0;
  }
}

.branding-3__box-img {
  display: grid;
  place-items: center;
  padding: 0 45px;
}

/* | 3. brandings end | */
/* | 1. instagram start | */
.instagram {
  background-color: #1a1a19;
}

.instagram__box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 576px) {
  .instagram__box {
    grid-template-columns: repeat(2, 1fr);
  }
}

.instagram__card {
  position: relative;
}
.instagram__card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgb(10, 12, 0);
  background: linear-gradient(184deg, rgba(10, 12, 0, 0) 0%, rgb(10, 12, 0) 100%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.instagram__card:hover::after {
  visibility: visible;
  opacity: 1;
}
.instagram__card:hover .instagram__card-icon {
  visibility: visible;
  opacity: 1;
  scale: 1;
}
.instagram__card:hover .instagram__card-icon a {
  color: #88e64a;
  scale: 1;
}

.instagram__card-img img {
  width: 100%;
  height: auto;
}

.instagram__card-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 9;
}
.instagram__card-icon a {
  font-size: clamp(1.875rem, 1.457rem + 1.9108vw, 3.75rem);
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  scale: 0;
}

/* | 1. instagram end | */
/* | 1. breadcrumb start | */
.breadcrumb {
  background-color: #0e0e0e;
  padding-top: 240px;
  padding-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .breadcrumb {
    padding-top: 140px;
    padding-bottom: 100px;
  }
}

.breadcrumb__info {
  text-align: center;
}
.breadcrumb__info h2 {
  color: #fff;
  padding-bottom: 10px;
}
.breadcrumb__info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 36px;
}
.breadcrumb__info ul li {
  position: relative;
}
.breadcrumb__info ul li::after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  color: #fff;
  font-size: 12px;
  right: -21px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
}
.breadcrumb__info ul li a {
  font-size: 20px;
  color: #f6f5f3;
}
.breadcrumb__info ul li:first-child a {
  color: rgba(246, 245, 243, 0.5);
}
.breadcrumb__info ul li:last-child::after {
  display: none;
}

/* | 1. breadcrumb end | */
/* | 2. about start | */
.about-2 {
  background-color: #f6f5f3;
}

.about-2__img img {
  width: 100%;
  height: auto;
}

.about-2__info h2,
.about-2__info p {
  color: #0e0e0e;
}
.about-2__info p {
  font-family: "Poppins", sans-serif;
}
.about-2__info p:first-of-type {
  padding-top: 28px;
  padding-bottom: 14px;
}
.about-2__info p:last-of-type {
  padding-bottom: 44px;
}

.about-2__achievement {
  background-color: #fff;
  padding: 50px 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 576px) {
  .about-2__achievement {
    padding: 50px;
    gap: 20px;
    grid-template-columns: repeat(1, 1fr);
  }
}

.about-2__achievement__card {
  text-align: center;
}
.about-2__achievement__card h2,
.about-2__achievement__card p {
  color: #0e0e0e;
}
.about-2__achievement__card p {
  font-family: "Poppins", sans-serif;
}
.about-2__achievement__card h2 {
  font-size: clamp(2.5rem, 2.3607rem + 0.6369vw, 3.125rem);
}
.about-2__achievement__card:nth-of-type(2) {
  border-left: 1px solid #0e0e0e;
  border-right: 1px solid #0e0e0e;
}
@media screen and (max-width: 576px) {
  .about-2__achievement__card:nth-of-type(2) {
    border-left: none;
    border-right: none;
    border-top: 1px solid #0e0e0e;
    border-bottom: 1px solid #0e0e0e;
    padding: 20px 0;
  }
}

.about-2__bottom-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.about-2__bottom-img img {
  height: 100%;
  width: auto;
}
@media screen and (max-width: 768px) {
  .about-2__bottom-img {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .about-2__bottom-img img {
    width: 100%;
    height: auto;
  }
}

/* | 2. about end | */
/* | 1. service details start | */
.service__info h3,
.service__info h2,
.service__info p,
.service__info li {
  color: #0e0e0e;
}
.service__info p {
  font-family: "Poppins", sans-serif;
  padding-bottom: 24px;
}
.service__info p:last-of-type, .service__info p:nth-of-type(2) {
  padding-bottom: 0;
}
.service__info p:nth-of-type(3), .service__info p:nth-of-type(4) {
  padding-top: 20px;
}
.service__info h2 {
  padding-bottom: 28px;
}
.service__info h3 {
  padding-top: 54px;
}
.service__info .service__img {
  padding-top: 54px;
}
.service__info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.service__info ul li {
  font-family: "Poppins", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-weight: 500;
}

.service__contact {
  text-align: center;
  background-color: #f6f5f3;
  padding: 50px 46px;
}
.service__contact h3,
.service__contact li {
  color: #0e0e0e;
}
.service__contact h3 {
  padding-top: 30px;
  padding-bottom: 28px;
}
.service__contact ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  padding-bottom: 40px;
}
.service__contact ul li {
  font-family: "Poppins", sans-serif;
}

/* | 1. service details end | */
/* | 1. portfolio details start | */
.portfolio__hero {
  padding-bottom: 80px;
}

.portfolio__info h2,
.portfolio__info h3,
.portfolio__info p {
  color: #0e0e0e;
}
.portfolio__info p {
  font-family: "Poppins", sans-serif;
}
.portfolio__info p:first-of-type {
  padding-top: 28px;
  padding-bottom: 24px;
}
.portfolio__info h3 {
  padding-top: 44px;
  padding-bottom: 20px;
}

.portfolio__project__info {
  background-color: #f6f5f3;
  padding: 40px 30px;
}
.portfolio__project__info h4 {
  font-size: 28px;
  color: #0e0e0e;
  font-family: "Poppins", sans-serif;
}
.portfolio__project__info table {
  margin: 30px 0;
}
.portfolio__project__info table tr:first-of-type td {
  padding-top: 0;
}
.portfolio__project__info table tr:last-of-type td {
  padding-bottom: 0;
}
.portfolio__project__info table tr td {
  color: #0e0e0e;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  padding: 14px 0;
}
.portfolio__project__info table tr td:first-child {
  font-weight: 600;
  width: 114px;
}
.portfolio__project__info table tr td:nth-child(2) {
  width: 30px;
}
.portfolio__project__info table tr td:last-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* | 1. portfolio details end | */
/* | 1. team details start  */
.team-details__img img {
  height: auto;
  width: 100%;
}

.team-details__info h2,
.team-details__info h4,
.team-details__info p,
.team-details__info td {
  color: #0e0e0e;
}
.team-details__info p,
.team-details__info td,
.team-details__info h4 {
  font-family: "Poppins", sans-serif;
}
.team-details__info h4 {
  padding-top: 8px;
  padding-bottom: 24px;
}
.team-details__info table {
  margin-top: 28px;
  margin-bottom: 40px;
}
.team-details__info table tr td {
  padding: 8px 0;
}
.team-details__info table tr td:first-child {
  width: 120px;
  font-weight: 600;
}
.team-details__info table tr td:nth-child(2) {
  width: 20px;
}
.team-details__info table tr:first-child td {
  padding-top: 0;
}
.team-details__info table tr:last-child td {
  padding-bottom: 0;
}

/* | 1. team details end  */
/* | 4. blog article start |  */
.blog-standard__card:hover .blog-standard__card__img img {
  scale: 1.2;
}
.blog-standard__card a:first-of-type,
.blog-standard__card p,
.blog-standard__card li {
  color: #0e0e0e;
}
.blog-standard__card ul {
  padding-top: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 28px;
}
.blog-standard__card ul li {
  font-family: "Poppins", sans-serif;
  position: relative;
}
.blog-standard__card ul li::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #0e0e0e;
  border-radius: 50%;
  top: 50%;
  right: -18px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.blog-standard__card ul li:last-child::after {
  display: none;
}
.blog-standard__card p {
  font-family: "Poppins", sans-serif;
  padding-top: 20px;
  padding-bottom: 32px;
}
.blog-standard__card a:first-of-type {
  font-size: clamp(1.75rem, 1.4435rem + 1.4013vw, 3.125rem);
  line-height: 1.2;
  padding-top: 8px;
}

.blog-standard__card__img {
  overflow: hidden;
}
.blog-standard__card__img img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.blog-find__input {
  height: 64px;
  width: 100%;
  background-color: #f6f5f3;
  position: relative;
}
.blog-find__input input {
  height: 100%;
  width: 100%;
  border: none;
  background-color: #f6f5f3;
  padding-left: 30px;
  padding-right: 60px;
  font-family: "Poppins", sans-serif;
  color: #0e0e0e;
}
.blog-find__input input:focus {
  outline: none;
}
.blog-find__input::after {
  content: "\f002";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 30px;
  font-family: "Font Awesome 6 Free";
  font-weight: 700;
}

.blog-category h4 {
  color: #0e0e0e;
  padding-bottom: 30px;
}
.blog-category ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 16px;
  font-family: "Poppins", sans-serif;
}
.blog-category ul li a {
  color: #0e0e0e;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.blog-category ul li a:hover {
  color: #88e64a;
}
.blog-category ul li:last-child {
  padding-bottom: 0;
}

.blog-recent {
  padding-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.blog-category,
.blog-tag,
.blog-recent__box {
  background-color: #f6f5f3;
  padding: 40px 30px;
}

.blog-recent__info a {
  font-size: 20px;
  color: #0e0e0e;
  padding-bottom: 8px;
}
.blog-recent__info p {
  font-size: 16px;
  color: #0e0e0e;
  font-family: "Poppins", sans-serif;
}

.blog-tag h4 {
  color: #0e0e0e;
  padding-bottom: 30px;
}
.blog-tag ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 10px;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.blog-tag ul li a {
  color: #0e0e0e;
  font-family: "Poppins", sans-serif;
  border-right: 1px solid #0e0e0e;
  padding-right: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.blog-tag ul li a:hover {
  color: #88e64a;
}
.blog-tag ul li:last-child a {
  border-right: none;
  padding-right: 0;
}

.pagination ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
}
.pagination ul li a {
  height: 60px;
  width: 60px;
  background-color: #0e0e0e;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.pagination ul li a:hover {
  background-color: #88e64a;
  color: #0e0e0e;
}
.pagination ul li:last-child a {
  background-color: #88e64a;
}

/* | 4. blog article end |  */
/* | 1. blog details start | */
.blog-details__info li,
.blog-details__info h2,
.blog-details__info blockquote,
.blog-details__info p {
  color: #0e0e0e;
}
.blog-details__info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 28px;
  padding-top: 28px;
  padding-bottom: 8px;
}
.blog-details__info ul li {
  font-family: "Poppins", sans-serif;
  position: relative;
}
.blog-details__info ul li::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #0e0e0e;
  border-radius: 50%;
  top: 50%;
  right: -18px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.blog-details__info ul li:last-child::after {
  display: none;
}
.blog-details__info h2 {
  font-size: clamp(2.1875rem, 1.9785rem + 0.9554vw, 3.125rem);
  line-height: 1.2;
  padding-bottom: 28px;
}
.blog-details__info blockquote,
.blog-details__info p {
  font-family: "Poppins", sans-serif;
}
.blog-details__info p:first-of-type {
  padding-bottom: 24px;
}
.blog-details__info p:nth-of-type(2) {
  padding-bottom: 40px;
}
.blog-details__info p:last-of-type {
  padding-top: 40px;
}
@media screen and (max-width: 576px) {
  .blog-details__info ul li {
    font-size: 14px;
  }
}

.blog-details__quote {
  background-color: #88e64a;
  padding: 40px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 576px) {
  .blog-details__quote {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.blog-details__option-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.blog-details__option-tag h2 {
  color: #0e0e0e;
}
.blog-details__option-tag ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blog-details__option-tag ul li a {
  padding: 0 12px;
  font-family: "Poppins", sans-serif;
  color: #0e0e0e;
  font-weight: 400;
  border-right: 1px solid #0e0e0e;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.blog-details__option-tag ul li a:hover {
  color: #88e64a;
}
.blog-details__option-tag ul li:first-child a {
  padding-left: 0;
}
.blog-details__option-tag ul li:last-child a {
  border-right: none;
  padding-right: 0;
}

.blog-details__option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px 0;
  border-bottom: 1px solid #0e0e0e;
}
@media screen and (max-width: 768px) {
  .blog-details__option {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 20px;
  }
}

.blog-details__option-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.blog-details__option-share h2 {
  color: #0e0e0e;
}
.blog-details__option-share ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.blog-details__option-share ul li a {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background-color: #88e64a;
  color: #0e0e0e;
  display: grid;
  place-items: center;
  font-size: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.blog-details__option-share ul li a:hover {
  background-color: #0e0e0e;
  color: #fff;
}

.pagination-2 {
  padding-top: 20px;
}
.pagination-2 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pagination-2 ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #0e0e0e;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.pagination-2 ul li a:hover {
  color: #88e64a;
}

.blog-details__cmt {
  padding-top: 100px;
}
.blog-details__cmt h3 {
  padding-bottom: 40px;
  color: #0e0e0e;
}

.blog-details__cmt-info {
  background-color: #f6f5f3;
  padding: 40px 30px;
}
.blog-details__cmt-info p,
.blog-details__cmt-info h2,
.blog-details__cmt-info h4 {
  color: #0e0e0e;
}
.blog-details__cmt-info p {
  font-family: "Poppins", sans-serif;
}

.blog-details__cmt-box {
  padding-top: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 576px) {
  .blog-details__cmt-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.blog-details__cmt-bio p {
  font-size: 16px;
  padding-top: 8px;
}

.blog-details__cmt-form {
  padding-top: 100px;
}
.blog-details__cmt-form p,
.blog-details__cmt-form h3 {
  color: #0e0e0e;
}
.blog-details__cmt-form h3 {
  padding-bottom: 12px;
}
.blog-details__cmt-form p {
  font-family: "Poppins", sans-serif;
  padding-bottom: 32px;
}

/* | 1. blog details end | */
/* | 1. 404 page start |*/
.not-found__info {
  text-align: center;
}
.not-found__info h3,
.not-found__info p {
  color: #0e0e0e;
}
.not-found__info h3 {
  padding-top: 20px;
  padding-bottom: 14px;
}
.not-found__info p {
  font-family: "Poppins", sans-serif;
  padding-bottom: 34px;
}

/* | 1. 404 page end |*/
/* 2. faq start */
.faq__accordion--1 .accordion-item {
  border: none;
  border-bottom: 2px solid #0e0e0e;
  margin-bottom: 0;
}
.faq__accordion--1 .accordion-item:first-of-type {
  border-top: 2px solid #0e0e0e;
}
.faq__accordion--1 .accordion-button {
  padding: 28px 0;
}
.faq__accordion--1 .accordion-body {
  padding: 0 30px 30px 0;
}

.faq-2__contact {
  background-color: #f6f5f3;
  padding: 40px 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 100px;
}
@media screen and (max-width: 576px) {
  .faq-2__contact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 50px;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
}

.faq-2__contact-left h4,
.faq-2__contact-left p {
  color: #0e0e0e;
}
.faq-2__contact-left p {
  font-family: "Poppins", sans-serif;
  padding-top: 14px;
  padding-bottom: 32px;
}

/* 2. faq end */
/* | 1. contact start | */
.contact-2__info {
  padding-bottom: 40px;
}
.contact-2__info p,
.contact-2__info h2 {
  color: #0e0e0e;
}
.contact-2__info h2 {
  padding-bottom: 28px;
}
.contact-2__info p {
  font-family: "Poppins", sans-serif;
}

.contact-2__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}

.contact-2__social-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
@media screen and (max-width: 576px) {
  .contact-2__social-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.contact-2__social-icon {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  background-color: #88e64a;
  display: grid;
  place-items: center;
}
@media screen and (max-width: 576px) {
  .contact-2__social-icon {
    height: 60px;
    width: 60px;
  }
  .contact-2__social-icon img {
    height: 25px;
    width: 25px;
  }
}

.contact-2__social-info h4,
.contact-2__social-info p {
  color: #0e0e0e;
}
.contact-2__social-info h4 {
  padding-bottom: 8px;
}
.contact-2__social-info p {
  font-family: "Poppins", sans-serif;
}

.contact-2__form {
  background-color: #f6f5f3;
  padding: 50px 36px;
}
.contact-2__form h3,
.contact-2__form p {
  color: #0e0e0e;
}
.contact-2__form h3 {
  padding-bottom: 16px;
}
.contact-2__form p {
  font-family: "Poppins", sans-serif;
  padding-bottom: 28px;
}

/* | 1. contact end | */
/* | 2. map start | */
.contact__form__map-2 {
  height: 700px;
}
@media screen and (max-width: 992px) {
  .contact__form__map-2 {
    height: 500px;
  }
}

/* | 2. map end | */
/* | left to right anim start | */
.left-to-right__anim.wow.animated {
  -webkit-animation: leftToRight 1s ease-in-out;
          animation: leftToRight 1s ease-in-out;
}

@-webkit-keyframes leftToRight {
  0% {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

@keyframes leftToRight {
  0% {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.right-to-left__anim.wow.animated {
  -webkit-animation: rightToLeft 1s ease-in-out;
          animation: rightToLeft 1s ease-in-out;
}

@-webkit-keyframes rightToLeft {
  0% {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

@keyframes rightToLeft {
  0% {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.top-to-bottom__anim.wow.animated {
  -webkit-animation: topToBottom 1s ease-in-out;
          animation: topToBottom 1s ease-in-out;
}

@-webkit-keyframes topToBottom {
  0% {
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

@keyframes topToBottom {
  0% {
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.bottom-to-top__anim.wow.animated {
  -webkit-animation: bottomToTop 1s ease-in-out;
          animation: bottomToTop 1s ease-in-out;
}

@-webkit-keyframes bottomToTop {
  0% {
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

@keyframes bottomToTop {
  0% {
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
/* | left to right anim end | *//*# sourceMappingURL=main.css.map */