@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: 3.7vw;
    font-family: Orion-Black;
    color: #FFFFFF;
    position: absolute;
    top: 5.5vw;
    left: 63vw;
}
.mobile .mainText h1 {
    color: #F3F4F5;
    font-size: 10.7vw;
    position: absolute;
    z-index: 4;
    top: 28vw;
    font-family: 'Orion-Bold';
    left: 11vw;
    top: 20vw;
}

.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%;

}
.mobile .sofa {
    width: 100%;
}
.logo {
    position: absolute;
    z-index: 9;
    left: 9vw;
    width: 15vw;
    top: 2.3vw;
}
.mobile .logo { 
    position: absolute;
    z-index: 2;
    top: 12vw;
    left: 34vw;
    object-fit: cover;
    width: unset;

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

.content {
    width: 29vw;
    position: absolute;
    top: 11vw;
    font-size: 1vw;
    color: #fff;
    line-height: 1.4;
    left: 61vw;
    width: 32vw;
    width: 37vw;
    top: 10.5vw;
    left: 58vw;
    left: 53vw;
}
.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: 84.2vw;
}
.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;
    }

   .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: 27.77vw;
    height: 30.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%;
   }
  .mobile .pic {
      width: 100%;;
  }

.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;
}

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

  }
  .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;
  }
  .mobile .price.fit {
    margin-top: 3vw;
}
 .price {
    font-family: 'Orion-Black';
    text-align: center;
    font-size: 1.14vw;
    margin-top: 1.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: 1.3vw;

  }
  .mobile .minOrder {
    font-size: 3vw;
    text-align: center;
    line-height: 1.8;
  }
  .coupon {
    text-align:center;
    font-size: 0.84vw;

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


  }
  .minOrder.noCoupon {
    margin-bottom: 2vw;
  }
  .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: 25.5vw;
  }
  .mobile .sentence {
    position: absolute;
    color: #000;
    /* font-size: 2.5vw; */
    width: 77vw;
    padding: 0vw 0vw;
    /* box-sizing: border-box; */
    font-size: 2.54vw;
    right: -1.8vw;
    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;
    }
}