.owl-carousel,
 .owl-carousel .owl-item {
     -webkit-tap-highlight-color: transparent;
     position: relative
 }

 .owl-carousel {
     display: none;
     width: 100%;
     z-index: 1
 }

 .owl-carousel .owl-stage {
     position: relative;
     -ms-touch-action: pan-Y;
     touch-action: manipulation;
     -moz-backface-visibility: hidden
 }

 .owl-carousel .owl-stage:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0
 }

 .owl-carousel .owl-stage-outer {
     position: relative;
     overflow: hidden;
     -webkit-transform: translate3d(0, 0, 0)
 }

 .owl-carousel .owl-item,
 .owl-carousel .owl-wrapper {
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0)
 }

 .owl-carousel .owl-item {
     min-height: 1px;
     float: left;
     -webkit-backface-visibility: hidden;
     -webkit-touch-callout: none
 }

 .owl-carousel .owl-item img {
     display: block;
 }

 .owl-carousel .owl-dots.disabled,
 .owl-carousel .owl-nav.disabled {
     display: none
 }

 .no-js .owl-carousel,
 .owl-carousel.owl-loaded {
     display: block
 }

 .owl-carousel .owl-dot,
 .owl-carousel .owl-nav .owl-next,
 .owl-carousel .owl-nav .owl-prev {
     cursor: pointer;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 .owl-carousel .owl-nav button.owl-next,
 .owl-carousel .owl-nav button.owl-prev,
 .owl-carousel button.owl-dot {
     background: 0 0;
     color: inherit;
     border: none;
     padding: 0 !important;
     font: inherit
 }

 .owl-carousel.owl-loading {
     opacity: 0;
     display: block
 }

 .owl-carousel.owl-hidden {
     opacity: 0
 }

 .owl-carousel.owl-refresh .owl-item {
     visibility: hidden
 }

 .owl-carousel.owl-drag .owl-item {
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 .owl-carousel.owl-grab {
     cursor: move;
     cursor: grab
 }

 .owl-carousel.owl-rtl {
     direction: rtl
 }

 .owl-carousel.owl-rtl .owl-item {
     float: right
 }

 .owl-carousel .animated {
     animation-duration: 1s;
     animation-fill-mode: both
 }

 .owl-carousel .owl-animated-in {
     z-index: 0
 }

 .owl-carousel .owl-animated-out {
     z-index: 1
 }

 .owl-carousel .fadeOut {
     animation-name: fadeOut
 }

 @keyframes fadeOut {
     0% {
         opacity: 1
     }

     100% {
         opacity: 0
     }
 }

 .owl-height {
     transition: height .5s ease-in-out
 }

 .owl-carousel .owl-item .owl-lazy {
     opacity: 0;
     transition: opacity .4s ease
 }

 .owl-carousel .owl-item .owl-lazy:not([src]),
 .owl-carousel .owl-item .owl-lazy[src^=""] {
     max-height: 0
 }

 .owl-carousel .owl-item img.owl-lazy {
     transform-style: preserve-3d
 }

 .owl-carousel .owl-video-wrapper {
     position: relative;
     height: 100%;
     background: #000
 }

 .owl-carousel .owl-video-play-icon {
     position: absolute;
     height: 80px;
     width: 80px;
     left: 50%;
     top: 50%;
     margin-left: -40px;
     margin-top: -40px;
     background: url(owl.video.play.html) no-repeat;
     cursor: pointer;
     z-index: 1;
     -webkit-backface-visibility: hidden;
     transition: transform .1s ease
 }

 .owl-carousel .owl-video-play-icon:hover {
     -ms-transform: scale(1.3, 1.3);
     transform: scale(1.3, 1.3)
 }

 .owl-carousel .owl-video-playing .owl-video-play-icon,
 .owl-carousel .owl-video-playing .owl-video-tn {
     display: none
 }

 .owl-carousel .owl-video-tn {
     opacity: 0;
     height: 100%;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: contain;
     transition: opacity .4s ease
 }

 .owl-carousel .owl-video-frame {
     position: relative;
     z-index: 1;
     height: 100%;
     width: 100%
 }


 /**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

 @font-face {
     font-family: swiper-icons;
     src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
     font-weight: 400;
     font-style: normal
 }

 :root {
     --swiper-theme-color: #007aff
 }

 :host {
     position: relative;
     display: block;
     margin-left: auto;
     margin-right: auto;
     z-index: 1
 }

 .swiper {
     margin-left: auto;
     margin-right: auto;
     position: relative;
     overflow: hidden;
     list-style: none;
     padding: 0;
     z-index: 1;
     display: block
 }

 .swiper-vertical>.swiper-wrapper {
     flex-direction: column
 }

 .swiper-wrapper {
     position: relative;
     width: 100%;
     height: 100%;
     z-index: 1;
     display: flex;
     transition-property: transform;
     transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
     box-sizing: content-box
 }

 .swiper-android .swiper-slide,
 .swiper-ios .swiper-slide,
 .swiper-wrapper {
     transform: translate3d(0px, 0, 0)
 }

 .swiper-horizontal {
     touch-action: pan-y
 }

 .swiper-vertical {
     touch-action: pan-x
 }

 .swiper-slide {
     flex-shrink: 0;
     width: 100%;
     height: 100%;
     position: relative;
     transition-property: transform;
     display: block
 }

 .swiper-slide-invisible-blank {
     visibility: hidden
 }

 .swiper-autoheight,
 .swiper-autoheight .swiper-slide {
     height: auto
 }

 .swiper-autoheight .swiper-wrapper {
     align-items: flex-start;
     transition-property: transform, height
 }

 .swiper-backface-hidden .swiper-slide {
     transform: translateZ(0);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden
 }

 .swiper-3d.swiper-css-mode .swiper-wrapper {
     perspective: 1200px
 }

 .swiper-3d .swiper-wrapper {
     transform-style: preserve-3d
 }

 .swiper-3d {
     perspective: 1200px
 }

 .swiper-3d .swiper-cube-shadow,
 .swiper-3d .swiper-slide {
     transform-style: preserve-3d
 }

 .swiper-css-mode>.swiper-wrapper {
     overflow: auto;
     scrollbar-width: none;
     -ms-overflow-style: none
 }

 .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
     display: none
 }

 .swiper-css-mode>.swiper-wrapper>.swiper-slide {
     scroll-snap-align: start start
 }

 .swiper-css-mode.swiper-horizontal>.swiper-wrapper {
     scroll-snap-type: x mandatory
 }

 .swiper-css-mode.swiper-vertical>.swiper-wrapper {
     scroll-snap-type: y mandatory
 }

 .swiper-css-mode.swiper-free-mode>.swiper-wrapper {
     scroll-snap-type: none
 }

 .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
     scroll-snap-align: none
 }

 .swiper-css-mode.swiper-centered>.swiper-wrapper::before {
     content: '';
     flex-shrink: 0;
     order: 9999
 }

 .swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
     scroll-snap-align: center center;
     scroll-snap-stop: always
 }

 .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
     margin-inline-start: var(--swiper-centered-offset-before)
 }

 .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
     height: 100%;
     min-height: 1px;
     width: var(--swiper-centered-offset-after)
 }

 .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
     margin-block-start: var(--swiper-centered-offset-before)
 }

 .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
     width: 100%;
     min-width: 1px;
     height: var(--swiper-centered-offset-after)
 }

 .swiper-3d .swiper-slide-shadow,
 .swiper-3d .swiper-slide-shadow-bottom,
 .swiper-3d .swiper-slide-shadow-left,
 .swiper-3d .swiper-slide-shadow-right,
 .swiper-3d .swiper-slide-shadow-top {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     pointer-events: none;
     z-index: 10
 }

 .swiper-3d .swiper-slide-shadow {
     background: rgba(0, 0, 0, .15)
 }

 .swiper-3d .swiper-slide-shadow-left {
     background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
 }

 .swiper-3d .swiper-slide-shadow-right {
     background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
 }

 .swiper-3d .swiper-slide-shadow-top {
     background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
 }

 .swiper-3d .swiper-slide-shadow-bottom {
     background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
 }

 .swiper-lazy-preloader {
     width: 42px;
     height: 42px;
     position: absolute;
     left: 50%;
     top: 50%;
     margin-left: -21px;
     margin-top: -21px;
     z-index: 10;
     transform-origin: 50%;
     box-sizing: border-box;
     border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
     border-radius: 50%;
     border-top-color: transparent
 }

 .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
 .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
     animation: swiper-preloader-spin 1s infinite linear
 }

 .swiper-lazy-preloader-white {
     --swiper-preloader-color: #fff
 }

 .swiper-lazy-preloader-black {
     --swiper-preloader-color: #000
 }

 @keyframes swiper-preloader-spin {
     0% {
         transform: rotate(0deg)
     }

     100% {
         transform: rotate(360deg)
     }
 }

 .swiper-virtual .swiper-slide {
     -webkit-backface-visibility: hidden;
     transform: translateZ(0)
 }

 .swiper-virtual.swiper-css-mode .swiper-wrapper::after {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     pointer-events: none
 }

 .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
     height: 1px;
     width: var(--swiper-virtual-size)
 }

 .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
     width: 1px;
     height: var(--swiper-virtual-size)
 }

 :root {
     --swiper-navigation-size: 44px
 }

 .swiper-button-next,
 .swiper-button-prev {
     position: absolute;
     top: var(--swiper-navigation-top-offset, 50%);
     width: calc(var(--swiper-navigation-size)/ 44 * 27);
     height: var(--swiper-navigation-size);
     margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
     z-index: 10;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--swiper-navigation-color, var(--swiper-theme-color))
 }

 .swiper-button-next.swiper-button-disabled,
 .swiper-button-prev.swiper-button-disabled {
     opacity: .35;
     cursor: auto;
     pointer-events: none
 }

 .swiper-button-next.swiper-button-hidden,
 .swiper-button-prev.swiper-button-hidden {
     opacity: 0;
     cursor: auto;
     pointer-events: none
 }

 .swiper-navigation-disabled .swiper-button-next,
 .swiper-navigation-disabled .swiper-button-prev {
     display: none !important
 }

 .swiper-button-next svg,
 .swiper-button-prev svg {
     width: 100%;
     height: 100%;
     object-fit: contain;
     transform-origin: center
 }

 .swiper-rtl .swiper-button-next svg,
 .swiper-rtl .swiper-button-prev svg {
     transform: rotate(180deg)
 }

 .swiper-button-prev,
 .swiper-rtl .swiper-button-next {
     left: var(--swiper-navigation-sides-offset, 10px);
     right: auto
 }

 .swiper-button-next,
 .swiper-rtl .swiper-button-prev {
     right: var(--swiper-navigation-sides-offset, 10px);
     left: auto
 }

 .swiper-button-lock {
     display: none
 }

 .swiper-button-next:after,
 .swiper-button-prev:after {
     font-family: swiper-icons;
     font-size: var(--swiper-navigation-size);
     text-transform: none !important;
     letter-spacing: 0;
     font-variant: initial;
     line-height: 1
 }

 .swiper-button-prev:after,
 .swiper-rtl .swiper-button-next:after {
     content: 'prev'
 }

 .swiper-button-next,
 .swiper-rtl .swiper-button-prev {
     right: var(--swiper-navigation-sides-offset, 10px);
     left: auto
 }

 .swiper-button-next:after,
 .swiper-rtl .swiper-button-prev:after {
     content: 'next'
 }

 .swiper-pagination {
     position: absolute;
     text-align: center;
     transition: .3s opacity;
     transform: translate3d(0, 0, 0);
     z-index: 10
 }

 .swiper-pagination.swiper-pagination-hidden {
     opacity: 0
 }

 .swiper-pagination-disabled>.swiper-pagination,
 .swiper-pagination.swiper-pagination-disabled {
     display: none !important
 }

 .swiper-horizontal>.swiper-pagination-bullets,
 .swiper-pagination-bullets.swiper-pagination-horizontal,
 .swiper-pagination-custom,
 .swiper-pagination-fraction {
     bottom: var(--swiper-pagination-bottom, 8px);
     top: var(--swiper-pagination-top, auto);
     left: 0;
     width: 100%
 }

 .swiper-pagination-bullets-dynamic {
     overflow: hidden;
     font-size: 0
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
     transform: scale(.33);
     position: relative
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
     transform: scale(1)
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
     transform: scale(1)
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
     transform: scale(.66)
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
     transform: scale(.33)
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
     transform: scale(.66)
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
     transform: scale(.33)
 }

 .swiper-pagination-bullet {
     width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
     height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
     display: inline-block;
     border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
     background: var(--swiper-pagination-bullet-inactive-color, #000);
     opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
 }

 button.swiper-pagination-bullet {
     border: none;
     margin: 0;
     padding: 0;
     box-shadow: none;
     -webkit-appearance: none;
     appearance: none
 }

 .swiper-pagination-clickable .swiper-pagination-bullet {
     cursor: pointer
 }

 .swiper-pagination-bullet:only-child {
     display: none !important
 }

 .swiper-pagination-bullet-active {
     opacity: var(--swiper-pagination-bullet-opacity, 1);
     background: var(--swiper-pagination-color, var(--swiper-theme-color))
 }

 .swiper-pagination-vertical.swiper-pagination-bullets,
 .swiper-vertical>.swiper-pagination-bullets {
     right: var(--swiper-pagination-right, 8px);
     left: var(--swiper-pagination-left, auto);
     top: 50%;
     transform: translate3d(0px, -50%, 0)
 }

 .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
 .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
     margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
     display: block
 }

 .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
 .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
     top: 50%;
     transform: translateY(-50%);
     width: 8px
 }

 .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
 .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
     display: inline-block;
     transition: .2s transform, .2s top
 }

 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
     margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
 }

 .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
 .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
     left: 50%;
     transform: translateX(-50%);
     white-space: nowrap
 }

 .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
 .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
     transition: .2s transform, .2s left
 }

 .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
     transition: .2s transform, .2s right
 }

 .swiper-pagination-fraction {
     color: var(--swiper-pagination-fraction-color, inherit)
 }

 .swiper-pagination-progressbar {
     background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
     position: absolute
 }

 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
     background: var(--swiper-pagination-color, var(--swiper-theme-color));
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     transform: scale(0);
     transform-origin: left top
 }

 .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
     transform-origin: right top
 }

 .swiper-horizontal>.swiper-pagination-progressbar,
 .swiper-pagination-progressbar.swiper-pagination-horizontal,
 .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
 .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
     width: 100%;
     height: var(--swiper-pagination-progressbar-size, 4px);
     left: 0;
     top: 0
 }

 .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
 .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
 .swiper-pagination-progressbar.swiper-pagination-vertical,
 .swiper-vertical>.swiper-pagination-progressbar {
     width: var(--swiper-pagination-progressbar-size, 4px);
     height: 100%;
     left: 0;
     top: 0
 }

 .swiper-pagination-lock {
     display: none
 }

 .swiper-scrollbar {
     border-radius: var(--swiper-scrollbar-border-radius, 10px);
     position: relative;
     touch-action: none;
     background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
 }

 .swiper-scrollbar-disabled>.swiper-scrollbar,
 .swiper-scrollbar.swiper-scrollbar-disabled {
     display: none !important
 }

 .swiper-horizontal>.swiper-scrollbar,
 .swiper-scrollbar.swiper-scrollbar-horizontal {
     position: absolute;
     left: var(--swiper-scrollbar-sides-offset, 1%);
     bottom: var(--swiper-scrollbar-bottom, 4px);
     top: var(--swiper-scrollbar-top, auto);
     z-index: 50;
     height: var(--swiper-scrollbar-size, 4px);
     width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
 }

 .swiper-scrollbar.swiper-scrollbar-vertical,
 .swiper-vertical>.swiper-scrollbar {
     position: absolute;
     left: var(--swiper-scrollbar-left, auto);
     right: var(--swiper-scrollbar-right, 4px);
     top: var(--swiper-scrollbar-sides-offset, 1%);
     z-index: 50;
     width: var(--swiper-scrollbar-size, 4px);
     height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
 }

 .swiper-scrollbar-drag {
     height: 100%;
     width: 100%;
     position: relative;
     background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
     border-radius: var(--swiper-scrollbar-border-radius, 10px);
     left: 0;
     top: 0
 }

 .swiper-scrollbar-cursor-drag {
     cursor: move
 }

 .swiper-scrollbar-lock {
     display: none
 }

 .swiper-zoom-container {
     width: 100%;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     text-align: center
 }

 .swiper-zoom-container>canvas,
 .swiper-zoom-container>img,
 .swiper-zoom-container>svg {
     max-width: 100%;
     max-height: 100%;
     object-fit: contain
 }

 .swiper-slide-zoomed {
     cursor: move;
     touch-action: none
 }

 .swiper .swiper-notification {
     position: absolute;
     left: 0;
     top: 0;
     pointer-events: none;
     opacity: 0;
     z-index: -1000
 }

 .swiper-free-mode>.swiper-wrapper {
     transition-timing-function: ease-out;
     margin: 0 auto
 }

 .swiper-grid>.swiper-wrapper {
     flex-wrap: wrap
 }

 .swiper-grid-column>.swiper-wrapper {
     flex-wrap: wrap;
     flex-direction: column
 }

 .swiper-fade.swiper-free-mode .swiper-slide {
     transition-timing-function: ease-out
 }

 .swiper-fade .swiper-slide {
     pointer-events: none;
     transition-property: opacity
 }

 .swiper-fade .swiper-slide .swiper-slide {
     pointer-events: none
 }

 .swiper-fade .swiper-slide-active {
     pointer-events: auto
 }

 .swiper-fade .swiper-slide-active .swiper-slide-active {
     pointer-events: auto
 }

 .swiper.swiper-cube {
     overflow: visible
 }

 .swiper-cube .swiper-slide {
     pointer-events: none;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     z-index: 1;
     visibility: hidden;
     transform-origin: 0 0;
     width: 100%;
     height: 100%
 }

 .swiper-cube .swiper-slide .swiper-slide {
     pointer-events: none
 }

 .swiper-cube.swiper-rtl .swiper-slide {
     transform-origin: 100% 0
 }

 .swiper-cube .swiper-slide-active,
 .swiper-cube .swiper-slide-active .swiper-slide-active {
     pointer-events: auto
 }

 .swiper-cube .swiper-slide-active,
 .swiper-cube .swiper-slide-next,
 .swiper-cube .swiper-slide-prev {
     pointer-events: auto;
     visibility: visible
 }

 .swiper-cube .swiper-cube-shadow {
     position: absolute;
     left: 0;
     bottom: 0px;
     width: 100%;
     height: 100%;
     opacity: .6;
     z-index: 0
 }

 .swiper-cube .swiper-cube-shadow:before {
     content: '';
     background: #000;
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     filter: blur(50px)
 }

 .swiper-cube .swiper-slide-next+.swiper-slide {
     pointer-events: auto;
     visibility: visible
 }

 .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
 .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
 .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
 .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
     z-index: 0;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden
 }

 .swiper.swiper-flip {
     overflow: visible
 }

 .swiper-flip .swiper-slide {
     pointer-events: none;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     z-index: 1
 }

 .swiper-flip .swiper-slide .swiper-slide {
     pointer-events: none
 }

 .swiper-flip .swiper-slide-active,
 .swiper-flip .swiper-slide-active .swiper-slide-active {
     pointer-events: auto
 }

 .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
 .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
 .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
 .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
     z-index: 0;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden
 }

 .swiper-creative .swiper-slide {
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     overflow: hidden;
     transition-property: transform, opacity, height
 }

 .swiper.swiper-cards {
     overflow: visible
 }

 .swiper-cards .swiper-slide {
     transform-origin: center bottom;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     overflow: hidden
 }



 .playfair,
 body {
     font-style: normal
 }

 @font-face {
     font-family: Inter;
     font-style: normal;
     font-weight: 100 900;
     font-display: swap;
     src: url(../fonts/inter/UcCo3FwrK3iLTcvvYwYL8g.woff2) format('woff2');
     unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
 }

 @font-face {
     font-family: Inter;
     font-style: normal;
     font-weight: 100 900;
     font-display: swap;
     src: url(../fonts/inter/UcCo3FwrK3iLTcvmYwYL8g.woff2) format('woff2');
     unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
 }

 @font-face {
     font-family: Inter;
     font-style: normal;
     font-weight: 100 900;
     font-display: swap;
     src: url(../fonts/inter/UcCo3FwrK3iLTcvuYwYL8g.woff2) format('woff2');
     unicode-range: U+1F00-1FFF
 }

 @font-face {
     font-family: Inter;
     font-style: normal;
     font-weight: 100 900;
     font-display: swap;
     src: url(../fonts/inter/UcCo3FwrK3iLTcvhYwYL8g.woff2) format('woff2');
     unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
 }

 @font-face {
     font-family: Inter;
     font-style: normal;
     font-weight: 100 900;
     font-display: swap;
     src: url(../fonts/inter/UcCo3FwrK3iLTcvtYwYL8g.woff2) format('woff2');
     unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
 }

 @font-face {
     font-family: Inter;
     font-style: normal;
     font-weight: 100 900;
     font-display: swap;
     src: url(../fonts/inter/UcCo3FwrK3iLTcvsYwYL8g.woff2) format('woff2');
     unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
 }

 @font-face {
     font-family: Inter;
     font-style: normal;
     font-weight: 100 900;
     font-display: swap;
     src: url(../fonts/inter/UcCo3FwrK3iLTcviYwY.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
 }

 @font-face {
     font-family: 'Playfair Display';
     font-style: normal;
     font-weight: 400 900;
     font-display: swap;
     src: url(../fonts/playfair/nuFiD-vYSZviVYUb_rj3ij__anPXDTjYgFE_.woff2) format('woff2');
     unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
 }

 @font-face {
     font-family: 'Playfair Display';
     font-style: normal;
     font-weight: 400 900;
     font-display: swap;
     src: url(../fonts/playfair/nuFiD-vYSZviVYUb_rj3ij__anPXDTPYgFE_.woff2) format('woff2');
     unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
 }

 @font-face {
     font-family: 'Playfair Display';
     font-style: normal;
     font-weight: 400 900;
     font-display: swap;
     src: url(../fonts/playfair/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgFE_.woff2) format('woff2');
     unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
 }

 @font-face {
     font-family: 'Playfair Display';
     font-style: normal;
     font-weight: 400 900;
     font-display: swap;
     src: url(../fonts/playfair/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
 }

 body {
     font-family: Inter, sans-serif
 }

 .playfair {
     font-family: "Playfair Display", serif
 }

 .perspective-wrapper {
     perspective: 800px
 }

 .tilt-effect {
     transition: transform .2s ease-out;
     will-change: transform;
     transform: perspective(100px) rotateX(0) rotateY(0) scale3d(1, 1, 1)
 }

 .perspective-wrapper:hover .tilt-effect {
     transform: perspective(800px) rotateX(5deg) rotateY(5deg) scale3d(1.03, 1.03, 1.03)
 }

 .owl-carousel .owl-stage {
     display: flex;
     align-items: center
 }

 .custom-scrollbar::-webkit-scrollbar {
     width: 3px
 }

 .custom-scrollbar::-webkit-scrollbar-thumb {
     background-color: #000
 }

 .custom-scrollbar::-webkit-scrollbar-track {
     background-color: #ac0707;
     border-radius: 4px
 }



 *,
 ::backdrop,
 :after,
 :before {
     --tw-border-spacing-x: 0;
     --tw-border-spacing-y: 0;
     --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-pan-x: ;
     --tw-pan-y: ;
     --tw-pinch-zoom: ;
     --tw-scroll-snap-strictness: proximity;
     --tw-gradient-from-position: ;
     --tw-gradient-via-position: ;
     --tw-gradient-to-position: ;
     --tw-ordinal: ;
     --tw-slashed-zero: ;
     --tw-numeric-figure: ;
     --tw-numeric-spacing: ;
     --tw-numeric-fraction: ;
     --tw-ring-inset: ;
     --tw-ring-offset-width: 0px;
     --tw-ring-offset-color: #fff;
     --tw-ring-color: #3b82f680;
     --tw-ring-offset-shadow: 0 0 #0000;
     --tw-ring-shadow: 0 0 #0000;
     --tw-shadow: 0 0 #0000;
     --tw-shadow-colored: 0 0 #0000;
     --tw-blur: ;
     --tw-brightness: ;
     --tw-contrast: ;
     --tw-grayscale: ;
     --tw-hue-rotate: ;
     --tw-invert: ;
     --tw-saturate: ;
     --tw-sepia: ;
     --tw-drop-shadow: ;
     --tw-backdrop-blur: ;
     --tw-backdrop-brightness: ;
     --tw-backdrop-contrast: ;
     --tw-backdrop-grayscale: ;
     --tw-backdrop-hue-rotate: ;
     --tw-backdrop-invert: ;
     --tw-backdrop-opacity: ;
     --tw-backdrop-saturate: ;
     --tw-backdrop-sepia: ;
     --tw-contain-size: ;
     --tw-contain-layout: ;
     --tw-contain-paint: ;
     --tw-contain-style:
 }

 /*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
 *,
 :after,
 :before {
     box-sizing: border-box;
     border: 0 solid #e5e7eb
 }

 :after,
 :before {
     --tw-content: ""
 }

 :host,
 html {
     line-height: 1.5;
     -webkit-text-size-adjust: 100%;
     -moz-tab-size: 4;
     -o-tab-size: 4;
     tab-size: 4;
     font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
     font-feature-settings: normal;
     font-variation-settings: normal;
     -webkit-tap-highlight-color: transparent
 }

 body {
     margin: 0;
     line-height: inherit
 }

 hr {
     height: 0;
     color: inherit;
     border-top-width: 1px
 }

 abbr:where([title]) {
     -webkit-text-decoration: underline dotted;
     text-decoration: underline dotted
 }

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

 a {
     color: inherit;
     text-decoration: inherit
 }

 b,
 strong {
     font-weight: bolder
 }

 code,
 kbd,
 pre,
 samp {
     font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
     font-feature-settings: normal;
     font-variation-settings: normal;
     font-size: 1em
 }

 small {
     font-size: 80%
 }

 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: initial
 }

 sub {
     bottom: -.25em
 }

 sup {
     top: -.5em
 }

 table {
     text-indent: 0;
     border-color: inherit;
     border-collapse: collapse
 }

 button,
 input,
 optgroup,
 select,
 textarea {
     font-family: inherit;
     font-feature-settings: inherit;
     font-variation-settings: inherit;
     font-size: 100%;
     font-weight: inherit;
     line-height: inherit;
     letter-spacing: inherit;
     color: inherit;
     margin: 0;
     padding: 0
 }

 button,
 select {
     text-transform: none
 }

 button,
 input:where([type=button]),
 input:where([type=reset]),
 input:where([type=submit]) {
     -webkit-appearance: button;
     background-color: initial;
     background-image: none
 }

 :-moz-focusring {
     outline: auto
 }

 :-moz-ui-invalid {
     box-shadow: none
 }

 progress {
     vertical-align: initial
 }

 ::-webkit-inner-spin-button,
 ::-webkit-outer-spin-button {
     height: auto
 }

 [type=search] {
     -webkit-appearance: textfield;
     outline-offset: -2px
 }

 ::-webkit-search-decoration {
     -webkit-appearance: none
 }

 ::-webkit-file-upload-button {
     -webkit-appearance: button;
     font: inherit
 }

 summary {
     display: list-item
 }

 blockquote,
 dd,
 dl,
 figure,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 hr,
 p,
 pre {
     margin: 0
 }

 fieldset {
     margin: 0
 }

 fieldset,
 legend {
     padding: 0
 }

 menu,
 ol,
 ul {
     list-style: none;
     margin: 0;
     padding: 0
 }

 dialog {
     padding: 0
 }

 textarea {
     resize: vertical
 }

 input::-moz-placeholder,
 textarea::-moz-placeholder {
     opacity: 1;
     color: #9ca3af
 }

 input::placeholder,
 textarea::placeholder {
     opacity: 1;
     color: #9ca3af
 }

 [role=button],
 button {
     cursor: pointer
 }

 :disabled {
     cursor: default
 }

 audio,
 canvas,
 embed,
 iframe,
 img,
 object,
 svg,
 video {
     display: block;
     vertical-align: middle
 }

 img,
 video {
     max-width: 100%;
     height: auto
 }

 [hidden]:where(:not([hidden=until-found])) {
     display: none
 }

 .fixed {
     position: fixed
 }

 .\!absolute {
     position: absolute !important
 }

 .absolute {
     position: absolute
 }

 .relative {
     position: relative
 }

 .inset-0 {
     inset: 0
 }

 .\!bottom-\[0px\] {
     bottom: 0 !important
 }

 .\!left-\[50\%\] {
     left: 50% !important
 }

 .\!right-\[auto\] {
     right: auto !important
 }

 .\!top-\[auto\] {
     top: auto !important
 }

 .-top-10 {
     top: -2.5rem
 }

 .-top-6 {
     top: -1.5rem
 }

 .-top-\[105px\] {
     top: -105px
 }

 .bottom-0 {
     bottom: 0
 }

 .left-0 {
     left: 0
 }

 .left-1\/2 {
     left: 50%
 }

 .left-\[-24px\] {
     left: -24px
 }

 .right-0 {
     right: 0
 }

 .right-\[-10px\] {
     right: -10px
 }

 .right-\[-16px\] {
     right: -16px
 }

 .top-0 {
     top: 0
 }

 .top-1\/2 {
     top: 50%
 }

 .top-5 {
     top: 1.25rem
 }

 .top-\[-10px\] {
     top: -10px
 }

 .z-0 {
     z-index: 0
 }

 .z-10 {
     z-index: 10
 }

 .z-\[-1\] {
     z-index: -1
 }

 .z-\[0\] {
     z-index: 0
 }

 .z-\[10\] {
     z-index: 10
 }

 .z-\[3\] {
     z-index: 3
 }

 .z-\[999999\] {
     z-index: 999999
 }

 .col-span-12 {
     grid-column: span 12/span 12
 }

 .col-span-6 {
     grid-column: span 6/span 6
 }

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

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

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

 .my-\[40px\] {
     margin-top: 40px;
     margin-bottom: 40px
 }

 .mb-2 {
     margin-bottom: .5rem
 }

 .mb-3 {
     margin-bottom: .75rem
 }

 .mb-4 {
     margin-bottom: 1rem
 }

 .mb-5 {
     margin-bottom: 1.25rem
 }

 .mb-\[40px\] {
     margin-bottom: 40px
 }

 .mb-\[6px\] {
     margin-bottom: 6px
 }

 .ml-auto {
     margin-left: auto
 }

 .mt-1 {
     margin-top: .25rem
 }
 

 .mt-\[10px\] {
     margin-top: 10px
 }

 .block {
     display: block
 }

 .inline-block {
     display: inline-block
 }

 .inline {
     display: inline
 }

 .flex {
     display: flex
 }

 .inline-flex {
     display: inline-flex
 }

 .grid {
     display: grid
 }

 .hidden {
     display: none
 }

 .h-48 {
     height: 12rem
 }

 .h-8 {
     height: 2rem
 }

 .h-\[100px\] {
     height: 100px
 }

 .h-\[250px\] {
     height: 250px
 }

 .h-\[270px\] {
     height: 270px
 }

 .h-\[2px\] {
     height: 2px
 }

 .h-\[40px\] {
     height: 40px
 }

 .h-\[45px\] {
     height: 45px
 }

 .h-\[50px\] {
     height: 50px
 }

 .h-\[750px\] {
     height: 750px
 }

 .h-auto {
     height: auto
 }

 .h-full {
     height: 100%
 }

 .max-h-\[45px\] {
     max-height: 45px
 }

 .w-48 {
     width: 12rem
 }

 .w-8 {
     width: 2rem
 }

 .w-\[120px\] {
     width: 120px
 }

 .w-\[12px\] {
     width: 12px
 }

 .w-\[15px\] {
     width: 15px
 }

 .w-\[20px\] {
     width: 20px
 }

 .w-\[300px\] {
     width: 300px
 }

 .w-\[40px\] {
     width: 40px
 }

 .w-\[45px\] {
     width: 45px
 }

 .w-\[500px\] {
     width: 500px
 }

 .w-fit {
     width: -moz-fit-content;
     width: fit-content
 }

 .w-full {
     width: 100%
 }

 .max-w-\[100px\] {
     max-width: 100px
 }

 .max-w-\[1100px\] {
     max-width: 1100px
 }

 .max-w-\[120px\] {
     max-width: 120px
 }

 .max-w-\[1320px\] {
     max-width: 1320px
 }

 .max-w-\[180px\] {
     max-width: 180px
 }

 .max-w-\[343px\] {
     max-width: 343px
 }

 .max-w-\[360px\] {
     max-width: 360px
 }

 .max-w-\[378px\] {
     max-width: 378px
 }

 .max-w-\[45px\] {
     max-width: 45px
 }

 .max-w-\[600px\] {
     max-width: 600px
 }

 .max-w-\[850px\] {
     max-width: 850px
 }

 .origin-center {
     transform-origin: center
 }

 .\!translate-x-\[-50\%\] {
     --tw-translate-x: -50% !important;
     transform: translate(var(--tw-translate-x), 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)) !important
 }

 .-translate-x-1\/2 {
     --tw-translate-x: -50%
 }

 .-translate-x-1\/2,
 .-translate-y-1\/2 {
     transform: translate(var(--tw-translate-x), 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))
 }

 .-translate-y-1\/2 {
     --tw-translate-y: -50%
 }

 .translate-y-\[70px\] {
     --tw-translate-y: 70px
 }

 .rotate-\[90deg\],
 .translate-y-\[70px\] {
     transform: translate(var(--tw-translate-x), 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))
 }

 .rotate-\[90deg\] {
     --tw-rotate: 90deg
 }

 .scale-0 {
     --tw-scale-x: 0;
     --tw-scale-y: 0
 }

 .scale-0,
 .transform {
     transform: translate(var(--tw-translate-x), 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))
 }

 .cursor-pointer {
     cursor: pointer
 }

 .grid-cols-12 {
     grid-template-columns: repeat(12, minmax(0, 1fr))
 }

 .flex-row {
     flex-direction: row
 }

 .flex-col {
     flex-direction: column
 }

 .flex-wrap {
     flex-wrap: wrap
 }

 .items-start {
     align-items: flex-start
 }

 .items-end {
     align-items: flex-end
 }

 .items-center {
     align-items: center
 }

 .items-stretch {
     align-items: stretch
 }

 .justify-center {
     justify-content: center
 }

 .justify-between {
     justify-content: space-between
 }

 .gap-0 {
     gap: 0
 }

 .gap-1\.5 {
     gap: .375rem
 }

 .gap-2 {
     gap: .5rem
 }

 .gap-3 {
     gap: .75rem
 }

 .gap-4 {
     gap: 1rem
 }

 .gap-5 {
     gap: 1.25rem
 }

 .gap-\[0\.5\] {
     gap: .5
 }

 .gap-x-4 {
     -moz-column-gap: 1rem;
     column-gap: 1rem
 }

 .gap-y-3 {
     row-gap: .75rem
 }

 .gap-y-4 {
     row-gap: 1rem
 }

 .overflow-hidden {
     overflow: hidden
 }

 .overflow-y-auto {
     overflow-y: auto
 }

 .overflow-x-hidden {
     overflow-x: hidden
 }

 .rounded-\[10px\] {
     border-radius: 10px
 }

 .rounded-\[12px\] {
     border-radius: 12px
 }

 .rounded-\[20px\] {
     border-radius: 20px
 }

 .rounded-\[22px\] {
     border-radius: 22px
 }

 .rounded-\[30px\] {
     border-radius: 30px
 }

 .rounded-\[50px\] {
     border-radius: 50px
 }

 .rounded-full {
     border-radius: 9999px
 }

 .rounded-t-\[30px\] {
     border-top-left-radius: 30px;
     border-top-right-radius: 30px
 }

 .rounded-t-\[60px\] {
     border-top-left-radius: 60px;
     border-top-right-radius: 60px
 }

 .border,
 .border-\[1px\] {
     border-width: 1px
 }

 .border-b,
 .border-b-\[1px\] {
     border-bottom-width: 1px
 }

 .border-\[\#000000\],
 .border-\[\#000\] {
     --tw-border-opacity: 1;
     border-color: rgb(0 0 0/var(--tw-border-opacity, 1))
 }

 .border-\[\#000\]\/30 {
     border-color: #0000004d
 }

 .border-b-\[\#676767\] {
     --tw-border-opacity: 1;
     border-bottom-color: rgb(103 103 103/var(--tw-border-opacity, 1))
 }

 .bg-\[\#000000b3\] {
     background-color: #000000b3
 }

 .bg-\[\#183257\] {
     --tw-bg-opacity: 1;
     background-color: rgb(24 50 87/var(--tw-bg-opacity, 1))
 }

 .bg-\[\#222222\] {
     --tw-bg-opacity: 1;
     background-color: rgb(34 34 34/var(--tw-bg-opacity, 1))
 }

 .bg-\[\#323232\] {
     --tw-bg-opacity: 1;
     background-color: rgb(50 50 50/var(--tw-bg-opacity, 1))
 }

 .bg-\[\#F7F3EF\] {
     --tw-bg-opacity: 1;
     background-color: rgb(247 243 239/var(--tw-bg-opacity, 1))
 }

 .bg-\[\#FFFFFF\] {
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
 }

 .bg-\[\#aa0000\] {
     --tw-bg-opacity: 1;
     background-color: rgb(52 30 54/var(--tw-bg-opacity, 1))
 }

 .bg-\[\#eeeeee\] {
     --tw-bg-opacity: 1;
     background-color: rgb(238 238 238/var(--tw-bg-opacity, 1))
 }

 .bg-\[\#f7f3ef\] {
     --tw-bg-opacity: 1;
     background-color: rgb(247 243 239/var(--tw-bg-opacity, 1))
 }

 .bg-\[\#fff\] {
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
 }

 .bg-\[\#fff\]\/50 {
     background-color: #ffffff80
 }

 .bg-\[\#ffffff52\] {
     background-color: #ffffff52
 }

 .bg-transparent {
     background-color: initial
 }

 .bg-white {
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
 }

 .bg-opacity-70 {
     --tw-bg-opacity: 0.7
 }

 .bg-\[linear-gradient\(0deg\2c \#56BD84_50\%\2c \#D2FFC5\)\] {
     background-image: linear-gradient(0deg, #56bd84 50%, #d2ffc5)
 }

 .bg-\[linear-gradient\(0deg\2c \#DFC500_50\%\2c \#FFE100\)\] {
     background-image: linear-gradient(0deg, #dfc500 50%, #ffe100)
 }

 .bg-\[linear-gradient\(0deg\2c \#E3B9DF_50\%\2c \#FBF3FF\)\] {
     background-image: linear-gradient(0deg, #e3b9df 50%, #fbf3ff)
 }

 .bg-\[url\(\'assets\/images\/bf-bg\.webp\'\)\] {
     background-image: url(../images/bf-bg.webp)
 }

 .bg-\[url\(\'assets\/images\/hero-banner\.webp\'\)\] {
     background-image: url(../images/hero-banner.webp)
 }

 .bg-gradient-to-b {
     background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
 }

 .bg-gradient-to-r {
     background-image: linear-gradient(to right, var(--tw-gradient-stops))
 }

 .bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--tw-gradient-stops))
 }

 .from-\[\#000000\] {
     --tw-gradient-from: #000 var(--tw-gradient-from-position);
     --tw-gradient-to: #0000 var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
 }

 .from-\[\#382C24\] {
     --tw-gradient-from: #382c24 var(--tw-gradient-from-position);
     --tw-gradient-to: #382c2400 var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
 }

 .from-\[\#341e36\] {
     --tw-gradient-from: #341e36 var(--tw-gradient-from-position);
     --tw-gradient-to: #a000 var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
 }

 .from-\[\#ecaf44\] {
     --tw-gradient-from: #ecaf44 var(--tw-gradient-from-position);
     --tw-gradient-to: #ecaf4400 var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
 }

 .to-\[\#0A0807\] {
     --tw-gradient-to: #0a0807 var(--tw-gradient-to-position)
 }

 .to-\[\#183257\] {
     --tw-gradient-to: #183257 var(--tw-gradient-to-position)
 }

 .to-\[\#262626\] {
     --tw-gradient-to: #262626 var(--tw-gradient-to-position)
 }

 .to-\[\#ffed2a\] {
     --tw-gradient-to: #ffed2a var(--tw-gradient-to-position)
 }

 .bg-cover {
     background-size: cover
 }

 .bg-center {
     background-position: 50%
 }

 .bg-no-repeat {
     background-repeat: no-repeat
 }

 .object-cover {
     -o-object-fit: cover;
     object-fit: cover
 }

 .p-1\.5 {
     padding: .375rem
 }

 .p-4 {
     padding: 1rem
 }

 .p-\[15px\] {
     padding: 15px
 }

 .p-\[25px\] {
     padding: 25px
 }

 .p-\[30px\] {
     padding: 30px
 }

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

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

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

 .px-\[10px\] {
     padding-left: 10px;
     padding-right: 10px
 }

 .px-\[15px\] {
     padding-left: 15px;
     padding-right: 15px
 }

 .px-\[20px\] {
     padding-left: 20px;
     padding-right: 20px
 }

 .px-\[40px\] {
     padding-left: 40px;
     padding-right: 40px
 }

 .px-\[5px\] {
     padding-left: 5px;
     padding-right: 5px
 }

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

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

 .py-\[10px\] {
     padding-top: 10px;
     padding-bottom: 10px
 }

 .py-\[20px\] {
     padding-top: 20px;
     padding-bottom: 20px
 }

 .py-\[3px\] {
     padding-top: 3px;
     padding-bottom: 3px
 }

 .py-\[40px\] {
     padding-top: 40px;
     padding-bottom: 40px
 }

 .py-\[5px\] {
     padding-top: 5px;
     padding-bottom: 5px
 }

 .py-\[7px\] {
     padding-top: 7px;
     padding-bottom: 7px
 }

 .pb-\[10px\] {
     padding-bottom: 10px
 }

 .pt-2 {
     padding-top: .5rem
 }

 .pt-3 {
     padding-top: .75rem
 }

 .pt-\[30px\] {
     padding-top: 30px
 }

 .pt-\[40px\] {
     padding-top: 40px
 }

 .text-left {
     text-align: left
 }

 .text-center {
     text-align: center
 }

 .text-start {
     text-align: start
 }

 .text-\[10px\] {
     font-size: 10px
 }

 .text-\[11px\] {
     font-size: 11px
 }

 .text-\[12px\] {
     font-size: 12px
 }

 .text-\[13px\] {
     font-size: 13px
 }

 .text-\[14px\] {
     font-size: 14px
 }

 .text-\[16px\] {
     font-size: 16px
 }

 .text-\[18px\] {
     font-size: 18px
 }

 .text-\[25px\] {
     font-size: 25px
 }

 .text-\[26px\] {
     font-size: 26px
 }

 .text-\[30px\] {
     font-size: 30px
 }

 .text-\[32px\] {
     font-size: 32px
 }

 .text-\[34px\] {
     font-size: 34px
 }

 .text-\[8px\] {
     font-size: 8px
 }

 .text-sm {
     font-size: .875rem;
     line-height: 1.25rem
 }

 .font-\[100\] {
     font-weight: 100
 }

 .font-\[300\] {
     font-weight: 300
 }

 .font-\[400\] {
     font-weight: 400
 }

 .font-\[500\] {
     font-weight: 500
 }

 .font-\[700\] {
     font-weight: 700
 }

 .uppercase {
     text-transform: uppercase
 }

 .capitalize {
     text-transform: capitalize
 }

 .leading-\[1\.1\] {
     line-height: 1.1
 }

 .leading-\[1\.2\] {
     line-height: 1.2
 }

 .leading-\[1\.3\] {
     line-height: 1.3
 }

 .leading-\[1\.4\] {
     line-height: 1.4
 }

 .leading-\[1\.5\] {
     line-height: 1.5
 }

 .leading-\[1\] {
     line-height: 1
 }

 .leading-\[27px\] {
     line-height: 27px
 }

 .leading-\[30px\] {
     line-height: 30px
 }

 .text-\[\#000\] {
     --tw-text-opacity: 1;
     color: rgb(0 0 0/var(--tw-text-opacity, 1))
 }

 .text-\[\#333\] {
     --tw-text-opacity: 1;
     color: rgb(51 51 51/var(--tw-text-opacity, 1))
 }

 .text-\[\#666\] {
     --tw-text-opacity: 1;
     color: rgb(102 102 102/var(--tw-text-opacity, 1))
 }

 .text-\[\#960001\] {
     --tw-text-opacity: 1;
     color: rgb(150 0 1/var(--tw-text-opacity, 1))
 }

 .text-\[\#fff\] {
     --tw-text-opacity: 1;
     color: rgb(255 255 255/var(--tw-text-opacity, 1))
 }

 .opacity-\[0\.2\] {
     opacity: .2
 }

 .brightness-100 {
     --tw-brightness: brightness(1)
 }

 .brightness-100,
 .invert {
     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)
 }
 .brightness-100,
 .invert-nav {
      filter: brightness(0) invert(1);
 }

 .invert {
     --tw-invert: invert(100%)
 }
 .invert-nav {
     --tw-invert: invert(100%)
 }

 .backdrop-blur-\[15px\] {
     --tw-backdrop-blur: blur(15px)
 }

 .backdrop-blur-\[15px\],
 .backdrop-blur-\[25px\] {
     -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
     backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
 }

 .backdrop-blur-\[25px\] {
     --tw-backdrop-blur: blur(25px)
 }

 .backdrop-blur-md {
     --tw-backdrop-blur: blur(12px);
     -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
     backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
 }

 .transition {
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-duration: .15s
 }

 .transition-all {
     transition-property: all;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-duration: .15s
 }

 .transition-transform {
     transition-property: transform;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-duration: .15s
 }

 .duration-300 {
     transition-duration: .3s
 }

 .duration-500 {
     transition-duration: .5s
 }

 .duration-700 {
     transition-duration: .7s
 }

 .ease-in-out {
     transition-timing-function: cubic-bezier(.4, 0, .2, 1)
 }

 .placeholder\:text-\[12px\]::-moz-placeholder {
     font-size: 12px
 }

 .placeholder\:text-\[12px\]::placeholder {
     font-size: 12px
 }

 .placeholder\:text-\[\#000\]::-moz-placeholder {
     --tw-text-opacity: 1;
     color: rgb(0 0 0/var(--tw-text-opacity, 1))
 }

 .placeholder\:text-\[\#000\]::placeholder {
     --tw-text-opacity: 1;
     color: rgb(0 0 0/var(--tw-text-opacity, 1))
 }

 .placeholder\:text-\[\#717171\]::-moz-placeholder {
     --tw-text-opacity: 1;
     color: rgb(113 113 113/var(--tw-text-opacity, 1))
 }

 .placeholder\:text-\[\#717171\]::placeholder {
     --tw-text-opacity: 1;
     color: rgb(113 113 113/var(--tw-text-opacity, 1))
 }

 .placeholder\:text-\[\#747582\]::-moz-placeholder {
     --tw-text-opacity: 1;
     color: rgb(116 117 130/var(--tw-text-opacity, 1))
 }

 .placeholder\:text-\[\#747582\]::placeholder {
     --tw-text-opacity: 1;
     color: rgb(116 117 130/var(--tw-text-opacity, 1))
 }

 .before\:absolute:before {
     content: var(--tw-content);
     position: absolute
 }

 .before\:top-1\/2:before {
     content: var(--tw-content);
     top: 50%
 }

 .before\:h-\[2px\]:before {
     content: var(--tw-content);
     height: 2px
 }

 .before\:w-full:before {
     content: var(--tw-content);
     width: 100%
 }

 .before\:bg-\[\#5b5a5a54\]:before {
     content: var(--tw-content);
     background-color: #5b5a5a54
 }

 .before\:content-\[\'\'\]:before {
     --tw-content: "";
     content: var(--tw-content)
 }

 .focus\:outline-none:focus {
     outline: 2px solid #0000;
     outline-offset: 2px
 }

 .group:hover .group-hover\:-translate-y-\[0px\] {
     --tw-translate-y: -0px
 }

 .group:hover .group-hover\:-translate-y-\[0px\],
 .group:hover .group-hover\:-translate-y-\[70px\] {
     transform: translate(var(--tw-translate-x), 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))
 }

 .group:hover .group-hover\:-translate-y-\[70px\] {
     --tw-translate-y: -70px
 }

 .group:hover .group-hover\:rotate-\[180\] {
     --tw-rotate: 180
 }

 .group:hover .group-hover\:rotate-\[180\],
 .group:hover .group-hover\:scale-100 {
     transform: translate(var(--tw-translate-x), 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))
 }

 .group:hover .group-hover\:scale-100 {
     --tw-scale-x: 1;
     --tw-scale-y: 1
 }

 .group:hover .group-hover\:bg-\[\#183257\] {
     --tw-bg-opacity: 1;
     background-color: rgb(24 50 87/var(--tw-bg-opacity, 1))
 }

 .group:hover .group-hover\:bg-\[\#eeeeee\] {
     --tw-bg-opacity: 1;
     background-color: rgb(238 238 238/var(--tw-bg-opacity, 1))
 }

 .group:hover .group-hover\:bg-\[\#fff\] {
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
 }

 .group:hover .group-hover\:bg-transparent {
     background-color: initial
 }

 .group:hover .group-hover\:text-\[\#fff\] {
     --tw-text-opacity: 1;
     color: rgb(255 255 255/var(--tw-text-opacity, 1))
 }

 .group:hover .group-hover\:invert-0 {
     --tw-invert: invert(0);
     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)
 }

 .group:hover .group-hover\:duration-500 {
     transition-duration: .5s
 }

 .group:hover .group-hover\:duration-700 {
     transition-duration: .7s
 }

 .aria-selected\:bg-\[\#FF5429\][aria-selected=true] {
     --tw-bg-opacity: 1;
     background-color: #341e36 !important;
 }

 .aria-selected\:text-\[\#fff\][aria-selected=true] {
     --tw-text-opacity: 1;
     color: rgb(255 255 255/var(--tw-text-opacity, 1))
 }

 @media (min-width:640px) {
     .sm\:col-span-4 {
         grid-column: span 4/span 4
     }

     .sm\:col-span-6 {
         grid-column: span 6/span 6
     }

     .sm\:h-\[450px\] {
         height: 450px
     }

     .sm\:h-\[470px\] {
         height: 470px
     }

     .sm\:h-\[50px\] {
         height: 50px
     }

     .sm\:w-\[140px\] {
         width: 140px
     }

     .sm\:w-\[45px\] {
         width: 45px
     }

     .sm\:w-\[50px\] {
         width: 50px
     }

     .sm\:w-\[90px\] {
         width: 90px
     }

     .sm\:max-w-\[150px\] {
         max-width: 250px
     }

     .sm\:flex-nowrap {
         flex-wrap: nowrap
     }

     .sm\:justify-between {
         justify-content: space-between
     }

     .sm\:gap-4 {
         gap: 1rem
     }

     .sm\:gap-6 {
         gap: 1.5rem
     }

     .sm\:gap-x-12 {
         -moz-column-gap: 3rem;
         column-gap: 3rem
     }

     .sm\:border-b-0 {
         border-bottom-width: 0
     }

     .sm\:border-r {
         border-right-width: 1px
     }

     .sm\:px-\[10px\] {
         padding-left: 10px;
         padding-right: 10px
     }

     .sm\:px-\[20px\] {
         padding-left: 20px;
         padding-right: 20px
     }

     .sm\:py-3 {
         padding-top: .75rem;
         padding-bottom: .75rem
     }

     .sm\:py-\[5px\] {
         padding-top: 5px;
         padding-bottom: 5px
     }

     .sm\:text-\[12px\] {
         font-size: 12px
     }

     .sm\:text-\[14px\] {
         font-size: 14px
     }

     .sm\:text-\[16px\] {
         font-size: 16px
     }
     .sm\:text-\[20px\] {
         font-size: 20px
     }
 }

 @media (min-width:768px) {
     .md\:col-span-3 {
         grid-column: span 3/span 3
     }

     .md\:col-span-4 {
         grid-column: span 4/span 4
     }

     .md\:col-span-6 {
         grid-column: span 6/span 6
     }

     .md\:mt-0 {
         margin-top: 0
     }

     .md\:mt-\[160px\] {
         margin-top: 160px
     }

     .md\:block {
         display: block
     }

     .md\:hidden {
         display: none
     }

     .md\:h-\[340px\] {
         height: 340px
     }

     .md\:h-\[350px\] {
         height: 350px
     }

     .md\:h-\[400px\] {
         height: 400px
     }

     .md\:flex-nowrap {
         flex-wrap: nowrap
     }

     .md\:justify-between {
         justify-content: space-between
     }

     .md\:gap-1 {
         gap: .25rem
     }

     .md\:gap-6 {
         gap: 1.5rem
     }

     .md\:rounded-\[40px\] {
         border-radius: 40px
     }

     .md\:rounded-t-\[60px\] {
         border-top-left-radius: 60px;
         border-top-right-radius: 60px
     }

     .md\:bg-\[url\(assets\/images\/popupbg\.webp\)\] {
         background-image: url(../images/popupbg.webp)
     }

     .md\:bg-\[length\:100\%_100\%\] {
         background-size: 100% 100%
     }

     .md\:p-5 {
         padding: 1.25rem
     }

     .md\:px-6 {
         padding-left: 1.5rem;
         padding-right: 1.5rem
     }

     .md\:py-\[60px\] {
         padding-top: 60px;
         padding-bottom: 60px
     }

     .md\:pl-\[30px\] {
         padding-left: 30px
     }

     .md\:pl-\[40px\] {
         padding-left: 40px
     }

     .md\:pt-6 {
         padding-top: 1.5rem
     }

     .md\:pt-\[60px\] {
         padding-top: 60px
     }

     .md\:text-\[14px\] {
         font-size: 14px
     }

     .md\:text-\[16px\] {
         font-size: 16px
     }

     .md\:text-\[20px\] {
         font-size: 20px
     }

     .md\:text-\[36px\] {
         font-size: 36px
     }

     .md\:text-\[40px\] {
         font-size: 40px
     }

     .md\:text-\[45px\] {
         font-size: 45px
     }
 }

 @media (min-width:1024px) {
     .lg\:static {
         position: static
     }

     .lg\:col-span-2 {
         grid-column: span 2/span 2
     }

     .lg\:col-span-3 {
         grid-column: span 3/span 3
     }

     .lg\:col-span-6 {
         grid-column: span 6/span 6
     }

     .lg\:mb-5 {
         margin-bottom: 1.25rem
     }

     .lg\:mb-8 {
         margin-bottom: 2rem
     }

     .lg\:mb-\[10px\] {
         margin-bottom: 10px
     }

     .lg\:mt-24 {
         margin-top: 6rem
     }

     .lg\:mt-\[-40px\] {
         margin-top: -40px
     }

     .lg\:mt-\[80px\] {
         margin-top: 80px
     }

     .lg\:block {
         display: block
     }

     .lg\:h-\[1000px\] {
         height: 1000px
     }

     .lg\:h-\[380px\] {
         height: 380px
     }

     .lg\:w-10\/12 {
         width: 83.333333%
     }

     .lg\:gap-6 {
         gap: 1.5rem
     }

     .lg\:gap-8 {
         gap: 2rem
     }

     .lg\:gap-x-10 {
         -moz-column-gap: 2.5rem;
         column-gap: 2.5rem
     }

     .lg\:gap-x-12 {
         -moz-column-gap: 3rem;
         column-gap: 3rem
     }

     .lg\:rounded-\[50px\] {
         border-radius: 50px
     }

     .lg\:rounded-\[51px\] {
         border-radius: 51px
     }

     .lg\:rounded-bl-\[0px\] {
         border-bottom-left-radius: 0
     }

     .lg\:p-\[35px\] {
         padding: 35px
     }

     .lg\:pb-\[100px\] {
         padding-bottom: 100px
     }

     .lg\:pt-\[60px\] {
         padding-top: 60px
     }

     .lg\:text-\[14px\] {
         font-size: 14px
     }

     .lg\:text-\[16px\] {
         font-size: 16px
     }

     .lg\:text-\[18px\] {
         font-size: 18px
     }

     .lg\:text-\[20px\] {
         font-size: 20px
     }

     .lg\:text-\[25px\] {
         font-size: 25px
     }

     .lg\:text-\[30px\] {
         font-size: 30px
     }

     .lg\:text-\[40px\] {
         font-size: 40px
     }

     .lg\:text-\[50px\] {
         font-size: 50px
     }

     .lg\:leading-\[38px\] {
         line-height: 38px
     }
 }

 @media (min-width:1280px) {
     .xl\:h-\[1150px\] {
         height: 1150px
     }

     .xl\:h-\[450px\] {
         height: 450px
     }

     .xl\:w-9\/12 {
         width: 75%
     }

     .xl\:w-\[600px\] {
         width: 600px
     }

     .xl\:px-0 {
         padding-left: 0;
         padding-right: 0
     }

     .xl\:text-\[31px\] {
         font-size: 18px
     }

     .xl\:text-\[40px\] {
         font-size: 40px
     }

     .xl\:before\:left-0:before {
         content: var(--tw-content);
         left: 0
     }

     .xl\:before\:left-10:before {
         content: var(--tw-content);
         left: 2.5rem
     }
 }

 @media (min-width:1536px) {
     .\32xl\:text-\[20px\] {
         font-size: 20px
     }

     .\32xl\:text-\[32px\] {
         font-size: 32px
     }

     .\32xl\:text-\[50px\] {
         font-size: 50px
     }
 }