@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
}
}