/* SLIDER */

.swiper {
  padding-top:100px;
  position: relative;
  width: 500px;
 
}

.swiper-slide {
  position: relative;
  
  user-select: none;
  border-radius: 20px;
}



.swiper-slide img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}











@media (max-width: 1050px) {
  .swiper {
    width: 350px;
    height: 450px;
  }
}

@media (max-width: 930px) {
  section {
    grid-template-columns: 100%;
    grid-template-rows: 55% 40%;
    grid-template-areas:
      "slider"
      "content";
    place-items: center;
    gap: 64px;
    padding: 60px;
  }

  .swiper {
    grid-area: slider;
  }

  .content {
    grid-area: content;
    text-align: center;
  }

  .content h1 {
    margin-bottom: 20px;
  }
}

@media (max-width: 470px) {
  section {
    padding: 40px 40px 60px;
  }

  .swiper {
    width: 300px;
    height: 400px;
  }
}