@charset "UTF-8";
/* ========================================
   IMPORTS
======================================== */
/* Work Sans - Local Fonts */
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/Work_Sans/WorkSans-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/Work_Sans/WorkSans-Italic-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
/* ========================================
   LAYOUT & CONTAINER SYSTEM
======================================== */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 6rem; /* Ajusta este valor según sea necesario */
}

body.no-scroll {
  overflow: hidden;
}

/* Variables para breakpoints de containers */
:root {
  --container-sm: 540px;
  --container-md: 700px;
  --container-lg: 900px;
  --container-xl: 1000px;
  --container-xxl: 1190px;
  --container-xxxl: 1200px;
}

/* Container base - similar a Bootstrap */
.container {
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

.container-fluid {
  width: 100%;
  margin: 0 auto;
}

/* Breakpoints responsive - Bootstrap style */
@media (min-width: 576px) {
  .container {
    max-width: var(--container-sm);
  }
}
@media (min-width: 768px) {
  .container {
    max-width: var(--container-md);
  }
}
@media (min-width: 992px) {
  .container {
    max-width: var(--container-lg);
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: var(--container-xl);
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: var(--container-xxl);
  }
}
@media (min-width: 1600px) {
  .container {
    max-width: var(--container-xxxl);
  }
}
/* Container fluid siempre ocupa el 100% */
.container-fluid {
  max-width: none;
  box-sizing: border-box;
}

/* ========================================
   CONTAINER ALIGNMENT UTILITIES
======================================== */
/* Container alineado a la izquierda */
.container-left {
  width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  position: relative;
}

/* Container alineado a la derecha */
.container-right {
  width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  position: relative;
}

/* Breakpoints para containers alineados */
@media (min-width: 768px) {
  .container-left {
    max-width: calc(var(--container-md) + (100vw - var(--container-md)) / 2);
    margin: 0;
    margin-right: auto;
  }
  .container-right {
    max-width: calc(var(--container-md) + (100vw - var(--container-md)) / 2);
    margin: 0;
    margin-left: auto;
  }
}
@media (min-width: 992px) {
  .container-left {
    max-width: calc(var(--container-lg) + (100vw - var(--container-lg)) / 2);
  }
  .container-right {
    max-width: calc(var(--container-lg) + (100vw - var(--container-lg)) / 2);
  }
}
@media (min-width: 1200px) {
  .container-left {
    max-width: calc(var(--container-xl) + (100vw - var(--container-xl)) / 2);
  }
  .container-right {
    max-width: calc(var(--container-xl) + (100vw - var(--container-xl)) / 2);
  }
}
@media (min-width: 1400px) {
  .container-left {
    max-width: calc(var(--container-xxl) + (100vw - var(--container-xxl)) / 2);
  }
  .container-right {
    max-width: calc(var(--container-xxl) + (100vw - var(--container-xxl)) / 2);
  }
}
@media (min-width: 1600px) {
  .container-left {
    max-width: calc(var(--container-xxxl) + (100vw - var(--container-xxxl)) / 2);
  }
  .container-right {
    max-width: calc(var(--container-xxxl) + (100vw - var(--container-xxxl)) / 2);
  }
}
/* ========================================
   HEADER & NAVIGATION
======================================== */
header {
  position: fixed;
  top: 62%;
  right: 20px;
  transform: translateY(-62%);
  z-index: 1000;
  background: none;
}

header h1 {
  display: none; /* Ocultar el título del header */
}

nav {
  background: none;
}

nav ul {
  list-style: none; /* Se eliminará y se usará ::before para los bullets */
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

nav ul li {
  margin: 0;
  position: relative;
  padding-right: 18px; /* Espacio para el bullet */
  padding-left: 0;
}

nav ul li::before {
  content: "";
  position: absolute;
  right: 0;
  left: auto;
  top: 50%;
  transform: translateY(-50%);
  width: 10px; /* Tamaño del SVG */
  height: 10px; /* Tamaño del SVG */
  background-image: url("../assets/Ellipse 3.svg"); /* Bullet no seleccionado */
  background-size: contain;
  background-repeat: no-repeat;
}

nav ul li.active::before {
  background-image: url("../assets/Ellipse 4.svg"); /* Bullet seleccionado */
}

nav ul li a {
  color: var(--text-primary);
  text-decoration: none;
  font-size: 1.1rem; /* 18px / 12px = 1.5rem */
  font-weight: 400;
  font-style: normal; /* SemiBold no es una propiedad CSS, se usa font-weight */
  leading-trim: none;
  line-height: 100%;
  letter-spacing: 0%;
  transition: color 0.3s ease;
  display: block;
  text-align: end;
}

/* Estilos cuando la navegación está sobre el footer blanco */
header.over-footer nav ul li {
  position: relative;
  /* Efecto gradual para bullets */
}
header.over-footer nav ul li a {
  position: relative;
  /* Crear una capa superpuesta con el color oscuro */
}
header.over-footer nav ul li a::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #212121;
  clip-path: polygon(0 0, 100% 0, 100% var(--overlap-percentage, 0%), 0 var(--overlap-percentage, 0%));
  pointer-events: none;
}
header.over-footer nav ul li.active a::after {
  color: #085358; /* Color de acento para el enlace activo */
}
header.over-footer nav ul li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-image: url("../assets/Ellipse 3.svg");
  background-size: contain;
  background-repeat: no-repeat;
  filter: invert(1);
  clip-path: polygon(0 0, 100% 0, 100% var(--overlap-percentage, 0%), 0 var(--overlap-percentage, 0%));
}
header.over-footer nav ul li.active::after {
  background-image: url("../assets/Ellipse 4.svg");
}

nav ul li.active a {
  font-weight: 600;
}

/* Responsive para móviles */
@media (max-width: 768px) {
  header {
    display: none;
  }
}
/* ========================================
   HERO SECTION
======================================== */
#hero {
  position: relative;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../assets/cover-hero2.jpg");
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  height: 80vh;
}
@media (min-width: 768px) {
  #hero {
    height: unset;
  }
}

#hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--overlay-dark);
  z-index: 1;
}

#hero-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 80vh;
  z-index: 0;
  width: 100%;
  /* Asegura que el video esté por encima de la imagen de fondo */
  transform: translateX(-50%) translateY(-50%);
  object-fit: cover;
  /* Asegura que el video cubra el área */
}
@media (min-width: 768px) {
  #hero-video {
    width: 100%;
    height: auto;
    transform: translateX(-50%) translateY(-50%);
  }
}

.hero-content {
  position: relative;
  z-index: 2;
  color: white;
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}

.social-links {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: var(--overlay-darker);
  padding: 15px 23px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99;
}
@media (min-width: 768px) {
  .social-links {
    padding: 10px 20px;
  }
}

.social-links span {
  font-weight: 500;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 100%;
  letter-spacing: 0%;
}
@media (min-width: 768px) {
  .social-links span {
    font-size: 1.1rem;
  }
}

.social-links a {
  color: white;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3rem;
  line-height: 100%;
  letter-spacing: 0%;
}
@media (min-width: 768px) {
  .social-links a {
    font-size: 1.02rem;
  }
}

.social-links img {
  width: 16px;
  height: 16px;
}
@media (min-width: 768px) {
  .social-links img {
    width: 14px;
    height: 14px;
  }
}

.hero-main-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  height: 100%;
}
@media (min-width: 768px) {
  .hero-main-content {
    justify-content: center;
  }
}

.hero-title {
  margin: 30vh auto 0 auto;
  text-align: left;
  display: flex;
  flex-direction: column;
  line-height: 80%;
  text-transform: uppercase;
  letter-spacing: 0%;
}
@media (min-width: 768px) {
  .hero-title {
    margin: 16.5vh 0 0 0;
  }
}

.hero-title-mati {
  font-weight: 500;
  font-size: 6.6rem;
  /* 81px / 16px = 5.0625rem */
  line-height: 80%;
  letter-spacing: 0%;
  text-transform: uppercase;
  display: block;
}
@media (min-width: 768px) {
  .hero-title-mati {
    font-size: 5.0625rem;
  }
}
@media (min-width: 992px) {
  .hero-title-mati {
    font-size: 5.5625rem;
  }
}
@media (min-width: 1200px) {
  .hero-title-mati {
    font-size: 5.8rem;
  }
}

.hero-title-sabagh {
  font-weight: 800;
  font-size: 6.6rem;
  /* 81px / 16px = 5.0625rem */
  line-height: 80%;
  letter-spacing: 0%;
  text-transform: uppercase;
  display: block;
}
@media (min-width: 768px) {
  .hero-title-sabagh {
    font-size: 5.0625rem;
  }
}
@media (min-width: 992px) {
  .hero-title-sabagh {
    font-size: 5.5625rem;
  }
}
@media (min-width: 1200px) {
  .hero-title-sabagh {
    font-size: 5.8rem;
  }
}

.hero-cards {
  display: flex;
  justify-content: center;
  gap: 18px;
  z-index: 2;
  position: relative;
  width: 100%;
  flex-wrap: wrap;
  position: absolute;
  left: 0;
  bottom: calc((100vw - 48px) / 2 * 1.5384615385 * -1 - (100vw - 48px) / 2 * 1.5384615385 / 2);
  box-sizing: border-box;
  padding: 0 15px;
}
@media (min-width: 768px) {
  .hero-cards {
    padding: 0;
    gap: 25px;
    margin-top: 11.5vh;
    position: relative;
    bottom: unset;
    left: unset;
  }
}

.hero-cards .card {
  border-radius: 5px;
  overflow: hidden;
  aspect-ratio: 195/300;
  /* Mantiene la relación de aspecto exacta */
  text-align: center;
  transition: transform 0.3s ease;
  position: relative;
  cursor: pointer;
  padding: 40px 20px;
  box-sizing: border-box;
  width: calc(50% - 9px);
}
@media (min-width: 768px) {
  .hero-cards .card {
    width: auto;
    flex: 1;
    aspect-ratio: 299.75/391;
  }
}

.hero-cards .card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(179.96deg, rgba(33, 33, 33, 0) 0.04%, #212121 90.62%);
  z-index: 1;
  pointer-events: none;
}

.hero-cards .card:hover {
  transform: translateY(-3px);
}

.hero-cards .card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.hero-cards .card p {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 24px 0;
  margin: 0;
  font-weight: 600;
  font-size: 1.5rem;
  /* 24px / 16px = 1.5rem */
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: white;
  z-index: 2;
}

/* Sobre Mi Section */
#sobre-mi {
  background-color: var(--primary-bg);
  color: white;
  position: relative;
  z-index: 1;
  margin-top: calc((100vw - 48px) / 2 * 1.5384615385 * 2 + 36px - (100vw - 48px) / 2 * 1.5384615385 / 2);
}
@media (min-width: 768px) {
  #sobre-mi {
    margin-top: calc((var(--container-md) - 78px) / 4 * 1.3044203503 / 2 * -1);
    padding-top: calc((var(--container-md) - 78px) / 4 * 1.3044203503 / 2);
  }
}
@media (min-width: 992px) {
  #sobre-mi {
    margin-top: calc((var(--container-lg) - 78px) / 4 * 1.3044203503 / 2 * -1);
    padding-top: calc((var(--container-lg) - 78px) / 4 * 1.3044203503 / 2);
  }
}
@media (min-width: 1200px) {
  #sobre-mi {
    margin-top: calc((var(--container-xl) - 78px) / 4 * 1.3044203503 / 2 * -1);
    padding-top: calc((var(--container-xl) - 78px) / 4 * 1.3044203503 / 2);
  }
}
@media (min-width: 1400px) {
  #sobre-mi {
    margin-top: calc((var(--container-xxl) - 78px) / 4 * 1.3044203503 / 2 * -1);
    padding-top: calc((var(--container-xxl) - 78px) / 4 * 1.3044203503 / 2);
  }
}
@media (min-width: 1600px) {
  #sobre-mi {
    margin-top: calc((var(--container-xxxl) - 78px) / 4 * 1.3044203503 / 2 * -1);
    padding-top: calc((var(--container-xxxl)) / 4 * 1.3044203503 / 2);
  }
}

#sobre-mi .sobre-mi-content {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  #sobre-mi .sobre-mi-content {
    flex-direction: row;
    align-items: stretch;
    gap: 26px;
  }
}

#sobre-mi .text-content {
  flex: 1;
  padding: 0 15px;
}
@media (min-width: 768px) {
  #sobre-mi .text-content {
    padding: 0;
  }
}

@media (min-width: 768px) {
  #sobre-mi .image-content {
    width: calc(50vw - 13px);
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: stretch;
  }
}

#sobre-mi .image-content img {
  width: 100%;
  height: auto;
  /* Permite que la imagen ajuste su altura automáticamente */
  object-fit: cover;
  /* Asegura que la imagen se ajuste dentro del contenedor sin recortarse */
  object-position: center;
  /* Centra la imagen */
  aspect-ratio: 940/816;
}

#sobre-mi .sobre-mi-title-desktop {
  display: none;
}
@media (min-width: 768px) {
  #sobre-mi .sobre-mi-title-desktop {
    display: block;
  }
}

#sobre-mi .sobre-mi-title-mobile {
  display: block;
}
@media (min-width: 768px) {
  #sobre-mi .sobre-mi-title-mobile {
    display: none;
  }
}

#sobre-mi h2 {
  position: absolute;
  bottom: -8.5rem;
  left: 0;
  font-size: 3.3rem;
  color: white;
  white-space: pre-line;
  font-weight: 800;
  letter-spacing: 0%;
  text-transform: uppercase;
  z-index: 2;
  line-height: 105%;
  padding: 0 15px;
}
@media (min-width: 576px) {
  #sobre-mi h2 {
    bottom: -6rem;
  }
}
@media (min-width: 768px) {
  #sobre-mi h2 {
    font-size: 3.9rem;
    top: -10rem;
    bottom: unset;
  }
}
@media (min-width: 1200px) {
  #sobre-mi h2 {
    font-size: 4.3rem;
    top: -11rem;
  }
}
@media (min-width: 1400px) {
  #sobre-mi h2 {
    font-size: 4.7rem;
    top: -12rem;
  }
}
@media (min-width: 1600px) {
  #sobre-mi h2 {
    font-size: 5.7rem;
    top: -14rem;
  }
}

#sobre-mi .text-content p {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 150%;
  letter-spacing: 0%;
  margin: 0;
  white-space: pre-line;
  margin-top: 12rem;
  /* Colapsa los espacios en blanco pero respeta los saltos de línea */
}
@media (min-width: 768px) {
  #sobre-mi .text-content p {
    font-size: 1.16rem;
    margin-top: 0;
  }
}
@media (min-width: 1600px) {
  #sobre-mi .text-content p {
    font-size: 1.4rem;
    margin-top: 0;
  }
}

.mt-0 {
  margin-top: 0rem !important;
}

