@font-face {
    font-family: Orion-Bold;
    src: url("./fonts/Orion-Bold.eot") format("eot");
    src: url("./fonts/Orion-Bold.otf") format("opentype");
    src: url("./fonts/Orion-Bold.ttf") format("ttf");
    src: url("./fonts/Orion-Bold.woff") format("woff");
}

@font-face {
    font-family: Orion-Regular;
    src: url("./fonts/Orion-Regular.eot") format("eot");
    src: url("./fonts/Orion-Regular.otf") format("opentype");
    src: url("./fonts/Orion-Regular.ttf") format("ttf");
    src: url("./fonts/Orion-Regular.woff") format("woff");
}

@font-face {
    font-family: Orion-Medium;
    src: url("./fonts/Orion-Medium.eot") format("eot");
    src: url("./fonts/Orion-Medium.otf") format("opentype");
    src: url("./fonts/Orion-Medium.ttf") format("ttf");
    src: url("./fonts/Orion-Medium.woff") format("woff");
}

@font-face {
    font-family: Orion-Black;
    src: url("./fonts/Orion-Black.eot") format("eot");
    src: url("./fonts/Orion-Black.otf") format("opentype");
    src: url("./fonts/Orion-Black.ttf") format("ttf");
    src: url("./fonts/Orion-Black.woff") format("woff");
}

@font-face {
    font-family: Orion-UltraBold;
    src: url("./fonts/Orion-UltraBold.eot") format("eot");
    src: url("./fonts/Orion-UltraBold.otf") format("opentype");
    src: url("./fonts/Orion-UltraBold.ttf") format("ttf");
    src: url("./fonts/Orion-UltraBold.woff") format("woff");
}

@font-face {
    font-family: ClanWeb-Ultra;
    src: url("./fonts/ClanWeb-Ultra.eot") format("eot");
    src: url("./fonts/ClanWeb-Ultra.otf") format("opentype");
    src: url("./fonts/ClanWeb-Ultra.ttf") format("ttf");
    src: url("./fonts/ClanWeb-Ultra.woff") format("woff");
}

* {
    margin: 0;
    padding: 0;
    box-sizing: content-box;
    font-family: "Orion-Regular";
    direction: rtl;
}

body.mobile.Iphone .only_iphone {
    display: block;
}

body .only_mobile {
    display: none;
}

body.mobile .only_mobile {
    display: block;
}

body.only_desktop {
    display: block;
}

body.mobile .only_desktop {
    display: none;
}

.main {
    /* height: 100vh; */
    /* width: 100vw; */
    overflow-x: hidden;
    position: relative;
    padding-block-end: 31vw;
    background: #F3F4F5;
}

.mobile .main {
    height: 100vh;
    /* width: 100vw; */
    overflow-x: hidden;
    position: relative;
    padding-block-end: 108vw;
    background: #F3F4F5;
}

.done {
    position: absolute;
    top: 1.9vw;
    font-size: 0.8vw;
    width: 8vw;
    font-family: 'Orion-regular';
    z-index: 1000;
    left: -1.2vw;
    transform: rotate(-37deg) translate(-0.8vw, -0.1vw);
    color: #fff;
}

.mobile .done {
    position: absolute;
    top: 10vw;
    right: 1vw;
    font-size: 4vw;
    text-align: center;
    font-family: 'Orion-Regular';
    z-index: 1000;
    transform: rotate(-35deg) translate(0.5vw, -0.9vw);
    width: 118vw;
}

.cover {
    position: absolute;
    width: 25vw;
    height: 6%;
    background: #FF3A7A;
    top: 1vw;
    right: 0vw;
    transform: rotate(143deg);
}

.mobile .cover {
    position: absolute;
    z-index: 1000;
    background: gray;
    width: 118%;
    height: 5%;
    /* border-radius: 0vw 0vw 2vw 2vw; */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5vw;
    font-family: Orion-Bold;
    /* opacity: 0.9; */
    top: -2.5vw;
    background: #FF3A7A;
    transform: rotate(145deg);
}

.mobile .swiper-container {
    width: 160%;
    height: auto;
    cursor: grabbing;
    position: absolute;
    top: 133vw;
}

.mobile .info {
    position: relative;
    top: -7vw;
}

.mainText h1 {
    font-size: 4.2vw;
    font-family: Orion-Black;
    color: #FFFFFF;
    position: absolute;
    top: 4.5vw;
    left: 64vw;
    text-align: center;
    line-height: 1;
}

.mobile .mainText h1 {
    font-size: 9.8vw;
    position: absolute;
    z-index: 4;
    font-family: 'Orion-Bold';
    left: 0;
    top: 24vw;
    width: 100%;
}

.mobile .text1 {
    font-size: 4.8vw;
    width: 100%;
    padding: 1vw 10vw 6vw 13vw;
    box-sizing: border-box;
    padding: 1vw 10vw 0vw 5vw;
    position: absolute;
    top: 68vw;
}

