/*!
Theme Name: rm-trainer
Theme URI: http://underscores.me/
Author: Planeta Digital
Author URI: https://planetadigital.pt/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: rmtrainer
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
:root {
  --font-base: Poppins, sans-serif;
  --font-primary: Poppins, sans-serif;
  --font-secondary: Poppins, sans-serif;
  --color-primary-700: #b4921c;
  --color-primary-500: #ddb426;
  --color-primary-300: #e7cb68;
  --color-secondary-600: #111111;
  --color-secondary-400: #232323;
  --color-secondary-300: #dde6e8;
  --color-dark-900: #111111;
  --color-neutral-900: #111111;
  --color-neutral-800: #232323;
  --color-neutral-700: #4a4a4a;
  --color-neutral-500: #717171;
  --color-neutral-300: #a1a1a1;
  --color-neutral-200: #f2f2f2;
  --color-neutral-100: #dde6e8;
  --color-footer-muted: #d9e1e3;
  --color-white: #ffffff;
  --color-black: #000000;
  --gradient-hero-aurora: linear-gradient(135deg, #111111 0%, #232323 45%, #b4921c 100%);
  --gradient-teal-band: linear-gradient(90deg, #e7cb68 0%, #ddb426 48%, #b4921c 100%);
  --gradient-soft-canvas: linear-gradient(180deg, #ffffff 0%, #f2f2f2 100%);
  --gradient-aqua-glass: linear-gradient(150deg, rgba(231, 203, 104, 0.26) 0%, rgba(255, 255, 255, 0.95) 56%, rgba(221, 180, 38, 0.16) 100%);
  --gradient-neutral-depth: linear-gradient(165deg, #111111 0%, #232323 42%, #2b2b2b 68%, #4a4a4a 100%);
  --gradient-deep-ocean: radial-gradient(circle at 14% 18%, rgba(231, 203, 104, 0.22), transparent 44%), linear-gradient(160deg, #111111 0%, #232323 52%, #b4921c 100%);
  --gradient-footer-night: linear-gradient(135deg, #111111 0%, #232323 50%, #b4921c 100%);
  --text-4: 4px;
  --text-7: 7px;
  --text-8: 8px;
  --text-9: 9px;
  --text-10: 10px;
  --text-12: 12px;
  --text-13: 13px;
  --text-14: 14px;
  --text-15: 15px;
  --text-16: 16px;
  --text-18: 18px;
  --text-20: 20px;
  --text-22: 22px;
  --text-24: 24px;
  --text-25: 25px;
  --text-26: 26px;
  --text-28: 28px;
  --text-30: 30px;
  --text-32: 32px;
  --text-34: 34px;
  --text-38: 38px;
  --text-40: 40px;
  --text-45: 45px;
  --text-50: 50px;
  --text-60: 60px;
  --text-64: 64px;
  --text-80: 80px;
  --text-100: 100px;
  --text-120: 120px;  --text-11: 11px;
  --text-17: 17px;
  --text-19: 19px;
  --text-21: 21px;
  --text-36: 36px;
  --text-44: 44px;
  --text-46: 46px;
  --text-48: 48px;
  --text-52: 52px;
  --text-54: 54px;
  --text-58: 58px;
  --text-62: 62px;
  --text-72: 72px;
  --text-74: 74px;
  --text-76: 76px;

}

.bg-primary-700 {
  background-color: var(--color-primary-700) !important;
}

.text-primary-700 {
  color: var(--color-primary-700) !important;
}

.border-primary-700 {
  border-color: var(--color-primary-700) !important;
}

.bg-primary-500 {
  background-color: var(--color-primary-500) !important;
}

.text-primary-500 {
  color: var(--color-primary-500) !important;
}

.border-primary-500 {
  border-color: var(--color-primary-500) !important;
}

.bg-primary-300 {
  background-color: var(--color-primary-300) !important;
}

.text-primary-300 {
  color: var(--color-primary-300) !important;
}

.border-primary-300 {
  border-color: var(--color-primary-300) !important;
}

.bg-secondary-600 {
  background-color: var(--color-secondary-600) !important;
}

.text-secondary-600 {
  color: var(--color-secondary-600) !important;
}

.border-secondary-600 {
  border-color: var(--color-secondary-600) !important;
}

.bg-secondary-400 {
  background-color: var(--color-secondary-400) !important;
}

.text-secondary-400 {
  color: var(--color-secondary-400) !important;
}

.border-secondary-400 {
  border-color: var(--color-secondary-400) !important;
}

.bg-secondary-300 {
  background-color: var(--color-secondary-300) !important;
}

.text-secondary-300 {
  color: var(--color-secondary-300) !important;
}

.border-secondary-300 {
  border-color: var(--color-secondary-300) !important;
}

.bg-dark-900 {
  background-color: var(--color-dark-900) !important;
}

.text-dark-900 {
  color: var(--color-dark-900) !important;
}

.border-dark-900 {
  border-color: var(--color-dark-900) !important;
}

.bg-neutral-900 {
  background-color: var(--color-neutral-900) !important;
}

.text-neutral-900 {
  color: var(--color-neutral-900) !important;
}

.border-neutral-900 {
  border-color: var(--color-neutral-900) !important;
}

.bg-neutral-800 {
  background-color: var(--color-neutral-800) !important;
}

.text-neutral-800 {
  color: var(--color-neutral-800) !important;
}

.border-neutral-800 {
  border-color: var(--color-neutral-800) !important;
}

.bg-neutral-700 {
  background-color: var(--color-neutral-700) !important;
}

.text-neutral-700 {
  color: var(--color-neutral-700) !important;
}

.border-neutral-700 {
  border-color: var(--color-neutral-700) !important;
}

.bg-neutral-500 {
  background-color: var(--color-neutral-500) !important;
}

.text-neutral-500 {
  color: var(--color-neutral-500) !important;
}

.border-neutral-500 {
  border-color: var(--color-neutral-500) !important;
}

.bg-neutral-300 {
  background-color: var(--color-neutral-300) !important;
}

.text-neutral-300 {
  color: var(--color-neutral-300) !important;
}

.border-neutral-300 {
  border-color: var(--color-neutral-300) !important;
}

.bg-neutral-200 {
  background-color: var(--color-neutral-200) !important;
}

.text-neutral-200 {
  color: var(--color-neutral-200) !important;
}

.border-neutral-200 {
  border-color: var(--color-neutral-200) !important;
}

.bg-neutral-100 {
  background-color: var(--color-neutral-100) !important;
}

.text-neutral-100 {
  color: var(--color-neutral-100) !important;
}

.border-neutral-100 {
  border-color: var(--color-neutral-100) !important;
}

.bg-footer-muted {
  background-color: var(--color-footer-muted) !important;
}

.text-footer-muted {
  color: var(--color-footer-muted) !important;
}

.border-footer-muted {
  border-color: var(--color-footer-muted) !important;
}

.bg-white {
  background-color: var(--color-white) !important;
}

.text-white {
  color: var(--color-white) !important;
}

.border-white {
  border-color: var(--color-white) !important;
}

.bg-black {
  background-color: var(--color-black) !important;
}

.text-black {
  color: var(--color-black) !important;
}

.border-black {
  border-color: var(--color-black) !important;
}

.bg-hero-aurora {
  background-color: transparent !important;
  background-image: linear-gradient(135deg, #111111 0%, #232323 45%, #b4921c 100%) !important;
}

.bg-gradient-hero-aurora {
  background-color: transparent !important;
  background-image: linear-gradient(135deg, #111111 0%, #232323 45%, #b4921c 100%) !important;
}

.bg-teal-band {
  background-color: transparent !important;
  background-image: linear-gradient(90deg, #e7cb68 0%, #ddb426 48%, #b4921c 100%) !important;
}

.bg-gradient-teal-band {
  background-color: transparent !important;
  background-image: linear-gradient(90deg, #e7cb68 0%, #ddb426 48%, #b4921c 100%) !important;
}

.bg-soft-canvas {
  background-color: transparent !important;
  background-image: linear-gradient(180deg, #ffffff 0%, #f2f2f2 100%) !important;
}

.bg-gradient-soft-canvas {
  background-color: transparent !important;
  background-image: linear-gradient(180deg, #ffffff 0%, #f2f2f2 100%) !important;
}

.bg-aqua-glass {
  background-color: transparent !important;
  background-image: linear-gradient(150deg, rgba(231, 203, 104, 0.26) 0%, rgba(255, 255, 255, 0.95) 56%, rgba(221, 180, 38, 0.16) 100%) !important;
}

.bg-gradient-aqua-glass {
  background-color: transparent !important;
  background-image: linear-gradient(150deg, rgba(231, 203, 104, 0.26) 0%, rgba(255, 255, 255, 0.95) 56%, rgba(221, 180, 38, 0.16) 100%) !important;
}

.bg-neutral-depth {
  background-color: transparent !important;
  background-image: linear-gradient(165deg, #111111 0%, #232323 42%, #2b2b2b 68%, #4a4a4a 100%) !important;
}

.bg-gradient-neutral-depth {
  background-color: transparent !important;
  background-image: linear-gradient(165deg, #111111 0%, #232323 42%, #2b2b2b 68%, #4a4a4a 100%) !important;
}

.bg-deep-ocean {
  background-color: transparent !important;
  background-image: radial-gradient(circle at 14% 18%, rgba(231, 203, 104, 0.22), transparent 44%), linear-gradient(160deg, #111111 0%, #232323 52%, #b4921c 100%) !important;
}

.bg-gradient-deep-ocean {
  background-color: transparent !important;
  background-image: radial-gradient(circle at 14% 18%, rgba(231, 203, 104, 0.22), transparent 44%), linear-gradient(160deg, #111111 0%, #232323 52%, #b4921c 100%) !important;
}

.bg-footer-night {
  background-color: transparent !important;
  background-image: linear-gradient(135deg, #111111 0%, #232323 50%, #b4921c 100%) !important;
}

.bg-gradient-footer-night {
  background-color: transparent !important;
  background-image: linear-gradient(135deg, #111111 0%, #232323 50%, #b4921c 100%) !important;
}

.bg-grid-neutral {
  background-color: #eef3f6 !important;
  background-image: linear-gradient(rgba(221, 230, 232, 0.34) 1px, transparent 1px), linear-gradient(90deg, rgba(221, 230, 232, 0.34) 1px, transparent 1px), linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(242, 242, 242, 0.92) 100%) !important;
  background-position: -1px -1px, -1px -1px, 0 0 !important;
  background-size: 32px 32px, 32px 32px, auto !important;
}

.bg-canvas {
  background-color: #eef3f6 !important;
  background-image: radial-gradient(circle at 12% 12%, rgba(231, 203, 104, 0.3), transparent 42%), radial-gradient(circle at 86% 84%, rgba(221, 180, 38, 0.14), transparent 38%), linear-gradient(rgba(221, 230, 232, 0.16) 1px, transparent 1px), linear-gradient(90deg, rgba(221, 230, 232, 0.16) 1px, transparent 1px), linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(242, 242, 242, 0.92) 100%) !important;
  background-position: 0 0, 0 0, -1px -1px, -1px -1px, 0 0 !important;
  background-size: auto, auto, 32px 32px, 32px 32px, auto !important;
}

.ff-base,
.ff-primary,
.rm-btn {
  font-family: "Poppins", sans-serif !important;
}

.ff-secondary {
  font-family: "Poppins", sans-serif !important;
}

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

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

.fw-600, .screen-reader-text:focus {
  font-weight: 600 !important;
}

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

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

html,
body {
  overflow-x: hidden;
}

body,
button,
input,
select,
optgroup,
textarea {
  font-family: var(--font-primary);
}

body {
  margin: 0 !important;
  padding: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-secondary);
  font-weight: 400;
}

body,
button,
input,
select,
optgroup,
textarea {
  font-family: "Poppins", sans-serif;
  color: #111111;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #111111;
}

a {
  color: #ddb426;
}

a:hover, a:focus {
  color: #111111;
}

::selection {
  background: rgba(221, 180, 38, 0.15);
  color: #111111;
}

.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;
  white-space: nowrap;
  width: 1px;
}

.screen-reader-text:focus {
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 0 0 3px rgba(231, 203, 104, 0.45);
  clip: auto !important;
  clip-path: none;
  color: #b4921c;
  display: block;
  height: auto;
  left: 12px;
  line-height: 1.3;
  padding: 10px 14px;
  text-decoration: none;
  top: 12px;
  width: auto;
  z-index: 100000;
}

.lh-tight {
  line-height: 1.1 !important;
}

.lh-snug {
  line-height: 1.25 !important;
}

.lh-normal {
  line-height: 1.5 !important;
}

.lh-relaxed {
  line-height: 1.7 !important;
}

.text-start {
  text-align: start !important;
}

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

.text-end {
  text-align: end !important;
}

.text-justify {
  text-align: justify !important;
}

@media (max-width: 1199px) {
  .xl\:text-start {
    text-align: start !important;
  }
  .xl\:text-center {
    text-align: center !important;
  }
  .xl\:text-end {
    text-align: end !important;
  }
  .xl\:text-justify {
    text-align: justify !important;
  }
}

@media (max-width: 991px) {
  .lg\:text-start {
    text-align: start !important;
  }
  .lg\:text-center {
    text-align: center !important;
  }
  .lg\:text-end {
    text-align: end !important;
  }
  .lg\:text-justify {
    text-align: justify !important;
  }
}

@media (max-width: 767px) {
  .md\:text-start {
    text-align: start !important;
  }
  .md\:text-center {
    text-align: center !important;
  }
  .md\:text-end {
    text-align: end !important;
  }
  .md\:text-justify {
    text-align: justify !important;
  }
}

@media (max-width: 575px) {
  .sm\:text-start {
    text-align: start !important;
  }
  .sm\:text-center {
    text-align: center !important;
  }
  .sm\:text-end {
    text-align: end !important;
  }
  .sm\:text-justify {
    text-align: justify !important;
  }
}

@media (max-width: 479px) {
  .xs\:text-start {
    text-align: start !important;
  }
  .xs\:text-center {
    text-align: center !important;
  }
  .xs\:text-end {
    text-align: end !important;
  }
  .xs\:text-justify {
    text-align: justify !important;
  }
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-decoration {
  text-decoration: underline !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-break {
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

.text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.text-4 {
  font-size: var(--text-4) !important;
}

.text-7 {
  font-size: var(--text-7) !important;
}

.text-8 {
  font-size: var(--text-8) !important;
}

.text-9 {
  font-size: var(--text-9) !important;
}

.text-10 {
  font-size: var(--text-10) !important;
}

.text-12 {
  font-size: var(--text-12) !important;
}

.text-13 {
  font-size: var(--text-13) !important;
}

.text-14, .screen-reader-text:focus {
  font-size: var(--text-14) !important;
}

.text-15 {
  font-size: var(--text-15) !important;
}

.text-16 {
  font-size: var(--text-16) !important;
}

.text-18 {
  font-size: var(--text-18) !important;
}

.text-20 {
  font-size: var(--text-20) !important;
}

.text-22 {
  font-size: var(--text-22) !important;
}

.text-24 {
  font-size: var(--text-24) !important;
}

.text-25 {
  font-size: var(--text-25) !important;
}

.text-26 {
  font-size: var(--text-26) !important;
}

.text-28 {
  font-size: var(--text-28) !important;
}

.text-30 {
  font-size: var(--text-30) !important;
}

.text-32 {
  font-size: var(--text-32) !important;
}

.text-34 {
  font-size: var(--text-34) !important;
}

.text-38 {
  font-size: var(--text-38) !important;
}

.text-40 {
  font-size: var(--text-40) !important;
}

.text-45 {
  font-size: var(--text-45) !important;
}

.text-50 {
  font-size: var(--text-50) !important;
}

.text-60 {
  font-size: var(--text-60) !important;
}

.text-64 {
  font-size: var(--text-64) !important;
}

.text-80 {
  font-size: var(--text-80) !important;
}

.text-100 {
  font-size: var(--text-100) !important;
}

.text-120 {
  font-size: var(--text-120) !important;
}

.text-11 {
  font-size: var(--text-11) !important;
}

.text-17 {
  font-size: var(--text-17) !important;
}

.text-19 {
  font-size: var(--text-19) !important;
}

.text-21 {
  font-size: var(--text-21) !important;
}

.text-36 {
  font-size: var(--text-36) !important;
}

.text-44 {
  font-size: var(--text-44) !important;
}

.text-46 {
  font-size: var(--text-46) !important;
}

.text-48 {
  font-size: var(--text-48) !important;
}

.text-52 {
  font-size: var(--text-52) !important;
}

.text-54 {
  font-size: var(--text-54) !important;
}

.text-58 {
  font-size: var(--text-58) !important;
}

.text-62 {
  font-size: var(--text-62) !important;
}

.text-72 {
  font-size: var(--text-72) !important;
}

.text-74 {
  font-size: var(--text-74) !important;
}

.text-76 {
  font-size: var(--text-76) !important;
}

@media (max-width: 1199px) {
  .xl\:text-4 {
    font-size: var(--text-4) !important;
  }
  .xl\:text-7 {
    font-size: var(--text-7) !important;
  }
  .xl\:text-8 {
    font-size: var(--text-8) !important;
  }
  .xl\:text-9 {
    font-size: var(--text-9) !important;
  }
  .xl\:text-10 {
    font-size: var(--text-10) !important;
  }
  .xl\:text-12 {
    font-size: var(--text-12) !important;
  }
  .xl\:text-13 {
    font-size: var(--text-13) !important;
  }
  .xl\:text-14 {
    font-size: var(--text-14) !important;
  }
  .xl\:text-15 {
    font-size: var(--text-15) !important;
  }
  .xl\:text-16 {
    font-size: var(--text-16) !important;
  }
  .xl\:text-18 {
    font-size: var(--text-18) !important;
  }
  .xl\:text-20 {
    font-size: var(--text-20) !important;
  }
  .xl\:text-22 {
    font-size: var(--text-22) !important;
  }
  .xl\:text-24 {
    font-size: var(--text-24) !important;
  }
  .xl\:text-25 {
    font-size: var(--text-25) !important;
  }
  .xl\:text-26 {
    font-size: var(--text-26) !important;
  }
  .xl\:text-28 {
    font-size: var(--text-28) !important;
  }
  .xl\:text-30 {
    font-size: var(--text-30) !important;
  }
  .xl\:text-32 {
    font-size: var(--text-32) !important;
  }
  .xl\:text-34 {
    font-size: var(--text-34) !important;
  }
  .xl\:text-38 {
    font-size: var(--text-38) !important;
  }
  .xl\:text-40 {
    font-size: var(--text-40) !important;
  }
  .xl\:text-45 {
    font-size: var(--text-45) !important;
  }
  .xl\:text-50 {
    font-size: var(--text-50) !important;
  }
  .xl\:text-60 {
    font-size: var(--text-60) !important;
  }
  .xl\:text-64 {
    font-size: var(--text-64) !important;
  }
  .xl\:text-80 {
    font-size: var(--text-80) !important;
  }
  .xl\:text-100 {
    font-size: var(--text-100) !important;
  }
  .xl\:text-120 {
    font-size: var(--text-120) !important;
  }  .xl\:text-11 {
    font-size: var(--text-11) !important;
  }
  .xl\:text-17 {
    font-size: var(--text-17) !important;
  }
  .xl\:text-19 {
    font-size: var(--text-19) !important;
  }
  .xl\:text-21 {
    font-size: var(--text-21) !important;
  }
  .xl\:text-36 {
    font-size: var(--text-36) !important;
  }
  .xl\:text-44 {
    font-size: var(--text-44) !important;
  }
  .xl\:text-46 {
    font-size: var(--text-46) !important;
  }
  .xl\:text-48 {
    font-size: var(--text-48) !important;
  }
  .xl\:text-52 {
    font-size: var(--text-52) !important;
  }
  .xl\:text-54 {
    font-size: var(--text-54) !important;
  }
  .xl\:text-58 {
    font-size: var(--text-58) !important;
  }
  .xl\:text-62 {
    font-size: var(--text-62) !important;
  }
  .xl\:text-72 {
    font-size: var(--text-72) !important;
  }
  .xl\:text-74 {
    font-size: var(--text-74) !important;
  }
  .xl\:text-76 {
    font-size: var(--text-76) !important;
  }

}

@media (max-width: 991px) {
  .lg\:text-4 {
    font-size: var(--text-4) !important;
  }
  .lg\:text-7 {
    font-size: var(--text-7) !important;
  }
  .lg\:text-8 {
    font-size: var(--text-8) !important;
  }
  .lg\:text-9 {
    font-size: var(--text-9) !important;
  }
  .lg\:text-10 {
    font-size: var(--text-10) !important;
  }
  .lg\:text-12 {
    font-size: var(--text-12) !important;
  }
  .lg\:text-13 {
    font-size: var(--text-13) !important;
  }
  .lg\:text-14 {
    font-size: var(--text-14) !important;
  }
  .lg\:text-15 {
    font-size: var(--text-15) !important;
  }
  .lg\:text-16 {
    font-size: var(--text-16) !important;
  }
  .lg\:text-18 {
    font-size: var(--text-18) !important;
  }
  .lg\:text-20 {
    font-size: var(--text-20) !important;
  }
  .lg\:text-22 {
    font-size: var(--text-22) !important;
  }
  .lg\:text-24 {
    font-size: var(--text-24) !important;
  }
  .lg\:text-25 {
    font-size: var(--text-25) !important;
  }
  .lg\:text-26 {
    font-size: var(--text-26) !important;
  }
  .lg\:text-28 {
    font-size: var(--text-28) !important;
  }
  .lg\:text-30 {
    font-size: var(--text-30) !important;
  }
  .lg\:text-32 {
    font-size: var(--text-32) !important;
  }
  .lg\:text-34 {
    font-size: var(--text-34) !important;
  }
  .lg\:text-38 {
    font-size: var(--text-38) !important;
  }
  .lg\:text-40 {
    font-size: var(--text-40) !important;
  }
  .lg\:text-45 {
    font-size: var(--text-45) !important;
  }
  .lg\:text-50 {
    font-size: var(--text-50) !important;
  }
  .lg\:text-60 {
    font-size: var(--text-60) !important;
  }
  .lg\:text-64 {
    font-size: var(--text-64) !important;
  }
  .lg\:text-80 {
    font-size: var(--text-80) !important;
  }
  .lg\:text-100 {
    font-size: var(--text-100) !important;
  }
  .lg\:text-120 {
    font-size: var(--text-120) !important;
  }  .lg\:text-11 {
    font-size: var(--text-11) !important;
  }
  .lg\:text-17 {
    font-size: var(--text-17) !important;
  }
  .lg\:text-19 {
    font-size: var(--text-19) !important;
  }
  .lg\:text-21 {
    font-size: var(--text-21) !important;
  }
  .lg\:text-36 {
    font-size: var(--text-36) !important;
  }
  .lg\:text-44 {
    font-size: var(--text-44) !important;
  }
  .lg\:text-46 {
    font-size: var(--text-46) !important;
  }
  .lg\:text-48 {
    font-size: var(--text-48) !important;
  }
  .lg\:text-52 {
    font-size: var(--text-52) !important;
  }
  .lg\:text-54 {
    font-size: var(--text-54) !important;
  }
  .lg\:text-58 {
    font-size: var(--text-58) !important;
  }
  .lg\:text-62 {
    font-size: var(--text-62) !important;
  }
  .lg\:text-72 {
    font-size: var(--text-72) !important;
  }
  .lg\:text-74 {
    font-size: var(--text-74) !important;
  }
  .lg\:text-76 {
    font-size: var(--text-76) !important;
  }

}

@media (max-width: 767px) {
  .md\:text-4 {
    font-size: var(--text-4) !important;
  }
  .md\:text-7 {
    font-size: var(--text-7) !important;
  }
  .md\:text-8 {
    font-size: var(--text-8) !important;
  }
  .md\:text-9 {
    font-size: var(--text-9) !important;
  }
  .md\:text-10 {
    font-size: var(--text-10) !important;
  }
  .md\:text-12 {
    font-size: var(--text-12) !important;
  }
  .md\:text-13 {
    font-size: var(--text-13) !important;
  }
  .md\:text-14 {
    font-size: var(--text-14) !important;
  }
  .md\:text-15 {
    font-size: var(--text-15) !important;
  }
  .md\:text-16 {
    font-size: var(--text-16) !important;
  }
  .md\:text-18 {
    font-size: var(--text-18) !important;
  }
  .md\:text-20 {
    font-size: var(--text-20) !important;
  }
  .md\:text-22 {
    font-size: var(--text-22) !important;
  }
  .md\:text-24 {
    font-size: var(--text-24) !important;
  }
  .md\:text-25 {
    font-size: var(--text-25) !important;
  }
  .md\:text-26 {
    font-size: var(--text-26) !important;
  }
  .md\:text-28 {
    font-size: var(--text-28) !important;
  }
  .md\:text-30 {
    font-size: var(--text-30) !important;
  }
  .md\:text-32 {
    font-size: var(--text-32) !important;
  }
  .md\:text-34 {
    font-size: var(--text-34) !important;
  }
  .md\:text-38 {
    font-size: var(--text-38) !important;
  }
  .md\:text-40 {
    font-size: var(--text-40) !important;
  }
  .md\:text-45 {
    font-size: var(--text-45) !important;
  }
  .md\:text-50 {
    font-size: var(--text-50) !important;
  }
  .md\:text-60 {
    font-size: var(--text-60) !important;
  }
  .md\:text-64 {
    font-size: var(--text-64) !important;
  }
  .md\:text-80 {
    font-size: var(--text-80) !important;
  }
  .md\:text-100 {
    font-size: var(--text-100) !important;
  }
  .md\:text-120 {
    font-size: var(--text-120) !important;
  }  .md\:text-11 {
    font-size: var(--text-11) !important;
  }
  .md\:text-17 {
    font-size: var(--text-17) !important;
  }
  .md\:text-19 {
    font-size: var(--text-19) !important;
  }
  .md\:text-21 {
    font-size: var(--text-21) !important;
  }
  .md\:text-36 {
    font-size: var(--text-36) !important;
  }
  .md\:text-44 {
    font-size: var(--text-44) !important;
  }
  .md\:text-46 {
    font-size: var(--text-46) !important;
  }
  .md\:text-48 {
    font-size: var(--text-48) !important;
  }
  .md\:text-52 {
    font-size: var(--text-52) !important;
  }
  .md\:text-54 {
    font-size: var(--text-54) !important;
  }
  .md\:text-58 {
    font-size: var(--text-58) !important;
  }
  .md\:text-62 {
    font-size: var(--text-62) !important;
  }
  .md\:text-72 {
    font-size: var(--text-72) !important;
  }
  .md\:text-74 {
    font-size: var(--text-74) !important;
  }
  .md\:text-76 {
    font-size: var(--text-76) !important;
  }

}

@media (max-width: 575px) {
  .sm\:text-4 {
    font-size: var(--text-4) !important;
  }
  .sm\:text-7 {
    font-size: var(--text-7) !important;
  }
  .sm\:text-8 {
    font-size: var(--text-8) !important;
  }
  .sm\:text-9 {
    font-size: var(--text-9) !important;
  }
  .sm\:text-10 {
    font-size: var(--text-10) !important;
  }
  .sm\:text-12 {
    font-size: var(--text-12) !important;
  }
  .sm\:text-13 {
    font-size: var(--text-13) !important;
  }
  .sm\:text-14 {
    font-size: var(--text-14) !important;
  }
  .sm\:text-15 {
    font-size: var(--text-15) !important;
  }
  .sm\:text-16 {
    font-size: var(--text-16) !important;
  }
  .sm\:text-18 {
    font-size: var(--text-18) !important;
  }
  .sm\:text-20 {
    font-size: var(--text-20) !important;
  }
  .sm\:text-22 {
    font-size: var(--text-22) !important;
  }
  .sm\:text-24 {
    font-size: var(--text-24) !important;
  }
  .sm\:text-25 {
    font-size: var(--text-25) !important;
  }
  .sm\:text-26 {
    font-size: var(--text-26) !important;
  }
  .sm\:text-28 {
    font-size: var(--text-28) !important;
  }
  .sm\:text-30 {
    font-size: var(--text-30) !important;
  }
  .sm\:text-32 {
    font-size: var(--text-32) !important;
  }
  .sm\:text-34 {
    font-size: var(--text-34) !important;
  }
  .sm\:text-38 {
    font-size: var(--text-38) !important;
  }
  .sm\:text-40 {
    font-size: var(--text-40) !important;
  }
  .sm\:text-45 {
    font-size: var(--text-45) !important;
  }
  .sm\:text-50 {
    font-size: var(--text-50) !important;
  }
  .sm\:text-60 {
    font-size: var(--text-60) !important;
  }
  .sm\:text-64 {
    font-size: var(--text-64) !important;
  }
  .sm\:text-80 {
    font-size: var(--text-80) !important;
  }
  .sm\:text-100 {
    font-size: var(--text-100) !important;
  }
  .sm\:text-120 {
    font-size: var(--text-120) !important;
  }  .sm\:text-11 {
    font-size: var(--text-11) !important;
  }
  .sm\:text-17 {
    font-size: var(--text-17) !important;
  }
  .sm\:text-19 {
    font-size: var(--text-19) !important;
  }
  .sm\:text-21 {
    font-size: var(--text-21) !important;
  }
  .sm\:text-36 {
    font-size: var(--text-36) !important;
  }
  .sm\:text-44 {
    font-size: var(--text-44) !important;
  }
  .sm\:text-46 {
    font-size: var(--text-46) !important;
  }
  .sm\:text-48 {
    font-size: var(--text-48) !important;
  }
  .sm\:text-52 {
    font-size: var(--text-52) !important;
  }
  .sm\:text-54 {
    font-size: var(--text-54) !important;
  }
  .sm\:text-58 {
    font-size: var(--text-58) !important;
  }
  .sm\:text-62 {
    font-size: var(--text-62) !important;
  }
  .sm\:text-72 {
    font-size: var(--text-72) !important;
  }
  .sm\:text-74 {
    font-size: var(--text-74) !important;
  }
  .sm\:text-76 {
    font-size: var(--text-76) !important;
  }

}

@media (max-width: 479px) {
  .xs\:text-4 {
    font-size: var(--text-4) !important;
  }
  .xs\:text-7 {
    font-size: var(--text-7) !important;
  }
  .xs\:text-8 {
    font-size: var(--text-8) !important;
  }
  .xs\:text-9 {
    font-size: var(--text-9) !important;
  }
  .xs\:text-10 {
    font-size: var(--text-10) !important;
  }
  .xs\:text-12 {
    font-size: var(--text-12) !important;
  }
  .xs\:text-13 {
    font-size: var(--text-13) !important;
  }
  .xs\:text-14 {
    font-size: var(--text-14) !important;
  }
  .xs\:text-15 {
    font-size: var(--text-15) !important;
  }
  .xs\:text-16 {
    font-size: var(--text-16) !important;
  }
  .xs\:text-18 {
    font-size: var(--text-18) !important;
  }
  .xs\:text-20 {
    font-size: var(--text-20) !important;
  }
  .xs\:text-22 {
    font-size: var(--text-22) !important;
  }
  .xs\:text-24 {
    font-size: var(--text-24) !important;
  }
  .xs\:text-25 {
    font-size: var(--text-25) !important;
  }
  .xs\:text-26 {
    font-size: var(--text-26) !important;
  }
  .xs\:text-28 {
    font-size: var(--text-28) !important;
  }
  .xs\:text-30 {
    font-size: var(--text-30) !important;
  }
  .xs\:text-32 {
    font-size: var(--text-32) !important;
  }
  .xs\:text-34 {
    font-size: var(--text-34) !important;
  }
  .xs\:text-38 {
    font-size: var(--text-38) !important;
  }
  .xs\:text-40 {
    font-size: var(--text-40) !important;
  }
  .xs\:text-45 {
    font-size: var(--text-45) !important;
  }
  .xs\:text-50 {
    font-size: var(--text-50) !important;
  }
  .xs\:text-60 {
    font-size: var(--text-60) !important;
  }
  .xs\:text-64 {
    font-size: var(--text-64) !important;
  }
  .xs\:text-80 {
    font-size: var(--text-80) !important;
  }
  .xs\:text-100 {
    font-size: var(--text-100) !important;
  }
  .xs\:text-120 {
    font-size: var(--text-120) !important;
  }  .xs\:text-11 {
    font-size: var(--text-11) !important;
  }
  .xs\:text-17 {
    font-size: var(--text-17) !important;
  }
  .xs\:text-19 {
    font-size: var(--text-19) !important;
  }
  .xs\:text-21 {
    font-size: var(--text-21) !important;
  }
  .xs\:text-36 {
    font-size: var(--text-36) !important;
  }
  .xs\:text-44 {
    font-size: var(--text-44) !important;
  }
  .xs\:text-46 {
    font-size: var(--text-46) !important;
  }
  .xs\:text-48 {
    font-size: var(--text-48) !important;
  }
  .xs\:text-52 {
    font-size: var(--text-52) !important;
  }
  .xs\:text-54 {
    font-size: var(--text-54) !important;
  }
  .xs\:text-58 {
    font-size: var(--text-58) !important;
  }
  .xs\:text-62 {
    font-size: var(--text-62) !important;
  }
  .xs\:text-72 {
    font-size: var(--text-72) !important;
  }
  .xs\:text-74 {
    font-size: var(--text-74) !important;
  }
  .xs\:text-76 {
    font-size: var(--text-76) !important;
  }

}

/* ==========================
   Spacing utilities
   ========================== */
