.main-slider {
     display: flex;
     flex-direction: column;
     background-color: #fff;
     grid-column-start: 1;
     overflow: hidden;
     user-select: none;
}

.main-slider--dots {
     display: flex;
     flex-direction: row;
     justify-content: start;
     z-index: 3;
}


.main-slider--wrapp {
     width: 10000rem;
}
.main-slider--dot {
     position: relative;
     display: flex;
     flex-grow: 1;
     flex-basis: calc((100% - 6rem) / 3);
     margin-right: 3rem;
     border-radius: 0.5rem;
     background-color: #9B9A9A;
     cursor: pointer;
}

.main-slider--dot:last-child {
     margin-right: 0;
}

.main-slider--load {
     display: block;
     position: relative;
     width: 0%;
     height: 0.4rem;
     border-radius: 0.5rem;
     background-color: #131313;
     transition: all 0s linear!important;
}

.main-slider--dot.active .main-slider--load {
     width: 100%;
     transition: all 5s linear!important;
}

.main-slider--wrapp {
     display: flex;
     flex-direction: row;
}

.main-slider--slide {
     display: flex;
     flex-direction: column;
     align-content: flex-start;
     justify-content: center;
     align-items: flex-start;
}

.main-slide--bg {
     display: flex;
     justify-content: center;
     align-items: center;
     position: absolute;
     left: 0rem;
     z-index: 1;
}

picture.product {
     position: absolute;
     z-index: 2;
}

.main-slide--desc {
     display: block;
     color: #131313;
     font-family: InterMedium;
     font-weight: 500;
     text-transform: uppercase;
     text-align: left;
     z-index: 2;
}

.main-slide--text {
     display: inline-block;
     color: #131313;
     font-family: Inter;
     font-weight: 400;
     text-align: left;
}

.main-slide--info {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     align-items: flex-start;
     z-index: 2;
}

.slide-info--title {
     display: inline;
     color: #131313;
     font-family: Inter;
     font-weight: 500;
     text-transform: uppercase;
     text-align: left;
}
.flag {
     display: inline-block;
     width: 2.3rem;
     height: 1.6rem;
}


.slide-info--subtitle {
     width: 35.6rem;
     margin-top: 1.5rem;
     color: #5f5f5f;
     font-family: Inter;
     font-weight: 500;
     text-transform: uppercase;
     font-size: 1.5rem;
     text-align: left;
     line-height: 2.1rem;
}

.slide-info--points {
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     align-items: flex-start;
     width: 45.5rem;
     list-style-type: none;
     margin-block-start: 0;
     margin-block-end: 0;
     margin-inline-start: 0px;
     margin-inline-end: 0px;
     padding-inline-start: 0;
     margin-top: 1.5rem;
}

.slide-info--point {
     display: flex;
     flex-direction: row;
     align-content: center;
     justify-content: flex-start;
     width: 100%;
     color: #131313;
     font-family: Inter;
     font-weight: 400;
     font-size: 1.5rem;
     text-align: left;
}

.slide-info--point:before {
     display: inline-block;
     position: relative;
     content: '';
     width: 1.6rem;
     height: 1.8rem;
     margin-right: 1rem;
     background-image: url(/local/templates/ventluki/img/plas-point.svg);
}

.slide-info--btn {
     margin-top: 2.5rem;
     font-family: Inter;
     color: #fff;
     text-transform: uppercase;
     text-align: center;
     background-color: #131313;
     border: 0.1rem solid #131313;
     border-radius: 0.5rem;
     cursor: pointer;
}

@media (min-width: 600px) {
     .main-slider {
          width: 140rem;
          margin-top: 2.5rem;
          margin-left: 9.5rem;
          padding-bottom: 10rem!important;
     }
     
     .main-slider--wrapp {
          grid-column-start: 12;
          grid-column-end: 153;
     }
     
     .main-slider--slide {
          display: flex;
          flex-direction: row-reverse;
          align-content: center;
          justify-content: center;
          align-items: center;
          width: 140rem;
          height: 58rem;
          gap: 4rem;
          user-select: none;
          cursor: grab;
     }
     .main-slider--slide:active { cursor: grabbing; }
     .main-slide--bg {
          top: 2.5rem;
          width: 100%;
          height: 57rem;
     }
     
     .main-slide--desc {
          width: 139.5rem;
          margin-left: calc((100% - 139.5rem) / 2);
          font-size: 7rem;
          line-height: 8.4rem;
          padding: 0 0.5rem;
     }
     
     .main-slide--text {
          inset-block-start: 0.3rem;
          inset-inline-start: 3.4rem;
          text-transform: initial;
          width: 39.4rem;
          font-size: 1.6rem;
          line-height: 2.1rem;
     }
     
     picture.product {
          position: relative;
          width: 46rem;
          height: 35.3rem;
     }
     
     .main-slide--info {
          width: 51.2rem;
     }
     
     .slide-info--title {
          width: 55rem;
          font-size: 3rem;
          line-height: 3.6rem;
          padding-bottom: 1.1rem;
     }
     
     .slide-info--point {
          line-height: 2rem;
          margin-top: 0.7rem;
     }
     
     .slide-info--point:nth-child(1) { margin-top: 0; }
     
     .slide-info--btn {
          width: 34rem;
          height: 4.8rem;
          font-weight: 400;
          font-size: 1.5rem;
          line-height: 2rem;
     }
     
     .slide-info--btn:hover {
          background-color: #FA601A;
          border: 0.1rem solid #FA601A;
     }
     
     .slide-info--btn:active {
          color: #131313;
          background-color: #fff;
          border: 0.1rem solid #131313;
     }
     .main-slider--dots {
          width: 96rem;
          margin-left: 22rem;
     }
}
@media (max-width: 599px) {

     .main-slider {
          width: 39rem;
          height: 81rem;
          margin-top: 2.5rem;
          margin-left: calc((95vw - 39rem) / 2);
     }

     .main-slider--dots {
          width: 20rem;
          left: calc((100% - 20rem) / 2);
          bottom: -2rem;
     }

     .main-slider--wrapp { margin-top: 2.5rem; }

     .main-slider--slide {
          width: 39rem;
          height: 52rem;
          justify-content: space-between;
          align-items: center;
          align-content: center;
     }

     .main-slide--bg {
          top: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
     }
     .main-slide--bg img {
          width: 100%;
          height: 100%;
          object-fit: cover;
     }

     picture.product {
          position: relative;
          margin-top: 2.5rem;
          max-width: 20.1rem;
          max-height: 15rem;
          flex: 1;
     }


     .main-slide--info {
          align-items: center;
          width: 39rem;
          flex: 0 0 auto;
          box-sizing: border-box;
     }

     .main-slide--desc {
          margin-left: calc((100% - 36rem) / 2);
          font-size: 3.5rem;
          line-height: 4.2rem;
          letter-spacing: -0.15rem;
     }

     .main-slide--text {
          width: 30.1rem;
          font-size: 1.4rem;
          line-height: 1.8rem;
          letter-spacing: initial;
     }

     .slide-info--title, .slide-info--subtitle, .slide-info--points, .slide-info--btn { width: 36rem; }

     .slide-info--title {
          font-size: 2rem;
          line-height: 2.4rem;
     }
     .slide-info--point {
          width: 100%;
          line-height: 2.1rem;
          padding-bottom: 0.2rem;
          grid-column-end: 20;
          margin-top: 0.5rem;
          order: 1;
     }

     .slide-info--btn {
          height: 4rem;
          font-weight: 500;
          font-size: 1.3rem;
          line-height: 1.7rem;
     }
}