.mobile .text2 {
    font-size: 4.8vw;
    width: 100%;
    padding: 1vw 10vw 0vw 7vw;
    box-sizing: border-box;
    position: absolute;
    top: 83vw;
}

.mobile .icon-heart {
    margin: 0vw 2vw;
}

.sofa {
    width: 100%;
    padding-bottom: 10vw;
    object-fit: cover;
    height: 21.1vw;
}

.mobile .sofa {
    width: 100%;
    height: 91.5vw;
}

.flower {
    position: absolute;
    top: 0.4vw;
    right: 41vw;
    width: 40.1vw;
}

.mobile .flower {
    top: 46vw;
    right: 9vw;
    width: 88vw;
}

.logo {
    position: absolute;
    z-index: 9;
    left: 2.5vw;
    width: 15vw;
    top: 2.5vw;
}

.mobile .logo {
    position: absolute;
    z-index: 2;
    top: 12vw;
    left: 32.7vw;
    object-fit: cover;
    width: unset;
}

.items-container {
    position: absolute;
    height: auto;
    left: 8.65vw;
    right: 8.65vw;
    top: 30vw;
    display: flex;
    align-content: center;
    justify-content: center;
    gap: 0.8vw;
}

.content {
    position: absolute;
    font-size: 1.4vw;
    color: #fff;
    line-height: 1.4;
    top: 13.5vw;
    left: 63vw;
    text-align: center;
}

.mobile .content {
    position: absolute;
    font-size: 4.4vw;
    color: #000;
    line-height: 1.4;
    top: 98.5vw;
    left: 0;
    text-align: center;
    width: 100%;
}

.phase {
    font-family: Orion-Black;
    font-size: 1.05vw;
}

.mobile .phase {
    font-family: Orion-Black;
    font-size: 5.2vw;
}

.benefits {
    position: absolute;
    font-size: 1.4vw;
    font-family: 'Orion-Black';
    top: 27.2vw;
    left: 77.3vw;
}

.mobile .benefits {
    font-size: 7.2vw;
    text-align: center;
    position: absolute;
    top: 122vw;
    left: 35vw;
    font-family: 'Orion-Regular';
}

.mobile .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    /* gap: 29vw; */
}

.mobile .content-inside {
    padding: 1vw;
    box-sizing: border-box;
}

body.mobile .swiper-wrapper {
    margin-left: 268vw;
    margin-left: 189vw;
}

.mobile .swiper-container-mobile {
    width: 100%;
    height: auto;
}

.mobile .swiper-slide {
    width: 73.7vw;
}

.swiper-slide-container {
    position: relative;
    background: #ffffff;
    border-radius: 1vw;
    width: 15.9vw;
    height: 31.2vw;
    overflow: hidden;
}

.mobile .swiper-slide-container {
    position: relative;
    background: #ffffff;
    border-radius: 3vw;
    box-shadow: 2px 3px 7px #00000012;
    height: 142.1vw;
    width: 76.9vw;
    height: 150vw;
}

.content-inside {
    padding: 0.52vw 0.58vw;
    box-sizing: border-box;
}

.mobile .content-inside {
    padding: 2.6vw 2.9vw 0vw;
}

.pic {
    width: 100%;
    height: 9vw;
    border-radius: 0.7vw 0.7vw 0 0;
    object-fit: cover;
}

.mobile .pic {
    width: 100%;
    height: 43.5vw;
    border-radius: 3vw 3vw 0 0;
}

.mobile .wrapper {
    position: absolute;
    top: 54.4vw;
}

.mobile .swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 145vw;
    left: 30vw;
    width: 100%;
    bottom: 153vw;
}

.swiper-pagination-bullet-active {
    border: none!important;
    height: 10px!important;
    width: 10px!important;
}

.titleSlider {
    font-size: 1.4vw;
    font-family: 'Orion-Black';
    text-align: center;
    margin-top: 1vw;
}

.mobile .titleSlider {
    text-align: center;
    font-size: 7.2vw;
    font-family: Orion-UltraBold;
    margin-top: -4vw;
}

.contentSlider {
    text-align: center;
    font-size: 0.9vw;
    margin-top: 1vw;
    height: 3.4vw;
}

.contentSlider span {
    font-family: Orion-Bold;
}

.mobile .contentSlider {
    width: 69vw;
    text-align: center;
    font-size: 4vw;
    line-height: 1.3;
    /* padding: 0px 3vw; */
    box-sizing: border-box;
    margin-top: 3vw;
    height: 15vw;
}

.contentSlider.fit {
    margin-top: 1vw;
}

.mobile .contentSlider.fit {
    padding: 0;
}

.mobile .price {
    font-family: 'Orion-Black';
    text-align: center;
    font-size: 4.9vw;
    margin-top: 6vw;
    height: 10vw;
}