.mr-0 {
  margin-right: 0rem !important;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.ml-0 {
  margin-left: 0rem !important;
}

.mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.m-0 {
  margin: 0rem !important;
}

.mt-1 {
  margin-top: 1rem !important;
}

.mr-1 {
  margin-right: 1rem !important;
}

.mb-1 {
  margin-bottom: 1rem !important;
}

.ml-1 {
  margin-left: 1rem !important;
}

.mx-1 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-1 {
  margin: 1rem !important;
}

.mt-2 {
  margin-top: 2rem !important;
}

.mr-2 {
  margin-right: 2rem !important;
}

.mb-2 {
  margin-bottom: 2rem !important;
}

.ml-2 {
  margin-left: 2rem !important;
}

.mx-2 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.my-2 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.m-2 {
  margin: 2rem !important;
}

.mt-3 {
  margin-top: 3rem !important;
}

.mr-3 {
  margin-right: 3rem !important;
}

.mb-3 {
  margin-bottom: 3rem !important;
}

.ml-3 {
  margin-left: 3rem !important;
}

.mx-3 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.m-3 {
  margin: 3rem !important;
}

.mt-4 {
  margin-top: 4rem !important;
}

.mr-4 {
  margin-right: 4rem !important;
}

.mb-4 {
  margin-bottom: 4rem !important;
}

.ml-4 {
  margin-left: 4rem !important;
}

.mx-4 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.my-4 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.m-4 {
  margin: 4rem !important;
}

.mt-5 {
  margin-top: 5rem !important;
}

.mr-5 {
  margin-right: 5rem !important;
}

.mb-5 {
  margin-bottom: 5rem !important;
}

.ml-5 {
  margin-left: 5rem !important;
}

.mx-5 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.my-5 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.m-5 {
  margin: 5rem !important;
}

.mt-6 {
  margin-top: 6rem !important;
}

.mr-6 {
  margin-right: 6rem !important;
}

.mb-6 {
  margin-bottom: 6rem !important;
}

.ml-6 {
  margin-left: 6rem !important;
}

.mx-6 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.my-6 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.m-6 {
  margin: 6rem !important;
}

.mt-7 {
  margin-top: 7rem !important;
}

.mr-7 {
  margin-right: 7rem !important;
}

.mb-7 {
  margin-bottom: 7rem !important;
}

.ml-7 {
  margin-left: 7rem !important;
}

.mx-7 {
  margin-left: 7rem !important;
  margin-right: 7rem !important;
}

.my-7 {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}

.m-7 {
  margin: 7rem !important;
}

.mt-8 {
  margin-top: 8rem !important;
}

.mr-8 {
  margin-right: 8rem !important;
}

.mb-8 {
  margin-bottom: 8rem !important;
}

.ml-8 {
  margin-left: 8rem !important;
}

.mx-8 {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}

.my-8 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.m-8 {
  margin: 8rem !important;
}

.mt-9 {
  margin-top: 9rem !important;
}

.mr-9 {
  margin-right: 9rem !important;
}

.mb-9 {
  margin-bottom: 9rem !important;
}

.ml-9 {
  margin-left: 9rem !important;
}

.mx-9 {
  margin-left: 9rem !important;
  margin-right: 9rem !important;
}

.my-9 {
  margin-top: 9rem !important;
  margin-bottom: 9rem !important;
}

.m-9 {
  margin: 9rem !important;
}

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

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

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

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

.mx-10 {
  margin-left: 10rem !important;
  margin-right: 10rem !important;
}

.my-10 {
  margin-top: 10rem !important;
  margin-bottom: 10rem !important;
}

.m-10 {
  margin: 10rem !important;
}

.mt-11 {
  margin-top: 11rem !important;
}

.mr-11 {
  margin-right: 11rem !important;
}

.mb-11 {
  margin-bottom: 11rem !important;
}

.ml-11 {
  margin-left: 11rem !important;
}

.mx-11 {
  margin-left: 11rem !important;
  margin-right: 11rem !important;
}

.my-11 {
  margin-top: 11rem !important;
  margin-bottom: 11rem !important;
}

.m-11 {
  margin: 11rem !important;
}

.mt-12 {
  margin-top: 12rem !important;
}

.mr-12 {
  margin-right: 12rem !important;
}

.mb-12 {
  margin-bottom: 12rem !important;
}

.ml-12 {
  margin-left: 12rem !important;
}

.mx-12 {
  margin-left: 12rem !important;
  margin-right: 12rem !important;
}

.my-12 {
  margin-top: 12rem !important;
  margin-bottom: 12rem !important;
}

.m-12 {
  margin: 12rem !important;
}

.mt-13 {
  margin-top: 13rem !important;
}

.mr-13 {
  margin-right: 13rem !important;
}

.mb-13 {
  margin-bottom: 13rem !important;
}

.ml-13 {
  margin-left: 13rem !important;
}

.mx-13 {
  margin-left: 13rem !important;
  margin-right: 13rem !important;
}

.my-13 {
  margin-top: 13rem !important;
  margin-bottom: 13rem !important;
}

.m-13 {
  margin: 13rem !important;
}

.mt-14 {
  margin-top: 14rem !important;
}

.mr-14 {
  margin-right: 14rem !important;
}

.mb-14 {
  margin-bottom: 14rem !important;
}

.ml-14 {
  margin-left: 14rem !important;
}

.mx-14 {
  margin-left: 14rem !important;
  margin-right: 14rem !important;
}

.my-14 {
  margin-top: 14rem !important;
  margin-bottom: 14rem !important;
}

.m-14 {
  margin: 14rem !important;
}

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

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

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

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

.mx-15 {
  margin-left: 15rem !important;
  margin-right: 15rem !important;
}

.my-15 {
  margin-top: 15rem !important;
  margin-bottom: 15rem !important;
}

.m-15 {
  margin: 15rem !important;
}

.mt-16 {
  margin-top: 16rem !important;
}

.mr-16 {
  margin-right: 16rem !important;
}

.mb-16 {
  margin-bottom: 16rem !important;
}

.ml-16 {
  margin-left: 16rem !important;
}

.mx-16 {
  margin-left: 16rem !important;
  margin-right: 16rem !important;
}

.my-16 {
  margin-top: 16rem !important;
  margin-bottom: 16rem !important;
}

.m-16 {
  margin: 16rem !important;
}

.mt-17 {
  margin-top: 17rem !important;
}

.mr-17 {
  margin-right: 17rem !important;
}

.mb-17 {
  margin-bottom: 17rem !important;
}

.ml-17 {
  margin-left: 17rem !important;
}

.mx-17 {
  margin-left: 17rem !important;
  margin-right: 17rem !important;
}

.my-17 {
  margin-top: 17rem !important;
  margin-bottom: 17rem !important;
}

.m-17 {
  margin: 17rem !important;
}

.mt-18 {
  margin-top: 18rem !important;
}

.mr-18 {
  margin-right: 18rem !important;
}

.mb-18 {
  margin-bottom: 18rem !important;
}

.ml-18 {
  margin-left: 18rem !important;
}

.mx-18 {
  margin-left: 18rem !important;
  margin-right: 18rem !important;
}

.my-18 {
  margin-top: 18rem !important;
  margin-bottom: 18rem !important;
}

.m-18 {
  margin: 18rem !important;
}

.mt-19 {
  margin-top: 19rem !important;
}

.mr-19 {
  margin-right: 19rem !important;
}

.mb-19 {
  margin-bottom: 19rem !important;
}

.ml-19 {
  margin-left: 19rem !important;
}

.mx-19 {
  margin-left: 19rem !important;
  margin-right: 19rem !important;
}

.my-19 {
  margin-top: 19rem !important;
  margin-bottom: 19rem !important;
}

.m-19 {
  margin: 19rem !important;
}

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

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

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

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

.mx-20 {
  margin-left: 20rem !important;
  margin-right: 20rem !important;
}

.my-20 {
  margin-top: 20rem !important;
  margin-bottom: 20rem !important;
}

.m-20 {
  margin: 20rem !important;
}

.pt-0 {
  padding-top: 0rem !important;
}

.pr-0 {
  padding-right: 0rem !important;
}

.pb-0 {
  padding-bottom: 0rem !important;
}

.pl-0 {
  padding-left: 0rem !important;
}

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

.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.p-0 {
  padding: 0rem !important;
}

.pt-1 {
  padding-top: 1rem !important;
}

.pr-1 {
  padding-right: 1rem !important;
}

.pb-1 {
  padding-bottom: 1rem !important;
}

.pl-1 {
  padding-left: 1rem !important;
}

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

.py-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-1 {
  padding: 1rem !important;
}

.pt-2 {
  padding-top: 2rem !important;
}

.pr-2 {
  padding-right: 2rem !important;
}

.pb-2 {
  padding-bottom: 2rem !important;
}

.pl-2 {
  padding-left: 2rem !important;
}

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

.py-2 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.p-2 {
  padding: 2rem !important;
}

.pt-3 {
  padding-top: 3rem !important;
}

.pr-3 {
  padding-right: 3rem !important;
}

.pb-3 {
  padding-bottom: 3rem !important;
}

.pl-3 {
  padding-left: 3rem !important;
}

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

.py-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.p-3 {
  padding: 3rem !important;
}

.pt-4 {
  padding-top: 4rem !important;
}

.pr-4 {
  padding-right: 4rem !important;
}

.pb-4 {
  padding-bottom: 4rem !important;
}

.pl-4 {
  padding-left: 4rem !important;
}

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

.py-4 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.p-4 {
  padding: 4rem !important;
}

.pt-5 {
  padding-top: 5rem !important;
}

.pr-5 {
  padding-right: 5rem !important;
}

.pb-5 {
  padding-bottom: 5rem !important;
}

.pl-5 {
  padding-left: 5rem !important;
}

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

.py-5 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.p-5 {
  padding: 5rem !important;
}

.pt-6 {
  padding-top: 6rem !important;
}

.pr-6 {
  padding-right: 6rem !important;
}

.pb-6 {
  padding-bottom: 6rem !important;
}

.pl-6 {
  padding-left: 6rem !important;
}

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

.py-6 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.p-6 {
  padding: 6rem !important;
}

.pt-7 {
  padding-top: 7rem !important;
}

.pr-7 {
  padding-right: 7rem !important;
}

.pb-7 {
  padding-bottom: 7rem !important;
}

.pl-7 {
  padding-left: 7rem !important;
}

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

.py-7 {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

.p-7 {
  padding: 7rem !important;
}

.pt-8 {
  padding-top: 8rem !important;
}

.pr-8 {
  padding-right: 8rem !important;
}

.pb-8 {
  padding-bottom: 8rem !important;
}

.pl-8 {
  padding-left: 8rem !important;
}

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

.py-8 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.p-8 {
  padding: 8rem !important;
}

.pt-9 {
  padding-top: 9rem !important;
}

.pr-9 {
  padding-right: 9rem !important;
}

.pb-9 {
  padding-bottom: 9rem !important;
}

.pl-9 {
  padding-left: 9rem !important;
}

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

.py-9 {
  padding-top: 9rem !important;
  padding-bottom: 9rem !important;
}

.p-9 {
  padding: 9rem !important;
}

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

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

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

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

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

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

.p-10 {
  padding: 10rem !important;
}

.pt-11 {
  padding-top: 11rem !important;
}

.pr-11 {
  padding-right: 11rem !important;
}

.pb-11 {
  padding-bottom: 11rem !important;
}

.pl-11 {
  padding-left: 11rem !important;
}

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

.py-11 {
  padding-top: 11rem !important;
  padding-bottom: 11rem !important;
}

.p-11 {
  padding: 11rem !important;
}

.pt-12 {
  padding-top: 12rem !important;
}

.pr-12 {
  padding-right: 12rem !important;
}

.pb-12 {
  padding-bottom: 12rem !important;
}

.pl-12 {
  padding-left: 12rem !important;
}

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

.py-12 {
  padding-top: 12rem !important;
  padding-bottom: 12rem !important;
}

.p-12 {
  padding: 12rem !important;
}

.pt-13 {
  padding-top: 13rem !important;
}

.pr-13 {
  padding-right: 13rem !important;
}

.pb-13 {
  padding-bottom: 13rem !important;
}

.pl-13 {
  padding-left: 13rem !important;
}

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

.py-13 {
  padding-top: 13rem !important;
  padding-bottom: 13rem !important;
}

.p-13 {
  padding: 13rem !important;
}

.pt-14 {
  padding-top: 14rem !important;
}

.pr-14 {
  padding-right: 14rem !important;
}

.pb-14 {
  padding-bottom: 14rem !important;
}

.pl-14 {
  padding-left: 14rem !important;
}

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

.py-14 {
  padding-top: 14rem !important;
  padding-bottom: 14rem !important;
}

.p-14 {
  padding: 14rem !important;
}

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

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

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

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

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

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

.p-15 {
  padding: 15rem !important;
}

.pt-16 {
  padding-top: 16rem !important;
}

.pr-16 {
  padding-right: 16rem !important;
}

.pb-16 {
  padding-bottom: 16rem !important;
}

.pl-16 {
  padding-left: 16rem !important;
}

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

.py-16 {
  padding-top: 16rem !important;
  padding-bottom: 16rem !important;
}

.p-16 {
  padding: 16rem !important;
}

.pt-17 {
  padding-top: 17rem !important;
}

.pr-17 {
  padding-right: 17rem !important;
}

.pb-17 {
  padding-bottom: 17rem !important;
}

.pl-17 {
  padding-left: 17rem !important;
}

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

.py-17 {
  padding-top: 17rem !important;
  padding-bottom: 17rem !important;
}

.p-17 {
  padding: 17rem !important;
}

.pt-18 {
  padding-top: 18rem !important;
}

.pr-18 {
  padding-right: 18rem !important;
}

.pb-18 {
  padding-bottom: 18rem !important;
}

.pl-18 {
  padding-left: 18rem !important;
}

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

.py-18 {
  padding-top: 18rem !important;
  padding-bottom: 18rem !important;
}

.p-18 {
  padding: 18rem !important;
}

.pt-19 {
  padding-top: 19rem !important;
}

.pr-19 {
  padding-right: 19rem !important;
}

.pb-19 {
  padding-bottom: 19rem !important;
}

.pl-19 {
  padding-left: 19rem !important;
}

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

.py-19 {
  padding-top: 19rem !important;
  padding-bottom: 19rem !important;
}

.p-19 {
  padding: 19rem !important;
}

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

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

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

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

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

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

.p-20 {
  padding: 20rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

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

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-n1 {
  margin-top: -1rem !important;
}

.mr-n1 {
  margin-right: -1rem !important;
}

.mb-n1 {
  margin-bottom: -1rem !important;
}

.ml-n1 {
  margin-left: -1rem !important;
}

.mt-n2 {
  margin-top: -2rem !important;
}

.mr-n2 {
  margin-right: -2rem !important;
}

.mb-n2 {
  margin-bottom: -2rem !important;
}

.ml-n2 {
  margin-left: -2rem !important;
}

.mt-n3 {
  margin-top: -3rem !important;
}

.mr-n3 {
  margin-right: -3rem !important;
}

.mb-n3 {
  margin-bottom: -3rem !important;
}

.ml-n3 {
  margin-left: -3rem !important;
}

.mt-n4 {
  margin-top: -4rem !important;
}

.mr-n4 {
  margin-right: -4rem !important;
}

.mb-n4 {
  margin-bottom: -4rem !important;
}

.ml-n4 {
  margin-left: -4rem !important;
}

.mt-n5 {
  margin-top: -5rem !important;
}

.mr-n5 {
  margin-right: -5rem !important;
}

.mb-n5 {
  margin-bottom: -5rem !important;
}

.ml-n5 {
  margin-left: -5rem !important;
}

@media (min-width: 576px) {
  .mt-sm-0 {
    margin-top: 0rem !important;
  }
  .mt-sm-1 {
    margin-top: 1rem !important;
  }
  .mt-sm-2 {
    margin-top: 2rem !important;
  }
  .mt-sm-3 {
    margin-top: 3rem !important;
  }
  .mt-sm-4 {
    margin-top: 4rem !important;
  }
  .mt-sm-5 {
    margin-top: 5rem !important;
  }
  .mt-sm-6 {
    margin-top: 6rem !important;
  }
  .mt-sm-7 {
    margin-top: 7rem !important;
  }
  .mt-sm-8 {
    margin-top: 8rem !important;
  }
  .mt-sm-9 {
    margin-top: 9rem !important;
  }
  .mt-sm-10 {
    margin-top: 10rem !important;
  }
  .mt-sm-11 {
    margin-top: 11rem !important;
  }
  .mt-sm-12 {
    margin-top: 12rem !important;
  }
  .mt-sm-13 {
    margin-top: 13rem !important;
  }
  .mt-sm-14 {
    margin-top: 14rem !important;
  }
  .mt-sm-15 {
    margin-top: 15rem !important;
  }
  .mt-sm-16 {
    margin-top: 16rem !important;
  }
  .mt-sm-17 {
    margin-top: 17rem !important;
  }
  .mt-sm-18 {
    margin-top: 18rem !important;
  }
  .mt-sm-19 {
    margin-top: 19rem !important;
  }
  .mt-sm-20 {
    margin-top: 20rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 768px) {
  .mt-md-0 {
    margin-top: 0rem !important;
  }
  .mt-md-1 {
    margin-top: 1rem !important;
  }
  .mt-md-2 {
    margin-top: 2rem !important;
  }
  .mt-md-3 {
    margin-top: 3rem !important;
  }
  .mt-md-4 {
    margin-top: 4rem !important;
  }
  .mt-md-5 {
    margin-top: 5rem !important;
  }
  .mt-md-6 {
    margin-top: 6rem !important;
  }
  .mt-md-7 {
    margin-top: 7rem !important;
  }
  .mt-md-8 {
    margin-top: 8rem !important;
  }
  .mt-md-9 {
    margin-top: 9rem !important;
  }
  .mt-md-10 {
    margin-top: 10rem !important;
  }
  .mt-md-11 {
    margin-top: 11rem !important;
  }
  .mt-md-12 {
    margin-top: 12rem !important;
  }
  .mt-md-13 {
    margin-top: 13rem !important;
  }
  .mt-md-14 {
    margin-top: 14rem !important;
  }
  .mt-md-15 {
    margin-top: 15rem !important;
  }
  .mt-md-16 {
    margin-top: 16rem !important;
  }
  .mt-md-17 {
    margin-top: 17rem !important;
  }
  .mt-md-18 {
    margin-top: 18rem !important;
  }
  .mt-md-19 {
    margin-top: 19rem !important;
  }
  .mt-md-20 {
    margin-top: 20rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-0 {
    margin-top: 0rem !important;
  }
  .mt-lg-1 {
    margin-top: 1rem !important;
  }
  .mt-lg-2 {
    margin-top: 2rem !important;
  }
  .mt-lg-3 {
    margin-top: 3rem !important;
  }
  .mt-lg-4 {
    margin-top: 4rem !important;
  }
  .mt-lg-5 {
    margin-top: 5rem !important;
  }
  .mt-lg-6 {
    margin-top: 6rem !important;
  }
  .mt-lg-7 {
    margin-top: 7rem !important;
  }
  .mt-lg-8 {
    margin-top: 8rem !important;
  }
  .mt-lg-9 {
    margin-top: 9rem !important;
  }
  .mt-lg-10 {
    margin-top: 10rem !important;
  }
  .mt-lg-11 {
    margin-top: 11rem !important;
  }
  .mt-lg-12 {
    margin-top: 12rem !important;
  }
  .mt-lg-13 {
    margin-top: 13rem !important;
  }
  .mt-lg-14 {
    margin-top: 14rem !important;
  }
  .mt-lg-15 {
    margin-top: 15rem !important;
  }
  .mt-lg-16 {
    margin-top: 16rem !important;
  }
  .mt-lg-17 {
    margin-top: 17rem !important;
  }
  .mt-lg-18 {
    margin-top: 18rem !important;
  }
  .mt-lg-19 {
    margin-top: 19rem !important;
  }
  .mt-lg-20 {
    margin-top: 20rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 1200px) {
  .mt-xl-0 {
    margin-top: 0rem !important;
  }
  .mt-xl-1 {
    margin-top: 1rem !important;
  }
  .mt-xl-2 {
    margin-top: 2rem !important;
  }
  .mt-xl-3 {
    margin-top: 3rem !important;
  }
  .mt-xl-4 {
    margin-top: 4rem !important;
  }
  .mt-xl-5 {
    margin-top: 5rem !important;
  }
  .mt-xl-6 {
    margin-top: 6rem !important;
  }
  .mt-xl-7 {
    margin-top: 7rem !important;
  }
  .mt-xl-8 {
    margin-top: 8rem !important;
  }
  .mt-xl-9 {
    margin-top: 9rem !important;
  }
  .mt-xl-10 {
    margin-top: 10rem !important;
  }
  .mt-xl-11 {
    margin-top: 11rem !important;
  }
  .mt-xl-12 {
    margin-top: 12rem !important;
  }
  .mt-xl-13 {
    margin-top: 13rem !important;
  }
  .mt-xl-14 {
    margin-top: 14rem !important;
  }
  .mt-xl-15 {
    margin-top: 15rem !important;
  }
  .mt-xl-16 {
    margin-top: 16rem !important;
  }
  .mt-xl-17 {
    margin-top: 17rem !important;
  }
  .mt-xl-18 {
    margin-top: 18rem !important;
  }
  .mt-xl-19 {
    margin-top: 19rem !important;
  }
  .mt-xl-20 {
    margin-top: 20rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 1400px) {
  .mt-xxl-0 {
    margin-top: 0rem !important;
  }
  .mt-xxl-1 {
    margin-top: 1rem !important;
  }
  .mt-xxl-2 {
    margin-top: 2rem !important;
  }
  .mt-xxl-3 {
    margin-top: 3rem !important;
  }
  .mt-xxl-4 {
    margin-top: 4rem !important;
  }
  .mt-xxl-5 {
    margin-top: 5rem !important;
  }
  .mt-xxl-6 {
    margin-top: 6rem !important;
  }
  .mt-xxl-7 {
    margin-top: 7rem !important;
  }
  .mt-xxl-8 {
    margin-top: 8rem !important;
  }
  .mt-xxl-9 {
    margin-top: 9rem !important;
  }
  .mt-xxl-10 {
    margin-top: 10rem !important;
  }
  .mt-xxl-11 {
    margin-top: 11rem !important;
  }
  .mt-xxl-12 {
    margin-top: 12rem !important;
  }
  .mt-xxl-13 {
    margin-top: 13rem !important;
  }
  .mt-xxl-14 {
    margin-top: 14rem !important;
  }
  .mt-xxl-15 {
    margin-top: 15rem !important;
  }
  .mt-xxl-16 {
    margin-top: 16rem !important;
  }
  .mt-xxl-17 {
    margin-top: 17rem !important;
  }
  .mt-xxl-18 {
    margin-top: 18rem !important;
  }
  .mt-xxl-19 {
    margin-top: 19rem !important;
  }
  .mt-xxl-20 {
    margin-top: 20rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 1600px) {
  .mt-xxxl-0 {
    margin-top: 0rem !important;
  }
  .mt-xxxl-1 {
    margin-top: 1rem !important;
  }
  .mt-xxxl-2 {
    margin-top: 2rem !important;
  }
  .mt-xxxl-3 {
    margin-top: 3rem !important;
  }
  .mt-xxxl-4 {
    margin-top: 4rem !important;
  }
  .mt-xxxl-5 {
    margin-top: 5rem !important;
  }
  .mt-xxxl-6 {
    margin-top: 6rem !important;
  }
  .mt-xxxl-7 {
    margin-top: 7rem !important;
  }
  .mt-xxxl-8 {
    margin-top: 8rem !important;
  }
  .mt-xxxl-9 {
    margin-top: 9rem !important;
  }
  .mt-xxxl-10 {
    margin-top: 10rem !important;
  }
  .mt-xxxl-11 {
    margin-top: 11rem !important;
  }
  .mt-xxxl-12 {
    margin-top: 12rem !important;
  }
  .mt-xxxl-13 {
    margin-top: 13rem !important;
  }
  .mt-xxxl-14 {
    margin-top: 14rem !important;
  }
  .mt-xxxl-15 {
    margin-top: 15rem !important;
  }
  .mt-xxxl-16 {
    margin-top: 16rem !important;
  }
  .mt-xxxl-17 {
    margin-top: 17rem !important;
  }
  .mt-xxxl-18 {
    margin-top: 18rem !important;
  }
  .mt-xxxl-19 {
    margin-top: 19rem !important;
  }
  .mt-xxxl-20 {
    margin-top: 20rem !important;
  }
  .mt-xxxl-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 576px) {
  .mr-sm-0 {
    margin-right: 0rem !important;
  }
  .mr-sm-1 {
    margin-right: 1rem !important;
  }
  .mr-sm-2 {
    margin-right: 2rem !important;
  }
  .mr-sm-3 {
    margin-right: 3rem !important;
  }
  .mr-sm-4 {
    margin-right: 4rem !important;
  }
  .mr-sm-5 {
    margin-right: 5rem !important;
  }
  .mr-sm-6 {
    margin-right: 6rem !important;
  }
  .mr-sm-7 {
    margin-right: 7rem !important;
  }
  .mr-sm-8 {
    margin-right: 8rem !important;
  }
  .mr-sm-9 {
    margin-right: 9rem !important;
  }
  .mr-sm-10 {
    margin-right: 10rem !important;
  }
  .mr-sm-11 {
    margin-right: 11rem !important;
  }
  .mr-sm-12 {
    margin-right: 12rem !important;
  }
  .mr-sm-13 {
    margin-right: 13rem !important;
  }
  .mr-sm-14 {
    margin-right: 14rem !important;
  }
  .mr-sm-15 {
    margin-right: 15rem !important;
  }
  .mr-sm-16 {
    margin-right: 16rem !important;
  }
  .mr-sm-17 {
    margin-right: 17rem !important;
  }
  .mr-sm-18 {
    margin-right: 18rem !important;
  }
  .mr-sm-19 {
    margin-right: 19rem !important;
  }
  .mr-sm-20 {
    margin-right: 20rem !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 768px) {
  .mr-md-0 {
    margin-right: 0rem !important;
  }
  .mr-md-1 {
    margin-right: 1rem !important;
  }
  .mr-md-2 {
    margin-right: 2rem !important;
  }
  .mr-md-3 {
    margin-right: 3rem !important;
  }
  .mr-md-4 {
    margin-right: 4rem !important;
  }
  .mr-md-5 {
    margin-right: 5rem !important;
  }
  .mr-md-6 {
    margin-right: 6rem !important;
  }
  .mr-md-7 {
    margin-right: 7rem !important;
  }
  .mr-md-8 {
    margin-right: 8rem !important;
  }
  .mr-md-9 {
    margin-right: 9rem !important;
  }
  .mr-md-10 {
    margin-right: 10rem !important;
  }
  .mr-md-11 {
    margin-right: 11rem !important;
  }
  .mr-md-12 {
    margin-right: 12rem !important;
  }
  .mr-md-13 {
    margin-right: 13rem !important;
  }
  .mr-md-14 {
    margin-right: 14rem !important;
  }
  .mr-md-15 {
    margin-right: 15rem !important;
  }
  .mr-md-16 {
    margin-right: 16rem !important;
  }
  .mr-md-17 {
    margin-right: 17rem !important;
  }
  .mr-md-18 {
    margin-right: 18rem !important;
  }
  .mr-md-19 {
    margin-right: 19rem !important;
  }
  .mr-md-20 {
    margin-right: 20rem !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 992px) {
  .mr-lg-0 {
    margin-right: 0rem !important;
  }
  .mr-lg-1 {
    margin-right: 1rem !important;
  }
  .mr-lg-2 {
    margin-right: 2rem !important;
  }
  .mr-lg-3 {
    margin-right: 3rem !important;
  }
  .mr-lg-4 {
    margin-right: 4rem !important;
  }
  .mr-lg-5 {
    margin-right: 5rem !important;
  }
  .mr-lg-6 {
    margin-right: 6rem !important;
  }
  .mr-lg-7 {
    margin-right: 7rem !important;
  }
  .mr-lg-8 {
    margin-right: 8rem !important;
  }
  .mr-lg-9 {
    margin-right: 9rem !important;
  }
  .mr-lg-10 {
    margin-right: 10rem !important;
  }
  .mr-lg-11 {
    margin-right: 11rem !important;
  }
  .mr-lg-12 {
    margin-right: 12rem !important;
  }
  .mr-lg-13 {
    margin-right: 13rem !important;
  }
  .mr-lg-14 {
    margin-right: 14rem !important;
  }
  .mr-lg-15 {
    margin-right: 15rem !important;
  }
  .mr-lg-16 {
    margin-right: 16rem !important;
  }
  .mr-lg-17 {
    margin-right: 17rem !important;
  }
  .mr-lg-18 {
    margin-right: 18rem !important;
  }
  .mr-lg-19 {
    margin-right: 19rem !important;
  }
  .mr-lg-20 {
    margin-right: 20rem !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 1200px) {
  .mr-xl-0 {
    margin-right: 0rem !important;
  }
  .mr-xl-1 {
    margin-right: 1rem !important;
  }
  .mr-xl-2 {
    margin-right: 2rem !important;
  }
  .mr-xl-3 {
    margin-right: 3rem !important;
  }
  .mr-xl-4 {
    margin-right: 4rem !important;
  }
  .mr-xl-5 {
    margin-right: 5rem !important;
  }
  .mr-xl-6 {
    margin-right: 6rem !important;
  }
  .mr-xl-7 {
    margin-right: 7rem !important;
  }
  .mr-xl-8 {
    margin-right: 8rem !important;
  }
  .mr-xl-9 {
    margin-right: 9rem !important;
  }
  .mr-xl-10 {
    margin-right: 10rem !important;
  }
  .mr-xl-11 {
    margin-right: 11rem !important;
  }
  .mr-xl-12 {
    margin-right: 12rem !important;
  }
  .mr-xl-13 {
    margin-right: 13rem !important;
  }
  .mr-xl-14 {
    margin-right: 14rem !important;
  }
  .mr-xl-15 {
    margin-right: 15rem !important;
  }
  .mr-xl-16 {
    margin-right: 16rem !important;
  }
  .mr-xl-17 {
    margin-right: 17rem !important;
  }
  .mr-xl-18 {
    margin-right: 18rem !important;
  }
  .mr-xl-19 {
    margin-right: 19rem !important;
  }
  .mr-xl-20 {
    margin-right: 20rem !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 1400px) {
  .mr-xxl-0 {
    margin-right: 0rem !important;
  }
  .mr-xxl-1 {
    margin-right: 1rem !important;
  }
  .mr-xxl-2 {
    margin-right: 2rem !important;
  }
  .mr-xxl-3 {
    margin-right: 3rem !important;
  }
  .mr-xxl-4 {
    margin-right: 4rem !important;
  }
  .mr-xxl-5 {
    margin-right: 5rem !important;
  }
  .mr-xxl-6 {
    margin-right: 6rem !important;
  }
  .mr-xxl-7 {
    margin-right: 7rem !important;
  }
  .mr-xxl-8 {
    margin-right: 8rem !important;
  }
  .mr-xxl-9 {
    margin-right: 9rem !important;
  }
  .mr-xxl-10 {
    margin-right: 10rem !important;
  }
  .mr-xxl-11 {
    margin-right: 11rem !important;
  }
  .mr-xxl-12 {
    margin-right: 12rem !important;
  }
  .mr-xxl-13 {
    margin-right: 13rem !important;
  }
  .mr-xxl-14 {
    margin-right: 14rem !important;
  }
  .mr-xxl-15 {
    margin-right: 15rem !important;
  }
  .mr-xxl-16 {
    margin-right: 16rem !important;
  }
  .mr-xxl-17 {
    margin-right: 17rem !important;
  }
  .mr-xxl-18 {
    margin-right: 18rem !important;
  }
  .mr-xxl-19 {
    margin-right: 19rem !important;
  }
  .mr-xxl-20 {
    margin-right: 20rem !important;
  }
  .mr-xxl-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 1600px) {
  .mr-xxxl-0 {
    margin-right: 0rem !important;
  }
  .mr-xxxl-1 {
    margin-right: 1rem !important;
  }
  .mr-xxxl-2 {
    margin-right: 2rem !important;
  }
  .mr-xxxl-3 {
    margin-right: 3rem !important;
  }
  .mr-xxxl-4 {
    margin-right: 4rem !important;
  }
  .mr-xxxl-5 {
    margin-right: 5rem !important;
  }
  .mr-xxxl-6 {
    margin-right: 6rem !important;
  }
  .mr-xxxl-7 {
    margin-right: 7rem !important;
  }
  .mr-xxxl-8 {
    margin-right: 8rem !important;
  }
  .mr-xxxl-9 {
    margin-right: 9rem !important;
  }
  .mr-xxxl-10 {
    margin-right: 10rem !important;
  }
  .mr-xxxl-11 {
    margin-right: 11rem !important;
  }
  .mr-xxxl-12 {
    margin-right: 12rem !important;
  }
  .mr-xxxl-13 {
    margin-right: 13rem !important;
  }
  .mr-xxxl-14 {
    margin-right: 14rem !important;
  }
  .mr-xxxl-15 {
    margin-right: 15rem !important;
  }
  .mr-xxxl-16 {
    margin-right: 16rem !important;
  }
  .mr-xxxl-17 {
    margin-right: 17rem !important;
  }
  .mr-xxxl-18 {
    margin-right: 18rem !important;
  }
  .mr-xxxl-19 {
    margin-right: 19rem !important;
  }
  .mr-xxxl-20 {
    margin-right: 20rem !important;
  }
  .mr-xxxl-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 576px) {
  .mb-sm-0 {
    margin-bottom: 0rem !important;
  }
  .mb-sm-1 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 2rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 4rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 5rem !important;
  }
  .mb-sm-6 {
    margin-bottom: 6rem !important;
  }
  .mb-sm-7 {
    margin-bottom: 7rem !important;
  }
  .mb-sm-8 {
    margin-bottom: 8rem !important;
  }
  .mb-sm-9 {
    margin-bottom: 9rem !important;
  }
  .mb-sm-10 {
    margin-bottom: 10rem !important;
  }
  .mb-sm-11 {
    margin-bottom: 11rem !important;
  }
  .mb-sm-12 {
    margin-bottom: 12rem !important;
  }
  .mb-sm-13 {
    margin-bottom: 13rem !important;
  }
  .mb-sm-14 {
    margin-bottom: 14rem !important;
  }
  .mb-sm-15 {
    margin-bottom: 15rem !important;
  }
  .mb-sm-16 {
    margin-bottom: 16rem !important;
  }
  .mb-sm-17 {
    margin-bottom: 17rem !important;
  }
  .mb-sm-18 {
    margin-bottom: 18rem !important;
  }
  .mb-sm-19 {
    margin-bottom: 19rem !important;
  }
  .mb-sm-20 {
    margin-bottom: 20rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 768px) {
  .mb-md-0 {
    margin-bottom: 0rem !important;
  }
  .mb-md-1 {
    margin-bottom: 1rem !important;
  }
  .mb-md-2 {
    margin-bottom: 2rem !important;
  }
  .mb-md-3 {
    margin-bottom: 3rem !important;
  }
  .mb-md-4 {
    margin-bottom: 4rem !important;
  }
  .mb-md-5 {
    margin-bottom: 5rem !important;
  }
  .mb-md-6 {
    margin-bottom: 6rem !important;
  }
  .mb-md-7 {
    margin-bottom: 7rem !important;
  }
  .mb-md-8 {
    margin-bottom: 8rem !important;
  }
  .mb-md-9 {
    margin-bottom: 9rem !important;
  }
  .mb-md-10 {
    margin-bottom: 10rem !important;
  }
  .mb-md-11 {
    margin-bottom: 11rem !important;
  }
  .mb-md-12 {
    margin-bottom: 12rem !important;
  }
  .mb-md-13 {
    margin-bottom: 13rem !important;
  }
  .mb-md-14 {
    margin-bottom: 14rem !important;
  }
  .mb-md-15 {
    margin-bottom: 15rem !important;
  }
  .mb-md-16 {
    margin-bottom: 16rem !important;
  }
  .mb-md-17 {
    margin-bottom: 17rem !important;
  }
  .mb-md-18 {
    margin-bottom: 18rem !important;
  }
  .mb-md-19 {
    margin-bottom: 19rem !important;
  }
  .mb-md-20 {
    margin-bottom: 20rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 992px) {
  .mb-lg-0 {
    margin-bottom: 0rem !important;
  }
  .mb-lg-1 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 2rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 4rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 5rem !important;
  }
  .mb-lg-6 {
    margin-bottom: 6rem !important;
  }
  .mb-lg-7 {
    margin-bottom: 7rem !important;
  }
  .mb-lg-8 {
    margin-bottom: 8rem !important;
  }
  .mb-lg-9 {
    margin-bottom: 9rem !important;
  }
  .mb-lg-10 {
    margin-bottom: 10rem !important;
  }
  .mb-lg-11 {
    margin-bottom: 11rem !important;
  }
  .mb-lg-12 {
    margin-bottom: 12rem !important;
  }
  .mb-lg-13 {
    margin-bottom: 13rem !important;
  }
  .mb-lg-14 {
    margin-bottom: 14rem !important;
  }
  .mb-lg-15 {
    margin-bottom: 15rem !important;
  }
  .mb-lg-16 {
    margin-bottom: 16rem !important;
  }
  .mb-lg-17 {
    margin-bottom: 17rem !important;
  }
  .mb-lg-18 {
    margin-bottom: 18rem !important;
  }
  .mb-lg-19 {
    margin-bottom: 19rem !important;
  }
  .mb-lg-20 {
    margin-bottom: 20rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 1200px) {
  .mb-xl-0 {
    margin-bottom: 0rem !important;
  }
  .mb-xl-1 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 2rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 4rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 5rem !important;
  }
  .mb-xl-6 {
    margin-bottom: 6rem !important;
  }
  .mb-xl-7 {
    margin-bottom: 7rem !important;
  }
  .mb-xl-8 {
    margin-bottom: 8rem !important;
  }
  .mb-xl-9 {
    margin-bottom: 9rem !important;
  }
  .mb-xl-10 {
    margin-bottom: 10rem !important;
  }
  .mb-xl-11 {
    margin-bottom: 11rem !important;
  }
  .mb-xl-12 {
    margin-bottom: 12rem !important;
  }
  .mb-xl-13 {
    margin-bottom: 13rem !important;
  }
  .mb-xl-14 {
    margin-bottom: 14rem !important;
  }
  .mb-xl-15 {
    margin-bottom: 15rem !important;
  }
  .mb-xl-16 {
    margin-bottom: 16rem !important;
  }
  .mb-xl-17 {
    margin-bottom: 17rem !important;
  }
  .mb-xl-18 {
    margin-bottom: 18rem !important;
  }
  .mb-xl-19 {
    margin-bottom: 19rem !important;
  }
  .mb-xl-20 {
    margin-bottom: 20rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 1400px) {
  .mb-xxl-0 {
    margin-bottom: 0rem !important;
  }
  .mb-xxl-1 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 2rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 4rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 5rem !important;
  }
  .mb-xxl-6 {
    margin-bottom: 6rem !important;
  }
  .mb-xxl-7 {
    margin-bottom: 7rem !important;
  }
  .mb-xxl-8 {
    margin-bottom: 8rem !important;
  }
  .mb-xxl-9 {
    margin-bottom: 9rem !important;
  }
  .mb-xxl-10 {
    margin-bottom: 10rem !important;
  }
  .mb-xxl-11 {
    margin-bottom: 11rem !important;
  }
  .mb-xxl-12 {
    margin-bottom: 12rem !important;
  }
  .mb-xxl-13 {
    margin-bottom: 13rem !important;
  }
  .mb-xxl-14 {
    margin-bottom: 14rem !important;
  }
  .mb-xxl-15 {
    margin-bottom: 15rem !important;
  }
  .mb-xxl-16 {
    margin-bottom: 16rem !important;
  }
  .mb-xxl-17 {
    margin-bottom: 17rem !important;
  }
  .mb-xxl-18 {
    margin-bottom: 18rem !important;
  }
  .mb-xxl-19 {
    margin-bottom: 19rem !important;
  }
  .mb-xxl-20 {
    margin-bottom: 20rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 1600px) {
  .mb-xxxl-0 {
    margin-bottom: 0rem !important;
  }
  .mb-xxxl-1 {
    margin-bottom: 1rem !important;
  }
  .mb-xxxl-2 {
    margin-bottom: 2rem !important;
  }
  .mb-xxxl-3 {
    margin-bottom: 3rem !important;
  }
  .mb-xxxl-4 {
    margin-bottom: 4rem !important;
  }
  .mb-xxxl-5 {
    margin-bottom: 5rem !important;
  }
  .mb-xxxl-6 {
    margin-bottom: 6rem !important;
  }
  .mb-xxxl-7 {
    margin-bottom: 7rem !important;
  }
  .mb-xxxl-8 {
    margin-bottom: 8rem !important;
  }
  .mb-xxxl-9 {
    margin-bottom: 9rem !important;
  }
  .mb-xxxl-10 {
    margin-bottom: 10rem !important;
  }
  .mb-xxxl-11 {
    margin-bottom: 11rem !important;
  }
  .mb-xxxl-12 {
    margin-bottom: 12rem !important;
  }
  .mb-xxxl-13 {
    margin-bottom: 13rem !important;
  }
  .mb-xxxl-14 {
    margin-bottom: 14rem !important;
  }
  .mb-xxxl-15 {
    margin-bottom: 15rem !important;
  }
  .mb-xxxl-16 {
    margin-bottom: 16rem !important;
  }
  .mb-xxxl-17 {
    margin-bottom: 17rem !important;
  }
  .mb-xxxl-18 {
    margin-bottom: 18rem !important;
  }
  .mb-xxxl-19 {
    margin-bottom: 19rem !important;
  }
  .mb-xxxl-20 {
    margin-bottom: 20rem !important;
  }
  .mb-xxxl-auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 576px) {
  .ml-sm-0 {
    margin-left: 0rem !important;
  }
  .ml-sm-1 {
    margin-left: 1rem !important;
  }
  .ml-sm-2 {
    margin-left: 2rem !important;
  }
  .ml-sm-3 {
    margin-left: 3rem !important;
  }
  .ml-sm-4 {
    margin-left: 4rem !important;
  }
  .ml-sm-5 {
    margin-left: 5rem !important;
  }
  .ml-sm-6 {
    margin-left: 6rem !important;
  }
  .ml-sm-7 {
    margin-left: 7rem !important;
  }
  .ml-sm-8 {
    margin-left: 8rem !important;
  }
  .ml-sm-9 {
    margin-left: 9rem !important;
  }
  .ml-sm-10 {
    margin-left: 10rem !important;
  }
  .ml-sm-11 {
    margin-left: 11rem !important;
  }
  .ml-sm-12 {
    margin-left: 12rem !important;
  }
  .ml-sm-13 {
    margin-left: 13rem !important;
  }
  .ml-sm-14 {
    margin-left: 14rem !important;
  }
  .ml-sm-15 {
    margin-left: 15rem !important;
  }
  .ml-sm-16 {
    margin-left: 16rem !important;
  }
  .ml-sm-17 {
    margin-left: 17rem !important;
  }
  .ml-sm-18 {
    margin-left: 18rem !important;
  }
  .ml-sm-19 {
    margin-left: 19rem !important;
  }
  .ml-sm-20 {
    margin-left: 20rem !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .ml-md-0 {
    margin-left: 0rem !important;
  }
  .ml-md-1 {
    margin-left: 1rem !important;
  }
  .ml-md-2 {
    margin-left: 2rem !important;
  }
  .ml-md-3 {
    margin-left: 3rem !important;
  }
  .ml-md-4 {
    margin-left: 4rem !important;
  }
  .ml-md-5 {
    margin-left: 5rem !important;
  }
  .ml-md-6 {
    margin-left: 6rem !important;
  }
  .ml-md-7 {
    margin-left: 7rem !important;
  }
  .ml-md-8 {
    margin-left: 8rem !important;
  }
  .ml-md-9 {
    margin-left: 9rem !important;
  }
  .ml-md-10 {
    margin-left: 10rem !important;
  }
  .ml-md-11 {
    margin-left: 11rem !important;
  }
  .ml-md-12 {
    margin-left: 12rem !important;
  }
  .ml-md-13 {
    margin-left: 13rem !important;
  }
  .ml-md-14 {
    margin-left: 14rem !important;
  }
  .ml-md-15 {
    margin-left: 15rem !important;
  }
  .ml-md-16 {
    margin-left: 16rem !important;
  }
  .ml-md-17 {
    margin-left: 17rem !important;
  }
  .ml-md-18 {
    margin-left: 18rem !important;
  }
  .ml-md-19 {
    margin-left: 19rem !important;
  }
  .ml-md-20 {
    margin-left: 20rem !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .ml-lg-0 {
    margin-left: 0rem !important;
  }
  .ml-lg-1 {
    margin-left: 1rem !important;
  }
  .ml-lg-2 {
    margin-left: 2rem !important;
  }
  .ml-lg-3 {
    margin-left: 3rem !important;
  }
  .ml-lg-4 {
    margin-left: 4rem !important;
  }
  .ml-lg-5 {
    margin-left: 5rem !important;
  }
  .ml-lg-6 {
    margin-left: 6rem !important;
  }
  .ml-lg-7 {
    margin-left: 7rem !important;
  }
  .ml-lg-8 {
    margin-left: 8rem !important;
  }
  .ml-lg-9 {
    margin-left: 9rem !important;
  }
  .ml-lg-10 {
    margin-left: 10rem !important;
  }
  .ml-lg-11 {
    margin-left: 11rem !important;
  }
  .ml-lg-12 {
    margin-left: 12rem !important;
  }
  .ml-lg-13 {
    margin-left: 13rem !important;
  }
  .ml-lg-14 {
    margin-left: 14rem !important;
  }
  .ml-lg-15 {
    margin-left: 15rem !important;
  }
  .ml-lg-16 {
    margin-left: 16rem !important;
  }
  .ml-lg-17 {
    margin-left: 17rem !important;
  }
  .ml-lg-18 {
    margin-left: 18rem !important;
  }
  .ml-lg-19 {
    margin-left: 19rem !important;
  }
  .ml-lg-20 {
    margin-left: 20rem !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .ml-xl-0 {
    margin-left: 0rem !important;
  }
  .ml-xl-1 {
    margin-left: 1rem !important;
  }
  .ml-xl-2 {
    margin-left: 2rem !important;
  }
  .ml-xl-3 {
    margin-left: 3rem !important;
  }
  .ml-xl-4 {
    margin-left: 4rem !important;
  }
  .ml-xl-5 {
    margin-left: 5rem !important;
  }
  .ml-xl-6 {
    margin-left: 6rem !important;
  }
  .ml-xl-7 {
    margin-left: 7rem !important;
  }
  .ml-xl-8 {
    margin-left: 8rem !important;
  }
  .ml-xl-9 {
    margin-left: 9rem !important;
  }
  .ml-xl-10 {
    margin-left: 10rem !important;
  }
  .ml-xl-11 {
    margin-left: 11rem !important;
  }
  .ml-xl-12 {
    margin-left: 12rem !important;
  }
  .ml-xl-13 {
    margin-left: 13rem !important;
  }
  .ml-xl-14 {
    margin-left: 14rem !important;
  }
  .ml-xl-15 {
    margin-left: 15rem !important;
  }
  .ml-xl-16 {
    margin-left: 16rem !important;
  }
  .ml-xl-17 {
    margin-left: 17rem !important;
  }
  .ml-xl-18 {
    margin-left: 18rem !important;
  }
  .ml-xl-19 {
    margin-left: 19rem !important;
  }
  .ml-xl-20 {
    margin-left: 20rem !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1400px) {
  .ml-xxl-0 {
    margin-left: 0rem !important;
  }
  .ml-xxl-1 {
    margin-left: 1rem !important;
  }
  .ml-xxl-2 {
    margin-left: 2rem !important;
  }
  .ml-xxl-3 {
    margin-left: 3rem !important;
  }
  .ml-xxl-4 {
    margin-left: 4rem !important;
  }
  .ml-xxl-5 {
    margin-left: 5rem !important;
  }
  .ml-xxl-6 {
    margin-left: 6rem !important;
  }
  .ml-xxl-7 {
    margin-left: 7rem !important;
  }
  .ml-xxl-8 {
    margin-left: 8rem !important;
  }
  .ml-xxl-9 {
    margin-left: 9rem !important;
  }
  .ml-xxl-10 {
    margin-left: 10rem !important;
  }
  .ml-xxl-11 {
    margin-left: 11rem !important;
  }
  .ml-xxl-12 {
    margin-left: 12rem !important;
  }
  .ml-xxl-13 {
    margin-left: 13rem !important;
  }
  .ml-xxl-14 {
    margin-left: 14rem !important;
  }
  .ml-xxl-15 {
    margin-left: 15rem !important;
  }
  .ml-xxl-16 {
    margin-left: 16rem !important;
  }
  .ml-xxl-17 {
    margin-left: 17rem !important;
  }
  .ml-xxl-18 {
    margin-left: 18rem !important;
  }
  .ml-xxl-19 {
    margin-left: 19rem !important;
  }
  .ml-xxl-20 {
    margin-left: 20rem !important;
  }
  .ml-xxl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1600px) {
  .ml-xxxl-0 {
    margin-left: 0rem !important;
  }
  .ml-xxxl-1 {
    margin-left: 1rem !important;
  }
  .ml-xxxl-2 {
    margin-left: 2rem !important;
  }
  .ml-xxxl-3 {
    margin-left: 3rem !important;
  }
  .ml-xxxl-4 {
    margin-left: 4rem !important;
  }
  .ml-xxxl-5 {
    margin-left: 5rem !important;
  }
  .ml-xxxl-6 {
    margin-left: 6rem !important;
  }
  .ml-xxxl-7 {
    margin-left: 7rem !important;
  }
  .ml-xxxl-8 {
    margin-left: 8rem !important;
  }
  .ml-xxxl-9 {
    margin-left: 9rem !important;
  }
  .ml-xxxl-10 {
    margin-left: 10rem !important;
  }
  .ml-xxxl-11 {
    margin-left: 11rem !important;
  }
  .ml-xxxl-12 {
    margin-left: 12rem !important;
  }
  .ml-xxxl-13 {
    margin-left: 13rem !important;
  }
  .ml-xxxl-14 {
    margin-left: 14rem !important;
  }
  .ml-xxxl-15 {
    margin-left: 15rem !important;
  }
  .ml-xxxl-16 {
    margin-left: 16rem !important;
  }
  .ml-xxxl-17 {
    margin-left: 17rem !important;
  }
  .ml-xxxl-18 {
    margin-left: 18rem !important;
  }
  .ml-xxxl-19 {
    margin-left: 19rem !important;
  }
  .ml-xxxl-20 {
    margin-left: 20rem !important;
  }
  .ml-xxxl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 576px) {
  .mx-sm-0 {
    margin-left: 0rem !important;
  }
  .mx-sm-1 {
    margin-left: 1rem !important;
  }
  .mx-sm-2 {
    margin-left: 2rem !important;
  }
  .mx-sm-3 {
    margin-left: 3rem !important;
  }
  .mx-sm-4 {
    margin-left: 4rem !important;
  }
  .mx-sm-5 {
    margin-left: 5rem !important;
  }
  .mx-sm-6 {
    margin-left: 6rem !important;
  }
  .mx-sm-7 {
    margin-left: 7rem !important;
  }
  .mx-sm-8 {
    margin-left: 8rem !important;
  }
  .mx-sm-9 {
    margin-left: 9rem !important;
  }
  .mx-sm-10 {
    margin-left: 10rem !important;
  }
  .mx-sm-11 {
    margin-left: 11rem !important;
  }
  .mx-sm-12 {
    margin-left: 12rem !important;
  }
  .mx-sm-13 {
    margin-left: 13rem !important;
  }
  .mx-sm-14 {
    margin-left: 14rem !important;
  }
  .mx-sm-15 {
    margin-left: 15rem !important;
  }
  .mx-sm-16 {
    margin-left: 16rem !important;
  }
  .mx-sm-17 {
    margin-left: 17rem !important;
  }
  .mx-sm-18 {
    margin-left: 18rem !important;
  }
  .mx-sm-19 {
    margin-left: 19rem !important;
  }
  .mx-sm-20 {
    margin-left: 20rem !important;
  }
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .mx-md-0 {
    margin-left: 0rem !important;
  }
  .mx-md-1 {
    margin-left: 1rem !important;
  }
  .mx-md-2 {
    margin-left: 2rem !important;
  }
  .mx-md-3 {
    margin-left: 3rem !important;
  }
  .mx-md-4 {
    margin-left: 4rem !important;
  }
  .mx-md-5 {
    margin-left: 5rem !important;
  }
  .mx-md-6 {
    margin-left: 6rem !important;
  }
  .mx-md-7 {
    margin-left: 7rem !important;
  }
  .mx-md-8 {
    margin-left: 8rem !important;
  }
  .mx-md-9 {
    margin-left: 9rem !important;
  }
  .mx-md-10 {
    margin-left: 10rem !important;
  }
  .mx-md-11 {
    margin-left: 11rem !important;
  }
  .mx-md-12 {
    margin-left: 12rem !important;
  }
  .mx-md-13 {
    margin-left: 13rem !important;
  }
  .mx-md-14 {
    margin-left: 14rem !important;
  }
  .mx-md-15 {
    margin-left: 15rem !important;
  }
  .mx-md-16 {
    margin-left: 16rem !important;
  }
  .mx-md-17 {
    margin-left: 17rem !important;
  }
  .mx-md-18 {
    margin-left: 18rem !important;
  }
  .mx-md-19 {
    margin-left: 19rem !important;
  }
  .mx-md-20 {
    margin-left: 20rem !important;
  }
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .mx-lg-0 {
    margin-left: 0rem !important;
  }
  .mx-lg-1 {
    margin-left: 1rem !important;
  }
  .mx-lg-2 {
    margin-left: 2rem !important;
  }
  .mx-lg-3 {
    margin-left: 3rem !important;
  }
  .mx-lg-4 {
    margin-left: 4rem !important;
  }
  .mx-lg-5 {
    margin-left: 5rem !important;
  }
  .mx-lg-6 {
    margin-left: 6rem !important;
  }
  .mx-lg-7 {
    margin-left: 7rem !important;
  }
  .mx-lg-8 {
    margin-left: 8rem !important;
  }
  .mx-lg-9 {
    margin-left: 9rem !important;
  }
  .mx-lg-10 {
    margin-left: 10rem !important;
  }
  .mx-lg-11 {
    margin-left: 11rem !important;
  }
  .mx-lg-12 {
    margin-left: 12rem !important;
  }
  .mx-lg-13 {
    margin-left: 13rem !important;
  }
  .mx-lg-14 {
    margin-left: 14rem !important;
  }
  .mx-lg-15 {
    margin-left: 15rem !important;
  }
  .mx-lg-16 {
    margin-left: 16rem !important;
  }
  .mx-lg-17 {
    margin-left: 17rem !important;
  }
  .mx-lg-18 {
    margin-left: 18rem !important;
  }
  .mx-lg-19 {
    margin-left: 19rem !important;
  }
  .mx-lg-20 {
    margin-left: 20rem !important;
  }
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .mx-xl-0 {
    margin-left: 0rem !important;
  }
  .mx-xl-1 {
    margin-left: 1rem !important;
  }
  .mx-xl-2 {
    margin-left: 2rem !important;
  }
  .mx-xl-3 {
    margin-left: 3rem !important;
  }
  .mx-xl-4 {
    margin-left: 4rem !important;
  }
  .mx-xl-5 {
    margin-left: 5rem !important;
  }
  .mx-xl-6 {
    margin-left: 6rem !important;
  }
  .mx-xl-7 {
    margin-left: 7rem !important;
  }
  .mx-xl-8 {
    margin-left: 8rem !important;
  }
  .mx-xl-9 {
    margin-left: 9rem !important;
  }
  .mx-xl-10 {
    margin-left: 10rem !important;
  }
  .mx-xl-11 {
    margin-left: 11rem !important;
  }
  .mx-xl-12 {
    margin-left: 12rem !important;
  }
  .mx-xl-13 {
    margin-left: 13rem !important;
  }
  .mx-xl-14 {
    margin-left: 14rem !important;
  }
  .mx-xl-15 {
    margin-left: 15rem !important;
  }
  .mx-xl-16 {
    margin-left: 16rem !important;
  }
  .mx-xl-17 {
    margin-left: 17rem !important;
  }
  .mx-xl-18 {
    margin-left: 18rem !important;
  }
  .mx-xl-19 {
    margin-left: 19rem !important;
  }
  .mx-xl-20 {
    margin-left: 20rem !important;
  }
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1400px) {
  .mx-xxl-0 {
    margin-left: 0rem !important;
  }
  .mx-xxl-1 {
    margin-left: 1rem !important;
  }
  .mx-xxl-2 {
    margin-left: 2rem !important;
  }
  .mx-xxl-3 {
    margin-left: 3rem !important;
  }
  .mx-xxl-4 {
    margin-left: 4rem !important;
  }
  .mx-xxl-5 {
    margin-left: 5rem !important;
  }
  .mx-xxl-6 {
    margin-left: 6rem !important;
  }
  .mx-xxl-7 {
    margin-left: 7rem !important;
  }
  .mx-xxl-8 {
    margin-left: 8rem !important;
  }
  .mx-xxl-9 {
    margin-left: 9rem !important;
  }
  .mx-xxl-10 {
    margin-left: 10rem !important;
  }
  .mx-xxl-11 {
    margin-left: 11rem !important;
  }
  .mx-xxl-12 {
    margin-left: 12rem !important;
  }
  .mx-xxl-13 {
    margin-left: 13rem !important;
  }
  .mx-xxl-14 {
    margin-left: 14rem !important;
  }
  .mx-xxl-15 {
    margin-left: 15rem !important;
  }
  .mx-xxl-16 {
    margin-left: 16rem !important;
  }
  .mx-xxl-17 {
    margin-left: 17rem !important;
  }
  .mx-xxl-18 {
    margin-left: 18rem !important;
  }
  .mx-xxl-19 {
    margin-left: 19rem !important;
  }
  .mx-xxl-20 {
    margin-left: 20rem !important;
  }
  .mx-xxl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1600px) {
  .mx-xxxl-0 {
    margin-left: 0rem !important;
  }
  .mx-xxxl-1 {
    margin-left: 1rem !important;
  }
  .mx-xxxl-2 {
    margin-left: 2rem !important;
  }
  .mx-xxxl-3 {
    margin-left: 3rem !important;
  }
  .mx-xxxl-4 {
    margin-left: 4rem !important;
  }
  .mx-xxxl-5 {
    margin-left: 5rem !important;
  }
  .mx-xxxl-6 {
    margin-left: 6rem !important;
  }
  .mx-xxxl-7 {
    margin-left: 7rem !important;
  }
  .mx-xxxl-8 {
    margin-left: 8rem !important;
  }
  .mx-xxxl-9 {
    margin-left: 9rem !important;
  }
  .mx-xxxl-10 {
    margin-left: 10rem !important;
  }
  .mx-xxxl-11 {
    margin-left: 11rem !important;
  }
  .mx-xxxl-12 {
    margin-left: 12rem !important;
  }
  .mx-xxxl-13 {
    margin-left: 13rem !important;
  }
  .mx-xxxl-14 {
    margin-left: 14rem !important;
  }
  .mx-xxxl-15 {
    margin-left: 15rem !important;
  }
  .mx-xxxl-16 {
    margin-left: 16rem !important;
  }
  .mx-xxxl-17 {
    margin-left: 17rem !important;
  }
  .mx-xxxl-18 {
    margin-left: 18rem !important;
  }
  .mx-xxxl-19 {
    margin-left: 19rem !important;
  }
  .mx-xxxl-20 {
    margin-left: 20rem !important;
  }
  .mx-xxxl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 576px) {
  .mx-sm-0 {
    margin-right: 0rem !important;
  }
  .mx-sm-1 {
    margin-right: 1rem !important;
  }
  .mx-sm-2 {
    margin-right: 2rem !important;
  }
  .mx-sm-3 {
    margin-right: 3rem !important;
  }
  .mx-sm-4 {
    margin-right: 4rem !important;
  }
  .mx-sm-5 {
    margin-right: 5rem !important;
  }
  .mx-sm-6 {
    margin-right: 6rem !important;
  }
  .mx-sm-7 {
    margin-right: 7rem !important;
  }
  .mx-sm-8 {
    margin-right: 8rem !important;
  }
  .mx-sm-9 {
    margin-right: 9rem !important;
  }
  .mx-sm-10 {
    margin-right: 10rem !important;
  }
  .mx-sm-11 {
    margin-right: 11rem !important;
  }
  .mx-sm-12 {
    margin-right: 12rem !important;
  }
  .mx-sm-13 {
    margin-right: 13rem !important;
  }
  .mx-sm-14 {
    margin-right: 14rem !important;
  }
  .mx-sm-15 {
    margin-right: 15rem !important;
  }
  .mx-sm-16 {
    margin-right: 16rem !important;
  }
  .mx-sm-17 {
    margin-right: 17rem !important;
  }
  .mx-sm-18 {
    margin-right: 18rem !important;
  }
  .mx-sm-19 {
    margin-right: 19rem !important;
  }
  .mx-sm-20 {
    margin-right: 20rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 768px) {
  .mx-md-0 {
    margin-right: 0rem !important;
  }
  .mx-md-1 {
    margin-right: 1rem !important;
  }
  .mx-md-2 {
    margin-right: 2rem !important;
  }
  .mx-md-3 {
    margin-right: 3rem !important;
  }
  .mx-md-4 {
    margin-right: 4rem !important;
  }
  .mx-md-5 {
    margin-right: 5rem !important;
  }
  .mx-md-6 {
    margin-right: 6rem !important;
  }
  .mx-md-7 {
    margin-right: 7rem !important;
  }
  .mx-md-8 {
    margin-right: 8rem !important;
  }
  .mx-md-9 {
    margin-right: 9rem !important;
  }
  .mx-md-10 {
    margin-right: 10rem !important;
  }
  .mx-md-11 {
    margin-right: 11rem !important;
  }
  .mx-md-12 {
    margin-right: 12rem !important;
  }
  .mx-md-13 {
    margin-right: 13rem !important;
  }
  .mx-md-14 {
    margin-right: 14rem !important;
  }
  .mx-md-15 {
    margin-right: 15rem !important;
  }
  .mx-md-16 {
    margin-right: 16rem !important;
  }
  .mx-md-17 {
    margin-right: 17rem !important;
  }
  .mx-md-18 {
    margin-right: 18rem !important;
  }
  .mx-md-19 {
    margin-right: 19rem !important;
  }
  .mx-md-20 {
    margin-right: 20rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 992px) {
  .mx-lg-0 {
    margin-right: 0rem !important;
  }
  .mx-lg-1 {
    margin-right: 1rem !important;
  }
  .mx-lg-2 {
    margin-right: 2rem !important;
  }
  .mx-lg-3 {
    margin-right: 3rem !important;
  }
  .mx-lg-4 {
    margin-right: 4rem !important;
  }
  .mx-lg-5 {
    margin-right: 5rem !important;
  }
  .mx-lg-6 {
    margin-right: 6rem !important;
  }
  .mx-lg-7 {
    margin-right: 7rem !important;
  }
  .mx-lg-8 {
    margin-right: 8rem !important;
  }
  .mx-lg-9 {
    margin-right: 9rem !important;
  }
  .mx-lg-10 {
    margin-right: 10rem !important;
  }
  .mx-lg-11 {
    margin-right: 11rem !important;
  }
  .mx-lg-12 {
    margin-right: 12rem !important;
  }
  .mx-lg-13 {
    margin-right: 13rem !important;
  }
  .mx-lg-14 {
    margin-right: 14rem !important;
  }
  .mx-lg-15 {
    margin-right: 15rem !important;
  }
  .mx-lg-16 {
    margin-right: 16rem !important;
  }
  .mx-lg-17 {
    margin-right: 17rem !important;
  }
  .mx-lg-18 {
    margin-right: 18rem !important;
  }
  .mx-lg-19 {
    margin-right: 19rem !important;
  }
  .mx-lg-20 {
    margin-right: 20rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 1200px) {
  .mx-xl-0 {
    margin-right: 0rem !important;
  }
  .mx-xl-1 {
    margin-right: 1rem !important;
  }
  .mx-xl-2 {
    margin-right: 2rem !important;
  }
  .mx-xl-3 {
    margin-right: 3rem !important;
  }
  .mx-xl-4 {
    margin-right: 4rem !important;
  }
  .mx-xl-5 {
    margin-right: 5rem !important;
  }
  .mx-xl-6 {
    margin-right: 6rem !important;
  }
  .mx-xl-7 {
    margin-right: 7rem !important;
  }
  .mx-xl-8 {
    margin-right: 8rem !important;
  }
  .mx-xl-9 {
    margin-right: 9rem !important;
  }
  .mx-xl-10 {
    margin-right: 10rem !important;
  }
  .mx-xl-11 {
    margin-right: 11rem !important;
  }
  .mx-xl-12 {
    margin-right: 12rem !important;
  }
  .mx-xl-13 {
    margin-right: 13rem !important;
  }
  .mx-xl-14 {
    margin-right: 14rem !important;
  }
  .mx-xl-15 {
    margin-right: 15rem !important;
  }
  .mx-xl-16 {
    margin-right: 16rem !important;
  }
  .mx-xl-17 {
    margin-right: 17rem !important;
  }
  .mx-xl-18 {
    margin-right: 18rem !important;
  }
  .mx-xl-19 {
    margin-right: 19rem !important;
  }
  .mx-xl-20 {
    margin-right: 20rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 1400px) {
  .mx-xxl-0 {
    margin-right: 0rem !important;
  }
  .mx-xxl-1 {
    margin-right: 1rem !important;
  }
  .mx-xxl-2 {
    margin-right: 2rem !important;
  }
  .mx-xxl-3 {
    margin-right: 3rem !important;
  }
  .mx-xxl-4 {
    margin-right: 4rem !important;
  }
  .mx-xxl-5 {
    margin-right: 5rem !important;
  }
  .mx-xxl-6 {
    margin-right: 6rem !important;
  }
  .mx-xxl-7 {
    margin-right: 7rem !important;
  }
  .mx-xxl-8 {
    margin-right: 8rem !important;
  }
  .mx-xxl-9 {
    margin-right: 9rem !important;
  }
  .mx-xxl-10 {
    margin-right: 10rem !important;
  }
  .mx-xxl-11 {
    margin-right: 11rem !important;
  }
  .mx-xxl-12 {
    margin-right: 12rem !important;
  }
  .mx-xxl-13 {
    margin-right: 13rem !important;
  }
  .mx-xxl-14 {
    margin-right: 14rem !important;
  }
  .mx-xxl-15 {
    margin-right: 15rem !important;
  }
  .mx-xxl-16 {
    margin-right: 16rem !important;
  }
  .mx-xxl-17 {
    margin-right: 17rem !important;
  }
  .mx-xxl-18 {
    margin-right: 18rem !important;
  }
  .mx-xxl-19 {
    margin-right: 19rem !important;
  }
  .mx-xxl-20 {
    margin-right: 20rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 1600px) {
  .mx-xxxl-0 {
    margin-right: 0rem !important;
  }
  .mx-xxxl-1 {
    margin-right: 1rem !important;
  }
  .mx-xxxl-2 {
    margin-right: 2rem !important;
  }
  .mx-xxxl-3 {
    margin-right: 3rem !important;
  }
  .mx-xxxl-4 {
    margin-right: 4rem !important;
  }
  .mx-xxxl-5 {
    margin-right: 5rem !important;
  }
  .mx-xxxl-6 {
    margin-right: 6rem !important;
  }
  .mx-xxxl-7 {
    margin-right: 7rem !important;
  }
  .mx-xxxl-8 {
    margin-right: 8rem !important;
  }
  .mx-xxxl-9 {
    margin-right: 9rem !important;
  }
  .mx-xxxl-10 {
    margin-right: 10rem !important;
  }
  .mx-xxxl-11 {
    margin-right: 11rem !important;
  }
  .mx-xxxl-12 {
    margin-right: 12rem !important;
  }
  .mx-xxxl-13 {
    margin-right: 13rem !important;
  }
  .mx-xxxl-14 {
    margin-right: 14rem !important;
  }
  .mx-xxxl-15 {
    margin-right: 15rem !important;
  }
  .mx-xxxl-16 {
    margin-right: 16rem !important;
  }
  .mx-xxxl-17 {
    margin-right: 17rem !important;
  }
  .mx-xxxl-18 {
    margin-right: 18rem !important;
  }
  .mx-xxxl-19 {
    margin-right: 19rem !important;
  }
  .mx-xxxl-20 {
    margin-right: 20rem !important;
  }
  .mx-xxxl-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 576px) {
  .my-sm-0 {
    margin-top: 0rem !important;
  }
  .my-sm-1 {
    margin-top: 1rem !important;
  }
  .my-sm-2 {
    margin-top: 2rem !important;
  }
  .my-sm-3 {
    margin-top: 3rem !important;
  }
  .my-sm-4 {
    margin-top: 4rem !important;
  }
  .my-sm-5 {
    margin-top: 5rem !important;
  }
  .my-sm-6 {
    margin-top: 6rem !important;
  }
  .my-sm-7 {
    margin-top: 7rem !important;
  }
  .my-sm-8 {
    margin-top: 8rem !important;
  }
  .my-sm-9 {
    margin-top: 9rem !important;
  }
  .my-sm-10 {
    margin-top: 10rem !important;
  }
  .my-sm-11 {
    margin-top: 11rem !important;
  }
  .my-sm-12 {
    margin-top: 12rem !important;
  }
  .my-sm-13 {
    margin-top: 13rem !important;
  }
  .my-sm-14 {
    margin-top: 14rem !important;
  }
  .my-sm-15 {
    margin-top: 15rem !important;
  }
  .my-sm-16 {
    margin-top: 16rem !important;
  }
  .my-sm-17 {
    margin-top: 17rem !important;
  }
  .my-sm-18 {
    margin-top: 18rem !important;
  }
  .my-sm-19 {
    margin-top: 19rem !important;
  }
  .my-sm-20 {
    margin-top: 20rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 768px) {
  .my-md-0 {
    margin-top: 0rem !important;
  }
  .my-md-1 {
    margin-top: 1rem !important;
  }
  .my-md-2 {
    margin-top: 2rem !important;
  }
  .my-md-3 {
    margin-top: 3rem !important;
  }
  .my-md-4 {
    margin-top: 4rem !important;
  }
  .my-md-5 {
    margin-top: 5rem !important;
  }
  .my-md-6 {
    margin-top: 6rem !important;
  }
  .my-md-7 {
    margin-top: 7rem !important;
  }
  .my-md-8 {
    margin-top: 8rem !important;
  }
  .my-md-9 {
    margin-top: 9rem !important;
  }
  .my-md-10 {
    margin-top: 10rem !important;
  }
  .my-md-11 {
    margin-top: 11rem !important;
  }
  .my-md-12 {
    margin-top: 12rem !important;
  }
  .my-md-13 {
    margin-top: 13rem !important;
  }
  .my-md-14 {
    margin-top: 14rem !important;
  }
  .my-md-15 {
    margin-top: 15rem !important;
  }
  .my-md-16 {
    margin-top: 16rem !important;
  }
  .my-md-17 {
    margin-top: 17rem !important;
  }
  .my-md-18 {
    margin-top: 18rem !important;
  }
  .my-md-19 {
    margin-top: 19rem !important;
  }
  .my-md-20 {
    margin-top: 20rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 992px) {
  .my-lg-0 {
    margin-top: 0rem !important;
  }
  .my-lg-1 {
    margin-top: 1rem !important;
  }
  .my-lg-2 {
    margin-top: 2rem !important;
  }
  .my-lg-3 {
    margin-top: 3rem !important;
  }
  .my-lg-4 {
    margin-top: 4rem !important;
  }
  .my-lg-5 {
    margin-top: 5rem !important;
  }
  .my-lg-6 {
    margin-top: 6rem !important;
  }
  .my-lg-7 {
    margin-top: 7rem !important;
  }
  .my-lg-8 {
    margin-top: 8rem !important;
  }
  .my-lg-9 {
    margin-top: 9rem !important;
  }
  .my-lg-10 {
    margin-top: 10rem !important;
  }
  .my-lg-11 {
    margin-top: 11rem !important;
  }
  .my-lg-12 {
    margin-top: 12rem !important;
  }
  .my-lg-13 {
    margin-top: 13rem !important;
  }
  .my-lg-14 {
    margin-top: 14rem !important;
  }
  .my-lg-15 {
    margin-top: 15rem !important;
  }
  .my-lg-16 {
    margin-top: 16rem !important;
  }
  .my-lg-17 {
    margin-top: 17rem !important;
  }
  .my-lg-18 {
    margin-top: 18rem !important;
  }
  .my-lg-19 {
    margin-top: 19rem !important;
  }
  .my-lg-20 {
    margin-top: 20rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 1200px) {
  .my-xl-0 {
    margin-top: 0rem !important;
  }
  .my-xl-1 {
    margin-top: 1rem !important;
  }
  .my-xl-2 {
    margin-top: 2rem !important;
  }
  .my-xl-3 {
    margin-top: 3rem !important;
  }
  .my-xl-4 {
    margin-top: 4rem !important;
  }
  .my-xl-5 {
    margin-top: 5rem !important;
  }
  .my-xl-6 {
    margin-top: 6rem !important;
  }
  .my-xl-7 {
    margin-top: 7rem !important;
  }
  .my-xl-8 {
    margin-top: 8rem !important;
  }
  .my-xl-9 {
    margin-top: 9rem !important;
  }
  .my-xl-10 {
    margin-top: 10rem !important;
  }
  .my-xl-11 {
    margin-top: 11rem !important;
  }
  .my-xl-12 {
    margin-top: 12rem !important;
  }
  .my-xl-13 {
    margin-top: 13rem !important;
  }
  .my-xl-14 {
    margin-top: 14rem !important;
  }
  .my-xl-15 {
    margin-top: 15rem !important;
  }
  .my-xl-16 {
    margin-top: 16rem !important;
  }
  .my-xl-17 {
    margin-top: 17rem !important;
  }
  .my-xl-18 {
    margin-top: 18rem !important;
  }
  .my-xl-19 {
    margin-top: 19rem !important;
  }
  .my-xl-20 {
    margin-top: 20rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 1400px) {
  .my-xxl-0 {
    margin-top: 0rem !important;
  }
  .my-xxl-1 {
    margin-top: 1rem !important;
  }
  .my-xxl-2 {
    margin-top: 2rem !important;
  }
  .my-xxl-3 {
    margin-top: 3rem !important;
  }
  .my-xxl-4 {
    margin-top: 4rem !important;
  }
  .my-xxl-5 {
    margin-top: 5rem !important;
  }
  .my-xxl-6 {
    margin-top: 6rem !important;
  }
  .my-xxl-7 {
    margin-top: 7rem !important;
  }
  .my-xxl-8 {
    margin-top: 8rem !important;
  }
  .my-xxl-9 {
    margin-top: 9rem !important;
  }
  .my-xxl-10 {
    margin-top: 10rem !important;
  }
  .my-xxl-11 {
    margin-top: 11rem !important;
  }
  .my-xxl-12 {
    margin-top: 12rem !important;
  }
  .my-xxl-13 {
    margin-top: 13rem !important;
  }
  .my-xxl-14 {
    margin-top: 14rem !important;
  }
  .my-xxl-15 {
    margin-top: 15rem !important;
  }
  .my-xxl-16 {
    margin-top: 16rem !important;
  }
  .my-xxl-17 {
    margin-top: 17rem !important;
  }
  .my-xxl-18 {
    margin-top: 18rem !important;
  }
  .my-xxl-19 {
    margin-top: 19rem !important;
  }
  .my-xxl-20 {
    margin-top: 20rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 1600px) {
  .my-xxxl-0 {
    margin-top: 0rem !important;
  }
  .my-xxxl-1 {
    margin-top: 1rem !important;
  }
  .my-xxxl-2 {
    margin-top: 2rem !important;
  }
  .my-xxxl-3 {
    margin-top: 3rem !important;
  }
  .my-xxxl-4 {
    margin-top: 4rem !important;
  }
  .my-xxxl-5 {
    margin-top: 5rem !important;
  }
  .my-xxxl-6 {
    margin-top: 6rem !important;
  }
  .my-xxxl-7 {
    margin-top: 7rem !important;
  }
  .my-xxxl-8 {
    margin-top: 8rem !important;
  }
  .my-xxxl-9 {
    margin-top: 9rem !important;
  }
  .my-xxxl-10 {
    margin-top: 10rem !important;
  }
  .my-xxxl-11 {
    margin-top: 11rem !important;
  }
  .my-xxxl-12 {
    margin-top: 12rem !important;
  }
  .my-xxxl-13 {
    margin-top: 13rem !important;
  }
  .my-xxxl-14 {
    margin-top: 14rem !important;
  }
  .my-xxxl-15 {
    margin-top: 15rem !important;
  }
  .my-xxxl-16 {
    margin-top: 16rem !important;
  }
  .my-xxxl-17 {
    margin-top: 17rem !important;
  }
  .my-xxxl-18 {
    margin-top: 18rem !important;
  }
  .my-xxxl-19 {
    margin-top: 19rem !important;
  }
  .my-xxxl-20 {
    margin-top: 20rem !important;
  }
  .my-xxxl-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 576px) {
  .my-sm-0 {
    margin-bottom: 0rem !important;
  }
  .my-sm-1 {
    margin-bottom: 1rem !important;
  }
  .my-sm-2 {
    margin-bottom: 2rem !important;
  }
  .my-sm-3 {
    margin-bottom: 3rem !important;
  }
  .my-sm-4 {
    margin-bottom: 4rem !important;
  }
  .my-sm-5 {
    margin-bottom: 5rem !important;
  }
  .my-sm-6 {
    margin-bottom: 6rem !important;
  }
  .my-sm-7 {
    margin-bottom: 7rem !important;
  }
  .my-sm-8 {
    margin-bottom: 8rem !important;
  }
  .my-sm-9 {
    margin-bottom: 9rem !important;
  }
  .my-sm-10 {
    margin-bottom: 10rem !important;
  }
  .my-sm-11 {
    margin-bottom: 11rem !important;
  }
  .my-sm-12 {
    margin-bottom: 12rem !important;
  }
  .my-sm-13 {
    margin-bottom: 13rem !important;
  }
  .my-sm-14 {
    margin-bottom: 14rem !important;
  }
  .my-sm-15 {
    margin-bottom: 15rem !important;
  }
  .my-sm-16 {
    margin-bottom: 16rem !important;
  }
  .my-sm-17 {
    margin-bottom: 17rem !important;
  }
  .my-sm-18 {
    margin-bottom: 18rem !important;
  }
  .my-sm-19 {
    margin-bottom: 19rem !important;
  }
  .my-sm-20 {
    margin-bottom: 20rem !important;
  }
  .my-sm-auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 768px) {
  .my-md-0 {
    margin-bottom: 0rem !important;
  }
  .my-md-1 {
    margin-bottom: 1rem !important;
  }
  .my-md-2 {
    margin-bottom: 2rem !important;
  }
  .my-md-3 {
    margin-bottom: 3rem !important;
  }
  .my-md-4 {
    margin-bottom: 4rem !important;
  }
  .my-md-5 {
    margin-bottom: 5rem !important;
  }
  .my-md-6 {
    margin-bottom: 6rem !important;
  }
  .my-md-7 {
    margin-bottom: 7rem !important;
  }
  .my-md-8 {
    margin-bottom: 8rem !important;
  }
  .my-md-9 {
    margin-bottom: 9rem !important;
  }
  .my-md-10 {
    margin-bottom: 10rem !important;
  }
  .my-md-11 {
    margin-bottom: 11rem !important;
  }
  .my-md-12 {
    margin-bottom: 12rem !important;
  }
  .my-md-13 {
    margin-bottom: 13rem !important;
  }
  .my-md-14 {
    margin-bottom: 14rem !important;
  }
  .my-md-15 {
    margin-bottom: 15rem !important;
  }
  .my-md-16 {
    margin-bottom: 16rem !important;
  }
  .my-md-17 {
    margin-bottom: 17rem !important;
  }
  .my-md-18 {
    margin-bottom: 18rem !important;
  }
  .my-md-19 {
    margin-bottom: 19rem !important;
  }
  .my-md-20 {
    margin-bottom: 20rem !important;
  }
  .my-md-auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 992px) {
  .my-lg-0 {
    margin-bottom: 0rem !important;
  }
  .my-lg-1 {
    margin-bottom: 1rem !important;
  }
  .my-lg-2 {
    margin-bottom: 2rem !important;
  }
  .my-lg-3 {
    margin-bottom: 3rem !important;
  }
  .my-lg-4 {
    margin-bottom: 4rem !important;
  }
  .my-lg-5 {
    margin-bottom: 5rem !important;
  }
  .my-lg-6 {
    margin-bottom: 6rem !important;
  }
  .my-lg-7 {
    margin-bottom: 7rem !important;
  }
  .my-lg-8 {
    margin-bottom: 8rem !important;
  }
  .my-lg-9 {
    margin-bottom: 9rem !important;
  }
  .my-lg-10 {
    margin-bottom: 10rem !important;
  }
  .my-lg-11 {
    margin-bottom: 11rem !important;
  }
  .my-lg-12 {
    margin-bottom: 12rem !important;
  }
  .my-lg-13 {
    margin-bottom: 13rem !important;
  }
  .my-lg-14 {
    margin-bottom: 14rem !important;
  }
  .my-lg-15 {
    margin-bottom: 15rem !important;
  }
  .my-lg-16 {
    margin-bottom: 16rem !important;
  }
  .my-lg-17 {
    margin-bottom: 17rem !important;
  }
  .my-lg-18 {
    margin-bottom: 18rem !important;
  }
  .my-lg-19 {
    margin-bottom: 19rem !important;
  }
  .my-lg-20 {
    margin-bottom: 20rem !important;
  }
  .my-lg-auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 1200px) {
  .my-xl-0 {
    margin-bottom: 0rem !important;
  }
  .my-xl-1 {
    margin-bottom: 1rem !important;
  }
  .my-xl-2 {
    margin-bottom: 2rem !important;
  }
  .my-xl-3 {
    margin-bottom: 3rem !important;
  }
  .my-xl-4 {
    margin-bottom: 4rem !important;
  }
  .my-xl-5 {
    margin-bottom: 5rem !important;
  }
  .my-xl-6 {
    margin-bottom: 6rem !important;
  }
  .my-xl-7 {
    margin-bottom: 7rem !important;
  }
  .my-xl-8 {
    margin-bottom: 8rem !important;
  }
  .my-xl-9 {
    margin-bottom: 9rem !important;
  }
  .my-xl-10 {
    margin-bottom: 10rem !important;
  }
  .my-xl-11 {
    margin-bottom: 11rem !important;
  }
  .my-xl-12 {
    margin-bottom: 12rem !important;
  }
  .my-xl-13 {
    margin-bottom: 13rem !important;
  }
  .my-xl-14 {
    margin-bottom: 14rem !important;
  }
  .my-xl-15 {
    margin-bottom: 15rem !important;
  }
  .my-xl-16 {
    margin-bottom: 16rem !important;
  }
  .my-xl-17 {
    margin-bottom: 17rem !important;
  }
  .my-xl-18 {
    margin-bottom: 18rem !important;
  }
  .my-xl-19 {
    margin-bottom: 19rem !important;
  }
  .my-xl-20 {
    margin-bottom: 20rem !important;
  }
  .my-xl-auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 1400px) {
  .my-xxl-0 {
    margin-bottom: 0rem !important;
  }
  .my-xxl-1 {
    margin-bottom: 1rem !important;
  }
  .my-xxl-2 {
    margin-bottom: 2rem !important;
  }
  .my-xxl-3 {
    margin-bottom: 3rem !important;
  }
  .my-xxl-4 {
    margin-bottom: 4rem !important;
  }
  .my-xxl-5 {
    margin-bottom: 5rem !important;
  }
  .my-xxl-6 {
    margin-bottom: 6rem !important;
  }
  .my-xxl-7 {
    margin-bottom: 7rem !important;
  }
  .my-xxl-8 {
    margin-bottom: 8rem !important;
  }
  .my-xxl-9 {
    margin-bottom: 9rem !important;
  }
  .my-xxl-10 {
    margin-bottom: 10rem !important;
  }
  .my-xxl-11 {
    margin-bottom: 11rem !important;
  }
  .my-xxl-12 {
    margin-bottom: 12rem !important;
  }
  .my-xxl-13 {
    margin-bottom: 13rem !important;
  }
  .my-xxl-14 {
    margin-bottom: 14rem !important;
  }
  .my-xxl-15 {
    margin-bottom: 15rem !important;
  }
  .my-xxl-16 {
    margin-bottom: 16rem !important;
  }
  .my-xxl-17 {
    margin-bottom: 17rem !important;
  }
  .my-xxl-18 {
    margin-bottom: 18rem !important;
  }
  .my-xxl-19 {
    margin-bottom: 19rem !important;
  }
  .my-xxl-20 {
    margin-bottom: 20rem !important;
  }
  .my-xxl-auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 1600px) {
  .my-xxxl-0 {
    margin-bottom: 0rem !important;
  }
  .my-xxxl-1 {
    margin-bottom: 1rem !important;
  }
  .my-xxxl-2 {
    margin-bottom: 2rem !important;
  }
  .my-xxxl-3 {
    margin-bottom: 3rem !important;
  }
  .my-xxxl-4 {
    margin-bottom: 4rem !important;
  }
  .my-xxxl-5 {
    margin-bottom: 5rem !important;
  }
  .my-xxxl-6 {
    margin-bottom: 6rem !important;
  }
  .my-xxxl-7 {
    margin-bottom: 7rem !important;
  }
  .my-xxxl-8 {
    margin-bottom: 8rem !important;
  }
  .my-xxxl-9 {
    margin-bottom: 9rem !important;
  }
  .my-xxxl-10 {
    margin-bottom: 10rem !important;
  }
  .my-xxxl-11 {
    margin-bottom: 11rem !important;
  }
  .my-xxxl-12 {
    margin-bottom: 12rem !important;
  }
  .my-xxxl-13 {
    margin-bottom: 13rem !important;
  }
  .my-xxxl-14 {
    margin-bottom: 14rem !important;
  }
  .my-xxxl-15 {
    margin-bottom: 15rem !important;
  }
  .my-xxxl-16 {
    margin-bottom: 16rem !important;
  }
  .my-xxxl-17 {
    margin-bottom: 17rem !important;
  }
  .my-xxxl-18 {
    margin-bottom: 18rem !important;
  }
  .my-xxxl-19 {
    margin-bottom: 19rem !important;
  }
  .my-xxxl-20 {
    margin-bottom: 20rem !important;
  }
  .my-xxxl-auto {
    margin-bottom: auto !important;
  }
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0rem !important;
  }
  .m-sm-1 {
    margin: 1rem !important;
  }
  .m-sm-2 {
    margin: 2rem !important;
  }
  .m-sm-3 {
    margin: 3rem !important;
  }
  .m-sm-4 {
    margin: 4rem !important;
  }
  .m-sm-5 {
    margin: 5rem !important;
  }
  .m-sm-6 {
    margin: 6rem !important;
  }
  .m-sm-7 {
    margin: 7rem !important;
  }
  .m-sm-8 {
    margin: 8rem !important;
  }
  .m-sm-9 {
    margin: 9rem !important;
  }
  .m-sm-10 {
    margin: 10rem !important;
  }
  .m-sm-11 {
    margin: 11rem !important;
  }
  .m-sm-12 {
    margin: 12rem !important;
  }
  .m-sm-13 {
    margin: 13rem !important;
  }
  .m-sm-14 {
    margin: 14rem !important;
  }
  .m-sm-15 {
    margin: 15rem !important;
  }
  .m-sm-16 {
    margin: 16rem !important;
  }
  .m-sm-17 {
    margin: 17rem !important;
  }
  .m-sm-18 {
    margin: 18rem !important;
  }
  .m-sm-19 {
    margin: 19rem !important;
  }
  .m-sm-20 {
    margin: 20rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0rem !important;
  }
  .m-md-1 {
    margin: 1rem !important;
  }
  .m-md-2 {
    margin: 2rem !important;
  }
  .m-md-3 {
    margin: 3rem !important;
  }
  .m-md-4 {
    margin: 4rem !important;
  }
  .m-md-5 {
    margin: 5rem !important;
  }
  .m-md-6 {
    margin: 6rem !important;
  }
  .m-md-7 {
    margin: 7rem !important;
  }
  .m-md-8 {
    margin: 8rem !important;
  }
  .m-md-9 {
    margin: 9rem !important;
  }
  .m-md-10 {
    margin: 10rem !important;
  }
  .m-md-11 {
    margin: 11rem !important;
  }
  .m-md-12 {
    margin: 12rem !important;
  }
  .m-md-13 {
    margin: 13rem !important;
  }
  .m-md-14 {
    margin: 14rem !important;
  }
  .m-md-15 {
    margin: 15rem !important;
  }
  .m-md-16 {
    margin: 16rem !important;
  }
  .m-md-17 {
    margin: 17rem !important;
  }
  .m-md-18 {
    margin: 18rem !important;
  }
  .m-md-19 {
    margin: 19rem !important;
  }
  .m-md-20 {
    margin: 20rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0rem !important;
  }
  .m-lg-1 {
    margin: 1rem !important;
  }
  .m-lg-2 {
    margin: 2rem !important;
  }
  .m-lg-3 {
    margin: 3rem !important;
  }
  .m-lg-4 {
    margin: 4rem !important;
  }
  .m-lg-5 {
    margin: 5rem !important;
  }
  .m-lg-6 {
    margin: 6rem !important;
  }
  .m-lg-7 {
    margin: 7rem !important;
  }
  .m-lg-8 {
    margin: 8rem !important;
  }
  .m-lg-9 {
    margin: 9rem !important;
  }
  .m-lg-10 {
    margin: 10rem !important;
  }
  .m-lg-11 {
    margin: 11rem !important;
  }
  .m-lg-12 {
    margin: 12rem !important;
  }
  .m-lg-13 {
    margin: 13rem !important;
  }
  .m-lg-14 {
    margin: 14rem !important;
  }
  .m-lg-15 {
    margin: 15rem !important;
  }
  .m-lg-16 {
    margin: 16rem !important;
  }
  .m-lg-17 {
    margin: 17rem !important;
  }
  .m-lg-18 {
    margin: 18rem !important;
  }
  .m-lg-19 {
    margin: 19rem !important;
  }
  .m-lg-20 {
    margin: 20rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0rem !important;
  }
  .m-xl-1 {
    margin: 1rem !important;
  }
  .m-xl-2 {
    margin: 2rem !important;
  }
  .m-xl-3 {
    margin: 3rem !important;
  }
  .m-xl-4 {
    margin: 4rem !important;
  }
  .m-xl-5 {
    margin: 5rem !important;
  }
  .m-xl-6 {
    margin: 6rem !important;
  }
  .m-xl-7 {
    margin: 7rem !important;
  }
  .m-xl-8 {
    margin: 8rem !important;
  }
  .m-xl-9 {
    margin: 9rem !important;
  }
  .m-xl-10 {
    margin: 10rem !important;
  }
  .m-xl-11 {
    margin: 11rem !important;
  }
  .m-xl-12 {
    margin: 12rem !important;
  }
  .m-xl-13 {
    margin: 13rem !important;
  }
  .m-xl-14 {
    margin: 14rem !important;
  }
  .m-xl-15 {
    margin: 15rem !important;
  }
  .m-xl-16 {
    margin: 16rem !important;
  }
  .m-xl-17 {
    margin: 17rem !important;
  }
  .m-xl-18 {
    margin: 18rem !important;
  }
  .m-xl-19 {
    margin: 19rem !important;
  }
  .m-xl-20 {
    margin: 20rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
}
@media (min-width: 1400px) {
  .m-xxl-0 {
    margin: 0rem !important;
  }
  .m-xxl-1 {
    margin: 1rem !important;
  }
  .m-xxl-2 {
    margin: 2rem !important;
  }
  .m-xxl-3 {
    margin: 3rem !important;
  }
  .m-xxl-4 {
    margin: 4rem !important;
  }
  .m-xxl-5 {
    margin: 5rem !important;
  }
  .m-xxl-6 {
    margin: 6rem !important;
  }
  .m-xxl-7 {
    margin: 7rem !important;
  }
  .m-xxl-8 {
    margin: 8rem !important;
  }
  .m-xxl-9 {
    margin: 9rem !important;
  }
  .m-xxl-10 {
    margin: 10rem !important;
  }
  .m-xxl-11 {
    margin: 11rem !important;
  }
  .m-xxl-12 {
    margin: 12rem !important;
  }
  .m-xxl-13 {
    margin: 13rem !important;
  }
  .m-xxl-14 {
    margin: 14rem !important;
  }
  .m-xxl-15 {
    margin: 15rem !important;
  }
  .m-xxl-16 {
    margin: 16rem !important;
  }
  .m-xxl-17 {
    margin: 17rem !important;
  }
  .m-xxl-18 {
    margin: 18rem !important;
  }
  .m-xxl-19 {
    margin: 19rem !important;
  }
  .m-xxl-20 {
    margin: 20rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
}
@media (min-width: 1600px) {
  .m-xxxl-0 {
    margin: 0rem !important;
  }
  .m-xxxl-1 {
    margin: 1rem !important;
  }
  .m-xxxl-2 {
    margin: 2rem !important;
  }
  .m-xxxl-3 {
    margin: 3rem !important;
  }
  .m-xxxl-4 {
    margin: 4rem !important;
  }
  .m-xxxl-5 {
    margin: 5rem !important;
  }
  .m-xxxl-6 {
    margin: 6rem !important;
  }
  .m-xxxl-7 {
    margin: 7rem !important;
  }
  .m-xxxl-8 {
    margin: 8rem !important;
  }
  .m-xxxl-9 {
    margin: 9rem !important;
  }
  .m-xxxl-10 {
    margin: 10rem !important;
  }
  .m-xxxl-11 {
    margin: 11rem !important;
  }
  .m-xxxl-12 {
    margin: 12rem !important;
  }
  .m-xxxl-13 {
    margin: 13rem !important;
  }
  .m-xxxl-14 {
    margin: 14rem !important;
  }
  .m-xxxl-15 {
    margin: 15rem !important;
  }
  .m-xxxl-16 {
    margin: 16rem !important;
  }
  .m-xxxl-17 {
    margin: 17rem !important;
  }
  .m-xxxl-18 {
    margin: 18rem !important;
  }
  .m-xxxl-19 {
    margin: 19rem !important;
  }
  .m-xxxl-20 {
    margin: 20rem !important;
  }
  .m-xxxl-auto {
    margin: auto !important;
  }
}
@media (min-width: 576px) {
  .pt-sm-0 {
    padding-top: 0rem !important;
  }
  .pt-sm-1 {
    padding-top: 1rem !important;
  }
  .pt-sm-2 {
    padding-top: 2rem !important;
  }
  .pt-sm-3 {
    padding-top: 3rem !important;
  }
  .pt-sm-4 {
    padding-top: 4rem !important;
  }
  .pt-sm-5 {
    padding-top: 5rem !important;
  }
  .pt-sm-6 {
    padding-top: 6rem !important;
  }
  .pt-sm-7 {
    padding-top: 7rem !important;
  }
  .pt-sm-8 {
    padding-top: 8rem !important;
  }
  .pt-sm-9 {
    padding-top: 9rem !important;
  }
  .pt-sm-10 {
    padding-top: 10rem !important;
  }
  .pt-sm-11 {
    padding-top: 11rem !important;
  }
  .pt-sm-12 {
    padding-top: 12rem !important;
  }
  .pt-sm-13 {
    padding-top: 13rem !important;
  }
  .pt-sm-14 {
    padding-top: 14rem !important;
  }
  .pt-sm-15 {
    padding-top: 15rem !important;
  }
  .pt-sm-16 {
    padding-top: 16rem !important;
  }
  .pt-sm-17 {
    padding-top: 17rem !important;
  }
  .pt-sm-18 {
    padding-top: 18rem !important;
  }
  .pt-sm-19 {
    padding-top: 19rem !important;
  }
  .pt-sm-20 {
    padding-top: 20rem !important;
  }
  .pt-sm-auto {
    padding-top: auto !important;
  }
}
@media (min-width: 768px) {
  .pt-md-0 {
    padding-top: 0rem !important;
  }
  .pt-md-1 {
    padding-top: 1rem !important;
  }
  .pt-md-2 {
    padding-top: 2rem !important;
  }
  .pt-md-3 {
    padding-top: 3rem !important;
  }
  .pt-md-4 {
    padding-top: 4rem !important;
  }
  .pt-md-5 {
    padding-top: 5rem !important;
  }
  .pt-md-6 {
    padding-top: 6rem !important;
  }
  .pt-md-7 {
    padding-top: 7rem !important;
  }
  .pt-md-8 {
    padding-top: 8rem !important;
  }
  .pt-md-9 {
    padding-top: 9rem !important;
  }
  .pt-md-10 {
    padding-top: 10rem !important;
  }
  .pt-md-11 {
    padding-top: 11rem !important;
  }
  .pt-md-12 {
    padding-top: 12rem !important;
  }
  .pt-md-13 {
    padding-top: 13rem !important;
  }
  .pt-md-14 {
    padding-top: 14rem !important;
  }
  .pt-md-15 {
    padding-top: 15rem !important;
  }
  .pt-md-16 {
    padding-top: 16rem !important;
  }
  .pt-md-17 {
    padding-top: 17rem !important;
  }
  .pt-md-18 {
    padding-top: 18rem !important;
  }
  .pt-md-19 {
    padding-top: 19rem !important;
  }
  .pt-md-20 {
    padding-top: 20rem !important;
  }
  .pt-md-auto {
    padding-top: auto !important;
  }
}
@media (min-width: 992px) {
  .pt-lg-0 {
    padding-top: 0rem !important;
  }
  .pt-lg-1 {
    padding-top: 1rem !important;
  }
  .pt-lg-2 {
    padding-top: 2rem !important;
  }
  .pt-lg-3 {
    padding-top: 3rem !important;
  }
  .pt-lg-4 {
    padding-top: 4rem !important;
  }
  .pt-lg-5 {
    padding-top: 5rem !important;
  }
  .pt-lg-6 {
    padding-top: 6rem !important;
  }
  .pt-lg-7 {
    padding-top: 7rem !important;
  }
  .pt-lg-8 {
    padding-top: 8rem !important;
  }
  .pt-lg-9 {
    padding-top: 9rem !important;
  }
  .pt-lg-10 {
    padding-top: 10rem !important;
  }
  .pt-lg-11 {
    padding-top: 11rem !important;
  }
  .pt-lg-12 {
    padding-top: 12rem !important;
  }
  .pt-lg-13 {
    padding-top: 13rem !important;
  }
  .pt-lg-14 {
    padding-top: 14rem !important;
  }
  .pt-lg-15 {
    padding-top: 15rem !important;
  }
  .pt-lg-16 {
    padding-top: 16rem !important;
  }
  .pt-lg-17 {
    padding-top: 17rem !important;
  }
  .pt-lg-18 {
    padding-top: 18rem !important;
  }
  .pt-lg-19 {
    padding-top: 19rem !important;
  }
  .pt-lg-20 {
    padding-top: 20rem !important;
  }
  .pt-lg-auto {
    padding-top: auto !important;
  }
}
@media (min-width: 1200px) {
  .pt-xl-0 {
    padding-top: 0rem !important;
  }
  .pt-xl-1 {
    padding-top: 1rem !important;
  }
  .pt-xl-2 {
    padding-top: 2rem !important;
  }
  .pt-xl-3 {
    padding-top: 3rem !important;
  }
  .pt-xl-4 {
    padding-top: 4rem !important;
  }
  .pt-xl-5 {
    padding-top: 5rem !important;
  }
  .pt-xl-6 {
    padding-top: 6rem !important;
  }
  .pt-xl-7 {
    padding-top: 7rem !important;
  }
  .pt-xl-8 {
    padding-top: 8rem !important;
  }
  .pt-xl-9 {
    padding-top: 9rem !important;
  }
  .pt-xl-10 {
    padding-top: 10rem !important;
  }
  .pt-xl-11 {
    padding-top: 11rem !important;
  }
  .pt-xl-12 {
    padding-top: 12rem !important;
  }
  .pt-xl-13 {
    padding-top: 13rem !important;
  }
  .pt-xl-14 {
    padding-top: 14rem !important;
  }
  .pt-xl-15 {
    padding-top: 15rem !important;
  }
  .pt-xl-16 {
    padding-top: 16rem !important;
  }
  .pt-xl-17 {
    padding-top: 17rem !important;
  }
  .pt-xl-18 {
    padding-top: 18rem !important;
  }
  .pt-xl-19 {
    padding-top: 19rem !important;
  }
  .pt-xl-20 {
    padding-top: 20rem !important;
  }
  .pt-xl-auto {
    padding-top: auto !important;
  }
}
@media (min-width: 1400px) {
  .pt-xxl-0 {
    padding-top: 0rem !important;
  }
  .pt-xxl-1 {
    padding-top: 1rem !important;
  }
  .pt-xxl-2 {
    padding-top: 2rem !important;
  }
  .pt-xxl-3 {
    padding-top: 3rem !important;
  }
  .pt-xxl-4 {
    padding-top: 4rem !important;
  }
  .pt-xxl-5 {
    padding-top: 5rem !important;
  }
  .pt-xxl-6 {
    padding-top: 6rem !important;
  }
  .pt-xxl-7 {
    padding-top: 7rem !important;
  }
  .pt-xxl-8 {
    padding-top: 8rem !important;
  }
  .pt-xxl-9 {
    padding-top: 9rem !important;
  }
  .pt-xxl-10 {
    padding-top: 10rem !important;
  }
  .pt-xxl-11 {
    padding-top: 11rem !important;
  }
  .pt-xxl-12 {
    padding-top: 12rem !important;
  }
  .pt-xxl-13 {
    padding-top: 13rem !important;
  }
  .pt-xxl-14 {
    padding-top: 14rem !important;
  }
  .pt-xxl-15 {
    padding-top: 15rem !important;
  }
  .pt-xxl-16 {
    padding-top: 16rem !important;
  }
  .pt-xxl-17 {
    padding-top: 17rem !important;
  }
  .pt-xxl-18 {
    padding-top: 18rem !important;
  }
  .pt-xxl-19 {
    padding-top: 19rem !important;
  }
  .pt-xxl-20 {
    padding-top: 20rem !important;
  }
  .pt-xxl-auto {
    padding-top: auto !important;
  }
}
@media (min-width: 1600px) {
  .pt-xxxl-0 {
    padding-top: 0rem !important;
  }
  .pt-xxxl-1 {
    padding-top: 1rem !important;
  }
  .pt-xxxl-2 {
    padding-top: 2rem !important;
  }
  .pt-xxxl-3 {
    padding-top: 3rem !important;
  }
  .pt-xxxl-4 {
    padding-top: 4rem !important;
  }
  .pt-xxxl-5 {
    padding-top: 5rem !important;
  }
  .pt-xxxl-6 {
    padding-top: 6rem !important;
  }
  .pt-xxxl-7 {
    padding-top: 7rem !important;
  }
  .pt-xxxl-8 {
    padding-top: 8rem !important;
  }
  .pt-xxxl-9 {
    padding-top: 9rem !important;
  }
  .pt-xxxl-10 {
    padding-top: 10rem !important;
  }
  .pt-xxxl-11 {
    padding-top: 11rem !important;
  }
  .pt-xxxl-12 {
    padding-top: 12rem !important;
  }
  .pt-xxxl-13 {
    padding-top: 13rem !important;
  }
  .pt-xxxl-14 {
    padding-top: 14rem !important;
  }
  .pt-xxxl-15 {
    padding-top: 15rem !important;
  }
  .pt-xxxl-16 {
    padding-top: 16rem !important;
  }
  .pt-xxxl-17 {
    padding-top: 17rem !important;
  }
  .pt-xxxl-18 {
    padding-top: 18rem !important;
  }
  .pt-xxxl-19 {
    padding-top: 19rem !important;
  }
  .pt-xxxl-20 {
    padding-top: 20rem !important;
  }
  .pt-xxxl-auto {
    padding-top: auto !important;
  }
}
@media (min-width: 576px) {
  .pr-sm-0 {
    padding-right: 0rem !important;
  }
  .pr-sm-1 {
    padding-right: 1rem !important;
  }
  .pr-sm-2 {
    padding-right: 2rem !important;
  }
  .pr-sm-3 {
    padding-right: 3rem !important;
  }
  .pr-sm-4 {
    padding-right: 4rem !important;
  }
  .pr-sm-5 {
    padding-right: 5rem !important;
  }
  .pr-sm-6 {
    padding-right: 6rem !important;
  }
  .pr-sm-7 {
    padding-right: 7rem !important;
  }
  .pr-sm-8 {
    padding-right: 8rem !important;
  }
  .pr-sm-9 {
    padding-right: 9rem !important;
  }
  .pr-sm-10 {
    padding-right: 10rem !important;
  }
  .pr-sm-11 {
    padding-right: 11rem !important;
  }
  .pr-sm-12 {
    padding-right: 12rem !important;
  }
  .pr-sm-13 {
    padding-right: 13rem !important;
  }
  .pr-sm-14 {
    padding-right: 14rem !important;
  }
  .pr-sm-15 {
    padding-right: 15rem !important;
  }
  .pr-sm-16 {
    padding-right: 16rem !important;
  }
  .pr-sm-17 {
    padding-right: 17rem !important;
  }
  .pr-sm-18 {
    padding-right: 18rem !important;
  }
  .pr-sm-19 {
    padding-right: 19rem !important;
  }
  .pr-sm-20 {
    padding-right: 20rem !important;
  }
  .pr-sm-auto {
    padding-right: auto !important;
  }
}
@media (min-width: 768px) {
  .pr-md-0 {
    padding-right: 0rem !important;
  }
  .pr-md-1 {
    padding-right: 1rem !important;
  }
  .pr-md-2 {
    padding-right: 2rem !important;
  }
  .pr-md-3 {
    padding-right: 3rem !important;
  }
  .pr-md-4 {
    padding-right: 4rem !important;
  }
  .pr-md-5 {
    padding-right: 5rem !important;
  }
  .pr-md-6 {
    padding-right: 6rem !important;
  }
  .pr-md-7 {
    padding-right: 7rem !important;
  }
  .pr-md-8 {
    padding-right: 8rem !important;
  }
  .pr-md-9 {
    padding-right: 9rem !important;
  }
  .pr-md-10 {
    padding-right: 10rem !important;
  }
  .pr-md-11 {
    padding-right: 11rem !important;
  }
  .pr-md-12 {
    padding-right: 12rem !important;
  }
  .pr-md-13 {
    padding-right: 13rem !important;
  }
  .pr-md-14 {
    padding-right: 14rem !important;
  }
  .pr-md-15 {
    padding-right: 15rem !important;
  }
  .pr-md-16 {
    padding-right: 16rem !important;
  }
  .pr-md-17 {
    padding-right: 17rem !important;
  }
  .pr-md-18 {
    padding-right: 18rem !important;
  }
  .pr-md-19 {
    padding-right: 19rem !important;
  }
  .pr-md-20 {
    padding-right: 20rem !important;
  }
  .pr-md-auto {
    padding-right: auto !important;
  }
}
@media (min-width: 992px) {
  .pr-lg-0 {
    padding-right: 0rem !important;
  }
  .pr-lg-1 {
    padding-right: 1rem !important;
  }
  .pr-lg-2 {
    padding-right: 2rem !important;
  }
  .pr-lg-3 {
    padding-right: 3rem !important;
  }
  .pr-lg-4 {
    padding-right: 4rem !important;
  }
  .pr-lg-5 {
    padding-right: 5rem !important;
  }
  .pr-lg-6 {
    padding-right: 6rem !important;
  }
  .pr-lg-7 {
    padding-right: 7rem !important;
  }
  .pr-lg-8 {
    padding-right: 8rem !important;
  }
  .pr-lg-9 {
    padding-right: 9rem !important;
  }
  .pr-lg-10 {
    padding-right: 10rem !important;
  }
  .pr-lg-11 {
    padding-right: 11rem !important;
  }
  .pr-lg-12 {
    padding-right: 12rem !important;
  }
  .pr-lg-13 {
    padding-right: 13rem !important;
  }
  .pr-lg-14 {
    padding-right: 14rem !important;
  }
  .pr-lg-15 {
    padding-right: 15rem !important;
  }
  .pr-lg-16 {
    padding-right: 16rem !important;
  }
  .pr-lg-17 {
    padding-right: 17rem !important;
  }
  .pr-lg-18 {
    padding-right: 18rem !important;
  }
  .pr-lg-19 {
    padding-right: 19rem !important;
  }
  .pr-lg-20 {
    padding-right: 20rem !important;
  }
  .pr-lg-auto {
    padding-right: auto !important;
  }
}
@media (min-width: 1200px) {
  .pr-xl-0 {
    padding-right: 0rem !important;
  }
  .pr-xl-1 {
    padding-right: 1rem !important;
  }
  .pr-xl-2 {
    padding-right: 2rem !important;
  }
  .pr-xl-3 {
    padding-right: 3rem !important;
  }
  .pr-xl-4 {
    padding-right: 4rem !important;
  }
  .pr-xl-5 {
    padding-right: 5rem !important;
  }
  .pr-xl-6 {
    padding-right: 6rem !important;
  }
  .pr-xl-7 {
    padding-right: 7rem !important;
  }
  .pr-xl-8 {
    padding-right: 8rem !important;
  }
  .pr-xl-9 {
    padding-right: 9rem !important;
  }
  .pr-xl-10 {
    padding-right: 10rem !important;
  }
  .pr-xl-11 {
    padding-right: 11rem !important;
  }
  .pr-xl-12 {
    padding-right: 12rem !important;
  }
  .pr-xl-13 {
    padding-right: 13rem !important;
  }
  .pr-xl-14 {
    padding-right: 14rem !important;
  }
  .pr-xl-15 {
    padding-right: 15rem !important;
  }
  .pr-xl-16 {
    padding-right: 16rem !important;
  }
  .pr-xl-17 {
    padding-right: 17rem !important;
  }
  .pr-xl-18 {
    padding-right: 18rem !important;
  }
  .pr-xl-19 {
    padding-right: 19rem !important;
  }
  .pr-xl-20 {
    padding-right: 20rem !important;
  }
  .pr-xl-auto {
    padding-right: auto !important;
  }
}
@media (min-width: 1400px) {
  .pr-xxl-0 {
    padding-right: 0rem !important;
  }
  .pr-xxl-1 {
    padding-right: 1rem !important;
  }
  .pr-xxl-2 {
    padding-right: 2rem !important;
  }
  .pr-xxl-3 {
    padding-right: 3rem !important;
  }
  .pr-xxl-4 {
    padding-right: 4rem !important;
  }
  .pr-xxl-5 {
    padding-right: 5rem !important;
  }
  .pr-xxl-6 {
    padding-right: 6rem !important;
  }
  .pr-xxl-7 {
    padding-right: 7rem !important;
  }
  .pr-xxl-8 {
    padding-right: 8rem !important;
  }
  .pr-xxl-9 {
    padding-right: 9rem !important;
  }
  .pr-xxl-10 {
    padding-right: 10rem !important;
  }
  .pr-xxl-11 {
    padding-right: 11rem !important;
  }
  .pr-xxl-12 {
    padding-right: 12rem !important;
  }
  .pr-xxl-13 {
    padding-right: 13rem !important;
  }
  .pr-xxl-14 {
    padding-right: 14rem !important;
  }
  .pr-xxl-15 {
    padding-right: 15rem !important;
  }
  .pr-xxl-16 {
    padding-right: 16rem !important;
  }
  .pr-xxl-17 {
    padding-right: 17rem !important;
  }
  .pr-xxl-18 {
    padding-right: 18rem !important;
  }
  .pr-xxl-19 {
    padding-right: 19rem !important;
  }
  .pr-xxl-20 {
    padding-right: 20rem !important;
  }
  .pr-xxl-auto {
    padding-right: auto !important;
  }
}
@media (min-width: 1600px) {
  .pr-xxxl-0 {
    padding-right: 0rem !important;
  }
  .pr-xxxl-1 {
    padding-right: 1rem !important;
  }
  .pr-xxxl-2 {
    padding-right: 2rem !important;
  }
  .pr-xxxl-3 {
    padding-right: 3rem !important;
  }
  .pr-xxxl-4 {
    padding-right: 4rem !important;
  }
  .pr-xxxl-5 {
    padding-right: 5rem !important;
  }
  .pr-xxxl-6 {
    padding-right: 6rem !important;
  }
  .pr-xxxl-7 {
    padding-right: 7rem !important;
  }
  .pr-xxxl-8 {
    padding-right: 8rem !important;
  }
  .pr-xxxl-9 {
    padding-right: 9rem !important;
  }
  .pr-xxxl-10 {
    padding-right: 10rem !important;
  }
  .pr-xxxl-11 {
    padding-right: 11rem !important;
  }
  .pr-xxxl-12 {
    padding-right: 12rem !important;
  }
  .pr-xxxl-13 {
    padding-right: 13rem !important;
  }
  .pr-xxxl-14 {
    padding-right: 14rem !important;
  }
  .pr-xxxl-15 {
    padding-right: 15rem !important;
  }
  .pr-xxxl-16 {
    padding-right: 16rem !important;
  }
  .pr-xxxl-17 {
    padding-right: 17rem !important;
  }
  .pr-xxxl-18 {
    padding-right: 18rem !important;
  }
  .pr-xxxl-19 {
    padding-right: 19rem !important;
  }
  .pr-xxxl-20 {
    padding-right: 20rem !important;
  }
  .pr-xxxl-auto {
    padding-right: auto !important;
  }
}
@media (min-width: 576px) {
  .pb-sm-0 {
    padding-bottom: 0rem !important;
  }
  .pb-sm-1 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 2rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 3rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 4rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 5rem !important;
  }
  .pb-sm-6 {
    padding-bottom: 6rem !important;
  }
  .pb-sm-7 {
    padding-bottom: 7rem !important;
  }
  .pb-sm-8 {
    padding-bottom: 8rem !important;
  }
  .pb-sm-9 {
    padding-bottom: 9rem !important;
  }
  .pb-sm-10 {
    padding-bottom: 10rem !important;
  }
  .pb-sm-11 {
    padding-bottom: 11rem !important;
  }
  .pb-sm-12 {
    padding-bottom: 12rem !important;
  }
  .pb-sm-13 {
    padding-bottom: 13rem !important;
  }
  .pb-sm-14 {
    padding-bottom: 14rem !important;
  }
  .pb-sm-15 {
    padding-bottom: 15rem !important;
  }
  .pb-sm-16 {
    padding-bottom: 16rem !important;
  }
  .pb-sm-17 {
    padding-bottom: 17rem !important;
  }
  .pb-sm-18 {
    padding-bottom: 18rem !important;
  }
  .pb-sm-19 {
    padding-bottom: 19rem !important;
  }
  .pb-sm-20 {
    padding-bottom: 20rem !important;
  }
  .pb-sm-auto {
    padding-bottom: auto !important;
  }
}
@media (min-width: 768px) {
  .pb-md-0 {
    padding-bottom: 0rem !important;
  }
  .pb-md-1 {
    padding-bottom: 1rem !important;
  }
  .pb-md-2 {
    padding-bottom: 2rem !important;
  }
  .pb-md-3 {
    padding-bottom: 3rem !important;
  }
  .pb-md-4 {
    padding-bottom: 4rem !important;
  }
  .pb-md-5 {
    padding-bottom: 5rem !important;
  }
  .pb-md-6 {
    padding-bottom: 6rem !important;
  }
  .pb-md-7 {
    padding-bottom: 7rem !important;
  }
  .pb-md-8 {
    padding-bottom: 8rem !important;
  }
  .pb-md-9 {
    padding-bottom: 9rem !important;
  }
  .pb-md-10 {
    padding-bottom: 10rem !important;
  }
  .pb-md-11 {
    padding-bottom: 11rem !important;
  }
  .pb-md-12 {
    padding-bottom: 12rem !important;
  }
  .pb-md-13 {
    padding-bottom: 13rem !important;
  }
  .pb-md-14 {
    padding-bottom: 14rem !important;
  }
  .pb-md-15 {
    padding-bottom: 15rem !important;
  }
  .pb-md-16 {
    padding-bottom: 16rem !important;
  }
  .pb-md-17 {
    padding-bottom: 17rem !important;
  }
  .pb-md-18 {
    padding-bottom: 18rem !important;
  }
  .pb-md-19 {
    padding-bottom: 19rem !important;
  }
  .pb-md-20 {
    padding-bottom: 20rem !important;
  }
  .pb-md-auto {
    padding-bottom: auto !important;
  }
}
@media (min-width: 992px) {
  .pb-lg-0 {
    padding-bottom: 0rem !important;
  }
  .pb-lg-1 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 2rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 3rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 4rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 5rem !important;
  }
  .pb-lg-6 {
    padding-bottom: 6rem !important;
  }
  .pb-lg-7 {
    padding-bottom: 7rem !important;
  }
  .pb-lg-8 {
    padding-bottom: 8rem !important;
  }
  .pb-lg-9 {
    padding-bottom: 9rem !important;
  }
  .pb-lg-10 {
    padding-bottom: 10rem !important;
  }
  .pb-lg-11 {
    padding-bottom: 11rem !important;
  }
  .pb-lg-12 {
    padding-bottom: 12rem !important;
  }
  .pb-lg-13 {
    padding-bottom: 13rem !important;
  }
  .pb-lg-14 {
    padding-bottom: 14rem !important;
  }
  .pb-lg-15 {
    padding-bottom: 15rem !important;
  }
  .pb-lg-16 {
    padding-bottom: 16rem !important;
  }
  .pb-lg-17 {
    padding-bottom: 17rem !important;
  }
  .pb-lg-18 {
    padding-bottom: 18rem !important;
  }
  .pb-lg-19 {
    padding-bottom: 19rem !important;
  }
  .pb-lg-20 {
    padding-bottom: 20rem !important;
  }
  .pb-lg-auto {
    padding-bottom: auto !important;
  }
}
@media (min-width: 1200px) {
  .pb-xl-0 {
    padding-bottom: 0rem !important;
  }
  .pb-xl-1 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 2rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 3rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 4rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 5rem !important;
  }
  .pb-xl-6 {
    padding-bottom: 6rem !important;
  }
  .pb-xl-7 {
    padding-bottom: 7rem !important;
  }
  .pb-xl-8 {
    padding-bottom: 8rem !important;
  }
  .pb-xl-9 {
    padding-bottom: 9rem !important;
  }
  .pb-xl-10 {
    padding-bottom: 10rem !important;
  }
  .pb-xl-11 {
    padding-bottom: 11rem !important;
  }
  .pb-xl-12 {
    padding-bottom: 12rem !important;
  }
  .pb-xl-13 {
    padding-bottom: 13rem !important;
  }
  .pb-xl-14 {
    padding-bottom: 14rem !important;
  }
  .pb-xl-15 {
    padding-bottom: 15rem !important;
  }
  .pb-xl-16 {
    padding-bottom: 16rem !important;
  }
  .pb-xl-17 {
    padding-bottom: 17rem !important;
  }
  .pb-xl-18 {
    padding-bottom: 18rem !important;
  }
  .pb-xl-19 {
    padding-bottom: 19rem !important;
  }
  .pb-xl-20 {
    padding-bottom: 20rem !important;
  }
  .pb-xl-auto {
    padding-bottom: auto !important;
  }
}
@media (min-width: 1400px) {
  .pb-xxl-0 {
    padding-bottom: 0rem !important;
  }
  .pb-xxl-1 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 2rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 3rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 4rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 5rem !important;
  }
  .pb-xxl-6 {
    padding-bottom: 6rem !important;
  }
  .pb-xxl-7 {
    padding-bottom: 7rem !important;
  }
  .pb-xxl-8 {
    padding-bottom: 8rem !important;
  }
  .pb-xxl-9 {
    padding-bottom: 9rem !important;
  }
  .pb-xxl-10 {
    padding-bottom: 10rem !important;
  }
  .pb-xxl-11 {
    padding-bottom: 11rem !important;
  }
  .pb-xxl-12 {
    padding-bottom: 12rem !important;
  }
  .pb-xxl-13 {
    padding-bottom: 13rem !important;
  }
  .pb-xxl-14 {
    padding-bottom: 14rem !important;
  }
  .pb-xxl-15 {
    padding-bottom: 15rem !important;
  }
  .pb-xxl-16 {
    padding-bottom: 16rem !important;
  }
  .pb-xxl-17 {
    padding-bottom: 17rem !important;
  }
  .pb-xxl-18 {
    padding-bottom: 18rem !important;
  }
  .pb-xxl-19 {
    padding-bottom: 19rem !important;
  }
  .pb-xxl-20 {
    padding-bottom: 20rem !important;
  }
  .pb-xxl-auto {
    padding-bottom: auto !important;
  }
}
@media (min-width: 1600px) {
  .pb-xxxl-0 {
    padding-bottom: 0rem !important;
  }
  .pb-xxxl-1 {
    padding-bottom: 1rem !important;
  }
  .pb-xxxl-2 {
    padding-bottom: 2rem !important;
  }
  .pb-xxxl-3 {
    padding-bottom: 3rem !important;
  }
  .pb-xxxl-4 {
    padding-bottom: 4rem !important;
  }
  .pb-xxxl-5 {
    padding-bottom: 5rem !important;
  }
  .pb-xxxl-6 {
    padding-bottom: 6rem !important;
  }
  .pb-xxxl-7 {
    padding-bottom: 7rem !important;
  }
  .pb-xxxl-8 {
    padding-bottom: 8rem !important;
  }
  .pb-xxxl-9 {
    padding-bottom: 9rem !important;
  }
  .pb-xxxl-10 {
    padding-bottom: 10rem !important;
  }
  .pb-xxxl-11 {
    padding-bottom: 11rem !important;
  }
  .pb-xxxl-12 {
    padding-bottom: 12rem !important;
  }
  .pb-xxxl-13 {
    padding-bottom: 13rem !important;
  }
  .pb-xxxl-14 {
    padding-bottom: 14rem !important;
  }
  .pb-xxxl-15 {
    padding-bottom: 15rem !important;
  }
  .pb-xxxl-16 {
    padding-bottom: 16rem !important;
  }
  .pb-xxxl-17 {
    padding-bottom: 17rem !important;
  }
  .pb-xxxl-18 {
    padding-bottom: 18rem !important;
  }
  .pb-xxxl-19 {
    padding-bottom: 19rem !important;
  }
  .pb-xxxl-20 {
    padding-bottom: 20rem !important;
  }
  .pb-xxxl-auto {
    padding-bottom: auto !important;
  }
}
@media (min-width: 576px) {
  .pl-sm-0 {
    padding-left: 0rem !important;
  }
  .pl-sm-1 {
    padding-left: 1rem !important;
  }
  .pl-sm-2 {
    padding-left: 2rem !important;
  }
  .pl-sm-3 {
    padding-left: 3rem !important;
  }
  .pl-sm-4 {
    padding-left: 4rem !important;
  }
  .pl-sm-5 {
    padding-left: 5rem !important;
  }
  .pl-sm-6 {
    padding-left: 6rem !important;
  }
  .pl-sm-7 {
    padding-left: 7rem !important;
  }
  .pl-sm-8 {
    padding-left: 8rem !important;
  }
  .pl-sm-9 {
    padding-left: 9rem !important;
  }
  .pl-sm-10 {
    padding-left: 10rem !important;
  }
  .pl-sm-11 {
    padding-left: 11rem !important;
  }
  .pl-sm-12 {
    padding-left: 12rem !important;
  }
  .pl-sm-13 {
    padding-left: 13rem !important;
  }
  .pl-sm-14 {
    padding-left: 14rem !important;
  }
  .pl-sm-15 {
    padding-left: 15rem !important;
  }
  .pl-sm-16 {
    padding-left: 16rem !important;
  }
  .pl-sm-17 {
    padding-left: 17rem !important;
  }
  .pl-sm-18 {
    padding-left: 18rem !important;
  }
  .pl-sm-19 {
    padding-left: 19rem !important;
  }
  .pl-sm-20 {
    padding-left: 20rem !important;
  }
  .pl-sm-auto {
    padding-left: auto !important;
  }
}
@media (min-width: 768px) {
  .pl-md-0 {
    padding-left: 0rem !important;
  }
  .pl-md-1 {
    padding-left: 1rem !important;
  }
  .pl-md-2 {
    padding-left: 2rem !important;
  }
  .pl-md-3 {
    padding-left: 3rem !important;
  }
  .pl-md-4 {
    padding-left: 4rem !important;
  }
  .pl-md-5 {
    padding-left: 5rem !important;
  }
  .pl-md-6 {
    padding-left: 6rem !important;
  }
  .pl-md-7 {
    padding-left: 7rem !important;
  }
  .pl-md-8 {
    padding-left: 8rem !important;
  }
  .pl-md-9 {
    padding-left: 9rem !important;
  }
  .pl-md-10 {
    padding-left: 10rem !important;
  }
  .pl-md-11 {
    padding-left: 11rem !important;
  }
  .pl-md-12 {
    padding-left: 12rem !important;
  }
  .pl-md-13 {
    padding-left: 13rem !important;
  }
  .pl-md-14 {
    padding-left: 14rem !important;
  }
  .pl-md-15 {
    padding-left: 15rem !important;
  }
  .pl-md-16 {
    padding-left: 16rem !important;
  }
  .pl-md-17 {
    padding-left: 17rem !important;
  }
  .pl-md-18 {
    padding-left: 18rem !important;
  }
  .pl-md-19 {
    padding-left: 19rem !important;
  }
  .pl-md-20 {
    padding-left: 20rem !important;
  }
  .pl-md-auto {
    padding-left: auto !important;
  }
}
@media (min-width: 992px) {
  .pl-lg-0 {
    padding-left: 0rem !important;
  }
  .pl-lg-1 {
    padding-left: 1rem !important;
  }
  .pl-lg-2 {
    padding-left: 2rem !important;
  }
  .pl-lg-3 {
    padding-left: 3rem !important;
  }
  .pl-lg-4 {
    padding-left: 4rem !important;
  }
  .pl-lg-5 {
    padding-left: 5rem !important;
  }
  .pl-lg-6 {
    padding-left: 6rem !important;
  }
  .pl-lg-7 {
    padding-left: 7rem !important;
  }
  .pl-lg-8 {
    padding-left: 8rem !important;
  }
  .pl-lg-9 {
    padding-left: 9rem !important;
  }
  .pl-lg-10 {
    padding-left: 10rem !important;
  }
  .pl-lg-11 {
    padding-left: 11rem !important;
  }
  .pl-lg-12 {
    padding-left: 12rem !important;
  }
  .pl-lg-13 {
    padding-left: 13rem !important;
  }
  .pl-lg-14 {
    padding-left: 14rem !important;
  }
  .pl-lg-15 {
    padding-left: 15rem !important;
  }
  .pl-lg-16 {
    padding-left: 16rem !important;
  }
  .pl-lg-17 {
    padding-left: 17rem !important;
  }
  .pl-lg-18 {
    padding-left: 18rem !important;
  }
  .pl-lg-19 {
    padding-left: 19rem !important;
  }
  .pl-lg-20 {
    padding-left: 20rem !important;
  }
  .pl-lg-auto {
    padding-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .pl-xl-0 {
    padding-left: 0rem !important;
  }
  .pl-xl-1 {
    padding-left: 1rem !important;
  }
  .pl-xl-2 {
    padding-left: 2rem !important;
  }
  .pl-xl-3 {
    padding-left: 3rem !important;
  }
  .pl-xl-4 {
    padding-left: 4rem !important;
  }
  .pl-xl-5 {
    padding-left: 5rem !important;
  }
  .pl-xl-6 {
    padding-left: 6rem !important;
  }
  .pl-xl-7 {
    padding-left: 7rem !important;
  }
  .pl-xl-8 {
    padding-left: 8rem !important;
  }
  .pl-xl-9 {
    padding-left: 9rem !important;
  }
  .pl-xl-10 {
    padding-left: 10rem !important;
  }
  .pl-xl-11 {
    padding-left: 11rem !important;
  }
  .pl-xl-12 {
    padding-left: 12rem !important;
  }
  .pl-xl-13 {
    padding-left: 13rem !important;
  }
  .pl-xl-14 {
    padding-left: 14rem !important;
  }
  .pl-xl-15 {
    padding-left: 15rem !important;
  }
  .pl-xl-16 {
    padding-left: 16rem !important;
  }
  .pl-xl-17 {
    padding-left: 17rem !important;
  }
  .pl-xl-18 {
    padding-left: 18rem !important;
  }
  .pl-xl-19 {
    padding-left: 19rem !important;
  }
  .pl-xl-20 {
    padding-left: 20rem !important;
  }
  .pl-xl-auto {
    padding-left: auto !important;
  }
}
@media (min-width: 1400px) {
  .pl-xxl-0 {
    padding-left: 0rem !important;
  }
  .pl-xxl-1 {
    padding-left: 1rem !important;
  }
  .pl-xxl-2 {
    padding-left: 2rem !important;
  }
  .pl-xxl-3 {
    padding-left: 3rem !important;
  }
  .pl-xxl-4 {
    padding-left: 4rem !important;
  }
  .pl-xxl-5 {
    padding-left: 5rem !important;
  }
  .pl-xxl-6 {
    padding-left: 6rem !important;
  }
  .pl-xxl-7 {
    padding-left: 7rem !important;
  }
  .pl-xxl-8 {
    padding-left: 8rem !important;
  }
  .pl-xxl-9 {
    padding-left: 9rem !important;
  }
  .pl-xxl-10 {
    padding-left: 10rem !important;
  }
  .pl-xxl-11 {
    padding-left: 11rem !important;
  }
  .pl-xxl-12 {
    padding-left: 12rem !important;
  }
  .pl-xxl-13 {
    padding-left: 13rem !important;
  }
  .pl-xxl-14 {
    padding-left: 14rem !important;
  }
  .pl-xxl-15 {
    padding-left: 15rem !important;
  }
  .pl-xxl-16 {
    padding-left: 16rem !important;
  }
  .pl-xxl-17 {
    padding-left: 17rem !important;
  }
  .pl-xxl-18 {
    padding-left: 18rem !important;
  }
  .pl-xxl-19 {
    padding-left: 19rem !important;
  }
  .pl-xxl-20 {
    padding-left: 20rem !important;
  }
  .pl-xxl-auto {
    padding-left: auto !important;
  }
}
@media (min-width: 1600px) {
  .pl-xxxl-0 {
    padding-left: 0rem !important;
  }
  .pl-xxxl-1 {
    padding-left: 1rem !important;
  }
  .pl-xxxl-2 {
    padding-left: 2rem !important;
  }
  .pl-xxxl-3 {
    padding-left: 3rem !important;
  }
  .pl-xxxl-4 {
    padding-left: 4rem !important;
  }
  .pl-xxxl-5 {
    padding-left: 5rem !important;
  }
  .pl-xxxl-6 {
    padding-left: 6rem !important;
  }
  .pl-xxxl-7 {
    padding-left: 7rem !important;
  }
  .pl-xxxl-8 {
    padding-left: 8rem !important;
  }
  .pl-xxxl-9 {
    padding-left: 9rem !important;
  }
  .pl-xxxl-10 {
    padding-left: 10rem !important;
  }
  .pl-xxxl-11 {
    padding-left: 11rem !important;
  }
  .pl-xxxl-12 {
    padding-left: 12rem !important;
  }
  .pl-xxxl-13 {
    padding-left: 13rem !important;
  }
  .pl-xxxl-14 {
    padding-left: 14rem !important;
  }
  .pl-xxxl-15 {
    padding-left: 15rem !important;
  }
  .pl-xxxl-16 {
    padding-left: 16rem !important;
  }
  .pl-xxxl-17 {
    padding-left: 17rem !important;
  }
  .pl-xxxl-18 {
    padding-left: 18rem !important;
  }
  .pl-xxxl-19 {
    padding-left: 19rem !important;
  }
  .pl-xxxl-20 {
    padding-left: 20rem !important;
  }
  .pl-xxxl-auto {
    padding-left: auto !important;
  }
}
@media (min-width: 576px) {
  .px-sm-0 {
    padding-left: 0rem !important;
  }
  .px-sm-1 {
    padding-left: 1rem !important;
  }
  .px-sm-2 {
    padding-left: 2rem !important;
  }
  .px-sm-3 {
    padding-left: 3rem !important;
  }
  .px-sm-4 {
    padding-left: 4rem !important;
  }
  .px-sm-5 {
    padding-left: 5rem !important;
  }
  .px-sm-6 {
    padding-left: 6rem !important;
  }
  .px-sm-7 {
    padding-left: 7rem !important;
  }
  .px-sm-8 {
    padding-left: 8rem !important;
  }
  .px-sm-9 {
    padding-left: 9rem !important;
  }
  .px-sm-10 {
    padding-left: 10rem !important;
  }
  .px-sm-11 {
    padding-left: 11rem !important;
  }
  .px-sm-12 {
    padding-left: 12rem !important;
  }
  .px-sm-13 {
    padding-left: 13rem !important;
  }
  .px-sm-14 {
    padding-left: 14rem !important;
  }
  .px-sm-15 {
    padding-left: 15rem !important;
  }
  .px-sm-16 {
    padding-left: 16rem !important;
  }
  .px-sm-17 {
    padding-left: 17rem !important;
  }
  .px-sm-18 {
    padding-left: 18rem !important;
  }
  .px-sm-19 {
    padding-left: 19rem !important;
  }
  .px-sm-20 {
    padding-left: 20rem !important;
  }
  .px-sm-auto {
    padding-left: auto !important;
  }
}
@media (min-width: 768px) {
  .px-md-0 {
    padding-left: 0rem !important;
  }
  .px-md-1 {
    padding-left: 1rem !important;
  }
  .px-md-2 {
    padding-left: 2rem !important;
  }
  .px-md-3 {
    padding-left: 3rem !important;
  }
  .px-md-4 {
    padding-left: 4rem !important;
  }
  .px-md-5 {
    padding-left: 5rem !important;
  }
  .px-md-6 {
    padding-left: 6rem !important;
  }
  .px-md-7 {
    padding-left: 7rem !important;
  }
  .px-md-8 {
    padding-left: 8rem !important;
  }
  .px-md-9 {
    padding-left: 9rem !important;
  }
  .px-md-10 {
    padding-left: 10rem !important;
  }
  .px-md-11 {
    padding-left: 11rem !important;
  }
  .px-md-12 {
    padding-left: 12rem !important;
  }
  .px-md-13 {
    padding-left: 13rem !important;
  }
  .px-md-14 {
    padding-left: 14rem !important;
  }
  .px-md-15 {
    padding-left: 15rem !important;
  }
  .px-md-16 {
    padding-left: 16rem !important;
  }
  .px-md-17 {
    padding-left: 17rem !important;
  }
  .px-md-18 {
    padding-left: 18rem !important;
  }
  .px-md-19 {
    padding-left: 19rem !important;
  }
  .px-md-20 {
    padding-left: 20rem !important;
  }
  .px-md-auto {
    padding-left: auto !important;
  }
}
@media (min-width: 992px) {
  .px-lg-0 {
    padding-left: 0rem !important;
  }
  .px-lg-1 {
    padding-left: 1rem !important;
  }
  .px-lg-2 {
    padding-left: 2rem !important;
  }
  .px-lg-3 {
    padding-left: 3rem !important;
  }
  .px-lg-4 {
    padding-left: 4rem !important;
  }
  .px-lg-5 {
    padding-left: 5rem !important;
  }
  .px-lg-6 {
    padding-left: 6rem !important;
  }
  .px-lg-7 {
    padding-left: 7rem !important;
  }
  .px-lg-8 {
    padding-left: 8rem !important;
  }
  .px-lg-9 {
    padding-left: 9rem !important;
  }
  .px-lg-10 {
    padding-left: 10rem !important;
  }
  .px-lg-11 {
    padding-left: 11rem !important;
  }
  .px-lg-12 {
    padding-left: 12rem !important;
  }
  .px-lg-13 {
    padding-left: 13rem !important;
  }
  .px-lg-14 {
    padding-left: 14rem !important;
  }
  .px-lg-15 {
    padding-left: 15rem !important;
  }
  .px-lg-16 {
    padding-left: 16rem !important;
  }
  .px-lg-17 {
    padding-left: 17rem !important;
  }
  .px-lg-18 {
    padding-left: 18rem !important;
  }
  .px-lg-19 {
    padding-left: 19rem !important;
  }
  .px-lg-20 {
    padding-left: 20rem !important;
  }
  .px-lg-auto {
    padding-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .px-xl-0 {
    padding-left: 0rem !important;
  }
  .px-xl-1 {
    padding-left: 1rem !important;
  }
  .px-xl-2 {
    padding-left: 2rem !important;
  }
  .px-xl-3 {
    padding-left: 3rem !important;
  }
  .px-xl-4 {
    padding-left: 4rem !important;
  }
  .px-xl-5 {
    padding-left: 5rem !important;
  }
  .px-xl-6 {
    padding-left: 6rem !important;
  }
  .px-xl-7 {
    padding-left: 7rem !important;
  }
  .px-xl-8 {
    padding-left: 8rem !important;
  }
  .px-xl-9 {
    padding-left: 9rem !important;
  }
  .px-xl-10 {
    padding-left: 10rem !important;
  }
  .px-xl-11 {
    padding-left: 11rem !important;
  }
  .px-xl-12 {
    padding-left: 12rem !important;
  }
  .px-xl-13 {
    padding-left: 13rem !important;
  }
  .px-xl-14 {
    padding-left: 14rem !important;
  }
  .px-xl-15 {
    padding-left: 15rem !important;
  }
  .px-xl-16 {
    padding-left: 16rem !important;
  }
  .px-xl-17 {
    padding-left: 17rem !important;
  }
  .px-xl-18 {
    padding-left: 18rem !important;
  }
  .px-xl-19 {
    padding-left: 19rem !important;
  }
  .px-xl-20 {
    padding-left: 20rem !important;
  }
  .px-xl-auto {
    padding-left: auto !important;
  }
}
@media (min-width: 1400px) {
  .px-xxl-0 {
    padding-left: 0rem !important;
  }
  .px-xxl-1 {
    padding-left: 1rem !important;
  }
  .px-xxl-2 {
    padding-left: 2rem !important;
  }
  .px-xxl-3 {
    padding-left: 3rem !important;
  }
  .px-xxl-4 {
    padding-left: 4rem !important;
  }
  .px-xxl-5 {
    padding-left: 5rem !important;
  }
  .px-xxl-6 {
    padding-left: 6rem !important;
  }
  .px-xxl-7 {
    padding-left: 7rem !important;
  }
  .px-xxl-8 {
    padding-left: 8rem !important;
  }
  .px-xxl-9 {
    padding-left: 9rem !important;
  }
  .px-xxl-10 {
    padding-left: 10rem !important;
  }
  .px-xxl-11 {
    padding-left: 11rem !important;
  }
  .px-xxl-12 {
    padding-left: 12rem !important;
  }
  .px-xxl-13 {
    padding-left: 13rem !important;
  }
  .px-xxl-14 {
    padding-left: 14rem !important;
  }
  .px-xxl-15 {
    padding-left: 15rem !important;
  }
  .px-xxl-16 {
    padding-left: 16rem !important;
  }
  .px-xxl-17 {
    padding-left: 17rem !important;
  }
  .px-xxl-18 {
    padding-left: 18rem !important;
  }
  .px-xxl-19 {
    padding-left: 19rem !important;
  }
  .px-xxl-20 {
    padding-left: 20rem !important;
  }
  .px-xxl-auto {
    padding-left: auto !important;
  }
}
@media (min-width: 1600px) {
  .px-xxxl-0 {
    padding-left: 0rem !important;
  }
  .px-xxxl-1 {
    padding-left: 1rem !important;
  }
  .px-xxxl-2 {
    padding-left: 2rem !important;
  }
  .px-xxxl-3 {
    padding-left: 3rem !important;
  }
  .px-xxxl-4 {
    padding-left: 4rem !important;
  }
  .px-xxxl-5 {
    padding-left: 5rem !important;
  }
  .px-xxxl-6 {
    padding-left: 6rem !important;
  }
  .px-xxxl-7 {
    padding-left: 7rem !important;
  }
  .px-xxxl-8 {
    padding-left: 8rem !important;
  }
  .px-xxxl-9 {
    padding-left: 9rem !important;
  }
  .px-xxxl-10 {
    padding-left: 10rem !important;
  }
  .px-xxxl-11 {
    padding-left: 11rem !important;
  }
  .px-xxxl-12 {
    padding-left: 12rem !important;
  }
  .px-xxxl-13 {
    padding-left: 13rem !important;
  }
  .px-xxxl-14 {
    padding-left: 14rem !important;
  }
  .px-xxxl-15 {
    padding-left: 15rem !important;
  }
  .px-xxxl-16 {
    padding-left: 16rem !important;
  }
  .px-xxxl-17 {
    padding-left: 17rem !important;
  }
  .px-xxxl-18 {
    padding-left: 18rem !important;
  }
  .px-xxxl-19 {
    padding-left: 19rem !important;
  }
  .px-xxxl-20 {
    padding-left: 20rem !important;
  }
  .px-xxxl-auto {
    padding-left: auto !important;
  }
}
@media (min-width: 576px) {
  .px-sm-0 {
    padding-right: 0rem !important;
  }
  .px-sm-1 {
    padding-right: 1rem !important;
  }
  .px-sm-2 {
    padding-right: 2rem !important;
  }
  .px-sm-3 {
    padding-right: 3rem !important;
  }
  .px-sm-4 {
    padding-right: 4rem !important;
  }
  .px-sm-5 {
    padding-right: 5rem !important;
  }
  .px-sm-6 {
    padding-right: 6rem !important;
  }
  .px-sm-7 {
    padding-right: 7rem !important;
  }
  .px-sm-8 {
    padding-right: 8rem !important;
  }
  .px-sm-9 {
    padding-right: 9rem !important;
  }
  .px-sm-10 {
    padding-right: 10rem !important;
  }
  .px-sm-11 {
    padding-right: 11rem !important;
  }
  .px-sm-12 {
    padding-right: 12rem !important;
  }
  .px-sm-13 {
    padding-right: 13rem !important;
  }
  .px-sm-14 {
    padding-right: 14rem !important;
  }
  .px-sm-15 {
    padding-right: 15rem !important;
  }
  .px-sm-16 {
    padding-right: 16rem !important;
  }
  .px-sm-17 {
    padding-right: 17rem !important;
  }
  .px-sm-18 {
    padding-right: 18rem !important;
  }
  .px-sm-19 {
    padding-right: 19rem !important;
  }
  .px-sm-20 {
    padding-right: 20rem !important;
  }
  .px-sm-auto {
    padding-right: auto !important;
  }
}
@media (min-width: 768px) {
  .px-md-0 {
    padding-right: 0rem !important;
  }
  .px-md-1 {
    padding-right: 1rem !important;
  }
  .px-md-2 {
    padding-right: 2rem !important;
  }
  .px-md-3 {
    padding-right: 3rem !important;
  }
  .px-md-4 {
    padding-right: 4rem !important;
  }
  .px-md-5 {
    padding-right: 5rem !important;
  }
  .px-md-6 {
    padding-right: 6rem !important;
  }
  .px-md-7 {
    padding-right: 7rem !important;
  }
  .px-md-8 {
    padding-right: 8rem !important;
  }
  .px-md-9 {
    padding-right: 9rem !important;
  }
  .px-md-10 {
    padding-right: 10rem !important;
  }
  .px-md-11 {
    padding-right: 11rem !important;
  }
  .px-md-12 {
    padding-right: 12rem !important;
  }
  .px-md-13 {
    padding-right: 13rem !important;
  }
  .px-md-14 {
    padding-right: 14rem !important;
  }
  .px-md-15 {
    padding-right: 15rem !important;
  }
  .px-md-16 {
    padding-right: 16rem !important;
  }
  .px-md-17 {
    padding-right: 17rem !important;
  }
  .px-md-18 {
    padding-right: 18rem !important;
  }
  .px-md-19 {
    padding-right: 19rem !important;
  }
  .px-md-20 {
    padding-right: 20rem !important;
  }
  .px-md-auto {
    padding-right: auto !important;
  }
}
@media (min-width: 992px) {
  .px-lg-0 {
    padding-right: 0rem !important;
  }
  .px-lg-1 {
    padding-right: 1rem !important;
  }
  .px-lg-2 {
    padding-right: 2rem !important;
  }
  .px-lg-3 {
    padding-right: 3rem !important;
  }
  .px-lg-4 {
    padding-right: 4rem !important;
  }
  .px-lg-5 {
    padding-right: 5rem !important;
  }
  .px-lg-6 {
    padding-right: 6rem !important;
  }
  .px-lg-7 {
    padding-right: 7rem !important;
  }
  .px-lg-8 {
    padding-right: 8rem !important;
  }
  .px-lg-9 {
    padding-right: 9rem !important;
  }
  .px-lg-10 {
    padding-right: 10rem !important;
  }
  .px-lg-11 {
    padding-right: 11rem !important;
  }
  .px-lg-12 {
    padding-right: 12rem !important;
  }
  .px-lg-13 {
    padding-right: 13rem !important;
  }
  .px-lg-14 {
    padding-right: 14rem !important;
  }
  .px-lg-15 {
    padding-right: 15rem !important;
  }
  .px-lg-16 {
    padding-right: 16rem !important;
  }
  .px-lg-17 {
    padding-right: 17rem !important;
  }
  .px-lg-18 {
    padding-right: 18rem !important;
  }
  .px-lg-19 {
    padding-right: 19rem !important;
  }
  .px-lg-20 {
    padding-right: 20rem !important;
  }
  .px-lg-auto {
    padding-right: auto !important;
  }
}
@media (min-width: 1200px) {
  .px-xl-0 {
    padding-right: 0rem !important;
  }
  .px-xl-1 {
    padding-right: 1rem !important;
  }
  .px-xl-2 {
    padding-right: 2rem !important;
  }
  .px-xl-3 {
    padding-right: 3rem !important;
  }
  .px-xl-4 {
    padding-right: 4rem !important;
  }
  .px-xl-5 {
    padding-right: 5rem !important;
  }
  .px-xl-6 {
    padding-right: 6rem !important;
  }
  .px-xl-7 {
    padding-right: 7rem !important;
  }
  .px-xl-8 {
    padding-right: 8rem !important;
  }
  .px-xl-9 {
    padding-right: 9rem !important;
  }
  .px-xl-10 {
    padding-right: 10rem !important;
  }
  .px-xl-11 {
    padding-right: 11rem !important;
  }
  .px-xl-12 {
    padding-right: 12rem !important;
  }
  .px-xl-13 {
    padding-right: 13rem !important;
  }
  .px-xl-14 {
    padding-right: 14rem !important;
  }
  .px-xl-15 {
    padding-right: 15rem !important;
  }
  .px-xl-16 {
    padding-right: 16rem !important;
  }
  .px-xl-17 {
    padding-right: 17rem !important;
  }
  .px-xl-18 {
    padding-right: 18rem !important;
  }
  .px-xl-19 {
    padding-right: 19rem !important;
  }
  .px-xl-20 {
    padding-right: 20rem !important;
  }
  .px-xl-auto {
    padding-right: auto !important;
  }
}
@media (min-width: 1400px) {
  .px-xxl-0 {
    padding-right: 0rem !important;
  }
  .px-xxl-1 {
    padding-right: 1rem !important;
  }
  .px-xxl-2 {
    padding-right: 2rem !important;
  }
  .px-xxl-3 {
    padding-right: 3rem !important;
  }
  .px-xxl-4 {
    padding-right: 4rem !important;
  }
  .px-xxl-5 {
    padding-right: 5rem !important;
  }
  .px-xxl-6 {
    padding-right: 6rem !important;
  }
  .px-xxl-7 {
    padding-right: 7rem !important;
  }
  .px-xxl-8 {
    padding-right: 8rem !important;
  }
  .px-xxl-9 {
    padding-right: 9rem !important;
  }
  .px-xxl-10 {
    padding-right: 10rem !important;
  }
  .px-xxl-11 {
    padding-right: 11rem !important;
  }
  .px-xxl-12 {
    padding-right: 12rem !important;
  }
  .px-xxl-13 {
    padding-right: 13rem !important;
  }
  .px-xxl-14 {
    padding-right: 14rem !important;
  }
  .px-xxl-15 {
    padding-right: 15rem !important;
  }
  .px-xxl-16 {
    padding-right: 16rem !important;
  }
  .px-xxl-17 {
    padding-right: 17rem !important;
  }
  .px-xxl-18 {
    padding-right: 18rem !important;
  }
  .px-xxl-19 {
    padding-right: 19rem !important;
  }
  .px-xxl-20 {
    padding-right: 20rem !important;
  }
  .px-xxl-auto {
    padding-right: auto !important;
  }
}
@media (min-width: 1600px) {
  .px-xxxl-0 {
    padding-right: 0rem !important;
  }
  .px-xxxl-1 {
    padding-right: 1rem !important;
  }
  .px-xxxl-2 {
    padding-right: 2rem !important;
  }
  .px-xxxl-3 {
    padding-right: 3rem !important;
  }
  .px-xxxl-4 {
    padding-right: 4rem !important;
  }
  .px-xxxl-5 {
    padding-right: 5rem !important;
  }
  .px-xxxl-6 {
    padding-right: 6rem !important;
  }
  .px-xxxl-7 {
    padding-right: 7rem !important;
  }
  .px-xxxl-8 {
    padding-right: 8rem !important;
  }
  .px-xxxl-9 {
    padding-right: 9rem !important;
  }
  .px-xxxl-10 {
    padding-right: 10rem !important;
  }
  .px-xxxl-11 {
    padding-right: 11rem !important;
  }
  .px-xxxl-12 {
    padding-right: 12rem !important;
  }
  .px-xxxl-13 {
    padding-right: 13rem !important;
  }
  .px-xxxl-14 {
    padding-right: 14rem !important;
  }
  .px-xxxl-15 {
    padding-right: 15rem !important;
  }
  .px-xxxl-16 {
    padding-right: 16rem !important;
  }
  .px-xxxl-17 {
    padding-right: 17rem !important;
  }
  .px-xxxl-18 {
    padding-right: 18rem !important;
  }
  .px-xxxl-19 {
    padding-right: 19rem !important;
  }
  .px-xxxl-20 {
    padding-right: 20rem !important;
  }
  .px-xxxl-auto {
    padding-right: auto !important;
  }
}
@media (min-width: 576px) {
  .py-sm-0 {
    padding-top: 0rem !important;
  }
  .py-sm-1 {
    padding-top: 1rem !important;
  }
  .py-sm-2 {
    padding-top: 2rem !important;
  }
  .py-sm-3 {
    padding-top: 3rem !important;
  }
  .py-sm-4 {
    padding-top: 4rem !important;
  }
  .py-sm-5 {
    padding-top: 5rem !important;
  }
  .py-sm-6 {
    padding-top: 6rem !important;
  }
  .py-sm-7 {
    padding-top: 7rem !important;
  }
  .py-sm-8 {
    padding-top: 8rem !important;
  }
  .py-sm-9 {
    padding-top: 9rem !important;
  }
  .py-sm-10 {
    padding-top: 10rem !important;
  }
  .py-sm-11 {
    padding-top: 11rem !important;
  }
  .py-sm-12 {
    padding-top: 12rem !important;
  }
  .py-sm-13 {
    padding-top: 13rem !important;
  }
  .py-sm-14 {
    padding-top: 14rem !important;
  }
  .py-sm-15 {
    padding-top: 15rem !important;
  }
  .py-sm-16 {
    padding-top: 16rem !important;
  }
  .py-sm-17 {
    padding-top: 17rem !important;
  }
  .py-sm-18 {
    padding-top: 18rem !important;
  }
  .py-sm-19 {
    padding-top: 19rem !important;
  }
  .py-sm-20 {
    padding-top: 20rem !important;
  }
  .py-sm-auto {
    padding-top: auto !important;
  }
}
@media (min-width: 768px) {
  .py-md-0 {
    padding-top: 0rem !important;
  }
  .py-md-1 {
    padding-top: 1rem !important;
  }
  .py-md-2 {
    padding-top: 2rem !important;
  }
  .py-md-3 {
    padding-top: 3rem !important;
  }
  .py-md-4 {
    padding-top: 4rem !important;
  }
  .py-md-5 {
    padding-top: 5rem !important;
  }
  .py-md-6 {
    padding-top: 6rem !important;
  }
  .py-md-7 {
    padding-top: 7rem !important;
  }
  .py-md-8 {
    padding-top: 8rem !important;
  }
  .py-md-9 {
    padding-top: 9rem !important;
  }
  .py-md-10 {
    padding-top: 10rem !important;
  }
  .py-md-11 {
    padding-top: 11rem !important;
  }
  .py-md-12 {
    padding-top: 12rem !important;
  }
  .py-md-13 {
    padding-top: 13rem !important;
  }
  .py-md-14 {
    padding-top: 14rem !important;
  }
  .py-md-15 {
    padding-top: 15rem !important;
  }
  .py-md-16 {
    padding-top: 16rem !important;
  }
  .py-md-17 {
    padding-top: 17rem !important;
  }
  .py-md-18 {
    padding-top: 18rem !important;
  }
  .py-md-19 {
    padding-top: 19rem !important;
  }
  .py-md-20 {
    padding-top: 20rem !important;
  }
  .py-md-auto {
    padding-top: auto !important;
  }
}
@media (min-width: 992px) {
  .py-lg-0 {
    padding-top: 0rem !important;
  }
  .py-lg-1 {
    padding-top: 1rem !important;
  }
  .py-lg-2 {
    padding-top: 2rem !important;
  }
  .py-lg-3 {
    padding-top: 3rem !important;
  }
  .py-lg-4 {
    padding-top: 4rem !important;
  }
  .py-lg-5 {
    padding-top: 5rem !important;
  }
  .py-lg-6 {
    padding-top: 6rem !important;
  }
  .py-lg-7 {
    padding-top: 7rem !important;
  }
  .py-lg-8 {
    padding-top: 8rem !important;
  }
  .py-lg-9 {
    padding-top: 9rem !important;
  }
  .py-lg-10 {
    padding-top: 10rem !important;
  }
  .py-lg-11 {
    padding-top: 11rem !important;
  }
  .py-lg-12 {
    padding-top: 12rem !important;
  }
  .py-lg-13 {
    padding-top: 13rem !important;
  }
  .py-lg-14 {
    padding-top: 14rem !important;
  }
  .py-lg-15 {
    padding-top: 15rem !important;
  }
  .py-lg-16 {
    padding-top: 16rem !important;
  }
  .py-lg-17 {
    padding-top: 17rem !important;
  }
  .py-lg-18 {
    padding-top: 18rem !important;
  }
  .py-lg-19 {
    padding-top: 19rem !important;
  }
  .py-lg-20 {
    padding-top: 20rem !important;
  }
  .py-lg-auto {
    padding-top: auto !important;
  }
}
@media (min-width: 1200px) {
  .py-xl-0 {
    padding-top: 0rem !important;
  }
  .py-xl-1 {
    padding-top: 1rem !important;
  }
  .py-xl-2 {
    padding-top: 2rem !important;
  }
  .py-xl-3 {
    padding-top: 3rem !important;
  }
  .py-xl-4 {
    padding-top: 4rem !important;
  }
  .py-xl-5 {
    padding-top: 5rem !important;
  }
  .py-xl-6 {
    padding-top: 6rem !important;
  }
  .py-xl-7 {
    padding-top: 7rem !important;
  }
  .py-xl-8 {
    padding-top: 8rem !important;
  }
  .py-xl-9 {
    padding-top: 9rem !important;
  }
  .py-xl-10 {
    padding-top: 10rem !important;
  }
  .py-xl-11 {
    padding-top: 11rem !important;
  }
  .py-xl-12 {
    padding-top: 12rem !important;
  }
  .py-xl-13 {
    padding-top: 13rem !important;
  }
  .py-xl-14 {
    padding-top: 14rem !important;
  }
  .py-xl-15 {
    padding-top: 15rem !important;
  }
  .py-xl-16 {
    padding-top: 16rem !important;
  }
  .py-xl-17 {
    padding-top: 17rem !important;
  }
  .py-xl-18 {
    padding-top: 18rem !important;
  }
  .py-xl-19 {
    padding-top: 19rem !important;
  }
  .py-xl-20 {
    padding-top: 20rem !important;
  }
  .py-xl-auto {
    padding-top: auto !important;
  }
}
@media (min-width: 1400px) {
  .py-xxl-0 {
    padding-top: 0rem !important;
  }
  .py-xxl-1 {
    padding-top: 1rem !important;
  }
  .py-xxl-2 {
    padding-top: 2rem !important;
  }
  .py-xxl-3 {
    padding-top: 3rem !important;
  }
  .py-xxl-4 {
    padding-top: 4rem !important;
  }
  .py-xxl-5 {
    padding-top: 5rem !important;
  }
  .py-xxl-6 {
    padding-top: 6rem !important;
  }
  .py-xxl-7 {
    padding-top: 7rem !important;
  }
  .py-xxl-8 {
    padding-top: 8rem !important;
  }
  .py-xxl-9 {
    padding-top: 9rem !important;
  }
  .py-xxl-10 {
    padding-top: 10rem !important;
  }
  .py-xxl-11 {
    padding-top: 11rem !important;
  }
  .py-xxl-12 {
    padding-top: 12rem !important;
  }
  .py-xxl-13 {
    padding-top: 13rem !important;
  }
  .py-xxl-14 {
    padding-top: 14rem !important;
  }
  .py-xxl-15 {
    padding-top: 15rem !important;
  }
  .py-xxl-16 {
    padding-top: 16rem !important;
  }
  .py-xxl-17 {
    padding-top: 17rem !important;
  }
  .py-xxl-18 {
    padding-top: 18rem !important;
  }
  .py-xxl-19 {
    padding-top: 19rem !important;
  }
  .py-xxl-20 {
    padding-top: 20rem !important;
  }
  .py-xxl-auto {
    padding-top: auto !important;
  }
}
@media (min-width: 1600px) {
  .py-xxxl-0 {
    padding-top: 0rem !important;
  }
  .py-xxxl-1 {
    padding-top: 1rem !important;
  }
  .py-xxxl-2 {
    padding-top: 2rem !important;
  }
  .py-xxxl-3 {
    padding-top: 3rem !important;
  }
  .py-xxxl-4 {
    padding-top: 4rem !important;
  }
  .py-xxxl-5 {
    padding-top: 5rem !important;
  }
  .py-xxxl-6 {
    padding-top: 6rem !important;
  }
  .py-xxxl-7 {
    padding-top: 7rem !important;
  }
  .py-xxxl-8 {
    padding-top: 8rem !important;
  }
  .py-xxxl-9 {
    padding-top: 9rem !important;
  }
  .py-xxxl-10 {
    padding-top: 10rem !important;
  }
  .py-xxxl-11 {
    padding-top: 11rem !important;
  }
  .py-xxxl-12 {
    padding-top: 12rem !important;
  }
  .py-xxxl-13 {
    padding-top: 13rem !important;
  }
  .py-xxxl-14 {
    padding-top: 14rem !important;
  }
  .py-xxxl-15 {
    padding-top: 15rem !important;
  }
  .py-xxxl-16 {
    padding-top: 16rem !important;
  }
  .py-xxxl-17 {
    padding-top: 17rem !important;
  }
  .py-xxxl-18 {
    padding-top: 18rem !important;
  }
  .py-xxxl-19 {
    padding-top: 19rem !important;
  }
  .py-xxxl-20 {
    padding-top: 20rem !important;
  }
  .py-xxxl-auto {
    padding-top: auto !important;
  }
}
@media (min-width: 576px) {
  .py-sm-0 {
    padding-bottom: 0rem !important;
  }
  .py-sm-1 {
    padding-bottom: 1rem !important;
  }
  .py-sm-2 {
    padding-bottom: 2rem !important;
  }
  .py-sm-3 {
    padding-bottom: 3rem !important;
  }
  .py-sm-4 {
    padding-bottom: 4rem !important;
  }
  .py-sm-5 {
    padding-bottom: 5rem !important;
  }
  .py-sm-6 {
    padding-bottom: 6rem !important;
  }
  .py-sm-7 {
    padding-bottom: 7rem !important;
  }
  .py-sm-8 {
    padding-bottom: 8rem !important;
  }
  .py-sm-9 {
    padding-bottom: 9rem !important;
  }
  .py-sm-10 {
    padding-bottom: 10rem !important;
  }
  .py-sm-11 {
    padding-bottom: 11rem !important;
  }
  .py-sm-12 {
    padding-bottom: 12rem !important;
  }
  .py-sm-13 {
    padding-bottom: 13rem !important;
  }
  .py-sm-14 {
    padding-bottom: 14rem !important;
  }
  .py-sm-15 {
    padding-bottom: 15rem !important;
  }
  .py-sm-16 {
    padding-bottom: 16rem !important;
  }
  .py-sm-17 {
    padding-bottom: 17rem !important;
  }
  .py-sm-18 {
    padding-bottom: 18rem !important;
  }
  .py-sm-19 {
    padding-bottom: 19rem !important;
  }
  .py-sm-20 {
    padding-bottom: 20rem !important;
  }
  .py-sm-auto {
    padding-bottom: auto !important;
  }
}
@media (min-width: 768px) {
  .py-md-0 {
    padding-bottom: 0rem !important;
  }
  .py-md-1 {
    padding-bottom: 1rem !important;
  }
  .py-md-2 {
    padding-bottom: 2rem !important;
  }
  .py-md-3 {
    padding-bottom: 3rem !important;
  }
  .py-md-4 {
    padding-bottom: 4rem !important;
  }
  .py-md-5 {
    padding-bottom: 5rem !important;
  }
  .py-md-6 {
    padding-bottom: 6rem !important;
  }
  .py-md-7 {
    padding-bottom: 7rem !important;
  }
  .py-md-8 {
    padding-bottom: 8rem !important;
  }
  .py-md-9 {
    padding-bottom: 9rem !important;
  }
  .py-md-10 {
    padding-bottom: 10rem !important;
  }
  .py-md-11 {
    padding-bottom: 11rem !important;
  }
  .py-md-12 {
    padding-bottom: 12rem !important;
  }
  .py-md-13 {
    padding-bottom: 13rem !important;
  }
  .py-md-14 {
    padding-bottom: 14rem !important;
  }
  .py-md-15 {
    padding-bottom: 15rem !important;
  }
  .py-md-16 {
    padding-bottom: 16rem !important;
  }
  .py-md-17 {
    padding-bottom: 17rem !important;
  }
  .py-md-18 {
    padding-bottom: 18rem !important;
  }
  .py-md-19 {
    padding-bottom: 19rem !important;
  }
  .py-md-20 {
    padding-bottom: 20rem !important;
  }
  .py-md-auto {
    padding-bottom: auto !important;
  }
}
@media (min-width: 992px) {
  .py-lg-0 {
    padding-bottom: 0rem !important;
  }
  .py-lg-1 {
    padding-bottom: 1rem !important;
  }
  .py-lg-2 {
    padding-bottom: 2rem !important;
  }
  .py-lg-3 {
    padding-bottom: 3rem !important;
  }
  .py-lg-4 {
    padding-bottom: 4rem !important;
  }
  .py-lg-5 {
    padding-bottom: 5rem !important;
  }
  .py-lg-6 {
    padding-bottom: 6rem !important;
  }
  .py-lg-7 {
    padding-bottom: 7rem !important;
  }
  .py-lg-8 {
    padding-bottom: 8rem !important;
  }
  .py-lg-9 {
    padding-bottom: 9rem !important;
  }
  .py-lg-10 {
    padding-bottom: 10rem !important;
  }
  .py-lg-11 {
    padding-bottom: 11rem !important;
  }
  .py-lg-12 {
    padding-bottom: 12rem !important;
  }
  .py-lg-13 {
    padding-bottom: 13rem !important;
  }
  .py-lg-14 {
    padding-bottom: 14rem !important;
  }
  .py-lg-15 {
    padding-bottom: 15rem !important;
  }
  .py-lg-16 {
    padding-bottom: 16rem !important;
  }
  .py-lg-17 {
    padding-bottom: 17rem !important;
  }
  .py-lg-18 {
    padding-bottom: 18rem !important;
  }
  .py-lg-19 {
    padding-bottom: 19rem !important;
  }
  .py-lg-20 {
    padding-bottom: 20rem !important;
  }
  .py-lg-auto {
    padding-bottom: auto !important;
  }
}
@media (min-width: 1200px) {
  .py-xl-0 {
    padding-bottom: 0rem !important;
  }
  .py-xl-1 {
    padding-bottom: 1rem !important;
  }
  .py-xl-2 {
    padding-bottom: 2rem !important;
  }
  .py-xl-3 {
    padding-bottom: 3rem !important;
  }
  .py-xl-4 {
    padding-bottom: 4rem !important;
  }
  .py-xl-5 {
    padding-bottom: 5rem !important;
  }
  .py-xl-6 {
    padding-bottom: 6rem !important;
  }
  .py-xl-7 {
    padding-bottom: 7rem !important;
  }
  .py-xl-8 {
    padding-bottom: 8rem !important;
  }
  .py-xl-9 {
    padding-bottom: 9rem !important;
  }
  .py-xl-10 {
    padding-bottom: 10rem !important;
  }
  .py-xl-11 {
    padding-bottom: 11rem !important;
  }
  .py-xl-12 {
    padding-bottom: 12rem !important;
  }
  .py-xl-13 {
    padding-bottom: 13rem !important;
  }
  .py-xl-14 {
    padding-bottom: 14rem !important;
  }
  .py-xl-15 {
    padding-bottom: 15rem !important;
  }
  .py-xl-16 {
    padding-bottom: 16rem !important;
  }
  .py-xl-17 {
    padding-bottom: 17rem !important;
  }
  .py-xl-18 {
    padding-bottom: 18rem !important;
  }
  .py-xl-19 {
    padding-bottom: 19rem !important;
  }
  .py-xl-20 {
    padding-bottom: 20rem !important;
  }
  .py-xl-auto {
    padding-bottom: auto !important;
  }
}
@media (min-width: 1400px) {
  .py-xxl-0 {
    padding-bottom: 0rem !important;
  }
  .py-xxl-1 {
    padding-bottom: 1rem !important;
  }
  .py-xxl-2 {
    padding-bottom: 2rem !important;
  }
  .py-xxl-3 {
    padding-bottom: 3rem !important;
  }
  .py-xxl-4 {
    padding-bottom: 4rem !important;
  }
  .py-xxl-5 {
    padding-bottom: 5rem !important;
  }
  .py-xxl-6 {
    padding-bottom: 6rem !important;
  }
  .py-xxl-7 {
    padding-bottom: 7rem !important;
  }
  .py-xxl-8 {
    padding-bottom: 8rem !important;
  }
  .py-xxl-9 {
    padding-bottom: 9rem !important;
  }
  .py-xxl-10 {
    padding-bottom: 10rem !important;
  }
  .py-xxl-11 {
    padding-bottom: 11rem !important;
  }
  .py-xxl-12 {
    padding-bottom: 12rem !important;
  }
  .py-xxl-13 {
    padding-bottom: 13rem !important;
  }
  .py-xxl-14 {
    padding-bottom: 14rem !important;
  }
  .py-xxl-15 {
    padding-bottom: 15rem !important;
  }
  .py-xxl-16 {
    padding-bottom: 16rem !important;
  }
  .py-xxl-17 {
    padding-bottom: 17rem !important;
  }
  .py-xxl-18 {
    padding-bottom: 18rem !important;
  }
  .py-xxl-19 {
    padding-bottom: 19rem !important;
  }
  .py-xxl-20 {
    padding-bottom: 20rem !important;
  }
  .py-xxl-auto {
    padding-bottom: auto !important;
  }
}
@media (min-width: 1600px) {
  .py-xxxl-0 {
    padding-bottom: 0rem !important;
  }
  .py-xxxl-1 {
    padding-bottom: 1rem !important;
  }
  .py-xxxl-2 {
    padding-bottom: 2rem !important;
  }
  .py-xxxl-3 {
    padding-bottom: 3rem !important;
  }
  .py-xxxl-4 {
    padding-bottom: 4rem !important;
  }
  .py-xxxl-5 {
    padding-bottom: 5rem !important;
  }
  .py-xxxl-6 {
    padding-bottom: 6rem !important;
  }
  .py-xxxl-7 {
    padding-bottom: 7rem !important;
  }
  .py-xxxl-8 {
    padding-bottom: 8rem !important;
  }
  .py-xxxl-9 {
    padding-bottom: 9rem !important;
  }
  .py-xxxl-10 {
    padding-bottom: 10rem !important;
  }
  .py-xxxl-11 {
    padding-bottom: 11rem !important;
  }
  .py-xxxl-12 {
    padding-bottom: 12rem !important;
  }
  .py-xxxl-13 {
    padding-bottom: 13rem !important;
  }
  .py-xxxl-14 {
    padding-bottom: 14rem !important;
  }
  .py-xxxl-15 {
    padding-bottom: 15rem !important;
  }
  .py-xxxl-16 {
    padding-bottom: 16rem !important;
  }
  .py-xxxl-17 {
    padding-bottom: 17rem !important;
  }
  .py-xxxl-18 {
    padding-bottom: 18rem !important;
  }
  .py-xxxl-19 {
    padding-bottom: 19rem !important;
  }
  .py-xxxl-20 {
    padding-bottom: 20rem !important;
  }
  .py-xxxl-auto {
    padding-bottom: auto !important;
  }
}
@media (min-width: 576px) {
  .p-sm-0 {
    padding: 0rem !important;
  }
  .p-sm-1 {
    padding: 1rem !important;
  }
  .p-sm-2 {
    padding: 2rem !important;
  }
  .p-sm-3 {
    padding: 3rem !important;
  }
  .p-sm-4 {
    padding: 4rem !important;
  }
  .p-sm-5 {
    padding: 5rem !important;
  }
  .p-sm-6 {
    padding: 6rem !important;
  }
  .p-sm-7 {
    padding: 7rem !important;
  }
  .p-sm-8 {
    padding: 8rem !important;
  }
  .p-sm-9 {
    padding: 9rem !important;
  }
  .p-sm-10 {
    padding: 10rem !important;
  }
  .p-sm-11 {
    padding: 11rem !important;
  }
  .p-sm-12 {
    padding: 12rem !important;
  }
  .p-sm-13 {
    padding: 13rem !important;
  }
  .p-sm-14 {
    padding: 14rem !important;
  }
  .p-sm-15 {
    padding: 15rem !important;
  }
  .p-sm-16 {
    padding: 16rem !important;
  }
  .p-sm-17 {
    padding: 17rem !important;
  }
  .p-sm-18 {
    padding: 18rem !important;
  }
  .p-sm-19 {
    padding: 19rem !important;
  }
  .p-sm-20 {
    padding: 20rem !important;
  }
  .p-sm-auto {
    padding: auto !important;
  }
}
@media (min-width: 768px) {
  .p-md-0 {
    padding: 0rem !important;
  }
  .p-md-1 {
    padding: 1rem !important;
  }
  .p-md-2 {
    padding: 2rem !important;
  }
  .p-md-3 {
    padding: 3rem !important;
  }
  .p-md-4 {
    padding: 4rem !important;
  }
  .p-md-5 {
    padding: 5rem !important;
  }
  .p-md-6 {
    padding: 6rem !important;
  }
  .p-md-7 {
    padding: 7rem !important;
  }
  .p-md-8 {
    padding: 8rem !important;
  }
  .p-md-9 {
    padding: 9rem !important;
  }
  .p-md-10 {
    padding: 10rem !important;
  }
  .p-md-11 {
    padding: 11rem !important;
  }
  .p-md-12 {
    padding: 12rem !important;
  }
  .p-md-13 {
    padding: 13rem !important;
  }
  .p-md-14 {
    padding: 14rem !important;
  }
  .p-md-15 {
    padding: 15rem !important;
  }
  .p-md-16 {
    padding: 16rem !important;
  }
  .p-md-17 {
    padding: 17rem !important;
  }
  .p-md-18 {
    padding: 18rem !important;
  }
  .p-md-19 {
    padding: 19rem !important;
  }
  .p-md-20 {
    padding: 20rem !important;
  }
  .p-md-auto {
    padding: auto !important;
  }
}
@media (min-width: 992px) {
  .p-lg-0 {
    padding: 0rem !important;
  }
  .p-lg-1 {
    padding: 1rem !important;
  }
  .p-lg-2 {
    padding: 2rem !important;
  }
  .p-lg-3 {
    padding: 3rem !important;
  }
  .p-lg-4 {
    padding: 4rem !important;
  }
  .p-lg-5 {
    padding: 5rem !important;
  }
  .p-lg-6 {
    padding: 6rem !important;
  }
  .p-lg-7 {
    padding: 7rem !important;
  }
  .p-lg-8 {
    padding: 8rem !important;
  }
  .p-lg-9 {
    padding: 9rem !important;
  }
  .p-lg-10 {
    padding: 10rem !important;
  }
  .p-lg-11 {
    padding: 11rem !important;
  }
  .p-lg-12 {
    padding: 12rem !important;
  }
  .p-lg-13 {
    padding: 13rem !important;
  }
  .p-lg-14 {
    padding: 14rem !important;
  }
  .p-lg-15 {
    padding: 15rem !important;
  }
  .p-lg-16 {
    padding: 16rem !important;
  }
  .p-lg-17 {
    padding: 17rem !important;
  }
  .p-lg-18 {
    padding: 18rem !important;
  }
  .p-lg-19 {
    padding: 19rem !important;
  }
  .p-lg-20 {
    padding: 20rem !important;
  }
  .p-lg-auto {
    padding: auto !important;
  }
}
@media (min-width: 1200px) {
  .p-xl-0 {
    padding: 0rem !important;
  }
  .p-xl-1 {
    padding: 1rem !important;
  }
  .p-xl-2 {
    padding: 2rem !important;
  }
  .p-xl-3 {
    padding: 3rem !important;
  }
  .p-xl-4 {
    padding: 4rem !important;
  }
  .p-xl-5 {
    padding: 5rem !important;
  }
  .p-xl-6 {
    padding: 6rem !important;
  }
  .p-xl-7 {
    padding: 7rem !important;
  }
  .p-xl-8 {
    padding: 8rem !important;
  }
  .p-xl-9 {
    padding: 9rem !important;
  }
  .p-xl-10 {
    padding: 10rem !important;
  }
  .p-xl-11 {
    padding: 11rem !important;
  }
  .p-xl-12 {
    padding: 12rem !important;
  }
  .p-xl-13 {
    padding: 13rem !important;
  }
  .p-xl-14 {
    padding: 14rem !important;
  }
  .p-xl-15 {
    padding: 15rem !important;
  }
  .p-xl-16 {
    padding: 16rem !important;
  }
  .p-xl-17 {
    padding: 17rem !important;
  }
  .p-xl-18 {
    padding: 18rem !important;
  }
  .p-xl-19 {
    padding: 19rem !important;
  }
  .p-xl-20 {
    padding: 20rem !important;
  }
  .p-xl-auto {
    padding: auto !important;
  }
}
@media (min-width: 1400px) {
  .p-xxl-0 {
    padding: 0rem !important;
  }
  .p-xxl-1 {
    padding: 1rem !important;
  }
  .p-xxl-2 {
    padding: 2rem !important;
  }
  .p-xxl-3 {
    padding: 3rem !important;
  }
  .p-xxl-4 {
    padding: 4rem !important;
  }
  .p-xxl-5 {
    padding: 5rem !important;
  }
  .p-xxl-6 {
    padding: 6rem !important;
  }
  .p-xxl-7 {
    padding: 7rem !important;
  }
  .p-xxl-8 {
    padding: 8rem !important;
  }
  .p-xxl-9 {
    padding: 9rem !important;
  }
  .p-xxl-10 {
    padding: 10rem !important;
  }
  .p-xxl-11 {
    padding: 11rem !important;
  }
  .p-xxl-12 {
    padding: 12rem !important;
  }
  .p-xxl-13 {
    padding: 13rem !important;
  }
  .p-xxl-14 {
    padding: 14rem !important;
  }
  .p-xxl-15 {
    padding: 15rem !important;
  }
  .p-xxl-16 {
    padding: 16rem !important;
  }
  .p-xxl-17 {
    padding: 17rem !important;
  }
  .p-xxl-18 {
    padding: 18rem !important;
  }
  .p-xxl-19 {
    padding: 19rem !important;
  }
  .p-xxl-20 {
    padding: 20rem !important;
  }
  .p-xxl-auto {
    padding: auto !important;
  }
}
@media (min-width: 1600px) {
  .p-xxxl-0 {
    padding: 0rem !important;
  }
  .p-xxxl-1 {
    padding: 1rem !important;
  }
  .p-xxxl-2 {
    padding: 2rem !important;
  }
  .p-xxxl-3 {
    padding: 3rem !important;
  }
  .p-xxxl-4 {
    padding: 4rem !important;
  }
  .p-xxxl-5 {
    padding: 5rem !important;
  }
  .p-xxxl-6 {
    padding: 6rem !important;
  }
  .p-xxxl-7 {
    padding: 7rem !important;
  }
  .p-xxxl-8 {
    padding: 8rem !important;
  }
  .p-xxxl-9 {
    padding: 9rem !important;
  }
  .p-xxxl-10 {
    padding: 10rem !important;
  }
  .p-xxxl-11 {
    padding: 11rem !important;
  }
  .p-xxxl-12 {
    padding: 12rem !important;
  }
  .p-xxxl-13 {
    padding: 13rem !important;
  }
  .p-xxxl-14 {
    padding: 14rem !important;
  }
  .p-xxxl-15 {
    padding: 15rem !important;
  }
  .p-xxxl-16 {
    padding: 16rem !important;
  }
  .p-xxxl-17 {
    padding: 17rem !important;
  }
  .p-xxxl-18 {
    padding: 18rem !important;
  }
  .p-xxxl-19 {
    padding: 19rem !important;
  }
  .p-xxxl-20 {
    padding: 20rem !important;
  }
  .p-xxxl-auto {
    padding: auto !important;
  }
}
/* El Estudio Section */
#el-estudio {
  background-color: var(--accent-bg);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

#el-estudio .el-estudio-content {
  display: flex;
  align-items: center;
  gap: 26px;
  flex-direction: column;
}
@media (min-width: 768px) {
  #el-estudio .el-estudio-content {
    gap: 26px;
    flex-direction: row;
  }
}

#el-estudio .text-content {
  flex: 1;
}

#el-estudio .text-content p {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 150%;
  letter-spacing: 0%;
}
#el-estudio .text-content p.question {
  font-size: 1.55rem;
  font-weight: 600;
  margin: 0;
}
#el-estudio .text-content p.answer {
  font-size: 1.55rem;
  font-weight: 400;
  margin: 0;
}

#el-estudio .text-content .btn {
  background-color: var(--primary-bg);
  color: white;
  padding: 18px 30px;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  font-size: 1.7rem;
  font-weight: 500;
  margin-top: 20px;
  transition: background-color 0.3s ease;
  display: flex;
  align-items: center;
  gap: 8px;
}
#el-estudio .text-content .btn .btn-icon {
  width: 26px;
  height: 26px;
  filter: invert(1);
}
@media (min-width: 768px) {
  #el-estudio .text-content .btn {
    padding: 16px 22px;
    font-size: 1.35rem;
  }
  #el-estudio .text-content .btn .btn-icon {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 1600px) {
  #el-estudio .text-content .btn {
    padding: 14px 24px;
    font-size: 1.35rem;
  }
  #el-estudio .text-content .btn .btn-icon {
    width: 20px;
    height: 20px;
  }
}

#el-estudio .image-content {
  flex: 1;
  position: relative;
}

#el-estudio .image-gallery {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 45% 45%;
  gap: 15px;
  grid-template-areas: "img1 img1 img1 img1 img1 img2 img2 img2 img2" "img3 img3 img3 img4 img4 img4 img4 img4 img4";
}

#el-estudio .image-gallery img:nth-child(1) {
  grid-area: img1;
}

#el-estudio .image-gallery img:nth-child(2) {
  grid-area: img2;
}

#el-estudio .image-gallery img:nth-child(3) {
  grid-area: img3;
}

#el-estudio .image-gallery img:nth-child(4) {
  grid-area: img4;
}

#el-estudio .image-gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}

#el-estudio .image-gallery img:nth-child(1) {
  aspect-ratio: 358/285;
}

#el-estudio .image-gallery img:nth-child(2) {
  aspect-ratio: 258/285;
}

#el-estudio .image-gallery img:nth-child(3) {
  aspect-ratio: 203/285;
}

#el-estudio .image-gallery img:nth-child(4) {
  aspect-ratio: 413/285;
}

#el-estudio h2 {
  text-align: right;
  color: white;
  font-weight: 800;
  font-size: 3.6rem;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  position: absolute;
  top: -2.5rem;
  left: 0;
  margin: 0;
}
@media (min-width: 768px) {
  #el-estudio h2 {
    font-size: 4.5rem;
    bottom: -1.8rem;
    right: 0;
    top: unset;
    left: unset;
  }
}
@media (min-width: 992px) {
  #el-estudio h2 {
    font-size: 5.5rem;
  }
}
@media (min-width: 1200px) {
  #el-estudio h2 {
    font-size: 7rem;
  }
}
@media (min-width: 1400px) {
  #el-estudio h2 {
    font-size: 8rem;
  }
}

