/* ==== COMPILE =====
sass --watch wedding-4/short/_assets/scss/app.scss:wedding-4/short/_assets/css/app.min.css --style compressed
*/
@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400&display=swap");
html,
:root {
  font-size: 10px;
  scroll-behavior: smooth;
}
@media screen and (max-width: 576px) {
  html,
  :root {
    font-size: 9px;
  }
}

html,
body {
  max-width: 100vw;
  max-width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

body {
  font-family: "Lato", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  color: #323232;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

h1 {
  font-size: 9.6rem;
}
@media screen and (max-width: 768px) {
  h1 {
    font-size: 6.4rem;
  }
}

h2 {
  font-size: 5rem;
}
@media screen and (max-width: 768px) {
  h2 {
    font-size: 3.2rem;
  }
}

h3 {
  font-size: 4.2rem;
}

h4 {
  font-size: 3.2rem;
}

h5 {
  font-size: 2rem;
}

h6 {
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  h6 {
    font-size: 1.6rem !important;
  }
}

p {
  font-size: 1.6rem;
}

.text-lg {
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .text-lg {
    font-size: 1.4rem !important;
  }
}

.text-md {
  font-size: 1.6rem;
}

body {
  background-image: url("../img/decoration/flowers-top-left.png"), url("../img/decoration/flowers-bottom-right.png"), url("../img/decoration/section-1-texture.png");
  background-position: left top, right bottom, center center;
  background-size: 13rem, 10rem, cover;
  background-repeat: no-repeat;
  background-color: #F3F3F3;
  color: #000000;
}
@media screen and (min-width: 992px) {
  body {
    background-size: 18rem, 14rem, cover;
  }
}
body {
  transition: all 0.3s ease-in;
}
body.opening-show {
  min-height: 100vh;
  max-height: 100vh;
  overflow: hidden;
}
body.opening-hide {
  min-height: 100vh;
  max-height: unset;
}
body.opening-hide section#opening {
  animation: opening-hide 1.5s ease-out forwards;
}

section#opening {
  padding: 3rem 0;
  position: fixed;
  right: 0;
  left: 0;
  z-index: 9999;
  background-color: #FDFDFD;
  background-image: url("../img/decoration/opening-nature-texture.png"), url("../img/decoration/section-1-texture.png");
  background-size: cover, cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}
section#opening h1 {
  font-size: 5rem;
}
@media screen and (min-width: 768px) {
  section#opening h1 {
    font-size: 7rem;
  }
}
@media screen and (min-width: 1200px) {
  section#opening h1 {
    font-size: 7.5rem;
  }
}
section#opening h4 {
  font-size: 2.4rem;
}
@media screen and (min-width: 992px) {
  section#opening h4 {
    font-size: 3rem;
  }
}
section#opening h5 {
  font-size: 1.8rem;
}
@media screen and (min-width: 992px) {
  section#opening h5 {
    font-size: 2.4rem;
  }
}
section#opening .img-wrapper-spouse {
  font-size: 6px;
}
@media screen and (min-width: 768px) {
  section#opening .img-wrapper-spouse {
    font-size: 8px;
  }
}
@media screen and (min-width: 992px) {
  section#opening .img-wrapper-spouse {
    font-size: 10px;
  }
}

section#section-1 {
  padding: 4rem 0;
  min-height: 100vh;
  background-image: url("../img/decoration/flower-center.png");
  background-size: 5rem;
  background-position: right top;
  background-repeat: no-repeat;
}
@media screen and (min-width: 992px) {
  section#section-1 {
    background-size: 16rem;
    background-position: center;
  }
}
section#section-1 .card-story {
  font-size: 4px;
}
@media screen and (min-width: 768px) {
  section#section-1 .card-story {
    font-size: 7px;
  }
}
section#section-1 h1 {
  font-family: "Dancing Script", cursive;
  font-size: 2.4rem;
}
@media screen and (min-width: 768px) {
  section#section-1 h1 {
    font-size: 6rem;
  }
}
@media screen and (min-width: 992px) {
  section#section-1 h1 {
    font-size: 14.4rem;
  }
}
section#section-1 h3 {
  font-size: 2.4rem;
}
@media screen and (min-width: 576px) {
  section#section-1 h3 {
    font-size: 4.2rem;
  }
}
section#section-1 h5 {
  font-size: 1.2rem;
}
@media screen and (min-width: 576px) {
  section#section-1 h5 {
    font-size: 2rem;
  }
}

section#section-2 {
  min-height: 100vh;
  position: relative;
}
section#section-2 div#section-2-list-group {
  display: block;
}
section#section-2 div#section-2-list-group .list-group,
section#section-2 div#section-2-list-group .list-group-item {
  background: transparent;
  padding: 3rem 0;
}
section#section-2 div#section-2-list-group .list-group {
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: transparent;
}
section#section-2 div#section-2-list-group .list-group::-webkit-scrollbar {
  width: 7px;
}
section#section-2 div#section-2-list-group .list-group::-webkit-scrollbar-track {
  background-color: #FCF8F2;
  border-radius: 10px;
}
section#section-2 div#section-2-list-group .list-group::-webkit-scrollbar-thumb {
  background-color: #8A6A3D;
  border-radius: 10px;
}
section#section-2 div#section-2-list-group .list-group-item {
  padding-right: 4rem;
}
@media screen and (min-width: 992px) {
  section#section-2 div#section-2-list-group {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
    background-color: #fdfdfd;
    padding: 3rem;
  }
}

section#section-3 {
  padding: 8rem 0;
  min-height: 100vh;
}
section#section-3 .img-wrapper-spouse {
  font-size: 6px;
}
@media screen and (min-width: 768px) {
  section#section-3 .img-wrapper-spouse {
    font-size: 8px;
  }
}
@media screen and (min-width: 992px) {
  section#section-3 .img-wrapper-spouse {
    font-size: 10px;
  }
}

@media screen and (max-width: 768px) {
  .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.navbar {
  background-color: unset;
  color: #FDFDFD;
  padding: 2rem 3rem;
  position: fixed;
  left: 0;
  right: 0;
  transition: all 0.5s ease-in;
  z-index: 99;
}
@media screen and (max-width: 768px) {
  .navbar {
    background-color: #8A6A3D;
  }
}
.navbar.navbar-scrolled {
  background-color: #8A6A3D;
  z-index: 99;
}
@media screen and (max-width: 768px) {
  .navbar {
    padding: 2rem 0;
  }
}
.navbar .navbar-brand,
.navbar .navbar-toggler {
  color: #FDFDFD;
}
.navbar .navbar-nav .nav-item {
  padding: 0 2rem;
}
@media screen and (max-width: 768px) {
  .navbar .navbar-nav .nav-item {
    padding: 0;
  }
}
.navbar .navbar-nav .nav-item .nav-link {
  color: #FDFDFD;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.navbar .navbar-nav .nav-item .nav-link::after {
  content: "";
  position: absolute;
  display: block;
  height: 2px;
  bottom: -0.4rem;
  transition: all 0.8s ease-in;
}
.navbar .navbar-nav .nav-item .nav-link:hover::after {
  width: calc(70% + 1px);
  opacity: 0.7;
  background-color: #FDFDFD;
}
@media screen and (max-width: 768px) {
  .navbar .navbar-nav .nav-item .nav-link {
    font-size: 1.6rem;
    margin-top: 1.2rem;
  }
}
.navbar .navbar-nav .nav-item .nav-link.active {
  color: #FDFDFD !important;
}
.navbar .navbar-nav .nav-item .nav-link.active::after {
  width: calc(70% + 1px);
  opacity: 1;
  background-color: #FDFDFD;
}

.btn {
  border-radius: 0.5rem;
  outline: unset !important;
  font-size: 1.8rem;
  padding: 1.6rem 3.2rem;
  transition: all 0.3s ease-in;
}
.btn.btn-primary {
  background-color: #8A6A3D !important;
  border: unset !important;
}
.btn.btn-primary:hover {
  box-shadow: 0 10px 30px rgba(138, 106, 61, 0.3);
}

@media screen and (min-width: 0px) {
  #login-logo {
    position: unset !important;
  }
}
.form-label {
  font-size: 1.6rem;
  color: #323232;
  font-weight: 300;
}

.form-check {
  display: flex;
  align-items: center;
}
.form-check .form-check-input {
  width: 3rem;
  height: 3rem;
  border: 0;
  background-color: #F5F5F5;
  margin-right: 1.6rem;
}
.form-check .form-check-input:checked {
  background-color: #8A6A3D;
  border-color: #8A6A3D;
  box-shadow: 0 0 1px rgba(138, 106, 61, 0.4);
}
.form-check .form-check-label {
  font-size: 1.6rem;
  color: #323232;
  font-weight: 300;
  cursor: pointer;
}

.form-control {
  padding: 1.45rem 2rem;
  font-size: 1.8rem;
  border: 0;
  background-color: #F5F5F5;
  transition: all 0.3s ease-in;
}
.form-control.is-invalid, .form-control.is-valid {
  background-image: unset;
}
.form-control.is-valid {
  border-color: #8A6A3D;
}
.form-control.is-invalid {
  border-color: rgb(231, 87, 87);
}
.form-control:focus, .form-control:active {
  outline: unset !important;
  box-shadow: unset !important;
  border: 1px solid #949494;
}
.form-control::-moz-placeholder {
  font-weight: 300;
  color: #949494;
}
.form-control::placeholder {
  font-weight: 300;
  color: #949494;
}

.form-select {
  padding: 1.7rem;
  font-size: 1.4rem;
  cursor: pointer;
}
.form-select.is-invalid, .form-select.is-valid {
  background-image: unset;
}
.form-select.is-valid {
  border-color: #8A6A3D;
}
.form-select.is-invalid {
  border-color: rgb(231, 87, 87);
}
.form-select:focus, .form-select:active {
  outline: unset !important;
  box-shadow: unset !important;
  border: 1px solid #323232;
}

.valid-feedback {
  color: #8A6A3D;
}

.invalid-feedback {
  color: rgb(231, 87, 87);
}

