:root {
    /* ========================= Color Variables Start =========================== */
    --light-h: 225;
    --light-s: 10%;
    --light-l: 62%;
    --light: var(--light-h) var(--light-s) var(--light-l);
    --black-h: 208;
    --black-s: 55%;
    --black-l: 29%;
    --black: var(--black-h) var(--black-s) var(--black-l);
    /* ========================= Base Color ============================= */
    --base-h: 199.29;
    --base-s: 100%;
    --base-l: 50%;
    --base: var(--base-h) var(--base-s) var(--base-l);
}

.ratio {
  position: relative;
  display: block;
  overflow: hidden;
}

.ratio::before {
  display: block;
  width: 100%;
  content: "";
}

.ratio-1\:1::before {
  padding-bottom: 100%;
}

.ratio-2\:1::before {
  padding-bottom: 50%;
}

.ratio-3\:2::before {
  padding-bottom: 66.66667%;
}

.ratio-3\:4::before {
  padding-bottom: 133.33333%;
}

.ratio-4\:3::before {
  padding-bottom: 75%;
}

.ratio-4\:1::before {
  padding-bottom: 25%;
}

.ratio-5\:4::before {
  padding-bottom: 80%;
}

.ratio-8\:5::before {
  padding-bottom: 62.5%;
}

.ratio-15\:9::before {
  padding-bottom: 60%;
}

.ratio-16\:9::before {
  padding-bottom: 56.25%;
}

.ratio-19\:21::before {
  padding-bottom: 110.52632%;
}

.ratio-28\:20::before {
  padding-bottom: 71.42857%;
}

.ratio-23\:26::before {
  padding-bottom: 113.04348%;
}

.ratio-19\:22::before {
  padding-bottom: 115.78947%;
}

.ratio-23\:30::before {
  padding-bottom: 130.43478%;
}

.ratio-41\:30::before {
  padding-bottom: 73.17073%;
}

.ratio-41\:45::before {
  padding-bottom: 109.7561%;
}

:root {
  --font-primary: "DM sans", sans-serif;
}


[data-anim-wrap] {
  pointer-events: none;
}

[data-anim-wrap].animated {
  pointer-events: auto;
}

@keyframes reveal {
  100% {
    opacity: 1;
  }
}