/* ========================================
   MODAL COMPONENT
======================================== */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(33, 33, 33, 0.9);
  backdrop-filter: blur(6px);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.4s ease-in-out, opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  transform: translateY(100%);
  /* Inicia el modal fuera de la vista, abajo */
  z-index: 1000;
  height: 100vh;
  overflow-y: hidden;
}
@media (min-width: 768px) {
  .modal {
    height: 85vh;
    top: 15vh;
  }
}

.modal.show {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  /* Desliza el modal hacia arriba */
}

.modal-content {
  /* Limita la altura máxima del contenido del modal */
  overflow-y: hidden;
  height: 100%;
  position: relative;
  /* Transición para el contenido si fuera necesario */
}
.modal-content .container {
  height: 100%;
}
.modal-content #bateria-modal-content {
  overflow-y: hidden;
  height: 100%;
  position: relative;
}
.modal-content .bateria-images-container {
  width: 100%;
  height: calc(100% - 150px - 10rem);
  padding-bottom: 4rem;
  overflow-y: scroll;
  overflow-x: hidden;
  /*Estilos estándar experimentales (Principalmente Firefox)*/
  scrollbar-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0);
  scrollbar-width: thin;
  /* Ocultar para Firefox por defecto */
  /* Ponemos un color de fondo y redondeamos las esquinas del thumb */
  /* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
  /* Cambiamos el fondo cuando esté en active */
  /* Ponemos un color de fondo y redondeamos las esquinas del track */
  /* Cambiamos el fondo cuando esté en active o hover */
}
.modal-content .bateria-images-container.is-array {
  height: calc(100% - 60px - 10rem);
}
@media (min-width: 768px) {
  .modal-content .bateria-images-container {
    padding-bottom: 10rem;
  }
}
.modal-content .bateria-images-container::-webkit-scrollbar {
  width: 8px;
  /* Tamaño del scroll en vertical */
  /*    height: 8px;     Tamaño del scroll en horizontal */
}
.modal-content .bateria-images-container::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border-radius: 4px;
}
.modal-content .bateria-images-container::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.modal-content .bateria-images-container::-webkit-scrollbar-thumb:active {
  background-color: #999999;
}
.modal-content .bateria-images-container::-webkit-scrollbar-track {
  background: #F8F8F8;
  border-radius: 4px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.modal-content .bateria-images-container::-webkit-scrollbar-track:hover, .modal-content .bateria-images-container::-webkit-scrollbar-track:active {
  background: #e1e1e1;
}
.modal-content .bateria-images {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
  flex-direction: column;
}
@media (min-width: 768px) {
  .modal-content .bateria-images {
    flex-direction: row;
    gap: 26px;
  }
  .modal-content .bateria-images > * {
    flex: 0 0 calc(50% - 26px);
    max-width: calc(50% - 26px);
  }
}
.modal-content .bateria-images img {
  width: 100%;
  height: auto;
  display: block;
}

#equipamiento-modal .bateria-images-container {
  height: calc(100% - 90px - 10rem);
}

