.section--hero {
padding-top: 5rem;
padding-bottom: 5rem;
}
.section--hero-content {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 3rem;
}
.section--hero-content .hero--content-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.6rem;
}
.section--hero-content .hero--content-title h1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.section--hero-content-tematical {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5rem;
}
.section--hero-content-tematical .tematical--file {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.section--hero-content-tematical a {
position: relative;
display: inline-block;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
vertical-align: top;
margin-right: 1rem;
margin-bottom: 1rem;
background: #f6fbf5;
text-decoration: none;
padding: 1.6rem 5.6rem 1.6rem 1.6rem;
-webkit-box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.02);
box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.02);
}
.section--hero-content-tematical a p {
margin: 0;
line-height: 1;
border-bottom: 1px solid #315343;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.section--hero-content-tematical a p:hover {
border-color: transparent;
}
.section--hero-content-tematical a .icon {
position: absolute;
right: 1.6rem;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 2.6rem;
height: 2.6rem;
background: #101913;
border-radius: 1.3rem;
-webkit-box-shadow: 0 4px 8px 0 rgba(34, 57, 46, 0.15);
box-shadow: 0 4px 8px 0 rgba(34, 57, 46, 0.15);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.section--hero-content-tematical a .icon svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}