[data-anim^='slide-'],
[data-anim-child^='slide-'] {
  opacity: 0;
  transition-property: opacity, transform;
  pointer-events: none;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

[data-anim^='slide-'].is-in-view,
[data-anim-child^='slide-'].is-in-view {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  pointer-events: auto;
}

[data-anim^='slide-up'],
[data-anim-child^='slide-up'] {
  transform: translate3d(0, 40px, 0);
}

[data-anim^='slide-down'],
[data-anim-child^='slide-down'] {
  transform: translate3d(0, -40px, 0);
}

[data-anim^='slide-right'],
[data-anim-child^='slide-right'] {
  transform: translate3d(-40px, 0, 0);
}

[data-anim^='slide-left'],
[data-anim-child^='slide-left'] {
  transform: translate3d(40px, 0, 0);
}

[data-anim^='fade'],
[data-anim-child^='fade'] {
  opacity: 0;
  transition-property: opacity;
  pointer-events: none;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

[data-anim^='fade'].is-in-view,
[data-anim-child^='fade'].is-in-view {
  opacity: 1;
  pointer-events: auto;
}

[data-anim*="delay-1"],
[data-anim-child*="delay-1"] {
  transition-delay: 0.1s;
  animation-delay: 0.1s;
}

[data-anim*="delay-1"]::after,
[data-anim-child*="delay-1"]::after {
  animation-delay: 0.1s;
}

[data-anim*="delay-1"] > *,
[data-anim-child*="delay-1"] > * {
  animation-delay: 0.1s;
}

[data-anim*="delay-2"],
[data-anim-child*="delay-2"] {
  transition-delay: 0.2s;
  animation-delay: 0.2s;
}

[data-anim*="delay-2"]::after,
[data-anim-child*="delay-2"]::after {
  animation-delay: 0.2s;
}

[data-anim*="delay-2"] > *,
[data-anim-child*="delay-2"] > * {
  animation-delay: 0.2s;
}

[data-anim*="delay-3"],
[data-anim-child*="delay-3"] {
  transition-delay: 0.3s;
  animation-delay: 0.3s;
}

[data-anim*="delay-3"]::after,
[data-anim-child*="delay-3"]::after {
  animation-delay: 0.3s;
}

[data-anim*="delay-3"] > *,
[data-anim-child*="delay-3"] > * {
  animation-delay: 0.3s;
}

[data-anim*="delay-4"],
[data-anim-child*="delay-4"] {
  transition-delay: 0.4s;
  animation-delay: 0.4s;
}

[data-anim*="delay-4"]::after,
[data-anim-child*="delay-4"]::after {
  animation-delay: 0.4s;
}

[data-anim*="delay-4"] > *,
[data-anim-child*="delay-4"] > * {
  animation-delay: 0.4s;
}

[data-anim*="delay-5"],
[data-anim-child*="delay-5"] {
  transition-delay: 0.5s;
  animation-delay: 0.5s;
}

[data-anim*="delay-5"]::after,
[data-anim-child*="delay-5"]::after {
  animation-delay: 0.5s;
}

[data-anim*="delay-5"] > *,
[data-anim-child*="delay-5"] > * {
  animation-delay: 0.5s;
}

[data-anim*="delay-6"],
[data-anim-child*="delay-6"] {
  transition-delay: 0.6s;
  animation-delay: 0.6s;
}

[data-anim*="delay-6"]::after,
[data-anim-child*="delay-6"]::after {
  animation-delay: 0.6s;
}

[data-anim*="delay-6"] > *,
[data-anim-child*="delay-6"] > * {
  animation-delay: 0.6s;
}

[data-anim*="delay-7"],
[data-anim-child*="delay-7"] {
  transition-delay: 0.7s;
  animation-delay: 0.7s;
}

[data-anim*="delay-7"]::after,
[data-anim-child*="delay-7"]::after {
  animation-delay: 0.7s;
}

[data-anim*="delay-7"] > *,
[data-anim-child*="delay-7"] > * {
  animation-delay: 0.7s;
}

[data-anim*="delay-8"],
[data-anim-child*="delay-8"] {
  transition-delay: 0.8s;
  animation-delay: 0.8s;
}

[data-anim*="delay-8"]::after,
[data-anim-child*="delay-8"]::after {
  animation-delay: 0.8s;
}

[data-anim*="delay-8"] > *,
[data-anim-child*="delay-8"] > * {
  animation-delay: 0.8s;
}

[data-anim*="delay-9"],
[data-anim-child*="delay-9"] {
  transition-delay: 0.9s;
  animation-delay: 0.9s;
}

[data-anim*="delay-9"]::after,
[data-anim-child*="delay-9"]::after {
  animation-delay: 0.9s;
}

[data-anim*="delay-9"] > *,
[data-anim-child*="delay-9"] > * {
  animation-delay: 0.9s;
}

[data-anim*="delay-10"],
[data-anim-child*="delay-10"] {
  transition-delay: 1s;
  animation-delay: 1s;
}

[data-anim*="delay-10"]::after,
[data-anim-child*="delay-10"]::after {
  animation-delay: 1s;
}

[data-anim*="delay-10"] > *,
[data-anim-child*="delay-10"] > * {
  animation-delay: 1s;
}

[data-anim*="delay-11"],
[data-anim-child*="delay-11"] {
  transition-delay: 1.1s;
  animation-delay: 1.1s;
}

[data-anim*="delay-11"]::after,
[data-anim-child*="delay-11"]::after {
  animation-delay: 1.1s;
}

[data-anim*="delay-11"] > *,
[data-anim-child*="delay-11"] > * {
  animation-delay: 1.1s;
}

[data-anim*="delay-12"],
[data-anim-child*="delay-12"] {
  transition-delay: 1.2s;
  animation-delay: 1.2s;
}

[data-anim*="delay-12"]::after,
[data-anim-child*="delay-12"]::after {
  animation-delay: 1.2s;
}

[data-anim*="delay-12"] > *,
[data-anim-child*="delay-12"] > * {
  animation-delay: 1.2s;
}

[data-anim*="delay-13"],
[data-anim-child*="delay-13"] {
  transition-delay: 1.3s;
  animation-delay: 1.3s;
}

[data-anim*="delay-13"]::after,
[data-anim-child*="delay-13"]::after {
  animation-delay: 1.3s;
}

[data-anim*="delay-13"] > *,
[data-anim-child*="delay-13"] > * {
  animation-delay: 1.3s;
}

[data-anim*="delay-14"],
[data-anim-child*="delay-14"] {
  transition-delay: 1.4s;
  animation-delay: 1.4s;
}

[data-anim*="delay-14"]::after,
[data-anim-child*="delay-14"]::after {
  animation-delay: 1.4s;
}

[data-anim*="delay-14"] > *,
[data-anim-child*="delay-14"] > * {
  animation-delay: 1.4s;
}

[data-anim*="delay-15"],
[data-anim-child*="delay-15"] {
  transition-delay: 1.5s;
  animation-delay: 1.5s;
}

[data-anim*="delay-15"]::after,
[data-anim-child*="delay-15"]::after {
  animation-delay: 1.5s;
}

[data-anim*="delay-15"] > *,
[data-anim-child*="delay-15"] > * {
  animation-delay: 1.5s;
}

[data-anim*="delay-16"],
[data-anim-child*="delay-16"] {
  transition-delay: 1.6s;
  animation-delay: 1.6s;
}

[data-anim*="delay-16"]::after,
[data-anim-child*="delay-16"]::after {
  animation-delay: 1.6s;
}

[data-anim*="delay-16"] > *,
[data-anim-child*="delay-16"] > * {
  animation-delay: 1.6s;
}

[data-anim*="delay-17"],
[data-anim-child*="delay-17"] {
  transition-delay: 1.7s;
  animation-delay: 1.7s;
}

[data-anim*="delay-17"]::after,
[data-anim-child*="delay-17"]::after {
  animation-delay: 1.7s;
}

[data-anim*="delay-17"] > *,
[data-anim-child*="delay-17"] > * {
  animation-delay: 1.7s;
}

[data-anim*="delay-18"],
[data-anim-child*="delay-18"] {
  transition-delay: 1.8s;
  animation-delay: 1.8s;
}

[data-anim*="delay-18"]::after,
[data-anim-child*="delay-18"]::after {
  animation-delay: 1.8s;
}

[data-anim*="delay-18"] > *,
[data-anim-child*="delay-18"] > * {
  animation-delay: 1.8s;
}

[data-anim*="delay-19"],
[data-anim-child*="delay-19"] {
  transition-delay: 1.9s;
  animation-delay: 1.9s;
}

[data-anim*="delay-19"]::after,
[data-anim-child*="delay-19"]::after {
  animation-delay: 1.9s;
}

[data-anim*="delay-19"] > *,
[data-anim-child*="delay-19"] > * {
  animation-delay: 1.9s;
}

[data-anim*="delay-20"],
[data-anim-child*="delay-20"] {
  transition-delay: 2s;
  animation-delay: 2s;
}

[data-anim*="delay-20"]::after,
[data-anim-child*="delay-20"]::after {
  animation-delay: 2s;
}

[data-anim*="delay-20"] > *,
[data-anim-child*="delay-20"] > * {
  animation-delay: 2s;
}



.rounded-4 {
  border-radius: 4px;
}

.rounded-8 {
  border-radius: 8px;
}

.rounded-12 {
  border-radius: 12px;
}

.rounded-20 {
  border-radius: 20px;
}

.rounded-24 {
  border-radius: 24px;
}

.rounded-200 {
  border-radius: 200px !important;
}

.rounded-full {
  border-radius: 100%;
}

@media (max-width: 767px) {
  .md\:rounded-0 {
    border-radius: 0;
  }
}



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1199px) {
    .xl\:py-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 991px) {
    .lg\:py-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
    .md\:py-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.xl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.x-gap-0 {
    margin-left: -0px;
    margin-right: -0px;
}

    .x-gap-0 > * {
        padding-left: 0px;
        padding-right: 0px;
    }

.y-gap-0 {
    margin-top: -0px;
    margin-bottom: -0px;
}

    .y-gap-0 > * {
        padding-top: 0px;
        padding-bottom: 0px;
    }

.x-gap-5 {
    margin-left: -2.5px;
    margin-right: -2.5px;
}

    .x-gap-5 > * {
        padding-left: 2.5px;
        padding-right: 2.5px;
    }

.y-gap-5 {
    margin-top: -2.5px;
    margin-bottom: -2.5px;
}

    .y-gap-5 > * {
        padding-top: 2.5px;
        padding-bottom: 2.5px;
    }

.x-gap-10 {
    margin-left: -5px;
    margin-right: -5px;
}

    .x-gap-10 > * {
        padding-left: 5px;
        padding-right: 5px;
    }

.y-gap-10 {
    margin-top: -5px;
    margin-bottom: -5px;
}

    .y-gap-10 > * {
        padding-top: 5px;
        padding-bottom: 5px;
    }

.x-gap-15 {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

    .x-gap-15 > * {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }

.y-gap-15 {
    margin-top: -7.5px;
    margin-bottom: -7.5px;
}

    .y-gap-15 > * {
        padding-top: 7.5px;
        padding-bottom: 7.5px;
    }

.x-gap-20 {
    margin-left: -10px;
    margin-right: -10px;
}

    .x-gap-20 > * {
        padding-left: 10px;
        padding-right: 10px;
    }

.y-gap-20 {
    margin-top: -10px;
    margin-bottom: -10px;
}

    .y-gap-20 > * {
        padding-top: 10px;
        padding-bottom: 10px;
    }

.x-gap-30 {
    margin-left: -15px;
    margin-right: -15px;
}

    .x-gap-30 > * {
        padding-left: 15px;
        padding-right: 15px;
    }

.y-gap-30 {
    margin-top: -15px;
    margin-bottom: -15px;
}

    .y-gap-30 > * {
        padding-top: 15px;
        padding-bottom: 15px;
    }

.x-gap-40 {
    margin-left: -20px;
    margin-right: -20px;
}

    .x-gap-40 > * {
        padding-left: 20px;
        padding-right: 20px;
    }

.y-gap-40 {
    margin-top: -20px;
    margin-bottom: -20px;
}

    .y-gap-40 > * {
        padding-top: 20px;
        padding-bottom: 20px;
    }

.x-gap-60 {
    margin-left: -30px;
    margin-right: -30px;
}

    .x-gap-60 > * {
        padding-left: 30px;
        padding-right: 30px;
    }

.y-gap-60 {
    margin-top: -30px;
    margin-bottom: -30px;
}

    .y-gap-60 > * {
        padding-top: 30px;
        padding-bottom: 30px;
    }

.x-gap-130 {
    margin-left: -65px;
    margin-right: -65px;
}

    .x-gap-130 > * {
        padding-left: 65px;
        padding-right: 65px;
    }

.y-gap-130 {
    margin-top: -65px;
    margin-bottom: -65px;
}

    .y-gap-130 > * {
        padding-top: 65px;
        padding-bottom: 65px;
    }

@media (max-width: 767px) {
    .md\:x-gap-0 {
        margin-left: -0px;
        margin-right: -0px;
    }

        .md\:x-gap-0 > * {
            padding-left: 0px;
            padding-right: 0px;
        }

    .md\:y-gap-0 {
        margin-top: -0px;
        margin-bottom: -0px;
    }

        .md\:y-gap-0 > * {
            padding-top: 0px;
            padding-bottom: 0px;
        }

    .md\:x-gap-5 {
        margin-left: -2.5px;
        margin-right: -2.5px;
    }

        .md\:x-gap-5 > * {
            padding-left: 2.5px;
            padding-right: 2.5px;
        }

    .md\:y-gap-5 {
        margin-top: -2.5px;
        margin-bottom: -2.5px;
    }

        .md\:y-gap-5 > * {
            padding-top: 2.5px;
            padding-bottom: 2.5px;
        }

    .md\:x-gap-10 {
        margin-left: -5px;
        margin-right: -5px;
    }

        .md\:x-gap-10 > * {
            padding-left: 5px;
            padding-right: 5px;
        }

    .md\:y-gap-10 {
        margin-top: -5px;
        margin-bottom: -5px;
    }

        .md\:y-gap-10 > * {
            padding-top: 5px;
            padding-bottom: 5px;
        }

    .md\:x-gap-15 {
        margin-left: -7.5px;
        margin-right: -7.5px;
    }

        .md\:x-gap-15 > * {
            padding-left: 7.5px;
            padding-right: 7.5px;
        }

    .md\:y-gap-15 {
        margin-top: -7.5px;
        margin-bottom: -7.5px;
    }

        .md\:y-gap-15 > * {
            padding-top: 7.5px;
            padding-bottom: 7.5px;
        }

    .md\:x-gap-20 {
        margin-left: -10px;
        margin-right: -10px;
    }

        .md\:x-gap-20 > * {
            padding-left: 10px;
            padding-right: 10px;
        }

    .md\:y-gap-20 {
        margin-top: -10px;
        margin-bottom: -10px;
    }

        .md\:y-gap-20 > * {
            padding-top: 10px;
            padding-bottom: 10px;
        }

    .md\:x-gap-30 {
        margin-left: -15px;
        margin-right: -15px;
    }

        .md\:x-gap-30 > * {
            padding-left: 15px;
            padding-right: 15px;
        }

    .md\:y-gap-30 {
        margin-top: -15px;
        margin-bottom: -15px;
    }

        .md\:y-gap-30 > * {
            padding-top: 15px;
            padding-bottom: 15px;
        }

    .md\:x-gap-40 {
        margin-left: -20px;
        margin-right: -20px;
    }

        .md\:x-gap-40 > * {
            padding-left: 20px;
            padding-right: 20px;
        }

    .md\:y-gap-40 {
        margin-top: -20px;
        margin-bottom: -20px;
    }

        .md\:y-gap-40 > * {
            padding-top: 20px;
            padding-bottom: 20px;
        }

    .md\:x-gap-60 {
        margin-left: -30px;
        margin-right: -30px;
    }

        .md\:x-gap-60 > * {
            padding-left: 30px;
            padding-right: 30px;
        }

    .md\:y-gap-60 {
        margin-top: -30px;
        margin-bottom: -30px;
    }

        .md\:y-gap-60 > * {
            padding-top: 30px;
            padding-bottom: 30px;
        }

    .md\:x-gap-130 {
        margin-left: -65px;
        margin-right: -65px;
    }

        .md\:x-gap-130 > * {
            padding-left: 65px;
            padding-right: 65px;
        }

    .md\:y-gap-130 {
        margin-top: -65px;
        margin-bottom: -65px;
    }

        .md\:y-gap-130 > * {
            padding-top: 65px;
            padding-bottom: 65px;
        }
}

@media (max-width: 767px) {
    .sm\:x-gap-0 {
        margin-left: -0px;
        margin-right: -0px;
    }

        .sm\:x-gap-0 > * {
            padding-left: 0px;
            padding-right: 0px;
        }

    .sm\:y-gap-0 {
        margin-top: -0px;
        margin-bottom: -0px;
    }

        .sm\:y-gap-0 > * {
            padding-top: 0px;
            padding-bottom: 0px;
        }

    .sm\:x-gap-5 {
        margin-left: -2.5px;
        margin-right: -2.5px;
    }

        .sm\:x-gap-5 > * {
            padding-left: 2.5px;
            padding-right: 2.5px;
        }

    .sm\:y-gap-5 {
        margin-top: -2.5px;
        margin-bottom: -2.5px;
    }

        .sm\:y-gap-5 > * {
            padding-top: 2.5px;
            padding-bottom: 2.5px;
        }

    .sm\:x-gap-10 {
        margin-left: -5px;
        margin-right: -5px;
    }

        .sm\:x-gap-10 > * {
            padding-left: 5px;
            padding-right: 5px;
        }

    .sm\:y-gap-10 {
        margin-top: -5px;
        margin-bottom: -5px;
    }

        .sm\:y-gap-10 > * {
            padding-top: 5px;
            padding-bottom: 5px;
        }

    .sm\:x-gap-15 {
        margin-left: -7.5px;
        margin-right: -7.5px;
    }

        .sm\:x-gap-15 > * {
            padding-left: 7.5px;
            padding-right: 7.5px;
        }

    .sm\:y-gap-15 {
        margin-top: -7.5px;
        margin-bottom: -7.5px;
    }

        .sm\:y-gap-15 > * {
            padding-top: 7.5px;
            padding-bottom: 7.5px;
        }

    .sm\:x-gap-20 {
        margin-left: -10px;
        margin-right: -10px;
    }

        .sm\:x-gap-20 > * {
            padding-left: 10px;
            padding-right: 10px;
        }

    .sm\:y-gap-20 {
        margin-top: -10px;
        margin-bottom: -10px;
    }

        .sm\:y-gap-20 > * {
            padding-top: 10px;
            padding-bottom: 10px;
        }

    .sm\:x-gap-30 {
        margin-left: -15px;
        margin-right: -15px;
    }

        .sm\:x-gap-30 > * {
            padding-left: 15px;
            padding-right: 15px;
        }

    .sm\:y-gap-30 {
        margin-top: -15px;
        margin-bottom: -15px;
    }

        .sm\:y-gap-30 > * {
            padding-top: 15px;
            padding-bottom: 15px;
        }

    .sm\:x-gap-40 {
        margin-left: -20px;
        margin-right: -20px;
    }

        .sm\:x-gap-40 > * {
            padding-left: 20px;
            padding-right: 20px;
        }

    .sm\:y-gap-40 {
        margin-top: -20px;
        margin-bottom: -20px;
    }

        .sm\:y-gap-40 > * {
            padding-top: 20px;
            padding-bottom: 20px;
        }

    .sm\:x-gap-60 {
        margin-left: -30px;
        margin-right: -30px;
    }

        .sm\:x-gap-60 > * {
            padding-left: 30px;
            padding-right: 30px;
        }

    .sm\:y-gap-60 {
        margin-top: -30px;
        margin-bottom: -30px;
    }

        .sm\:y-gap-60 > * {
            padding-top: 30px;
            padding-bottom: 30px;
        }

    .sm\:x-gap-130 {
        margin-left: -65px;
        margin-right: -65px;
    }

        .sm\:x-gap-130 > * {
            padding-left: 65px;
            padding-right: 65px;
        }

    .sm\:y-gap-130 {
        margin-top: -65px;
        margin-bottom: -65px;
    }

        .sm\:y-gap-130 > * {
            padding-top: 65px;
            padding-bottom: 65px;
        }
}

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

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

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

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

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

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

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

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

.layout-pt-xxl {
    padding-top: 270px;
}

.layout-pb-xxl {
    padding-bottom: 270px;
}

@media (max-width: 767px) {
    .layout-pt-sm {
        padding-top: 30px;
    }

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

@media (max-width: 767px) {
    .layout-pt-md {
        padding-top: 60px;
    }

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

@media (max-width: 767px) {
    .layout-pt-lg {
        padding-top: 100px;
    }

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

@media (max-width: 767px) {
    .layout-pt-xl {
        padding-top: 120px;
    }

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

@media (max-width: 767px) {
    .layout-pt-xxl {
        padding-top: 120px;
    }

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

@media (max-width: 575px) {
    .layout-pt-sm {
        padding-top: 30px;
    }

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

@media (max-width: 575px) {
    .layout-pt-md {
        padding-top: 30px;
    }

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

@media (max-width: 575px) {
    .layout-pt-lg {
        padding-top: 30px;
    }

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

@media (max-width: 575px) {
    .layout-pt-xl {
        padding-top: 50px;
    }

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

@media (max-width: 575px) {
    .layout-pt-xxl {
        padding-top: 70px;
    }

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

.w-1\/7 {
    width: 14.285714% !important;
}

.w-1\/5 {
    width: 20% !important;
}

.w-1\/4 {
    width: 25% !important;
}

.w-1\/3 {
    width: 33.333333% !important;
}

.w-1\/2 {
    width: 50% !important;
}

.w-1\/1 {
    width: 100% !important;
}

@media (max-width: 1199px) {
    .xl\:w-1\/5 {
        width: 20% !important;
    }

    .xl\:w-1\/4 {
        width: 25% !important;
    }

    .xl\:w-1\/3 {
        width: 33.333333% !important;
    }

    .xl\:w-1\/2 {
        width: 50% !important;
    }

    .xl\:w-1\/1 {
        width: 100% !important;
    }
}

@media (max-width: 991px) {
    .lg\:w-1\/5 {
        width: 20% !important;
    }

    .lg\:w-1\/4 {
        width: 25% !important;
    }

    .lg\:w-1\/3 {
        width: 33.333333% !important;
    }

    .lg\:w-1\/2 {
        width: 50% !important;
    }

    .lg\:w-1\/1 {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .md\:w-1\/5 {
        width: 20% !important;
    }

    .md\:w-1\/4 {
        width: 25% !important;
    }

    .md\:w-1\/3 {
        width: 33.333333% !important;
    }

    .md\:w-1\/2 {
        width: 50% !important;
    }

    .md\:w-1\/1 {
        width: 100% !important;
    }
}

@media (max-width: 575px) {
    .sm\:w-1\/5 {
        width: 20% !important;
    }

    .sm\:w-1\/4 {
        width: 25% !important;
    }

    .sm\:w-1\/3 {
        width: 33.333333% !important;
    }

    .sm\:w-1\/2 {
        width: 50% !important;
    }

    .sm\:w-1\/1 {
        width: 100% !important;
    }
}

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

@media (max-width: 1199px) {
    .xl\:flex-column {
        flex-direction: column !important;
    }
}

@media (max-width: 991px) {
    .lg\:flex-column {
        flex-direction: column !important;
    }
}

@media (max-width: 767px) {
    .md\:flex-column {
        flex-direction: column !important;
    }
}

@media (max-width: 575px) {
    .sm\:flex-column {
        flex-direction: column !important;
    }
}


.testimonials{
    width:fit-content !important;
}

.js-testimonials-slider-1
{
    
}

.t-image{
    border-radius:1rem;
}


.shadow-1 {
    box-shadow: 0px 10px 40px 0px #0000000D;
}

.shadow-2 {
    box-shadow: 0px 0px 20px 0px rgba(56, 71, 109, 0.03);
}

.bg-testimonials {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius:1rem;
}

.swiper-slide {
    border-radius: 1rem;
}

.swiper-android .swiper-slide, .swiper-wrapper {
    text-align: center;
    text-align: -webkit-center;
}

.js-testimonials-slider-1
{
    width:inherit;
}



.remaining-time {
    margin-top: 10px;
}

.remaining-time__content {
    display: flex;
    gap: 14px;
    align-items: baseline;
}

.clock-dot {
    font-size: 24px;
    display: flex;
}

.remaining-time__desc {
    font-size: 0.875rem;
    margin-top: 10px;
}

.remaining-time .box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.remaining-time .box__text {
    font-size: 14px;
    font-weight: 500;
    margin-top: 8px;
    line-height: 1;
    color: #e1e1e1;
}

@media screen and (max-width: 424px) {
    .remaining-time .box__text {
        font-size: 13px;
    }
}

.remaining-time .box .box-style {
    width: 50px;
    height: 50px;
    color: hsl(var(--black));
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 500;
    font-family: cursive;
    position: relative;
    z-index: 1;
}

    .remaining-time .box .box-style::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 85%;
        width: 85%;
        background: white;
        border-radius: 50%;
        z-index: -1;
    }

@media screen and (max-width: 424px) {
    .remaining-time .box .box-style {
        
    }
}


.rt-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #e1e1e1;
}

.events-content-slider-wrapper
{

}

@media (max-width: 575.98px) {
    .rt-title {
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .events-content-slider-wrapper {
        top: 0;
    }
}