.modal-content .section-title {
  color: white;
  font-weight: 800;
  font-size: 3rem;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  margin: 55px 0 0 0;
}
@media (min-width: 768px) {
  .modal-content .section-title {
    font-size: 4rem;
    margin: 0;
  }
}

.modal-content .section-description {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  margin: 3rem 0;
}

.modal-content .section-description-array {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0;
  width: 100%;
  column-gap: 26px;
  padding-bottom: 3rem;
  flex-direction: column;
}
.modal-content .section-description-array p {
  font-weight: 400;
  font-size: 1.35rem;
  line-height: 1.8rem;
  letter-spacing: 0%;
}
@media (min-width: 768px) {
  .modal-content .section-description-array {
    flex-direction: row;
    gap: 26px;
  }
  .modal-content .section-description-array > * {
    flex: 0 0 calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
  }
}
.modal-content .section-description-array h4 {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
}
.modal-content .section-description-array .column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.equipamiento-category {
  /* Permite que las categorías ocupen casi la mitad del ancho en pantallas grandes */
}
.equipamiento-category h3 {
  color: white;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
}
.equipamiento-category ul {
  list-style: none;
  padding: 0;
}
.equipamiento-category ul li {
  color: white;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 200%;
  letter-spacing: 0%;
}

.modal-close-button {
  position: absolute;
  top: 0px;
  right: 1rem;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 99;
}
.modal-close-button img {
  width: 40px;
}
@media (min-width: 768px) {
  .modal-close-button {
    right: 25px;
  }
}

