@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Poppins:wght@200;300;400;500;600;700;800;900&family=Roboto:wght@300;400;500;700;900&display=swap');
.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.py-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.px-24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

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

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

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

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

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

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

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

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

.py-28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.px-28 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.py-120 {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.px-120 {
  padding-left: 120px !important;
  padding-right: 120px !important;
}

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

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

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

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

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

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

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

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

@media (max-width: 1199px) {

  .xl\:py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .xl\:px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

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

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

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

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

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

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

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

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

  .xl\:py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .xl\:px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .xl\:pt-15 {
    padding-top: 15px !important;
  }

  .xl\:pb-15 {
    padding-bottom: 15px !important;
  }

  .xl\:pl-15 {
    padding-left: 15px !important;
  }

  .xl\:pr-15 {
    padding-right: 15px !important;
  }

  .xl\:mt-15 {
    margin-top: 15px !important;
  }

  .xl\:mb-15 {
    margin-bottom: 15px !important;
  }

  .xl\:ml-15 {
    margin-left: 15px !important;
  }

  .xl\:mr-15 {
    margin-right: 15px !important;
  }

  .xl\:py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .xl\:px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

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

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

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

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

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

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

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

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

  .xl\:py-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .xl\:px-24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .xl\:pt-24 {
    padding-top: 24px !important;
  }

  .xl\:pb-24 {
    padding-bottom: 24px !important;
  }

  .xl\:pl-24 {
    padding-left: 24px !important;
  }

  .xl\:pr-24 {
    padding-right: 24px !important;
  }

  .xl\:mt-24 {
    margin-top: 24px !important;
  }

  .xl\:mb-24 {
    margin-bottom: 24px !important;
  }

  .xl\:ml-24 {
    margin-left: 24px !important;
  }

  .xl\:mr-24 {
    margin-right: 24px !important;
  }

  .xl\:py-28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  .xl\:px-28 {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  .xl\:pt-28 {
    padding-top: 28px !important;
  }

  .xl\:pb-28 {
    padding-bottom: 28px !important;
  }

  .xl\:pl-28 {
    padding-left: 28px !important;
  }

  .xl\:pr-28 {
    padding-right: 28px !important;
  }

  .xl\:mt-28 {
    margin-top: 28px !important;
  }

  .xl\:mb-28 {
    margin-bottom: 28px !important;
  }

  .xl\:ml-28 {
    margin-left: 28px !important;
  }

  .xl\:mr-28 {
    margin-right: 28px !important;
  }

  .xl\:py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .xl\:px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

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

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

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

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

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

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

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

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

  .xl\:py-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .xl\:px-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }

  .xl\:pt-35 {
    padding-top: 35px !important;
  }

  .xl\:pb-35 {
    padding-bottom: 35px !important;
  }

  .xl\:pl-35 {
    padding-left: 35px !important;
  }

  .xl\:pr-35 {
    padding-right: 35px !important;
  }

  .xl\:mt-35 {
    margin-top: 35px !important;
  }

  .xl\:mb-35 {
    margin-bottom: 35px !important;
  }

  .xl\:ml-35 {
    margin-left: 35px !important;
  }

  .xl\:mr-35 {
    margin-right: 35px !important;
  }

  .xl\:py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .xl\:px-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

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

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

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

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

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

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

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

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

  .xl\:py-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .xl\:px-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }

  .xl\:pt-45 {
    padding-top: 45px !important;
  }

  .xl\:pb-45 {
    padding-bottom: 45px !important;
  }

  .xl\:pl-45 {
    padding-left: 45px !important;
  }

  .xl\:pr-45 {
    padding-right: 45px !important;
  }

  .xl\:mt-45 {
    margin-top: 45px !important;
  }

  .xl\:mb-45 {
    margin-bottom: 45px !important;
  }

  .xl\:ml-45 {
    margin-left: 45px !important;
  }

  .xl\:mr-45 {
    margin-right: 45px !important;
  }

  .xl\:py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .xl\:px-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

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

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

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

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

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

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

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

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

  .xl\:py-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .xl\:px-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .xl\:pt-60 {
    padding-top: 60px !important;
  }

  .xl\:pb-60 {
    padding-bottom: 60px !important;
  }

  .xl\:pl-60 {
    padding-left: 60px !important;
  }

  .xl\:pr-60 {
    padding-right: 60px !important;
  }

  .xl\:mt-60 {
    margin-top: 60px !important;
  }

  .xl\:mb-60 {
    margin-bottom: 60px !important;
  }

  .xl\:ml-60 {
    margin-left: 60px !important;
  }

  .xl\:mr-60 {
    margin-right: 60px !important;
  }

  .xl\:py-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .xl\:px-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .xl\:pt-70 {
    padding-top: 70px !important;
  }

  .xl\:pb-70 {
    padding-bottom: 70px !important;
  }

  .xl\:pl-70 {
    padding-left: 70px !important;
  }

  .xl\:pr-70 {
    padding-right: 70px !important;
  }

  .xl\:mt-70 {
    margin-top: 70px !important;
  }

  .xl\:mb-70 {
    margin-bottom: 70px !important;
  }

  .xl\:ml-70 {
    margin-left: 70px !important;
  }

  .xl\:mr-70 {
    margin-right: 70px !important;
  }

  .xl\:py-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .xl\:px-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .xl\:pt-80 {
    padding-top: 80px !important;
  }

  .xl\:pb-80 {
    padding-bottom: 80px !important;
  }

  .xl\:pl-80 {
    padding-left: 80px !important;
  }

  .xl\:pr-80 {
    padding-right: 80px !important;
  }

  .xl\:mt-80 {
    margin-top: 80px !important;
  }

  .xl\:mb-80 {
    margin-bottom: 80px !important;
  }

  .xl\:ml-80 {
    margin-left: 80px !important;
  }

  .xl\:mr-80 {
    margin-right: 80px !important;
  }

  .xl\:py-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .xl\:px-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .xl\:pt-90 {
    padding-top: 90px !important;
  }

  .xl\:pb-90 {
    padding-bottom: 90px !important;
  }

  .xl\:pl-90 {
    padding-left: 90px !important;
  }

  .xl\:pr-90 {
    padding-right: 90px !important;
  }

  .xl\:mt-90 {
    margin-top: 90px !important;
  }

  .xl\:mb-90 {
    margin-bottom: 90px !important;
  }

  .xl\:ml-90 {
    margin-left: 90px !important;
  }

  .xl\:mr-90 {
    margin-right: 90px !important;
  }

  .xl\:py-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .xl\:px-120 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }

  .xl\:pt-120 {
    padding-top: 120px !important;
  }

  .xl\:pb-120 {
    padding-bottom: 120px !important;
  }

  .xl\:pl-120 {
    padding-left: 120px !important;
  }

  .xl\:pr-120 {
    padding-right: 120px !important;
  }

  .xl\:mt-120 {
    margin-top: 120px !important;
  }

  .xl\:mb-120 {
    margin-bottom: 120px !important;
  }

  .xl\:ml-120 {
    margin-left: 120px !important;
  }

  .xl\:mr-120 {
    margin-right: 120px !important;
  }
}

