@import url(https://fonts.googleapis.com/css2?family=Alex+Brush&family=Allison&family=Poppins:wght@300;400;500;600;700&family=Quicksand:wght@500&family=Sancreek&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);@charset "UTF-8";
@font-face {
  font-family: "Barbaro";
  src: url("../fonts/barbaro.ttf");
}
@font-face {
  font-family: "Barbaro Punta";
  src: url("../fonts/barbaro-punta.ttf");
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  box-sizing: border-box;
  scroll-behavior: smooth;
  transition-timing-function: ease;
  transition: 0.3s;
  margin: 0;
  background: #FFFFFF;
}

body {
  margin: 0;
}

section {
  overflow: hidden;
}

.m-0 {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

@media (min-width: 375px) {
  .m-sm-0 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media (min-width: 425px) {
  .m-md-0 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media (min-width: 768px) {
  .m-lg-0 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media (min-width: 1024px) {
  .m-xl-0 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media (min-width: 1440px) {
  .m-xxl-0 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
.m-8 {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 8px;
  margin-right: 8px;
}

@media (min-width: 375px) {
  .m-sm-8 {
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 8px;
    margin-right: 8px;
  }
}
@media (min-width: 425px) {
  .m-md-8 {
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 8px;
    margin-right: 8px;
  }
}
@media (min-width: 768px) {
  .m-lg-8 {
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 8px;
    margin-right: 8px;
  }
}
@media (min-width: 1024px) {
  .m-xl-8 {
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 8px;
    margin-right: 8px;
  }
}
@media (min-width: 1440px) {
  .m-xxl-8 {
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 8px;
    margin-right: 8px;
  }
}
.m-16 {
  margin-top: 16px;
  margin-bottom: 16px;
  margin-left: 16px;
  margin-right: 16px;
}

@media (min-width: 375px) {
  .m-sm-16 {
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media (min-width: 425px) {
  .m-md-16 {
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media (min-width: 768px) {
  .m-lg-16 {
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media (min-width: 1024px) {
  .m-xl-16 {
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media (min-width: 1440px) {
  .m-xxl-16 {
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: 16px;
    margin-right: 16px;
  }
}
.m-24 {
  margin-top: 24px;
  margin-bottom: 24px;
  margin-left: 24px;
  margin-right: 24px;
}

@media (min-width: 375px) {
  .m-sm-24 {
    margin-top: 24px;
    margin-bottom: 24px;
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media (min-width: 425px) {
  .m-md-24 {
    margin-top: 24px;
    margin-bottom: 24px;
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media (min-width: 768px) {
  .m-lg-24 {
    margin-top: 24px;
    margin-bottom: 24px;
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media (min-width: 1024px) {
  .m-xl-24 {
    margin-top: 24px;
    margin-bottom: 24px;
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media (min-width: 1440px) {
  .m-xxl-24 {
    margin-top: 24px;
    margin-bottom: 24px;
    margin-left: 24px;
    margin-right: 24px;
  }
}
.m-32 {
  margin-top: 32px;
  margin-bottom: 32px;
  margin-left: 32px;
  margin-right: 32px;
}

@media (min-width: 375px) {
  .m-sm-32 {
    margin-top: 32px;
    margin-bottom: 32px;
    margin-left: 32px;
    margin-right: 32px;
  }
}
@media (min-width: 425px) {
  .m-md-32 {
    margin-top: 32px;
    margin-bottom: 32px;
    margin-left: 32px;
    margin-right: 32px;
  }
}
@media (min-width: 768px) {
  .m-lg-32 {
    margin-top: 32px;
    margin-bottom: 32px;
    margin-left: 32px;
    margin-right: 32px;
  }
}
@media (min-width: 1024px) {
  .m-xl-32 {
    margin-top: 32px;
    margin-bottom: 32px;
    margin-left: 32px;
    margin-right: 32px;
  }
}
@media (min-width: 1440px) {
  .m-xxl-32 {
    margin-top: 32px;
    margin-bottom: 32px;
    margin-left: 32px;
    margin-right: 32px;
  }
}
.m-40 {
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 40px;
  margin-right: 40px;
}

@media (min-width: 375px) {
  .m-sm-40 {
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media (min-width: 425px) {
  .m-md-40 {
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media (min-width: 768px) {
  .m-lg-40 {
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media (min-width: 1024px) {
  .m-xl-40 {
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media (min-width: 1440px) {
  .m-xxl-40 {
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 40px;
    margin-right: 40px;
  }
}
.m-48 {
  margin-top: 48px;
  margin-bottom: 48px;
  margin-left: 48px;
  margin-right: 48px;
}

@media (min-width: 375px) {
  .m-sm-48 {
    margin-top: 48px;
    margin-bottom: 48px;
    margin-left: 48px;
    margin-right: 48px;
  }
}
@media (min-width: 425px) {
  .m-md-48 {
    margin-top: 48px;
    margin-bottom: 48px;
    margin-left: 48px;
    margin-right: 48px;
  }
}
@media (min-width: 768px) {
  .m-lg-48 {
    margin-top: 48px;
    margin-bottom: 48px;
    margin-left: 48px;
    margin-right: 48px;
  }
}
@media (min-width: 1024px) {
  .m-xl-48 {
    margin-top: 48px;
    margin-bottom: 48px;
    margin-left: 48px;
    margin-right: 48px;
  }
}
@media (min-width: 1440px) {
  .m-xxl-48 {
    margin-top: 48px;
    margin-bottom: 48px;
    margin-left: 48px;
    margin-right: 48px;
  }
}
.m-56 {
  margin-top: 56px;
  margin-bottom: 56px;
  margin-left: 56px;
  margin-right: 56px;
}

@media (min-width: 375px) {
  .m-sm-56 {
    margin-top: 56px;
    margin-bottom: 56px;
    margin-left: 56px;
    margin-right: 56px;
  }
}
@media (min-width: 425px) {
  .m-md-56 {
    margin-top: 56px;
    margin-bottom: 56px;
    margin-left: 56px;
    margin-right: 56px;
  }
}
@media (min-width: 768px) {
  .m-lg-56 {
    margin-top: 56px;
    margin-bottom: 56px;
    margin-left: 56px;
    margin-right: 56px;
  }
}
@media (min-width: 1024px) {
  .m-xl-56 {
    margin-top: 56px;
    margin-bottom: 56px;
    margin-left: 56px;
    margin-right: 56px;
  }
}
@media (min-width: 1440px) {
  .m-xxl-56 {
    margin-top: 56px;
    margin-bottom: 56px;
    margin-left: 56px;
    margin-right: 56px;
  }
}
.m-64 {
  margin-top: 64px;
  margin-bottom: 64px;
  margin-left: 64px;
  margin-right: 64px;
}

@media (min-width: 375px) {
  .m-sm-64 {
    margin-top: 64px;
    margin-bottom: 64px;
    margin-left: 64px;
    margin-right: 64px;
  }
}
@media (min-width: 425px) {
  .m-md-64 {
    margin-top: 64px;
    margin-bottom: 64px;
    margin-left: 64px;
    margin-right: 64px;
  }
}
@media (min-width: 768px) {
  .m-lg-64 {
    margin-top: 64px;
    margin-bottom: 64px;
    margin-left: 64px;
    margin-right: 64px;
  }
}
@media (min-width: 1024px) {
  .m-xl-64 {
    margin-top: 64px;
    margin-bottom: 64px;
    margin-left: 64px;
    margin-right: 64px;
  }
}
@media (min-width: 1440px) {
  .m-xxl-64 {
    margin-top: 64px;
    margin-bottom: 64px;
    margin-left: 64px;
    margin-right: 64px;
  }
}
.m-72 {
  margin-top: 72px;
  margin-bottom: 72px;
  margin-left: 72px;
  margin-right: 72px;
}

@media (min-width: 375px) {
  .m-sm-72 {
    margin-top: 72px;
    margin-bottom: 72px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media (min-width: 425px) {
  .m-md-72 {
    margin-top: 72px;
    margin-bottom: 72px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media (min-width: 768px) {
  .m-lg-72 {
    margin-top: 72px;
    margin-bottom: 72px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media (min-width: 1024px) {
  .m-xl-72 {
    margin-top: 72px;
    margin-bottom: 72px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media (min-width: 1440px) {
  .m-xxl-72 {
    margin-top: 72px;
    margin-bottom: 72px;
    margin-left: 72px;
    margin-right: 72px;
  }
}
.m-80 {
  margin-top: 80px;
  margin-bottom: 80px;
  margin-left: 80px;
  margin-right: 80px;
}

@media (min-width: 375px) {
  .m-sm-80 {
    margin-top: 80px;
    margin-bottom: 80px;
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media (min-width: 425px) {
  .m-md-80 {
    margin-top: 80px;
    margin-bottom: 80px;
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media (min-width: 768px) {
  .m-lg-80 {
    margin-top: 80px;
    margin-bottom: 80px;
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media (min-width: 1024px) {
  .m-xl-80 {
    margin-top: 80px;
    margin-bottom: 80px;
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media (min-width: 1440px) {
  .m-xxl-80 {
    margin-top: 80px;
    margin-bottom: 80px;
    margin-left: 80px;
    margin-right: 80px;
  }
}
.m-88 {
  margin-top: 88px;
  margin-bottom: 88px;
  margin-left: 88px;
  margin-right: 88px;
}

@media (min-width: 375px) {
  .m-sm-88 {
    margin-top: 88px;
    margin-bottom: 88px;
    margin-left: 88px;
    margin-right: 88px;
  }
}
@media (min-width: 425px) {
  .m-md-88 {
    margin-top: 88px;
    margin-bottom: 88px;
    margin-left: 88px;
    margin-right: 88px;
  }
}
@media (min-width: 768px) {
  .m-lg-88 {
    margin-top: 88px;
    margin-bottom: 88px;
    margin-left: 88px;
    margin-right: 88px;
  }
}
@media (min-width: 1024px) {
  .m-xl-88 {
    margin-top: 88px;
    margin-bottom: 88px;
    margin-left: 88px;
    margin-right: 88px;
  }
}
@media (min-width: 1440px) {
  .m-xxl-88 {
    margin-top: 88px;
    margin-bottom: 88px;
    margin-left: 88px;
    margin-right: 88px;
  }
}
.m-96 {
  margin-top: 96px;
  margin-bottom: 96px;
  margin-left: 96px;
  margin-right: 96px;
}

@media (min-width: 375px) {
  .m-sm-96 {
    margin-top: 96px;
    margin-bottom: 96px;
    margin-left: 96px;
    margin-right: 96px;
  }
}
@media (min-width: 425px) {
  .m-md-96 {
    margin-top: 96px;
    margin-bottom: 96px;
    margin-left: 96px;
    margin-right: 96px;
  }
}
@media (min-width: 768px) {
  .m-lg-96 {
    margin-top: 96px;
    margin-bottom: 96px;
    margin-left: 96px;
    margin-right: 96px;
  }
}
@media (min-width: 1024px) {
  .m-xl-96 {
    margin-top: 96px;
    margin-bottom: 96px;
    margin-left: 96px;
    margin-right: 96px;
  }
}
@media (min-width: 1440px) {
  .m-xxl-96 {
    margin-top: 96px;
    margin-bottom: 96px;
    margin-left: 96px;
    margin-right: 96px;
  }
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

@media (min-width: 375px) {
  .my-sm-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
@media (min-width: 425px) {
  .my-md-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
@media (min-width: 768px) {
  .my-lg-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
@media (min-width: 1024px) {
  .my-xl-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
@media (min-width: 1440px) {
  .my-xxl-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.my-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

@media (min-width: 375px) {
  .my-sm-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
@media (min-width: 425px) {
  .my-md-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
@media (min-width: 768px) {
  .my-lg-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
@media (min-width: 1024px) {
  .my-xl-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
@media (min-width: 1440px) {
  .my-xxl-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
.my-16 {
  margin-top: 16px;
  margin-bottom: 16px;
}

@media (min-width: 375px) {
  .my-sm-16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
@media (min-width: 425px) {
  .my-md-16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
@media (min-width: 768px) {
  .my-lg-16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
@media (min-width: 1024px) {
  .my-xl-16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
@media (min-width: 1440px) {
  .my-xxl-16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
.my-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

@media (min-width: 375px) {
  .my-sm-24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media (min-width: 425px) {
  .my-md-24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media (min-width: 768px) {
  .my-lg-24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media (min-width: 1024px) {
  .my-xl-24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media (min-width: 1440px) {
  .my-xxl-24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
.my-32 {
  margin-top: 32px;
  margin-bottom: 32px;
}

@media (min-width: 375px) {
  .my-sm-32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
@media (min-width: 425px) {
  .my-md-32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
@media (min-width: 768px) {
  .my-lg-32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
@media (min-width: 1024px) {
  .my-xl-32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
@media (min-width: 1440px) {
  .my-xxl-32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

@media (min-width: 375px) {
  .my-sm-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media (min-width: 425px) {
  .my-md-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .my-lg-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .my-xl-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1440px) {
  .my-xxl-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.my-48 {
  margin-top: 48px;
  margin-bottom: 48px;
}

@media (min-width: 375px) {
  .my-sm-48 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
@media (min-width: 425px) {
  .my-md-48 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
@media (min-width: 768px) {
  .my-lg-48 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
@media (min-width: 1024px) {
  .my-xl-48 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
@media (min-width: 1440px) {
  .my-xxl-48 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
.my-56 {
  margin-top: 56px;
  margin-bottom: 56px;
}

@media (min-width: 375px) {
  .my-sm-56 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
}
@media (min-width: 425px) {
  .my-md-56 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
}
@media (min-width: 768px) {
  .my-lg-56 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
}
@media (min-width: 1024px) {
  .my-xl-56 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
}
@media (min-width: 1440px) {
  .my-xxl-56 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
}
.my-64 {
  margin-top: 64px;
  margin-bottom: 64px;
}

@media (min-width: 375px) {
  .my-sm-64 {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}
@media (min-width: 425px) {
  .my-md-64 {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}
@media (min-width: 768px) {
  .my-lg-64 {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}
@media (min-width: 1024px) {
  .my-xl-64 {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}
@media (min-width: 1440px) {
  .my-xxl-64 {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}
.my-72 {
  margin-top: 72px;
  margin-bottom: 72px;
}

@media (min-width: 375px) {
  .my-sm-72 {
    margin-top: 72px;
    margin-bottom: 72px;
  }
}
@media (min-width: 425px) {
  .my-md-72 {
    margin-top: 72px;
    margin-bottom: 72px;
  }
}
@media (min-width: 768px) {
  .my-lg-72 {
    margin-top: 72px;
    margin-bottom: 72px;
  }
}
@media (min-width: 1024px) {
  .my-xl-72 {
    margin-top: 72px;
    margin-bottom: 72px;
  }
}
@media (min-width: 1440px) {
  .my-xxl-72 {
    margin-top: 72px;
    margin-bottom: 72px;
  }
}
.my-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

@media (min-width: 375px) {
  .my-sm-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
@media (min-width: 425px) {
  .my-md-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
@media (min-width: 768px) {
  .my-lg-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
@media (min-width: 1024px) {
  .my-xl-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
@media (min-width: 1440px) {
  .my-xxl-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
.my-88 {
  margin-top: 88px;
  margin-bottom: 88px;
}

@media (min-width: 375px) {
  .my-sm-88 {
    margin-top: 88px;
    margin-bottom: 88px;
  }
}
@media (min-width: 425px) {
  .my-md-88 {
    margin-top: 88px;
    margin-bottom: 88px;
  }
}
@media (min-width: 768px) {
  .my-lg-88 {
    margin-top: 88px;
    margin-bottom: 88px;
  }
}
@media (min-width: 1024px) {
  .my-xl-88 {
    margin-top: 88px;
    margin-bottom: 88px;
  }
}
@media (min-width: 1440px) {
  .my-xxl-88 {
    margin-top: 88px;
    margin-bottom: 88px;
  }
}
.my-96 {
  margin-top: 96px;
  margin-bottom: 96px;
}

@media (min-width: 375px) {
  .my-sm-96 {
    margin-top: 96px;
    margin-bottom: 96px;
  }
}
@media (min-width: 425px) {
  .my-md-96 {
    margin-top: 96px;
    margin-bottom: 96px;
  }
}
@media (min-width: 768px) {
  .my-lg-96 {
    margin-top: 96px;
    margin-bottom: 96px;
  }
}
@media (min-width: 1024px) {
  .my-xl-96 {
    margin-top: 96px;
    margin-bottom: 96px;
  }
}
@media (min-width: 1440px) {
  .my-xxl-96 {
    margin-top: 96px;
    margin-bottom: 96px;
  }
}
.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

@media (min-width: 375px) {
  .mx-sm-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media (min-width: 425px) {
  .mx-md-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media (min-width: 768px) {
  .mx-lg-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media (min-width: 1024px) {
  .mx-xl-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media (min-width: 1440px) {
  .mx-xxl-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.mx-8 {
  margin-left: 8px;
  margin-right: 8px;
}

@media (min-width: 375px) {
  .mx-sm-8 {
    margin-left: 8px;
    margin-right: 8px;
  }
}
@media (min-width: 425px) {
  .mx-md-8 {
    margin-left: 8px;
    margin-right: 8px;
  }
}
@media (min-width: 768px) {
  .mx-lg-8 {
    margin-left: 8px;
    margin-right: 8px;
  }
}
@media (min-width: 1024px) {
  .mx-xl-8 {
    margin-left: 8px;
    margin-right: 8px;
  }
}
@media (min-width: 1440px) {
  .mx-xxl-8 {
    margin-left: 8px;
    margin-right: 8px;
  }
}
.mx-16 {
  margin-left: 16px;
  margin-right: 16px;
}

@media (min-width: 375px) {
  .mx-sm-16 {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media (min-width: 425px) {
  .mx-md-16 {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media (min-width: 768px) {
  .mx-lg-16 {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media (min-width: 1024px) {
  .mx-xl-16 {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media (min-width: 1440px) {
  .mx-xxl-16 {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.mx-24 {
  margin-left: 24px;
  margin-right: 24px;
}

@media (min-width: 375px) {
  .mx-sm-24 {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media (min-width: 425px) {
  .mx-md-24 {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media (min-width: 768px) {
  .mx-lg-24 {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media (min-width: 1024px) {
  .mx-xl-24 {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media (min-width: 1440px) {
  .mx-xxl-24 {
    margin-left: 24px;
    margin-right: 24px;
  }
}
.mx-32 {
  margin-left: 32px;
  margin-right: 32px;
}

@media (min-width: 375px) {
  .mx-sm-32 {
    margin-left: 32px;
    margin-right: 32px;
  }
}
@media (min-width: 425px) {
  .mx-md-32 {
    margin-left: 32px;
    margin-right: 32px;
  }
}
@media (min-width: 768px) {
  .mx-lg-32 {
    margin-left: 32px;
    margin-right: 32px;
  }
}
@media (min-width: 1024px) {
  .mx-xl-32 {
    margin-left: 32px;
    margin-right: 32px;
  }
}
@media (min-width: 1440px) {
  .mx-xxl-32 {
    margin-left: 32px;
    margin-right: 32px;
  }
}
.mx-40 {
  margin-left: 40px;
  margin-right: 40px;
}

@media (min-width: 375px) {
  .mx-sm-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media (min-width: 425px) {
  .mx-md-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media (min-width: 768px) {
  .mx-lg-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media (min-width: 1024px) {
  .mx-xl-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media (min-width: 1440px) {
  .mx-xxl-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
}
.mx-48 {
  margin-left: 48px;
  margin-right: 48px;
}

@media (min-width: 375px) {
  .mx-sm-48 {
    margin-left: 48px;
    margin-right: 48px;
  }
}
@media (min-width: 425px) {
  .mx-md-48 {
    margin-left: 48px;
    margin-right: 48px;
  }
}
@media (min-width: 768px) {
  .mx-lg-48 {
    margin-left: 48px;
    margin-right: 48px;
  }
}
@media (min-width: 1024px) {
  .mx-xl-48 {
    margin-left: 48px;
    margin-right: 48px;
  }
}
@media (min-width: 1440px) {
  .mx-xxl-48 {
    margin-left: 48px;
    margin-right: 48px;
  }
}
.mx-56 {
  margin-left: 56px;
  margin-right: 56px;
}

@media (min-width: 375px) {
  .mx-sm-56 {
    margin-left: 56px;
    margin-right: 56px;
  }
}
@media (min-width: 425px) {
  .mx-md-56 {
    margin-left: 56px;
    margin-right: 56px;
  }
}
@media (min-width: 768px) {
  .mx-lg-56 {
    margin-left: 56px;
    margin-right: 56px;
  }
}
@media (min-width: 1024px) {
  .mx-xl-56 {
    margin-left: 56px;
    margin-right: 56px;
  }
}
@media (min-width: 1440px) {
  .mx-xxl-56 {
    margin-left: 56px;
    margin-right: 56px;
  }
}
.mx-64 {
  margin-left: 64px;
  margin-right: 64px;
}

@media (min-width: 375px) {
  .mx-sm-64 {
    margin-left: 64px;
    margin-right: 64px;
  }
}
@media (min-width: 425px) {
  .mx-md-64 {
    margin-left: 64px;
    margin-right: 64px;
  }
}
@media (min-width: 768px) {
  .mx-lg-64 {
    margin-left: 64px;
    margin-right: 64px;
  }
}
@media (min-width: 1024px) {
  .mx-xl-64 {
    margin-left: 64px;
    margin-right: 64px;
  }
}
@media (min-width: 1440px) {
  .mx-xxl-64 {
    margin-left: 64px;
    margin-right: 64px;
  }
}
.mx-72 {
  margin-left: 72px;
  margin-right: 72px;
}

@media (min-width: 375px) {
  .mx-sm-72 {
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media (min-width: 425px) {
  .mx-md-72 {
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media (min-width: 768px) {
  .mx-lg-72 {
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media (min-width: 1024px) {
  .mx-xl-72 {
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media (min-width: 1440px) {
  .mx-xxl-72 {
    margin-left: 72px;
    margin-right: 72px;
  }
}
.mx-80 {
  margin-left: 80px;
  margin-right: 80px;
}

@media (min-width: 375px) {
  .mx-sm-80 {
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media (min-width: 425px) {
  .mx-md-80 {
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media (min-width: 768px) {
  .mx-lg-80 {
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media (min-width: 1024px) {
  .mx-xl-80 {
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media (min-width: 1440px) {
  .mx-xxl-80 {
    margin-left: 80px;
    margin-right: 80px;
  }
}
.mx-88 {
  margin-left: 88px;
  margin-right: 88px;
}

@media (min-width: 375px) {
  .mx-sm-88 {
    margin-left: 88px;
    margin-right: 88px;
  }
}
@media (min-width: 425px) {
  .mx-md-88 {
    margin-left: 88px;
    margin-right: 88px;
  }
}
@media (min-width: 768px) {
  .mx-lg-88 {
    margin-left: 88px;
    margin-right: 88px;
  }
}
@media (min-width: 1024px) {
  .mx-xl-88 {
    margin-left: 88px;
    margin-right: 88px;
  }
}
@media (min-width: 1440px) {
  .mx-xxl-88 {
    margin-left: 88px;
    margin-right: 88px;
  }
}
.mx-96 {
  margin-left: 96px;
  margin-right: 96px;
}

@media (min-width: 375px) {
  .mx-sm-96 {
    margin-left: 96px;
    margin-right: 96px;
  }
}
@media (min-width: 425px) {
  .mx-md-96 {
    margin-left: 96px;
    margin-right: 96px;
  }
}
@media (min-width: 768px) {
  .mx-lg-96 {
    margin-left: 96px;
    margin-right: 96px;
  }
}
@media (min-width: 1024px) {
  .mx-xl-96 {
    margin-left: 96px;
    margin-right: 96px;
  }
}
@media (min-width: 1440px) {
  .mx-xxl-96 {
    margin-left: 96px;
    margin-right: 96px;
  }
}
.mt-0 {
  margin-top: 0px;
}

@media (min-width: 375px) {
  .mt-sm-0 {
    margin-top: 0px;
  }
}
@media (min-width: 425px) {
  .mt-md-0 {
    margin-top: 0px;
  }
}
@media (min-width: 768px) {
  .mt-lg-0 {
    margin-top: 0px;
  }
}
@media (min-width: 1024px) {
  .mt-xl-0 {
    margin-top: 0px !important;
  }
}
@media (min-width: 1440px) {
  .mt-xxl-0 {
    margin-top: 0px;
  }
}
.mt-8 {
  margin-top: 8px;
}

@media (min-width: 375px) {
  .mt-sm-8 {
    margin-top: 8px;
  }
}
@media (min-width: 425px) {
  .mt-md-8 {
    margin-top: 8px;
  }
}
@media (min-width: 768px) {
  .mt-lg-8 {
    margin-top: 8px;
  }
}
@media (min-width: 1024px) {
  .mt-xl-8 {
    margin-top: 8px !important;
  }
}
@media (min-width: 1440px) {
  .mt-xxl-8 {
    margin-top: 8px;
  }
}
.mt-16 {
  margin-top: 16px;
}

@media (min-width: 375px) {
  .mt-sm-16 {
    margin-top: 16px;
  }
}
@media (min-width: 425px) {
  .mt-md-16 {
    margin-top: 16px;
  }
}
@media (min-width: 768px) {
  .mt-lg-16 {
    margin-top: 16px;
  }
}
@media (min-width: 1024px) {
  .mt-xl-16 {
    margin-top: 16px !important;
  }
}
@media (min-width: 1440px) {
  .mt-xxl-16 {
    margin-top: 16px;
  }
}
.mt-24 {
  margin-top: 24px;
}

@media (min-width: 375px) {
  .mt-sm-24 {
    margin-top: 24px;
  }
}
@media (min-width: 425px) {
  .mt-md-24 {
    margin-top: 24px;
  }
}
@media (min-width: 768px) {
  .mt-lg-24 {
    margin-top: 24px;
  }
}
@media (min-width: 1024px) {
  .mt-xl-24 {
    margin-top: 24px !important;
  }
}
@media (min-width: 1440px) {
  .mt-xxl-24 {
    margin-top: 24px;
  }
}
.mt-32 {
  margin-top: 32px;
}

@media (min-width: 375px) {
  .mt-sm-32 {
    margin-top: 32px;
  }
}
@media (min-width: 425px) {
  .mt-md-32 {
    margin-top: 32px;
  }
}
@media (min-width: 768px) {
  .mt-lg-32 {
    margin-top: 32px;
  }
}
@media (min-width: 1024px) {
  .mt-xl-32 {
    margin-top: 32px !important;
  }
}
@media (min-width: 1440px) {
  .mt-xxl-32 {
    margin-top: 32px;
  }
}
.mt-40 {
  margin-top: 40px;
}

@media (min-width: 375px) {
  .mt-sm-40 {
    margin-top: 40px;
  }
}
@media (min-width: 425px) {
  .mt-md-40 {
    margin-top: 40px;
  }
}
@media (min-width: 768px) {
  .mt-lg-40 {
    margin-top: 40px;
  }
}
@media (min-width: 1024px) {
  .mt-xl-40 {
    margin-top: 40px !important;
  }
}
@media (min-width: 1440px) {
  .mt-xxl-40 {
    margin-top: 40px;
  }
}
.mt-48 {
  margin-top: 48px;
}

@media (min-width: 375px) {
  .mt-sm-48 {
    margin-top: 48px;
  }
}
@media (min-width: 425px) {
  .mt-md-48 {
    margin-top: 48px;
  }
}
@media (min-width: 768px) {
  .mt-lg-48 {
    margin-top: 48px;
  }
}
@media (min-width: 1024px) {
  .mt-xl-48 {
    margin-top: 48px !important;
  }
}
@media (min-width: 1440px) {
  .mt-xxl-48 {
    margin-top: 48px;
  }
}
.mt-56 {
  margin-top: 56px;
}

@media (min-width: 375px) {
  .mt-sm-56 {
    margin-top: 56px;
  }
}
@media (min-width: 425px) {
  .mt-md-56 {
    margin-top: 56px;
  }
}
@media (min-width: 768px) {
  .mt-lg-56 {
    margin-top: 56px;
  }
}
@media (min-width: 1024px) {
  .mt-xl-56 {
    margin-top: 56px !important;
  }
}
@media (min-width: 1440px) {
  .mt-xxl-56 {
    margin-top: 56px;
  }
}
.mt-64 {
  margin-top: 64px;
}

@media (min-width: 375px) {
  .mt-sm-64 {
    margin-top: 64px;
  }
}
@media (min-width: 425px) {
  .mt-md-64 {
    margin-top: 64px;
  }
}
@media (min-width: 768px) {
  .mt-lg-64 {
    margin-top: 64px;
  }
}
@media (min-width: 1024px) {
  .mt-xl-64 {
    margin-top: 64px !important;
  }
}
@media (min-width: 1440px) {
  .mt-xxl-64 {
    margin-top: 64px;
  }
}
.mt-72 {
  margin-top: 72px;
}

@media (min-width: 375px) {
  .mt-sm-72 {
    margin-top: 72px;
  }
}
@media (min-width: 425px) {
  .mt-md-72 {
    margin-top: 72px;
  }
}
@media (min-width: 768px) {
  .mt-lg-72 {
    margin-top: 72px;
  }
}
@media (min-width: 1024px) {
  .mt-xl-72 {
    margin-top: 72px !important;
  }
}
@media (min-width: 1440px) {
  .mt-xxl-72 {
    margin-top: 72px;
  }
}
.mt-80 {
  margin-top: 80px;
}

@media (min-width: 375px) {
  .mt-sm-80 {
    margin-top: 80px;
  }
}
@media (min-width: 425px) {
  .mt-md-80 {
    margin-top: 80px;
  }
}
@media (min-width: 768px) {
  .mt-lg-80 {
    margin-top: 80px;
  }
}
@media (min-width: 1024px) {
  .mt-xl-80 {
    margin-top: 80px !important;
  }
}
@media (min-width: 1440px) {
  .mt-xxl-80 {
    margin-top: 80px;
  }
}
.mt-88 {
  margin-top: 88px;
}

@media (min-width: 375px) {
  .mt-sm-88 {
    margin-top: 88px;
  }
}
@media (min-width: 425px) {
  .mt-md-88 {
    margin-top: 88px;
  }
}
@media (min-width: 768px) {
  .mt-lg-88 {
    margin-top: 88px;
  }
}
@media (min-width: 1024px) {
  .mt-xl-88 {
    margin-top: 88px !important;
  }
}
@media (min-width: 1440px) {
  .mt-xxl-88 {
    margin-top: 88px;
  }
}
.mt-96 {
  margin-top: 96px;
}

@media (min-width: 375px) {
  .mt-sm-96 {
    margin-top: 96px;
  }
}
@media (min-width: 425px) {
  .mt-md-96 {
    margin-top: 96px;
  }
}
@media (min-width: 768px) {
  .mt-lg-96 {
    margin-top: 96px;
  }
}
@media (min-width: 1024px) {
  .mt-xl-96 {
    margin-top: 96px !important;
  }
}
@media (min-width: 1440px) {
  .mt-xxl-96 {
    margin-top: 96px;
  }
}
.mr-0 {
  margin-right: 0px;
}

@media (min-width: 375px) {
  .mr-sm-0 {
    margin-right: 0px;
  }
}
@media (min-width: 425px) {
  .mr-md-0 {
    margin-right: 0px;
  }
}
@media (min-width: 768px) {
  .mr-lg-0 {
    margin-right: 0px;
  }
}
@media (min-width: 1024px) {
  .mr-xl-0 {
    margin-right: 0px !important;
  }
}
@media (min-width: 1440px) {
  .mr-xxl-0 {
    margin-right: 0px;
  }
}
.mr-8 {
  margin-right: 8px;
}

@media (min-width: 375px) {
  .mr-sm-8 {
    margin-right: 8px;
  }
}
@media (min-width: 425px) {
  .mr-md-8 {
    margin-right: 8px;
  }
}
@media (min-width: 768px) {
  .mr-lg-8 {
    margin-right: 8px;
  }
}
@media (min-width: 1024px) {
  .mr-xl-8 {
    margin-right: 8px !important;
  }
}
@media (min-width: 1440px) {
  .mr-xxl-8 {
    margin-right: 8px;
  }
}
.mr-16 {
  margin-right: 16px;
}

@media (min-width: 375px) {
  .mr-sm-16 {
    margin-right: 16px;
  }
}
@media (min-width: 425px) {
  .mr-md-16 {
    margin-right: 16px;
  }
}
@media (min-width: 768px) {
  .mr-lg-16 {
    margin-right: 16px;
  }
}
@media (min-width: 1024px) {
  .mr-xl-16 {
    margin-right: 16px !important;
  }
}
@media (min-width: 1440px) {
  .mr-xxl-16 {
    margin-right: 16px;
  }
}
.mr-24 {
  margin-right: 24px;
}

@media (min-width: 375px) {
  .mr-sm-24 {
    margin-right: 24px;
  }
}
@media (min-width: 425px) {
  .mr-md-24 {
    margin-right: 24px;
  }
}
@media (min-width: 768px) {
  .mr-lg-24 {
    margin-right: 24px;
  }
}
@media (min-width: 1024px) {
  .mr-xl-24 {
    margin-right: 24px !important;
  }
}
@media (min-width: 1440px) {
  .mr-xxl-24 {
    margin-right: 24px;
  }
}
.mr-32 {
  margin-right: 32px;
}

@media (min-width: 375px) {
  .mr-sm-32 {
    margin-right: 32px;
  }
}
@media (min-width: 425px) {
  .mr-md-32 {
    margin-right: 32px;
  }
}
@media (min-width: 768px) {
  .mr-lg-32 {
    margin-right: 32px;
  }
}
@media (min-width: 1024px) {
  .mr-xl-32 {
    margin-right: 32px !important;
  }
}
@media (min-width: 1440px) {
  .mr-xxl-32 {
    margin-right: 32px;
  }
}
.mr-40 {
  margin-right: 40px;
}

@media (min-width: 375px) {
  .mr-sm-40 {
    margin-right: 40px;
  }
}
@media (min-width: 425px) {
  .mr-md-40 {
    margin-right: 40px;
  }
}
@media (min-width: 768px) {
  .mr-lg-40 {
    margin-right: 40px;
  }
}
@media (min-width: 1024px) {
  .mr-xl-40 {
    margin-right: 40px !important;
  }
}
@media (min-width: 1440px) {
  .mr-xxl-40 {
    margin-right: 40px;
  }
}
.mr-48 {
  margin-right: 48px;
}

@media (min-width: 375px) {
  .mr-sm-48 {
    margin-right: 48px;
  }
}
@media (min-width: 425px) {
  .mr-md-48 {
    margin-right: 48px;
  }
}
@media (min-width: 768px) {
  .mr-lg-48 {
    margin-right: 48px;
  }
}
@media (min-width: 1024px) {
  .mr-xl-48 {
    margin-right: 48px !important;
  }
}
@media (min-width: 1440px) {
  .mr-xxl-48 {
    margin-right: 48px;
  }
}
.mr-56 {
  margin-right: 56px;
}

@media (min-width: 375px) {
  .mr-sm-56 {
    margin-right: 56px;
  }
}
@media (min-width: 425px) {
  .mr-md-56 {
    margin-right: 56px;
  }
}
@media (min-width: 768px) {
  .mr-lg-56 {
    margin-right: 56px;
  }
}
@media (min-width: 1024px) {
  .mr-xl-56 {
    margin-right: 56px !important;
  }
}
@media (min-width: 1440px) {
  .mr-xxl-56 {
    margin-right: 56px;
  }
}
.mr-64 {
  margin-right: 64px;
}

@media (min-width: 375px) {
  .mr-sm-64 {
    margin-right: 64px;
  }
}
@media (min-width: 425px) {
  .mr-md-64 {
    margin-right: 64px;
  }
}
@media (min-width: 768px) {
  .mr-lg-64 {
    margin-right: 64px;
  }
}
@media (min-width: 1024px) {
  .mr-xl-64 {
    margin-right: 64px !important;
  }
}
@media (min-width: 1440px) {
  .mr-xxl-64 {
    margin-right: 64px;
  }
}
.mr-72 {
  margin-right: 72px;
}

@media (min-width: 375px) {
  .mr-sm-72 {
    margin-right: 72px;
  }
}
@media (min-width: 425px) {
  .mr-md-72 {
    margin-right: 72px;
  }
}
@media (min-width: 768px) {
  .mr-lg-72 {
    margin-right: 72px;
  }
}
@media (min-width: 1024px) {
  .mr-xl-72 {
    margin-right: 72px !important;
  }
}
@media (min-width: 1440px) {
  .mr-xxl-72 {
    margin-right: 72px;
  }
}
.mr-80 {
  margin-right: 80px;
}

@media (min-width: 375px) {
  .mr-sm-80 {
    margin-right: 80px;
  }
}
@media (min-width: 425px) {
  .mr-md-80 {
    margin-right: 80px;
  }
}
@media (min-width: 768px) {
  .mr-lg-80 {
    margin-right: 80px;
  }
}
@media (min-width: 1024px) {
  .mr-xl-80 {
    margin-right: 80px !important;
  }
}
@media (min-width: 1440px) {
  .mr-xxl-80 {
    margin-right: 80px;
  }
}
.mr-88 {
  margin-right: 88px;
}

@media (min-width: 375px) {
  .mr-sm-88 {
    margin-right: 88px;
  }
}
@media (min-width: 425px) {
  .mr-md-88 {
    margin-right: 88px;
  }
}
@media (min-width: 768px) {
  .mr-lg-88 {
    margin-right: 88px;
  }
}
@media (min-width: 1024px) {
  .mr-xl-88 {
    margin-right: 88px !important;
  }
}
@media (min-width: 1440px) {
  .mr-xxl-88 {
    margin-right: 88px;
  }
}
.mr-96 {
  margin-right: 96px;
}

@media (min-width: 375px) {
  .mr-sm-96 {
    margin-right: 96px;
  }
}
@media (min-width: 425px) {
  .mr-md-96 {
    margin-right: 96px;
  }
}
@media (min-width: 768px) {
  .mr-lg-96 {
    margin-right: 96px;
  }
}
@media (min-width: 1024px) {
  .mr-xl-96 {
    margin-right: 96px !important;
  }
}
@media (min-width: 1440px) {
  .mr-xxl-96 {
    margin-right: 96px;
  }
}
.mb-0 {
  margin-bottom: 0px;
}

@media (min-width: 375px) {
  .mb-sm-0 {
    margin-bottom: 0px;
  }
}
@media (min-width: 425px) {
  .mb-md-0 {
    margin-bottom: 0px;
  }
}
@media (min-width: 768px) {
  .mb-lg-0 {
    margin-bottom: 0px;
  }
}
@media (min-width: 1024px) {
  .mb-xl-0 {
    margin-bottom: 0px !important;
  }
}
@media (min-width: 1440px) {
  .mb-xxl-0 {
    margin-bottom: 0px;
  }
}
.mb-8 {
  margin-bottom: 8px;
}

@media (min-width: 375px) {
  .mb-sm-8 {
    margin-bottom: 8px;
  }
}
@media (min-width: 425px) {
  .mb-md-8 {
    margin-bottom: 8px;
  }
}
@media (min-width: 768px) {
  .mb-lg-8 {
    margin-bottom: 8px;
  }
}
@media (min-width: 1024px) {
  .mb-xl-8 {
    margin-bottom: 8px !important;
  }
}
@media (min-width: 1440px) {
  .mb-xxl-8 {
    margin-bottom: 8px;
  }
}
.mb-16 {
  margin-bottom: 16px;
}

@media (min-width: 375px) {
  .mb-sm-16 {
    margin-bottom: 16px;
  }
}
@media (min-width: 425px) {
  .mb-md-16 {
    margin-bottom: 16px;
  }
}
@media (min-width: 768px) {
  .mb-lg-16 {
    margin-bottom: 16px;
  }
}
@media (min-width: 1024px) {
  .mb-xl-16 {
    margin-bottom: 16px !important;
  }
}
@media (min-width: 1440px) {
  .mb-xxl-16 {
    margin-bottom: 16px;
  }
}
.mb-24 {
  margin-bottom: 24px;
}

@media (min-width: 375px) {
  .mb-sm-24 {
    margin-bottom: 24px;
  }
}
@media (min-width: 425px) {
  .mb-md-24 {
    margin-bottom: 24px;
  }
}
@media (min-width: 768px) {
  .mb-lg-24 {
    margin-bottom: 24px;
  }
}
@media (min-width: 1024px) {
  .mb-xl-24 {
    margin-bottom: 24px !important;
  }
}
@media (min-width: 1440px) {
  .mb-xxl-24 {
    margin-bottom: 24px;
  }
}
.mb-32 {
  margin-bottom: 32px;
}

@media (min-width: 375px) {
  .mb-sm-32 {
    margin-bottom: 32px;
  }
}
@media (min-width: 425px) {
  .mb-md-32 {
    margin-bottom: 32px;
  }
}
@media (min-width: 768px) {
  .mb-lg-32 {
    margin-bottom: 32px;
  }
}
@media (min-width: 1024px) {
  .mb-xl-32 {
    margin-bottom: 32px !important;
  }
}
@media (min-width: 1440px) {
  .mb-xxl-32 {
    margin-bottom: 32px;
  }
}
.mb-40 {
  margin-bottom: 40px;
}

@media (min-width: 375px) {
  .mb-sm-40 {
    margin-bottom: 40px;
  }
}
@media (min-width: 425px) {
  .mb-md-40 {
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .mb-lg-40 {
    margin-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .mb-xl-40 {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 1440px) {
  .mb-xxl-40 {
    margin-bottom: 40px;
  }
}
.mb-48 {
  margin-bottom: 48px;
}

@media (min-width: 375px) {
  .mb-sm-48 {
    margin-bottom: 48px;
  }
}
@media (min-width: 425px) {
  .mb-md-48 {
    margin-bottom: 48px;
  }
}
@media (min-width: 768px) {
  .mb-lg-48 {
    margin-bottom: 48px;
  }
}
@media (min-width: 1024px) {
  .mb-xl-48 {
    margin-bottom: 48px !important;
  }
}
@media (min-width: 1440px) {
  .mb-xxl-48 {
    margin-bottom: 48px;
  }
}
.mb-56 {
  margin-bottom: 56px;
}

@media (min-width: 375px) {
  .mb-sm-56 {
    margin-bottom: 56px;
  }
}
@media (min-width: 425px) {
  .mb-md-56 {
    margin-bottom: 56px;
  }
}
@media (min-width: 768px) {
  .mb-lg-56 {
    margin-bottom: 56px;
  }
}
@media (min-width: 1024px) {
  .mb-xl-56 {
    margin-bottom: 56px !important;
  }
}
@media (min-width: 1440px) {
  .mb-xxl-56 {
    margin-bottom: 56px;
  }
}
.mb-64 {
  margin-bottom: 64px;
}

@media (min-width: 375px) {
  .mb-sm-64 {
    margin-bottom: 64px;
  }
}
@media (min-width: 425px) {
  .mb-md-64 {
    margin-bottom: 64px;
  }
}
@media (min-width: 768px) {
  .mb-lg-64 {
    margin-bottom: 64px;
  }
}
@media (min-width: 1024px) {
  .mb-xl-64 {
    margin-bottom: 64px !important;
  }
}
@media (min-width: 1440px) {
  .mb-xxl-64 {
    margin-bottom: 64px;
  }
}
.mb-72 {
  margin-bottom: 72px;
}

@media (min-width: 375px) {
  .mb-sm-72 {
    margin-bottom: 72px;
  }
}
@media (min-width: 425px) {
  .mb-md-72 {
    margin-bottom: 72px;
  }
}
@media (min-width: 768px) {
  .mb-lg-72 {
    margin-bottom: 72px;
  }
}
@media (min-width: 1024px) {
  .mb-xl-72 {
    margin-bottom: 72px !important;
  }
}
@media (min-width: 1440px) {
  .mb-xxl-72 {
    margin-bottom: 72px;
  }
}
.mb-80 {
  margin-bottom: 80px;
}

@media (min-width: 375px) {
  .mb-sm-80 {
    margin-bottom: 80px;
  }
}
@media (min-width: 425px) {
  .mb-md-80 {
    margin-bottom: 80px;
  }
}
@media (min-width: 768px) {
  .mb-lg-80 {
    margin-bottom: 80px;
  }
}
@media (min-width: 1024px) {
  .mb-xl-80 {
    margin-bottom: 80px !important;
  }
}
@media (min-width: 1440px) {
  .mb-xxl-80 {
    margin-bottom: 80px;
  }
}
.mb-88 {
  margin-bottom: 88px;
}

@media (min-width: 375px) {
  .mb-sm-88 {
    margin-bottom: 88px;
  }
}
@media (min-width: 425px) {
  .mb-md-88 {
    margin-bottom: 88px;
  }
}
@media (min-width: 768px) {
  .mb-lg-88 {
    margin-bottom: 88px;
  }
}
@media (min-width: 1024px) {
  .mb-xl-88 {
    margin-bottom: 88px !important;
  }
}
@media (min-width: 1440px) {
  .mb-xxl-88 {
    margin-bottom: 88px;
  }
}
.mb-96 {
  margin-bottom: 96px;
}

@media (min-width: 375px) {
  .mb-sm-96 {
    margin-bottom: 96px;
  }
}
@media (min-width: 425px) {
  .mb-md-96 {
    margin-bottom: 96px;
  }
}
@media (min-width: 768px) {
  .mb-lg-96 {
    margin-bottom: 96px;
  }
}
@media (min-width: 1024px) {
  .mb-xl-96 {
    margin-bottom: 96px !important;
  }
}
@media (min-width: 1440px) {
  .mb-xxl-96 {
    margin-bottom: 96px;
  }
}
.ml-0 {
  margin-left: 0px;
}

@media (min-width: 375px) {
  .ml-sm-0 {
    margin-left: 0px;
  }
}
@media (min-width: 425px) {
  .ml-md-0 {
    margin-left: 0px;
  }
}
@media (min-width: 768px) {
  .ml-lg-0 {
    margin-left: 0px;
  }
}
@media (min-width: 1024px) {
  .ml-xl-0 {
    margin-left: 0px !important;
  }
}
@media (min-width: 1440px) {
  .ml-xxl-0 {
    margin-left: 0px;
  }
}
.ml-8 {
  margin-left: 8px;
}

@media (min-width: 375px) {
  .ml-sm-8 {
    margin-left: 8px;
  }
}
@media (min-width: 425px) {
  .ml-md-8 {
    margin-left: 8px;
  }
}
@media (min-width: 768px) {
  .ml-lg-8 {
    margin-left: 8px;
  }
}
@media (min-width: 1024px) {
  .ml-xl-8 {
    margin-left: 8px !important;
  }
}
@media (min-width: 1440px) {
  .ml-xxl-8 {
    margin-left: 8px;
  }
}
.ml-16 {
  margin-left: 16px;
}

@media (min-width: 375px) {
  .ml-sm-16 {
    margin-left: 16px;
  }
}
@media (min-width: 425px) {
  .ml-md-16 {
    margin-left: 16px;
  }
}
@media (min-width: 768px) {
  .ml-lg-16 {
    margin-left: 16px;
  }
}
@media (min-width: 1024px) {
  .ml-xl-16 {
    margin-left: 16px !important;
  }
}
@media (min-width: 1440px) {
  .ml-xxl-16 {
    margin-left: 16px;
  }
}
.ml-24 {
  margin-left: 24px;
}

@media (min-width: 375px) {
  .ml-sm-24 {
    margin-left: 24px;
  }
}
@media (min-width: 425px) {
  .ml-md-24 {
    margin-left: 24px;
  }
}
@media (min-width: 768px) {
  .ml-lg-24 {
    margin-left: 24px;
  }
}
@media (min-width: 1024px) {
  .ml-xl-24 {
    margin-left: 24px !important;
  }
}
@media (min-width: 1440px) {
  .ml-xxl-24 {
    margin-left: 24px;
  }
}
.ml-32 {
  margin-left: 32px;
}

@media (min-width: 375px) {
  .ml-sm-32 {
    margin-left: 32px;
  }
}
@media (min-width: 425px) {
  .ml-md-32 {
    margin-left: 32px;
  }
}
@media (min-width: 768px) {
  .ml-lg-32 {
    margin-left: 32px;
  }
}
@media (min-width: 1024px) {
  .ml-xl-32 {
    margin-left: 32px !important;
  }
}
@media (min-width: 1440px) {
  .ml-xxl-32 {
    margin-left: 32px;
  }
}
.ml-40 {
  margin-left: 40px;
}

@media (min-width: 375px) {
  .ml-sm-40 {
    margin-left: 40px;
  }
}
@media (min-width: 425px) {
  .ml-md-40 {
    margin-left: 40px;
  }
}
@media (min-width: 768px) {
  .ml-lg-40 {
    margin-left: 40px;
  }
}
@media (min-width: 1024px) {
  .ml-xl-40 {
    margin-left: 40px !important;
  }
}
@media (min-width: 1440px) {
  .ml-xxl-40 {
    margin-left: 40px;
  }
}
.ml-48 {
  margin-left: 48px;
}

@media (min-width: 375px) {
  .ml-sm-48 {
    margin-left: 48px;
  }
}
@media (min-width: 425px) {
  .ml-md-48 {
    margin-left: 48px;
  }
}
@media (min-width: 768px) {
  .ml-lg-48 {
    margin-left: 48px;
  }
}
@media (min-width: 1024px) {
  .ml-xl-48 {
    margin-left: 48px !important;
  }
}
@media (min-width: 1440px) {
  .ml-xxl-48 {
    margin-left: 48px;
  }
}
.ml-56 {
  margin-left: 56px;
}

@media (min-width: 375px) {
  .ml-sm-56 {
    margin-left: 56px;
  }
}
@media (min-width: 425px) {
  .ml-md-56 {
    margin-left: 56px;
  }
}
@media (min-width: 768px) {
  .ml-lg-56 {
    margin-left: 56px;
  }
}
@media (min-width: 1024px) {
  .ml-xl-56 {
    margin-left: 56px !important;
  }
}
@media (min-width: 1440px) {
  .ml-xxl-56 {
    margin-left: 56px;
  }
}
.ml-64 {
  margin-left: 64px;
}

@media (min-width: 375px) {
  .ml-sm-64 {
    margin-left: 64px;
  }
}
@media (min-width: 425px) {
  .ml-md-64 {
    margin-left: 64px;
  }
}
@media (min-width: 768px) {
  .ml-lg-64 {
    margin-left: 64px;
  }
}
@media (min-width: 1024px) {
  .ml-xl-64 {
    margin-left: 64px !important;
  }
}
@media (min-width: 1440px) {
  .ml-xxl-64 {
    margin-left: 64px;
  }
}
.ml-72 {
  margin-left: 72px;
}

@media (min-width: 375px) {
  .ml-sm-72 {
    margin-left: 72px;
  }
}
@media (min-width: 425px) {
  .ml-md-72 {
    margin-left: 72px;
  }
}
@media (min-width: 768px) {
  .ml-lg-72 {
    margin-left: 72px;
  }
}
@media (min-width: 1024px) {
  .ml-xl-72 {
    margin-left: 72px !important;
  }
}
@media (min-width: 1440px) {
  .ml-xxl-72 {
    margin-left: 72px;
  }
}
.ml-80 {
  margin-left: 80px;
}

@media (min-width: 375px) {
  .ml-sm-80 {
    margin-left: 80px;
  }
}
@media (min-width: 425px) {
  .ml-md-80 {
    margin-left: 80px;
  }
}
@media (min-width: 768px) {
  .ml-lg-80 {
    margin-left: 80px;
  }
}
@media (min-width: 1024px) {
  .ml-xl-80 {
    margin-left: 80px !important;
  }
}
@media (min-width: 1440px) {
  .ml-xxl-80 {
    margin-left: 80px;
  }
}
.ml-88 {
  margin-left: 88px;
}

@media (min-width: 375px) {
  .ml-sm-88 {
    margin-left: 88px;
  }
}
@media (min-width: 425px) {
  .ml-md-88 {
    margin-left: 88px;
  }
}
@media (min-width: 768px) {
  .ml-lg-88 {
    margin-left: 88px;
  }
}
@media (min-width: 1024px) {
  .ml-xl-88 {
    margin-left: 88px !important;
  }
}
@media (min-width: 1440px) {
  .ml-xxl-88 {
    margin-left: 88px;
  }
}
.ml-96 {
  margin-left: 96px;
}

@media (min-width: 375px) {
  .ml-sm-96 {
    margin-left: 96px;
  }
}
@media (min-width: 425px) {
  .ml-md-96 {
    margin-left: 96px;
  }
}
@media (min-width: 768px) {
  .ml-lg-96 {
    margin-left: 96px;
  }
}
@media (min-width: 1024px) {
  .ml-xl-96 {
    margin-left: 96px !important;
  }
}
@media (min-width: 1440px) {
  .ml-xxl-96 {
    margin-left: 96px;
  }
}
.p-0 {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

@media (min-width: 375px) {
  .p-sm-0 {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 425px) {
  .p-md-0 {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 768px) {
  .p-lg-0 {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 1024px) {
  .p-xl-0 {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 1440px) {
  .p-xxl-0 {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.p-8 {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
}

@media (min-width: 375px) {
  .p-sm-8 {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (min-width: 425px) {
  .p-md-8 {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (min-width: 768px) {
  .p-lg-8 {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (min-width: 1024px) {
  .p-xl-8 {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (min-width: 1440px) {
  .p-xxl-8 {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
  }
}
.p-16 {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 375px) {
  .p-sm-16 {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 425px) {
  .p-md-16 {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 768px) {
  .p-lg-16 {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1024px) {
  .p-xl-16 {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1440px) {
  .p-xxl-16 {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.p-24 {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
}

@media (min-width: 375px) {
  .p-sm-24 {
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 425px) {
  .p-md-24 {
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 768px) {
  .p-lg-24 {
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1024px) {
  .p-xl-24 {
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1440px) {
  .p-xxl-24 {
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.p-32 {
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 32px;
  padding-right: 32px;
}

@media (min-width: 375px) {
  .p-sm-32 {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (min-width: 425px) {
  .p-md-32 {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (min-width: 768px) {
  .p-lg-32 {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (min-width: 1024px) {
  .p-xl-32 {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (min-width: 1440px) {
  .p-xxl-32 {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
.p-40 {
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

@media (min-width: 375px) {
  .p-sm-40 {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 425px) {
  .p-md-40 {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 768px) {
  .p-lg-40 {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1024px) {
  .p-xl-40 {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1440px) {
  .p-xxl-40 {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
.p-48 {
  padding-top: 48px;
  padding-bottom: 48px;
  padding-left: 48px;
  padding-right: 48px;
}

@media (min-width: 375px) {
  .p-sm-48 {
    padding-top: 48px;
    padding-bottom: 48px;
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media (min-width: 425px) {
  .p-md-48 {
    padding-top: 48px;
    padding-bottom: 48px;
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media (min-width: 768px) {
  .p-lg-48 {
    padding-top: 48px;
    padding-bottom: 48px;
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media (min-width: 1024px) {
  .p-xl-48 {
    padding-top: 48px;
    padding-bottom: 48px;
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media (min-width: 1440px) {
  .p-xxl-48 {
    padding-top: 48px;
    padding-bottom: 48px;
    padding-left: 48px;
    padding-right: 48px;
  }
}
.p-56 {
  padding-top: 56px;
  padding-bottom: 56px;
  padding-left: 56px;
  padding-right: 56px;
}

@media (min-width: 375px) {
  .p-sm-56 {
    padding-top: 56px;
    padding-bottom: 56px;
    padding-left: 56px;
    padding-right: 56px;
  }
}
@media (min-width: 425px) {
  .p-md-56 {
    padding-top: 56px;
    padding-bottom: 56px;
    padding-left: 56px;
    padding-right: 56px;
  }
}
@media (min-width: 768px) {
  .p-lg-56 {
    padding-top: 56px;
    padding-bottom: 56px;
    padding-left: 56px;
    padding-right: 56px;
  }
}
@media (min-width: 1024px) {
  .p-xl-56 {
    padding-top: 56px;
    padding-bottom: 56px;
    padding-left: 56px;
    padding-right: 56px;
  }
}
@media (min-width: 1440px) {
  .p-xxl-56 {
    padding-top: 56px;
    padding-bottom: 56px;
    padding-left: 56px;
    padding-right: 56px;
  }
}
.p-64 {
  padding-top: 64px;
  padding-bottom: 64px;
  padding-left: 64px;
  padding-right: 64px;
}

@media (min-width: 375px) {
  .p-sm-64 {
    padding-top: 64px;
    padding-bottom: 64px;
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media (min-width: 425px) {
  .p-md-64 {
    padding-top: 64px;
    padding-bottom: 64px;
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media (min-width: 768px) {
  .p-lg-64 {
    padding-top: 64px;
    padding-bottom: 64px;
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media (min-width: 1024px) {
  .p-xl-64 {
    padding-top: 64px;
    padding-bottom: 64px;
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media (min-width: 1440px) {
  .p-xxl-64 {
    padding-top: 64px;
    padding-bottom: 64px;
    padding-left: 64px;
    padding-right: 64px;
  }
}
.p-72 {
  padding-top: 72px;
  padding-bottom: 72px;
  padding-left: 72px;
  padding-right: 72px;
}

@media (min-width: 375px) {
  .p-sm-72 {
    padding-top: 72px;
    padding-bottom: 72px;
    padding-left: 72px;
    padding-right: 72px;
  }
}
@media (min-width: 425px) {
  .p-md-72 {
    padding-top: 72px;
    padding-bottom: 72px;
    padding-left: 72px;
    padding-right: 72px;
  }
}
@media (min-width: 768px) {
  .p-lg-72 {
    padding-top: 72px;
    padding-bottom: 72px;
    padding-left: 72px;
    padding-right: 72px;
  }
}
@media (min-width: 1024px) {
  .p-xl-72 {
    padding-top: 72px;
    padding-bottom: 72px;
    padding-left: 72px;
    padding-right: 72px;
  }
}
@media (min-width: 1440px) {
  .p-xxl-72 {
    padding-top: 72px;
    padding-bottom: 72px;
    padding-left: 72px;
    padding-right: 72px;
  }
}
.p-80 {
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 80px;
  padding-right: 80px;
}

@media (min-width: 375px) {
  .p-sm-80 {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media (min-width: 425px) {
  .p-md-80 {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media (min-width: 768px) {
  .p-lg-80 {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media (min-width: 1024px) {
  .p-xl-80 {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media (min-width: 1440px) {
  .p-xxl-80 {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 80px;
    padding-right: 80px;
  }
}
.p-88 {
  padding-top: 88px;
  padding-bottom: 88px;
  padding-left: 88px;
  padding-right: 88px;
}

@media (min-width: 375px) {
  .p-sm-88 {
    padding-top: 88px;
    padding-bottom: 88px;
    padding-left: 88px;
    padding-right: 88px;
  }
}
@media (min-width: 425px) {
  .p-md-88 {
    padding-top: 88px;
    padding-bottom: 88px;
    padding-left: 88px;
    padding-right: 88px;
  }
}
@media (min-width: 768px) {
  .p-lg-88 {
    padding-top: 88px;
    padding-bottom: 88px;
    padding-left: 88px;
    padding-right: 88px;
  }
}
@media (min-width: 1024px) {
  .p-xl-88 {
    padding-top: 88px;
    padding-bottom: 88px;
    padding-left: 88px;
    padding-right: 88px;
  }
}
@media (min-width: 1440px) {
  .p-xxl-88 {
    padding-top: 88px;
    padding-bottom: 88px;
    padding-left: 88px;
    padding-right: 88px;
  }
}
.p-96 {
  padding-top: 96px;
  padding-bottom: 96px;
  padding-left: 96px;
  padding-right: 96px;
}

@media (min-width: 375px) {
  .p-sm-96 {
    padding-top: 96px;
    padding-bottom: 96px;
    padding-left: 96px;
    padding-right: 96px;
  }
}
@media (min-width: 425px) {
  .p-md-96 {
    padding-top: 96px;
    padding-bottom: 96px;
    padding-left: 96px;
    padding-right: 96px;
  }
}
@media (min-width: 768px) {
  .p-lg-96 {
    padding-top: 96px;
    padding-bottom: 96px;
    padding-left: 96px;
    padding-right: 96px;
  }
}
@media (min-width: 1024px) {
  .p-xl-96 {
    padding-top: 96px;
    padding-bottom: 96px;
    padding-left: 96px;
    padding-right: 96px;
  }
}
@media (min-width: 1440px) {
  .p-xxl-96 {
    padding-top: 96px;
    padding-bottom: 96px;
    padding-left: 96px;
    padding-right: 96px;
  }
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

@media (min-width: 375px) {
  .py-sm-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
@media (min-width: 425px) {
  .py-md-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
@media (min-width: 768px) {
  .py-lg-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
@media (min-width: 1024px) {
  .py-xl-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
@media (min-width: 1440px) {
  .py-xxl-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.py-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

@media (min-width: 375px) {
  .py-sm-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
@media (min-width: 425px) {
  .py-md-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
@media (min-width: 768px) {
  .py-lg-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
@media (min-width: 1024px) {
  .py-xl-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
@media (min-width: 1440px) {
  .py-xxl-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.py-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

@media (min-width: 375px) {
  .py-sm-16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media (min-width: 425px) {
  .py-md-16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media (min-width: 768px) {
  .py-lg-16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media (min-width: 1024px) {
  .py-xl-16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media (min-width: 1440px) {
  .py-xxl-16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.py-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

@media (min-width: 375px) {
  .py-sm-24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media (min-width: 425px) {
  .py-md-24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media (min-width: 768px) {
  .py-lg-24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media (min-width: 1024px) {
  .py-xl-24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media (min-width: 1440px) {
  .py-xxl-24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.py-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

@media (min-width: 375px) {
  .py-sm-32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media (min-width: 425px) {
  .py-md-32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media (min-width: 768px) {
  .py-lg-32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media (min-width: 1024px) {
  .py-xl-32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media (min-width: 1440px) {
  .py-xxl-32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (min-width: 375px) {
  .py-sm-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 425px) {
  .py-md-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .py-lg-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .py-xl-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 1440px) {
  .py-xxl-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.py-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

@media (min-width: 375px) {
  .py-sm-48 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
@media (min-width: 425px) {
  .py-md-48 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
@media (min-width: 768px) {
  .py-lg-48 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
@media (min-width: 1024px) {
  .py-xl-48 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
@media (min-width: 1440px) {
  .py-xxl-48 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
.py-56 {
  padding-top: 56px;
  padding-bottom: 56px;
}

@media (min-width: 375px) {
  .py-sm-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
}
@media (min-width: 425px) {
  .py-md-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
}
@media (min-width: 768px) {
  .py-lg-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
}
@media (min-width: 1024px) {
  .py-xl-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
}
@media (min-width: 1440px) {
  .py-xxl-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
}
.py-64 {
  padding-top: 64px;
  padding-bottom: 64px;
}

@media (min-width: 375px) {
  .py-sm-64 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media (min-width: 425px) {
  .py-md-64 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media (min-width: 768px) {
  .py-lg-64 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media (min-width: 1024px) {
  .py-xl-64 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media (min-width: 1440px) {
  .py-xxl-64 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
.py-72 {
  padding-top: 72px;
  padding-bottom: 72px;
}

@media (min-width: 375px) {
  .py-sm-72 {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}
@media (min-width: 425px) {
  .py-md-72 {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}
@media (min-width: 768px) {
  .py-lg-72 {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}
@media (min-width: 1024px) {
  .py-xl-72 {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}
@media (min-width: 1440px) {
  .py-xxl-72 {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}
.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (min-width: 375px) {
  .py-sm-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (min-width: 425px) {
  .py-md-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (min-width: 768px) {
  .py-lg-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1024px) {
  .py-xl-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1440px) {
  .py-xxl-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.py-88 {
  padding-top: 88px;
  padding-bottom: 88px;
}

@media (min-width: 375px) {
  .py-sm-88 {
    padding-top: 88px;
    padding-bottom: 88px;
  }
}
@media (min-width: 425px) {
  .py-md-88 {
    padding-top: 88px;
    padding-bottom: 88px;
  }
}
@media (min-width: 768px) {
  .py-lg-88 {
    padding-top: 88px;
    padding-bottom: 88px;
  }
}
@media (min-width: 1024px) {
  .py-xl-88 {
    padding-top: 88px;
    padding-bottom: 88px;
  }
}
@media (min-width: 1440px) {
  .py-xxl-88 {
    padding-top: 88px;
    padding-bottom: 88px;
  }
}
.py-96 {
  padding-top: 96px;
  padding-bottom: 96px;
}

@media (min-width: 375px) {
  .py-sm-96 {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}
@media (min-width: 425px) {
  .py-md-96 {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}
@media (min-width: 768px) {
  .py-lg-96 {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}
@media (min-width: 1024px) {
  .py-xl-96 {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}
@media (min-width: 1440px) {
  .py-xxl-96 {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

@media (min-width: 375px) {
  .px-sm-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 425px) {
  .px-md-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 768px) {
  .px-lg-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 1024px) {
  .px-xl-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 1440px) {
  .px-xxl-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.px-8 {
  padding-left: 8px;
  padding-right: 8px;
}

@media (min-width: 375px) {
  .px-sm-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (min-width: 425px) {
  .px-md-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (min-width: 768px) {
  .px-lg-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (min-width: 1024px) {
  .px-xl-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (min-width: 1440px) {
  .px-xxl-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.px-16 {
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 375px) {
  .px-sm-16 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 425px) {
  .px-md-16 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 768px) {
  .px-lg-16 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1024px) {
  .px-xl-16 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1440px) {
  .px-xxl-16 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.px-24 {
  padding-left: 24px;
  padding-right: 24px;
}

@media (min-width: 375px) {
  .px-sm-24 {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 425px) {
  .px-md-24 {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 768px) {
  .px-lg-24 {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1024px) {
  .px-xl-24 {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1440px) {
  .px-xxl-24 {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.px-32 {
  padding-left: 32px;
  padding-right: 32px;
}

@media (min-width: 375px) {
  .px-sm-32 {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (min-width: 425px) {
  .px-md-32 {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (min-width: 768px) {
  .px-lg-32 {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (min-width: 1024px) {
  .px-xl-32 {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (min-width: 1440px) {
  .px-xxl-32 {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.px-40 {
  padding-left: 40px;
  padding-right: 40px;
}

@media (min-width: 375px) {
  .px-sm-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 425px) {
  .px-md-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 768px) {
  .px-lg-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1024px) {
  .px-xl-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1440px) {
  .px-xxl-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.px-48 {
  padding-left: 48px;
  padding-right: 48px;
}

@media (min-width: 375px) {
  .px-sm-48 {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media (min-width: 425px) {
  .px-md-48 {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media (min-width: 768px) {
  .px-lg-48 {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media (min-width: 1024px) {
  .px-xl-48 {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media (min-width: 1440px) {
  .px-xxl-48 {
    padding-left: 48px;
    padding-right: 48px;
  }
}
.px-56 {
  padding-left: 56px;
  padding-right: 56px;
}

@media (min-width: 375px) {
  .px-sm-56 {
    padding-left: 56px;
    padding-right: 56px;
  }
}
@media (min-width: 425px) {
  .px-md-56 {
    padding-left: 56px;
    padding-right: 56px;
  }
}
@media (min-width: 768px) {
  .px-lg-56 {
    padding-left: 56px;
    padding-right: 56px;
  }
}
@media (min-width: 1024px) {
  .px-xl-56 {
    padding-left: 56px;
    padding-right: 56px;
  }
}
@media (min-width: 1440px) {
  .px-xxl-56 {
    padding-left: 56px;
    padding-right: 56px;
  }
}
.px-64 {
  padding-left: 64px;
  padding-right: 64px;
}

@media (min-width: 375px) {
  .px-sm-64 {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media (min-width: 425px) {
  .px-md-64 {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media (min-width: 768px) {
  .px-lg-64 {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media (min-width: 1024px) {
  .px-xl-64 {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media (min-width: 1440px) {
  .px-xxl-64 {
    padding-left: 64px;
    padding-right: 64px;
  }
}
.px-72 {
  padding-left: 72px;
  padding-right: 72px;
}

@media (min-width: 375px) {
  .px-sm-72 {
    padding-left: 72px;
    padding-right: 72px;
  }
}
@media (min-width: 425px) {
  .px-md-72 {
    padding-left: 72px;
    padding-right: 72px;
  }
}
@media (min-width: 768px) {
  .px-lg-72 {
    padding-left: 72px;
    padding-right: 72px;
  }
}
@media (min-width: 1024px) {
  .px-xl-72 {
    padding-left: 72px;
    padding-right: 72px;
  }
}
@media (min-width: 1440px) {
  .px-xxl-72 {
    padding-left: 72px;
    padding-right: 72px;
  }
}
.px-80 {
  padding-left: 80px;
  padding-right: 80px;
}

@media (min-width: 375px) {
  .px-sm-80 {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media (min-width: 425px) {
  .px-md-80 {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media (min-width: 768px) {
  .px-lg-80 {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media (min-width: 1024px) {
  .px-xl-80 {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media (min-width: 1440px) {
  .px-xxl-80 {
    padding-left: 80px;
    padding-right: 80px;
  }
}
.px-88 {
  padding-left: 88px;
  padding-right: 88px;
}

@media (min-width: 375px) {
  .px-sm-88 {
    padding-left: 88px;
    padding-right: 88px;
  }
}
@media (min-width: 425px) {
  .px-md-88 {
    padding-left: 88px;
    padding-right: 88px;
  }
}
@media (min-width: 768px) {
  .px-lg-88 {
    padding-left: 88px;
    padding-right: 88px;
  }
}
@media (min-width: 1024px) {
  .px-xl-88 {
    padding-left: 88px;
    padding-right: 88px;
  }
}
@media (min-width: 1440px) {
  .px-xxl-88 {
    padding-left: 88px;
    padding-right: 88px;
  }
}
.px-96 {
  padding-left: 96px;
  padding-right: 96px;
}

@media (min-width: 375px) {
  .px-sm-96 {
    padding-left: 96px;
    padding-right: 96px;
  }
}
@media (min-width: 425px) {
  .px-md-96 {
    padding-left: 96px;
    padding-right: 96px;
  }
}
@media (min-width: 768px) {
  .px-lg-96 {
    padding-left: 96px;
    padding-right: 96px;
  }
}
@media (min-width: 1024px) {
  .px-xl-96 {
    padding-left: 96px;
    padding-right: 96px;
  }
}
@media (min-width: 1440px) {
  .px-xxl-96 {
    padding-left: 96px;
    padding-right: 96px;
  }
}
.pt-0 {
  padding-top: 0px;
}

@media (min-width: 375px) {
  .pt-sm-0 {
    padding-top: 0px;
  }
}
@media (min-width: 425px) {
  .pt-md-0 {
    padding-top: 0px;
  }
}
@media (min-width: 768px) {
  .pt-lg-0 {
    padding-top: 0px;
  }
}
@media (min-width: 1024px) {
  .pt-xl-0 {
    padding-top: 0px;
  }
}
@media (min-width: 1440px) {
  .pt-xxl-0 {
    padding-top: 0px;
  }
}
.pt-8 {
  padding-top: 8px;
}

@media (min-width: 375px) {
  .pt-sm-8 {
    padding-top: 8px;
  }
}
@media (min-width: 425px) {
  .pt-md-8 {
    padding-top: 8px;
  }
}
@media (min-width: 768px) {
  .pt-lg-8 {
    padding-top: 8px;
  }
}
@media (min-width: 1024px) {
  .pt-xl-8 {
    padding-top: 8px;
  }
}
@media (min-width: 1440px) {
  .pt-xxl-8 {
    padding-top: 8px;
  }
}
.pt-16 {
  padding-top: 16px;
}

@media (min-width: 375px) {
  .pt-sm-16 {
    padding-top: 16px;
  }
}
@media (min-width: 425px) {
  .pt-md-16 {
    padding-top: 16px;
  }
}
@media (min-width: 768px) {
  .pt-lg-16 {
    padding-top: 16px;
  }
}
@media (min-width: 1024px) {
  .pt-xl-16 {
    padding-top: 16px;
  }
}
@media (min-width: 1440px) {
  .pt-xxl-16 {
    padding-top: 16px;
  }
}
.pt-24 {
  padding-top: 24px;
}

@media (min-width: 375px) {
  .pt-sm-24 {
    padding-top: 24px;
  }
}
@media (min-width: 425px) {
  .pt-md-24 {
    padding-top: 24px;
  }
}
@media (min-width: 768px) {
  .pt-lg-24 {
    padding-top: 24px;
  }
}
@media (min-width: 1024px) {
  .pt-xl-24 {
    padding-top: 24px;
  }
}
@media (min-width: 1440px) {
  .pt-xxl-24 {
    padding-top: 24px;
  }
}
.pt-32 {
  padding-top: 32px;
}

@media (min-width: 375px) {
  .pt-sm-32 {
    padding-top: 32px;
  }
}
@media (min-width: 425px) {
  .pt-md-32 {
    padding-top: 32px;
  }
}
@media (min-width: 768px) {
  .pt-lg-32 {
    padding-top: 32px;
  }
}
@media (min-width: 1024px) {
  .pt-xl-32 {
    padding-top: 32px;
  }
}
@media (min-width: 1440px) {
  .pt-xxl-32 {
    padding-top: 32px;
  }
}
.pt-40 {
  padding-top: 40px;
}

@media (min-width: 375px) {
  .pt-sm-40 {
    padding-top: 40px;
  }
}
@media (min-width: 425px) {
  .pt-md-40 {
    padding-top: 40px;
  }
}
@media (min-width: 768px) {
  .pt-lg-40 {
    padding-top: 40px;
  }
}
@media (min-width: 1024px) {
  .pt-xl-40 {
    padding-top: 40px;
  }
}
@media (min-width: 1440px) {
  .pt-xxl-40 {
    padding-top: 40px;
  }
}
.pt-48 {
  padding-top: 48px;
}

@media (min-width: 375px) {
  .pt-sm-48 {
    padding-top: 48px;
  }
}
@media (min-width: 425px) {
  .pt-md-48 {
    padding-top: 48px;
  }
}
@media (min-width: 768px) {
  .pt-lg-48 {
    padding-top: 48px;
  }
}
@media (min-width: 1024px) {
  .pt-xl-48 {
    padding-top: 48px;
  }
}
@media (min-width: 1440px) {
  .pt-xxl-48 {
    padding-top: 48px;
  }
}
.pt-56 {
  padding-top: 56px;
}

@media (min-width: 375px) {
  .pt-sm-56 {
    padding-top: 56px;
  }
}
@media (min-width: 425px) {
  .pt-md-56 {
    padding-top: 56px;
  }
}
@media (min-width: 768px) {
  .pt-lg-56 {
    padding-top: 56px;
  }
}
@media (min-width: 1024px) {
  .pt-xl-56 {
    padding-top: 56px;
  }
}
@media (min-width: 1440px) {
  .pt-xxl-56 {
    padding-top: 56px;
  }
}
.pt-64 {
  padding-top: 64px;
}

@media (min-width: 375px) {
  .pt-sm-64 {
    padding-top: 64px;
  }
}
@media (min-width: 425px) {
  .pt-md-64 {
    padding-top: 64px;
  }
}
@media (min-width: 768px) {
  .pt-lg-64 {
    padding-top: 64px;
  }
}
@media (min-width: 1024px) {
  .pt-xl-64 {
    padding-top: 64px;
  }
}
@media (min-width: 1440px) {
  .pt-xxl-64 {
    padding-top: 64px;
  }
}
.pt-72 {
  padding-top: 72px;
}

@media (min-width: 375px) {
  .pt-sm-72 {
    padding-top: 72px;
  }
}
@media (min-width: 425px) {
  .pt-md-72 {
    padding-top: 72px;
  }
}
@media (min-width: 768px) {
  .pt-lg-72 {
    padding-top: 72px;
  }
}
@media (min-width: 1024px) {
  .pt-xl-72 {
    padding-top: 72px;
  }
}
@media (min-width: 1440px) {
  .pt-xxl-72 {
    padding-top: 72px;
  }
}
.pt-80 {
  padding-top: 80px;
}

@media (min-width: 375px) {
  .pt-sm-80 {
    padding-top: 80px;
  }
}
@media (min-width: 425px) {
  .pt-md-80 {
    padding-top: 80px;
  }
}
@media (min-width: 768px) {
  .pt-lg-80 {
    padding-top: 80px;
  }
}
@media (min-width: 1024px) {
  .pt-xl-80 {
    padding-top: 80px;
  }
}
@media (min-width: 1440px) {
  .pt-xxl-80 {
    padding-top: 80px;
  }
}
.pt-88 {
  padding-top: 88px;
}

@media (min-width: 375px) {
  .pt-sm-88 {
    padding-top: 88px;
  }
}
@media (min-width: 425px) {
  .pt-md-88 {
    padding-top: 88px;
  }
}
@media (min-width: 768px) {
  .pt-lg-88 {
    padding-top: 88px;
  }
}
@media (min-width: 1024px) {
  .pt-xl-88 {
    padding-top: 88px;
  }
}
@media (min-width: 1440px) {
  .pt-xxl-88 {
    padding-top: 88px;
  }
}
.pt-96 {
  padding-top: 96px;
}

@media (min-width: 375px) {
  .pt-sm-96 {
    padding-top: 96px;
  }
}
@media (min-width: 425px) {
  .pt-md-96 {
    padding-top: 96px;
  }
}
@media (min-width: 768px) {
  .pt-lg-96 {
    padding-top: 96px;
  }
}
@media (min-width: 1024px) {
  .pt-xl-96 {
    padding-top: 96px;
  }
}
@media (min-width: 1440px) {
  .pt-xxl-96 {
    padding-top: 96px;
  }
}
.pr-0 {
  padding-right: 0px;
}

@media (min-width: 375px) {
  .pr-sm-0 {
    padding-right: 0px;
  }
}
@media (min-width: 425px) {
  .pr-md-0 {
    padding-right: 0px;
  }
}
@media (min-width: 768px) {
  .pr-lg-0 {
    padding-right: 0px;
  }
}
@media (min-width: 1024px) {
  .pr-xl-0 {
    padding-right: 0px;
  }
}
@media (min-width: 1440px) {
  .pr-xxl-0 {
    padding-right: 0px;
  }
}
.pr-8 {
  padding-right: 8px;
}

@media (min-width: 375px) {
  .pr-sm-8 {
    padding-right: 8px;
  }
}
@media (min-width: 425px) {
  .pr-md-8 {
    padding-right: 8px;
  }
}
@media (min-width: 768px) {
  .pr-lg-8 {
    padding-right: 8px;
  }
}
@media (min-width: 1024px) {
  .pr-xl-8 {
    padding-right: 8px;
  }
}
@media (min-width: 1440px) {
  .pr-xxl-8 {
    padding-right: 8px;
  }
}
.pr-16 {
  padding-right: 16px;
}

@media (min-width: 375px) {
  .pr-sm-16 {
    padding-right: 16px;
  }
}
@media (min-width: 425px) {
  .pr-md-16 {
    padding-right: 16px;
  }
}
@media (min-width: 768px) {
  .pr-lg-16 {
    padding-right: 16px;
  }
}
@media (min-width: 1024px) {
  .pr-xl-16 {
    padding-right: 16px;
  }
}
@media (min-width: 1440px) {
  .pr-xxl-16 {
    padding-right: 16px;
  }
}
.pr-24 {
  padding-right: 24px;
}

@media (min-width: 375px) {
  .pr-sm-24 {
    padding-right: 24px;
  }
}
@media (min-width: 425px) {
  .pr-md-24 {
    padding-right: 24px;
  }
}
@media (min-width: 768px) {
  .pr-lg-24 {
    padding-right: 24px;
  }
}
@media (min-width: 1024px) {
  .pr-xl-24 {
    padding-right: 24px;
  }
}
@media (min-width: 1440px) {
  .pr-xxl-24 {
    padding-right: 24px;
  }
}
.pr-32 {
  padding-right: 32px;
}

@media (min-width: 375px) {
  .pr-sm-32 {
    padding-right: 32px;
  }
}
@media (min-width: 425px) {
  .pr-md-32 {
    padding-right: 32px;
  }
}
@media (min-width: 768px) {
  .pr-lg-32 {
    padding-right: 32px;
  }
}
@media (min-width: 1024px) {
  .pr-xl-32 {
    padding-right: 32px;
  }
}
@media (min-width: 1440px) {
  .pr-xxl-32 {
    padding-right: 32px;
  }
}
.pr-40 {
  padding-right: 40px;
}

@media (min-width: 375px) {
  .pr-sm-40 {
    padding-right: 40px;
  }
}
@media (min-width: 425px) {
  .pr-md-40 {
    padding-right: 40px;
  }
}
@media (min-width: 768px) {
  .pr-lg-40 {
    padding-right: 40px;
  }
}
@media (min-width: 1024px) {
  .pr-xl-40 {
    padding-right: 40px;
  }
}
@media (min-width: 1440px) {
  .pr-xxl-40 {
    padding-right: 40px;
  }
}
.pr-48 {
  padding-right: 48px;
}

@media (min-width: 375px) {
  .pr-sm-48 {
    padding-right: 48px;
  }
}
@media (min-width: 425px) {
  .pr-md-48 {
    padding-right: 48px;
  }
}
@media (min-width: 768px) {
  .pr-lg-48 {
    padding-right: 48px;
  }
}
@media (min-width: 1024px) {
  .pr-xl-48 {
    padding-right: 48px;
  }
}
@media (min-width: 1440px) {
  .pr-xxl-48 {
    padding-right: 48px;
  }
}
.pr-56 {
  padding-right: 56px;
}

@media (min-width: 375px) {
  .pr-sm-56 {
    padding-right: 56px;
  }
}
@media (min-width: 425px) {
  .pr-md-56 {
    padding-right: 56px;
  }
}
@media (min-width: 768px) {
  .pr-lg-56 {
    padding-right: 56px;
  }
}
@media (min-width: 1024px) {
  .pr-xl-56 {
    padding-right: 56px;
  }
}
@media (min-width: 1440px) {
  .pr-xxl-56 {
    padding-right: 56px;
  }
}
.pr-64 {
  padding-right: 64px;
}

@media (min-width: 375px) {
  .pr-sm-64 {
    padding-right: 64px;
  }
}
@media (min-width: 425px) {
  .pr-md-64 {
    padding-right: 64px;
  }
}
@media (min-width: 768px) {
  .pr-lg-64 {
    padding-right: 64px;
  }
}
@media (min-width: 1024px) {
  .pr-xl-64 {
    padding-right: 64px;
  }
}
@media (min-width: 1440px) {
  .pr-xxl-64 {
    padding-right: 64px;
  }
}
.pr-72 {
  padding-right: 72px;
}

@media (min-width: 375px) {
  .pr-sm-72 {
    padding-right: 72px;
  }
}
@media (min-width: 425px) {
  .pr-md-72 {
    padding-right: 72px;
  }
}
@media (min-width: 768px) {
  .pr-lg-72 {
    padding-right: 72px;
  }
}
@media (min-width: 1024px) {
  .pr-xl-72 {
    padding-right: 72px;
  }
}
@media (min-width: 1440px) {
  .pr-xxl-72 {
    padding-right: 72px;
  }
}
.pr-80 {
  padding-right: 80px;
}

@media (min-width: 375px) {
  .pr-sm-80 {
    padding-right: 80px;
  }
}
@media (min-width: 425px) {
  .pr-md-80 {
    padding-right: 80px;
  }
}
@media (min-width: 768px) {
  .pr-lg-80 {
    padding-right: 80px;
  }
}
@media (min-width: 1024px) {
  .pr-xl-80 {
    padding-right: 80px;
  }
}
@media (min-width: 1440px) {
  .pr-xxl-80 {
    padding-right: 80px;
  }
}
.pr-88 {
  padding-right: 88px;
}

@media (min-width: 375px) {
  .pr-sm-88 {
    padding-right: 88px;
  }
}
@media (min-width: 425px) {
  .pr-md-88 {
    padding-right: 88px;
  }
}
@media (min-width: 768px) {
  .pr-lg-88 {
    padding-right: 88px;
  }
}
@media (min-width: 1024px) {
  .pr-xl-88 {
    padding-right: 88px;
  }
}
@media (min-width: 1440px) {
  .pr-xxl-88 {
    padding-right: 88px;
  }
}
.pr-96 {
  padding-right: 96px;
}

@media (min-width: 375px) {
  .pr-sm-96 {
    padding-right: 96px;
  }
}
@media (min-width: 425px) {
  .pr-md-96 {
    padding-right: 96px;
  }
}
@media (min-width: 768px) {
  .pr-lg-96 {
    padding-right: 96px;
  }
}
@media (min-width: 1024px) {
  .pr-xl-96 {
    padding-right: 96px;
  }
}
@media (min-width: 1440px) {
  .pr-xxl-96 {
    padding-right: 96px;
  }
}
.pb-0 {
  padding-bottom: 0px;
}

@media (min-width: 375px) {
  .pb-sm-0 {
    padding-bottom: 0px;
  }
}
@media (min-width: 425px) {
  .pb-md-0 {
    padding-bottom: 0px;
  }
}
@media (min-width: 768px) {
  .pb-lg-0 {
    padding-bottom: 0px;
  }
}
@media (min-width: 1024px) {
  .pb-xl-0 {
    padding-bottom: 0px;
  }
}
@media (min-width: 1440px) {
  .pb-xxl-0 {
    padding-bottom: 0px;
  }
}
.pb-8 {
  padding-bottom: 8px;
}

@media (min-width: 375px) {
  .pb-sm-8 {
    padding-bottom: 8px;
  }
}
@media (min-width: 425px) {
  .pb-md-8 {
    padding-bottom: 8px;
  }
}
@media (min-width: 768px) {
  .pb-lg-8 {
    padding-bottom: 8px;
  }
}
@media (min-width: 1024px) {
  .pb-xl-8 {
    padding-bottom: 8px;
  }
}
@media (min-width: 1440px) {
  .pb-xxl-8 {
    padding-bottom: 8px;
  }
}
.pb-16 {
  padding-bottom: 16px;
}

@media (min-width: 375px) {
  .pb-sm-16 {
    padding-bottom: 16px;
  }
}
@media (min-width: 425px) {
  .pb-md-16 {
    padding-bottom: 16px;
  }
}
@media (min-width: 768px) {
  .pb-lg-16 {
    padding-bottom: 16px;
  }
}
@media (min-width: 1024px) {
  .pb-xl-16 {
    padding-bottom: 16px;
  }
}
@media (min-width: 1440px) {
  .pb-xxl-16 {
    padding-bottom: 16px;
  }
}
.pb-24 {
  padding-bottom: 24px;
}

@media (min-width: 375px) {
  .pb-sm-24 {
    padding-bottom: 24px;
  }
}
@media (min-width: 425px) {
  .pb-md-24 {
    padding-bottom: 24px;
  }
}
@media (min-width: 768px) {
  .pb-lg-24 {
    padding-bottom: 24px;
  }
}
@media (min-width: 1024px) {
  .pb-xl-24 {
    padding-bottom: 24px;
  }
}
@media (min-width: 1440px) {
  .pb-xxl-24 {
    padding-bottom: 24px;
  }
}
.pb-32 {
  padding-bottom: 32px;
}

@media (min-width: 375px) {
  .pb-sm-32 {
    padding-bottom: 32px;
  }
}
@media (min-width: 425px) {
  .pb-md-32 {
    padding-bottom: 32px;
  }
}
@media (min-width: 768px) {
  .pb-lg-32 {
    padding-bottom: 32px;
  }
}
@media (min-width: 1024px) {
  .pb-xl-32 {
    padding-bottom: 32px;
  }
}
@media (min-width: 1440px) {
  .pb-xxl-32 {
    padding-bottom: 32px;
  }
}
.pb-40 {
  padding-bottom: 40px;
}

@media (min-width: 375px) {
  .pb-sm-40 {
    padding-bottom: 40px;
  }
}
@media (min-width: 425px) {
  .pb-md-40 {
    padding-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .pb-lg-40 {
    padding-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .pb-xl-40 {
    padding-bottom: 40px;
  }
}
@media (min-width: 1440px) {
  .pb-xxl-40 {
    padding-bottom: 40px;
  }
}
.pb-48 {
  padding-bottom: 48px;
}

@media (min-width: 375px) {
  .pb-sm-48 {
    padding-bottom: 48px;
  }
}
@media (min-width: 425px) {
  .pb-md-48 {
    padding-bottom: 48px;
  }
}
@media (min-width: 768px) {
  .pb-lg-48 {
    padding-bottom: 48px;
  }
}
@media (min-width: 1024px) {
  .pb-xl-48 {
    padding-bottom: 48px;
  }
}
@media (min-width: 1440px) {
  .pb-xxl-48 {
    padding-bottom: 48px;
  }
}
.pb-56 {
  padding-bottom: 56px;
}

@media (min-width: 375px) {
  .pb-sm-56 {
    padding-bottom: 56px;
  }
}
@media (min-width: 425px) {
  .pb-md-56 {
    padding-bottom: 56px;
  }
}
@media (min-width: 768px) {
  .pb-lg-56 {
    padding-bottom: 56px;
  }
}
@media (min-width: 1024px) {
  .pb-xl-56 {
    padding-bottom: 56px;
  }
}
@media (min-width: 1440px) {
  .pb-xxl-56 {
    padding-bottom: 56px;
  }
}
.pb-64 {
  padding-bottom: 64px;
}

@media (min-width: 375px) {
  .pb-sm-64 {
    padding-bottom: 64px;
  }
}
@media (min-width: 425px) {
  .pb-md-64 {
    padding-bottom: 64px;
  }
}
@media (min-width: 768px) {
  .pb-lg-64 {
    padding-bottom: 64px;
  }
}
@media (min-width: 1024px) {
  .pb-xl-64 {
    padding-bottom: 64px;
  }
}
@media (min-width: 1440px) {
  .pb-xxl-64 {
    padding-bottom: 64px;
  }
}
.pb-72 {
  padding-bottom: 72px;
}

@media (min-width: 375px) {
  .pb-sm-72 {
    padding-bottom: 72px;
  }
}
@media (min-width: 425px) {
  .pb-md-72 {
    padding-bottom: 72px;
  }
}
@media (min-width: 768px) {
  .pb-lg-72 {
    padding-bottom: 72px;
  }
}
@media (min-width: 1024px) {
  .pb-xl-72 {
    padding-bottom: 72px;
  }
}
@media (min-width: 1440px) {
  .pb-xxl-72 {
    padding-bottom: 72px;
  }
}
.pb-80 {
  padding-bottom: 80px;
}

@media (min-width: 375px) {
  .pb-sm-80 {
    padding-bottom: 80px;
  }
}
@media (min-width: 425px) {
  .pb-md-80 {
    padding-bottom: 80px;
  }
}
@media (min-width: 768px) {
  .pb-lg-80 {
    padding-bottom: 80px;
  }
}
@media (min-width: 1024px) {
  .pb-xl-80 {
    padding-bottom: 80px;
  }
}
@media (min-width: 1440px) {
  .pb-xxl-80 {
    padding-bottom: 80px;
  }
}
.pb-88 {
  padding-bottom: 88px;
}

@media (min-width: 375px) {
  .pb-sm-88 {
    padding-bottom: 88px;
  }
}
@media (min-width: 425px) {
  .pb-md-88 {
    padding-bottom: 88px;
  }
}
@media (min-width: 768px) {
  .pb-lg-88 {
    padding-bottom: 88px;
  }
}
@media (min-width: 1024px) {
  .pb-xl-88 {
    padding-bottom: 88px;
  }
}
@media (min-width: 1440px) {
  .pb-xxl-88 {
    padding-bottom: 88px;
  }
}
.pb-96 {
  padding-bottom: 96px;
}

@media (min-width: 375px) {
  .pb-sm-96 {
    padding-bottom: 96px;
  }
}
@media (min-width: 425px) {
  .pb-md-96 {
    padding-bottom: 96px;
  }
}
@media (min-width: 768px) {
  .pb-lg-96 {
    padding-bottom: 96px;
  }
}
@media (min-width: 1024px) {
  .pb-xl-96 {
    padding-bottom: 96px;
  }
}
@media (min-width: 1440px) {
  .pb-xxl-96 {
    padding-bottom: 96px;
  }
}
.pl-0 {
  padding-left: 0px;
}

@media (min-width: 375px) {
  .pl-sm-0 {
    padding-left: 0px;
  }
}
@media (min-width: 425px) {
  .pl-md-0 {
    padding-left: 0px;
  }
}
@media (min-width: 768px) {
  .pl-lg-0 {
    padding-left: 0px;
  }
}
@media (min-width: 1024px) {
  .pl-xl-0 {
    padding-left: 0px;
  }
}
@media (min-width: 1440px) {
  .pl-xxl-0 {
    padding-left: 0px;
  }
}
.pl-8 {
  padding-left: 8px;
}

@media (min-width: 375px) {
  .pl-sm-8 {
    padding-left: 8px;
  }
}
@media (min-width: 425px) {
  .pl-md-8 {
    padding-left: 8px;
  }
}
@media (min-width: 768px) {
  .pl-lg-8 {
    padding-left: 8px;
  }
}
@media (min-width: 1024px) {
  .pl-xl-8 {
    padding-left: 8px;
  }
}
@media (min-width: 1440px) {
  .pl-xxl-8 {
    padding-left: 8px;
  }
}
.pl-16 {
  padding-left: 16px;
}

@media (min-width: 375px) {
  .pl-sm-16 {
    padding-left: 16px;
  }
}
@media (min-width: 425px) {
  .pl-md-16 {
    padding-left: 16px;
  }
}
@media (min-width: 768px) {
  .pl-lg-16 {
    padding-left: 16px;
  }
}
@media (min-width: 1024px) {
  .pl-xl-16 {
    padding-left: 16px;
  }
}
@media (min-width: 1440px) {
  .pl-xxl-16 {
    padding-left: 16px;
  }
}
.pl-24 {
  padding-left: 24px;
}

@media (min-width: 375px) {
  .pl-sm-24 {
    padding-left: 24px;
  }
}
@media (min-width: 425px) {
  .pl-md-24 {
    padding-left: 24px;
  }
}
@media (min-width: 768px) {
  .pl-lg-24 {
    padding-left: 24px;
  }
}
@media (min-width: 1024px) {
  .pl-xl-24 {
    padding-left: 24px;
  }
}
@media (min-width: 1440px) {
  .pl-xxl-24 {
    padding-left: 24px;
  }
}
.pl-32 {
  padding-left: 32px;
}

@media (min-width: 375px) {
  .pl-sm-32 {
    padding-left: 32px;
  }
}
@media (min-width: 425px) {
  .pl-md-32 {
    padding-left: 32px;
  }
}
@media (min-width: 768px) {
  .pl-lg-32 {
    padding-left: 32px;
  }
}
@media (min-width: 1024px) {
  .pl-xl-32 {
    padding-left: 32px;
  }
}
@media (min-width: 1440px) {
  .pl-xxl-32 {
    padding-left: 32px;
  }
}
.pl-40 {
  padding-left: 40px;
}

@media (min-width: 375px) {
  .pl-sm-40 {
    padding-left: 40px;
  }
}
@media (min-width: 425px) {
  .pl-md-40 {
    padding-left: 40px;
  }
}
@media (min-width: 768px) {
  .pl-lg-40 {
    padding-left: 40px;
  }
}
@media (min-width: 1024px) {
  .pl-xl-40 {
    padding-left: 40px;
  }
}
@media (min-width: 1440px) {
  .pl-xxl-40 {
    padding-left: 40px;
  }
}
.pl-48 {
  padding-left: 48px;
}

@media (min-width: 375px) {
  .pl-sm-48 {
    padding-left: 48px;
  }
}
@media (min-width: 425px) {
  .pl-md-48 {
    padding-left: 48px;
  }
}
@media (min-width: 768px) {
  .pl-lg-48 {
    padding-left: 48px;
  }
}
@media (min-width: 1024px) {
  .pl-xl-48 {
    padding-left: 48px;
  }
}
@media (min-width: 1440px) {
  .pl-xxl-48 {
    padding-left: 48px;
  }
}
.pl-56 {
  padding-left: 56px;
}

@media (min-width: 375px) {
  .pl-sm-56 {
    padding-left: 56px;
  }
}
@media (min-width: 425px) {
  .pl-md-56 {
    padding-left: 56px;
  }
}
@media (min-width: 768px) {
  .pl-lg-56 {
    padding-left: 56px;
  }
}
@media (min-width: 1024px) {
  .pl-xl-56 {
    padding-left: 56px;
  }
}
@media (min-width: 1440px) {
  .pl-xxl-56 {
    padding-left: 56px;
  }
}
.pl-64 {
  padding-left: 64px;
}

@media (min-width: 375px) {
  .pl-sm-64 {
    padding-left: 64px;
  }
}
@media (min-width: 425px) {
  .pl-md-64 {
    padding-left: 64px;
  }
}
@media (min-width: 768px) {
  .pl-lg-64 {
    padding-left: 64px;
  }
}
@media (min-width: 1024px) {
  .pl-xl-64 {
    padding-left: 64px;
  }
}
@media (min-width: 1440px) {
  .pl-xxl-64 {
    padding-left: 64px;
  }
}
.pl-72 {
  padding-left: 72px;
}

@media (min-width: 375px) {
  .pl-sm-72 {
    padding-left: 72px;
  }
}
@media (min-width: 425px) {
  .pl-md-72 {
    padding-left: 72px;
  }
}
@media (min-width: 768px) {
  .pl-lg-72 {
    padding-left: 72px;
  }
}
@media (min-width: 1024px) {
  .pl-xl-72 {
    padding-left: 72px;
  }
}
@media (min-width: 1440px) {
  .pl-xxl-72 {
    padding-left: 72px;
  }
}
.pl-80 {
  padding-left: 80px;
}

@media (min-width: 375px) {
  .pl-sm-80 {
    padding-left: 80px;
  }
}
@media (min-width: 425px) {
  .pl-md-80 {
    padding-left: 80px;
  }
}
@media (min-width: 768px) {
  .pl-lg-80 {
    padding-left: 80px;
  }
}
@media (min-width: 1024px) {
  .pl-xl-80 {
    padding-left: 80px;
  }
}
@media (min-width: 1440px) {
  .pl-xxl-80 {
    padding-left: 80px;
  }
}
.pl-88 {
  padding-left: 88px;
}

@media (min-width: 375px) {
  .pl-sm-88 {
    padding-left: 88px;
  }
}
@media (min-width: 425px) {
  .pl-md-88 {
    padding-left: 88px;
  }
}
@media (min-width: 768px) {
  .pl-lg-88 {
    padding-left: 88px;
  }
}
@media (min-width: 1024px) {
  .pl-xl-88 {
    padding-left: 88px;
  }
}
@media (min-width: 1440px) {
  .pl-xxl-88 {
    padding-left: 88px;
  }
}
.pl-96 {
  padding-left: 96px;
}

@media (min-width: 375px) {
  .pl-sm-96 {
    padding-left: 96px;
  }
}
@media (min-width: 425px) {
  .pl-md-96 {
    padding-left: 96px;
  }
}
@media (min-width: 768px) {
  .pl-lg-96 {
    padding-left: 96px;
  }
}
@media (min-width: 1024px) {
  .pl-xl-96 {
    padding-left: 96px;
  }
}
@media (min-width: 1440px) {
  .pl-xxl-96 {
    padding-left: 96px;
  }
}
.flex-col {
  flex-direction: column;
}

.flex-col-rev {
  flex-direction: column-reverse;
}

.flex-row {
  flex-direction: row;
}

.flex-row-rev {
  flex-direction: row-reverse;
}

.justify-content-initial {
  justify-content: initial;
}

.justify-content-start {
  justify-content: flex-start;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.justify-content-between {
  justify-content: space-between;
}

.align-items-initial {
  align-items: initial;
}

.align-items-start {
  align-items: flex-start;
}

.align-items-end {
  align-items: flex-end;
}

.align-items-center {
  align-items: center;
}

.fw-100 {
  font-weight: 100 !important;
}

.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

.ta-left {
  text-align: left;
}

.ta-center {
  text-align: center;
}

.ta-right {
  text-align: right;
}

@media (min-width: 375px) {
  .flex-sm-col {
    flex-direction: column;
  }
}
@media (min-width: 375px) {
  .flex-sm-col-rev {
    flex-direction: column-reverse;
  }
}
@media (min-width: 375px) {
  .flex-sm-row {
    flex-direction: row;
  }
}
@media (min-width: 375px) {
  .flex-sm-row-rev {
    flex-direction: row-reverse;
  }
}
@media (min-width: 375px) {
  .justify-content-sm-initial {
    justify-content: initial;
  }
}
@media (min-width: 375px) {
  .justify-content-sm-start {
    justify-content: flex-start;
  }
}
@media (min-width: 375px) {
  .justify-content-sm-end {
    justify-content: flex-end;
  }
}
@media (min-width: 375px) {
  .justify-content-sm-center {
    justify-content: center;
  }
}
@media (min-width: 375px) {
  .justify-content-sm-evenly {
    justify-content: space-evenly;
  }
}
@media (min-width: 375px) {
  .justify-content-sm-between {
    justify-content: space-between;
  }
}
@media (min-width: 375px) {
  .align-items-sm-initial {
    align-items: initial;
  }
}
@media (min-width: 375px) {
  .align-items-sm-start {
    align-items: flex-start;
  }
}
@media (min-width: 375px) {
  .align-items-sm-end {
    align-items: flex-end;
  }
}
@media (min-width: 375px) {
  .align-items-sm-center {
    align-items: center;
  }
}
@media (min-width: 375px) {
  .fw-sm-100 {
    font-weight: 100 !important;
  }
}
@media (min-width: 375px) {
  .fw-sm-200 {
    font-weight: 200 !important;
  }
}
@media (min-width: 375px) {
  .fw-sm-300 {
    font-weight: 300 !important;
  }
}
@media (min-width: 375px) {
  .fw-sm-400 {
    font-weight: 400 !important;
  }
}
@media (min-width: 375px) {
  .fw-sm-500 {
    font-weight: 500 !important;
  }
}
@media (min-width: 375px) {
  .fw-sm-600 {
    font-weight: 600 !important;
  }
}
@media (min-width: 375px) {
  .fw-sm-700 {
    font-weight: 700 !important;
  }
}
@media (min-width: 375px) {
  .fw-sm-800 {
    font-weight: 800 !important;
  }
}
@media (min-width: 375px) {
  .fw-sm-900 {
    font-weight: 900 !important;
  }
}
@media (min-width: 375px) {
  .ta-sm-left {
    text-align: left;
  }
}
@media (min-width: 375px) {
  .ta-sm-center {
    text-align: center;
  }
}
@media (min-width: 375px) {
  .ta-sm-right {
    text-align: right;
  }
}
@media (min-width: 425px) {
  .flex-md-col {
    flex-direction: column;
  }
}
@media (min-width: 425px) {
  .flex-md-col-rev {
    flex-direction: column-reverse;
  }
}
@media (min-width: 425px) {
  .flex-md-row {
    flex-direction: row;
  }
}
@media (min-width: 425px) {
  .flex-md-row-rev {
    flex-direction: row-reverse;
  }
}
@media (min-width: 425px) {
  .justify-content-md-initial {
    justify-content: initial;
  }
}
@media (min-width: 425px) {
  .justify-content-md-start {
    justify-content: flex-start;
  }
}
@media (min-width: 425px) {
  .justify-content-md-end {
    justify-content: flex-end;
  }
}
@media (min-width: 425px) {
  .justify-content-md-center {
    justify-content: center;
  }
}
@media (min-width: 425px) {
  .justify-content-md-evenly {
    justify-content: space-evenly;
  }
}
@media (min-width: 425px) {
  .justify-content-md-between {
    justify-content: space-between;
  }
}
@media (min-width: 425px) {
  .align-items-md-initial {
    align-items: initial;
  }
}
@media (min-width: 425px) {
  .align-items-md-start {
    align-items: flex-start;
  }
}
@media (min-width: 425px) {
  .align-items-md-end {
    align-items: flex-end;
  }
}
@media (min-width: 425px) {
  .align-items-md-center {
    align-items: center;
  }
}
@media (min-width: 425px) {
  .fw-md-100 {
    font-weight: 100 !important;
  }
}
@media (min-width: 425px) {
  .fw-md-200 {
    font-weight: 200 !important;
  }
}
@media (min-width: 425px) {
  .fw-md-300 {
    font-weight: 300 !important;
  }
}
@media (min-width: 425px) {
  .fw-md-400 {
    font-weight: 400 !important;
  }
}
@media (min-width: 425px) {
  .fw-md-500 {
    font-weight: 500 !important;
  }
}
@media (min-width: 425px) {
  .fw-md-600 {
    font-weight: 600 !important;
  }
}
@media (min-width: 425px) {
  .fw-md-700 {
    font-weight: 700 !important;
  }
}
@media (min-width: 425px) {
  .fw-md-800 {
    font-weight: 800 !important;
  }
}
@media (min-width: 425px) {
  .fw-md-900 {
    font-weight: 900 !important;
  }
}
@media (min-width: 425px) {
  .ta-md-left {
    text-align: left;
  }
}
@media (min-width: 425px) {
  .ta-md-center {
    text-align: center;
  }
}
@media (min-width: 425px) {
  .ta-md-right {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .flex-lg-col {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .flex-lg-col-rev {
    flex-direction: column-reverse;
  }
}
@media (min-width: 768px) {
  .flex-lg-row {
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  .flex-lg-row-rev {
    flex-direction: row-reverse;
  }
}
@media (min-width: 768px) {
  .justify-content-lg-initial {
    justify-content: initial;
  }
}
@media (min-width: 768px) {
  .justify-content-lg-start {
    justify-content: flex-start;
  }
}
@media (min-width: 768px) {
  .justify-content-lg-end {
    justify-content: flex-end;
  }
}
@media (min-width: 768px) {
  .justify-content-lg-center {
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .justify-content-lg-evenly {
    justify-content: space-evenly;
  }
}
@media (min-width: 768px) {
  .justify-content-lg-between {
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .align-items-lg-initial {
    align-items: initial;
  }
}
@media (min-width: 768px) {
  .align-items-lg-start {
    align-items: flex-start;
  }
}
@media (min-width: 768px) {
  .align-items-lg-end {
    align-items: flex-end;
  }
}
@media (min-width: 768px) {
  .align-items-lg-center {
    align-items: center;
  }
}
@media (min-width: 768px) {
  .fw-lg-100 {
    font-weight: 100 !important;
  }
}
@media (min-width: 768px) {
  .fw-lg-200 {
    font-weight: 200 !important;
  }
}
@media (min-width: 768px) {
  .fw-lg-300 {
    font-weight: 300 !important;
  }
}
@media (min-width: 768px) {
  .fw-lg-400 {
    font-weight: 400 !important;
  }
}
@media (min-width: 768px) {
  .fw-lg-500 {
    font-weight: 500 !important;
  }
}
@media (min-width: 768px) {
  .fw-lg-600 {
    font-weight: 600 !important;
  }
}
@media (min-width: 768px) {
  .fw-lg-700 {
    font-weight: 700 !important;
  }
}
@media (min-width: 768px) {
  .fw-lg-800 {
    font-weight: 800 !important;
  }
}
@media (min-width: 768px) {
  .fw-lg-900 {
    font-weight: 900 !important;
  }
}
@media (min-width: 768px) {
  .ta-lg-left {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .ta-lg-center {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .ta-lg-right {
    text-align: right;
  }
}
@media (min-width: 1024px) {
  .flex-xl-col {
    flex-direction: column;
  }
}
@media (min-width: 1024px) {
  .flex-xl-col-rev {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1024px) {
  .flex-xl-row {
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .flex-xl-row-rev {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1024px) {
  .justify-content-xl-initial {
    justify-content: initial;
  }
}
@media (min-width: 1024px) {
  .justify-content-xl-start {
    justify-content: flex-start;
  }
}
@media (min-width: 1024px) {
  .justify-content-xl-end {
    justify-content: flex-end;
  }
}
@media (min-width: 1024px) {
  .justify-content-xl-center {
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  .justify-content-xl-evenly {
    justify-content: space-evenly;
  }
}
@media (min-width: 1024px) {
  .justify-content-xl-between {
    justify-content: space-between;
  }
}
@media (min-width: 1024px) {
  .align-items-xl-initial {
    align-items: initial;
  }
}
@media (min-width: 1024px) {
  .align-items-xl-start {
    align-items: flex-start;
  }
}
@media (min-width: 1024px) {
  .align-items-xl-end {
    align-items: flex-end;
  }
}
@media (min-width: 1024px) {
  .align-items-xl-center {
    align-items: center;
  }
}
@media (min-width: 1024px) {
  .fw-xl-100 {
    font-weight: 100 !important;
  }
}
@media (min-width: 1024px) {
  .fw-xl-200 {
    font-weight: 200 !important;
  }
}
@media (min-width: 1024px) {
  .fw-xl-300 {
    font-weight: 300 !important;
  }
}
@media (min-width: 1024px) {
  .fw-xl-400 {
    font-weight: 400 !important;
  }
}
@media (min-width: 1024px) {
  .fw-xl-500 {
    font-weight: 500 !important;
  }
}
@media (min-width: 1024px) {
  .fw-xl-600 {
    font-weight: 600 !important;
  }
}
@media (min-width: 1024px) {
  .fw-xl-700 {
    font-weight: 700 !important;
  }
}
@media (min-width: 1024px) {
  .fw-xl-800 {
    font-weight: 800 !important;
  }
}
@media (min-width: 1024px) {
  .fw-xl-900 {
    font-weight: 900 !important;
  }
}
@media (min-width: 1024px) {
  .ta-xl-left {
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .ta-xl-center {
    text-align: center;
  }
}
@media (min-width: 1024px) {
  .ta-xl-right {
    text-align: right;
  }
}
@media (min-width: 1440px) {
  .flex-xxl-col {
    flex-direction: column;
  }
}
@media (min-width: 1440px) {
  .flex-xxl-col-rev {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1440px) {
  .flex-xxl-row {
    flex-direction: row;
  }
}
@media (min-width: 1440px) {
  .flex-xxl-row-rev {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1440px) {
  .justify-content-xxl-initial {
    justify-content: initial;
  }
}
@media (min-width: 1440px) {
  .justify-content-xxl-start {
    justify-content: flex-start;
  }
}
@media (min-width: 1440px) {
  .justify-content-xxl-end {
    justify-content: flex-end;
  }
}
@media (min-width: 1440px) {
  .justify-content-xxl-center {
    justify-content: center;
  }
}
@media (min-width: 1440px) {
  .justify-content-xxl-evenly {
    justify-content: space-evenly;
  }
}
@media (min-width: 1440px) {
  .justify-content-xxl-between {
    justify-content: space-between;
  }
}
@media (min-width: 1440px) {
  .align-items-xxl-initial {
    align-items: initial;
  }
}
@media (min-width: 1440px) {
  .align-items-xxl-start {
    align-items: flex-start;
  }
}
@media (min-width: 1440px) {
  .align-items-xxl-end {
    align-items: flex-end;
  }
}
@media (min-width: 1440px) {
  .align-items-xxl-center {
    align-items: center;
  }
}
@media (min-width: 1440px) {
  .fw-xxl-100 {
    font-weight: 100 !important;
  }
}
@media (min-width: 1440px) {
  .fw-xxl-200 {
    font-weight: 200 !important;
  }
}
@media (min-width: 1440px) {
  .fw-xxl-300 {
    font-weight: 300 !important;
  }
}
@media (min-width: 1440px) {
  .fw-xxl-400 {
    font-weight: 400 !important;
  }
}
@media (min-width: 1440px) {
  .fw-xxl-500 {
    font-weight: 500 !important;
  }
}
@media (min-width: 1440px) {
  .fw-xxl-600 {
    font-weight: 600 !important;
  }
}
@media (min-width: 1440px) {
  .fw-xxl-700 {
    font-weight: 700 !important;
  }
}
@media (min-width: 1440px) {
  .fw-xxl-800 {
    font-weight: 800 !important;
  }
}
@media (min-width: 1440px) {
  .fw-xxl-900 {
    font-weight: 900 !important;
  }
}
@media (min-width: 1440px) {
  .ta-xxl-left {
    text-align: left;
  }
}
@media (min-width: 1440px) {
  .ta-xxl-center {
    text-align: center;
  }
}
@media (min-width: 1440px) {
  .ta-xxl-right {
    text-align: right;
  }
}
img {
  display: block;
  max-width: 100%;
}
img.center {
  margin: 0 auto;
}

iframe {
  display: block;
  margin: 0 auto;
  width: 100%;
}

input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  width: 100%;
  border: 1px solid #8C8C8C;
  background-color: #FFFFFF;
  border-radius: 8px;
  padding: 16px;
}

select {
  width: 100%;
  border: 1px solid #8C8C8C;
  background-color: #FFFFFF;
  border-radius: 8px;
  padding: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M1.8508 5.72675C1.90305 5.67437 1.96513 5.63281 2.03346 5.60445C2.1018 5.57609 2.17506 5.56149 2.24905 5.56149C2.32304 5.56149 2.3963 5.57609 2.46464 5.60445C2.53298 5.63281 2.59505 5.67437 2.6473 5.72675L8.99905 12.0796L15.3508 5.72675C15.4031 5.67445 15.4652 5.63297 15.5335 5.60466C15.6019 5.57636 15.6751 5.56179 15.7491 5.56179C15.823 5.56179 15.8963 5.57636 15.9646 5.60466C16.0329 5.63297 16.095 5.67445 16.1473 5.72675C16.1996 5.77905 16.2411 5.84114 16.2694 5.90947C16.2977 5.9778 16.3123 6.05104 16.3123 6.125C16.3123 6.19896 16.2977 6.2722 16.2694 6.34053C16.2411 6.40886 16.1996 6.47095 16.1473 6.52325L9.3973 13.2733C9.34505 13.3256 9.28298 13.3672 9.21464 13.3956C9.1463 13.4239 9.07304 13.4385 8.99905 13.4385C8.92506 13.4385 8.8518 13.4239 8.78346 13.3956C8.71513 13.3672 8.65305 13.3256 8.6008 13.2733L1.8508 6.52325C1.79842 6.471 1.75686 6.40893 1.7285 6.34059C1.70014 6.27225 1.68555 6.19899 1.68555 6.125C1.68555 6.05101 1.70014 5.97775 1.7285 5.90941C1.75686 5.84107 1.79842 5.779 1.8508 5.72675Z' fill='black'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: 50%;
}

a {
  text-decoration: none;
  cursor: pointer;
  outline: none;
}

h1, h2, h3, h4, p, a, label, span, ul, button, input {
  color: #000000;
}
h1.white, h2.white, h3.white, h4.white, p.white, a.white, label.white, span.white, ul.white, button.white, input.white {
  color: #FFFFFF;
}
h1.gold, h2.gold, h3.gold, h4.gold, p.gold, a.gold, label.gold, span.gold, ul.gold, button.gold, input.gold {
  color: #C98A25;
}
h1.darkBrown, h2.darkBrown, h3.darkBrown, h4.darkBrown, p.darkBrown, a.darkBrown, label.darkBrown, span.darkBrown, ul.darkBrown, button.darkBrown, input.darkBrown {
  color: #5B402A;
}
h1.blue, h2.blue, h3.blue, h4.blue, p.blue, a.blue, label.blue, span.blue, ul.blue, button.blue, input.blue {
  color: #2F7794;
}
h1.green, h2.green, h3.green, h4.green, p.green, a.green, label.green, span.green, ul.green, button.green, input.green {
  color: #074A39;
}
h1.tachado, h2.tachado, h3.tachado, h4.tachado, p.tachado, a.tachado, label.tachado, span.tachado, ul.tachado, button.tachado, input.tachado {
  text-decoration: line-through;
}
h1.shadow, h2.shadow, h3.shadow, h4.shadow, p.shadow, a.shadow, label.shadow, span.shadow, ul.shadow, button.shadow, input.shadow {
  text-shadow: 0px 3px 12px black;
}
h1 > img, h2 > img, h3 > img, h4 > img, p > img, a > img, label > img, span > img, ul > img, button > img, input > img {
  display: unset;
  vertical-align: middle;
}

.max-container {
  max-width: 1440px;
  margin: 0 auto;
}

.dflex {
  display: flex;
}
.dflex.wrap {
  flex-wrap: wrap;
}
.dflex .f1 {
  flex: 1 1;
}
.dflex .f2 {
  flex: 2 1;
}
.dflex .f3 {
  flex: 3 1;
}

.title {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 49px;
  line-height: normal;
}
.title.allison {
  font-family: "Allison", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 60px;
  line-height: 72px;
}
.title.allison.big {
  font-family: "Allison", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 160px;
  line-height: 120px;
}
@media (min-width: 1024px) {
  .title.allison.big {
    font-family: "Allison", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 180px;
    line-height: 120px;
  }
}
@media (min-width: 1024px) {
  .title.allison {
    font-family: "Allison", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 100px;
    line-height: 127px;
  }
}
@media (min-width: 1024px) {
  .title {
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    line-height: normal;
  }
}

.subtitle {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 42px;
}
@media (min-width: 1024px) {
  .subtitle {
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 60px;
  }
}

.h5highlights {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
}
@media (min-width: 1024px) {
  .h5highlights {
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
  }
}

.highlights {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
}

.paragraph {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .paragraph {
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
}

.description {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
}
@media (min-width: 1024px) {
  .description {
    font-family: "Lato", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
  }
}

.notes2 {
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: normal;
}
@media (min-width: 1024px) {
  .notes2 {
    font-family: "Lato", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: normal;
  }
}

.paragraph-light {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .paragraph-light {
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
  }
}

.paragraph-bold {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .paragraph-bold {
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
  }
}

.notes {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
}

.font-menu {
  font-family: "Quicksand", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
.font-menu.fs14 {
  font-family: "Quicksand", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
}

.red {
  color: red;
}

.button.outline {
  font-weight: 600;
  padding: 8px 16px;
  border: 2px solid #FFFFFF;
  border-radius: 5px;
}
.button.outline.white:hover {
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.1);
}
.button.outline.white:hover svg path {
  stroke: #FFFFFF;
}
.button.outline.brown {
  color: #5B402A;
  border: 2px solid #5B402A;
}
.button.outline:hover {
  border: 2px solid #C98A25;
  color: #C98A25;
}
.button.outline:hover svg path {
  stroke: #C98A25;
}
.button.fill {
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 4px;
  border: none;
  color: white;
  min-width: 294px;
  box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.16);
}
@media (min-width: 1024px) {
  .button.fill {
    min-width: 264px;
  }
}
.button.fill.blue {
  background-color: #183B5B;
}
.button.fill.green {
  background-color: #42D448;
  color: white;
}
.button.fill.withe {
  background-color: white;
  color: black;
}
.button.fill:hover {
  cursor: pointer;
}
.button.fill:active {
  opacity: 0.8;
}
.button.fill-strech {
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 4px;
  border: none;
  color: white;
  min-width: 150px;
}
@media (min-width: 1024px) {
  .button.fill-strech {
    min-width: 200px;
  }
}
.button.fill-strech.blue {
  background-color: #183B5B;
}
.button.fill-strech.green {
  background-color: #42D448;
  color: white;
}
.button.fill-strech.withe {
  background-color: white;
  color: black;
}
.button.fill-strech:hover {
  cursor: pointer;
}
.button.fill-strech:active {
  opacity: 0.8;
}

footer {
  padding: 60px 0;
  background-color: #161616;
}
footer .max-container {
  padding: 0 20px;
}
footer .max-container .info .logo {
  margin: 0 auto 40px auto;
}
@media (min-width: 1024px) {
  footer .max-container .info .logo {
    margin: 0;
  }
}
footer .max-container .info .f3 > div:nth-child(1), footer .max-container .info .f3 > div:nth-child(2), footer .max-container .info .f3 > div:nth-child(3) {
  margin-right: 16px;
}
footer .max-container .info a {
  text-align: center;
}
footer .max-container .info a.notes {
  margin-bottom: 12px;
}
footer .max-container .info a.notes.fw-700 {
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  footer .max-container .info a {
    text-align: left;
  }
}
footer .max-container .line {
  width: 100%;
  height: 1px;
  background-color: #FFFFFF;
}
@media (min-width: 1024px) {
  footer .max-container {
    padding: 0 80px;
  }
}

header {
  position: fixed;
  width: 100%;
  z-index: 9;
}
header.scroll {
  background-color: #FFFFFF;
}
header.scroll .desktop .f1 svg path {
  fill: #000000;
}
header.scroll .desktop .f2 nav ul li a, header.scroll .desktop .f2 nav ul li select {
  color: #000000 !important;
}
header.scroll .desktop .f2 .languaje {
  border-bottom: 1px solid #000000 !important;
}
header.scroll .desktop .f2 .languaje select {
  background-image: url("../images/icon-arrow-right-brown.svg") !important;
}
header.scroll .mobile .dflex .f1 svg path {
  fill: #000000;
}
header.scroll .mobile .dflex .ham label span {
  background-color: #000000 !important;
}
header .max-container {
  padding: 0;
  justify-content: space-between;
}
header .max-container input[type=checkbox] {
  display: none;
}
header .max-container input[type=checkbox]:checked ~ .mobile {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
}
header .max-container input[type=checkbox]:checked ~ .mobile .dflex .f1 svg path {
  fill: #000000;
}
header .max-container input[type=checkbox]:checked ~ .mobile .dflex .ham label span {
  background-color: #000000;
}
header .max-container input[type=checkbox]:checked ~ .mobile .dflex .ham span:nth-of-type(1) {
  transform-origin: bottom;
  transform: rotatez(45deg) translate(3px, 0px);
}
header .max-container input[type=checkbox]:checked ~ .mobile .dflex .ham span:nth-of-type(2) {
  transform-origin: top;
  transform: rotatez(-45deg);
}
header .max-container input[type=checkbox]:checked ~ .mobile .dflex .ham span:nth-of-type(3) {
  transform-origin: bottom;
  width: 50%;
  transform: translate(13px, -5px) rotatez(45deg);
}
header .max-container input[type=checkbox]:checked ~ .mobile .menu {
  display: block;
  opacity: 1;
}
header .max-container .mobile {
  transition: 0.5s background-color ease-in;
}
header .max-container .mobile .f1 > a > img {
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
header .max-container .mobile .dflex {
  padding: 10px 20px;
}
header .max-container .mobile .dflex .ham label {
  display: flex;
  flex-direction: column;
  width: 30px;
  cursor: pointer;
}
header .max-container .mobile .dflex .ham label span {
  background: #fff;
  border-radius: 10px;
  height: 3px;
  margin: 3px 0;
  transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
header .max-container .mobile .dflex .ham span:nth-of-type(1) {
  width: 50%;
}
header .max-container .mobile .dflex .ham span:nth-of-type(2) {
  width: 100%;
}
header .max-container .mobile .dflex .ham span:nth-of-type(3) {
  width: 75%;
}
header .max-container .mobile .menu {
  display: none;
  opacity: 0;
  transition: 0.5s opacity ease-in;
  background-color: #FFFFFF;
  height: calc(100vh - 50px);
  padding: 80px 40px;
}
header .max-container .mobile .menu > a {
  display: block;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(91, 64, 42, 0.4);
  margin-bottom: 24px;
}
header .max-container .mobile .menu > a:nth-child(2) {
  margin-bottom: 80px;
}
header .max-container .mobile .menu .tabs {
  overflow: hidden;
  border-bottom: 1px solid rgba(91, 64, 42, 0.4);
  margin-bottom: 24px;
  padding-bottom: 12px;
}
header .max-container .mobile .menu .tab {
  width: 100%;
  overflow: hidden;
}
header .max-container .mobile .menu .tab-label {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
header .max-container .mobile .menu .tab-label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
}
header .max-container .mobile .menu .tab-content {
  margin-top: 12px;
  max-height: 0;
  transition: all 0.35s;
}
header .max-container .mobile .menu .tab-content > a {
  display: block;
}
header .max-container .mobile .menu .tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  cursor: pointer;
}
header .max-container .mobile .menu input:checked + .tab-label::after {
  transform: rotate(90deg);
}
header .max-container .mobile .menu input:checked ~ .tab-content {
  max-height: 100vh;
}
header .max-container .mobile .menu input:checked ~ .tab-content > a {
  margin: 6px 0;
}
header .max-container .mobile .menu .languaje {
  display: flex;
  border-bottom: 1px solid #000000;
  padding: 0 0 5px 0;
  width: 105px;
  margin-top: 80px;
  justify-content: space-between;
}
header .max-container .mobile .menu .languaje select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("../images/icon-arrow-right-brown.svg") !important;
  background-color: transparent;
  background-size: 14px;
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 4px;
  padding: 0 18px 0 0;
  border: none;
  outline: none;
  color: #000000;
}
header .max-container .mobile .menu .languaje > img {
  margin-left: 10px;
}
@media (min-width: 1024px) {
  header .max-container .mobile {
    display: none;
  }
}
header .max-container .desktop {
  display: none;
}
header .max-container .desktop .f1 {
  padding: 24px 0;
}
header .max-container .desktop .f1 img {
  width: 60px;
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
}
header .max-container .desktop .f2 nav {
  width: 100%;
}
header .max-container .desktop .f2 nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
header .max-container .desktop .f2 nav ul li {
  display: inline-block;
  padding: 24px 0;
}
header .max-container .desktop .f2 nav ul li:hover > ul {
  display: inherit;
}
header .max-container .desktop .f2 nav ul ul {
  background-color: #FFFFFF;
  display: none;
  position: absolute;
  top: 60px;
  padding: 12px 12px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
header .max-container .desktop .f2 nav ul ul li {
  width: 225px;
  float: none;
  display: list-item;
  position: relative;
  padding: 8px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
header .max-container .desktop .f2 nav ul ul li a:hover {
  color: #074A39 !important;
}
header .max-container .desktop .f2 nav ul ul li:nth-child(5), header .max-container .desktop .f2 nav ul ul li:nth-child(9), header .max-container .desktop .f2 nav ul ul li:nth-child(10) {
  border-bottom: none;
}
header .max-container .desktop .f2 .languaje {
  display: none;
  border-bottom: 1px solid #FFFFFF;
  padding: 0 0 5px 0;
  width: 105px;
  justify-content: space-between;
}
header .max-container .desktop .f2 .languaje select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("../images/icon-arrow-down.svg");
  background-color: transparent;
  background-size: 14px;
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 4px;
  padding: 0 18px 0 0;
  border: none;
  outline: none;
  color: #FFFFFF;
}
header .max-container .desktop .f2 .languaje > img {
  margin-left: 10px;
}
@media (min-width: 1024px) {
  header .max-container .desktop .f2 .languaje {
    display: flex;
    border-bottom: 1px solid #FFFFFF;
  }
}
@media (min-width: 1024px) {
  header .max-container .desktop {
    display: flex;
  }
}
@media (min-width: 1024px) {
  header .max-container {
    padding: 0 80px;
  }
}

.banner {
  padding: 110px 0 0px 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../images/img-banner-mob.png");
  min-height: 580px;
}
.banner .max-container {
  width: 100%;
  padding: 0 20px;
}
.banner .max-container > div {
  max-width: 550px;
}
.banner .max-container > div > img {
  width: 265px;
  height: 319px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 40px;
}
@media (min-width: 1024px) {
  .banner .max-container > div {
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  .banner .max-container {
    padding: 0 80px;
  }
}
@media (min-width: 1024px) {
  .banner {
    background-image: url("../images/img-banner.png");
    padding: 140px 0;
  }
}

.restaurantes {
  padding: 80px 0;
}
.restaurantes .max-container {
  padding: 0 24px;
}
@media (min-width: 1024px) {
  .restaurantes .max-container {
    padding: 0 140px;
  }
}
.restaurantes .max-container .wrap {
  display: grid;
  grid-template-columns: 100%;
  gap: 40px;
}
@media (min-width: 425px) {
  .restaurantes .max-container .wrap {
    gap: 30px;
    grid-template-columns: 1fr 1fr;
  }
}
.restaurantes .max-container .wrap .card {
  cursor: pointer;
}
.restaurantes .max-container .wrap .card .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ubicaciones {
  background-color: #183B5B;
}
.ubicaciones .max-container .subtitle {
  margin-left: 20px;
}
@media (min-width: 1024px) {
  .ubicaciones .max-container .subtitle {
    margin-left: 80px;
  }
}
.ubicaciones .max-container .info {
  background-color: #183B5B;
  padding: 60px 0;
}
.ubicaciones .max-container .info .accordion {
  padding: 0 20px;
}
.ubicaciones .max-container .info .accordion .accordion-item .accordion-link {
  cursor: pointer;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
}
.ubicaciones .max-container .info .accordion .accordion-item .accordion-link svg {
  transition: 0.5s transform ease-in;
  transform: rotate(0);
}
.ubicaciones .max-container .info .accordion .accordion-item .answer {
  max-height: 0;
  overflow: hidden;
  position: relative;
  transition: max-height 650ms;
}
.ubicaciones .max-container .info .accordion .accordion-item.active .accordion-link > span {
  font-weight: 700 !important;
  color: #C98A25;
}
.ubicaciones .max-container .info .accordion .accordion-item.active .accordion-link svg {
  transform: rotate(180deg);
}
.ubicaciones .max-container .info .accordion .accordion-item.active .accordion-link svg path {
  fill: #FF9900;
}
.ubicaciones .max-container .info .accordion .accordion-item.active .answer {
  max-height: 92px;
  padding-bottom: 32px;
}
.ubicaciones .max-container .info .accordion .accordion-item.active .answer > p {
  color: #C98A25;
}
@media (min-width: 1024px) {
  .ubicaciones .max-container .info .accordion {
    padding: 0 80px;
  }
}
@media (min-width: 1024px) {
  .ubicaciones .max-container .info {
    padding: 80px 0;
  }
}
.ubicaciones .max-container .maps > iframe {
  height: 100vh;
  max-width: unset;
  max-height: 400px;
}
@media (min-width: 1024px) {
  .ubicaciones .max-container .maps > iframe {
    min-height: 855px;
  }
}

#myModal {
  position: fixed; /* Posicionar el modal absolutamente */
  z-index: 1000; /* Asegurarse de que el modal esté por encima de todo lo demás */
  left: 0;
  top: 0;
  width: 100%; /* El modal debe llenar toda la pantalla */
  height: 100%;
  overflow: auto; /* Habilitar el desplazamiento si es necesario */
  background-color: rgba(0, 0, 0, 0.4); /* Color de fondo semitransparente */
  display: flex;
  align-items: center;
  justify-content: center;
}
#myModal .image-container {
  position: relative;
  width: 100%;
  height: 352px;
}
#myModal .image-container img {
  width: 100%;
  height: 352px;
  padding: 0 12px;
  background: none;
}
@media (min-width: 1024px) {
  #myModal .image-container img {
    padding: 0px;
    width: 626px;
    height: 626px;
  }
}
#myModal .image-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 352px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 78.5%, #FFF 100%);
  z-index: 2;
}
@media (min-width: 1024px) {
  #myModal .image-container::after {
    padding: 0px;
    width: 626px;
    height: 626px;
  }
}

#modalContent {
  position: relative;
  width: 626px;
  height: 626px;
}

#modalImage {
  width: 100%;
  height: 100%;
}

#closeBtn {
  position: absolute;
  top: 20px;
  right: 30px;
  color: #000;
  font-size: 35px;
  font-weight: bold;
  z-index: 3;
}

#closeBtn:hover,
#closeBtn:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

#modalText {
  background: white;
  padding: 20px;
  border-radius: 5px;
}

#botonesInferiores {
  flex-direction: column;
  transform: none;
  text-align: center;
}
@media (min-width: 1024px) {
  #botonesInferiores {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    display: flex;
    flex-direction: row;
    width: -moz-max-content;
    width: max-content;
    gap: 32px;
  }
}

#modalForm {
  position: fixed; /* Posicionar el modal absolutamente */
  z-index: 1000; /* Asegurarse de que el modal esté por encima de todo lo demás */
  left: 0;
  top: 0;
  width: 100%; /* El modal debe llenar toda la pantalla */
  height: 100%;
  overflow: auto; /* Habilitar el desplazamiento si es necesario */
  background-color: rgba(0, 0, 0, 0.4); /* Color de fondo semitransparente */
  display: flex;
  align-items: center;
  justify-content: center;
}
#modalForm .modalFormContent {
  position: relative;
  width: 626px;
  height: -moz-max-content;
  height: max-content;
  background-color: white;
  padding: 24px;
  min-width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 8px;
  box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.16);
  place-items: center;
}
#modalForm .modalFormContent img {
  width: 20%;
}
@media (min-width: 1024px) {
  #modalForm .modalFormContent img {
    width: 12%;
  }
}

#closeBtnForm {
  position: absolute;
  top: 20px;
  right: 30px;
  color: #000;
  font-size: 35px;
  font-weight: bold;
  z-index: 3;
}

#closeBtnForm:hover,
#closeBtnForm:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

.two-columns {
  display: grid;
  grid-template-columns: auto;
  gap: 16px;
}
@media (min-width: 1024px) {
  .two-columns {
    gap: 0px;
    grid-template-columns: 1fr 1fr;
  }
}

.botonesFormulario {
  display: flex;
  gap: 16px;
  justify-content: center;
  width: 100%;
}
@media (min-width: 1024px) {
  .botonesFormulario {
    justify-content: end;
  }
}

.botonesSucces {
  display: flex;
  gap: 16px;
  justify-content: center;
  width: 100%;
}

#modalSucess {
  position: fixed; /* Posicionar el modal absolutamente */
  z-index: 1000; /* Asegurarse de que el modal esté por encima de todo lo demás */
  left: 0;
  top: 0;
  width: 100%; /* El modal debe llenar toda la pantalla */
  height: 100%;
  overflow: auto; /* Habilitar el desplazamiento si es necesario */
  background-color: rgba(0, 0, 0, 0.4); /* Color de fondo semitransparente */
  display: flex;
  align-items: center;
  justify-content: center;
}
#modalSucess .modalSuccesContent {
  position: relative;
  height: auto;
  background-color: white;
  padding: 5% 10%;
  min-width: -moz-max-content;
  min-width: max-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 8px;
  box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.16);
  place-items: center;
  margin: 0px 24px;
}
#modalSucess .modalSuccesContent img {
  width: 20%;
}
@media (min-width: 1024px) {
  #modalSucess .modalSuccesContent img {
    width: 25%;
  }
}
@media (min-width: 1024px) {
  #modalSucess .modalSuccesContent {
    margin: 0px;
    min-width: -moz-max-content;
    min-width: max-content;
  }
}

#closeBtnSucces {
  position: absolute;
  top: 20px;
  right: 30px;
  color: #000;
  font-size: 24px;
  font-weight: normal;
  z-index: 3;
}

#closeBtnSucces:hover,
#closeBtnSucces:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}