.p-0 {
  padding: 0px !important;
}

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

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

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

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

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

.p-24 {
  padding: 24px !important;
}

.p-28 {
  padding: 28px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-35 {
  padding: 35px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-45 {
  padding: 45px !important;
}

.p-48 {
  padding: 48px !important;
}

.p-50 {
  padding: 50px !important;
}

.p-60 {
  padding: 60px !important;
}

.p-70 {
  padding: 70px !important;
}

.p-80 {
  padding: 80px !important;
}

.p-90 {
  padding: 90px !important;
}

.p-100 {
  padding: 100px !important;
}

.p-110 {
  padding: 110px !important;
}

.p-120 {
  padding: 120px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-24 {
  margin: 24px !important;
}

.m-28 {
  margin: 28px !important;
}

.m-30 {
  margin: 30px !important;
}

.m-35 {
  margin: 35px !important;
}

.m-40 {
  margin: 40px !important;
}

.m-45 {
  margin: 45px !important;
}

.m-48 {
  margin: 48px !important;
}

.m-50 {
  margin: 50px !important;
}

.m-60 {
  margin: 60px !important;
}

.m-70 {
  margin: 70px !important;
}

.m-80 {
  margin: 80px !important;
}

.m-90 {
  margin: 90px !important;
}

.m-100 {
  margin: 100px !important;
}

.m-110 {
  margin: 110px !important;
}

.m-120 {
  margin: 120px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1199px) {
  .xl\:p-0 {
    padding: 0px !important;
  }
  .xl\:p-4 {
    padding: 4px !important;
  }
  .xl\:p-5 {
    padding: 5px !important;
  }
  .xl\:p-10 {
    padding: 10px !important;
  }
  .xl\:p-15 {
    padding: 15px !important;
  }
  .xl\:p-20 {
    padding: 20px !important;
  }
  .xl\:p-24 {
    padding: 24px !important;
  }
  .xl\:p-28 {
    padding: 28px !important;
  }
  .xl\:p-30 {
    padding: 30px !important;
  }
  .xl\:p-35 {
    padding: 35px !important;
  }
  .xl\:p-40 {
    padding: 40px !important;
  }
  .xl\:p-45 {
    padding: 45px !important;
  }
  .xl\:p-48 {
    padding: 48px !important;
  }
  .xl\:p-50 {
    padding: 50px !important;
  }
  .xl\:p-60 {
    padding: 60px !important;
  }
  .xl\:p-70 {
    padding: 70px !important;
  }
  .xl\:p-80 {
    padding: 80px !important;
  }
  .xl\:p-90 {
    padding: 90px !important;
  }
  .xl\:p-100 {
    padding: 100px !important;
  }
  .xl\:p-110 {
    padding: 110px !important;
  }
  .xl\:p-120 {
    padding: 120px !important;
  }
  .xl\:pt-0 {
    padding-top: 0px !important;
  }
  .xl\:pt-4 {
    padding-top: 4px !important;
  }
  .xl\:pt-5 {
    padding-top: 5px !important;
  }
  .xl\:pt-10 {
    padding-top: 10px !important;
  }
  .xl\:pt-15 {
    padding-top: 15px !important;
  }
  .xl\:pt-20 {
    padding-top: 20px !important;
  }
  .xl\:pt-24 {
    padding-top: 24px !important;
  }
  .xl\:pt-28 {
    padding-top: 28px !important;
  }
  .xl\:pt-30 {
    padding-top: 30px !important;
  }
  .xl\:pt-35 {
    padding-top: 35px !important;
  }
  .xl\:pt-40 {
    padding-top: 40px !important;
  }
  .xl\:pt-45 {
    padding-top: 45px !important;
  }
  .xl\:pt-48 {
    padding-top: 48px !important;
  }
  .xl\:pt-50 {
    padding-top: 50px !important;
  }
  .xl\:pt-60 {
    padding-top: 60px !important;
  }
  .xl\:pt-70 {
    padding-top: 70px !important;
  }
  .xl\:pt-80 {
    padding-top: 80px !important;
  }
  .xl\:pt-90 {
    padding-top: 90px !important;
  }
  .xl\:pt-100 {
    padding-top: 100px !important;
  }
  .xl\:pt-110 {
    padding-top: 110px !important;
  }
  .xl\:pt-120 {
    padding-top: 120px !important;
  }
  .xl\:pr-0 {
    padding-right: 0px !important;
  }
  .xl\:pr-4 {
    padding-right: 4px !important;
  }
  .xl\:pr-5 {
    padding-right: 5px !important;
  }
  .xl\:pr-10 {
    padding-right: 10px !important;
  }
  .xl\:pr-15 {
    padding-right: 15px !important;
  }
  .xl\:pr-20 {
    padding-right: 20px !important;
  }
  .xl\:pr-24 {
    padding-right: 24px !important;
  }
  .xl\:pr-28 {
    padding-right: 28px !important;
  }
  .xl\:pr-30 {
    padding-right: 30px !important;
  }
  .xl\:pr-35 {
    padding-right: 35px !important;
  }
  .xl\:pr-40 {
    padding-right: 40px !important;
  }
  .xl\:pr-45 {
    padding-right: 45px !important;
  }
  .xl\:pr-48 {
    padding-right: 48px !important;
  }
  .xl\:pr-50 {
    padding-right: 50px !important;
  }
  .xl\:pr-60 {
    padding-right: 60px !important;
  }
  .xl\:pr-70 {
    padding-right: 70px !important;
  }
  .xl\:pr-80 {
    padding-right: 80px !important;
  }
  .xl\:pr-90 {
    padding-right: 90px !important;
  }
  .xl\:pr-100 {
    padding-right: 100px !important;
  }
  .xl\:pr-110 {
    padding-right: 110px !important;
  }
  .xl\:pr-120 {
    padding-right: 120px !important;
  }
  .xl\:pb-0 {
    padding-bottom: 0px !important;
  }
  .xl\:pb-4 {
    padding-bottom: 4px !important;
  }
  .xl\:pb-5 {
    padding-bottom: 5px !important;
  }
  .xl\:pb-10 {
    padding-bottom: 10px !important;
  }
  .xl\:pb-15 {
    padding-bottom: 15px !important;
  }
  .xl\:pb-20 {
    padding-bottom: 20px !important;
  }
  .xl\:pb-24 {
    padding-bottom: 24px !important;
  }
  .xl\:pb-28 {
    padding-bottom: 28px !important;
  }
  .xl\:pb-30 {
    padding-bottom: 30px !important;
  }
  .xl\:pb-35 {
    padding-bottom: 35px !important;
  }
  .xl\:pb-40 {
    padding-bottom: 40px !important;
  }
  .xl\:pb-45 {
    padding-bottom: 45px !important;
  }
  .xl\:pb-48 {
    padding-bottom: 48px !important;
  }
  .xl\:pb-50 {
    padding-bottom: 50px !important;
  }
  .xl\:pb-60 {
    padding-bottom: 60px !important;
  }
  .xl\:pb-70 {
    padding-bottom: 70px !important;
  }
  .xl\:pb-80 {
    padding-bottom: 80px !important;
  }
  .xl\:pb-90 {
    padding-bottom: 90px !important;
  }
  .xl\:pb-100 {
    padding-bottom: 100px !important;
  }
  .xl\:pb-110 {
    padding-bottom: 110px !important;
  }
  .xl\:pb-120 {
    padding-bottom: 120px !important;
  }
  .xl\:pl-0 {
    padding-left: 0px !important;
  }
  .xl\:pl-4 {
    padding-left: 4px !important;
  }
  .xl\:pl-5 {
    padding-left: 5px !important;
  }
  .xl\:pl-10 {
    padding-left: 10px !important;
  }
  .xl\:pl-15 {
    padding-left: 15px !important;
  }
  .xl\:pl-20 {
    padding-left: 20px !important;
  }
  .xl\:pl-24 {
    padding-left: 24px !important;
  }
  .xl\:pl-28 {
    padding-left: 28px !important;
  }
  .xl\:pl-30 {
    padding-left: 30px !important;
  }
  .xl\:pl-35 {
    padding-left: 35px !important;
  }
  .xl\:pl-40 {
    padding-left: 40px !important;
  }
  .xl\:pl-45 {
    padding-left: 45px !important;
  }
  .xl\:pl-48 {
    padding-left: 48px !important;
  }
  .xl\:pl-50 {
    padding-left: 50px !important;
  }
  .xl\:pl-60 {
    padding-left: 60px !important;
  }
  .xl\:pl-70 {
    padding-left: 70px !important;
  }
  .xl\:pl-80 {
    padding-left: 80px !important;
  }
  .xl\:pl-90 {
    padding-left: 90px !important;
  }
  .xl\:pl-100 {
    padding-left: 100px !important;
  }
  .xl\:pl-110 {
    padding-left: 110px !important;
  }
  .xl\:pl-120 {
    padding-left: 120px !important;
  }
  .xl\:px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .xl\:px-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .xl\:px-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .xl\:px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .xl\:px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .xl\:px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .xl\:px-24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .xl\:px-28 {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .xl\:px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .xl\:px-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .xl\:px-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .xl\:px-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .xl\:px-48 {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .xl\:px-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .xl\:px-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .xl\:px-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .xl\:px-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .xl\:px-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .xl\:px-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .xl\:px-110 {
    padding-left: 110px !important;
    padding-right: 110px !important;
  }
  .xl\:px-120 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .xl\:py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .xl\:py-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .xl\:py-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .xl\:py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .xl\:py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .xl\:py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .xl\:py-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .xl\:py-28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .xl\:py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .xl\:py-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .xl\:py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .xl\:py-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .xl\:py-48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .xl\:py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .xl\:py-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .xl\:py-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .xl\:py-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .xl\:py-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .xl\:py-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .xl\:py-110 {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
  }
  .xl\:py-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .xl\:m-0 {
    margin: 0px !important;
  }
  .xl\:m-4 {
    margin: 4px !important;
  }
  .xl\:m-5 {
    margin: 5px !important;
  }
  .xl\:m-10 {
    margin: 10px !important;
  }
  .xl\:m-15 {
    margin: 15px !important;
  }
  .xl\:m-20 {
    margin: 20px !important;
  }
  .xl\:m-24 {
    margin: 24px !important;
  }
  .xl\:m-28 {
    margin: 28px !important;
  }
  .xl\:m-30 {
    margin: 30px !important;
  }
  .xl\:m-35 {
    margin: 35px !important;
  }
  .xl\:m-40 {
    margin: 40px !important;
  }
  .xl\:m-45 {
    margin: 45px !important;
  }
  .xl\:m-48 {
    margin: 48px !important;
  }
  .xl\:m-50 {
    margin: 50px !important;
  }
  .xl\:m-60 {
    margin: 60px !important;
  }
  .xl\:m-70 {
    margin: 70px !important;
  }
  .xl\:m-80 {
    margin: 80px !important;
  }
  .xl\:m-90 {
    margin: 90px !important;
  }
  .xl\:m-100 {
    margin: 100px !important;
  }
  .xl\:m-110 {
    margin: 110px !important;
  }
  .xl\:m-120 {
    margin: 120px !important;
  }
  .xl\:mt-0 {
    margin-top: 0px !important;
  }
  .xl\:mt-4 {
    margin-top: 4px !important;
  }
  .xl\:mt-5 {
    margin-top: 5px !important;
  }
  .xl\:mt-10 {
    margin-top: 10px !important;
  }
  .xl\:mt-15 {
    margin-top: 15px !important;
  }
  .xl\:mt-20 {
    margin-top: 20px !important;
  }
  .xl\:mt-24 {
    margin-top: 24px !important;
  }
  .xl\:mt-28 {
    margin-top: 28px !important;
  }
  .xl\:mt-30 {
    margin-top: 30px !important;
  }
  .xl\:mt-35 {
    margin-top: 35px !important;
  }
  .xl\:mt-40 {
    margin-top: 40px !important;
  }
  .xl\:mt-45 {
    margin-top: 45px !important;
  }
  .xl\:mt-48 {
    margin-top: 48px !important;
  }
  .xl\:mt-50 {
    margin-top: 50px !important;
  }
  .xl\:mt-60 {
    margin-top: 60px !important;
  }
  .xl\:mt-70 {
    margin-top: 70px !important;
  }
  .xl\:mt-80 {
    margin-top: 80px !important;
  }
  .xl\:mt-90 {
    margin-top: 90px !important;
  }
  .xl\:mt-100 {
    margin-top: 100px !important;
  }
  .xl\:mt-110 {
    margin-top: 110px !important;
  }
  .xl\:mt-120 {
    margin-top: 120px !important;
  }
  .xl\:mr-0 {
    margin-right: 0px !important;
  }
  .xl\:mr-4 {
    margin-right: 4px !important;
  }
  .xl\:mr-5 {
    margin-right: 5px !important;
  }
  .xl\:mr-10 {
    margin-right: 10px !important;
  }
  .xl\:mr-15 {
    margin-right: 15px !important;
  }
  .xl\:mr-20 {
    margin-right: 20px !important;
  }
  .xl\:mr-24 {
    margin-right: 24px !important;
  }
  .xl\:mr-28 {
    margin-right: 28px !important;
  }
  .xl\:mr-30 {
    margin-right: 30px !important;
  }
  .xl\:mr-35 {
    margin-right: 35px !important;
  }
  .xl\:mr-40 {
    margin-right: 40px !important;
  }
  .xl\:mr-45 {
    margin-right: 45px !important;
  }
  .xl\:mr-48 {
    margin-right: 48px !important;
  }
  .xl\:mr-50 {
    margin-right: 50px !important;
  }
  .xl\:mr-60 {
    margin-right: 60px !important;
  }
  .xl\:mr-70 {
    margin-right: 70px !important;
  }
  .xl\:mr-80 {
    margin-right: 80px !important;
  }
  .xl\:mr-90 {
    margin-right: 90px !important;
  }
  .xl\:mr-100 {
    margin-right: 100px !important;
  }
  .xl\:mr-110 {
    margin-right: 110px !important;
  }
  .xl\:mr-120 {
    margin-right: 120px !important;
  }
  .xl\:mb-0 {
    margin-bottom: 0px !important;
  }
  .xl\:mb-4 {
    margin-bottom: 4px !important;
  }
  .xl\:mb-5 {
    margin-bottom: 5px !important;
  }
  .xl\:mb-10 {
    margin-bottom: 10px !important;
  }
  .xl\:mb-15 {
    margin-bottom: 15px !important;
  }
  .xl\:mb-20 {
    margin-bottom: 20px !important;
  }
  .xl\:mb-24 {
    margin-bottom: 24px !important;
  }
  .xl\:mb-28 {
    margin-bottom: 28px !important;
  }
  .xl\:mb-30 {
    margin-bottom: 30px !important;
  }
  .xl\:mb-35 {
    margin-bottom: 35px !important;
  }
  .xl\:mb-40 {
    margin-bottom: 40px !important;
  }
  .xl\:mb-45 {
    margin-bottom: 45px !important;
  }
  .xl\:mb-48 {
    margin-bottom: 48px !important;
  }
  .xl\:mb-50 {
    margin-bottom: 50px !important;
  }
  .xl\:mb-60 {
    margin-bottom: 60px !important;
  }
  .xl\:mb-70 {
    margin-bottom: 70px !important;
  }
  .xl\:mb-80 {
    margin-bottom: 80px !important;
  }
  .xl\:mb-90 {
    margin-bottom: 90px !important;
  }
  .xl\:mb-100 {
    margin-bottom: 100px !important;
  }
  .xl\:mb-110 {
    margin-bottom: 110px !important;
  }
  .xl\:mb-120 {
    margin-bottom: 120px !important;
  }
  .xl\:ml-0 {
    margin-left: 0px !important;
  }
  .xl\:ml-4 {
    margin-left: 4px !important;
  }
  .xl\:ml-5 {
    margin-left: 5px !important;
  }
  .xl\:ml-10 {
    margin-left: 10px !important;
  }
  .xl\:ml-15 {
    margin-left: 15px !important;
  }
  .xl\:ml-20 {
    margin-left: 20px !important;
  }
  .xl\:ml-24 {
    margin-left: 24px !important;
  }
  .xl\:ml-28 {
    margin-left: 28px !important;
  }
  .xl\:ml-30 {
    margin-left: 30px !important;
  }
  .xl\:ml-35 {
    margin-left: 35px !important;
  }
  .xl\:ml-40 {
    margin-left: 40px !important;
  }
  .xl\:ml-45 {
    margin-left: 45px !important;
  }
  .xl\:ml-48 {
    margin-left: 48px !important;
  }
  .xl\:ml-50 {
    margin-left: 50px !important;
  }
  .xl\:ml-60 {
    margin-left: 60px !important;
  }
  .xl\:ml-70 {
    margin-left: 70px !important;
  }
  .xl\:ml-80 {
    margin-left: 80px !important;
  }
  .xl\:ml-90 {
    margin-left: 90px !important;
  }
  .xl\:ml-100 {
    margin-left: 100px !important;
  }
  .xl\:ml-110 {
    margin-left: 110px !important;
  }
  .xl\:ml-120 {
    margin-left: 120px !important;
  }
  .xl\:mx-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .xl\:mx-4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .xl\:mx-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .xl\:mx-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .xl\:mx-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .xl\:mx-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .xl\:mx-24 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .xl\:mx-28 {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .xl\:mx-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .xl\:mx-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .xl\:mx-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .xl\:mx-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .xl\:mx-48 {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .xl\:mx-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .xl\:mx-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .xl\:mx-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
  .xl\:mx-80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .xl\:mx-90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
  .xl\:mx-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .xl\:mx-110 {
    margin-left: 110px !important;
    margin-right: 110px !important;
  }
  .xl\:mx-120 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .xl\:my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .xl\:my-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .xl\:my-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .xl\:my-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .xl\:my-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .xl\:my-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .xl\:my-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .xl\:my-28 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .xl\:my-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .xl\:my-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .xl\:my-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .xl\:my-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .xl\:my-48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .xl\:my-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .xl\:my-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .xl\:my-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .xl\:my-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .xl\:my-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .xl\:my-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .xl\:my-110 {
    margin-top: 110px !important;
    margin-bottom: 110px !important;
  }
  .xl\:my-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
}

@media (max-width: 991px) {
  .lg\:p-0 {
    padding: 0px !important;
  }
  .lg\:p-4 {
    padding: 4px !important;
  }
  .lg\:p-5 {
    padding: 5px !important;
  }
  .lg\:p-10 {
    padding: 10px !important;
  }
  .lg\:p-15 {
    padding: 15px !important;
  }
  .lg\:p-20 {
    padding: 20px !important;
  }
  .lg\:p-24 {
    padding: 24px !important;
  }
  .lg\:p-28 {
    padding: 28px !important;
  }
  .lg\:p-30 {
    padding: 30px !important;
  }
  .lg\:p-35 {
    padding: 35px !important;
  }
  .lg\:p-40 {
    padding: 40px !important;
  }
  .lg\:p-45 {
    padding: 45px !important;
  }
  .lg\:p-48 {
    padding: 48px !important;
  }
  .lg\:p-50 {
    padding: 50px !important;
  }
  .lg\:p-60 {
    padding: 60px !important;
  }
  .lg\:p-70 {
    padding: 70px !important;
  }
  .lg\:p-80 {
    padding: 80px !important;
  }
  .lg\:p-90 {
    padding: 90px !important;
  }
  .lg\:p-100 {
    padding: 100px !important;
  }
  .lg\:p-110 {
    padding: 110px !important;
  }
  .lg\:p-120 {
    padding: 120px !important;
  }
  .lg\:pt-0 {
    padding-top: 0px !important;
  }
  .lg\:pt-4 {
    padding-top: 4px !important;
  }
  .lg\:pt-5 {
    padding-top: 5px !important;
  }
  .lg\:pt-10 {
    padding-top: 10px !important;
  }
  .lg\:pt-15 {
    padding-top: 15px !important;
  }
  .lg\:pt-20 {
    padding-top: 20px !important;
  }
  .lg\:pt-24 {
    padding-top: 24px !important;
  }
  .lg\:pt-28 {
    padding-top: 28px !important;
  }
  .lg\:pt-30 {
    padding-top: 30px !important;
  }
  .lg\:pt-35 {
    padding-top: 35px !important;
  }
  .lg\:pt-40 {
    padding-top: 40px !important;
  }
  .lg\:pt-45 {
    padding-top: 45px !important;
  }
  .lg\:pt-48 {
    padding-top: 48px !important;
  }
  .lg\:pt-50 {
    padding-top: 50px !important;
  }
  .lg\:pt-60 {
    padding-top: 60px !important;
  }
  .lg\:pt-70 {
    padding-top: 70px !important;
  }
  .lg\:pt-80 {
    padding-top: 80px !important;
  }
  .lg\:pt-90 {
    padding-top: 90px !important;
  }
  .lg\:pt-100 {
    padding-top: 100px !important;
  }
  .lg\:pt-110 {
    padding-top: 110px !important;
  }
  .lg\:pt-120 {
    padding-top: 120px !important;
  }
  .lg\:pr-0 {
    padding-right: 0px !important;
  }
  .lg\:pr-4 {
    padding-right: 4px !important;
  }
  .lg\:pr-5 {
    padding-right: 5px !important;
  }
  .lg\:pr-10 {
    padding-right: 10px !important;
  }
  .lg\:pr-15 {
    padding-right: 15px !important;
  }
  .lg\:pr-20 {
    padding-right: 20px !important;
  }
  .lg\:pr-24 {
    padding-right: 24px !important;
  }
  .lg\:pr-28 {
    padding-right: 28px !important;
  }
  .lg\:pr-30 {
    padding-right: 30px !important;
  }
  .lg\:pr-35 {
    padding-right: 35px !important;
  }
  .lg\:pr-40 {
    padding-right: 40px !important;
  }
  .lg\:pr-45 {
    padding-right: 45px !important;
  }
  .lg\:pr-48 {
    padding-right: 48px !important;
  }
  .lg\:pr-50 {
    padding-right: 50px !important;
  }
  .lg\:pr-60 {
    padding-right: 60px !important;
  }
  .lg\:pr-70 {
    padding-right: 70px !important;
  }
  .lg\:pr-80 {
    padding-right: 80px !important;
  }
  .lg\:pr-90 {
    padding-right: 90px !important;
  }
  .lg\:pr-100 {
    padding-right: 100px !important;
  }
  .lg\:pr-110 {
    padding-right: 110px !important;
  }
  .lg\:pr-120 {
    padding-right: 120px !important;
  }
  .lg\:pb-0 {
    padding-bottom: 0px !important;
  }
  .lg\:pb-4 {
    padding-bottom: 4px !important;
  }
  .lg\:pb-5 {
    padding-bottom: 5px !important;
  }
  .lg\:pb-10 {
    padding-bottom: 10px !important;
  }
  .lg\:pb-15 {
    padding-bottom: 15px !important;
  }
  .lg\:pb-20 {
    padding-bottom: 20px !important;
  }
  .lg\:pb-24 {
    padding-bottom: 24px !important;
  }
  .lg\:pb-28 {
    padding-bottom: 28px !important;
  }
  .lg\:pb-30 {
    padding-bottom: 30px !important;
  }
  .lg\:pb-35 {
    padding-bottom: 35px !important;
  }
  .lg\:pb-40 {
    padding-bottom: 40px !important;
  }
  .lg\:pb-45 {
    padding-bottom: 45px !important;
  }
  .lg\:pb-48 {
    padding-bottom: 48px !important;
  }
  .lg\:pb-50 {
    padding-bottom: 50px !important;
  }
  .lg\:pb-60 {
    padding-bottom: 60px !important;
  }
  .lg\:pb-70 {
    padding-bottom: 70px !important;
  }
  .lg\:pb-80 {
    padding-bottom: 80px !important;
  }
  .lg\:pb-90 {
    padding-bottom: 90px !important;
  }
  .lg\:pb-100 {
    padding-bottom: 100px !important;
  }
  .lg\:pb-110 {
    padding-bottom: 110px !important;
  }
  .lg\:pb-120 {
    padding-bottom: 120px !important;
  }
  .lg\:pl-0 {
    padding-left: 0px !important;
  }
  .lg\:pl-4 {
    padding-left: 4px !important;
  }
  .lg\:pl-5 {
    padding-left: 5px !important;
  }
  .lg\:pl-10 {
    padding-left: 10px !important;
  }
  .lg\:pl-15 {
    padding-left: 15px !important;
  }
  .lg\:pl-20 {
    padding-left: 20px !important;
  }
  .lg\:pl-24 {
    padding-left: 24px !important;
  }
  .lg\:pl-28 {
    padding-left: 28px !important;
  }
  .lg\:pl-30 {
    padding-left: 30px !important;
  }
  .lg\:pl-35 {
    padding-left: 35px !important;
  }
  .lg\:pl-40 {
    padding-left: 40px !important;
  }
  .lg\:pl-45 {
    padding-left: 45px !important;
  }
  .lg\:pl-48 {
    padding-left: 48px !important;
  }
  .lg\:pl-50 {
    padding-left: 50px !important;
  }
  .lg\:pl-60 {
    padding-left: 60px !important;
  }
  .lg\:pl-70 {
    padding-left: 70px !important;
  }
  .lg\:pl-80 {
    padding-left: 80px !important;
  }
  .lg\:pl-90 {
    padding-left: 90px !important;
  }
  .lg\:pl-100 {
    padding-left: 100px !important;
  }
  .lg\:pl-110 {
    padding-left: 110px !important;
  }
  .lg\:pl-120 {
    padding-left: 120px !important;
  }
  .lg\:px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .lg\:px-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .lg\:px-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .lg\:px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .lg\:px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .lg\:px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .lg\:px-24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .lg\:px-28 {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .lg\:px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .lg\:px-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .lg\:px-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .lg\:px-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .lg\:px-48 {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .lg\:px-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .lg\:px-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .lg\:px-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .lg\:px-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .lg\:px-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .lg\:px-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .lg\:px-110 {
    padding-left: 110px !important;
    padding-right: 110px !important;
  }
  .lg\:px-120 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .lg\:py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .lg\:py-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .lg\:py-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .lg\:py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .lg\:py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .lg\:py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .lg\:py-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .lg\:py-28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .lg\:py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .lg\:py-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .lg\:py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .lg\:py-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .lg\:py-48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .lg\:py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .lg\:py-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .lg\:py-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .lg\:py-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .lg\:py-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .lg\:py-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .lg\:py-110 {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
  }
  .lg\:py-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .lg\:m-0 {
    margin: 0px !important;
  }
  .lg\:m-4 {
    margin: 4px !important;
  }
  .lg\:m-5 {
    margin: 5px !important;
  }
  .lg\:m-10 {
    margin: 10px !important;
  }
  .lg\:m-15 {
    margin: 15px !important;
  }
  .lg\:m-20 {
    margin: 20px !important;
  }
  .lg\:m-24 {
    margin: 24px !important;
  }
  .lg\:m-28 {
    margin: 28px !important;
  }
  .lg\:m-30 {
    margin: 30px !important;
  }
  .lg\:m-35 {
    margin: 35px !important;
  }
  .lg\:m-40 {
    margin: 40px !important;
  }
  .lg\:m-45 {
    margin: 45px !important;
  }
  .lg\:m-48 {
    margin: 48px !important;
  }
  .lg\:m-50 {
    margin: 50px !important;
  }
  .lg\:m-60 {
    margin: 60px !important;
  }
  .lg\:m-70 {
    margin: 70px !important;
  }
  .lg\:m-80 {
    margin: 80px !important;
  }
  .lg\:m-90 {
    margin: 90px !important;
  }
  .lg\:m-100 {
    margin: 100px !important;
  }
  .lg\:m-110 {
    margin: 110px !important;
  }
  .lg\:m-120 {
    margin: 120px !important;
  }
  .lg\:mt-0 {
    margin-top: 0px !important;
  }
  .lg\:mt-4 {
    margin-top: 4px !important;
  }
  .lg\:mt-5 {
    margin-top: 5px !important;
  }
  .lg\:mt-10 {
    margin-top: 10px !important;
  }
  .lg\:mt-15 {
    margin-top: 15px !important;
  }
  .lg\:mt-20 {
    margin-top: 20px !important;
  }
  .lg\:mt-24 {
    margin-top: 24px !important;
  }
  .lg\:mt-28 {
    margin-top: 28px !important;
  }
  .lg\:mt-30 {
    margin-top: 30px !important;
  }
  .lg\:mt-35 {
    margin-top: 35px !important;
  }
  .lg\:mt-40 {
    margin-top: 40px !important;
  }
  .lg\:mt-45 {
    margin-top: 45px !important;
  }
  .lg\:mt-48 {
    margin-top: 48px !important;
  }
  .lg\:mt-50 {
    margin-top: 50px !important;
  }
  .lg\:mt-60 {
    margin-top: 60px !important;
  }
  .lg\:mt-70 {
    margin-top: 70px !important;
  }
  .lg\:mt-80 {
    margin-top: 80px !important;
  }
  .lg\:mt-90 {
    margin-top: 90px !important;
  }
  .lg\:mt-100 {
    margin-top: 100px !important;
  }
  .lg\:mt-110 {
    margin-top: 110px !important;
  }
  .lg\:mt-120 {
    margin-top: 120px !important;
  }
  .lg\:mr-0 {
    margin-right: 0px !important;
  }
  .lg\:mr-4 {
    margin-right: 4px !important;
  }
  .lg\:mr-5 {
    margin-right: 5px !important;
  }
  .lg\:mr-10 {
    margin-right: 10px !important;
  }
  .lg\:mr-15 {
    margin-right: 15px !important;
  }
  .lg\:mr-20 {
    margin-right: 20px !important;
  }
  .lg\:mr-24 {
    margin-right: 24px !important;
  }
  .lg\:mr-28 {
    margin-right: 28px !important;
  }
  .lg\:mr-30 {
    margin-right: 30px !important;
  }
  .lg\:mr-35 {
    margin-right: 35px !important;
  }
  .lg\:mr-40 {
    margin-right: 40px !important;
  }
  .lg\:mr-45 {
    margin-right: 45px !important;
  }
  .lg\:mr-48 {
    margin-right: 48px !important;
  }
  .lg\:mr-50 {
    margin-right: 50px !important;
  }
  .lg\:mr-60 {
    margin-right: 60px !important;
  }
  .lg\:mr-70 {
    margin-right: 70px !important;
  }
  .lg\:mr-80 {
    margin-right: 80px !important;
  }
  .lg\:mr-90 {
    margin-right: 90px !important;
  }
  .lg\:mr-100 {
    margin-right: 100px !important;
  }
  .lg\:mr-110 {
    margin-right: 110px !important;
  }
  .lg\:mr-120 {
    margin-right: 120px !important;
  }
  .lg\:mb-0 {
    margin-bottom: 0px !important;
  }
  .lg\:mb-4 {
    margin-bottom: 4px !important;
  }
  .lg\:mb-5 {
    margin-bottom: 5px !important;
  }
  .lg\:mb-10 {
    margin-bottom: 10px !important;
  }
  .lg\:mb-15 {
    margin-bottom: 15px !important;
  }
  .lg\:mb-20 {
    margin-bottom: 20px !important;
  }
  .lg\:mb-24 {
    margin-bottom: 24px !important;
  }
  .lg\:mb-28 {
    margin-bottom: 28px !important;
  }
  .lg\:mb-30 {
    margin-bottom: 30px !important;
  }
  .lg\:mb-35 {
    margin-bottom: 35px !important;
  }
  .lg\:mb-40 {
    margin-bottom: 40px !important;
  }
  .lg\:mb-45 {
    margin-bottom: 45px !important;
  }
  .lg\:mb-48 {
    margin-bottom: 48px !important;
  }
  .lg\:mb-50 {
    margin-bottom: 50px !important;
  }
  .lg\:mb-60 {
    margin-bottom: 60px !important;
  }
  .lg\:mb-70 {
    margin-bottom: 70px !important;
  }
  .lg\:mb-80 {
    margin-bottom: 80px !important;
  }
  .lg\:mb-90 {
    margin-bottom: 90px !important;
  }
  .lg\:mb-100 {
    margin-bottom: 100px !important;
  }
  .lg\:mb-110 {
    margin-bottom: 110px !important;
  }
  .lg\:mb-120 {
    margin-bottom: 120px !important;
  }
  .lg\:ml-0 {
    margin-left: 0px !important;
  }
  .lg\:ml-4 {
    margin-left: 4px !important;
  }
  .lg\:ml-5 {
    margin-left: 5px !important;
  }
  .lg\:ml-10 {
    margin-left: 10px !important;
  }
  .lg\:ml-15 {
    margin-left: 15px !important;
  }
  .lg\:ml-20 {
    margin-left: 20px !important;
  }
  .lg\:ml-24 {
    margin-left: 24px !important;
  }
  .lg\:ml-28 {
    margin-left: 28px !important;
  }
  .lg\:ml-30 {
    margin-left: 30px !important;
  }
  .lg\:ml-35 {
    margin-left: 35px !important;
  }
  .lg\:ml-40 {
    margin-left: 40px !important;
  }
  .lg\:ml-45 {
    margin-left: 45px !important;
  }
  .lg\:ml-48 {
    margin-left: 48px !important;
  }
  .lg\:ml-50 {
    margin-left: 50px !important;
  }
  .lg\:ml-60 {
    margin-left: 60px !important;
  }
  .lg\:ml-70 {
    margin-left: 70px !important;
  }
  .lg\:ml-80 {
    margin-left: 80px !important;
  }
  .lg\:ml-90 {
    margin-left: 90px !important;
  }
  .lg\:ml-100 {
    margin-left: 100px !important;
  }
  .lg\:ml-110 {
    margin-left: 110px !important;
  }
  .lg\:ml-120 {
    margin-left: 120px !important;
  }
  .lg\:mx-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .lg\:mx-4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .lg\:mx-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .lg\:mx-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .lg\:mx-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .lg\:mx-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .lg\:mx-24 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .lg\:mx-28 {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .lg\:mx-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .lg\:mx-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .lg\:mx-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .lg\:mx-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .lg\:mx-48 {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .lg\:mx-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .lg\:mx-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .lg\:mx-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
  .lg\:mx-80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .lg\:mx-90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
  .lg\:mx-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .lg\:mx-110 {
    margin-left: 110px !important;
    margin-right: 110px !important;
  }
  .lg\:mx-120 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .lg\:my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .lg\:my-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .lg\:my-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .lg\:my-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .lg\:my-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .lg\:my-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .lg\:my-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .lg\:my-28 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .lg\:my-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .lg\:my-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .lg\:my-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .lg\:my-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .lg\:my-48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .lg\:my-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .lg\:my-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .lg\:my-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .lg\:my-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .lg\:my-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .lg\:my-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .lg\:my-110 {
    margin-top: 110px !important;
    margin-bottom: 110px !important;
  }
  .lg\:my-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
}

@media (max-width: 767px) {
  .md\:p-0 {
    padding: 0px !important;
  }
  .md\:p-4 {
    padding: 4px !important;
  }
  .md\:p-5 {
    padding: 5px !important;
  }
  .md\:p-10 {
    padding: 10px !important;
  }
  .md\:p-15 {
    padding: 15px !important;
  }
  .md\:p-20 {
    padding: 20px !important;
  }
  .md\:p-24 {
    padding: 24px !important;
  }
  .md\:p-28 {
    padding: 28px !important;
  }
  .md\:p-30 {
    padding: 30px !important;
  }
  .md\:p-35 {
    padding: 35px !important;
  }
  .md\:p-40 {
    padding: 40px !important;
  }
  .md\:p-45 {
    padding: 45px !important;
  }
  .md\:p-48 {
    padding: 48px !important;
  }
  .md\:p-50 {
    padding: 50px !important;
  }
  .md\:p-60 {
    padding: 60px !important;
  }
  .md\:p-70 {
    padding: 70px !important;
  }
  .md\:p-80 {
    padding: 80px !important;
  }
  .md\:p-90 {
    padding: 90px !important;
  }
  .md\:p-100 {
    padding: 100px !important;
  }
  .md\:p-110 {
    padding: 110px !important;
  }
  .md\:p-120 {
    padding: 120px !important;
  }
  .md\:pt-0 {
    padding-top: 0px !important;
  }
  .md\:pt-4 {
    padding-top: 4px !important;
  }
  .md\:pt-5 {
    padding-top: 5px !important;
  }
  .md\:pt-10 {
    padding-top: 10px !important;
  }
  .md\:pt-15 {
    padding-top: 15px !important;
  }
  .md\:pt-20 {
    padding-top: 20px !important;
  }
  .md\:pt-24 {
    padding-top: 24px !important;
  }
  .md\:pt-28 {
    padding-top: 28px !important;
  }
  .md\:pt-30 {
    padding-top: 30px !important;
  }
  .md\:pt-35 {
    padding-top: 35px !important;
  }
  .md\:pt-40 {
    padding-top: 40px !important;
  }
  .md\:pt-45 {
    padding-top: 45px !important;
  }
  .md\:pt-48 {
    padding-top: 48px !important;
  }
  .md\:pt-50 {
    padding-top: 50px !important;
  }
  .md\:pt-60 {
    padding-top: 60px !important;
  }
  .md\:pt-70 {
    padding-top: 70px !important;
  }
  .md\:pt-80 {
    padding-top: 80px !important;
  }
  .md\:pt-90 {
    padding-top: 90px !important;
  }
  .md\:pt-100 {
    padding-top: 100px !important;
  }
  .md\:pt-110 {
    padding-top: 110px !important;
  }
  .md\:pt-120 {
    padding-top: 120px !important;
  }
  .md\:pr-0 {
    padding-right: 0px !important;
  }
  .md\:pr-4 {
    padding-right: 4px !important;
  }
  .md\:pr-5 {
    padding-right: 5px !important;
  }
  .md\:pr-10 {
    padding-right: 10px !important;
  }
  .md\:pr-15 {
    padding-right: 15px !important;
  }
  .md\:pr-20 {
    padding-right: 20px !important;
  }
  .md\:pr-24 {
    padding-right: 24px !important;
  }
  .md\:pr-28 {
    padding-right: 28px !important;
  }
  .md\:pr-30 {
    padding-right: 30px !important;
  }
  .md\:pr-35 {
    padding-right: 35px !important;
  }
  .md\:pr-40 {
    padding-right: 40px !important;
  }
  .md\:pr-45 {
    padding-right: 45px !important;
  }
  .md\:pr-48 {
    padding-right: 48px !important;
  }
  .md\:pr-50 {
    padding-right: 50px !important;
  }
  .md\:pr-60 {
    padding-right: 60px !important;
  }
  .md\:pr-70 {
    padding-right: 70px !important;
  }
  .md\:pr-80 {
    padding-right: 80px !important;
  }
  .md\:pr-90 {
    padding-right: 90px !important;
  }
  .md\:pr-100 {
    padding-right: 100px !important;
  }
  .md\:pr-110 {
    padding-right: 110px !important;
  }
  .md\:pr-120 {
    padding-right: 120px !important;
  }
  .md\:pb-0 {
    padding-bottom: 0px !important;
  }
  .md\:pb-4 {
    padding-bottom: 4px !important;
  }
  .md\:pb-5 {
    padding-bottom: 5px !important;
  }
  .md\:pb-10 {
    padding-bottom: 10px !important;
  }
  .md\:pb-15 {
    padding-bottom: 15px !important;
  }
  .md\:pb-20 {
    padding-bottom: 20px !important;
  }
  .md\:pb-24 {
    padding-bottom: 24px !important;
  }
  .md\:pb-28 {
    padding-bottom: 28px !important;
  }
  .md\:pb-30 {
    padding-bottom: 30px !important;
  }
  .md\:pb-35 {
    padding-bottom: 35px !important;
  }
  .md\:pb-40 {
    padding-bottom: 40px !important;
  }
  .md\:pb-45 {
    padding-bottom: 45px !important;
  }
  .md\:pb-48 {
    padding-bottom: 48px !important;
  }
  .md\:pb-50 {
    padding-bottom: 50px !important;
  }
  .md\:pb-60 {
    padding-bottom: 60px !important;
  }
  .md\:pb-70 {
    padding-bottom: 70px !important;
  }
  .md\:pb-80 {
    padding-bottom: 80px !important;
  }
  .md\:pb-90 {
    padding-bottom: 90px !important;
  }
  .md\:pb-100 {
    padding-bottom: 100px !important;
  }
  .md\:pb-110 {
    padding-bottom: 110px !important;
  }
  .md\:pb-120 {
    padding-bottom: 120px !important;
  }
  .md\:pl-0 {
    padding-left: 0px !important;
  }
  .md\:pl-4 {
    padding-left: 4px !important;
  }
  .md\:pl-5 {
    padding-left: 5px !important;
  }
  .md\:pl-10 {
    padding-left: 10px !important;
  }
  .md\:pl-15 {
    padding-left: 15px !important;
  }
  .md\:pl-20 {
    padding-left: 20px !important;
  }
  .md\:pl-24 {
    padding-left: 24px !important;
  }
  .md\:pl-28 {
    padding-left: 28px !important;
  }
  .md\:pl-30 {
    padding-left: 30px !important;
  }
  .md\:pl-35 {
    padding-left: 35px !important;
  }
  .md\:pl-40 {
    padding-left: 40px !important;
  }
  .md\:pl-45 {
    padding-left: 45px !important;
  }
  .md\:pl-48 {
    padding-left: 48px !important;
  }
  .md\:pl-50 {
    padding-left: 50px !important;
  }
  .md\:pl-60 {
    padding-left: 60px !important;
  }
  .md\:pl-70 {
    padding-left: 70px !important;
  }
  .md\:pl-80 {
    padding-left: 80px !important;
  }
  .md\:pl-90 {
    padding-left: 90px !important;
  }
  .md\:pl-100 {
    padding-left: 100px !important;
  }
  .md\:pl-110 {
    padding-left: 110px !important;
  }
  .md\:pl-120 {
    padding-left: 120px !important;
  }
  .md\:px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .md\:px-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .md\:px-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .md\:px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .md\:px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .md\:px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .md\:px-24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .md\:px-28 {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .md\:px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .md\:px-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .md\:px-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .md\:px-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .md\:px-48 {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .md\:px-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .md\:px-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .md\:px-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .md\:px-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .md\:px-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .md\:px-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .md\:px-110 {
    padding-left: 110px !important;
    padding-right: 110px !important;
  }
  .md\:px-120 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .md\:py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .md\:py-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .md\:py-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .md\:py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .md\:py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .md\:py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .md\:py-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .md\:py-28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .md\:py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .md\:py-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .md\:py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .md\:py-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .md\:py-48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .md\:py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .md\:py-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .md\:py-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .md\:py-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .md\:py-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .md\:py-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .md\:py-110 {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
  }
  .md\:py-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .md\:m-0 {
    margin: 0px !important;
  }
  .md\:m-4 {
    margin: 4px !important;
  }
  .md\:m-5 {
    margin: 5px !important;
  }
  .md\:m-10 {
    margin: 10px !important;
  }
  .md\:m-15 {
    margin: 15px !important;
  }
  .md\:m-20 {
    margin: 20px !important;
  }
  .md\:m-24 {
    margin: 24px !important;
  }
  .md\:m-28 {
    margin: 28px !important;
  }
  .md\:m-30 {
    margin: 30px !important;
  }
  .md\:m-35 {
    margin: 35px !important;
  }
  .md\:m-40 {
    margin: 40px !important;
  }
  .md\:m-45 {
    margin: 45px !important;
  }
  .md\:m-48 {
    margin: 48px !important;
  }
  .md\:m-50 {
    margin: 50px !important;
  }
  .md\:m-60 {
    margin: 60px !important;
  }
  .md\:m-70 {
    margin: 70px !important;
  }
  .md\:m-80 {
    margin: 80px !important;
  }
  .md\:m-90 {
    margin: 90px !important;
  }
  .md\:m-100 {
    margin: 100px !important;
  }
  .md\:m-110 {
    margin: 110px !important;
  }
  .md\:m-120 {
    margin: 120px !important;
  }
  .md\:mt-0 {
    margin-top: 0px !important;
  }
  .md\:mt-4 {
    margin-top: 4px !important;
  }
  .md\:mt-5 {
    margin-top: 5px !important;
  }
  .md\:mt-10 {
    margin-top: 10px !important;
  }
  .md\:mt-15 {
    margin-top: 15px !important;
  }
  .md\:mt-20 {
    margin-top: 20px !important;
  }
  .md\:mt-24 {
    margin-top: 24px !important;
  }
  .md\:mt-28 {
    margin-top: 28px !important;
  }
  .md\:mt-30 {
    margin-top: 30px !important;
  }
  .md\:mt-35 {
    margin-top: 35px !important;
  }
  .md\:mt-40 {
    margin-top: 40px !important;
  }
  .md\:mt-45 {
    margin-top: 45px !important;
  }
  .md\:mt-48 {
    margin-top: 48px !important;
  }
  .md\:mt-50 {
    margin-top: 50px !important;
  }
  .md\:mt-60 {
    margin-top: 60px !important;
  }
  .md\:mt-70 {
    margin-top: 70px !important;
  }
  .md\:mt-80 {
    margin-top: 80px !important;
  }
  .md\:mt-90 {
    margin-top: 90px !important;
  }
  .md\:mt-100 {
    margin-top: 100px !important;
  }
  .md\:mt-110 {
    margin-top: 110px !important;
  }
  .md\:mt-120 {
    margin-top: 120px !important;
  }
  .md\:mr-0 {
    margin-right: 0px !important;
  }
  .md\:mr-4 {
    margin-right: 4px !important;
  }
  .md\:mr-5 {
    margin-right: 5px !important;
  }
  .md\:mr-10 {
    margin-right: 10px !important;
  }
  .md\:mr-15 {
    margin-right: 15px !important;
  }
  .md\:mr-20 {
    margin-right: 20px !important;
  }
  .md\:mr-24 {
    margin-right: 24px !important;
  }
  .md\:mr-28 {
    margin-right: 28px !important;
  }
  .md\:mr-30 {
    margin-right: 30px !important;
  }
  .md\:mr-35 {
    margin-right: 35px !important;
  }
  .md\:mr-40 {
    margin-right: 40px !important;
  }
  .md\:mr-45 {
    margin-right: 45px !important;
  }
  .md\:mr-48 {
    margin-right: 48px !important;
  }
  .md\:mr-50 {
    margin-right: 50px !important;
  }
  .md\:mr-60 {
    margin-right: 60px !important;
  }
  .md\:mr-70 {
    margin-right: 70px !important;
  }
  .md\:mr-80 {
    margin-right: 80px !important;
  }
  .md\:mr-90 {
    margin-right: 90px !important;
  }
  .md\:mr-100 {
    margin-right: 100px !important;
  }
  .md\:mr-110 {
    margin-right: 110px !important;
  }
  .md\:mr-120 {
    margin-right: 120px !important;
  }
  .md\:mb-0 {
    margin-bottom: 0px !important;
  }
  .md\:mb-4 {
    margin-bottom: 4px !important;
  }
  .md\:mb-5 {
    margin-bottom: 5px !important;
  }
  .md\:mb-10 {
    margin-bottom: 10px !important;
  }
  .md\:mb-15 {
    margin-bottom: 15px !important;
  }
  .md\:mb-20 {
    margin-bottom: 20px !important;
  }
  .md\:mb-24 {
    margin-bottom: 24px !important;
  }
  .md\:mb-28 {
    margin-bottom: 28px !important;
  }
  .md\:mb-30 {
    margin-bottom: 30px !important;
  }
  .md\:mb-35 {
    margin-bottom: 35px !important;
  }
  .md\:mb-40 {
    margin-bottom: 40px !important;
  }
  .md\:mb-45 {
    margin-bottom: 45px !important;
  }
  .md\:mb-48 {
    margin-bottom: 48px !important;
  }
  .md\:mb-50 {
    margin-bottom: 50px !important;
  }
  .md\:mb-60 {
    margin-bottom: 60px !important;
  }
  .md\:mb-70 {
    margin-bottom: 70px !important;
  }
  .md\:mb-80 {
    margin-bottom: 80px !important;
  }
  .md\:mb-90 {
    margin-bottom: 90px !important;
  }
  .md\:mb-100 {
    margin-bottom: 100px !important;
  }
  .md\:mb-110 {
    margin-bottom: 110px !important;
  }
  .md\:mb-120 {
    margin-bottom: 120px !important;
  }
  .md\:ml-0 {
    margin-left: 0px !important;
  }
  .md\:ml-4 {
    margin-left: 4px !important;
  }
  .md\:ml-5 {
    margin-left: 5px !important;
  }
  .md\:ml-10 {
    margin-left: 10px !important;
  }
  .md\:ml-15 {
    margin-left: 15px !important;
  }
  .md\:ml-20 {
    margin-left: 20px !important;
  }
  .md\:ml-24 {
    margin-left: 24px !important;
  }
  .md\:ml-28 {
    margin-left: 28px !important;
  }
  .md\:ml-30 {
    margin-left: 30px !important;
  }
  .md\:ml-35 {
    margin-left: 35px !important;
  }
  .md\:ml-40 {
    margin-left: 40px !important;
  }
  .md\:ml-45 {
    margin-left: 45px !important;
  }
  .md\:ml-48 {
    margin-left: 48px !important;
  }
  .md\:ml-50 {
    margin-left: 50px !important;
  }
  .md\:ml-60 {
    margin-left: 60px !important;
  }
  .md\:ml-70 {
    margin-left: 70px !important;
  }
  .md\:ml-80 {
    margin-left: 80px !important;
  }
  .md\:ml-90 {
    margin-left: 90px !important;
  }
  .md\:ml-100 {
    margin-left: 100px !important;
  }
  .md\:ml-110 {
    margin-left: 110px !important;
  }
  .md\:ml-120 {
    margin-left: 120px !important;
  }
  .md\:mx-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .md\:mx-4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .md\:mx-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .md\:mx-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .md\:mx-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .md\:mx-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .md\:mx-24 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .md\:mx-28 {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .md\:mx-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .md\:mx-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .md\:mx-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .md\:mx-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .md\:mx-48 {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .md\:mx-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .md\:mx-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .md\:mx-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
  .md\:mx-80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .md\:mx-90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
  .md\:mx-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .md\:mx-110 {
    margin-left: 110px !important;
    margin-right: 110px !important;
  }
  .md\:mx-120 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .md\:my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .md\:my-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .md\:my-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .md\:my-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .md\:my-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .md\:my-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .md\:my-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .md\:my-28 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .md\:my-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .md\:my-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .md\:my-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .md\:my-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .md\:my-48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .md\:my-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .md\:my-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .md\:my-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .md\:my-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .md\:my-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .md\:my-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .md\:my-110 {
    margin-top: 110px !important;
    margin-bottom: 110px !important;
  }
  .md\:my-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
}

@media (max-width: 575px) {
  .sm\:p-0 {
    padding: 0px !important;
  }
  .sm\:p-4 {
    padding: 4px !important;
  }
  .sm\:p-5 {
    padding: 5px !important;
  }
  .sm\:p-10 {
    padding: 10px !important;
  }
  .sm\:p-15 {
    padding: 15px !important;
  }
  .sm\:p-20 {
    padding: 20px !important;
  }
  .sm\:p-24 {
    padding: 24px !important;
  }
  .sm\:p-28 {
    padding: 28px !important;
  }
  .sm\:p-30 {
    padding: 30px !important;
  }
  .sm\:p-35 {
    padding: 35px !important;
  }
  .sm\:p-40 {
    padding: 40px !important;
  }
  .sm\:p-45 {
    padding: 45px !important;
  }
  .sm\:p-48 {
    padding: 48px !important;
  }
  .sm\:p-50 {
    padding: 50px !important;
  }
  .sm\:p-60 {
    padding: 60px !important;
  }
  .sm\:p-70 {
    padding: 70px !important;
  }
  .sm\:p-80 {
    padding: 80px !important;
  }
  .sm\:p-90 {
    padding: 90px !important;
  }
  .sm\:p-100 {
    padding: 100px !important;
  }
  .sm\:p-110 {
    padding: 110px !important;
  }
  .sm\:p-120 {
    padding: 120px !important;
  }
  .sm\:pt-0 {
    padding-top: 0px !important;
  }
  .sm\:pt-4 {
    padding-top: 4px !important;
  }
  .sm\:pt-5 {
    padding-top: 5px !important;
  }
  .sm\:pt-10 {
    padding-top: 10px !important;
  }
  .sm\:pt-15 {
    padding-top: 15px !important;
  }
  .sm\:pt-20 {
    padding-top: 20px !important;
  }
  .sm\:pt-24 {
    padding-top: 24px !important;
  }
  .sm\:pt-28 {
    padding-top: 28px !important;
  }
  .sm\:pt-30 {
    padding-top: 30px !important;
  }
  .sm\:pt-35 {
    padding-top: 35px !important;
  }
  .sm\:pt-40 {
    padding-top: 40px !important;
  }
  .sm\:pt-45 {
    padding-top: 45px !important;
  }
  .sm\:pt-48 {
    padding-top: 48px !important;
  }
  .sm\:pt-50 {
    padding-top: 50px !important;
  }
  .sm\:pt-60 {
    padding-top: 60px !important;
  }
  .sm\:pt-70 {
    padding-top: 70px !important;
  }
  .sm\:pt-80 {
    padding-top: 80px !important;
  }
  .sm\:pt-90 {
    padding-top: 90px !important;
  }
  .sm\:pt-100 {
    padding-top: 100px !important;
  }
  .sm\:pt-110 {
    padding-top: 110px !important;
  }
  .sm\:pt-120 {
    padding-top: 120px !important;
  }
  .sm\:pr-0 {
    padding-right: 0px !important;
  }
  .sm\:pr-4 {
    padding-right: 4px !important;
  }
  .sm\:pr-5 {
    padding-right: 5px !important;
  }
  .sm\:pr-10 {
    padding-right: 10px !important;
  }
  .sm\:pr-15 {
    padding-right: 15px !important;
  }
  .sm\:pr-20 {
    padding-right: 20px !important;
  }
  .sm\:pr-24 {
    padding-right: 24px !important;
  }
  .sm\:pr-28 {
    padding-right: 28px !important;
  }
  .sm\:pr-30 {
    padding-right: 30px !important;
  }
  .sm\:pr-35 {
    padding-right: 35px !important;
  }
  .sm\:pr-40 {
    padding-right: 40px !important;
  }
  .sm\:pr-45 {
    padding-right: 45px !important;
  }
  .sm\:pr-48 {
    padding-right: 48px !important;
  }
  .sm\:pr-50 {
    padding-right: 50px !important;
  }
  .sm\:pr-60 {
    padding-right: 60px !important;
  }
  .sm\:pr-70 {
    padding-right: 70px !important;
  }
  .sm\:pr-80 {
    padding-right: 80px !important;
  }
  .sm\:pr-90 {
    padding-right: 90px !important;
  }
  .sm\:pr-100 {
    padding-right: 100px !important;
  }
  .sm\:pr-110 {
    padding-right: 110px !important;
  }
  .sm\:pr-120 {
    padding-right: 120px !important;
  }
  .sm\:pb-0 {
    padding-bottom: 0px !important;
  }
  .sm\:pb-4 {
    padding-bottom: 4px !important;
  }
  .sm\:pb-5 {
    padding-bottom: 5px !important;
  }
  .sm\:pb-10 {
    padding-bottom: 10px !important;
  }
  .sm\:pb-15 {
    padding-bottom: 15px !important;
  }
  .sm\:pb-20 {
    padding-bottom: 20px !important;
  }
  .sm\:pb-24 {
    padding-bottom: 24px !important;
  }
  .sm\:pb-28 {
    padding-bottom: 28px !important;
  }
  .sm\:pb-30 {
    padding-bottom: 30px !important;
  }
  .sm\:pb-35 {
    padding-bottom: 35px !important;
  }
  .sm\:pb-40 {
    padding-bottom: 40px !important;
  }
  .sm\:pb-45 {
    padding-bottom: 45px !important;
  }
  .sm\:pb-48 {
    padding-bottom: 48px !important;
  }
  .sm\:pb-50 {
    padding-bottom: 50px !important;
  }
  .sm\:pb-60 {
    padding-bottom: 60px !important;
  }
  .sm\:pb-70 {
    padding-bottom: 70px !important;
  }
  .sm\:pb-80 {
    padding-bottom: 80px !important;
  }
  .sm\:pb-90 {
    padding-bottom: 90px !important;
  }
  .sm\:pb-100 {
    padding-bottom: 100px !important;
  }
  .sm\:pb-110 {
    padding-bottom: 110px !important;
  }
  .sm\:pb-120 {
    padding-bottom: 120px !important;
  }
  .sm\:pl-0 {
    padding-left: 0px !important;
  }
  .sm\:pl-4 {
    padding-left: 4px !important;
  }
  .sm\:pl-5 {
    padding-left: 5px !important;
  }
  .sm\:pl-10 {
    padding-left: 10px !important;
  }
  .sm\:pl-15 {
    padding-left: 15px !important;
  }
  .sm\:pl-20 {
    padding-left: 20px !important;
  }
  .sm\:pl-24 {
    padding-left: 24px !important;
  }
  .sm\:pl-28 {
    padding-left: 28px !important;
  }
  .sm\:pl-30 {
    padding-left: 30px !important;
  }
  .sm\:pl-35 {
    padding-left: 35px !important;
  }
  .sm\:pl-40 {
    padding-left: 40px !important;
  }
  .sm\:pl-45 {
    padding-left: 45px !important;
  }
  .sm\:pl-48 {
    padding-left: 48px !important;
  }
  .sm\:pl-50 {
    padding-left: 50px !important;
  }
  .sm\:pl-60 {
    padding-left: 60px !important;
  }
  .sm\:pl-70 {
    padding-left: 70px !important;
  }
  .sm\:pl-80 {
    padding-left: 80px !important;
  }
  .sm\:pl-90 {
    padding-left: 90px !important;
  }
  .sm\:pl-100 {
    padding-left: 100px !important;
  }
  .sm\:pl-110 {
    padding-left: 110px !important;
  }
  .sm\:pl-120 {
    padding-left: 120px !important;
  }
  .sm\:px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .sm\:px-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .sm\:px-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .sm\:px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .sm\:px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .sm\:px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .sm\:px-24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .sm\:px-28 {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .sm\:px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .sm\:px-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .sm\:px-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .sm\:px-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .sm\:px-48 {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .sm\:px-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .sm\:px-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .sm\:px-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .sm\:px-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .sm\:px-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .sm\:px-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .sm\:px-110 {
    padding-left: 110px !important;
    padding-right: 110px !important;
  }
  .sm\:px-120 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .sm\:py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .sm\:py-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .sm\:py-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .sm\:py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .sm\:py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .sm\:py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .sm\:py-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .sm\:py-28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .sm\:py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .sm\:py-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .sm\:py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .sm\:py-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .sm\:py-48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .sm\:py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .sm\:py-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .sm\:py-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .sm\:py-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .sm\:py-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .sm\:py-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .sm\:py-110 {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
  }
  .sm\:py-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .sm\:m-0 {
    margin: 0px !important;
  }
  .sm\:m-4 {
    margin: 4px !important;
  }
  .sm\:m-5 {
    margin: 5px !important;
  }
  .sm\:m-10 {
    margin: 10px !important;
  }
  .sm\:m-15 {
    margin: 15px !important;
  }
  .sm\:m-20 {
    margin: 20px !important;
  }
  .sm\:m-24 {
    margin: 24px !important;
  }
  .sm\:m-28 {
    margin: 28px !important;
  }
  .sm\:m-30 {
    margin: 30px !important;
  }
  .sm\:m-35 {
    margin: 35px !important;
  }
  .sm\:m-40 {
    margin: 40px !important;
  }
  .sm\:m-45 {
    margin: 45px !important;
  }
  .sm\:m-48 {
    margin: 48px !important;
  }
  .sm\:m-50 {
    margin: 50px !important;
  }
  .sm\:m-60 {
    margin: 60px !important;
  }
  .sm\:m-70 {
    margin: 70px !important;
  }
  .sm\:m-80 {
    margin: 80px !important;
  }
  .sm\:m-90 {
    margin: 90px !important;
  }
  .sm\:m-100 {
    margin: 100px !important;
  }
  .sm\:m-110 {
    margin: 110px !important;
  }
  .sm\:m-120 {
    margin: 120px !important;
  }
  .sm\:mt-0 {
    margin-top: 0px !important;
  }
  .sm\:mt-4 {
    margin-top: 4px !important;
  }
  .sm\:mt-5 {
    margin-top: 5px !important;
  }
  .sm\:mt-10 {
    margin-top: 10px !important;
  }
  .sm\:mt-15 {
    margin-top: 15px !important;
  }
  .sm\:mt-20 {
    margin-top: 20px !important;
  }
  .sm\:mt-24 {
    margin-top: 24px !important;
  }
  .sm\:mt-28 {
    margin-top: 28px !important;
  }
  .sm\:mt-30 {
    margin-top: 30px !important;
  }
  .sm\:mt-35 {
    margin-top: 35px !important;
  }
  .sm\:mt-40 {
    margin-top: 40px !important;
  }
  .sm\:mt-45 {
    margin-top: 45px !important;
  }
  .sm\:mt-48 {
    margin-top: 48px !important;
  }
  .sm\:mt-50 {
    margin-top: 50px !important;
  }
  .sm\:mt-60 {
    margin-top: 60px !important;
  }
  .sm\:mt-70 {
    margin-top: 70px !important;
  }
  .sm\:mt-80 {
    margin-top: 80px !important;
  }
  .sm\:mt-90 {
    margin-top: 90px !important;
  }
  .sm\:mt-100 {
    margin-top: 100px !important;
  }
  .sm\:mt-110 {
    margin-top: 110px !important;
  }
  .sm\:mt-120 {
    margin-top: 120px !important;
  }
  .sm\:mr-0 {
    margin-right: 0px !important;
  }
  .sm\:mr-4 {
    margin-right: 4px !important;
  }
  .sm\:mr-5 {
    margin-right: 5px !important;
  }
  .sm\:mr-10 {
    margin-right: 10px !important;
  }
  .sm\:mr-15 {
    margin-right: 15px !important;
  }
  .sm\:mr-20 {
    margin-right: 20px !important;
  }
  .sm\:mr-24 {
    margin-right: 24px !important;
  }
  .sm\:mr-28 {
    margin-right: 28px !important;
  }
  .sm\:mr-30 {
    margin-right: 30px !important;
  }
  .sm\:mr-35 {
    margin-right: 35px !important;
  }
  .sm\:mr-40 {
    margin-right: 40px !important;
  }
  .sm\:mr-45 {
    margin-right: 45px !important;
  }
  .sm\:mr-48 {
    margin-right: 48px !important;
  }
  .sm\:mr-50 {
    margin-right: 50px !important;
  }
  .sm\:mr-60 {
    margin-right: 60px !important;
  }
  .sm\:mr-70 {
    margin-right: 70px !important;
  }
  .sm\:mr-80 {
    margin-right: 80px !important;
  }
  .sm\:mr-90 {
    margin-right: 90px !important;
  }
  .sm\:mr-100 {
    margin-right: 100px !important;
  }
  .sm\:mr-110 {
    margin-right: 110px !important;
  }
  .sm\:mr-120 {
    margin-right: 120px !important;
  }
  .sm\:mb-0 {
    margin-bottom: 0px !important;
  }
  .sm\:mb-4 {
    margin-bottom: 4px !important;
  }
  .sm\:mb-5 {
    margin-bottom: 5px !important;
  }
  .sm\:mb-10 {
    margin-bottom: 10px !important;
  }
  .sm\:mb-15 {
    margin-bottom: 15px !important;
  }
  .sm\:mb-20 {
    margin-bottom: 20px !important;
  }
  .sm\:mb-24 {
    margin-bottom: 24px !important;
  }
  .sm\:mb-28 {
    margin-bottom: 28px !important;
  }
  .sm\:mb-30 {
    margin-bottom: 30px !important;
  }
  .sm\:mb-35 {
    margin-bottom: 35px !important;
  }
  .sm\:mb-40 {
    margin-bottom: 40px !important;
  }
  .sm\:mb-45 {
    margin-bottom: 45px !important;
  }
  .sm\:mb-48 {
    margin-bottom: 48px !important;
  }
  .sm\:mb-50 {
    margin-bottom: 50px !important;
  }
  .sm\:mb-60 {
    margin-bottom: 60px !important;
  }
  .sm\:mb-70 {
    margin-bottom: 70px !important;
  }
  .sm\:mb-80 {
    margin-bottom: 80px !important;
  }
  .sm\:mb-90 {
    margin-bottom: 90px !important;
  }
  .sm\:mb-100 {
    margin-bottom: 100px !important;
  }
  .sm\:mb-110 {
    margin-bottom: 110px !important;
  }
  .sm\:mb-120 {
    margin-bottom: 120px !important;
  }
  .sm\:ml-0 {
    margin-left: 0px !important;
  }
  .sm\:ml-4 {
    margin-left: 4px !important;
  }
  .sm\:ml-5 {
    margin-left: 5px !important;
  }
  .sm\:ml-10 {
    margin-left: 10px !important;
  }
  .sm\:ml-15 {
    margin-left: 15px !important;
  }
  .sm\:ml-20 {
    margin-left: 20px !important;
  }
  .sm\:ml-24 {
    margin-left: 24px !important;
  }
  .sm\:ml-28 {
    margin-left: 28px !important;
  }
  .sm\:ml-30 {
    margin-left: 30px !important;
  }
  .sm\:ml-35 {
    margin-left: 35px !important;
  }
  .sm\:ml-40 {
    margin-left: 40px !important;
  }
  .sm\:ml-45 {
    margin-left: 45px !important;
  }
  .sm\:ml-48 {
    margin-left: 48px !important;
  }
  .sm\:ml-50 {
    margin-left: 50px !important;
  }
  .sm\:ml-60 {
    margin-left: 60px !important;
  }
  .sm\:ml-70 {
    margin-left: 70px !important;
  }
  .sm\:ml-80 {
    margin-left: 80px !important;
  }
  .sm\:ml-90 {
    margin-left: 90px !important;
  }
  .sm\:ml-100 {
    margin-left: 100px !important;
  }
  .sm\:ml-110 {
    margin-left: 110px !important;
  }
  .sm\:ml-120 {
    margin-left: 120px !important;
  }
  .sm\:mx-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .sm\:mx-4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .sm\:mx-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .sm\:mx-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .sm\:mx-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .sm\:mx-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .sm\:mx-24 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .sm\:mx-28 {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .sm\:mx-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .sm\:mx-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .sm\:mx-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .sm\:mx-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .sm\:mx-48 {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .sm\:mx-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .sm\:mx-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .sm\:mx-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
  .sm\:mx-80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .sm\:mx-90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
  .sm\:mx-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .sm\:mx-110 {
    margin-left: 110px !important;
    margin-right: 110px !important;
  }
  .sm\:mx-120 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .sm\:my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .sm\:my-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .sm\:my-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .sm\:my-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .sm\:my-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .sm\:my-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .sm\:my-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .sm\:my-28 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .sm\:my-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .sm\:my-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .sm\:my-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .sm\:my-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .sm\:my-48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .sm\:my-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .sm\:my-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .sm\:my-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .sm\:my-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .sm\:my-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .sm\:my-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .sm\:my-110 {
    margin-top: 110px !important;
    margin-bottom: 110px !important;
  }
  .sm\:my-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
}

@media (max-width: 479px) {
  .xs\:p-0 {
    padding: 0px !important;
  }
  .xs\:p-4 {
    padding: 4px !important;
  }
  .xs\:p-5 {
    padding: 5px !important;
  }
  .xs\:p-10 {
    padding: 10px !important;
  }
  .xs\:p-15 {
    padding: 15px !important;
  }
  .xs\:p-20 {
    padding: 20px !important;
  }
  .xs\:p-24 {
    padding: 24px !important;
  }
  .xs\:p-28 {
    padding: 28px !important;
  }
  .xs\:p-30 {
    padding: 30px !important;
  }
  .xs\:p-35 {
    padding: 35px !important;
  }
  .xs\:p-40 {
    padding: 40px !important;
  }
  .xs\:p-45 {
    padding: 45px !important;
  }
  .xs\:p-48 {
    padding: 48px !important;
  }
  .xs\:p-50 {
    padding: 50px !important;
  }
  .xs\:p-60 {
    padding: 60px !important;
  }
  .xs\:p-70 {
    padding: 70px !important;
  }
  .xs\:p-80 {
    padding: 80px !important;
  }
  .xs\:p-90 {
    padding: 90px !important;
  }
  .xs\:p-100 {
    padding: 100px !important;
  }
  .xs\:p-110 {
    padding: 110px !important;
  }
  .xs\:p-120 {
    padding: 120px !important;
  }
  .xs\:pt-0 {
    padding-top: 0px !important;
  }
  .xs\:pt-4 {
    padding-top: 4px !important;
  }
  .xs\:pt-5 {
    padding-top: 5px !important;
  }
  .xs\:pt-10 {
    padding-top: 10px !important;
  }
  .xs\:pt-15 {
    padding-top: 15px !important;
  }
  .xs\:pt-20 {
    padding-top: 20px !important;
  }
  .xs\:pt-24 {
    padding-top: 24px !important;
  }
  .xs\:pt-28 {
    padding-top: 28px !important;
  }
  .xs\:pt-30 {
    padding-top: 30px !important;
  }
  .xs\:pt-35 {
    padding-top: 35px !important;
  }
  .xs\:pt-40 {
    padding-top: 40px !important;
  }
  .xs\:pt-45 {
    padding-top: 45px !important;
  }
  .xs\:pt-48 {
    padding-top: 48px !important;
  }
  .xs\:pt-50 {
    padding-top: 50px !important;
  }
  .xs\:pt-60 {
    padding-top: 60px !important;
  }
  .xs\:pt-70 {
    padding-top: 70px !important;
  }
  .xs\:pt-80 {
    padding-top: 80px !important;
  }
  .xs\:pt-90 {
    padding-top: 90px !important;
  }
  .xs\:pt-100 {
    padding-top: 100px !important;
  }
  .xs\:pt-110 {
    padding-top: 110px !important;
  }
  .xs\:pt-120 {
    padding-top: 120px !important;
  }
  .xs\:pr-0 {
    padding-right: 0px !important;
  }
  .xs\:pr-4 {
    padding-right: 4px !important;
  }
  .xs\:pr-5 {
    padding-right: 5px !important;
  }
  .xs\:pr-10 {
    padding-right: 10px !important;
  }
  .xs\:pr-15 {
    padding-right: 15px !important;
  }
  .xs\:pr-20 {
    padding-right: 20px !important;
  }
  .xs\:pr-24 {
    padding-right: 24px !important;
  }
  .xs\:pr-28 {
    padding-right: 28px !important;
  }
  .xs\:pr-30 {
    padding-right: 30px !important;
  }
  .xs\:pr-35 {
    padding-right: 35px !important;
  }
  .xs\:pr-40 {
    padding-right: 40px !important;
  }
  .xs\:pr-45 {
    padding-right: 45px !important;
  }
  .xs\:pr-48 {
    padding-right: 48px !important;
  }
  .xs\:pr-50 {
    padding-right: 50px !important;
  }
  .xs\:pr-60 {
    padding-right: 60px !important;
  }
  .xs\:pr-70 {
    padding-right: 70px !important;
  }
  .xs\:pr-80 {
    padding-right: 80px !important;
  }
  .xs\:pr-90 {
    padding-right: 90px !important;
  }
  .xs\:pr-100 {
    padding-right: 100px !important;
  }
  .xs\:pr-110 {
    padding-right: 110px !important;
  }
  .xs\:pr-120 {
    padding-right: 120px !important;
  }
  .xs\:pb-0 {
    padding-bottom: 0px !important;
  }
  .xs\:pb-4 {
    padding-bottom: 4px !important;
  }
  .xs\:pb-5 {
    padding-bottom: 5px !important;
  }
  .xs\:pb-10 {
    padding-bottom: 10px !important;
  }
  .xs\:pb-15 {
    padding-bottom: 15px !important;
  }
  .xs\:pb-20 {
    padding-bottom: 20px !important;
  }
  .xs\:pb-24 {
    padding-bottom: 24px !important;
  }
  .xs\:pb-28 {
    padding-bottom: 28px !important;
  }
  .xs\:pb-30 {
    padding-bottom: 30px !important;
  }
  .xs\:pb-35 {
    padding-bottom: 35px !important;
  }
  .xs\:pb-40 {
    padding-bottom: 40px !important;
  }
  .xs\:pb-45 {
    padding-bottom: 45px !important;
  }
  .xs\:pb-48 {
    padding-bottom: 48px !important;
  }
  .xs\:pb-50 {
    padding-bottom: 50px !important;
  }
  .xs\:pb-60 {
    padding-bottom: 60px !important;
  }
  .xs\:pb-70 {
    padding-bottom: 70px !important;
  }
  .xs\:pb-80 {
    padding-bottom: 80px !important;
  }
  .xs\:pb-90 {
    padding-bottom: 90px !important;
  }
  .xs\:pb-100 {
    padding-bottom: 100px !important;
  }
  .xs\:pb-110 {
    padding-bottom: 110px !important;
  }
  .xs\:pb-120 {
    padding-bottom: 120px !important;
  }
  .xs\:pl-0 {
    padding-left: 0px !important;
  }
  .xs\:pl-4 {
    padding-left: 4px !important;
  }
  .xs\:pl-5 {
    padding-left: 5px !important;
  }
  .xs\:pl-10 {
    padding-left: 10px !important;
  }
  .xs\:pl-15 {
    padding-left: 15px !important;
  }
  .xs\:pl-20 {
    padding-left: 20px !important;
  }
  .xs\:pl-24 {
    padding-left: 24px !important;
  }
  .xs\:pl-28 {
    padding-left: 28px !important;
  }
  .xs\:pl-30 {
    padding-left: 30px !important;
  }
  .xs\:pl-35 {
    padding-left: 35px !important;
  }
  .xs\:pl-40 {
    padding-left: 40px !important;
  }
  .xs\:pl-45 {
    padding-left: 45px !important;
  }
  .xs\:pl-48 {
    padding-left: 48px !important;
  }
  .xs\:pl-50 {
    padding-left: 50px !important;
  }
  .xs\:pl-60 {
    padding-left: 60px !important;
  }
  .xs\:pl-70 {
    padding-left: 70px !important;
  }
  .xs\:pl-80 {
    padding-left: 80px !important;
  }
  .xs\:pl-90 {
    padding-left: 90px !important;
  }
  .xs\:pl-100 {
    padding-left: 100px !important;
  }
  .xs\:pl-110 {
    padding-left: 110px !important;
  }
  .xs\:pl-120 {
    padding-left: 120px !important;
  }
  .xs\:px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .xs\:px-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .xs\:px-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .xs\:px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .xs\:px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .xs\:px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .xs\:px-24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .xs\:px-28 {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .xs\:px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .xs\:px-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .xs\:px-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .xs\:px-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .xs\:px-48 {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .xs\:px-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .xs\:px-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .xs\:px-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .xs\:px-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .xs\:px-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .xs\:px-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .xs\:px-110 {
    padding-left: 110px !important;
    padding-right: 110px !important;
  }
  .xs\:px-120 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .xs\:py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .xs\:py-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .xs\:py-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .xs\:py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .xs\:py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .xs\:py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .xs\:py-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .xs\:py-28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .xs\:py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .xs\:py-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .xs\:py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .xs\:py-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .xs\:py-48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .xs\:py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .xs\:py-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .xs\:py-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .xs\:py-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .xs\:py-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .xs\:py-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .xs\:py-110 {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
  }
  .xs\:py-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .xs\:m-0 {
    margin: 0px !important;
  }
  .xs\:m-4 {
    margin: 4px !important;
  }
  .xs\:m-5 {
    margin: 5px !important;
  }
  .xs\:m-10 {
    margin: 10px !important;
  }
  .xs\:m-15 {
    margin: 15px !important;
  }
  .xs\:m-20 {
    margin: 20px !important;
  }
  .xs\:m-24 {
    margin: 24px !important;
  }
  .xs\:m-28 {
    margin: 28px !important;
  }
  .xs\:m-30 {
    margin: 30px !important;
  }
  .xs\:m-35 {
    margin: 35px !important;
  }
  .xs\:m-40 {
    margin: 40px !important;
  }
  .xs\:m-45 {
    margin: 45px !important;
  }
  .xs\:m-48 {
    margin: 48px !important;
  }
  .xs\:m-50 {
    margin: 50px !important;
  }
  .xs\:m-60 {
    margin: 60px !important;
  }
  .xs\:m-70 {
    margin: 70px !important;
  }
  .xs\:m-80 {
    margin: 80px !important;
  }
  .xs\:m-90 {
    margin: 90px !important;
  }
  .xs\:m-100 {
    margin: 100px !important;
  }
  .xs\:m-110 {
    margin: 110px !important;
  }
  .xs\:m-120 {
    margin: 120px !important;
  }
  .xs\:mt-0 {
    margin-top: 0px !important;
  }
  .xs\:mt-4 {
    margin-top: 4px !important;
  }
  .xs\:mt-5 {
    margin-top: 5px !important;
  }
  .xs\:mt-10 {
    margin-top: 10px !important;
  }
  .xs\:mt-15 {
    margin-top: 15px !important;
  }
  .xs\:mt-20 {
    margin-top: 20px !important;
  }
  .xs\:mt-24 {
    margin-top: 24px !important;
  }
  .xs\:mt-28 {
    margin-top: 28px !important;
  }
  .xs\:mt-30 {
    margin-top: 30px !important;
  }
  .xs\:mt-35 {
    margin-top: 35px !important;
  }
  .xs\:mt-40 {
    margin-top: 40px !important;
  }
  .xs\:mt-45 {
    margin-top: 45px !important;
  }
  .xs\:mt-48 {
    margin-top: 48px !important;
  }
  .xs\:mt-50 {
    margin-top: 50px !important;
  }
  .xs\:mt-60 {
    margin-top: 60px !important;
  }
  .xs\:mt-70 {
    margin-top: 70px !important;
  }
  .xs\:mt-80 {
    margin-top: 80px !important;
  }
  .xs\:mt-90 {
    margin-top: 90px !important;
  }
  .xs\:mt-100 {
    margin-top: 100px !important;
  }
  .xs\:mt-110 {
    margin-top: 110px !important;
  }
  .xs\:mt-120 {
    margin-top: 120px !important;
  }
  .xs\:mr-0 {
    margin-right: 0px !important;
  }
  .xs\:mr-4 {
    margin-right: 4px !important;
  }
  .xs\:mr-5 {
    margin-right: 5px !important;
  }
  .xs\:mr-10 {
    margin-right: 10px !important;
  }
  .xs\:mr-15 {
    margin-right: 15px !important;
  }
  .xs\:mr-20 {
    margin-right: 20px !important;
  }
  .xs\:mr-24 {
    margin-right: 24px !important;
  }
  .xs\:mr-28 {
    margin-right: 28px !important;
  }
  .xs\:mr-30 {
    margin-right: 30px !important;
  }
  .xs\:mr-35 {
    margin-right: 35px !important;
  }
  .xs\:mr-40 {
    margin-right: 40px !important;
  }
  .xs\:mr-45 {
    margin-right: 45px !important;
  }
  .xs\:mr-48 {
    margin-right: 48px !important;
  }
  .xs\:mr-50 {
    margin-right: 50px !important;
  }
  .xs\:mr-60 {
    margin-right: 60px !important;
  }
  .xs\:mr-70 {
    margin-right: 70px !important;
  }
  .xs\:mr-80 {
    margin-right: 80px !important;
  }
  .xs\:mr-90 {
    margin-right: 90px !important;
  }
  .xs\:mr-100 {
    margin-right: 100px !important;
  }
  .xs\:mr-110 {
    margin-right: 110px !important;
  }
  .xs\:mr-120 {
    margin-right: 120px !important;
  }
  .xs\:mb-0 {
    margin-bottom: 0px !important;
  }
  .xs\:mb-4 {
    margin-bottom: 4px !important;
  }
  .xs\:mb-5 {
    margin-bottom: 5px !important;
  }
  .xs\:mb-10 {
    margin-bottom: 10px !important;
  }
  .xs\:mb-15 {
    margin-bottom: 15px !important;
  }
  .xs\:mb-20 {
    margin-bottom: 20px !important;
  }
  .xs\:mb-24 {
    margin-bottom: 24px !important;
  }
  .xs\:mb-28 {
    margin-bottom: 28px !important;
  }
  .xs\:mb-30 {
    margin-bottom: 30px !important;
  }
  .xs\:mb-35 {
    margin-bottom: 35px !important;
  }
  .xs\:mb-40 {
    margin-bottom: 40px !important;
  }
  .xs\:mb-45 {
    margin-bottom: 45px !important;
  }
  .xs\:mb-48 {
    margin-bottom: 48px !important;
  }
  .xs\:mb-50 {
    margin-bottom: 50px !important;
  }
  .xs\:mb-60 {
    margin-bottom: 60px !important;
  }
  .xs\:mb-70 {
    margin-bottom: 70px !important;
  }
  .xs\:mb-80 {
    margin-bottom: 80px !important;
  }
  .xs\:mb-90 {
    margin-bottom: 90px !important;
  }
  .xs\:mb-100 {
    margin-bottom: 100px !important;
  }
  .xs\:mb-110 {
    margin-bottom: 110px !important;
  }
  .xs\:mb-120 {
    margin-bottom: 120px !important;
  }
  .xs\:ml-0 {
    margin-left: 0px !important;
  }
  .xs\:ml-4 {
    margin-left: 4px !important;
  }
  .xs\:ml-5 {
    margin-left: 5px !important;
  }
  .xs\:ml-10 {
    margin-left: 10px !important;
  }
  .xs\:ml-15 {
    margin-left: 15px !important;
  }
  .xs\:ml-20 {
    margin-left: 20px !important;
  }
  .xs\:ml-24 {
    margin-left: 24px !important;
  }
  .xs\:ml-28 {
    margin-left: 28px !important;
  }
  .xs\:ml-30 {
    margin-left: 30px !important;
  }
  .xs\:ml-35 {
    margin-left: 35px !important;
  }
  .xs\:ml-40 {
    margin-left: 40px !important;
  }
  .xs\:ml-45 {
    margin-left: 45px !important;
  }
  .xs\:ml-48 {
    margin-left: 48px !important;
  }
  .xs\:ml-50 {
    margin-left: 50px !important;
  }
  .xs\:ml-60 {
    margin-left: 60px !important;
  }
  .xs\:ml-70 {
    margin-left: 70px !important;
  }
  .xs\:ml-80 {
    margin-left: 80px !important;
  }
  .xs\:ml-90 {
    margin-left: 90px !important;
  }
  .xs\:ml-100 {
    margin-left: 100px !important;
  }
  .xs\:ml-110 {
    margin-left: 110px !important;
  }
  .xs\:ml-120 {
    margin-left: 120px !important;
  }
  .xs\:mx-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .xs\:mx-4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .xs\:mx-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .xs\:mx-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .xs\:mx-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .xs\:mx-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .xs\:mx-24 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .xs\:mx-28 {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .xs\:mx-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .xs\:mx-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .xs\:mx-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .xs\:mx-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .xs\:mx-48 {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .xs\:mx-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .xs\:mx-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .xs\:mx-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
  .xs\:mx-80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .xs\:mx-90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
  .xs\:mx-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .xs\:mx-110 {
    margin-left: 110px !important;
    margin-right: 110px !important;
  }
  .xs\:mx-120 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .xs\:my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .xs\:my-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .xs\:my-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .xs\:my-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .xs\:my-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .xs\:my-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .xs\:my-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .xs\:my-28 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .xs\:my-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .xs\:my-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .xs\:my-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .xs\:my-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .xs\:my-48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .xs\:my-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .xs\:my-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .xs\:my-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .xs\:my-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .xs\:my-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .xs\:my-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .xs\:my-110 {
    margin-top: 110px !important;
    margin-bottom: 110px !important;
  }
  .xs\:my-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
}

/* Layout paddings (top/bottom) */
.layout-pt-sm {
  padding-top: 30px !important;
}

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

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

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

.layout-pt-lg {
  padding-top: 90px !important;
}

.layout-pb-lg {
  padding-bottom: 90px !important;
}

.layout-pt-xl {
  padding-top: 120px !important;
}

.layout-pb-xl {
  padding-bottom: 120px !important;
}

.layout-pt-xxl {
  padding-top: 270px !important;
}

.layout-pb-xxl {
  padding-bottom: 270px !important;
}

@media (max-width: 767px) {
  .layout-pt-sm {
    padding-top: 30px !important;
  }
  .layout-pb-sm {
    padding-bottom: 30px !important;
  }
  .layout-pt-md {
    padding-top: 60px !important;
  }
  .layout-pb-md {
    padding-bottom: 60px !important;
  }
  .layout-pt-lg {
    padding-top: 100px !important;
  }
  .layout-pb-lg {
    padding-bottom: 100px !important;
  }
  .layout-pt-xl {
    padding-top: 120px !important;
  }
  .layout-pb-xl {
    padding-bottom: 120px !important;
  }
  .layout-pt-xxl {
    padding-top: 120px !important;
  }
  .layout-pb-xxl {
    padding-bottom: 120px !important;
  }
}

@media (max-width: 575px) {
  .layout-pt-sm {
    padding-top: 30px !important;
  }
  .layout-pb-sm {
    padding-bottom: 30px !important;
  }
  .layout-pt-md {
    padding-top: 30px !important;
  }
  .layout-pb-md {
    padding-bottom: 30px !important;
  }
  .layout-pt-lg {
    padding-top: 30px !important;
  }
  .layout-pb-lg {
    padding-bottom: 30px !important;
  }
  .layout-pt-xl {
    padding-top: 50px !important;
  }
  .layout-pb-xl {
    padding-bottom: 50px !important;
  }
  .layout-pt-xxl {
    padding-top: 70px !important;
  }
  .layout-pb-xxl {
    padding-bottom: 70px !important;
  }
}

.rm-btn {
  -webkit-appearance: none;
  align-items: center;
  appearance: none;
  border: 1px solid transparent;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
  letter-spacing: -0.01em;
  line-height: 1;
  padding: 12px 16px;
  position: relative;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, transform 0.18s ease;
  user-select: none;
  z-index: 0;
}

.rm-btn::before {
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 58%);
  border-radius: inherit;
  content: "";
  inset: 1px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translateX(-12px);
  transition: opacity 0.22s ease, transform 0.28s ease;
  z-index: -1;
}

.rm-btn:hover::before,
.rm-btn:focus-visible::before {
  opacity: 1;
  transform: translateX(0);
}

.rm-btn--primary {
  background: #ddb426;
  border-color: #ddb426;
  box-shadow: 0 10px 20px rgba(180, 146, 28, 0.22);
  color: #111111;
}

.rm-btn--primary:hover,
.rm-btn--primary:focus-visible {
  background: #b4921c;
  border-color: #b4921c;
  color: #111111;
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(180, 146, 28, 0.26), 0 0 0 4px rgba(231, 203, 104, 0.18);
}

.rm-btn--secondary {
  background: rgba(231, 203, 104, 0.34);
  border-color: rgba(221, 180, 38, 0.38);
  color: #b4921c;
}

.rm-btn--secondary:hover,
.rm-btn--secondary:focus-visible {
  background: rgba(231, 203, 104, 0.56);
  border-color: rgba(180, 146, 28, 0.26);
  box-shadow: 0 0 0 4px rgba(231, 203, 104, 0.14);
}

.rm-btn--ghost {
  background: rgba(255, 255, 255, 0.7);
  border-color: rgba(161, 161, 161, 0.56);
  color: #232323;
}

.rm-btn--ghost:hover,
.rm-btn--ghost:focus-visible {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(231, 203, 104, 0.55);
  box-shadow: 0 0 0 4px rgba(231, 203, 104, 0.1);
  color: #111111;
}

.rm-btn--outline-primary {
  background: transparent;
  border-color: #ddb426;
  border-width: 2px;
  color: #ddb426;
}

.rm-btn--outline-primary:hover,
.rm-btn--outline-primary:focus-visible {
  background: #ddb426;
  border-color: #ddb426;
  transform: translateY(-1px);
  box-shadow: 0 0 0 4px rgba(231, 203, 104, 0.16);
  color: #111111;
}

.rm-btn:active {
  transform: translateY(0);
}

.rm-btn--link {
  background: transparent;
  border-color: transparent;
  border-radius: 0;
  box-shadow: none;
  color: #ddb426;
  min-height: 0;
  padding: 0;
  text-decoration: none;
  width: fit-content;
}

.rm-btn--link::before {
  display: none;
}

.rm-btn--link::after {
  background: currentColor;
  bottom: -6px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  transform: scaleX(1);
  transform-origin: left center;
  transition: transform 0.24s ease, opacity 0.2s ease;
}

.rm-btn--link:hover,
.rm-btn--link:focus-visible {
  box-shadow: none;
  color: #b4921c;
}

.rm-btn--link:hover::after,
.rm-btn--link:focus-visible::after {
  transform: scaleX(0.82);
}

.rm-btn--link .rm-blog-card__link-arrow {
  display: inline-block;
  transition: transform 0.24s ease;
}

.rm-btn--link:hover .rm-blog-card__link-arrow,
.rm-btn--link:focus-visible .rm-blog-card__link-arrow {
  transform: translateX(4px);
}

.rm-btn--link.is-white {
  color: rgba(255, 255, 255, 0.96);
}

.rm-btn--link.is-white:hover,
.rm-btn--link.is-white:focus-visible {
  color: #ffffff;
}

.rm-btn:disabled,
.rm-btn[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: 0.65;
  pointer-events: none;
}

.rm-btn--xl {
  min-height: 72px;
  padding: 16px 36px;
}

.rm-btn--wide {
  max-width: 100%;
  width: fit-content;
}

@media (prefers-reduced-motion: reduce) {
  .rm-btn,
.rm-btn::before {
    transition: none;
  }
}

.site-header {
  background: #090909;
  border-bottom: 0 !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  position: static;
  width: 100%;
  z-index: 1;
}

#masthead,
.site-header,
.rm-header-inner {
  border: 0 !important;
  box-shadow: none !important;
}

#masthead::before,
#masthead::after,
.site-header::before,
.site-header::after,
.rm-header-inner::before,
.rm-header-inner::after {
  display: none !important;
}

.rm-header-inner {
  border-bottom: 0 !important;
  box-shadow: none !important;
  margin: 0 auto;
  max-width: 1600px;
  padding: 16px 80px;
}

.rm-header-bar {
  align-items: center;
  display: flex;
  gap: 24px;
  justify-content: space-between;
}

.site-header .site-branding {
  display: inline-flex;
}

.site-header + #primary.site-main,
#primary.site-main {
  border-top: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#primary.site-main > .rm-block:first-child {
  border-top: 0 !important;
  margin-top: 0 !important;
}

.site-header .custom-logo-link {
  display: inline-flex;
}

.site-header .custom-logo {
  height: auto;
  max-height: 60px;
  width: auto;
}

.rm-header-logo-fallback {
  color: #ffffff;

  letter-spacing: 0.08em;
  text-decoration: none;
  text-transform: uppercase;
}

.rm-header-actions {
  align-items: center;
  display: inline-flex;
  gap: 18px;
  justify-content: flex-end;
}

.rm-header-account-link {
  color: rgba(255, 255, 255, 0.9);

  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
}

.rm-header-account-link:hover,
.rm-header-account-link:focus-visible {
  color: #ffffff;
}

.rm-header-register-btn {
  border-radius: 8px;
  min-height: 54px;
  padding: 12px 26px;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .rm-header-inner {
    padding: 12px 20px;
  }
  .site-header .custom-logo {
    max-height: 52px;
  }
  .rm-header-bar {
    gap: 12px;
  }
  .rm-header-actions {
    gap: 10px;
  }
  .rm-header-account-link {
    display: none;
  }
  .rm-header-register-btn {
    min-height: 44px;
    padding: 10px 18px;
  }
}

.site-footer {
  background: #ffffff;
  margin-top: 80px;
}

.rm-footer-inner {
  margin: 0 auto;
  max-width: 1600px;
  padding: 56px 80px;
}

.rm-footer-brand .custom-logo-link {
  display: inline-flex;
}

.rm-footer-brand .custom-logo {
  height: auto;
  max-height: 90px;
  width: auto;
}

.rm-footer-logo-fallback {
  color: #111111;

  letter-spacing: 0.08em;
  text-decoration: none;
  text-transform: uppercase;
}

.rm-footer-title {
  color: #111111;

  line-height: 1.15;
  margin: 0 0 16px;
  text-transform: none;
}

.rm-footer-contact-line {
  align-items: center;
  display: flex;
  gap: 14px;
  margin: 0;
}

.rm-footer-contact-line i {
  color: #111111;
  font-size: 28px;
}

.rm-footer-contact-line a {
  color: #111111;

  text-decoration: none;
}

.rm-footer-social {
  display: flex;
  gap: 14px;
}

.rm-footer-social a {
  align-items: center;
  background: #ddb426;
  border-radius: 50%;
  color: #ffffff;
  display: inline-flex;
  height: 48px;
  justify-content: center;
  text-decoration: none;
  width: 48px;
}

.rm-footer-social a i {
  font-size: 22px;
}

.rm-footer-links {
  gap: 10px;
}

.rm-footer-links-menu {
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.rm-footer-links-menu li {
  margin: 0;
}

.rm-footer-links a {
  color: #ddb426;

  line-height: 1.3;
  text-decoration: none;
}

.rm-footer-links a:hover,
.rm-footer-links a:focus {
  color: #b4921c;
}

@media (max-width: 1199px) {
  .rm-footer-contact-line a,
.rm-footer-links a {
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .rm-footer-inner {
    padding: 56px 50px;
  }
}

@media (max-width: 767px) {
  .rm-footer-inner {
    padding: 44px 20px;
  }
  .rm-footer-contact-line a,
.rm-footer-links a {
    font-size: 14px;
  }
  .rm-footer-contact-line i {
    font-size: 20px;
  }
}

.rm-block-hero {
  background: #090909 !important;
}

@media (max-width: 767px) {
  .rm-block > .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.rm-hero-media-wrap {
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
}

.rm-hero-image {
  display: block;
  width: 100%;
}

.rm-hero-video-embed {
  aspect-ratio: 16 / 9;
  background: #000;
  position: relative;
}

.rm-hero-video-embed iframe,
.rm-hero-video-embed video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.rm-hero-video-trigger {
  appearance: none;
  background: #000;
  border: 0;
  cursor: pointer;
  display: block;
  padding: 0;
  position: relative;
  width: 100%;
}

.rm-hero-video-cover {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.rm-hero-video-play {
  align-items: center;
  background: rgba(0, 0, 0, 0.64);
  border: 3px solid #ddb426;
  border-radius: 999px;
  color: #ddb426;
  display: inline-flex;
  height: 86px;
  justify-content: center;
  left: 50%;
  padding-left: 4px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.2s ease, background-color 0.2s ease;
  width: 86px;
}

.rm-hero-video-trigger:hover .rm-hero-video-play,
.rm-hero-video-trigger:focus-visible .rm-hero-video-play {
  background: rgba(0, 0, 0, 0.78);
  transform: translate(-50%, -50%) scale(1.05);
}

.rm-hero-video-trigger:focus-visible {
  outline: 3px solid #ddb426;
  outline-offset: -3px;
}

.rm-hero-media-placeholder {
  align-items: center;
  background: linear-gradient(145deg, #131313 0%, #202020 100%);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #d9d9d9;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  min-height: 430px;
  padding: 24px;
  text-align: center;
}

.rm-hero-media-placeholder i {
  color: #ddb426;
  font-size: 62px;
}

.rm-hero-media-placeholder span {}

.rm-hero-kicker {

  line-height: 0.98;
  margin: 0 0 6px;
  text-transform: uppercase;
}

.rm-hero-title {

  line-height: 0.98;
  margin: 0 0 28px;
  text-transform: uppercase;
}

.rm-hero-description {
  line-height: 1.35;
  margin-bottom: 30px;
}

.rm-hero-btn {
  align-self: flex-start;
  border-radius: 14px;

  max-width: 100%;
  min-height: 76px;
  min-width: 380px;
  padding: 18px 34px;
  text-transform: uppercase;
  width: auto;
}

.rm-block-cta {
  background: #090909 !important;
}

.rm-cta-wrap {
  margin-left: auto;
  margin-right: auto;
  max-width: 980px;
}

.rm-cta-title {

  line-height: 0.96;
  margin: 0 0 34px;
  text-transform: uppercase;
}

.rm-cta-subtitle {

  line-height: 1.3;
  margin: 0 0 26px;
}

.rm-cta-content {
  line-height: 1.45;
  margin: 0 auto 40px;
  max-width: 860px;
}

.rm-cta-content p {
  margin-bottom: 24px;
}

.rm-cta-content p:last-child {
  margin-bottom: 0;
}

.rm-cta-btn {
  border-radius: 10px;

  max-width: 100%;
  min-height: 64px;
  min-width: 520px;
  padding: 14px 28px;
  text-transform: uppercase;
}

.rm-block-testimonials {
  background: #ddb426 !important;
}

.rm-testimonials-title {
  margin-bottom: 0;
  text-transform: uppercase;
}

.rm-testimonials-subtitle {
  line-height: 1.4;
  margin: 10px 0 0;
}

.rm-testimonials-swiper {
  overflow: hidden;
  padding: 10px 0 26px;
  position: relative;
}

.rm-testimonials-swiper .swiper-wrapper {
  align-items: stretch;
}

.rm-testimonials-swiper .swiper-slide {
  display: flex;
  height: auto;
}

.rm-testimonial-card {
  background: rgba(255, 255, 255, 0.24);
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 12px;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  height: auto;
  justify-content: flex-start;
  margin: 0 auto;
  min-height: 0;
  padding: 24px 22px;
  text-align: center;
}

.rm-testimonial-quote-mark {
  color: rgba(0, 0, 0, 0.28);

  line-height: 1;
  margin-bottom: 12px;
}

.rm-testimonial-text {
  color: #161616;

  line-height: 1.45;
  margin: 0 auto 14px;
}

.rm-testimonial-author {
  color: #111111;

  margin: auto 0 0;
}

.rm-testimonials-pagination {
  margin-top: 18px;
  position: static !important;
  text-align: center;
}

.rm-testimonials-pagination .swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.35);
  height: 10px;
  margin: 0 5px !important;
  opacity: 1;
  width: 10px;
}

.rm-testimonials-pagination .swiper-pagination-bullet-active {
  background: #101010;
}

.rm-benefits-intro {
  padding-right: 28px;
}

.rm-benefits-title {

  letter-spacing: -0.01em;
  line-height: 1;
  margin: 0 0 28px;
  max-width: 560px;
  text-transform: uppercase;
}

.rm-benefits-text {
  line-height: 1.35;
  margin: 0 0 36px;
  max-width: 520px;
}

.rm-benefits-btn {
  border-radius: 12px !important;
  border-width: 2px !important;

  letter-spacing: 0 !important;
  max-width: 100%;
  min-height: 64px;
  min-width: 262px;
  padding: 14px 30px !important;
  text-transform: uppercase;
}

.rm-benefits-grid {
  padding-left: 28px;
}

.rm-benefits-card {
  background: transparent;
  border: 1px solid #c9ccd1;
  border-radius: 8px;
  padding: 20px 22px;
}

.rm-benefits-card-title {

  line-height: 1.2;
  margin: 0 0 8px;
}

.rm-benefits-card-text {
  line-height: 1.38;
}

.rm-programs-search-wrap {
  align-items: center;
  border: 1px solid #c9ccd1;
  border-radius: 12px;
  overflow: hidden;
}

.rm-programs-title {
  margin: 0;
  text-transform: uppercase;
}

.rm-programs-search-row {
  margin-top: 8px;
  margin-bottom: 34px !important;
}

.rm-programs-search-input.form-control {
  background: #f3f4f5;
  border: 0;
  box-shadow: none;
  color: #555a60;

  height: 72px;
  padding: 16px 22px;
}

.rm-programs-search-input.form-control::placeholder {
  color: #9aa0a6;
  opacity: 1;
}

.rm-programs-search-icon.input-group-text {
  background: #f3f4f5;
  border: 0;
  color: #111111;

  padding: 0 26px;
}

.rm-programs-search-clear.input-group-text {
  appearance: none;
  background: transparent !important;
  border: 0;
  box-shadow: none;
  color: #3f454b;
  cursor: pointer;

  line-height: 1;
  padding: 0 16px;
}

.rm-programs-search-clear.input-group-text:hover,
.rm-programs-search-clear.input-group-text:focus {
  background: transparent !important;
  color: #111111;
}

.rm-program-card {
  border: 0;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.rm-program-card-media {
  aspect-ratio: 4 / 2.2;
  overflow: hidden;
}

.rm-program-card-media img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.rm-program-card-media--placeholder {
  align-items: center;
  background: linear-gradient(135deg, #d4b124 0%, #e0c043 100%);
  display: flex;
  justify-content: center;
}

.rm-program-card-media--placeholder span {
  color: rgba(17, 17, 17, 0.68);

  letter-spacing: 0.14em;
}

.rm-program-card-body {
  background: #c9d2d7;
  flex: 1 1 auto;
  padding: 22px 24px 24px;
}

.rm-program-card-title {
  color: #131518;

  line-height: 1.2;
  margin: 0 0 14px;
}

.rm-program-card-text {
  color: #3f454b;

  line-height: 1.45;
}

.rm-program-item--hidden {
  display: none;
}

.rm-programs-load-more {
  min-width: 180px;
  position: relative;
  text-transform: uppercase;
}

.rm-programs-load-more-wrap {
  margin-top: 34px;
}

.rm-programs-load-more.is-loading {
  color: transparent !important;
  pointer-events: none;
}

.rm-programs-load-more.is-loading::after {
  animation: rm-programs-btn-spin .55s linear infinite;
  border: 2px solid rgba(221, 180, 38, 0.35);
  border-top-color: #ddb426;
  border-radius: 50%;
  content: '';
  height: 18px;
  left: 50%;
  margin: -9px 0 0 -9px;
  position: absolute;
  top: 50%;
  width: 18px;
}

@keyframes rm-programs-btn-spin {
  to {
    transform: rotate(360deg);
  }
}

.rm-pricing-title {

  letter-spacing: 0;
  line-height: 0.95;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.rm-pricing-subtitle {
  margin-bottom: 0;
}

.rm-pricing-card {
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 780px;
  padding: 54px 42px 36px;
}

.rm-pricing-card--dark {
  background: #090909;
  border: 1px solid rgba(255, 255, 255, 0.22);
  color: #ffffff;
}

.rm-pricing-card--light {
  background: #f2f2f2;
  color: #111111;
}

.rm-pricing-card-title {

  line-height: 1.1;
  margin-bottom: 24px;
}

.rm-pricing-card--dark .rm-pricing-card-title {
  color: #ffffff;
}

.rm-pricing-card-price {
  align-items: baseline;
  display: flex;
  gap: 10px;
  margin-bottom: 26px;
}

.rm-pricing-old-price {
  color: #a8a8a8;

  text-decoration: line-through;
}

.rm-pricing-current-price {
  color: #ddb426;

  line-height: 1;
}

.rm-pricing-intro {
  line-height: 1.35;
  margin-bottom: 18px;
}

.rm-pricing-description {
  line-height: 1.4;
  margin-bottom: 18px;
}

.rm-pricing-list {
  list-style: none;
  margin: 0 0 34px;
  padding: 0;
}

.rm-pricing-list li {
  align-items: flex-start;
  display: flex;
  gap: 14px;
  margin-bottom: 14px;
}

.rm-pricing-list li i {
  color: #ddb426;
  font-size: 24px;
  line-height: 1.2;
  margin-top: 3px;
}

.rm-pricing-list li span {
  line-height: 1.4;
}

.rm-pricing-btn {
  align-items: center;
  border-radius: 10px;
  display: inline-flex;

  justify-content: center;
  line-height: 1;
  margin-top: 6px;
  min-height: 64px;
  padding: 14px 24px;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}

.rm-pricing-btn--outline {
  border-radius: 10px;
}

.rm-pricing-btn--fill {
  border-radius: 10px;
}

.rm-faq-title {

  letter-spacing: 0;
  line-height: 0.95;
  margin: 0;
  text-transform: uppercase;
}

.rm-cta-title,
.rm-cta-subtitle,
.rm-testimonials-title,
.rm-testimonials-subtitle,
.rm-benefits-title,
.rm-pricing-title,
.rm-pricing-subtitle,
.rm-faq-title {
  margin-bottom: 30px !important;
}

.rm-faq-row {
  --bs-gutter-x: 1.8rem;
  --bs-gutter-y: 1.8rem;
}

.rm-faq-accordion {
  --bs-accordion-border-color: transparent;
  --bs-accordion-bg: transparent;
  --bs-accordion-border-radius: 0;
}

.rm-faq-item {
  background: transparent;
  border: 0;
}

.rm-faq-button {
  background: #ddb426 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #000 !important;

  line-height: 1.2;
  min-height: 92px;
  padding: 20px 84px 20px 40px;
  text-transform: uppercase;
}

.rm-faq-button::after {
  background-size: 1.6rem;
  height: 1.6rem;
  margin-top: -0.8rem;
  position: absolute;
  right: 34px;
  top: 50%;
  width: 1.6rem;
}

.rm-faq-body {
  background: #ddb426;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  color: #111;

  line-height: 1.4;
  padding: 24px 40px;
}

@media (max-width: 1199px) {
  .rm-cta-title {
    font-size: 58px;
  }
  .rm-cta-btn {
    font-size: 28px;
  }
  .rm-testimonials-swiper {
    padding-left: 0;
    padding-right: 0;
  }
  .rm-benefits-title {
    font-size: 38px;
  }
  .rm-benefits-text {
    font-size: 16px;
  }
  .rm-benefits-card-title {
    font-size: 18px;
  }
  .rm-benefits-card-text {
    font-size: 16px;
  }
  .rm-benefits-btn {
    font-size: 14px !important;
  }
  .rm-hero-kicker,
.rm-hero-title {
    font-size: 60px;
  }
  .rm-hero-btn {
    font-size: 18px;
    min-width: 320px;
  }
  .rm-pricing-title {
    font-size: 64px;
  }
  .rm-pricing-card {
    min-height: 740px;
  }
  .rm-pricing-card-title {
    font-size: 30px;
  }
  .rm-pricing-current-price {
    font-size: 50px;
  }
  .rm-pricing-old-price {
    font-size: 36px;
  }
  .rm-pricing-intro,
.rm-pricing-list li span {
    font-size: 16px;
  }
  .rm-faq-title {
    font-size: 62px;
  }
  .rm-faq-button {
    font-size: 36px;
    min-height: 82px;
  }
}

@media (max-width: 991px) {
  .rm-cta-title {
    font-size: 48px;
    margin-bottom: 24px;
  }
  .rm-cta-subtitle {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .rm-cta-content {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .rm-cta-btn {
    font-size: 24px;
    min-width: 420px;
  }
  .rm-testimonials-swiper {
    padding-left: 0;
    padding-right: 0;
  }
  .rm-benefits-intro,
.rm-benefits-grid {
    padding-left: 0;
    padding-right: 0;
  }
  .rm-benefits-title {
    font-size: 34px;
    margin-bottom: 20px;
  }
  .rm-benefits-text {
    font-size: 16px;
    margin-bottom: 24px;
  }
  .rm-benefits-card-title {
    font-size: 20px;
  }
  .rm-benefits-card-text {
    font-size: 16px;
  }
  .rm-benefits-btn {
    font-size: 14px !important;
  }
  .rm-hero-kicker,
.rm-hero-title {
    font-size: 50px;
  }
  .rm-hero-description {
    font-size: 18px;
  }
  .rm-hero-btn {
    align-self: stretch;
    min-width: 0;
    width: 100%;
  }
  .rm-pricing-title {
    font-size: 54px;
  }
  .rm-pricing-card {
    min-height: 0;
  }
  .rm-pricing-card-title {
    font-size: 28px;
  }
  .rm-pricing-current-price {
    font-size: 44px;
  }
  .rm-pricing-old-price {
    font-size: 32px;
  }
  .rm-faq-title {
    font-size: 52px;
  }
  .rm-faq-button {
    font-size: 30px;
    min-height: 78px;
  }
}

@media (max-width: 767px) {
  .rm-hero-content-col {
    order: 1;
  }
  .rm-hero-media-col {
    order: 2;
  }
  .rm-cta-title {
    font-size: 34px;
    line-height: 1.03;
    margin-bottom: 16px;
  }
  .rm-cta-subtitle {
    font-size: 18px;
    margin-bottom: 14px;
  }
  .rm-cta-content {
    font-size: 16px;
    margin-bottom: 22px;
  }
  .rm-cta-content p {
    margin-bottom: 16px;
  }
  .rm-cta-btn {
    font-size: 16px;
    min-height: 56px;
    min-width: 0;
    width: 100%;
  }
  .rm-testimonials-title {
    margin-bottom: 0;
  }
  .rm-testimonials-subtitle {
    font-size: 16px;
  }
  .rm-testimonials-swiper {
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }
  .rm-testimonial-card {
    padding: 20px 16px;
  }
  .rm-testimonial-text {
    font-size: 15px;
  }
  .rm-benefits-title {
    font-size: 30px;
    line-height: 1.02;
    max-width: none;
  }
  .rm-benefits-text {
    font-size: 16px;
    margin-bottom: 20px;
    max-width: none;
  }
  .rm-benefits-card {
    padding: 16px 16px;
  }
  .rm-benefits-card-title {
    font-size: 20px;
    margin-bottom: 8px;
  }
  .rm-benefits-card-text {
    font-size: 16px;
  }
  .rm-benefits-btn {
    font-size: 14px !important;
    min-height: 56px;
    min-width: 0;
    padding: 12px 22px !important;
    width: 100%;
  }
  .rm-programs-search-input.form-control {
    font-size: 16px;
    height: 60px;
    padding: 12px 16px;
  }
  .rm-programs-search-icon.input-group-text {
    font-size: 22px;
    padding: 0 16px;
  }
  .rm-programs-search-clear.input-group-text {
    font-size: 22px;
    padding: 0 12px;
  }
  .rm-program-card-body {
    padding: 16px;
  }
  .rm-program-card-title {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .rm-program-card-text {
    font-size: 15px;
  }
  .rm-hero-media-placeholder {
    min-height: 280px;
  }
  .rm-hero-media-placeholder i {
    font-size: 44px;
  }
  .rm-hero-video-play {
    border-width: 2px;
    height: 58px;
    width: 58px;
  }
  .rm-hero-kicker,
.rm-hero-title {
    font-size: 34px;
  }
  .rm-hero-description {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .rm-hero-btn {
    border-radius: 10px;
    font-size: 16px;
    min-height: 56px;
    padding: 14px 16px;
    width: 100%;
  }
  .rm-pricing-title {
    font-size: 38px;
    line-height: 1.05;
  }
  .rm-pricing-subtitle {
    font-size: 16px;
  }
  .rm-pricing-card {
    border-radius: 8px;
    padding: 24px 20px;
  }
  .rm-pricing-card-title {
    font-size: 24px;
    margin-bottom: 18px;
  }
  .rm-pricing-current-price {
    font-size: 34px;
  }
  .rm-pricing-old-price {
    font-size: 26px;
  }
  .rm-pricing-intro,
.rm-pricing-list li span {
    font-size: 16px;
  }
  .rm-pricing-btn {
    font-size: 16px;
    min-height: 56px;
    padding: 14px 16px;
  }
  .rm-faq-title {
    font-size: 36px;
    line-height: 1.05;
    margin: 0;
  }
  .rm-faq-button {
    font-size: 22px;
    min-height: 62px;
    padding: 16px 58px 16px 20px;
  }
  .rm-faq-button::after {
    right: 20px;
  }
  .rm-faq-body {
    font-size: 16px;
    padding: 16px 20px;
  }
}

/* --- Single Programa (CPT) --- */
.single-programa .site-main {
  background: #e5e5e5;
}

.rm-program-single-title {
  margin-bottom: 14px;
  text-transform: uppercase;
}

.rm-program-single-subtitle {
  margin-bottom: 14px;
  text-transform: uppercase;
}

.rm-program-single-description {
  line-height: 1.4;
  margin-bottom: 0;
}

.rm-program-single-section-title {
  margin-bottom: 12px;
  text-transform: uppercase;
}

.rm-program-single-section-subtitle {
  line-height: 1.4;
  margin-bottom: 8px;
}

.rm-program-highlight-card {
  border: 2px solid #202327;
  border-radius: 8px;
  padding: 22px 20px;
  transition: border-color .22s ease, box-shadow .22s ease;
}

.rm-program-highlight-card:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, .12);
}

.rm-program-highlight-icon i {
  color: #ddb426;
  font-size: 28px;
  margin-bottom: 12px;
}

.rm-program-highlight-title {

  line-height: 1.25;
  text-transform: uppercase;
}

.rm-program-plan-accordion {
  border-top: 1px solid #cfd3d8;
}

.rm-program-plan-cta-wrap {
  margin-bottom: 30px;
}

.rm-program-plan-cta {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  min-width: 280px;
}

.rm-program-plan-item {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #cfd3d8;
  border-radius: 0 !important;
}

.rm-program-plan-button {
  align-items: center;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex;
  gap: 12px;
  padding: 20px 0 !important;
}

.rm-program-plan-button::after {
  margin-left: auto;
}

.rm-program-plan-number {

  line-height: 1;
}

.rm-program-plan-title {

  line-height: 1.1;
  text-transform: uppercase;
}

.rm-program-plan-badge {
  align-items: center;
  background: #ddb426;
  border-radius: 4px;
  color: #111;
  display: inline-flex;

  gap: 6px;
  line-height: 1;
  margin-left: 8px;
  padding: 5px 7px;
  text-transform: lowercase;
}

.rm-program-plan-badge i {
  font-size: 11px;
}

.rm-program-plan-body {
  padding: 0 0 20px 0 !important;
}

.rm-program-plan-list {
  list-style: none;
  margin: 14px 0 0 40px;
  padding: 0;
}

.rm-program-plan-list li {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  line-height: 1.4;
  margin-bottom: 10px;
}

.rm-program-plan-list li:last-child {
  margin-bottom: 0;
}

.rm-program-plan-list i {
  color: #1f2328;
  font-size: 16px;
  line-height: 1.2;
  margin-top: 2px;
}

@media (max-width: 767px) {
  .rm-program-single-title {
    margin-bottom: 10px;
  }

  .rm-program-single-subtitle {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .rm-program-highlight-card {
    padding: 18px 16px;
  }

  .rm-program-highlight-title {
    font-size: 16px;
  }

  .rm-program-plan-button {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 8px;
    padding: 14px 0 !important;
  }

  .rm-program-plan-cta {
    min-width: 0;
    width: 100%;
  }

  .rm-program-plan-title {
    font-size: 20px;
    width: calc(100% - 40px);
  }

  .rm-program-plan-badge {
    margin-left: 0;
  }

  .rm-program-plan-list li {
    font-size: 15px;
  }

  .rm-program-plan-list {
    margin-left: 20px;
  }
}

/* --- Single Programa FAQ --- */
.rm-program-faq-title {
  text-align: left;
}

.rm-program-faq-note {
  line-height: 1.35;
}

.rm-program-faq-accordion {
  --bs-accordion-border-color: transparent;
  --bs-accordion-bg: transparent;
}

.rm-program-faq-item {
  background: transparent;
  border: 0;
  border-radius: 0 !important;
  margin-bottom: 10px;
}

.rm-program-faq-button {
  background: #090909 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff !important;

  line-height: 1.2;
  min-height: 96px;
  padding: 20px 66px 20px 32px !important;
  text-transform: uppercase;
}

.rm-program-faq-button::after {
  filter: brightness(0) invert(1);
  position: absolute;
  right: 26px;
}

.rm-program-faq-body {
  background: #090909;
  border: 0;
  color: #fff;
  line-height: 1.45;
  margin-top: -1px;
  padding: 0 32px 24px 32px !important;
}

.rm-program-faq-body p:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .rm-program-faq-note {
    font-size: 15px;
    margin-top: 8px;
    text-align: left;
  }

  .rm-program-faq-button {
    font-size: 20px;
    min-height: 70px;
    padding: 16px 52px 16px 18px !important;
  }

  .rm-program-faq-button::after {
    right: 18px;
  }

  .rm-program-faq-body {
    font-size: 16px;
    padding: 0 18px 16px 18px !important;
  }
}

/* Single Programa plan spacing */
.rm-program-single-plan .rm-program-single-section-subtitle {
  margin-bottom: 26px;
}

@media (max-width: 767px) {
  .rm-program-single-plan .rm-program-single-section-subtitle {
    margin-bottom: 18px;
  }
}

/* Single Programa FAQ typography/alignment tune */
.rm-program-single-faq .rm-program-faq-title {
  margin-bottom: 10px !important;
  text-align: center;
}

.rm-program-single-faq .rm-program-faq-note {
  text-align: center;
}

.rm-program-single-faq .rm-program-faq-button {
  min-height: 76px;
}

.rm-program-single-faq .rm-program-faq-body {}

@media (max-width: 767px) {
  .rm-program-single-faq .rm-program-faq-note {
    font-size: 14px;
    text-align: center;
  }

  .rm-program-single-faq .rm-program-faq-button {
    font-size: 17px;
    min-height: 64px;
  }
}

/* Single Programa - Sobre o PT */
.rm-program-about {
  background: #090909 !important;
}

.rm-program-about-kicker {

  line-height: 1.1;
  text-transform: uppercase;
}

.rm-program-about-name {

  line-height: 0.98;
  text-transform: uppercase;
}

.rm-program-about-quote {
  font-style: italic;
  line-height: 1.35;
}

.rm-program-about-description {
  line-height: 1.45;
}

.rm-program-about-description p:last-child {
  margin-bottom: 0;
}

.rm-program-about-highlight {
  align-items: center;
  display: inline-flex;

  gap: 14px;
  line-height: 1.3;
}

.rm-program-about-highlight i {
  color: #ddb426;
  font-size: 20px;
}

.rm-program-about-image-wrap {
  background: #ddb426;
  border: 2px solid rgba(255, 255, 255, 0.9);
  border-radius: 6px;
  padding: 0;
  position: relative;
}

.rm-program-about-image-wrap::after {
  border: 6px solid rgba(255, 255, 255, 0.95);
  border-radius: 0 0 6px 6px;
  bottom: -10px;
  content: "";
  left: 10px;
  pointer-events: none;
  position: absolute;
  right: -10px;
  top: 10px;
  z-index: 1;
}

.rm-program-about-image,
.rm-program-about-image-placeholder {
  display: block;
  position: relative;
  width: 100%;
  z-index: 2;
}

.rm-program-about-image {
  height: auto;
}

.rm-program-about-image-placeholder {
  align-items: center;
  color: rgba(17, 17, 17, 0.7);
  display: flex;

  justify-content: center;
  letter-spacing: 0.14em;
  min-height: 620px;
}

@media (max-width: 767px) {
  .rm-program-about-name {
    font-size: 42px;
  }

  .rm-program-about-kicker {
    font-size: 26px;
  }

  .rm-program-about-quote {
    font-size: 20px;
  }

  .rm-program-about-description {
    font-size: 16px;
  }

  .rm-program-about-highlight {
    font-size: 18px;
    gap: 10px;
  }

  .rm-program-about-image-wrap::after {
    bottom: -8px;
    left: 8px;
    right: -8px;
    top: 8px;
  }

  .rm-program-about-image-placeholder {
    min-height: 420px;
  }
}

/* Override - About PT uniform typography + single image frame */
.rm-program-about-kicker{line-height:1.2}
.rm-program-about-name{line-height:1}
.rm-program-about-image-wrap{box-shadow:10px 10px 0 #fff}
.rm-program-about-image-wrap::after{content:none}
.rm-program-about-image,.rm-program-about-image-placeholder{position:static;z-index:auto}
@media (max-width:767px){
  .rm-program-about-name{font-size:38px}
  .rm-program-about-kicker{font-size:18px}
  .rm-program-about-quote{font-size:18px}
  .rm-program-about-image-wrap::after{content:none}
}

/* Global typography normalization using utility scale */
.rm-benefits-title,
.rm-programs-title,
.rm-pricing-title,
.rm-testimonials-title,
.rm-faq-title,
.rm-program-single-title,
.rm-program-single-section-title,
.rm-cta-title,
.rm-program-about-name {
  line-height: 1.08;
}

.rm-program-about-kicker {}

.rm-program-about-highlight {}

/* FAQ same size in all sections */
.rm-faq-button,
.rm-program-faq-button,
.rm-faq-body,
.rm-program-faq-body {}

.rm-faq-question,
.rm-program-faq-button > span {}

.rm-faq-body,
.rm-program-faq-body {}

@media (max-width: 991px) {
  .rm-benefits-title,
  .rm-programs-title,
  .rm-pricing-title,
  .rm-testimonials-title,
  .rm-faq-title,
  .rm-program-single-title,
  .rm-program-single-section-title,
  .rm-cta-title,
  .rm-program-about-name {
    font-size: var(--text-32) !important;
  }

  .rm-program-about-kicker {
    font-size: var(--text-20) !important;
  }

  .rm-faq-question,
  .rm-program-faq-button > span {
    font-size: var(--text-16) !important;
  }
}


/* Sobre o PT image: no frame effects */
.rm-program-about-image-wrap{background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;position:static !important}
.rm-program-about-image-wrap::after{content:none !important}

/* Single Programa intro with tablet */
.rm-program-single-intro{overflow:hidden;padding-bottom:300px;position:relative}.rm-program-single-intro+section{padding-top:220px}.rm-program-intro-badge{background:#ddb426;color:#111;display:inline-flex;letter-spacing:0;line-height:1;margin-bottom:20px;padding:8px 14px}.rm-program-single-title{line-height:1;margin-bottom:12px}.rm-program-single-subtitle{line-height:1.05;margin-bottom:20px}.rm-program-single-description{margin-bottom:30px}.rm-program-intro-btn{min-width:176px}.rm-program-tablet-wrap{margin:18px auto -270px;max-width:1000px;position:relative}.rm-program-tablet-screen{border-radius:2px;inset:4.4% 6.1% 5.9% 6%;overflow:hidden;position:absolute}.rm-program-tablet-image{display:block;height:100%;object-fit:cover;width:100%}.rm-program-tablet-placeholder{align-items:center;background:#ddb426;color:#111;display:flex;height:100%;justify-content:center;letter-spacing:.08em}.rm-program-tablet-play{align-items:center;border:5px solid #ddb426;border-radius:999px;color:#ddb426;display:inline-flex;height:98px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:98px}.rm-program-tablet-play i{margin-left:6px}.rm-program-tablet-frame{display:block;height:auto;position:relative;width:100%;z-index:2}@media (max-width:767px){.rm-program-single-intro{padding-bottom:84px}.rm-program-single-intro+section{padding-top:84px}.rm-program-intro-badge{margin-bottom:14px;padding:6px 12px}.rm-program-single-description{margin-bottom:20px}.rm-program-tablet-wrap{margin:12px auto -126px}.rm-program-tablet-play{border-width:3px;height:52px;width:52px}.rm-program-tablet-play i{margin-left:3px}}

/* Single Programa: Para Quem */
.rm-program-single-who{background:#090909!important}.rm-program-single-who .rm-program-single-section-title{margin-bottom:12px}.rm-program-single-who .rm-program-single-section-subtitle{margin-bottom:0}.rm-program-who-card{border:1px solid rgba(255,255,255,.18);min-height:220px;padding:36px 30px}@media (max-width:767px){.rm-program-who-card{min-height:130px;padding:20px 16px}}

/* Single Programa intro spacing tune (match reference) */
.rm-program-single-intro{padding-bottom:220px;padding-top:40px}.rm-program-single-intro+section{padding-top:140px}.rm-program-tablet-wrap{margin:18px auto -320px}@media (max-width:767px){.rm-program-single-intro{padding-bottom:64px;padding-top:26px}.rm-program-single-intro+section{padding-top:70px}.rm-program-tablet-wrap{margin:12px auto -110px}}

/* Single Programa hero final tune */
.rm-program-single-intro{padding-top:24px!important;padding-bottom:96px!important}
.rm-program-single-intro+section{padding-top:48px!important}
.rm-program-tablet-wrap{margin:18px auto -120px!important}
.rm-program-single-description{line-height:1.4!important}
@media (max-width:767px){.rm-program-single-intro{padding-top:20px!important;padding-bottom:40px!important}.rm-program-single-intro+section{padding-top:36px!important}.rm-program-tablet-wrap{margin:12px auto -36px!important}}

/* Programs cards clickable */
.rm-program-card{transition:transform .2s ease,box-shadow .2s ease}
.rm-program-card-link{color:inherit;display:block;height:100%;text-decoration:none}
.rm-program-card-link:hover,.rm-program-card-link:focus{color:inherit;text-decoration:none}
.rm-program-card-link:hover .rm-program-card,.rm-program-card-link:focus .rm-program-card,.rm-program-card-link:focus-visible .rm-program-card{box-shadow:0 8px 24px rgba(0,0,0,.14);}

/* Single Programa: black/gray cut alignment */
.rm-program-single-intro{padding-top:36px!important;padding-bottom:120px!important}
.rm-program-tablet-wrap{margin:20px auto -150px!important;max-width:900px!important}
.rm-program-single-intro+section{padding-top:86px!important}
@media (max-width:767px){.rm-program-single-intro{padding-top:22px!important;padding-bottom:56px!important}.rm-program-tablet-wrap{margin:12px auto -58px!important}.rm-program-single-intro+section{padding-top:44px!important}}

/* Fix tablet cut on single programa */
.rm-program-single-intro{overflow:visible!important}
.rm-program-tablet-wrap{z-index:4!important}

/* Global title/subtitle spacing normalization */
.rm-cta-title,.rm-cta-subtitle,.rm-testimonials-title,.rm-testimonials-subtitle,.rm-benefits-title,.rm-pricing-title,.rm-pricing-subtitle,.rm-faq-title{margin-bottom:20px!important}
.rm-program-single-section-title,.rm-program-single-section-subtitle,.rm-program-faq-title,.rm-program-faq-note{margin-bottom:20px!important}
.rm-program-single-who .rm-program-single-section-title,.rm-program-single-who .rm-program-single-section-subtitle{margin-bottom:20px!important}

/* Hotmart button: force RM yellow styles */
.rm-pricing-btn.hotmart-fb,
.rm-pricing-btn.hotmart__button-checkout{background-image:none!important;box-shadow:none!important;text-shadow:none!important}
.rm-pricing-btn--fill.hotmart-fb,
.rm-pricing-btn--fill.hotmart__button-checkout{background:#ddb426!important;border:1px solid #ddb426!important;color:#111!important}
.rm-pricing-btn--fill.hotmart-fb:hover,
.rm-pricing-btn--fill.hotmart-fb:focus-visible,
.rm-pricing-btn--fill.hotmart__button-checkout:hover,
.rm-pricing-btn--fill.hotmart__button-checkout:focus-visible{background:#b4921c!important;border-color:#b4921c!important;color:#111!important}
.rm-pricing-btn--outline.hotmart-fb,
.rm-pricing-btn--outline.hotmart__button-checkout{background:transparent!important;border:2px solid #ddb426!important;color:#ddb426!important}
.rm-pricing-btn--outline.hotmart-fb:hover,
.rm-pricing-btn--outline.hotmart-fb:focus-visible,
.rm-pricing-btn--outline.hotmart__button-checkout:hover,
.rm-pricing-btn--outline.hotmart__button-checkout:focus-visible{background:#ddb426!important;border-color:#ddb426!important;color:#111!important}

/* Hotmart button centering fix */
.rm-pricing-btn.hotmart-fb,
.rm-pricing-btn.hotmart__button-checkout{display:flex!important;justify-content:center!important;align-items:center!important;padding-left:24px!important;padding-right:24px!important;text-align:center!important}
.rm-pricing-btn.hotmart-fb::before,.rm-pricing-btn.hotmart__button-checkout::before,.rm-pricing-btn.hotmart-fb::after,.rm-pricing-btn.hotmart__button-checkout::after{content:none!important}
.rm-pricing-btn.hotmart-fb img,.rm-pricing-btn.hotmart__button-checkout img{display:none!important}

/* FAQ block redesign (2026-03-25) */
.rm-faq-title{line-height:1!important;text-transform:uppercase}
.rm-faq-title span{background:rgba(221,180,38,.18);color:#111;display:inline-block;padding:8px 14px}
.rm-faq-note{margin:0 auto;max-width:980px}
.rm-faq-row{--bs-gutter-x:0;--bs-gutter-y:0}
.rm-faq-item{background:transparent;border:0;margin-bottom:14px}
.rm-faq-button{align-items:center;background:#000!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#fff!important;line-height:1.2;min-height:104px;padding:20px 84px 20px 40px;text-transform:uppercase}
.rm-faq-button::after{background-image:none!important;border-bottom:2px solid #fff;border-right:2px solid #fff;height:14px;margin-top:-8px;position:absolute;right:34px;top:50%;transform:rotate(45deg);width:14px}
.rm-faq-button:not(.collapsed)::after{margin-top:-2px;transform:rotate(-135deg)}
.rm-faq-body{background:#000;border-top:1px solid rgba(255,255,255,.16);color:#fff;line-height:1.4;padding:0 40px 24px}
.rm-faq-body p:last-child{margin-bottom:0}
@media (max-width:767px){.rm-faq-note{margin-top:8px;text-align:center}.rm-faq-button{min-height:64px;padding:16px 52px 16px 18px}.rm-faq-button::after{height:12px;margin-top:-7px;right:20px;width:12px}.rm-faq-button:not(.collapsed)::after{margin-top:-2px}}

/* FAQ tweaks (2026-03-25) */
.rm-faq-title span{background:transparent!important;padding:0!important}
.rm-faq-body{padding:24px 40px 24px!important}
.rm-block-faq.bg-dark-900 .rm-faq-button{background:#ddb426!important;color:#111!important}
.rm-block-faq.bg-dark-900 .rm-faq-button::after{border-bottom-color:#111;border-right-color:#111}
.rm-block-faq.bg-dark-900 .rm-faq-body{background:#ddb426;border-top-color:rgba(17,17,17,.25);color:#111}
.rm-block-highlights.bg-dark-900 .rm-program-highlight-card{border-color:rgba(255,255,255,.22)}
.rm-block-highlights.bg-dark-900 .rm-program-highlight-card:hover{border-color:rgba(255,255,255,.36);box-shadow:0 16px 30px rgba(0,0,0,.35)}

/* Para Quem */
.rm-who-subtitle{margin:0 auto;max-width:760px}
.rm-who-grid{--bs-gutter-x:0;--bs-gutter-y:0}
.rm-who-card{align-items:center;border:1px solid rgba(17,17,17,.18);display:flex;justify-content:center;min-height:210px;padding:28px 26px;text-align:center}
.rm-block-who.bg-dark-900 .rm-who-card{border-color:rgba(255,255,255,.2)}
@media (max-width:767px){.rm-who-card{min-height:150px;padding:22px 16px}}

/* Pricing collapse toggle button */
.rm-pricing-toggle-btn{
  border-radius:8px!important;
  box-shadow:none!important;
  min-height:64px;
  padding:14px 28px!important;
  text-transform:uppercase;
  width:min(100%,860px);
}
.rm-pricing-toggle-btn::before{display:none!important}
.rm-pricing-toggle-btn:hover,
.rm-pricing-toggle-btn:focus-visible{transform:none!important}
.rm-pricing-toggle-btn--primary{
  background:#ddb426!important;
  border:1px solid #ddb426!important;
  color:#111!important;
}
.rm-pricing-toggle-btn--primary:hover,
.rm-pricing-toggle-btn--primary:focus-visible{
  background:#c9a320!important;
  border-color:#c9a320!important;
  color:#111!important;
}
.rm-pricing-toggle-btn--dark{
  background:#111!important;
  border:1px solid #111!important;
  color:#fff!important;
}
.rm-pricing-toggle-btn--dark:hover,
.rm-pricing-toggle-btn--dark:focus-visible{
  background:#232323!important;
  border-color:#232323!important;
  color:#fff!important;
}
.rm-pricing-toggle-btn--light{
  background:#fff!important;
  border:1px solid #fff!important;
  color:#111!important;
}
.rm-pricing-toggle-btn--light:hover,
.rm-pricing-toggle-btn--light:focus-visible{
  background:#f2f2f2!important;
  border-color:#f2f2f2!important;
  color:#111!important;
}
.rm-pricing-toggle-btn--outline-primary{
  background:transparent!important;
  border:2px solid #ddb426!important;
  color:#ddb426!important;
}
.rm-pricing-toggle-btn--outline-primary:hover,
.rm-pricing-toggle-btn--outline-primary:focus-visible{
  background:#ddb426!important;
  border-color:#ddb426!important;
  color:#111!important;
}

/* Button System Normalization: only normal + outline */
.rm-btn:hover,
.rm-btn:focus-visible {
  transform: none !important;
}

.rm-btn--outline,
.rm-btn--outline-primary {
  background: transparent !important;
  border-color: var(--color-primary-500) !important;
  border-width: 2px !important;
  color: var(--color-primary-500) !important;
}

.rm-btn--outline:hover,
.rm-btn--outline:focus-visible,
.rm-btn--outline-primary:hover,
.rm-btn--outline-primary:focus-visible {
  background: var(--color-primary-500) !important;
  border-color: var(--color-primary-500) !important;
  color: var(--color-dark-900) !important;
  box-shadow: 0 0 0 4px rgba(231, 203, 104, 0.16) !important;
}

.rm-btn--secondary,
.rm-btn--ghost {
  background: var(--color-primary-500) !important;
  border-color: var(--color-primary-500) !important;
  color: var(--color-dark-900) !important;
}

.rm-btn--secondary:hover,
.rm-btn--secondary:focus-visible,
.rm-btn--ghost:hover,
.rm-btn--ghost:focus-visible {
  background: var(--color-primary-700) !important;
  border-color: var(--color-primary-700) !important;
  color: var(--color-dark-900) !important;
  box-shadow: 0 10px 22px rgba(180, 146, 28, 0.24), 0 0 0 4px rgba(231, 203, 104, 0.18) !important;
}

.rm-pricing-toggle-btn--outline,
.rm-pricing-toggle-btn--outline-primary {
  background: transparent !important;
  border: 2px solid var(--color-primary-500) !important;
  color: var(--color-primary-500) !important;
}

.rm-pricing-toggle-btn--outline:hover,
.rm-pricing-toggle-btn--outline:focus-visible,
.rm-pricing-toggle-btn--outline-primary:hover,
.rm-pricing-toggle-btn--outline-primary:focus-visible {
  background: var(--color-primary-500) !important;
  border-color: var(--color-primary-500) !important;
  color: var(--color-dark-900) !important;
}

.rm-pricing-toggle-btn--dark,
.rm-pricing-toggle-btn--light {
  background: var(--color-primary-500) !important;
  border: 1px solid var(--color-primary-500) !important;
  color: var(--color-dark-900) !important;
}

.rm-pricing-toggle-btn--dark:hover,
.rm-pricing-toggle-btn--dark:focus-visible,
.rm-pricing-toggle-btn--light:hover,
.rm-pricing-toggle-btn--light:focus-visible {
  background: var(--color-primary-700) !important;
  border-color: var(--color-primary-700) !important;
  color: var(--color-dark-900) !important;
}

.page-template-template-page-legal .rm-legal-content {
  font-size: var(--text-16) !important;
  line-height: 1.7;
}

.page-template-template-page-legal .rm-legal-content p,
.page-template-template-page-legal .rm-legal-content li {
  line-height: 1.7;
}

.page-template-template-page-legal .rm-legal-content h2,
.page-template-template-page-legal .rm-legal-content h3,
.page-template-template-page-legal .rm-legal-content h4,
.page-template-template-page-legal .rm-legal-content h5,
.page-template-template-page-legal .rm-legal-content h6 {
  font-weight: 600;
  line-height: 1.35;
}

.page-template-template-page-legal h1,
.page-template-template-page-legal h2,
.page-template-template-page-legal h3,
.page-template-template-page-legal h4,
.page-template-template-page-legal h5,
.page-template-template-page-legal h6 {
  font-weight: 600 !important;
  margin-bottom: 0.75em;
  margin-top: 1.25em;
}

.page-template-template-page-legal h1:first-child,
.page-template-template-page-legal h2:first-child,
.page-template-template-page-legal h3:first-child,
.page-template-template-page-legal h4:first-child,
.page-template-template-page-legal h5:first-child,
.page-template-template-page-legal h6:first-child {
  margin-top: 0;
}