.page-hero-section {
width: 100%;
height: 10rem;
padding: 5rem 0;
position: relative;
min-height: 100vh;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
overflow: hidden;
}
.page-hero-section .background-logo {
max-width: 632px;
max-height: 643px;
width: 80%;
position: absolute;
top: 20rem;
left: -10rem;
}
.page-hero-section .background-logo img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.page-hero-section .hero-content {
max-width: 1100px;
margin: 0 auto;
text-align: center;
padding-top: 12rem;
padding-bottom: 8rem;
}
.page-hero-section .hero-content .small-title {
padding-top: 16px;
}
.page-hero-section .hero-content .h1 {
padding-top: 16px;
padding-bottom: 24px;
max-width: 780px;
margin: 0 auto;
text-align: center;
}
@media only screen and (max-width: 768px) {
.page-hero-section .hero-content .h1 {
font-size: 4rem;
line-height: 1.2;
}
}
.page-hero-section .hero-content .description {
margin: 0 auto;
text-align: center;
max-width: 736px;
color: #5C5C70;
}
.contact-data .link-contact {
font-weight: 700;
font-size: 4rem;
line-height: 1.2;
text-decoration: underline;
}
.contact-data p {
padding: 16px 0;
}
.map-box {
margin-top: 5rem;
width: 100%;
height: 22rem;
}
form {
max-width: 368px;
margin: 0 auto;
}
form input, form textarea {
background: #F3F6F8;
border-radius: 4px;
border: 1px solid #CCCCD3;
width: 100%;
padding: 4px;
}
form input {
height: 40px;
}
form textarea {
height: 120px;
}
form label {
padding-bottom: 8px;
color: #98A1A9;
font-size: 14px;
line-height: 1.4;
}
form .errorEmpty, form .errorFormat {
padding: 4px;
color: var(--secondary);
padding-bottom: 8px;
font-size: 14px;
line-height: 1.4;
display: none;
}
form .input.hasErrorEmpty .errorEmpty {
display: block;
}
form .icheckbox input {
width: 20px;
height: 20px;
border-radius: 4px;
background: #F3F6F8;
border-radius: 4px;
border: 1px solid #CCCCD3;
}
form .icheckbox {
width: 20px;
height: 20px;
border-radius: 4px;
background: #F3F6F8;
border-radius: 4px;
border: 1px solid #CCCCD3;
margin-right: 10px;
}
form .icheckbox.checked {
background: var(--secondary);
border: 1px solid #CCCCD3;
}
form .bottom {
margin-top: 16px;
}
form .cbtn {
margin-top: 16px;
}
.iconOk {
color: var(--secondary);
font-weight: 700;
text-align: center;
}