.btn-group.btn-group-action {
  position: fixed;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 3rem;
  border-radius: 15px;
}
.btn-group.btn-group-action .btn {
  flex: unset;
  font-size: 1.4rem !important;
}
.btn-group.btn-group-action .btn.active {
  background-color: rgb(102.6331658291, 78.8341708543, 45.3668341709) !important;
}
.btn-group.btn-group-action .btn:hover {
  background-color: rgb(102.6331658291, 78.8341708543, 45.3668341709) !important;
}

.btn#btn-play {
  position: fixed;
  top: 2rem;
  right: 2rem;
}
.btn#btn-to-top {
  position: fixed;
  bottom: 8rem;
  right: 2rem;
  display: none;
  animation: pop-out 0.3s linear forwards;
}
.btn.btn-light {
  border: unset;
  width: 5rem !important;
  height: 5rem !important;
  padding: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 999;
  box-shadow: unset !important;
  background-color: rgba(0, 0, 0, 0.8);
}
.btn.btn-light.active i {
  color: #8A6A3D;
}
.btn.btn-light:focus {
  box-shadow: unset;
}
.btn.btn-light i {
  color: #FDFDFD;
}

.img-wrapper {
  overflow: hidden;
}
.img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.img-wrapper-spouse {
  font-size: 10px;
  width: 27em;
  height: 27em;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.img-wrapper-spouse::after {
  content: "";
  display: block;
  width: 28.5em;
  height: 28.5em;
  position: absolute;
  left: -2em;
  top: -1.5em;
  background-image: url("../img/decoration/img-wrapper-spouse.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.img-wrapper-spouse .img-wrapper {
  width: 27em;
  height: 27em;
  border-radius: 50%;
}

.card {
  border: 0;
}
.card.card-story {
  position: relative;
  border-radius: 1rem;
  font-size: 10px;
  width: 34em;
  height: 45em;
  display: flex;
  align-items: stretch;
  justify-content: center;
  overflow: visible;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  padding: 0;
  z-index: 1;
}
.card.card-story::before {
  content: "";
  display: block;
  width: 16em;
  height: 23em;
  position: absolute;
  z-index: -1;
  background-size: contain;
  background-repeat: no-repeat;
}
.card.card-story::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 3;
  background-size: contain;
  background-repeat: no-repeat;
}
.card.card-story.card-story-left {
  transform: rotate(4deg);
}
.card.card-story.card-story-left::before {
  left: -12em;
  background-image: url("../img/decoration/flower-left.png");
}
.card.card-story.card-story-left::after {
  align-self: center;
  width: 24em;
  height: 6.4em;
  top: -2.5em;
  left: 7em;
  background-image: url("../img/decoration/card-story-left.png");
}
.card.card-story.card-story-right {
  transform: rotate(-4deg);
}
.card.card-story.card-story-right::before {
  right: -12em;
  background-image: url("../img/decoration/flower-right.png");
}
.card.card-story.card-story-right::after {
  align-self: center;
  width: 21em;
  height: 5.4em;
  transform: rotate(3deg);
  top: -2.5em;
  right: 4em;
  background-image: url("../img/decoration/card-story-right.png");
}
.card.card-story .card-body {
  position: relative;
  background-color: white;
  z-index: 2;
  padding: 2rem 2rem;
  flex-grow: 1;
}
.card.card-story .card-body img {
  width: 100%;
}

.font-type-secondary {
  font-family: "Dancing Script", cursive;
}

.text-white {
  color: #FDFDFD !important;
}

.text-primary {
  color: #8A6A3D !important;
}

.text-dark {
  color: #323232 !important;
}

.text-dark-500 {
  color: rgba(50, 50, 50, 0.74) !important;
}

.text-spacing-default {
  letter-spacing: 0.6rem;
}
@media screen and (max-width: 768px) {
  .text-spacing-default {
    letter-spacing: 0.4rem;
  }
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-boldest {
  font-weight: 900;
}

.bg-primary {
  background-color: #8A6A3D;
}

.csr-pointer {
  cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 576px) {
  .m-sm-0 {
    margin: 0rem !important;
  }
}

@media screen and (min-width: 768px) {
  .m-md-0 {
    margin: 0rem !important;
  }
}

@media screen and (min-width: 992px) {
  .m-lg-0 {
    margin: 0rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .m-xl-0 {
    margin: 0rem !important;
  }
}

@media screen and (min-width: 576px) {
  .ml-sm-0 {
    margin-left: 0rem !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-md-0 {
    margin-left: 0rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ml-lg-0 {
    margin-left: 0rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .ml-xl-0 {
    margin-left: 0rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mr-sm-0 {
    margin-right: 0rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-md-0 {
    margin-right: 0rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mr-lg-0 {
    margin-right: 0rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mr-xl-0 {
    margin-right: 0rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mt-sm-0 {
    margin-top: 0rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-md-0 {
    margin-top: 0rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-lg-0 {
    margin-top: 0rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mt-xl-0 {
    margin-top: 0rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mb-sm-0 {
    margin-bottom: 0rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-md-0 {
    margin-bottom: 0rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-lg-0 {
    margin-bottom: 0rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mb-xl-0 {
    margin-bottom: 0rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mx-sm-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-md-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-lg-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mx-xl-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
}

@media screen and (min-width: 576px) {
  .my-sm-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
}

@media screen and (min-width: 768px) {
  .my-md-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
}

@media screen and (min-width: 992px) {
  .my-lg-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .my-xl-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
}

@media screen and (min-width: 576px) {
  .p-sm-0 {
    padding: 0rem !important;
  }
}

@media screen and (min-width: 768px) {
  .p-md-0 {
    padding: 0rem !important;
  }
}

@media screen and (min-width: 992px) {
  .p-lg-0 {
    padding: 0rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .p-xl-0 {
    padding: 0rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pl-sm-0 {
    padding-left: 0rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-md-0 {
    padding-left: 0rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pl-lg-0 {
    padding-left: 0rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pl-xl-0 {
    padding-left: 0rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pr-sm-0 {
    padding-right: 0rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-md-0 {
    padding-right: 0rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pr-lg-0 {
    padding-right: 0rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pr-xl-0 {
    padding-right: 0rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pt-sm-0 {
    padding-top: 0rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-md-0 {
    padding-top: 0rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-lg-0 {
    padding-top: 0rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pt-xl-0 {
    padding-top: 0rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pb-sm-0 {
    padding-bottom: 0rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-md-0 {
    padding-bottom: 0rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-lg-0 {
    padding-bottom: 0rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pb-xl-0 {
    padding-bottom: 0rem !important;
  }
}

@media screen and (min-width: 576px) {
  .px-sm-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
}

@media screen and (min-width: 768px) {
  .px-md-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
}

@media screen and (min-width: 992px) {
  .px-lg-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .px-xl-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
}

@media screen and (min-width: 576px) {
  .py-sm-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
}

@media screen and (min-width: 768px) {
  .py-md-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
}

@media screen and (min-width: 992px) {
  .py-lg-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .py-xl-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
}

@media screen and (min-width: 576px) {
  .m-sm-1 {
    margin: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .m-md-1 {
    margin: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .m-lg-1 {
    margin: 0.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .m-xl-1 {
    margin: 0.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .ml-sm-1 {
    margin-left: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-md-1 {
    margin-left: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ml-lg-1 {
    margin-left: 0.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .ml-xl-1 {
    margin-left: 0.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mr-sm-1 {
    margin-right: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-md-1 {
    margin-right: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mr-lg-1 {
    margin-right: 0.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mr-xl-1 {
    margin-right: 0.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mt-sm-1 {
    margin-top: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-md-1 {
    margin-top: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-lg-1 {
    margin-top: 0.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mt-xl-1 {
    margin-top: 0.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mb-sm-1 {
    margin-bottom: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-md-1 {
    margin-bottom: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-lg-1 {
    margin-bottom: 0.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mb-xl-1 {
    margin-bottom: 0.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mx-sm-1 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-md-1 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-lg-1 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mx-xl-1 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .my-sm-1 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .my-md-1 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .my-lg-1 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .my-xl-1 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .p-sm-1 {
    padding: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .p-md-1 {
    padding: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .p-lg-1 {
    padding: 0.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .p-xl-1 {
    padding: 0.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pl-sm-1 {
    padding-left: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-md-1 {
    padding-left: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pl-lg-1 {
    padding-left: 0.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pl-xl-1 {
    padding-left: 0.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pr-sm-1 {
    padding-right: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-md-1 {
    padding-right: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pr-lg-1 {
    padding-right: 0.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pr-xl-1 {
    padding-right: 0.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pt-sm-1 {
    padding-top: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-md-1 {
    padding-top: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-lg-1 {
    padding-top: 0.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pt-xl-1 {
    padding-top: 0.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pb-sm-1 {
    padding-bottom: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-md-1 {
    padding-bottom: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-lg-1 {
    padding-bottom: 0.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pb-xl-1 {
    padding-bottom: 0.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .px-sm-1 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .px-md-1 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .px-lg-1 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .px-xl-1 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .py-sm-1 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .py-md-1 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .py-lg-1 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .py-xl-1 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .m-sm-2 {
    margin: 1rem !important;
  }
}

@media screen and (min-width: 768px) {
  .m-md-2 {
    margin: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .m-lg-2 {
    margin: 1rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .m-xl-2 {
    margin: 1rem !important;
  }
}

@media screen and (min-width: 576px) {
  .ml-sm-2 {
    margin-left: 1rem !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-md-2 {
    margin-left: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ml-lg-2 {
    margin-left: 1rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .ml-xl-2 {
    margin-left: 1rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mr-sm-2 {
    margin-right: 1rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-md-2 {
    margin-right: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mr-lg-2 {
    margin-right: 1rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mr-xl-2 {
    margin-right: 1rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mt-sm-2 {
    margin-top: 1rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-md-2 {
    margin-top: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-lg-2 {
    margin-top: 1rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mt-xl-2 {
    margin-top: 1rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mb-sm-2 {
    margin-bottom: 1rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-md-2 {
    margin-bottom: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-lg-2 {
    margin-bottom: 1rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mb-xl-2 {
    margin-bottom: 1rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mx-sm-2 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-md-2 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-lg-2 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mx-xl-2 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

@media screen and (min-width: 576px) {
  .my-sm-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

@media screen and (min-width: 768px) {
  .my-md-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .my-lg-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .my-xl-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

@media screen and (min-width: 576px) {
  .p-sm-2 {
    padding: 1rem !important;
  }
}

@media screen and (min-width: 768px) {
  .p-md-2 {
    padding: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .p-lg-2 {
    padding: 1rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .p-xl-2 {
    padding: 1rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pl-sm-2 {
    padding-left: 1rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-md-2 {
    padding-left: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pl-lg-2 {
    padding-left: 1rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pl-xl-2 {
    padding-left: 1rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pr-sm-2 {
    padding-right: 1rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-md-2 {
    padding-right: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pr-lg-2 {
    padding-right: 1rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pr-xl-2 {
    padding-right: 1rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pt-sm-2 {
    padding-top: 1rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-md-2 {
    padding-top: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-lg-2 {
    padding-top: 1rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pt-xl-2 {
    padding-top: 1rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pb-sm-2 {
    padding-bottom: 1rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-md-2 {
    padding-bottom: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-lg-2 {
    padding-bottom: 1rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pb-xl-2 {
    padding-bottom: 1rem !important;
  }
}

@media screen and (min-width: 576px) {
  .px-sm-2 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

@media screen and (min-width: 768px) {
  .px-md-2 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .px-lg-2 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .px-xl-2 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

@media screen and (min-width: 576px) {
  .py-sm-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

@media screen and (min-width: 768px) {
  .py-md-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .py-lg-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .py-xl-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

@media screen and (min-width: 576px) {
  .m-sm-3 {
    margin: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .m-md-3 {
    margin: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .m-lg-3 {
    margin: 1.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .m-xl-3 {
    margin: 1.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .ml-sm-3 {
    margin-left: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-md-3 {
    margin-left: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ml-lg-3 {
    margin-left: 1.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .ml-xl-3 {
    margin-left: 1.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mr-sm-3 {
    margin-right: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-md-3 {
    margin-right: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mr-lg-3 {
    margin-right: 1.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mr-xl-3 {
    margin-right: 1.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mt-sm-3 {
    margin-top: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-md-3 {
    margin-top: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-lg-3 {
    margin-top: 1.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mt-xl-3 {
    margin-top: 1.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mb-sm-3 {
    margin-bottom: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-md-3 {
    margin-bottom: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-lg-3 {
    margin-bottom: 1.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mb-xl-3 {
    margin-bottom: 1.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mx-sm-3 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-md-3 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-lg-3 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mx-xl-3 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .my-sm-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .my-md-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .my-lg-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .my-xl-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .p-sm-3 {
    padding: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .p-md-3 {
    padding: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .p-lg-3 {
    padding: 1.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .p-xl-3 {
    padding: 1.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pl-sm-3 {
    padding-left: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-md-3 {
    padding-left: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pl-lg-3 {
    padding-left: 1.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pl-xl-3 {
    padding-left: 1.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pr-sm-3 {
    padding-right: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-md-3 {
    padding-right: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pr-lg-3 {
    padding-right: 1.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pr-xl-3 {
    padding-right: 1.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pt-sm-3 {
    padding-top: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-md-3 {
    padding-top: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-lg-3 {
    padding-top: 1.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pt-xl-3 {
    padding-top: 1.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pb-sm-3 {
    padding-bottom: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-md-3 {
    padding-bottom: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-lg-3 {
    padding-bottom: 1.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pb-xl-3 {
    padding-bottom: 1.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .px-sm-3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .px-md-3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .px-lg-3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .px-xl-3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .py-sm-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .py-md-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .py-lg-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .py-xl-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .m-sm-4 {
    margin: 2rem !important;
  }
}

@media screen and (min-width: 768px) {
  .m-md-4 {
    margin: 2rem !important;
  }
}

@media screen and (min-width: 992px) {
  .m-lg-4 {
    margin: 2rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .m-xl-4 {
    margin: 2rem !important;
  }
}

@media screen and (min-width: 576px) {
  .ml-sm-4 {
    margin-left: 2rem !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-md-4 {
    margin-left: 2rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ml-lg-4 {
    margin-left: 2rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .ml-xl-4 {
    margin-left: 2rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mr-sm-4 {
    margin-right: 2rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-md-4 {
    margin-right: 2rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mr-lg-4 {
    margin-right: 2rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mr-xl-4 {
    margin-right: 2rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mt-sm-4 {
    margin-top: 2rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-md-4 {
    margin-top: 2rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-lg-4 {
    margin-top: 2rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mt-xl-4 {
    margin-top: 2rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mb-sm-4 {
    margin-bottom: 2rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-md-4 {
    margin-bottom: 2rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-lg-4 {
    margin-bottom: 2rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mb-xl-4 {
    margin-bottom: 2rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mx-sm-4 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-md-4 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-lg-4 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mx-xl-4 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}

@media screen and (min-width: 576px) {
  .my-sm-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}

@media screen and (min-width: 768px) {
  .my-md-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}

@media screen and (min-width: 992px) {
  .my-lg-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .my-xl-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}

@media screen and (min-width: 576px) {
  .p-sm-4 {
    padding: 2rem !important;
  }
}

@media screen and (min-width: 768px) {
  .p-md-4 {
    padding: 2rem !important;
  }
}

@media screen and (min-width: 992px) {
  .p-lg-4 {
    padding: 2rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .p-xl-4 {
    padding: 2rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pl-sm-4 {
    padding-left: 2rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-md-4 {
    padding-left: 2rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pl-lg-4 {
    padding-left: 2rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pl-xl-4 {
    padding-left: 2rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pr-sm-4 {
    padding-right: 2rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-md-4 {
    padding-right: 2rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pr-lg-4 {
    padding-right: 2rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pr-xl-4 {
    padding-right: 2rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pt-sm-4 {
    padding-top: 2rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-md-4 {
    padding-top: 2rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-lg-4 {
    padding-top: 2rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pt-xl-4 {
    padding-top: 2rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pb-sm-4 {
    padding-bottom: 2rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-md-4 {
    padding-bottom: 2rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-lg-4 {
    padding-bottom: 2rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pb-xl-4 {
    padding-bottom: 2rem !important;
  }
}

@media screen and (min-width: 576px) {
  .px-sm-4 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

@media screen and (min-width: 768px) {
  .px-md-4 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

@media screen and (min-width: 992px) {
  .px-lg-4 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .px-xl-4 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

@media screen and (min-width: 576px) {
  .py-sm-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}

@media screen and (min-width: 768px) {
  .py-md-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}

@media screen and (min-width: 992px) {
  .py-lg-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .py-xl-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}

@media screen and (min-width: 576px) {
  .m-sm-5 {
    margin: 2.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .m-md-5 {
    margin: 2.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .m-lg-5 {
    margin: 2.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .m-xl-5 {
    margin: 2.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .ml-sm-5 {
    margin-left: 2.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-md-5 {
    margin-left: 2.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ml-lg-5 {
    margin-left: 2.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .ml-xl-5 {
    margin-left: 2.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mr-sm-5 {
    margin-right: 2.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-md-5 {
    margin-right: 2.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mr-lg-5 {
    margin-right: 2.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mr-xl-5 {
    margin-right: 2.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mt-sm-5 {
    margin-top: 2.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-md-5 {
    margin-top: 2.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-lg-5 {
    margin-top: 2.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mt-xl-5 {
    margin-top: 2.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mb-sm-5 {
    margin-bottom: 2.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-md-5 {
    margin-bottom: 2.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-lg-5 {
    margin-bottom: 2.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mb-xl-5 {
    margin-bottom: 2.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mx-sm-5 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-md-5 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-lg-5 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mx-xl-5 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .my-sm-5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .my-md-5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .my-lg-5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .my-xl-5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .p-sm-5 {
    padding: 2.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .p-md-5 {
    padding: 2.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .p-lg-5 {
    padding: 2.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .p-xl-5 {
    padding: 2.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pl-sm-5 {
    padding-left: 2.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-md-5 {
    padding-left: 2.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pl-lg-5 {
    padding-left: 2.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pl-xl-5 {
    padding-left: 2.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pr-sm-5 {
    padding-right: 2.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-md-5 {
    padding-right: 2.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pr-lg-5 {
    padding-right: 2.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pr-xl-5 {
    padding-right: 2.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pt-sm-5 {
    padding-top: 2.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-md-5 {
    padding-top: 2.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-lg-5 {
    padding-top: 2.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pt-xl-5 {
    padding-top: 2.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pb-sm-5 {
    padding-bottom: 2.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-md-5 {
    padding-bottom: 2.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-lg-5 {
    padding-bottom: 2.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pb-xl-5 {
    padding-bottom: 2.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .px-sm-5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .px-md-5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .px-lg-5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .px-xl-5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .py-sm-5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .py-md-5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .py-lg-5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .py-xl-5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .m-sm-6 {
    margin: 3rem !important;
  }
}

@media screen and (min-width: 768px) {
  .m-md-6 {
    margin: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .m-lg-6 {
    margin: 3rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .m-xl-6 {
    margin: 3rem !important;
  }
}

@media screen and (min-width: 576px) {
  .ml-sm-6 {
    margin-left: 3rem !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-md-6 {
    margin-left: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ml-lg-6 {
    margin-left: 3rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .ml-xl-6 {
    margin-left: 3rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mr-sm-6 {
    margin-right: 3rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-md-6 {
    margin-right: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mr-lg-6 {
    margin-right: 3rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mr-xl-6 {
    margin-right: 3rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mt-sm-6 {
    margin-top: 3rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-md-6 {
    margin-top: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-lg-6 {
    margin-top: 3rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mt-xl-6 {
    margin-top: 3rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mb-sm-6 {
    margin-bottom: 3rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-md-6 {
    margin-bottom: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-lg-6 {
    margin-bottom: 3rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mb-xl-6 {
    margin-bottom: 3rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mx-sm-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-md-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-lg-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mx-xl-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}

@media screen and (min-width: 576px) {
  .my-sm-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}

@media screen and (min-width: 768px) {
  .my-md-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .my-lg-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .my-xl-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}

@media screen and (min-width: 576px) {
  .p-sm-6 {
    padding: 3rem !important;
  }
}

@media screen and (min-width: 768px) {
  .p-md-6 {
    padding: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .p-lg-6 {
    padding: 3rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .p-xl-6 {
    padding: 3rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pl-sm-6 {
    padding-left: 3rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-md-6 {
    padding-left: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pl-lg-6 {
    padding-left: 3rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pl-xl-6 {
    padding-left: 3rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pr-sm-6 {
    padding-right: 3rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-md-6 {
    padding-right: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pr-lg-6 {
    padding-right: 3rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pr-xl-6 {
    padding-right: 3rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pt-sm-6 {
    padding-top: 3rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-md-6 {
    padding-top: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-lg-6 {
    padding-top: 3rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pt-xl-6 {
    padding-top: 3rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pb-sm-6 {
    padding-bottom: 3rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-md-6 {
    padding-bottom: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-lg-6 {
    padding-bottom: 3rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pb-xl-6 {
    padding-bottom: 3rem !important;
  }
}

@media screen and (min-width: 576px) {
  .px-sm-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}

@media screen and (min-width: 768px) {
  .px-md-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .px-lg-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .px-xl-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}

@media screen and (min-width: 576px) {
  .py-sm-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}

@media screen and (min-width: 768px) {
  .py-md-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .py-lg-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .py-xl-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}

@media screen and (min-width: 576px) {
  .m-sm-7 {
    margin: 3.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .m-md-7 {
    margin: 3.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .m-lg-7 {
    margin: 3.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .m-xl-7 {
    margin: 3.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .ml-sm-7 {
    margin-left: 3.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-md-7 {
    margin-left: 3.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ml-lg-7 {
    margin-left: 3.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .ml-xl-7 {
    margin-left: 3.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mr-sm-7 {
    margin-right: 3.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-md-7 {
    margin-right: 3.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mr-lg-7 {
    margin-right: 3.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mr-xl-7 {
    margin-right: 3.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mt-sm-7 {
    margin-top: 3.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-md-7 {
    margin-top: 3.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-lg-7 {
    margin-top: 3.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mt-xl-7 {
    margin-top: 3.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mb-sm-7 {
    margin-bottom: 3.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-md-7 {
    margin-bottom: 3.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-lg-7 {
    margin-bottom: 3.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mb-xl-7 {
    margin-bottom: 3.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mx-sm-7 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-md-7 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-lg-7 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mx-xl-7 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .my-sm-7 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .my-md-7 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .my-lg-7 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .my-xl-7 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .p-sm-7 {
    padding: 3.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .p-md-7 {
    padding: 3.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .p-lg-7 {
    padding: 3.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .p-xl-7 {
    padding: 3.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pl-sm-7 {
    padding-left: 3.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-md-7 {
    padding-left: 3.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pl-lg-7 {
    padding-left: 3.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pl-xl-7 {
    padding-left: 3.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pr-sm-7 {
    padding-right: 3.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-md-7 {
    padding-right: 3.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pr-lg-7 {
    padding-right: 3.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pr-xl-7 {
    padding-right: 3.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pt-sm-7 {
    padding-top: 3.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-md-7 {
    padding-top: 3.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-lg-7 {
    padding-top: 3.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pt-xl-7 {
    padding-top: 3.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pb-sm-7 {
    padding-bottom: 3.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-md-7 {
    padding-bottom: 3.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-lg-7 {
    padding-bottom: 3.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pb-xl-7 {
    padding-bottom: 3.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .px-sm-7 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .px-md-7 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .px-lg-7 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .px-xl-7 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .py-sm-7 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .py-md-7 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .py-lg-7 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .py-xl-7 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .m-sm-8 {
    margin: 4rem !important;
  }
}

@media screen and (min-width: 768px) {
  .m-md-8 {
    margin: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .m-lg-8 {
    margin: 4rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .m-xl-8 {
    margin: 4rem !important;
  }
}

@media screen and (min-width: 576px) {
  .ml-sm-8 {
    margin-left: 4rem !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-md-8 {
    margin-left: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ml-lg-8 {
    margin-left: 4rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .ml-xl-8 {
    margin-left: 4rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mr-sm-8 {
    margin-right: 4rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-md-8 {
    margin-right: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mr-lg-8 {
    margin-right: 4rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mr-xl-8 {
    margin-right: 4rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mt-sm-8 {
    margin-top: 4rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-md-8 {
    margin-top: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-lg-8 {
    margin-top: 4rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mt-xl-8 {
    margin-top: 4rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mb-sm-8 {
    margin-bottom: 4rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-md-8 {
    margin-bottom: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-lg-8 {
    margin-bottom: 4rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mb-xl-8 {
    margin-bottom: 4rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mx-sm-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-md-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-lg-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mx-xl-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}

@media screen and (min-width: 576px) {
  .my-sm-8 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}

@media screen and (min-width: 768px) {
  .my-md-8 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .my-lg-8 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .my-xl-8 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}

@media screen and (min-width: 576px) {
  .p-sm-8 {
    padding: 4rem !important;
  }
}

@media screen and (min-width: 768px) {
  .p-md-8 {
    padding: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .p-lg-8 {
    padding: 4rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .p-xl-8 {
    padding: 4rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pl-sm-8 {
    padding-left: 4rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-md-8 {
    padding-left: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pl-lg-8 {
    padding-left: 4rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pl-xl-8 {
    padding-left: 4rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pr-sm-8 {
    padding-right: 4rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-md-8 {
    padding-right: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pr-lg-8 {
    padding-right: 4rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pr-xl-8 {
    padding-right: 4rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pt-sm-8 {
    padding-top: 4rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-md-8 {
    padding-top: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-lg-8 {
    padding-top: 4rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pt-xl-8 {
    padding-top: 4rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pb-sm-8 {
    padding-bottom: 4rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-md-8 {
    padding-bottom: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-lg-8 {
    padding-bottom: 4rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pb-xl-8 {
    padding-bottom: 4rem !important;
  }
}

@media screen and (min-width: 576px) {
  .px-sm-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}

@media screen and (min-width: 768px) {
  .px-md-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .px-lg-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .px-xl-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}

@media screen and (min-width: 576px) {
  .py-sm-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}

@media screen and (min-width: 768px) {
  .py-md-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .py-lg-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .py-xl-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}

@media screen and (min-width: 576px) {
  .m-sm-9 {
    margin: 4.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .m-md-9 {
    margin: 4.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .m-lg-9 {
    margin: 4.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .m-xl-9 {
    margin: 4.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .ml-sm-9 {
    margin-left: 4.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-md-9 {
    margin-left: 4.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ml-lg-9 {
    margin-left: 4.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .ml-xl-9 {
    margin-left: 4.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mr-sm-9 {
    margin-right: 4.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-md-9 {
    margin-right: 4.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mr-lg-9 {
    margin-right: 4.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mr-xl-9 {
    margin-right: 4.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mt-sm-9 {
    margin-top: 4.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-md-9 {
    margin-top: 4.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-lg-9 {
    margin-top: 4.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mt-xl-9 {
    margin-top: 4.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mb-sm-9 {
    margin-bottom: 4.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-md-9 {
    margin-bottom: 4.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-lg-9 {
    margin-bottom: 4.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mb-xl-9 {
    margin-bottom: 4.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mx-sm-9 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-md-9 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-lg-9 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mx-xl-9 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .my-sm-9 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .my-md-9 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .my-lg-9 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .my-xl-9 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .p-sm-9 {
    padding: 4.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .p-md-9 {
    padding: 4.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .p-lg-9 {
    padding: 4.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .p-xl-9 {
    padding: 4.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pl-sm-9 {
    padding-left: 4.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-md-9 {
    padding-left: 4.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pl-lg-9 {
    padding-left: 4.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pl-xl-9 {
    padding-left: 4.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pr-sm-9 {
    padding-right: 4.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-md-9 {
    padding-right: 4.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pr-lg-9 {
    padding-right: 4.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pr-xl-9 {
    padding-right: 4.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pt-sm-9 {
    padding-top: 4.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-md-9 {
    padding-top: 4.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-lg-9 {
    padding-top: 4.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pt-xl-9 {
    padding-top: 4.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pb-sm-9 {
    padding-bottom: 4.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-md-9 {
    padding-bottom: 4.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-lg-9 {
    padding-bottom: 4.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pb-xl-9 {
    padding-bottom: 4.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .px-sm-9 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .px-md-9 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .px-lg-9 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .px-xl-9 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .py-sm-9 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .py-md-9 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .py-lg-9 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .py-xl-9 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .m-sm-10 {
    margin: 5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .m-md-10 {
    margin: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .m-lg-10 {
    margin: 5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .m-xl-10 {
    margin: 5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .ml-sm-10 {
    margin-left: 5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-md-10 {
    margin-left: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ml-lg-10 {
    margin-left: 5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .ml-xl-10 {
    margin-left: 5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mr-sm-10 {
    margin-right: 5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-md-10 {
    margin-right: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mr-lg-10 {
    margin-right: 5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mr-xl-10 {
    margin-right: 5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mt-sm-10 {
    margin-top: 5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-md-10 {
    margin-top: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-lg-10 {
    margin-top: 5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mt-xl-10 {
    margin-top: 5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mb-sm-10 {
    margin-bottom: 5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-md-10 {
    margin-bottom: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-lg-10 {
    margin-bottom: 5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mb-xl-10 {
    margin-bottom: 5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .mx-sm-10 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-md-10 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-lg-10 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .mx-xl-10 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .my-sm-10 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .my-md-10 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .my-lg-10 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .my-xl-10 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .p-sm-10 {
    padding: 5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .p-md-10 {
    padding: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .p-lg-10 {
    padding: 5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .p-xl-10 {
    padding: 5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pl-sm-10 {
    padding-left: 5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-md-10 {
    padding-left: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pl-lg-10 {
    padding-left: 5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pl-xl-10 {
    padding-left: 5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pr-sm-10 {
    padding-right: 5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-md-10 {
    padding-right: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pr-lg-10 {
    padding-right: 5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pr-xl-10 {
    padding-right: 5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pt-sm-10 {
    padding-top: 5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-md-10 {
    padding-top: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-lg-10 {
    padding-top: 5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pt-xl-10 {
    padding-top: 5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .pb-sm-10 {
    padding-bottom: 5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-md-10 {
    padding-bottom: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-lg-10 {
    padding-bottom: 5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .pb-xl-10 {
    padding-bottom: 5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .px-sm-10 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .px-md-10 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .px-lg-10 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .px-xl-10 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .py-sm-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .py-md-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .py-lg-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .py-xl-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .py-lg-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}

.mb-12 {
  margin-bottom: 6rem;
}

.mb-16 {
  margin-bottom: 8rem;
}

@media screen and (min-width: 576px) {
  .mb-sm-16 {
    margin-bottom: 8rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-lg-16 {
    margin-bottom: 8rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-lg-50 {
    margin-bottom: 25rem !important;
  }
}

.w-0 {
  width: 0 !important;
}

.h-0 {
  height: 0 !important;
}

.w-1rem {
  width: 1rem !important;
}

.h-1rem {
  height: 1rem !important;
}

.w-2rem {
  width: 2rem !important;
}

.h-2rem {
  height: 2rem !important;
}

.w-3rem {
  width: 3rem !important;
}

.h-3rem {
  height: 3rem !important;
}

.w-4rem {
  width: 4rem !important;
}

.h-4rem {
  height: 4rem !important;
}

.w-5rem {
  width: 5rem !important;
}

.h-5rem {
  height: 5rem !important;
}

.w-6rem {
  width: 6rem !important;
}

.h-6rem {
  height: 6rem !important;
}

.w-7rem {
  width: 7rem !important;
}

.h-7rem {
  height: 7rem !important;
}

.w-8rem {
  width: 8rem !important;
}

.h-8rem {
  height: 8rem !important;
}

.w-9rem {
  width: 9rem !important;
}

.h-9rem {
  height: 9rem !important;
}

.w-10rem {
  width: 10rem !important;
}

.h-10rem {
  height: 10rem !important;
}

.w-11rem {
  width: 11rem !important;
}

.h-11rem {
  height: 11rem !important;
}

.w-12rem {
  width: 12rem !important;
}

.h-12rem {
  height: 12rem !important;
}

.w-13rem {
  width: 13rem !important;
}

.h-13rem {
  height: 13rem !important;
}

.w-14rem {
  width: 14rem !important;
}

.h-14rem {
  height: 14rem !important;
}

.w-15rem {
  width: 15rem !important;
}

.h-15rem {
  height: 15rem !important;
}

.w-16rem {
  width: 16rem !important;
}

.h-16rem {
  height: 16rem !important;
}

.w-17rem {
  width: 17rem !important;
}

.h-17rem {
  height: 17rem !important;
}

.w-18rem {
  width: 18rem !important;
}

.h-18rem {
  height: 18rem !important;
}

.w-19rem {
  width: 19rem !important;
}

.h-19rem {
  height: 19rem !important;
}

.w-20rem {
  width: 20rem !important;
}

.h-20rem {
  height: 20rem !important;
}

.w-21rem {
  width: 21rem !important;
}

.h-21rem {
  height: 21rem !important;
}

.w-22rem {
  width: 22rem !important;
}

.h-22rem {
  height: 22rem !important;
}

.w-23rem {
  width: 23rem !important;
}

.h-23rem {
  height: 23rem !important;
}

.w-24rem {
  width: 24rem !important;
}

.h-24rem {
  height: 24rem !important;
}

.w-25rem {
  width: 25rem !important;
}

.h-25rem {
  height: 25rem !important;
}

.w-26rem {
  width: 26rem !important;
}

.h-26rem {
  height: 26rem !important;
}

.w-27rem {
  width: 27rem !important;
}

.h-27rem {
  height: 27rem !important;
}

.w-28rem {
  width: 28rem !important;
}

.h-28rem {
  height: 28rem !important;
}

.w-29rem {
  width: 29rem !important;
}

.h-29rem {
  height: 29rem !important;
}

.w-30rem {
  width: 30rem !important;
}

.h-30rem {
  height: 30rem !important;
}

.w-31rem {
  width: 31rem !important;
}

.h-31rem {
  height: 31rem !important;
}

.w-32rem {
  width: 32rem !important;
}

.h-32rem {
  height: 32rem !important;
}

.w-33rem {
  width: 33rem !important;
}

.h-33rem {
  height: 33rem !important;
}

.w-34rem {
  width: 34rem !important;
}

.h-34rem {
  height: 34rem !important;
}

.w-35rem {
  width: 35rem !important;
}

.h-35rem {
  height: 35rem !important;
}

.w-36rem {
  width: 36rem !important;
}

.h-36rem {
  height: 36rem !important;
}

.w-37rem {
  width: 37rem !important;
}

.h-37rem {
  height: 37rem !important;
}

.w-38rem {
  width: 38rem !important;
}

.h-38rem {
  height: 38rem !important;
}

.w-39rem {
  width: 39rem !important;
}

.h-39rem {
  height: 39rem !important;
}

.w-40rem {
  width: 40rem !important;
}

.h-40rem {
  height: 40rem !important;
}

.w-41rem {
  width: 41rem !important;
}

.h-41rem {
  height: 41rem !important;
}

.w-42rem {
  width: 42rem !important;
}

.h-42rem {
  height: 42rem !important;
}

.w-43rem {
  width: 43rem !important;
}

.h-43rem {
  height: 43rem !important;
}

.w-44rem {
  width: 44rem !important;
}

.h-44rem {
  height: 44rem !important;
}

.w-45rem {
  width: 45rem !important;
}

.h-45rem {
  height: 45rem !important;
}

.w-46rem {
  width: 46rem !important;
}

.h-46rem {
  height: 46rem !important;
}

.w-47rem {
  width: 47rem !important;
}

.h-47rem {
  height: 47rem !important;
}

.w-48rem {
  width: 48rem !important;
}

.h-48rem {
  height: 48rem !important;
}

.w-49rem {
  width: 49rem !important;
}

.h-49rem {
  height: 49rem !important;
}

.w-50rem {
  width: 50rem !important;
}

.h-50rem {
  height: 50rem !important;
}

.w-51rem {
  width: 51rem !important;
}

.h-51rem {
  height: 51rem !important;
}

.w-52rem {
  width: 52rem !important;
}

.h-52rem {
  height: 52rem !important;
}

.w-53rem {
  width: 53rem !important;
}

.h-53rem {
  height: 53rem !important;
}

.w-54rem {
  width: 54rem !important;
}

.h-54rem {
  height: 54rem !important;
}

.w-55rem {
  width: 55rem !important;
}

.h-55rem {
  height: 55rem !important;
}

.w-56rem {
  width: 56rem !important;
}

.h-56rem {
  height: 56rem !important;
}

.w-57rem {
  width: 57rem !important;
}

.h-57rem {
  height: 57rem !important;
}

.w-58rem {
  width: 58rem !important;
}

.h-58rem {
  height: 58rem !important;
}

.w-59rem {
  width: 59rem !important;
}

.h-59rem {
  height: 59rem !important;
}

.w-60rem {
  width: 60rem !important;
}

.h-60rem {
  height: 60rem !important;
}

.w-61rem {
  width: 61rem !important;
}

.h-61rem {
  height: 61rem !important;
}

.w-62rem {
  width: 62rem !important;
}

.h-62rem {
  height: 62rem !important;
}

.w-63rem {
  width: 63rem !important;
}

.h-63rem {
  height: 63rem !important;
}

.w-64rem {
  width: 64rem !important;
}

.h-64rem {
  height: 64rem !important;
}

.w-65rem {
  width: 65rem !important;
}

.h-65rem {
  height: 65rem !important;
}

.w-66rem {
  width: 66rem !important;
}

.h-66rem {
  height: 66rem !important;
}

.w-67rem {
  width: 67rem !important;
}

.h-67rem {
  height: 67rem !important;
}

.w-68rem {
  width: 68rem !important;
}

.h-68rem {
  height: 68rem !important;
}

.w-69rem {
  width: 69rem !important;
}

.h-69rem {
  height: 69rem !important;
}

.w-70rem {
  width: 70rem !important;
}

.h-70rem {
  height: 70rem !important;
}

.w-71rem {
  width: 71rem !important;
}

.h-71rem {
  height: 71rem !important;
}

.w-72rem {
  width: 72rem !important;
}

.h-72rem {
  height: 72rem !important;
}

.w-73rem {
  width: 73rem !important;
}

.h-73rem {
  height: 73rem !important;
}

.w-74rem {
  width: 74rem !important;
}

.h-74rem {
  height: 74rem !important;
}

.w-75rem {
  width: 75rem !important;
}

.h-75rem {
  height: 75rem !important;
}

.w-76rem {
  width: 76rem !important;
}

.h-76rem {
  height: 76rem !important;
}

.w-77rem {
  width: 77rem !important;
}

.h-77rem {
  height: 77rem !important;
}

.w-78rem {
  width: 78rem !important;
}

.h-78rem {
  height: 78rem !important;
}

.w-79rem {
  width: 79rem !important;
}

.h-79rem {
  height: 79rem !important;
}

.w-80rem {
  width: 80rem !important;
}

.h-80rem {
  height: 80rem !important;
}

.w-81rem {
  width: 81rem !important;
}

.h-81rem {
  height: 81rem !important;
}

.w-82rem {
  width: 82rem !important;
}

.h-82rem {
  height: 82rem !important;
}

.w-83rem {
  width: 83rem !important;
}

.h-83rem {
  height: 83rem !important;
}

.w-84rem {
  width: 84rem !important;
}

.h-84rem {
  height: 84rem !important;
}

.w-85rem {
  width: 85rem !important;
}

.h-85rem {
  height: 85rem !important;
}

.w-86rem {
  width: 86rem !important;
}

.h-86rem {
  height: 86rem !important;
}

.w-87rem {
  width: 87rem !important;
}

.h-87rem {
  height: 87rem !important;
}

.w-88rem {
  width: 88rem !important;
}

.h-88rem {
  height: 88rem !important;
}

.w-89rem {
  width: 89rem !important;
}

.h-89rem {
  height: 89rem !important;
}

.w-90rem {
  width: 90rem !important;
}

.h-90rem {
  height: 90rem !important;
}

.w-91rem {
  width: 91rem !important;
}

.h-91rem {
  height: 91rem !important;
}

.w-92rem {
  width: 92rem !important;
}

.h-92rem {
  height: 92rem !important;
}

.w-93rem {
  width: 93rem !important;
}

.h-93rem {
  height: 93rem !important;
}

.w-94rem {
  width: 94rem !important;
}

.h-94rem {
  height: 94rem !important;
}

.w-95rem {
  width: 95rem !important;
}

.h-95rem {
  height: 95rem !important;
}

.w-96rem {
  width: 96rem !important;
}

.h-96rem {
  height: 96rem !important;
}

.w-97rem {
  width: 97rem !important;
}

.h-97rem {
  height: 97rem !important;
}

.w-98rem {
  width: 98rem !important;
}

.h-98rem {
  height: 98rem !important;
}

.w-99rem {
  width: 99rem !important;
}

.h-99rem {
  height: 99rem !important;
}

.w-100rem {
  width: 100rem !important;
}

.h-100rem {
  height: 100rem !important;
}

@media screen and (min-width: 576px) {
  .w-sm-0 {
    width: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-0 {
    width: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-0 {
    width: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-0 {
    width: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-0 {
    height: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-0 {
    height: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-0 {
    height: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-0 {
    height: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-1rem {
    width: 1rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-1rem {
    width: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-1rem {
    width: 1rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-1rem {
    width: 1rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-1rem {
    height: 1rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-1rem {
    height: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-1rem {
    height: 1rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-1rem {
    height: 1rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-2rem {
    width: 2rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-2rem {
    width: 2rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-2rem {
    width: 2rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-2rem {
    width: 2rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-2rem {
    height: 2rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-2rem {
    height: 2rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-2rem {
    height: 2rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-2rem {
    height: 2rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-3rem {
    width: 3rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-3rem {
    width: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-3rem {
    width: 3rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-3rem {
    width: 3rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-3rem {
    height: 3rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-3rem {
    height: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-3rem {
    height: 3rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-3rem {
    height: 3rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-4rem {
    width: 4rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-4rem {
    width: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-4rem {
    width: 4rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-4rem {
    width: 4rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-4rem {
    height: 4rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-4rem {
    height: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-4rem {
    height: 4rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-4rem {
    height: 4rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-5rem {
    width: 5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-5rem {
    width: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-5rem {
    width: 5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-5rem {
    width: 5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-5rem {
    height: 5rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-5rem {
    height: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-5rem {
    height: 5rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-5rem {
    height: 5rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-6rem {
    width: 6rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-6rem {
    width: 6rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-6rem {
    width: 6rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-6rem {
    width: 6rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-6rem {
    height: 6rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-6rem {
    height: 6rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-6rem {
    height: 6rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-6rem {
    height: 6rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-7rem {
    width: 7rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-7rem {
    width: 7rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-7rem {
    width: 7rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-7rem {
    width: 7rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-7rem {
    height: 7rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-7rem {
    height: 7rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-7rem {
    height: 7rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-7rem {
    height: 7rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-8rem {
    width: 8rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-8rem {
    width: 8rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-8rem {
    width: 8rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-8rem {
    width: 8rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-8rem {
    height: 8rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-8rem {
    height: 8rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-8rem {
    height: 8rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-8rem {
    height: 8rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-9rem {
    width: 9rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-9rem {
    width: 9rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-9rem {
    width: 9rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-9rem {
    width: 9rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-9rem {
    height: 9rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-9rem {
    height: 9rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-9rem {
    height: 9rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-9rem {
    height: 9rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-10rem {
    width: 10rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-10rem {
    width: 10rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-10rem {
    width: 10rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-10rem {
    width: 10rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-10rem {
    height: 10rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-10rem {
    height: 10rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-10rem {
    height: 10rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-10rem {
    height: 10rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-11rem {
    width: 11rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-11rem {
    width: 11rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-11rem {
    width: 11rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-11rem {
    width: 11rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-11rem {
    height: 11rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-11rem {
    height: 11rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-11rem {
    height: 11rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-11rem {
    height: 11rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-12rem {
    width: 12rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-12rem {
    width: 12rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-12rem {
    width: 12rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-12rem {
    width: 12rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-12rem {
    height: 12rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-12rem {
    height: 12rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-12rem {
    height: 12rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-12rem {
    height: 12rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-13rem {
    width: 13rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-13rem {
    width: 13rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-13rem {
    width: 13rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-13rem {
    width: 13rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-13rem {
    height: 13rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-13rem {
    height: 13rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-13rem {
    height: 13rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-13rem {
    height: 13rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-14rem {
    width: 14rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-14rem {
    width: 14rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-14rem {
    width: 14rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-14rem {
    width: 14rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-14rem {
    height: 14rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-14rem {
    height: 14rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-14rem {
    height: 14rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-14rem {
    height: 14rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-15rem {
    width: 15rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-15rem {
    width: 15rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-15rem {
    width: 15rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-15rem {
    width: 15rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-15rem {
    height: 15rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-15rem {
    height: 15rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-15rem {
    height: 15rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-15rem {
    height: 15rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-16rem {
    width: 16rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-16rem {
    width: 16rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-16rem {
    width: 16rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-16rem {
    width: 16rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-16rem {
    height: 16rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-16rem {
    height: 16rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-16rem {
    height: 16rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-16rem {
    height: 16rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-17rem {
    width: 17rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-17rem {
    width: 17rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-17rem {
    width: 17rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-17rem {
    width: 17rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-17rem {
    height: 17rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-17rem {
    height: 17rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-17rem {
    height: 17rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-17rem {
    height: 17rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-18rem {
    width: 18rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-18rem {
    width: 18rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-18rem {
    width: 18rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-18rem {
    width: 18rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-18rem {
    height: 18rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-18rem {
    height: 18rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-18rem {
    height: 18rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-18rem {
    height: 18rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-19rem {
    width: 19rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-19rem {
    width: 19rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-19rem {
    width: 19rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-19rem {
    width: 19rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-19rem {
    height: 19rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-19rem {
    height: 19rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-19rem {
    height: 19rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-19rem {
    height: 19rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-20rem {
    width: 20rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-20rem {
    width: 20rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-20rem {
    width: 20rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-20rem {
    width: 20rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-20rem {
    height: 20rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-20rem {
    height: 20rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-20rem {
    height: 20rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-20rem {
    height: 20rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-21rem {
    width: 21rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-21rem {
    width: 21rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-21rem {
    width: 21rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-21rem {
    width: 21rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-21rem {
    height: 21rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-21rem {
    height: 21rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-21rem {
    height: 21rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-21rem {
    height: 21rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-22rem {
    width: 22rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-22rem {
    width: 22rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-22rem {
    width: 22rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-22rem {
    width: 22rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-22rem {
    height: 22rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-22rem {
    height: 22rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-22rem {
    height: 22rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-22rem {
    height: 22rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-23rem {
    width: 23rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-23rem {
    width: 23rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-23rem {
    width: 23rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-23rem {
    width: 23rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-23rem {
    height: 23rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-23rem {
    height: 23rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-23rem {
    height: 23rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-23rem {
    height: 23rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-24rem {
    width: 24rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-24rem {
    width: 24rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-24rem {
    width: 24rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-24rem {
    width: 24rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-24rem {
    height: 24rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-24rem {
    height: 24rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-24rem {
    height: 24rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-24rem {
    height: 24rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-25rem {
    width: 25rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-25rem {
    width: 25rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-25rem {
    width: 25rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-25rem {
    width: 25rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-25rem {
    height: 25rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-25rem {
    height: 25rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-25rem {
    height: 25rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-25rem {
    height: 25rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-26rem {
    width: 26rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-26rem {
    width: 26rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-26rem {
    width: 26rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-26rem {
    width: 26rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-26rem {
    height: 26rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-26rem {
    height: 26rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-26rem {
    height: 26rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-26rem {
    height: 26rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-27rem {
    width: 27rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-27rem {
    width: 27rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-27rem {
    width: 27rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-27rem {
    width: 27rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-27rem {
    height: 27rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-27rem {
    height: 27rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-27rem {
    height: 27rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-27rem {
    height: 27rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-28rem {
    width: 28rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-28rem {
    width: 28rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-28rem {
    width: 28rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-28rem {
    width: 28rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-28rem {
    height: 28rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-28rem {
    height: 28rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-28rem {
    height: 28rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-28rem {
    height: 28rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-29rem {
    width: 29rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-29rem {
    width: 29rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-29rem {
    width: 29rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-29rem {
    width: 29rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-29rem {
    height: 29rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-29rem {
    height: 29rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-29rem {
    height: 29rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-29rem {
    height: 29rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-30rem {
    width: 30rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-30rem {
    width: 30rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-30rem {
    width: 30rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-30rem {
    width: 30rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-30rem {
    height: 30rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-30rem {
    height: 30rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-30rem {
    height: 30rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-30rem {
    height: 30rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-31rem {
    width: 31rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-31rem {
    width: 31rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-31rem {
    width: 31rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-31rem {
    width: 31rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-31rem {
    height: 31rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-31rem {
    height: 31rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-31rem {
    height: 31rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-31rem {
    height: 31rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-32rem {
    width: 32rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-32rem {
    width: 32rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-32rem {
    width: 32rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-32rem {
    width: 32rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-32rem {
    height: 32rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-32rem {
    height: 32rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-32rem {
    height: 32rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-32rem {
    height: 32rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-33rem {
    width: 33rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-33rem {
    width: 33rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-33rem {
    width: 33rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-33rem {
    width: 33rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-33rem {
    height: 33rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-33rem {
    height: 33rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-33rem {
    height: 33rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-33rem {
    height: 33rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-34rem {
    width: 34rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-34rem {
    width: 34rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-34rem {
    width: 34rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-34rem {
    width: 34rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-34rem {
    height: 34rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-34rem {
    height: 34rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-34rem {
    height: 34rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-34rem {
    height: 34rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-35rem {
    width: 35rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-35rem {
    width: 35rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-35rem {
    width: 35rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-35rem {
    width: 35rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-35rem {
    height: 35rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-35rem {
    height: 35rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-35rem {
    height: 35rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-35rem {
    height: 35rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-36rem {
    width: 36rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-36rem {
    width: 36rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-36rem {
    width: 36rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-36rem {
    width: 36rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-36rem {
    height: 36rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-36rem {
    height: 36rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-36rem {
    height: 36rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-36rem {
    height: 36rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-37rem {
    width: 37rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-37rem {
    width: 37rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-37rem {
    width: 37rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-37rem {
    width: 37rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-37rem {
    height: 37rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-37rem {
    height: 37rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-37rem {
    height: 37rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-37rem {
    height: 37rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-38rem {
    width: 38rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-38rem {
    width: 38rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-38rem {
    width: 38rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-38rem {
    width: 38rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-38rem {
    height: 38rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-38rem {
    height: 38rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-38rem {
    height: 38rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-38rem {
    height: 38rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-39rem {
    width: 39rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-39rem {
    width: 39rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-39rem {
    width: 39rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-39rem {
    width: 39rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-39rem {
    height: 39rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-39rem {
    height: 39rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-39rem {
    height: 39rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-39rem {
    height: 39rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-40rem {
    width: 40rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-40rem {
    width: 40rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-40rem {
    width: 40rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-40rem {
    width: 40rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-40rem {
    height: 40rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-40rem {
    height: 40rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-40rem {
    height: 40rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-40rem {
    height: 40rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-41rem {
    width: 41rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-41rem {
    width: 41rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-41rem {
    width: 41rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-41rem {
    width: 41rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-41rem {
    height: 41rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-41rem {
    height: 41rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-41rem {
    height: 41rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-41rem {
    height: 41rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-42rem {
    width: 42rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-42rem {
    width: 42rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-42rem {
    width: 42rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-42rem {
    width: 42rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-42rem {
    height: 42rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-42rem {
    height: 42rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-42rem {
    height: 42rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-42rem {
    height: 42rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-43rem {
    width: 43rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-43rem {
    width: 43rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-43rem {
    width: 43rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-43rem {
    width: 43rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-43rem {
    height: 43rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-43rem {
    height: 43rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-43rem {
    height: 43rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-43rem {
    height: 43rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-44rem {
    width: 44rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-44rem {
    width: 44rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-44rem {
    width: 44rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-44rem {
    width: 44rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-44rem {
    height: 44rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-44rem {
    height: 44rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-44rem {
    height: 44rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-44rem {
    height: 44rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-45rem {
    width: 45rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-45rem {
    width: 45rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-45rem {
    width: 45rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-45rem {
    width: 45rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-45rem {
    height: 45rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-45rem {
    height: 45rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-45rem {
    height: 45rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-45rem {
    height: 45rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-46rem {
    width: 46rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-46rem {
    width: 46rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-46rem {
    width: 46rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-46rem {
    width: 46rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-46rem {
    height: 46rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-46rem {
    height: 46rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-46rem {
    height: 46rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-46rem {
    height: 46rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-47rem {
    width: 47rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-47rem {
    width: 47rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-47rem {
    width: 47rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-47rem {
    width: 47rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-47rem {
    height: 47rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-47rem {
    height: 47rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-47rem {
    height: 47rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-47rem {
    height: 47rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-48rem {
    width: 48rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-48rem {
    width: 48rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-48rem {
    width: 48rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-48rem {
    width: 48rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-48rem {
    height: 48rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-48rem {
    height: 48rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-48rem {
    height: 48rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-48rem {
    height: 48rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-49rem {
    width: 49rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-49rem {
    width: 49rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-49rem {
    width: 49rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-49rem {
    width: 49rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-49rem {
    height: 49rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-49rem {
    height: 49rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-49rem {
    height: 49rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-49rem {
    height: 49rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-50rem {
    width: 50rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-50rem {
    width: 50rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-50rem {
    width: 50rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-50rem {
    width: 50rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-50rem {
    height: 50rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-50rem {
    height: 50rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-50rem {
    height: 50rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-50rem {
    height: 50rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-51rem {
    width: 51rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-51rem {
    width: 51rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-51rem {
    width: 51rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-51rem {
    width: 51rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-51rem {
    height: 51rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-51rem {
    height: 51rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-51rem {
    height: 51rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-51rem {
    height: 51rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-52rem {
    width: 52rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-52rem {
    width: 52rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-52rem {
    width: 52rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-52rem {
    width: 52rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-52rem {
    height: 52rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-52rem {
    height: 52rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-52rem {
    height: 52rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-52rem {
    height: 52rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-53rem {
    width: 53rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-53rem {
    width: 53rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-53rem {
    width: 53rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-53rem {
    width: 53rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-53rem {
    height: 53rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-53rem {
    height: 53rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-53rem {
    height: 53rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-53rem {
    height: 53rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-54rem {
    width: 54rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-54rem {
    width: 54rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-54rem {
    width: 54rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-54rem {
    width: 54rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-54rem {
    height: 54rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-54rem {
    height: 54rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-54rem {
    height: 54rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-54rem {
    height: 54rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-55rem {
    width: 55rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-55rem {
    width: 55rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-55rem {
    width: 55rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-55rem {
    width: 55rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-55rem {
    height: 55rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-55rem {
    height: 55rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-55rem {
    height: 55rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-55rem {
    height: 55rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-56rem {
    width: 56rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-56rem {
    width: 56rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-56rem {
    width: 56rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-56rem {
    width: 56rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-56rem {
    height: 56rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-56rem {
    height: 56rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-56rem {
    height: 56rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-56rem {
    height: 56rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-57rem {
    width: 57rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-57rem {
    width: 57rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-57rem {
    width: 57rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-57rem {
    width: 57rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-57rem {
    height: 57rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-57rem {
    height: 57rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-57rem {
    height: 57rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-57rem {
    height: 57rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-58rem {
    width: 58rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-58rem {
    width: 58rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-58rem {
    width: 58rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-58rem {
    width: 58rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-58rem {
    height: 58rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-58rem {
    height: 58rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-58rem {
    height: 58rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-58rem {
    height: 58rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-59rem {
    width: 59rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-59rem {
    width: 59rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-59rem {
    width: 59rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-59rem {
    width: 59rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-59rem {
    height: 59rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-59rem {
    height: 59rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-59rem {
    height: 59rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-59rem {
    height: 59rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-60rem {
    width: 60rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-60rem {
    width: 60rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-60rem {
    width: 60rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-60rem {
    width: 60rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-60rem {
    height: 60rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-60rem {
    height: 60rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-60rem {
    height: 60rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-60rem {
    height: 60rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-61rem {
    width: 61rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-61rem {
    width: 61rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-61rem {
    width: 61rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-61rem {
    width: 61rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-61rem {
    height: 61rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-61rem {
    height: 61rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-61rem {
    height: 61rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-61rem {
    height: 61rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-62rem {
    width: 62rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-62rem {
    width: 62rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-62rem {
    width: 62rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-62rem {
    width: 62rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-62rem {
    height: 62rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-62rem {
    height: 62rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-62rem {
    height: 62rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-62rem {
    height: 62rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-63rem {
    width: 63rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-63rem {
    width: 63rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-63rem {
    width: 63rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-63rem {
    width: 63rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-63rem {
    height: 63rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-63rem {
    height: 63rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-63rem {
    height: 63rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-63rem {
    height: 63rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-64rem {
    width: 64rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-64rem {
    width: 64rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-64rem {
    width: 64rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-64rem {
    width: 64rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-64rem {
    height: 64rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-64rem {
    height: 64rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-64rem {
    height: 64rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-64rem {
    height: 64rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-65rem {
    width: 65rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-65rem {
    width: 65rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-65rem {
    width: 65rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-65rem {
    width: 65rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-65rem {
    height: 65rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-65rem {
    height: 65rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-65rem {
    height: 65rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-65rem {
    height: 65rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-66rem {
    width: 66rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-66rem {
    width: 66rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-66rem {
    width: 66rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-66rem {
    width: 66rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-66rem {
    height: 66rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-66rem {
    height: 66rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-66rem {
    height: 66rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-66rem {
    height: 66rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-67rem {
    width: 67rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-67rem {
    width: 67rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-67rem {
    width: 67rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-67rem {
    width: 67rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-67rem {
    height: 67rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-67rem {
    height: 67rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-67rem {
    height: 67rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-67rem {
    height: 67rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-68rem {
    width: 68rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-68rem {
    width: 68rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-68rem {
    width: 68rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-68rem {
    width: 68rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-68rem {
    height: 68rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-68rem {
    height: 68rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-68rem {
    height: 68rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-68rem {
    height: 68rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-69rem {
    width: 69rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-69rem {
    width: 69rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-69rem {
    width: 69rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-69rem {
    width: 69rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-69rem {
    height: 69rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-69rem {
    height: 69rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-69rem {
    height: 69rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-69rem {
    height: 69rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-70rem {
    width: 70rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-70rem {
    width: 70rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-70rem {
    width: 70rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-70rem {
    width: 70rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-70rem {
    height: 70rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-70rem {
    height: 70rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-70rem {
    height: 70rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-70rem {
    height: 70rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-71rem {
    width: 71rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-71rem {
    width: 71rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-71rem {
    width: 71rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-71rem {
    width: 71rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-71rem {
    height: 71rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-71rem {
    height: 71rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-71rem {
    height: 71rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-71rem {
    height: 71rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-72rem {
    width: 72rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-72rem {
    width: 72rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-72rem {
    width: 72rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-72rem {
    width: 72rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-72rem {
    height: 72rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-72rem {
    height: 72rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-72rem {
    height: 72rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-72rem {
    height: 72rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-73rem {
    width: 73rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-73rem {
    width: 73rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-73rem {
    width: 73rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-73rem {
    width: 73rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-73rem {
    height: 73rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-73rem {
    height: 73rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-73rem {
    height: 73rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-73rem {
    height: 73rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-74rem {
    width: 74rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-74rem {
    width: 74rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-74rem {
    width: 74rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-74rem {
    width: 74rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-74rem {
    height: 74rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-74rem {
    height: 74rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-74rem {
    height: 74rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-74rem {
    height: 74rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-75rem {
    width: 75rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-75rem {
    width: 75rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-75rem {
    width: 75rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-75rem {
    width: 75rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-75rem {
    height: 75rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-75rem {
    height: 75rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-75rem {
    height: 75rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-75rem {
    height: 75rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-76rem {
    width: 76rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-76rem {
    width: 76rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-76rem {
    width: 76rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-76rem {
    width: 76rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-76rem {
    height: 76rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-76rem {
    height: 76rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-76rem {
    height: 76rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-76rem {
    height: 76rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-77rem {
    width: 77rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-77rem {
    width: 77rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-77rem {
    width: 77rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-77rem {
    width: 77rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-77rem {
    height: 77rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-77rem {
    height: 77rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-77rem {
    height: 77rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-77rem {
    height: 77rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-78rem {
    width: 78rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-78rem {
    width: 78rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-78rem {
    width: 78rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-78rem {
    width: 78rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-78rem {
    height: 78rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-78rem {
    height: 78rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-78rem {
    height: 78rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-78rem {
    height: 78rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-79rem {
    width: 79rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-79rem {
    width: 79rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-79rem {
    width: 79rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-79rem {
    width: 79rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-79rem {
    height: 79rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-79rem {
    height: 79rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-79rem {
    height: 79rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-79rem {
    height: 79rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-80rem {
    width: 80rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-80rem {
    width: 80rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-80rem {
    width: 80rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-80rem {
    width: 80rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-80rem {
    height: 80rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-80rem {
    height: 80rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-80rem {
    height: 80rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-80rem {
    height: 80rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-81rem {
    width: 81rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-81rem {
    width: 81rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-81rem {
    width: 81rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-81rem {
    width: 81rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-81rem {
    height: 81rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-81rem {
    height: 81rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-81rem {
    height: 81rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-81rem {
    height: 81rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-82rem {
    width: 82rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-82rem {
    width: 82rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-82rem {
    width: 82rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-82rem {
    width: 82rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-82rem {
    height: 82rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-82rem {
    height: 82rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-82rem {
    height: 82rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-82rem {
    height: 82rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-83rem {
    width: 83rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-83rem {
    width: 83rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-83rem {
    width: 83rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-83rem {
    width: 83rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-83rem {
    height: 83rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-83rem {
    height: 83rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-83rem {
    height: 83rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-83rem {
    height: 83rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-84rem {
    width: 84rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-84rem {
    width: 84rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-84rem {
    width: 84rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-84rem {
    width: 84rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-84rem {
    height: 84rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-84rem {
    height: 84rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-84rem {
    height: 84rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-84rem {
    height: 84rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-85rem {
    width: 85rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-85rem {
    width: 85rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-85rem {
    width: 85rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-85rem {
    width: 85rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-85rem {
    height: 85rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-85rem {
    height: 85rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-85rem {
    height: 85rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-85rem {
    height: 85rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-86rem {
    width: 86rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-86rem {
    width: 86rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-86rem {
    width: 86rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-86rem {
    width: 86rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-86rem {
    height: 86rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-86rem {
    height: 86rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-86rem {
    height: 86rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-86rem {
    height: 86rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-87rem {
    width: 87rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-87rem {
    width: 87rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-87rem {
    width: 87rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-87rem {
    width: 87rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-87rem {
    height: 87rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-87rem {
    height: 87rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-87rem {
    height: 87rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-87rem {
    height: 87rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-88rem {
    width: 88rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-88rem {
    width: 88rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-88rem {
    width: 88rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-88rem {
    width: 88rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-88rem {
    height: 88rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-88rem {
    height: 88rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-88rem {
    height: 88rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-88rem {
    height: 88rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-89rem {
    width: 89rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-89rem {
    width: 89rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-89rem {
    width: 89rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-89rem {
    width: 89rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-89rem {
    height: 89rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-89rem {
    height: 89rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-89rem {
    height: 89rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-89rem {
    height: 89rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-90rem {
    width: 90rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-90rem {
    width: 90rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-90rem {
    width: 90rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-90rem {
    width: 90rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-90rem {
    height: 90rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-90rem {
    height: 90rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-90rem {
    height: 90rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-90rem {
    height: 90rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-91rem {
    width: 91rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-91rem {
    width: 91rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-91rem {
    width: 91rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-91rem {
    width: 91rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-91rem {
    height: 91rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-91rem {
    height: 91rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-91rem {
    height: 91rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-91rem {
    height: 91rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-92rem {
    width: 92rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-92rem {
    width: 92rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-92rem {
    width: 92rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-92rem {
    width: 92rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-92rem {
    height: 92rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-92rem {
    height: 92rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-92rem {
    height: 92rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-92rem {
    height: 92rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-93rem {
    width: 93rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-93rem {
    width: 93rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-93rem {
    width: 93rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-93rem {
    width: 93rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-93rem {
    height: 93rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-93rem {
    height: 93rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-93rem {
    height: 93rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-93rem {
    height: 93rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-94rem {
    width: 94rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-94rem {
    width: 94rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-94rem {
    width: 94rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-94rem {
    width: 94rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-94rem {
    height: 94rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-94rem {
    height: 94rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-94rem {
    height: 94rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-94rem {
    height: 94rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-95rem {
    width: 95rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-95rem {
    width: 95rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-95rem {
    width: 95rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-95rem {
    width: 95rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-95rem {
    height: 95rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-95rem {
    height: 95rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-95rem {
    height: 95rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-95rem {
    height: 95rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-96rem {
    width: 96rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-96rem {
    width: 96rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-96rem {
    width: 96rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-96rem {
    width: 96rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-96rem {
    height: 96rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-96rem {
    height: 96rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-96rem {
    height: 96rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-96rem {
    height: 96rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-97rem {
    width: 97rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-97rem {
    width: 97rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-97rem {
    width: 97rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-97rem {
    width: 97rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-97rem {
    height: 97rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-97rem {
    height: 97rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-97rem {
    height: 97rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-97rem {
    height: 97rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-98rem {
    width: 98rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-98rem {
    width: 98rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-98rem {
    width: 98rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-98rem {
    width: 98rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-98rem {
    height: 98rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-98rem {
    height: 98rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-98rem {
    height: 98rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-98rem {
    height: 98rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-99rem {
    width: 99rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-99rem {
    width: 99rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-99rem {
    width: 99rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-99rem {
    width: 99rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-99rem {
    height: 99rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-99rem {
    height: 99rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-99rem {
    height: 99rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-99rem {
    height: 99rem !important;
  }
}

@media screen and (min-width: 576px) {
  .w-sm-100rem {
    width: 100rem !important;
  }
}

@media screen and (min-width: 768px) {
  .w-md-100rem {
    width: 100rem !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-100rem {
    width: 100rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .w-xl-100rem {
    width: 100rem !important;
  }
}

@media screen and (min-width: 576px) {
  .h-sm-100rem {
    height: 100rem !important;
  }
}

@media screen and (min-width: 768px) {
  .h-md-100rem {
    height: 100rem !important;
  }
}

@media screen and (min-width: 992px) {
  .h-lg-100rem {
    height: 100rem !important;
  }
}

@media screen and (min-width: 1200px) {
  .h-xl-100rem {
    height: 100rem !important;
  }
}

.w-25 {
  width: 25%;
}

@media screen and (min-width: 576px) {
  .w-sm-25 {
    width: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .w-md-25 {
    width: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-25 {
    width: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .w-xl-25 {
    width: 25% !important;
  }
}
.h-25 {
  height: 25%;
}

@media screen and (min-width: 576px) {
  .h-sm-25 {
    height: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .h-md-25 {
    height: 25% !important;
  }
}
@media screen and (min-width: 992px) {
  .h-lg-25 {
    height: 25% !important;
  }
}
@media screen and (min-width: 1200px) {
  .h-xl-25 {
    height: 25% !important;
  }
}
.w-50 {
  width: 50%;
}

@media screen and (min-width: 576px) {
  .w-sm-50 {
    width: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .w-md-50 {
    width: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-50 {
    width: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .w-xl-50 {
    width: 50% !important;
  }
}
.h-50 {
  height: 50%;
}

@media screen and (min-width: 576px) {
  .h-sm-50 {
    height: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .h-md-50 {
    height: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .h-lg-50 {
    height: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .h-xl-50 {
    height: 50% !important;
  }
}
.w-75 {
  width: 75%;
}

@media screen and (min-width: 576px) {
  .w-sm-75 {
    width: 75% !important;
  }
}
@media screen and (min-width: 768px) {
  .w-md-75 {
    width: 75% !important;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-75 {
    width: 75% !important;
  }
}
@media screen and (min-width: 1200px) {
  .w-xl-75 {
    width: 75% !important;
  }
}
.h-75 {
  height: 75%;
}

@media screen and (min-width: 576px) {
  .h-sm-75 {
    height: 75% !important;
  }
}
@media screen and (min-width: 768px) {
  .h-md-75 {
    height: 75% !important;
  }
}
@media screen and (min-width: 992px) {
  .h-lg-75 {
    height: 75% !important;
  }
}
@media screen and (min-width: 1200px) {
  .h-xl-75 {
    height: 75% !important;
  }
}
.w-100 {
  width: 100%;
}

@media screen and (min-width: 576px) {
  .w-sm-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .w-md-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .w-xl-100 {
    width: 100% !important;
  }
}
.h-100 {
  height: 100%;
}

@media screen and (min-width: 576px) {
  .h-sm-100 {
    height: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .h-md-100 {
    height: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .h-lg-100 {
    height: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .h-xl-100 {
    height: 100% !important;
  }
}
.obj-fit {
  overflow: hidden;
}
.obj-fit.obj-fit-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.obj-fit.obj-fit-contain img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.obj-fit.obj-fit-fill img,
.obj-fit.obj-fit-fill video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

#row-lightgallery [data-src] {
  transition: all 0.4s ease-in;
}
#row-lightgallery [data-src]:hover {
  cursor: pointer;
  transform: scale(1.02);
}

[data-aos=card-story-left] {
  opacity: 0;
  transform: translateX(-40%) rotate(0deg) !important;
  transition-property: all;
}
[data-aos=card-story-left].aos-animate {
  opacity: 1;
  transform: translateX(0) rotate(4deg) !important;
}

[data-aos=card-story-right] {
  opacity: 0;
  transform: translateX(40%) rotate(0deg) !important;
  transition-property: all;
}
[data-aos=card-story-right].aos-animate {
  opacity: 1;
  transform: translateX(0) rotate(-4deg) !important;
}

@keyframes opening-hide {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(1rem);
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    opacity: 0;
  }
}
@keyframes pop-out {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}/*# sourceMappingURL=app.css.map */