*, ::before, ::after {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-rotate: 0;
      --tw-skew-x: 0;
      --tw-skew-y: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      --tw-border-opacity: 1;
      border-color: rgba(203, 203, 203, var(--tw-border-opacity));
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-ring-shadow: 0 0 #0000;
      --tw-shadow: 0 0 #0000;
      --tw-blur: var(--tw-empty,/*!*/ /*!*/);
      --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
      --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
      --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
      --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
      --tw-invert: var(--tw-empty,/*!*/ /*!*/);
      --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
      --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
      --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
      --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.pointer-events-none {
      pointer-events: none;
}
.invisible {
      visibility: hidden;
}
.static {
      position: static;
}
.fixed {
      position: fixed;
}
.absolute {
      position: absolute;
}
.relative {
      position: relative;
}
.left-\[40px\] {
      left: 40px;
}
.top-\[-20px\] {
      top: -20px;
}
.bottom-0 {
      bottom: 0;
}
.right-\[40px\] {
      right: 40px;
}
.\!top-0 {
      top: 0 !important;
}
.top-\[10\%\] {
      top: 10%;
}
.right-5 {
      right: 5%;
}
.\!top-\[25px\] {
      top: 25px !important;
}
.left-\[-20px\] {
      left: -20px;
}
.top-\[40px\] {
      top: 40px;
}
.\!top-\[-12px\] {
      top: -12px !important;
}
.\!left-0 {
      left: 0 !important;
}
.right-\[-20px\] {
      right: -20px;
}
.top-\[60px\] {
      top: 60px;
}
.top-0 {
      top: 0;
}
.left-0 {
      left: 0;
}
.right-0 {
      right: 0;
}
.left-\[50\%\] {
      left: 50%;
}
.right-\[20px\] {
      right: 20px;
}
.top-\[20px\] {
      top: 20px;
}
.bottom-\[50\%\] {
      bottom: 50%;
}
.z-1 {
      z-index: 1;
}
.z-10 {
      z-index: 10;
}
.z-20 {
      z-index: 20;
}
.\!order-none {
      order: 0 !important;
}
.m-\[7\.5px\] {
      margin: 7.5px;
}
.m-auto {
      margin: auto;
}
.mx-auto {
      margin-left: auto;
      margin-right: auto;
}
.\!my-0 {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
}
.mx-\[-7\.5px\] {
      margin-left: -7.5px;
      margin-right: -7.5px;
}
.\!my-\[10px\] {
      margin-top: 10px !important;
      margin-bottom: 10px !important;
}
.my-\[7\.5px\] {
      margin-top: 7.5px;
      margin-bottom: 7.5px;
}
.my-\[15px\] {
      margin-top: 15px;
      margin-bottom: 15px;
}
.my-1 {
      margin-top: 4px;
      margin-bottom: 4px;
}
.mt-\[10px\] {
      margin-top: 10px;
}
.\!mt-0 {
      margin-top: 0 !important;
}
.mt-\[40px\] {
      margin-top: 40px;
}
.mt-2 {
      margin-top: 6px;
}
.ml-3 {
      margin-left: 12px;
}
.mt-3 {
      margin-top: 12px;
}
.mt-10 {
      margin-top: 80px;
}
.mb-8 {
      margin-bottom: 45px;
}
.mt-4 {
      margin-top: 15px;
}
.ml-\[15px\] {
      margin-left: 15px;
}
.mb-5 {
      margin-bottom: 20px;
}
.mt-8 {
      margin-top: 45px;
}
.mr-5 {
      margin-right: 20px;
}
.ml-auto {
      margin-left: auto;
}
.mr-0 {
      margin-right: 0;
}
.mb-\[15px\] {
      margin-bottom: 15px;
}
.mb-\[55px\] {
      margin-bottom: 55px;
}
.ml-\[10px\] {
      margin-left: 10px;
}
.ml-2 {
      margin-left: 6px;
}
.mr-2 {
      margin-right: 6px;
}
.block {
      display: block;
}
.inline-block {
      display: inline-block;
}
.flex {
      display: flex;
}
.table {
      display: table;
}
.grid {
      display: grid;
}
.hidden {
      display: none;
}
.h-screen {
      height: 100vh;
}
.h-\[55px\] {
      height: 55px;
}
.h-full {
      height: 100%;
}
.h-\[300px\] {
      height: 300px;
}
.h-\[80vh\] {
      height: 80vh;
}
.h-\[60vh\] {
      height: 60vh;
}
.\!h-150 {
      height: 150px !important;
}
.h-\[24px\] {
      height: 24px;
}
.h-\[45px\] {
      height: 45px;
}
.h-50 {
      height: 50px;
}
.h-auto {
      height: auto;
}
.h-\[70px\] {
      height: 70px;
}
.h-\[48px\] {
      height: 48px;
}
.h-\[30px\] {
      height: 30px;
}
.min-h-\[350px\] {
      min-height: 350px;
}
.w-10vw {
      width: 10vw;
}
.w-20vw {
      width: 20vw;
}
.w-30vw {
      width: 30vw;
}
.w-40vw {
      width: 40vw;
}
.w-50vw {
      width: 50vw;
}
.w-60vw {
      width: 60vw;
}
.w-70vw {
      width: 70vw;
}
.w-80vw {
      width: 80vw;
}
.w-90vw {
      width: 90vw;
}
.w-\[40px\] {
      width: 40px;
}
.w-full {
      width: 100%;
}
.w-\[70px\] {
      width: 70px;
}
.\!w-\[70px\] {
      width: 70px !important;
}
.w-auto {
      width: auto;
}
.\!w-full {
      width: 100% !important;
}
.w-\[150px\] {
      width: 150px;
}
.\!w-auto {
      width: auto !important;
}
.\!w-\[200px\] {
      width: 200px !important;
}
.w-\[160px\] {
      width: 160px;
}
.w-\[130px\] {
      width: 130px;
}
.\!w-\[700px\] {
      width: 700px !important;
}
.w-\[25px\] {
      width: 25px;
}
.w-\[95\.5\%\] {
      width: 95.5%;
}
.w-\[24px\] {
      width: 24px;
}
.w-\[180px\] {
      width: 180px;
}
.w-\[98\%\] {
      width: 98%;
}
.w-\[120px\] {
      width: 120px;
}
.w-\[48px\] {
      width: 48px;
}
.w-\[20px\] {
      width: 20px;
}
.flex-1 {
      flex: 1 1 0%;
}
.-translate-x-1\/2 {
      --tw-translate-x: -50%;
      transform: var(--tw-transform);
}
.translate-x-\[-50\%\] {
      --tw-translate-x: -50%;
      transform: var(--tw-transform);
}
.translate-y-\[50\%\] {
      --tw-translate-y: 50%;
      transform: var(--tw-transform);
}
.rotate-0 {
      --tw-rotate: 0deg;
      transform: var(--tw-transform);
}
.rotate-180 {
      --tw-rotate: 180deg;
      transform: var(--tw-transform);
}
.transform {
      transform: var(--tw-transform);
}
.transform-gpu {
      --tw-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-not-allowed {
      cursor: not-allowed;
}
.cursor-pointer {
      cursor: pointer;
}
.resize {
      resize: both;
}
.flex-col {
      flex-direction: column;
}
.flex-wrap {
      flex-wrap: wrap;
}
.items-center {
      align-items: center;
}
.items-baseline {
      align-items: baseline;
}
.\!justify-start {
      justify-content: flex-start !important;
}
.justify-end {
      justify-content: flex-end;
}
.justify-center {
      justify-content: center;
}
.justify-between {
      justify-content: space-between;
}
.justify-around {
      justify-content: space-around;
}
.overflow-hidden {
      overflow: hidden;
}
.overflow-x-auto {
      overflow-x: auto;
}
.overflow-y-auto {
      overflow-y: auto;
}
.whitespace-nowrap {
      white-space: nowrap;
}
.rounded-\[20px\] {
      border-radius: 20px;
}
.rounded-\[10px\] {
      border-radius: 10px;
}
.rounded-\[8px\] {
      border-radius: 8px;
}
.rounded-\[50\%\] {
      border-radius: 50%;
}
.rounded-35 {
      border-radius: 35px;
}
.rounded-30 {
      border-radius: 30px;
}
.rounded-full {
      border-radius: 100%;
}
.rounded-20 {
      border-radius: 20px;
}
.\!rounded-r-\[0px\] {
      border-top-right-radius: 0px !important;
      border-bottom-right-radius: 0px !important;
}
.\!rounded-l-\[0px\] {
      border-top-left-radius: 0px !important;
      border-bottom-left-radius: 0px !important;
}
.rounded-b-\[20px\] {
      border-bottom-right-radius: 20px;
      border-bottom-left-radius: 20px;
}
.border {
      border-width: 1px;
}
.border-l {
      border-left-width: 1px;
}
.border-b {
      border-bottom-width: 1px;
}
.border-b-4 {
      border-bottom-width: 4px;
}
.border-t {
      border-top-width: 1px;
}
.border-solid {
      border-style: solid;
}
.border-gray-200 {
      --tw-border-opacity: 1;
      border-color: rgba(203, 203, 203, var(--tw-border-opacity));
}
.border-gray-300 {
      --tw-border-opacity: 1;
      border-color: rgba(191, 191, 191, var(--tw-border-opacity));
}
.border-red {
      --tw-border-opacity: 1;
      border-color: rgba(226, 3, 17, var(--tw-border-opacity));
}
.border-primary {
      --tw-border-opacity: 1;
      border-color: rgba(226, 3, 17, var(--tw-border-opacity));
}
.bg-white {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.bg-gray-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(238, 238, 238, var(--tw-bg-opacity));
}
.bg-gray-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(153, 153, 153, var(--tw-bg-opacity));
}
.bg-\[\#ebebeb\] {
      --tw-bg-opacity: 1;
      background-color: rgba(235, 235, 235, var(--tw-bg-opacity));
}
.bg-red {
      --tw-bg-opacity: 1;
      background-color: rgba(226, 3, 17, var(--tw-bg-opacity));
}
.bg-\[\#E20311\] {
      --tw-bg-opacity: 1;
      background-color: rgba(226, 3, 17, var(--tw-bg-opacity));
}
.bg-\[\#f4ba56\] {
      --tw-bg-opacity: 1;
      background-color: rgba(244, 186, 86, var(--tw-bg-opacity));
}
.\!bg-red {
      --tw-bg-opacity: 1 !important;
      background-color: rgba(226, 3, 17, var(--tw-bg-opacity)) !important;
}
.bg-gray-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(102, 102, 102, var(--tw-bg-opacity));
}
.bg-primary {
      --tw-bg-opacity: 1;
      background-color: rgba(226, 3, 17, var(--tw-bg-opacity));
}
.p-6 {
      padding: 25px;
}
.p-4 {
      padding: 15px;
}
.p-8 {
      padding: 45px;
}
.px-4 {
      padding-left: 15px;
      padding-right: 15px;
}
.py-2 {
      padding-top: 6px;
      padding-bottom: 6px;
}
.py-4 {
      padding-top: 15px;
      padding-bottom: 15px;
}
.py-\[15px\] {
      padding-top: 15px;
      padding-bottom: 15px;
}
.px-6 {
      padding-left: 25px;
      padding-right: 25px;
}
.px-3 {
      padding-left: 12px;
      padding-right: 12px;
}
.py-1 {
      padding-top: 4px;
      padding-bottom: 4px;
}
.py-5 {
      padding-top: 20px;
      padding-bottom: 20px;
}
.px-8 {
      padding-left: 45px;
      padding-right: 45px;
}
.py-\[30px\] {
      padding-top: 30px;
      padding-bottom: 30px;
}
.py-\[20px\] {
      padding-top: 20px;
      padding-bottom: 20px;
}
.px-2 {
      padding-left: 6px;
      padding-right: 6px;
}
.py-3 {
      padding-top: 12px;
      padding-bottom: 12px;
}
.px-10 {
      padding-left: 80px;
      padding-right: 80px;
}
.px-\[35px\] {
      padding-left: 35px;
      padding-right: 35px;
}
.pb-4 {
      padding-bottom: 15px;
}
.pb-5 {
      padding-bottom: 20px;
}
.pl-2 {
      padding-left: 6px;
}
.pt-2 {
      padding-top: 6px;
}
.pb-9 {
      padding-bottom: 60px;
}
.pt-8 {
      padding-top: 45px;
}
.pt-6 {
      padding-top: 25px;
}
.pb-6 {
      padding-bottom: 25px;
}
.\!pr-0 {
      padding-right: 0 !important;
}
.pr-6 {
      padding-right: 25px;
}
.pb-\[50\%\] {
      padding-bottom: 50%;
}
.pb-\[100\%\] {
      padding-bottom: 100%;
}
.pr-2 {
      padding-right: 6px;
}
.pr-0 {
      padding-right: 0;
}
.text-left {
      text-align: left;
}
.text-center {
      text-align: center;
}
.\!text-center {
      text-align: center !important;
}
.text-right {
      text-align: right;
}
.text-l {
      font-size: clamp(25px, 2.25vw, 35px);
      line-height: 1.35;
}
.text-xl {
      font-size: clamp(30px, 3.7vw, 40px);
      line-height: 1.35;
}
.text-s {
      font-size: clamp(17px, 1.15vw, 20px);
      line-height: 1.35;
}
.text-ms {
      font-size: clamp(20px, 2.25vw, 25px);
      line-height: 1.35;
}
.text-m {
      font-size: clamp(22px, 2.25vw, 30px);
      line-height: 1.35;
}
.text-xxxs {
      font-size: clamp(14px, 1.05vw, 15px);
      line-height: 1.5;
}
.text-xs {
      font-size: clamp(16px, 1.15vw, 18px);
      line-height: 1.7;
}
.text-xxs {
      font-size: clamp(15px, 1.15vw, 16px);
      line-height: 1.7;
}
.text-\[14px\] {
      font-size: 14px;
}
.text-\[40px\] {
      font-size: 40px;
}
.text-\[12px\] {
      font-size: 12px;
}
.font-medium {
      font-weight: 500;
}
.font-light {
      font-weight: 300;
}
.font-bold {
      font-weight: 700;
}
.font-semibold {
      font-weight: 600;
}
.font-normal {
      font-weight: 400;
}
.italic {
      font-style: italic;
}
.leading-\[1\.25\] {
      line-height: 1.25;
}
.leading-\[2\.05\] {
      line-height: 2.05;
}
.tracking-\[3px\] {
      letter-spacing: 3px;
}
.text-primary {
      --tw-text-opacity: 1;
      color: rgba(226, 3, 17, var(--tw-text-opacity));
}
.text-red {
      --tw-text-opacity: 1;
      color: rgba(226, 3, 17, var(--tw-text-opacity));
}
.text-white {
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.text-gray-400 {
      --tw-text-opacity: 1;
      color: rgba(153, 153, 153, var(--tw-text-opacity));
}
.text-gray-300 {
      --tw-text-opacity: 1;
      color: rgba(191, 191, 191, var(--tw-text-opacity));
}
.text-gray-500 {
      --tw-text-opacity: 1;
      color: rgba(102, 102, 102, var(--tw-text-opacity));
}
.text-gray-700 {
      --tw-text-opacity: 1;
      color: rgba(51, 51, 51, var(--tw-text-opacity));
}
.underline {
      text-decoration: underline;
}
.opacity-50 {
      opacity: 0.5;
}
.opacity-0 {
      opacity: 0;
}
.shadow {
      --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
      --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.blur {
      --tw-blur: blur(8px);
      filter: var(--tw-filter);
}
.filter {
      filter: var(--tw-filter);
}
.transition {
      transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
}
.transition-all {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
}
.duration-300 {
      transition-duration: 300ms;
}
.transition-base {
      transition: 0.4s cubic-bezier(0.45, 0, 0.55, 1);
    }
.noscrollbar::-webkit-scrollbar-thumb {
      background: #E20311;
      border-radius: 10px;
    }
.noscrollbar::-webkit-scrollbar-track {
      background: #eeeeee;
      border-radius: 10px;
    }
.noscrollbar::-webkit-scrollbar {
      width: 10px;
      height: 2px;
      border-radius: 10px;
      -webkit-transition: 0.5s;
      transition: 0.5s;
    }
.after\:absolute::after {
      content: "";
      position: absolute;
}
.after\:top-0::after {
      content: "";
      top: 0;
}
.after\:right-0::after {
      content: "";
      right: 0;
}
.after\:h-full::after {
      content: "";
      height: 100%;
}
.after\:w-0::after {
      content: "";
      width: 0;
}
.after\:bg-white::after {
      content: "";
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.after\:transition-base::after {
      content: "";
      transition: 0.4s cubic-bezier(0.45, 0, 0.55, 1);
    }
.hover\:bg-gray-200:hover {
      --tw-bg-opacity: 1;
      background-color: rgba(203, 203, 203, var(--tw-bg-opacity));
}
.hover\:bg-red:hover {
      --tw-bg-opacity: 1;
      background-color: rgba(226, 3, 17, var(--tw-bg-opacity));
}
.group:hover .group-hover\:visible {
      visibility: visible;
}
.group:hover .group-hover\:mr-0 {
      margin-right: 0;
}
.group:hover .group-hover\:bg-red {
      --tw-bg-opacity: 1;
      background-color: rgba(226, 3, 17, var(--tw-bg-opacity));
}
.group:hover .group-hover\:text-white {
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.group:hover .group-hover\:opacity-100 {
      opacity: 1;
}
@media (min-width: 768px) {
      .sm\:\!top-\[-15px\] {
            top: -15px !important;
      }
      .sm\:left-\[-40px\] {
            left: -40px;
      }
      .sm\:right-\[-40px\] {
            right: -40px;
      }
      .sm\:m-\[7\.5px\] {
            margin: 7.5px;
      }
      .sm\:\!-mx-3 {
            margin-left: -12px !important;
            margin-right: -12px !important;
      }
      .sm\:\!mx-3 {
            margin-left: 12px !important;
            margin-right: 12px !important;
      }
      .sm\:mr-3 {
            margin-right: 12px;
      }
      .sm\:\!ml-3 {
            margin-left: 12px !important;
      }
      .sm\:mt-0 {
            margin-top: 0;
      }
      .sm\:ml-\[15px\] {
            margin-left: 15px;
      }
      .sm\:ml-3 {
            margin-left: 12px;
      }
      .sm\:flex {
            display: flex;
      }
      .sm\:h-\[80vh\] {
            height: 80vh;
      }
      .sm\:h-\[80px\] {
            height: 80px;
      }
      .sm\:w-8\/12 {
            width: 66.666667%;
      }
      .sm\:w-auto {
            width: auto;
      }
      .sm\:w-10\/12 {
            width: 83.333333%;
      }
      .sm\:w-1\/4 {
            width: 25%;
      }
      .sm\:w-3\/4 {
            width: 75%;
      }
      .sm\:w-6\/12 {
            width: 50%;
      }
      .sm\:w-\[70px\] {
            width: 70px;
      }
      .sm\:\!w-full {
            width: 100% !important;
      }
      .sm\:w-\[120px\] {
            width: 120px;
      }
      .sm\:flex-row {
            flex-direction: row;
      }
      .sm\:items-center {
            align-items: center;
      }
      .sm\:justify-end {
            justify-content: flex-end;
      }
      .sm\:justify-center {
            justify-content: center;
      }
      .sm\:justify-between {
            justify-content: space-between;
      }
      .sm\:border-l {
            border-left-width: 1px;
      }
      .sm\:bg-white {
            --tw-bg-opacity: 1;
            background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
      }
      .sm\:p-8 {
            padding: 45px;
      }
      .sm\:px-7 {
            padding-left: 30px;
            padding-right: 30px;
      }
      .sm\:px-9 {
            padding-left: 60px;
            padding-right: 60px;
      }
      .sm\:py-8 {
            padding-top: 45px;
            padding-bottom: 45px;
      }
      .sm\:pt-0 {
            padding-top: 0;
      }
      .sm\:pr-6 {
            padding-right: 25px;
      }
      .sm\:pl-6 {
            padding-left: 25px;
      }
      .sm\:pb-5 {
            padding-bottom: 20px;
      }
      .sm\:pt-\[80px\] {
            padding-top: 80px;
      }
      .sm\:pr-4 {
            padding-right: 15px;
      }
      .sm\:pl-\[20px\] {
            padding-left: 20px;
      }
      .sm\:text-right {
            text-align: right;
      }
}
@media (min-width: 992px) {
      .md\:\!-mx-3 {
            margin-left: -12px !important;
            margin-right: -12px !important;
      }
      .md\:\!mx-3 {
            margin-left: 12px !important;
            margin-right: 12px !important;
      }
      .md\:\!my-\[15px\] {
            margin-top: 15px !important;
            margin-bottom: 15px !important;
      }
      .md\:mt-\[45px\] {
            margin-top: 45px;
      }
      .md\:block {
            display: block;
      }
      .md\:flex {
            display: flex;
      }
      .md\:w-40vw {
            width: 40vw;
      }
      .md\:w-60vw {
            width: 60vw;
      }
      .md\:w-7\/12 {
            width: 58.333333%;
      }
      .md\:w-5\/12 {
            width: 41.666667%;
      }
      .md\:w-auto {
            width: auto;
      }
      .md\:items-end {
            align-items: flex-end;
      }
      .md\:items-center {
            align-items: center;
      }
      .md\:\!bg-fixed {
            background-attachment: fixed !important;
      }
      .md\:p-10 {
            padding: 80px;
      }
      .md\:pb-\[23\.43\%\] {
            padding-bottom: 23.43%;
      }
      .md\:pb-\[45\.55\%\] {
            padding-bottom: 45.55%;
      }
      .md\:pb-\[25\%\] {
            padding-bottom: 25%;
      }
      .md\:text-\[50px\] {
            font-size: 50px;
      }
      .md\:hover\:bg-gray-300:hover {
            --tw-bg-opacity: 1;
            background-color: rgba(191, 191, 191, var(--tw-bg-opacity));
      }
      .md\:hover\:bg-gray-400:hover {
            --tw-bg-opacity: 1;
            background-color: rgba(153, 153, 153, var(--tw-bg-opacity));
      }
      .group:hover .md\:group-hover\:-translate-x-1\/4 {
            --tw-translate-x: -25%;
            transform: var(--tw-transform);
      }
      .group:hover .md\:group-hover\:translate-x-1\/4 {
            --tw-translate-x: 25%;
            transform: var(--tw-transform);
      }
      .group:hover .md\:group-hover\:border-white {
            --tw-border-opacity: 1;
            border-color: rgba(255, 255, 255, var(--tw-border-opacity));
      }
      .group:hover .md\:group-hover\:bg-gray-400 {
            --tw-bg-opacity: 1;
            background-color: rgba(153, 153, 153, var(--tw-bg-opacity));
      }
      .group:hover .md\:group-hover\:text-white {
            --tw-text-opacity: 1;
            color: rgba(255, 255, 255, var(--tw-text-opacity));
      }
      .group:hover .md\:group-hover\:text-primary {
            --tw-text-opacity: 1;
            color: rgba(226, 3, 17, var(--tw-text-opacity));
      }
      .group:hover .md\:group-hover\:after\:left-0::after {
            content: "";
            left: 0;
      }
      .group:hover .md\:group-hover\:after\:w-full::after {
            content: "";
            width: 100%;
      }
}
@media (min-width: 1200px) {
      .mdp\:flex {
            display: flex;
      }
      .mdp\:hidden {
            display: none;
      }
      .mdp\:h-\[100px\] {
            height: 100px;
      }
      .mdp\:h-full {
            height: 100%;
      }
      .mdp\:w-full {
            width: 100%;
      }
      .mdp\:flex-col {
            flex-direction: column;
      }
      .mdp\:items-center {
            align-items: center;
      }
      .mdp\:px-\[130px\] {
            padding-left: 130px;
            padding-right: 130px;
      }
      .mdp\:\!px-\[40px\] {
            padding-left: 40px !important;
            padding-right: 40px !important;
      }
      .mdp\:pt-\[100px\] {
            padding-top: 100px;
      }
      .mdp\:pl-0 {
            padding-left: 0;
      }
      .mdp\:pr-\[20px\] {
            padding-right: 20px;
      }
}
@media (min-width: 1440px) {
      .lg\:mt-\[60px\] {
            margin-top: 60px;
      }
      .lg\:hidden {
            display: none;
      }
      .lg\:w-10\/12 {
            width: 83.333333%;
      }
      .lg\:w-8\/12 {
            width: 66.666667%;
      }
      .lg\:text-\[60px\] {
            font-size: 60px;
      }
}
@media (min-width: 1920px) {
      .xl\:\!pl-\[100px\] {
            padding-left: 100px !important;
      }
      .xl\:\!pr-\[100px\] {
            padding-right: 100px !important;
      }
}

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