@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(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

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

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

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

.swiper-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 {
    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 {
    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
}

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

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

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

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

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

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

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

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

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

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

.swiper-button-prev,
.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: .3s opacity;
    transform: translateZ(0);
    z-index: 10
}

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

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

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 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;
    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: .2s transform, .2s top
}

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

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

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

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

.swiper-pagination-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
}

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

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

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

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

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

.swiper-scrollbar-lock {
    display: none
}

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

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

.swiper-slide-zoomed {
    cursor: move
}

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

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

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

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

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

    to {
        transform: rotate(360deg)
    }
}

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

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

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

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

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

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

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

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

.swiper-cube {
    overflow: visible
}

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

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

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

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

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

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

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

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

.swiper-flip {
    overflow: visible
}

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

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

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

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

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

.swiper-cards {
    overflow: visible
}

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

@font-face {
    font-family: Bakh;
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/yb100-e2b13357.woff) format("woff")
}

@font-face {
    font-family: Bakh;
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/yb200-6b908ad4.woff) format("woff")
}

@font-face {
    font-family: Bakh;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/yb300-9fbd5abb.woff) format("woff")
}

@font-face {
    font-family: Bakh;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/yb400-f8729575.woff) format("woff")
}

@font-face {
    font-family: Bakh;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/yb500-30fc336e.woff) format("woff")
}

@font-face {
    font-family: Bakh;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/yb600-f3044c09.woff) format("woff")
}

@font-face {
    font-family: Bakh;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/yb700-b62d8543.woff) format("woff")
}

@font-face {
    font-family: Bakh;
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/yb800-33fd3360.woff) format("woff")
}

@font-face {
    font-family: ubu;
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/Ubuntu-Light-384aae60.woff) format("woff")
}

@font-face {
    font-family: ubu;
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/Ubuntu-Regular-04137ea8.woff) format("woff")
}

@font-face {
    font-family: ubu;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/Ubuntu-Medium-19d329dc.woff) format("woff")
}

@font-face {
    font-family: ubu;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Ubuntu-Bold-d0e3fc0e.woff) format("woff")
}

a {
    user-select: none;
    color: inherit;
    text-decoration: none
}

::-moz-selection {
    color: #757575;
    background: rgba(0, 0, 0, .1)
}

