@font-face {
  font-family: "Evermore";
  src: url("../font/Evermore.otf") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;

}

.arial {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 1.2rem !important;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Evermore", sans-serif;
  background-color: #101010;
  color: white;
}

.contain {
  margin: auto;
  overflow: hidden;
  position: relative;
}

@media (min-width: 1024px) {
  .contain {
    padding: 0 10rem;
  }
}

.img {
  height: 70vh;
  width: 50vw;
}
.img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.paragraph {
  width: 50vw;
}


@media (max-width: 1024px) {
  .img {
    width: 90%;
  }
  .paragraph {
    width: 90%;
  }
}

ul{
overflow: hidden;  padding: 5px 0;
}



/* //////////////////////////// */

  .swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      /* Navigation arrows color to white */
      .swiper-button-next,
      .swiper-button-prev {
        color: #fff;
        filter: drop-shadow(
          0 0 4px rgba(0, 0, 0, 0.5)
        ); /* Optional: slight shadow for visibility */
      }

      /* Pagination dots color to white */
      .swiper-pagination-bullet {
        background: #fff;
        opacity: 0.5;
      }

      .swiper-pagination-bullet-active {
        opacity: 1;
      }

      @media (max-width: 768px) {
        .swiper-button-next,
        .swiper-button-prev {
          opacity: 0;
        }
      }