.btn-wrapper {
    width: 200px;
    height: 200px;
    border: 1px solid #CAE0D8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: 0.3s;
    cursor: pointer;
}
.btn-wrapper:hover {
    background-color: #FF8243 !important;
    border: 1px solid transparent !important;
}
.btn-text {
    color: #CAE0D8;
    text-align: center;
    font-family: "El Messiri";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    text-transform: uppercase;
    transition: color 0.3s;
}
.btn-logo {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 64%;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s;
}

.btn-logo img,
.btn-logo svg {
    width: 100%;
    height: 100%;
    transition: all 0.3s; 
}
.btn-wrapper:hover .btn-logo {
    width: 40px;
    height: 40px;
}
.btn-wrapper:hover .btn-logo svg {
    width: 40px;
    height: 40px;
    fill: white !important;
}
.btn-wrapper:hover .btn-logo svg path {
    fill: white !important;
}
.btn-wrapper:hover .btn-text{
    color: #FFF !important;
}


.popup {
  font-family: "El Messiri";
  border: 5px solid #D43C06;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.60)),
  url("https://xn----9sbcmm5bu9h.xn--p1ai/clario/popup-bg.png") no-repeat center/cover;
  max-width: 436px;
  position: fixed;
  right: 0;
    bottom: 41.5%;
  z-index: 99999999;
  transform: translateX(120%);
  opacity: 0; 
  transition: transform 0.4s ease-in-out, opacity 0.5s ease;
 
}
.popup-wrapper {
  position: relative;
}
.popup-text {
  padding: 44px 26px 0 26px;
  color: rgba(255, 255, 255, 0.80);
  text-align: center;
  font-size: 31px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.popup-text span {
    font-weight: 700;
    color: #FFF;
}
.popup-link {
  background: linear-gradient(90deg, #D43C06 0%, #FC702A 100%);
  backdrop-filter: blur(10px);
    margin-top: 25px;
    margin-left: auto;
    max-width: 325px;
}
.popup-link a {
  color: #FFF !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  text-transform: uppercase;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 16px 22px;
  transition: all 0.3s;

}
.popup-link a:hover {
    transform: scale(1.05);
    transition: all 0.3s;

}
.popup-link a:after {
    content: '';
    display: inline-block;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNS4xNjUgMTAuMDI4NkwwLjgzNTE0MiAxMC4wMjg2TDAuODM1MTQyIDcuOTcxNEwyNS4xNjUgNy45NzE0TDI1LjE2NSAxMC4wMjg2WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNC4xMjIyIDcuOTcxMTZDMTkuMjE3OCA3Ljk3MTE2IDE1LjIxMDMgMTIuMjI1NiAxNS4yMTAzIDE2Ljc2MjJMMTUuMjEwMyAxNy43OTA4TDE3LjI5NTcgMTcuNzkwOEwxNy4yOTU3IDE2Ljc2MjJDMTcuMjk1NyAxMy4zMTc3IDIwLjQxMzcgMTAuMDI4MyAyNC4xMjIyIDEwLjAyODNMMjUuMTY1IDEwLjAyODNMMjUuMTY1IDcuOTcxMTZMMjQuMTIyMiA3Ljk3MTE2WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNC4xMjIyIDEwLjAyODZDMTkuMjE3OCAxMC4wMjg2IDE1LjIxMDMgNS43NzQyMSAxNS4yMTAzIDEuMjM3NkwxNS4yMTAzIDAuMjA5MDJMMTcuMjk1NyAwLjIwOTAxOUwxNy4yOTU3IDEuMjM3NkMxNy4yOTU3IDQuNjgxOTkgMjAuNDEzNyA3Ljk3MTQgMjQuMTIyMiA3Ljk3MTRMMjUuMTY1IDcuOTcxNEwyNS4xNjUgMTAuMDI4NkwyNC4xMjIyIDEwLjAyODZaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
    width: 25px;
    height: 18px;
}

.popup-close {
  position: absolute;
  right: 12px;
  top: 12px;
  cursor: pointer;
}
.popup.show {
  transform: translateX(0);
  opacity: 1;
}

.popup.hide {
  transform: translateX(120%);
  opacity: 0;
}

.mini-popup {
  cursor: pointer;
  position: fixed;
  right: -98px;
  bottom: 50%;
  z-index: 9999999;
  transform: rotate(90deg);
    max-width: 256px;
    width: 100%;
  border-radius: 0 0 20px 20px;
  background: linear-gradient(360deg, #FC702A 0%, #D43C06 100%);
  opacity: 0;

}

.mini-popup-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.mini-popup-logo {
  transform: rotate(270deg);
  margin-bottom: 10px;
}

.mini-popup-text {
  color: #FFF;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin: 10px 0 10px;
}

@media (max-width: 600px){
    .mini-popup-text {
      font-size: 12px;
      margin: 5px 0 5px;
    }
    .mini-popup{
        right: -80px;
        max-width: 205px;
    }
    .mini-popup-logo{
        margin-bottom: 0;
    }
}

#rec1051476076 {
    position: relative;
    z-index: 9999;
    
}

.video-slider-wrapper {
  width: 100%;
  max-width: 850px;
  position: relative;
  left: -15%;
  top: -24px;
}

.video-slide {
  position: relative;
  padding: 10px;
  width: 193px;
}

.video-slide video {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 10px;
  display: block;
  background: #000;
}

.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: none;
  border: none;
  cursor: pointer;
  z-index: 2;
  opacity: 0.85;
  transition: opacity 0.3s;
}

.play-btn:hover {
  opacity: 1;
}

.play-btn svg {
  width: 30px;
  height: 30px;
}

@media(max-width: 1720px) {
    .video-slider-wrapper {
        left: -1%;
        top: -60px;
    }
    
    .video-slide {
        width: 145px;
    }
}

@media(max-width: 1201px) {
    .video-slider-wrapper {
        max-width: 500px;
        left: -5%;
        top: -34px;
    }
    
    .video-slide {
        width: 145px;
    }
    .video-slide video {
        height: 225px;
    }
}

@media(max-width: 1025px) {
    .video-slider-wrapper {
        max-width: 380px;
        left: -1%;
    }
    .video-slide {
        width: 175px;
    }
    .video-slide video {
        height: 280px;
    }
}
@media(max-width: 768px) {
    .video-slider-wrapper {
        max-width: 730px;
        left: -13%;
    }
    .video-slide {
        width: 225px;
    }
    .video-slide video {
        height: 360px;
    }
}
@media(max-width: 640px) {
    .video-slider-wrapper {
        max-width: 570px;
        left: -3%;
    }
    .video-slide {
        width: 172px;
    }
    .video-slide video {
        height: 295px;
    }
}
@media(max-width: 430px) {
    .video-slider-wrapper {
        max-width: 400px;
        left: 14%;
    }
    .video-slide {
        width: 185px;
    }
    .video-slide video {
        height: 295px;
    }
}
@media(max-width: 426px) {
    .video-slider-wrapper {
        max-width: 205px;
        left: 32%;
    }
    .video-slide {
        width: 190px;
    }
    .video-slide video {
        height: 295px;
    }
}


.section_slider{
  display: flex;
  gap: 40px;
  position: relative;
  margin-left: 100px;
  margin-bottom: 100px;
}
@media (max-width: 1480px) {
  .section_slider{
    margin-left: 40px;
  }
}
@media (max-width: 640px) {
  .section_slider{
    display: none !important;
  }
}
.section_slider__item{
  max-width: 650px;
  width: 100%;
  height: 420px !important;
  position: relative;
  display: flex !important;
  flex-direction: column;
  padding: 30px;
  justify-content: space-between;
  box-sizing: border-box;
  flex-shrink: 0;
  box-shadow: 7px 7px 7px rgba(0,22,17, 0.5);
}
@media (max-width: 1480px) {
  .section_slider__item{
      max-width: 600px;
      height: 388px !important;
  }
}
.section_slider__item_bg{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transition: .3s;
}
.section_slider__item_bg.-on-hover{
  z-index: -2;
}
.section_slider__item_top_title{
  color: rgba(255, 255, 255, 0.50);
  font-family: 'Arial';
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (max-width: 1480px) {
  .section_slider__item_top_title{
    font-size: 20px;
    margin-bottom: 10px;
  }
}
.section_slider__item_title{
  color: #FFF;
  font-family: 'ElMessiri', Arial, sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
@media (max-width: 1480px) {
  .section_slider__item_title{
    font-size: 32px;
  }
}
.section_slider__item_btn{
  display: block;
  box-sizing: border-box;
  max-width: 275px;
  width: 100%;
  text-align: center;
  padding: 10px 15px 12px; 
  background: linear-gradient(90deg, #D43C06 0%, #FC702A 100%);
  box-shadow: 7px 6px 20px 0 rgba(255, 84, 0, 0.70);
  text-decoration: none;
  cursor: pointer;
}
.section_slider__item_btn span{
  color: #FFF;
  font-family: Arial;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}
.section_slider__item_btn span:after{
  content: '';
  width: 0px;
  height: 24px;
  transition: .3s;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.75 12.0859L3.25021 12.0859L3.25021 13.5859L20.75 13.5859L20.75 12.0859Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.9999 13.5858C16.4723 13.5858 13.5898 10.4837 13.5898 7.17578L13.5898 6.42578L15.0898 6.42578L15.0898 7.17578C15.0898 9.68736 17.3325 12.0858 19.9999 12.0858L20.75 12.0858L20.75 13.5858L19.9999 13.5858Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.9999 12.0859C16.4723 12.0859 13.5898 15.188 13.5898 18.4959L13.5898 19.2459L15.0898 19.2459L15.0898 18.4959C15.0898 15.9844 17.3325 13.5859 19.9999 13.5859L20.75 13.5859L20.75 12.0859L19.9999 12.0859Z' fill='white'/%3E%3C/svg%3E");
}
.section_slider__item_btn:hover span{
  gap:  5px;
}
.section_slider__item_btn:hover span:after{
  width: 24px;
}

.section_slider__item:hover .section_slider__item_bg{
  opacity: 0;
}
.section_slider__item:hover .section_slider__item_bg.-on-hover{
  opacity: 1;
}

.section_slider .slick-arrow{
  cursor: pointer;
  padding: 0 !important;
  position: absolute;
  top: 45%;
  width: 40px;
  height: 40px;
  font-size: 0px;
  border: none;
  z-index: 2;
  transform: translate(-50%);
  background-color: transparent;
  background-size: contain;
  background-position: center center;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='20' transform='matrix(-1 0 0 1 40 0)' fill='%23E44C26' fill-opacity='0.5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0626 20.9385L31.9374 20.9385L31.9374 19.0635L10.0626 19.0635L10.0626 20.9385Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0003 19.0636C15.4097 19.0636 19.0129 22.9413 19.0129 27.0762L19.0129 28.0137L17.1378 28.0137L17.1378 27.0762C17.1378 23.9367 14.3345 20.9386 11.0003 20.9386L10.0626 20.9386L10.0626 19.0636L11.0003 19.0636Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0003 20.9385C15.4097 20.9385 19.0129 17.0609 19.0129 12.926L19.0129 11.9885L17.1378 11.9885L17.1378 12.926C17.1378 16.0654 14.3345 19.0635 11.0003 19.0635L10.0626 19.0635L10.0626 20.9385L11.0003 20.9385Z' fill='white'/%3E%3C/svg%3E%0A");
}
@media (max-width: 1480px) {
  .section_slider .slick-arrow{
    top: 50%;
  }
}
@media (max-width: 980px) {
  .section_slider .slick-arrow{
    display: none !important;
  }
}
.section_slider .slick-arrow.slick-next{
  transform: rotate(180deg);
  right: 80px;
}
@media (max-width: 1920px) {
  .section_slider .slick-arrow.slick-next{
    right: 65px;
  }
}
@media (max-width: 1480px) {
  .section_slider .slick-arrow.slick-next {
    right: 30px;
  }
  .section_slider .slick-arrow.slick-prev {
    left: 60px;
  }
}
.section_slider .slick-arrow.slick-disabled{
  cursor: default;
  opacity: 0.5
}
.section_slider .slick-track,
.section_slider .slick-list{
  padding-top: 50px;
  padding-bottom: 50px;
  margin-top: -50px;
  margin-bottom: -50px;
}
.section_slider .slick-track{
  display: flex;
  gap: 40px;
}
@media (max-width: 1480px) {
  .section_slider .slick-track{
    gap: 30px;
  }
}
.section_slider .slick-track:before,
.section_slider .slick-track:after{
  position: absolute;
}

.products_slider{
  display: flex;
  gap: 40px;
  position: relative;
  margin-left: 80px;
  padding: 20px 0 60px;
}
@media (max-width: 1480px) {
  .products_slider{
    margin-left: 50px;
    padding: 20px 0 78px;
  }
}
@media (max-width: 1280px) {
  .products_slider{
    margin-left: 25px;
    padding: 20px 0 58px;
  }
}
@media (max-width: 980px) {
  .products_slider{
    margin-left: 25px;
    padding: 20px 0 50px;
  }
}
@media (max-width: 400px) {
  .products_slider{
    margin: 0;
  }
}

.products_slider__item{
  display: flex !important;
  flex-direction: column;
  gap: 30px;
  max-width: 560px;
  margin-right: 40px;
  padding-top: 20px;
}
@media (max-width: 1480px) {
  .products_slider__item{
    max-width: 420px;
    margin-right: 45px;
  }
}
@media (max-width: 1280px) {
  .products_slider__item{
    max-width: 360px;
    margin-right: 35px;
  }
}
@media (max-width: 980px) {
  .products_slider__item{
    max-width: 290px;
    margin-right: 22px;
  }
}
@media (max-width: 400px) {
  .products_slider__item{
    margin-right: 0;
    padding: 0 15px
  }
}

.products_slider__item_image{
  display: block;
  width: 100%;
  box-shadow: 10px 10px 10px 5px rgba(0, 0, 0, 0.2);
}
.products_slider__item_info{
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: start;
  text-decoration: none;
}
.products_slider__item_name{
  font-family: "ElMessiri";
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  text-transform: uppercase;
}
@media (max-width: 980px) {
  .products_slider__item_name{
    font-size: 18px;
  }
}
.products_slider__item_name.--green{
  color: #688981;
}
.products_slider__item_name.--blue{
  color: #124963;
}
.products_slider__item_name.--pink{
  color: #FF909C;
}
.products_slider__item_name.--light-pink{
  color: #8C4F58;
}
.products_slider__item_link{
  display: flex;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
@media (max-width: 1480px) {
  .products_slider__item_link{
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 980px) {
  .products_slider__item_link{
    width: 40px;
    height: 40px;
  }
}
.products_slider__item_link::after{
  content: '';
  display: block;
  width: 35px;
  height: 35px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 1480px) {
  .products_slider__item_link::after{
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 980px) {
  .products_slider__item_link::after{
    width: 20px;
    height: 20px;
  }
}
.products_slider__item_link.--light-blue{
  background: #00D7E2;
}
.products_slider__item_link::after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.8872 8.64648L7.67321 25.4429L9.11292 27.0898L28.3269 10.2934L26.8872 8.64648Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.5033 11.013C23.6302 14.3988 17.4878 13.7594 14.3129 10.1275L13.593 9.30404L15.24 7.8643L15.9598 8.68777C18.3705 11.4454 23.1349 11.9263 26.0636 9.36609L26.8871 8.64612L28.3269 10.2931L27.5033 11.013Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.0636 9.36644C22.1905 12.7522 22.0031 18.9249 25.178 22.5568L25.8979 23.3802L27.5448 21.9405L26.825 21.117C24.4144 18.3595 24.5747 13.5736 27.5033 11.0134L28.3269 10.2934L26.8872 8.64648L26.0636 9.36644Z' fill='white'/%3E%3C/svg%3E");
}

.products_slider__item_link.--orange{
  background: #FA9B00;
}
.products_slider__item_link.--pink{
  background: #FA046F;
}
.products_slider__item_link.--yellow{
  background: #FFF44F;
}
.products_slider__item_link.--blue{
  background: #009DD3;
}
.products_slider__item_link.--red-orange{
  background: #E44C26;
}
.products_slider__item_link.--red{
  background: #BF1E36;
}
.products_slider__item_link.--yellow::after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.8872 8.64648L7.67321 25.4429L9.11292 27.0898L28.3269 10.2934L26.8872 8.64648Z' fill='%23BA414F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.5033 11.013C23.6302 14.3988 17.4878 13.7594 14.3129 10.1275L13.593 9.30404L15.24 7.8643L15.9598 8.68777C18.3705 11.4454 23.1349 11.9263 26.0636 9.36609L26.8871 8.64612L28.3269 10.2931L27.5033 11.013Z' fill='%23BA414F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.0636 9.36644C22.1905 12.7522 22.0031 18.9249 25.178 22.5568L25.8979 23.3802L27.5448 21.9405L26.825 21.117C24.4144 18.3595 24.5747 13.5736 27.5033 11.0134L28.3269 10.2934L26.8872 8.64648L26.0636 9.36644Z' fill='%23BA414F'/%3E%3C/svg%3E");
}