.cta-banner {
background-color: #ffffff;
padding: 88px 54px;
font-family: var(--siga-font, "Montserrat", sans-serif);
} .cta-banner__card {
position: relative;
display: flex;
align-items: center;
justify-content: center;
max-width: 1320px;
min-height: 346px;
margin: 0 auto;
border-radius: 24px;
overflow: hidden;
} .cta-banner__bg {
position: absolute;
inset: 0;
z-index: 0;
}
.cta-banner__bg img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.cta-banner__bg::after {
content: "";
position: absolute;
inset: 0;
background-color: rgba(35, 62, 85, 0.9);
} .cta-banner__content {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
max-width: 846px;
padding: 48px 32px;
text-align: center;
}
.cta-banner__heading {
font-size: 40px;
font-weight: 600;
line-height: 1.2;
color: #ffffff;
letter-spacing: 0.8px;
margin: 0;
}
.cta-banner__btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 24px;
background-color: #fa0400;
color: #ffffff;
font-family: var(--siga-font, "Montserrat", sans-serif);
font-size: 16px;
font-weight: 600;
text-decoration: none;
border-radius: 1000px;
white-space: nowrap;
transition: background-color 0.2s ease, transform 0.15s ease;
}
.cta-banner__btn:hover {
background-color: #d80300;
transform: translateY(-1px);
color: #ffffff;
} @media (max-width: 1100px) {
.cta-banner {
padding: 64px 32px;
}
.cta-banner__heading {
font-size: 32px;
}
} @media (max-width: 860px) {
.cta-banner {
padding: 48px 24px;
}
.cta-banner__card {
min-height: 280px;
}
.cta-banner__content {
gap: 32px;
padding: 40px 24px;
}
.cta-banner__heading {
font-size: 28px;
}
} @media (max-width: 520px) {
.cta-banner {
padding: 40px 16px;
}
.cta-banner__card {
min-height: 240px;
border-radius: 16px;
}
.cta-banner__heading {
font-size: 24px;
}
.cta-banner__content {
gap: 24px;
padding: 32px 20px;
}
}