@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
.round-cta {
color: #000000;
font-family: "DM Sans", sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 0;
}
.round-cta {
background-color: #E6DB04;
border-radius: 40px;
display: inline-block;
padding: 16px 45px;
text-decoration: none;
}
.round-cta:hover {
color: #000000;
text-decoration: none;
}
.round-cta.blue {
background-color: #104E8D;
color: #ffffff;
}
.round-cta.blue:hover {
color: #ffffff;
}
.head-section {
margin-top: -6rem;
}
.head-section + .testo-img {
margin-top: 0;
}
.head-container {
padding: 0 5.5%;
}
@media screen and (max-width: 1199px) {
.head-container {
padding: 0 45px;
}
}
@media screen and (max-width: 543px) {
.head-container {
padding: 0 15px;
}
}
.head-container {
background-color: #104E8D;
position: relative;
z-index: 2;
}
.head-content {
display: flex;
flex-wrap: wrap;
}
.head-body {
opacity: 0;
padding-top: 198px;
visibility: hidden;
width: 50%;
}
@media screen and (max-width: 991px) {
.head-body {
padding: 0 5%;
padding-top: 133px;
text-align: center;
width: 100%;
}
}
@media screen and (max-width: 543px) {
.head-body {
padding: 0 0;
padding-top: 93px;
}
}
.head-body h1 {
color: #ffffff;
font-family: "Comfortaa", sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 0;
}
@media screen and (max-width: 1199px) {
.head-body h1 {
font-size: 18px;
}
}
.head-body h1 {
margin-bottom: 40px;
}
@media screen and (max-width: 991px) {
.head-body h1 {
margin-bottom: 20px;
}
}
.head-body h2 {
color: #ffffff;
font-family: "Comfortaa", sans-serif;
font-size: 70px;
font-weight: 400;
line-height: 1.2;
margin-bottom: 0;
}
@media screen and (max-width: 1199px) {
.head-body h2 {
font-size: 50px;
}
}
@media screen and (max-width: 543px) {
.head-body h2 {
font-size: 45px;
}
}
.head-body h2 {
margin-bottom: 25px;
}
.head-body p {
color: #A8B8CC;
font-family: "DM Sans", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.6;
margin-bottom: 0;
}
@media screen and (max-width: 1199px) {
.head-body p {
font-size: 16px;
}
}
.head-body p {
margin-bottom: 20px;
padding-right: 25%;
}
@media screen and (max-width: 1199px) {
.head-body p {
padding-right: 8.33%;
}
}
@media screen and (max-width: 991px) {
.head-body p {
display: none;
}
}
.head-body h4 {
color: #ffffff;
font-family: "Comfortaa", sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 0;
}
@media screen and (max-width: 1199px) {
.head-body h4 {
font-size: 18px;
}
}
.head-body h4 {
padding-bottom: 25px;
}
@media screen and (max-width: 991px) {
.head-body h4 {
display: none;
}
}
.head-body .cta-container {
margin-bottom: 55px;
}
@media screen and (max-width: 991px) {
.head-body .cta-container {
margin-bottom: 35px;
}
}
@media screen and (max-width: 543px) {
.head-body .cta-container {
margin-bottom: 25px;
}
}
.head-video {
align-items: center;
display: flex;
opacity: 0;
overflow: hidden;
padding-bottom: 50px;
padding-top: 50px;
visibility: hidden;
width: 50%;
}
@media screen and (min-width: 1600px) {
.head-video {
padding: 50px 5%;
}
}
@media screen and (max-width: 991px) {
.head-video {
flex-wrap: wrap;
padding: 50px 5%;
width: 100%;
}
}
@media screen and (max-width: 543px) {
.head-video {
padding: 50px 0;
}
}
.head-video p {
color: #A8B8CC;
font-family: "DM Sans", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.6;
margin-bottom: 0;
}
@media screen and (max-width: 1199px) {
.head-video p {
font-size: 16px;
}
}
.head-video p {
display: none;
}
@media screen and (max-width: 991px) {
.head-video p {
display: block;
padding-bottom: 35px;
padding-top: 25px;
text-align: center;
}
}
@media screen and (max-width: 543px) {
.head-video p {
padding-bottom: 25px;
padding-top: 15px;
}
}
.head-video-container {
border-radius: 20px;
font-size: 0;
line-height: 0;
overflow: hidden;
width: 100%;
}
@media screen and (max-width: 1199px) {
.head-video-container {
margin-left: 20px;
}
}
@media screen and (max-width: 991px) {
.head-video-container {
margin-left: 0;
}
}
.head-video-container video {
width: 100%;
}