@import url("https://use.typekit.net/gha0pzt.css");
@import url('https://fonts.googleapis.com/css2?family=Viaoda+Libre&display=swap');

html , body{
   overflow-x: hidden;
   font-family: "circe", sans-serif;
}

*{
   box-sizing: border-box;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   color: #151515;
}

a{
   color: inherit;
   text-decoration: none !important;   
}

.title{
   font-family: "Viaoda Libre", serif;
   font-size: 55px;
   font-weight: 400;
}

.container{
   max-width: 1216px;
   margin: 0 auto;
   position: relative;
   height: 100%;
}

.burger{
   display: none;
   width: 55px;
   height: 25px;
   position: relative;
}
.burgerItem{
   border-radius: 12px;
   background-color: rgb(111, 85, 173);
   height: 3px;
   position: absolute;
   transition: .3s;
}
.burgerItem:first-child{
   top: 0;
   width: 80%;
   right: 0;
}
.burgerItem:nth-child(2){
   top: 50%;
   transform: translateY(-50%);
   width: 60%;
   right: 0;
}
.burgerItem:last-child{
   bottom: 0;
   width: 100%;
}

.header{
   position: absolute;
   left: 0;
   width: 100%;
   top: 0;
   z-index: 100;
   transition: .3s;
   z-index: 60;
   overflow: hidden;
   background-color: #fff;
}

/* .header.scroll-header {
	background-color: #fff;
} */

.headerWrapper{
   display: flex;
   align-items: center;
   justify-content: space-between;
   overflow: hidden;

   padding: 15px 0;
}

.headerRight{
   display: flex;
   align-items: center;
   column-gap: 30px;
}

.headerRight{
   text-transform: uppercase;
}

.nav a{
   margin-left: 20px;
   transition: all .3s;
   color: #151515;
   font-size: 17px;
}

.nav a:hover{
   transition: all .3s;
   color: #6F55AD;
}

.headerInfo{
   display: flex;
   align-items: center;
   margin-left: 50px;
   top: 2px;
}

.headerInfo a{
   margin-left: 10px;
   transition: all .3s;
   color: #151515;
   font-size: 17px;
}
.headerInfo a:hover{
   color: #6F55AD;
   transition: all .3s;
   cursor: pointer;
}

.social{
   transition: all .3s;
   z-index: 150;
}

.social.active{
   opacity: 0;
   visibility: hidden;
   overflow: hidden;
   transition: all .3s;
}

