@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 } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-vertical>.swiper-wrapper { flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box } .swiper-android .swiper-slide,.swiper-wrapper { transform: translateZ(0) } .swiper-pointer-events { touch-action: pan-y } .swiper-pointer-events.swiper-vertical { touch-action: pan-x } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform } .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-3d.swiper-css-mode .swiper-wrapper { 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 { 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 { 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(270deg,rgba(0,0,0,.5),transparent) } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent) } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent) } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent) } .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-horizontal.swiper-css-mode>.swiper-wrapper { scroll-snap-type: x mandatory } .swiper-vertical.swiper-css-mode>.swiper-wrapper { scroll-snap-type: y mandatory } .swiper-centered>.swiper-wrapper:before { content: ""; flex-shrink: 0; order: 9999 } .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: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 { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start:var(--swiper-centered-offset-before)} .swiper-centered.swiper-vertical>.swiper-wrapper: before { width:100%; min-width: 1px; height: var(--swiper-centered-offset-after) } .swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center } :root { --swiper-navigation-size: 44px } .swiper-button-next,.swiper-button-prev { position: absolute; top: 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:after,.swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none!important; letter-spacing: 0; font-variant: normal; 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 { right: 10px; left: auto } .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after { content: "next" } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; text-align: center; transition: opacity .3s; transform: translateZ(0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .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 { 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,.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: 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; -moz-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: 10px; top: 50%; transform: translate3d(0,-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: transform .2s,top .2s } .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: transform .2s,left .2s } .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform .2s,right .2s } .swiper-pagination-progressbar { background: 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: 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: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-lock { display: none } div.RichContent { max-width: 1920px!important } div.RichContent .row { margin: 40px 0 } .container:before { content: " "; display: table } .container:after { clear: both } @media (max-width: 767px) { .hidden-xs { display:none!important } } @media (min-width: 768px) and (max-width:991px) { .hidden-sm { display:none!important } } @media (min-width: 992px) and (max-width:1199px) { .hidden-md { display:none!important } } @media (min-width: 1200px) { .hidden-lg { display:none!important } } /*! * Bootstrap v4.1.3 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ h1,h2,h3,h4,h5,h6 { margin-top: 0; margin-bottom: .5rem } p { margin-top: 0; margin-bottom: 1rem } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { margin-bottom: .5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit } .h1,h1 { font-size: 2.5rem } .h2,h2 { font-size: 2rem } .h3,h3 { font-size: 1.75rem } .h4,h4 { font-size: 1.5rem } .h5,h5 { font-size: 1.25rem } .h6,h6 { font-size: 1rem } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width: 576px) { .container { max-width:768px } } @media (min-width: 768px) { .container { max-width:992px } } @media (min-width: 992px) { .container { max-width:1200px } } @media (min-width: 1200px) { .container { max-width:1920px } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px } .col { flex-basis: 0; flex-grow: 1; max-width: 100% } .col-auto { flex: 0 0 auto; width: auto; max-width: none } .col-1 { flex: 0 0 8.333333%; max-width: 8.333333% } .col-2 { flex: 0 0 16.666667%; max-width: 16.666667% } .col-3 { flex: 0 0 25%; max-width: 25% } .col-4 { flex: 0 0 33.333333%; max-width: 33.333333% } .col-5 { flex: 0 0 41.666667%; max-width: 41.666667% } .col-6 { flex: 0 0 50%; max-width: 50% } .col-7 { flex: 0 0 58.333333%; max-width: 58.333333% } .col-8 { flex: 0 0 66.666667%; max-width: 66.666667% } .col-9 { flex: 0 0 75%; max-width: 75% } .col-10 { flex: 0 0 83.333333%; max-width: 83.333333% } .col-11 { flex: 0 0 91.666667%; max-width: 91.666667% } .col-12 { flex: 0 0 100%; max-width: 100% } .offset-1 { margin-left: 8.333333% } .offset-2 { margin-left: 16.666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.333333% } .offset-5 { margin-left: 41.666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.333333% } .offset-8 { margin-left: 66.666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.333333% } .offset-11 { margin-left: 91.666667% } @media (min-width: 576px) { .col-sm { flex-basis:0; flex-grow: 1; max-width: 100% } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none } .col-sm-1 { flex: 0 0 8.333333%; max-width: 8.333333% } .col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667% } .col-sm-3 { flex: 0 0 25%; max-width: 25% } .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333% } .col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667% } .col-sm-6 { flex: 0 0 50%; max-width: 50% } .col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333% } .col-sm-8 { flex: 0 0 66.666667%; max-width: 66.666667% } .col-sm-9 { flex: 0 0 75%; max-width: 75% } .col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333% } .col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667% } .col-sm-12 { flex: 0 0 100%; max-width: 100% } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.333333% } .offset-sm-2 { margin-left: 16.666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.333333% } .offset-sm-5 { margin-left: 41.666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.333333% } .offset-sm-8 { margin-left: 66.666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.333333% } .offset-sm-11 { margin-left: 91.666667% } } @media (min-width: 768px) { .col-md { flex-basis:0; flex-grow: 1; max-width: 100% } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none } .col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333% } .col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667% } .col-md-3 { flex: 0 0 25%; max-width: 25% } .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333% } .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667% } .col-md-6 { flex: 0 0 50%; max-width: 50% } .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333% } .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667% } .col-md-9 { flex: 0 0 75%; max-width: 75% } .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333% } .col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667% } .col-md-12 { flex: 0 0 100%; max-width: 100% } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.333333% } .offset-md-2 { margin-left: 16.666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.333333% } .offset-md-5 { margin-left: 41.666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.333333% } .offset-md-8 { margin-left: 66.666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.333333% } .offset-md-11 { margin-left: 91.666667% } } @media (min-width: 992px) { .col-lg { flex-basis:0; flex-grow: 1; max-width: 100% } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none } .col-lg-1 { flex: 0 0 8.333333%; max-width: 8.333333% } .col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667% } .col-lg-3 { flex: 0 0 25%; max-width: 25% } .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333% } .col-lg-5 { flex: 0 0 41.666667%; max-width: 41.666667% } .col-lg-6 { flex: 0 0 50%; max-width: 50% } .col-lg-7 { flex: 0 0 58.333333%; max-width: 58.333333% } .col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667% } .col-lg-9 { flex: 0 0 75%; max-width: 75% } .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333% } .col-lg-11 { flex: 0 0 91.666667%; max-width: 91.666667% } .col-lg-12 { flex: 0 0 100%; max-width: 100% } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.333333% } .offset-lg-2 { margin-left: 16.666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.333333% } .offset-lg-5 { margin-left: 41.666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.333333% } .offset-lg-8 { margin-left: 66.666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.333333% } .offset-lg-11 { margin-left: 91.666667% } } @media (min-width: 1200px) { .col-xl { flex-basis:0; flex-grow: 1; max-width: 100% } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none } .col-xl-1 { flex: 0 0 8.333333%; max-width: 8.333333% } .col-xl-2 { flex: 0 0 16.666667%; max-width: 16.666667% } .col-xl-3 { flex: 0 0 25%; max-width: 25% } .col-xl-4 { flex: 0 0 33.333333%; max-width: 33.333333% } .col-xl-5 { flex: 0 0 41.666667%; max-width: 41.666667% } .col-xl-6 { flex: 0 0 50%; max-width: 50% } .col-xl-7 { flex: 0 0 58.333333%; max-width: 58.333333% } .col-xl-8 { flex: 0 0 66.666667%; max-width: 66.666667% } .col-xl-9 { flex: 0 0 75%; max-width: 75% } .col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333% } .col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667% } .col-xl-12 { flex: 0 0 100%; max-width: 100% } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.333333% } .offset-xl-2 { margin-left: 16.666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.333333% } .offset-xl-5 { margin-left: 41.666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.333333% } .offset-xl-8 { margin-left: 66.666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.333333% } .offset-xl-11 { margin-left: 91.666667% } } /*! tailwindcss v3.0.18 | MIT License | https://tailwindcss.com*/ *,:after,:before { box-sizing: border-box; border: 0 solid #e7e7e7 } :after,:before { --tw-content: "" } 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,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji } 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-size: 1em } small { font-size: 80% } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } 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-size: 100%; line-height: inherit; color: inherit; margin: 0; padding: 0 } button,select { text-transform: none } [type=button],[type=reset],[type=submit],button { -webkit-appearance: button; background-color: transparent; background-image: none } :-moz-focusring { outline: auto } :-moz-ui-invalid { box-shadow: none } progress { vertical-align: baseline } ::-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 } textarea { resize: vertical } input::-moz-placeholder,textarea::-moz-placeholder { opacity: 1; color: #b2b2b2 } input::placeholder,textarea::placeholder { opacity: 1; color: #b2b2b2 } [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] { display: none } .typography-default { font-size: 1rem; font-weight: 400; line-height: 1.625rem } .typography-default-strong { font-size: 1rem; line-height: 1.625rem; font-weight: 700 } .typography-small { font-family: Roboto,sans-serif; font-size: .875rem; font-weight: 400; line-height: 1.375rem } [dir=rtl] .typography-small { font-family: Tajawal,sans-serif } .typography-small-strong { font-family: Roboto,sans-serif; font-size: .875rem; font-weight: 400; line-height: 1.375rem } [dir=rtl] .typography-small-strong { font-family: Tajawal,sans-serif } .typography-small-strong { font-weight: 700 } .typography-label { font-size: .75rem; font-weight: 400; line-height: 1rem } .typography-caption { font-size: .6875rem; font-weight: 400; line-height: 1rem } .typography-h2 { font-family: Lexend; font-weight: 600 } [dir=rtl] .typography-h2 { font-family: Tajawal,sans-serif } .typography-h2 { font-size: 1.5rem; line-height: 1.75rem } @media (min-width: 1440px) { .typography-h2 { font-size:2rem; line-height: 2.5rem } } .typography-h3 { font-family: Lexend; font-weight: 600 } [dir=rtl] .typography-h3 { font-family: Tajawal,sans-serif } .typography-h3 { font-size: 1.25rem; line-height: 1.75rem } @media (min-width: 1440px) { .typography-h3 { font-size:1.5rem; line-height: 1.875rem } } .typography-h4 { font-family: Lexend; font-weight: 600 } [dir=rtl] .typography-h4 { font-family: Tajawal,sans-serif } .typography-h4 { font-size: 1.125rem; line-height: 1.625rem } @media (min-width: 1440px) { .typography-h4 { font-size:1.375rem; line-height: 1.75rem } } .typography-h5 { font-family: Lexend; font-weight: 600 } [dir=rtl] .typography-h5 { font-family: Tajawal,sans-serif } .typography-h5 { font-size: 1rem; line-height: 1.375rem } @media (min-width: 1440px) { .typography-h5 { font-size:1.125rem; line-height: 1.625rem } } .typography-decorative-bold { font-family: Lexend; font-size: 2.75rem; line-height: 3.25rem } [dir=rtl] .typography-decorative-bold { font-family: Tajawal,sans-serif } @media (min-width: 1200px) { .typography-decorative-bold { font-size:3.25rem; line-height: 3.875rem } } @media (min-width: 1440px) { .typography-decorative-bold { font-size:3.75rem; line-height: 4.5rem } } .typography-decorative-bold { font-weight: 600 } .typography-decorative-light { font-family: Lexend; font-size: 2.75rem; line-height: 3.25rem } [dir=rtl] .typography-decorative-light { font-family: Tajawal,sans-serif } @media (min-width: 1200px) { .typography-decorative-light { font-size:3.25rem; line-height: 3.875rem } } @media (min-width: 1440px) { .typography-decorative-light { font-size:3.75rem; line-height: 4.5rem } } .typography-decorative-light { font-weight: 300 } body { font-size: 1rem; font-weight: 400; line-height: 1.625rem; font-family: Roboto,sans-serif; --tw-text-opacity: 1; color: rgb(24 24 24/var(--tw-text-opacity)) } [dir=rtl] body { font-family: Tajawal,sans-serif } h1 { font-family: Lexend; font-weight: 600 } [dir=rtl] h1 { font-family: Tajawal,sans-serif } h1 { font-size: 1.875rem; line-height: 2.5rem } @media (min-width: 1440px) { h1 { font-size:2.5rem; line-height: 3rem } } h2 { font-family: Lexend; font-weight: 600 } [dir=rtl] h2 { font-family: Tajawal,sans-serif } h2 { font-size: 1.5rem; line-height: 1.75rem } @media (min-width: 1440px) { h2 { font-size:2rem; line-height: 2.5rem } } h3 { font-family: Lexend; font-weight: 600 } [dir=rtl] h3 { font-family: Tajawal,sans-serif } h3 { font-size: 1.25rem; line-height: 1.75rem } @media (min-width: 1440px) { h3 { font-size:1.5rem; line-height: 1.875rem } } h4 { font-family: Lexend; font-weight: 600 } [dir=rtl] h4 { font-family: Tajawal,sans-serif } h4 { font-size: 1.125rem; line-height: 1.625rem } @media (min-width: 1440px) { h4 { font-size:1.375rem; line-height: 1.75rem } } h5 { font-family: Lexend; font-weight: 600 } [dir=rtl] h5 { font-family: Tajawal,sans-serif } h5 { font-size: 1rem; line-height: 1.375rem } @media (min-width: 1440px) { h5 { font-size:1.125rem; line-height: 1.625rem } } input[type=number].input-num::-webkit-inner-spin-button,input[type=number].input-num::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; -moz-appearance: textfield!important } *,:after,:before { --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-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: rgba(59,130,246,.5); --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: } .container { width: 100% } @media (min-width: 550px) { .container { max-width:550px } } @media (min-width: 768px) { .container { max-width:768px } } @media (min-width: 1024px) { .container { max-width:1024px } } @media (min-width: 1200px) { .container { max-width:1200px } } @media (min-width: 1440px) { .container { max-width:1440px } } @media (min-width: 1920px) { .container { max-width:1920px; padding-right: 5rem; padding-left: 5rem } } .button { font-size: 1rem; line-height: 1.625rem; font-family: Lexend; font-weight: 600 } [dir=rtl] .button { font-family: Tajawal,sans-serif } .button { display: inline-flex; cursor: pointer; align-items: center; justify-content: center } .button>:not([hidden])~:not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.5rem * var(--tw-space-x-reverse)); margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse))) } .button { white-space: nowrap; border-radius: .25rem; padding: 11px 1rem } .button:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); --tw-ring-inset: inset; --tw-ring-opacity: 1; --tw-ring-color: rgb(0 171 238/var(--tw-ring-opacity)) } .primaryCta { --tw-bg-opacity: 1; background-color: rgb(113 206 245/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(0 53 95/var(--tw-text-opacity)) } .primaryCta:hover { --tw-bg-opacity: 1; background-color: rgb(171 225 249/var(--tw-bg-opacity)) } .primaryCta:active { --tw-bg-opacity: 1; background-color: rgb(222 243 253/var(--tw-bg-opacity)) } .primaryCta:disabled { cursor: default; background-color: rgb(214 214 214/var(--tw-bg-opacity)) } .primaryCta:disabled,.primaryOnLight { --tw-bg-opacity: 1; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)) } .primaryOnLight { background-color: rgb(0 53 95/var(--tw-bg-opacity)) } .primaryOnLight:hover { --tw-bg-opacity: 1; background-color: rgb(14 79 126/var(--tw-bg-opacity)) } .primaryOnLight:active { --tw-bg-opacity: 1; background-color: rgb(24 94 143/var(--tw-bg-opacity)) } .primaryOnLight:disabled { cursor: default; --tw-bg-opacity: 1; background-color: rgb(214 214 214/var(--tw-bg-opacity)) } .secondaryOnLight { background-color: transparent; --tw-text-opacity: 1; color: rgb(24 24 24/var(--tw-text-opacity)); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); --tw-ring-inset: inset; --tw-ring-opacity: 1; --tw-ring-color: rgb(24 24 24/var(--tw-ring-opacity)) } .secondaryOnLight:hover { --tw-bg-opacity: 1; background-color: rgb(248 248 248/var(--tw-bg-opacity)) } .secondaryOnLight:active { --tw-bg-opacity: 1; background-color: rgb(241 241 241/var(--tw-bg-opacity)) } .secondaryOnLight:disabled { cursor: default; background-color: transparent; --tw-text-opacity: 1; color: rgb(214 214 214/var(--tw-text-opacity)); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); --tw-ring-inset: inset; --tw-ring-opacity: 1; --tw-ring-color: rgb(214 214 214/var(--tw-ring-opacity)) } .redOnLight { --tw-bg-opacity: 1; background-color: rgb(184 56 48/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)) } .redOnLight:hover { --tw-bg-opacity: 1; background-color: rgb(197 63 54/var(--tw-bg-opacity)) } .redOnLight:active { --tw-bg-opacity: 1; background-color: rgb(184 56 48/var(--tw-bg-opacity)) } .redOnLight:disabled { cursor: default; --tw-bg-opacity: 1; background-color: rgb(214 214 214/var(--tw-bg-opacity)) } .primaryOnDark { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(24 24 24/var(--tw-text-opacity)) } .primaryOnDark:hover { --tw-bg-opacity: 1; background-color: rgb(248 248 248/var(--tw-bg-opacity)) } .primaryOnDark:active { --tw-bg-opacity: 1; background-color: rgb(241 241 241/var(--tw-bg-opacity)) } .primaryOnDark:disabled { cursor: default; background-color: rgb(255 255 255/var(--tw-bg-opacity)); --tw-bg-opacity: 0.3; color: rgb(255 255 255/var(--tw-text-opacity)); --tw-text-opacity: 0.6 } .primaryOnDark:disabled:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(171 225 249/var(--tw-ring-opacity)) } .secondaryOnDark { background-color: transparent; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); --tw-ring-inset: inset; --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity)) } .secondaryOnDark:hover { background-color: rgb(255 255 255/var(--tw-bg-opacity)); --tw-bg-opacity: 0.05; --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity)); --tw-ring-opacity: 0.8 } .secondaryOnDark:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity)) } .secondaryOnDark:active { background-color: rgb(255 255 255/var(--tw-bg-opacity)); --tw-bg-opacity: 0.1; --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity)); --tw-ring-opacity: 0.8 } .secondaryOnDark:disabled { cursor: default; background-color: transparent; color: rgb(255 255 255/var(--tw-text-opacity)); --tw-text-opacity: 0.6; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); --tw-ring-inset: inset; --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity)); --tw-ring-opacity: 0.6 } .buttonCircle { height: 1.5rem; width: 1.5rem; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(241 241 241/var(--tw-bg-opacity)); padding: .25rem } .buttonCircle:hover { --tw-bg-opacity: 1; background-color: rgb(231 231 231/var(--tw-bg-opacity)) } .buttonCircle:focus { --tw-bg-opacity: 1; background-color: rgb(241 241 241/var(--tw-bg-opacity)) } .buttonCircle:active { --tw-bg-opacity: 1; background-color: rgb(214 214 214/var(--tw-bg-opacity)) } .buttonCircle:disabled { --tw-bg-opacity: 1; background-color: rgb(241 241 241/var(--tw-bg-opacity)) } .buttonCircle:focus svg { --tw-text-opacity: 1; color: rgb(178 178 178/var(--tw-text-opacity)) } .textLink { font-family: Roboto,sans-serif; font-size: .875rem; font-weight: 400; line-height: 1.375rem } [dir=rtl] .textLink { font-family: Tajawal,sans-serif } .textLink { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; padding: 0; --tw-text-opacity: 1; color: rgb(24 94 143/var(--tw-text-opacity)); -webkit-text-decoration-line: underline; text-decoration-line: underline } .textLink:focus,.textLink:hover { --tw-text-opacity: 1; color: rgb(0 53 95/var(--tw-text-opacity)) } .textLink:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000) } .textLink:active { --tw-text-opacity: 1; color: rgb(24 24 24/var(--tw-text-opacity)) } .textLink:disabled { cursor: default; --tw-text-opacity: 1; color: rgb(178 178 178/var(--tw-text-opacity)); -webkit-text-decoration-line: none; text-decoration-line: none } .search-facets .ais-SearchBox { position: relative } .search-facets .ais-SearchBox input { font-family: Roboto,sans-serif; font-size: .875rem; font-weight: 400; line-height: 1.375rem } [dir=rtl] .search-facets .ais-SearchBox input { font-family: Tajawal,sans-serif } .search-facets .ais-SearchBox input { display: block; width: 100%; --tw-bg-opacity: 1; background-color: rgb(231 231 231/var(--tw-bg-opacity)); padding: .5rem 2rem .5rem .75rem } [dir=rtl] .search-facets .ais-SearchBox input { padding-right: .75rem; padding-left: 2rem } .search-facets .ais-SearchBox-reset { position: absolute; top: 50%; right: .75rem; --tw-translate-y: -50%; 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)) } [dir=rtl] .search-facets .ais-SearchBox-reset { left: .75rem; right: auto } .search-facets .ais-SearchBox-submit { display: none } .search-facets .ais-RefinementList-searchBox { margin-bottom: 1.5rem } .search-facets .ais-RefinementList-item { padding-bottom: 1.25rem } .search-facets .ais-RefinementList-label { font-family: Roboto,sans-serif; font-size: .875rem; font-weight: 400; line-height: 1.375rem } [dir=rtl] .search-facets .ais-RefinementList-label { font-family: Tajawal,sans-serif } .search-facets .ais-RefinementList-label { cursor: pointer } .search-facets .ais-RefinementList-count,.search-facets .ais-RefinementList-labelText { vertical-align: middle } .search-facets .ais-RefinementList-count:before { content: "(" } .search-facets .ais-RefinementList-count:after { content: ")" } .search-facets .ais-RefinementList-checkbox { margin-right: .75rem; vertical-align: middle } [dir=rtl] .search-facets .ais-RefinementList-checkbox { margin-left: .75rem; margin-right: 0 } .search-facets .ais-RefinementList-showMore { font-family: Roboto,sans-serif; font-size: .875rem; font-weight: 400; line-height: 1.375rem } [dir=rtl] .search-facets .ais-RefinementList-showMore { font-family: Tajawal,sans-serif } .search-facets .ais-RefinementList-showMore { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; padding: 0; --tw-text-opacity: 1; color: rgb(24 94 143/var(--tw-text-opacity)); -webkit-text-decoration-line: underline; text-decoration-line: underline } .search-facets .ais-RefinementList-showMore:focus,.search-facets .ais-RefinementList-showMore:hover { --tw-text-opacity: 1; color: rgb(0 53 95/var(--tw-text-opacity)) } .search-facets .ais-RefinementList-showMore:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000) } .search-facets .ais-RefinementList-showMore:active { --tw-text-opacity: 1; color: rgb(24 24 24/var(--tw-text-opacity)) } .search-facets .ais-RefinementList-showMore:disabled { cursor: default; --tw-text-opacity: 1; color: rgb(178 178 178/var(--tw-text-opacity)); -webkit-text-decoration-line: none; text-decoration-line: none } @supports (selector(:has(p))) { .search-facets .ais-Panel--noRefinement { display: none } .search-facets .ais-Panel--noRefinement:has(.ais-RefinementList-noResults) { display: block } } .search-facets .ais-RefinementList-noResults { margin-top: .5rem; animation: appearFromAbove .25s ease-in-out; font-size: .875rem; --tw-text-opacity: 1; color: rgb(197 63 54/var(--tw-text-opacity)) } .search-facets .ais-SearchBox-input::-webkit-search-cancel-button { display: none } .search-facets .ais-HierarchicalMenu { padding-left: 1rem } [dir=rtl] .search-facets .ais-HierarchicalMenu { padding-right: 1rem; padding-left: 0 } .search-facets .ais-HierarchicalMenu-item { padding: 5px 0 } .search-facets .ais-HierarchicalMenu-item--selected>a { font-weight: 700 } .search-facets .ais-HierarchicalMenu-count { vertical-align: middle } .search-facets .ais-HierarchicalMenu-count:before { content: "(" } .search-facets .ais-HierarchicalMenu-count:after { content: ")" } .search-facets .ais-HierarchicalMenu-showMore { font-family: Roboto,sans-serif; font-size: .875rem; font-weight: 400; line-height: 1.375rem } [dir=rtl] .search-facets .ais-HierarchicalMenu-showMore { font-family: Tajawal,sans-serif } .search-facets .ais-HierarchicalMenu-showMore { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; padding: 0; --tw-text-opacity: 1; color: rgb(24 94 143/var(--tw-text-opacity)); -webkit-text-decoration-line: underline; text-decoration-line: underline } .search-facets .ais-HierarchicalMenu-showMore:focus,.search-facets .ais-HierarchicalMenu-showMore:hover { --tw-text-opacity: 1; color: rgb(0 53 95/var(--tw-text-opacity)) } .search-facets .ais-HierarchicalMenu-showMore:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000) } .search-facets .ais-HierarchicalMenu-showMore:active { --tw-text-opacity: 1; color: rgb(24 24 24/var(--tw-text-opacity)) } .search-facets .ais-HierarchicalMenu-showMore:disabled { cursor: default; --tw-text-opacity: 1; color: rgb(178 178 178/var(--tw-text-opacity)); -webkit-text-decoration-line: none; text-decoration-line: none } .search-facets .ais-HierarchicalMenu-list--child { padding-left: 1rem } [dir=rtl] .search-facets .ais-HierarchicalMenu-list--child { padding-right: 1rem; padding-left: 0 } .cmn-toast { position: fixed; width: 400px; top: 10px; left: calc(50% - 200px); z-index: 100 } .orp-toast { position: absolute; top: 8rem } .orp-toast,.profile-toast { width: 100%; z-index: 100; padding: 0 3rem } .profile-toast,.wishlist-toast { position: fixed; top: 10px } .wishlist-toast { width: 400px; left: calc(50% - 200px); z-index: 100 } @media (max-width: 767px) { .orp-toast { top:5rem } .orp-toast,.profile-toast { padding: 0 1.5rem } } .herobanner a { display: block } .swiper-button-next,.swiper-button-prev { background: #00355f; border-radius: 40px; width: 40px; height: 40px } .swiper-button-next:after,.swiper-button-prev:after { color: #fff; font-size: 20px } .product-carousel-swiper { padding: 0 0 32px } .product-carousel-swiper .swiper-button-next,.product-carousel-swiper .swiper-button-prev { background: #fff; box-shadow: 0 16px 24px rgba(0,0,0,.1) } .product-carousel-swiper .swiper-button-next:after,.product-carousel-swiper .swiper-button-prev:after { color: #181818 } .contents-carousel-swiper .swiper-button-next,.contents-carousel-swiper .swiper-button-prev { background: #fff; box-shadow: 0 16px 24px rgba(0,0,0,.1) } .contents-carousel-swiper .swiper-button-next:after,.contents-carousel-swiper .swiper-button-prev:after { color: #181818 } .swiper-button-prev { left: 20px } .swiper-button-prev:after { margin-right: 3px } .swiper-button-next { right: 20px } .swiper-button-next:after { margin-left: 3px } .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled { pointer-events: auto } .swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main { background: #00355f } .swiper-slide img { max-height: calc(100vh - 160px) } .herobanner-swiper .swiper-button-next { text-shadow: -2px 0 #fff } .herobanner-swiper .swiper-button-prev,.herobanner-swiper.swiper-rtl .swiper-button-next { text-shadow: 2px 0 #fff } .herobanner-swiper.swiper-rtl .swiper-button-prev { text-shadow: -2px 0 #fff } @media screen and (max-width: 349px) { .herobanner-swiper .swiper-slide { height:7.75rem } } @media (min-width: 350px) and (max-width:399px) { .herobanner-swiper .swiper-slide { height:8.25rem } } @media (min-width: 400px) and (max-width:499px) { .herobanner-swiper .swiper-slide { height:9.5rem } } @media (min-width: 500px) and (max-width:599px) { .herobanner-swiper .swiper-slide { height:12rem } } @media (min-width: 600px) and (max-width:767px) { .herobanner-swiper .swiper-slide { height:14rem } } @media (min-width: 768px) and (max-width:991px) { .herobanner-swiper .swiper-slide { height:16rem } } @media (min-width: 992px) and (max-width:1199px) { .herobanner-swiper .swiper-slide { height:18rem } } @media (min-width: 1200px) and (max-width:1440px) { .herobanner-swiper .swiper-slide { height:21rem } } @media (min-width: 1441px) and (max-width:1800px) { .herobanner-swiper .swiper-slide { height:27rem } } @media (min-width: 1801px) { .herobanner-swiper .swiper-slide { height:28rem } } @media screen and (max-width: 767px) { .carousel .swiper-button-next,.carousel .swiper-button-prev,.m-hide,.product-carousel-swiper .swiper-button-next,.product-carousel-swiper .swiper-button-prev { display:none } .herobanner-swiper .gradient-start { background-image: linear-gradient(90deg,rgba(0,0,0,.3),transparent) } .herobanner-swiper .gradient-end { background-image: linear-gradient(270deg,rgba(0,0,0,.3),transparent) } } @media screen and (min-width: 768px) { .herobanner-swiper .gradient-start { background-image:linear-gradient(90deg,rgba(0,0,0,.3),transparent 50%) } .herobanner-swiper .gradient-end { background-image: linear-gradient(270deg,rgba(0,0,0,.3),transparent 50%) } } @media (max-width: 768px) { .herobanner-swiper .swiper-button-next,.herobanner-swiper .swiper-button-prev { display:none!important } } .swiper-rtl .swiper-button-prev { right: 20px } .swiper-rtl .swiper-button-prev:after { margin-right: 0; margin-left: 3px } .swiper-rtl .swiper-button-next { left: 20px } .swiper-rtl .swiper-button-next:after { margin-right: 3px; margin-left: 0 } .warranty-swiper-pagination .swiper-pagination-bullet-active { background: #e7e7e7 } .herobanner-swiper .swiper-button-next,.herobanner-swiper .swiper-button-prev { top: 7.5%; background: none; border-radius: 20px; width: 50px; height: 100% } .herobanner-swiper .swiper-button-next:after,.herobanner-swiper .swiper-button-prev:after { color: #00355f; font-size: 38px } .herobanner-swiper .swiper-slide.swiper-bg { background-position: 50%; background-size: cover; background-repeat: no-repeat } .herobanner-swiper .swiper-slide a { width: 100%; height: 100% } @media (min-width: 1200px) { .herobanner-swiper .swiper-button-next,.herobanner-swiper .swiper-button-prev { top:5% } } .herobanner-swiper-pagination { text-align: center; padding: 10px 0 } .wishlist { border: none; z-index: 10; box-shadow: 0 1px 2px 2px rgba(0,0,0,.11); transition: all .3s ease 0s; cursor: pointer } .wishlist,.wishlist:active,.wishlist:focus,.wishlist:hover { background-color: #fff } .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-radius: 50%; border: 4px solid #01355f; 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 linear infinite } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } .frame--activated { font-size: 1rem; font-weight: 400; line-height: 1.625rem; height: 100%; border-radius: .25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(178 178 178/var(--tw-border-opacity)); padding: .75rem } .frame--focus { --tw-border-opacity: 1; border-color: rgb(0 171 238/var(--tw-border-opacity)); box-shadow: inset 0 0 0 1px #00abee } .frame--invalid { --tw-border-opacity: 1; border-color: rgb(184 56 48/var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(24 24 24/var(--tw-text-opacity)); box-shadow: inset 0 0 0 1px #b83830 } .rating-stars div:first-child:empty~#testfreaks-badge-label { display: block } .rating-stars #testfreaks-badge { display: none } .rating-stars #testfreaks-badge.testfreaks-loaded { display: block } div#fbots-wdgt { direction: ltr } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border-width: 0 } .pointer-events-none { pointer-events: none } .pointer-events-auto { pointer-events: auto } .static { position: static } .fixed { position: fixed } .absolute { position: absolute } .relative { position: relative } .sticky { position: sticky } .inset-0 { top: 0; right: 0; bottom: 0; left: 0 } .-inset-2\.5 { top: -.625rem; right: -.625rem; bottom: -.625rem; left: -.625rem } .-inset-2 { top: -.5rem; right: -.5rem; bottom: -.5rem; left: -.5rem } .inset-x-0 { left: 0; right: 0 } .inset-y-0 { top: 0; bottom: 0 } .left-5 { left: 1.25rem } .right-2 { right: .5rem } .top-1\/2 { top: 50% } .right-0 { right: 0 } .top-0 { top: 0 } .left-0 { left: 0 } .-right-2 { right: -.5rem } .-top-2 { top: -.5rem } .bottom-0 { bottom: 0 } .-top-5 { top: -1.25rem } .top-2 { top: .5rem } .top-\[278px\] { top: 278px } .-top-12 { top: -3rem } .top-\[28px\] { top: 28px } .top-\[165px\] { top: 165px } .top-\[186px\] { top: 186px } .left-\[20px\] { left: 20px } .right-4 { right: 1rem } .top-5 { top: 1.25rem } .right-5 { right: 1.25rem } .right-3 { right: .75rem } .top-10 { top: 2.5rem } .z-10 { z-index: 10 } .z-40 { z-index: 40 } .z-50 { z-index: 50 } .z-20 { z-index: 20 } .col-span-full { grid-column: 1/-1 } .col-span-12 { grid-column: span 12/span 12 } .col-span-3 { grid-column: span 3/span 3 } .col-span-1 { grid-column: span 1/span 1 } .col-span-4 { grid-column: span 4/span 4 } .col-span-2 { grid-column: span 2/span 2 } .col-span-6 { grid-column: span 6/span 6 } .float-right { float: right } .m-10 { margin: 2.5rem } .m-2 { margin: .5rem } .m-auto { margin: auto } .m-\[25px\] { margin: 25px } .mx-auto { margin-left: auto; margin-right: auto } .my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem } .my-2 { margin-top: .5rem; margin-bottom: .5rem } .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem } .my-3 { margin-top: .75rem; margin-bottom: .75rem } .mx-2 { margin-left: .5rem; margin-right: .5rem } .my-4 { margin-top: 1rem; margin-bottom: 1rem } .my-0 { margin-top: 0; margin-bottom: 0 } .my-12 { margin-top: 3rem; margin-bottom: 3rem } .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem } .mx-4 { margin-left: 1rem; margin-right: 1rem } .my-8 { margin-top: 2rem; margin-bottom: 2rem } .mb-12 { margin-bottom: 3rem } .mb-4 { margin-bottom: 1rem } .mb-8 { margin-bottom: 2rem } .mt-1 { margin-top: .25rem } .mt-6 { margin-top: 1.5rem } .ml-6 { margin-left: 1.5rem } .mt-3 { margin-top: .75rem } .ml-5 { margin-left: 1.25rem } .mb-2 { margin-bottom: .5rem } .-mr-2 { margin-right: -.5rem } .ml-\[-5px\] { margin-left: -5px } .mb-10 { margin-bottom: 2.5rem } .mb-6 { margin-bottom: 1.5rem } .mb-3 { margin-bottom: .75rem } .mt-2 { margin-top: .5rem } .ml-4 { margin-left: 1rem } .mr-6 { margin-right: 1.5rem } .mb-14 { margin-bottom: 3.5rem } .mb-5 { margin-bottom: 1.25rem } .mb-0 { margin-bottom: 0 } .-mr-5 { margin-right: -1.25rem } .mt-8 { margin-top: 2rem } .mt-10 { margin-top: 2.5rem } .-mt-12 { margin-top: -3rem } .mb-1 { margin-bottom: .25rem } .mt-5 { margin-top: 1.25rem } .mt-12 { margin-top: 3rem } .ml-3 { margin-left: .75rem } .mr-2 { margin-right: .5rem } .-mt-8 { margin-top: -2rem } .-mt-4 { margin-top: -1rem } .mt-4 { margin-top: 1rem } .mb-9 { margin-bottom: 2.25rem } .-mb-4 { margin-bottom: -1rem } .-mt-1 { margin-top: -.25rem } .mb-16 { margin-bottom: 4rem } .mb-11 { margin-bottom: 2.75rem } .mt-\[20\%\] { margin-top: 20% } .ml-20 { margin-left: 5rem } .mb-28 { margin-bottom: 7rem } .mt-\[1\.25rem\] { margin-top: 1.25rem } .mr-\[0\.75rem\] { margin-right: .75rem } .mt-16 { margin-top: 4rem } .mt-\[25px\] { margin-top: 25px } .ml-\[5px\] { margin-left: 5px } .ml-2 { margin-left: .5rem } .ml-0 { margin-left: 0 } .mr-4 { margin-right: 1rem } .mt-0 { margin-top: 0 } .mt-1\.5 { margin-top: .375rem } .block { display: block } .inline-block { display: inline-block } .flex { display: flex } .inline-flex { display: inline-flex } .table { display: table } .grid { display: grid } .contents { display: contents } .hidden { display: none } .h-screen { height: 100vh } .h-full { height: 100% } .h-2 { height: .5rem } .h-20 { height: 5rem } .h-6 { height: 1.5rem } .h-8 { height: 2rem } .h-16 { height: 4rem } .h-5 { height: 1.25rem } .h-3 { height: .75rem } .h-0 { height: 0 } .h-12 { height: 3rem } .h-\[200vw\] { height: 200vw } .h-4 { height: 1rem } .h-fit { height: -moz-fit-content; height: fit-content } .h-\[inherit\] { height: inherit } .h-\[480px\] { height: 480px } .h-\[46px\] { height: 46px } .h-7 { height: 1.75rem } .h-1 { height: .25rem } .h-\[34px\] { height: 34px } .h-\[120px\] { height: 120px } .h-\[52px\] { height: 52px } .h-\[26px\] { height: 26px } .h-\[1px\] { height: 1px } .h-\[48px\] { height: 48px } .h-\[170px\] { height: 170px } .h-\[582px\] { height: 582px } .h-0\.5 { height: .125rem } .h-10 { height: 2.5rem } .h-\[40px\] { height: 40px } .h-max { height: -moz-max-content; height: max-content } .h-\[450px\] { height: 450px } .h-\[16px\] { height: 16px } .h-\[176px\] { height: 176px } .h-auto { height: auto } .max-h-full { max-height: 100% } .max-h-\[650px\] { max-height: 650px } .min-h-\[40px\] { min-height: 40px } .min-h-\[35\%\] { min-height: 35% } .min-h-\[3rem\] { min-height: 3rem } .min-h-fit { min-height: -moz-fit-content; min-height: fit-content } .min-h-\[25px\] { min-height: 25px } .w-2 { width: .5rem } .w-full { width: 100% } .w-6 { width: 1.5rem } .w-8 { width: 2rem } .w-16 { width: 4rem } .w-5 { width: 1.25rem } .w-10 { width: 2.5rem } .w-96 { width: 24rem } .w-20 { width: 5rem } .w-3 { width: .75rem } .w-0 { width: 0 } .w-fit { width: -moz-fit-content; width: fit-content } .w-12 { width: 3rem } .w-1\/4 { width: 25% } .w-4 { width: 1rem } .w-2\/3 { width: 66.666667% } .w-9 { width: 2.25rem } .w-52 { width: 13rem } .w-7 { width: 1.75rem } .w-\[185px\] { width: 185px } .w-screen { width: 100vw } .w-\[34px\] { width: 34px } .w-\[120px\] { width: 120px } .w-\[394px\] { width: 394px } .w-\[138px\] { width: 138px } .w-\[300px\] { width: 300px } .w-\[65px\] { width: 65px } .w-\[253px\] { width: 253px } .w-9\/12 { width: 75% } .w-3\/12 { width: 25% } .w-32 { width: 8rem } .w-\[45\%\] { width: 45% } .w-\[90\%\] { width: 90% } .w-\[100\%\] { width: 100% } .w-\[16px\] { width: 16px } .w-\[50\%\] { width: 50% } .w-\[335px\] { width: 335px } .w-\[48\%\] { width: 48% } .min-w-\[52px\] { min-width: 52px } .min-w-\[40px\] { min-width: 40px } .min-w-fit { min-width: -moz-fit-content; min-width: fit-content } .min-w-\[180px\] { min-width: 180px } .min-w-full { min-width: 100% } .min-w-min { min-width: -moz-min-content; min-width: min-content } .max-w-\[742px\] { max-width: 742px } .max-w-\[1920px\] { max-width: 1920px } .max-w-sm { max-width: 24rem } .max-w-\[120px\] { max-width: 120px } .max-w-full { max-width: 100% } .max-w-\[580px\] { max-width: 580px } .max-w-\[380px\] { max-width: 380px } .flex-1 { flex: 1 1 0% } .flex-auto { flex: 1 1 auto } .flex-none { flex: none } .flex-1\/3 { flex: 0.33 } .-translate-y-1\/2 { --tw-translate-y: -50% } .-translate-y-1\/2,.translate-x-0 { 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-x-0 { --tw-translate-x: 0px } .translate-x-full { --tw-translate-x: 100% } .translate-x-full,.translate-y-full { 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-full { --tw-translate-y: 100% } .translate-x-\[-200\%\] { --tw-translate-x: -200% } .rotate-45,.translate-x-\[-200\%\] { 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-45 { --tw-rotate: 45deg } .-rotate-90 { --tw-rotate: -90deg } .-rotate-90,.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)) } @keyframes spin { to { transform: rotate(1turn) } } .animate-spin { animation: spin 1s linear infinite } @keyframes scaling { 0%,to { transform: scale(.2) } 40% { transform: scale(1) } 50% { transform: scale(1) } } .animate-scaling { animation: scaling 1s ease-in-out infinite } @keyframes appearFromAbove { 0% { opacity: 0; transform: translateY(-10px) } to { opacity: 1; transform: translateY(0) } } .animate-appearFromAbove { animation: appearFromAbove .25s ease-in-out } .cursor-pointer { cursor: pointer } .cursor-none { cursor: none } .cursor-default { cursor: default } .cursor-not-allowed { cursor: not-allowed } .resize { resize: both } .list-disc { list-style-type: disc } .appearance-none { -webkit-appearance: none; -moz-appearance: none; appearance: none } .grid-cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)) } .grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) } .grid-cols-6 { grid-template-columns: repeat(6,minmax(0,1fr)) } .grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) } .grid-cols-7 { grid-template-columns: repeat(7,minmax(0,1fr)) } .grid-cols-12 { grid-template-columns: repeat(12,minmax(0,1fr)) } .grid-rows-2 { grid-template-rows: repeat(2,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-baseline { align-items: baseline } .justify-start { justify-content: flex-start } .justify-end { justify-content: flex-end } .justify-center { justify-content: center } .justify-between { justify-content: space-between } .justify-items-start { justify-items: start } .justify-items-end { justify-items: end } .gap-1 { gap: .25rem } .gap-6 { gap: 1.5rem } .gap-3 { gap: .75rem } .gap-4 { gap: 1rem } .gap-2 { gap: .5rem } .gap-10 { gap: 2.5rem } .gap-12 { gap: 3rem } .gap-0 { gap: 0 } .gap-5 { gap: 1.25rem } .gap-9 { gap: 2.25rem } .gap-8 { gap: 2rem } .gap-x-5 { -moz-column-gap: 1.25rem; column-gap: 1.25rem } .gap-y-12 { row-gap: 3rem } .gap-y-4 { row-gap: 1rem } .gap-x-0 { -moz-column-gap: 0; column-gap: 0 } .gap-y-0 { row-gap: 0 } .gap-x-3 { -moz-column-gap: .75rem; column-gap: .75rem } .gap-y-8 { row-gap: 2rem } .gap-x-1 { -moz-column-gap: .25rem; column-gap: .25rem } .gap-x-2 { -moz-column-gap: .5rem; column-gap: .5rem } .gap-y-5 { row-gap: 1.25rem } .space-y-4>:not([hidden])~:not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)) } .space-x-0>:not([hidden])~:not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0px * var(--tw-space-x-reverse)); margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))) } .space-x-4>:not([hidden])~:not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) } .space-x-8>:not([hidden])~:not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(2rem * var(--tw-space-x-reverse)); margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))) } .space-x-2>:not([hidden])~:not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.5rem * var(--tw-space-x-reverse)); margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse))) } .space-y-5>:not([hidden])~:not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)) } .self-start { align-self: flex-start } .self-end { align-self: flex-end } .self-center { align-self: center } .overflow-auto { overflow: auto } .overflow-hidden { overflow: hidden } .overflow-x-auto { overflow-x: auto } .overflow-y-auto { overflow-y: auto } .overflow-x-hidden { overflow-x: hidden } .overflow-y-scroll { overflow-y: scroll } .scroll-smooth { scroll-behavior: smooth } .truncate { overflow: hidden; white-space: nowrap } .text-ellipsis,.truncate { text-overflow: ellipsis } .text-clip { text-overflow: clip } .whitespace-normal { white-space: normal } .whitespace-nowrap { white-space: nowrap } .rounded-full { border-radius: 9999px } .rounded { border-radius: .25rem } .rounded-sm { border-radius: .125rem } .rounded-md { border-radius: .375rem } .rounded-lg { border-radius: .5rem } .rounded-2xl { border-radius: 1rem } .rounded-xl { border-radius: .75rem } .rounded-none { border-radius: 0 } .rounded-\[50\%\] { border-radius: 50% } .rounded-\[4px\] { border-radius: 4px } .rounded-t-lg { border-top-left-radius: .5rem; border-top-right-radius: .5rem } .border { border-width: 1px } .border-2 { border-width: 2px } .border-\[1px\] { border-width: 1px } .border-y { border-top-width: 1px } .border-b,.border-y { border-bottom-width: 1px } .border-t { border-top-width: 1px } .border-t-0 { border-top-width: 0 } .border-b-2 { border-bottom-width: 2px } .border-solid { border-style: solid } .border-gray-500 { --tw-border-opacity: 1; border-color: rgb(146 146 146/var(--tw-border-opacity)) } .border-primary-700 { --tw-border-opacity: 1; border-color: rgb(24 94 143/var(--tw-border-opacity)) } .border-gray-900 { --tw-border-opacity: 1; border-color: rgb(24 24 24/var(--tw-border-opacity)) } .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(214 214 214/var(--tw-border-opacity)) } .border-functional-red-800 { --tw-border-opacity: 1; border-color: rgb(184 56 48/var(--tw-border-opacity)) } .border-darkblue-60 { --tw-border-opacity: 1; border-color: rgb(102 118 128/var(--tw-border-opacity)) } .border-primary-900 { --tw-border-opacity: 1; border-color: rgb(0 53 95/var(--tw-border-opacity)) } .border-gray-400 { --tw-border-opacity: 1; border-color: rgb(178 178 178/var(--tw-border-opacity)) } .border-functional-blue-50 { --tw-border-opacity: 1; border-color: rgb(222 243 253/var(--tw-border-opacity)) } .border-black { --tw-border-opacity: 1; border-color: rgb(0 0 0/var(--tw-border-opacity)) } .border-functional-yellow-700 { --tw-border-opacity: 1; border-color: rgb(254 164 26/var(--tw-border-opacity)) } .border-functional-green-600 { --tw-border-opacity: 1; border-color: rgb(99 148 72/var(--tw-border-opacity)) } .border-transparent { border-color: transparent } .border-primary-100 { --tw-border-opacity: 1; border-color: rgb(182 212 228/var(--tw-border-opacity)) } .border-functional-red-600 { --tw-border-opacity: 1; border-color: rgb(215 71 60/var(--tw-border-opacity)) } .border-\[\#092c49\] { --tw-border-opacity: 1; border-color: rgb(9 44 73/var(--tw-border-opacity)) } .border-current { border-color: currentColor } .border-b-gray-300 { --tw-border-opacity: 1; border-bottom-color: rgb(214 214 214/var(--tw-border-opacity)) } .border-t-gray-300 { --tw-border-opacity: 1; border-top-color: rgb(214 214 214/var(--tw-border-opacity)) } .bg-product-ice-50 { --tw-bg-opacity: 1; background-color: rgb(219 233 247/var(--tw-bg-opacity)) } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)) } .bg-primary-200 { --tw-bg-opacity: 1; background-color: rgb(139 185 210/var(--tw-bg-opacity)) } .bg-gray-50 { --tw-bg-opacity: 1; background-color: rgb(248 248 248/var(--tw-bg-opacity)) } .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(241 241 241/var(--tw-bg-opacity)) } .bg-functional-green-400 { --tw-bg-opacity: 1; background-color: rgb(127 176 105/var(--tw-bg-opacity)) } .bg-functional-red-700 { --tw-bg-opacity: 1; background-color: rgb(197 63 54/var(--tw-bg-opacity)) } .bg-functional-red-600 { --tw-bg-opacity: 1; background-color: rgb(215 71 60/var(--tw-bg-opacity)) } .bg-darkblue-100 { --tw-bg-opacity: 1; background-color: rgb(0 32 57/var(--tw-bg-opacity)) } .bg-gray-900 { --tw-bg-opacity: 1; background-color: rgb(24 24 24/var(--tw-bg-opacity)) } .bg-functional-blue-400 { --tw-bg-opacity: 1; background-color: rgb(0 171 238/var(--tw-bg-opacity)) } .bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(231 231 231/var(--tw-bg-opacity)) } .bg-primary-50 { --tw-bg-opacity: 1; background-color: rgb(225 238 243/var(--tw-bg-opacity)) } .bg-functional-green-600 { --tw-bg-opacity: 1; background-color: rgb(99 148 72/var(--tw-bg-opacity)) } .bg-functional-red-800 { --tw-bg-opacity: 1; background-color: rgb(184 56 48/var(--tw-bg-opacity)) } .bg-gray-400 { --tw-bg-opacity: 1; background-color: rgb(178 178 178/var(--tw-bg-opacity)) } .bg-dynamic-color-2 { background-color: var(--dynamic-color-2) } .bg-functional-blue-200 { --tw-bg-opacity: 1; background-color: rgb(113 206 245/var(--tw-bg-opacity)) } .bg-primary-900 { --tw-bg-opacity: 1; background-color: rgb(0 53 95/var(--tw-bg-opacity)) } .bg-functional-yellow-50 { --tw-bg-opacity: 1; background-color: rgb(255 226 135/var(--tw-bg-opacity)) } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0/var(--tw-bg-opacity)) } .bg-\[\#EFF4ED\] { --tw-bg-opacity: 1; background-color: rgb(239 244 237/var(--tw-bg-opacity)) } .bg-\[\#D6D6D6\] { --tw-bg-opacity: 1; background-color: rgb(214 214 214/var(--tw-bg-opacity)) } .bg-\[\#00355F\] { --tw-bg-opacity: 1; background-color: rgb(0 53 95/var(--tw-bg-opacity)) } .bg-functional-blue-100 { --tw-bg-opacity: 1; background-color: rgb(171 225 249/var(--tw-bg-opacity)) } .bg-functional-green-50 { --tw-bg-opacity: 1; background-color: rgb(235 243 232/var(--tw-bg-opacity)) } .bg-\[\#e7e7e7\] { --tw-bg-opacity: 1; background-color: rgb(231 231 231/var(--tw-bg-opacity)) } .bg-primary-100 { --tw-bg-opacity: 1; background-color: rgb(182 212 228/var(--tw-bg-opacity)) } .bg-transparent { background-color: transparent } .bg-opacity-50 { --tw-bg-opacity: 0.5 } .bg-opacity-10 { --tw-bg-opacity: 0.1 } .bg-gradient-to-t { background-image: linear-gradient(to top,var(--tw-gradient-stops)) } .from-\[\#000000cc\] { --tw-gradient-from: #000000cc; --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,transparent) } .to-\[\#00000000\] { --tw-gradient-to: #00000000 } .fill-current { fill: currentColor } .fill-transparent { fill: transparent } .stroke-current { stroke: currentColor } .stroke-gray-900 { stroke: #181818 } .stroke-white { stroke: #fff } .stroke-gray-400 { stroke: #b2b2b2 } .stroke-primary-900 { stroke: #00355f } .stroke-primary-700 { stroke: #185e8f } .stroke-black { stroke: #000 } .object-fill { -o-object-fit: fill; object-fit: fill } .p-3 { padding: .75rem } .p-4 { padding: 1rem } .p-1 { padding: .25rem } .p-8 { padding: 2rem } .p-2 { padding: .5rem } .p-\[6px\] { padding: 6px } .p-5 { padding: 1.25rem } .p-10 { padding: 2.5rem } .p-6 { padding: 1.5rem } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem } .py-3 { padding-top: .75rem; padding-bottom: .75rem } .px-12 { padding-left: 3rem; padding-right: 3rem } .px-2 { padding-left: .5rem; padding-right: .5rem } .py-1\.5 { padding-top: .375rem; padding-bottom: .375rem } .py-1 { padding-top: .25rem; padding-bottom: .25rem } .py-2 { padding-top: .5rem; padding-bottom: .5rem } .px-3 { padding-left: .75rem; padding-right: .75rem } .px-4 { padding-left: 1rem; padding-right: 1rem } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem } .px-0 { padding-left: 0; padding-right: 0 } .py-12 { padding-top: 3rem; padding-bottom: 3rem } .py-4 { padding-top: 1rem; padding-bottom: 1rem } .py-\[3px\] { padding-top: 3px; padding-bottom: 3px } .py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem } .py-8 { padding-top: 2rem; padding-bottom: 2rem } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem } .py-\[0\.5rem\] { padding-top: .5rem; padding-bottom: .5rem } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem } .pt-2 { padding-top: .5rem } .pt-12 { padding-top: 3rem } .pb-20 { padding-bottom: 5rem } .pl-3 { padding-left: .75rem } .pr-10 { padding-right: 2.5rem } .pt-1 { padding-top: .25rem } .pl-2 { padding-left: .5rem } .pr-2 { padding-right: .5rem } .pt-4 { padding-top: 1rem } .pt-0 { padding-top: 0 } .pl-6 { padding-left: 1.5rem } .pt-10 { padding-top: 2.5rem } .pb-12 { padding-bottom: 3rem } .pb-32 { padding-bottom: 8rem } .pt-8 { padding-top: 2rem } .pb-15 { padding-bottom: 3.75rem } .pb-3 { padding-bottom: .75rem } .pb-2 { padding-bottom: .5rem } .pb-4 { padding-bottom: 1rem } .pb-0 { padding-bottom: 0 } .pb-8 { padding-bottom: 2rem } .pl-4 { padding-left: 1rem } .pr-6 { padding-right: 1.5rem } .pt-3 { padding-top: .75rem } .pr-3 { padding-right: .75rem } .pb-9 { padding-bottom: 2.25rem } .pb-5 { padding-bottom: 1.25rem } .pt-5 { padding-top: 1.25rem } .pb-10 { padding-bottom: 2.5rem } .pl-1 { padding-left: .25rem } .pr-\[2rem\] { padding-right: 2rem } .pl-\[0\.75rem\] { padding-left: .75rem } .pb-\[1rem\] { padding-bottom: 1rem } .pb-6 { padding-bottom: 1.5rem } .pt-6 { padding-top: 1.5rem } .pb-1 { padding-bottom: .25rem } .pr-4 { padding-right: 1rem } .\!pt-0 { padding-top: 0!important } .pl-12 { padding-left: 3rem } .text-left { text-align: left } .text-center { text-align: center } .align-top { vertical-align: top } .align-text-top { vertical-align: text-top } .font-heading { font-family: Lexend } .font-body { font-family: Roboto,sans-serif } .font-\[Lexend\] { font-family: Lexend } .font-\[Roboto\] { font-family: Roboto } .font-\[Gotham\] { font-family: Gotham } .text-sm { font-size: .875rem } .text-xl { font-size: 1.25rem } .text-xs { font-size: .75rem } .text-base { font-size: 1rem } .text-3xl { font-size: 1.5rem } .text-lg { font-size: 1.125rem } .text-2xl { font-size: 1.375rem } .text-\[1rem\] { font-size: 1rem } .text-\[0\.875rem\] { font-size: .875rem } .text-\[15px\] { font-size: 15px } .text-\[0\.6rem\] { font-size: .6rem } .text-\[0\.9rem\] { font-size: .9rem } .text-\[16px\] { font-size: 16px } .font-bold { font-weight: 700 } .font-semibold { font-weight: 600 } .font-light { font-weight: 300 } .font-normal { font-weight: 400 } .font-medium { font-weight: 500 } .uppercase { text-transform: uppercase } .leading-2 { line-height: 1.375rem } .leading-5 { line-height: 1.875rem } .leading-1 { line-height: 1rem } .leading-\[25\.56px\] { line-height: 25.56px } .leading-3 { line-height: 1.625rem } .leading-6 { line-height: 2.5rem } .leading-4 { line-height: 1.75rem } .text-primary-200 { --tw-text-opacity: 1; color: rgb(139 185 210/var(--tw-text-opacity)) } .text-primary-900 { --tw-text-opacity: 1; color: rgb(0 53 95/var(--tw-text-opacity)) } .text-gray-600 { --tw-text-opacity: 1; color: rgb(106 106 106/var(--tw-text-opacity)) } .text-primary-700 { --tw-text-opacity: 1; color: rgb(24 94 143/var(--tw-text-opacity)) } .text-gray-900 { --tw-text-opacity: 1; color: rgb(24 24 24/var(--tw-text-opacity)) } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0/var(--tw-text-opacity)) } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)) } .text-functional-red-800 { --tw-text-opacity: 1; color: rgb(184 56 48/var(--tw-text-opacity)) } .text-functional-green-600 { --tw-text-opacity: 1; color: rgb(99 148 72/var(--tw-text-opacity)) } .text-gray-300 { --tw-text-opacity: 1; color: rgb(214 214 214/var(--tw-text-opacity)) } .text-primary-500 { --tw-text-opacity: 1; color: rgb(46 122 170/var(--tw-text-opacity)) } .text-primary-800 { --tw-text-opacity: 1; color: rgb(14 79 126/var(--tw-text-opacity)) } .text-gray-400 { --tw-text-opacity: 1; color: rgb(178 178 178/var(--tw-text-opacity)) } .text-functional-yellow-700 { --tw-text-opacity: 1; color: rgb(254 164 26/var(--tw-text-opacity)) } .text-gray-500 { --tw-text-opacity: 1; color: rgb(146 146 146/var(--tw-text-opacity)) } .text-dynamic-color-1 { color: var(--dynamic-color-1) } .text-darkblue-100 { --tw-text-opacity: 1; color: rgb(0 32 57/var(--tw-text-opacity)) } .text-dynamic-color-3 { color: var(--dynamic-color-3) } .text-functional-orange-300 { --tw-text-opacity: 1; color: rgb(254 164 26/var(--tw-text-opacity)) } .text-\[\#B83830\] { --tw-text-opacity: 1; color: rgb(184 56 48/var(--tw-text-opacity)) } .text-primary-600 { --tw-text-opacity: 1; color: rgb(36 110 159/var(--tw-text-opacity)) } .text-\[\#c53f36\] { --tw-text-opacity: 1; color: rgb(197 63 54/var(--tw-text-opacity)) } .text-\[\#185e8f\] { --tw-text-opacity: 1; color: rgb(24 94 143/var(--tw-text-opacity)) } .text-functional-red-600 { --tw-text-opacity: 1; color: rgb(215 71 60/var(--tw-text-opacity)) } .text-\[\#00355F\] { --tw-text-opacity: 1; color: rgb(0 53 95/var(--tw-text-opacity)) } .text-\[\#06141f\] { --tw-text-opacity: 1; color: rgb(6 20 31/var(--tw-text-opacity)) } .text-\[\#185d8f6c\] { color: #185d8f6c } .underline { -webkit-text-decoration-line: underline; text-decoration-line: underline } .line-through { -webkit-text-decoration-line: line-through; text-decoration-line: line-through } .no-underline { -webkit-text-decoration-line: none; text-decoration-line: none } .underline-offset-2 { text-underline-offset: 2px } .opacity-50 { opacity: .5 } .opacity-0 { opacity: 0 } .opacity-30 { opacity: .3 } .opacity-40 { opacity: .4 } .opacity-100 { opacity: 1 } .opacity-\[\.26\] { opacity: .26 } .opacity-10 { opacity: .1 } .shadow-\[inset_0_0_0_1px\] { --tw-shadow: inset 0 0 0 1px; --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color) } .shadow-\[inset_0_0_0_1px\],.shadow-sm { box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) } .shadow-sm { --tw-shadow: 0px 16px 24px rgba(0,0,0,.1); --tw-shadow-colored: 0px 16px 24px var(--tw-shadow-color) } .shadow-md { --tw-shadow: 0px 8px 12px rgba(0,0,0,.1); --tw-shadow-colored: 0px 8px 12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) } .ring-dynamic-color-1 { --tw-ring-color: var(--dynamic-color-1) } .ring-dynamic-color-3 { --tw-ring-color: var(--dynamic-color-3) } .ring-black { --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity)) } .blur { --tw-blur: blur(8px) } .blur,.filter { 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) } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .transition { transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-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-text-decoration-color,-webkit-backdrop-filter; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .duration-500 { transition-duration: .5s } .duration-100 { transition-duration: .1s } .ease-in-out { transition-timing-function: cubic-bezier(.4,0,.2,1) } .no-scrollbar::-webkit-scrollbar { display: none } .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none } .cmn-inline-center { display: inline-flex; align-items: center; justify-content: center } .cmn-flex-center { display: flex; justify-content: center } .cmn-flex-items-center { display: flex; align-items: center } .animation-delay-100 { animation-delay: .1s } .animation-delay-200 { animation-delay: .2s } .animation-delay-300 { animation-delay: .3s } .animation-delay-400 { animation-delay: .4s } body.checkout #mobile-chat-container { display: none } .absolute-center { position: absolute; top: 50%; left: 50%; --tw-translate-x: -50%; --tw-translate-y: -50%; 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)) } .aa-Panel { z-index: 9999; position: absolute; left: 13px } .aa-Panel--scrollable { padding: 0!important } .aa-Form { padding-left: 10px } .aa-SubmitButton { position: absolute; right: 6px; background: #00355f!important; border-radius: 3px; max-height: 80%!important; margin-top: 4.5px!important; margin-bottom: 6px!important; display: flex; align-items: center; justify-items: center } [dir=rtl] .aa-SubmitButton { left: 10px; right: unset } .aa-SubmitIcon { color: #fff!important; margin-right: 5px; margin-left: 3px } [dir=rtl] .aa-ClearButton { left: 48px; right: unset } .aa-ClearButton { position: absolute; right: 36px; display: flex; align-items: center; justify-content: center } .aa-ClearIcon { color: #00355f!important; padding-right: 5px; height: 60%!important; width: 90%!important } .aa-ItemWrapper-Main .aa-ItemContentBody { font-weight: 700; font-family: Roboto!important } .aa-ItemWrapper-Main .aa-ItemContent mark { font-weight: 400!important } .aa-ItemWrapper-Main .aa-ItemContentSubtitleCategory { color: #185e8f!important; font-style: italic!important; font-weight: 600!important } .aa-Item:hover { background-color: #e1eef3!important } .aa-ItemContentSubtitleCategory { color: #000!important } .mr-1px { margin-right: 1px!important } .aa-InputWrapper { padding-right: 15px; width: 80%!important } @media only screen and (max-width: 600px) { .aa-Panel { width:unset!important; max-width: unset!important; position: fixed!important } } .custom-overflow-hidden { overflow: hidden!important } .after\:h-3:after { content: var(--tw-content); height: .75rem } .after\:w-3:after { content: var(--tw-content); width: .75rem } .after\:transform:after { content: var(--tw-content); 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)) } .after\:rounded-full:after { content: var(--tw-content); border-radius: 9999px } .after\:bg-white:after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)) } .after\:shadow-md:after { content: var(--tw-content); --tw-shadow: 0px 8px 12px rgba(0,0,0,.1); --tw-shadow-colored: 0px 8px 12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) } .after\:duration-200:after { content: var(--tw-content); transition-duration: .2s } .after\:ease-in-out:after { content: var(--tw-content); transition-timing-function: cubic-bezier(.4,0,.2,1) } .first\:typography-default-strong:first-child { font-size: 1rem; line-height: 1.625rem; font-weight: 700 } .first\:pt-0:first-child { padding-top: 0 } .last\:mb-0:last-child { margin-bottom: 0 } .last\:border-b-0:last-child { border-bottom-width: 0 } .last\:border-none:last-child { border-style: none } .last\:pb-0:last-child { padding-bottom: 0 } .hover\:cursor-pointer:hover { cursor: pointer } .hover\:text-clip:hover { text-overflow: clip } .hover\:border-b:hover { border-bottom-width: 1px } .hover\:border-primary-700:hover { --tw-border-opacity: 1; border-color: rgb(24 94 143/var(--tw-border-opacity)) } .hover\:bg-dynamic-color-2:hover { background-color: var(--dynamic-color-2) } .hover\:bg-\[\#00355F\]:hover { --tw-bg-opacity: 1; background-color: rgb(0 53 95/var(--tw-bg-opacity)) } .hover\:bg-gray-200:hover { --tw-bg-opacity: 1; background-color: rgb(231 231 231/var(--tw-bg-opacity)) } .hover\:bg-\[\#00345fe1\]:hover { background-color: #00345fe1 } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)) } .hover\:shadow-sm:hover { --tw-shadow: 0px 16px 24px rgba(0,0,0,.1); --tw-shadow-colored: 0px 16px 24px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) } .hover\:ring-dynamic-color-1:hover { --tw-ring-color: var(--dynamic-color-1) } .hover\:ring-dynamic-color-3:hover { --tw-ring-color: var(--dynamic-color-3) } .hover\:ring-black:hover { --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity)) } .focus\:border-functional-blue-400:focus { --tw-border-opacity: 1; border-color: rgb(0 171 238/var(--tw-border-opacity)) } .focus\:border-transparent:focus { border-color: transparent } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px } .focus\:outline-functional-blue-400:focus { outline-color: #00abee } .focus\:ring-dynamic-color-1:focus { --tw-ring-color: var(--dynamic-color-1) } .focus\:ring-dynamic-color-3:focus { --tw-ring-color: var(--dynamic-color-3) } .focus\:ring-black:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity)) } .active\:bg-dynamic-color-2:active { background-color: var(--dynamic-color-2) } .active\:bg-primary-50:active { --tw-bg-opacity: 1; background-color: rgb(225 238 243/var(--tw-bg-opacity)) } .active\:bg-\[\#00355F\]:active { --tw-bg-opacity: 1; background-color: rgb(0 53 95/var(--tw-bg-opacity)) } .active\:bg-gray-200:active { --tw-bg-opacity: 1; background-color: rgb(231 231 231/var(--tw-bg-opacity)) } .active\:ring-dynamic-color-1:active { --tw-ring-color: var(--dynamic-color-1) } .active\:ring-dynamic-color-3:active { --tw-ring-color: var(--dynamic-color-3) } .active\:ring-black:active { --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity)) } .peer:checked~.peer-checked\:typography-small-strong { font-family: Roboto,sans-serif; font-size: .875rem; font-weight: 400; line-height: 1.375rem } [dir=rtl] .peer:checked~.peer-checked\:typography-small-strong { font-family: Tajawal,sans-serif } .peer:checked~.peer-checked\:typography-small-strong { font-weight: 700 } .peer:checked~.peer-checked\:bg-functional-green-600 { --tw-bg-opacity: 1; background-color: rgb(99 148 72/var(--tw-bg-opacity)) } .peer:checked~.peer-checked\:after\:translate-x-4:after { content: var(--tw-content); --tw-translate-x: 1rem; 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)) } .peer:hover~.peer-hover\:bg-gray-300 { --tw-bg-opacity: 1; background-color: rgb(214 214 214/var(--tw-bg-opacity)) } .peer:checked:hover~.peer-checked\:peer-hover\:bg-functional-green-400 { --tw-bg-opacity: 1; background-color: rgb(127 176 105/var(--tw-bg-opacity)) } .peer:disabled~.peer-disabled\:cursor-default { cursor: default } .peer:disabled~.peer-disabled\:bg-gray-300 { --tw-bg-opacity: 1; background-color: rgb(214 214 214/var(--tw-bg-opacity)) } .peer:disabled~.peer-disabled\:text-gray-400 { --tw-text-opacity: 1; color: rgb(178 178 178/var(--tw-text-opacity)) } .peer:disabled~.after\:peer-disabled\:opacity-60:after { content: var(--tw-content); opacity: .6 } .peer:checked:disabled~.peer-checked\:peer-disabled\:bg-functional-green-300 { --tw-bg-opacity: 1; background-color: rgb(148 189 130/var(--tw-bg-opacity)) } [dir=ltr] .ltr\:right-0 { right: 0 } [dir=ltr] .ltr\:right-1 { right: .25rem } [dir=ltr] .ltr\:-left-3 { left: -.75rem } [dir=ltr] .ltr\:mr-3 { margin-right: .75rem } [dir=ltr] .ltr\:mr-2 { margin-right: .5rem } [dir=ltr] .ltr\:-ml-8 { margin-left: -2rem } [dir=ltr] .ltr\:ml-3 { margin-left: .75rem } [dir=ltr] .ltr\:ml-2 { margin-left: .5rem } [dir=ltr] .ltr\:ml-5 { margin-left: 1.25rem } [dir=ltr] .ltr\:-mr-8 { margin-right: -2rem } [dir=ltr] .ltr\:ml-1 { margin-left: .25rem } [dir=ltr] .ltr\:translate-x-full { --tw-translate-x: 100% } [dir=ltr] .ltr\:rotate-180,[dir=ltr] .ltr\:translate-x-full { 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)) } [dir=ltr] .ltr\:rotate-180 { --tw-rotate: 180deg } [dir=ltr] .ltr\:-rotate-180 { --tw-rotate: -180deg; 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)) } [dir=ltr] .ltr\:rounded-l { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem } [dir=ltr] .ltr\:rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0 } [dir=ltr] .ltr\:rounded-r { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem } [dir=ltr] .ltr\:rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0 } [dir=ltr] .ltr\:rounded-tl-lg { border-top-left-radius: .5rem } [dir=ltr] .ltr\:rounded-tr-lg { border-top-right-radius: .5rem } [dir=ltr] .ltr\:pr-2 { padding-right: .5rem } [dir=ltr] .ltr\:pl-5 { padding-left: 1.25rem } [dir=ltr] .ltr\:text-right { text-align: right } [dir=rtl] .rtl\:right-5 { right: 1.25rem } [dir=rtl] .rtl\:left-2 { left: .5rem } [dir=rtl] .rtl\:right-auto { right: auto } [dir=rtl] .rtl\:-left-2 { left: -.5rem } [dir=rtl] .rtl\:left-0 { left: 0 } [dir=rtl] .rtl\:left-5 { left: 1.25rem } [dir=rtl] .rtl\:left-1 { left: .25rem } [dir=rtl] .rtl\:-right-3 { right: -.75rem } [dir=rtl] .rtl\:right-\[90\%\] { right: 90% } [dir=rtl] .rtl\:right-\[unset\] { right: unset } [dir=rtl] .rtl\:right-0 { right: 0 } [dir=rtl] .rtl\:order-1 { order: 1 } [dir=rtl] .rtl\:float-left { float: left } [dir=rtl] .rtl\:ml-3 { margin-left: .75rem } [dir=rtl] .rtl\:ml-2 { margin-left: .5rem } [dir=rtl] .rtl\:-mr-8 { margin-right: -2rem } [dir=rtl] .rtl\:mr-3 { margin-right: .75rem } [dir=rtl] .rtl\:mr-2 { margin-right: .5rem } [dir=rtl] .rtl\:mr-5 { margin-right: 1.25rem } [dir=rtl] .rtl\:\!mr-5 { margin-right: 1.25rem!important } [dir=rtl] .rtl\:-ml-8 { margin-left: -2rem } [dir=rtl] .rtl\:ml-0 { margin-left: 0 } [dir=rtl] .rtl\:mr-28 { margin-right: 7rem } [dir=rtl] .rtl\:mr-1 { margin-right: .25rem } [dir=rtl] .rtl\:mr-0 { margin-right: 0 } [dir=rtl] .rtl\:-translate-x-full { --tw-translate-x: -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)) } [dir=rtl] .rtl\:flex-row-reverse { flex-direction: row-reverse } [dir=rtl] .rtl\:space-x-2>:not([hidden])~:not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.5rem * var(--tw-space-x-reverse)); margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse))) } [dir=rtl] .rtl\:rounded-r { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem } [dir=rtl] .rtl\:rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0 } [dir=rtl] .rtl\:rounded-l { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem } [dir=rtl] .rtl\:rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0 } [dir=rtl] .rtl\:rounded-tr-lg { border-top-right-radius: .5rem } [dir=rtl] .rtl\:rounded-tl-lg { border-top-left-radius: .5rem } [dir=rtl] .rtl\:pl-0 { padding-left: 0 } [dir=rtl] .rtl\:pr-2 { padding-right: .5rem } [dir=rtl] .rtl\:pr-0 { padding-right: 0 } [dir=rtl] .rtl\:pl-2 { padding-left: .5rem } [dir=rtl] .rtl\:pr-6 { padding-right: 1.5rem } [dir=rtl] .rtl\:pr-5 { padding-right: 1.25rem } [dir=rtl] .rtl\:pr-1 { padding-right: .25rem } [dir=rtl] .rtl\:pt-1 { padding-top: .25rem } [dir=rtl] .rtl\:pr-12 { padding-right: 3rem } [dir=rtl] .rtl\:pr-3 { padding-right: .75rem } [dir=rtl] .rtl\:text-left { text-align: left } [dir=rtl] .rtl\:text-right { text-align: right } [dir=rtl] .rtl\:font-rtl { font-family: Tajawal,sans-serif } [dir=rtl] .rtl\:font-\[Tajawal\] { font-family: Tajawal } [dir=rtl] .rtl\:text-sm { font-size: .875rem } [dir=rtl] .rtl\:\[direction\:ltr\] { direction: ltr } [dir=rtl] .peer:checked~.rtl\:peer-checked\:after\:-translate-x-4:after { content: var(--tw-content); --tw-translate-x: -1rem; 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)) } @media (min-width: 550px) { .xs\:ml-2 { margin-left:.5rem } .xs\:w-max { width: -moz-max-content; width: max-content } .xs\:grid-cols-12 { grid-template-columns: repeat(12,minmax(0,1fr)) } .xs\:gap-6 { gap: 1.5rem } .xs\:px-0 { padding-left: 0; padding-right: 0 } .xs\:py-3 { padding-top: .75rem; padding-bottom: .75rem } .xs\:py-2 { padding-top: .5rem; padding-bottom: .5rem } .xs\:text-3xl { font-size: 1.5rem } .xs\:text-base { font-size: 1rem } .xs\:leading-4 { line-height: 1.75rem } } @media (min-width: 768px) { .sm\:typography-h1 { font-family:Lexend; font-weight: 600 } [dir=rtl] .sm\:typography-h1 { font-family: Tajawal,sans-serif } .sm\:typography-h1 { font-size: 1.875rem; line-height: 2.5rem } @media (min-width: 1440px) { .sm\:typography-h1 { font-size:2.5rem; line-height: 3rem } } .sm\:typography-h2 { font-family: Lexend; font-weight: 600 } [dir=rtl] .sm\:typography-h2 { font-family: Tajawal,sans-serif } .sm\:typography-h2 { font-size: 1.5rem; line-height: 1.75rem } @media (min-width: 1440px) { .sm\:typography-h2 { font-size:2rem; line-height: 2.5rem } } .sm\:absolute { position: absolute } .sm\:bottom-10 { bottom: 2.5rem } .sm\:top-2\/4 { top: 50% } .sm\:left-2\/4 { left: 50% } .sm\:top-10 { top: 2.5rem } .sm\:left-10 { left: 2.5rem } .sm\:right-10 { right: 2.5rem } .sm\:top-24 { top: 6rem } .sm\:\!top-\[unset\] { top: unset!important } .sm\:\!bottom-\[-150px\] { bottom: -150px!important } .sm\:order-1 { order: 1 } .sm\:order-2 { order: 2 } .sm\:col-span-9 { grid-column: span 9/span 9 } .sm\:col-span-3 { grid-column: span 3/span 3 } .sm\:col-span-10 { grid-column: span 10/span 10 } .sm\:col-span-1 { grid-column: span 1/span 1 } .sm\:col-span-2 { grid-column: span 2/span 2 } .sm\:col-span-4 { grid-column: span 4/span 4 } .sm\:col-span-7 { grid-column: span 7/span 7 } .sm\:col-span-6 { grid-column: span 6/span 6 } .sm\:col-span-5 { grid-column: span 5/span 5 } .sm\:col-span-12 { grid-column: span 12/span 12 } .sm\:col-span-8 { grid-column: span 8/span 8 } .sm\:col-start-4 { grid-column-start: 4 } .sm\:col-start-1 { grid-column-start: 1 } .sm\:col-start-7 { grid-column-start: 7 } .sm\:row-span-2 { grid-row: span 2/span 2 } .sm\:row-start-1 { grid-row-start: 1 } .sm\:row-start-2 { grid-row-start: 2 } .sm\:m-8 { margin: 2rem } .sm\:my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem } .sm\:my-0 { margin-top: 0; margin-bottom: 0 } .sm\:mx-5 { margin-left: 1.25rem; margin-right: 1.25rem } .sm\:mx-3 { margin-left: .75rem; margin-right: .75rem } .sm\:mx-0 { margin-left: 0; margin-right: 0 } .sm\:-mx-8 { margin-left: -2rem; margin-right: -2rem } .sm\:mb-20 { margin-bottom: 5rem } .sm\:mb-0 { margin-bottom: 0 } .sm\:mt-0 { margin-top: 0 } .sm\:mb-8 { margin-bottom: 2rem } .sm\:mb-10 { margin-bottom: 2.5rem } .sm\:mt-3 { margin-top: .75rem } .sm\:mb-14 { margin-bottom: 3.5rem } .sm\:ml-0 { margin-left: 0 } .sm\:mt-\[13\%\] { margin-top: 13% } .sm\:mb-12 { margin-bottom: 3rem } .sm\:block { display: block } .sm\:flex { display: flex } .sm\:hidden { display: none } .sm\:h-auto { height: auto } .sm\:h-\[50vw\] { height: 50vw } .sm\:h-\[600px\] { height: 600px } .sm\:h-\[fit-content\] { height: -moz-fit-content; height: fit-content } .sm\:max-h-\[720px\] { max-height: 720px } .sm\:max-h-\[44rem\] { max-height: 44rem } .sm\:max-h-64 { max-height: 16rem } .sm\:min-h-\[95px\] { min-height: 95px } .sm\:min-h-\[500px\] { min-height: 500px } .sm\:w-\[80\%\] { width: 80% } .sm\:w-3\/4 { width: 75% } .sm\:w-1\/2,.sm\:w-3\/6 { width: 50% } .sm\:w-fit { width: -moz-fit-content; width: fit-content } .sm\:w-\[270px\] { width: 270px } .sm\:w-\[318px\] { width: 318px } .sm\:w-\[160px\] { width: 160px } .sm\:w-1\/3 { width: 33.333333% } .sm\:w-2\/4 { width: 50% } .sm\:w-full { width: 100% } .sm\:min-w-\[unset\] { min-width: unset } .sm\:max-w-xs { max-width: 20rem } .sm\:max-w-\[450px\] { max-width: 450px } .sm\:max-w-\[300px\] { max-width: 300px } .sm\:max-w-\[768px\] { max-width: 768px } .sm\:max-w-\[638px\] { max-width: 638px } .sm\:max-w-lg { max-width: 32rem } .sm\:max-w-\[335px\] { max-width: 335px } .sm\:max-w-\[480px\] { max-width: 480px } .sm\:max-w-\[633px\] { max-width: 633px } .sm\:max-w-\[645px\] { max-width: 645px } .sm\:flex-1 { flex: 1 1 0% } .sm\:-translate-x-1\/2 { --tw-translate-x: -50% } .sm\:-translate-x-1\/2,.sm\:-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)) } .sm\:-translate-y-1\/2 { --tw-translate-y: -50% } .sm\:transform-none { transform: none } .sm\:grid-cols-12 { grid-template-columns: repeat(12,minmax(0,1fr)) } .sm\:grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) } .sm\:grid-cols-9 { grid-template-columns: repeat(9,minmax(0,1fr)) } .sm\:grid-cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)) } .sm\:grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) } .sm\:grid-cols-8 { grid-template-columns: repeat(8,minmax(0,1fr)) } .sm\:flex-row { flex-direction: row } .sm\:flex-row-reverse { flex-direction: row-reverse } .sm\:flex-col-reverse { flex-direction: column-reverse } .sm\:items-start { align-items: flex-start } .sm\:items-center { align-items: center } .sm\:justify-start { justify-content: flex-start } .sm\:gap-5 { gap: 1.25rem } .sm\:gap-10 { gap: 2.5rem } .sm\:gap-12 { gap: 3rem } .sm\:gap-24 { gap: 6rem } .sm\:gap-4 { gap: 1rem } .sm\:gap-6 { gap: 1.5rem } .sm\:gap-8 { gap: 2rem } .sm\:gap-y-20 { row-gap: 5rem } .sm\:gap-x-10 { -moz-column-gap: 2.5rem; column-gap: 2.5rem } .sm\:whitespace-normal { white-space: normal } .sm\:rounded-2xl { border-radius: 1rem } .sm\:rounded-lg { border-radius: .5rem } .sm\:rounded-xl { border-radius: .75rem } .sm\:rounded-md { border-radius: .375rem } .sm\:border-4 { border-width: 4px } .sm\:border-y { border-top-width: 1px } .sm\:border-b,.sm\:border-y { border-bottom-width: 1px } .sm\:border-none { border-style: none } .sm\:bg-gray-50 { --tw-bg-opacity: 1; background-color: rgb(248 248 248/var(--tw-bg-opacity)) } .sm\:bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)) } .sm\:p-0 { padding: 0 } .sm\:p-4 { padding: 1rem } .sm\:p-10 { padding: 2.5rem } .sm\:p-8 { padding: 2rem } .sm\:p-6 { padding: 1.5rem } .sm\:py-24 { padding-top: 6rem; padding-bottom: 6rem } .sm\:px-20 { padding-left: 5rem; padding-right: 5rem } .sm\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem } .sm\:px-16 { padding-left: 4rem; padding-right: 4rem } .sm\:py-16 { padding-top: 4rem; padding-bottom: 4rem } .sm\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem } .sm\:px-0 { padding-left: 0; padding-right: 0 } .sm\:py-12 { padding-top: 3rem; padding-bottom: 3rem } .sm\:py-20 { padding-top: 5rem; padding-bottom: 5rem } .sm\:py-3 { padding-top: .75rem; padding-bottom: .75rem } .sm\:px-8 { padding-left: 2rem; padding-right: 2rem } .sm\:px-14 { padding-left: 3.5rem; padding-right: 3.5rem } .sm\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem } .sm\:px-12 { padding-left: 3rem; padding-right: 3rem } .sm\:px-4 { padding-left: 1rem; padding-right: 1rem } .sm\:pl-8 { padding-left: 2rem } .sm\:pl-9 { padding-left: 2.25rem } .sm\:pr-9 { padding-right: 2.25rem } .sm\:pt-10 { padding-top: 2.5rem } .sm\:pb-24 { padding-bottom: 6rem } .sm\:pr-8 { padding-right: 2rem } .sm\:pt-0 { padding-top: 0 } .sm\:pr-10 { padding-right: 2.5rem } .sm\:pt-9 { padding-top: 2.25rem } .sm\:pl-2 { padding-left: .5rem } .sm\:pb-7 { padding-bottom: 1.75rem } .sm\:pt-8 { padding-top: 2rem } .sm\:pr-4 { padding-right: 1rem } .sm\:pb-8 { padding-bottom: 2rem } .sm\:pb-4 { padding-bottom: 1rem } .sm\:pb-12 { padding-bottom: 3rem } .sm\:pr-7 { padding-right: 1.75rem } .sm\:pb-0 { padding-bottom: 0 } .sm\:text-center { text-align: center } .sm\:text-3xl { font-size: 1.5rem } .sm\:text-lg { font-size: 1.125rem } .sm\:text-base { font-size: 1rem } .sm\:text-xl { font-size: 1.25rem } .sm\:text-xs { font-size: .75rem } .sm\:font-normal { font-weight: 400 } .sm\:leading-6 { line-height: 2.5rem } .sm\:leading-3 { line-height: 1.625rem } .sm\:duration-700 { transition-duration: .7s } [dir=ltr] .sm\:ltr\:left-2\/4 { left: 50% } [dir=ltr] .ltr\:sm\:-ml-10 { margin-left: -2.5rem } [dir=ltr] .sm\:ltr\:ml-4 { margin-left: 1rem } [dir=ltr] .ltr\:sm\:pr-4 { padding-right: 1rem } [dir=rtl] .sm\:rtl\:left-10 { left: 2.5rem } [dir=rtl] .rtl\:sm\:-mr-10 { margin-right: -2.5rem } [dir=rtl] .sm\:rtl\:mr-4 { margin-right: 1rem } [dir=rtl] .rtl\:sm\:pr-8 { padding-right: 2rem } [dir=rtl] .sm\:rtl\:pr-2 { padding-right: .5rem } [dir=rtl] .sm\:rtl\:pl-0 { padding-left: 0 } [dir=rtl] .rtl\:sm\:pl-4 { padding-left: 1rem } } @media (min-width: 1024px) { .sp\:top-0 { top:0 } .sp\:col-span-3 { grid-column: span 3/span 3 } .sp\:ml-0 { margin-left: 0 } .sp\:block { display: block } .sp\:flex { display: flex } .sp\:hidden { display: none } .sp\:w-28 { width: 7rem } .sp\:w-\[480px\] { width: 480px } .sp\:w-full { width: 100% } .sp\:min-w-\[480px\] { min-width: 480px } .sp\:grid-cols-9 { grid-template-columns: repeat(9,minmax(0,1fr)) } .sp\:flex-row { flex-direction: row } .sp\:flex-col-reverse { flex-direction: column-reverse } .sp\:justify-between { justify-content: space-between } .sp\:gap-\[1px\] { gap: 1px } .sp\:rounded { border-radius: .25rem } .sp\:bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)) } .sp\:bg-opacity-10 { --tw-bg-opacity: 0.1 } .sp\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem } .sp\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem } .sp\:py-12 { padding-top: 3rem; padding-bottom: 3rem } } @media (min-width: 1200px) { .md\:static { position:static } .md\:z-auto { z-index: auto } .md\:col-span-10 { grid-column: span 10/span 10 } .md\:col-span-2 { grid-column: span 2/span 2 } .md\:col-span-6 { grid-column: span 6/span 6 } .md\:col-span-4 { grid-column: span 4/span 4 } .md\:col-span-8 { grid-column: span 8/span 8 } .md\:col-span-3 { grid-column: span 3/span 3 } .md\:col-span-9 { grid-column: span 9/span 9 } .md\:col-span-12 { grid-column: span 12/span 12 } .md\:col-start-2 { grid-column-start: 2 } .md\:col-start-5 { grid-column-start: 5 } .md\:col-start-3 { grid-column-start: 3 } .md\:col-start-1 { grid-column-start: 1 } .md\:row-span-2 { grid-row: span 2/span 2 } .md\:m-12 { margin: 3rem } .md\:mx-9 { margin-left: 2.25rem; margin-right: 2.25rem } .md\:my-4 { margin-top: 1rem; margin-bottom: 1rem } .md\:my-2 { margin-top: .5rem; margin-bottom: .5rem } .md\:mx-auto { margin-left: auto; margin-right: auto } .md\:mb-10 { margin-bottom: 2.5rem } .md\:mb-0 { margin-bottom: 0 } .md\:ml-2 { margin-left: .5rem } .md\:block { display: block } .md\:hidden { display: none } .md\:min-h-\[433px\] { min-height: 433px } .md\:w-2\/4 { width: 50% } .md\:w-\[566px\] { width: 566px } .md\:w-\[253px\] { width: 253px } .md\:w-full { width: 100% } .md\:w-max { width: -moz-max-content; width: max-content } .md\:flex-1 { flex: 1 1 0% } .md\:grid-cols-12 { grid-template-columns: repeat(12,minmax(0,1fr)) } .md\:flex-row { flex-direction: row } .md\:justify-center { justify-content: center } .md\:gap-2 { gap: .5rem } .md\:space-x-5>:not([hidden])~:not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1.25rem * var(--tw-space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))) } .md\:bg-gray-50 { --tw-bg-opacity: 1; background-color: rgb(248 248 248/var(--tw-bg-opacity)) } .md\:bg-transparent { background-color: transparent } .md\:p-0 { padding: 0 } .md\:px-\[10\] { padding-left: 10; padding-right: 10 } .md\:py-8 { padding-top: 2rem; padding-bottom: 2rem } .md\:px-12 { padding-left: 3rem; padding-right: 3rem } .md\:px-2 { padding-left: .5rem; padding-right: .5rem } .md\:px-0 { padding-left: 0; padding-right: 0 } .md\:px-3 { padding-left: .75rem; padding-right: .75rem } .md\:pr-4 { padding-right: 1rem } .md\:pb-0 { padding-bottom: 0 } .md\:pl-6 { padding-left: 1.5rem } .md\:pt-2 { padding-top: .5rem } .md\:pb-1 { padding-bottom: .25rem } .md\:text-lg { font-size: 1.125rem } .md\:text-xl { font-size: 1.25rem } .md\:text-2xl { font-size: 1.375rem } .md\:text-base { font-size: 1rem } .md\:text-6xl { font-size: 2.25rem } [dir=ltr] .ltr\:md\:-mr-14 { margin-right: -3.5rem } [dir=rtl] .rtl\:md\:-ml-14 { margin-left: -3.5rem } [dir=rtl] .rtl\:md\:ml-5 { margin-left: 1.25rem } [dir=rtl] .rtl\:md\:space-x-5>:not([hidden])~:not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1.25rem * var(--tw-space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))) } } @media (min-width: 1440px) { .lg\:col-span-3 { grid-column:span 3/span 3 } .lg\:m-28 { margin: 7rem } .lg\:mb-3 { margin-bottom: .75rem } .lg\:h-\[312px\] { height: 312px } .lg\:w-\[768px\] { width: 768px } .lg\:w-\[700px\] { width: 700px } .lg\:max-w-xl { max-width: 36rem } .lg\:grid-cols-12 { grid-template-columns: repeat(12,minmax(0,1fr)) } .lg\:gap-8 { gap: 2rem } .lg\:gap-4 { gap: 1rem } .lg\:space-x-5>:not([hidden])~:not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1.25rem * var(--tw-space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))) } .lg\:p-3 { padding: .75rem } .lg\:p-10 { padding: 2.5rem } .lg\:px-20 { padding-left: 5rem; padding-right: 5rem } .lg\:px-32 { padding-left: 8rem; padding-right: 8rem } .lg\:px-0 { padding-left: 0; padding-right: 0 } .lg\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem } .lg\:pt-20 { padding-top: 5rem } .lg\:leading-8 { line-height: 3.25rem } [dir=ltr] .lg\:ltr\:ml-6 { margin-left: 1.5rem } [dir=rtl] .lg\:rtl\:left-20 { left: 5rem } [dir=rtl] .lg\:rtl\:mr-6 { margin-right: 1.5rem } [dir=rtl] .rtl\:lg\:ml-5 { margin-left: 1.25rem } [dir=rtl] .rtl\:lg\:space-x-5>:not([hidden])~:not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1.25rem * var(--tw-space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))) } } @media (min-width: 1920px) { .xl\:container { width:100% } @media (min-width: 550px) { .xl\:container { max-width:550px } } @media (min-width: 768px) { .xl\:container { max-width:768px } } @media (min-width: 1024px) { .xl\:container { max-width:1024px } } @media (min-width: 1200px) { .xl\:container { max-width:1200px } } @media (min-width: 1440px) { .xl\:container { max-width:1440px } } @media (min-width: 1920px) { .xl\:container { max-width:1920px; padding-right: 5rem; padding-left: 5rem } } .xl\:col-span-2 { grid-column: span 2/span 2 } .xl\:w-\[567px\] { width: 567px } .xl\:w-\[566px\] { width: 566px } .xl\:max-w-4xl { max-width: 56rem } .xl\:max-w-full { max-width: 100% } .xl\:grid-cols-10 { grid-template-columns: repeat(10,minmax(0,1fr)) } .xl\:grid-cols-12 { grid-template-columns: repeat(12,minmax(0,1fr)) } .xl\:items-start { align-items: flex-start } .xl\:px-0 { padding-left: 0; padding-right: 0 } }
Copyright © 2024 -present Wholesale And Retail. All rights reserved.