#audios {
  background-color: var(--accent-bg);
}

#audios h2 {
  font-size: 3.3rem;
  color: white;
  font-weight: 800;
  letter-spacing: 0%;
  text-transform: uppercase;
  position: relative;
  line-height: normal;
  margin: 2rem 0;
  text-align: center;
}
@media (min-width: 768px) {
  #audios h2 {
    font-size: 3.9rem;
    white-space: pre-line;
    text-align: start;
  }
}
@media (min-width: 1200px) {
  #audios h2 {
    font-size: 4.3rem;
  }
}
@media (min-width: 1400px) {
  #audios h2 {
    font-size: 4.7rem;
  }
}
@media (min-width: 1600px) {
  #audios h2 {
    font-size: 5.7rem;
  }
}

#audios p {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 150%;
  letter-spacing: 0%;
}
@media (min-width: 768px) {
  #audios p {
    white-space: pre-line;
  }
}

.audios-content {
  display: flex;
  background: transparent;
  flex-direction: column;
  transform: translateY(-5rem);
}
@media (min-width: 768px) {
  .audios-content {
    flex-direction: row;
    gap: 56px;
  }
}

.audios-text-content {
  flex: 3;
}

.audio-links {
  display: flex;
  gap: 1rem;
  justify-content: center;
}
@media (min-width: 768px) {
  .audio-links {
    justify-content: flex-start;
  }
}
.audio-links a {
  border-radius: 3px;
  background-color: #FFFFFF;
  padding: 1.2rem 1.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.audio-links a img {
  width: 75px;
}

.audios-player-content {
  flex: 2;
}
.audios-player-content .spotify-iframe-container {
  position: relative;
  width: 100%;
  height: 400px;
  aspect-ratio: 5/6;
}
.audios-player-content iframe {
  width: 100%;
  border: none;
}

.soundcloud-player-content {
  width: 100%;
}

#resenas h2 {
  font-size: 3.3rem;
  color: white;
  white-space: pre-line;
  font-weight: 800;
  letter-spacing: 0%;
  text-transform: uppercase;
  position: relative;
  line-height: normal;
  margin: 0;
  width: 100%;
  text-align: center;
  margin-top: -1.8rem;
}
@media (min-width: 768px) {
  #resenas h2 {
    font-size: 3.9rem;
  }
}
@media (min-width: 1200px) {
  #resenas h2 {
    font-size: 4.3rem;
  }
}
@media (min-width: 1400px) {
  #resenas h2 {
    font-size: 4.7rem;
    margin-top: -2rem;
  }
}
@media (min-width: 1600px) {
  #resenas h2 {
    font-size: 5.7rem;
    margin-top: -3.5rem;
  }
}
#resenas .section-subtitle {
  margin: 0;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}