::selection {
    color: #757575;
    background: rgba(0, 0, 0, .1)
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

::-webkit-scrollbar-track {
    background: #ddd
}

::-webkit-scrollbar-thumb {
    transition: var(--standard-transition);
    background: #555
}

::-webkit-scrollbar-thumb:hover {
    background: #333
}

::-moz-selection {
    color: #fff;
    background: #2E5EEE
}

::selection {
    color: #fff;
    background: #2E5EEE
}

@font-face {
    font-family: Sh-icon-set;
    src: url(../fonts/Sh-icon-set-4df009f5.eot?h3y9la);
    src: url(../fonts/Sh-icon-set-4df009f5.eot?h3y9la#iefix) format("embedded-opentype"), url(../fonts/Sh-icon-set-124ff21d.ttf?h3y9la) format("truetype"), url(../fonts/Sh-icon-set-5ccbd959.woff?h3y9la) format("woff"), url(../../img/Sh-icon-set.svg?h3y9la#Sh-icon-set) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class^=icon-1],
[class*=" icon-1"] {
    font-family: Sh-icon-set !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-1Discount-percent:before {
    content: "\e933";
    color: currentColor
}

.icon-1Discount:before {
    content: "\e934";
    color: currentColor
}

.icon-1Information:before {
    content: "\e935";
    color: currentColor
}

.icon-1Link:before {
    content: "\e936";
    color: currentColor
}

.icon-1Heart-filled:before {
    content: "\e937";
    color: currentColor
}

.icon-1Heart-outline:before {
    content: "\e938";
    color: currentColor
}

.icon-1Out-of-stock:before {
    content: "\e932";
    color: currentColor
}

.icon-1Delete:before {
    content: "\e900";
    color: currentColor
}

.icon-1Attachment:before {
    content: "\e901";
    color: currentColor
}

.icon-1Edit:before {
    content: "\e902";
    color: currentColor
}

.icon-1Logout:before {
    content: "\e903";
    color: currentColor
}

.icon-1Partners:before {
    content: "\e904";
    color: currentColor
}

.icon-1Request-order:before {
    content: "\e905";
    color: currentColor
}

.icon-1Dashboard:before {
    content: "\e906";
    color: currentColor
}

.icon-1Orders:before {
    content: "\e907";
    color: currentColor
}

.icon-1Message:before {
    content: "\e908";
    color: currentColor
}

.icon-1Telephone:before {
    content: "\e909";
    color: currentColor
}

.icon-1Location:before {
    content: "\e90a";
    color: currentColor
}

.icon-1Complete:before {
    content: "\e90b";
    color: currentColor
}

.icon-1Add:before {
    content: "\e90c";
    color: currentColor
}

.icon-1Close:before {
    content: "\e90d";
    color: currentColor
}

.icon-1Next:before {
    content: "\e90e";
    color: currentColor
}

.icon-1Previous:before {
    content: "\e90f";
    color: currentColor
}

.icon-1Refresh:before {
    content: "\e910";
    color: currentColor
}

.icon-1Linkedin:before {
    content: "\e911";
    color: currentColor
}

.icon-1Telegram:before {
    content: "\e912";
    color: currentColor
}

.icon-1Instagram:before {
    content: "\e913";
    color: currentColor
}

.icon-1Whatsapp:before {
    content: "\e914";
    color: currentColor
}

.icon-1Safe-payment:before {
    content: "\e915";
    color: currentColor
}

.icon-1Clock:before {
    content: "\e916";
    color: currentColor
}

.icon-1Comment:before {
    content: "\e917";
    color: currentColor
}

.icon-1Review:before {
    content: "\e918";
    color: currentColor
}

.icon-1specs:before {
    content: "\e919";
    color: currentColor
}

.icon-1Verified:before {
    content: "\e91a";
    color: currentColor
}

.icon-1Battery:before {
    content: "\e91b";
    color: currentColor
}

.icon-1Screen-size:before {
    content: "\e91c";
    color: currentColor
}

.icon-1Camera:before {
    content: "\e91d";
    color: currentColor
}

.icon-1CPU:before {
    content: "\e91e";
    color: currentColor
}

.icon-1RAM:before {
    content: "\e91f";
    color: currentColor
}

.icon-1PC-storage:before {
    content: "\e920";
    color: currentColor
}

.icon-1Graphic-card:before {
    content: "\e921";
    color: currentColor
}

.icon-1Card:before {
    content: "\e922";
    color: currentColor
}

.icon-1Return-product:before {
    content: "\e923";
    color: currentColor
}

.icon-1Guarantee:before {
    content: "\e924";
    color: currentColor
}

.icon-1Truck:before {
    content: "\e925";
    color: currentColor
}

.icon-1Share:before {
    content: "\e926";
    color: currentColor
}

.icon-1Compare:before {
    content: "\e928";
    color: currentColor
}

.icon-1Saved:before {
    content: "\e927";
    color: currentColor
}

.icon-1Account:before {
    content: "\e929";
    color: currentColor
}

.icon-1Cart:before {
    content: "\e92a";
    color: currentColor
}

.icon-1Search:before {
    content: "\e92b";
    color: currentColor
}

.icon-1Smartwatch:before {
    content: "\e92c";
    color: currentColor
}

.icon-1Headset:before {
    content: "\e92d";
    color: currentColor
}

.icon-1Charger:before {
    content: "\e92e";
    color: currentColor
}

.icon-1Phone:before {
    content: "\e92f";
    color: currentColor
}

.icon-1Mouse:before {
    content: "\e930";
    color: currentColor
}

.icon-1Laptop:before {
    content: "\e931";
    color: currentColor
}

.custom-select {
    position: relative;
    font-family: Arial
}

.custom-select select {
    display: none
}

.select-selected {
    background-color: #1e90ff;
    border-radius: 5px
}

.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent
}

.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px
}

.select-items div,
.select-selected {
    color: #fff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, .1) transparent;
    cursor: pointer;
    user-select: none
}

.select-items {
    position: absolute;
    background-color: #1e90ff;
    border-radius: 5px;
    top: calc(100% - 10px);
    left: 0;
    right: 0;
    z-index: 99;
    padding-top: 10px;
    transition: all ease .3s
}

.select-hide {
    visibility: hidden;
    opacity: 0;
    transform: translatey(-5px);
    transition: all ease .3s
}

.select-items div:hover,
.same-as-selected {
    background-color: #0000001a
}

.checkbox-container {
    display: flex;
    align-items: center;
    gap: .75rem;
    position: relative;
    margin-bottom: .75rem;
    cursor: pointer;
    font-size: 1rem;
    user-select: none
}

.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkbox-checkmark {
    height: 1rem;
    width: 1rem;
    border-radius: .25rem;
    transition: all ease .2s;
    box-sizing: border-box
}

.checkbox-container:hover input~.checkbox-checkmark {
    background-color: rgba(var(--m-color-gray2), .2)
}

.checkbox-checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.checkbox-container input:checked~.checkbox-checkmark:after {
    display: block
}

.checkbox-container .checkbox-checkmark {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-items: center
}

.checkbox-container .checkbox-checkmark:after {
    width: .125rem;
    height: .313rem;
    border: solid white;
    border-width: 0 .094rem .094rem 0;
    transform: rotate(45deg)
}

.filter-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease
}

@keyframes shimmer {
    to {
        transform: translate(100%)
    }
}

#mobiles .packages div {
    background-repeat: no-repeat;
    background-position: right bottom
}