@media (max-width: 991px) {

  .lg\:py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .lg\:px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

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

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

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

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

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

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

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

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

  .lg\:py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .lg\:px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .lg\:pt-15 {
    padding-top: 15px !important;
  }

  .lg\:pb-15 {
    padding-bottom: 15px !important;
  }

  .lg\:pl-15 {
    padding-left: 15px !important;
  }

  .lg\:pr-15 {
    padding-right: 15px !important;
  }

  .lg\:mt-15 {
    margin-top: 15px !important;
  }

  .lg\:mb-15 {
    margin-bottom: 15px !important;
  }

  .lg\:ml-15 {
    margin-left: 15px !important;
  }

  .lg\:mr-15 {
    margin-right: 15px !important;
  }

  .lg\:py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .lg\:px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

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

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

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

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

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

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

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

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

  .lg\:py-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .lg\:px-24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .lg\:pt-24 {
    padding-top: 24px !important;
  }

  .lg\:pb-24 {
    padding-bottom: 24px !important;
  }

  .lg\:pl-24 {
    padding-left: 24px !important;
  }

  .lg\:pr-24 {
    padding-right: 24px !important;
  }

  .lg\:mt-24 {
    margin-top: 24px !important;
  }

  .lg\:mb-24 {
    margin-bottom: 24px !important;
  }

  .lg\:ml-24 {
    margin-left: 24px !important;
  }

  .lg\:mr-24 {
    margin-right: 24px !important;
  }

  .lg\:py-28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  .lg\:px-28 {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  .lg\:pt-28 {
    padding-top: 28px !important;
  }

  .lg\:pb-28 {
    padding-bottom: 28px !important;
  }

  .lg\:pl-28 {
    padding-left: 28px !important;
  }

  .lg\:pr-28 {
    padding-right: 28px !important;
  }

  .lg\:mt-28 {
    margin-top: 28px !important;
  }

  .lg\:mb-28 {
    margin-bottom: 28px !important;
  }

  .lg\:ml-28 {
    margin-left: 28px !important;
  }

  .lg\:mr-28 {
    margin-right: 28px !important;
  }

  .lg\:py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .lg\:px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

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

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

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

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

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

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

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

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

  .lg\:py-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .lg\:px-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }

  .lg\:pt-35 {
    padding-top: 35px !important;
  }

  .lg\:pb-35 {
    padding-bottom: 35px !important;
  }

  .lg\:pl-35 {
    padding-left: 35px !important;
  }

  .lg\:pr-35 {
    padding-right: 35px !important;
  }

  .lg\:mt-35 {
    margin-top: 35px !important;
  }

  .lg\:mb-35 {
    margin-bottom: 35px !important;
  }

  .lg\:ml-35 {
    margin-left: 35px !important;
  }

  .lg\:mr-35 {
    margin-right: 35px !important;
  }

  .lg\:py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .lg\:px-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

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

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

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

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

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

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

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

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

  .lg\:py-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .lg\:px-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }

  .lg\:pt-45 {
    padding-top: 45px !important;
  }

  .lg\:pb-45 {
    padding-bottom: 45px !important;
  }

  .lg\:pl-45 {
    padding-left: 45px !important;
  }

  .lg\:pr-45 {
    padding-right: 45px !important;
  }

  .lg\:mt-45 {
    margin-top: 45px !important;
  }

  .lg\:mb-45 {
    margin-bottom: 45px !important;
  }

  .lg\:ml-45 {
    margin-left: 45px !important;
  }

  .lg\:mr-45 {
    margin-right: 45px !important;
  }

  .lg\:py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .lg\:px-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

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

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

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

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

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

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

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

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

  .lg\:py-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .lg\:px-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .lg\:pt-60 {
    padding-top: 60px !important;
  }

  .lg\:pb-60 {
    padding-bottom: 60px !important;
  }

  .lg\:pl-60 {
    padding-left: 60px !important;
  }

  .lg\:pr-60 {
    padding-right: 60px !important;
  }

  .lg\:mt-60 {
    margin-top: 60px !important;
  }

  .lg\:mb-60 {
    margin-bottom: 60px !important;
  }

  .lg\:ml-60 {
    margin-left: 60px !important;
  }

  .lg\:mr-60 {
    margin-right: 60px !important;
  }

  .lg\:py-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .lg\:px-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .lg\:pt-70 {
    padding-top: 70px !important;
  }

  .lg\:pb-70 {
    padding-bottom: 70px !important;
  }

  .lg\:pl-70 {
    padding-left: 70px !important;
  }

  .lg\:pr-70 {
    padding-right: 70px !important;
  }

  .lg\:mt-70 {
    margin-top: 70px !important;
  }

  .lg\:mb-70 {
    margin-bottom: 70px !important;
  }

  .lg\:ml-70 {
    margin-left: 70px !important;
  }

  .lg\:mr-70 {
    margin-right: 70px !important;
  }

  .lg\:py-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .lg\:px-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .lg\:pt-80 {
    padding-top: 80px !important;
  }

  .lg\:pb-80 {
    padding-bottom: 80px !important;
  }

  .lg\:pl-80 {
    padding-left: 80px !important;
  }

  .lg\:pr-80 {
    padding-right: 80px !important;
  }

  .lg\:mt-80 {
    margin-top: 80px !important;
  }

  .lg\:mb-80 {
    margin-bottom: 80px !important;
  }

  .lg\:ml-80 {
    margin-left: 80px !important;
  }

  .lg\:mr-80 {
    margin-right: 80px !important;
  }

  .lg\:py-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .lg\:px-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .lg\:pt-90 {
    padding-top: 90px !important;
  }

  .lg\:pb-90 {
    padding-bottom: 90px !important;
  }

  .lg\:pl-90 {
    padding-left: 90px !important;
  }

  .lg\:pr-90 {
    padding-right: 90px !important;
  }

  .lg\:mt-90 {
    margin-top: 90px !important;
  }

  .lg\:mb-90 {
    margin-bottom: 90px !important;
  }

  .lg\:ml-90 {
    margin-left: 90px !important;
  }

  .lg\:mr-90 {
    margin-right: 90px !important;
  }

  .lg\:py-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .lg\:px-120 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }

  .lg\:pt-120 {
    padding-top: 120px !important;
  }

  .lg\:pb-120 {
    padding-bottom: 120px !important;
  }

  .lg\:pl-120 {
    padding-left: 120px !important;
  }

  .lg\:pr-120 {
    padding-right: 120px !important;
  }

  .lg\:mt-120 {
    margin-top: 120px !important;
  }

  .lg\:mb-120 {
    margin-bottom: 120px !important;
  }

  .lg\:ml-120 {
    margin-left: 120px !important;
  }

  .lg\:mr-120 {
    margin-right: 120px !important;
  }
}

