.swiper {
      width: 100%;
      height: 100%;
       border-radius: 0 !important;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;

     /* background:black; */
       background:none;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 20px;
       overflow: hidden;

     

   /*  background-color: rgba(209, 213, 219,0.5) !important; */
     /* padding: 1px; */
    }

   .mySwiper .swiper-slide,.mySwiper2 .swiper-slide {

border: 1px solid rgba(229, 232, 235, 0.72);


   }
    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
 
       object-fit:cover;
     
       background: linear-gradient(145deg, #f9fafb, #e5e7eb);
     
      /* border-radius: 19px; */

      
    }

    body {
      background: #000;
      color: #000;
    }

    .swiper {
      width: 100%;
      //height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      background-size: cover;
      background-position: center;
      aspect-ratio: 12/12;
    }

    .mySwiper2 {
      //height: 80%;
      width: 100%;
      
    }

    .mySwiper {
      height: 20%;
      box-sizing: border-box;
      //padding: 10px 0;
      margin: 10px;
    }

    .mySwiper .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }

    .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
    }


    .swiper-slide {
      //aspect-ratio: 11/12;
    }




.swiper-button-prev svg{
    stroke: black !important;
}
.swiper-button-next svg{
    stroke: black !important;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    display: none !important; /* Esconde as setas padrão */
}

.swiper-button-next,
.swiper-button-prev {
    width: 50px !important; /* Ajusta o tamanho do botão */
    height: 50px !important;
    background-color: white; /* Fundo branco */
    border-radius: 50%; /* Torna o fundo circular */
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); /* Sombra opcional */
}

/* Ajusta o tamanho da seta dentro do botão */
.swiper-button-next::after,
.swiper-button-prev::after {
    content: ''; /* Remove o ícone padrão */
    display: block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
}

/* 🔹 Esconde os botões em telas menores que 768px */
@media (max-width: 768px) {
    .swiper-button-next,
    .swiper-button-prev {
        display: none !important;
    }
}