.mobile .price.fit {
    margin-top: 3vw;
}

.price {
    font-family: 'Orion-Black';
    text-align: center;
    font-size: 1.14vw;
    margin-top: 1.2vw;
    height: 2vw;
}

.price.fit {
    margin-top: 0.09vw;
}

.price span {
    font-size: 1.56vw;
    font-family: 'Orion-Black';
    font-size: 1.56vw;
}

.mobile .price span {
    font-size: 8vw;
    font-family: 'Orion-Black';
}

span.manui,
.mobile span.shekel {
    font-family: 'Orion-Black';
    text-align: center;
    font-size: 5.8vw;
    font-size: 1.14vw;
}

span.shekelFit {
    font-size: 1.14vw;
}

.mobile span.manui,
.mobile span.shekel {
    font-family: 'Orion-Black';
    text-align: center;
    font-size: 4.8vw;
}

span.manuiPrice {
    font-size: 1.56vw;
}

.mobile span.manuiPrice {
    font-family: 'Orion-Black';
    text-align: center;
    font-size: 8vw;
}

.minOrder {
    text-align: center;
    font-size: 0.67vw;
    margin-bottom: 0.6vw;
    height: 1.6vw;
}

.mobile .minOrder {
    font-size: 3vw;
    text-align: center;
    line-height: 1.2;
    height: 10vw;
}

.coupon {
    text-align: center;
    font-size: 0.84vw;
}

.mobile .coupon {
    text-align: center;
    font-size: 4.3vw;
    margin-top: 2vw;
}

.minOrder.noCoupon {
    margin-bottom: 1vw;
}

.mobile .minOrder.noCoupon {
    margin-bottom: 9vw;
}

.link {
    width: 100%;
    display: flex;
    justify-content: center;
}

.mobile .link {
    width: 100%;
    display: flex;
    justify-content: center;
}

.link .toTo {
    color: #FF3A7A;
    font-family: 'Orion-Bold';
    line-height: 1.5;
    text-decoration: none;
    border-bottom: 2px solid;
    margin-top: 0vw;
    font-size: 0.84vw;
    cursor: pointer;
}

.mobile .link .toTo {
    color: #FF3A7A;
    font-family: 'Orion-Bold';
    line-height: 1.5;
    text-decoration: none;
    border-bottom: 2px solid;
    margin-top: 1vw;
    font-size: 4.23vw;
    cursor: pointer;
}

.sentence {
    font-size: 0.6vw;
    position: absolute;
    top: 26.5vw;
}

.mobile .sentence {
    position: absolute;
    color: #000;
    padding: 0vw 0vw;
    font-size: 2.54vw;
    top: 74vw;
}

.takanon {
    color: #000;
}

.mobile .takanon {
    color: #000;
}

@supports (-webkit-touch-callout: none) {
    .mobile .swiper-container {
        width: 160%;
        height: auto;
        cursor: grabbing;
        position: absolute;
        top: 133vw;
    }
    .mobile .swiper-wrapper {
        margin-right: -103vw;
        margin-right: -30vw;
    }
    .mobile .text1 {
        font-size: 4.2vw;
        width: 100%;
        padding: 1vw 10vw 6vw 13vw;
        box-sizing: border-box;
        padding: 1vw 10vw 0vw 13vw;
        position: absolute;
        top: 68vw;
    }
    .mobile .text2 {
        font-size: 4.2vw;
        width: 100%;
        padding: 0vw 10vw 0vw 7vw;
        box-sizing: border-box;
        position: absolute;
        top: 83vw;
    }
    .mobile .benefits {
        font-size: 7.2vw;
        text-align: center;
        position: absolute;
        top: 117vw;
        left: 37vw;
        font-family: 'Orion-Regular';
    }
    .mobile .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 152vw;
        left: 30vw;
        width: 100%;
    }
    .mobile .coupon {
        text-align: center;
        font-size: 4.3vw;
        margin-top: 4vw;
        /* margin-top: -1vw; */
    }
    .mobile .contentSlider {
        width: 71vw;
        text-align: center;
        font-size: 4vw;
        line-height: 1.3;
        padding: 0px 0vw;
        box-sizing: border-box;
        margin-top: 3vw;
    }
    .mobile .phase {
        font-family: 'Orion-Black';
        font-size: 5.2vw;
        line-height: 1.6;
    }
    .mobile .price.fit {
        margin-top: 1vw;
    }
    .mobile .sentence {
        position: absolute;
        color: #000;
        width: 77vw;
        padding: 0vw 0vw;
        font-size: 2.48vw;
        right: -2vw;
        top: 74vw;
    }
    .mobile .swiper-slide-container {
        position: relative;
        background: #ffffff;
        border-radius: 3vw;
        box-shadow: 2px 3px 7px #00000012;
        height: 142.1vw;
        width: 77.9vw;
        height: 150vw;
    }
}