.front-page__tiles {
margin-top: -260px;
}
@media (max-width: 1300px) {
.front-page__tiles {
margin-top: 20px;
}
}
@media (max-width: 992px) {
.front-page__tiles {
margin-top: 0rem;
}
}
.front-page__tiles .container {
display: grid;
grid-template-columns: 400px 1fr;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
@media (max-width: 1300px) {
.front-page__tiles .container {
grid-template-columns: 150px 1fr;
}
}
@media (max-width: 992px) {
.front-page__tiles .container {
grid-template-columns: 1fr;
padding-left: 0px;
padding-right: 0px;
}
}
.front-page__tiles .wrapper {
overflow: hidden;
}
@media (max-width: 992px) {
.front-page__tiles .wrapper {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
}
.front-page__tiles .navigation {
position: relative;
z-index: 15;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
margin-bottom: 13rem;
padding-left: 3rem;
}
@media (max-width: 992px) {
.front-page__tiles .navigation {
margin-bottom: 0rem;
}
}
@media (max-width: 568px) {
.front-page__tiles .navigation {
gap: 10px;
padding-left: 1rem;
margin-bottom: 2rem;
}
}
.front-page__tiles .navigation .swiper-button-next,
.front-page__tiles .navigation .swiper-button-prev {
position: relative;
top: 0px;
left: 0px;
right: 0px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
margin: 0px;
}
.front-page__tiles .navigation .swiper-button-next:after,
.front-page__tiles .navigation .swiper-button-prev:after {
color: #636f56;
}
@media (max-width: 568px) {
.front-page__tiles .navigation .swiper-button-next:after,
.front-page__tiles .navigation .swiper-button-prev:after {
font-size: 30px;
}
}
.front-page__tiles .swiper-wrapper {
padding-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
}
.front-page__tiles .swiper-slide {
padding: 30px 10px;
height: auto;
}
.front-page__tiles .swiper-slide a:hover .arrow {
-webkit-transform: translateX(20px) rotate(-45deg);
-ms-transform: translateX(20px) rotate(-45deg);
transform: translateX(20px) rotate(-45deg);
}
.front-page__tiles .swiper-slide a:hover .front-page__tile-desc h3 {
text-decoration: underline;
}
.front-page__tiles .front-page__tile {
display: block;
border-radius: 10px;
}
.front-page__tiles .front-page__tile-desc {
padding: 3rem 4rem 5rem;
}
.front-page__tiles .front-page__tile-desc h3 {
font-size: 3.6rem;
font-weight: 700;
margin-top: 0px;
margin-bottom: 0px;
text-transform: uppercase;
}
.front-page__tiles .front-page__tile-desc p {
font-size: 15px;
margin-top: 5px;
}
.front-page__tiles .arrow {
width: 60px;
height: 60px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
position: absolute;
bottom: 20px;
left: 0px;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.front-page__tiles .arrow img {
max-width: 16px;
}