@media (max-width: 767px) {

  .md\:py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .md\:px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

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

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

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

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

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

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

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

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

  .md\:py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .md\:px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .md\:pt-15 {
    padding-top: 15px !important;
  }

  .md\:pb-15 {
    padding-bottom: 15px !important;
  }

  .md\:pl-15 {
    padding-left: 15px !important;
  }

  .md\:pr-15 {
    padding-right: 15px !important;
  }

  .md\:mt-15 {
    margin-top: 15px !important;
  }

  .md\:mb-15 {
    margin-bottom: 15px !important;
  }

  .md\:ml-15 {
    margin-left: 15px !important;
  }

  .md\:mr-15 {
    margin-right: 15px !important;
  }

  .md\:py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .md\:px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

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

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

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

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

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

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

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

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

  .md\:py-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .md\:px-24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .md\:pt-24 {
    padding-top: 24px !important;
  }

  .md\:pb-24 {
    padding-bottom: 24px !important;
  }

  .md\:pl-24 {
    padding-left: 24px !important;
  }

  .md\:pr-24 {
    padding-right: 24px !important;
  }

  .md\:mt-24 {
    margin-top: 24px !important;
  }

  .md\:mb-24 {
    margin-bottom: 24px !important;
  }

  .md\:ml-24 {
    margin-left: 24px !important;
  }

  .md\:mr-24 {
    margin-right: 24px !important;
  }

  .md\:py-28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  .md\:px-28 {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  .md\:pt-28 {
    padding-top: 28px !important;
  }

  .md\:pb-28 {
    padding-bottom: 28px !important;
  }

  .md\:pl-28 {
    padding-left: 28px !important;
  }

  .md\:pr-28 {
    padding-right: 28px !important;
  }

  .md\:mt-28 {
    margin-top: 28px !important;
  }

  .md\:mb-28 {
    margin-bottom: 28px !important;
  }

  .md\:ml-28 {
    margin-left: 28px !important;
  }

  .md\:mr-28 {
    margin-right: 28px !important;
  }

  .md\:py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .md\:px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

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

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

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

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

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

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

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

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

  .md\:py-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .md\:px-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }

  .md\:pt-35 {
    padding-top: 35px !important;
  }

  .md\:pb-35 {
    padding-bottom: 35px !important;
  }

  .md\:pl-35 {
    padding-left: 35px !important;
  }

  .md\:pr-35 {
    padding-right: 35px !important;
  }

  .md\:mt-35 {
    margin-top: 35px !important;
  }

  .md\:mb-35 {
    margin-bottom: 35px !important;
  }

  .md\:ml-35 {
    margin-left: 35px !important;
  }

  .md\:mr-35 {
    margin-right: 35px !important;
  }

  .md\:py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .md\:px-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

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

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

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

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

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

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

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

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

  .md\:py-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .md\:px-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }

  .md\:pt-45 {
    padding-top: 45px !important;
  }

  .md\:pb-45 {
    padding-bottom: 45px !important;
  }

  .md\:pl-45 {
    padding-left: 45px !important;
  }

  .md\:pr-45 {
    padding-right: 45px !important;
  }

  .md\:mt-45 {
    margin-top: 45px !important;
  }

  .md\:mb-45 {
    margin-bottom: 45px !important;
  }

  .md\:ml-45 {
    margin-left: 45px !important;
  }

  .md\:mr-45 {
    margin-right: 45px !important;
  }

  .md\:py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .md\:px-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

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

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

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

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

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

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

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

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

  .md\:py-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .md\:px-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .md\:pt-60 {
    padding-top: 60px !important;
  }

  .md\:pb-60 {
    padding-bottom: 60px !important;
  }

  .md\:pl-60 {
    padding-left: 60px !important;
  }

  .md\:pr-60 {
    padding-right: 60px !important;
  }

  .md\:mt-60 {
    margin-top: 60px !important;
  }

  .md\:mb-60 {
    margin-bottom: 60px !important;
  }

  .md\:ml-60 {
    margin-left: 60px !important;
  }

  .md\:mr-60 {
    margin-right: 60px !important;
  }

  .md\:py-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .md\:px-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .md\:pt-70 {
    padding-top: 70px !important;
  }

  .md\:pb-70 {
    padding-bottom: 70px !important;
  }

  .md\:pl-70 {
    padding-left: 70px !important;
  }

  .md\:pr-70 {
    padding-right: 70px !important;
  }

  .md\:mt-70 {
    margin-top: 70px !important;
  }

  .md\:mb-70 {
    margin-bottom: 70px !important;
  }

  .md\:ml-70 {
    margin-left: 70px !important;
  }

  .md\:mr-70 {
    margin-right: 70px !important;
  }

  .md\:py-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .md\:px-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .md\:pt-80 {
    padding-top: 80px !important;
  }

  .md\:pb-80 {
    padding-bottom: 80px !important;
  }

  .md\:pl-80 {
    padding-left: 80px !important;
  }

  .md\:pr-80 {
    padding-right: 80px !important;
  }

  .md\:mt-80 {
    margin-top: 80px !important;
  }

  .md\:mb-80 {
    margin-bottom: 80px !important;
  }

  .md\:ml-80 {
    margin-left: 80px !important;
  }

  .md\:mr-80 {
    margin-right: 80px !important;
  }

  .md\:py-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .md\:px-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .md\:pt-90 {
    padding-top: 90px !important;
  }

  .md\:pb-90 {
    padding-bottom: 90px !important;
  }

  .md\:pl-90 {
    padding-left: 90px !important;
  }

  .md\:pr-90 {
    padding-right: 90px !important;
  }

  .md\:mt-90 {
    margin-top: 90px !important;
  }

  .md\:mb-90 {
    margin-bottom: 90px !important;
  }

  .md\:ml-90 {
    margin-left: 90px !important;
  }

  .md\:mr-90 {
    margin-right: 90px !important;
  }

  .md\:py-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .md\:px-120 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }

  .md\:pt-120 {
    padding-top: 120px !important;
  }

  .md\:pb-120 {
    padding-bottom: 120px !important;
  }

  .md\:pl-120 {
    padding-left: 120px !important;
  }

  .md\:pr-120 {
    padding-right: 120px !important;
  }

  .md\:mt-120 {
    margin-top: 120px !important;
  }

  .md\:mb-120 {
    margin-bottom: 120px !important;
  }

  .md\:ml-120 {
    margin-left: 120px !important;
  }

  .md\:mr-120 {
    margin-right: 120px !important;
  }
}