#mobiles .discount div {
    background-repeat: no-repeat;
    background-position: right top
}

#mobiles .discount svg:nth-child(2) {
    animation: pulse1 2s infinite linear;
}

#mobiles .discount svg:nth-child(3) {
    display: none;
}

#mobiles .productSwiper .percent {
    background-repeat: no-repeat;
    background-position: left top;
    transform: rotate(-15deg)
}

#mobiles .productSwiper .price .old {
    text-decoration: line-through;
    font-weight: 500;
    font-size: 13px;
    line-height: 150%;
    text-align: center;
    color: #81858e;
    bottom: -.625rem;
    position: relative;
    left: -2.513rem
}

#mobiles .swiper-button-next2.swiper-button-disabled {
    background-image: url(../../img/right-arrow.svg) !important;
    background-color: unset;
    transform: rotate(180deg)
}

#mobiles .swiper-button-prev2.swiper-button-disabled {
    background-image: url(../../img/right-arrow.svg) !important;
    background-color: unset;
    transform: rotate(0)
}

#mobiles .swiper-button-prev2,
#mobiles .swiper-button-next2 {
    background-repeat: no-repeat !important;
    background-position: center !important;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

#mobiles .swiper-button-next2 {
    left: -3.25rem;
    right: auto;
    background-image: url(../../img/left-arrow.svg) !important
}

#mobiles .swiper-button-prev2 {
    right: -3.25rem;
    left: auto;
    background-image: url(../../img/left-arrow.svg) !important;
    transform: rotate(180deg)
}

#mobiles .swiper-button-prev2:after,
#mobiles .swiper-button-next2:after {
    content: ""
}

#mobiles .productSwiper .swiper-slide {
    transition: .5s !important;
    position: relative;
    top: 0
}

#mobiles .productSwiper .swiper-slide:hover {
    top: -16px
}

#mobiles .productSwiper .swiper-slide .title {
    transition: .5s
}

#mobiles .productSwiper .swiper-slide:hover .title {
    color: #2E5EEE
}

#mobiles .newProductSwiper2 .card-action {
    flex-direction: column
}

#mobiles .newProductSwiper2 .card-action a {
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    visibility: hidden;
    transition: .5s
}

#mobiles .newProductSwiper2 .swiper-slide:hover .card-action a {
    opacity: 1;
    visibility: visible
}

#mobiles .newProductSwiper2 .swiper-slide .title {
    transition: .5s;
    overflow: hidden;
    white-space: nowrap
}

#mobiles .newProductSwiper2 .swiper-slide:hover .title {
    color: #2E5EEE
}

#mobiles .newProductSwiper2 .swiper-slide .overlay {
    -webkit-box-shadow: inset 90px 0px 50px -30px #ffffff;
    box-shadow: inset 90px 0 50px -30px #fff
}

#mobiles .newProductSwiper2 .swiper-slide .sold {
    text-orientation: mixed;
    transform: rotate(180deg);
    writing-mode: vertical-rl
}

#mobiles .newProductSwiper2 .swiper-slide .hardwares li {
    list-style: none
}

