@tailwind base;
@tailwind components;
@tailwind utilities;

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

.swiper-slide {
  font-size: 18px;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.parallax-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 130%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}

.swiper-slide .title {
  font-size: 41px;
  font-weight: 300;
}

.swiper-slide .subtitle {
  font-size: 21px;
}

.swiper-slide .text {
  font-size: 14px;
  max-width: 400px;
  line-height: 1.3;
}

.swiper-button-prev,
.swiper-button-next {
  @apply duration-500 text-primary-main bg-white rounded-full w-[40px] h-[40px] hover:text-white hover:bg-primary-main;
  box-shadow: 0 0 10px 0 #595959;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 18px !important;
  font-weight: 900;
}