.swiper {
      width: auto;
      margin: 0px 40px !important;
    }

    .swiper-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 10px;
      font-size: 22px;
      font-weight: bold;
      color: #fff;
    }

    .swiper-slide:nth-child(1n) {
      background-color: #ffffff;
    }

    .swiper-slide:nth-child(2n) {
      background-color:#ffffff;
    }

    .swiper-slide:nth-child(3n) {
      background-color: #ffffff;
    }

    .swiper-slide:nth-child(4n) {
      background-color: #ffffff;
    }

    .swiper-slide:nth-child(5n) {
      background-color: #ffffff;
    }

    .swiper-slide:nth-child(6n) {
      background-color: #ffffff;
    }

    .swiper-slide:nth-child(7n) {
      background-color: #ffffff;
    }

    .swiper-slide:nth-child(8n) {
      background-color: #ffffff;
    }

    .swiper-slide:nth-child(9n) {
      background-color: #ffffff;
    }

    .swiper-slide:nth-child(10n) {
      background-color: #ffffff;
    }

.swiper-slide .back-image{
  width: 100%;
}


@media only screen and (max-width: 1440px) {
  .swiper {
    width: 600px;
  }
}
@media only screen and (max-width: 1250px) {
  .swiper {
    width: 500px;
  }
}
@media only screen and (max-width: 900px) {
  .swiper {
    width: auto;
  }
}



/*------------------laser_run_button------------------*/


/*.laser_run_button{
    display: grid;
    place-items: center;
}*/

.laser_run_button {
    position: relative;
    text-decoration: none;
    overflow: hidden;
}

.laser_run_button span:nth-child(1) {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(to right, #3498DB,#FE80C0,#9B59B6,#0dcaf0,#5949d6);
    animation: animate1 2s linear infinite;
}

@keyframes animate1 {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

.laser_run_button span:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 3px;
    background: linear-gradient(to bottom, #3498DB,#FE80C0,#9B59B6,#0dcaf0,#5949d6);
    animation: animate2 2s linear infinite;
    animation-delay: 1s;
}
@keyframes animate2 {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(100%);
    }
}

.laser_run_button span:nth-child(3) {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(to left, #3498DB,#FE80C0,#9B59B6,#0dcaf0,#5949d6);
    animation: animate3 2s linear infinite;
}

@keyframes animate3 {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.laser_run_button span:nth-child(4) {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 3px;
    background: linear-gradient(to top, #3498DB,#FE80C0,#9B59B6,#0dcaf0,#5949d6);
    animation: animate4 2s linear infinite;
    animation-delay: 1s;
}

@keyframes animate4 {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(-100%);
    }
}


/*------------------laser_run_button-End-----------------*/



/*------------------rgb_button-----------------*/


.rgb_button {
  border: 0;
  position: relative;
  background: linear-gradient(-45deg, #3498DB,#FE80C0,#9B59B6,#0dcaf0,#5949d6);
  background-size: 400% 400%;
  animation: gradientBG 4.5s ease infinite;
  color: white !important ;
  transition: .3s;
  font-size: 16px;
  padding: 10px 25px;
  font-weight: 600;
}
@keyframes gradientBG {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}




/*------------------rgb_button-end----------------*/