#mobiles .newProductSwiper2 .swiper-slide .hardwares li div {
    background-position: center;
    background-repeat: no-repeat
}

@media screen and (max-width: 1620px) {
    #mobiles .percent {
        height: 40px !important
    }
}

@media screen and (max-width: 1200px) {
    #mobiles .swiper-button-next2 {
        left: 22px
    }

    #mobiles .swiper-button-prev2 {
        right: 22px
    }
}

@media screen and (max-width: 576px) {

    #mobiles .swiper-button-next2,
    #mobiles .swiper-button-prev2 {
        display: none
    }

    #mobiles .discount-text {
        flex-direction: column
    }

    #mobiles .newProductSwiper2 .swiper-slide .sold {
        width: 5.5rem;
        height: 1.9rem;
        z-index: 1;
        text-orientation: unset;
        writing-mode: unset;
        transform: unset
    }

    #mobiles .newProductSwiper2 .swiper-slide .card-action {
        top: 1.25rem;
        flex-direction: row;
        gap: .8rem;
        z-index: 1
    }
}

#janebi .swiper-button-next3.swiper-button-disabled {
    background-image: url(../../img/lll.svg) !important;
    background-color: unset;
    transform: rotate(0);
    opacity: .4
}

#janebi .swiper-button-prev3.swiper-button-disabled {
    background-image: url(../../img/lll.svg) !important;
    background-color: unset;
    transform: rotate(180deg);
    opacity: .4
}

#janebi .swiper-button-prev3,
#janebi .swiper-button-next3 {
    background-repeat: no-repeat !important;
    background-position: center !important;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent
}

#janebi .swiper-button-next3 {
    left: -3.25rem;
    right: auto;
    background-image: url(../../img/lll.svg) !important
}

#janebi .swiper-button-prev3 {
    right: -3.25rem;
    left: auto;
    background-image: url(../../img/lll.svg) !important;
    transform: rotate(180deg)
}

#janebi .swiper-button-prev3:after,
#janebi .swiper-button-next3:after {
    content: ""
}

.objcover {
    object-fit: cover;
    object-position: center
}

.msg-gone {
    transition: .3s all;
    bottom: 0 !important;
    opacity: 0;
    visibility: hidden
}

.blog-search::placeholder {
    color: #878b96;
    opacity: 1
}

#blog-slider .swiper-pagination-bullet {
    background-color: #fff !important
}

#blog-slider .swiper-pagination-bullet-active {
    height: 1.35rem;
    border-radius: .3rem
}

.cm-text::placeholder,
#discountInp::placeholder,
input::placeholder {
    color: #909298;
    opacity: 1
}

.wrong-input,
.wrong-input:focus {
    border-color: #ff7d7d !important
}

.correct-input,
.correct-input:focus {
    border-color: #67e198 !important
}

.ord-input,
.ord-input:focus {
    border-color: #2E5EEE !important
}

.active-del {
    border-color: #2E5EEE !important
}

.grgr {
    background-image: linear-gradient(to right, #fff, transparent)
}

*:focus {
    outline: none
}

#section2 .packages div {
    background-repeat: no-repeat;
    background-position: right bottom
}

#section2 .discount div {
    background-repeat: no-repeat;
    background-position: right top
}

#section2 .discount svg:nth-child(2) {
    animation: pulse1 5s infinite linear;
}

#section2 .discount svg:nth-child(3) {
    display: none;
}

@keyframes pulse1 {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

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

/*@keyframes pulse2 {*/
/*    0% {*/
/*        opacity: 1*/
/*    }*/
/*    to {*/
/*        transform: scale(3.6)*/
/*    }*/
/*}*/

#section2 .productSwiper .percent {
    background-repeat: no-repeat;
    background-position: left top;
    transform: rotate(-15deg)
}

#section2 .productSwiper .price .old {
    text-decoration: line-through;
    font-weight: 500;
    font-size: 13px;
    line-height: 150%;
    text-align: center;
    color: #81858e;
    bottom: -.625rem;
    position: relative;
    left: -2.513rem
}

#section2 .swiper-button-next.swiper-button-disabled {
    background-image: url(../../img/right-arrow.svg);
    background-color: unset;
    transform: rotate(180deg)
}

#section2 .swiper-button-prev.swiper-button-disabled {
    background-image: url(../../img/right-arrow.svg);
    background-color: unset;
    transform: rotate(0)
}