.glide {
  position: relative;
  cursor: pointer !important;
}
@media (min-width: 768px) {
  .glide::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    background: rgb(16, 16, 16);
    pointer-events: none;
    z-index: 1;
  }
  .glide::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 40px;
    background: rgb(16, 16, 16);
    pointer-events: none;
    z-index: 1;
  }
}
.glide .glide__track {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  overflow: visible !important;
}
.glide .glide__track::before,
.glide .glide__track::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 189px;
  pointer-events: none;
  z-index: 1;
}
@media (min-width: 768px) {
  .glide .glide__track::before {
    left: 40px;
    background: linear-gradient(90deg, #101010 0%, rgba(16, 16, 16, 0) 100%);
  }
  .glide .glide__track::after {
    right: 40px;
    background: linear-gradient(90deg, rgba(16, 16, 16, 0) 0%, #101010 100%);
  }
}

.glide__slides {
  position: relative;
}

.glide__slide {
  width: 100%;
  height: 100% !important;
  /* Fallback para navegadores antiguos */
  height: -webkit-fill-available !important;
  /* Chrome, Safari */
  height: -moz-available !important;
  /* Firefox */
  height: stretch !important;
  /* Estándar futuro */
}

.resena-card {
  margin-top: 60px;
  height: -webkit-fill-available !important;
  /* Chrome, Safari */
  height: -moz-available !important;
  /* Firefox */
  height: stretch !important;
  /* Estándar futuro */
  flex-shrink: 0;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  display: flex !important;
  flex-direction: column !important;
  width: 100%;
  background-color: transparent;
  padding: 16px;
  text-align: center;
}
.resena-card img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin: -60px auto 15px auto;
  display: block;
}

.card-header {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  flex-direction: column !important;
  margin-bottom: 6px;
}
.card-header img {
  z-index: 1;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
}
.card-header .card-info .card-role {
  font-weight: 600;
  font-size: 1.11rem;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: center;
  color: white;
  margin: 0;
}
.card-header .card-info .card-name {
  font-weight: 600;
  font-size: 1.54rem;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: center;
  color: var(--text-primary-title);
  margin: 0.3rem 0;
}
.card-header .card-info .card-credits {
  font-weight: 400;
  font-size: 1.05rem;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: center;
  color: white;
}

.card-text {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: center;
  color: white;
  margin: 0;
}

.glide__bullets {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  gap: 6px;
  position: relative !important;
  bottom: 0 !important;
}

.glide__bullet {
  height: 12px;
  width: 12px;
  background-color: #555;
  border-radius: 50%;
  border: none;
  cursor: pointer !important;
  transition: background-color 0.3s ease;
}
.glide__bullet:hover {
  background-color: #777;
}
.glide__bullet.glide__bullet--active {
  background-color: #fff;
}

#como-trabajo {
  background-color: var(--accent-bg);
}
#como-trabajo h2 {
  font-size: 3.3rem;
  color: white;
  white-space: pre-line;
  font-weight: 800;
  letter-spacing: 0%;
  text-transform: uppercase;
  position: relative;
  line-height: normal;
  margin: 0;
}
@media (min-width: 768px) {
  #como-trabajo h2 {
    font-size: 3.9rem;
  }
}
@media (min-width: 1200px) {
  #como-trabajo h2 {
    font-size: 4.3rem;
  }
}
@media (min-width: 1400px) {
  #como-trabajo h2 {
    font-size: 4.7rem;
  }
}
@media (min-width: 1600px) {
  #como-trabajo h2 {
    font-size: 5.7rem;
  }
}
#como-trabajo .como-trabajo-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  transform: translateY(-2.4rem);
  flex-direction: column;
}
@media (min-width: 768px) {
  #como-trabajo .como-trabajo-header {
    transform: translateY(-2.5rem);
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  #como-trabajo .como-trabajo-header {
    transform: translateY(-2.5rem);
  }
}
@media (min-width: 1400px) {
  #como-trabajo .como-trabajo-header {
    transform: translateY(-3rem);
  }
}
@media (min-width: 1600px) {
  #como-trabajo .como-trabajo-header {
    transform: translateY(-3.5rem);
  }
}
#como-trabajo .como-trabajo-header .btn {
  background-color: #fff;
  color: var(--accent-bg);
  padding: 22px 30px;
  border-radius: 3px;
  text-decoration: none;
  font-weight: bold;
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: 0%;
}
@media (min-width: 768px) {
  #como-trabajo .como-trabajo-header .btn {
    padding: 15px 22px;
    font-size: 1.5rem;
  }
}