.socialWrapper{
   z-index: 100;
   right: 50px;
   bottom: 20px;
   position: fixed;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.social a{
   transition: all .3s;
   margin-top: 20px;
   transform: scale(1.2);
}

.social a:hover{
   transition: all .3s;
   transform: scale(1.4);
}

.welcome{
   position: relative;
   width: 100%;
   height: 100vh;
   top: 0;
   margin-bottom: 100px;
}
.welcome .container{
   height: 100%;
}

.welcome::after{
   content: ' ';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   z-index: 2;
   background: #F0F0F0;
   background: linear-gradient(90deg, #F0F0F0, #F0F0F000);
   user-select: none;
}

.welcomeImage{
   position: absolute;
   z-index: 1;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
}

.welcomeImage img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.welcomeWrapper{
   position: relative;
   z-index: 5;
   height: 100%;
}

.welcomeText{
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 620px;
}

.welcomeText h1{
   font-size: 62px;
   line-height: 66px;
   font-weight: 500;
}

.welcomeText h2{
   margin: 40px 0;
}

.welcomeText h2 p{
   color: #6F55AD;
   font-size: 26px;
   letter-spacing: 1px;
   font-weight: 700;
   text-transform: uppercase;
}

.welcomeText h2 span{
   color: #6F55AD;
   position: relative;
   
}
.welcomeText h2 span::after{
   content: url('../images/purple_after.svg');
   position: absolute;
   left: 0;
   max-width: 100%;
   bottom: -23px;
}

.welcomeText h3{
   color: #4F4F4F;
   font-size: 18px;
   line-height: 24px;
   font-weight: 400;
   margin-bottom: 20px;
}

.purpleButton button , .wbButton button{
   cursor: pointer;
   max-width: 270px;
   background-color: rgb(111, 85, 173);
   color: #fff;
   border: none;
   font-size: 17px;
   font-weight: 700;
   padding: 12px 34px;
   padding-left: 48px;
   border-radius: 10px;
   position: relative;
   transition: all .3s;
}

.wbButton button{
   background-color: #51CB5F;
}

.purpleButton button::before , .wbButton button::before{
   content: url('../images/wp_b.svg');
   position: absolute;
   top: 55%;
   transform: translateY(-50%);
   left: 20px;
    transition: all .1s;
}

.purpleButton button:hover , .purpleButton a:hover button{
    transition: all .3s;
    color: rgb(111, 85, 173);
    background-color: transparent;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.purpleButton button:hover::before , .wbButton button:hover::before{
    content: none;    
    transition: all .1s;
}

.wbButton button:hover{
    transition: all .3s;
    background-color: transparent;
    color: #51CB5F;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.welcomeInfo{
   position: absolute;
   bottom: 40px;
   left: 0;

   display: grid;
   grid-template-columns: repeat(3,1fr);
   grid-gap: 10px;
}

.welcomeItem{
   background-color: #DFDAEB;
   padding: 18px 28px;
   text-align: center;
   border-radius: 17px;
}

.welcomeItemTitle{
   font-weight: 400;
   font-size: 14px;
   color: #6B5F87;
}

.welcomeItemSubtitle{
   font-weight: 700;
   font-size: 16px;
   color: #6F55AD;
}

.action{
   margin-bottom: 100px;
   position: relative;
}

.action::before, .discount::before{
   content: url('../images/action_b.webp');
   position: absolute;
   left: -50px;
   top: 0;
}

.actionWrapper{
   display: flex;
   justify-content: space-between;
}

.actionImages{
   display: grid;
   width: 100%;
   min-height: 100%;
   grid-template-columns: 1fr 1fr;
   column-gap: 20px;
}

.actionImageItem{
   height: 100%;
}

.actionImageItem img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.actionText{
   width: 50%;
   background-color: #F3F0FA;
   border-top-left-radius: 32px;
   border-bottom-right-radius: 32px;
   border-top-right-radius: 14px;
   border-bottom-left-radius: 14px;
   margin-right: 30px;
   padding: 36px;
}

.actionTextTitle{
   font-size: 55px;
}

.actionTextSubtitle{
   margin-bottom: 20px;
}

.actionTextSubtitle p{
   font-size: 22px;
   color: #151515;
   font-weight: 400;
   font-style: italic;
}

@media (max-width: 480px) {
	.actionTextSubtitle p{
   	margin-top: 5px;
	}
	.actionTextSubtitle{
   margin-bottom: 10px;
}
}

.actionTextSubtitle span{
   font-size: 24px;
   font-weight: 700;
   color: #6F55AD;
   position: relative;
}

.actionTextSubtitle span::after{
   content: url('../images/action_purple.svg');
   position: absolute;
   left: 0;
   bottom: -18px;
   width: 75px;
}

.actionImageItem img{
   max-width: 100%;
   max-height: 100%;
   object-fit: cover;
}

.actionImageItem:first-child img{
   border-radius: 14px;
   border-bottom-left-radius: 42px;
}

.actionImageItem:last-child img{
   border-radius: 14px;
   border-top-right-radius: 42px;
}

/* .actionTextCountdown{
   margin-bottom: 40px;
} */

.countdown{
   overflow: visible;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.countdown .part+.part:before{
   content: none;
}

.part{
   background-color: #AA96DA;
   color: #fff;
   height: 90px;
   width: 85px;
   padding-bottom: 10px;
   border-radius: 12px;
   overflow: visible;
} 

.countdown .digit .digit-value{
   color: #fff;
}

.countdown .digit{
   line-height: normal;
}

.digit span{
   font-weight: 700 !important;
   font-size: 34px !important;
}

.countdown .part.days:after, .countdown .part.hours:after, .countdown .part.minutes:after, .countdown .part.seconds:after{
   text-transform: lowercase;
   font-size: 16px;
   color: #F2F5F7;
   border-radius: 12px;
   bottom: 10px;
}

.countdown .part.days:after{
   content: 'Дней';
}

.countdown .part.hours:after{
   content: 'часов';
}

.countdown .part.minutes:after{
   content: 'минут';
}

.countdown .part.seconds:after{
   content: 'секунд';
}

.hit{
   margin-bottom: 100px;
}

.hit .title{
   text-align: center;
   margin-bottom: 20px;
}

.hitWrapper{
   display: grid;
   grid-template-columns: repeat(4,1fr);
   grid-gap: 20px;
}

.hitWrapper img {
	width: 100%;
	height: 300px;
	object-fit: cover;
}

@media (max-width: 1050px) {
	.hitWrapper img {
		height: 450px;
	}
}

@media (max-width: 767px) {
	.hitWrapper img {
		height: 300px;
	}
}

@media (max-width: 480px) {
	.hitWrapper img {
		height: 220px;
	}
}

.hitItem{
   position: relative;
   border: 1px solid #EEEEEE;
   text-align: center;
   border-radius: 8px;
   padding-bottom: 14px;
   overflow: hidden;
}

.hitItem:first-child .hitAction{
   background-color: #6F55AD;
}

.hitItem:nth-child(2) .hitAction{
   background-color: #C22C6B;
}

.hitItem:nth-child(3) .hitAction{
   background-color: #C22C6B;
}

.hitItem:last-child .hitAction{
   background-color: #4DB6C4;
}

.hitAction{
   position: absolute;
   left: 20px;
   top: 10px;
   font-size: 15px;
   font-weight: 700;
   padding: 8px 16px;
   text-align: center;
   border-radius: 23px;
   color: #fff;
}

.hitDesc{
   padding: 0 32px;
   padding-top: 14px;
   font-size: 20px;
   font-weight: 700;
   max-width: 250px;
   margin: 0 auto;
}

.hitPrice{
   margin: 14px 0;
   display: flex;
   flex-direction: column;
   align-items: center;
   color: #151515;
   font-weight: 700;
   font-size: 25px;
}

.hitPrice span{
   color: #B1B1B1;
   font-size: 14px;
   text-decoration: line-through;
   font-weight: 400;
}

.hitItem button{
   transition: all .3s;
   background-color: #AA96DA;
}
.hitItem button:hover{
   transition: all .3s;
   background-color: #6F55AD;
}

.draggable{
   animation: none;
}

.reviews{
   background-color: #F3F0FA;
   border-top-left-radius: 200px;
   position: relative;
}

.reviews::after{position: absolute;content: url('../images/rev_af.webp');right: -100px;top: -50px;}

.reviewsContainer{
   display: flex;
   align-items: center;
}

.reviewsSlider{
   width: 740px !important;
   margin-right: 70px;
}

.slick-slide {
   margin: 0 37px;
}

.slick-list {
   margin: 0 -37px;
}

.reviewsText .title{
   line-height: 60px;
}
.reviewsText .title a{
   color: #6F55AD;
}

.reviewsNav{
   display: flex;
   align-items: center;
}

.reviewsSubtitle{
   margin: 20px 0;
}

.reviewsNav div{
   cursor: pointer;
}

.prev{
   margin-right: 7px;
}

.reviewsName{
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.reviewsName span{
   font-size: 20px;
   font-weight: 700;
}

.reviewsName img{
   width: 35%;
}

.reviewsItem{
   background-color: #fff;
   border-radius: 16px;
   padding: 24px 32px;
   height: 220px;
   max-width: 360px;
   overflow: hidden;
   transition: all .3s;
}

.reviewsItem.active {
   height: auto;
   padding-bottom: 42px;
   transition: all .3s;
}

.reviewsItem.active .reviews_Smalltext{
   opacity: 0;
   visibility: hidden;
   overflow: hidden;
   height: 0;
   transition: all .3s;
}

.reviewsItem.active .reviewsFull_text{
   opacity: 1;
   visibility: visible;
   overflow: visible;
   transition: all .3s;
}

.reviewsFull_text{
   opacity: 0;
   visibility: hidden;
   overflow: hidden;
   transition: all .3s;
}


.reviewsReview h2{
   margin: 10px 0;
}

.reviewsReview h2 p{
   font-size: 16px;
   line-height: 22px;
   font-weight: 400;
   color: #666666;
   transition: all .3s;
}

.reviewsItem:first-child{
   top: 120px;
}

.reviewsItem:nth-child(2){
   left: 380px;
}

.reviewsItem:last-child{
   bottom: 70px;
}

.more{
   color: #6F55AD;
   font-weight: 700;
   font-size: 16px;
   text-decoration: underline;
   border: none;
   background-color: transparent;
   text-underline-offset: 3px;
   cursor: pointer;
   position: absolute;
   bottom: 20px;
   transition: all .3s; 
   content: 'Дочитать';
}

.reviewsItem.active .more::after{
   content: 'Закрыть';
}

.more::after{
   content: 'Дочитать';
}

.clients{
   margin: 100px 0;
   position: relative;
}

.clients::after{
   content: url('../images/clients_after.webp');
   position: absolute;
   right: -100px;
   top: -250px;
}

.clients .container{
   overflow-x: hidden;
}

.swiper{
   padding: 50px 0 !important;
}

.swiper-wrapper , .swiper , .swiper-slide{
   overflow: visible !important;
}

.swiper-wrapper::-webkit-scrollbar , .swiper::-webkit-scrollbar, .clients .container::-webkit-scrollbar{
   width: 0;
}

.swiper-pagination-bullet-active{
   width: 35px !important;
   height: 0 !important;
   border: 2px solid #6F55AD !important;
   border-radius: 10px !important;
   transition: all .3s;
}
.swiper-pagination-bullet{
   width: 10px;
   height: 0;
   border-radius: 10px !important;
   border: 2px solid rgba(21, 21, 21, .5);
   transition: all .3s;
}

.clients .title{
   text-align: center;
}

.clientsItem{
   display: flex !important;
   align-items: flex-start;
   justify-content: center;
}

.clientsLeftImg{
   max-width: 100%;
   margin-right: 30px;
   height: 540px;
   overflow: hidden;
   border-top-left-radius: 100px;
}

.clientsLeftImg img{
   width: 100%;   
   height: 100%;
   object-fit: cover;
   border-top-left-radius: 100px;
}

.clientsRight{
   height: 540px;
   max-width: 100%;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
}

.clientsRight div{
   display: flex;
   flex-direction: column;
   height: 100%;
}

.clientsRight img{
   object-fit: cover;
   height: 100%;
   width: 100%;
}

.clientsRight_one{
   margin-right: 20px;
}

.clientsRight_one a:nth-child(1), .clientsRight_two a:nth-child(1){
   margin-bottom: 20px;
}

.clients_four img{
   border-bottom-right-radius: 18px;
}

.clientsRight img{
   object-fit: cover;
}

.clients_one , .clients_four{
   width: 100%;
   height: 57%;
   object-fit: cover;
}

.clients_two , .clients_three{
   width: 100%;
   height: 40%;
   object-fit: cover;
}

.clients_two{
   margin-bottom: 0px;
}

.order{
   background-color: #F3F0FA;
   padding: 75px 0;
   position: relative;
}

.order::before{
   position: absolute;
   content: url('../images/order_b.webp');
   left: -200px;
   top: -350px;
}

.order::after{
   position: absolute;
   content: url('../images/order_a.webp');
   right: -20px;
   bottom: -50px;
}

.orderWrapper .title{
   text-align: center;
   margin-bottom: 33px;
}

.orderText{
   display: grid;
   grid-template-columns: repeat(3,1fr);
   grid-gap: 30px;
}

.orderItem{
   text-align: center;
   border-radius: 10px;
   background-color: #fff;
   padding: 25px;
   box-shadow: 0px 4px 25px 0px rgba(0,0,0,.08);
}

.orderNumber{
   color: #6F55AD;
   font-size: 55px;
   font-family: "Viaoda Libre", serif;
}

.orderItemText{
   font-size: 20px;
   color: #555555;
   line-height: 26px;
   font-weight: 400;
}

.orderbutton{
   margin-top: 30px;
   text-align: center;
}

.delivery{
   margin: 100px 0;
}

.deliveryWrapper{
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.deliveryImage{
   margin-right: 50px;
   width: 80%;
   height: 100%;
}

.deliveryImage img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.deliverytext_text ol{
    margin-left: 0px;    
}

.deliverytext_text li{
   list-style-position: inside;
   color: #666666;
   font-size: 20px;
   font-weight: 400;
   line-height: 30px;
}

.footer{
   background-color: #AA96DA;
   padding: 50px 0;
}

.footerTop{
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.footerNav a{
   color: #fff;
   text-transform: uppercase;
   margin-right: 20px;
   font-size: 17px;
   font-weight: 400;
}

.footerNav a:last-child{
   margin-right: 0px;
}

.footerAdress a , .footerAdress a:hover{
   color: #fff;
   text-transform: uppercase;
   position: relative;
}

.footerAdress::before{
   content: url('../images/adress_b.svg');
   position: absolute;
   left: -25px;
   top: 50%;
   transform: translateY(-50%);
}

.footerBottom{
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.footer__foot{
   mix-blend-mode: screen;
}

.footer__foot span{
   color: #fff;
}

.footerHr{
   margin: 30px 0;
}

.footerSocial a{
   margin-left: 10px;
}

.footerSocial a img{
   
   transform: scale(1.2);
}

.footerSocial a:first-child{
   margin-left: 0px;
}

@media(max-width: 1200px) {
   .container{
      max-width: 1000px;
   }
   .footerAdress::before{
      content: none;
   }
   .reviewsContainer{
      flex-direction: column-reverse;
   }
   .reviews::after{
      content: none;
   }
   .reviewsItem:first-child{
      top: auto;
   }
   
   .reviewsItem:nth-child(2){
      left: auto;
   }
   
   .reviewsItem:last-child{
      bottom: auto;
   }
   .reviewsSlider{
      width: 100% !important;
   }
   .reviewsItemContainer{
      display: grid !important; 
      grid-template-columns: repeat(3,1fr);
      grid-gap: 30px;
   }
   .reviews{
      padding: 75px 0;
   }
   .reviewsReview h2{
      margin: 10px 0;
   }
   .reviews .slick-slide {
      margin: 0 20px;
   }
   .reviewsItem{
      height: 300px;
   }
   .reviewsItem.active .reviewsFull_text{
      display: block;
   }
   .reviewsFull_text{
      display: none;
   }
   .reviews .slick-list {
      margin: 0 20px;
   }
   .reviewsName{
      flex-direction: column;
      align-items: flex-start;
   }
   .reviewsName img{
      width: 50%;
   }
   .reviews{
      border-radius: 0px;
   }
   .reviewsText{
      margin-bottom: 35px;
      text-align: center;
      width: 85%;
   }
   .reviewsNav{
      justify-content: center;
   }
   .clients::after{
      content: none;
   }
   .orderWrapper{
      position: relative;
      z-index: 3;
   }
   .order::after{
      z-index: 1;
   }
   .digit span{
      font-size: 24px !important;
   }
   .part{
      width: 50px;
      height: 75px;
   }
   .countdown .part.days:after, .countdown .part.hours:after, .countdown .part.minutes:after, .countdown .part.seconds:after{
      font-size: 14px;
   }
   .actionTextButton button{
      width: 100%;
   }
   .headerLogo {
      width: 150px;
   }
   .headerLogo img{
      width: 100%;
      object-fit: contain;
   }
   .headerInfo{
      margin-left: 30px;
   }
}

@media(max-width: 1050px) {
   .container{
      max-width: 800px;
   }
   .headerRight{
      flex-direction: column;
      align-items: flex-end;
   }
   .headerLogo{
      width: 185px;
   }
   .nav{
      margin-bottom: 10px;
   }
   .actionWrapper{
      flex-direction: column;
   }
   .actionText{
      width: 100%;
      text-align: center;
      margin-bottom: 25px;
      padding: 20px 36px;
   }
   .countdown{
      justify-content: center;
   }
   .part{
      margin: 0 15px;
      width: 75px;
      height: 80px;
   }
   .actionTextSubtitle p{
      font-size: 20px;
   }
   .digit span{
      font-size: 28px;
   }
   .hitWrapper{
      grid-template-columns: repeat(2,1fr);
   }
   .hitDesc{
      font-size: 20px;
   }
   .reviewsItemContainer{
      grid-template-columns: repeat(2,1fr);
   }
   .deliveryText{
      width: 100%;
   }
   .footerLogo {
      width: 140px;
   }
   .footerLogo img{
      width: 100%;
      object-fit: contain;
   }
   .footerNav a{
      margin-right: 14px;
      font-size: 14px;
   }
   .footerAdress{
      font-size: 14px;
   }
   .orderItemText {
      font-size: 18px;
      line-height: 24px;
   }
} 

@media(max-width: 820px) {
   .container{
      max-width: 650px;
   }
   .socialWrapper{
      right: 25px;
   }
   .headerRight {
   	display: none;
   }
   .headerLogo{
      width: 230px;
   }
   .burger{
      display: block;
   }
   .nav , .headerInfo{
      opacity: 0;
      visibility: hidden;
      overflow: hidden;
      width: 0;
      height: 0;
   }
   .nav a{
      margin: 0px;
      margin-bottom: 25px;
      font-size: 32px;
   }
   .headerRight{
      position: static;
   }
   body.active , html.active{overflow: hidden !important;}
   .scroll{
      overflow: hidden !important;
   }
   .headerInfo{
      position: absolute;
      left: 0;
      top: 125px;
      margin: 0px;
   }
   .headerInfo a{
      font-size: 22px;
   }
   .reviewsItemContainer{
      grid-template-columns: repeat(1,1fr);
   }
   .reviewsItem{
      max-width: 100%;
      height: auto;
      padding-bottom: 45px;
   }
   .reviewsSlider{
      margin-right: 0px;
   }
   .reviewsName{
      flex-direction: row;
      align-items: center;
   }
   .reviewsName img{
      width: 30%;
   }
   .title{
      font-size: 45px;
   }
   .clientsRight{
      height: 440px;
   }
   .clientsLeftImg{
      height: 440px;
   }
   .orderNumber{
      font-size: 48px;
   }
   .orderItemText{
      font-size: 16px;
      line-height: 22px;
   }
   .hitAction {
   	font-size: 12px;
   	left: 5px;
   	top: 5px;
   	padding: 4px 10px;
   }
   .deliveryWrapper{
      flex-direction: column;
      align-items: center;
   }
   .deliveryWrapper div{
      width: 100%;
   }
   .deliveryImage{
      height: 300px;
      margin-bottom: 20px;
      margin-right: 0px;
   }
   .deliveryImage img{
      object-fit: cover;
      border-top-left-radius: 32px;
      border-bottom-right-radius: 32px;
   }
   .footerTop{
      flex-direction: column;
      align-items: center;
   }
   .footerNav a{
      font-size: 20px;
   }
   .footerAdress{
      font-size: 20px;
   }
   .footerNav{
      margin: 12px 0;
   }
   .footerLogo{
      width: 200px;
   }
   .footer__foot span{
      font-size: 18px;
   }
}

@media(max-width: 670px){
   .container{
      max-width: 450px;
   }
   .title{
      font-size: 38px;
   }
   .welcomeText{
      width: 100%;
   }
   .welcomeText h1{
      font-size: 48px;
      line-height: 54px;
   }
   .welcomeText h2 span::after{
      content: none;
   }
   .welcomeInfo{
      grid-template-columns: repeat(1,1fr);
      width: 100%;
   }
   .welcome{
      height: 110vh;
   }
   .welcomeText{
      top: 40%;
   }
   .welcomeItemSubtitle{
      font-size: 18px;
   }
   .welcomeItemTitle{
      font-size: 16px;
   }
   .part{
      margin: 0 5px;
   }
   .hitWrapper{
      /* grid-template-columns: repeat(1,1fr); */
      gap: 3px;
   }
   .hit .purpleButton button {
   	font-size: 12px;
   	padding: 11px 22px;
   	padding-left: 50px;
   }
   .hitDesc {
   	font-family: "Circe", sans-serif;
		font-weight: 400;
		font-size: 15px;
		line-height: 133%;
		text-align: center;
		color: #151515;
		padding: 8px 20px;
   }
   .hitPrice {
   	font-family: var(--second-family);
font-weight: 700;
font-size: 20px;
line-height: 100%;
text-align: center;
color: #151515;
margin: 0 0 13px 0;
   }
   .orderText{
      grid-template-columns: repeat(1,1fr);
   }
   .orderItemText{
      font-size: 18px;
   }
   .clientsItem {
      flex-direction: column;
   }
   .clientsLeftImg{
      height: 300px;
      min-width: 100%;
      margin-right: 0px;
      margin-bottom: 15px;
   }
   .purpleButton button, .wbButton button{
      padding: 12px 42px;
      padding-left: 56px;
   }
   .footerNav a{
      font-size: 18px;
   }
   .footerAdress{
      font-size: 18px;
   }
   .footerBottom{
      flex-direction: column;
      align-items: flex-start;
   }
   .footer__foot{
      margin-bottom: 10px;
   }
   .clients{margin: 50px 0;}
} 

@media(max-width: 500px){
   .container{
      max-width: 400px;
   }
   .footerNav a{
      margin-right: 0px;
      font-size: 16px;
   }
   .footerAdress{
      font-size: 16px;
   }
   .headerInfo a{
      font-size: 18px;
   }
   .welcome{
        height: 130vh;   
    }
    .footerNav{display: grid;
   grid-template-columns: repeat(2,1fr); grid-gap: 10px; text-align: center; margin: 20px 0;}
}

@media (max-width: 480px) {
    .headerWrapper {
        padding: 10px 0;
    }
    .headerLogo img {
        height: 40px;
        width: auto;
    }
    .welcomeText h2 {
        margin-top: 20px;
        font-size: 18px;
    }
    .welcomeText h2 p {
        font-size: 18px;
    }
    .welcome {
        height: auto;
        padding: 80px 0;
    }
    .welcomeText {
        position: initial;
        width: auto;
        transform: translateY(0);
    }
    .welcomeInfo {
        position: initial;
        margin-top: 30px;
    }
    .footerBottom {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
        align-items: center;
    }
    .footer__foot {
        justify-content: center;
    }
    .footer__foot span {
        font-size: 13px;
    }
}

.slick-list {
	overflow: hidden;
}

.slick-track {
	display: flex;
}

.main {
	min-height: 100vh;
	position: relative;
	margin-bottom: 90px;
}

@media (max-width: 480px) {
	.main {
		margin-bottom: 60px;
	}
}

.main__container {
	min-height: 100vh;
	height: 100%;
	position: relative;
	z-index: 1;
}

.main__body {
	height: 100%;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 60px 0;
	row-gap: 50px;
}

.main__title {
	font-family: "Viaoda Libre", sans-serif;
font-weight: 400;
font-size: 62px;
line-height: 102%;
color: #151515;
margin-bottom: 24px;
max-width: 564px; 
}

.main__subtitle {
	font-family: "Circe", sans-serif;
font-weight: 700;
font-size: 25px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #6f55ad;
margin-bottom: 11px;
position: relative;
}

.main__subtitle::after {
  content: "";
  height: 11px;
  width: 120px;
  display: block;
  background: url(../images/purple_after.svg) center / contain no-repeat;
}

.main__text {
	font-family: "Circe", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 133%;
color: #4f4f4f;
margin-bottom: 24px;
max-width: 610px;
}

.main__button {
	display: inline-flex;
	align-items: center;
	column-gap: 7px;
	border-radius: 10px;
	padding: 10px 44px;
	background: #6f55ad;
	transition: .5s;
}

.main__button:hover {
	box-shadow: 0 0 20px #6f55ad;
}

.main__button span {
	font-family: "Circe", sans-serif;
font-weight: 700;
font-size: 17px;
line-height: 176%;
text-align: center;
color: #fff;
display: inline-block;
margin-top: 4px;
}

.main__items {
	display: flex;
	column-gap: 10px;
}

.main__item {
	padding: 15px 25px;
	border-radius: 17px;
	backdrop-filter: blur(15px);
background: rgba(170, 150, 218, 0.25);
}

.item-main__title {
	font-family: "Circe", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 150%;
text-align: center;
color: #6b5f87;
}

.item-main__text {
	font-family: "Circe", sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 150%;
text-align: center;
color: #6f55ad;
}

.main__slider {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.main__slider .slick-track, .main__slider .slick-list {
	height: 100%;
	width: 100%;
	margin: 0;
}

.main__slider .slick-slide {
	margin: 0;
}

.main__slide {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.main__image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.main__image img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

._container {
	max-width: 1270px;
  padding: 0 15px;
  margin: 0 auto;
}

@media (max-width: 992px) {
	.main__title {
		font-size: 40px;
	}
	.main__subtitle {
		font-size: 22px;
	}
}

@media (max-width: 767px) {
	.main__title {
		font-family: var(--third-family);
font-weight: 400;
font-size: 35px;
line-height: 102%;
color: #151515;
margin-bottom: 20px;
	}
	
	.main__subtitle {
		font-family: var(--second-family);
		font-weight: 700;
		font-size: 15px;
		letter-spacing: 0.02em;
		text-transform: uppercase;
		color: #6f55ad;
		margin-bottom: 10px;
	}
	
	.main__subtitle::after {
		height: 7px;
		width: 95px;
	}
	
	.main__text {
		font-family: var(--second-family);
font-weight: 400;
font-size: 16px;
line-height: 137%;
color: #4f4f4f;
margin-bottom: 16px;
	}
	
	.main__items {
		display: flex;
		column-gap: 5px;
	}
	
	.main__item {
		padding: 15px 5px;
		flex-grow: 1;
	}
	
	.item-main__title {
		font-family: var(--second-family);
font-weight: 400;
font-size: 14px;
line-height: 214%;
text-align: center;
color: #6b5f87;
margin-bottom: 0;
	}
	
	.item-main__text {
		font-family: var(--second-family);
font-weight: 700;
font-size: 14px;
line-height: 121%;
text-align: center;
color: #6f55ad;
	}
	
	.main__body {
		padding: 30px 0;
		justify-content: flex-end;
		row-gap: 45px;
	}
}

.main__image img:nth-child(2) {
	display: none;
}

@media (max-width: 480px) {
	.main__image img:nth-child(2) {
		display: block;
	}
	.main__image img:first-child {
		display: none;
	}
}

.menu {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 99;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 20px 30px;
  transition: 0.8s;
  transform: translateX(-100%);
}
.menu.active {
  transform: translateX(0);
}
.menu__close {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 45px;
  color: #bbb;
  cursor: pointer;
}

.menu__items {
	display: flex;
	flex-direction: column;
	row-gap: 40px;
	align-items: center
}

.menu__item {
	font-family: var(--second-family);
font-weight: 400;
font-size: 17px;
text-transform: uppercase;
color: #151515;
text-align: center;
}

body.hidden {
	overflow: hidden;
}

.menu__bottom {
	display: flex;
	align-items: center;
	column-gap: 10px;
}

.menu__bottom span {
	font-family: var(--second-family);
font-weight: 400;
font-size: 14px;
text-transform: uppercase;
color: #151515;
}

@media (max-width: 480px) {
	.actionImages {
		grid-template-columns: 1fr;
		grid-template-rows: 250px 250px;
		row-gap: 10px;
	}
	.action {
		margin-bottom: 60px;
	}
	.hit {
		margin-bottom: 60px;
	}
	.reviews {
		padding: 100px 0 60px;
		position: relative;
	}
	.reviews::after {
		content: "";
		display: block;
		position: absolute;
		top: -50px;
		right: 0;
		width: 181px;
		height: 300px;
		background: url(../images/reviews.png) right top / contain no-repeat;
	}
	
	.reviews .title {
		font-family: "Viaoda Libre", sans-serif;
		font-weight: 400;
		font-size: 42px;
		line-height: 102%;
		color: #151515;
		margin-bottom: 18px;
		text-align: start;
	}
	.reviews .title a {
		color: #6f55ad;
	}
	.reviewsContainer {
		align-items: start;
	}
	.reviewsSubtitle {
		font-family: var(--second-family);
		font-weight: 400;
		font-size: 18px;
		line-height: 139%;
		color: #666;
		text-align: start;
	}
	.reviewsText {
		width: 100%;
	}
	.reviewsNav {
		justify-content: start;
	}
	
	.reviews .slick-list, .reviews .slick-slide {
		margin: 0px;
	}
	.reviewsItemContainer {
		row-gap: 10px;
	}
	
	.reviews .slick-slide {
		margin: 0 5px;
	}
	
	.reviews .slick-slider {
		margin: 0 -5px;
	}
	
	.swiper {
		padding: 30px 0 50px !important;
	}
	
	.clients .title {
		line-height: 130%;
	}
	.clientsLeftImg {
		margin-bottom: 7px;
		height: 318px;
	}
	.clientsRight {
		height: 280px;
	}
	.clientsRight_one {
		margin-right: 7px;
	}
	.clientsRight_one a:nth-child(1), .clientsRight_two a:nth-child(1) {
		margin-bottom: 7px;
	}
	.clientsLeftImg img, .clientsLeftImg {
		border-top-left-radius: 40px;
	}
	.clients_four img, .clients_four {
		border-bottom-right-radius: 30px;
	}
	.reviews {
		border-radius: 60px 0 60px 0;
	}
	.order {
		padding: 100px 0;
		border-radius: 60px 0 0 0;
		position: relative;
	}
	.order .title {
		font-family: "Viaoda Libre", sans-serif;
font-weight: 400;
font-size: 42px;
line-height: 102%;
color: #151515;
margin-bottom: 15px;
	}
	.orderText {
		grid-gap: 8px;
	}
	.orderNumber {
		font-family: "Viaoda Libre", sans-serif;
font-weight: 400;
font-size: 45px;
line-height: 102%;
text-align: center;
color: #6f55ad;
margin-bottom: 9px;
	}
	.orderItemText {
		font-family: "Circe", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 143%;
text-align: center;
color: #555;
margin-top: 0;
	}
	.order::after {
		content: "";
		position: absolute;
		right: -44px;
		bottom: -54px;
		top: auto;
		left: auto;
		height: 190px;
		width: 150px;
		background: url('../images/order_a.webp') right bottom / contain no-repeat;
	}
	.order::before {
		content: "";
		position: absolute;
		left: -100px;
		top: -150px;
		right: auto;
		bottom: auto;
		background: url('../images/order_b.webp') left top / 100% no-repeat;
		height: 550px;
		width: 350px;
	}
	.delivery {
		margin: 100px 0 60px;
	}
	.deliverytext_text {
		font-size: 16px;
	} 
	
	.footerBottom {
		flex-direction: column-reverse;
	}
	.footer {
		padding-bottom: 10px;
	}
	.footerNav {
		display: flex;
		flex-direction: column;
		row-gap: 25px;
		margin-top: 40px;
	}
	
	.socialWrapper {
		bottom: 15px;
		right: 15px;
	}
	.socialWrapper a {
		margin-top: 15px;
	}
}

.deliverytext_text ol {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

.deliverytext_text li {
	list-style-type: decimal;
}

.slick-list {
	overflow: hidden;
}

.clients ._container {
	overflow: hidden;
}

.action__new-price {
	    color: #555;
    font-size: 55px;
    font-weight: 500;
    letter-spacing: 1.448px;
    line-height: 1;
    margin-bottom: 5px;
    font-family: "Circe", sans-serif;
}

.action__old-price {
	    color: #9E9E9E;
    font-size: 38px;
    line-height: 1;
    text-decoration: line-through;
    font-family: "Circe", sans-serif;
    margin-bottom: 30px;
}

@media (max-width: 480px) {
	.action__old-price {
		margin-bottom: 20px;
	}
}

.discount {
	position: relative;
	margin-bottom: 100px;
}

@media (max-width: 480px) {
	.discount {
		margin-bottom: 60px;
	}
}

.discount__container {
	
}

.discount__body {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 40px;
}

.discount__image {
	height: 450px;
}

.discount__image img {
	width: 100%;
	height: 100%;
	border-radius: 20px;
	object-fit: cover;
}

@media (max-width: 1100px) {
	.discount__body {
		display: grid;
		grid-template-columns: 1fr;
		gap: 25px;
	}	
	.discount__image img {
		width: auto;
		max-width: 100%;
	}
}

@media (max-width: 480px) {
	.discount__image img {
		width: 100%;
	}
	.discount__image {
		height: 350px;
	}
}

.discount__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.discount__title {
	font-family: "Viaoda Libre", sans-serif;
font-weight: 400;
font-size: 50px;
line-height: 102%;
color: #151515;
margin-bottom: 10px;
}

.discount__subtitle {
	margin-bottom: 20px;
	font-size: 24px;
   font-weight: 700;
   color: #6f55ad;
   position: relative;
   font-family: "Circe", sans-serif;
}

.discount__subtitle p {
	font-size: 24px;
   font-weight: 700;
   color: #6f55ad;
   position: relative;
   font-family: "Circe", sans-serif;
}

.discount__subtitle::after{
   content: url('../images/action_purple.svg');
   position: absolute;
   left: 0;
   bottom: -18px;
   width: 75px;
}

.right-discount {
    backdrop-filter: blur(10px);
    background: #F3F0FA;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding:50px;
}

.right-discount__title {
	color: #555;
    font-size: 34px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 35px;
    font-family: "Circe", sans-serif;
}

.right-discount__old-price {
	color: #9E9E9E;
    font-size: 40px;
    line-height: 1;
    text-decoration: line-through;
    font-family: "Circe", sans-serif;
}

.discount__button {
	margin-top: 15px;
}

.right-discount__new-price {
	    color: #555;
    font-size: 58px;
    font-weight: 500;
    letter-spacing: 1.448px;
    line-height: 1;
    margin-bottom: 5px;
}
@media (max-width: 480px) {
	.right-discount__title {
		font-size: 30px;
		margin-bottom: 25px;
	}
	.right-discount__old-price {
		font-size: 35px;
	}
	.right-discount__new-price {
		font-size: 50px;
	}
}

.discount__body {
	position: relative;
}

.discount__arrows {
	margin-top: 20px;
	display: flex;
	align-items: center;
	column-gap: 5px;
}

.discount__arrow {
	cursor: pointer;
}

.header__delievery {
	display: flex;
	align-items: center;
	column-gap: 7px;
}

.header__delievery span {
	font-family: "Circe", sans-serif;
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
color: #151515;
}

.header__phone {
	display: flex;
	align-items: center;
	column-gap: 7px;
}

.header__phone span {
	font-family:  "Circe", sans-serif;
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
color: #151515;
display: inline-block;
margin-top: 4px;
}

.bb {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bb__title {
    font-size: 40px;
    padding: 20px;
}

.hitDiscount {
	font-size: 16px;
	
}

.hitDiscount {
	font-size: 16px;
   font-weight: 700;
   color: #6f55ad;
   position: relative;
   font-family: "Circe", sans-serif;
   margin-top: 10px;
   font-style: italic;
}