#section2 .swiper-button-prev,
#section2 .swiper-button-next {
    background-repeat: no-repeat !important;
    background-position: center !important
}

#section2 .swiper-button-next {
    left: -3.25rem;
    right: auto;
    background-image: url(../../img/left-arrow.svg)
}

#section2 .swiper-button-prev {
    right: -3.25rem;
    left: auto;
    background-image: url(../../img/left-arrow.svg);
    transform: rotate(180deg)
}

#section2 .swiper-button-prev:after,
#section2 .swiper-button-next:after {
    content: ""
}

#section2 .productSwiper .swiper-slide {
    transition: .5s !important;
    position: relative;
    top: 0
}

#section2 .productSwiper .swiper-slide:hover {
    top: -16px
}

#section2 .productSwiper .swiper-slide .title {
    transition: .5s
}

#section2 .productSwiper .swiper-slide:hover .title {
    color: #2E5EEE
}

#section2 .newProductSwiper .card-action {
    flex-direction: column
}

#section2 .newProductSwiper .card-action a {
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    visibility: hidden;
    transition: .5s
}

#section2 .newProductSwiper .swiper-slide:hover .card-action a {
    opacity: 1;
    visibility: visible
}

#section2 .newProductSwiper .swiper-slide .title {
    transition: .5s;
    overflow: hidden;
    white-space: nowrap
}

#section2 .newProductSwiper .swiper-slide:hover .title {
    color: #2E5EEE
}

#section2 .newProductSwiper .swiper-slide img {
    transition: .5s
}

#section2 .newProductSwiper .swiper-slide:hover img {
    filter: brightness(1.5)
}

#section2 .newProductSwiper .swiper-slide .overlay {
    -webkit-box-shadow: inset 90px 0px 50px -30px #FFFFFF;
    box-shadow: inset 90px 0 50px -30px #fff
}

#section2 .newProductSwiper .swiper-slide .sold {
    text-orientation: mixed;
    transform: rotate(180deg);
    writing-mode: vertical-rl
}

#section2 .newProductSwiper .swiper-slide .hardwares li {
    list-style: none
}

#section2 .newProductSwiper .swiper-slide .hardwares li div {
    background-position: center;
    background-repeat: no-repeat
}

.bannerSwiper584Prev.swiper-button-disabled,
.bannerSwiper584Next.swiper-button-disabled,
.bannerSwiper584Prev,
.bannerSwiper584Next {
    background-image: none !important;
    transform: rotate(180deg) !important
}

@media screen and (max-width: 1620px) {
    #section2 .percent {
        height: 40px !important
    }
}

@media screen and (max-width: 1200px) {
    #section2 .swiper-button-next {
        left: 22px
    }

    #section2 .swiper-button-prev {
        right: 22px
    }
}

@media screen and (max-width: 576px) {

    #section2 .swiper-button-next,
    #section2 .swiper-button-prev {
        display: none
    }

    #section2 .discount-text {
        flex-direction: column
    }

    #section2 .newProductSwiper .swiper-slide .sold {
        width: 5.5rem;
        height: 1.9rem;
        z-index: 1;
        text-orientation: unset;
        writing-mode: unset;
        transform: unset
    }

    #section2 .newProductSwiper .swiper-slide .card-action {
        top: 1.25rem;
        flex-direction: row;
        gap: .8rem;
        z-index: 1
    }
}

.woocommerce .active-address {
    background: white !important;
    background-image: url(../../img/post-pocket.svg) !important;
    background-position: 0 -0.063rem !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

#dashboard main .top-box.is-address2 {
    --m-bg-c-alpha: 1 !important;
    background-color: rgba(var(--m-color-white), var(--m-bg-c-alpha)) !important;
    background-image: url(../../img/post-pocket.svg) !important;
    background-size: 225% !important;
    background-repeat: no-repeat !important;
}

#list .off-star {
    background: url('../../img/off-star.svg') center no-repeat !important;
    background-size: contain !important;
}

.blog-logo {
    background: url(../../img/blog-logo.svg) center center no-repeat !important;
}

#nav .logo {
    background-size: 100% auto !important;
}

#nav .mob-logo {

    background-size: 100% auto !important;
}

.white-space-nowrap {
    white-space: nowrap;
}