.how-it-works-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 26px;
  flex-direction: column;
}
@media (min-width: 768px) {
  .how-it-works-grid {
    flex-direction: row;
  }
  .how-it-works-grid .how-it-works-item {
    flex: 0 0 calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
    aspect-ratio: 423.67/315;
  }
}

.how-it-works-item {
  background-color: transparent;
  border: 1px solid #767676;
  border-radius: 5px;
  text-align: left;
  color: #fff;
  box-sizing: border-box;
  padding: 30px 20px;
}
.how-it-works-item span {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 150%;
  letter-spacing: 0%;
}
.how-it-works-item h3 {
  font-weight: 700;
  font-size: 1.7rem;
  line-height: 150%;
  letter-spacing: 0%;
  margin: 0;
}
.how-it-works-item p {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 150%;
  letter-spacing: 0%;
  margin: 10px 0 0;
}

#faq h2 {
  font-size: 3.3rem;
  color: white;
  white-space: pre-line;
  font-weight: 800;
  letter-spacing: 0%;
  text-transform: uppercase;
  position: relative;
  line-height: 100%;
  margin: 0;
  text-align: start;
}
@media (min-width: 768px) {
  #faq h2 {
    font-size: 3.9rem;
  }
}
@media (min-width: 1200px) {
  #faq h2 {
    font-size: 4.3rem;
  }
}
@media (min-width: 1400px) {
  #faq h2 {
    font-size: 4.7rem;
  }
}
@media (min-width: 1600px) {
  #faq h2 {
    font-size: 5.7rem;
  }
}
#faq .section-title {
  transform: translateY(-5rem);
}
@media (min-width: 576px) {
  #faq .section-title {
    transform: translateY(-2rem);
  }
}
@media (min-width: 768px) {
  #faq .section-title {
    transform: translateY(-2.3rem);
  }
}
@media (min-width: 1200px) {
  #faq .section-title {
    transform: translateY(-2.5rem);
  }
}
@media (min-width: 1400px) {
  #faq .section-title {
    transform: translateY(-2.5rem);
  }
}
@media (min-width: 1600px) {
  #faq .section-title {
    transform: translateY(-3rem);
  }
}
#faq .accordion-item {
  border-bottom: 0.5px solid white;
  margin-bottom: 10px;
  background-color: transparent;
}
#faq .accordion-item .accordion-header {
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 18px 15px 20px;
  cursor: pointer;
  color: white;
  font-weight: 500;
  font-size: 1.5rem;
  transition: color 0.3s ease;
  line-height: 150%;
  letter-spacing: 0%;
}
#faq .accordion-item .accordion-header div {
  width: 90%;
}
#faq .accordion-item .accordion-header .icon {
  transition: transform 0.3s ease;
  width: 24px;
  height: 24px;
  background-image: url("../assets/iconos-vectores/keyboard_arrow_down.svg");
  background-repeat: no-repeat;
  background-position: center;
}
#faq .accordion-item .accordion-header.active {
  color: #888866;
}
#faq .accordion-item .accordion-header.active .icon {
  transform: rotate(-90deg);
}
#faq .accordion-item .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
#faq .accordion-item .accordion-content p {
  color: white;
  padding: 0 0 0 20px;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 200%;
  letter-spacing: 0%;
  margin: 0;
}
#faq .accordion-item .accordion-content.show {
  max-height: 500px; /* Ajusta esto según el contenido máximo esperado */
  padding-bottom: 15px;
}

