/* Import font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

/* :root{
  --light-color: #fff;
  --light-color-alt: #afb6cd;
  --primary-background-color: #131417;
  --secondary-background-color: #252830;
  --hover-light-color: var(--light-color);
  --hover-dark-color: var(--primary-background-color);
  --gradient-color: linear-gradient(
      115deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b);
  --transparent-light-color: rgba(255,255,255,.05);
  --transparent-dark-color: rgba(0,0,0,.75);
  --font-family: 'Poppins', sans-serif;
  --font-size-xsm: 1.2rem;
  --font-size-sm: 1.6rem;
  --font-size-md: 2.4rem;
  --font-size-lg: 3rem;
  --font-size-xl: 4rem;
  --gap: 2rem;
  --margin-sm: 2rem;
  --margin-md: 3rem;
  --item-min-height-sm: 20rem;
  --item-min-height-md: 30rem;
} */

.swiper {
    width: 100%;
    height: 50rem;
    padding-top: 3.99rem;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* background-image: url("/assets/images/background.jpg"); */
    background-size: 100% 100%;
    background-repeat:no-repeat;
    background-position: 0;
    /* color: whitesmoke; */

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 50px;
  }

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

  .swiper {
    margin-left: auto;
    margin-right: auto;
  }

  .swiper-button-prev, .swiper-button-next {
    margin-top: 0px;
    /* padding: auto; */
  }

  .swiper-pagination-bullet {
        width: 20px;
        height: 10px;
        text-align: center;
        line-height: 20px;
        font-size: 12px;
        /* color: #000; */
        opacity: 1;
        background: rgba(255, 255, 255, 0.5);
        border-radius: 2px;
        opacity: .6;
      }

  .swiper-pagination-bullet:hover{
        opacity: .9;
  }

  .swiper-pagination-bullet-active {
    /* color: #fff; */
    background: #007aff;
  }