.menubtns .deco{
  width:402px;
  transform: translateX(0px);
}
.menubtns:has(.b1:hover) .deco{
  transform: translate(420px);
}


.swiper {
        width: 100%;
        max-width: 485px;
      }
      .swiper-slide{
        display: flex;
        justify-content: center;
      }
      .swiper-pagination{ margin-top: 4px;}
      .swiper-pagination-bullets.swiper-pagination-horizontal{
          position: relative;
          bottom: 0;
          top: 0;
          left: 0;
          width: auto;
          height: fit-content;
          /* & span:first-child{
            display: none !important;
          }
          & span:last-child{
            display: none !important;
          } */
      }
      .swiper-pagination-bullet {
          width: 8px;
          height: 8px;
          border-radius: 8px;
          background: var(--gray-20);
          opacity: 0.3;
      }
      .swiper-pagination-bullet-active {
          opacity: 1;
          background: var(--gray-main);
      }
      .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
          /* margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); */
          margin: 0 2px;
      }
      .slideimg{ user-select: none;
        display: block;
        width: 81%;
        /* max-width: 300px; */
        position: relative;
        border-radius: 15px;
      }
      [class*='swiper-button-']{
        /* width: 20px;
        height: 20px; */
        width: 5%;
        aspect-ratio: 1 / 1;
        height: auto;
        &::before{
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          z-index: -1;
          width: 100%;
          height: 100%;
          border-radius: 100px;
          border: 1px solid #757575;
          opacity: 0.5;
        }
      }
      .swiper-button-prev{
        left: 3%;
      }
      .swiper-button-next{
        right: 3%;
      }
      .swiper-button-next::after,
      .swiper-button-prev::after {
          display: none;
      }
      .swiper-button-next svg, .swiper-button-prev svg {
        opacity: 1;
        width: auto;
        height: auto;
        object-fit: contain;
        transform-origin: center;
      }
      .smartcontr-btns{ 
        margin:auto;
        margin-top: 24px;
        padding: 0 24px;
        width: 100%; max-width: 512px;
        display: flex; gap: 10px;
        &>div{
          cursor: pointer;
          width: 300px; height: 52px;
          background-color: var(--gray-3);
          border-radius: 8px; color: var(--gray-20);
          font-weight: 700; font-size: 14px;
          display: flex; align-items: center; justify-content: center;
        }
        &>div.active{background-color: var(--gray-main); color: white;}
      }
      #smartcontr-img{margin: auto; display: block; margin-top: 20px;}

      .download-btns{
        display: flex; gap: 9px;
        justify-content: center;
        &>a{
          text-decoration: none;
          cursor: pointer;
          width: 188px; height: 46px;
          background-color: var(--point-color);
          border-radius: 8px; color: white;
          font-size: 16px; font-weight: 700;
          display: flex; align-items: center; justify-content: center;
        }
        &>a:first-child{
          background-color: transparent;
          color: var(--point-color05);
          border: 1px solid var(--point-color05);
        }
      }