#contacto {
  background-color: #fff;
  color: #212121;
}
#contacto h2 {
  text-align: start;
  font-size: 3.3rem;
  white-space: pre-line;
  font-weight: 800;
  letter-spacing: 0%;
  text-transform: uppercase;
  position: relative;
  line-height: 100%;
  margin: 0;
}
@media (min-width: 768px) {
  #contacto h2 {
    font-size: 3.9rem;
    text-align: center;
  }
}
@media (min-width: 1200px) {
  #contacto h2 {
    font-size: 4.3rem;
  }
}
@media (min-width: 1400px) {
  #contacto h2 {
    font-size: 4.7rem;
  }
}
@media (min-width: 1600px) {
  #contacto h2 {
    font-size: 5.7rem;
  }
}
#contacto .footer-content {
  display: flex;
  gap: 26px;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 768px) {
  #contacto .footer-content {
    flex-direction: row;
  }
}
#contacto .footer-container {
  flex: 1;
}
#contacto .footer-info {
  display: flex;
  gap: 10px;
  align-items: center;
}
#contacto .footer-info .name {
  font-weight: 500;
  font-size: 3.5rem;
  line-height: 80%;
  letter-spacing: 0%;
  text-transform: uppercase;
}
#contacto .footer-info .lastname {
  font-weight: 800;
  font-size: 3.5rem;
  line-height: 80%;
  letter-spacing: 0%;
  text-transform: uppercase;
}
#contacto .footer-info .footer-logo {
  width: 85px;
}
#contacto .footer-info p {
  margin: 5px 0;
  font-size: 1rem;
}
#contacto .footer-info p.email, #contacto .footer-info p.instagram {
  font-weight: bold;
}
#contacto .label {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 100%;
  letter-spacing: 0%;
  margin: 2rem 0 2px 0;
}
#contacto .value {
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 100%;
  letter-spacing: 0%;
  margin: 0;
  text-decoration: none;
  color: #212121;
}
#contacto .footer-form {
  flex: 1;
  width: 100%;
}
@media (min-width: 768px) {
  #contacto .footer-form {
    width: 600px;
  }
}
#contacto .footer-form h2 {
  font-size: 2rem;
  margin-bottom: 20px;
  text-align: center;
}
#contacto .footer-form .contact-form {
  display: flex;
  flex-direction: column;
}
#contacto .footer-form .contact-form input[type=text],
#contacto .footer-form .contact-form input[type=email],
#contacto .footer-form .contact-form textarea {
  padding: 1.3rem;
  margin-bottom: 0.7rem;
  border: 1px solid #ACACAC;
  border-radius: 3px;
  font-size: 1.15rem;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0%;
}
#contacto .footer-form .contact-form input[type=text]::placeholder,
#contacto .footer-form .contact-form input[type=email]::placeholder,
#contacto .footer-form .contact-form textarea::placeholder {
  color: #212121;
}
#contacto .footer-form .contact-form textarea {
  resize: vertical;
}
#contacto .footer-form .contact-form .btn-primary {
  background-color: #085358;
  color: #fff;
  padding: 15px 20px;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 100%;
  letter-spacing: 0%;
  width: 150px;
  margin: 0;
  height: 60px;
}
@media (min-width: 768px) {
  #contacto .footer-form .contact-form .btn-primary {
    height: auto;
  }
}
#contacto .footer-form .contact-form .btn-primary img {
  margin-right: 10px;
  width: 20px;
  height: 20px;
}

/* Baterias Section */
#baterias {
  background-color: var(--primary-bg);
  color: white;
  text-align: center;
}

#baterias h2 {
  font-size: 3.3rem;
  color: white;
  white-space: pre-line;
  font-weight: 800;
  letter-spacing: 0%;
  text-transform: uppercase;
  position: relative;
  text-align: center;
}
@media (min-width: 768px) {
  #baterias h2 {
    font-size: 3.9rem;
    white-space: pre-line;
    text-align: center;
  }
}
@media (min-width: 1200px) {
  #baterias h2 {
    font-size: 4.3rem;
  }
}
@media (min-width: 1400px) {
  #baterias h2 {
    font-size: 4.7rem;
  }
}
@media (min-width: 1600px) {
  #baterias h2 {
    font-size: 5.7rem;
  }
}

#baterias .baterias-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 13px;
}
#baterias .baterias-grid .item {
  flex: 0 0 calc(50% - 13px);
  max-width: calc(50% - 13px);
  aspect-ratio: 413/391;
}
@media (min-width: 768px) {
  #baterias .baterias-grid {
    gap: 26px;
  }
  #baterias .baterias-grid .item {
    flex: 0 0 calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
    aspect-ratio: 413/391;
  }
}

#baterias .bateria-item {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  transition: transform 0.3s ease;
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  aspect-ratio: 413/391;
}
#baterias .bateria-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180.04deg, rgba(33, 33, 33, 0) 60.61%, #212121 96.26%);
  z-index: 1;
  pointer-events: none;
}

#baterias .bateria-item:hover {
  transform: translateY(-3px);
}

#baterias .bateria-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#baterias .item h2 {
  margin: 2rem 0;
  font-weight: 800;
  font-size: 2.3rem;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  text-align: left;
}
@media (min-width: 992px) {
  #baterias .item h2 {
    font-size: 2.6rem;
  }
}
@media (min-width: 1200px) {
  #baterias .item h2 {
    font-size: 2.8rem;
  }
}
@media (min-width: 1400px) {
  #baterias .item h2 {
    font-size: 3rem;
  }
}
@media (min-width: 1600px) {
  #baterias .item h2 {
    font-size: 3.1rem;
  }
}

#baterias .bateria-item h3 {
  box-sizing: border-box;
  position: absolute;
  font-size: 1.8rem;
  color: white;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: center;
  margin: 0;
  padding: 0 12px;
  bottom: 1.5rem;
  width: 100%;
  text-align: center;
  z-index: 2;
}
#baterias .bateria-item h3.sub-title {
  font-size: 1.8rem;
  bottom: 2.4rem;
}
@media (min-width: 768px) {
  #baterias .bateria-item h3 {
    line-height: 110%;
    font-size: 1.6rem;
    bottom: 2.4rem;
  }
  #baterias .bateria-item h3.sub-title {
    font-size: 1.45rem;
    bottom: 2.4rem;
  }
}

#baterias .bateria-item p {
  font-size: 1.125rem; /* 18px */
  line-height: 1.6;
  margin: 0 15px 15px;
  color: var(--text-secondary);
}

.scroll-to-top {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index: 1000;
}
.scroll-to-top img {
  width: 100%;
}

/* ========================================
   VARIABLES
======================================== */
:root {
  --primary-bg: #101010;
  --secondary-bg: #2a2a2a;
  --accent-bg: #085358;
  --text-primary: #E5E5DE;
  --text-primary-title: #2EBEC8;
  --text-secondary: #ccc;
  --overlay-dark: rgba(0, 0, 0, 0.5);
  --overlay-darker:rgba(16, 16, 16, 0.75);
  --card-gradient: linear-gradient(179.96deg, rgba(33, 33, 33, 0) 0.04%, #212121 90.62%);
}

html {
  font-size: 11px; /* Base font size para rem */
}

body, textarea, input, button {
  font-family: "Work Sans", sans-serif;
}

/* ========================================
   BASE STYLES
======================================== */
body, main {
  font-family: "Work Sans", sans-serif;
  margin: 0;
  padding: 0;
  background-color: var(--primary-bg);
  color: var(--text-primary);
  overflow-x: hidden;
  position: relative;
}

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