.front-page__hero {
padding: 0px 10px;
}
.front-page__hero .border {
border-radius: 10px;
overflow: hidden;
}
.front-page__hero .front-page__hero-slide {
position: relative;
padding: 56rem 0rem 9rem;
height: auto;
}
@media (max-width: 1300px) {
.front-page__hero .front-page__hero-slide {
padding: 30rem 0rem 5rem;
}
}
.front-page__hero .front-page__hero-slide:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 2;
}
.front-page__hero .front-page__hero-slide .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 1;
}
.front-page__hero .front-page__hero-inner {
position: relative;
z-index: 15;
color: #eee6cf;
}
.front-page__hero .front-page__hero-inner .line {
width: 100%;
height: 1px;
background-color: #eee6cf;
margin-bottom: 4rem;
}
.front-page__hero .front-page__hero-inner h2, .front-page__hero .front-page__hero-inner h1 {
font-size: 5.5rem;
text-transform: uppercase;
}
@media (max-width: 568px) {
.front-page__hero .front-page__hero-inner h2, .front-page__hero .front-page__hero-inner h1 {
font-size: 4rem;
}
}
.front-page__hero .front-page__hero-inner h2,
.front-page__hero .front-page__hero-inner h3,
.front-page__hero .front-page__hero-inner p {
max-width: 384px;
}
@media (max-width: 1300px) {
.front-page__hero .swiper-button-next,
.front-page__hero .swiper-button-prev {
top: 30%;
}
}
.front-page__hero .swiper-button-next:after,
.front-page__hero .swiper-button-prev:after {
color: #eee6cf;
font-size: 15px;
}