@media (max-width: 575px) {
  .sm\:py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .sm\:px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

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

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

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

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

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

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

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

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

  .sm\:py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .sm\:px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .sm\:pt-15 {
    padding-top: 15px !important;
  }

  .sm\:pb-15 {
    padding-bottom: 15px !important;
  }

  .sm\:pl-15 {
    padding-left: 15px !important;
  }

  .sm\:pr-15 {
    padding-right: 15px !important;
  }

  .sm\:mt-15 {
    margin-top: 15px !important;
  }

  .sm\:mb-15 {
    margin-bottom: 15px !important;
  }

  .sm\:ml-15 {
    margin-left: 15px !important;
  }

  .sm\:mr-15 {
    margin-right: 15px !important;
  }

  .sm\:py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .sm\:px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

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

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

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

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

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

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

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

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

  .sm\:py-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .sm\:px-24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .sm\:pt-24 {
    padding-top: 24px !important;
  }

  .sm\:pb-24 {
    padding-bottom: 24px !important;
  }

  .sm\:pl-24 {
    padding-left: 24px !important;
  }

  .sm\:pr-24 {
    padding-right: 24px !important;
  }

  .sm\:mt-24 {
    margin-top: 24px !important;
  }

  .sm\:mb-24 {
    margin-bottom: 24px !important;
  }

  .sm\:ml-24 {
    margin-left: 24px !important;
  }

  .sm\:mr-24 {
    margin-right: 24px !important;
  }

  .sm\:py-28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  .sm\:px-28 {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  .sm\:pt-28 {
    padding-top: 28px !important;
  }

  .sm\:pb-28 {
    padding-bottom: 28px !important;
  }

  .sm\:pl-28 {
    padding-left: 28px !important;
  }

  .sm\:pr-28 {
    padding-right: 28px !important;
  }

  .sm\:mt-28 {
    margin-top: 28px !important;
  }

  .sm\:mb-28 {
    margin-bottom: 28px !important;
  }

  .sm\:ml-28 {
    margin-left: 28px !important;
  }

  .sm\:mr-28 {
    margin-right: 28px !important;
  }

  .sm\:py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .sm\:px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

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

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

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

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

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

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

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

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

  .sm\:py-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .sm\:px-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }

  .sm\:pt-35 {
    padding-top: 35px !important;
  }

  .sm\:pb-35 {
    padding-bottom: 35px !important;
  }

  .sm\:pl-35 {
    padding-left: 35px !important;
  }

  .sm\:pr-35 {
    padding-right: 35px !important;
  }

  .sm\:mt-35 {
    margin-top: 35px !important;
  }

  .sm\:mb-35 {
    margin-bottom: 35px !important;
  }

  .sm\:ml-35 {
    margin-left: 35px !important;
  }

  .sm\:mr-35 {
    margin-right: 35px !important;
  }

  .sm\:py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .sm\:px-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

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

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

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

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

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

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

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

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

  .sm\:py-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .sm\:px-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }

  .sm\:pt-45 {
    padding-top: 45px !important;
  }

  .sm\:pb-45 {
    padding-bottom: 45px !important;
  }

  .sm\:pl-45 {
    padding-left: 45px !important;
  }

  .sm\:pr-45 {
    padding-right: 45px !important;
  }

  .sm\:mt-45 {
    margin-top: 45px !important;
  }

  .sm\:mb-45 {
    margin-bottom: 45px !important;
  }

  .sm\:ml-45 {
    margin-left: 45px !important;
  }

  .sm\:mr-45 {
    margin-right: 45px !important;
  }

  .sm\:py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .sm\:px-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

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

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

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

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

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

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

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

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

  .sm\:py-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .sm\:px-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .sm\:pt-60 {
    padding-top: 60px !important;
  }

  .sm\:pb-60 {
    padding-bottom: 60px !important;
  }

  .sm\:pl-60 {
    padding-left: 60px !important;
  }

  .sm\:pr-60 {
    padding-right: 60px !important;
  }

  .sm\:mt-60 {
    margin-top: 60px !important;
  }

  .sm\:mb-60 {
    margin-bottom: 60px !important;
  }

  .sm\:ml-60 {
    margin-left: 60px !important;
  }

  .sm\:mr-60 {
    margin-right: 60px !important;
  }

  .sm\:py-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .sm\:px-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .sm\:pt-70 {
    padding-top: 70px !important;
  }

  .sm\:pb-70 {
    padding-bottom: 70px !important;
  }

  .sm\:pl-70 {
    padding-left: 70px !important;
  }

  .sm\:pr-70 {
    padding-right: 70px !important;
  }

  .sm\:mt-70 {
    margin-top: 70px !important;
  }

  .sm\:mb-70 {
    margin-bottom: 70px !important;
  }

  .sm\:ml-70 {
    margin-left: 70px !important;
  }

  .sm\:mr-70 {
    margin-right: 70px !important;
  }

  .sm\:py-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .sm\:px-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .sm\:pt-80 {
    padding-top: 80px !important;
  }

  .sm\:pb-80 {
    padding-bottom: 80px !important;
  }

  .sm\:pl-80 {
    padding-left: 80px !important;
  }

  .sm\:pr-80 {
    padding-right: 80px !important;
  }

  .sm\:mt-80 {
    margin-top: 80px !important;
  }

  .sm\:mb-80 {
    margin-bottom: 80px !important;
  }

  .sm\:ml-80 {
    margin-left: 80px !important;
  }

  .sm\:mr-80 {
    margin-right: 80px !important;
  }

  .sm\:py-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .sm\:px-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .sm\:pt-90 {
    padding-top: 90px !important;
  }

  .sm\:pb-90 {
    padding-bottom: 90px !important;
  }

  .sm\:pl-90 {
    padding-left: 90px !important;
  }

  .sm\:pr-90 {
    padding-right: 90px !important;
  }

  .sm\:mt-90 {
    margin-top: 90px !important;
  }

  .sm\:mb-90 {
    margin-bottom: 90px !important;
  }

  .sm\:ml-90 {
    margin-left: 90px !important;
  }

  .sm\:mr-90 {
    margin-right: 90px !important;
  }

  .sm\:py-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .sm\:px-120 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }

  .sm\:pt-120 {
    padding-top: 120px !important;
  }

  .sm\:pb-120 {
    padding-bottom: 120px !important;
  }

  .sm\:pl-120 {
    padding-left: 120px !important;
  }

  .sm\:pr-120 {
    padding-right: 120px !important;
  }

  .sm\:mt-120 {
    margin-top: 120px !important;
  }

  .sm\:mb-120 {
    margin-bottom: 120px !important;
  }

  .sm\:ml-120 {
    margin-left: 120px !important;
  }

  .sm\:mr-120 {
    margin-right: 120px !important;
  }
}

