.swiper-button-next::after, .swiper-button-prev::after {
	font-size: 1rem;
	font-weight: 800;
	color: #fff;
	width: 56px;
	height: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.swiper-button-prev, .swiper-button-next{
   
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(to right, #0a6ac4, #0195d4);
width: 56px;
height: 56px;

}




/* slide three start */

    /* Active (center) slide style */
    .swiper-slide-active > div {
      border: 2px solid black !important;
      transform: scale(1.05);
      transition: all 0.3s ease;
    }

    /* Non-active slides slightly faded */
    .swiper-slide > div {
      opacity: 0.8;
      transition: all 0.3s ease;
      margin-top: 20px;
    }
    .swiper-slide-active > div {
      opacity: 1;
    }

/* slide three end */




 /* Active (center) slide style */
    .swiperCard .swiper-slide-active > div {
      border: 2px solid white !important;
      transform: scale(1);
    
    }
.swiper-paginationCard {
  margin-top: 20px;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
  text-align: center;

}
  .mySwiper .swiper-slide-active > div {
      border: 1px solid black !important;
      transform: scale(1);
    
    }

     /* Active (center) slide style */
    .mySwiperVideo .swiper-slide-active > div {
      border: 0px solid white !important;
      transform: scale(1);
    
    }
.swiper-paginationCardVideo {
  margin-top: 20px;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
  text-align: center;

}


/* Custom navigation button styles */
    .swiper-button-next-video,
    .swiper-button-prev-video {
      color:weight;
      background: skyblue;
     
      transition: all 0.3s ease;
    }

    .swiper-button-next-video:hover,
    .swiper-button-prev-video:hover {
    
      color: black;
     
    }

    .swiper-button-next-video::after,
    .swiper-button-prev-video::after {
      font-size: 16px;
      font-weight: bold;
    }



/* slide three end */

 .accordion-content {
      transition: all 0.3s ease;
      overflow: hidden;
      max-height: 0;
      opacity: 0;
    }
    .accordion-content.open {
      max-height: 300px;
      opacity: 1;
    }


 @media (max-width: 768px) {
          .logos-marquee {
            display: flex;
            animation: marquee 15s linear infinite;
          }

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

        
 @keyframes marqueeLeft {
        0% {
          transform: translateX(0);
        }

        100% {
          transform: translateX(-50%);
        }
      }

      .animate-marquee-left {
        animation: marqueeLeft 20s linear infinite;
      }




@keyframes top-animation {
      0% { transform: translateX(0%); }
      100% { transform: translateX(-100%); }
    }
    .top-animation {
      animation: top-animation 90s linear infinite;
    }


@keyframes marquee-left {
      0% { transform: translateX(0%); }
      100% { transform: translateX(-100%); }
    }
    .marquee-left {
      animation: marquee-left 90s linear infinite;
    }

     @keyframes marquee-right {
      0% { transform: translateX(-50%); }
      100% { transform: translateX(100%); }
    }
    .marquee-right {
      animation: marquee-right 90s linear infinite;
    }


    @media (max-width: 768px) {
      .marquee-left, .marquee-right {
        animation-duration: 10s;
      }
    }