@charset "UTF-8";
/* Farben */
/* Helleres Grün */
/* Dunkelgrau */
/* Schriftarten */
/* Input Felder */
/* IconFont generiert über Fontastic.com */
/* Line Height */
/* Spacing */
/* für Cards */
/* Abstand innerhalb einer Box zum Inhalt */
/* Auflösungen für Mixins --------------------- */
/* 2 ist der max Space Faktor */
html {
  overflow-x: hidden;
  height: 100%;
}

/*Textlinks*/
body {
  font-family: "Open Sans";
  font-weight: 400;
  height: 100%;
  color: #000;
  line-height: 1.375rem;
}

/*Schriftarten*/
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/7BEfcHnkApwO.woff") format("woff"); /* Modern Browsers */
}
/* image Helper */
.mwidth100 {
  min-width: 100%;
}

.wauto {
  width: auto !important;
}

.bg-c1 {
  background-color: #1f50a1 !important;
}

.bg-c2 {
  background-color: #333333 !important;
}

.bg-c3 {
  background-color: #2993bc !important;
}

.bg-c4 {
  background-color: #34CCAA !important;
}

.bg-cw {
  background-color: #FFF !important;
}

.bgo-15 {
  background-color: rgba(0, 0, 0, 0.5);
}

.bg-cover {
  background-repeat: no-repeat;
  background-size: cover;
}

.bold {
  font-weight: 600;
}

.tcenter {
  text-align: center !important;
}

.tleft {
  text-align: left !important;
}
.tleft > * {
  text-align: center;
}
@media (min-width: 768px) {
  .tleft > * {
    text-align: left;
  }
}

.tright {
  text-align: right !important;
}

.fright {
  float: right;
}

.fleft {
  float: left;
}

/* Line Height */
.lh3 {
  line-height: 4.125rem;
}

.lh4 {
  line-height: 4.125rem;
}

/* Margin & Padding */
.mp0 {
  margin: 0 !important;
  padding: 0 !important;
}

.p0 {
  padding: 0 !important;
}

/*  */
.b1-cw {
  border: 1px solid #fff !important;
}

/* Border Radius */
.bradius2 {
  border-radius: 2px;
}

.bradius3 {
  border-radius: 3px;
}

.bradius4 {
  border-radius: 4px;
}

.bradius5 {
  border-radius: 5px;
}

.bradius10 {
  border-radius: 10px;
}

/* Border */
.br1-c2 {
  border-right: 1px solid #333333;
}

.br2-c2 {
  border-right: 2px solid #333333;
}

.br3-c2 {
  border-right: 3px solid #333333;
}

.br4-c2 {
  border-right: 4px solid #333333;
}

.br5-c2 {
  border-right: 5px solid #333333;
}

.bb3-c2 {
  border-bottom: 3px solid #333333;
}

.p1 {
  padding: 1.375rem !important;
}

.p2 {
  padding: 2.75rem !important;
}

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

.py05 {
  padding-top: 0.6875rem !important;
  padding-bottom: 0.6875rem !important;
}

.py1 {
  padding-top: 1.375rem !important;
  padding-bottom: 1.375rem !important;
}

.py2 {
  padding-top: 2.75rem !important;
  padding-bottom: 2.75rem !important;
}

.py3 {
  padding-top: 4.125rem !important;
  padding-bottom: 4.125rem !important;
}

.py4 {
  padding-top: 5.5rem !important;
  padding-bottom: 5.5rem !important;
}

.px0 {
  padding-left: 0;
  padding-right: 0;
}

.px1 {
  padding-left: 1.375rem !important;
  padding-right: 1.375rem !important;
}

.px2 {
  padding-left: 2.75rem !important;
  padding-right: 2.75rem !important;
}

.img-contain {
  object-fit: contain;
}

.img-cover {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}

@media (min-width: 992px) {
  .px2-lg {
    padding-left: 2.75rem !important;
    padding-right: 2.75rem !important;
  }
  .lh1-lg {
    line-height: 1.375rem;
  }
  .lh2-lg {
    line-height: 2.75rem;
  }
  .tcenter-lg {
    text-align: center;
  }
  .tleft-lg {
    text-align: left !important;
  }
  .tright-lg {
    text-align: right !important;
  }
  .pb1-lg {
    padding-bottom: 4px !important;
  }
  .mb0-lg {
    margin-bottom: 0 !important;
  }
}
.pt0 {
  padding-top: 0rem !important;
}
.pt1 {
  padding-top: 1.375rem !important;
}
.pt2 {
  padding-top: 2.75rem !important;
}
.pt3 {
  padding-top: 4.125rem !important;
}
.pt4 {
  padding-top: 5.5rem !important;
}
.pt5 {
  padding-top: 6.875rem !important;
}

.b0 {
  border: none !important;
}

.px1 {
  padding-left: 1.375rem !important;
  padding-right: 1.375rem !important;
}

.px2 {
  padding-left: 2.75rem !important;
  padding-right: 2.75rem !important;
}

.py2 {
  padding-top: 2.75rem !important;
  padding-bottom: 2.75rem !important;
}

.pr10 {
  padding-right: 20px !important;
}
@media (min-width: 576px) {
  .pr10 {
    padding-right: 20px !important;
  }
}
@media (min-width: 768px) {
  .pr10 {
    padding-right: 40px !important;
  }
}
@media (min-width: 992px) {
  .pr10 {
    padding-right: 80px !important;
  }
}
@media (min-width: 1200px) {
  .pr10 {
    padding-right: 80px !important;
  }
}
@media (min-width: 1920px) {
  .pr10 {
    padding-right: 80px !important;
  }
}
@media (min-width: 576px) {
  .pr10sm {
    padding-right: 20px !important;
  }
}
@media (min-width: 768px) {
  .pr10md {
    padding-right: 40px !important;
  }
}
@media (min-width: 992px) {
  .pr10lg {
    padding-right: 80px !important;
  }
}
@media (min-width: 1200px) {
  .pr10xl {
    padding-right: 80px !important;
  }
}
@media (min-width: 1920px) {
  .pr10xxl {
    padding-right: 160px !important;
  }
}

.pl10 {
  padding-left: 20px !important;
}
@media (min-width: 576px) {
  .pl10 {
    padding-left: 20px !important;
  }
}
@media (min-width: 768px) {
  .pl10 {
    padding-left: 40px !important;
  }
}
@media (min-width: 992px) {
  .pl10 {
    padding-left: 80px !important;
  }
}
@media (min-width: 1200px) {
  .pl10 {
    padding-left: 80px !important;
  }
}
@media (min-width: 1920px) {
  .pl10 {
    padding-left: 80px !important;
  }
}
@media (min-width: 576px) {
  .pl10sm {
    padding-left: 20px !important;
  }
}
@media (min-width: 768px) {
  .pl10md {
    padding-left: 40px !important;
  }
}
@media (min-width: 992px) {
  .pl10lg {
    padding-left: 80px !important;
  }
}
@media (min-width: 1200px) {
  .pl10xl {
    padding-left: 80px !important;
  }
}
@media (min-width: 1920px) {
  .pl10xxl {
    padding-left: 160px !important;
  }
}

.pt10 {
  padding-top: 20px !important;
}
@media (min-width: 576px) {
  .pt10 {
    padding-top: 20px !important;
  }
}
@media (min-width: 768px) {
  .pt10 {
    padding-top: 40px !important;
  }
}
@media (min-width: 992px) {
  .pt10 {
    padding-top: 80px !important;
  }
}
@media (min-width: 1200px) {
  .pt10 {
    padding-top: 80px !important;
  }
}
@media (min-width: 1920px) {
  .pt10 {
    padding-top: 80px !important;
  }
}
@media (min-width: 576px) {
  .pt10sm {
    padding-top: 20px !important;
  }
}
@media (min-width: 768px) {
  .pt10md {
    padding-top: 40px !important;
  }
}
@media (min-width: 992px) {
  .pt10lg {
    padding-top: 80px !important;
  }
}
@media (min-width: 1200px) {
  .pt10xl {
    padding-top: 80px !important;
  }
}
@media (min-width: 1920px) {
  .pt10xxl {
    padding-top: 160px !important;
  }
}

.pb10 {
  padding-bottom: 20px !important;
}
@media (min-width: 576px) {
  .pb10 {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 768px) {
  .pb10 {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 992px) {
  .pb10 {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 1200px) {
  .pb10 {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 1920px) {
  .pb10 {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 576px) {
  .pb10sm {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 768px) {
  .pb10md {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 992px) {
  .pb10lg {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 1200px) {
  .pb10xl {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 1920px) {
  .pb10xxl {
    padding-bottom: 160px !important;
  }
}

.mr10 {
  margin-right: 20px !important;
}
@media (min-width: 576px) {
  .mr10 {
    margin-right: 20px !important;
  }
}
@media (min-width: 768px) {
  .mr10 {
    margin-right: 40px !important;
  }
}
@media (min-width: 992px) {
  .mr10 {
    margin-right: 80px !important;
  }
}
@media (min-width: 1200px) {
  .mr10 {
    margin-right: 80px !important;
  }
}
@media (min-width: 1920px) {
  .mr10 {
    margin-right: 80px !important;
  }
}
@media (min-width: 576px) {
  .mr10sm {
    margin-right: 20px !important;
  }
}
@media (min-width: 768px) {
  .mr10md {
    margin-right: 40px !important;
  }
}
@media (min-width: 992px) {
  .mr10lg {
    margin-right: 80px !important;
  }
}
@media (min-width: 1200px) {
  .mr10xl {
    margin-right: 80px !important;
  }
}
@media (min-width: 1920px) {
  .mr10xxl {
    margin-right: 160px !important;
  }
}

.ml10 {
  margin-left: 20px !important;
}
@media (min-width: 576px) {
  .ml10 {
    margin-left: 20px !important;
  }
}
@media (min-width: 768px) {
  .ml10 {
    margin-left: 40px !important;
  }
}
@media (min-width: 992px) {
  .ml10 {
    margin-left: 80px !important;
  }
}
@media (min-width: 1200px) {
  .ml10 {
    margin-left: 80px !important;
  }
}
@media (min-width: 1920px) {
  .ml10 {
    margin-left: 80px !important;
  }
}
@media (min-width: 576px) {
  .ml10sm {
    margin-left: 20px !important;
  }
}
@media (min-width: 768px) {
  .ml10md {
    margin-left: 40px !important;
  }
}
@media (min-width: 992px) {
  .ml10lg {
    margin-left: 80px !important;
  }
}
@media (min-width: 1200px) {
  .ml10xl {
    margin-left: 80px !important;
  }
}
@media (min-width: 1920px) {
  .ml10xxl {
    margin-left: 160px !important;
  }
}

.mt10 {
  margin-top: 20px !important;
}
@media (min-width: 576px) {
  .mt10 {
    margin-top: 20px !important;
  }
}
@media (min-width: 768px) {
  .mt10 {
    margin-top: 40px !important;
  }
}
@media (min-width: 992px) {
  .mt10 {
    margin-top: 80px !important;
  }
}
@media (min-width: 1200px) {
  .mt10 {
    margin-top: 80px !important;
  }
}
@media (min-width: 1920px) {
  .mt10 {
    margin-top: 80px !important;
  }
}
@media (min-width: 576px) {
  .mt10sm {
    margin-top: 20px !important;
  }
}
@media (min-width: 768px) {
  .mt10md {
    margin-top: 40px !important;
  }
}
@media (min-width: 992px) {
  .mt10lg {
    margin-top: 80px !important;
  }
}
@media (min-width: 1200px) {
  .mt10xl {
    margin-top: 80px !important;
  }
}
@media (min-width: 1920px) {
  .mt10xxl {
    margin-top: 160px !important;
  }
}

.mb10 {
  margin-bottom: 20px !important;
}
@media (min-width: 576px) {
  .mb10 {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 768px) {
  .mb10 {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 992px) {
  .mb10 {
    margin-bottom: 80px !important;
  }
}
@media (min-width: 1200px) {
  .mb10 {
    margin-bottom: 80px !important;
  }
}
@media (min-width: 1920px) {
  .mb10 {
    margin-bottom: 80px !important;
  }
}
@media (min-width: 576px) {
  .mb10sm {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 768px) {
  .mb10md {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 992px) {
  .mb10lg {
    margin-bottom: 80px !important;
  }
}
@media (min-width: 1200px) {
  .mb10xl {
    margin-bottom: 80px !important;
  }
}
@media (min-width: 1920px) {
  .mb10xxl {
    margin-bottom: 160px !important;
  }
}

.minh10 {
  min-height: 20px !important;
}
@media (min-width: 576px) {
  .minh10 {
    min-height: 20px !important;
  }
}
@media (min-width: 768px) {
  .minh10 {
    min-height: 40px !important;
  }
}
@media (min-width: 992px) {
  .minh10 {
    min-height: 80px !important;
  }
}
@media (min-width: 1200px) {
  .minh10 {
    min-height: 80px !important;
  }
}
@media (min-width: 1920px) {
  .minh10 {
    min-height: 80px !important;
  }
}
@media (min-width: 576px) {
  .minh10sm {
    min-height: 20px !important;
  }
}
@media (min-width: 768px) {
  .minh10md {
    min-height: 40px !important;
  }
}
@media (min-width: 992px) {
  .minh10lg {
    min-height: 80px !important;
  }
}
@media (min-width: 1200px) {
  .minh10xl {
    min-height: 80px !important;
  }
}
@media (min-width: 1920px) {
  .minh10xxl {
    min-height: 160px !important;
  }
}

.maxh10 {
  max-height: 20px !important;
}
@media (min-width: 576px) {
  .maxh10 {
    max-height: 20px !important;
  }
}
@media (min-width: 768px) {
  .maxh10 {
    max-height: 40px !important;
  }
}
@media (min-width: 992px) {
  .maxh10 {
    max-height: 80px !important;
  }
}
@media (min-width: 1200px) {
  .maxh10 {
    max-height: 80px !important;
  }
}
@media (min-width: 1920px) {
  .maxh10 {
    max-height: 80px !important;
  }
}
@media (min-width: 576px) {
  .maxh10sm {
    max-height: 20px !important;
  }
}
@media (min-width: 768px) {
  .maxh10md {
    max-height: 40px !important;
  }
}
@media (min-width: 992px) {
  .maxh10lg {
    max-height: 80px !important;
  }
}
@media (min-width: 1200px) {
  .maxh10xl {
    max-height: 80px !important;
  }
}
@media (min-width: 1920px) {
  .maxh10xxl {
    max-height: 160px !important;
  }
}

.maxw10 {
  max-width: 20px !important;
}
@media (min-width: 576px) {
  .maxw10 {
    max-width: 20px !important;
  }
}
@media (min-width: 768px) {
  .maxw10 {
    max-width: 40px !important;
  }
}
@media (min-width: 992px) {
  .maxw10 {
    max-width: 80px !important;
  }
}
@media (min-width: 1200px) {
  .maxw10 {
    max-width: 80px !important;
  }
}
@media (min-width: 1920px) {
  .maxw10 {
    max-width: 80px !important;
  }
}
@media (min-width: 576px) {
  .maxw10sm {
    max-width: 20px !important;
  }
}
@media (min-width: 768px) {
  .maxw10md {
    max-width: 40px !important;
  }
}
@media (min-width: 992px) {
  .maxw10lg {
    max-width: 80px !important;
  }
}
@media (min-width: 1200px) {
  .maxw10xl {
    max-width: 80px !important;
  }
}
@media (min-width: 1920px) {
  .maxw10xxl {
    max-width: 160px !important;
  }
}

.pr15 {
  padding-right: 30px !important;
}
@media (min-width: 576px) {
  .pr15 {
    padding-right: 30px !important;
  }
}
@media (min-width: 768px) {
  .pr15 {
    padding-right: 60px !important;
  }
}
@media (min-width: 992px) {
  .pr15 {
    padding-right: 120px !important;
  }
}
@media (min-width: 1200px) {
  .pr15 {
    padding-right: 120px !important;
  }
}
@media (min-width: 1920px) {
  .pr15 {
    padding-right: 120px !important;
  }
}
@media (min-width: 576px) {
  .pr15sm {
    padding-right: 30px !important;
  }
}
@media (min-width: 768px) {
  .pr15md {
    padding-right: 60px !important;
  }
}
@media (min-width: 992px) {
  .pr15lg {
    padding-right: 120px !important;
  }
}
@media (min-width: 1200px) {
  .pr15xl {
    padding-right: 120px !important;
  }
}
@media (min-width: 1920px) {
  .pr15xxl {
    padding-right: 240px !important;
  }
}

.pl15 {
  padding-left: 30px !important;
}
@media (min-width: 576px) {
  .pl15 {
    padding-left: 30px !important;
  }
}
@media (min-width: 768px) {
  .pl15 {
    padding-left: 60px !important;
  }
}
@media (min-width: 992px) {
  .pl15 {
    padding-left: 120px !important;
  }
}
@media (min-width: 1200px) {
  .pl15 {
    padding-left: 120px !important;
  }
}
@media (min-width: 1920px) {
  .pl15 {
    padding-left: 120px !important;
  }
}
@media (min-width: 576px) {
  .pl15sm {
    padding-left: 30px !important;
  }
}
@media (min-width: 768px) {
  .pl15md {
    padding-left: 60px !important;
  }
}
@media (min-width: 992px) {
  .pl15lg {
    padding-left: 120px !important;
  }
}
@media (min-width: 1200px) {
  .pl15xl {
    padding-left: 120px !important;
  }
}
@media (min-width: 1920px) {
  .pl15xxl {
    padding-left: 240px !important;
  }
}

.pt15 {
  padding-top: 30px !important;
}
@media (min-width: 576px) {
  .pt15 {
    padding-top: 30px !important;
  }
}
@media (min-width: 768px) {
  .pt15 {
    padding-top: 60px !important;
  }
}
@media (min-width: 992px) {
  .pt15 {
    padding-top: 120px !important;
  }
}
@media (min-width: 1200px) {
  .pt15 {
    padding-top: 120px !important;
  }
}
@media (min-width: 1920px) {
  .pt15 {
    padding-top: 120px !important;
  }
}
@media (min-width: 576px) {
  .pt15sm {
    padding-top: 30px !important;
  }
}
@media (min-width: 768px) {
  .pt15md {
    padding-top: 60px !important;
  }
}
@media (min-width: 992px) {
  .pt15lg {
    padding-top: 120px !important;
  }
}
@media (min-width: 1200px) {
  .pt15xl {
    padding-top: 120px !important;
  }
}
@media (min-width: 1920px) {
  .pt15xxl {
    padding-top: 240px !important;
  }
}

.pb15 {
  padding-bottom: 30px !important;
}
@media (min-width: 576px) {
  .pb15 {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 768px) {
  .pb15 {
    padding-bottom: 60px !important;
  }
}
@media (min-width: 992px) {
  .pb15 {
    padding-bottom: 120px !important;
  }
}
@media (min-width: 1200px) {
  .pb15 {
    padding-bottom: 120px !important;
  }
}
@media (min-width: 1920px) {
  .pb15 {
    padding-bottom: 120px !important;
  }
}
@media (min-width: 576px) {
  .pb15sm {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 768px) {
  .pb15md {
    padding-bottom: 60px !important;
  }
}
@media (min-width: 992px) {
  .pb15lg {
    padding-bottom: 120px !important;
  }
}
@media (min-width: 1200px) {
  .pb15xl {
    padding-bottom: 120px !important;
  }
}
@media (min-width: 1920px) {
  .pb15xxl {
    padding-bottom: 240px !important;
  }
}

.mr15 {
  margin-right: 30px !important;
}
@media (min-width: 576px) {
  .mr15 {
    margin-right: 30px !important;
  }
}
@media (min-width: 768px) {
  .mr15 {
    margin-right: 60px !important;
  }
}
@media (min-width: 992px) {
  .mr15 {
    margin-right: 120px !important;
  }
}
@media (min-width: 1200px) {
  .mr15 {
    margin-right: 120px !important;
  }
}
@media (min-width: 1920px) {
  .mr15 {
    margin-right: 120px !important;
  }
}
@media (min-width: 576px) {
  .mr15sm {
    margin-right: 30px !important;
  }
}
@media (min-width: 768px) {
  .mr15md {
    margin-right: 60px !important;
  }
}
@media (min-width: 992px) {
  .mr15lg {
    margin-right: 120px !important;
  }
}
@media (min-width: 1200px) {
  .mr15xl {
    margin-right: 120px !important;
  }
}
@media (min-width: 1920px) {
  .mr15xxl {
    margin-right: 240px !important;
  }
}

.ml15 {
  margin-left: 30px !important;
}
@media (min-width: 576px) {
  .ml15 {
    margin-left: 30px !important;
  }
}
@media (min-width: 768px) {
  .ml15 {
    margin-left: 60px !important;
  }
}
@media (min-width: 992px) {
  .ml15 {
    margin-left: 120px !important;
  }
}
@media (min-width: 1200px) {
  .ml15 {
    margin-left: 120px !important;
  }
}
@media (min-width: 1920px) {
  .ml15 {
    margin-left: 120px !important;
  }
}
@media (min-width: 576px) {
  .ml15sm {
    margin-left: 30px !important;
  }
}
@media (min-width: 768px) {
  .ml15md {
    margin-left: 60px !important;
  }
}
@media (min-width: 992px) {
  .ml15lg {
    margin-left: 120px !important;
  }
}
@media (min-width: 1200px) {
  .ml15xl {
    margin-left: 120px !important;
  }
}
@media (min-width: 1920px) {
  .ml15xxl {
    margin-left: 240px !important;
  }
}

.mt15 {
  margin-top: 30px !important;
}
@media (min-width: 576px) {
  .mt15 {
    margin-top: 30px !important;
  }
}
@media (min-width: 768px) {
  .mt15 {
    margin-top: 60px !important;
  }
}
@media (min-width: 992px) {
  .mt15 {
    margin-top: 120px !important;
  }
}
@media (min-width: 1200px) {
  .mt15 {
    margin-top: 120px !important;
  }
}
@media (min-width: 1920px) {
  .mt15 {
    margin-top: 120px !important;
  }
}
@media (min-width: 576px) {
  .mt15sm {
    margin-top: 30px !important;
  }
}
@media (min-width: 768px) {
  .mt15md {
    margin-top: 60px !important;
  }
}
@media (min-width: 992px) {
  .mt15lg {
    margin-top: 120px !important;
  }
}
@media (min-width: 1200px) {
  .mt15xl {
    margin-top: 120px !important;
  }
}
@media (min-width: 1920px) {
  .mt15xxl {
    margin-top: 240px !important;
  }
}

.mb15 {
  margin-bottom: 30px !important;
}
@media (min-width: 576px) {
  .mb15 {
    margin-bottom: 30px !important;
  }
}
@media (min-width: 768px) {
  .mb15 {
    margin-bottom: 60px !important;
  }
}
@media (min-width: 992px) {
  .mb15 {
    margin-bottom: 120px !important;
  }
}
@media (min-width: 1200px) {
  .mb15 {
    margin-bottom: 120px !important;
  }
}
@media (min-width: 1920px) {
  .mb15 {
    margin-bottom: 120px !important;
  }
}
@media (min-width: 576px) {
  .mb15sm {
    margin-bottom: 30px !important;
  }
}
@media (min-width: 768px) {
  .mb15md {
    margin-bottom: 60px !important;
  }
}
@media (min-width: 992px) {
  .mb15lg {
    margin-bottom: 120px !important;
  }
}
@media (min-width: 1200px) {
  .mb15xl {
    margin-bottom: 120px !important;
  }
}
@media (min-width: 1920px) {
  .mb15xxl {
    margin-bottom: 240px !important;
  }
}

.minh15 {
  min-height: 30px !important;
}
@media (min-width: 576px) {
  .minh15 {
    min-height: 30px !important;
  }
}
@media (min-width: 768px) {
  .minh15 {
    min-height: 60px !important;
  }
}
@media (min-width: 992px) {
  .minh15 {
    min-height: 120px !important;
  }
}
@media (min-width: 1200px) {
  .minh15 {
    min-height: 120px !important;
  }
}
@media (min-width: 1920px) {
  .minh15 {
    min-height: 120px !important;
  }
}
@media (min-width: 576px) {
  .minh15sm {
    min-height: 30px !important;
  }
}
@media (min-width: 768px) {
  .minh15md {
    min-height: 60px !important;
  }
}
@media (min-width: 992px) {
  .minh15lg {
    min-height: 120px !important;
  }
}
@media (min-width: 1200px) {
  .minh15xl {
    min-height: 120px !important;
  }
}
@media (min-width: 1920px) {
  .minh15xxl {
    min-height: 240px !important;
  }
}

.maxh15 {
  max-height: 30px !important;
}
@media (min-width: 576px) {
  .maxh15 {
    max-height: 30px !important;
  }
}
@media (min-width: 768px) {
  .maxh15 {
    max-height: 60px !important;
  }
}
@media (min-width: 992px) {
  .maxh15 {
    max-height: 120px !important;
  }
}
@media (min-width: 1200px) {
  .maxh15 {
    max-height: 120px !important;
  }
}
@media (min-width: 1920px) {
  .maxh15 {
    max-height: 120px !important;
  }
}
@media (min-width: 576px) {
  .maxh15sm {
    max-height: 30px !important;
  }
}
@media (min-width: 768px) {
  .maxh15md {
    max-height: 60px !important;
  }
}
@media (min-width: 992px) {
  .maxh15lg {
    max-height: 120px !important;
  }
}
@media (min-width: 1200px) {
  .maxh15xl {
    max-height: 120px !important;
  }
}
@media (min-width: 1920px) {
  .maxh15xxl {
    max-height: 240px !important;
  }
}

.maxw15 {
  max-width: 30px !important;
}
@media (min-width: 576px) {
  .maxw15 {
    max-width: 30px !important;
  }
}
@media (min-width: 768px) {
  .maxw15 {
    max-width: 60px !important;
  }
}
@media (min-width: 992px) {
  .maxw15 {
    max-width: 120px !important;
  }
}
@media (min-width: 1200px) {
  .maxw15 {
    max-width: 120px !important;
  }
}
@media (min-width: 1920px) {
  .maxw15 {
    max-width: 120px !important;
  }
}
@media (min-width: 576px) {
  .maxw15sm {
    max-width: 30px !important;
  }
}
@media (min-width: 768px) {
  .maxw15md {
    max-width: 60px !important;
  }
}
@media (min-width: 992px) {
  .maxw15lg {
    max-width: 120px !important;
  }
}
@media (min-width: 1200px) {
  .maxw15xl {
    max-width: 120px !important;
  }
}
@media (min-width: 1920px) {
  .maxw15xxl {
    max-width: 240px !important;
  }
}

.pr20 {
  padding-right: 40px !important;
}
@media (min-width: 576px) {
  .pr20 {
    padding-right: 40px !important;
  }
}
@media (min-width: 768px) {
  .pr20 {
    padding-right: 80px !important;
  }
}
@media (min-width: 992px) {
  .pr20 {
    padding-right: 160px !important;
  }
}
@media (min-width: 1200px) {
  .pr20 {
    padding-right: 160px !important;
  }
}
@media (min-width: 1920px) {
  .pr20 {
    padding-right: 160px !important;
  }
}
@media (min-width: 576px) {
  .pr20sm {
    padding-right: 40px !important;
  }
}
@media (min-width: 768px) {
  .pr20md {
    padding-right: 80px !important;
  }
}
@media (min-width: 992px) {
  .pr20lg {
    padding-right: 160px !important;
  }
}
@media (min-width: 1200px) {
  .pr20xl {
    padding-right: 160px !important;
  }
}
@media (min-width: 1920px) {
  .pr20xxl {
    padding-right: 320px !important;
  }
}

.pl20 {
  padding-left: 40px !important;
}
@media (min-width: 576px) {
  .pl20 {
    padding-left: 40px !important;
  }
}
@media (min-width: 768px) {
  .pl20 {
    padding-left: 80px !important;
  }
}
@media (min-width: 992px) {
  .pl20 {
    padding-left: 160px !important;
  }
}
@media (min-width: 1200px) {
  .pl20 {
    padding-left: 160px !important;
  }
}
@media (min-width: 1920px) {
  .pl20 {
    padding-left: 160px !important;
  }
}
@media (min-width: 576px) {
  .pl20sm {
    padding-left: 40px !important;
  }
}
@media (min-width: 768px) {
  .pl20md {
    padding-left: 80px !important;
  }
}
@media (min-width: 992px) {
  .pl20lg {
    padding-left: 160px !important;
  }
}
@media (min-width: 1200px) {
  .pl20xl {
    padding-left: 160px !important;
  }
}
@media (min-width: 1920px) {
  .pl20xxl {
    padding-left: 320px !important;
  }
}

.pt20 {
  padding-top: 40px !important;
}
@media (min-width: 576px) {
  .pt20 {
    padding-top: 40px !important;
  }
}
@media (min-width: 768px) {
  .pt20 {
    padding-top: 80px !important;
  }
}
@media (min-width: 992px) {
  .pt20 {
    padding-top: 160px !important;
  }
}
@media (min-width: 1200px) {
  .pt20 {
    padding-top: 160px !important;
  }
}
@media (min-width: 1920px) {
  .pt20 {
    padding-top: 160px !important;
  }
}
@media (min-width: 576px) {
  .pt20sm {
    padding-top: 40px !important;
  }
}
@media (min-width: 768px) {
  .pt20md {
    padding-top: 80px !important;
  }
}
@media (min-width: 992px) {
  .pt20lg {
    padding-top: 160px !important;
  }
}
@media (min-width: 1200px) {
  .pt20xl {
    padding-top: 160px !important;
  }
}
@media (min-width: 1920px) {
  .pt20xxl {
    padding-top: 320px !important;
  }
}

.pb20 {
  padding-bottom: 40px !important;
}
@media (min-width: 576px) {
  .pb20 {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 768px) {
  .pb20 {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 992px) {
  .pb20 {
    padding-bottom: 160px !important;
  }
}
@media (min-width: 1200px) {
  .pb20 {
    padding-bottom: 160px !important;
  }
}
@media (min-width: 1920px) {
  .pb20 {
    padding-bottom: 160px !important;
  }
}
@media (min-width: 576px) {
  .pb20sm {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 768px) {
  .pb20md {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 992px) {
  .pb20lg {
    padding-bottom: 160px !important;
  }
}
@media (min-width: 1200px) {
  .pb20xl {
    padding-bottom: 160px !important;
  }
}
@media (min-width: 1920px) {
  .pb20xxl {
    padding-bottom: 320px !important;
  }
}

.mr20 {
  margin-right: 40px !important;
}
@media (min-width: 576px) {
  .mr20 {
    margin-right: 40px !important;
  }
}
@media (min-width: 768px) {
  .mr20 {
    margin-right: 80px !important;
  }
}
@media (min-width: 992px) {
  .mr20 {
    margin-right: 160px !important;
  }
}
@media (min-width: 1200px) {
  .mr20 {
    margin-right: 160px !important;
  }
}
@media (min-width: 1920px) {
  .mr20 {
    margin-right: 160px !important;
  }
}
@media (min-width: 576px) {
  .mr20sm {
    margin-right: 40px !important;
  }
}
@media (min-width: 768px) {
  .mr20md {
    margin-right: 80px !important;
  }
}
@media (min-width: 992px) {
  .mr20lg {
    margin-right: 160px !important;
  }
}
@media (min-width: 1200px) {
  .mr20xl {
    margin-right: 160px !important;
  }
}
@media (min-width: 1920px) {
  .mr20xxl {
    margin-right: 320px !important;
  }
}

.ml20 {
  margin-left: 40px !important;
}
@media (min-width: 576px) {
  .ml20 {
    margin-left: 40px !important;
  }
}
@media (min-width: 768px) {
  .ml20 {
    margin-left: 80px !important;
  }
}
@media (min-width: 992px) {
  .ml20 {
    margin-left: 160px !important;
  }
}
@media (min-width: 1200px) {
  .ml20 {
    margin-left: 160px !important;
  }
}
@media (min-width: 1920px) {
  .ml20 {
    margin-left: 160px !important;
  }
}
@media (min-width: 576px) {
  .ml20sm {
    margin-left: 40px !important;
  }
}
@media (min-width: 768px) {
  .ml20md {
    margin-left: 80px !important;
  }
}
@media (min-width: 992px) {
  .ml20lg {
    margin-left: 160px !important;
  }
}
@media (min-width: 1200px) {
  .ml20xl {
    margin-left: 160px !important;
  }
}
@media (min-width: 1920px) {
  .ml20xxl {
    margin-left: 320px !important;
  }
}

.mt20 {
  margin-top: 40px !important;
}
@media (min-width: 576px) {
  .mt20 {
    margin-top: 40px !important;
  }
}
@media (min-width: 768px) {
  .mt20 {
    margin-top: 80px !important;
  }
}
@media (min-width: 992px) {
  .mt20 {
    margin-top: 160px !important;
  }
}
@media (min-width: 1200px) {
  .mt20 {
    margin-top: 160px !important;
  }
}
@media (min-width: 1920px) {
  .mt20 {
    margin-top: 160px !important;
  }
}
@media (min-width: 576px) {
  .mt20sm {
    margin-top: 40px !important;
  }
}
@media (min-width: 768px) {
  .mt20md {
    margin-top: 80px !important;
  }
}
@media (min-width: 992px) {
  .mt20lg {
    margin-top: 160px !important;
  }
}
@media (min-width: 1200px) {
  .mt20xl {
    margin-top: 160px !important;
  }
}
@media (min-width: 1920px) {
  .mt20xxl {
    margin-top: 320px !important;
  }
}

.mb20 {
  margin-bottom: 40px !important;
}
@media (min-width: 576px) {
  .mb20 {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 768px) {
  .mb20 {
    margin-bottom: 80px !important;
  }
}
@media (min-width: 992px) {
  .mb20 {
    margin-bottom: 160px !important;
  }
}
@media (min-width: 1200px) {
  .mb20 {
    margin-bottom: 160px !important;
  }
}
@media (min-width: 1920px) {
  .mb20 {
    margin-bottom: 160px !important;
  }
}
@media (min-width: 576px) {
  .mb20sm {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 768px) {
  .mb20md {
    margin-bottom: 80px !important;
  }
}
@media (min-width: 992px) {
  .mb20lg {
    margin-bottom: 160px !important;
  }
}
@media (min-width: 1200px) {
  .mb20xl {
    margin-bottom: 160px !important;
  }
}
@media (min-width: 1920px) {
  .mb20xxl {
    margin-bottom: 320px !important;
  }
}

.minh20 {
  min-height: 40px !important;
}
@media (min-width: 576px) {
  .minh20 {
    min-height: 40px !important;
  }
}
@media (min-width: 768px) {
  .minh20 {
    min-height: 80px !important;
  }
}
@media (min-width: 992px) {
  .minh20 {
    min-height: 160px !important;
  }
}
@media (min-width: 1200px) {
  .minh20 {
    min-height: 160px !important;
  }
}
@media (min-width: 1920px) {
  .minh20 {
    min-height: 160px !important;
  }
}
@media (min-width: 576px) {
  .minh20sm {
    min-height: 40px !important;
  }
}
@media (min-width: 768px) {
  .minh20md {
    min-height: 80px !important;
  }
}
@media (min-width: 992px) {
  .minh20lg {
    min-height: 160px !important;
  }
}
@media (min-width: 1200px) {
  .minh20xl {
    min-height: 160px !important;
  }
}
@media (min-width: 1920px) {
  .minh20xxl {
    min-height: 320px !important;
  }
}

.maxh20 {
  max-height: 40px !important;
}
@media (min-width: 576px) {
  .maxh20 {
    max-height: 40px !important;
  }
}
@media (min-width: 768px) {
  .maxh20 {
    max-height: 80px !important;
  }
}
@media (min-width: 992px) {
  .maxh20 {
    max-height: 160px !important;
  }
}
@media (min-width: 1200px) {
  .maxh20 {
    max-height: 160px !important;
  }
}
@media (min-width: 1920px) {
  .maxh20 {
    max-height: 160px !important;
  }
}
@media (min-width: 576px) {
  .maxh20sm {
    max-height: 40px !important;
  }
}
@media (min-width: 768px) {
  .maxh20md {
    max-height: 80px !important;
  }
}
@media (min-width: 992px) {
  .maxh20lg {
    max-height: 160px !important;
  }
}
@media (min-width: 1200px) {
  .maxh20xl {
    max-height: 160px !important;
  }
}
@media (min-width: 1920px) {
  .maxh20xxl {
    max-height: 320px !important;
  }
}

.maxw20 {
  max-width: 40px !important;
}
@media (min-width: 576px) {
  .maxw20 {
    max-width: 40px !important;
  }
}
@media (min-width: 768px) {
  .maxw20 {
    max-width: 80px !important;
  }
}
@media (min-width: 992px) {
  .maxw20 {
    max-width: 160px !important;
  }
}
@media (min-width: 1200px) {
  .maxw20 {
    max-width: 160px !important;
  }
}
@media (min-width: 1920px) {
  .maxw20 {
    max-width: 160px !important;
  }
}
@media (min-width: 576px) {
  .maxw20sm {
    max-width: 40px !important;
  }
}
@media (min-width: 768px) {
  .maxw20md {
    max-width: 80px !important;
  }
}
@media (min-width: 992px) {
  .maxw20lg {
    max-width: 160px !important;
  }
}
@media (min-width: 1200px) {
  .maxw20xl {
    max-width: 160px !important;
  }
}
@media (min-width: 1920px) {
  .maxw20xxl {
    max-width: 320px !important;
  }
}

.pr25 {
  padding-right: 50px !important;
}
@media (min-width: 576px) {
  .pr25 {
    padding-right: 50px !important;
  }
}
@media (min-width: 768px) {
  .pr25 {
    padding-right: 100px !important;
  }
}
@media (min-width: 992px) {
  .pr25 {
    padding-right: 200px !important;
  }
}
@media (min-width: 1200px) {
  .pr25 {
    padding-right: 200px !important;
  }
}
@media (min-width: 1920px) {
  .pr25 {
    padding-right: 200px !important;
  }
}
@media (min-width: 576px) {
  .pr25sm {
    padding-right: 50px !important;
  }
}
@media (min-width: 768px) {
  .pr25md {
    padding-right: 100px !important;
  }
}
@media (min-width: 992px) {
  .pr25lg {
    padding-right: 200px !important;
  }
}
@media (min-width: 1200px) {
  .pr25xl {
    padding-right: 200px !important;
  }
}
@media (min-width: 1920px) {
  .pr25xxl {
    padding-right: 400px !important;
  }
}

.pl25 {
  padding-left: 50px !important;
}
@media (min-width: 576px) {
  .pl25 {
    padding-left: 50px !important;
  }
}
@media (min-width: 768px) {
  .pl25 {
    padding-left: 100px !important;
  }
}
@media (min-width: 992px) {
  .pl25 {
    padding-left: 200px !important;
  }
}
@media (min-width: 1200px) {
  .pl25 {
    padding-left: 200px !important;
  }
}
@media (min-width: 1920px) {
  .pl25 {
    padding-left: 200px !important;
  }
}
@media (min-width: 576px) {
  .pl25sm {
    padding-left: 50px !important;
  }
}
@media (min-width: 768px) {
  .pl25md {
    padding-left: 100px !important;
  }
}
@media (min-width: 992px) {
  .pl25lg {
    padding-left: 200px !important;
  }
}
@media (min-width: 1200px) {
  .pl25xl {
    padding-left: 200px !important;
  }
}
@media (min-width: 1920px) {
  .pl25xxl {
    padding-left: 400px !important;
  }
}

.pt25 {
  padding-top: 50px !important;
}
@media (min-width: 576px) {
  .pt25 {
    padding-top: 50px !important;
  }
}
@media (min-width: 768px) {
  .pt25 {
    padding-top: 100px !important;
  }
}
@media (min-width: 992px) {
  .pt25 {
    padding-top: 200px !important;
  }
}
@media (min-width: 1200px) {
  .pt25 {
    padding-top: 200px !important;
  }
}
@media (min-width: 1920px) {
  .pt25 {
    padding-top: 200px !important;
  }
}
@media (min-width: 576px) {
  .pt25sm {
    padding-top: 50px !important;
  }
}
@media (min-width: 768px) {
  .pt25md {
    padding-top: 100px !important;
  }
}
@media (min-width: 992px) {
  .pt25lg {
    padding-top: 200px !important;
  }
}
@media (min-width: 1200px) {
  .pt25xl {
    padding-top: 200px !important;
  }
}
@media (min-width: 1920px) {
  .pt25xxl {
    padding-top: 400px !important;
  }
}

.pb25 {
  padding-bottom: 50px !important;
}
@media (min-width: 576px) {
  .pb25 {
    padding-bottom: 50px !important;
  }
}
@media (min-width: 768px) {
  .pb25 {
    padding-bottom: 100px !important;
  }
}
@media (min-width: 992px) {
  .pb25 {
    padding-bottom: 200px !important;
  }
}
@media (min-width: 1200px) {
  .pb25 {
    padding-bottom: 200px !important;
  }
}
@media (min-width: 1920px) {
  .pb25 {
    padding-bottom: 200px !important;
  }
}
@media (min-width: 576px) {
  .pb25sm {
    padding-bottom: 50px !important;
  }
}
@media (min-width: 768px) {
  .pb25md {
    padding-bottom: 100px !important;
  }
}
@media (min-width: 992px) {
  .pb25lg {
    padding-bottom: 200px !important;
  }
}
@media (min-width: 1200px) {
  .pb25xl {
    padding-bottom: 200px !important;
  }
}
@media (min-width: 1920px) {
  .pb25xxl {
    padding-bottom: 400px !important;
  }
}

.mr25 {
  margin-right: 50px !important;
}
@media (min-width: 576px) {
  .mr25 {
    margin-right: 50px !important;
  }
}
@media (min-width: 768px) {
  .mr25 {
    margin-right: 100px !important;
  }
}
@media (min-width: 992px) {
  .mr25 {
    margin-right: 200px !important;
  }
}
@media (min-width: 1200px) {
  .mr25 {
    margin-right: 200px !important;
  }
}
@media (min-width: 1920px) {
  .mr25 {
    margin-right: 200px !important;
  }
}
@media (min-width: 576px) {
  .mr25sm {
    margin-right: 50px !important;
  }
}
@media (min-width: 768px) {
  .mr25md {
    margin-right: 100px !important;
  }
}
@media (min-width: 992px) {
  .mr25lg {
    margin-right: 200px !important;
  }
}
@media (min-width: 1200px) {
  .mr25xl {
    margin-right: 200px !important;
  }
}
@media (min-width: 1920px) {
  .mr25xxl {
    margin-right: 400px !important;
  }
}

.ml25 {
  margin-left: 50px !important;
}
@media (min-width: 576px) {
  .ml25 {
    margin-left: 50px !important;
  }
}
@media (min-width: 768px) {
  .ml25 {
    margin-left: 100px !important;
  }
}
@media (min-width: 992px) {
  .ml25 {
    margin-left: 200px !important;
  }
}
@media (min-width: 1200px) {
  .ml25 {
    margin-left: 200px !important;
  }
}
@media (min-width: 1920px) {
  .ml25 {
    margin-left: 200px !important;
  }
}
@media (min-width: 576px) {
  .ml25sm {
    margin-left: 50px !important;
  }
}
@media (min-width: 768px) {
  .ml25md {
    margin-left: 100px !important;
  }
}
@media (min-width: 992px) {
  .ml25lg {
    margin-left: 200px !important;
  }
}
@media (min-width: 1200px) {
  .ml25xl {
    margin-left: 200px !important;
  }
}
@media (min-width: 1920px) {
  .ml25xxl {
    margin-left: 400px !important;
  }
}

.mt25 {
  margin-top: 50px !important;
}
@media (min-width: 576px) {
  .mt25 {
    margin-top: 50px !important;
  }
}
@media (min-width: 768px) {
  .mt25 {
    margin-top: 100px !important;
  }
}
@media (min-width: 992px) {
  .mt25 {
    margin-top: 200px !important;
  }
}
@media (min-width: 1200px) {
  .mt25 {
    margin-top: 200px !important;
  }
}
@media (min-width: 1920px) {
  .mt25 {
    margin-top: 200px !important;
  }
}
@media (min-width: 576px) {
  .mt25sm {
    margin-top: 50px !important;
  }
}
@media (min-width: 768px) {
  .mt25md {
    margin-top: 100px !important;
  }
}
@media (min-width: 992px) {
  .mt25lg {
    margin-top: 200px !important;
  }
}
@media (min-width: 1200px) {
  .mt25xl {
    margin-top: 200px !important;
  }
}
@media (min-width: 1920px) {
  .mt25xxl {
    margin-top: 400px !important;
  }
}

.mb25 {
  margin-bottom: 50px !important;
}
@media (min-width: 576px) {
  .mb25 {
    margin-bottom: 50px !important;
  }
}
@media (min-width: 768px) {
  .mb25 {
    margin-bottom: 100px !important;
  }
}
@media (min-width: 992px) {
  .mb25 {
    margin-bottom: 200px !important;
  }
}
@media (min-width: 1200px) {
  .mb25 {
    margin-bottom: 200px !important;
  }
}
@media (min-width: 1920px) {
  .mb25 {
    margin-bottom: 200px !important;
  }
}
@media (min-width: 576px) {
  .mb25sm {
    margin-bottom: 50px !important;
  }
}
@media (min-width: 768px) {
  .mb25md {
    margin-bottom: 100px !important;
  }
}
@media (min-width: 992px) {
  .mb25lg {
    margin-bottom: 200px !important;
  }
}
@media (min-width: 1200px) {
  .mb25xl {
    margin-bottom: 200px !important;
  }
}
@media (min-width: 1920px) {
  .mb25xxl {
    margin-bottom: 400px !important;
  }
}

.minh25 {
  min-height: 50px !important;
}
@media (min-width: 576px) {
  .minh25 {
    min-height: 50px !important;
  }
}
@media (min-width: 768px) {
  .minh25 {
    min-height: 100px !important;
  }
}
@media (min-width: 992px) {
  .minh25 {
    min-height: 200px !important;
  }
}
@media (min-width: 1200px) {
  .minh25 {
    min-height: 200px !important;
  }
}
@media (min-width: 1920px) {
  .minh25 {
    min-height: 200px !important;
  }
}
@media (min-width: 576px) {
  .minh25sm {
    min-height: 50px !important;
  }
}
@media (min-width: 768px) {
  .minh25md {
    min-height: 100px !important;
  }
}
@media (min-width: 992px) {
  .minh25lg {
    min-height: 200px !important;
  }
}
@media (min-width: 1200px) {
  .minh25xl {
    min-height: 200px !important;
  }
}
@media (min-width: 1920px) {
  .minh25xxl {
    min-height: 400px !important;
  }
}

.maxh25 {
  max-height: 50px !important;
}
@media (min-width: 576px) {
  .maxh25 {
    max-height: 50px !important;
  }
}
@media (min-width: 768px) {
  .maxh25 {
    max-height: 100px !important;
  }
}
@media (min-width: 992px) {
  .maxh25 {
    max-height: 200px !important;
  }
}
@media (min-width: 1200px) {
  .maxh25 {
    max-height: 200px !important;
  }
}
@media (min-width: 1920px) {
  .maxh25 {
    max-height: 200px !important;
  }
}
@media (min-width: 576px) {
  .maxh25sm {
    max-height: 50px !important;
  }
}
@media (min-width: 768px) {
  .maxh25md {
    max-height: 100px !important;
  }
}
@media (min-width: 992px) {
  .maxh25lg {
    max-height: 200px !important;
  }
}
@media (min-width: 1200px) {
  .maxh25xl {
    max-height: 200px !important;
  }
}
@media (min-width: 1920px) {
  .maxh25xxl {
    max-height: 400px !important;
  }
}

.maxw25 {
  max-width: 50px !important;
}
@media (min-width: 576px) {
  .maxw25 {
    max-width: 50px !important;
  }
}
@media (min-width: 768px) {
  .maxw25 {
    max-width: 100px !important;
  }
}
@media (min-width: 992px) {
  .maxw25 {
    max-width: 200px !important;
  }
}
@media (min-width: 1200px) {
  .maxw25 {
    max-width: 200px !important;
  }
}
@media (min-width: 1920px) {
  .maxw25 {
    max-width: 200px !important;
  }
}
@media (min-width: 576px) {
  .maxw25sm {
    max-width: 50px !important;
  }
}
@media (min-width: 768px) {
  .maxw25md {
    max-width: 100px !important;
  }
}
@media (min-width: 992px) {
  .maxw25lg {
    max-width: 200px !important;
  }
}
@media (min-width: 1200px) {
  .maxw25xl {
    max-width: 200px !important;
  }
}
@media (min-width: 1920px) {
  .maxw25xxl {
    max-width: 400px !important;
  }
}

.pr30 {
  padding-right: 60px !important;
}
@media (min-width: 576px) {
  .pr30 {
    padding-right: 60px !important;
  }
}
@media (min-width: 768px) {
  .pr30 {
    padding-right: 120px !important;
  }
}
@media (min-width: 992px) {
  .pr30 {
    padding-right: 240px !important;
  }
}
@media (min-width: 1200px) {
  .pr30 {
    padding-right: 240px !important;
  }
}
@media (min-width: 1920px) {
  .pr30 {
    padding-right: 240px !important;
  }
}
@media (min-width: 576px) {
  .pr30sm {
    padding-right: 60px !important;
  }
}
@media (min-width: 768px) {
  .pr30md {
    padding-right: 120px !important;
  }
}
@media (min-width: 992px) {
  .pr30lg {
    padding-right: 240px !important;
  }
}
@media (min-width: 1200px) {
  .pr30xl {
    padding-right: 240px !important;
  }
}
@media (min-width: 1920px) {
  .pr30xxl {
    padding-right: 480px !important;
  }
}

.pl30 {
  padding-left: 60px !important;
}
@media (min-width: 576px) {
  .pl30 {
    padding-left: 60px !important;
  }
}
@media (min-width: 768px) {
  .pl30 {
    padding-left: 120px !important;
  }
}
@media (min-width: 992px) {
  .pl30 {
    padding-left: 240px !important;
  }
}
@media (min-width: 1200px) {
  .pl30 {
    padding-left: 240px !important;
  }
}
@media (min-width: 1920px) {
  .pl30 {
    padding-left: 240px !important;
  }
}
@media (min-width: 576px) {
  .pl30sm {
    padding-left: 60px !important;
  }
}
@media (min-width: 768px) {
  .pl30md {
    padding-left: 120px !important;
  }
}
@media (min-width: 992px) {
  .pl30lg {
    padding-left: 240px !important;
  }
}
@media (min-width: 1200px) {
  .pl30xl {
    padding-left: 240px !important;
  }
}
@media (min-width: 1920px) {
  .pl30xxl {
    padding-left: 480px !important;
  }
}

.pt30 {
  padding-top: 60px !important;
}
@media (min-width: 576px) {
  .pt30 {
    padding-top: 60px !important;
  }
}
@media (min-width: 768px) {
  .pt30 {
    padding-top: 120px !important;
  }
}
@media (min-width: 992px) {
  .pt30 {
    padding-top: 240px !important;
  }
}
@media (min-width: 1200px) {
  .pt30 {
    padding-top: 240px !important;
  }
}
@media (min-width: 1920px) {
  .pt30 {
    padding-top: 240px !important;
  }
}
@media (min-width: 576px) {
  .pt30sm {
    padding-top: 60px !important;
  }
}
@media (min-width: 768px) {
  .pt30md {
    padding-top: 120px !important;
  }
}
@media (min-width: 992px) {
  .pt30lg {
    padding-top: 240px !important;
  }
}
@media (min-width: 1200px) {
  .pt30xl {
    padding-top: 240px !important;
  }
}
@media (min-width: 1920px) {
  .pt30xxl {
    padding-top: 480px !important;
  }
}

.pb30 {
  padding-bottom: 60px !important;
}
@media (min-width: 576px) {
  .pb30 {
    padding-bottom: 60px !important;
  }
}
@media (min-width: 768px) {
  .pb30 {
    padding-bottom: 120px !important;
  }
}
@media (min-width: 992px) {
  .pb30 {
    padding-bottom: 240px !important;
  }
}
@media (min-width: 1200px) {
  .pb30 {
    padding-bottom: 240px !important;
  }
}
@media (min-width: 1920px) {
  .pb30 {
    padding-bottom: 240px !important;
  }
}
@media (min-width: 576px) {
  .pb30sm {
    padding-bottom: 60px !important;
  }
}
@media (min-width: 768px) {
  .pb30md {
    padding-bottom: 120px !important;
  }
}
@media (min-width: 992px) {
  .pb30lg {
    padding-bottom: 240px !important;
  }
}
@media (min-width: 1200px) {
  .pb30xl {
    padding-bottom: 240px !important;
  }
}
@media (min-width: 1920px) {
  .pb30xxl {
    padding-bottom: 480px !important;
  }
}

.mr30 {
  margin-right: 60px !important;
}
@media (min-width: 576px) {
  .mr30 {
    margin-right: 60px !important;
  }
}
@media (min-width: 768px) {
  .mr30 {
    margin-right: 120px !important;
  }
}
@media (min-width: 992px) {
  .mr30 {
    margin-right: 240px !important;
  }
}
@media (min-width: 1200px) {
  .mr30 {
    margin-right: 240px !important;
  }
}
@media (min-width: 1920px) {
  .mr30 {
    margin-right: 240px !important;
  }
}
@media (min-width: 576px) {
  .mr30sm {
    margin-right: 60px !important;
  }
}
@media (min-width: 768px) {
  .mr30md {
    margin-right: 120px !important;
  }
}
@media (min-width: 992px) {
  .mr30lg {
    margin-right: 240px !important;
  }
}
@media (min-width: 1200px) {
  .mr30xl {
    margin-right: 240px !important;
  }
}
@media (min-width: 1920px) {
  .mr30xxl {
    margin-right: 480px !important;
  }
}

.ml30 {
  margin-left: 60px !important;
}
@media (min-width: 576px) {
  .ml30 {
    margin-left: 60px !important;
  }
}
@media (min-width: 768px) {
  .ml30 {
    margin-left: 120px !important;
  }
}
@media (min-width: 992px) {
  .ml30 {
    margin-left: 240px !important;
  }
}
@media (min-width: 1200px) {
  .ml30 {
    margin-left: 240px !important;
  }
}
@media (min-width: 1920px) {
  .ml30 {
    margin-left: 240px !important;
  }
}
@media (min-width: 576px) {
  .ml30sm {
    margin-left: 60px !important;
  }
}
@media (min-width: 768px) {
  .ml30md {
    margin-left: 120px !important;
  }
}
@media (min-width: 992px) {
  .ml30lg {
    margin-left: 240px !important;
  }
}
@media (min-width: 1200px) {
  .ml30xl {
    margin-left: 240px !important;
  }
}
@media (min-width: 1920px) {
  .ml30xxl {
    margin-left: 480px !important;
  }
}

.mt30 {
  margin-top: 60px !important;
}
@media (min-width: 576px) {
  .mt30 {
    margin-top: 60px !important;
  }
}
@media (min-width: 768px) {
  .mt30 {
    margin-top: 120px !important;
  }
}
@media (min-width: 992px) {
  .mt30 {
    margin-top: 240px !important;
  }
}
@media (min-width: 1200px) {
  .mt30 {
    margin-top: 240px !important;
  }
}
@media (min-width: 1920px) {
  .mt30 {
    margin-top: 240px !important;
  }
}
@media (min-width: 576px) {
  .mt30sm {
    margin-top: 60px !important;
  }
}
@media (min-width: 768px) {
  .mt30md {
    margin-top: 120px !important;
  }
}
@media (min-width: 992px) {
  .mt30lg {
    margin-top: 240px !important;
  }
}
@media (min-width: 1200px) {
  .mt30xl {
    margin-top: 240px !important;
  }
}
@media (min-width: 1920px) {
  .mt30xxl {
    margin-top: 480px !important;
  }
}

.mb30 {
  margin-bottom: 60px !important;
}
@media (min-width: 576px) {
  .mb30 {
    margin-bottom: 60px !important;
  }
}
@media (min-width: 768px) {
  .mb30 {
    margin-bottom: 120px !important;
  }
}
@media (min-width: 992px) {
  .mb30 {
    margin-bottom: 240px !important;
  }
}
@media (min-width: 1200px) {
  .mb30 {
    margin-bottom: 240px !important;
  }
}
@media (min-width: 1920px) {
  .mb30 {
    margin-bottom: 240px !important;
  }
}
@media (min-width: 576px) {
  .mb30sm {
    margin-bottom: 60px !important;
  }
}
@media (min-width: 768px) {
  .mb30md {
    margin-bottom: 120px !important;
  }
}
@media (min-width: 992px) {
  .mb30lg {
    margin-bottom: 240px !important;
  }
}
@media (min-width: 1200px) {
  .mb30xl {
    margin-bottom: 240px !important;
  }
}
@media (min-width: 1920px) {
  .mb30xxl {
    margin-bottom: 480px !important;
  }
}

.minh30 {
  min-height: 60px !important;
}
@media (min-width: 576px) {
  .minh30 {
    min-height: 60px !important;
  }
}
@media (min-width: 768px) {
  .minh30 {
    min-height: 120px !important;
  }
}
@media (min-width: 992px) {
  .minh30 {
    min-height: 240px !important;
  }
}
@media (min-width: 1200px) {
  .minh30 {
    min-height: 240px !important;
  }
}
@media (min-width: 1920px) {
  .minh30 {
    min-height: 240px !important;
  }
}
@media (min-width: 576px) {
  .minh30sm {
    min-height: 60px !important;
  }
}
@media (min-width: 768px) {
  .minh30md {
    min-height: 120px !important;
  }
}
@media (min-width: 992px) {
  .minh30lg {
    min-height: 240px !important;
  }
}
@media (min-width: 1200px) {
  .minh30xl {
    min-height: 240px !important;
  }
}
@media (min-width: 1920px) {
  .minh30xxl {
    min-height: 480px !important;
  }
}

.maxh30 {
  max-height: 60px !important;
}
@media (min-width: 576px) {
  .maxh30 {
    max-height: 60px !important;
  }
}
@media (min-width: 768px) {
  .maxh30 {
    max-height: 120px !important;
  }
}
@media (min-width: 992px) {
  .maxh30 {
    max-height: 240px !important;
  }
}
@media (min-width: 1200px) {
  .maxh30 {
    max-height: 240px !important;
  }
}
@media (min-width: 1920px) {
  .maxh30 {
    max-height: 240px !important;
  }
}
@media (min-width: 576px) {
  .maxh30sm {
    max-height: 60px !important;
  }
}
@media (min-width: 768px) {
  .maxh30md {
    max-height: 120px !important;
  }
}
@media (min-width: 992px) {
  .maxh30lg {
    max-height: 240px !important;
  }
}
@media (min-width: 1200px) {
  .maxh30xl {
    max-height: 240px !important;
  }
}
@media (min-width: 1920px) {
  .maxh30xxl {
    max-height: 480px !important;
  }
}

.maxw30 {
  max-width: 60px !important;
}
@media (min-width: 576px) {
  .maxw30 {
    max-width: 60px !important;
  }
}
@media (min-width: 768px) {
  .maxw30 {
    max-width: 120px !important;
  }
}
@media (min-width: 992px) {
  .maxw30 {
    max-width: 240px !important;
  }
}
@media (min-width: 1200px) {
  .maxw30 {
    max-width: 240px !important;
  }
}
@media (min-width: 1920px) {
  .maxw30 {
    max-width: 240px !important;
  }
}
@media (min-width: 576px) {
  .maxw30sm {
    max-width: 60px !important;
  }
}
@media (min-width: 768px) {
  .maxw30md {
    max-width: 120px !important;
  }
}
@media (min-width: 992px) {
  .maxw30lg {
    max-width: 240px !important;
  }
}
@media (min-width: 1200px) {
  .maxw30xl {
    max-width: 240px !important;
  }
}
@media (min-width: 1920px) {
  .maxw30xxl {
    max-width: 480px !important;
  }
}

.pr35 {
  padding-right: 70px !important;
}
@media (min-width: 576px) {
  .pr35 {
    padding-right: 70px !important;
  }
}
@media (min-width: 768px) {
  .pr35 {
    padding-right: 140px !important;
  }
}
@media (min-width: 992px) {
  .pr35 {
    padding-right: 280px !important;
  }
}
@media (min-width: 1200px) {
  .pr35 {
    padding-right: 280px !important;
  }
}
@media (min-width: 1920px) {
  .pr35 {
    padding-right: 280px !important;
  }
}
@media (min-width: 576px) {
  .pr35sm {
    padding-right: 70px !important;
  }
}
@media (min-width: 768px) {
  .pr35md {
    padding-right: 140px !important;
  }
}
@media (min-width: 992px) {
  .pr35lg {
    padding-right: 280px !important;
  }
}
@media (min-width: 1200px) {
  .pr35xl {
    padding-right: 280px !important;
  }
}
@media (min-width: 1920px) {
  .pr35xxl {
    padding-right: 560px !important;
  }
}

.pl35 {
  padding-left: 70px !important;
}
@media (min-width: 576px) {
  .pl35 {
    padding-left: 70px !important;
  }
}
@media (min-width: 768px) {
  .pl35 {
    padding-left: 140px !important;
  }
}
@media (min-width: 992px) {
  .pl35 {
    padding-left: 280px !important;
  }
}
@media (min-width: 1200px) {
  .pl35 {
    padding-left: 280px !important;
  }
}
@media (min-width: 1920px) {
  .pl35 {
    padding-left: 280px !important;
  }
}
@media (min-width: 576px) {
  .pl35sm {
    padding-left: 70px !important;
  }
}
@media (min-width: 768px) {
  .pl35md {
    padding-left: 140px !important;
  }
}
@media (min-width: 992px) {
  .pl35lg {
    padding-left: 280px !important;
  }
}
@media (min-width: 1200px) {
  .pl35xl {
    padding-left: 280px !important;
  }
}
@media (min-width: 1920px) {
  .pl35xxl {
    padding-left: 560px !important;
  }
}

.pt35 {
  padding-top: 70px !important;
}
@media (min-width: 576px) {
  .pt35 {
    padding-top: 70px !important;
  }
}
@media (min-width: 768px) {
  .pt35 {
    padding-top: 140px !important;
  }
}
@media (min-width: 992px) {
  .pt35 {
    padding-top: 280px !important;
  }
}
@media (min-width: 1200px) {
  .pt35 {
    padding-top: 280px !important;
  }
}
@media (min-width: 1920px) {
  .pt35 {
    padding-top: 280px !important;
  }
}
@media (min-width: 576px) {
  .pt35sm {
    padding-top: 70px !important;
  }
}
@media (min-width: 768px) {
  .pt35md {
    padding-top: 140px !important;
  }
}
@media (min-width: 992px) {
  .pt35lg {
    padding-top: 280px !important;
  }
}
@media (min-width: 1200px) {
  .pt35xl {
    padding-top: 280px !important;
  }
}
@media (min-width: 1920px) {
  .pt35xxl {
    padding-top: 560px !important;
  }
}

.pb35 {
  padding-bottom: 70px !important;
}
@media (min-width: 576px) {
  .pb35 {
    padding-bottom: 70px !important;
  }
}
@media (min-width: 768px) {
  .pb35 {
    padding-bottom: 140px !important;
  }
}
@media (min-width: 992px) {
  .pb35 {
    padding-bottom: 280px !important;
  }
}
@media (min-width: 1200px) {
  .pb35 {
    padding-bottom: 280px !important;
  }
}
@media (min-width: 1920px) {
  .pb35 {
    padding-bottom: 280px !important;
  }
}
@media (min-width: 576px) {
  .pb35sm {
    padding-bottom: 70px !important;
  }
}
@media (min-width: 768px) {
  .pb35md {
    padding-bottom: 140px !important;
  }
}
@media (min-width: 992px) {
  .pb35lg {
    padding-bottom: 280px !important;
  }
}
@media (min-width: 1200px) {
  .pb35xl {
    padding-bottom: 280px !important;
  }
}
@media (min-width: 1920px) {
  .pb35xxl {
    padding-bottom: 560px !important;
  }
}

.mr35 {
  margin-right: 70px !important;
}
@media (min-width: 576px) {
  .mr35 {
    margin-right: 70px !important;
  }
}
@media (min-width: 768px) {
  .mr35 {
    margin-right: 140px !important;
  }
}
@media (min-width: 992px) {
  .mr35 {
    margin-right: 280px !important;
  }
}
@media (min-width: 1200px) {
  .mr35 {
    margin-right: 280px !important;
  }
}
@media (min-width: 1920px) {
  .mr35 {
    margin-right: 280px !important;
  }
}
@media (min-width: 576px) {
  .mr35sm {
    margin-right: 70px !important;
  }
}
@media (min-width: 768px) {
  .mr35md {
    margin-right: 140px !important;
  }
}
@media (min-width: 992px) {
  .mr35lg {
    margin-right: 280px !important;
  }
}
@media (min-width: 1200px) {
  .mr35xl {
    margin-right: 280px !important;
  }
}
@media (min-width: 1920px) {
  .mr35xxl {
    margin-right: 560px !important;
  }
}

.ml35 {
  margin-left: 70px !important;
}
@media (min-width: 576px) {
  .ml35 {
    margin-left: 70px !important;
  }
}
@media (min-width: 768px) {
  .ml35 {
    margin-left: 140px !important;
  }
}
@media (min-width: 992px) {
  .ml35 {
    margin-left: 280px !important;
  }
}
@media (min-width: 1200px) {
  .ml35 {
    margin-left: 280px !important;
  }
}
@media (min-width: 1920px) {
  .ml35 {
    margin-left: 280px !important;
  }
}
@media (min-width: 576px) {
  .ml35sm {
    margin-left: 70px !important;
  }
}
@media (min-width: 768px) {
  .ml35md {
    margin-left: 140px !important;
  }
}
@media (min-width: 992px) {
  .ml35lg {
    margin-left: 280px !important;
  }
}
@media (min-width: 1200px) {
  .ml35xl {
    margin-left: 280px !important;
  }
}
@media (min-width: 1920px) {
  .ml35xxl {
    margin-left: 560px !important;
  }
}

.mt35 {
  margin-top: 70px !important;
}
@media (min-width: 576px) {
  .mt35 {
    margin-top: 70px !important;
  }
}
@media (min-width: 768px) {
  .mt35 {
    margin-top: 140px !important;
  }
}
@media (min-width: 992px) {
  .mt35 {
    margin-top: 280px !important;
  }
}
@media (min-width: 1200px) {
  .mt35 {
    margin-top: 280px !important;
  }
}
@media (min-width: 1920px) {
  .mt35 {
    margin-top: 280px !important;
  }
}
@media (min-width: 576px) {
  .mt35sm {
    margin-top: 70px !important;
  }
}
@media (min-width: 768px) {
  .mt35md {
    margin-top: 140px !important;
  }
}
@media (min-width: 992px) {
  .mt35lg {
    margin-top: 280px !important;
  }
}
@media (min-width: 1200px) {
  .mt35xl {
    margin-top: 280px !important;
  }
}
@media (min-width: 1920px) {
  .mt35xxl {
    margin-top: 560px !important;
  }
}

.mb35 {
  margin-bottom: 70px !important;
}
@media (min-width: 576px) {
  .mb35 {
    margin-bottom: 70px !important;
  }
}
@media (min-width: 768px) {
  .mb35 {
    margin-bottom: 140px !important;
  }
}
@media (min-width: 992px) {
  .mb35 {
    margin-bottom: 280px !important;
  }
}
@media (min-width: 1200px) {
  .mb35 {
    margin-bottom: 280px !important;
  }
}
@media (min-width: 1920px) {
  .mb35 {
    margin-bottom: 280px !important;
  }
}
@media (min-width: 576px) {
  .mb35sm {
    margin-bottom: 70px !important;
  }
}
@media (min-width: 768px) {
  .mb35md {
    margin-bottom: 140px !important;
  }
}
@media (min-width: 992px) {
  .mb35lg {
    margin-bottom: 280px !important;
  }
}
@media (min-width: 1200px) {
  .mb35xl {
    margin-bottom: 280px !important;
  }
}
@media (min-width: 1920px) {
  .mb35xxl {
    margin-bottom: 560px !important;
  }
}

.minh35 {
  min-height: 70px !important;
}
@media (min-width: 576px) {
  .minh35 {
    min-height: 70px !important;
  }
}
@media (min-width: 768px) {
  .minh35 {
    min-height: 140px !important;
  }
}
@media (min-width: 992px) {
  .minh35 {
    min-height: 280px !important;
  }
}
@media (min-width: 1200px) {
  .minh35 {
    min-height: 280px !important;
  }
}
@media (min-width: 1920px) {
  .minh35 {
    min-height: 280px !important;
  }
}
@media (min-width: 576px) {
  .minh35sm {
    min-height: 70px !important;
  }
}
@media (min-width: 768px) {
  .minh35md {
    min-height: 140px !important;
  }
}
@media (min-width: 992px) {
  .minh35lg {
    min-height: 280px !important;
  }
}
@media (min-width: 1200px) {
  .minh35xl {
    min-height: 280px !important;
  }
}
@media (min-width: 1920px) {
  .minh35xxl {
    min-height: 560px !important;
  }
}

.maxh35 {
  max-height: 70px !important;
}
@media (min-width: 576px) {
  .maxh35 {
    max-height: 70px !important;
  }
}
@media (min-width: 768px) {
  .maxh35 {
    max-height: 140px !important;
  }
}
@media (min-width: 992px) {
  .maxh35 {
    max-height: 280px !important;
  }
}
@media (min-width: 1200px) {
  .maxh35 {
    max-height: 280px !important;
  }
}
@media (min-width: 1920px) {
  .maxh35 {
    max-height: 280px !important;
  }
}
@media (min-width: 576px) {
  .maxh35sm {
    max-height: 70px !important;
  }
}
@media (min-width: 768px) {
  .maxh35md {
    max-height: 140px !important;
  }
}
@media (min-width: 992px) {
  .maxh35lg {
    max-height: 280px !important;
  }
}
@media (min-width: 1200px) {
  .maxh35xl {
    max-height: 280px !important;
  }
}
@media (min-width: 1920px) {
  .maxh35xxl {
    max-height: 560px !important;
  }
}

.maxw35 {
  max-width: 70px !important;
}
@media (min-width: 576px) {
  .maxw35 {
    max-width: 70px !important;
  }
}
@media (min-width: 768px) {
  .maxw35 {
    max-width: 140px !important;
  }
}
@media (min-width: 992px) {
  .maxw35 {
    max-width: 280px !important;
  }
}
@media (min-width: 1200px) {
  .maxw35 {
    max-width: 280px !important;
  }
}
@media (min-width: 1920px) {
  .maxw35 {
    max-width: 280px !important;
  }
}
@media (min-width: 576px) {
  .maxw35sm {
    max-width: 70px !important;
  }
}
@media (min-width: 768px) {
  .maxw35md {
    max-width: 140px !important;
  }
}
@media (min-width: 992px) {
  .maxw35lg {
    max-width: 280px !important;
  }
}
@media (min-width: 1200px) {
  .maxw35xl {
    max-width: 280px !important;
  }
}
@media (min-width: 1920px) {
  .maxw35xxl {
    max-width: 560px !important;
  }
}

.pr40 {
  padding-right: 80px !important;
}
@media (min-width: 576px) {
  .pr40 {
    padding-right: 80px !important;
  }
}
@media (min-width: 768px) {
  .pr40 {
    padding-right: 160px !important;
  }
}
@media (min-width: 992px) {
  .pr40 {
    padding-right: 320px !important;
  }
}
@media (min-width: 1200px) {
  .pr40 {
    padding-right: 320px !important;
  }
}
@media (min-width: 1920px) {
  .pr40 {
    padding-right: 320px !important;
  }
}
@media (min-width: 576px) {
  .pr40sm {
    padding-right: 80px !important;
  }
}
@media (min-width: 768px) {
  .pr40md {
    padding-right: 160px !important;
  }
}
@media (min-width: 992px) {
  .pr40lg {
    padding-right: 320px !important;
  }
}
@media (min-width: 1200px) {
  .pr40xl {
    padding-right: 320px !important;
  }
}
@media (min-width: 1920px) {
  .pr40xxl {
    padding-right: 640px !important;
  }
}

.pl40 {
  padding-left: 80px !important;
}
@media (min-width: 576px) {
  .pl40 {
    padding-left: 80px !important;
  }
}
@media (min-width: 768px) {
  .pl40 {
    padding-left: 160px !important;
  }
}
@media (min-width: 992px) {
  .pl40 {
    padding-left: 320px !important;
  }
}
@media (min-width: 1200px) {
  .pl40 {
    padding-left: 320px !important;
  }
}
@media (min-width: 1920px) {
  .pl40 {
    padding-left: 320px !important;
  }
}
@media (min-width: 576px) {
  .pl40sm {
    padding-left: 80px !important;
  }
}
@media (min-width: 768px) {
  .pl40md {
    padding-left: 160px !important;
  }
}
@media (min-width: 992px) {
  .pl40lg {
    padding-left: 320px !important;
  }
}
@media (min-width: 1200px) {
  .pl40xl {
    padding-left: 320px !important;
  }
}
@media (min-width: 1920px) {
  .pl40xxl {
    padding-left: 640px !important;
  }
}

.pt40 {
  padding-top: 80px !important;
}
@media (min-width: 576px) {
  .pt40 {
    padding-top: 80px !important;
  }
}
@media (min-width: 768px) {
  .pt40 {
    padding-top: 160px !important;
  }
}
@media (min-width: 992px) {
  .pt40 {
    padding-top: 320px !important;
  }
}
@media (min-width: 1200px) {
  .pt40 {
    padding-top: 320px !important;
  }
}
@media (min-width: 1920px) {
  .pt40 {
    padding-top: 320px !important;
  }
}
@media (min-width: 576px) {
  .pt40sm {
    padding-top: 80px !important;
  }
}
@media (min-width: 768px) {
  .pt40md {
    padding-top: 160px !important;
  }
}
@media (min-width: 992px) {
  .pt40lg {
    padding-top: 320px !important;
  }
}
@media (min-width: 1200px) {
  .pt40xl {
    padding-top: 320px !important;
  }
}
@media (min-width: 1920px) {
  .pt40xxl {
    padding-top: 640px !important;
  }
}

.pb40 {
  padding-bottom: 80px !important;
}
@media (min-width: 576px) {
  .pb40 {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 768px) {
  .pb40 {
    padding-bottom: 160px !important;
  }
}
@media (min-width: 992px) {
  .pb40 {
    padding-bottom: 320px !important;
  }
}
@media (min-width: 1200px) {
  .pb40 {
    padding-bottom: 320px !important;
  }
}
@media (min-width: 1920px) {
  .pb40 {
    padding-bottom: 320px !important;
  }
}
@media (min-width: 576px) {
  .pb40sm {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 768px) {
  .pb40md {
    padding-bottom: 160px !important;
  }
}
@media (min-width: 992px) {
  .pb40lg {
    padding-bottom: 320px !important;
  }
}
@media (min-width: 1200px) {
  .pb40xl {
    padding-bottom: 320px !important;
  }
}
@media (min-width: 1920px) {
  .pb40xxl {
    padding-bottom: 640px !important;
  }
}

.mr40 {
  margin-right: 80px !important;
}
@media (min-width: 576px) {
  .mr40 {
    margin-right: 80px !important;
  }
}
@media (min-width: 768px) {
  .mr40 {
    margin-right: 160px !important;
  }
}
@media (min-width: 992px) {
  .mr40 {
    margin-right: 320px !important;
  }
}
@media (min-width: 1200px) {
  .mr40 {
    margin-right: 320px !important;
  }
}
@media (min-width: 1920px) {
  .mr40 {
    margin-right: 320px !important;
  }
}
@media (min-width: 576px) {
  .mr40sm {
    margin-right: 80px !important;
  }
}
@media (min-width: 768px) {
  .mr40md {
    margin-right: 160px !important;
  }
}
@media (min-width: 992px) {
  .mr40lg {
    margin-right: 320px !important;
  }
}
@media (min-width: 1200px) {
  .mr40xl {
    margin-right: 320px !important;
  }
}
@media (min-width: 1920px) {
  .mr40xxl {
    margin-right: 640px !important;
  }
}

.ml40 {
  margin-left: 80px !important;
}
@media (min-width: 576px) {
  .ml40 {
    margin-left: 80px !important;
  }
}
@media (min-width: 768px) {
  .ml40 {
    margin-left: 160px !important;
  }
}
@media (min-width: 992px) {
  .ml40 {
    margin-left: 320px !important;
  }
}
@media (min-width: 1200px) {
  .ml40 {
    margin-left: 320px !important;
  }
}
@media (min-width: 1920px) {
  .ml40 {
    margin-left: 320px !important;
  }
}
@media (min-width: 576px) {
  .ml40sm {
    margin-left: 80px !important;
  }
}
@media (min-width: 768px) {
  .ml40md {
    margin-left: 160px !important;
  }
}
@media (min-width: 992px) {
  .ml40lg {
    margin-left: 320px !important;
  }
}
@media (min-width: 1200px) {
  .ml40xl {
    margin-left: 320px !important;
  }
}
@media (min-width: 1920px) {
  .ml40xxl {
    margin-left: 640px !important;
  }
}

.mt40 {
  margin-top: 80px !important;
}
@media (min-width: 576px) {
  .mt40 {
    margin-top: 80px !important;
  }
}
@media (min-width: 768px) {
  .mt40 {
    margin-top: 160px !important;
  }
}
@media (min-width: 992px) {
  .mt40 {
    margin-top: 320px !important;
  }
}
@media (min-width: 1200px) {
  .mt40 {
    margin-top: 320px !important;
  }
}
@media (min-width: 1920px) {
  .mt40 {
    margin-top: 320px !important;
  }
}
@media (min-width: 576px) {
  .mt40sm {
    margin-top: 80px !important;
  }
}
@media (min-width: 768px) {
  .mt40md {
    margin-top: 160px !important;
  }
}
@media (min-width: 992px) {
  .mt40lg {
    margin-top: 320px !important;
  }
}
@media (min-width: 1200px) {
  .mt40xl {
    margin-top: 320px !important;
  }
}
@media (min-width: 1920px) {
  .mt40xxl {
    margin-top: 640px !important;
  }
}

.mb40 {
  margin-bottom: 80px !important;
}
@media (min-width: 576px) {
  .mb40 {
    margin-bottom: 80px !important;
  }
}
@media (min-width: 768px) {
  .mb40 {
    margin-bottom: 160px !important;
  }
}
@media (min-width: 992px) {
  .mb40 {
    margin-bottom: 320px !important;
  }
}
@media (min-width: 1200px) {
  .mb40 {
    margin-bottom: 320px !important;
  }
}
@media (min-width: 1920px) {
  .mb40 {
    margin-bottom: 320px !important;
  }
}
@media (min-width: 576px) {
  .mb40sm {
    margin-bottom: 80px !important;
  }
}
@media (min-width: 768px) {
  .mb40md {
    margin-bottom: 160px !important;
  }
}
@media (min-width: 992px) {
  .mb40lg {
    margin-bottom: 320px !important;
  }
}
@media (min-width: 1200px) {
  .mb40xl {
    margin-bottom: 320px !important;
  }
}
@media (min-width: 1920px) {
  .mb40xxl {
    margin-bottom: 640px !important;
  }
}

.minh40 {
  min-height: 80px !important;
}
@media (min-width: 576px) {
  .minh40 {
    min-height: 80px !important;
  }
}
@media (min-width: 768px) {
  .minh40 {
    min-height: 160px !important;
  }
}
@media (min-width: 992px) {
  .minh40 {
    min-height: 320px !important;
  }
}
@media (min-width: 1200px) {
  .minh40 {
    min-height: 320px !important;
  }
}
@media (min-width: 1920px) {
  .minh40 {
    min-height: 320px !important;
  }
}
@media (min-width: 576px) {
  .minh40sm {
    min-height: 80px !important;
  }
}
@media (min-width: 768px) {
  .minh40md {
    min-height: 160px !important;
  }
}
@media (min-width: 992px) {
  .minh40lg {
    min-height: 320px !important;
  }
}
@media (min-width: 1200px) {
  .minh40xl {
    min-height: 320px !important;
  }
}
@media (min-width: 1920px) {
  .minh40xxl {
    min-height: 640px !important;
  }
}

.maxh40 {
  max-height: 80px !important;
}
@media (min-width: 576px) {
  .maxh40 {
    max-height: 80px !important;
  }
}
@media (min-width: 768px) {
  .maxh40 {
    max-height: 160px !important;
  }
}
@media (min-width: 992px) {
  .maxh40 {
    max-height: 320px !important;
  }
}
@media (min-width: 1200px) {
  .maxh40 {
    max-height: 320px !important;
  }
}
@media (min-width: 1920px) {
  .maxh40 {
    max-height: 320px !important;
  }
}
@media (min-width: 576px) {
  .maxh40sm {
    max-height: 80px !important;
  }
}
@media (min-width: 768px) {
  .maxh40md {
    max-height: 160px !important;
  }
}
@media (min-width: 992px) {
  .maxh40lg {
    max-height: 320px !important;
  }
}
@media (min-width: 1200px) {
  .maxh40xl {
    max-height: 320px !important;
  }
}
@media (min-width: 1920px) {
  .maxh40xxl {
    max-height: 640px !important;
  }
}

.maxw40 {
  max-width: 80px !important;
}
@media (min-width: 576px) {
  .maxw40 {
    max-width: 80px !important;
  }
}
@media (min-width: 768px) {
  .maxw40 {
    max-width: 160px !important;
  }
}
@media (min-width: 992px) {
  .maxw40 {
    max-width: 320px !important;
  }
}
@media (min-width: 1200px) {
  .maxw40 {
    max-width: 320px !important;
  }
}
@media (min-width: 1920px) {
  .maxw40 {
    max-width: 320px !important;
  }
}
@media (min-width: 576px) {
  .maxw40sm {
    max-width: 80px !important;
  }
}
@media (min-width: 768px) {
  .maxw40md {
    max-width: 160px !important;
  }
}
@media (min-width: 992px) {
  .maxw40lg {
    max-width: 320px !important;
  }
}
@media (min-width: 1200px) {
  .maxw40xl {
    max-width: 320px !important;
  }
}
@media (min-width: 1920px) {
  .maxw40xxl {
    max-width: 640px !important;
  }
}

.pr45 {
  padding-right: 90px !important;
}
@media (min-width: 576px) {
  .pr45 {
    padding-right: 90px !important;
  }
}
@media (min-width: 768px) {
  .pr45 {
    padding-right: 180px !important;
  }
}
@media (min-width: 992px) {
  .pr45 {
    padding-right: 360px !important;
  }
}
@media (min-width: 1200px) {
  .pr45 {
    padding-right: 360px !important;
  }
}
@media (min-width: 1920px) {
  .pr45 {
    padding-right: 360px !important;
  }
}
@media (min-width: 576px) {
  .pr45sm {
    padding-right: 90px !important;
  }
}
@media (min-width: 768px) {
  .pr45md {
    padding-right: 180px !important;
  }
}
@media (min-width: 992px) {
  .pr45lg {
    padding-right: 360px !important;
  }
}
@media (min-width: 1200px) {
  .pr45xl {
    padding-right: 360px !important;
  }
}
@media (min-width: 1920px) {
  .pr45xxl {
    padding-right: 720px !important;
  }
}

.pl45 {
  padding-left: 90px !important;
}
@media (min-width: 576px) {
  .pl45 {
    padding-left: 90px !important;
  }
}
@media (min-width: 768px) {
  .pl45 {
    padding-left: 180px !important;
  }
}
@media (min-width: 992px) {
  .pl45 {
    padding-left: 360px !important;
  }
}
@media (min-width: 1200px) {
  .pl45 {
    padding-left: 360px !important;
  }
}
@media (min-width: 1920px) {
  .pl45 {
    padding-left: 360px !important;
  }
}
@media (min-width: 576px) {
  .pl45sm {
    padding-left: 90px !important;
  }
}
@media (min-width: 768px) {
  .pl45md {
    padding-left: 180px !important;
  }
}
@media (min-width: 992px) {
  .pl45lg {
    padding-left: 360px !important;
  }
}
@media (min-width: 1200px) {
  .pl45xl {
    padding-left: 360px !important;
  }
}
@media (min-width: 1920px) {
  .pl45xxl {
    padding-left: 720px !important;
  }
}

.pt45 {
  padding-top: 90px !important;
}
@media (min-width: 576px) {
  .pt45 {
    padding-top: 90px !important;
  }
}
@media (min-width: 768px) {
  .pt45 {
    padding-top: 180px !important;
  }
}
@media (min-width: 992px) {
  .pt45 {
    padding-top: 360px !important;
  }
}
@media (min-width: 1200px) {
  .pt45 {
    padding-top: 360px !important;
  }
}
@media (min-width: 1920px) {
  .pt45 {
    padding-top: 360px !important;
  }
}
@media (min-width: 576px) {
  .pt45sm {
    padding-top: 90px !important;
  }
}
@media (min-width: 768px) {
  .pt45md {
    padding-top: 180px !important;
  }
}
@media (min-width: 992px) {
  .pt45lg {
    padding-top: 360px !important;
  }
}
@media (min-width: 1200px) {
  .pt45xl {
    padding-top: 360px !important;
  }
}
@media (min-width: 1920px) {
  .pt45xxl {
    padding-top: 720px !important;
  }
}

.pb45 {
  padding-bottom: 90px !important;
}
@media (min-width: 576px) {
  .pb45 {
    padding-bottom: 90px !important;
  }
}
@media (min-width: 768px) {
  .pb45 {
    padding-bottom: 180px !important;
  }
}
@media (min-width: 992px) {
  .pb45 {
    padding-bottom: 360px !important;
  }
}
@media (min-width: 1200px) {
  .pb45 {
    padding-bottom: 360px !important;
  }
}
@media (min-width: 1920px) {
  .pb45 {
    padding-bottom: 360px !important;
  }
}
@media (min-width: 576px) {
  .pb45sm {
    padding-bottom: 90px !important;
  }
}
@media (min-width: 768px) {
  .pb45md {
    padding-bottom: 180px !important;
  }
}
@media (min-width: 992px) {
  .pb45lg {
    padding-bottom: 360px !important;
  }
}
@media (min-width: 1200px) {
  .pb45xl {
    padding-bottom: 360px !important;
  }
}
@media (min-width: 1920px) {
  .pb45xxl {
    padding-bottom: 720px !important;
  }
}

.mr45 {
  margin-right: 90px !important;
}
@media (min-width: 576px) {
  .mr45 {
    margin-right: 90px !important;
  }
}
@media (min-width: 768px) {
  .mr45 {
    margin-right: 180px !important;
  }
}
@media (min-width: 992px) {
  .mr45 {
    margin-right: 360px !important;
  }
}
@media (min-width: 1200px) {
  .mr45 {
    margin-right: 360px !important;
  }
}
@media (min-width: 1920px) {
  .mr45 {
    margin-right: 360px !important;
  }
}
@media (min-width: 576px) {
  .mr45sm {
    margin-right: 90px !important;
  }
}
@media (min-width: 768px) {
  .mr45md {
    margin-right: 180px !important;
  }
}
@media (min-width: 992px) {
  .mr45lg {
    margin-right: 360px !important;
  }
}
@media (min-width: 1200px) {
  .mr45xl {
    margin-right: 360px !important;
  }
}
@media (min-width: 1920px) {
  .mr45xxl {
    margin-right: 720px !important;
  }
}

.ml45 {
  margin-left: 90px !important;
}
@media (min-width: 576px) {
  .ml45 {
    margin-left: 90px !important;
  }
}
@media (min-width: 768px) {
  .ml45 {
    margin-left: 180px !important;
  }
}
@media (min-width: 992px) {
  .ml45 {
    margin-left: 360px !important;
  }
}
@media (min-width: 1200px) {
  .ml45 {
    margin-left: 360px !important;
  }
}
@media (min-width: 1920px) {
  .ml45 {
    margin-left: 360px !important;
  }
}
@media (min-width: 576px) {
  .ml45sm {
    margin-left: 90px !important;
  }
}
@media (min-width: 768px) {
  .ml45md {
    margin-left: 180px !important;
  }
}
@media (min-width: 992px) {
  .ml45lg {
    margin-left: 360px !important;
  }
}
@media (min-width: 1200px) {
  .ml45xl {
    margin-left: 360px !important;
  }
}
@media (min-width: 1920px) {
  .ml45xxl {
    margin-left: 720px !important;
  }
}

.mt45 {
  margin-top: 90px !important;
}
@media (min-width: 576px) {
  .mt45 {
    margin-top: 90px !important;
  }
}
@media (min-width: 768px) {
  .mt45 {
    margin-top: 180px !important;
  }
}
@media (min-width: 992px) {
  .mt45 {
    margin-top: 360px !important;
  }
}
@media (min-width: 1200px) {
  .mt45 {
    margin-top: 360px !important;
  }
}
@media (min-width: 1920px) {
  .mt45 {
    margin-top: 360px !important;
  }
}
@media (min-width: 576px) {
  .mt45sm {
    margin-top: 90px !important;
  }
}
@media (min-width: 768px) {
  .mt45md {
    margin-top: 180px !important;
  }
}
@media (min-width: 992px) {
  .mt45lg {
    margin-top: 360px !important;
  }
}
@media (min-width: 1200px) {
  .mt45xl {
    margin-top: 360px !important;
  }
}
@media (min-width: 1920px) {
  .mt45xxl {
    margin-top: 720px !important;
  }
}

.mb45 {
  margin-bottom: 90px !important;
}
@media (min-width: 576px) {
  .mb45 {
    margin-bottom: 90px !important;
  }
}
@media (min-width: 768px) {
  .mb45 {
    margin-bottom: 180px !important;
  }
}
@media (min-width: 992px) {
  .mb45 {
    margin-bottom: 360px !important;
  }
}
@media (min-width: 1200px) {
  .mb45 {
    margin-bottom: 360px !important;
  }
}
@media (min-width: 1920px) {
  .mb45 {
    margin-bottom: 360px !important;
  }
}
@media (min-width: 576px) {
  .mb45sm {
    margin-bottom: 90px !important;
  }
}
@media (min-width: 768px) {
  .mb45md {
    margin-bottom: 180px !important;
  }
}
@media (min-width: 992px) {
  .mb45lg {
    margin-bottom: 360px !important;
  }
}
@media (min-width: 1200px) {
  .mb45xl {
    margin-bottom: 360px !important;
  }
}
@media (min-width: 1920px) {
  .mb45xxl {
    margin-bottom: 720px !important;
  }
}

.minh45 {
  min-height: 90px !important;
}
@media (min-width: 576px) {
  .minh45 {
    min-height: 90px !important;
  }
}
@media (min-width: 768px) {
  .minh45 {
    min-height: 180px !important;
  }
}
@media (min-width: 992px) {
  .minh45 {
    min-height: 360px !important;
  }
}
@media (min-width: 1200px) {
  .minh45 {
    min-height: 360px !important;
  }
}
@media (min-width: 1920px) {
  .minh45 {
    min-height: 360px !important;
  }
}
@media (min-width: 576px) {
  .minh45sm {
    min-height: 90px !important;
  }
}
@media (min-width: 768px) {
  .minh45md {
    min-height: 180px !important;
  }
}
@media (min-width: 992px) {
  .minh45lg {
    min-height: 360px !important;
  }
}
@media (min-width: 1200px) {
  .minh45xl {
    min-height: 360px !important;
  }
}
@media (min-width: 1920px) {
  .minh45xxl {
    min-height: 720px !important;
  }
}

.maxh45 {
  max-height: 90px !important;
}
@media (min-width: 576px) {
  .maxh45 {
    max-height: 90px !important;
  }
}
@media (min-width: 768px) {
  .maxh45 {
    max-height: 180px !important;
  }
}
@media (min-width: 992px) {
  .maxh45 {
    max-height: 360px !important;
  }
}
@media (min-width: 1200px) {
  .maxh45 {
    max-height: 360px !important;
  }
}
@media (min-width: 1920px) {
  .maxh45 {
    max-height: 360px !important;
  }
}
@media (min-width: 576px) {
  .maxh45sm {
    max-height: 90px !important;
  }
}
@media (min-width: 768px) {
  .maxh45md {
    max-height: 180px !important;
  }
}
@media (min-width: 992px) {
  .maxh45lg {
    max-height: 360px !important;
  }
}
@media (min-width: 1200px) {
  .maxh45xl {
    max-height: 360px !important;
  }
}
@media (min-width: 1920px) {
  .maxh45xxl {
    max-height: 720px !important;
  }
}

.maxw45 {
  max-width: 90px !important;
}
@media (min-width: 576px) {
  .maxw45 {
    max-width: 90px !important;
  }
}
@media (min-width: 768px) {
  .maxw45 {
    max-width: 180px !important;
  }
}
@media (min-width: 992px) {
  .maxw45 {
    max-width: 360px !important;
  }
}
@media (min-width: 1200px) {
  .maxw45 {
    max-width: 360px !important;
  }
}
@media (min-width: 1920px) {
  .maxw45 {
    max-width: 360px !important;
  }
}
@media (min-width: 576px) {
  .maxw45sm {
    max-width: 90px !important;
  }
}
@media (min-width: 768px) {
  .maxw45md {
    max-width: 180px !important;
  }
}
@media (min-width: 992px) {
  .maxw45lg {
    max-width: 360px !important;
  }
}
@media (min-width: 1200px) {
  .maxw45xl {
    max-width: 360px !important;
  }
}
@media (min-width: 1920px) {
  .maxw45xxl {
    max-width: 720px !important;
  }
}

.pr50 {
  padding-right: 100px !important;
}
@media (min-width: 576px) {
  .pr50 {
    padding-right: 100px !important;
  }
}
@media (min-width: 768px) {
  .pr50 {
    padding-right: 200px !important;
  }
}
@media (min-width: 992px) {
  .pr50 {
    padding-right: 400px !important;
  }
}
@media (min-width: 1200px) {
  .pr50 {
    padding-right: 400px !important;
  }
}
@media (min-width: 1920px) {
  .pr50 {
    padding-right: 400px !important;
  }
}
@media (min-width: 576px) {
  .pr50sm {
    padding-right: 100px !important;
  }
}
@media (min-width: 768px) {
  .pr50md {
    padding-right: 200px !important;
  }
}
@media (min-width: 992px) {
  .pr50lg {
    padding-right: 400px !important;
  }
}
@media (min-width: 1200px) {
  .pr50xl {
    padding-right: 400px !important;
  }
}
@media (min-width: 1920px) {
  .pr50xxl {
    padding-right: 800px !important;
  }
}

.pl50 {
  padding-left: 100px !important;
}
@media (min-width: 576px) {
  .pl50 {
    padding-left: 100px !important;
  }
}
@media (min-width: 768px) {
  .pl50 {
    padding-left: 200px !important;
  }
}
@media (min-width: 992px) {
  .pl50 {
    padding-left: 400px !important;
  }
}
@media (min-width: 1200px) {
  .pl50 {
    padding-left: 400px !important;
  }
}
@media (min-width: 1920px) {
  .pl50 {
    padding-left: 400px !important;
  }
}
@media (min-width: 576px) {
  .pl50sm {
    padding-left: 100px !important;
  }
}
@media (min-width: 768px) {
  .pl50md {
    padding-left: 200px !important;
  }
}
@media (min-width: 992px) {
  .pl50lg {
    padding-left: 400px !important;
  }
}
@media (min-width: 1200px) {
  .pl50xl {
    padding-left: 400px !important;
  }
}
@media (min-width: 1920px) {
  .pl50xxl {
    padding-left: 800px !important;
  }
}

.pt50 {
  padding-top: 100px !important;
}
@media (min-width: 576px) {
  .pt50 {
    padding-top: 100px !important;
  }
}
@media (min-width: 768px) {
  .pt50 {
    padding-top: 200px !important;
  }
}
@media (min-width: 992px) {
  .pt50 {
    padding-top: 400px !important;
  }
}
@media (min-width: 1200px) {
  .pt50 {
    padding-top: 400px !important;
  }
}
@media (min-width: 1920px) {
  .pt50 {
    padding-top: 400px !important;
  }
}
@media (min-width: 576px) {
  .pt50sm {
    padding-top: 100px !important;
  }
}
@media (min-width: 768px) {
  .pt50md {
    padding-top: 200px !important;
  }
}
@media (min-width: 992px) {
  .pt50lg {
    padding-top: 400px !important;
  }
}
@media (min-width: 1200px) {
  .pt50xl {
    padding-top: 400px !important;
  }
}
@media (min-width: 1920px) {
  .pt50xxl {
    padding-top: 800px !important;
  }
}

.pb50 {
  padding-bottom: 100px !important;
}
@media (min-width: 576px) {
  .pb50 {
    padding-bottom: 100px !important;
  }
}
@media (min-width: 768px) {
  .pb50 {
    padding-bottom: 200px !important;
  }
}
@media (min-width: 992px) {
  .pb50 {
    padding-bottom: 400px !important;
  }
}
@media (min-width: 1200px) {
  .pb50 {
    padding-bottom: 400px !important;
  }
}
@media (min-width: 1920px) {
  .pb50 {
    padding-bottom: 400px !important;
  }
}
@media (min-width: 576px) {
  .pb50sm {
    padding-bottom: 100px !important;
  }
}
@media (min-width: 768px) {
  .pb50md {
    padding-bottom: 200px !important;
  }
}
@media (min-width: 992px) {
  .pb50lg {
    padding-bottom: 400px !important;
  }
}
@media (min-width: 1200px) {
  .pb50xl {
    padding-bottom: 400px !important;
  }
}
@media (min-width: 1920px) {
  .pb50xxl {
    padding-bottom: 800px !important;
  }
}

.mr50 {
  margin-right: 100px !important;
}
@media (min-width: 576px) {
  .mr50 {
    margin-right: 100px !important;
  }
}
@media (min-width: 768px) {
  .mr50 {
    margin-right: 200px !important;
  }
}
@media (min-width: 992px) {
  .mr50 {
    margin-right: 400px !important;
  }
}
@media (min-width: 1200px) {
  .mr50 {
    margin-right: 400px !important;
  }
}
@media (min-width: 1920px) {
  .mr50 {
    margin-right: 400px !important;
  }
}
@media (min-width: 576px) {
  .mr50sm {
    margin-right: 100px !important;
  }
}
@media (min-width: 768px) {
  .mr50md {
    margin-right: 200px !important;
  }
}
@media (min-width: 992px) {
  .mr50lg {
    margin-right: 400px !important;
  }
}
@media (min-width: 1200px) {
  .mr50xl {
    margin-right: 400px !important;
  }
}
@media (min-width: 1920px) {
  .mr50xxl {
    margin-right: 800px !important;
  }
}

.ml50 {
  margin-left: 100px !important;
}
@media (min-width: 576px) {
  .ml50 {
    margin-left: 100px !important;
  }
}
@media (min-width: 768px) {
  .ml50 {
    margin-left: 200px !important;
  }
}
@media (min-width: 992px) {
  .ml50 {
    margin-left: 400px !important;
  }
}
@media (min-width: 1200px) {
  .ml50 {
    margin-left: 400px !important;
  }
}
@media (min-width: 1920px) {
  .ml50 {
    margin-left: 400px !important;
  }
}
@media (min-width: 576px) {
  .ml50sm {
    margin-left: 100px !important;
  }
}
@media (min-width: 768px) {
  .ml50md {
    margin-left: 200px !important;
  }
}
@media (min-width: 992px) {
  .ml50lg {
    margin-left: 400px !important;
  }
}
@media (min-width: 1200px) {
  .ml50xl {
    margin-left: 400px !important;
  }
}
@media (min-width: 1920px) {
  .ml50xxl {
    margin-left: 800px !important;
  }
}

.mt50 {
  margin-top: 100px !important;
}
@media (min-width: 576px) {
  .mt50 {
    margin-top: 100px !important;
  }
}
@media (min-width: 768px) {
  .mt50 {
    margin-top: 200px !important;
  }
}
@media (min-width: 992px) {
  .mt50 {
    margin-top: 400px !important;
  }
}
@media (min-width: 1200px) {
  .mt50 {
    margin-top: 400px !important;
  }
}
@media (min-width: 1920px) {
  .mt50 {
    margin-top: 400px !important;
  }
}
@media (min-width: 576px) {
  .mt50sm {
    margin-top: 100px !important;
  }
}
@media (min-width: 768px) {
  .mt50md {
    margin-top: 200px !important;
  }
}
@media (min-width: 992px) {
  .mt50lg {
    margin-top: 400px !important;
  }
}
@media (min-width: 1200px) {
  .mt50xl {
    margin-top: 400px !important;
  }
}
@media (min-width: 1920px) {
  .mt50xxl {
    margin-top: 800px !important;
  }
}

.mb50 {
  margin-bottom: 100px !important;
}
@media (min-width: 576px) {
  .mb50 {
    margin-bottom: 100px !important;
  }
}
@media (min-width: 768px) {
  .mb50 {
    margin-bottom: 200px !important;
  }
}
@media (min-width: 992px) {
  .mb50 {
    margin-bottom: 400px !important;
  }
}
@media (min-width: 1200px) {
  .mb50 {
    margin-bottom: 400px !important;
  }
}
@media (min-width: 1920px) {
  .mb50 {
    margin-bottom: 400px !important;
  }
}
@media (min-width: 576px) {
  .mb50sm {
    margin-bottom: 100px !important;
  }
}
@media (min-width: 768px) {
  .mb50md {
    margin-bottom: 200px !important;
  }
}
@media (min-width: 992px) {
  .mb50lg {
    margin-bottom: 400px !important;
  }
}
@media (min-width: 1200px) {
  .mb50xl {
    margin-bottom: 400px !important;
  }
}
@media (min-width: 1920px) {
  .mb50xxl {
    margin-bottom: 800px !important;
  }
}

.minh50 {
  min-height: 100px !important;
}
@media (min-width: 576px) {
  .minh50 {
    min-height: 100px !important;
  }
}
@media (min-width: 768px) {
  .minh50 {
    min-height: 200px !important;
  }
}
@media (min-width: 992px) {
  .minh50 {
    min-height: 400px !important;
  }
}
@media (min-width: 1200px) {
  .minh50 {
    min-height: 400px !important;
  }
}
@media (min-width: 1920px) {
  .minh50 {
    min-height: 400px !important;
  }
}
@media (min-width: 576px) {
  .minh50sm {
    min-height: 100px !important;
  }
}
@media (min-width: 768px) {
  .minh50md {
    min-height: 200px !important;
  }
}
@media (min-width: 992px) {
  .minh50lg {
    min-height: 400px !important;
  }
}
@media (min-width: 1200px) {
  .minh50xl {
    min-height: 400px !important;
  }
}
@media (min-width: 1920px) {
  .minh50xxl {
    min-height: 800px !important;
  }
}

.maxh50 {
  max-height: 100px !important;
}
@media (min-width: 576px) {
  .maxh50 {
    max-height: 100px !important;
  }
}
@media (min-width: 768px) {
  .maxh50 {
    max-height: 200px !important;
  }
}
@media (min-width: 992px) {
  .maxh50 {
    max-height: 400px !important;
  }
}
@media (min-width: 1200px) {
  .maxh50 {
    max-height: 400px !important;
  }
}
@media (min-width: 1920px) {
  .maxh50 {
    max-height: 400px !important;
  }
}
@media (min-width: 576px) {
  .maxh50sm {
    max-height: 100px !important;
  }
}
@media (min-width: 768px) {
  .maxh50md {
    max-height: 200px !important;
  }
}
@media (min-width: 992px) {
  .maxh50lg {
    max-height: 400px !important;
  }
}
@media (min-width: 1200px) {
  .maxh50xl {
    max-height: 400px !important;
  }
}
@media (min-width: 1920px) {
  .maxh50xxl {
    max-height: 800px !important;
  }
}

.maxw50 {
  max-width: 100px !important;
}
@media (min-width: 576px) {
  .maxw50 {
    max-width: 100px !important;
  }
}
@media (min-width: 768px) {
  .maxw50 {
    max-width: 200px !important;
  }
}
@media (min-width: 992px) {
  .maxw50 {
    max-width: 400px !important;
  }
}
@media (min-width: 1200px) {
  .maxw50 {
    max-width: 400px !important;
  }
}
@media (min-width: 1920px) {
  .maxw50 {
    max-width: 400px !important;
  }
}
@media (min-width: 576px) {
  .maxw50sm {
    max-width: 100px !important;
  }
}
@media (min-width: 768px) {
  .maxw50md {
    max-width: 200px !important;
  }
}
@media (min-width: 992px) {
  .maxw50lg {
    max-width: 400px !important;
  }
}
@media (min-width: 1200px) {
  .maxw50xl {
    max-width: 400px !important;
  }
}
@media (min-width: 1920px) {
  .maxw50xxl {
    max-width: 800px !important;
  }
}

.pr55 {
  padding-right: 110px !important;
}
@media (min-width: 576px) {
  .pr55 {
    padding-right: 110px !important;
  }
}
@media (min-width: 768px) {
  .pr55 {
    padding-right: 220px !important;
  }
}
@media (min-width: 992px) {
  .pr55 {
    padding-right: 440px !important;
  }
}
@media (min-width: 1200px) {
  .pr55 {
    padding-right: 440px !important;
  }
}
@media (min-width: 1920px) {
  .pr55 {
    padding-right: 440px !important;
  }
}
@media (min-width: 576px) {
  .pr55sm {
    padding-right: 110px !important;
  }
}
@media (min-width: 768px) {
  .pr55md {
    padding-right: 220px !important;
  }
}
@media (min-width: 992px) {
  .pr55lg {
    padding-right: 440px !important;
  }
}
@media (min-width: 1200px) {
  .pr55xl {
    padding-right: 440px !important;
  }
}
@media (min-width: 1920px) {
  .pr55xxl {
    padding-right: 880px !important;
  }
}

.pl55 {
  padding-left: 110px !important;
}
@media (min-width: 576px) {
  .pl55 {
    padding-left: 110px !important;
  }
}
@media (min-width: 768px) {
  .pl55 {
    padding-left: 220px !important;
  }
}
@media (min-width: 992px) {
  .pl55 {
    padding-left: 440px !important;
  }
}
@media (min-width: 1200px) {
  .pl55 {
    padding-left: 440px !important;
  }
}
@media (min-width: 1920px) {
  .pl55 {
    padding-left: 440px !important;
  }
}
@media (min-width: 576px) {
  .pl55sm {
    padding-left: 110px !important;
  }
}
@media (min-width: 768px) {
  .pl55md {
    padding-left: 220px !important;
  }
}
@media (min-width: 992px) {
  .pl55lg {
    padding-left: 440px !important;
  }
}
@media (min-width: 1200px) {
  .pl55xl {
    padding-left: 440px !important;
  }
}
@media (min-width: 1920px) {
  .pl55xxl {
    padding-left: 880px !important;
  }
}

.pt55 {
  padding-top: 110px !important;
}
@media (min-width: 576px) {
  .pt55 {
    padding-top: 110px !important;
  }
}
@media (min-width: 768px) {
  .pt55 {
    padding-top: 220px !important;
  }
}
@media (min-width: 992px) {
  .pt55 {
    padding-top: 440px !important;
  }
}
@media (min-width: 1200px) {
  .pt55 {
    padding-top: 440px !important;
  }
}
@media (min-width: 1920px) {
  .pt55 {
    padding-top: 440px !important;
  }
}
@media (min-width: 576px) {
  .pt55sm {
    padding-top: 110px !important;
  }
}
@media (min-width: 768px) {
  .pt55md {
    padding-top: 220px !important;
  }
}
@media (min-width: 992px) {
  .pt55lg {
    padding-top: 440px !important;
  }
}
@media (min-width: 1200px) {
  .pt55xl {
    padding-top: 440px !important;
  }
}
@media (min-width: 1920px) {
  .pt55xxl {
    padding-top: 880px !important;
  }
}

.pb55 {
  padding-bottom: 110px !important;
}
@media (min-width: 576px) {
  .pb55 {
    padding-bottom: 110px !important;
  }
}
@media (min-width: 768px) {
  .pb55 {
    padding-bottom: 220px !important;
  }
}
@media (min-width: 992px) {
  .pb55 {
    padding-bottom: 440px !important;
  }
}
@media (min-width: 1200px) {
  .pb55 {
    padding-bottom: 440px !important;
  }
}
@media (min-width: 1920px) {
  .pb55 {
    padding-bottom: 440px !important;
  }
}
@media (min-width: 576px) {
  .pb55sm {
    padding-bottom: 110px !important;
  }
}
@media (min-width: 768px) {
  .pb55md {
    padding-bottom: 220px !important;
  }
}
@media (min-width: 992px) {
  .pb55lg {
    padding-bottom: 440px !important;
  }
}
@media (min-width: 1200px) {
  .pb55xl {
    padding-bottom: 440px !important;
  }
}
@media (min-width: 1920px) {
  .pb55xxl {
    padding-bottom: 880px !important;
  }
}

.mr55 {
  margin-right: 110px !important;
}
@media (min-width: 576px) {
  .mr55 {
    margin-right: 110px !important;
  }
}
@media (min-width: 768px) {
  .mr55 {
    margin-right: 220px !important;
  }
}
@media (min-width: 992px) {
  .mr55 {
    margin-right: 440px !important;
  }
}
@media (min-width: 1200px) {
  .mr55 {
    margin-right: 440px !important;
  }
}
@media (min-width: 1920px) {
  .mr55 {
    margin-right: 440px !important;
  }
}
@media (min-width: 576px) {
  .mr55sm {
    margin-right: 110px !important;
  }
}
@media (min-width: 768px) {
  .mr55md {
    margin-right: 220px !important;
  }
}
@media (min-width: 992px) {
  .mr55lg {
    margin-right: 440px !important;
  }
}
@media (min-width: 1200px) {
  .mr55xl {
    margin-right: 440px !important;
  }
}
@media (min-width: 1920px) {
  .mr55xxl {
    margin-right: 880px !important;
  }
}

.ml55 {
  margin-left: 110px !important;
}
@media (min-width: 576px) {
  .ml55 {
    margin-left: 110px !important;
  }
}
@media (min-width: 768px) {
  .ml55 {
    margin-left: 220px !important;
  }
}
@media (min-width: 992px) {
  .ml55 {
    margin-left: 440px !important;
  }
}
@media (min-width: 1200px) {
  .ml55 {
    margin-left: 440px !important;
  }
}
@media (min-width: 1920px) {
  .ml55 {
    margin-left: 440px !important;
  }
}
@media (min-width: 576px) {
  .ml55sm {
    margin-left: 110px !important;
  }
}
@media (min-width: 768px) {
  .ml55md {
    margin-left: 220px !important;
  }
}
@media (min-width: 992px) {
  .ml55lg {
    margin-left: 440px !important;
  }
}
@media (min-width: 1200px) {
  .ml55xl {
    margin-left: 440px !important;
  }
}
@media (min-width: 1920px) {
  .ml55xxl {
    margin-left: 880px !important;
  }
}

.mt55 {
  margin-top: 110px !important;
}
@media (min-width: 576px) {
  .mt55 {
    margin-top: 110px !important;
  }
}
@media (min-width: 768px) {
  .mt55 {
    margin-top: 220px !important;
  }
}
@media (min-width: 992px) {
  .mt55 {
    margin-top: 440px !important;
  }
}
@media (min-width: 1200px) {
  .mt55 {
    margin-top: 440px !important;
  }
}
@media (min-width: 1920px) {
  .mt55 {
    margin-top: 440px !important;
  }
}
@media (min-width: 576px) {
  .mt55sm {
    margin-top: 110px !important;
  }
}
@media (min-width: 768px) {
  .mt55md {
    margin-top: 220px !important;
  }
}
@media (min-width: 992px) {
  .mt55lg {
    margin-top: 440px !important;
  }
}
@media (min-width: 1200px) {
  .mt55xl {
    margin-top: 440px !important;
  }
}
@media (min-width: 1920px) {
  .mt55xxl {
    margin-top: 880px !important;
  }
}

.mb55 {
  margin-bottom: 110px !important;
}
@media (min-width: 576px) {
  .mb55 {
    margin-bottom: 110px !important;
  }
}
@media (min-width: 768px) {
  .mb55 {
    margin-bottom: 220px !important;
  }
}
@media (min-width: 992px) {
  .mb55 {
    margin-bottom: 440px !important;
  }
}
@media (min-width: 1200px) {
  .mb55 {
    margin-bottom: 440px !important;
  }
}
@media (min-width: 1920px) {
  .mb55 {
    margin-bottom: 440px !important;
  }
}
@media (min-width: 576px) {
  .mb55sm {
    margin-bottom: 110px !important;
  }
}
@media (min-width: 768px) {
  .mb55md {
    margin-bottom: 220px !important;
  }
}
@media (min-width: 992px) {
  .mb55lg {
    margin-bottom: 440px !important;
  }
}
@media (min-width: 1200px) {
  .mb55xl {
    margin-bottom: 440px !important;
  }
}
@media (min-width: 1920px) {
  .mb55xxl {
    margin-bottom: 880px !important;
  }
}

.minh55 {
  min-height: 110px !important;
}
@media (min-width: 576px) {
  .minh55 {
    min-height: 110px !important;
  }
}
@media (min-width: 768px) {
  .minh55 {
    min-height: 220px !important;
  }
}
@media (min-width: 992px) {
  .minh55 {
    min-height: 440px !important;
  }
}
@media (min-width: 1200px) {
  .minh55 {
    min-height: 440px !important;
  }
}
@media (min-width: 1920px) {
  .minh55 {
    min-height: 440px !important;
  }
}
@media (min-width: 576px) {
  .minh55sm {
    min-height: 110px !important;
  }
}
@media (min-width: 768px) {
  .minh55md {
    min-height: 220px !important;
  }
}
@media (min-width: 992px) {
  .minh55lg {
    min-height: 440px !important;
  }
}
@media (min-width: 1200px) {
  .minh55xl {
    min-height: 440px !important;
  }
}
@media (min-width: 1920px) {
  .minh55xxl {
    min-height: 880px !important;
  }
}

.maxh55 {
  max-height: 110px !important;
}
@media (min-width: 576px) {
  .maxh55 {
    max-height: 110px !important;
  }
}
@media (min-width: 768px) {
  .maxh55 {
    max-height: 220px !important;
  }
}
@media (min-width: 992px) {
  .maxh55 {
    max-height: 440px !important;
  }
}
@media (min-width: 1200px) {
  .maxh55 {
    max-height: 440px !important;
  }
}
@media (min-width: 1920px) {
  .maxh55 {
    max-height: 440px !important;
  }
}
@media (min-width: 576px) {
  .maxh55sm {
    max-height: 110px !important;
  }
}
@media (min-width: 768px) {
  .maxh55md {
    max-height: 220px !important;
  }
}
@media (min-width: 992px) {
  .maxh55lg {
    max-height: 440px !important;
  }
}
@media (min-width: 1200px) {
  .maxh55xl {
    max-height: 440px !important;
  }
}
@media (min-width: 1920px) {
  .maxh55xxl {
    max-height: 880px !important;
  }
}

.maxw55 {
  max-width: 110px !important;
}
@media (min-width: 576px) {
  .maxw55 {
    max-width: 110px !important;
  }
}
@media (min-width: 768px) {
  .maxw55 {
    max-width: 220px !important;
  }
}
@media (min-width: 992px) {
  .maxw55 {
    max-width: 440px !important;
  }
}
@media (min-width: 1200px) {
  .maxw55 {
    max-width: 440px !important;
  }
}
@media (min-width: 1920px) {
  .maxw55 {
    max-width: 440px !important;
  }
}
@media (min-width: 576px) {
  .maxw55sm {
    max-width: 110px !important;
  }
}
@media (min-width: 768px) {
  .maxw55md {
    max-width: 220px !important;
  }
}
@media (min-width: 992px) {
  .maxw55lg {
    max-width: 440px !important;
  }
}
@media (min-width: 1200px) {
  .maxw55xl {
    max-width: 440px !important;
  }
}
@media (min-width: 1920px) {
  .maxw55xxl {
    max-width: 880px !important;
  }
}

.pr60 {
  padding-right: 120px !important;
}
@media (min-width: 576px) {
  .pr60 {
    padding-right: 120px !important;
  }
}
@media (min-width: 768px) {
  .pr60 {
    padding-right: 240px !important;
  }
}
@media (min-width: 992px) {
  .pr60 {
    padding-right: 480px !important;
  }
}
@media (min-width: 1200px) {
  .pr60 {
    padding-right: 480px !important;
  }
}
@media (min-width: 1920px) {
  .pr60 {
    padding-right: 480px !important;
  }
}
@media (min-width: 576px) {
  .pr60sm {
    padding-right: 120px !important;
  }
}
@media (min-width: 768px) {
  .pr60md {
    padding-right: 240px !important;
  }
}
@media (min-width: 992px) {
  .pr60lg {
    padding-right: 480px !important;
  }
}
@media (min-width: 1200px) {
  .pr60xl {
    padding-right: 480px !important;
  }
}
@media (min-width: 1920px) {
  .pr60xxl {
    padding-right: 960px !important;
  }
}

.pl60 {
  padding-left: 120px !important;
}
@media (min-width: 576px) {
  .pl60 {
    padding-left: 120px !important;
  }
}
@media (min-width: 768px) {
  .pl60 {
    padding-left: 240px !important;
  }
}
@media (min-width: 992px) {
  .pl60 {
    padding-left: 480px !important;
  }
}
@media (min-width: 1200px) {
  .pl60 {
    padding-left: 480px !important;
  }
}
@media (min-width: 1920px) {
  .pl60 {
    padding-left: 480px !important;
  }
}
@media (min-width: 576px) {
  .pl60sm {
    padding-left: 120px !important;
  }
}
@media (min-width: 768px) {
  .pl60md {
    padding-left: 240px !important;
  }
}
@media (min-width: 992px) {
  .pl60lg {
    padding-left: 480px !important;
  }
}
@media (min-width: 1200px) {
  .pl60xl {
    padding-left: 480px !important;
  }
}
@media (min-width: 1920px) {
  .pl60xxl {
    padding-left: 960px !important;
  }
}

.pt60 {
  padding-top: 120px !important;
}
@media (min-width: 576px) {
  .pt60 {
    padding-top: 120px !important;
  }
}
@media (min-width: 768px) {
  .pt60 {
    padding-top: 240px !important;
  }
}
@media (min-width: 992px) {
  .pt60 {
    padding-top: 480px !important;
  }
}
@media (min-width: 1200px) {
  .pt60 {
    padding-top: 480px !important;
  }
}
@media (min-width: 1920px) {
  .pt60 {
    padding-top: 480px !important;
  }
}
@media (min-width: 576px) {
  .pt60sm {
    padding-top: 120px !important;
  }
}
@media (min-width: 768px) {
  .pt60md {
    padding-top: 240px !important;
  }
}
@media (min-width: 992px) {
  .pt60lg {
    padding-top: 480px !important;
  }
}
@media (min-width: 1200px) {
  .pt60xl {
    padding-top: 480px !important;
  }
}
@media (min-width: 1920px) {
  .pt60xxl {
    padding-top: 960px !important;
  }
}

.pb60 {
  padding-bottom: 120px !important;
}
@media (min-width: 576px) {
  .pb60 {
    padding-bottom: 120px !important;
  }
}
@media (min-width: 768px) {
  .pb60 {
    padding-bottom: 240px !important;
  }
}
@media (min-width: 992px) {
  .pb60 {
    padding-bottom: 480px !important;
  }
}
@media (min-width: 1200px) {
  .pb60 {
    padding-bottom: 480px !important;
  }
}
@media (min-width: 1920px) {
  .pb60 {
    padding-bottom: 480px !important;
  }
}
@media (min-width: 576px) {
  .pb60sm {
    padding-bottom: 120px !important;
  }
}
@media (min-width: 768px) {
  .pb60md {
    padding-bottom: 240px !important;
  }
}
@media (min-width: 992px) {
  .pb60lg {
    padding-bottom: 480px !important;
  }
}
@media (min-width: 1200px) {
  .pb60xl {
    padding-bottom: 480px !important;
  }
}
@media (min-width: 1920px) {
  .pb60xxl {
    padding-bottom: 960px !important;
  }
}

.mr60 {
  margin-right: 120px !important;
}
@media (min-width: 576px) {
  .mr60 {
    margin-right: 120px !important;
  }
}
@media (min-width: 768px) {
  .mr60 {
    margin-right: 240px !important;
  }
}
@media (min-width: 992px) {
  .mr60 {
    margin-right: 480px !important;
  }
}
@media (min-width: 1200px) {
  .mr60 {
    margin-right: 480px !important;
  }
}
@media (min-width: 1920px) {
  .mr60 {
    margin-right: 480px !important;
  }
}
@media (min-width: 576px) {
  .mr60sm {
    margin-right: 120px !important;
  }
}
@media (min-width: 768px) {
  .mr60md {
    margin-right: 240px !important;
  }
}
@media (min-width: 992px) {
  .mr60lg {
    margin-right: 480px !important;
  }
}
@media (min-width: 1200px) {
  .mr60xl {
    margin-right: 480px !important;
  }
}
@media (min-width: 1920px) {
  .mr60xxl {
    margin-right: 960px !important;
  }
}

.ml60 {
  margin-left: 120px !important;
}
@media (min-width: 576px) {
  .ml60 {
    margin-left: 120px !important;
  }
}
@media (min-width: 768px) {
  .ml60 {
    margin-left: 240px !important;
  }
}
@media (min-width: 992px) {
  .ml60 {
    margin-left: 480px !important;
  }
}
@media (min-width: 1200px) {
  .ml60 {
    margin-left: 480px !important;
  }
}
@media (min-width: 1920px) {
  .ml60 {
    margin-left: 480px !important;
  }
}
@media (min-width: 576px) {
  .ml60sm {
    margin-left: 120px !important;
  }
}
@media (min-width: 768px) {
  .ml60md {
    margin-left: 240px !important;
  }
}
@media (min-width: 992px) {
  .ml60lg {
    margin-left: 480px !important;
  }
}
@media (min-width: 1200px) {
  .ml60xl {
    margin-left: 480px !important;
  }
}
@media (min-width: 1920px) {
  .ml60xxl {
    margin-left: 960px !important;
  }
}

.mt60 {
  margin-top: 120px !important;
}
@media (min-width: 576px) {
  .mt60 {
    margin-top: 120px !important;
  }
}
@media (min-width: 768px) {
  .mt60 {
    margin-top: 240px !important;
  }
}
@media (min-width: 992px) {
  .mt60 {
    margin-top: 480px !important;
  }
}
@media (min-width: 1200px) {
  .mt60 {
    margin-top: 480px !important;
  }
}
@media (min-width: 1920px) {
  .mt60 {
    margin-top: 480px !important;
  }
}
@media (min-width: 576px) {
  .mt60sm {
    margin-top: 120px !important;
  }
}
@media (min-width: 768px) {
  .mt60md {
    margin-top: 240px !important;
  }
}
@media (min-width: 992px) {
  .mt60lg {
    margin-top: 480px !important;
  }
}
@media (min-width: 1200px) {
  .mt60xl {
    margin-top: 480px !important;
  }
}
@media (min-width: 1920px) {
  .mt60xxl {
    margin-top: 960px !important;
  }
}

.mb60 {
  margin-bottom: 120px !important;
}
@media (min-width: 576px) {
  .mb60 {
    margin-bottom: 120px !important;
  }
}
@media (min-width: 768px) {
  .mb60 {
    margin-bottom: 240px !important;
  }
}
@media (min-width: 992px) {
  .mb60 {
    margin-bottom: 480px !important;
  }
}
@media (min-width: 1200px) {
  .mb60 {
    margin-bottom: 480px !important;
  }
}
@media (min-width: 1920px) {
  .mb60 {
    margin-bottom: 480px !important;
  }
}
@media (min-width: 576px) {
  .mb60sm {
    margin-bottom: 120px !important;
  }
}
@media (min-width: 768px) {
  .mb60md {
    margin-bottom: 240px !important;
  }
}
@media (min-width: 992px) {
  .mb60lg {
    margin-bottom: 480px !important;
  }
}
@media (min-width: 1200px) {
  .mb60xl {
    margin-bottom: 480px !important;
  }
}
@media (min-width: 1920px) {
  .mb60xxl {
    margin-bottom: 960px !important;
  }
}

.minh60 {
  min-height: 120px !important;
}
@media (min-width: 576px) {
  .minh60 {
    min-height: 120px !important;
  }
}
@media (min-width: 768px) {
  .minh60 {
    min-height: 240px !important;
  }
}
@media (min-width: 992px) {
  .minh60 {
    min-height: 480px !important;
  }
}
@media (min-width: 1200px) {
  .minh60 {
    min-height: 480px !important;
  }
}
@media (min-width: 1920px) {
  .minh60 {
    min-height: 480px !important;
  }
}
@media (min-width: 576px) {
  .minh60sm {
    min-height: 120px !important;
  }
}
@media (min-width: 768px) {
  .minh60md {
    min-height: 240px !important;
  }
}
@media (min-width: 992px) {
  .minh60lg {
    min-height: 480px !important;
  }
}
@media (min-width: 1200px) {
  .minh60xl {
    min-height: 480px !important;
  }
}
@media (min-width: 1920px) {
  .minh60xxl {
    min-height: 960px !important;
  }
}

.maxh60 {
  max-height: 120px !important;
}
@media (min-width: 576px) {
  .maxh60 {
    max-height: 120px !important;
  }
}
@media (min-width: 768px) {
  .maxh60 {
    max-height: 240px !important;
  }
}
@media (min-width: 992px) {
  .maxh60 {
    max-height: 480px !important;
  }
}
@media (min-width: 1200px) {
  .maxh60 {
    max-height: 480px !important;
  }
}
@media (min-width: 1920px) {
  .maxh60 {
    max-height: 480px !important;
  }
}
@media (min-width: 576px) {
  .maxh60sm {
    max-height: 120px !important;
  }
}
@media (min-width: 768px) {
  .maxh60md {
    max-height: 240px !important;
  }
}
@media (min-width: 992px) {
  .maxh60lg {
    max-height: 480px !important;
  }
}
@media (min-width: 1200px) {
  .maxh60xl {
    max-height: 480px !important;
  }
}
@media (min-width: 1920px) {
  .maxh60xxl {
    max-height: 960px !important;
  }
}

.maxw60 {
  max-width: 120px !important;
}
@media (min-width: 576px) {
  .maxw60 {
    max-width: 120px !important;
  }
}
@media (min-width: 768px) {
  .maxw60 {
    max-width: 240px !important;
  }
}
@media (min-width: 992px) {
  .maxw60 {
    max-width: 480px !important;
  }
}
@media (min-width: 1200px) {
  .maxw60 {
    max-width: 480px !important;
  }
}
@media (min-width: 1920px) {
  .maxw60 {
    max-width: 480px !important;
  }
}
@media (min-width: 576px) {
  .maxw60sm {
    max-width: 120px !important;
  }
}
@media (min-width: 768px) {
  .maxw60md {
    max-width: 240px !important;
  }
}
@media (min-width: 992px) {
  .maxw60lg {
    max-width: 480px !important;
  }
}
@media (min-width: 1200px) {
  .maxw60xl {
    max-width: 480px !important;
  }
}
@media (min-width: 1920px) {
  .maxw60xxl {
    max-width: 960px !important;
  }
}

.pr65 {
  padding-right: 130px !important;
}
@media (min-width: 576px) {
  .pr65 {
    padding-right: 130px !important;
  }
}
@media (min-width: 768px) {
  .pr65 {
    padding-right: 260px !important;
  }
}
@media (min-width: 992px) {
  .pr65 {
    padding-right: 520px !important;
  }
}
@media (min-width: 1200px) {
  .pr65 {
    padding-right: 520px !important;
  }
}
@media (min-width: 1920px) {
  .pr65 {
    padding-right: 520px !important;
  }
}
@media (min-width: 576px) {
  .pr65sm {
    padding-right: 130px !important;
  }
}
@media (min-width: 768px) {
  .pr65md {
    padding-right: 260px !important;
  }
}
@media (min-width: 992px) {
  .pr65lg {
    padding-right: 520px !important;
  }
}
@media (min-width: 1200px) {
  .pr65xl {
    padding-right: 520px !important;
  }
}
@media (min-width: 1920px) {
  .pr65xxl {
    padding-right: 1040px !important;
  }
}

.pl65 {
  padding-left: 130px !important;
}
@media (min-width: 576px) {
  .pl65 {
    padding-left: 130px !important;
  }
}
@media (min-width: 768px) {
  .pl65 {
    padding-left: 260px !important;
  }
}
@media (min-width: 992px) {
  .pl65 {
    padding-left: 520px !important;
  }
}
@media (min-width: 1200px) {
  .pl65 {
    padding-left: 520px !important;
  }
}
@media (min-width: 1920px) {
  .pl65 {
    padding-left: 520px !important;
  }
}
@media (min-width: 576px) {
  .pl65sm {
    padding-left: 130px !important;
  }
}
@media (min-width: 768px) {
  .pl65md {
    padding-left: 260px !important;
  }
}
@media (min-width: 992px) {
  .pl65lg {
    padding-left: 520px !important;
  }
}
@media (min-width: 1200px) {
  .pl65xl {
    padding-left: 520px !important;
  }
}
@media (min-width: 1920px) {
  .pl65xxl {
    padding-left: 1040px !important;
  }
}

.pt65 {
  padding-top: 130px !important;
}
@media (min-width: 576px) {
  .pt65 {
    padding-top: 130px !important;
  }
}
@media (min-width: 768px) {
  .pt65 {
    padding-top: 260px !important;
  }
}
@media (min-width: 992px) {
  .pt65 {
    padding-top: 520px !important;
  }
}
@media (min-width: 1200px) {
  .pt65 {
    padding-top: 520px !important;
  }
}
@media (min-width: 1920px) {
  .pt65 {
    padding-top: 520px !important;
  }
}
@media (min-width: 576px) {
  .pt65sm {
    padding-top: 130px !important;
  }
}
@media (min-width: 768px) {
  .pt65md {
    padding-top: 260px !important;
  }
}
@media (min-width: 992px) {
  .pt65lg {
    padding-top: 520px !important;
  }
}
@media (min-width: 1200px) {
  .pt65xl {
    padding-top: 520px !important;
  }
}
@media (min-width: 1920px) {
  .pt65xxl {
    padding-top: 1040px !important;
  }
}

.pb65 {
  padding-bottom: 130px !important;
}
@media (min-width: 576px) {
  .pb65 {
    padding-bottom: 130px !important;
  }
}
@media (min-width: 768px) {
  .pb65 {
    padding-bottom: 260px !important;
  }
}
@media (min-width: 992px) {
  .pb65 {
    padding-bottom: 520px !important;
  }
}
@media (min-width: 1200px) {
  .pb65 {
    padding-bottom: 520px !important;
  }
}
@media (min-width: 1920px) {
  .pb65 {
    padding-bottom: 520px !important;
  }
}
@media (min-width: 576px) {
  .pb65sm {
    padding-bottom: 130px !important;
  }
}
@media (min-width: 768px) {
  .pb65md {
    padding-bottom: 260px !important;
  }
}
@media (min-width: 992px) {
  .pb65lg {
    padding-bottom: 520px !important;
  }
}
@media (min-width: 1200px) {
  .pb65xl {
    padding-bottom: 520px !important;
  }
}
@media (min-width: 1920px) {
  .pb65xxl {
    padding-bottom: 1040px !important;
  }
}

.mr65 {
  margin-right: 130px !important;
}
@media (min-width: 576px) {
  .mr65 {
    margin-right: 130px !important;
  }
}
@media (min-width: 768px) {
  .mr65 {
    margin-right: 260px !important;
  }
}
@media (min-width: 992px) {
  .mr65 {
    margin-right: 520px !important;
  }
}
@media (min-width: 1200px) {
  .mr65 {
    margin-right: 520px !important;
  }
}
@media (min-width: 1920px) {
  .mr65 {
    margin-right: 520px !important;
  }
}
@media (min-width: 576px) {
  .mr65sm {
    margin-right: 130px !important;
  }
}
@media (min-width: 768px) {
  .mr65md {
    margin-right: 260px !important;
  }
}
@media (min-width: 992px) {
  .mr65lg {
    margin-right: 520px !important;
  }
}
@media (min-width: 1200px) {
  .mr65xl {
    margin-right: 520px !important;
  }
}
@media (min-width: 1920px) {
  .mr65xxl {
    margin-right: 1040px !important;
  }
}

.ml65 {
  margin-left: 130px !important;
}
@media (min-width: 576px) {
  .ml65 {
    margin-left: 130px !important;
  }
}
@media (min-width: 768px) {
  .ml65 {
    margin-left: 260px !important;
  }
}
@media (min-width: 992px) {
  .ml65 {
    margin-left: 520px !important;
  }
}
@media (min-width: 1200px) {
  .ml65 {
    margin-left: 520px !important;
  }
}
@media (min-width: 1920px) {
  .ml65 {
    margin-left: 520px !important;
  }
}
@media (min-width: 576px) {
  .ml65sm {
    margin-left: 130px !important;
  }
}
@media (min-width: 768px) {
  .ml65md {
    margin-left: 260px !important;
  }
}
@media (min-width: 992px) {
  .ml65lg {
    margin-left: 520px !important;
  }
}
@media (min-width: 1200px) {
  .ml65xl {
    margin-left: 520px !important;
  }
}
@media (min-width: 1920px) {
  .ml65xxl {
    margin-left: 1040px !important;
  }
}

.mt65 {
  margin-top: 130px !important;
}
@media (min-width: 576px) {
  .mt65 {
    margin-top: 130px !important;
  }
}
@media (min-width: 768px) {
  .mt65 {
    margin-top: 260px !important;
  }
}
@media (min-width: 992px) {
  .mt65 {
    margin-top: 520px !important;
  }
}
@media (min-width: 1200px) {
  .mt65 {
    margin-top: 520px !important;
  }
}
@media (min-width: 1920px) {
  .mt65 {
    margin-top: 520px !important;
  }
}
@media (min-width: 576px) {
  .mt65sm {
    margin-top: 130px !important;
  }
}
@media (min-width: 768px) {
  .mt65md {
    margin-top: 260px !important;
  }
}
@media (min-width: 992px) {
  .mt65lg {
    margin-top: 520px !important;
  }
}
@media (min-width: 1200px) {
  .mt65xl {
    margin-top: 520px !important;
  }
}
@media (min-width: 1920px) {
  .mt65xxl {
    margin-top: 1040px !important;
  }
}

.mb65 {
  margin-bottom: 130px !important;
}
@media (min-width: 576px) {
  .mb65 {
    margin-bottom: 130px !important;
  }
}
@media (min-width: 768px) {
  .mb65 {
    margin-bottom: 260px !important;
  }
}
@media (min-width: 992px) {
  .mb65 {
    margin-bottom: 520px !important;
  }
}
@media (min-width: 1200px) {
  .mb65 {
    margin-bottom: 520px !important;
  }
}
@media (min-width: 1920px) {
  .mb65 {
    margin-bottom: 520px !important;
  }
}
@media (min-width: 576px) {
  .mb65sm {
    margin-bottom: 130px !important;
  }
}
@media (min-width: 768px) {
  .mb65md {
    margin-bottom: 260px !important;
  }
}
@media (min-width: 992px) {
  .mb65lg {
    margin-bottom: 520px !important;
  }
}
@media (min-width: 1200px) {
  .mb65xl {
    margin-bottom: 520px !important;
  }
}
@media (min-width: 1920px) {
  .mb65xxl {
    margin-bottom: 1040px !important;
  }
}

.minh65 {
  min-height: 130px !important;
}
@media (min-width: 576px) {
  .minh65 {
    min-height: 130px !important;
  }
}
@media (min-width: 768px) {
  .minh65 {
    min-height: 260px !important;
  }
}
@media (min-width: 992px) {
  .minh65 {
    min-height: 520px !important;
  }
}
@media (min-width: 1200px) {
  .minh65 {
    min-height: 520px !important;
  }
}
@media (min-width: 1920px) {
  .minh65 {
    min-height: 520px !important;
  }
}
@media (min-width: 576px) {
  .minh65sm {
    min-height: 130px !important;
  }
}
@media (min-width: 768px) {
  .minh65md {
    min-height: 260px !important;
  }
}
@media (min-width: 992px) {
  .minh65lg {
    min-height: 520px !important;
  }
}
@media (min-width: 1200px) {
  .minh65xl {
    min-height: 520px !important;
  }
}
@media (min-width: 1920px) {
  .minh65xxl {
    min-height: 1040px !important;
  }
}

.maxh65 {
  max-height: 130px !important;
}
@media (min-width: 576px) {
  .maxh65 {
    max-height: 130px !important;
  }
}
@media (min-width: 768px) {
  .maxh65 {
    max-height: 260px !important;
  }
}
@media (min-width: 992px) {
  .maxh65 {
    max-height: 520px !important;
  }
}
@media (min-width: 1200px) {
  .maxh65 {
    max-height: 520px !important;
  }
}
@media (min-width: 1920px) {
  .maxh65 {
    max-height: 520px !important;
  }
}
@media (min-width: 576px) {
  .maxh65sm {
    max-height: 130px !important;
  }
}
@media (min-width: 768px) {
  .maxh65md {
    max-height: 260px !important;
  }
}
@media (min-width: 992px) {
  .maxh65lg {
    max-height: 520px !important;
  }
}
@media (min-width: 1200px) {
  .maxh65xl {
    max-height: 520px !important;
  }
}
@media (min-width: 1920px) {
  .maxh65xxl {
    max-height: 1040px !important;
  }
}

.maxw65 {
  max-width: 130px !important;
}
@media (min-width: 576px) {
  .maxw65 {
    max-width: 130px !important;
  }
}
@media (min-width: 768px) {
  .maxw65 {
    max-width: 260px !important;
  }
}
@media (min-width: 992px) {
  .maxw65 {
    max-width: 520px !important;
  }
}
@media (min-width: 1200px) {
  .maxw65 {
    max-width: 520px !important;
  }
}
@media (min-width: 1920px) {
  .maxw65 {
    max-width: 520px !important;
  }
}
@media (min-width: 576px) {
  .maxw65sm {
    max-width: 130px !important;
  }
}
@media (min-width: 768px) {
  .maxw65md {
    max-width: 260px !important;
  }
}
@media (min-width: 992px) {
  .maxw65lg {
    max-width: 520px !important;
  }
}
@media (min-width: 1200px) {
  .maxw65xl {
    max-width: 520px !important;
  }
}
@media (min-width: 1920px) {
  .maxw65xxl {
    max-width: 1040px !important;
  }
}

.pr70 {
  padding-right: 140px !important;
}
@media (min-width: 576px) {
  .pr70 {
    padding-right: 140px !important;
  }
}
@media (min-width: 768px) {
  .pr70 {
    padding-right: 280px !important;
  }
}
@media (min-width: 992px) {
  .pr70 {
    padding-right: 560px !important;
  }
}
@media (min-width: 1200px) {
  .pr70 {
    padding-right: 560px !important;
  }
}
@media (min-width: 1920px) {
  .pr70 {
    padding-right: 560px !important;
  }
}
@media (min-width: 576px) {
  .pr70sm {
    padding-right: 140px !important;
  }
}
@media (min-width: 768px) {
  .pr70md {
    padding-right: 280px !important;
  }
}
@media (min-width: 992px) {
  .pr70lg {
    padding-right: 560px !important;
  }
}
@media (min-width: 1200px) {
  .pr70xl {
    padding-right: 560px !important;
  }
}
@media (min-width: 1920px) {
  .pr70xxl {
    padding-right: 1120px !important;
  }
}

.pl70 {
  padding-left: 140px !important;
}
@media (min-width: 576px) {
  .pl70 {
    padding-left: 140px !important;
  }
}
@media (min-width: 768px) {
  .pl70 {
    padding-left: 280px !important;
  }
}
@media (min-width: 992px) {
  .pl70 {
    padding-left: 560px !important;
  }
}
@media (min-width: 1200px) {
  .pl70 {
    padding-left: 560px !important;
  }
}
@media (min-width: 1920px) {
  .pl70 {
    padding-left: 560px !important;
  }
}
@media (min-width: 576px) {
  .pl70sm {
    padding-left: 140px !important;
  }
}
@media (min-width: 768px) {
  .pl70md {
    padding-left: 280px !important;
  }
}
@media (min-width: 992px) {
  .pl70lg {
    padding-left: 560px !important;
  }
}
@media (min-width: 1200px) {
  .pl70xl {
    padding-left: 560px !important;
  }
}
@media (min-width: 1920px) {
  .pl70xxl {
    padding-left: 1120px !important;
  }
}

.pt70 {
  padding-top: 140px !important;
}
@media (min-width: 576px) {
  .pt70 {
    padding-top: 140px !important;
  }
}
@media (min-width: 768px) {
  .pt70 {
    padding-top: 280px !important;
  }
}
@media (min-width: 992px) {
  .pt70 {
    padding-top: 560px !important;
  }
}
@media (min-width: 1200px) {
  .pt70 {
    padding-top: 560px !important;
  }
}
@media (min-width: 1920px) {
  .pt70 {
    padding-top: 560px !important;
  }
}
@media (min-width: 576px) {
  .pt70sm {
    padding-top: 140px !important;
  }
}
@media (min-width: 768px) {
  .pt70md {
    padding-top: 280px !important;
  }
}
@media (min-width: 992px) {
  .pt70lg {
    padding-top: 560px !important;
  }
}
@media (min-width: 1200px) {
  .pt70xl {
    padding-top: 560px !important;
  }
}
@media (min-width: 1920px) {
  .pt70xxl {
    padding-top: 1120px !important;
  }
}

.pb70 {
  padding-bottom: 140px !important;
}
@media (min-width: 576px) {
  .pb70 {
    padding-bottom: 140px !important;
  }
}
@media (min-width: 768px) {
  .pb70 {
    padding-bottom: 280px !important;
  }
}
@media (min-width: 992px) {
  .pb70 {
    padding-bottom: 560px !important;
  }
}
@media (min-width: 1200px) {
  .pb70 {
    padding-bottom: 560px !important;
  }
}
@media (min-width: 1920px) {
  .pb70 {
    padding-bottom: 560px !important;
  }
}
@media (min-width: 576px) {
  .pb70sm {
    padding-bottom: 140px !important;
  }
}
@media (min-width: 768px) {
  .pb70md {
    padding-bottom: 280px !important;
  }
}
@media (min-width: 992px) {
  .pb70lg {
    padding-bottom: 560px !important;
  }
}
@media (min-width: 1200px) {
  .pb70xl {
    padding-bottom: 560px !important;
  }
}
@media (min-width: 1920px) {
  .pb70xxl {
    padding-bottom: 1120px !important;
  }
}

.mr70 {
  margin-right: 140px !important;
}
@media (min-width: 576px) {
  .mr70 {
    margin-right: 140px !important;
  }
}
@media (min-width: 768px) {
  .mr70 {
    margin-right: 280px !important;
  }
}
@media (min-width: 992px) {
  .mr70 {
    margin-right: 560px !important;
  }
}
@media (min-width: 1200px) {
  .mr70 {
    margin-right: 560px !important;
  }
}
@media (min-width: 1920px) {
  .mr70 {
    margin-right: 560px !important;
  }
}
@media (min-width: 576px) {
  .mr70sm {
    margin-right: 140px !important;
  }
}
@media (min-width: 768px) {
  .mr70md {
    margin-right: 280px !important;
  }
}
@media (min-width: 992px) {
  .mr70lg {
    margin-right: 560px !important;
  }
}
@media (min-width: 1200px) {
  .mr70xl {
    margin-right: 560px !important;
  }
}
@media (min-width: 1920px) {
  .mr70xxl {
    margin-right: 1120px !important;
  }
}

.ml70 {
  margin-left: 140px !important;
}
@media (min-width: 576px) {
  .ml70 {
    margin-left: 140px !important;
  }
}
@media (min-width: 768px) {
  .ml70 {
    margin-left: 280px !important;
  }
}
@media (min-width: 992px) {
  .ml70 {
    margin-left: 560px !important;
  }
}
@media (min-width: 1200px) {
  .ml70 {
    margin-left: 560px !important;
  }
}
@media (min-width: 1920px) {
  .ml70 {
    margin-left: 560px !important;
  }
}
@media (min-width: 576px) {
  .ml70sm {
    margin-left: 140px !important;
  }
}
@media (min-width: 768px) {
  .ml70md {
    margin-left: 280px !important;
  }
}
@media (min-width: 992px) {
  .ml70lg {
    margin-left: 560px !important;
  }
}
@media (min-width: 1200px) {
  .ml70xl {
    margin-left: 560px !important;
  }
}
@media (min-width: 1920px) {
  .ml70xxl {
    margin-left: 1120px !important;
  }
}

.mt70 {
  margin-top: 140px !important;
}
@media (min-width: 576px) {
  .mt70 {
    margin-top: 140px !important;
  }
}
@media (min-width: 768px) {
  .mt70 {
    margin-top: 280px !important;
  }
}
@media (min-width: 992px) {
  .mt70 {
    margin-top: 560px !important;
  }
}
@media (min-width: 1200px) {
  .mt70 {
    margin-top: 560px !important;
  }
}
@media (min-width: 1920px) {
  .mt70 {
    margin-top: 560px !important;
  }
}
@media (min-width: 576px) {
  .mt70sm {
    margin-top: 140px !important;
  }
}
@media (min-width: 768px) {
  .mt70md {
    margin-top: 280px !important;
  }
}
@media (min-width: 992px) {
  .mt70lg {
    margin-top: 560px !important;
  }
}
@media (min-width: 1200px) {
  .mt70xl {
    margin-top: 560px !important;
  }
}
@media (min-width: 1920px) {
  .mt70xxl {
    margin-top: 1120px !important;
  }
}

.mb70 {
  margin-bottom: 140px !important;
}
@media (min-width: 576px) {
  .mb70 {
    margin-bottom: 140px !important;
  }
}
@media (min-width: 768px) {
  .mb70 {
    margin-bottom: 280px !important;
  }
}
@media (min-width: 992px) {
  .mb70 {
    margin-bottom: 560px !important;
  }
}
@media (min-width: 1200px) {
  .mb70 {
    margin-bottom: 560px !important;
  }
}
@media (min-width: 1920px) {
  .mb70 {
    margin-bottom: 560px !important;
  }
}
@media (min-width: 576px) {
  .mb70sm {
    margin-bottom: 140px !important;
  }
}
@media (min-width: 768px) {
  .mb70md {
    margin-bottom: 280px !important;
  }
}
@media (min-width: 992px) {
  .mb70lg {
    margin-bottom: 560px !important;
  }
}
@media (min-width: 1200px) {
  .mb70xl {
    margin-bottom: 560px !important;
  }
}
@media (min-width: 1920px) {
  .mb70xxl {
    margin-bottom: 1120px !important;
  }
}

.minh70 {
  min-height: 140px !important;
}
@media (min-width: 576px) {
  .minh70 {
    min-height: 140px !important;
  }
}
@media (min-width: 768px) {
  .minh70 {
    min-height: 280px !important;
  }
}
@media (min-width: 992px) {
  .minh70 {
    min-height: 560px !important;
  }
}
@media (min-width: 1200px) {
  .minh70 {
    min-height: 560px !important;
  }
}
@media (min-width: 1920px) {
  .minh70 {
    min-height: 560px !important;
  }
}
@media (min-width: 576px) {
  .minh70sm {
    min-height: 140px !important;
  }
}
@media (min-width: 768px) {
  .minh70md {
    min-height: 280px !important;
  }
}
@media (min-width: 992px) {
  .minh70lg {
    min-height: 560px !important;
  }
}
@media (min-width: 1200px) {
  .minh70xl {
    min-height: 560px !important;
  }
}
@media (min-width: 1920px) {
  .minh70xxl {
    min-height: 1120px !important;
  }
}

.maxh70 {
  max-height: 140px !important;
}
@media (min-width: 576px) {
  .maxh70 {
    max-height: 140px !important;
  }
}
@media (min-width: 768px) {
  .maxh70 {
    max-height: 280px !important;
  }
}
@media (min-width: 992px) {
  .maxh70 {
    max-height: 560px !important;
  }
}
@media (min-width: 1200px) {
  .maxh70 {
    max-height: 560px !important;
  }
}
@media (min-width: 1920px) {
  .maxh70 {
    max-height: 560px !important;
  }
}
@media (min-width: 576px) {
  .maxh70sm {
    max-height: 140px !important;
  }
}
@media (min-width: 768px) {
  .maxh70md {
    max-height: 280px !important;
  }
}
@media (min-width: 992px) {
  .maxh70lg {
    max-height: 560px !important;
  }
}
@media (min-width: 1200px) {
  .maxh70xl {
    max-height: 560px !important;
  }
}
@media (min-width: 1920px) {
  .maxh70xxl {
    max-height: 1120px !important;
  }
}

.maxw70 {
  max-width: 140px !important;
}
@media (min-width: 576px) {
  .maxw70 {
    max-width: 140px !important;
  }
}
@media (min-width: 768px) {
  .maxw70 {
    max-width: 280px !important;
  }
}
@media (min-width: 992px) {
  .maxw70 {
    max-width: 560px !important;
  }
}
@media (min-width: 1200px) {
  .maxw70 {
    max-width: 560px !important;
  }
}
@media (min-width: 1920px) {
  .maxw70 {
    max-width: 560px !important;
  }
}
@media (min-width: 576px) {
  .maxw70sm {
    max-width: 140px !important;
  }
}
@media (min-width: 768px) {
  .maxw70md {
    max-width: 280px !important;
  }
}
@media (min-width: 992px) {
  .maxw70lg {
    max-width: 560px !important;
  }
}
@media (min-width: 1200px) {
  .maxw70xl {
    max-width: 560px !important;
  }
}
@media (min-width: 1920px) {
  .maxw70xxl {
    max-width: 1120px !important;
  }
}

.pr75 {
  padding-right: 150px !important;
}
@media (min-width: 576px) {
  .pr75 {
    padding-right: 150px !important;
  }
}
@media (min-width: 768px) {
  .pr75 {
    padding-right: 300px !important;
  }
}
@media (min-width: 992px) {
  .pr75 {
    padding-right: 600px !important;
  }
}
@media (min-width: 1200px) {
  .pr75 {
    padding-right: 600px !important;
  }
}
@media (min-width: 1920px) {
  .pr75 {
    padding-right: 600px !important;
  }
}
@media (min-width: 576px) {
  .pr75sm {
    padding-right: 150px !important;
  }
}
@media (min-width: 768px) {
  .pr75md {
    padding-right: 300px !important;
  }
}
@media (min-width: 992px) {
  .pr75lg {
    padding-right: 600px !important;
  }
}
@media (min-width: 1200px) {
  .pr75xl {
    padding-right: 600px !important;
  }
}
@media (min-width: 1920px) {
  .pr75xxl {
    padding-right: 1200px !important;
  }
}

.pl75 {
  padding-left: 150px !important;
}
@media (min-width: 576px) {
  .pl75 {
    padding-left: 150px !important;
  }
}
@media (min-width: 768px) {
  .pl75 {
    padding-left: 300px !important;
  }
}
@media (min-width: 992px) {
  .pl75 {
    padding-left: 600px !important;
  }
}
@media (min-width: 1200px) {
  .pl75 {
    padding-left: 600px !important;
  }
}
@media (min-width: 1920px) {
  .pl75 {
    padding-left: 600px !important;
  }
}
@media (min-width: 576px) {
  .pl75sm {
    padding-left: 150px !important;
  }
}
@media (min-width: 768px) {
  .pl75md {
    padding-left: 300px !important;
  }
}
@media (min-width: 992px) {
  .pl75lg {
    padding-left: 600px !important;
  }
}
@media (min-width: 1200px) {
  .pl75xl {
    padding-left: 600px !important;
  }
}
@media (min-width: 1920px) {
  .pl75xxl {
    padding-left: 1200px !important;
  }
}

.pt75 {
  padding-top: 150px !important;
}
@media (min-width: 576px) {
  .pt75 {
    padding-top: 150px !important;
  }
}
@media (min-width: 768px) {
  .pt75 {
    padding-top: 300px !important;
  }
}
@media (min-width: 992px) {
  .pt75 {
    padding-top: 600px !important;
  }
}
@media (min-width: 1200px) {
  .pt75 {
    padding-top: 600px !important;
  }
}
@media (min-width: 1920px) {
  .pt75 {
    padding-top: 600px !important;
  }
}
@media (min-width: 576px) {
  .pt75sm {
    padding-top: 150px !important;
  }
}
@media (min-width: 768px) {
  .pt75md {
    padding-top: 300px !important;
  }
}
@media (min-width: 992px) {
  .pt75lg {
    padding-top: 600px !important;
  }
}
@media (min-width: 1200px) {
  .pt75xl {
    padding-top: 600px !important;
  }
}
@media (min-width: 1920px) {
  .pt75xxl {
    padding-top: 1200px !important;
  }
}

.pb75 {
  padding-bottom: 150px !important;
}
@media (min-width: 576px) {
  .pb75 {
    padding-bottom: 150px !important;
  }
}
@media (min-width: 768px) {
  .pb75 {
    padding-bottom: 300px !important;
  }
}
@media (min-width: 992px) {
  .pb75 {
    padding-bottom: 600px !important;
  }
}
@media (min-width: 1200px) {
  .pb75 {
    padding-bottom: 600px !important;
  }
}
@media (min-width: 1920px) {
  .pb75 {
    padding-bottom: 600px !important;
  }
}
@media (min-width: 576px) {
  .pb75sm {
    padding-bottom: 150px !important;
  }
}
@media (min-width: 768px) {
  .pb75md {
    padding-bottom: 300px !important;
  }
}
@media (min-width: 992px) {
  .pb75lg {
    padding-bottom: 600px !important;
  }
}
@media (min-width: 1200px) {
  .pb75xl {
    padding-bottom: 600px !important;
  }
}
@media (min-width: 1920px) {
  .pb75xxl {
    padding-bottom: 1200px !important;
  }
}

.mr75 {
  margin-right: 150px !important;
}
@media (min-width: 576px) {
  .mr75 {
    margin-right: 150px !important;
  }
}
@media (min-width: 768px) {
  .mr75 {
    margin-right: 300px !important;
  }
}
@media (min-width: 992px) {
  .mr75 {
    margin-right: 600px !important;
  }
}
@media (min-width: 1200px) {
  .mr75 {
    margin-right: 600px !important;
  }
}
@media (min-width: 1920px) {
  .mr75 {
    margin-right: 600px !important;
  }
}
@media (min-width: 576px) {
  .mr75sm {
    margin-right: 150px !important;
  }
}
@media (min-width: 768px) {
  .mr75md {
    margin-right: 300px !important;
  }
}
@media (min-width: 992px) {
  .mr75lg {
    margin-right: 600px !important;
  }
}
@media (min-width: 1200px) {
  .mr75xl {
    margin-right: 600px !important;
  }
}
@media (min-width: 1920px) {
  .mr75xxl {
    margin-right: 1200px !important;
  }
}

.ml75 {
  margin-left: 150px !important;
}
@media (min-width: 576px) {
  .ml75 {
    margin-left: 150px !important;
  }
}
@media (min-width: 768px) {
  .ml75 {
    margin-left: 300px !important;
  }
}
@media (min-width: 992px) {
  .ml75 {
    margin-left: 600px !important;
  }
}
@media (min-width: 1200px) {
  .ml75 {
    margin-left: 600px !important;
  }
}
@media (min-width: 1920px) {
  .ml75 {
    margin-left: 600px !important;
  }
}
@media (min-width: 576px) {
  .ml75sm {
    margin-left: 150px !important;
  }
}
@media (min-width: 768px) {
  .ml75md {
    margin-left: 300px !important;
  }
}
@media (min-width: 992px) {
  .ml75lg {
    margin-left: 600px !important;
  }
}
@media (min-width: 1200px) {
  .ml75xl {
    margin-left: 600px !important;
  }
}
@media (min-width: 1920px) {
  .ml75xxl {
    margin-left: 1200px !important;
  }
}

.mt75 {
  margin-top: 150px !important;
}
@media (min-width: 576px) {
  .mt75 {
    margin-top: 150px !important;
  }
}
@media (min-width: 768px) {
  .mt75 {
    margin-top: 300px !important;
  }
}
@media (min-width: 992px) {
  .mt75 {
    margin-top: 600px !important;
  }
}
@media (min-width: 1200px) {
  .mt75 {
    margin-top: 600px !important;
  }
}
@media (min-width: 1920px) {
  .mt75 {
    margin-top: 600px !important;
  }
}
@media (min-width: 576px) {
  .mt75sm {
    margin-top: 150px !important;
  }
}
@media (min-width: 768px) {
  .mt75md {
    margin-top: 300px !important;
  }
}
@media (min-width: 992px) {
  .mt75lg {
    margin-top: 600px !important;
  }
}
@media (min-width: 1200px) {
  .mt75xl {
    margin-top: 600px !important;
  }
}
@media (min-width: 1920px) {
  .mt75xxl {
    margin-top: 1200px !important;
  }
}

.mb75 {
  margin-bottom: 150px !important;
}
@media (min-width: 576px) {
  .mb75 {
    margin-bottom: 150px !important;
  }
}
@media (min-width: 768px) {
  .mb75 {
    margin-bottom: 300px !important;
  }
}
@media (min-width: 992px) {
  .mb75 {
    margin-bottom: 600px !important;
  }
}
@media (min-width: 1200px) {
  .mb75 {
    margin-bottom: 600px !important;
  }
}
@media (min-width: 1920px) {
  .mb75 {
    margin-bottom: 600px !important;
  }
}
@media (min-width: 576px) {
  .mb75sm {
    margin-bottom: 150px !important;
  }
}
@media (min-width: 768px) {
  .mb75md {
    margin-bottom: 300px !important;
  }
}
@media (min-width: 992px) {
  .mb75lg {
    margin-bottom: 600px !important;
  }
}
@media (min-width: 1200px) {
  .mb75xl {
    margin-bottom: 600px !important;
  }
}
@media (min-width: 1920px) {
  .mb75xxl {
    margin-bottom: 1200px !important;
  }
}

.minh75 {
  min-height: 150px !important;
}
@media (min-width: 576px) {
  .minh75 {
    min-height: 150px !important;
  }
}
@media (min-width: 768px) {
  .minh75 {
    min-height: 300px !important;
  }
}
@media (min-width: 992px) {
  .minh75 {
    min-height: 600px !important;
  }
}
@media (min-width: 1200px) {
  .minh75 {
    min-height: 600px !important;
  }
}
@media (min-width: 1920px) {
  .minh75 {
    min-height: 600px !important;
  }
}
@media (min-width: 576px) {
  .minh75sm {
    min-height: 150px !important;
  }
}
@media (min-width: 768px) {
  .minh75md {
    min-height: 300px !important;
  }
}
@media (min-width: 992px) {
  .minh75lg {
    min-height: 600px !important;
  }
}
@media (min-width: 1200px) {
  .minh75xl {
    min-height: 600px !important;
  }
}
@media (min-width: 1920px) {
  .minh75xxl {
    min-height: 1200px !important;
  }
}

.maxh75 {
  max-height: 150px !important;
}
@media (min-width: 576px) {
  .maxh75 {
    max-height: 150px !important;
  }
}
@media (min-width: 768px) {
  .maxh75 {
    max-height: 300px !important;
  }
}
@media (min-width: 992px) {
  .maxh75 {
    max-height: 600px !important;
  }
}
@media (min-width: 1200px) {
  .maxh75 {
    max-height: 600px !important;
  }
}
@media (min-width: 1920px) {
  .maxh75 {
    max-height: 600px !important;
  }
}
@media (min-width: 576px) {
  .maxh75sm {
    max-height: 150px !important;
  }
}
@media (min-width: 768px) {
  .maxh75md {
    max-height: 300px !important;
  }
}
@media (min-width: 992px) {
  .maxh75lg {
    max-height: 600px !important;
  }
}
@media (min-width: 1200px) {
  .maxh75xl {
    max-height: 600px !important;
  }
}
@media (min-width: 1920px) {
  .maxh75xxl {
    max-height: 1200px !important;
  }
}

.maxw75 {
  max-width: 150px !important;
}
@media (min-width: 576px) {
  .maxw75 {
    max-width: 150px !important;
  }
}
@media (min-width: 768px) {
  .maxw75 {
    max-width: 300px !important;
  }
}
@media (min-width: 992px) {
  .maxw75 {
    max-width: 600px !important;
  }
}
@media (min-width: 1200px) {
  .maxw75 {
    max-width: 600px !important;
  }
}
@media (min-width: 1920px) {
  .maxw75 {
    max-width: 600px !important;
  }
}
@media (min-width: 576px) {
  .maxw75sm {
    max-width: 150px !important;
  }
}
@media (min-width: 768px) {
  .maxw75md {
    max-width: 300px !important;
  }
}
@media (min-width: 992px) {
  .maxw75lg {
    max-width: 600px !important;
  }
}
@media (min-width: 1200px) {
  .maxw75xl {
    max-width: 600px !important;
  }
}
@media (min-width: 1920px) {
  .maxw75xxl {
    max-width: 1200px !important;
  }
}

.pr80 {
  padding-right: 160px !important;
}
@media (min-width: 576px) {
  .pr80 {
    padding-right: 160px !important;
  }
}
@media (min-width: 768px) {
  .pr80 {
    padding-right: 320px !important;
  }
}
@media (min-width: 992px) {
  .pr80 {
    padding-right: 640px !important;
  }
}
@media (min-width: 1200px) {
  .pr80 {
    padding-right: 640px !important;
  }
}
@media (min-width: 1920px) {
  .pr80 {
    padding-right: 640px !important;
  }
}
@media (min-width: 576px) {
  .pr80sm {
    padding-right: 160px !important;
  }
}
@media (min-width: 768px) {
  .pr80md {
    padding-right: 320px !important;
  }
}
@media (min-width: 992px) {
  .pr80lg {
    padding-right: 640px !important;
  }
}
@media (min-width: 1200px) {
  .pr80xl {
    padding-right: 640px !important;
  }
}
@media (min-width: 1920px) {
  .pr80xxl {
    padding-right: 1280px !important;
  }
}

.pl80 {
  padding-left: 160px !important;
}
@media (min-width: 576px) {
  .pl80 {
    padding-left: 160px !important;
  }
}
@media (min-width: 768px) {
  .pl80 {
    padding-left: 320px !important;
  }
}
@media (min-width: 992px) {
  .pl80 {
    padding-left: 640px !important;
  }
}
@media (min-width: 1200px) {
  .pl80 {
    padding-left: 640px !important;
  }
}
@media (min-width: 1920px) {
  .pl80 {
    padding-left: 640px !important;
  }
}
@media (min-width: 576px) {
  .pl80sm {
    padding-left: 160px !important;
  }
}
@media (min-width: 768px) {
  .pl80md {
    padding-left: 320px !important;
  }
}
@media (min-width: 992px) {
  .pl80lg {
    padding-left: 640px !important;
  }
}
@media (min-width: 1200px) {
  .pl80xl {
    padding-left: 640px !important;
  }
}
@media (min-width: 1920px) {
  .pl80xxl {
    padding-left: 1280px !important;
  }
}

.pt80 {
  padding-top: 160px !important;
}
@media (min-width: 576px) {
  .pt80 {
    padding-top: 160px !important;
  }
}
@media (min-width: 768px) {
  .pt80 {
    padding-top: 320px !important;
  }
}
@media (min-width: 992px) {
  .pt80 {
    padding-top: 640px !important;
  }
}
@media (min-width: 1200px) {
  .pt80 {
    padding-top: 640px !important;
  }
}
@media (min-width: 1920px) {
  .pt80 {
    padding-top: 640px !important;
  }
}
@media (min-width: 576px) {
  .pt80sm {
    padding-top: 160px !important;
  }
}
@media (min-width: 768px) {
  .pt80md {
    padding-top: 320px !important;
  }
}
@media (min-width: 992px) {
  .pt80lg {
    padding-top: 640px !important;
  }
}
@media (min-width: 1200px) {
  .pt80xl {
    padding-top: 640px !important;
  }
}
@media (min-width: 1920px) {
  .pt80xxl {
    padding-top: 1280px !important;
  }
}

.pb80 {
  padding-bottom: 160px !important;
}
@media (min-width: 576px) {
  .pb80 {
    padding-bottom: 160px !important;
  }
}
@media (min-width: 768px) {
  .pb80 {
    padding-bottom: 320px !important;
  }
}
@media (min-width: 992px) {
  .pb80 {
    padding-bottom: 640px !important;
  }
}
@media (min-width: 1200px) {
  .pb80 {
    padding-bottom: 640px !important;
  }
}
@media (min-width: 1920px) {
  .pb80 {
    padding-bottom: 640px !important;
  }
}
@media (min-width: 576px) {
  .pb80sm {
    padding-bottom: 160px !important;
  }
}
@media (min-width: 768px) {
  .pb80md {
    padding-bottom: 320px !important;
  }
}
@media (min-width: 992px) {
  .pb80lg {
    padding-bottom: 640px !important;
  }
}
@media (min-width: 1200px) {
  .pb80xl {
    padding-bottom: 640px !important;
  }
}
@media (min-width: 1920px) {
  .pb80xxl {
    padding-bottom: 1280px !important;
  }
}

.mr80 {
  margin-right: 160px !important;
}
@media (min-width: 576px) {
  .mr80 {
    margin-right: 160px !important;
  }
}
@media (min-width: 768px) {
  .mr80 {
    margin-right: 320px !important;
  }
}
@media (min-width: 992px) {
  .mr80 {
    margin-right: 640px !important;
  }
}
@media (min-width: 1200px) {
  .mr80 {
    margin-right: 640px !important;
  }
}
@media (min-width: 1920px) {
  .mr80 {
    margin-right: 640px !important;
  }
}
@media (min-width: 576px) {
  .mr80sm {
    margin-right: 160px !important;
  }
}
@media (min-width: 768px) {
  .mr80md {
    margin-right: 320px !important;
  }
}
@media (min-width: 992px) {
  .mr80lg {
    margin-right: 640px !important;
  }
}
@media (min-width: 1200px) {
  .mr80xl {
    margin-right: 640px !important;
  }
}
@media (min-width: 1920px) {
  .mr80xxl {
    margin-right: 1280px !important;
  }
}

.ml80 {
  margin-left: 160px !important;
}
@media (min-width: 576px) {
  .ml80 {
    margin-left: 160px !important;
  }
}
@media (min-width: 768px) {
  .ml80 {
    margin-left: 320px !important;
  }
}
@media (min-width: 992px) {
  .ml80 {
    margin-left: 640px !important;
  }
}
@media (min-width: 1200px) {
  .ml80 {
    margin-left: 640px !important;
  }
}
@media (min-width: 1920px) {
  .ml80 {
    margin-left: 640px !important;
  }
}
@media (min-width: 576px) {
  .ml80sm {
    margin-left: 160px !important;
  }
}
@media (min-width: 768px) {
  .ml80md {
    margin-left: 320px !important;
  }
}
@media (min-width: 992px) {
  .ml80lg {
    margin-left: 640px !important;
  }
}
@media (min-width: 1200px) {
  .ml80xl {
    margin-left: 640px !important;
  }
}
@media (min-width: 1920px) {
  .ml80xxl {
    margin-left: 1280px !important;
  }
}

.mt80 {
  margin-top: 160px !important;
}
@media (min-width: 576px) {
  .mt80 {
    margin-top: 160px !important;
  }
}
@media (min-width: 768px) {
  .mt80 {
    margin-top: 320px !important;
  }
}
@media (min-width: 992px) {
  .mt80 {
    margin-top: 640px !important;
  }
}
@media (min-width: 1200px) {
  .mt80 {
    margin-top: 640px !important;
  }
}
@media (min-width: 1920px) {
  .mt80 {
    margin-top: 640px !important;
  }
}
@media (min-width: 576px) {
  .mt80sm {
    margin-top: 160px !important;
  }
}
@media (min-width: 768px) {
  .mt80md {
    margin-top: 320px !important;
  }
}
@media (min-width: 992px) {
  .mt80lg {
    margin-top: 640px !important;
  }
}
@media (min-width: 1200px) {
  .mt80xl {
    margin-top: 640px !important;
  }
}
@media (min-width: 1920px) {
  .mt80xxl {
    margin-top: 1280px !important;
  }
}

.mb80 {
  margin-bottom: 160px !important;
}
@media (min-width: 576px) {
  .mb80 {
    margin-bottom: 160px !important;
  }
}
@media (min-width: 768px) {
  .mb80 {
    margin-bottom: 320px !important;
  }
}
@media (min-width: 992px) {
  .mb80 {
    margin-bottom: 640px !important;
  }
}
@media (min-width: 1200px) {
  .mb80 {
    margin-bottom: 640px !important;
  }
}
@media (min-width: 1920px) {
  .mb80 {
    margin-bottom: 640px !important;
  }
}
@media (min-width: 576px) {
  .mb80sm {
    margin-bottom: 160px !important;
  }
}
@media (min-width: 768px) {
  .mb80md {
    margin-bottom: 320px !important;
  }
}
@media (min-width: 992px) {
  .mb80lg {
    margin-bottom: 640px !important;
  }
}
@media (min-width: 1200px) {
  .mb80xl {
    margin-bottom: 640px !important;
  }
}
@media (min-width: 1920px) {
  .mb80xxl {
    margin-bottom: 1280px !important;
  }
}

.minh80 {
  min-height: 160px !important;
}
@media (min-width: 576px) {
  .minh80 {
    min-height: 160px !important;
  }
}
@media (min-width: 768px) {
  .minh80 {
    min-height: 320px !important;
  }
}
@media (min-width: 992px) {
  .minh80 {
    min-height: 640px !important;
  }
}
@media (min-width: 1200px) {
  .minh80 {
    min-height: 640px !important;
  }
}
@media (min-width: 1920px) {
  .minh80 {
    min-height: 640px !important;
  }
}
@media (min-width: 576px) {
  .minh80sm {
    min-height: 160px !important;
  }
}
@media (min-width: 768px) {
  .minh80md {
    min-height: 320px !important;
  }
}
@media (min-width: 992px) {
  .minh80lg {
    min-height: 640px !important;
  }
}
@media (min-width: 1200px) {
  .minh80xl {
    min-height: 640px !important;
  }
}
@media (min-width: 1920px) {
  .minh80xxl {
    min-height: 1280px !important;
  }
}

.maxh80 {
  max-height: 160px !important;
}
@media (min-width: 576px) {
  .maxh80 {
    max-height: 160px !important;
  }
}
@media (min-width: 768px) {
  .maxh80 {
    max-height: 320px !important;
  }
}
@media (min-width: 992px) {
  .maxh80 {
    max-height: 640px !important;
  }
}
@media (min-width: 1200px) {
  .maxh80 {
    max-height: 640px !important;
  }
}
@media (min-width: 1920px) {
  .maxh80 {
    max-height: 640px !important;
  }
}
@media (min-width: 576px) {
  .maxh80sm {
    max-height: 160px !important;
  }
}
@media (min-width: 768px) {
  .maxh80md {
    max-height: 320px !important;
  }
}
@media (min-width: 992px) {
  .maxh80lg {
    max-height: 640px !important;
  }
}
@media (min-width: 1200px) {
  .maxh80xl {
    max-height: 640px !important;
  }
}
@media (min-width: 1920px) {
  .maxh80xxl {
    max-height: 1280px !important;
  }
}

.maxw80 {
  max-width: 160px !important;
}
@media (min-width: 576px) {
  .maxw80 {
    max-width: 160px !important;
  }
}
@media (min-width: 768px) {
  .maxw80 {
    max-width: 320px !important;
  }
}
@media (min-width: 992px) {
  .maxw80 {
    max-width: 640px !important;
  }
}
@media (min-width: 1200px) {
  .maxw80 {
    max-width: 640px !important;
  }
}
@media (min-width: 1920px) {
  .maxw80 {
    max-width: 640px !important;
  }
}
@media (min-width: 576px) {
  .maxw80sm {
    max-width: 160px !important;
  }
}
@media (min-width: 768px) {
  .maxw80md {
    max-width: 320px !important;
  }
}
@media (min-width: 992px) {
  .maxw80lg {
    max-width: 640px !important;
  }
}
@media (min-width: 1200px) {
  .maxw80xl {
    max-width: 640px !important;
  }
}
@media (min-width: 1920px) {
  .maxw80xxl {
    max-width: 1280px !important;
  }
}

.pr85 {
  padding-right: 170px !important;
}
@media (min-width: 576px) {
  .pr85 {
    padding-right: 170px !important;
  }
}
@media (min-width: 768px) {
  .pr85 {
    padding-right: 340px !important;
  }
}
@media (min-width: 992px) {
  .pr85 {
    padding-right: 680px !important;
  }
}
@media (min-width: 1200px) {
  .pr85 {
    padding-right: 680px !important;
  }
}
@media (min-width: 1920px) {
  .pr85 {
    padding-right: 680px !important;
  }
}
@media (min-width: 576px) {
  .pr85sm {
    padding-right: 170px !important;
  }
}
@media (min-width: 768px) {
  .pr85md {
    padding-right: 340px !important;
  }
}
@media (min-width: 992px) {
  .pr85lg {
    padding-right: 680px !important;
  }
}
@media (min-width: 1200px) {
  .pr85xl {
    padding-right: 680px !important;
  }
}
@media (min-width: 1920px) {
  .pr85xxl {
    padding-right: 1360px !important;
  }
}

.pl85 {
  padding-left: 170px !important;
}
@media (min-width: 576px) {
  .pl85 {
    padding-left: 170px !important;
  }
}
@media (min-width: 768px) {
  .pl85 {
    padding-left: 340px !important;
  }
}
@media (min-width: 992px) {
  .pl85 {
    padding-left: 680px !important;
  }
}
@media (min-width: 1200px) {
  .pl85 {
    padding-left: 680px !important;
  }
}
@media (min-width: 1920px) {
  .pl85 {
    padding-left: 680px !important;
  }
}
@media (min-width: 576px) {
  .pl85sm {
    padding-left: 170px !important;
  }
}
@media (min-width: 768px) {
  .pl85md {
    padding-left: 340px !important;
  }
}
@media (min-width: 992px) {
  .pl85lg {
    padding-left: 680px !important;
  }
}
@media (min-width: 1200px) {
  .pl85xl {
    padding-left: 680px !important;
  }
}
@media (min-width: 1920px) {
  .pl85xxl {
    padding-left: 1360px !important;
  }
}

.pt85 {
  padding-top: 170px !important;
}
@media (min-width: 576px) {
  .pt85 {
    padding-top: 170px !important;
  }
}
@media (min-width: 768px) {
  .pt85 {
    padding-top: 340px !important;
  }
}
@media (min-width: 992px) {
  .pt85 {
    padding-top: 680px !important;
  }
}
@media (min-width: 1200px) {
  .pt85 {
    padding-top: 680px !important;
  }
}
@media (min-width: 1920px) {
  .pt85 {
    padding-top: 680px !important;
  }
}
@media (min-width: 576px) {
  .pt85sm {
    padding-top: 170px !important;
  }
}
@media (min-width: 768px) {
  .pt85md {
    padding-top: 340px !important;
  }
}
@media (min-width: 992px) {
  .pt85lg {
    padding-top: 680px !important;
  }
}
@media (min-width: 1200px) {
  .pt85xl {
    padding-top: 680px !important;
  }
}
@media (min-width: 1920px) {
  .pt85xxl {
    padding-top: 1360px !important;
  }
}

.pb85 {
  padding-bottom: 170px !important;
}
@media (min-width: 576px) {
  .pb85 {
    padding-bottom: 170px !important;
  }
}
@media (min-width: 768px) {
  .pb85 {
    padding-bottom: 340px !important;
  }
}
@media (min-width: 992px) {
  .pb85 {
    padding-bottom: 680px !important;
  }
}
@media (min-width: 1200px) {
  .pb85 {
    padding-bottom: 680px !important;
  }
}
@media (min-width: 1920px) {
  .pb85 {
    padding-bottom: 680px !important;
  }
}
@media (min-width: 576px) {
  .pb85sm {
    padding-bottom: 170px !important;
  }
}
@media (min-width: 768px) {
  .pb85md {
    padding-bottom: 340px !important;
  }
}
@media (min-width: 992px) {
  .pb85lg {
    padding-bottom: 680px !important;
  }
}
@media (min-width: 1200px) {
  .pb85xl {
    padding-bottom: 680px !important;
  }
}
@media (min-width: 1920px) {
  .pb85xxl {
    padding-bottom: 1360px !important;
  }
}

.mr85 {
  margin-right: 170px !important;
}
@media (min-width: 576px) {
  .mr85 {
    margin-right: 170px !important;
  }
}
@media (min-width: 768px) {
  .mr85 {
    margin-right: 340px !important;
  }
}
@media (min-width: 992px) {
  .mr85 {
    margin-right: 680px !important;
  }
}
@media (min-width: 1200px) {
  .mr85 {
    margin-right: 680px !important;
  }
}
@media (min-width: 1920px) {
  .mr85 {
    margin-right: 680px !important;
  }
}
@media (min-width: 576px) {
  .mr85sm {
    margin-right: 170px !important;
  }
}
@media (min-width: 768px) {
  .mr85md {
    margin-right: 340px !important;
  }
}
@media (min-width: 992px) {
  .mr85lg {
    margin-right: 680px !important;
  }
}
@media (min-width: 1200px) {
  .mr85xl {
    margin-right: 680px !important;
  }
}
@media (min-width: 1920px) {
  .mr85xxl {
    margin-right: 1360px !important;
  }
}

.ml85 {
  margin-left: 170px !important;
}
@media (min-width: 576px) {
  .ml85 {
    margin-left: 170px !important;
  }
}
@media (min-width: 768px) {
  .ml85 {
    margin-left: 340px !important;
  }
}
@media (min-width: 992px) {
  .ml85 {
    margin-left: 680px !important;
  }
}
@media (min-width: 1200px) {
  .ml85 {
    margin-left: 680px !important;
  }
}
@media (min-width: 1920px) {
  .ml85 {
    margin-left: 680px !important;
  }
}
@media (min-width: 576px) {
  .ml85sm {
    margin-left: 170px !important;
  }
}
@media (min-width: 768px) {
  .ml85md {
    margin-left: 340px !important;
  }
}
@media (min-width: 992px) {
  .ml85lg {
    margin-left: 680px !important;
  }
}
@media (min-width: 1200px) {
  .ml85xl {
    margin-left: 680px !important;
  }
}
@media (min-width: 1920px) {
  .ml85xxl {
    margin-left: 1360px !important;
  }
}

.mt85 {
  margin-top: 170px !important;
}
@media (min-width: 576px) {
  .mt85 {
    margin-top: 170px !important;
  }
}
@media (min-width: 768px) {
  .mt85 {
    margin-top: 340px !important;
  }
}
@media (min-width: 992px) {
  .mt85 {
    margin-top: 680px !important;
  }
}
@media (min-width: 1200px) {
  .mt85 {
    margin-top: 680px !important;
  }
}
@media (min-width: 1920px) {
  .mt85 {
    margin-top: 680px !important;
  }
}
@media (min-width: 576px) {
  .mt85sm {
    margin-top: 170px !important;
  }
}
@media (min-width: 768px) {
  .mt85md {
    margin-top: 340px !important;
  }
}
@media (min-width: 992px) {
  .mt85lg {
    margin-top: 680px !important;
  }
}
@media (min-width: 1200px) {
  .mt85xl {
    margin-top: 680px !important;
  }
}
@media (min-width: 1920px) {
  .mt85xxl {
    margin-top: 1360px !important;
  }
}

.mb85 {
  margin-bottom: 170px !important;
}
@media (min-width: 576px) {
  .mb85 {
    margin-bottom: 170px !important;
  }
}
@media (min-width: 768px) {
  .mb85 {
    margin-bottom: 340px !important;
  }
}
@media (min-width: 992px) {
  .mb85 {
    margin-bottom: 680px !important;
  }
}
@media (min-width: 1200px) {
  .mb85 {
    margin-bottom: 680px !important;
  }
}
@media (min-width: 1920px) {
  .mb85 {
    margin-bottom: 680px !important;
  }
}
@media (min-width: 576px) {
  .mb85sm {
    margin-bottom: 170px !important;
  }
}
@media (min-width: 768px) {
  .mb85md {
    margin-bottom: 340px !important;
  }
}
@media (min-width: 992px) {
  .mb85lg {
    margin-bottom: 680px !important;
  }
}
@media (min-width: 1200px) {
  .mb85xl {
    margin-bottom: 680px !important;
  }
}
@media (min-width: 1920px) {
  .mb85xxl {
    margin-bottom: 1360px !important;
  }
}

.minh85 {
  min-height: 170px !important;
}
@media (min-width: 576px) {
  .minh85 {
    min-height: 170px !important;
  }
}
@media (min-width: 768px) {
  .minh85 {
    min-height: 340px !important;
  }
}
@media (min-width: 992px) {
  .minh85 {
    min-height: 680px !important;
  }
}
@media (min-width: 1200px) {
  .minh85 {
    min-height: 680px !important;
  }
}
@media (min-width: 1920px) {
  .minh85 {
    min-height: 680px !important;
  }
}
@media (min-width: 576px) {
  .minh85sm {
    min-height: 170px !important;
  }
}
@media (min-width: 768px) {
  .minh85md {
    min-height: 340px !important;
  }
}
@media (min-width: 992px) {
  .minh85lg {
    min-height: 680px !important;
  }
}
@media (min-width: 1200px) {
  .minh85xl {
    min-height: 680px !important;
  }
}
@media (min-width: 1920px) {
  .minh85xxl {
    min-height: 1360px !important;
  }
}

.maxh85 {
  max-height: 170px !important;
}
@media (min-width: 576px) {
  .maxh85 {
    max-height: 170px !important;
  }
}
@media (min-width: 768px) {
  .maxh85 {
    max-height: 340px !important;
  }
}
@media (min-width: 992px) {
  .maxh85 {
    max-height: 680px !important;
  }
}
@media (min-width: 1200px) {
  .maxh85 {
    max-height: 680px !important;
  }
}
@media (min-width: 1920px) {
  .maxh85 {
    max-height: 680px !important;
  }
}
@media (min-width: 576px) {
  .maxh85sm {
    max-height: 170px !important;
  }
}
@media (min-width: 768px) {
  .maxh85md {
    max-height: 340px !important;
  }
}
@media (min-width: 992px) {
  .maxh85lg {
    max-height: 680px !important;
  }
}
@media (min-width: 1200px) {
  .maxh85xl {
    max-height: 680px !important;
  }
}
@media (min-width: 1920px) {
  .maxh85xxl {
    max-height: 1360px !important;
  }
}

.maxw85 {
  max-width: 170px !important;
}
@media (min-width: 576px) {
  .maxw85 {
    max-width: 170px !important;
  }
}
@media (min-width: 768px) {
  .maxw85 {
    max-width: 340px !important;
  }
}
@media (min-width: 992px) {
  .maxw85 {
    max-width: 680px !important;
  }
}
@media (min-width: 1200px) {
  .maxw85 {
    max-width: 680px !important;
  }
}
@media (min-width: 1920px) {
  .maxw85 {
    max-width: 680px !important;
  }
}
@media (min-width: 576px) {
  .maxw85sm {
    max-width: 170px !important;
  }
}
@media (min-width: 768px) {
  .maxw85md {
    max-width: 340px !important;
  }
}
@media (min-width: 992px) {
  .maxw85lg {
    max-width: 680px !important;
  }
}
@media (min-width: 1200px) {
  .maxw85xl {
    max-width: 680px !important;
  }
}
@media (min-width: 1920px) {
  .maxw85xxl {
    max-width: 1360px !important;
  }
}

.pr90 {
  padding-right: 180px !important;
}
@media (min-width: 576px) {
  .pr90 {
    padding-right: 180px !important;
  }
}
@media (min-width: 768px) {
  .pr90 {
    padding-right: 360px !important;
  }
}
@media (min-width: 992px) {
  .pr90 {
    padding-right: 720px !important;
  }
}
@media (min-width: 1200px) {
  .pr90 {
    padding-right: 720px !important;
  }
}
@media (min-width: 1920px) {
  .pr90 {
    padding-right: 720px !important;
  }
}
@media (min-width: 576px) {
  .pr90sm {
    padding-right: 180px !important;
  }
}
@media (min-width: 768px) {
  .pr90md {
    padding-right: 360px !important;
  }
}
@media (min-width: 992px) {
  .pr90lg {
    padding-right: 720px !important;
  }
}
@media (min-width: 1200px) {
  .pr90xl {
    padding-right: 720px !important;
  }
}
@media (min-width: 1920px) {
  .pr90xxl {
    padding-right: 1440px !important;
  }
}

.pl90 {
  padding-left: 180px !important;
}
@media (min-width: 576px) {
  .pl90 {
    padding-left: 180px !important;
  }
}
@media (min-width: 768px) {
  .pl90 {
    padding-left: 360px !important;
  }
}
@media (min-width: 992px) {
  .pl90 {
    padding-left: 720px !important;
  }
}
@media (min-width: 1200px) {
  .pl90 {
    padding-left: 720px !important;
  }
}
@media (min-width: 1920px) {
  .pl90 {
    padding-left: 720px !important;
  }
}
@media (min-width: 576px) {
  .pl90sm {
    padding-left: 180px !important;
  }
}
@media (min-width: 768px) {
  .pl90md {
    padding-left: 360px !important;
  }
}
@media (min-width: 992px) {
  .pl90lg {
    padding-left: 720px !important;
  }
}
@media (min-width: 1200px) {
  .pl90xl {
    padding-left: 720px !important;
  }
}
@media (min-width: 1920px) {
  .pl90xxl {
    padding-left: 1440px !important;
  }
}

.pt90 {
  padding-top: 180px !important;
}
@media (min-width: 576px) {
  .pt90 {
    padding-top: 180px !important;
  }
}
@media (min-width: 768px) {
  .pt90 {
    padding-top: 360px !important;
  }
}
@media (min-width: 992px) {
  .pt90 {
    padding-top: 720px !important;
  }
}
@media (min-width: 1200px) {
  .pt90 {
    padding-top: 720px !important;
  }
}
@media (min-width: 1920px) {
  .pt90 {
    padding-top: 720px !important;
  }
}
@media (min-width: 576px) {
  .pt90sm {
    padding-top: 180px !important;
  }
}
@media (min-width: 768px) {
  .pt90md {
    padding-top: 360px !important;
  }
}
@media (min-width: 992px) {
  .pt90lg {
    padding-top: 720px !important;
  }
}
@media (min-width: 1200px) {
  .pt90xl {
    padding-top: 720px !important;
  }
}
@media (min-width: 1920px) {
  .pt90xxl {
    padding-top: 1440px !important;
  }
}

.pb90 {
  padding-bottom: 180px !important;
}
@media (min-width: 576px) {
  .pb90 {
    padding-bottom: 180px !important;
  }
}
@media (min-width: 768px) {
  .pb90 {
    padding-bottom: 360px !important;
  }
}
@media (min-width: 992px) {
  .pb90 {
    padding-bottom: 720px !important;
  }
}
@media (min-width: 1200px) {
  .pb90 {
    padding-bottom: 720px !important;
  }
}
@media (min-width: 1920px) {
  .pb90 {
    padding-bottom: 720px !important;
  }
}
@media (min-width: 576px) {
  .pb90sm {
    padding-bottom: 180px !important;
  }
}
@media (min-width: 768px) {
  .pb90md {
    padding-bottom: 360px !important;
  }
}
@media (min-width: 992px) {
  .pb90lg {
    padding-bottom: 720px !important;
  }
}
@media (min-width: 1200px) {
  .pb90xl {
    padding-bottom: 720px !important;
  }
}
@media (min-width: 1920px) {
  .pb90xxl {
    padding-bottom: 1440px !important;
  }
}

.mr90 {
  margin-right: 180px !important;
}
@media (min-width: 576px) {
  .mr90 {
    margin-right: 180px !important;
  }
}
@media (min-width: 768px) {
  .mr90 {
    margin-right: 360px !important;
  }
}
@media (min-width: 992px) {
  .mr90 {
    margin-right: 720px !important;
  }
}
@media (min-width: 1200px) {
  .mr90 {
    margin-right: 720px !important;
  }
}
@media (min-width: 1920px) {
  .mr90 {
    margin-right: 720px !important;
  }
}
@media (min-width: 576px) {
  .mr90sm {
    margin-right: 180px !important;
  }
}
@media (min-width: 768px) {
  .mr90md {
    margin-right: 360px !important;
  }
}
@media (min-width: 992px) {
  .mr90lg {
    margin-right: 720px !important;
  }
}
@media (min-width: 1200px) {
  .mr90xl {
    margin-right: 720px !important;
  }
}
@media (min-width: 1920px) {
  .mr90xxl {
    margin-right: 1440px !important;
  }
}

.ml90 {
  margin-left: 180px !important;
}
@media (min-width: 576px) {
  .ml90 {
    margin-left: 180px !important;
  }
}
@media (min-width: 768px) {
  .ml90 {
    margin-left: 360px !important;
  }
}
@media (min-width: 992px) {
  .ml90 {
    margin-left: 720px !important;
  }
}
@media (min-width: 1200px) {
  .ml90 {
    margin-left: 720px !important;
  }
}
@media (min-width: 1920px) {
  .ml90 {
    margin-left: 720px !important;
  }
}
@media (min-width: 576px) {
  .ml90sm {
    margin-left: 180px !important;
  }
}
@media (min-width: 768px) {
  .ml90md {
    margin-left: 360px !important;
  }
}
@media (min-width: 992px) {
  .ml90lg {
    margin-left: 720px !important;
  }
}
@media (min-width: 1200px) {
  .ml90xl {
    margin-left: 720px !important;
  }
}
@media (min-width: 1920px) {
  .ml90xxl {
    margin-left: 1440px !important;
  }
}

.mt90 {
  margin-top: 180px !important;
}
@media (min-width: 576px) {
  .mt90 {
    margin-top: 180px !important;
  }
}
@media (min-width: 768px) {
  .mt90 {
    margin-top: 360px !important;
  }
}
@media (min-width: 992px) {
  .mt90 {
    margin-top: 720px !important;
  }
}
@media (min-width: 1200px) {
  .mt90 {
    margin-top: 720px !important;
  }
}
@media (min-width: 1920px) {
  .mt90 {
    margin-top: 720px !important;
  }
}
@media (min-width: 576px) {
  .mt90sm {
    margin-top: 180px !important;
  }
}
@media (min-width: 768px) {
  .mt90md {
    margin-top: 360px !important;
  }
}
@media (min-width: 992px) {
  .mt90lg {
    margin-top: 720px !important;
  }
}
@media (min-width: 1200px) {
  .mt90xl {
    margin-top: 720px !important;
  }
}
@media (min-width: 1920px) {
  .mt90xxl {
    margin-top: 1440px !important;
  }
}

.mb90 {
  margin-bottom: 180px !important;
}
@media (min-width: 576px) {
  .mb90 {
    margin-bottom: 180px !important;
  }
}
@media (min-width: 768px) {
  .mb90 {
    margin-bottom: 360px !important;
  }
}
@media (min-width: 992px) {
  .mb90 {
    margin-bottom: 720px !important;
  }
}
@media (min-width: 1200px) {
  .mb90 {
    margin-bottom: 720px !important;
  }
}
@media (min-width: 1920px) {
  .mb90 {
    margin-bottom: 720px !important;
  }
}
@media (min-width: 576px) {
  .mb90sm {
    margin-bottom: 180px !important;
  }
}
@media (min-width: 768px) {
  .mb90md {
    margin-bottom: 360px !important;
  }
}
@media (min-width: 992px) {
  .mb90lg {
    margin-bottom: 720px !important;
  }
}
@media (min-width: 1200px) {
  .mb90xl {
    margin-bottom: 720px !important;
  }
}
@media (min-width: 1920px) {
  .mb90xxl {
    margin-bottom: 1440px !important;
  }
}

.minh90 {
  min-height: 180px !important;
}
@media (min-width: 576px) {
  .minh90 {
    min-height: 180px !important;
  }
}
@media (min-width: 768px) {
  .minh90 {
    min-height: 360px !important;
  }
}
@media (min-width: 992px) {
  .minh90 {
    min-height: 720px !important;
  }
}
@media (min-width: 1200px) {
  .minh90 {
    min-height: 720px !important;
  }
}
@media (min-width: 1920px) {
  .minh90 {
    min-height: 720px !important;
  }
}
@media (min-width: 576px) {
  .minh90sm {
    min-height: 180px !important;
  }
}
@media (min-width: 768px) {
  .minh90md {
    min-height: 360px !important;
  }
}
@media (min-width: 992px) {
  .minh90lg {
    min-height: 720px !important;
  }
}
@media (min-width: 1200px) {
  .minh90xl {
    min-height: 720px !important;
  }
}
@media (min-width: 1920px) {
  .minh90xxl {
    min-height: 1440px !important;
  }
}

.maxh90 {
  max-height: 180px !important;
}
@media (min-width: 576px) {
  .maxh90 {
    max-height: 180px !important;
  }
}
@media (min-width: 768px) {
  .maxh90 {
    max-height: 360px !important;
  }
}
@media (min-width: 992px) {
  .maxh90 {
    max-height: 720px !important;
  }
}
@media (min-width: 1200px) {
  .maxh90 {
    max-height: 720px !important;
  }
}
@media (min-width: 1920px) {
  .maxh90 {
    max-height: 720px !important;
  }
}
@media (min-width: 576px) {
  .maxh90sm {
    max-height: 180px !important;
  }
}
@media (min-width: 768px) {
  .maxh90md {
    max-height: 360px !important;
  }
}
@media (min-width: 992px) {
  .maxh90lg {
    max-height: 720px !important;
  }
}
@media (min-width: 1200px) {
  .maxh90xl {
    max-height: 720px !important;
  }
}
@media (min-width: 1920px) {
  .maxh90xxl {
    max-height: 1440px !important;
  }
}

.maxw90 {
  max-width: 180px !important;
}
@media (min-width: 576px) {
  .maxw90 {
    max-width: 180px !important;
  }
}
@media (min-width: 768px) {
  .maxw90 {
    max-width: 360px !important;
  }
}
@media (min-width: 992px) {
  .maxw90 {
    max-width: 720px !important;
  }
}
@media (min-width: 1200px) {
  .maxw90 {
    max-width: 720px !important;
  }
}
@media (min-width: 1920px) {
  .maxw90 {
    max-width: 720px !important;
  }
}
@media (min-width: 576px) {
  .maxw90sm {
    max-width: 180px !important;
  }
}
@media (min-width: 768px) {
  .maxw90md {
    max-width: 360px !important;
  }
}
@media (min-width: 992px) {
  .maxw90lg {
    max-width: 720px !important;
  }
}
@media (min-width: 1200px) {
  .maxw90xl {
    max-width: 720px !important;
  }
}
@media (min-width: 1920px) {
  .maxw90xxl {
    max-width: 1440px !important;
  }
}

.pr95 {
  padding-right: 190px !important;
}
@media (min-width: 576px) {
  .pr95 {
    padding-right: 190px !important;
  }
}
@media (min-width: 768px) {
  .pr95 {
    padding-right: 380px !important;
  }
}
@media (min-width: 992px) {
  .pr95 {
    padding-right: 760px !important;
  }
}
@media (min-width: 1200px) {
  .pr95 {
    padding-right: 760px !important;
  }
}
@media (min-width: 1920px) {
  .pr95 {
    padding-right: 760px !important;
  }
}
@media (min-width: 576px) {
  .pr95sm {
    padding-right: 190px !important;
  }
}
@media (min-width: 768px) {
  .pr95md {
    padding-right: 380px !important;
  }
}
@media (min-width: 992px) {
  .pr95lg {
    padding-right: 760px !important;
  }
}
@media (min-width: 1200px) {
  .pr95xl {
    padding-right: 760px !important;
  }
}
@media (min-width: 1920px) {
  .pr95xxl {
    padding-right: 1520px !important;
  }
}

.pl95 {
  padding-left: 190px !important;
}
@media (min-width: 576px) {
  .pl95 {
    padding-left: 190px !important;
  }
}
@media (min-width: 768px) {
  .pl95 {
    padding-left: 380px !important;
  }
}
@media (min-width: 992px) {
  .pl95 {
    padding-left: 760px !important;
  }
}
@media (min-width: 1200px) {
  .pl95 {
    padding-left: 760px !important;
  }
}
@media (min-width: 1920px) {
  .pl95 {
    padding-left: 760px !important;
  }
}
@media (min-width: 576px) {
  .pl95sm {
    padding-left: 190px !important;
  }
}
@media (min-width: 768px) {
  .pl95md {
    padding-left: 380px !important;
  }
}
@media (min-width: 992px) {
  .pl95lg {
    padding-left: 760px !important;
  }
}
@media (min-width: 1200px) {
  .pl95xl {
    padding-left: 760px !important;
  }
}
@media (min-width: 1920px) {
  .pl95xxl {
    padding-left: 1520px !important;
  }
}

.pt95 {
  padding-top: 190px !important;
}
@media (min-width: 576px) {
  .pt95 {
    padding-top: 190px !important;
  }
}
@media (min-width: 768px) {
  .pt95 {
    padding-top: 380px !important;
  }
}
@media (min-width: 992px) {
  .pt95 {
    padding-top: 760px !important;
  }
}
@media (min-width: 1200px) {
  .pt95 {
    padding-top: 760px !important;
  }
}
@media (min-width: 1920px) {
  .pt95 {
    padding-top: 760px !important;
  }
}
@media (min-width: 576px) {
  .pt95sm {
    padding-top: 190px !important;
  }
}
@media (min-width: 768px) {
  .pt95md {
    padding-top: 380px !important;
  }
}
@media (min-width: 992px) {
  .pt95lg {
    padding-top: 760px !important;
  }
}
@media (min-width: 1200px) {
  .pt95xl {
    padding-top: 760px !important;
  }
}
@media (min-width: 1920px) {
  .pt95xxl {
    padding-top: 1520px !important;
  }
}

.pb95 {
  padding-bottom: 190px !important;
}
@media (min-width: 576px) {
  .pb95 {
    padding-bottom: 190px !important;
  }
}
@media (min-width: 768px) {
  .pb95 {
    padding-bottom: 380px !important;
  }
}
@media (min-width: 992px) {
  .pb95 {
    padding-bottom: 760px !important;
  }
}
@media (min-width: 1200px) {
  .pb95 {
    padding-bottom: 760px !important;
  }
}
@media (min-width: 1920px) {
  .pb95 {
    padding-bottom: 760px !important;
  }
}
@media (min-width: 576px) {
  .pb95sm {
    padding-bottom: 190px !important;
  }
}
@media (min-width: 768px) {
  .pb95md {
    padding-bottom: 380px !important;
  }
}
@media (min-width: 992px) {
  .pb95lg {
    padding-bottom: 760px !important;
  }
}
@media (min-width: 1200px) {
  .pb95xl {
    padding-bottom: 760px !important;
  }
}
@media (min-width: 1920px) {
  .pb95xxl {
    padding-bottom: 1520px !important;
  }
}

.mr95 {
  margin-right: 190px !important;
}
@media (min-width: 576px) {
  .mr95 {
    margin-right: 190px !important;
  }
}
@media (min-width: 768px) {
  .mr95 {
    margin-right: 380px !important;
  }
}
@media (min-width: 992px) {
  .mr95 {
    margin-right: 760px !important;
  }
}
@media (min-width: 1200px) {
  .mr95 {
    margin-right: 760px !important;
  }
}
@media (min-width: 1920px) {
  .mr95 {
    margin-right: 760px !important;
  }
}
@media (min-width: 576px) {
  .mr95sm {
    margin-right: 190px !important;
  }
}
@media (min-width: 768px) {
  .mr95md {
    margin-right: 380px !important;
  }
}
@media (min-width: 992px) {
  .mr95lg {
    margin-right: 760px !important;
  }
}
@media (min-width: 1200px) {
  .mr95xl {
    margin-right: 760px !important;
  }
}
@media (min-width: 1920px) {
  .mr95xxl {
    margin-right: 1520px !important;
  }
}

.ml95 {
  margin-left: 190px !important;
}
@media (min-width: 576px) {
  .ml95 {
    margin-left: 190px !important;
  }
}
@media (min-width: 768px) {
  .ml95 {
    margin-left: 380px !important;
  }
}
@media (min-width: 992px) {
  .ml95 {
    margin-left: 760px !important;
  }
}
@media (min-width: 1200px) {
  .ml95 {
    margin-left: 760px !important;
  }
}
@media (min-width: 1920px) {
  .ml95 {
    margin-left: 760px !important;
  }
}
@media (min-width: 576px) {
  .ml95sm {
    margin-left: 190px !important;
  }
}
@media (min-width: 768px) {
  .ml95md {
    margin-left: 380px !important;
  }
}
@media (min-width: 992px) {
  .ml95lg {
    margin-left: 760px !important;
  }
}
@media (min-width: 1200px) {
  .ml95xl {
    margin-left: 760px !important;
  }
}
@media (min-width: 1920px) {
  .ml95xxl {
    margin-left: 1520px !important;
  }
}

.mt95 {
  margin-top: 190px !important;
}
@media (min-width: 576px) {
  .mt95 {
    margin-top: 190px !important;
  }
}
@media (min-width: 768px) {
  .mt95 {
    margin-top: 380px !important;
  }
}
@media (min-width: 992px) {
  .mt95 {
    margin-top: 760px !important;
  }
}
@media (min-width: 1200px) {
  .mt95 {
    margin-top: 760px !important;
  }
}
@media (min-width: 1920px) {
  .mt95 {
    margin-top: 760px !important;
  }
}
@media (min-width: 576px) {
  .mt95sm {
    margin-top: 190px !important;
  }
}
@media (min-width: 768px) {
  .mt95md {
    margin-top: 380px !important;
  }
}
@media (min-width: 992px) {
  .mt95lg {
    margin-top: 760px !important;
  }
}
@media (min-width: 1200px) {
  .mt95xl {
    margin-top: 760px !important;
  }
}
@media (min-width: 1920px) {
  .mt95xxl {
    margin-top: 1520px !important;
  }
}

.mb95 {
  margin-bottom: 190px !important;
}
@media (min-width: 576px) {
  .mb95 {
    margin-bottom: 190px !important;
  }
}
@media (min-width: 768px) {
  .mb95 {
    margin-bottom: 380px !important;
  }
}
@media (min-width: 992px) {
  .mb95 {
    margin-bottom: 760px !important;
  }
}
@media (min-width: 1200px) {
  .mb95 {
    margin-bottom: 760px !important;
  }
}
@media (min-width: 1920px) {
  .mb95 {
    margin-bottom: 760px !important;
  }
}
@media (min-width: 576px) {
  .mb95sm {
    margin-bottom: 190px !important;
  }
}
@media (min-width: 768px) {
  .mb95md {
    margin-bottom: 380px !important;
  }
}
@media (min-width: 992px) {
  .mb95lg {
    margin-bottom: 760px !important;
  }
}
@media (min-width: 1200px) {
  .mb95xl {
    margin-bottom: 760px !important;
  }
}
@media (min-width: 1920px) {
  .mb95xxl {
    margin-bottom: 1520px !important;
  }
}

.minh95 {
  min-height: 190px !important;
}
@media (min-width: 576px) {
  .minh95 {
    min-height: 190px !important;
  }
}
@media (min-width: 768px) {
  .minh95 {
    min-height: 380px !important;
  }
}
@media (min-width: 992px) {
  .minh95 {
    min-height: 760px !important;
  }
}
@media (min-width: 1200px) {
  .minh95 {
    min-height: 760px !important;
  }
}
@media (min-width: 1920px) {
  .minh95 {
    min-height: 760px !important;
  }
}
@media (min-width: 576px) {
  .minh95sm {
    min-height: 190px !important;
  }
}
@media (min-width: 768px) {
  .minh95md {
    min-height: 380px !important;
  }
}
@media (min-width: 992px) {
  .minh95lg {
    min-height: 760px !important;
  }
}
@media (min-width: 1200px) {
  .minh95xl {
    min-height: 760px !important;
  }
}
@media (min-width: 1920px) {
  .minh95xxl {
    min-height: 1520px !important;
  }
}

.maxh95 {
  max-height: 190px !important;
}
@media (min-width: 576px) {
  .maxh95 {
    max-height: 190px !important;
  }
}
@media (min-width: 768px) {
  .maxh95 {
    max-height: 380px !important;
  }
}
@media (min-width: 992px) {
  .maxh95 {
    max-height: 760px !important;
  }
}
@media (min-width: 1200px) {
  .maxh95 {
    max-height: 760px !important;
  }
}
@media (min-width: 1920px) {
  .maxh95 {
    max-height: 760px !important;
  }
}
@media (min-width: 576px) {
  .maxh95sm {
    max-height: 190px !important;
  }
}
@media (min-width: 768px) {
  .maxh95md {
    max-height: 380px !important;
  }
}
@media (min-width: 992px) {
  .maxh95lg {
    max-height: 760px !important;
  }
}
@media (min-width: 1200px) {
  .maxh95xl {
    max-height: 760px !important;
  }
}
@media (min-width: 1920px) {
  .maxh95xxl {
    max-height: 1520px !important;
  }
}

.maxw95 {
  max-width: 190px !important;
}
@media (min-width: 576px) {
  .maxw95 {
    max-width: 190px !important;
  }
}
@media (min-width: 768px) {
  .maxw95 {
    max-width: 380px !important;
  }
}
@media (min-width: 992px) {
  .maxw95 {
    max-width: 760px !important;
  }
}
@media (min-width: 1200px) {
  .maxw95 {
    max-width: 760px !important;
  }
}
@media (min-width: 1920px) {
  .maxw95 {
    max-width: 760px !important;
  }
}
@media (min-width: 576px) {
  .maxw95sm {
    max-width: 190px !important;
  }
}
@media (min-width: 768px) {
  .maxw95md {
    max-width: 380px !important;
  }
}
@media (min-width: 992px) {
  .maxw95lg {
    max-width: 760px !important;
  }
}
@media (min-width: 1200px) {
  .maxw95xl {
    max-width: 760px !important;
  }
}
@media (min-width: 1920px) {
  .maxw95xxl {
    max-width: 1520px !important;
  }
}

.pr100 {
  padding-right: 200px !important;
}
@media (min-width: 576px) {
  .pr100 {
    padding-right: 200px !important;
  }
}
@media (min-width: 768px) {
  .pr100 {
    padding-right: 400px !important;
  }
}
@media (min-width: 992px) {
  .pr100 {
    padding-right: 800px !important;
  }
}
@media (min-width: 1200px) {
  .pr100 {
    padding-right: 800px !important;
  }
}
@media (min-width: 1920px) {
  .pr100 {
    padding-right: 800px !important;
  }
}
@media (min-width: 576px) {
  .pr100sm {
    padding-right: 200px !important;
  }
}
@media (min-width: 768px) {
  .pr100md {
    padding-right: 400px !important;
  }
}
@media (min-width: 992px) {
  .pr100lg {
    padding-right: 800px !important;
  }
}
@media (min-width: 1200px) {
  .pr100xl {
    padding-right: 800px !important;
  }
}
@media (min-width: 1920px) {
  .pr100xxl {
    padding-right: 1600px !important;
  }
}

.pl100 {
  padding-left: 200px !important;
}
@media (min-width: 576px) {
  .pl100 {
    padding-left: 200px !important;
  }
}
@media (min-width: 768px) {
  .pl100 {
    padding-left: 400px !important;
  }
}
@media (min-width: 992px) {
  .pl100 {
    padding-left: 800px !important;
  }
}
@media (min-width: 1200px) {
  .pl100 {
    padding-left: 800px !important;
  }
}
@media (min-width: 1920px) {
  .pl100 {
    padding-left: 800px !important;
  }
}
@media (min-width: 576px) {
  .pl100sm {
    padding-left: 200px !important;
  }
}
@media (min-width: 768px) {
  .pl100md {
    padding-left: 400px !important;
  }
}
@media (min-width: 992px) {
  .pl100lg {
    padding-left: 800px !important;
  }
}
@media (min-width: 1200px) {
  .pl100xl {
    padding-left: 800px !important;
  }
}
@media (min-width: 1920px) {
  .pl100xxl {
    padding-left: 1600px !important;
  }
}

.pt100 {
  padding-top: 200px !important;
}
@media (min-width: 576px) {
  .pt100 {
    padding-top: 200px !important;
  }
}
@media (min-width: 768px) {
  .pt100 {
    padding-top: 400px !important;
  }
}
@media (min-width: 992px) {
  .pt100 {
    padding-top: 800px !important;
  }
}
@media (min-width: 1200px) {
  .pt100 {
    padding-top: 800px !important;
  }
}
@media (min-width: 1920px) {
  .pt100 {
    padding-top: 800px !important;
  }
}
@media (min-width: 576px) {
  .pt100sm {
    padding-top: 200px !important;
  }
}
@media (min-width: 768px) {
  .pt100md {
    padding-top: 400px !important;
  }
}
@media (min-width: 992px) {
  .pt100lg {
    padding-top: 800px !important;
  }
}
@media (min-width: 1200px) {
  .pt100xl {
    padding-top: 800px !important;
  }
}
@media (min-width: 1920px) {
  .pt100xxl {
    padding-top: 1600px !important;
  }
}

.pb100 {
  padding-bottom: 200px !important;
}
@media (min-width: 576px) {
  .pb100 {
    padding-bottom: 200px !important;
  }
}
@media (min-width: 768px) {
  .pb100 {
    padding-bottom: 400px !important;
  }
}
@media (min-width: 992px) {
  .pb100 {
    padding-bottom: 800px !important;
  }
}
@media (min-width: 1200px) {
  .pb100 {
    padding-bottom: 800px !important;
  }
}
@media (min-width: 1920px) {
  .pb100 {
    padding-bottom: 800px !important;
  }
}
@media (min-width: 576px) {
  .pb100sm {
    padding-bottom: 200px !important;
  }
}
@media (min-width: 768px) {
  .pb100md {
    padding-bottom: 400px !important;
  }
}
@media (min-width: 992px) {
  .pb100lg {
    padding-bottom: 800px !important;
  }
}
@media (min-width: 1200px) {
  .pb100xl {
    padding-bottom: 800px !important;
  }
}
@media (min-width: 1920px) {
  .pb100xxl {
    padding-bottom: 1600px !important;
  }
}

.mr100 {
  margin-right: 200px !important;
}
@media (min-width: 576px) {
  .mr100 {
    margin-right: 200px !important;
  }
}
@media (min-width: 768px) {
  .mr100 {
    margin-right: 400px !important;
  }
}
@media (min-width: 992px) {
  .mr100 {
    margin-right: 800px !important;
  }
}
@media (min-width: 1200px) {
  .mr100 {
    margin-right: 800px !important;
  }
}
@media (min-width: 1920px) {
  .mr100 {
    margin-right: 800px !important;
  }
}
@media (min-width: 576px) {
  .mr100sm {
    margin-right: 200px !important;
  }
}
@media (min-width: 768px) {
  .mr100md {
    margin-right: 400px !important;
  }
}
@media (min-width: 992px) {
  .mr100lg {
    margin-right: 800px !important;
  }
}
@media (min-width: 1200px) {
  .mr100xl {
    margin-right: 800px !important;
  }
}
@media (min-width: 1920px) {
  .mr100xxl {
    margin-right: 1600px !important;
  }
}

.ml100 {
  margin-left: 200px !important;
}
@media (min-width: 576px) {
  .ml100 {
    margin-left: 200px !important;
  }
}
@media (min-width: 768px) {
  .ml100 {
    margin-left: 400px !important;
  }
}
@media (min-width: 992px) {
  .ml100 {
    margin-left: 800px !important;
  }
}
@media (min-width: 1200px) {
  .ml100 {
    margin-left: 800px !important;
  }
}
@media (min-width: 1920px) {
  .ml100 {
    margin-left: 800px !important;
  }
}
@media (min-width: 576px) {
  .ml100sm {
    margin-left: 200px !important;
  }
}
@media (min-width: 768px) {
  .ml100md {
    margin-left: 400px !important;
  }
}
@media (min-width: 992px) {
  .ml100lg {
    margin-left: 800px !important;
  }
}
@media (min-width: 1200px) {
  .ml100xl {
    margin-left: 800px !important;
  }
}
@media (min-width: 1920px) {
  .ml100xxl {
    margin-left: 1600px !important;
  }
}

.mt100 {
  margin-top: 200px !important;
}
@media (min-width: 576px) {
  .mt100 {
    margin-top: 200px !important;
  }
}
@media (min-width: 768px) {
  .mt100 {
    margin-top: 400px !important;
  }
}
@media (min-width: 992px) {
  .mt100 {
    margin-top: 800px !important;
  }
}
@media (min-width: 1200px) {
  .mt100 {
    margin-top: 800px !important;
  }
}
@media (min-width: 1920px) {
  .mt100 {
    margin-top: 800px !important;
  }
}
@media (min-width: 576px) {
  .mt100sm {
    margin-top: 200px !important;
  }
}
@media (min-width: 768px) {
  .mt100md {
    margin-top: 400px !important;
  }
}
@media (min-width: 992px) {
  .mt100lg {
    margin-top: 800px !important;
  }
}
@media (min-width: 1200px) {
  .mt100xl {
    margin-top: 800px !important;
  }
}
@media (min-width: 1920px) {
  .mt100xxl {
    margin-top: 1600px !important;
  }
}

.mb100 {
  margin-bottom: 200px !important;
}
@media (min-width: 576px) {
  .mb100 {
    margin-bottom: 200px !important;
  }
}
@media (min-width: 768px) {
  .mb100 {
    margin-bottom: 400px !important;
  }
}
@media (min-width: 992px) {
  .mb100 {
    margin-bottom: 800px !important;
  }
}
@media (min-width: 1200px) {
  .mb100 {
    margin-bottom: 800px !important;
  }
}
@media (min-width: 1920px) {
  .mb100 {
    margin-bottom: 800px !important;
  }
}
@media (min-width: 576px) {
  .mb100sm {
    margin-bottom: 200px !important;
  }
}
@media (min-width: 768px) {
  .mb100md {
    margin-bottom: 400px !important;
  }
}
@media (min-width: 992px) {
  .mb100lg {
    margin-bottom: 800px !important;
  }
}
@media (min-width: 1200px) {
  .mb100xl {
    margin-bottom: 800px !important;
  }
}
@media (min-width: 1920px) {
  .mb100xxl {
    margin-bottom: 1600px !important;
  }
}

.minh100 {
  min-height: 200px !important;
}
@media (min-width: 576px) {
  .minh100 {
    min-height: 200px !important;
  }
}
@media (min-width: 768px) {
  .minh100 {
    min-height: 400px !important;
  }
}
@media (min-width: 992px) {
  .minh100 {
    min-height: 800px !important;
  }
}
@media (min-width: 1200px) {
  .minh100 {
    min-height: 800px !important;
  }
}
@media (min-width: 1920px) {
  .minh100 {
    min-height: 800px !important;
  }
}
@media (min-width: 576px) {
  .minh100sm {
    min-height: 200px !important;
  }
}
@media (min-width: 768px) {
  .minh100md {
    min-height: 400px !important;
  }
}
@media (min-width: 992px) {
  .minh100lg {
    min-height: 800px !important;
  }
}
@media (min-width: 1200px) {
  .minh100xl {
    min-height: 800px !important;
  }
}
@media (min-width: 1920px) {
  .minh100xxl {
    min-height: 1600px !important;
  }
}

.maxh100 {
  max-height: 200px !important;
}
@media (min-width: 576px) {
  .maxh100 {
    max-height: 200px !important;
  }
}
@media (min-width: 768px) {
  .maxh100 {
    max-height: 400px !important;
  }
}
@media (min-width: 992px) {
  .maxh100 {
    max-height: 800px !important;
  }
}
@media (min-width: 1200px) {
  .maxh100 {
    max-height: 800px !important;
  }
}
@media (min-width: 1920px) {
  .maxh100 {
    max-height: 800px !important;
  }
}
@media (min-width: 576px) {
  .maxh100sm {
    max-height: 200px !important;
  }
}
@media (min-width: 768px) {
  .maxh100md {
    max-height: 400px !important;
  }
}
@media (min-width: 992px) {
  .maxh100lg {
    max-height: 800px !important;
  }
}
@media (min-width: 1200px) {
  .maxh100xl {
    max-height: 800px !important;
  }
}
@media (min-width: 1920px) {
  .maxh100xxl {
    max-height: 1600px !important;
  }
}

.maxw100 {
  max-width: 200px !important;
}
@media (min-width: 576px) {
  .maxw100 {
    max-width: 200px !important;
  }
}
@media (min-width: 768px) {
  .maxw100 {
    max-width: 400px !important;
  }
}
@media (min-width: 992px) {
  .maxw100 {
    max-width: 800px !important;
  }
}
@media (min-width: 1200px) {
  .maxw100 {
    max-width: 800px !important;
  }
}
@media (min-width: 1920px) {
  .maxw100 {
    max-width: 800px !important;
  }
}
@media (min-width: 576px) {
  .maxw100sm {
    max-width: 200px !important;
  }
}
@media (min-width: 768px) {
  .maxw100md {
    max-width: 400px !important;
  }
}
@media (min-width: 992px) {
  .maxw100lg {
    max-width: 800px !important;
  }
}
@media (min-width: 1200px) {
  .maxw100xl {
    max-width: 800px !important;
  }
}
@media (min-width: 1920px) {
  .maxw100xxl {
    max-width: 1600px !important;
  }
}

.lh1 {
  line-height: 1;
}
@media (min-width: 576px) {
  .lh1sm {
    line-height: 1;
  }
}
@media (min-width: 768px) {
  .lh1md {
    line-height: 1;
  }
}
@media (min-width: 992px) {
  .lh1lg {
    line-height: 1;
  }
}
@media (min-width: 1200px) {
  .lh1xl {
    line-height: 1;
  }
}
@media (min-width: 1920px) {
  .lh1xxl {
    line-height: 1;
  }
}

.lh125 {
  line-height: 1.25;
}
@media (min-width: 576px) {
  .lh125sm {
    line-height: 1.25;
  }
}
@media (min-width: 768px) {
  .lh125md {
    line-height: 1.25;
  }
}
@media (min-width: 992px) {
  .lh125lg {
    line-height: 1.25;
  }
}
@media (min-width: 1200px) {
  .lh125xl {
    line-height: 1.25;
  }
}
@media (min-width: 1920px) {
  .lh125xxl {
    line-height: 1.25;
  }
}

.lh133 {
  line-height: 1.33;
}
@media (min-width: 576px) {
  .lh133sm {
    line-height: 1.33;
  }
}
@media (min-width: 768px) {
  .lh133md {
    line-height: 1.33;
  }
}
@media (min-width: 992px) {
  .lh133lg {
    line-height: 1.33;
  }
}
@media (min-width: 1200px) {
  .lh133xl {
    line-height: 1.33;
  }
}
@media (min-width: 1920px) {
  .lh133xxl {
    line-height: 1.33;
  }
}

.lh15 {
  line-height: 1.5;
}
@media (min-width: 576px) {
  .lh15sm {
    line-height: 1.5;
  }
}
@media (min-width: 768px) {
  .lh15md {
    line-height: 1.5;
  }
}
@media (min-width: 992px) {
  .lh15lg {
    line-height: 1.5;
  }
}
@media (min-width: 1200px) {
  .lh15xl {
    line-height: 1.5;
  }
}
@media (min-width: 1920px) {
  .lh15xxl {
    line-height: 1.5;
  }
}

.lh2 {
  line-height: 2;
}
@media (min-width: 576px) {
  .lh2sm {
    line-height: 2;
  }
}
@media (min-width: 768px) {
  .lh2md {
    line-height: 2;
  }
}
@media (min-width: 992px) {
  .lh2lg {
    line-height: 2;
  }
}
@media (min-width: 1200px) {
  .lh2xl {
    line-height: 2;
  }
}
@media (min-width: 1920px) {
  .lh2xxl {
    line-height: 2;
  }
}

.p0 {
  padding: 0 !important;
}
@media (min-width: 576px) {
  .p0 {
    padding: 0 !important;
  }
}
@media (min-width: 768px) {
  .p0 {
    padding: 0 !important;
  }
}
@media (min-width: 992px) {
  .p0 {
    padding: 0 !important;
  }
}
@media (min-width: 1200px) {
  .p0 {
    padding: 0 !important;
  }
}
@media (min-width: 1920px) {
  .p0 {
    padding: 0 !important;
  }
}
@media (min-width: 576px) {
  .p0sm {
    padding: 0 !important;
  }
}
@media (min-width: 768px) {
  .p0md {
    padding: 0 !important;
  }
}
@media (min-width: 992px) {
  .p0lg {
    padding: 0 !important;
  }
}
@media (min-width: 1200px) {
  .p0xl {
    padding: 0 !important;
  }
}
@media (min-width: 1920px) {
  .p0xxl {
    padding: 0 !important;
  }
}

.pr0 {
  padding-right: 0 !important;
}
@media (min-width: 576px) {
  .pr0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 768px) {
  .pr0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 992px) {
  .pr0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 1200px) {
  .pr0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 1920px) {
  .pr0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 576px) {
  .pr0sm {
    padding-right: 0 !important;
  }
}
@media (min-width: 768px) {
  .pr0md {
    padding-right: 0 !important;
  }
}
@media (min-width: 992px) {
  .pr0lg {
    padding-right: 0 !important;
  }
}
@media (min-width: 1200px) {
  .pr0xl {
    padding-right: 0 !important;
  }
}
@media (min-width: 1920px) {
  .pr0xxl {
    padding-right: 0 !important;
  }
}

.pl0 {
  padding-left: 0 !important;
}
@media (min-width: 576px) {
  .pl0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 768px) {
  .pl0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 992px) {
  .pl0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 1200px) {
  .pl0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 1920px) {
  .pl0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 576px) {
  .pl0sm {
    padding-left: 0 !important;
  }
}
@media (min-width: 768px) {
  .pl0md {
    padding-left: 0 !important;
  }
}
@media (min-width: 992px) {
  .pl0lg {
    padding-left: 0 !important;
  }
}
@media (min-width: 1200px) {
  .pl0xl {
    padding-left: 0 !important;
  }
}
@media (min-width: 1920px) {
  .pl0xxl {
    padding-left: 0 !important;
  }
}

.pb0 {
  padding-bottom: 0 !important;
}
@media (min-width: 576px) {
  .pb0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .pb0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 992px) {
  .pb0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1200px) {
  .pb0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1920px) {
  .pb0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 576px) {
  .pb0sm {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .pb0md {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 992px) {
  .pb0lg {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1200px) {
  .pb0xl {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1920px) {
  .pb0xxl {
    padding-bottom: 0 !important;
  }
}

.pt0 {
  padding-top: 0 !important;
}
@media (min-width: 576px) {
  .pt0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 768px) {
  .pt0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 992px) {
  .pt0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 1200px) {
  .pt0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 1920px) {
  .pt0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 576px) {
  .pt0sm {
    padding-top: 0 !important;
  }
}
@media (min-width: 768px) {
  .pt0md {
    padding-top: 0 !important;
  }
}
@media (min-width: 992px) {
  .pt0lg {
    padding-top: 0 !important;
  }
}
@media (min-width: 1200px) {
  .pt0xl {
    padding-top: 0 !important;
  }
}
@media (min-width: 1920px) {
  .pt0xxl {
    padding-top: 0 !important;
  }
}

.mr0 {
  margin-right: 0 !important;
}
@media (min-width: 576px) {
  .mr0 {
    margin-right: 0 !important;
  }
}
@media (min-width: 768px) {
  .mr0 {
    margin-right: 0 !important;
  }
}
@media (min-width: 992px) {
  .mr0 {
    margin-right: 0 !important;
  }
}
@media (min-width: 1200px) {
  .mr0 {
    margin-right: 0 !important;
  }
}
@media (min-width: 1920px) {
  .mr0 {
    margin-right: 0 !important;
  }
}
@media (min-width: 576px) {
  .mr0sm {
    margin-right: 0 !important;
  }
}
@media (min-width: 768px) {
  .mr0md {
    margin-right: 0 !important;
  }
}
@media (min-width: 992px) {
  .mr0lg {
    margin-right: 0 !important;
  }
}
@media (min-width: 1200px) {
  .mr0xl {
    margin-right: 0 !important;
  }
}
@media (min-width: 1920px) {
  .mr0xxl {
    margin-right: 0 !important;
  }
}

.ml0 {
  margin-left: 0 !important;
}
@media (min-width: 576px) {
  .ml0 {
    margin-left: 0 !important;
  }
}
@media (min-width: 768px) {
  .ml0 {
    margin-left: 0 !important;
  }
}
@media (min-width: 992px) {
  .ml0 {
    margin-left: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ml0 {
    margin-left: 0 !important;
  }
}
@media (min-width: 1920px) {
  .ml0 {
    margin-left: 0 !important;
  }
}
@media (min-width: 576px) {
  .ml0sm {
    margin-left: 0 !important;
  }
}
@media (min-width: 768px) {
  .ml0md {
    margin-left: 0 !important;
  }
}
@media (min-width: 992px) {
  .ml0lg {
    margin-left: 0 !important;
  }
}
@media (min-width: 1200px) {
  .ml0xl {
    margin-left: 0 !important;
  }
}
@media (min-width: 1920px) {
  .ml0xxl {
    margin-left: 0 !important;
  }
}

.mb0 {
  margin-bottom: 0 !important;
}
@media (min-width: 576px) {
  .mb0 {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .mb0 {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 992px) {
  .mb0 {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 1200px) {
  .mb0 {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 1920px) {
  .mb0 {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 576px) {
  .mb0sm {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .mb0md {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 992px) {
  .mb0lg {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 1200px) {
  .mb0xl {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 1920px) {
  .mb0xxl {
    margin-bottom: 0 !important;
  }
}

.mt0 {
  margin-top: 0 !important;
}
@media (min-width: 576px) {
  .mt0 {
    margin-top: 0 !important;
  }
}
@media (min-width: 768px) {
  .mt0 {
    margin-top: 0 !important;
  }
}
@media (min-width: 992px) {
  .mt0 {
    margin-top: 0 !important;
  }
}
@media (min-width: 1200px) {
  .mt0 {
    margin-top: 0 !important;
  }
}
@media (min-width: 1920px) {
  .mt0 {
    margin-top: 0 !important;
  }
}
@media (min-width: 576px) {
  .mt0sm {
    margin-top: 0 !important;
  }
}
@media (min-width: 768px) {
  .mt0md {
    margin-top: 0 !important;
  }
}
@media (min-width: 992px) {
  .mt0lg {
    margin-top: 0 !important;
  }
}
@media (min-width: 1200px) {
  .mt0xl {
    margin-top: 0 !important;
  }
}
@media (min-width: 1920px) {
  .mt0xxl {
    margin-top: 0 !important;
  }
}

.minh0 {
  min-height: 0 !important;
}
@media (min-width: 576px) {
  .minh0 {
    min-height: 0 !important;
  }
}
@media (min-width: 768px) {
  .minh0 {
    min-height: 0 !important;
  }
}
@media (min-width: 992px) {
  .minh0 {
    min-height: 0 !important;
  }
}
@media (min-width: 1200px) {
  .minh0 {
    min-height: 0 !important;
  }
}
@media (min-width: 1920px) {
  .minh0 {
    min-height: 0 !important;
  }
}
@media (min-width: 576px) {
  .minh0sm {
    min-height: 0 !important;
  }
}
@media (min-width: 768px) {
  .minh0md {
    min-height: 0 !important;
  }
}
@media (min-width: 992px) {
  .minh0lg {
    min-height: 0 !important;
  }
}
@media (min-width: 1200px) {
  .minh0xl {
    min-height: 0 !important;
  }
}
@media (min-width: 1920px) {
  .minh0xxl {
    min-height: 0 !important;
  }
}

.maxh0 {
  max-height: 0 !important;
}
@media (min-width: 576px) {
  .maxh0 {
    max-height: 0 !important;
  }
}
@media (min-width: 768px) {
  .maxh0 {
    max-height: 0 !important;
  }
}
@media (min-width: 992px) {
  .maxh0 {
    max-height: 0 !important;
  }
}
@media (min-width: 1200px) {
  .maxh0 {
    max-height: 0 !important;
  }
}
@media (min-width: 1920px) {
  .maxh0 {
    max-height: 0 !important;
  }
}
@media (min-width: 576px) {
  .maxh0sm {
    max-height: 0 !important;
  }
}
@media (min-width: 768px) {
  .maxh0md {
    max-height: 0 !important;
  }
}
@media (min-width: 992px) {
  .maxh0lg {
    max-height: 0 !important;
  }
}
@media (min-width: 1200px) {
  .maxh0xl {
    max-height: 0 !important;
  }
}
@media (min-width: 1920px) {
  .maxh0xxl {
    max-height: 0 !important;
  }
}

.ptb0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.p1 {
  padding: 2px !important;
}
@media (min-width: 576px) {
  .p1 {
    padding: 2px !important;
  }
}
@media (min-width: 768px) {
  .p1 {
    padding: 4px !important;
  }
}
@media (min-width: 992px) {
  .p1 {
    padding: 8px !important;
  }
}
@media (min-width: 1200px) {
  .p1 {
    padding: 8px !important;
  }
}
@media (min-width: 1920px) {
  .p1 {
    padding: 8px !important;
  }
}
@media (min-width: 576px) {
  .p1sm {
    padding: 2px !important;
  }
}
@media (min-width: 768px) {
  .p1md {
    padding: 4px !important;
  }
}
@media (min-width: 992px) {
  .p1lg {
    padding: 8px !important;
  }
}
@media (min-width: 1200px) {
  .p1xl {
    padding: 8px !important;
  }
}
@media (min-width: 1920px) {
  .p1xxl {
    padding: 16px !important;
  }
}

.pr1 {
  padding-right: 2px !important;
}
@media (min-width: 576px) {
  .pr1 {
    padding-right: 2px !important;
  }
}
@media (min-width: 768px) {
  .pr1 {
    padding-right: 4px !important;
  }
}
@media (min-width: 992px) {
  .pr1 {
    padding-right: 8px !important;
  }
}
@media (min-width: 1200px) {
  .pr1 {
    padding-right: 8px !important;
  }
}
@media (min-width: 1920px) {
  .pr1 {
    padding-right: 8px !important;
  }
}
@media (min-width: 576px) {
  .pr1sm {
    padding-right: 2px !important;
  }
}
@media (min-width: 768px) {
  .pr1md {
    padding-right: 4px !important;
  }
}
@media (min-width: 992px) {
  .pr1lg {
    padding-right: 8px !important;
  }
}
@media (min-width: 1200px) {
  .pr1xl {
    padding-right: 8px !important;
  }
}
@media (min-width: 1920px) {
  .pr1xxl {
    padding-right: 16px !important;
  }
}

.pl1 {
  padding-left: 2px !important;
}
@media (min-width: 576px) {
  .pl1 {
    padding-left: 2px !important;
  }
}
@media (min-width: 768px) {
  .pl1 {
    padding-left: 4px !important;
  }
}
@media (min-width: 992px) {
  .pl1 {
    padding-left: 8px !important;
  }
}
@media (min-width: 1200px) {
  .pl1 {
    padding-left: 8px !important;
  }
}
@media (min-width: 1920px) {
  .pl1 {
    padding-left: 8px !important;
  }
}
@media (min-width: 576px) {
  .pl1sm {
    padding-left: 2px !important;
  }
}
@media (min-width: 768px) {
  .pl1md {
    padding-left: 4px !important;
  }
}
@media (min-width: 992px) {
  .pl1lg {
    padding-left: 8px !important;
  }
}
@media (min-width: 1200px) {
  .pl1xl {
    padding-left: 8px !important;
  }
}
@media (min-width: 1920px) {
  .pl1xxl {
    padding-left: 16px !important;
  }
}

.pb1 {
  padding-bottom: 2px !important;
}
@media (min-width: 576px) {
  .pb1 {
    padding-bottom: 2px !important;
  }
}
@media (min-width: 768px) {
  .pb1 {
    padding-bottom: 4px !important;
  }
}
@media (min-width: 992px) {
  .pb1 {
    padding-bottom: 8px !important;
  }
}
@media (min-width: 1200px) {
  .pb1 {
    padding-bottom: 8px !important;
  }
}
@media (min-width: 1920px) {
  .pb1 {
    padding-bottom: 8px !important;
  }
}
@media (min-width: 576px) {
  .pb1sm {
    padding-bottom: 2px !important;
  }
}
@media (min-width: 768px) {
  .pb1md {
    padding-bottom: 4px !important;
  }
}
@media (min-width: 992px) {
  .pb1lg {
    padding-bottom: 8px !important;
  }
}
@media (min-width: 1200px) {
  .pb1xl {
    padding-bottom: 8px !important;
  }
}
@media (min-width: 1920px) {
  .pb1xxl {
    padding-bottom: 16px !important;
  }
}

.pt1 {
  padding-top: 2px !important;
}
@media (min-width: 576px) {
  .pt1 {
    padding-top: 2px !important;
  }
}
@media (min-width: 768px) {
  .pt1 {
    padding-top: 4px !important;
  }
}
@media (min-width: 992px) {
  .pt1 {
    padding-top: 8px !important;
  }
}
@media (min-width: 1200px) {
  .pt1 {
    padding-top: 8px !important;
  }
}
@media (min-width: 1920px) {
  .pt1 {
    padding-top: 8px !important;
  }
}
@media (min-width: 576px) {
  .pt1sm {
    padding-top: 2px !important;
  }
}
@media (min-width: 768px) {
  .pt1md {
    padding-top: 4px !important;
  }
}
@media (min-width: 992px) {
  .pt1lg {
    padding-top: 8px !important;
  }
}
@media (min-width: 1200px) {
  .pt1xl {
    padding-top: 8px !important;
  }
}
@media (min-width: 1920px) {
  .pt1xxl {
    padding-top: 16px !important;
  }
}

.mr1 {
  margin-right: 2px !important;
}
@media (min-width: 576px) {
  .mr1 {
    margin-right: 2px !important;
  }
}
@media (min-width: 768px) {
  .mr1 {
    margin-right: 4px !important;
  }
}
@media (min-width: 992px) {
  .mr1 {
    margin-right: 8px !important;
  }
}
@media (min-width: 1200px) {
  .mr1 {
    margin-right: 8px !important;
  }
}
@media (min-width: 1920px) {
  .mr1 {
    margin-right: 8px !important;
  }
}
@media (min-width: 576px) {
  .mr1sm {
    margin-right: 2px !important;
  }
}
@media (min-width: 768px) {
  .mr1md {
    margin-right: 4px !important;
  }
}
@media (min-width: 992px) {
  .mr1lg {
    margin-right: 8px !important;
  }
}
@media (min-width: 1200px) {
  .mr1xl {
    margin-right: 8px !important;
  }
}
@media (min-width: 1920px) {
  .mr1xxl {
    margin-right: 16px !important;
  }
}

.ml1 {
  margin-left: 2px !important;
}
@media (min-width: 576px) {
  .ml1 {
    margin-left: 2px !important;
  }
}
@media (min-width: 768px) {
  .ml1 {
    margin-left: 4px !important;
  }
}
@media (min-width: 992px) {
  .ml1 {
    margin-left: 8px !important;
  }
}
@media (min-width: 1200px) {
  .ml1 {
    margin-left: 8px !important;
  }
}
@media (min-width: 1920px) {
  .ml1 {
    margin-left: 8px !important;
  }
}
@media (min-width: 576px) {
  .ml1sm {
    margin-left: 2px !important;
  }
}
@media (min-width: 768px) {
  .ml1md {
    margin-left: 4px !important;
  }
}
@media (min-width: 992px) {
  .ml1lg {
    margin-left: 8px !important;
  }
}
@media (min-width: 1200px) {
  .ml1xl {
    margin-left: 8px !important;
  }
}
@media (min-width: 1920px) {
  .ml1xxl {
    margin-left: 16px !important;
  }
}

.mb1 {
  margin-bottom: 2px !important;
}
@media (min-width: 576px) {
  .mb1 {
    margin-bottom: 2px !important;
  }
}
@media (min-width: 768px) {
  .mb1 {
    margin-bottom: 4px !important;
  }
}
@media (min-width: 992px) {
  .mb1 {
    margin-bottom: 8px !important;
  }
}
@media (min-width: 1200px) {
  .mb1 {
    margin-bottom: 8px !important;
  }
}
@media (min-width: 1920px) {
  .mb1 {
    margin-bottom: 8px !important;
  }
}
@media (min-width: 576px) {
  .mb1sm {
    margin-bottom: 2px !important;
  }
}
@media (min-width: 768px) {
  .mb1md {
    margin-bottom: 4px !important;
  }
}
@media (min-width: 992px) {
  .mb1lg {
    margin-bottom: 8px !important;
  }
}
@media (min-width: 1200px) {
  .mb1xl {
    margin-bottom: 8px !important;
  }
}
@media (min-width: 1920px) {
  .mb1xxl {
    margin-bottom: 16px !important;
  }
}

.mt1 {
  margin-top: 2px !important;
}
@media (min-width: 576px) {
  .mt1 {
    margin-top: 2px !important;
  }
}
@media (min-width: 768px) {
  .mt1 {
    margin-top: 4px !important;
  }
}
@media (min-width: 992px) {
  .mt1 {
    margin-top: 8px !important;
  }
}
@media (min-width: 1200px) {
  .mt1 {
    margin-top: 8px !important;
  }
}
@media (min-width: 1920px) {
  .mt1 {
    margin-top: 8px !important;
  }
}
@media (min-width: 576px) {
  .mt1sm {
    margin-top: 2px !important;
  }
}
@media (min-width: 768px) {
  .mt1md {
    margin-top: 4px !important;
  }
}
@media (min-width: 992px) {
  .mt1lg {
    margin-top: 8px !important;
  }
}
@media (min-width: 1200px) {
  .mt1xl {
    margin-top: 8px !important;
  }
}
@media (min-width: 1920px) {
  .mt1xxl {
    margin-top: 16px !important;
  }
}

.minh1 {
  min-height: 2px !important;
}
@media (min-width: 576px) {
  .minh1 {
    min-height: 2px !important;
  }
}
@media (min-width: 768px) {
  .minh1 {
    min-height: 4px !important;
  }
}
@media (min-width: 992px) {
  .minh1 {
    min-height: 8px !important;
  }
}
@media (min-width: 1200px) {
  .minh1 {
    min-height: 8px !important;
  }
}
@media (min-width: 1920px) {
  .minh1 {
    min-height: 8px !important;
  }
}
@media (min-width: 576px) {
  .minh1sm {
    min-height: 2px !important;
  }
}
@media (min-width: 768px) {
  .minh1md {
    min-height: 4px !important;
  }
}
@media (min-width: 992px) {
  .minh1lg {
    min-height: 8px !important;
  }
}
@media (min-width: 1200px) {
  .minh1xl {
    min-height: 8px !important;
  }
}
@media (min-width: 1920px) {
  .minh1xxl {
    min-height: 16px !important;
  }
}

.maxh1 {
  max-height: 2px !important;
}
@media (min-width: 576px) {
  .maxh1 {
    max-height: 2px !important;
  }
}
@media (min-width: 768px) {
  .maxh1 {
    max-height: 4px !important;
  }
}
@media (min-width: 992px) {
  .maxh1 {
    max-height: 8px !important;
  }
}
@media (min-width: 1200px) {
  .maxh1 {
    max-height: 8px !important;
  }
}
@media (min-width: 1920px) {
  .maxh1 {
    max-height: 8px !important;
  }
}
@media (min-width: 576px) {
  .maxh1sm {
    max-height: 2px !important;
  }
}
@media (min-width: 768px) {
  .maxh1md {
    max-height: 4px !important;
  }
}
@media (min-width: 992px) {
  .maxh1lg {
    max-height: 8px !important;
  }
}
@media (min-width: 1200px) {
  .maxh1xl {
    max-height: 8px !important;
  }
}
@media (min-width: 1920px) {
  .maxh1xxl {
    max-height: 16px !important;
  }
}

.ptb1 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.p2 {
  padding: 4px !important;
}
@media (min-width: 576px) {
  .p2 {
    padding: 4px !important;
  }
}
@media (min-width: 768px) {
  .p2 {
    padding: 8px !important;
  }
}
@media (min-width: 992px) {
  .p2 {
    padding: 16px !important;
  }
}
@media (min-width: 1200px) {
  .p2 {
    padding: 16px !important;
  }
}
@media (min-width: 1920px) {
  .p2 {
    padding: 16px !important;
  }
}
@media (min-width: 576px) {
  .p2sm {
    padding: 4px !important;
  }
}
@media (min-width: 768px) {
  .p2md {
    padding: 8px !important;
  }
}
@media (min-width: 992px) {
  .p2lg {
    padding: 16px !important;
  }
}
@media (min-width: 1200px) {
  .p2xl {
    padding: 16px !important;
  }
}
@media (min-width: 1920px) {
  .p2xxl {
    padding: 32px !important;
  }
}

.pr2 {
  padding-right: 4px !important;
}
@media (min-width: 576px) {
  .pr2 {
    padding-right: 4px !important;
  }
}
@media (min-width: 768px) {
  .pr2 {
    padding-right: 8px !important;
  }
}
@media (min-width: 992px) {
  .pr2 {
    padding-right: 16px !important;
  }
}
@media (min-width: 1200px) {
  .pr2 {
    padding-right: 16px !important;
  }
}
@media (min-width: 1920px) {
  .pr2 {
    padding-right: 16px !important;
  }
}
@media (min-width: 576px) {
  .pr2sm {
    padding-right: 4px !important;
  }
}
@media (min-width: 768px) {
  .pr2md {
    padding-right: 8px !important;
  }
}
@media (min-width: 992px) {
  .pr2lg {
    padding-right: 16px !important;
  }
}
@media (min-width: 1200px) {
  .pr2xl {
    padding-right: 16px !important;
  }
}
@media (min-width: 1920px) {
  .pr2xxl {
    padding-right: 32px !important;
  }
}

.pl2 {
  padding-left: 4px !important;
}
@media (min-width: 576px) {
  .pl2 {
    padding-left: 4px !important;
  }
}
@media (min-width: 768px) {
  .pl2 {
    padding-left: 8px !important;
  }
}
@media (min-width: 992px) {
  .pl2 {
    padding-left: 16px !important;
  }
}
@media (min-width: 1200px) {
  .pl2 {
    padding-left: 16px !important;
  }
}
@media (min-width: 1920px) {
  .pl2 {
    padding-left: 16px !important;
  }
}
@media (min-width: 576px) {
  .pl2sm {
    padding-left: 4px !important;
  }
}
@media (min-width: 768px) {
  .pl2md {
    padding-left: 8px !important;
  }
}
@media (min-width: 992px) {
  .pl2lg {
    padding-left: 16px !important;
  }
}
@media (min-width: 1200px) {
  .pl2xl {
    padding-left: 16px !important;
  }
}
@media (min-width: 1920px) {
  .pl2xxl {
    padding-left: 32px !important;
  }
}

.pb2 {
  padding-bottom: 4px !important;
}
@media (min-width: 576px) {
  .pb2 {
    padding-bottom: 4px !important;
  }
}
@media (min-width: 768px) {
  .pb2 {
    padding-bottom: 8px !important;
  }
}
@media (min-width: 992px) {
  .pb2 {
    padding-bottom: 16px !important;
  }
}
@media (min-width: 1200px) {
  .pb2 {
    padding-bottom: 16px !important;
  }
}
@media (min-width: 1920px) {
  .pb2 {
    padding-bottom: 16px !important;
  }
}
@media (min-width: 576px) {
  .pb2sm {
    padding-bottom: 4px !important;
  }
}
@media (min-width: 768px) {
  .pb2md {
    padding-bottom: 8px !important;
  }
}
@media (min-width: 992px) {
  .pb2lg {
    padding-bottom: 16px !important;
  }
}
@media (min-width: 1200px) {
  .pb2xl {
    padding-bottom: 16px !important;
  }
}
@media (min-width: 1920px) {
  .pb2xxl {
    padding-bottom: 32px !important;
  }
}

.pt2 {
  padding-top: 4px !important;
}
@media (min-width: 576px) {
  .pt2 {
    padding-top: 4px !important;
  }
}
@media (min-width: 768px) {
  .pt2 {
    padding-top: 8px !important;
  }
}
@media (min-width: 992px) {
  .pt2 {
    padding-top: 16px !important;
  }
}
@media (min-width: 1200px) {
  .pt2 {
    padding-top: 16px !important;
  }
}
@media (min-width: 1920px) {
  .pt2 {
    padding-top: 16px !important;
  }
}
@media (min-width: 576px) {
  .pt2sm {
    padding-top: 4px !important;
  }
}
@media (min-width: 768px) {
  .pt2md {
    padding-top: 8px !important;
  }
}
@media (min-width: 992px) {
  .pt2lg {
    padding-top: 16px !important;
  }
}
@media (min-width: 1200px) {
  .pt2xl {
    padding-top: 16px !important;
  }
}
@media (min-width: 1920px) {
  .pt2xxl {
    padding-top: 32px !important;
  }
}

.mr2 {
  margin-right: 4px !important;
}
@media (min-width: 576px) {
  .mr2 {
    margin-right: 4px !important;
  }
}
@media (min-width: 768px) {
  .mr2 {
    margin-right: 8px !important;
  }
}
@media (min-width: 992px) {
  .mr2 {
    margin-right: 16px !important;
  }
}
@media (min-width: 1200px) {
  .mr2 {
    margin-right: 16px !important;
  }
}
@media (min-width: 1920px) {
  .mr2 {
    margin-right: 16px !important;
  }
}
@media (min-width: 576px) {
  .mr2sm {
    margin-right: 4px !important;
  }
}
@media (min-width: 768px) {
  .mr2md {
    margin-right: 8px !important;
  }
}
@media (min-width: 992px) {
  .mr2lg {
    margin-right: 16px !important;
  }
}
@media (min-width: 1200px) {
  .mr2xl {
    margin-right: 16px !important;
  }
}
@media (min-width: 1920px) {
  .mr2xxl {
    margin-right: 32px !important;
  }
}

.ml2 {
  margin-left: 4px !important;
}
@media (min-width: 576px) {
  .ml2 {
    margin-left: 4px !important;
  }
}
@media (min-width: 768px) {
  .ml2 {
    margin-left: 8px !important;
  }
}
@media (min-width: 992px) {
  .ml2 {
    margin-left: 16px !important;
  }
}
@media (min-width: 1200px) {
  .ml2 {
    margin-left: 16px !important;
  }
}
@media (min-width: 1920px) {
  .ml2 {
    margin-left: 16px !important;
  }
}
@media (min-width: 576px) {
  .ml2sm {
    margin-left: 4px !important;
  }
}
@media (min-width: 768px) {
  .ml2md {
    margin-left: 8px !important;
  }
}
@media (min-width: 992px) {
  .ml2lg {
    margin-left: 16px !important;
  }
}
@media (min-width: 1200px) {
  .ml2xl {
    margin-left: 16px !important;
  }
}
@media (min-width: 1920px) {
  .ml2xxl {
    margin-left: 32px !important;
  }
}

.mb2 {
  margin-bottom: 4px !important;
}
@media (min-width: 576px) {
  .mb2 {
    margin-bottom: 4px !important;
  }
}
@media (min-width: 768px) {
  .mb2 {
    margin-bottom: 8px !important;
  }
}
@media (min-width: 992px) {
  .mb2 {
    margin-bottom: 16px !important;
  }
}
@media (min-width: 1200px) {
  .mb2 {
    margin-bottom: 16px !important;
  }
}
@media (min-width: 1920px) {
  .mb2 {
    margin-bottom: 16px !important;
  }
}
@media (min-width: 576px) {
  .mb2sm {
    margin-bottom: 4px !important;
  }
}
@media (min-width: 768px) {
  .mb2md {
    margin-bottom: 8px !important;
  }
}
@media (min-width: 992px) {
  .mb2lg {
    margin-bottom: 16px !important;
  }
}
@media (min-width: 1200px) {
  .mb2xl {
    margin-bottom: 16px !important;
  }
}
@media (min-width: 1920px) {
  .mb2xxl {
    margin-bottom: 32px !important;
  }
}

.mt2 {
  margin-top: 4px !important;
}
@media (min-width: 576px) {
  .mt2 {
    margin-top: 4px !important;
  }
}
@media (min-width: 768px) {
  .mt2 {
    margin-top: 8px !important;
  }
}
@media (min-width: 992px) {
  .mt2 {
    margin-top: 16px !important;
  }
}
@media (min-width: 1200px) {
  .mt2 {
    margin-top: 16px !important;
  }
}
@media (min-width: 1920px) {
  .mt2 {
    margin-top: 16px !important;
  }
}
@media (min-width: 576px) {
  .mt2sm {
    margin-top: 4px !important;
  }
}
@media (min-width: 768px) {
  .mt2md {
    margin-top: 8px !important;
  }
}
@media (min-width: 992px) {
  .mt2lg {
    margin-top: 16px !important;
  }
}
@media (min-width: 1200px) {
  .mt2xl {
    margin-top: 16px !important;
  }
}
@media (min-width: 1920px) {
  .mt2xxl {
    margin-top: 32px !important;
  }
}

.minh2 {
  min-height: 4px !important;
}
@media (min-width: 576px) {
  .minh2 {
    min-height: 4px !important;
  }
}
@media (min-width: 768px) {
  .minh2 {
    min-height: 8px !important;
  }
}
@media (min-width: 992px) {
  .minh2 {
    min-height: 16px !important;
  }
}
@media (min-width: 1200px) {
  .minh2 {
    min-height: 16px !important;
  }
}
@media (min-width: 1920px) {
  .minh2 {
    min-height: 16px !important;
  }
}
@media (min-width: 576px) {
  .minh2sm {
    min-height: 4px !important;
  }
}
@media (min-width: 768px) {
  .minh2md {
    min-height: 8px !important;
  }
}
@media (min-width: 992px) {
  .minh2lg {
    min-height: 16px !important;
  }
}
@media (min-width: 1200px) {
  .minh2xl {
    min-height: 16px !important;
  }
}
@media (min-width: 1920px) {
  .minh2xxl {
    min-height: 32px !important;
  }
}

.maxh2 {
  max-height: 4px !important;
}
@media (min-width: 576px) {
  .maxh2 {
    max-height: 4px !important;
  }
}
@media (min-width: 768px) {
  .maxh2 {
    max-height: 8px !important;
  }
}
@media (min-width: 992px) {
  .maxh2 {
    max-height: 16px !important;
  }
}
@media (min-width: 1200px) {
  .maxh2 {
    max-height: 16px !important;
  }
}
@media (min-width: 1920px) {
  .maxh2 {
    max-height: 16px !important;
  }
}
@media (min-width: 576px) {
  .maxh2sm {
    max-height: 4px !important;
  }
}
@media (min-width: 768px) {
  .maxh2md {
    max-height: 8px !important;
  }
}
@media (min-width: 992px) {
  .maxh2lg {
    max-height: 16px !important;
  }
}
@media (min-width: 1200px) {
  .maxh2xl {
    max-height: 16px !important;
  }
}
@media (min-width: 1920px) {
  .maxh2xxl {
    max-height: 32px !important;
  }
}

.ptb2 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.p3 {
  padding: 6px !important;
}
@media (min-width: 576px) {
  .p3 {
    padding: 6px !important;
  }
}
@media (min-width: 768px) {
  .p3 {
    padding: 12px !important;
  }
}
@media (min-width: 992px) {
  .p3 {
    padding: 24px !important;
  }
}
@media (min-width: 1200px) {
  .p3 {
    padding: 24px !important;
  }
}
@media (min-width: 1920px) {
  .p3 {
    padding: 24px !important;
  }
}
@media (min-width: 576px) {
  .p3sm {
    padding: 6px !important;
  }
}
@media (min-width: 768px) {
  .p3md {
    padding: 12px !important;
  }
}
@media (min-width: 992px) {
  .p3lg {
    padding: 24px !important;
  }
}
@media (min-width: 1200px) {
  .p3xl {
    padding: 24px !important;
  }
}
@media (min-width: 1920px) {
  .p3xxl {
    padding: 48px !important;
  }
}

.pr3 {
  padding-right: 6px !important;
}
@media (min-width: 576px) {
  .pr3 {
    padding-right: 6px !important;
  }
}
@media (min-width: 768px) {
  .pr3 {
    padding-right: 12px !important;
  }
}
@media (min-width: 992px) {
  .pr3 {
    padding-right: 24px !important;
  }
}
@media (min-width: 1200px) {
  .pr3 {
    padding-right: 24px !important;
  }
}
@media (min-width: 1920px) {
  .pr3 {
    padding-right: 24px !important;
  }
}
@media (min-width: 576px) {
  .pr3sm {
    padding-right: 6px !important;
  }
}
@media (min-width: 768px) {
  .pr3md {
    padding-right: 12px !important;
  }
}
@media (min-width: 992px) {
  .pr3lg {
    padding-right: 24px !important;
  }
}
@media (min-width: 1200px) {
  .pr3xl {
    padding-right: 24px !important;
  }
}
@media (min-width: 1920px) {
  .pr3xxl {
    padding-right: 48px !important;
  }
}

.pl3 {
  padding-left: 6px !important;
}
@media (min-width: 576px) {
  .pl3 {
    padding-left: 6px !important;
  }
}
@media (min-width: 768px) {
  .pl3 {
    padding-left: 12px !important;
  }
}
@media (min-width: 992px) {
  .pl3 {
    padding-left: 24px !important;
  }
}
@media (min-width: 1200px) {
  .pl3 {
    padding-left: 24px !important;
  }
}
@media (min-width: 1920px) {
  .pl3 {
    padding-left: 24px !important;
  }
}
@media (min-width: 576px) {
  .pl3sm {
    padding-left: 6px !important;
  }
}
@media (min-width: 768px) {
  .pl3md {
    padding-left: 12px !important;
  }
}
@media (min-width: 992px) {
  .pl3lg {
    padding-left: 24px !important;
  }
}
@media (min-width: 1200px) {
  .pl3xl {
    padding-left: 24px !important;
  }
}
@media (min-width: 1920px) {
  .pl3xxl {
    padding-left: 48px !important;
  }
}

.pb3 {
  padding-bottom: 6px !important;
}
@media (min-width: 576px) {
  .pb3 {
    padding-bottom: 6px !important;
  }
}
@media (min-width: 768px) {
  .pb3 {
    padding-bottom: 12px !important;
  }
}
@media (min-width: 992px) {
  .pb3 {
    padding-bottom: 24px !important;
  }
}
@media (min-width: 1200px) {
  .pb3 {
    padding-bottom: 24px !important;
  }
}
@media (min-width: 1920px) {
  .pb3 {
    padding-bottom: 24px !important;
  }
}
@media (min-width: 576px) {
  .pb3sm {
    padding-bottom: 6px !important;
  }
}
@media (min-width: 768px) {
  .pb3md {
    padding-bottom: 12px !important;
  }
}
@media (min-width: 992px) {
  .pb3lg {
    padding-bottom: 24px !important;
  }
}
@media (min-width: 1200px) {
  .pb3xl {
    padding-bottom: 24px !important;
  }
}
@media (min-width: 1920px) {
  .pb3xxl {
    padding-bottom: 48px !important;
  }
}

.pt3 {
  padding-top: 6px !important;
}
@media (min-width: 576px) {
  .pt3 {
    padding-top: 6px !important;
  }
}
@media (min-width: 768px) {
  .pt3 {
    padding-top: 12px !important;
  }
}
@media (min-width: 992px) {
  .pt3 {
    padding-top: 24px !important;
  }
}
@media (min-width: 1200px) {
  .pt3 {
    padding-top: 24px !important;
  }
}
@media (min-width: 1920px) {
  .pt3 {
    padding-top: 24px !important;
  }
}
@media (min-width: 576px) {
  .pt3sm {
    padding-top: 6px !important;
  }
}
@media (min-width: 768px) {
  .pt3md {
    padding-top: 12px !important;
  }
}
@media (min-width: 992px) {
  .pt3lg {
    padding-top: 24px !important;
  }
}
@media (min-width: 1200px) {
  .pt3xl {
    padding-top: 24px !important;
  }
}
@media (min-width: 1920px) {
  .pt3xxl {
    padding-top: 48px !important;
  }
}

.mr3 {
  margin-right: 6px !important;
}
@media (min-width: 576px) {
  .mr3 {
    margin-right: 6px !important;
  }
}
@media (min-width: 768px) {
  .mr3 {
    margin-right: 12px !important;
  }
}
@media (min-width: 992px) {
  .mr3 {
    margin-right: 24px !important;
  }
}
@media (min-width: 1200px) {
  .mr3 {
    margin-right: 24px !important;
  }
}
@media (min-width: 1920px) {
  .mr3 {
    margin-right: 24px !important;
  }
}
@media (min-width: 576px) {
  .mr3sm {
    margin-right: 6px !important;
  }
}
@media (min-width: 768px) {
  .mr3md {
    margin-right: 12px !important;
  }
}
@media (min-width: 992px) {
  .mr3lg {
    margin-right: 24px !important;
  }
}
@media (min-width: 1200px) {
  .mr3xl {
    margin-right: 24px !important;
  }
}
@media (min-width: 1920px) {
  .mr3xxl {
    margin-right: 48px !important;
  }
}

.ml3 {
  margin-left: 6px !important;
}
@media (min-width: 576px) {
  .ml3 {
    margin-left: 6px !important;
  }
}
@media (min-width: 768px) {
  .ml3 {
    margin-left: 12px !important;
  }
}
@media (min-width: 992px) {
  .ml3 {
    margin-left: 24px !important;
  }
}
@media (min-width: 1200px) {
  .ml3 {
    margin-left: 24px !important;
  }
}
@media (min-width: 1920px) {
  .ml3 {
    margin-left: 24px !important;
  }
}
@media (min-width: 576px) {
  .ml3sm {
    margin-left: 6px !important;
  }
}
@media (min-width: 768px) {
  .ml3md {
    margin-left: 12px !important;
  }
}
@media (min-width: 992px) {
  .ml3lg {
    margin-left: 24px !important;
  }
}
@media (min-width: 1200px) {
  .ml3xl {
    margin-left: 24px !important;
  }
}
@media (min-width: 1920px) {
  .ml3xxl {
    margin-left: 48px !important;
  }
}

.mb3 {
  margin-bottom: 6px !important;
}
@media (min-width: 576px) {
  .mb3 {
    margin-bottom: 6px !important;
  }
}
@media (min-width: 768px) {
  .mb3 {
    margin-bottom: 12px !important;
  }
}
@media (min-width: 992px) {
  .mb3 {
    margin-bottom: 24px !important;
  }
}
@media (min-width: 1200px) {
  .mb3 {
    margin-bottom: 24px !important;
  }
}
@media (min-width: 1920px) {
  .mb3 {
    margin-bottom: 24px !important;
  }
}
@media (min-width: 576px) {
  .mb3sm {
    margin-bottom: 6px !important;
  }
}
@media (min-width: 768px) {
  .mb3md {
    margin-bottom: 12px !important;
  }
}
@media (min-width: 992px) {
  .mb3lg {
    margin-bottom: 24px !important;
  }
}
@media (min-width: 1200px) {
  .mb3xl {
    margin-bottom: 24px !important;
  }
}
@media (min-width: 1920px) {
  .mb3xxl {
    margin-bottom: 48px !important;
  }
}

.mt3 {
  margin-top: 6px !important;
}
@media (min-width: 576px) {
  .mt3 {
    margin-top: 6px !important;
  }
}
@media (min-width: 768px) {
  .mt3 {
    margin-top: 12px !important;
  }
}
@media (min-width: 992px) {
  .mt3 {
    margin-top: 24px !important;
  }
}
@media (min-width: 1200px) {
  .mt3 {
    margin-top: 24px !important;
  }
}
@media (min-width: 1920px) {
  .mt3 {
    margin-top: 24px !important;
  }
}
@media (min-width: 576px) {
  .mt3sm {
    margin-top: 6px !important;
  }
}
@media (min-width: 768px) {
  .mt3md {
    margin-top: 12px !important;
  }
}
@media (min-width: 992px) {
  .mt3lg {
    margin-top: 24px !important;
  }
}
@media (min-width: 1200px) {
  .mt3xl {
    margin-top: 24px !important;
  }
}
@media (min-width: 1920px) {
  .mt3xxl {
    margin-top: 48px !important;
  }
}

.minh3 {
  min-height: 6px !important;
}
@media (min-width: 576px) {
  .minh3 {
    min-height: 6px !important;
  }
}
@media (min-width: 768px) {
  .minh3 {
    min-height: 12px !important;
  }
}
@media (min-width: 992px) {
  .minh3 {
    min-height: 24px !important;
  }
}
@media (min-width: 1200px) {
  .minh3 {
    min-height: 24px !important;
  }
}
@media (min-width: 1920px) {
  .minh3 {
    min-height: 24px !important;
  }
}
@media (min-width: 576px) {
  .minh3sm {
    min-height: 6px !important;
  }
}
@media (min-width: 768px) {
  .minh3md {
    min-height: 12px !important;
  }
}
@media (min-width: 992px) {
  .minh3lg {
    min-height: 24px !important;
  }
}
@media (min-width: 1200px) {
  .minh3xl {
    min-height: 24px !important;
  }
}
@media (min-width: 1920px) {
  .minh3xxl {
    min-height: 48px !important;
  }
}

.maxh3 {
  max-height: 6px !important;
}
@media (min-width: 576px) {
  .maxh3 {
    max-height: 6px !important;
  }
}
@media (min-width: 768px) {
  .maxh3 {
    max-height: 12px !important;
  }
}
@media (min-width: 992px) {
  .maxh3 {
    max-height: 24px !important;
  }
}
@media (min-width: 1200px) {
  .maxh3 {
    max-height: 24px !important;
  }
}
@media (min-width: 1920px) {
  .maxh3 {
    max-height: 24px !important;
  }
}
@media (min-width: 576px) {
  .maxh3sm {
    max-height: 6px !important;
  }
}
@media (min-width: 768px) {
  .maxh3md {
    max-height: 12px !important;
  }
}
@media (min-width: 992px) {
  .maxh3lg {
    max-height: 24px !important;
  }
}
@media (min-width: 1200px) {
  .maxh3xl {
    max-height: 24px !important;
  }
}
@media (min-width: 1920px) {
  .maxh3xxl {
    max-height: 48px !important;
  }
}

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

.p4 {
  padding: 8px !important;
}
@media (min-width: 576px) {
  .p4 {
    padding: 8px !important;
  }
}
@media (min-width: 768px) {
  .p4 {
    padding: 16px !important;
  }
}
@media (min-width: 992px) {
  .p4 {
    padding: 32px !important;
  }
}
@media (min-width: 1200px) {
  .p4 {
    padding: 32px !important;
  }
}
@media (min-width: 1920px) {
  .p4 {
    padding: 32px !important;
  }
}
@media (min-width: 576px) {
  .p4sm {
    padding: 8px !important;
  }
}
@media (min-width: 768px) {
  .p4md {
    padding: 16px !important;
  }
}
@media (min-width: 992px) {
  .p4lg {
    padding: 32px !important;
  }
}
@media (min-width: 1200px) {
  .p4xl {
    padding: 32px !important;
  }
}
@media (min-width: 1920px) {
  .p4xxl {
    padding: 64px !important;
  }
}

.pr4 {
  padding-right: 8px !important;
}
@media (min-width: 576px) {
  .pr4 {
    padding-right: 8px !important;
  }
}
@media (min-width: 768px) {
  .pr4 {
    padding-right: 16px !important;
  }
}
@media (min-width: 992px) {
  .pr4 {
    padding-right: 32px !important;
  }
}
@media (min-width: 1200px) {
  .pr4 {
    padding-right: 32px !important;
  }
}
@media (min-width: 1920px) {
  .pr4 {
    padding-right: 32px !important;
  }
}
@media (min-width: 576px) {
  .pr4sm {
    padding-right: 8px !important;
  }
}
@media (min-width: 768px) {
  .pr4md {
    padding-right: 16px !important;
  }
}
@media (min-width: 992px) {
  .pr4lg {
    padding-right: 32px !important;
  }
}
@media (min-width: 1200px) {
  .pr4xl {
    padding-right: 32px !important;
  }
}
@media (min-width: 1920px) {
  .pr4xxl {
    padding-right: 64px !important;
  }
}

.pl4 {
  padding-left: 8px !important;
}
@media (min-width: 576px) {
  .pl4 {
    padding-left: 8px !important;
  }
}
@media (min-width: 768px) {
  .pl4 {
    padding-left: 16px !important;
  }
}
@media (min-width: 992px) {
  .pl4 {
    padding-left: 32px !important;
  }
}
@media (min-width: 1200px) {
  .pl4 {
    padding-left: 32px !important;
  }
}
@media (min-width: 1920px) {
  .pl4 {
    padding-left: 32px !important;
  }
}
@media (min-width: 576px) {
  .pl4sm {
    padding-left: 8px !important;
  }
}
@media (min-width: 768px) {
  .pl4md {
    padding-left: 16px !important;
  }
}
@media (min-width: 992px) {
  .pl4lg {
    padding-left: 32px !important;
  }
}
@media (min-width: 1200px) {
  .pl4xl {
    padding-left: 32px !important;
  }
}
@media (min-width: 1920px) {
  .pl4xxl {
    padding-left: 64px !important;
  }
}

.pb4 {
  padding-bottom: 8px !important;
}
@media (min-width: 576px) {
  .pb4 {
    padding-bottom: 8px !important;
  }
}
@media (min-width: 768px) {
  .pb4 {
    padding-bottom: 16px !important;
  }
}
@media (min-width: 992px) {
  .pb4 {
    padding-bottom: 32px !important;
  }
}
@media (min-width: 1200px) {
  .pb4 {
    padding-bottom: 32px !important;
  }
}
@media (min-width: 1920px) {
  .pb4 {
    padding-bottom: 32px !important;
  }
}
@media (min-width: 576px) {
  .pb4sm {
    padding-bottom: 8px !important;
  }
}
@media (min-width: 768px) {
  .pb4md {
    padding-bottom: 16px !important;
  }
}
@media (min-width: 992px) {
  .pb4lg {
    padding-bottom: 32px !important;
  }
}
@media (min-width: 1200px) {
  .pb4xl {
    padding-bottom: 32px !important;
  }
}
@media (min-width: 1920px) {
  .pb4xxl {
    padding-bottom: 64px !important;
  }
}

.pt4 {
  padding-top: 8px !important;
}
@media (min-width: 576px) {
  .pt4 {
    padding-top: 8px !important;
  }
}
@media (min-width: 768px) {
  .pt4 {
    padding-top: 16px !important;
  }
}
@media (min-width: 992px) {
  .pt4 {
    padding-top: 32px !important;
  }
}
@media (min-width: 1200px) {
  .pt4 {
    padding-top: 32px !important;
  }
}
@media (min-width: 1920px) {
  .pt4 {
    padding-top: 32px !important;
  }
}
@media (min-width: 576px) {
  .pt4sm {
    padding-top: 8px !important;
  }
}
@media (min-width: 768px) {
  .pt4md {
    padding-top: 16px !important;
  }
}
@media (min-width: 992px) {
  .pt4lg {
    padding-top: 32px !important;
  }
}
@media (min-width: 1200px) {
  .pt4xl {
    padding-top: 32px !important;
  }
}
@media (min-width: 1920px) {
  .pt4xxl {
    padding-top: 64px !important;
  }
}

.mr4 {
  margin-right: 8px !important;
}
@media (min-width: 576px) {
  .mr4 {
    margin-right: 8px !important;
  }
}
@media (min-width: 768px) {
  .mr4 {
    margin-right: 16px !important;
  }
}
@media (min-width: 992px) {
  .mr4 {
    margin-right: 32px !important;
  }
}
@media (min-width: 1200px) {
  .mr4 {
    margin-right: 32px !important;
  }
}
@media (min-width: 1920px) {
  .mr4 {
    margin-right: 32px !important;
  }
}
@media (min-width: 576px) {
  .mr4sm {
    margin-right: 8px !important;
  }
}
@media (min-width: 768px) {
  .mr4md {
    margin-right: 16px !important;
  }
}
@media (min-width: 992px) {
  .mr4lg {
    margin-right: 32px !important;
  }
}
@media (min-width: 1200px) {
  .mr4xl {
    margin-right: 32px !important;
  }
}
@media (min-width: 1920px) {
  .mr4xxl {
    margin-right: 64px !important;
  }
}

.ml4 {
  margin-left: 8px !important;
}
@media (min-width: 576px) {
  .ml4 {
    margin-left: 8px !important;
  }
}
@media (min-width: 768px) {
  .ml4 {
    margin-left: 16px !important;
  }
}
@media (min-width: 992px) {
  .ml4 {
    margin-left: 32px !important;
  }
}
@media (min-width: 1200px) {
  .ml4 {
    margin-left: 32px !important;
  }
}
@media (min-width: 1920px) {
  .ml4 {
    margin-left: 32px !important;
  }
}
@media (min-width: 576px) {
  .ml4sm {
    margin-left: 8px !important;
  }
}
@media (min-width: 768px) {
  .ml4md {
    margin-left: 16px !important;
  }
}
@media (min-width: 992px) {
  .ml4lg {
    margin-left: 32px !important;
  }
}
@media (min-width: 1200px) {
  .ml4xl {
    margin-left: 32px !important;
  }
}
@media (min-width: 1920px) {
  .ml4xxl {
    margin-left: 64px !important;
  }
}

.mb4 {
  margin-bottom: 8px !important;
}
@media (min-width: 576px) {
  .mb4 {
    margin-bottom: 8px !important;
  }
}
@media (min-width: 768px) {
  .mb4 {
    margin-bottom: 16px !important;
  }
}
@media (min-width: 992px) {
  .mb4 {
    margin-bottom: 32px !important;
  }
}
@media (min-width: 1200px) {
  .mb4 {
    margin-bottom: 32px !important;
  }
}
@media (min-width: 1920px) {
  .mb4 {
    margin-bottom: 32px !important;
  }
}
@media (min-width: 576px) {
  .mb4sm {
    margin-bottom: 8px !important;
  }
}
@media (min-width: 768px) {
  .mb4md {
    margin-bottom: 16px !important;
  }
}
@media (min-width: 992px) {
  .mb4lg {
    margin-bottom: 32px !important;
  }
}
@media (min-width: 1200px) {
  .mb4xl {
    margin-bottom: 32px !important;
  }
}
@media (min-width: 1920px) {
  .mb4xxl {
    margin-bottom: 64px !important;
  }
}

.mt4 {
  margin-top: 8px !important;
}
@media (min-width: 576px) {
  .mt4 {
    margin-top: 8px !important;
  }
}
@media (min-width: 768px) {
  .mt4 {
    margin-top: 16px !important;
  }
}
@media (min-width: 992px) {
  .mt4 {
    margin-top: 32px !important;
  }
}
@media (min-width: 1200px) {
  .mt4 {
    margin-top: 32px !important;
  }
}
@media (min-width: 1920px) {
  .mt4 {
    margin-top: 32px !important;
  }
}
@media (min-width: 576px) {
  .mt4sm {
    margin-top: 8px !important;
  }
}
@media (min-width: 768px) {
  .mt4md {
    margin-top: 16px !important;
  }
}
@media (min-width: 992px) {
  .mt4lg {
    margin-top: 32px !important;
  }
}
@media (min-width: 1200px) {
  .mt4xl {
    margin-top: 32px !important;
  }
}
@media (min-width: 1920px) {
  .mt4xxl {
    margin-top: 64px !important;
  }
}

.minh4 {
  min-height: 8px !important;
}
@media (min-width: 576px) {
  .minh4 {
    min-height: 8px !important;
  }
}
@media (min-width: 768px) {
  .minh4 {
    min-height: 16px !important;
  }
}
@media (min-width: 992px) {
  .minh4 {
    min-height: 32px !important;
  }
}
@media (min-width: 1200px) {
  .minh4 {
    min-height: 32px !important;
  }
}
@media (min-width: 1920px) {
  .minh4 {
    min-height: 32px !important;
  }
}
@media (min-width: 576px) {
  .minh4sm {
    min-height: 8px !important;
  }
}
@media (min-width: 768px) {
  .minh4md {
    min-height: 16px !important;
  }
}
@media (min-width: 992px) {
  .minh4lg {
    min-height: 32px !important;
  }
}
@media (min-width: 1200px) {
  .minh4xl {
    min-height: 32px !important;
  }
}
@media (min-width: 1920px) {
  .minh4xxl {
    min-height: 64px !important;
  }
}

.maxh4 {
  max-height: 8px !important;
}
@media (min-width: 576px) {
  .maxh4 {
    max-height: 8px !important;
  }
}
@media (min-width: 768px) {
  .maxh4 {
    max-height: 16px !important;
  }
}
@media (min-width: 992px) {
  .maxh4 {
    max-height: 32px !important;
  }
}
@media (min-width: 1200px) {
  .maxh4 {
    max-height: 32px !important;
  }
}
@media (min-width: 1920px) {
  .maxh4 {
    max-height: 32px !important;
  }
}
@media (min-width: 576px) {
  .maxh4sm {
    max-height: 8px !important;
  }
}
@media (min-width: 768px) {
  .maxh4md {
    max-height: 16px !important;
  }
}
@media (min-width: 992px) {
  .maxh4lg {
    max-height: 32px !important;
  }
}
@media (min-width: 1200px) {
  .maxh4xl {
    max-height: 32px !important;
  }
}
@media (min-width: 1920px) {
  .maxh4xxl {
    max-height: 64px !important;
  }
}

.ptb4 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.p5 {
  padding: 10px !important;
}
@media (min-width: 576px) {
  .p5 {
    padding: 10px !important;
  }
}
@media (min-width: 768px) {
  .p5 {
    padding: 20px !important;
  }
}
@media (min-width: 992px) {
  .p5 {
    padding: 40px !important;
  }
}
@media (min-width: 1200px) {
  .p5 {
    padding: 40px !important;
  }
}
@media (min-width: 1920px) {
  .p5 {
    padding: 40px !important;
  }
}
@media (min-width: 576px) {
  .p5sm {
    padding: 10px !important;
  }
}
@media (min-width: 768px) {
  .p5md {
    padding: 20px !important;
  }
}
@media (min-width: 992px) {
  .p5lg {
    padding: 40px !important;
  }
}
@media (min-width: 1200px) {
  .p5xl {
    padding: 40px !important;
  }
}
@media (min-width: 1920px) {
  .p5xxl {
    padding: 80px !important;
  }
}

.pr5 {
  padding-right: 10px !important;
}
@media (min-width: 576px) {
  .pr5 {
    padding-right: 10px !important;
  }
}
@media (min-width: 768px) {
  .pr5 {
    padding-right: 20px !important;
  }
}
@media (min-width: 992px) {
  .pr5 {
    padding-right: 40px !important;
  }
}
@media (min-width: 1200px) {
  .pr5 {
    padding-right: 40px !important;
  }
}
@media (min-width: 1920px) {
  .pr5 {
    padding-right: 40px !important;
  }
}
@media (min-width: 576px) {
  .pr5sm {
    padding-right: 10px !important;
  }
}
@media (min-width: 768px) {
  .pr5md {
    padding-right: 20px !important;
  }
}
@media (min-width: 992px) {
  .pr5lg {
    padding-right: 40px !important;
  }
}
@media (min-width: 1200px) {
  .pr5xl {
    padding-right: 40px !important;
  }
}
@media (min-width: 1920px) {
  .pr5xxl {
    padding-right: 80px !important;
  }
}

.pl5 {
  padding-left: 10px !important;
}
@media (min-width: 576px) {
  .pl5 {
    padding-left: 10px !important;
  }
}
@media (min-width: 768px) {
  .pl5 {
    padding-left: 20px !important;
  }
}
@media (min-width: 992px) {
  .pl5 {
    padding-left: 40px !important;
  }
}
@media (min-width: 1200px) {
  .pl5 {
    padding-left: 40px !important;
  }
}
@media (min-width: 1920px) {
  .pl5 {
    padding-left: 40px !important;
  }
}
@media (min-width: 576px) {
  .pl5sm {
    padding-left: 10px !important;
  }
}
@media (min-width: 768px) {
  .pl5md {
    padding-left: 20px !important;
  }
}
@media (min-width: 992px) {
  .pl5lg {
    padding-left: 40px !important;
  }
}
@media (min-width: 1200px) {
  .pl5xl {
    padding-left: 40px !important;
  }
}
@media (min-width: 1920px) {
  .pl5xxl {
    padding-left: 80px !important;
  }
}

.pb5 {
  padding-bottom: 10px !important;
}
@media (min-width: 576px) {
  .pb5 {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 768px) {
  .pb5 {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 992px) {
  .pb5 {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 1200px) {
  .pb5 {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 1920px) {
  .pb5 {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 576px) {
  .pb5sm {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 768px) {
  .pb5md {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 992px) {
  .pb5lg {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 1200px) {
  .pb5xl {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 1920px) {
  .pb5xxl {
    padding-bottom: 80px !important;
  }
}

.pt5 {
  padding-top: 10px !important;
}
@media (min-width: 576px) {
  .pt5 {
    padding-top: 10px !important;
  }
}
@media (min-width: 768px) {
  .pt5 {
    padding-top: 20px !important;
  }
}
@media (min-width: 992px) {
  .pt5 {
    padding-top: 40px !important;
  }
}
@media (min-width: 1200px) {
  .pt5 {
    padding-top: 40px !important;
  }
}
@media (min-width: 1920px) {
  .pt5 {
    padding-top: 40px !important;
  }
}
@media (min-width: 576px) {
  .pt5sm {
    padding-top: 10px !important;
  }
}
@media (min-width: 768px) {
  .pt5md {
    padding-top: 20px !important;
  }
}
@media (min-width: 992px) {
  .pt5lg {
    padding-top: 40px !important;
  }
}
@media (min-width: 1200px) {
  .pt5xl {
    padding-top: 40px !important;
  }
}
@media (min-width: 1920px) {
  .pt5xxl {
    padding-top: 80px !important;
  }
}

.mr5 {
  margin-right: 10px !important;
}
@media (min-width: 576px) {
  .mr5 {
    margin-right: 10px !important;
  }
}
@media (min-width: 768px) {
  .mr5 {
    margin-right: 20px !important;
  }
}
@media (min-width: 992px) {
  .mr5 {
    margin-right: 40px !important;
  }
}
@media (min-width: 1200px) {
  .mr5 {
    margin-right: 40px !important;
  }
}
@media (min-width: 1920px) {
  .mr5 {
    margin-right: 40px !important;
  }
}
@media (min-width: 576px) {
  .mr5sm {
    margin-right: 10px !important;
  }
}
@media (min-width: 768px) {
  .mr5md {
    margin-right: 20px !important;
  }
}
@media (min-width: 992px) {
  .mr5lg {
    margin-right: 40px !important;
  }
}
@media (min-width: 1200px) {
  .mr5xl {
    margin-right: 40px !important;
  }
}
@media (min-width: 1920px) {
  .mr5xxl {
    margin-right: 80px !important;
  }
}

.ml5 {
  margin-left: 10px !important;
}
@media (min-width: 576px) {
  .ml5 {
    margin-left: 10px !important;
  }
}
@media (min-width: 768px) {
  .ml5 {
    margin-left: 20px !important;
  }
}
@media (min-width: 992px) {
  .ml5 {
    margin-left: 40px !important;
  }
}
@media (min-width: 1200px) {
  .ml5 {
    margin-left: 40px !important;
  }
}
@media (min-width: 1920px) {
  .ml5 {
    margin-left: 40px !important;
  }
}
@media (min-width: 576px) {
  .ml5sm {
    margin-left: 10px !important;
  }
}
@media (min-width: 768px) {
  .ml5md {
    margin-left: 20px !important;
  }
}
@media (min-width: 992px) {
  .ml5lg {
    margin-left: 40px !important;
  }
}
@media (min-width: 1200px) {
  .ml5xl {
    margin-left: 40px !important;
  }
}
@media (min-width: 1920px) {
  .ml5xxl {
    margin-left: 80px !important;
  }
}

.mb5 {
  margin-bottom: 10px !important;
}
@media (min-width: 576px) {
  .mb5 {
    margin-bottom: 10px !important;
  }
}
@media (min-width: 768px) {
  .mb5 {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 992px) {
  .mb5 {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 1200px) {
  .mb5 {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 1920px) {
  .mb5 {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 576px) {
  .mb5sm {
    margin-bottom: 10px !important;
  }
}
@media (min-width: 768px) {
  .mb5md {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 992px) {
  .mb5lg {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 1200px) {
  .mb5xl {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 1920px) {
  .mb5xxl {
    margin-bottom: 80px !important;
  }
}

.mt5 {
  margin-top: 10px !important;
}
@media (min-width: 576px) {
  .mt5 {
    margin-top: 10px !important;
  }
}
@media (min-width: 768px) {
  .mt5 {
    margin-top: 20px !important;
  }
}
@media (min-width: 992px) {
  .mt5 {
    margin-top: 40px !important;
  }
}
@media (min-width: 1200px) {
  .mt5 {
    margin-top: 40px !important;
  }
}
@media (min-width: 1920px) {
  .mt5 {
    margin-top: 40px !important;
  }
}
@media (min-width: 576px) {
  .mt5sm {
    margin-top: 10px !important;
  }
}
@media (min-width: 768px) {
  .mt5md {
    margin-top: 20px !important;
  }
}
@media (min-width: 992px) {
  .mt5lg {
    margin-top: 40px !important;
  }
}
@media (min-width: 1200px) {
  .mt5xl {
    margin-top: 40px !important;
  }
}
@media (min-width: 1920px) {
  .mt5xxl {
    margin-top: 80px !important;
  }
}

.minh5 {
  min-height: 10px !important;
}
@media (min-width: 576px) {
  .minh5 {
    min-height: 10px !important;
  }
}
@media (min-width: 768px) {
  .minh5 {
    min-height: 20px !important;
  }
}
@media (min-width: 992px) {
  .minh5 {
    min-height: 40px !important;
  }
}
@media (min-width: 1200px) {
  .minh5 {
    min-height: 40px !important;
  }
}
@media (min-width: 1920px) {
  .minh5 {
    min-height: 40px !important;
  }
}
@media (min-width: 576px) {
  .minh5sm {
    min-height: 10px !important;
  }
}
@media (min-width: 768px) {
  .minh5md {
    min-height: 20px !important;
  }
}
@media (min-width: 992px) {
  .minh5lg {
    min-height: 40px !important;
  }
}
@media (min-width: 1200px) {
  .minh5xl {
    min-height: 40px !important;
  }
}
@media (min-width: 1920px) {
  .minh5xxl {
    min-height: 80px !important;
  }
}

.maxh5 {
  max-height: 10px !important;
}
@media (min-width: 576px) {
  .maxh5 {
    max-height: 10px !important;
  }
}
@media (min-width: 768px) {
  .maxh5 {
    max-height: 20px !important;
  }
}
@media (min-width: 992px) {
  .maxh5 {
    max-height: 40px !important;
  }
}
@media (min-width: 1200px) {
  .maxh5 {
    max-height: 40px !important;
  }
}
@media (min-width: 1920px) {
  .maxh5 {
    max-height: 40px !important;
  }
}
@media (min-width: 576px) {
  .maxh5sm {
    max-height: 10px !important;
  }
}
@media (min-width: 768px) {
  .maxh5md {
    max-height: 20px !important;
  }
}
@media (min-width: 992px) {
  .maxh5lg {
    max-height: 40px !important;
  }
}
@media (min-width: 1200px) {
  .maxh5xl {
    max-height: 40px !important;
  }
}
@media (min-width: 1920px) {
  .maxh5xxl {
    max-height: 80px !important;
  }
}

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

.p6 {
  padding: 12px !important;
}
@media (min-width: 576px) {
  .p6 {
    padding: 12px !important;
  }
}
@media (min-width: 768px) {
  .p6 {
    padding: 24px !important;
  }
}
@media (min-width: 992px) {
  .p6 {
    padding: 48px !important;
  }
}
@media (min-width: 1200px) {
  .p6 {
    padding: 48px !important;
  }
}
@media (min-width: 1920px) {
  .p6 {
    padding: 48px !important;
  }
}
@media (min-width: 576px) {
  .p6sm {
    padding: 12px !important;
  }
}
@media (min-width: 768px) {
  .p6md {
    padding: 24px !important;
  }
}
@media (min-width: 992px) {
  .p6lg {
    padding: 48px !important;
  }
}
@media (min-width: 1200px) {
  .p6xl {
    padding: 48px !important;
  }
}
@media (min-width: 1920px) {
  .p6xxl {
    padding: 96px !important;
  }
}

.pr6 {
  padding-right: 12px !important;
}
@media (min-width: 576px) {
  .pr6 {
    padding-right: 12px !important;
  }
}
@media (min-width: 768px) {
  .pr6 {
    padding-right: 24px !important;
  }
}
@media (min-width: 992px) {
  .pr6 {
    padding-right: 48px !important;
  }
}
@media (min-width: 1200px) {
  .pr6 {
    padding-right: 48px !important;
  }
}
@media (min-width: 1920px) {
  .pr6 {
    padding-right: 48px !important;
  }
}
@media (min-width: 576px) {
  .pr6sm {
    padding-right: 12px !important;
  }
}
@media (min-width: 768px) {
  .pr6md {
    padding-right: 24px !important;
  }
}
@media (min-width: 992px) {
  .pr6lg {
    padding-right: 48px !important;
  }
}
@media (min-width: 1200px) {
  .pr6xl {
    padding-right: 48px !important;
  }
}
@media (min-width: 1920px) {
  .pr6xxl {
    padding-right: 96px !important;
  }
}

.pl6 {
  padding-left: 12px !important;
}
@media (min-width: 576px) {
  .pl6 {
    padding-left: 12px !important;
  }
}
@media (min-width: 768px) {
  .pl6 {
    padding-left: 24px !important;
  }
}
@media (min-width: 992px) {
  .pl6 {
    padding-left: 48px !important;
  }
}
@media (min-width: 1200px) {
  .pl6 {
    padding-left: 48px !important;
  }
}
@media (min-width: 1920px) {
  .pl6 {
    padding-left: 48px !important;
  }
}
@media (min-width: 576px) {
  .pl6sm {
    padding-left: 12px !important;
  }
}
@media (min-width: 768px) {
  .pl6md {
    padding-left: 24px !important;
  }
}
@media (min-width: 992px) {
  .pl6lg {
    padding-left: 48px !important;
  }
}
@media (min-width: 1200px) {
  .pl6xl {
    padding-left: 48px !important;
  }
}
@media (min-width: 1920px) {
  .pl6xxl {
    padding-left: 96px !important;
  }
}

.pb6 {
  padding-bottom: 12px !important;
}
@media (min-width: 576px) {
  .pb6 {
    padding-bottom: 12px !important;
  }
}
@media (min-width: 768px) {
  .pb6 {
    padding-bottom: 24px !important;
  }
}
@media (min-width: 992px) {
  .pb6 {
    padding-bottom: 48px !important;
  }
}
@media (min-width: 1200px) {
  .pb6 {
    padding-bottom: 48px !important;
  }
}
@media (min-width: 1920px) {
  .pb6 {
    padding-bottom: 48px !important;
  }
}
@media (min-width: 576px) {
  .pb6sm {
    padding-bottom: 12px !important;
  }
}
@media (min-width: 768px) {
  .pb6md {
    padding-bottom: 24px !important;
  }
}
@media (min-width: 992px) {
  .pb6lg {
    padding-bottom: 48px !important;
  }
}
@media (min-width: 1200px) {
  .pb6xl {
    padding-bottom: 48px !important;
  }
}
@media (min-width: 1920px) {
  .pb6xxl {
    padding-bottom: 96px !important;
  }
}

.pt6 {
  padding-top: 12px !important;
}
@media (min-width: 576px) {
  .pt6 {
    padding-top: 12px !important;
  }
}
@media (min-width: 768px) {
  .pt6 {
    padding-top: 24px !important;
  }
}
@media (min-width: 992px) {
  .pt6 {
    padding-top: 48px !important;
  }
}
@media (min-width: 1200px) {
  .pt6 {
    padding-top: 48px !important;
  }
}
@media (min-width: 1920px) {
  .pt6 {
    padding-top: 48px !important;
  }
}
@media (min-width: 576px) {
  .pt6sm {
    padding-top: 12px !important;
  }
}
@media (min-width: 768px) {
  .pt6md {
    padding-top: 24px !important;
  }
}
@media (min-width: 992px) {
  .pt6lg {
    padding-top: 48px !important;
  }
}
@media (min-width: 1200px) {
  .pt6xl {
    padding-top: 48px !important;
  }
}
@media (min-width: 1920px) {
  .pt6xxl {
    padding-top: 96px !important;
  }
}

.mr6 {
  margin-right: 12px !important;
}
@media (min-width: 576px) {
  .mr6 {
    margin-right: 12px !important;
  }
}
@media (min-width: 768px) {
  .mr6 {
    margin-right: 24px !important;
  }
}
@media (min-width: 992px) {
  .mr6 {
    margin-right: 48px !important;
  }
}
@media (min-width: 1200px) {
  .mr6 {
    margin-right: 48px !important;
  }
}
@media (min-width: 1920px) {
  .mr6 {
    margin-right: 48px !important;
  }
}
@media (min-width: 576px) {
  .mr6sm {
    margin-right: 12px !important;
  }
}
@media (min-width: 768px) {
  .mr6md {
    margin-right: 24px !important;
  }
}
@media (min-width: 992px) {
  .mr6lg {
    margin-right: 48px !important;
  }
}
@media (min-width: 1200px) {
  .mr6xl {
    margin-right: 48px !important;
  }
}
@media (min-width: 1920px) {
  .mr6xxl {
    margin-right: 96px !important;
  }
}

.ml6 {
  margin-left: 12px !important;
}
@media (min-width: 576px) {
  .ml6 {
    margin-left: 12px !important;
  }
}
@media (min-width: 768px) {
  .ml6 {
    margin-left: 24px !important;
  }
}
@media (min-width: 992px) {
  .ml6 {
    margin-left: 48px !important;
  }
}
@media (min-width: 1200px) {
  .ml6 {
    margin-left: 48px !important;
  }
}
@media (min-width: 1920px) {
  .ml6 {
    margin-left: 48px !important;
  }
}
@media (min-width: 576px) {
  .ml6sm {
    margin-left: 12px !important;
  }
}
@media (min-width: 768px) {
  .ml6md {
    margin-left: 24px !important;
  }
}
@media (min-width: 992px) {
  .ml6lg {
    margin-left: 48px !important;
  }
}
@media (min-width: 1200px) {
  .ml6xl {
    margin-left: 48px !important;
  }
}
@media (min-width: 1920px) {
  .ml6xxl {
    margin-left: 96px !important;
  }
}

.mb6 {
  margin-bottom: 12px !important;
}
@media (min-width: 576px) {
  .mb6 {
    margin-bottom: 12px !important;
  }
}
@media (min-width: 768px) {
  .mb6 {
    margin-bottom: 24px !important;
  }
}
@media (min-width: 992px) {
  .mb6 {
    margin-bottom: 48px !important;
  }
}
@media (min-width: 1200px) {
  .mb6 {
    margin-bottom: 48px !important;
  }
}
@media (min-width: 1920px) {
  .mb6 {
    margin-bottom: 48px !important;
  }
}
@media (min-width: 576px) {
  .mb6sm {
    margin-bottom: 12px !important;
  }
}
@media (min-width: 768px) {
  .mb6md {
    margin-bottom: 24px !important;
  }
}
@media (min-width: 992px) {
  .mb6lg {
    margin-bottom: 48px !important;
  }
}
@media (min-width: 1200px) {
  .mb6xl {
    margin-bottom: 48px !important;
  }
}
@media (min-width: 1920px) {
  .mb6xxl {
    margin-bottom: 96px !important;
  }
}

.mt6 {
  margin-top: 12px !important;
}
@media (min-width: 576px) {
  .mt6 {
    margin-top: 12px !important;
  }
}
@media (min-width: 768px) {
  .mt6 {
    margin-top: 24px !important;
  }
}
@media (min-width: 992px) {
  .mt6 {
    margin-top: 48px !important;
  }
}
@media (min-width: 1200px) {
  .mt6 {
    margin-top: 48px !important;
  }
}
@media (min-width: 1920px) {
  .mt6 {
    margin-top: 48px !important;
  }
}
@media (min-width: 576px) {
  .mt6sm {
    margin-top: 12px !important;
  }
}
@media (min-width: 768px) {
  .mt6md {
    margin-top: 24px !important;
  }
}
@media (min-width: 992px) {
  .mt6lg {
    margin-top: 48px !important;
  }
}
@media (min-width: 1200px) {
  .mt6xl {
    margin-top: 48px !important;
  }
}
@media (min-width: 1920px) {
  .mt6xxl {
    margin-top: 96px !important;
  }
}

.minh6 {
  min-height: 12px !important;
}
@media (min-width: 576px) {
  .minh6 {
    min-height: 12px !important;
  }
}
@media (min-width: 768px) {
  .minh6 {
    min-height: 24px !important;
  }
}
@media (min-width: 992px) {
  .minh6 {
    min-height: 48px !important;
  }
}
@media (min-width: 1200px) {
  .minh6 {
    min-height: 48px !important;
  }
}
@media (min-width: 1920px) {
  .minh6 {
    min-height: 48px !important;
  }
}
@media (min-width: 576px) {
  .minh6sm {
    min-height: 12px !important;
  }
}
@media (min-width: 768px) {
  .minh6md {
    min-height: 24px !important;
  }
}
@media (min-width: 992px) {
  .minh6lg {
    min-height: 48px !important;
  }
}
@media (min-width: 1200px) {
  .minh6xl {
    min-height: 48px !important;
  }
}
@media (min-width: 1920px) {
  .minh6xxl {
    min-height: 96px !important;
  }
}

.maxh6 {
  max-height: 12px !important;
}
@media (min-width: 576px) {
  .maxh6 {
    max-height: 12px !important;
  }
}
@media (min-width: 768px) {
  .maxh6 {
    max-height: 24px !important;
  }
}
@media (min-width: 992px) {
  .maxh6 {
    max-height: 48px !important;
  }
}
@media (min-width: 1200px) {
  .maxh6 {
    max-height: 48px !important;
  }
}
@media (min-width: 1920px) {
  .maxh6 {
    max-height: 48px !important;
  }
}
@media (min-width: 576px) {
  .maxh6sm {
    max-height: 12px !important;
  }
}
@media (min-width: 768px) {
  .maxh6md {
    max-height: 24px !important;
  }
}
@media (min-width: 992px) {
  .maxh6lg {
    max-height: 48px !important;
  }
}
@media (min-width: 1200px) {
  .maxh6xl {
    max-height: 48px !important;
  }
}
@media (min-width: 1920px) {
  .maxh6xxl {
    max-height: 96px !important;
  }
}

.ptb6 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.p7 {
  padding: 14px !important;
}
@media (min-width: 576px) {
  .p7 {
    padding: 14px !important;
  }
}
@media (min-width: 768px) {
  .p7 {
    padding: 28px !important;
  }
}
@media (min-width: 992px) {
  .p7 {
    padding: 56px !important;
  }
}
@media (min-width: 1200px) {
  .p7 {
    padding: 56px !important;
  }
}
@media (min-width: 1920px) {
  .p7 {
    padding: 56px !important;
  }
}
@media (min-width: 576px) {
  .p7sm {
    padding: 14px !important;
  }
}
@media (min-width: 768px) {
  .p7md {
    padding: 28px !important;
  }
}
@media (min-width: 992px) {
  .p7lg {
    padding: 56px !important;
  }
}
@media (min-width: 1200px) {
  .p7xl {
    padding: 56px !important;
  }
}
@media (min-width: 1920px) {
  .p7xxl {
    padding: 112px !important;
  }
}

.pr7 {
  padding-right: 14px !important;
}
@media (min-width: 576px) {
  .pr7 {
    padding-right: 14px !important;
  }
}
@media (min-width: 768px) {
  .pr7 {
    padding-right: 28px !important;
  }
}
@media (min-width: 992px) {
  .pr7 {
    padding-right: 56px !important;
  }
}
@media (min-width: 1200px) {
  .pr7 {
    padding-right: 56px !important;
  }
}
@media (min-width: 1920px) {
  .pr7 {
    padding-right: 56px !important;
  }
}
@media (min-width: 576px) {
  .pr7sm {
    padding-right: 14px !important;
  }
}
@media (min-width: 768px) {
  .pr7md {
    padding-right: 28px !important;
  }
}
@media (min-width: 992px) {
  .pr7lg {
    padding-right: 56px !important;
  }
}
@media (min-width: 1200px) {
  .pr7xl {
    padding-right: 56px !important;
  }
}
@media (min-width: 1920px) {
  .pr7xxl {
    padding-right: 112px !important;
  }
}

.pl7 {
  padding-left: 14px !important;
}
@media (min-width: 576px) {
  .pl7 {
    padding-left: 14px !important;
  }
}
@media (min-width: 768px) {
  .pl7 {
    padding-left: 28px !important;
  }
}
@media (min-width: 992px) {
  .pl7 {
    padding-left: 56px !important;
  }
}
@media (min-width: 1200px) {
  .pl7 {
    padding-left: 56px !important;
  }
}
@media (min-width: 1920px) {
  .pl7 {
    padding-left: 56px !important;
  }
}
@media (min-width: 576px) {
  .pl7sm {
    padding-left: 14px !important;
  }
}
@media (min-width: 768px) {
  .pl7md {
    padding-left: 28px !important;
  }
}
@media (min-width: 992px) {
  .pl7lg {
    padding-left: 56px !important;
  }
}
@media (min-width: 1200px) {
  .pl7xl {
    padding-left: 56px !important;
  }
}
@media (min-width: 1920px) {
  .pl7xxl {
    padding-left: 112px !important;
  }
}

.pb7 {
  padding-bottom: 14px !important;
}
@media (min-width: 576px) {
  .pb7 {
    padding-bottom: 14px !important;
  }
}
@media (min-width: 768px) {
  .pb7 {
    padding-bottom: 28px !important;
  }
}
@media (min-width: 992px) {
  .pb7 {
    padding-bottom: 56px !important;
  }
}
@media (min-width: 1200px) {
  .pb7 {
    padding-bottom: 56px !important;
  }
}
@media (min-width: 1920px) {
  .pb7 {
    padding-bottom: 56px !important;
  }
}
@media (min-width: 576px) {
  .pb7sm {
    padding-bottom: 14px !important;
  }
}
@media (min-width: 768px) {
  .pb7md {
    padding-bottom: 28px !important;
  }
}
@media (min-width: 992px) {
  .pb7lg {
    padding-bottom: 56px !important;
  }
}
@media (min-width: 1200px) {
  .pb7xl {
    padding-bottom: 56px !important;
  }
}
@media (min-width: 1920px) {
  .pb7xxl {
    padding-bottom: 112px !important;
  }
}

.pt7 {
  padding-top: 14px !important;
}
@media (min-width: 576px) {
  .pt7 {
    padding-top: 14px !important;
  }
}
@media (min-width: 768px) {
  .pt7 {
    padding-top: 28px !important;
  }
}
@media (min-width: 992px) {
  .pt7 {
    padding-top: 56px !important;
  }
}
@media (min-width: 1200px) {
  .pt7 {
    padding-top: 56px !important;
  }
}
@media (min-width: 1920px) {
  .pt7 {
    padding-top: 56px !important;
  }
}
@media (min-width: 576px) {
  .pt7sm {
    padding-top: 14px !important;
  }
}
@media (min-width: 768px) {
  .pt7md {
    padding-top: 28px !important;
  }
}
@media (min-width: 992px) {
  .pt7lg {
    padding-top: 56px !important;
  }
}
@media (min-width: 1200px) {
  .pt7xl {
    padding-top: 56px !important;
  }
}
@media (min-width: 1920px) {
  .pt7xxl {
    padding-top: 112px !important;
  }
}

.mr7 {
  margin-right: 14px !important;
}
@media (min-width: 576px) {
  .mr7 {
    margin-right: 14px !important;
  }
}
@media (min-width: 768px) {
  .mr7 {
    margin-right: 28px !important;
  }
}
@media (min-width: 992px) {
  .mr7 {
    margin-right: 56px !important;
  }
}
@media (min-width: 1200px) {
  .mr7 {
    margin-right: 56px !important;
  }
}
@media (min-width: 1920px) {
  .mr7 {
    margin-right: 56px !important;
  }
}
@media (min-width: 576px) {
  .mr7sm {
    margin-right: 14px !important;
  }
}
@media (min-width: 768px) {
  .mr7md {
    margin-right: 28px !important;
  }
}
@media (min-width: 992px) {
  .mr7lg {
    margin-right: 56px !important;
  }
}
@media (min-width: 1200px) {
  .mr7xl {
    margin-right: 56px !important;
  }
}
@media (min-width: 1920px) {
  .mr7xxl {
    margin-right: 112px !important;
  }
}

.ml7 {
  margin-left: 14px !important;
}
@media (min-width: 576px) {
  .ml7 {
    margin-left: 14px !important;
  }
}
@media (min-width: 768px) {
  .ml7 {
    margin-left: 28px !important;
  }
}
@media (min-width: 992px) {
  .ml7 {
    margin-left: 56px !important;
  }
}
@media (min-width: 1200px) {
  .ml7 {
    margin-left: 56px !important;
  }
}
@media (min-width: 1920px) {
  .ml7 {
    margin-left: 56px !important;
  }
}
@media (min-width: 576px) {
  .ml7sm {
    margin-left: 14px !important;
  }
}
@media (min-width: 768px) {
  .ml7md {
    margin-left: 28px !important;
  }
}
@media (min-width: 992px) {
  .ml7lg {
    margin-left: 56px !important;
  }
}
@media (min-width: 1200px) {
  .ml7xl {
    margin-left: 56px !important;
  }
}
@media (min-width: 1920px) {
  .ml7xxl {
    margin-left: 112px !important;
  }
}

.mb7 {
  margin-bottom: 14px !important;
}
@media (min-width: 576px) {
  .mb7 {
    margin-bottom: 14px !important;
  }
}
@media (min-width: 768px) {
  .mb7 {
    margin-bottom: 28px !important;
  }
}
@media (min-width: 992px) {
  .mb7 {
    margin-bottom: 56px !important;
  }
}
@media (min-width: 1200px) {
  .mb7 {
    margin-bottom: 56px !important;
  }
}
@media (min-width: 1920px) {
  .mb7 {
    margin-bottom: 56px !important;
  }
}
@media (min-width: 576px) {
  .mb7sm {
    margin-bottom: 14px !important;
  }
}
@media (min-width: 768px) {
  .mb7md {
    margin-bottom: 28px !important;
  }
}
@media (min-width: 992px) {
  .mb7lg {
    margin-bottom: 56px !important;
  }
}
@media (min-width: 1200px) {
  .mb7xl {
    margin-bottom: 56px !important;
  }
}
@media (min-width: 1920px) {
  .mb7xxl {
    margin-bottom: 112px !important;
  }
}

.mt7 {
  margin-top: 14px !important;
}
@media (min-width: 576px) {
  .mt7 {
    margin-top: 14px !important;
  }
}
@media (min-width: 768px) {
  .mt7 {
    margin-top: 28px !important;
  }
}
@media (min-width: 992px) {
  .mt7 {
    margin-top: 56px !important;
  }
}
@media (min-width: 1200px) {
  .mt7 {
    margin-top: 56px !important;
  }
}
@media (min-width: 1920px) {
  .mt7 {
    margin-top: 56px !important;
  }
}
@media (min-width: 576px) {
  .mt7sm {
    margin-top: 14px !important;
  }
}
@media (min-width: 768px) {
  .mt7md {
    margin-top: 28px !important;
  }
}
@media (min-width: 992px) {
  .mt7lg {
    margin-top: 56px !important;
  }
}
@media (min-width: 1200px) {
  .mt7xl {
    margin-top: 56px !important;
  }
}
@media (min-width: 1920px) {
  .mt7xxl {
    margin-top: 112px !important;
  }
}

.minh7 {
  min-height: 14px !important;
}
@media (min-width: 576px) {
  .minh7 {
    min-height: 14px !important;
  }
}
@media (min-width: 768px) {
  .minh7 {
    min-height: 28px !important;
  }
}
@media (min-width: 992px) {
  .minh7 {
    min-height: 56px !important;
  }
}
@media (min-width: 1200px) {
  .minh7 {
    min-height: 56px !important;
  }
}
@media (min-width: 1920px) {
  .minh7 {
    min-height: 56px !important;
  }
}
@media (min-width: 576px) {
  .minh7sm {
    min-height: 14px !important;
  }
}
@media (min-width: 768px) {
  .minh7md {
    min-height: 28px !important;
  }
}
@media (min-width: 992px) {
  .minh7lg {
    min-height: 56px !important;
  }
}
@media (min-width: 1200px) {
  .minh7xl {
    min-height: 56px !important;
  }
}
@media (min-width: 1920px) {
  .minh7xxl {
    min-height: 112px !important;
  }
}

.maxh7 {
  max-height: 14px !important;
}
@media (min-width: 576px) {
  .maxh7 {
    max-height: 14px !important;
  }
}
@media (min-width: 768px) {
  .maxh7 {
    max-height: 28px !important;
  }
}
@media (min-width: 992px) {
  .maxh7 {
    max-height: 56px !important;
  }
}
@media (min-width: 1200px) {
  .maxh7 {
    max-height: 56px !important;
  }
}
@media (min-width: 1920px) {
  .maxh7 {
    max-height: 56px !important;
  }
}
@media (min-width: 576px) {
  .maxh7sm {
    max-height: 14px !important;
  }
}
@media (min-width: 768px) {
  .maxh7md {
    max-height: 28px !important;
  }
}
@media (min-width: 992px) {
  .maxh7lg {
    max-height: 56px !important;
  }
}
@media (min-width: 1200px) {
  .maxh7xl {
    max-height: 56px !important;
  }
}
@media (min-width: 1920px) {
  .maxh7xxl {
    max-height: 112px !important;
  }
}

.ptb7 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.p8 {
  padding: 16px !important;
}
@media (min-width: 576px) {
  .p8 {
    padding: 16px !important;
  }
}
@media (min-width: 768px) {
  .p8 {
    padding: 32px !important;
  }
}
@media (min-width: 992px) {
  .p8 {
    padding: 64px !important;
  }
}
@media (min-width: 1200px) {
  .p8 {
    padding: 64px !important;
  }
}
@media (min-width: 1920px) {
  .p8 {
    padding: 64px !important;
  }
}
@media (min-width: 576px) {
  .p8sm {
    padding: 16px !important;
  }
}
@media (min-width: 768px) {
  .p8md {
    padding: 32px !important;
  }
}
@media (min-width: 992px) {
  .p8lg {
    padding: 64px !important;
  }
}
@media (min-width: 1200px) {
  .p8xl {
    padding: 64px !important;
  }
}
@media (min-width: 1920px) {
  .p8xxl {
    padding: 128px !important;
  }
}

.pr8 {
  padding-right: 16px !important;
}
@media (min-width: 576px) {
  .pr8 {
    padding-right: 16px !important;
  }
}
@media (min-width: 768px) {
  .pr8 {
    padding-right: 32px !important;
  }
}
@media (min-width: 992px) {
  .pr8 {
    padding-right: 64px !important;
  }
}
@media (min-width: 1200px) {
  .pr8 {
    padding-right: 64px !important;
  }
}
@media (min-width: 1920px) {
  .pr8 {
    padding-right: 64px !important;
  }
}
@media (min-width: 576px) {
  .pr8sm {
    padding-right: 16px !important;
  }
}
@media (min-width: 768px) {
  .pr8md {
    padding-right: 32px !important;
  }
}
@media (min-width: 992px) {
  .pr8lg {
    padding-right: 64px !important;
  }
}
@media (min-width: 1200px) {
  .pr8xl {
    padding-right: 64px !important;
  }
}
@media (min-width: 1920px) {
  .pr8xxl {
    padding-right: 128px !important;
  }
}

.pl8 {
  padding-left: 16px !important;
}
@media (min-width: 576px) {
  .pl8 {
    padding-left: 16px !important;
  }
}
@media (min-width: 768px) {
  .pl8 {
    padding-left: 32px !important;
  }
}
@media (min-width: 992px) {
  .pl8 {
    padding-left: 64px !important;
  }
}
@media (min-width: 1200px) {
  .pl8 {
    padding-left: 64px !important;
  }
}
@media (min-width: 1920px) {
  .pl8 {
    padding-left: 64px !important;
  }
}
@media (min-width: 576px) {
  .pl8sm {
    padding-left: 16px !important;
  }
}
@media (min-width: 768px) {
  .pl8md {
    padding-left: 32px !important;
  }
}
@media (min-width: 992px) {
  .pl8lg {
    padding-left: 64px !important;
  }
}
@media (min-width: 1200px) {
  .pl8xl {
    padding-left: 64px !important;
  }
}
@media (min-width: 1920px) {
  .pl8xxl {
    padding-left: 128px !important;
  }
}

.pb8 {
  padding-bottom: 16px !important;
}
@media (min-width: 576px) {
  .pb8 {
    padding-bottom: 16px !important;
  }
}
@media (min-width: 768px) {
  .pb8 {
    padding-bottom: 32px !important;
  }
}
@media (min-width: 992px) {
  .pb8 {
    padding-bottom: 64px !important;
  }
}
@media (min-width: 1200px) {
  .pb8 {
    padding-bottom: 64px !important;
  }
}
@media (min-width: 1920px) {
  .pb8 {
    padding-bottom: 64px !important;
  }
}
@media (min-width: 576px) {
  .pb8sm {
    padding-bottom: 16px !important;
  }
}
@media (min-width: 768px) {
  .pb8md {
    padding-bottom: 32px !important;
  }
}
@media (min-width: 992px) {
  .pb8lg {
    padding-bottom: 64px !important;
  }
}
@media (min-width: 1200px) {
  .pb8xl {
    padding-bottom: 64px !important;
  }
}
@media (min-width: 1920px) {
  .pb8xxl {
    padding-bottom: 128px !important;
  }
}

.pt8 {
  padding-top: 16px !important;
}
@media (min-width: 576px) {
  .pt8 {
    padding-top: 16px !important;
  }
}
@media (min-width: 768px) {
  .pt8 {
    padding-top: 32px !important;
  }
}
@media (min-width: 992px) {
  .pt8 {
    padding-top: 64px !important;
  }
}
@media (min-width: 1200px) {
  .pt8 {
    padding-top: 64px !important;
  }
}
@media (min-width: 1920px) {
  .pt8 {
    padding-top: 64px !important;
  }
}
@media (min-width: 576px) {
  .pt8sm {
    padding-top: 16px !important;
  }
}
@media (min-width: 768px) {
  .pt8md {
    padding-top: 32px !important;
  }
}
@media (min-width: 992px) {
  .pt8lg {
    padding-top: 64px !important;
  }
}
@media (min-width: 1200px) {
  .pt8xl {
    padding-top: 64px !important;
  }
}
@media (min-width: 1920px) {
  .pt8xxl {
    padding-top: 128px !important;
  }
}

.mr8 {
  margin-right: 16px !important;
}
@media (min-width: 576px) {
  .mr8 {
    margin-right: 16px !important;
  }
}
@media (min-width: 768px) {
  .mr8 {
    margin-right: 32px !important;
  }
}
@media (min-width: 992px) {
  .mr8 {
    margin-right: 64px !important;
  }
}
@media (min-width: 1200px) {
  .mr8 {
    margin-right: 64px !important;
  }
}
@media (min-width: 1920px) {
  .mr8 {
    margin-right: 64px !important;
  }
}
@media (min-width: 576px) {
  .mr8sm {
    margin-right: 16px !important;
  }
}
@media (min-width: 768px) {
  .mr8md {
    margin-right: 32px !important;
  }
}
@media (min-width: 992px) {
  .mr8lg {
    margin-right: 64px !important;
  }
}
@media (min-width: 1200px) {
  .mr8xl {
    margin-right: 64px !important;
  }
}
@media (min-width: 1920px) {
  .mr8xxl {
    margin-right: 128px !important;
  }
}

.ml8 {
  margin-left: 16px !important;
}
@media (min-width: 576px) {
  .ml8 {
    margin-left: 16px !important;
  }
}
@media (min-width: 768px) {
  .ml8 {
    margin-left: 32px !important;
  }
}
@media (min-width: 992px) {
  .ml8 {
    margin-left: 64px !important;
  }
}
@media (min-width: 1200px) {
  .ml8 {
    margin-left: 64px !important;
  }
}
@media (min-width: 1920px) {
  .ml8 {
    margin-left: 64px !important;
  }
}
@media (min-width: 576px) {
  .ml8sm {
    margin-left: 16px !important;
  }
}
@media (min-width: 768px) {
  .ml8md {
    margin-left: 32px !important;
  }
}
@media (min-width: 992px) {
  .ml8lg {
    margin-left: 64px !important;
  }
}
@media (min-width: 1200px) {
  .ml8xl {
    margin-left: 64px !important;
  }
}
@media (min-width: 1920px) {
  .ml8xxl {
    margin-left: 128px !important;
  }
}

.mb8 {
  margin-bottom: 16px !important;
}
@media (min-width: 576px) {
  .mb8 {
    margin-bottom: 16px !important;
  }
}
@media (min-width: 768px) {
  .mb8 {
    margin-bottom: 32px !important;
  }
}
@media (min-width: 992px) {
  .mb8 {
    margin-bottom: 64px !important;
  }
}
@media (min-width: 1200px) {
  .mb8 {
    margin-bottom: 64px !important;
  }
}
@media (min-width: 1920px) {
  .mb8 {
    margin-bottom: 64px !important;
  }
}
@media (min-width: 576px) {
  .mb8sm {
    margin-bottom: 16px !important;
  }
}
@media (min-width: 768px) {
  .mb8md {
    margin-bottom: 32px !important;
  }
}
@media (min-width: 992px) {
  .mb8lg {
    margin-bottom: 64px !important;
  }
}
@media (min-width: 1200px) {
  .mb8xl {
    margin-bottom: 64px !important;
  }
}
@media (min-width: 1920px) {
  .mb8xxl {
    margin-bottom: 128px !important;
  }
}

.mt8 {
  margin-top: 16px !important;
}
@media (min-width: 576px) {
  .mt8 {
    margin-top: 16px !important;
  }
}
@media (min-width: 768px) {
  .mt8 {
    margin-top: 32px !important;
  }
}
@media (min-width: 992px) {
  .mt8 {
    margin-top: 64px !important;
  }
}
@media (min-width: 1200px) {
  .mt8 {
    margin-top: 64px !important;
  }
}
@media (min-width: 1920px) {
  .mt8 {
    margin-top: 64px !important;
  }
}
@media (min-width: 576px) {
  .mt8sm {
    margin-top: 16px !important;
  }
}
@media (min-width: 768px) {
  .mt8md {
    margin-top: 32px !important;
  }
}
@media (min-width: 992px) {
  .mt8lg {
    margin-top: 64px !important;
  }
}
@media (min-width: 1200px) {
  .mt8xl {
    margin-top: 64px !important;
  }
}
@media (min-width: 1920px) {
  .mt8xxl {
    margin-top: 128px !important;
  }
}

.minh8 {
  min-height: 16px !important;
}
@media (min-width: 576px) {
  .minh8 {
    min-height: 16px !important;
  }
}
@media (min-width: 768px) {
  .minh8 {
    min-height: 32px !important;
  }
}
@media (min-width: 992px) {
  .minh8 {
    min-height: 64px !important;
  }
}
@media (min-width: 1200px) {
  .minh8 {
    min-height: 64px !important;
  }
}
@media (min-width: 1920px) {
  .minh8 {
    min-height: 64px !important;
  }
}
@media (min-width: 576px) {
  .minh8sm {
    min-height: 16px !important;
  }
}
@media (min-width: 768px) {
  .minh8md {
    min-height: 32px !important;
  }
}
@media (min-width: 992px) {
  .minh8lg {
    min-height: 64px !important;
  }
}
@media (min-width: 1200px) {
  .minh8xl {
    min-height: 64px !important;
  }
}
@media (min-width: 1920px) {
  .minh8xxl {
    min-height: 128px !important;
  }
}

.maxh8 {
  max-height: 16px !important;
}
@media (min-width: 576px) {
  .maxh8 {
    max-height: 16px !important;
  }
}
@media (min-width: 768px) {
  .maxh8 {
    max-height: 32px !important;
  }
}
@media (min-width: 992px) {
  .maxh8 {
    max-height: 64px !important;
  }
}
@media (min-width: 1200px) {
  .maxh8 {
    max-height: 64px !important;
  }
}
@media (min-width: 1920px) {
  .maxh8 {
    max-height: 64px !important;
  }
}
@media (min-width: 576px) {
  .maxh8sm {
    max-height: 16px !important;
  }
}
@media (min-width: 768px) {
  .maxh8md {
    max-height: 32px !important;
  }
}
@media (min-width: 992px) {
  .maxh8lg {
    max-height: 64px !important;
  }
}
@media (min-width: 1200px) {
  .maxh8xl {
    max-height: 64px !important;
  }
}
@media (min-width: 1920px) {
  .maxh8xxl {
    max-height: 128px !important;
  }
}

.ptb8 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.p9 {
  padding: 18px !important;
}
@media (min-width: 576px) {
  .p9 {
    padding: 18px !important;
  }
}
@media (min-width: 768px) {
  .p9 {
    padding: 36px !important;
  }
}
@media (min-width: 992px) {
  .p9 {
    padding: 72px !important;
  }
}
@media (min-width: 1200px) {
  .p9 {
    padding: 72px !important;
  }
}
@media (min-width: 1920px) {
  .p9 {
    padding: 72px !important;
  }
}
@media (min-width: 576px) {
  .p9sm {
    padding: 18px !important;
  }
}
@media (min-width: 768px) {
  .p9md {
    padding: 36px !important;
  }
}
@media (min-width: 992px) {
  .p9lg {
    padding: 72px !important;
  }
}
@media (min-width: 1200px) {
  .p9xl {
    padding: 72px !important;
  }
}
@media (min-width: 1920px) {
  .p9xxl {
    padding: 144px !important;
  }
}

.pr9 {
  padding-right: 18px !important;
}
@media (min-width: 576px) {
  .pr9 {
    padding-right: 18px !important;
  }
}
@media (min-width: 768px) {
  .pr9 {
    padding-right: 36px !important;
  }
}
@media (min-width: 992px) {
  .pr9 {
    padding-right: 72px !important;
  }
}
@media (min-width: 1200px) {
  .pr9 {
    padding-right: 72px !important;
  }
}
@media (min-width: 1920px) {
  .pr9 {
    padding-right: 72px !important;
  }
}
@media (min-width: 576px) {
  .pr9sm {
    padding-right: 18px !important;
  }
}
@media (min-width: 768px) {
  .pr9md {
    padding-right: 36px !important;
  }
}
@media (min-width: 992px) {
  .pr9lg {
    padding-right: 72px !important;
  }
}
@media (min-width: 1200px) {
  .pr9xl {
    padding-right: 72px !important;
  }
}
@media (min-width: 1920px) {
  .pr9xxl {
    padding-right: 144px !important;
  }
}

.pl9 {
  padding-left: 18px !important;
}
@media (min-width: 576px) {
  .pl9 {
    padding-left: 18px !important;
  }
}
@media (min-width: 768px) {
  .pl9 {
    padding-left: 36px !important;
  }
}
@media (min-width: 992px) {
  .pl9 {
    padding-left: 72px !important;
  }
}
@media (min-width: 1200px) {
  .pl9 {
    padding-left: 72px !important;
  }
}
@media (min-width: 1920px) {
  .pl9 {
    padding-left: 72px !important;
  }
}
@media (min-width: 576px) {
  .pl9sm {
    padding-left: 18px !important;
  }
}
@media (min-width: 768px) {
  .pl9md {
    padding-left: 36px !important;
  }
}
@media (min-width: 992px) {
  .pl9lg {
    padding-left: 72px !important;
  }
}
@media (min-width: 1200px) {
  .pl9xl {
    padding-left: 72px !important;
  }
}
@media (min-width: 1920px) {
  .pl9xxl {
    padding-left: 144px !important;
  }
}

.pb9 {
  padding-bottom: 18px !important;
}
@media (min-width: 576px) {
  .pb9 {
    padding-bottom: 18px !important;
  }
}
@media (min-width: 768px) {
  .pb9 {
    padding-bottom: 36px !important;
  }
}
@media (min-width: 992px) {
  .pb9 {
    padding-bottom: 72px !important;
  }
}
@media (min-width: 1200px) {
  .pb9 {
    padding-bottom: 72px !important;
  }
}
@media (min-width: 1920px) {
  .pb9 {
    padding-bottom: 72px !important;
  }
}
@media (min-width: 576px) {
  .pb9sm {
    padding-bottom: 18px !important;
  }
}
@media (min-width: 768px) {
  .pb9md {
    padding-bottom: 36px !important;
  }
}
@media (min-width: 992px) {
  .pb9lg {
    padding-bottom: 72px !important;
  }
}
@media (min-width: 1200px) {
  .pb9xl {
    padding-bottom: 72px !important;
  }
}
@media (min-width: 1920px) {
  .pb9xxl {
    padding-bottom: 144px !important;
  }
}

.pt9 {
  padding-top: 18px !important;
}
@media (min-width: 576px) {
  .pt9 {
    padding-top: 18px !important;
  }
}
@media (min-width: 768px) {
  .pt9 {
    padding-top: 36px !important;
  }
}
@media (min-width: 992px) {
  .pt9 {
    padding-top: 72px !important;
  }
}
@media (min-width: 1200px) {
  .pt9 {
    padding-top: 72px !important;
  }
}
@media (min-width: 1920px) {
  .pt9 {
    padding-top: 72px !important;
  }
}
@media (min-width: 576px) {
  .pt9sm {
    padding-top: 18px !important;
  }
}
@media (min-width: 768px) {
  .pt9md {
    padding-top: 36px !important;
  }
}
@media (min-width: 992px) {
  .pt9lg {
    padding-top: 72px !important;
  }
}
@media (min-width: 1200px) {
  .pt9xl {
    padding-top: 72px !important;
  }
}
@media (min-width: 1920px) {
  .pt9xxl {
    padding-top: 144px !important;
  }
}

.mr9 {
  margin-right: 18px !important;
}
@media (min-width: 576px) {
  .mr9 {
    margin-right: 18px !important;
  }
}
@media (min-width: 768px) {
  .mr9 {
    margin-right: 36px !important;
  }
}
@media (min-width: 992px) {
  .mr9 {
    margin-right: 72px !important;
  }
}
@media (min-width: 1200px) {
  .mr9 {
    margin-right: 72px !important;
  }
}
@media (min-width: 1920px) {
  .mr9 {
    margin-right: 72px !important;
  }
}
@media (min-width: 576px) {
  .mr9sm {
    margin-right: 18px !important;
  }
}
@media (min-width: 768px) {
  .mr9md {
    margin-right: 36px !important;
  }
}
@media (min-width: 992px) {
  .mr9lg {
    margin-right: 72px !important;
  }
}
@media (min-width: 1200px) {
  .mr9xl {
    margin-right: 72px !important;
  }
}
@media (min-width: 1920px) {
  .mr9xxl {
    margin-right: 144px !important;
  }
}

.ml9 {
  margin-left: 18px !important;
}
@media (min-width: 576px) {
  .ml9 {
    margin-left: 18px !important;
  }
}
@media (min-width: 768px) {
  .ml9 {
    margin-left: 36px !important;
  }
}
@media (min-width: 992px) {
  .ml9 {
    margin-left: 72px !important;
  }
}
@media (min-width: 1200px) {
  .ml9 {
    margin-left: 72px !important;
  }
}
@media (min-width: 1920px) {
  .ml9 {
    margin-left: 72px !important;
  }
}
@media (min-width: 576px) {
  .ml9sm {
    margin-left: 18px !important;
  }
}
@media (min-width: 768px) {
  .ml9md {
    margin-left: 36px !important;
  }
}
@media (min-width: 992px) {
  .ml9lg {
    margin-left: 72px !important;
  }
}
@media (min-width: 1200px) {
  .ml9xl {
    margin-left: 72px !important;
  }
}
@media (min-width: 1920px) {
  .ml9xxl {
    margin-left: 144px !important;
  }
}

.mb9 {
  margin-bottom: 18px !important;
}
@media (min-width: 576px) {
  .mb9 {
    margin-bottom: 18px !important;
  }
}
@media (min-width: 768px) {
  .mb9 {
    margin-bottom: 36px !important;
  }
}
@media (min-width: 992px) {
  .mb9 {
    margin-bottom: 72px !important;
  }
}
@media (min-width: 1200px) {
  .mb9 {
    margin-bottom: 72px !important;
  }
}
@media (min-width: 1920px) {
  .mb9 {
    margin-bottom: 72px !important;
  }
}
@media (min-width: 576px) {
  .mb9sm {
    margin-bottom: 18px !important;
  }
}
@media (min-width: 768px) {
  .mb9md {
    margin-bottom: 36px !important;
  }
}
@media (min-width: 992px) {
  .mb9lg {
    margin-bottom: 72px !important;
  }
}
@media (min-width: 1200px) {
  .mb9xl {
    margin-bottom: 72px !important;
  }
}
@media (min-width: 1920px) {
  .mb9xxl {
    margin-bottom: 144px !important;
  }
}

.mt9 {
  margin-top: 18px !important;
}
@media (min-width: 576px) {
  .mt9 {
    margin-top: 18px !important;
  }
}
@media (min-width: 768px) {
  .mt9 {
    margin-top: 36px !important;
  }
}
@media (min-width: 992px) {
  .mt9 {
    margin-top: 72px !important;
  }
}
@media (min-width: 1200px) {
  .mt9 {
    margin-top: 72px !important;
  }
}
@media (min-width: 1920px) {
  .mt9 {
    margin-top: 72px !important;
  }
}
@media (min-width: 576px) {
  .mt9sm {
    margin-top: 18px !important;
  }
}
@media (min-width: 768px) {
  .mt9md {
    margin-top: 36px !important;
  }
}
@media (min-width: 992px) {
  .mt9lg {
    margin-top: 72px !important;
  }
}
@media (min-width: 1200px) {
  .mt9xl {
    margin-top: 72px !important;
  }
}
@media (min-width: 1920px) {
  .mt9xxl {
    margin-top: 144px !important;
  }
}

.minh9 {
  min-height: 18px !important;
}
@media (min-width: 576px) {
  .minh9 {
    min-height: 18px !important;
  }
}
@media (min-width: 768px) {
  .minh9 {
    min-height: 36px !important;
  }
}
@media (min-width: 992px) {
  .minh9 {
    min-height: 72px !important;
  }
}
@media (min-width: 1200px) {
  .minh9 {
    min-height: 72px !important;
  }
}
@media (min-width: 1920px) {
  .minh9 {
    min-height: 72px !important;
  }
}
@media (min-width: 576px) {
  .minh9sm {
    min-height: 18px !important;
  }
}
@media (min-width: 768px) {
  .minh9md {
    min-height: 36px !important;
  }
}
@media (min-width: 992px) {
  .minh9lg {
    min-height: 72px !important;
  }
}
@media (min-width: 1200px) {
  .minh9xl {
    min-height: 72px !important;
  }
}
@media (min-width: 1920px) {
  .minh9xxl {
    min-height: 144px !important;
  }
}

.maxh9 {
  max-height: 18px !important;
}
@media (min-width: 576px) {
  .maxh9 {
    max-height: 18px !important;
  }
}
@media (min-width: 768px) {
  .maxh9 {
    max-height: 36px !important;
  }
}
@media (min-width: 992px) {
  .maxh9 {
    max-height: 72px !important;
  }
}
@media (min-width: 1200px) {
  .maxh9 {
    max-height: 72px !important;
  }
}
@media (min-width: 1920px) {
  .maxh9 {
    max-height: 72px !important;
  }
}
@media (min-width: 576px) {
  .maxh9sm {
    max-height: 18px !important;
  }
}
@media (min-width: 768px) {
  .maxh9md {
    max-height: 36px !important;
  }
}
@media (min-width: 992px) {
  .maxh9lg {
    max-height: 72px !important;
  }
}
@media (min-width: 1200px) {
  .maxh9xl {
    max-height: 72px !important;
  }
}
@media (min-width: 1920px) {
  .maxh9xxl {
    max-height: 144px !important;
  }
}

.ptb9 {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.p10 {
  padding: 20px !important;
}
@media (min-width: 576px) {
  .p10 {
    padding: 20px !important;
  }
}
@media (min-width: 768px) {
  .p10 {
    padding: 40px !important;
  }
}
@media (min-width: 992px) {
  .p10 {
    padding: 80px !important;
  }
}
@media (min-width: 1200px) {
  .p10 {
    padding: 80px !important;
  }
}
@media (min-width: 1920px) {
  .p10 {
    padding: 80px !important;
  }
}
@media (min-width: 576px) {
  .p10sm {
    padding: 20px !important;
  }
}
@media (min-width: 768px) {
  .p10md {
    padding: 40px !important;
  }
}
@media (min-width: 992px) {
  .p10lg {
    padding: 80px !important;
  }
}
@media (min-width: 1200px) {
  .p10xl {
    padding: 80px !important;
  }
}
@media (min-width: 1920px) {
  .p10xxl {
    padding: 160px !important;
  }
}

.pr10 {
  padding-right: 20px !important;
}
@media (min-width: 576px) {
  .pr10 {
    padding-right: 20px !important;
  }
}
@media (min-width: 768px) {
  .pr10 {
    padding-right: 40px !important;
  }
}
@media (min-width: 992px) {
  .pr10 {
    padding-right: 80px !important;
  }
}
@media (min-width: 1200px) {
  .pr10 {
    padding-right: 80px !important;
  }
}
@media (min-width: 1920px) {
  .pr10 {
    padding-right: 80px !important;
  }
}
@media (min-width: 576px) {
  .pr10sm {
    padding-right: 20px !important;
  }
}
@media (min-width: 768px) {
  .pr10md {
    padding-right: 40px !important;
  }
}
@media (min-width: 992px) {
  .pr10lg {
    padding-right: 80px !important;
  }
}
@media (min-width: 1200px) {
  .pr10xl {
    padding-right: 80px !important;
  }
}
@media (min-width: 1920px) {
  .pr10xxl {
    padding-right: 160px !important;
  }
}

.pl10 {
  padding-left: 20px !important;
}
@media (min-width: 576px) {
  .pl10 {
    padding-left: 20px !important;
  }
}
@media (min-width: 768px) {
  .pl10 {
    padding-left: 40px !important;
  }
}
@media (min-width: 992px) {
  .pl10 {
    padding-left: 80px !important;
  }
}
@media (min-width: 1200px) {
  .pl10 {
    padding-left: 80px !important;
  }
}
@media (min-width: 1920px) {
  .pl10 {
    padding-left: 80px !important;
  }
}
@media (min-width: 576px) {
  .pl10sm {
    padding-left: 20px !important;
  }
}
@media (min-width: 768px) {
  .pl10md {
    padding-left: 40px !important;
  }
}
@media (min-width: 992px) {
  .pl10lg {
    padding-left: 80px !important;
  }
}
@media (min-width: 1200px) {
  .pl10xl {
    padding-left: 80px !important;
  }
}
@media (min-width: 1920px) {
  .pl10xxl {
    padding-left: 160px !important;
  }
}

.pb10 {
  padding-bottom: 20px !important;
}
@media (min-width: 576px) {
  .pb10 {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 768px) {
  .pb10 {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 992px) {
  .pb10 {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 1200px) {
  .pb10 {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 1920px) {
  .pb10 {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 576px) {
  .pb10sm {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 768px) {
  .pb10md {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 992px) {
  .pb10lg {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 1200px) {
  .pb10xl {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 1920px) {
  .pb10xxl {
    padding-bottom: 160px !important;
  }
}

.pt10 {
  padding-top: 20px !important;
}
@media (min-width: 576px) {
  .pt10 {
    padding-top: 20px !important;
  }
}
@media (min-width: 768px) {
  .pt10 {
    padding-top: 40px !important;
  }
}
@media (min-width: 992px) {
  .pt10 {
    padding-top: 80px !important;
  }
}
@media (min-width: 1200px) {
  .pt10 {
    padding-top: 80px !important;
  }
}
@media (min-width: 1920px) {
  .pt10 {
    padding-top: 80px !important;
  }
}
@media (min-width: 576px) {
  .pt10sm {
    padding-top: 20px !important;
  }
}
@media (min-width: 768px) {
  .pt10md {
    padding-top: 40px !important;
  }
}
@media (min-width: 992px) {
  .pt10lg {
    padding-top: 80px !important;
  }
}
@media (min-width: 1200px) {
  .pt10xl {
    padding-top: 80px !important;
  }
}
@media (min-width: 1920px) {
  .pt10xxl {
    padding-top: 160px !important;
  }
}

.mr10 {
  margin-right: 20px !important;
}
@media (min-width: 576px) {
  .mr10 {
    margin-right: 20px !important;
  }
}
@media (min-width: 768px) {
  .mr10 {
    margin-right: 40px !important;
  }
}
@media (min-width: 992px) {
  .mr10 {
    margin-right: 80px !important;
  }
}
@media (min-width: 1200px) {
  .mr10 {
    margin-right: 80px !important;
  }
}
@media (min-width: 1920px) {
  .mr10 {
    margin-right: 80px !important;
  }
}
@media (min-width: 576px) {
  .mr10sm {
    margin-right: 20px !important;
  }
}
@media (min-width: 768px) {
  .mr10md {
    margin-right: 40px !important;
  }
}
@media (min-width: 992px) {
  .mr10lg {
    margin-right: 80px !important;
  }
}
@media (min-width: 1200px) {
  .mr10xl {
    margin-right: 80px !important;
  }
}
@media (min-width: 1920px) {
  .mr10xxl {
    margin-right: 160px !important;
  }
}

.ml10 {
  margin-left: 20px !important;
}
@media (min-width: 576px) {
  .ml10 {
    margin-left: 20px !important;
  }
}
@media (min-width: 768px) {
  .ml10 {
    margin-left: 40px !important;
  }
}
@media (min-width: 992px) {
  .ml10 {
    margin-left: 80px !important;
  }
}
@media (min-width: 1200px) {
  .ml10 {
    margin-left: 80px !important;
  }
}
@media (min-width: 1920px) {
  .ml10 {
    margin-left: 80px !important;
  }
}
@media (min-width: 576px) {
  .ml10sm {
    margin-left: 20px !important;
  }
}
@media (min-width: 768px) {
  .ml10md {
    margin-left: 40px !important;
  }
}
@media (min-width: 992px) {
  .ml10lg {
    margin-left: 80px !important;
  }
}
@media (min-width: 1200px) {
  .ml10xl {
    margin-left: 80px !important;
  }
}
@media (min-width: 1920px) {
  .ml10xxl {
    margin-left: 160px !important;
  }
}

.mb10 {
  margin-bottom: 20px !important;
}
@media (min-width: 576px) {
  .mb10 {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 768px) {
  .mb10 {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 992px) {
  .mb10 {
    margin-bottom: 80px !important;
  }
}
@media (min-width: 1200px) {
  .mb10 {
    margin-bottom: 80px !important;
  }
}
@media (min-width: 1920px) {
  .mb10 {
    margin-bottom: 80px !important;
  }
}
@media (min-width: 576px) {
  .mb10sm {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 768px) {
  .mb10md {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 992px) {
  .mb10lg {
    margin-bottom: 80px !important;
  }
}
@media (min-width: 1200px) {
  .mb10xl {
    margin-bottom: 80px !important;
  }
}
@media (min-width: 1920px) {
  .mb10xxl {
    margin-bottom: 160px !important;
  }
}

.mt10 {
  margin-top: 20px !important;
}
@media (min-width: 576px) {
  .mt10 {
    margin-top: 20px !important;
  }
}
@media (min-width: 768px) {
  .mt10 {
    margin-top: 40px !important;
  }
}
@media (min-width: 992px) {
  .mt10 {
    margin-top: 80px !important;
  }
}
@media (min-width: 1200px) {
  .mt10 {
    margin-top: 80px !important;
  }
}
@media (min-width: 1920px) {
  .mt10 {
    margin-top: 80px !important;
  }
}
@media (min-width: 576px) {
  .mt10sm {
    margin-top: 20px !important;
  }
}
@media (min-width: 768px) {
  .mt10md {
    margin-top: 40px !important;
  }
}
@media (min-width: 992px) {
  .mt10lg {
    margin-top: 80px !important;
  }
}
@media (min-width: 1200px) {
  .mt10xl {
    margin-top: 80px !important;
  }
}
@media (min-width: 1920px) {
  .mt10xxl {
    margin-top: 160px !important;
  }
}

.minh10 {
  min-height: 20px !important;
}
@media (min-width: 576px) {
  .minh10 {
    min-height: 20px !important;
  }
}
@media (min-width: 768px) {
  .minh10 {
    min-height: 40px !important;
  }
}
@media (min-width: 992px) {
  .minh10 {
    min-height: 80px !important;
  }
}
@media (min-width: 1200px) {
  .minh10 {
    min-height: 80px !important;
  }
}
@media (min-width: 1920px) {
  .minh10 {
    min-height: 80px !important;
  }
}
@media (min-width: 576px) {
  .minh10sm {
    min-height: 20px !important;
  }
}
@media (min-width: 768px) {
  .minh10md {
    min-height: 40px !important;
  }
}
@media (min-width: 992px) {
  .minh10lg {
    min-height: 80px !important;
  }
}
@media (min-width: 1200px) {
  .minh10xl {
    min-height: 80px !important;
  }
}
@media (min-width: 1920px) {
  .minh10xxl {
    min-height: 160px !important;
  }
}

.maxh10 {
  max-height: 20px !important;
}
@media (min-width: 576px) {
  .maxh10 {
    max-height: 20px !important;
  }
}
@media (min-width: 768px) {
  .maxh10 {
    max-height: 40px !important;
  }
}
@media (min-width: 992px) {
  .maxh10 {
    max-height: 80px !important;
  }
}
@media (min-width: 1200px) {
  .maxh10 {
    max-height: 80px !important;
  }
}
@media (min-width: 1920px) {
  .maxh10 {
    max-height: 80px !important;
  }
}
@media (min-width: 576px) {
  .maxh10sm {
    max-height: 20px !important;
  }
}
@media (min-width: 768px) {
  .maxh10md {
    max-height: 40px !important;
  }
}
@media (min-width: 992px) {
  .maxh10lg {
    max-height: 80px !important;
  }
}
@media (min-width: 1200px) {
  .maxh10xl {
    max-height: 80px !important;
  }
}
@media (min-width: 1920px) {
  .maxh10xxl {
    max-height: 160px !important;
  }
}

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

.w1 {
  width: 1.375rem !important;
}

.w2 {
  width: 2.75rem !important;
}

.w3 {
  width: 4.125rem !important;
}

.wh1 {
  width: 1.375rem !important;
  height: 1.375rem !important;
}

.wh2 {
  width: 2.75rem !important;
  height: 2.75rem !important;
}

.wh3 {
  width: 4.125rem !important;
  height: 4.125rem !important;
}

.wh4 {
  width: 5.5rem !important;
  height: 5.5rem !important;
}

.minw3 {
  min-width: 4.125rem !important;
}

.maxh25 {
  max-height: 34.375rem !important;
}

.maxh30 {
  max-height: 41.25rem !important;
}

.maxh35 {
  max-height: 48.125rem !important;
}

.maxw2 {
  max-width: 2.75rem !important;
}

.maxw3 {
  max-width: 4.125rem !important;
}

.maxw4 {
  max-width: 5.5rem !important;
}

.maxw5 {
  max-width: 6.875rem !important;
}

.maxw10 {
  max-width: 13.75rem !important;
}

.maxw20 {
  max-width: 27.5rem !important;
}

.maxw25 {
  max-width: 34.375rem !important;
}

.maxw30 {
  max-width: 41.25rem !important;
}

.w100 {
  width: 100% !important;
}

.h100 {
  height: 100% !important;
}

.opl5 {
  object-position: 5% 0%;
}

.opll0 {
  object-position: 10% 0%;
}

.opl20 {
  object-position: 20% 0%;
}

.op1010 {
  object-position: 0.1 0.1;
}

.op1020 {
  object-position: 0.1 0.2;
}

.op1030 {
  object-position: 0.1 0.3;
}

.op1040 {
  object-position: 0.1 0.4;
}

.op1050 {
  object-position: 0.1 0.5;
}

.op1060 {
  object-position: 0.1 0.6;
}

.op1070 {
  object-position: 0.1 0.7;
}

.op1080 {
  object-position: 0.1 0.8;
}

.op1090 {
  object-position: 0.1 0.9;
}

.op2010 {
  object-position: 0.2 0.1;
}

.op2020 {
  object-position: 0.2 0.2;
}

.op2030 {
  object-position: 0.2 0.3;
}

.op2040 {
  object-position: 0.2 0.4;
}

.op2050 {
  object-position: 0.2 0.5;
}

.op2060 {
  object-position: 0.2 0.6;
}

.op2070 {
  object-position: 0.2 0.7;
}

.op2080 {
  object-position: 0.2 0.8;
}

.op2090 {
  object-position: 0.2 0.9;
}

.op3010 {
  object-position: 0.3 0.1;
}

.op3020 {
  object-position: 0.3 0.2;
}

.op3030 {
  object-position: 0.3 0.3;
}

.op3040 {
  object-position: 0.3 0.4;
}

.op3050 {
  object-position: 0.3 0.5;
}

.op3060 {
  object-position: 0.3 0.6;
}

.op3070 {
  object-position: 0.3 0.7;
}

.op3080 {
  object-position: 0.3 0.8;
}

.op3090 {
  object-position: 0.3 0.9;
}

.op4010 {
  object-position: 0.4 0.1;
}

.op4020 {
  object-position: 0.4 0.2;
}

.op4030 {
  object-position: 0.4 0.3;
}

.op4040 {
  object-position: 0.4 0.4;
}

.op4050 {
  object-position: 0.4 0.5;
}

.op4060 {
  object-position: 0.4 0.6;
}

.op4070 {
  object-position: 0.4 0.7;
}

.op4080 {
  object-position: 0.4 0.8;
}

.op4090 {
  object-position: 0.4 0.9;
}

.op5010 {
  object-position: 0.5 0.1;
}

.op5020 {
  object-position: 0.5 0.2;
}

.op5030 {
  object-position: 0.5 0.3;
}

.op5040 {
  object-position: 0.5 0.4;
}

.op5050 {
  object-position: 0.5 0.5;
}

.op5060 {
  object-position: 0.5 0.6;
}

.op5070 {
  object-position: 0.5 0.7;
}

.op5080 {
  object-position: 0.5 0.8;
}

.op5090 {
  object-position: 0.5 0.9;
}

.op6010 {
  object-position: 0.6 0.1;
}

.op6020 {
  object-position: 0.6 0.2;
}

.op6030 {
  object-position: 0.6 0.3;
}

.op6040 {
  object-position: 0.6 0.4;
}

.op6050 {
  object-position: 0.6 0.5;
}

.op6060 {
  object-position: 0.6 0.6;
}

.op6070 {
  object-position: 0.6 0.7;
}

.op6080 {
  object-position: 0.6 0.8;
}

.op6090 {
  object-position: 0.6 0.9;
}

.op7010 {
  object-position: 0.7 0.1;
}

.op7020 {
  object-position: 0.7 0.2;
}

.op7030 {
  object-position: 0.7 0.3;
}

.op7040 {
  object-position: 0.7 0.4;
}

.op7050 {
  object-position: 0.7 0.5;
}

.op7060 {
  object-position: 0.7 0.6;
}

.op7070 {
  object-position: 0.7 0.7;
}

.op7080 {
  object-position: 0.7 0.8;
}

.op7090 {
  object-position: 0.7 0.9;
}

.op8010 {
  object-position: 0.8 0.1;
}

.op8020 {
  object-position: 0.8 0.2;
}

.op8030 {
  object-position: 0.8 0.3;
}

.op8040 {
  object-position: 0.8 0.4;
}

.op8050 {
  object-position: 0.8 0.5;
}

.op8060 {
  object-position: 0.8 0.6;
}

.op8070 {
  object-position: 0.8 0.7;
}

.op8080 {
  object-position: 0.8 0.8;
}

.op8090 {
  object-position: 0.8 0.9;
}

.op9010 {
  object-position: 0.9 0.1;
}

.op9020 {
  object-position: 0.9 0.2;
}

.op9030 {
  object-position: 0.9 0.3;
}

.op9040 {
  object-position: 0.9 0.4;
}

.op9050 {
  object-position: 0.9 0.5;
}

.op9060 {
  object-position: 0.9 0.6;
}

.op9070 {
  object-position: 0.9 0.7;
}

.op9080 {
  object-position: 0.9 0.8;
}

.op9090 {
  object-position: 0.9 0.9;
}

.op05 {
  object-position: 0% 5%;
}
@media (min-width: 576px) {
  .op05sm {
    object-position: 0% 5%;
  }
}
@media (min-width: 768px) {
  .op05md {
    object-position: 0% 5%;
  }
}
@media (min-width: 992px) {
  .op05lg {
    object-position: 0% 5%;
  }
}
@media (min-width: 1200px) {
  .op05xl {
    object-position: 0% 5%;
  }
}
@media (min-width: 1920px) {
  .op05xxl {
    object-position: 0% 5%;
  }
}

.op10 {
  object-position: 0% 10%;
}
@media (min-width: 576px) {
  .op10sm {
    object-position: 0% 10%;
  }
}
@media (min-width: 768px) {
  .op10md {
    object-position: 0% 10%;
  }
}
@media (min-width: 992px) {
  .op10lg {
    object-position: 0% 10%;
  }
}
@media (min-width: 1200px) {
  .op10xl {
    object-position: 0% 10%;
  }
}
@media (min-width: 1920px) {
  .op10xxl {
    object-position: 0% 10%;
  }
}

.op15 {
  object-position: 0% 15%;
}
@media (min-width: 576px) {
  .op15sm {
    object-position: 0% 15%;
  }
}
@media (min-width: 768px) {
  .op15md {
    object-position: 0% 15%;
  }
}
@media (min-width: 992px) {
  .op15lg {
    object-position: 0% 15%;
  }
}
@media (min-width: 1200px) {
  .op15xl {
    object-position: 0% 15%;
  }
}
@media (min-width: 1920px) {
  .op15xxl {
    object-position: 0% 15%;
  }
}

.op20 {
  object-position: 0% 20%;
}
@media (min-width: 576px) {
  .op20sm {
    object-position: 0% 20%;
  }
}
@media (min-width: 768px) {
  .op20md {
    object-position: 0% 20%;
  }
}
@media (min-width: 992px) {
  .op20lg {
    object-position: 0% 20%;
  }
}
@media (min-width: 1200px) {
  .op20xl {
    object-position: 0% 20%;
  }
}
@media (min-width: 1920px) {
  .op20xxl {
    object-position: 0% 20%;
  }
}

.op25 {
  object-position: 0% 25%;
}
@media (min-width: 576px) {
  .op25sm {
    object-position: 0% 25%;
  }
}
@media (min-width: 768px) {
  .op25md {
    object-position: 0% 25%;
  }
}
@media (min-width: 992px) {
  .op25lg {
    object-position: 0% 25%;
  }
}
@media (min-width: 1200px) {
  .op25xl {
    object-position: 0% 25%;
  }
}
@media (min-width: 1920px) {
  .op25xxl {
    object-position: 0% 25%;
  }
}

.op30 {
  object-position: 0% 30%;
}
@media (min-width: 576px) {
  .op30sm {
    object-position: 0% 30%;
  }
}
@media (min-width: 768px) {
  .op30md {
    object-position: 0% 30%;
  }
}
@media (min-width: 992px) {
  .op30lg {
    object-position: 0% 30%;
  }
}
@media (min-width: 1200px) {
  .op30xl {
    object-position: 0% 30%;
  }
}
@media (min-width: 1920px) {
  .op30xxl {
    object-position: 0% 30%;
  }
}

.op35 {
  object-position: 0% 35%;
}
@media (min-width: 576px) {
  .op35sm {
    object-position: 0% 35%;
  }
}
@media (min-width: 768px) {
  .op35md {
    object-position: 0% 35%;
  }
}
@media (min-width: 992px) {
  .op35lg {
    object-position: 0% 35%;
  }
}
@media (min-width: 1200px) {
  .op35xl {
    object-position: 0% 35%;
  }
}
@media (min-width: 1920px) {
  .op35xxl {
    object-position: 0% 35%;
  }
}

.op40 {
  object-position: 0% 40%;
}
@media (min-width: 576px) {
  .op40sm {
    object-position: 0% 40%;
  }
}
@media (min-width: 768px) {
  .op40md {
    object-position: 0% 40%;
  }
}
@media (min-width: 992px) {
  .op40lg {
    object-position: 0% 40%;
  }
}
@media (min-width: 1200px) {
  .op40xl {
    object-position: 0% 40%;
  }
}
@media (min-width: 1920px) {
  .op40xxl {
    object-position: 0% 40%;
  }
}

.op45 {
  object-position: 0% 45%;
}
@media (min-width: 576px) {
  .op45sm {
    object-position: 0% 45%;
  }
}
@media (min-width: 768px) {
  .op45md {
    object-position: 0% 45%;
  }
}
@media (min-width: 992px) {
  .op45lg {
    object-position: 0% 45%;
  }
}
@media (min-width: 1200px) {
  .op45xl {
    object-position: 0% 45%;
  }
}
@media (min-width: 1920px) {
  .op45xxl {
    object-position: 0% 45%;
  }
}

.op50 {
  object-position: 0% 50%;
}
@media (min-width: 576px) {
  .op50sm {
    object-position: 0% 50%;
  }
}
@media (min-width: 768px) {
  .op50md {
    object-position: 0% 50%;
  }
}
@media (min-width: 992px) {
  .op50lg {
    object-position: 0% 50%;
  }
}
@media (min-width: 1200px) {
  .op50xl {
    object-position: 0% 50%;
  }
}
@media (min-width: 1920px) {
  .op50xxl {
    object-position: 0% 50%;
  }
}

.op55 {
  object-position: 0% 55%;
}
@media (min-width: 576px) {
  .op55sm {
    object-position: 0% 55%;
  }
}
@media (min-width: 768px) {
  .op55md {
    object-position: 0% 55%;
  }
}
@media (min-width: 992px) {
  .op55lg {
    object-position: 0% 55%;
  }
}
@media (min-width: 1200px) {
  .op55xl {
    object-position: 0% 55%;
  }
}
@media (min-width: 1920px) {
  .op55xxl {
    object-position: 0% 55%;
  }
}

.op60 {
  object-position: 0% 60%;
}
@media (min-width: 576px) {
  .op60sm {
    object-position: 0% 60%;
  }
}
@media (min-width: 768px) {
  .op60md {
    object-position: 0% 60%;
  }
}
@media (min-width: 992px) {
  .op60lg {
    object-position: 0% 60%;
  }
}
@media (min-width: 1200px) {
  .op60xl {
    object-position: 0% 60%;
  }
}
@media (min-width: 1920px) {
  .op60xxl {
    object-position: 0% 60%;
  }
}

.op65 {
  object-position: 0% 65%;
}
@media (min-width: 576px) {
  .op65sm {
    object-position: 0% 65%;
  }
}
@media (min-width: 768px) {
  .op65md {
    object-position: 0% 65%;
  }
}
@media (min-width: 992px) {
  .op65lg {
    object-position: 0% 65%;
  }
}
@media (min-width: 1200px) {
  .op65xl {
    object-position: 0% 65%;
  }
}
@media (min-width: 1920px) {
  .op65xxl {
    object-position: 0% 65%;
  }
}

.op70 {
  object-position: 0% 70%;
}
@media (min-width: 576px) {
  .op70sm {
    object-position: 0% 70%;
  }
}
@media (min-width: 768px) {
  .op70md {
    object-position: 0% 70%;
  }
}
@media (min-width: 992px) {
  .op70lg {
    object-position: 0% 70%;
  }
}
@media (min-width: 1200px) {
  .op70xl {
    object-position: 0% 70%;
  }
}
@media (min-width: 1920px) {
  .op70xxl {
    object-position: 0% 70%;
  }
}

.op75 {
  object-position: 0% 75%;
}
@media (min-width: 576px) {
  .op75sm {
    object-position: 0% 75%;
  }
}
@media (min-width: 768px) {
  .op75md {
    object-position: 0% 75%;
  }
}
@media (min-width: 992px) {
  .op75lg {
    object-position: 0% 75%;
  }
}
@media (min-width: 1200px) {
  .op75xl {
    object-position: 0% 75%;
  }
}
@media (min-width: 1920px) {
  .op75xxl {
    object-position: 0% 75%;
  }
}

.op80 {
  object-position: 0% 80%;
}
@media (min-width: 576px) {
  .op80sm {
    object-position: 0% 80%;
  }
}
@media (min-width: 768px) {
  .op80md {
    object-position: 0% 80%;
  }
}
@media (min-width: 992px) {
  .op80lg {
    object-position: 0% 80%;
  }
}
@media (min-width: 1200px) {
  .op80xl {
    object-position: 0% 80%;
  }
}
@media (min-width: 1920px) {
  .op80xxl {
    object-position: 0% 80%;
  }
}

.op85 {
  object-position: 0% 85%;
}
@media (min-width: 576px) {
  .op85sm {
    object-position: 0% 85%;
  }
}
@media (min-width: 768px) {
  .op85md {
    object-position: 0% 85%;
  }
}
@media (min-width: 992px) {
  .op85lg {
    object-position: 0% 85%;
  }
}
@media (min-width: 1200px) {
  .op85xl {
    object-position: 0% 85%;
  }
}
@media (min-width: 1920px) {
  .op85xxl {
    object-position: 0% 85%;
  }
}

.op90 {
  object-position: 0% 90%;
}
@media (min-width: 576px) {
  .op90sm {
    object-position: 0% 90%;
  }
}
@media (min-width: 768px) {
  .op90md {
    object-position: 0% 90%;
  }
}
@media (min-width: 992px) {
  .op90lg {
    object-position: 0% 90%;
  }
}
@media (min-width: 1200px) {
  .op90xl {
    object-position: 0% 90%;
  }
}
@media (min-width: 1920px) {
  .op90xxl {
    object-position: 0% 90%;
  }
}

.op95 {
  object-position: 0% 95%;
}
@media (min-width: 576px) {
  .op95sm {
    object-position: 0% 95%;
  }
}
@media (min-width: 768px) {
  .op95md {
    object-position: 0% 95%;
  }
}
@media (min-width: 992px) {
  .op95lg {
    object-position: 0% 95%;
  }
}
@media (min-width: 1200px) {
  .op95xl {
    object-position: 0% 95%;
  }
}
@media (min-width: 1920px) {
  .op95xxl {
    object-position: 0% 95%;
  }
}

.op100 {
  object-position: 0% 100%;
}
@media (min-width: 576px) {
  .op100sm {
    object-position: 0% 100%;
  }
}
@media (min-width: 768px) {
  .op100md {
    object-position: 0% 100%;
  }
}
@media (min-width: 992px) {
  .op100lg {
    object-position: 0% 100%;
  }
}
@media (min-width: 1200px) {
  .op100xl {
    object-position: 0% 100%;
  }
}
@media (min-width: 1920px) {
  .op100xxl {
    object-position: 0% 100%;
  }
}

.filter-c1 {
  background-color: rgba(51, 51, 51, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.t025 {
  top: 0.34375rem !important;
}

.t05 {
  top: 0.6875rem !important;
}

.rotate90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.cwhite {
  color: #FFF;
}

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

.filter-c1-5 {
  background-color: rgba(31, 80, 161, 0.05);
}
.filter-c1-5 img {
  display: block;
}
.filter-c1-10 {
  background-color: rgba(31, 80, 161, 0.1);
}
.filter-c1-10 img {
  display: block;
}
.filter-c1-20 {
  background-color: rgba(31, 80, 161, 0.2);
}
.filter-c1-20 img {
  display: block;
}
.filter-c1-30 {
  background-color: rgba(31, 80, 161, 0.3);
}
.filter-c1-30 img {
  display: block;
}
.filter-c1-40 {
  background-color: rgba(31, 80, 161, 0.4);
}
.filter-c1-40 img {
  display: block;
}
.filter-c1-50 {
  background-color: rgba(31, 80, 161, 0.5);
}
.filter-c1-50 img {
  display: block;
}
.filter-c1-60 {
  background-color: rgba(31, 80, 161, 0.6);
}
.filter-c1-60 img {
  display: block;
}
.filter-c1-70 {
  background-color: rgba(31, 80, 161, 0.7);
}
.filter-c1-70 img {
  display: block;
}
.filter-c1-80 {
  background-color: rgba(31, 80, 161, 0.8);
}
.filter-c1-80 img {
  display: block;
}
.filter-c2-5 {
  background-color: rgba(51, 51, 51, 0.05);
}
.filter-c2-5 img {
  display: block;
}
.filter-c2-10 {
  background-color: rgba(51, 51, 51, 0.1);
}
.filter-c2-10 img {
  display: block;
}
.filter-c2-20 {
  background-color: rgba(51, 51, 51, 0.2);
}
.filter-c2-20 img {
  display: block;
}
.filter-c2-30 {
  background-color: rgba(51, 51, 51, 0.3);
}
.filter-c2-30 img {
  display: block;
}
.filter-c2-40 {
  background-color: rgba(51, 51, 51, 0.4);
}
.filter-c2-40 img {
  display: block;
}
.filter-c2-50 {
  background-color: rgba(51, 51, 51, 0.5);
}
.filter-c2-50 img {
  display: block;
}
.filter-c2-80 {
  background-color: rgba(51, 51, 51, 0.8);
}
.filter-c2-80 img {
  display: block;
}
.filter-cw-5 {
  background-color: rgba(255, 255, 255, 0.05);
}
.filter-cw-5 img {
  display: block;
}
.filter-cw-10 {
  background-color: rgba(255, 255, 255, 0.1);
}
.filter-cw-10 img {
  display: block;
}
.filter-cw-20 {
  background-color: rgba(255, 255, 255, 0.2);
}
.filter-cw-20 img {
  display: block;
}
.filter-cw-30 {
  background-color: rgba(255, 255, 255, 0.3);
}
.filter-cw-30 img {
  display: block;
}
.filter-cw-40 {
  background-color: rgba(255, 255, 255, 0.4);
}
.filter-cw-40 img {
  display: block;
}
.filter-cw-50 {
  background-color: rgba(255, 255, 255, 0.5);
}
.filter-cw-50 img {
  display: block;
}
.filter-cw-60 {
  background-color: rgba(255, 255, 255, 0.6);
}
.filter-cw-60 img {
  display: block;
}
.filter-cw-70 {
  background-color: rgba(255, 255, 255, 0.7);
}
.filter-cw-70 img {
  display: block;
}
.filter-cw-80 {
  background-color: rgba(255, 255, 255, 0.8);
}
.filter-cw-80 img {
  display: block;
}
.filter-cw-90 {
  background-color: rgba(255, 255, 255, 0.9);
}
.filter-cw-90 img {
  display: block;
}
.filter-c1-5-after:after {
  background-color: rgba(31, 80, 161, 0.05);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.filter-c1-5-after img {
  display: block;
}
.filter-c1-10-after:after {
  background-color: rgba(31, 80, 161, 0.1);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.filter-c1-10-after img {
  display: block;
}
.filter-c1-20-after:after {
  background-color: rgba(31, 80, 161, 0.2);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.filter-c1-20-after img {
  display: block;
}
.filter-c1-30-after:after {
  background-color: rgba(31, 80, 161, 0.3);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.filter-c1-30-after img {
  display: block;
}
.filter-c1-40-after:after {
  background-color: rgba(31, 80, 161, 0.4);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.filter-c1-40-after img {
  display: block;
}
.filter-c1-50-after:after {
  background-color: rgba(31, 80, 161, 0.5);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.filter-c1-50-after img {
  display: block;
}
.filter-c1-60-after:after {
  background-color: rgba(31, 80, 161, 0.6);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.filter-c1-60-after img {
  display: block;
}
.filter-c1-70-after:after {
  background-color: rgba(31, 80, 161, 0.7);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.filter-c1-70-after img {
  display: block;
}
.filter-c1-80-after:after {
  background-color: rgba(31, 80, 161, 0.8);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.filter-c1-80-after img {
  display: block;
}
.filter-c2-5-after:after {
  background-color: rgba(51, 51, 51, 0.05);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.filter-c2-5-after img {
  display: block;
}
.filter-c2-10-after:after {
  background-color: rgba(51, 51, 51, 0.1);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.filter-c2-10-after img {
  display: block;
}
.filter-c2-20-after:after {
  background-color: rgba(51, 51, 51, 0.2);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.filter-c2-20-after img {
  display: block;
}
.filter-c2-30-after:after {
  background-color: rgba(51, 51, 51, 0.3);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.filter-c2-30-after img {
  display: block;
}
.filter-c2-50-after:after {
  background-color: rgba(51, 51, 51, 0.5);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.filter-c2-50-after img {
  display: block;
}
.filter-c2-80-after:after {
  background-color: rgba(51, 51, 51, 0.8);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.filter-c2-80-after img {
  display: block;
}
.filter-cw-5-after:after {
  background-color: rgba(255, 255, 255, 0.05);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.filter-cw-5-after img {
  display: block;
}
.filter-cw-10-after:after {
  background-color: rgba(255, 255, 255, 0.1);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.filter-cw-10-after img {
  display: block;
}

.o-10 {
  opacity: 0.1;
}
.o-20 {
  opacity: 0.2;
}
.o-30 {
  opacity: 0.3;
}
.o-40 {
  opacity: 0.4;
}
.o-50 {
  opacity: 0.5;
}
.o-60 {
  opacity: 0.6;
}
.o-70 {
  opacity: 0.7;
}
.o-80 {
  opacity: 0.8;
}
.o-90 {
  opacity: 0.9;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

div[data-elementor-type=wp-page] {
  /*> div.e-con.e-flex {
    // Flex Container 1.Ebene
    --padding-bottom: 32px;
    --padding-top: 64px;
    --padding-left: 8px;
    --padding-right: 8px;
    @include md {
      --padding-bottom: 32px;
      --padding-top: 64px;
      --padding-left: 0;
      --padding-right: 0;
    }
    > .e-con.e-grid {
      .e-con-inner {
        --padding-top: 32px;
        --padding-bottom: 32px;
        > div.elementor-element {
          padding-bottom: 16px;
          --padding-top: 0;
        }

        > div.elementor-element:last-child {
          padding-bottom: 0;
        }
      }
    }

    > div.elementor-element:last-child {
      padding-bottom: 0;
      padding-top: 0;
      @include md {
        padding-bottom: space(4);
      }
    }
    > div.e-con-inner {
      --padding-top: 64px;
      --padding-left: 16px;
      --pading-right: 16px;
      --padding-bottom: 32px;
      > div.e-con {
        --padding-bottom: 0;
        --padding-top: 0;
        --padding-left: 8px;
        --padding-right: 8px;
        @include md {
          --padding-bottom: 0;
          --padding-top: 0;
        }
        > div.e-con {
          --padding-top: 0;
          --padding-left: 0;
          --padding-right: 0;
        }
      }
    }

    //background: yellow;

    .e-con {
      --padding-bottom: 8px;
      --padding-top: 8px;
      --padding-left: 8px;
      --padding-right: 8px;
      @include md {
        --padding-bottom: 32px;
        --padding-top: 32px;
      }

      > div:last-child {
        @include md {
          --padding-bottom: 32px;
          --padding-top: 32px;
        }
      }
      > div.e-con {
        // background-color: red;
        > div:last-child {
          @include md {
            --padding-bottom: 32px;
            --padding-top: 64px;
            --padding-left: 0;
            --padding-right: 0;
          }
        }
      }
    }
  }
  > div.e-grid.e-con {
    padding-bottom: 32px;
    --padding-top: 64px;
    --padding-left: 8px;
    --padding-right: 8px;
    @include md {
      --padding-bottom: 32px;
      --padding-top: 64px;
      --padding-left: 0;
      --padding-right: 0;
    }
  }*/
}
body footer.e-con {
  padding-bottom: 32px;
  padding-top: 32px;
}
@media (min-width: 768px) {
  body footer.e-con {
    padding-bottom: 64px;
    padding-top: 64px;
  }
}
body footer.e-con div.e-con {
  padding-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

h1, .elementor-widget-heading h1,
.elementor-widget-bdt-advanced-heading h1,
.elementor-widget-text-editor h1 {
  font-size: 32px;
  line-height: 1;
  font-weight: 400;
}
@media (min-width: 768px) {
  h1, .elementor-widget-heading h1,
  .elementor-widget-bdt-advanced-heading h1,
  .elementor-widget-text-editor h1 {
    font-size: 36px;
  }
}
@media (min-width: 992px) {
  h1, .elementor-widget-heading h1,
  .elementor-widget-bdt-advanced-heading h1,
  .elementor-widget-text-editor h1 {
    font-size: 40px;
    padding-bottom: 0;
  }
}

h2, .elementor-widget-heading h2,
.elementor-widget-bdt-advanced-heading h2,
.elementor-widget-text-editor h2 {
  font-size: 28px;
  line-height: 1;
  font-weight: 400;
}
@media (min-width: 768px) {
  h2, .elementor-widget-heading h2,
  .elementor-widget-bdt-advanced-heading h2,
  .elementor-widget-text-editor h2 {
    font-size: 32px;
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  h2, .elementor-widget-heading h2,
  .elementor-widget-bdt-advanced-heading h2,
  .elementor-widget-text-editor h2 {
    font-size: 36px;
    padding-bottom: 0;
  }
}

h3, .elementor-widget-heading h3,
.elementor-widget-bdt-advanced-heading h3,
.elementor-widget-text-editor h3 {
  font-size: 24px;
  line-height: 1;
  font-weight: 400;
}
@media (min-width: 768px) {
  h3, .elementor-widget-heading h3,
  .elementor-widget-bdt-advanced-heading h3,
  .elementor-widget-text-editor h3 {
    font-size: 28px;
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  h3, .elementor-widget-heading h3,
  .elementor-widget-bdt-advanced-heading h3,
  .elementor-widget-text-editor h3 {
    font-size: 32px;
    padding-bottom: 0;
  }
}

h4, .elementor-widget-heading h4,
.elementor-widget-bdt-advanced-heading h4,
.elementor-widget-text-editor h4 {
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
}
@media (min-width: 768px) {
  h4, .elementor-widget-heading h4,
  .elementor-widget-bdt-advanced-heading h4,
  .elementor-widget-text-editor h4 {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  h4, .elementor-widget-heading h4,
  .elementor-widget-bdt-advanced-heading h4,
  .elementor-widget-text-editor h4 {
    font-size: 28px;
  }
}

h5, .elementor-widget-heading h5,
.elementor-widget-bdt-advanced-heading h5,
.elementor-widget-text-editor h5 {
  font-size: 16px;
  font-weight: 400;
}
@media (min-width: 768px) {
  h5, .elementor-widget-heading h5,
  .elementor-widget-bdt-advanced-heading h5,
  .elementor-widget-text-editor h5 {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  h5, .elementor-widget-heading h5,
  .elementor-widget-bdt-advanced-heading h5,
  .elementor-widget-text-editor h5 {
    font-size: 24px;
  }
}

h6, .elementor-widget-heading h6,
.elementor-widget-bdt-advanced-heading h6,
.elementor-widget-text-editor h6 {
  font-size: 12px;
  line-height: 1.33;
}
@media (min-width: 768px) {
  h6, .elementor-widget-heading h6,
  .elementor-widget-bdt-advanced-heading h6,
  .elementor-widget-text-editor h6 {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  h6, .elementor-widget-heading h6,
  .elementor-widget-bdt-advanced-heading h6,
  .elementor-widget-text-editor h6 {
    font-size: 20px;
  }
}

.elementor-widget-text-editor p {
  margin-bottom: 0;
  margin-top: 0;
  line-height: 1.5rem;
  padding-bottom: 16px;
}
.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 32px;
}

.elementor-widget-text-editor p:last-child {
  padding-bottom: 0;
}

.elementor-widget-icon-box .elementor-icon-box-title {
  margin-top: 8px;
  margin-bottom: 16px;
}