.color-1 {
  color: #3D52A0;
}

.color-2 {
  color: #7091E6;
}

.color-3 {
  color: #8697C4;
}

.color-4 {
  color: #ADBBDA;
}

.color-5 {
  color: #EDE8F5;
}

.bg-1 {
  background-color: #3D52A0 !important;
}

.bg-2 {
  background-color: #7091E6 !important;
}

.bg-3 {
  background-color: #8697C4 !important;
}

.bg-4 {
  background-color: #ADBBDA !important;
}

.bg-5 {
  background-color: #EDE8F5 !important;
}

.recent_news_event_slider {
    padding-bottom: 40px;
    padding-top: 50px;
    padding-right: 50px;
    padding-left: 50px;
}

/* Hero image */

.hero {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 200px;
  color: #fff;
  text-align: center;
}

.hero:after {
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  content: "";
}

.hero__image-wrapper {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
}

#hero__image {
  width: 100%;
  height: auto;
  min-height: 100%;
  object-fit: cover;
}

.hero__text {
  z-index: 1;
  max-width: 100%;
  padding: 50px 5%;
  font-family: "roboto", sans-serif;
}

.hero__text h1 {
  font-family: "roboto", sans-serif;
  font-size: 50px;
  line-height: 1.3;
}

@media only screen and (max-width: 768px) {
  .hero__text h1 {
    margin: 0 0 16px;
    font-size: 40px;
  }
}