/*https://vms-files.vietnamnet.vn/vps_jscss/000001/000003/2024/12/24/swipermin-2215.css?width=0&s=2iptM1h7OocFJvklyM6rRA?c=COMPONENT002849*/ @font-face {   font-family: swiper-icons;   font-style: normal;   font-weight: 400;   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") } :root {   --swiper-theme-color: #007aff } .swiper {   list-style: none;   margin-left: auto;   margin-right: auto;   overflow: hidden;   padding: 0;   position: relative;   z-index: 1 } .swiper-vertical > .swiper-wrapper {   -webkit-box-orient: vertical;   -webkit-box-direction: normal;   -ms-flex-direction: column;   flex-direction: column } .swiper-wrapper {   -webkit-box-sizing: content-box;   box-sizing: content-box;   display: -webkit-box;   display: -ms-flexbox;   display: flex;   height: 100%;   position: relative;   -webkit-transition-property: -webkit-transform;   transition-property: -webkit-transform;   transition-property: transform;   transition-property: transform, -webkit-transform;   width: 100%;   z-index: 1 } .swiper-android .swiper-slide, .swiper-wrapper {   -webkit-transform: translateZ(0);   transform: translateZ(0) } .swiper-pointer-events {   -ms-touch-action: pan-y;   touch-action: pan-y }   .swiper-pointer-events.swiper-vertical {     -ms-touch-action: pan-x;     touch-action: pan-x   } .swiper-slide {   -ms-flex-negative: 0;   flex-shrink: 0;   height: 100%;   position: relative;   -webkit-transition-property: -webkit-transform;   transition-property: -webkit-transform;   transition-property: transform;   transition-property: transform, -webkit-transform;   width: 100% } .swiper-slide-invisible-blank {   visibility: hidden } .swiper-autoheight, .swiper-autoheight .swiper-slide {   height: auto }   .swiper-autoheight .swiper-wrapper {     -webkit-box-align: start;     -ms-flex-align: start;     align-items: flex-start;     -webkit-transition-property: height, -webkit-transform;     transition-property: height, -webkit-transform;     transition-property: transform, height;     transition-property: transform, height, -webkit-transform   } .swiper-backface-hidden .swiper-slide {   -webkit-backface-visibility: hidden;   backface-visibility: hidden;   -webkit-transform: translateZ(0);   transform: translateZ(0) } .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {   -webkit-perspective: 1200px;   perspective: 1200px }   .swiper-3d .swiper-cube-shadow,   .swiper-3d .swiper-slide,   .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,   .swiper-3d .swiper-wrapper {     -webkit-transform-style: preserve-3d;     transform-style: preserve-3d   }   .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 {     height: 100%;     left: 0;     pointer-events: none;     position: absolute;     top: 0;     width: 100%;     z-index: 10   }   .swiper-3d .swiper-slide-shadow {     background: rgba(0, 0, 0, .15)   }   .swiper-3d .swiper-slide-shadow-left {     background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));     background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)   }   .swiper-3d .swiper-slide-shadow-right {     background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));     background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)   }   .swiper-3d .swiper-slide-shadow-top {     background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));     background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)   }   .swiper-3d .swiper-slide-shadow-bottom {     background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));     background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)   } .swiper-css-mode > .swiper-wrapper {   -ms-overflow-style: none;   overflow: auto;   scrollbar-width: none }   .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {     display: none   }   .swiper-css-mode > .swiper-wrapper > .swiper-slide {     scroll-snap-align: start start   } .swiper-horizontal.swiper-css-mode > .swiper-wrapper {   -ms-scroll-snap-type: x mandatory;   scroll-snap-type: x mandatory } .swiper-vertical.swiper-css-mode > .swiper-wrapper {   -ms-scroll-snap-type: y mandatory;   scroll-snap-type: y mandatory } .swiper-centered > .swiper-wrapper:before {   -ms-flex-negative: 0;   -webkit-box-ordinal-group: 10000;   -ms-flex-order: 9999;   content: "";   flex-shrink: 0;   order: 9999 } [dir=ltr] .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {   margin-left: var(--swiper-centered-offset-before) } [dir=rtl] .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {   margin-right: var(--swiper-centered-offset-before) } .swiper-centered.swiper-horizontal > .swiper-wrapper:before {   height: 100%;   min-height: 1px;   width: var(--swiper-centered-offset-after) } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {   margin-top: var(--swiper-centered-offset-before) } .swiper-centered.swiper-vertical > .swiper-wrapper:before {   height: var(--swiper-centered-offset-after);   min-width: 1px;   width: 100% } .swiper-centered > .swiper-wrapper > .swiper-slide {   scroll-snap-align: center center;   scroll-snap-stop: always } .swiper-virtual .swiper-slide {   -webkit-backface-visibility: hidden;   -webkit-transform: translateZ(0);   transform: translateZ(0) } .swiper-virtual.swiper-css-mode .swiper-wrapper:after {   content: "";   left: 0;   pointer-events: none;   position: absolute;   top: 0 } .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 {   height: var(--swiper-virtual-size);   width: 1px } :root {   --swiper-navigation-size: 44px } .swiper-button-next, .swiper-button-prev {   -webkit-box-align: center;   -ms-flex-align: center;   -webkit-box-pack: center;   -ms-flex-pack: center;   align-items: center;   color: var(--swiper-theme-color);   color: var(--swiper-navigation-color, var(--swiper-theme-color));   cursor: pointer;   display: -webkit-box;   display: -ms-flexbox;   display: flex;   height: var(--swiper-navigation-size);   justify-content: center;   margin-top: calc(0px - var(--swiper-navigation-size)/2);   position: absolute;   top: 50%;   width: calc(var(--swiper-navigation-size)/44*27);   z-index: 10 }   .swiper-button-next.swiper-button-disabled,   .swiper-button-prev.swiper-button-disabled {     cursor: auto;     opacity: .35;     pointer-events: none   }   .swiper-button-next.swiper-button-hidden,   .swiper-button-prev.swiper-button-hidden {     cursor: auto;     opacity: 0;     pointer-events: none   } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {   display: none !important } .swiper-button-next:after, .swiper-button-prev:after {   text-transform: none !important } .swiper-button-next:after, .swiper-button-prev:after {   font-family: swiper-icons;   font-size: var(--swiper-navigation-size);   font-variant: normal;   letter-spacing: 0;   line-height: 1 } .swiper-button-prev, .swiper-rtl .swiper-button-next {   left: 10px;   right: auto }   .swiper-button-prev:after,   .swiper-rtl .swiper-button-next:after {     content: "prev"   } .swiper-button-next, .swiper-rtl .swiper-button-prev {   left: auto;   right: 10px }   .swiper-button-next:after,   .swiper-rtl .swiper-button-prev:after {     content: "next"   } .swiper-button-lock {   display: none } .swiper-pagination {   position: absolute;   text-align: center;   -webkit-transform: translateZ(0);   transform: translateZ(0);   -webkit-transition: opacity .3s;   transition: opacity .3s;   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: 10px;   left: 0;   width: 100% } .swiper-pagination-bullets-dynamic {   font-size: 0;   overflow: hidden }   .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {     position: relative;     -webkit-transform: scale(.33);     transform: scale(.33)   }   .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,   .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {     -webkit-transform: scale(1);     transform: scale(1)   }   .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {     -webkit-transform: scale(.66);     transform: scale(.66)   }   .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {     -webkit-transform: scale(.33);     transform: scale(.33)   }   .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {     -webkit-transform: scale(.66);     transform: scale(.66)   }   .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {     -webkit-transform: scale(.33);     transform: scale(.33)   } .swiper-pagination-bullet {   background: #000;   background: var(--swiper-pagination-bullet-inactive-color, #000);   border-radius: 50%;   display: inline-block;   height: 8px;   height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));   opacity: .2;   opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);   width: 8px;   width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)) } button.swiper-pagination-bullet {   -webkit-appearance: none;   -moz-appearance: none;   appearance: none;   border: none;   -webkit-box-shadow: none;   box-shadow: none;   margin: 0;   padding: 0 } .swiper-pagination-clickable .swiper-pagination-bullet {   cursor: pointer } .swiper-pagination-bullet:only-child {   display: none !important } .swiper-pagination-bullet-active {   background: var(--swiper-theme-color);   background: var(--swiper-pagination-color, var(--swiper-theme-color));   opacity: 1;   opacity: var(--swiper-pagination-bullet-opacity, 1) } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {   right: 10px;   top: 50%;   -webkit-transform: translate3d(0, -50%, 0);   transform: translate3d(0, -50%, 0) }   .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,   .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {     display: block;     margin: 6px 0;     margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0   }   .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,   .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {     top: 50%;     -webkit-transform: translateY(-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;       -webkit-transition: top .2s, -webkit-transform .2s;       transition: top .2s, -webkit-transform .2s;       transition: transform .2s, top .2s;       transition: transform .2s, top .2s, -webkit-transform .2s     } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {   margin: 0 4px;   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%;   -webkit-transform: translateX(-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 {     -webkit-transition: left .2s, -webkit-transform .2s;     transition: left .2s, -webkit-transform .2s;     transition: transform .2s, left .2s;     transition: transform .2s, left .2s, -webkit-transform .2s   } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {   -webkit-transition: right .2s, -webkit-transform .2s;   transition: right .2s, -webkit-transform .2s;   transition: transform .2s, right .2s;   transition: transform .2s, right .2s, -webkit-transform .2s } .swiper-pagination-progressbar {   background: rgba(0, 0, 0, .25);   position: absolute }   .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {     background: var(--swiper-theme-color);     background: var(--swiper-pagination-color, var(--swiper-theme-color));     height: 100%;     left: 0;     position: absolute;     top: 0;     -webkit-transform: scale(0);     transform: scale(0);     -webkit-transform-origin: left top;     transform-origin: left top;     width: 100%   } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {   -webkit-transform-origin: right top;   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 {   height: 4px;   left: 0;   top: 0;   width: 100% }   .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 {     height: 100%;     left: 0;     top: 0;     width: 4px   } .swiper-pagination-lock {   display: none } .swiper-scrollbar {   background: rgba(0, 0, 0, .1);   border-radius: 10px;   position: relative;   -ms-touch-action: none }   .swiper-scrollbar-disabled > .swiper-scrollbar,   .swiper-scrollbar.swiper-scrollbar-disabled {     display: none !important   }   .swiper-horizontal > .swiper-scrollbar,   .swiper-scrollbar.swiper-scrollbar-horizontal {     bottom: 3px;     height: 5px;     left: 1%;     position: absolute;     width: 98%;     z-index: 50   }   .swiper-scrollbar.swiper-scrollbar-vertical,   .swiper-vertical > .swiper-scrollbar {     height: 98%;     position: absolute;     right: 3px;     top: 1%;     width: 5px;     z-index: 50   } .swiper-scrollbar-drag {   background: rgba(0, 0, 0, .5);   border-radius: 10px;   height: 100%;   left: 0;   position: relative;   top: 0;   width: 100% } .swiper-scrollbar-cursor-drag {   cursor: move } .swiper-scrollbar-lock {   display: none } .swiper-zoom-container {   -webkit-box-pack: center;   -ms-flex-pack: center;   -webkit-box-align: center;   -ms-flex-align: center;   align-items: center;   display: -webkit-box;   display: -ms-flexbox;   display: flex;   height: 100%;   justify-content: center;   text-align: center;   width: 100% }   .swiper-zoom-container > canvas,   .swiper-zoom-container > img,   .swiper-zoom-container > svg {     max-height: 100%;     max-width: 100%;     -o-object-fit: contain;     object-fit: contain   } .swiper-slide-zoomed {   cursor: move } .swiper-lazy-preloader {   border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));   border-radius: 50%;   border-top: 4px solid transparent;   -webkit-box-sizing: border-box;   box-sizing: border-box;   height: 42px;   left: 50%;   margin-left: -21px;   margin-top: -21px;   position: absolute;   top: 50%;   -webkit-transform-origin: 50%;   transform-origin: 50%;   width: 42px;   z-index: 10 } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {   -webkit-animation: swiper-preloader-spin 1s linear infinite;   animation: swiper-preloader-spin 1s linear infinite } .swiper-lazy-preloader-white {   --swiper-preloader-color: #fff } .swiper-lazy-preloader-black {   --swiper-preloader-color: #000 } @-webkit-keyframes swiper-preloader-spin {   0% {     -webkit-transform: rotate(0deg);     transform: rotate(0deg)   }   to {     -webkit-transform: rotate(1turn);     transform: rotate(1turn)   } } @keyframes swiper-preloader-spin {   0% {     -webkit-transform: rotate(0deg);     transform: rotate(0deg)   }   to {     -webkit-transform: rotate(1turn);     transform: rotate(1turn)   } } .swiper .swiper-notification {   left: 0;   opacity: 0;   pointer-events: none;   position: absolute;   top: 0;   z-index: -1000 } .swiper-free-mode > .swiper-wrapper {   margin: 0 auto;   -webkit-transition-timing-function: ease-out;   transition-timing-function: ease-out } .swiper-grid > .swiper-wrapper {   -ms-flex-wrap: wrap;   flex-wrap: wrap } .swiper-grid-column > .swiper-wrapper {   -webkit-box-orient: vertical;   -webkit-box-direction: normal;   -ms-flex-direction: column;   flex-direction: column;   -ms-flex-wrap: wrap;   flex-wrap: wrap } .swiper-fade.swiper-free-mode .swiper-slide {   -webkit-transition-timing-function: ease-out;   transition-timing-function: ease-out } .swiper-fade .swiper-slide {   pointer-events: none;   -webkit-transition-property: opacity;   transition-property: opacity }   .swiper-fade .swiper-slide .swiper-slide {     pointer-events: none   } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {   pointer-events: auto } .swiper-cube {   overflow: visible }   .swiper-cube .swiper-slide {     -webkit-backface-visibility: hidden;     backface-visibility: hidden;     height: 100%;     pointer-events: none;     -webkit-transform-origin: 0 0;     transform-origin: 0 0;     visibility: hidden;     width: 100%;     z-index: 1   }     .swiper-cube .swiper-slide .swiper-slide {       pointer-events: none     }   .swiper-cube.swiper-rtl .swiper-slide {     -webkit-transform-origin: 100% 0;     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-next + .swiper-slide,   .swiper-cube .swiper-slide-prev {     pointer-events: auto;     visibility: visible   }   .swiper-cube .swiper-slide-shadow-bottom,   .swiper-cube .swiper-slide-shadow-left,   .swiper-cube .swiper-slide-shadow-right,   .swiper-cube .swiper-slide-shadow-top {     -webkit-backface-visibility: hidden;     backface-visibility: hidden;     z-index: 0   }   .swiper-cube .swiper-cube-shadow {     bottom: 0;     height: 100%;     left: 0;     opacity: .6;     position: absolute;     width: 100%;     z-index: 0   }     .swiper-cube .swiper-cube-shadow:before {       background: #000;       bottom: 0;       content: "";       -webkit-filter: blur(50px);       filter: blur(50px);       left: 0;       position: absolute;       right: 0;       top: 0     } .swiper-flip {   overflow: visible }   .swiper-flip .swiper-slide {     -webkit-backface-visibility: hidden;     backface-visibility: hidden;     pointer-events: none;     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-bottom,   .swiper-flip .swiper-slide-shadow-left,   .swiper-flip .swiper-slide-shadow-right,   .swiper-flip .swiper-slide-shadow-top {     -webkit-backface-visibility: hidden;     backface-visibility: hidden;     z-index: 0   } .swiper-creative .swiper-slide {   -webkit-backface-visibility: hidden;   backface-visibility: hidden;   overflow: hidden;   -webkit-transition-property: opacity, height, -webkit-transform;   transition-property: opacity, height, -webkit-transform;   transition-property: transform, opacity, height;   transition-property: transform, opacity, height, -webkit-transform } .swiper-cards {   overflow: visible }   .swiper-cards .swiper-slide {     -webkit-backface-visibility: hidden;     backface-visibility: hidden;     overflow: hidden;     -webkit-transform-origin: center bottom;     transform-origin: center bottom   } .gap-0 {   gap: 0 } .gap-1 {   gap: 1px } .gap-2 {   gap: 2px } .gap-3 {   gap: 3px } .gap-4 {   gap: 4px } .gap-5 {   gap: 5px } .gap-6 {   gap: 6px } .gap-7 {   gap: 7px } .gap-8 {   gap: 8px } .gap-9 {   gap: 9px } .gap-10 {   gap: 10px } .gap-15 {   gap: 15px } .gap-20 {   gap: 20px } .gap-25 {   gap: 25px } .gap-30 {   gap: 30px } .gap-35 {   gap: 35px } .gap-40 {   gap: 40px } .gap-45 {   gap: 45px } .gap-50 {   gap: 50px } .hidden {   display: none } .block {   display: block } .inline {   display: inline } .justify-center {   -webkit-box-pack: center;   -ms-flex-pack: center;   justify-content: center } .justify-start {   -webkit-box-pack: start;   -ms-flex-pack: start;   justify-content: flex-start } .justify-end {   -webkit-box-pack: end;   -ms-flex-pack: end;   justify-content: flex-end } .justify-between {   -webkit-box-pack: justify;   -ms-flex-pack: justify;   justify-content: space-between } .inline-block {   display: inline-block } .justify-evenly {   -webkit-box-pack: space-evenly;   -ms-flex-pack: space-evenly;   justify-content: space-evenly } .justify-around {   -ms-flex-pack: distribute;   justify-content: space-around } .items-center {   -webkit-box-align: center;   -ms-flex-align: center;   align-items: center } .items-start {   -webkit-box-align: start;   -ms-flex-align: start;   align-items: flex-start } .items-end {   -webkit-box-align: end;   -ms-flex-align: end;   align-items: flex-end } .text-uppercase {   text-transform: uppercase } .flex {   display: -webkit-box;   display: -ms-flexbox;   display: flex } .flex-cols {   -webkit-box-orient: vertical;   -webkit-box-direction: normal;   -ms-flex-direction: column;   flex-direction: column } .inline-flex {   display: -webkit-inline-box;   display: -ms-inline-flexbox;   display: inline-flex } .flex-0 {   -webkit-box-flex: 0;   -ms-flex: 0;   flex: 0 } .flex-1 {   -webkit-box-flex: 1;   -ms-flex: 1;   flex: 1 } .flex-2 {   -webkit-box-flex: 2;   -ms-flex: 2;   flex: 2 } .flex-3 {   -webkit-box-flex: 3;   -ms-flex: 3;   flex: 3 } .flex-4 {   -webkit-box-flex: 4;   -ms-flex: 4;   flex: 4 } .flex-5 {   -webkit-box-flex: 5;   -ms-flex: 5;   flex: 5 } .flex-6 {   -webkit-box-flex: 6;   -ms-flex: 6;   flex: 6 } .flex-7 {   -webkit-box-flex: 7;   -ms-flex: 7;   flex: 7 } .flex-8 {   -webkit-box-flex: 8;   -ms-flex: 8;   flex: 8 } .flex-9 {   -webkit-box-flex: 9;   -ms-flex: 9;   flex: 9 } .flex-10 {   -webkit-box-flex: 10;   -ms-flex: 10;   flex: 10 } .flex-15 {   -webkit-box-flex: 15;   -ms-flex: 15;   flex: 15 } .flex-20 {   -webkit-box-flex: 20;   -ms-flex: 20;   flex: 20 } .flex-25 {   -webkit-box-flex: 25;   -ms-flex: 25;   flex: 25 } .flex-30 {   -webkit-box-flex: 30;   -ms-flex: 30;   flex: 30 } .flex-35 {   -webkit-box-flex: 35;   -ms-flex: 35;   flex: 35 } .flex-40 {   -webkit-box-flex: 40;   -ms-flex: 40;   flex: 40 } .flex-45 {   -webkit-box-flex: 45;   -ms-flex: 45;   flex: 45 } .flex-50 {   -webkit-box-flex: 50;   -ms-flex: 50;   flex: 50 } .grid {   display: -ms-grid;   display: grid } .grid-cols-0 {   -ms-grid-columns: (minmax(0, 1fr))[0];   grid-template-columns: repeat(0, minmax(0, 1fr)) } .grid-cols-1 {   -ms-grid-columns: (minmax(0, 1fr))[1];   grid-template-columns: repeat(1, minmax(0, 1fr)) } .grid-cols-2 {   -ms-grid-columns: (minmax(0, 1fr))[2];   grid-template-columns: repeat(2, minmax(0, 1fr)) } .grid-cols-3 {   -ms-grid-columns: (minmax(0, 1fr))[3];   grid-template-columns: repeat(3, minmax(0, 1fr)) } .grid-cols-4 {   -ms-grid-columns: (minmax(0, 1fr))[4];   grid-template-columns: repeat(4, minmax(0, 1fr)) } .grid-cols-5 {   -ms-grid-columns: (minmax(0, 1fr))[5];   grid-template-columns: repeat(5, minmax(0, 1fr)) } .grid-cols-6 {   -ms-grid-columns: (minmax(0, 1fr))[6];   grid-template-columns: repeat(6, minmax(0, 1fr)) } .grid-cols-7 {   -ms-grid-columns: (minmax(0, 1fr))[7];   grid-template-columns: repeat(7, minmax(0, 1fr)) } .grid-cols-8 {   -ms-grid-columns: (minmax(0, 1fr))[8];   grid-template-columns: repeat(8, minmax(0, 1fr)) } .grid-cols-9 {   -ms-grid-columns: (minmax(0, 1fr))[9];   grid-template-columns: repeat(9, minmax(0, 1fr)) } .grid-cols-10 {   -ms-grid-columns: (minmax(0, 1fr))[10];   grid-template-columns: repeat(10, minmax(0, 1fr)) } .grid-cols-15 {   -ms-grid-columns: (minmax(0, 1fr))[15];   grid-template-columns: repeat(15, minmax(0, 1fr)) } .grid-cols-20 {   -ms-grid-columns: (minmax(0, 1fr))[20];   grid-template-columns: repeat(20, minmax(0, 1fr)) } .grid-cols-25 {   -ms-grid-columns: (minmax(0, 1fr))[25];   grid-template-columns: repeat(25, minmax(0, 1fr)) } .grid-cols-30 {   -ms-grid-columns: (minmax(0, 1fr))[30];   grid-template-columns: repeat(30, minmax(0, 1fr)) } .grid-cols-35 {   -ms-grid-columns: (minmax(0, 1fr))[35];   grid-template-columns: repeat(35, minmax(0, 1fr)) } .grid-cols-40 {   -ms-grid-columns: (minmax(0, 1fr))[40];   grid-template-columns: repeat(40, minmax(0, 1fr)) } .grid-cols-45 {   -ms-grid-columns: (minmax(0, 1fr))[45];   grid-template-columns: repeat(45, minmax(0, 1fr)) } .grid-cols-50 {   -ms-grid-columns: (minmax(0, 1fr))[50];   grid-template-columns: repeat(50, minmax(0, 1fr)) } .m-0 {   margin: 0 } .mt-0 {   margin-top: 0 } .ml-0 {   margin-left: 0 } .mb-0 {   margin-bottom: 0 } .mr-0 {   margin-right: 0 } .my-0 {   margin-bottom: 0;   margin-top: 0 } .mx-0 {   margin-left: 0 !important;   margin-right: 0 !important } .m-1 {   margin: 1px } .mt-1 {   margin-top: 1px } .ml-1 {   margin-left: 1px } .mb-1 {   margin-bottom: 1px } .mr-1 {   margin-right: 1px } .my-1 {   margin-bottom: 1px;   margin-top: 1px } .mx-1 {   margin-left: 1px !important;   margin-right: 1px !important } .m-2 {   margin: 2px } .mt-2 {   margin-top: 2px } .ml-2 {   margin-left: 2px } .mb-2 {   margin-bottom: 2px } .mr-2 {   margin-right: 2px } .my-2 {   margin-bottom: 2px;   margin-top: 2px } .mx-2 {   margin-left: 2px !important;   margin-right: 2px !important } .m-3 {   margin: 3px } .mt-3 {   margin-top: 3px } .ml-3 {   margin-left: 3px } .mb-3 {   margin-bottom: 3px } .mr-3 {   margin-right: 3px } .my-3 {   margin-bottom: 3px;   margin-top: 3px } .mx-3 {   margin-left: 3px !important;   margin-right: 3px !important } .m-4 {   margin: 4px } .mt-4 {   margin-top: 4px } .ml-4 {   margin-left: 4px } .mb-4 {   margin-bottom: 4px } .mr-4 {   margin-right: 4px } .my-4 {   margin-bottom: 4px;   margin-top: 4px } .mx-4 {   margin-left: 4px !important;   margin-right: 4px !important } .m-5 {   margin: 5px } .mt-5 {   margin-top: 5px } .ml-5 {   margin-left: 5px } .mb-5 {   margin-bottom: 5px } .mr-5 {   margin-right: 5px } .my-5 {   margin-bottom: 5px;   margin-top: 5px } .mx-5 {   margin-left: 5px !important;   margin-right: 5px !important } .m-6 {   margin: 6px } .mt-6 {   margin-top: 6px } .ml-6 {   margin-left: 6px } .mb-6 {   margin-bottom: 6px } .mr-6 {   margin-right: 6px } .my-6 {   margin-bottom: 6px;   margin-top: 6px } .mx-6 {   margin-left: 6px !important;   margin-right: 6px !important } .m-7 {   margin: 7px } .mt-7 {   margin-top: 7px } .ml-7 {   margin-left: 7px } .mb-7 {   margin-bottom: 7px } .mr-7 {   margin-right: 7px } .my-7 {   margin-bottom: 7px;   margin-top: 7px } .mx-7 {   margin-left: 7px !important;   margin-right: 7px !important } .m-8 {   margin: 8px } .mt-8 {   margin-top: 8px } .ml-8 {   margin-left: 8px } .mb-8 {   margin-bottom: 8px } .mr-8 {   margin-right: 8px } .my-8 {   margin-bottom: 8px;   margin-top: 8px } .mx-8 {   margin-left: 8px !important;   margin-right: 8px !important } .m-9 {   margin: 9px } .mt-9 {   margin-top: 9px } .ml-9 {   margin-left: 9px } .mb-9 {   margin-bottom: 9px } .mr-9 {   margin-right: 9px } .my-9 {   margin-bottom: 9px;   margin-top: 9px } .mx-9 {   margin-left: 9px !important;   margin-right: 9px !important } .m-10 {   margin: 10px } .mt-10 {   margin-top: 10px } .ml-10 {   margin-left: 10px } .mb-10 {   margin-bottom: 10px } .mr-10 {   margin-right: 10px } .my-10 {   margin-bottom: 10px;   margin-top: 10px } .mx-10 {   margin-left: 10px !important;   margin-right: 10px !important } .m-15 {   margin: 15px } .mt-15 {   margin-top: 15px } .ml-15 {   margin-left: 15px } .mb-15 {   margin-bottom: 15px } .mr-15 {   margin-right: 15px } .my-15 {   margin-bottom: 15px;   margin-top: 15px } .mx-15 {   margin-left: 15px !important;   margin-right: 15px !important } .m-20 {   margin: 20px } .mt-20 {   margin-top: 20px } .ml-20 {   margin-left: 20px } .mb-20 {   margin-bottom: 20px } .mr-20 {   margin-right: 20px } .my-20 {   margin-bottom: 20px;   margin-top: 20px } .mx-20 {   margin-left: 20px !important;   margin-right: 20px !important } .m-25 {   margin: 25px } .mt-25 {   margin-top: 25px } .ml-25 {   margin-left: 25px } .mb-25 {   margin-bottom: 25px } .mr-25 {   margin-right: 25px } .my-25 {   margin-bottom: 25px;   margin-top: 25px } .mx-25 {   margin-left: 25px !important;   margin-right: 25px !important } .m-30 {   margin: 30px } .mt-30 {   margin-top: 30px } .ml-30 {   margin-left: 30px } .mb-30 {   margin-bottom: 30px } .mr-30 {   margin-right: 30px } .my-30 {   margin-bottom: 30px;   margin-top: 30px } .mx-30 {   margin-left: 30px !important;   margin-right: 30px !important } .m-35 {   margin: 35px } .mt-35 {   margin-top: 35px } .ml-35 {   margin-left: 35px } .mb-35 {   margin-bottom: 35px } .mr-35 {   margin-right: 35px } .my-35 {   margin-bottom: 35px;   margin-top: 35px } .mx-35 {   margin-left: 35px !important;   margin-right: 35px !important } .m-40 {   margin: 40px } .mt-40 {   margin-top: 40px } .ml-40 {   margin-left: 40px } .mb-40 {   margin-bottom: 40px } .mr-40 {   margin-right: 40px } .my-40 {   margin-bottom: 40px;   margin-top: 40px } .mx-40 {   margin-left: 40px !important;   margin-right: 40px !important } .m-45 {   margin: 45px } .mt-45 {   margin-top: 45px } .ml-45 {   margin-left: 45px } .mb-45 {   margin-bottom: 45px } .mr-45 {   margin-right: 45px } .my-45 {   margin-bottom: 45px;   margin-top: 45px } .mx-45 {   margin-left: 45px !important;   margin-right: 45px !important } .m-50 {   margin: 50px } .mt-50 {   margin-top: 50px } .ml-50 {   margin-left: 50px } .mb-50 {   margin-bottom: 50px } .mr-50 {   margin-right: 50px } .my-50 {   margin-bottom: 50px;   margin-top: 50px } .mx-50 {   margin-left: 50px !important;   margin-right: 50px !important } .mt-\[-10px\] {   margin-top: -10px } .mx-auto {   margin-left: auto;   margin-right: auto } .my-auto {   margin-bottom: auto;   margin-top: auto } .mt-fc-0:first-child {   margin-top: 0 } .mb-fc-0:first-child {   margin-bottom: 0 } .mt-lc-0:last-child {   margin-top: 0 } .mb-lc-0:last-child {   margin-bottom: 0 } .mt-20:empty {   margin-top: 0 } @media(max-width:639px) {   .sm\:mt-nl-0:not(:last-child) {     margin-top: 0   }   .sm\:mt-20 {     margin-top: 20px   }   .sm\:mb-nl-20:not(:last-child) {     margin-bottom: 20px   } } .p-0 {   padding: 0 } .pt-0 {   padding-top: 0 } .pl-0 {   padding-left: 0 } .pb-0 {   padding-bottom: 0 } .pr-0 {   padding-right: 0 } .py-0 {   padding-bottom: 0;   padding-top: 0 } .px-0 {   padding-left: 0;   padding-right: 0 } .p-1 {   padding: 1px } .pt-1 {   padding-top: 1px } .pl-1 {   padding-left: 1px } .pb-1 {   padding-bottom: 1px } .pr-1 {   padding-right: 1px } .py-1 {   padding-bottom: 1px;   padding-top: 1px } .px-1 {   padding-left: 1px;   padding-right: 1px } .p-2 {   padding: 2px } .pt-2 {   padding-top: 2px } .pl-2 {   padding-left: 2px } .pb-2 {   padding-bottom: 2px } .pr-2 {   padding-right: 2px } .py-2 {   padding-bottom: 2px;   padding-top: 2px } .px-2 {   padding-left: 2px;   padding-right: 2px } .p-3 {   padding: 3px } .pt-3 {   padding-top: 3px } .pl-3 {   padding-left: 3px } .pb-3 {   padding-bottom: 3px } .pr-3 {   padding-right: 3px } .py-3 {   padding-bottom: 3px;   padding-top: 3px } .px-3 {   padding-left: 3px;   padding-right: 3px } .p-4 {   padding: 4px } .pt-4 {   padding-top: 4px } .pl-4 {   padding-left: 4px } .pb-4 {   padding-bottom: 4px } .pr-4 {   padding-right: 4px } .py-4 {   padding-bottom: 4px;   padding-top: 4px } .px-4 {   padding-left: 4px;   padding-right: 4px } .p-5 {   padding: 5px } .pt-5 {   padding-top: 5px } .pl-5 {   padding-left: 5px } .pb-5 {   padding-bottom: 5px } .pr-5 {   padding-right: 5px } .py-5 {   padding-bottom: 5px;   padding-top: 5px } .px-5 {   padding-left: 5px;   padding-right: 5px } .p-6 {   padding: 6px } .pt-6 {   padding-top: 6px } .pl-6 {   padding-left: 6px } .pb-6 {   padding-bottom: 6px } .pr-6 {   padding-right: 6px } .py-6 {   padding-bottom: 6px;   padding-top: 6px } .px-6 {   padding-left: 6px;   padding-right: 6px } .p-7 {   padding: 7px } .pt-7 {   padding-top: 7px } .pl-7 {   padding-left: 7px } .pb-7 {   padding-bottom: 7px } .pr-7 {   padding-right: 7px } .py-7 {   padding-bottom: 7px;   padding-top: 7px } .px-7 {   padding-left: 7px;   padding-right: 7px } .p-8 {   padding: 8px } .pt-8 {   padding-top: 8px } .pl-8 {   padding-left: 8px } .pb-8 {   padding-bottom: 8px } .pr-8 {   padding-right: 8px } .py-8 {   padding-bottom: 8px;   padding-top: 8px } .px-8 {   padding-left: 8px;   padding-right: 8px } .p-9 {   padding: 9px } .pt-9 {   padding-top: 9px } .pl-9 {   padding-left: 9px } .pb-9 {   padding-bottom: 9px } .pr-9 {   padding-right: 9px } .py-9 {   padding-bottom: 9px;   padding-top: 9px } .px-9 {   padding-left: 9px;   padding-right: 9px } .p-10 {   padding: 10px } .pt-10 {   padding-top: 10px } .pl-10 {   padding-left: 10px } .pb-10 {   padding-bottom: 10px } .pr-10 {   padding-right: 10px } .py-10 {   padding-bottom: 10px;   padding-top: 10px } .px-10 {   padding-left: 10px;   padding-right: 10px } .p-15 {   padding: 15px } .pt-15 {   padding-top: 15px } .pl-15 {   padding-left: 15px } .pb-15 {   padding-bottom: 15px } .pr-15 {   padding-right: 15px } .py-15 {   padding-bottom: 15px;   padding-top: 15px } .px-15 {   padding-left: 15px;   padding-right: 15px } .p-20 {   padding: 20px } .pt-20 {   padding-top: 20px } .pl-20 {   padding-left: 20px } .pb-20 {   padding-bottom: 20px } .pr-20 {   padding-right: 20px } .py-20 {   padding-bottom: 20px;   padding-top: 20px } .px-20 {   padding-left: 20px;   padding-right: 20px } .p-25 {   padding: 25px } .pt-25 {   padding-top: 25px } .pl-25 {   padding-left: 25px } .pb-25 {   padding-bottom: 25px } .pr-25 {   padding-right: 25px } .py-25 {   padding-bottom: 25px;   padding-top: 25px } .px-25 {   padding-left: 25px;   padding-right: 25px } .p-30 {   padding: 30px } .pt-30 {   padding-top: 30px } .pl-30 {   padding-left: 30px } .pb-30 {   padding-bottom: 30px } .pr-30 {   padding-right: 30px } .py-30 {   padding-bottom: 30px;   padding-top: 30px } .px-30 {   padding-left: 30px;   padding-right: 30px } .p-35 {   padding: 35px } .pt-35 {   padding-top: 35px } .pl-35 {   padding-left: 35px } .pb-35 {   padding-bottom: 35px } .pr-35 {   padding-right: 35px } .py-35 {   padding-bottom: 35px;   padding-top: 35px } .px-35 {   padding-left: 35px;   padding-right: 35px } .p-40 {   padding: 40px } .pt-40 {   padding-top: 40px } .pl-40 {   padding-left: 40px } .pb-40 {   padding-bottom: 40px } .pr-40 {   padding-right: 40px } .py-40 {   padding-bottom: 40px;   padding-top: 40px } .px-40 {   padding-left: 40px;   padding-right: 40px } .p-45 {   padding: 45px } .pt-45 {   padding-top: 45px } .pl-45 {   padding-left: 45px } .pb-45 {   padding-bottom: 45px } .pr-45 {   padding-right: 45px } .py-45 {   padding-bottom: 45px;   padding-top: 45px } .px-45 {   padding-left: 45px;   padding-right: 45px } .p-50 {   padding: 50px } .pt-50 {   padding-top: 50px } .pl-50 {   padding-left: 50px } .pb-50 {   padding-bottom: 50px } .pr-50 {   padding-right: 50px } .py-50 {   padding-bottom: 50px;   padding-top: 50px } .px-50 {   padding-left: 50px;   padding-right: 50px } .px-auto {   padding: 0 auto } .pl-20 {   padding-left: 20px !important } .py-auto {   padding: auto 0 } @media(max-width:1023px) {   .lg\:pb-0 {     padding-bottom: 0   } } @media(max-width:639px) {   .sm\:py-0 {     padding-bottom: 0;     padding-top: 0   }   .sm\:px-0 {     padding-left: 0;     padding-right: 0   }   .sm\:px-15 {     padding-left: 15px;     padding-right: 15px   } } .h-1 {   height: 1px } .h-2 {   height: 2px } .h-3 {   height: 3px } .h-4 {   height: 4px } .h-5 {   height: 5px } .h-6 {   height: 6px } .h-7 {   height: 7px } .h-8 {   height: 8px } .h-9 {   height: 9px } .h-10 {   height: 10px } .h-11 {   height: 11px } .h-12 {   height: 12px } .h-13 {   height: 13px } .h-14 {   height: 14px } .h-15 {   height: 15px } .h-16 {   height: 16px } .h-17 {   height: 17px } .h-18 {   height: 18px } .h-19 {   height: 19px } .h-20 {   height: 20px } .h-21 {   height: 21px } .h-22 {   height: 22px } .h-23 {   height: 23px } .h-24 {   height: 24px } .h-25 {   height: 25px } .h-26 {   height: 26px } .h-27 {   height: 27px } .h-28 {   height: 28px } .h-29 {   height: 29px } .h-30 {   height: 30px } .h-31 {   height: 31px } .h-32 {   height: 32px } .h-33 {   height: 33px } .h-34 {   height: 34px } .h-35 {   height: 35px } .h-36 {   height: 36px } .h-37 {   height: 37px } .h-38 {   height: 38px } .h-39 {   height: 39px } .h-40 {   height: 40px } .h-41 {   height: 41px } .h-42 {   height: 42px } .h-43 {   height: 43px } .h-44 {   height: 44px } .h-45 {   height: 45px } .h-46 {   height: 46px } .h-47 {   height: 47px } .h-48 {   height: 48px } .h-49 {   height: 49px } .h-50 {   height: 50px } .h-51 {   height: 51px } .h-52 {   height: 52px } .h-53 {   height: 53px } .h-54 {   height: 54px } .h-55 {   height: 55px } .h-56 {   height: 56px } .h-57 {   height: 57px } .h-58 {   height: 58px } .h-59 {   height: 59px } .h-60 {   height: 60px } .h-61 {   height: 61px } .h-62 {   height: 62px } .h-63 {   height: 63px } .h-64 {   height: 64px } .h-65 {   height: 65px } .h-66 {   height: 66px } .h-67 {   height: 67px } .h-68 {   height: 68px } .h-69 {   height: 69px } .h-70 {   height: 70px } .h-71 {   height: 71px } .h-72 {   height: 72px } .h-73 {   height: 73px } .h-74 {   height: 74px } .h-75 {   height: 75px } .h-76 {   height: 76px } .h-77 {   height: 77px } .h-78 {   height: 78px } .h-79 {   height: 79px } .h-80 {   height: 80px } .h-81 {   height: 81px } .h-82 {   height: 82px } .h-83 {   height: 83px } .h-84 {   height: 84px } .h-85 {   height: 85px } .h-86 {   height: 86px } .h-87 {   height: 87px } .h-88 {   height: 88px } .h-89 {   height: 89px } .h-90 {   height: 90px } .h-91 {   height: 91px } .h-92 {   height: 92px } .h-93 {   height: 93px } .h-94 {   height: 94px } .h-95 {   height: 95px } .h-96 {   height: 96px } .h-97 {   height: 97px } .h-98 {   height: 98px } .h-99 {   height: 99px } .h-full {   height: 100% } .swiper-wrapper {   height: auto !important } .w-full {   width: 100% } .max-w-300 {   max-width: 300px } .w-1 {   width: 1px } .w-2 {   width: 2px } .w-3 {   width: 3px } .w-4 {   width: 4px } .w-5 {   width: 5px } .w-6 {   width: 6px } .w-7 {   width: 7px } .w-8 {   width: 8px } .w-9 {   width: 9px } .w-10 {   width: 10px } .w-11 {   width: 11px } .w-12 {   width: 12px } .w-13 {   width: 13px } .w-14 {   width: 14px } .w-15 {   width: 15px } .w-16 {   width: 16px } .w-17 {   width: 17px } .w-18 {   width: 18px } .w-19 {   width: 19px } .w-20 {   width: 20px } .w-21 {   width: 21px } .w-22 {   width: 22px } .w-23 {   width: 23px } .w-24 {   width: 24px } .w-25 {   width: 25px } .w-26 {   width: 26px } .w-27 {   width: 27px } .w-28 {   width: 28px } .w-29 {   width: 29px } .w-30 {   width: 30px } .w-31 {   width: 31px } .w-32 {   width: 32px } .w-33 {   width: 33px } .w-34 {   width: 34px } .w-35 {   width: 35px } .w-36 {   width: 36px } .w-37 {   width: 37px } .w-38 {   width: 38px } .w-39 {   width: 39px } .w-40 {   width: 40px } .w-41 {   width: 41px } .w-42 {   width: 42px } .w-43 {   width: 43px } .w-44 {   width: 44px } .w-45 {   width: 45px } .w-46 {   width: 46px } .w-47 {   width: 47px } .w-48 {   width: 48px } .w-49 {   width: 49px } .w-50 {   width: 50px } .w-51 {   width: 51px } .w-52 {   width: 52px } .w-53 {   width: 53px } .w-54 {   width: 54px } .w-55 {   width: 55px } .w-56 {   width: 56px } .w-57 {   width: 57px } .w-58 {   width: 58px } .w-59 {   width: 59px } .w-60 {   width: 60px } .w-61 {   width: 61px } .w-62 {   width: 62px } .w-63 {   width: 63px } .w-64 {   width: 64px } .w-65 {   width: 65px } .w-66 {   width: 66px } .w-67 {   width: 67px } .w-68 {   width: 68px } .w-69 {   width: 69px } .w-70 {   width: 70px } .w-71 {   width: 71px } .w-72 {   width: 72px } .w-73 {   width: 73px } .w-74 {   width: 74px } .w-75 {   width: 75px } .w-76 {   width: 76px } .w-77 {   width: 77px } .w-78 {   width: 78px } .w-79 {   width: 79px } .w-80 {   width: 80px } .w-81 {   width: 81px } .w-82 {   width: 82px } .w-83 {   width: 83px } .w-84 {   width: 84px } .w-85 {   width: 85px } .w-86 {   width: 86px } .w-87 {   width: 87px } .w-88 {   width: 88px } .w-89 {   width: 89px } .w-90 {   width: 90px } .w-91 {   width: 91px } .w-92 {   width: 92px } .w-93 {   width: 93px } .w-94 {   width: 94px } .w-95 {   width: 95px } .w-96 {   width: 96px } .w-97 {   width: 97px } .w-98 {   width: 98px } .w-99 {   width: 99px } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {   border: 0;   font-size: 100%;   font: inherit;   margin: 0;   padding: 0 } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {   display: block } body {   line-height: 1 } ol, ul {   list-style: none } blockquote, q {   quotes: none }   blockquote:after,   blockquote:before,   q:after,   q:before {     content: "";     content: none   } * {   -webkit-box-sizing: border-box;   box-sizing: border-box;   list-style: none;   margin: 0;   padding: 0;   text-decoration: none } body {   overflow-x: hidden } table {   border-collapse: collapse;   border-spacing: 0 } .swiper-container .swiper-wrapper {   height: auto !important } .select-custom {   background: url(../images/caret-down.svg);   background-position-x: calc(100% - 5px);   background-position-y: 50%;   background-repeat: no-repeat;   background-size: 8px;   color: #5d5d5d;   padding-right: 20px !important } .overflow-hidden {   overflow: hidden } .border-0 {   border-width: 0 } .border-t-0 {   border-top-width: 0 } .border-r-0 {   border-right-width: 0 } .border-b-0 {   border-bottom-width: 0 } .border-l-0 {   border-left-width: 0 } .rounded-0 {   border-radius: 0 } .rounded-t-0 {   border-top-left-radius: 0;   border-top-right-radius: 0 } .rounded-r-0 {   border-top-right-radius: 0 } .rounded-b-0, .rounded-r-0 {   border-bottom-right-radius: 0 } .rounded-b-0, .rounded-l-0 {   border-bottom-left-radius: 0 } .rounded-l-0 {   border-top-left-radius: 0 } .border-1 {   border-width: 1px } .border-t-1 {   border-top-width: 1px } .border-r-1 {   border-right-width: 1px } .border-b-1 {   border-bottom-width: 1px } .border-l-1 {   border-left-width: 1px } .rounded-1 {   border-radius: 1px } .rounded-t-1 {   border-top-left-radius: 1px } .rounded-r-1, .rounded-t-1 {   border-top-right-radius: 1px } .rounded-b-1, .rounded-r-1 {   border-bottom-right-radius: 1px } .rounded-b-1, .rounded-l-1 {   border-bottom-left-radius: 1px } .rounded-l-1 {   border-top-left-radius: 1px } .border-2 {   border-width: 2px } .border-t-2 {   border-top-width: 2px } .border-r-2 {   border-right-width: 2px } .border-b-2 {   border-bottom-width: 2px } .border-l-2 {   border-left-width: 2px } .rounded-2 {   border-radius: 2px } .rounded-t-2 {   border-top-left-radius: 2px } .rounded-r-2, .rounded-t-2 {   border-top-right-radius: 2px } .rounded-b-2, .rounded-r-2 {   border-bottom-right-radius: 2px } .rounded-b-2, .rounded-l-2 {   border-bottom-left-radius: 2px } .rounded-l-2 {   border-top-left-radius: 2px } .border-3 {   border-width: 3px } .border-t-3 {   border-top-width: 3px } .border-r-3 {   border-right-width: 3px } .border-b-3 {   border-bottom-width: 3px } .border-l-3 {   border-left-width: 3px } .rounded-3 {   border-radius: 3px } .rounded-t-3 {   border-top-left-radius: 3px } .rounded-r-3, .rounded-t-3 {   border-top-right-radius: 3px } .rounded-b-3, .rounded-r-3 {   border-bottom-right-radius: 3px } .rounded-b-3, .rounded-l-3 {   border-bottom-left-radius: 3px } .rounded-l-3 {   border-top-left-radius: 3px } .border-4 {   border-width: 4px } .border-t-4 {   border-top-width: 4px } .border-r-4 {   border-right-width: 4px } .border-b-4 {   border-bottom-width: 4px } .border-l-4 {   border-left-width: 4px } .rounded-4 {   border-radius: 4px } .rounded-t-4 {   border-top-left-radius: 4px } .rounded-r-4, .rounded-t-4 {   border-top-right-radius: 4px } .rounded-b-4, .rounded-r-4 {   border-bottom-right-radius: 4px } .rounded-b-4, .rounded-l-4 {   border-bottom-left-radius: 4px } .rounded-l-4 {   border-top-left-radius: 4px } .border-5 {   border-width: 5px } .border-t-5 {   border-top-width: 5px } .border-r-5 {   border-right-width: 5px } .border-b-5 {   border-bottom-width: 5px } .border-l-5 {   border-left-width: 5px } .rounded-5 {   border-radius: 5px } .rounded-t-5 {   border-top-left-radius: 5px } .rounded-r-5, .rounded-t-5 {   border-top-right-radius: 5px } .rounded-b-5, .rounded-r-5 {   border-bottom-right-radius: 5px } .rounded-b-5, .rounded-l-5 {   border-bottom-left-radius: 5px } .rounded-l-5 {   border-top-left-radius: 5px } .border-6 {   border-width: 6px } .border-t-6 {   border-top-width: 6px } .border-r-6 {   border-right-width: 6px } .border-b-6 {   border-bottom-width: 6px } .border-l-6 {   border-left-width: 6px } .rounded-6 {   border-radius: 6px } .rounded-t-6 {   border-top-left-radius: 6px } .rounded-r-6, .rounded-t-6 {   border-top-right-radius: 6px } .rounded-b-6, .rounded-r-6 {   border-bottom-right-radius: 6px } .rounded-b-6, .rounded-l-6 {   border-bottom-left-radius: 6px } .rounded-l-6 {   border-top-left-radius: 6px } .border-7 {   border-width: 7px } .border-t-7 {   border-top-width: 7px } .border-r-7 {   border-right-width: 7px } .border-b-7 {   border-bottom-width: 7px } .border-l-7 {   border-left-width: 7px } .rounded-7 {   border-radius: 7px } .rounded-t-7 {   border-top-left-radius: 7px } .rounded-r-7, .rounded-t-7 {   border-top-right-radius: 7px } .rounded-b-7, .rounded-r-7 {   border-bottom-right-radius: 7px } .rounded-b-7, .rounded-l-7 {   border-bottom-left-radius: 7px } .rounded-l-7 {   border-top-left-radius: 7px } .border-8 {   border-width: 8px } .border-t-8 {   border-top-width: 8px } .border-r-8 {   border-right-width: 8px } .border-b-8 {   border-bottom-width: 8px } .border-l-8 {   border-left-width: 8px } .rounded-8 {   border-radius: 8px } .rounded-t-8 {   border-top-left-radius: 8px } .rounded-r-8, .rounded-t-8 {   border-top-right-radius: 8px } .rounded-b-8, .rounded-r-8 {   border-bottom-right-radius: 8px } .rounded-b-8, .rounded-l-8 {   border-bottom-left-radius: 8px } .rounded-l-8 {   border-top-left-radius: 8px } .border-9 {   border-width: 9px } .border-t-9 {   border-top-width: 9px } .border-r-9 {   border-right-width: 9px } .border-b-9 {   border-bottom-width: 9px } .border-l-9 {   border-left-width: 9px } .rounded-9 {   border-radius: 9px } .rounded-t-9 {   border-top-left-radius: 9px } .rounded-r-9, .rounded-t-9 {   border-top-right-radius: 9px } .rounded-b-9, .rounded-r-9 {   border-bottom-right-radius: 9px } .rounded-b-9, .rounded-l-9 {   border-bottom-left-radius: 9px } .rounded-l-9 {   border-top-left-radius: 9px } .border-10 {   border-width: 10px } .border-t-10 {   border-top-width: 10px } .border-r-10 {   border-right-width: 10px } .border-b-10 {   border-bottom-width: 10px } .border-l-10 {   border-left-width: 10px } .rounded-10 {   border-radius: 10px } .rounded-t-10 {   border-top-left-radius: 10px } .rounded-r-10, .rounded-t-10 {   border-top-right-radius: 10px } .rounded-b-10, .rounded-r-10 {   border-bottom-right-radius: 10px } .rounded-b-10, .rounded-l-10 {   border-bottom-left-radius: 10px } .rounded-l-10 {   border-top-left-radius: 10px } .border-15 {   border-width: 15px } .border-t-15 {   border-top-width: 15px } .border-r-15 {   border-right-width: 15px } .border-b-15 {   border-bottom-width: 15px } .border-l-15 {   border-left-width: 15px } .rounded-15 {   border-radius: 15px } .rounded-t-15 {   border-top-left-radius: 15px } .rounded-r-15, .rounded-t-15 {   border-top-right-radius: 15px } .rounded-b-15, .rounded-r-15 {   border-bottom-right-radius: 15px } .rounded-b-15, .rounded-l-15 {   border-bottom-left-radius: 15px } .rounded-l-15 {   border-top-left-radius: 15px } .border-20 {   border-width: 20px } .border-t-20 {   border-top-width: 20px } .border-r-20 {   border-right-width: 20px } .border-b-20 {   border-bottom-width: 20px } .border-l-20 {   border-left-width: 20px } .rounded-20 {   border-radius: 20px } .rounded-t-20 {   border-top-left-radius: 20px } .rounded-r-20, .rounded-t-20 {   border-top-right-radius: 20px } .rounded-b-20, .rounded-r-20 {   border-bottom-right-radius: 20px } .rounded-b-20, .rounded-l-20 {   border-bottom-left-radius: 20px } .rounded-l-20 {   border-top-left-radius: 20px } .border-25 {   border-width: 25px } .border-t-25 {   border-top-width: 25px } .border-r-25 {   border-right-width: 25px } .border-b-25 {   border-bottom-width: 25px } .border-l-25 {   border-left-width: 25px } .rounded-25 {   border-radius: 25px } .rounded-t-25 {   border-top-left-radius: 25px } .rounded-r-25, .rounded-t-25 {   border-top-right-radius: 25px } .rounded-b-25, .rounded-r-25 {   border-bottom-right-radius: 25px } .rounded-b-25, .rounded-l-25 {   border-bottom-left-radius: 25px } .rounded-l-25 {   border-top-left-radius: 25px } .border-30 {   border-width: 30px } .border-t-30 {   border-top-width: 30px } .border-r-30 {   border-right-width: 30px } .border-b-30 {   border-bottom-width: 30px } .border-l-30 {   border-left-width: 30px } .rounded-30 {   border-radius: 30px } .rounded-t-30 {   border-top-left-radius: 30px } .rounded-r-30, .rounded-t-30 {   border-top-right-radius: 30px } .rounded-b-30, .rounded-r-30 {   border-bottom-right-radius: 30px } .rounded-b-30, .rounded-l-30 {   border-bottom-left-radius: 30px } .rounded-l-30 {   border-top-left-radius: 30px } .border-35 {   border-width: 35px } .border-t-35 {   border-top-width: 35px } .border-r-35 {   border-right-width: 35px } .border-b-35 {   border-bottom-width: 35px } .border-l-35 {   border-left-width: 35px } .rounded-35 {   border-radius: 35px } .rounded-t-35 {   border-top-left-radius: 35px } .rounded-r-35, .rounded-t-35 {   border-top-right-radius: 35px } .rounded-b-35, .rounded-r-35 {   border-bottom-right-radius: 35px } .rounded-b-35, .rounded-l-35 {   border-bottom-left-radius: 35px } .rounded-l-35 {   border-top-left-radius: 35px } .border-40 {   border-width: 40px } .border-t-40 {   border-top-width: 40px } .border-r-40 {   border-right-width: 40px } .border-b-40 {   border-bottom-width: 40px } .border-l-40 {   border-left-width: 40px } .rounded-40 {   border-radius: 40px } .rounded-t-40 {   border-top-left-radius: 40px } .rounded-r-40, .rounded-t-40 {   border-top-right-radius: 40px } .rounded-b-40, .rounded-r-40 {   border-bottom-right-radius: 40px } .rounded-b-40, .rounded-l-40 {   border-bottom-left-radius: 40px } .rounded-l-40 {   border-top-left-radius: 40px } .border-45 {   border-width: 45px } .border-t-45 {   border-top-width: 45px } .border-r-45 {   border-right-width: 45px } .border-b-45 {   border-bottom-width: 45px } .border-l-45 {   border-left-width: 45px } .rounded-45 {   border-radius: 45px } .rounded-t-45 {   border-top-left-radius: 45px } .rounded-r-45, .rounded-t-45 {   border-top-right-radius: 45px } .rounded-b-45, .rounded-r-45 {   border-bottom-right-radius: 45px } .rounded-b-45, .rounded-l-45 {   border-bottom-left-radius: 45px } .rounded-l-45 {   border-top-left-radius: 45px } .border-50 {   border-width: 50px } .border-t-50 {   border-top-width: 50px } .border-r-50 {   border-right-width: 50px } .border-b-50 {   border-bottom-width: 50px } .border-l-50 {   border-left-width: 50px } .rounded-50 {   border-radius: 50px } .rounded-t-50 {   border-top-left-radius: 50px } .rounded-r-50, .rounded-t-50 {   border-top-right-radius: 50px } .rounded-b-50, .rounded-r-50 {   border-bottom-right-radius: 50px } .rounded-b-50, .rounded-l-50 {   border-bottom-left-radius: 50px } .rounded-l-50 {   border-top-left-radius: 50px } .border-\[\#ffffff00\] {   border-color: hsla(0, 0%, 100%, 0);   border-style: solid } .border-\[\#2d67ad\] {   border-color: #2d67ad;   border-style: solid } .border-\[\#2a2a2a\] {   border-color: #2a2a2a;   border-style: solid } .border-\[\#dddddd\] {   border-color: #ddd;   border-style: solid } .border-\[\#7d7d7d\] {   border-color: #7d7d7d;   border-style: solid } .border-\[\#676767\] {   border-color: #676767;   border-style: solid } .border-\[\#e2e2e2\] {   border-color: #e2e2e2;   border-style: solid } .border-\[\#a7a7a7\] {   border-color: #a7a7a7;   border-style: solid } .border-\[\#eeeeee\] {   border-color: #eee;   border-style: solid } .border-\[\#add2ff\] {   border-color: #add2ff;   border-style: solid } .border-\[\#bddbff\] {   border-color: #bddbff;   border-style: solid } .border-\[\#6f6f6f\] {   border-color: #6f6f6f;   border-style: solid } .border-\[\#e87326\] {   border-color: #e87326;   border-style: solid } .border-\[\#ffddc7\] {   border-color: #ffddc7;   border-style: solid } .border-\[\#e7e7e7\] {   border-color: #e7e7e7;   border-style: solid } .border-\[\#2c66ad\] {   border-color: #2c66ad;   border-style: solid } .border-\[\#5994da\] {   border-color: #5994da;   border-style: solid } .border-\[\#5d5d5d\] {   border-color: #5d5d5d;   border-style: solid } .border-\[\#f4f2f0\] {   border-color: #f4f2f0;   border-style: solid } .border-\[\#0a569d\] {   border-color: #0a569d;   border-style: solid } .border-\[\#ffffff\] {   border-color: #fff;   border-style: solid } .border-\[\#f2f2f2\] {   border-color: #f2f2f2;   border-style: solid } .border-\[\#ebebeb\] {   border-color: #ebebeb;   border-style: solid } .border-\[\#f6f6f6\] {   border-color: #f6f6f6;   border-style: solid } .border-none {   border: none } .outline-none {   outline: none } .bg-\[\#ffffff00\] {   background: hsla(0, 0%, 100%, 0) } .bg-\[\#2d67ad\] {   background: #2d67ad } .bg-\[\#2a2a2a\] {   background: #2a2a2a } .bg-\[\#dddddd\] {   background: #ddd } .bg-\[\#7d7d7d\] {   background: #7d7d7d } .bg-\[\#676767\] {   background: #676767 } .bg-\[\#e2e2e2\] {   background: #e2e2e2 } .bg-\[\#a7a7a7\] {   background: #a7a7a7 } .bg-\[\#eeeeee\] {   background: #eee } .bg-\[\#add2ff\] {   background: #add2ff } .bg-\[\#bddbff\] {   background: #bddbff } .bg-\[\#6f6f6f\] {   background: #6f6f6f } .bg-\[\#e87326\] {   background: #e87326 } .bg-\[\#ffddc7\] {   background: #ffddc7 } .bg-\[\#e7e7e7\] {   background: #e7e7e7 } .bg-\[\#2c66ad\] {   background: #2c66ad } .bg-\[\#5994da\] {   background: #5994da } .bg-\[\#5d5d5d\] {   background: #5d5d5d } .bg-\[\#f4f2f0\] {   background: #f4f2f0 } .bg-\[\#0a569d\] {   background: #0a569d } .bg-\[\#ffffff\] {   background: #fff } .bg-\[\#f2f2f2\] {   background: #f2f2f2 } .bg-\[\#ebebeb\] {   background: #ebebeb } .bg-\[\#f6f6f6\] {   background: #f6f6f6 } .bg-cover {   background-size: cover } .bg-contain {   background-size: contain } .bg-no-repeat {   background-repeat: no-repeat } .bg-white {   background: #fff } @media(max-width:1023px) {   .lg\:bg-white {     background: #fff   } } @-webkit-keyframes goTop {   0% {     opacity: 0;     position: relative;     top: 10px   }   to {     opacity: 1;     position: relative;     top: 0   } } @keyframes goTop {   0% {     opacity: 0;     position: relative;     top: 10px   }   to {     opacity: 1;     position: relative;     top: 0   } } @-webkit-keyframes goToTop {   0% {     opacity: 0;     -webkit-transform: translateY(10px);     transform: translateY(10px)   }   to {     opacity: 1;     -webkit-transform: translateY(0);     transform: translateY(0)   } } @keyframes goToTop {   0% {     opacity: 0;     -webkit-transform: translateY(10px);     transform: translateY(10px)   }   to {     opacity: 1;     -webkit-transform: translateY(0);     transform: translateY(0)   } } @media(max-width:640px) {   ::-webkit-scrollbar-track {     background-color: #e4e4e4   }   ::-webkit-scrollbar {     width: 5px   }   ::-webkit-scrollbar-thumb:hover {     background-color: #868686;     -webkit-transition: all 5s ease;     transition: all 5s ease   }   ::-webkit-scrollbar-thumb {     background-color: #c0bfbf   } } .custom-scroll::-webkit-scrollbar-track {   background-color: #b2bec3;   border: 1px solid #fff } .custom-scroll::-webkit-scrollbar {   background-color: #dfe6e9;   width: 3px } .custom-scroll::-webkit-scrollbar-thumb {   background-color: #c0bfbf } .text-10 {   font-size: 10px !important } .text-11 {   font-size: 11px !important } .text-12 {   font-size: 12px !important } .text-13 {   font-size: 13px !important } .text-14 {   font-size: 14px !important } .text-15 {   font-size: 15px !important } .text-16 {   font-size: 16px !important } .text-17 {   font-size: 17px !important } .text-18 {   font-size: 18px !important } .text-19 {   font-size: 19px !important } .text-20 {   font-size: 20px !important } .text-21 {   font-size: 21px !important } .text-22 {   font-size: 22px !important } .text-23 {   font-size: 23px !important } .text-24 {   font-size: 24px !important } .text-25 {   font-size: 25px !important } .text-26 {   font-size: 26px !important } .text-27 {   font-size: 27px !important } .text-28 {   font-size: 28px !important } .text-29 {   font-size: 29px !important } .text-30 {   font-size: 30px !important } .text-31 {   font-size: 31px !important } .text-32 {   font-size: 32px !important } .text-\[\#ffffff00\] {   color: hsla(0, 0%, 100%, 0) } .text-\[\#2d67ad\] {   color: #2d67ad } .text-\[\#2a2a2a\] {   color: #2a2a2a } .text-\[\#dddddd\] {   color: #ddd } .text-\[\#7d7d7d\] {   color: #7d7d7d } .text-\[\#676767\] {   color: #676767 } .text-\[\#e2e2e2\] {   color: #e2e2e2 } .text-\[\#a7a7a7\] {   color: #a7a7a7 } .text-\[\#eeeeee\] {   color: #eee } .text-\[\#add2ff\] {   color: #add2ff } .text-\[\#bddbff\] {   color: #bddbff } .text-\[\#6f6f6f\] {   color: #6f6f6f } .text-\[\#e87326\] {   color: #e87326 } .text-\[\#ffddc7\] {   color: #ffddc7 } .text-\[\#e7e7e7\] {   color: #e7e7e7 } .text-\[\#2c66ad\] {   color: #2c66ad } .text-\[\#5994da\] {   color: #5994da } .text-\[\#5d5d5d\] {   color: #5d5d5d } .text-\[\#f4f2f0\] {   color: #f4f2f0 } .text-\[\#0a569d\] {   color: #0a569d } .text-\[\#ffffff\] {   color: #fff } .text-\[\#f2f2f2\] {   color: #f2f2f2 } .text-\[\#ebebeb\] {   color: #ebebeb } .text-\[\#f6f6f6\] {   color: #f6f6f6 } .leading-10 {   line-height: 10px !important } .leading-11 {   line-height: 11px !important } .leading-12 {   line-height: 12px !important } .leading-13 {   line-height: 13px !important } .leading-14 {   line-height: 14px !important } .leading-15 {   line-height: 15px !important } .leading-16 {   line-height: 16px !important } .leading-17 {   line-height: 17px !important } .leading-18 {   line-height: 18px !important } .leading-19 {   line-height: 19px !important } .leading-20 {   line-height: 20px !important } .leading-21 {   line-height: 21px !important } .leading-22 {   line-height: 22px !important } .leading-23 {   line-height: 23px !important } .leading-24 {   line-height: 24px !important } .leading-25 {   line-height: 25px !important } .leading-26 {   line-height: 26px !important } .leading-27 {   line-height: 27px !important } .leading-28 {   line-height: 28px !important } .leading-29 {   line-height: 29px !important } .leading-30 {   line-height: 30px !important } .leading-31 {   line-height: 31px !important } .leading-32 {   line-height: 32px !important } .initial {   text-transform: none } .text-left {   text-align: left } .lowercase, .uppercase {   text-transform: uppercase !important } .no-underline {   text-decoration: none !important } .underline {   text-decoration: underline !important } .text-center {   text-align: center !important } .text-white {   color: #fff } .text-primary {   color: #ce4c4f } .text-secondary {   color: #b8292d } .text-arial {   font-family: Arial } .text-notosans-bold {   font-family: notosans-bold } .text-notosans-regular {   font-family: notosans-regular } .font-bold {   font-family: notosans-bold } @media(max-width:639px) {   .font-bold {     font-family: arial;     font-weight: 700   } } .relative {   position: relative } .absolute {   position: absolute } .sticky {   position: sticky } .top-65 {   top: 65px } .left-1\/2, .top-1\/2 {   top: 50% } .-transformY-1\/2 {   -webkit-transform: translateY(-50%);   transform: translateY(-50%) } .-transformX-1\/2 {   -webkit-transform: translateX(-50%);   transform: translateX(-50%) } .yhy-append-wrap {   display: none !important } @media (-ms-high-contrast:active), (-ms-high-contrast:none) {   * {     font-family: arial !important   } } @font-face {   font-display: swap;   font-family: notosans-bold;   src: url(https://static.vnncdn.net/v1/fonts/NotoSans-Bold.woff2) format("embedded-opentype"), url(https://static.vnncdn.net/v1/fonts/NotoSans-Bold.woff2) format("truetype") } @font-face {   font-display: swap;   font-family: notosans-regular;   src: url(https://static.vnncdn.net/v1/fonts/NotoSans-Regular.woff2) format("embedded-opentype"), url(https://static.vnncdn.net/v1/fonts/NotoSans-Regular.woff2) format("truetype") } @font-face {   font-display: swap;   font-family: notosans-italic;   src: url(https://static.vnncdn.net/v1/fonts/NotoSans-Italic.woff2) format("embedded-opentype"), url(https://static.vnncdn.net/v1/fonts/NotoSans-Italic.woff2) format("truetype") } @font-face {   font-display: swap;   font-family: notosans-medium;   src: url(https://static.vnncdn.net/v1/fonts/NotoSans-Medium.woff2) format("embedded-opentype"), url(https://static.vnncdn.net/v1/fonts/NotoSans-Medium.woff2) format("truetype") } @font-face {   font-display: swap;   font-family: merriweather-bold;   src: url(https://static.vnncdn.net/v1/fonts/merriweather-bold.ttf) format("embedded-opentype"), url(https://static.vnncdn.net/v1/fonts/merriweather-bold.ttf) format("truetype") } @font-face {   font-display: swap;   font-family: merriweather-regular;   src: url(https://static.vnncdn.net/v1/fonts/merriweather-regular.ttf) format("embedded-opentype"), url(https://static.vnncdn.net/v1/fonts/merriweather-regular.ttf) format("truetype") } @font-face {   font-family: google-regular;   src: url(https://static.vnncdn.net/v1/fonts/GoogleSans-Regular_0.ttf) format("embedded-opentype"), url(https://static.vnncdn.net/v1/fonts/GoogleSans-Regular_0.ttf) format("truetype") } @font-face {   font-family: google-medium;   src: url(https://static.vnncdn.net/v1/fonts/GoogleSans-Medium.ttf) format("embedded-opentype"), url(https://static.vnncdn.net/v1/fonts/GoogleSans-Medium.ttf) format("truetype") } @font-face {   font-family: google-bold;   src: url(https://static.vnncdn.net/v1/fonts/GoogleSans-Bold.ttf) format("embedded-opentype"), url(https://static.vnncdn.net/v1/fonts/GoogleSans-Bold.ttf) format("truetype") } @font-face {   font-family: montserrat-medium;   src: url(https://static.vnncdn.net/v1/fonts/Montserrat-Medium.TTF) format("embedded-opentype"), url(https://static.vnncdn.net/v1/fonts/Montserrat-Medium.TTF) format("truetype") } @font-face {   font-family: montserrat-bold;   src: url(https://static.vnncdn.net/v1/fonts/Montserrat-Bold.ttf) format("embedded-opentype"), url(https://static.vnncdn.net/v1/fonts/Montserrat-Bold.ttf) format("truetype") } @font-face {   font-family: montserrat-regular;   src: url(https://static.vnncdn.net/v1/fonts/Montserrat-Regular.ttf) format("embedded-opentype"), url(https://static.vnncdn.net/v1/fonts/Montserrat-Regular.ttf) format("truetype") } @font-face {   font-family: cabin;   src: url(https://static.vnncdn.net/v1/fonts/Cabin-VariableFont_wdth,wght.ttf) format("embedded-opentype"), url(https://static.vnncdn.net/v1/fonts/Cabin-VariableFont_wdth,wght.ttf) format("truetype") } @font-face {   font-family: MTD;   src: url(https://static.vnncdn.net/v1/fonts/MTD%20JV%20Signature%20Regular.ttf) format("embedded-opentype"), url(https://static.vnncdn.net/v1/fonts/MTD%20JV%20Signature%20Regular.ttf) format("truetype") } @font-face {   font-family: roboto-bold;   src: url(https://static.vnncdn.net/v1/fonts/RobotoSerif_120pt_Condensed-Medium.ttf) format("embedded-opentype"), url(https://static.vnncdn.net/v1/fonts/RobotoSerif_120pt_Condensed-Medium.ttf) format("truetype") } @font-face {   font-family: roboto-bold-italic;   src: url(https://static.vnncdn.net/v1/fonts/RobotoSerif_120pt_Condensed-MediumItalic.ttf) format("embedded-opentype"), url(https://static.vnncdn.net/v1/fonts/RobotoSerif_120pt_Condensed-MediumItalic.ttf) format("truetype") } @font-face {   font-display: swap;   font-family: play-bold;   src: url(https://static.vnncdn.net/v1/fonts/Play-Bold.ttf) format("embedded-opentype"), url(https://static.vnncdn.net/v1/fonts/Play-Bold.ttf) format("truetype") } @font-face {   font-display: swap;   font-family: play-regular;   src: url(https://static.vnncdn.net/v1/fonts/Play-Regular.ttf) format("embedded-opentype"), url(https://static.vnncdn.net/v1/fonts/Play-Regular.ttf) format("truetype") } .arial, .arial-bold {   font-family: arial } .arial-bold {   font-weight: 600 } .notosans-bold {   font-family: notosans-bold } .notosans-medium {   font-family: notosans-medium } .notosans-italic {   font-family: notosans-italic } .desktop\:notosans-regular, .notosans-regular {   font-family: notosans-regular } @media(max-width:767px) {   .desktop\:notosans-regular {     font-family: arial   } } .sknb-2024__desktop-version {   height: 100vh;   width: 100vw } @media(max-width:1023px) {   .sknb-2024__desktop-version {     display: none   } } .sknb-2024__desktop-version__bgvideo video {   bottom: 0;   height: 100%;   left: 0;   -o-object-fit: cover;   object-fit: cover;   position: fixed;   right: 0;   width: 100%;   z-index: -2 } .sknb-2024__desktop-version__content-wrapper {   -ms-grid-columns: 1fr 60px 55%;   grid-gap: 60px;   display: -ms-grid;   display: grid;   gap: 60px;   grid-template-columns: 1fr 55%;   height: 100vh } @media(max-width:1500px) {   .sknb-2024__desktop-version__content-wrapper {     gap: 30px   } } .sknb-2024__desktop-version__content-wrapper .content-wrapper__title {   padding-left: 10%;   padding-top: 5%;   position: relative;   z-index: 99 }   .sknb-2024__desktop-version__content-wrapper .content-wrapper__title .haui-logo {     display: block;     margin-bottom: 30px;     margin-top: 15%;     width: 35%   }     .sknb-2024__desktop-version__content-wrapper .content-wrapper__title .haui-logo img {       width: 100%     } @media(max-width:1500px) {   .sknb-2024__desktop-version__content-wrapper .content-wrapper__title .haui-logo {     margin-bottom: 25px   } } .sknb-2024__desktop-version__content-wrapper .content-wrapper__title .title-text {   margin-bottom: 30px;   width: 100% }   .sknb-2024__desktop-version__content-wrapper .content-wrapper__title .title-text img {     width: 100%   } @media(max-width:1500px) {   .sknb-2024__desktop-version__content-wrapper .content-wrapper__title .title-text {     margin-bottom: 25px   } } .sknb-2024__desktop-version__content-wrapper .content-wrapper__title .main-year {   width: 80% }   .sknb-2024__desktop-version__content-wrapper .content-wrapper__title .main-year img {     width: 100%   } .sknb-2024__desktop-version__content-wrapper .content-wrapper__list-events {   -ms-grid-columns: 1fr 73px;   display: -ms-grid;   display: grid;   grid-template-columns: 1fr 73px;   position: relative } .sknb-2024__desktop-version__content-wrapper .content-wrapper__list-events__event-avatar-background {   -webkit-box-orient: vertical;   -webkit-box-direction: normal;   -webkit-box-pack: center;   -ms-flex-pack: center;   bottom: 0;   display: -webkit-box;   display: -ms-flexbox;   display: flex;   -ms-flex-direction: column;   flex-direction: column;   justify-content: center;   position: absolute;   right: -10%;   text-align: right;   top: 0;   z-index: -1 }   .sknb-2024__desktop-version__content-wrapper .content-wrapper__list-events__event-avatar-background img {     -webkit-box-shadow: inset 0 0 80px 10px;     box-shadow: inset 0 0 80px 10px;     height: 100%;     -webkit-mask-image: -webkit-gradient(linear, right top, left top, from(#000), to(transparent));     -webkit-mask-image: linear-gradient(270deg, #000, transparent);     mask-image: -webkit-gradient(linear, right top, left top, from(#000), to(transparent));     mask-image: linear-gradient(270deg, #000, transparent);     -o-object-fit: cover;     object-fit: cover;     opacity: .3;     width: 100%   } .sknb-2024__desktop-version__content-wrapper .content-wrapper__list-events__vertical-slide {   height: 100vh;   overflow-y: hidden;   width: 90% } @media(max-width:1300px) {   .sknb-2024__desktop-version__content-wrapper .content-wrapper__list-events__vertical-slide {     width: 100%   } } .sknb-2024__desktop-version__content-wrapper .content-wrapper__list-events__vertical-slide .swiper-wrapper {   -webkit-box-orient: vertical;   -webkit-box-direction: normal;   -ms-flex-direction: column;   flex-direction: column }   .sknb-2024__desktop-version__content-wrapper .content-wrapper__list-events__vertical-slide .swiper-wrapper .swiper-slide .event-item {     -webkit-transform: scale(.8) translateX(10%);     transform: scale(.8) translateX(10%);     -webkit-transition: 1s;     transition: 1s   }   .sknb-2024__desktop-version__content-wrapper .content-wrapper__list-events__vertical-slide .swiper-wrapper .swiper-slide-zoom .event-item {     -webkit-transform: scale(1);     transform: scale(1);     -webkit-transition: 1s;     transition: 1s   }     .sknb-2024__desktop-version__content-wrapper .content-wrapper__list-events__vertical-slide .swiper-wrapper .swiper-slide-zoom .event-item .event-desktop-item__avatar img {       -webkit-mask-image: initial;       mask-image: none     }     .sknb-2024__desktop-version__content-wrapper .content-wrapper__list-events__vertical-slide .swiper-wrapper .swiper-slide-zoom .event-item .event-desktop-item__event-infor {       opacity: 1 !important;       -webkit-transition: 1s;       transition: 1s     } .sknb-2024__desktop-version .event-item .event-desktop-item {   -ms-grid-columns: 35% 40px auto;   -webkit-box-align: center;   -ms-flex-align: center;   grid-gap: 40px;   align-items: center;   color: #fff;   display: -ms-grid;   display: grid;   gap: 40px;   grid-template-columns: 35% auto;   padding-left: 10px } @media(max-width:1500px) {   .sknb-2024__desktop-version .event-item .event-desktop-item {     gap: 30px   } } @media(max-width:1300px) {   .sknb-2024__desktop-version .event-item .event-desktop-item {     gap: 20px   } } .sknb-2024__desktop-version .event-item .event-desktop-item__avatar {   border-radius: 50%;   -webkit-box-shadow: 0 0 8px 2px #7fe1ff;   box-shadow: 0 0 8px 2px #7fe1ff;   -webkit-box-sizing: border-box;   box-sizing: border-box;   margin-bottom: 10px;   margin-top: 10px;   padding-bottom: 100%;   position: relative }   .sknb-2024__desktop-version .event-item .event-desktop-item__avatar img {     background-color: #ddd;     border-radius: 50%;     bottom: 0;     -webkit-box-sizing: border-box;     box-sizing: border-box;     height: 100%;     left: 0;     -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));     -webkit-mask-image: linear-gradient(180deg, #000, transparent);     mask-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));     mask-image: linear-gradient(180deg, #000, transparent);     -o-object-fit: cover;     object-fit: cover;     position: absolute;     right: 0;     top: 0;     width: 100%   } .sknb-2024__desktop-version .event-item .event-desktop-item__event-infor {   opacity: 0;   -webkit-transition: 1s;   transition: 1s }   .sknb-2024__desktop-version .event-item .event-desktop-item__event-infor .event-infor__number {     border-bottom: 2px solid #fff;     font-family: play-bold;     font-size: 70px;     margin-bottom: 24px;     padding-bottom: 24px   } @media(max-width:1500px) {   .sknb-2024__desktop-version .event-item .event-desktop-item__event-infor .event-infor__number {     font-size: 50px;     margin-bottom: 20px;     padding-bottom: 20px   } } .sknb-2024__desktop-version .event-item .event-desktop-item__event-infor .event-infor__title {   font-family: play-regular;   font-size: 26px;   line-height: 32px } @media(max-width:1500px) {   .sknb-2024__desktop-version .event-item .event-desktop-item__event-infor .event-infor__title {     font-size: 16px;     line-height: 22px   } } .sknb-2024__desktop-version .circle-container {   bottom: 0;   height: 100vh;   left: 0;   margin: auto;   max-width: 100vw;   overflow: hidden;   position: absolute;   right: 0;   top: 0 } .sknb-2024__desktop-version .event-avatar-background {   bottom: 0;   height: 100%;   -webkit-mask-image: -webkit-gradient(linear, right top, left top, from(#000), to(transparent));   -webkit-mask-image: linear-gradient(270deg, #000, transparent);   mask-image: -webkit-gradient(linear, right top, left top, from(#000), to(transparent));   mask-image: linear-gradient(270deg, #000, transparent);   position: absolute;   right: 0;   top: 0;   width: 40%;   z-index: -1 }   .sknb-2024__desktop-version .event-avatar-background img {     height: 100%;     -o-object-fit: cover;     object-fit: cover;     opacity: .4;     width: 100%   } .sknb-2024__desktop-version .circle-wrapper {   height: 100%;   margin-left: 50%;   position: relative;   width: 100% } @media(max-width:1500px) {   .sknb-2024__desktop-version .circle-wrapper {     margin-left: 55%   } } @media(max-width:1300px) {   .sknb-2024__desktop-version .circle-wrapper {     margin-left: 55%   } } .sknb-2024__desktop-version .item {   cursor: pointer;   height: 200px;   width: 30%;   z-index: 1 } @media(max-width:1500px) {   .sknb-2024__desktop-version .item {     height: 150px;     width: 35%   } } .sknb-2024__desktop-version .item .event-item .event-desktop-item {   -ms-grid-columns: 35% 40px auto;   -webkit-box-align: center;   -ms-flex-align: center;   grid-gap: 40px;   align-items: center;   color: #fff;   display: -ms-grid;   display: grid;   gap: 40px;   grid-template-columns: 35% auto;   padding-left: 10px } @media(max-width:1500px) {   .sknb-2024__desktop-version .item .event-item .event-desktop-item {     gap: 30px   } } @media(max-width:1300px) {   .sknb-2024__desktop-version .item .event-item .event-desktop-item {     gap: 20px   } } .sknb-2024__desktop-version .item .event-item .event-desktop-item__avatar {   border-radius: 50%;   -webkit-box-shadow: 0 0 8px 2px #7fe1ff;   box-shadow: 0 0 8px 2px #7fe1ff;   -webkit-box-sizing: border-box;   box-sizing: border-box;   margin-bottom: 10px;   margin-top: 10px;   padding-bottom: 100%;   position: relative }   .sknb-2024__desktop-version .item .event-item .event-desktop-item__avatar img {     background-color: #ddd;     border-radius: 50%;     bottom: 0;     -webkit-box-sizing: border-box;     box-sizing: border-box;     height: 100%;     left: 0;     -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));     -webkit-mask-image: linear-gradient(180deg, #000, transparent);     mask-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));     mask-image: linear-gradient(180deg, #000, transparent);     -o-object-fit: cover;     object-fit: cover;     position: absolute;     right: 0;     top: 0;     width: 100%   } .sknb-2024__desktop-version .item .event-item .event-desktop-item__event-infor {   opacity: 0;   -webkit-transition: 1s;   transition: 1s }   .sknb-2024__desktop-version .item .event-item .event-desktop-item__event-infor .event-infor__number {     border-bottom: 2px solid #fff;     font-family: play-bold;     font-size: 70px;     margin-bottom: 24px;     padding-bottom: 24px   } @media(max-width:1500px) {   .sknb-2024__desktop-version .item .event-item .event-desktop-item__event-infor .event-infor__number {     font-size: 50px;     margin-bottom: 20px;     padding-bottom: 20px   } } .sknb-2024__desktop-version .item .event-item .event-desktop-item__event-infor .event-infor__title {   font-family: play-regular;   font-size: 22px;   line-height: 28px } @media(max-width:1500px) {   .sknb-2024__desktop-version .item .event-item .event-desktop-item__event-infor .event-infor__title {     font-size: 16px;     line-height: 22px   } } .sknb-2024__desktop-version .item.active .event-item {   -webkit-transform: scale(1.5);   transform: scale(1.5);   -webkit-transition: 1s;   transition: 1s }   .sknb-2024__desktop-version .item.active .event-item .event-desktop-item__avatar img {     -webkit-mask-image: initial;     mask-image: none   }   .sknb-2024__desktop-version .item.active .event-item .event-desktop-item__event-infor {     opacity: 1 !important;     -webkit-transition: 1s;     transition: 1s   } .sknb-2024__desktop-version svg {   height: 1300px;   left: 50%;   overflow: visible;   position: absolute;   top: 50%;   -webkit-transform: translate(-50%, -50%);   transform: translate(-50%, -50%);   width: 1300px;   z-index: -1 } @media(max-width:1500px) {   .sknb-2024__desktop-version svg {     height: 1000px;     width: 1000px   } } .sknb-2024__desktop-version .st0 {   fill: none;   stroke-width: 2;   stroke-miterlimit: 1 } .sknb-2024__desktop-version .start {   position: absolute;   right: -30px;   top: 50% } .sknb-2024__desktop-version .navigation-btn-group-wrapper {   position: relative } .sknb-2024__desktop-version .navigation-btn-group {   -webkit-box-orient: vertical;   -webkit-box-direction: normal;   -webkit-box-pack: center;   -ms-flex-pack: center;   -webkit-box-align: center;   -ms-flex-align: center;   align-items: center;   border: 1px solid #fff;   border-radius: 35px;   display: -webkit-box;   display: -ms-flexbox;   display: flex;   -ms-flex-direction: column;   flex-direction: column;   gap: 20px;   justify-content: center;   margin-right: 30px;   padding: 3px;   position: absolute;   right: 0;   top: 50%;   -webkit-transform: translateY(-50%);   transform: translateY(-50%) } @media(max-width:1500px) {   .sknb-2024__desktop-version .navigation-btn-group {     border-radius: 25px;     margin-right: 20px   } } .sknb-2024__desktop-version .navigation-btn-group .btn-navigation {   background-image: url(../images/navigation-icon.png);   background-position: 50%;   background-repeat: no-repeat;   background-size: cover;   border-radius: 50%;   cursor: pointer;   height: 35px;   width: 35px } @media(max-width:1500px) {   .sknb-2024__desktop-version .navigation-btn-group .btn-navigation {     height: 25px;     width: 25px   } } .sknb-2024__desktop-version .navigation-btn-group .btn-navigation#prev {   -webkit-transform: rotate(180deg);   transform: rotate(180deg) }   .sknb-2024__desktop-version .navigation-btn-group .btn-navigation#prev:hover {     -webkit-transform: rotate(0deg);     transform: rotate(0deg)   } .sknb-2024__desktop-version .navigation-btn-group .btn-navigation#next:hover {   -webkit-transform: rotate(180deg);   transform: rotate(180deg) } .sknb-2024__desktop-version .navigation-btn-group .btn-navigation:hover {   background-image: url(../images/navigation-icon-hover.png) } .sknb-2024__mobile-version {   display: none } @media(max-width:1023px) {   .sknb-2024__mobile-version {     display: block   } } .sknb-2024__mobile-version__content-wrapper {   background-image: url(../images/sknb-2024-mobile-background.jpg);   background-position: top;   background-repeat: no-repeat;   background-size: cover;   gap: 24px;   height: 100vh;   overflow-x: hidden;   width: 100vw }   .sknb-2024__mobile-version__content-wrapper,   .sknb-2024__mobile-version__content-wrapper .content-wrapper__title {     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     -webkit-box-pack: center;     -ms-flex-pack: center;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -ms-flex-direction: column;     flex-direction: column;     justify-content: center   }     .sknb-2024__mobile-version__content-wrapper .content-wrapper__title {       -webkit-box-align: center;       -ms-flex-align: center;       align-items: center;       gap: 16px;       text-align: center;       width: 100%     } @media(max-width:1023px) {   .sknb-2024__mobile-version__content-wrapper .content-wrapper__title {     margin-top: 5%   } } .sknb-2024__mobile-version__content-wrapper .content-wrapper__title img {   width: 100% } .sknb-2024__mobile-version__content-wrapper .content-wrapper__title .haui-logo {   display: block;   width: 15% } @media(max-width:640px) {   .sknb-2024__mobile-version__content-wrapper .content-wrapper__title .haui-logo {     margin-top: 0;     width: 25%   } } @media(max-width:450px) {   .sknb-2024__mobile-version__content-wrapper .content-wrapper__title .haui-logo {     width: 20%   } } .sknb-2024__mobile-version__content-wrapper .content-wrapper__title .title-text {   width: 50% } @media(max-width:640px) {   .sknb-2024__mobile-version__content-wrapper .content-wrapper__title .title-text {     width: 70%   } } @media(max-width:450px) {   .sknb-2024__mobile-version__content-wrapper .content-wrapper__title .title-text {     width: 80%   } } .sknb-2024__mobile-version__content-wrapper .content-wrapper__title .main-year {   width: 30% } @media(max-width:640px) {   .sknb-2024__mobile-version__content-wrapper .content-wrapper__title .main-year {     width: 35%   } } @media(max-width:450px) {   .sknb-2024__mobile-version__content-wrapper .content-wrapper__title .main-year {     width: 50%   } } .sknb-2024__mobile-version__content-wrapper .content-wrapper__list-events {   margin-top: 8%;   position: relative } @media(max-width:390px) {   .sknb-2024__mobile-version__content-wrapper .content-wrapper__list-events {     margin-top: 10%   } } .sknb-2024__mobile-version__content-wrapper .content-wrapper__list-events__event-avatar-background {   background: #ddd;   background-position: top;   background-repeat: no-repeat;   bottom: 0;   left: 0;   -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(#000), to(transparent));   -webkit-mask-image: linear-gradient(0deg, transparent, #000, transparent);   mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(#000), to(transparent));   mask-image: linear-gradient(0deg, transparent, #000, transparent);   opacity: .2;   overflow: hidden;   position: absolute;   right: 0;   top: 10% }   .sknb-2024__mobile-version__content-wrapper .content-wrapper__list-events__event-avatar-background img {     height: 100%;     -o-object-fit: cover;     object-fit: cover;     width: 100%   } .sknb-2024__mobile-version__content-wrapper .content-wrapper__list-events__horizontal-slide {   margin-left: auto;   margin-right: auto;   overflow: visible;   padding-bottom: 40px;   text-align: center;   width: 60% } @media(max-width:640px) {   .sknb-2024__mobile-version__content-wrapper .content-wrapper__list-events__horizontal-slide {     width: 70%   } } .sknb-2024__mobile-version__content-wrapper .content-wrapper__list-events__horizontal-slide .event-mobile-item {   color: #fff } .sknb-2024__mobile-version__content-wrapper .content-wrapper__list-events__horizontal-slide .event-mobile-item__avatar {   border-radius: 50%;   -webkit-box-sizing: border-box;   box-sizing: border-box;   margin-bottom: 16px;   margin-left: auto;   margin-right: auto;   padding: 8px 8px 65%;   position: relative;   width: 65% } @media(max-width:860px) {   .sknb-2024__mobile-version__content-wrapper .content-wrapper__list-events__horizontal-slide .event-mobile-item__avatar {     padding-bottom: 90%;     width: 90%   } } @media(max-width:450px) {   .sknb-2024__mobile-version__content-wrapper .content-wrapper__list-events__horizontal-slide .event-mobile-item__avatar {     padding-bottom: 100%;     width: 100%   } } .sknb-2024__mobile-version__content-wrapper .content-wrapper__list-events__horizontal-slide .event-mobile-item__avatar img {   background-color: #ddd;   border-radius: 50%;   bottom: 0;   -webkit-box-shadow: 0 0 8px 2px #7fe1ff;   box-shadow: 0 0 8px 2px #7fe1ff;   height: 100%;   left: 0;   -o-object-fit: cover;   object-fit: cover;   position: absolute;   right: 0;   top: 0;   width: 100% } .sknb-2024__mobile-version__content-wrapper .content-wrapper__list-events__horizontal-slide .event-mobile-item__event-infor {   margin-left: auto;   margin-right: auto;   width: 100% }   .sknb-2024__mobile-version__content-wrapper .content-wrapper__list-events__horizontal-slide .event-mobile-item__event-infor .event-infor__number {     border-bottom: 2px solid #fff;     font-family: play-bold;     font-size: 30px;     margin-bottom: 16px;     opacity: 0;     padding-bottom: 16px;     text-align: left;     -webkit-transition: 1s;     transition: 1s   }   .sknb-2024__mobile-version__content-wrapper .content-wrapper__list-events__horizontal-slide .event-mobile-item__event-infor .event-infor__title {     font-family: play-regular;     font-size: 20px;     line-height: 24px;     opacity: 0;     text-align: left;     -webkit-transition: 1s;     transition: 1s   } .sknb-2024__mobile-version__content-wrapper .content-wrapper__list-events__horizontal-slide .swiper-slide {   -webkit-transform: translateY(10%) scale(.8);   transform: translateY(10%) scale(.8);   -webkit-transition: 1s;   transition: 1s } .sknb-2024__mobile-version__content-wrapper .content-wrapper__list-events__horizontal-slide .swiper-slide-active {   -webkit-transform: scale(1);   transform: scale(1);   -webkit-transition: 1s;   transition: 1s }   .sknb-2024__mobile-version__content-wrapper .content-wrapper__list-events__horizontal-slide .swiper-slide-active .event-infor__number,   .sknb-2024__mobile-version__content-wrapper .content-wrapper__list-events__horizontal-slide .swiper-slide-active .event-infor__title {     opacity: 1;     -webkit-transition: 1s;     transition: 1s   } .sknb-2024__mobile-version__content-wrapper .content-wrapper__list-events__horizontal-slide .horizontal-slide__slide-navigation {   -webkit-box-pack: center;   -ms-flex-pack: center;   -webkit-box-align: center;   -ms-flex-align: center;   align-items: center;   border: 1px solid #fff;   border-radius: 35px;   display: -webkit-inline-box;   display: -ms-inline-flexbox;   display: inline-flex;   gap: 16px;   justify-content: center;   margin-left: auto;   margin-right: auto;   margin-top: 24px;   padding: 3px }   .sknb-2024__mobile-version__content-wrapper .content-wrapper__list-events__horizontal-slide .horizontal-slide__slide-navigation .btn-navigation {     background-image: url(../images/navigation-icon.png);     background-position: 50%;     background-repeat: no-repeat;     background-size: cover;     border-radius: 50%;     cursor: pointer;     height: 30px;     width: 30px   }     .sknb-2024__mobile-version__content-wrapper .content-wrapper__list-events__horizontal-slide .horizontal-slide__slide-navigation .btn-navigation.btn-navigation-prev {       -webkit-transform: rotate(90deg);       transform: rotate(90deg)     }       .sknb-2024__mobile-version__content-wrapper .content-wrapper__list-events__horizontal-slide .horizontal-slide__slide-navigation .btn-navigation.btn-navigation-prev:hover {         -webkit-transform: rotate(-90deg);         transform: rotate(-90deg)       }     .sknb-2024__mobile-version__content-wrapper .content-wrapper__list-events__horizontal-slide .horizontal-slide__slide-navigation .btn-navigation.btn-navigation-next {       -webkit-transform: rotate(-90deg);       transform: rotate(-90deg)     }       .sknb-2024__mobile-version__content-wrapper .content-wrapper__list-events__horizontal-slide .horizontal-slide__slide-navigation .btn-navigation.btn-navigation-next:hover {         -webkit-transform: rotate(90deg);         transform: rotate(90deg)       }     .sknb-2024__mobile-version__content-wrapper .content-wrapper__list-events__horizontal-slide .horizontal-slide__slide-navigation .btn-navigation:hover {       background-image: url(../images/navigation-icon-hover.png)     }