@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap");
section.slider-home {
--slider-blue: rgba(47, 73, 126, 0.75);
--slider-transition: 700ms;
position: relative !important;
isolation: isolate;
display: block !important;
width: 100vw !important;
max-width: none !important;
height: 600px !important;
min-height: 600px !important;
margin: 0 0 0 calc(50% - 50vw) !important;
padding: 0 !important;
overflow: hidden !important;
background: #dfe7ef;
color: #fff;
font-family: "Roboto", sans-serif;
box-sizing: border-box;
touch-action: pan-y;
}
.slider-home *,
.slider-home *::before,
.slider-home *::after {
box-sizing: border-box;
}
section.slider-home .slider-home__track {
position: relative !important;
display: block !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
} section.slider-home .slider-home__slide {
position: absolute !important;
inset: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity var(--slider-transition) ease, visibility var(--slider-transition) ease;
}
section.slider-home .slider-home__slide.is-active {
z-index: 1;
opacity: 1;
visibility: visible;
pointer-events: auto;
} section.slider-home .slider-home__image {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
object-fit: cover !important;
object-position: center center;
transform: none !important;
pointer-events: none;
user-select: none;
-webkit-user-drag: none;
}
section.slider-home .slider-home__image--desktop {
display: block !important;
}
section.slider-home .slider-home__image--mobile {
display: none !important;
} section.slider-home .slider-home__text-box {
position: relative !important;
z-index: 2;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
flex: 0 0 auto;
width: min(50%, 945px) !important;
min-height: 235px;
margin: 0 !important;
padding: 32px 55px 32px 10% !important;
background: var(--slider-blue) !important;
}
section.slider-home .slider-home__text-inner {
width: 100%;
text-align: left;
}
section.slider-home .slider-home__text-box h1, section.slider-home .slider-home__text-box h2 {
margin: 0 !important;
padding: 0 !important;
color: #fff !important;
font-family: "Roboto", sans-serif !important;
font-size: clamp(28px, 2.65vw, 50px) !important;
font-weight: 400 !important;
line-height: 1.12 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
section.slider-home .slider-home__text-box p {
margin: 22px 0 0 !important;
padding: 0 !important;
color: #fff !important;
font-size: 18px !important;
font-weight: 600 !important;
line-height: 1.4 !important;
} section.slider-home .slider-home__dots {
position: absolute !important;
z-index: 5;
right: 0;
bottom: 20px;
left: 0;
display: flex !important;
align-items: center;
justify-content: center;
gap: 6px;
width: max-content;
margin: 0 auto !important;
padding: 0 !important;
}
section.slider-home .slider-home__dot {
appearance: none;
display: block !important;
flex: 0 0 17px;
width: 17px !important;
height: 17px !important;
min-width: 17px !important;
min-height: 17px !important;
margin: 0 !important;
padding: 0 !important;
border: 3px solid rgba(255, 255, 255, 0.85) !important;
border-radius: 50% !important;
background: rgba(50, 55, 61, 0.35) !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
cursor: pointer;
transition: background-color 180ms ease, transform 180ms ease;
}
section.slider-home .slider-home__dot.is-active {
background: rgba(255, 255, 255, 0.85) !important;
}
section.slider-home .slider-home__dot:hover {
transform: scale(1.1);
}
section.slider-home .slider-home__dot:focus-visible,
section.slider-home:focus-visible {
outline: 2px solid #fff;
outline-offset: 4px;
} @media (max-width: 799px) {
section.slider-home {
height: 450px !important;
min-height: 450px !important;
}
section.slider-home .slider-home__slide {
align-items: end !important;
justify-content: center !important;
padding: 0 20px 20px 20px !important;
}
section.slider-home .slider-home__image--desktop {
display: none !important;
}
section.slider-home .slider-home__image--mobile {
display: block !important;
}
section.slider-home .slider-home__text-box {
justify-content: center !important;
width: 100% !important;
min-height: 145px;
margin: 0 !important;
padding: 22px 18px !important;
}
section.slider-home .slider-home__text-inner {
text-align: center !important;
}
section.slider-home .slider-home__text-box h1, section.slider-home .slider-home__text-box h2 {
font-size: clamp(23px, 6.3vw, 32px) !important;
line-height: 1.15 !important;
text-align: center !important;
}
section.slider-home .slider-home__text-box p {
margin-top: 10px !important;
font-size: 16px !important;
line-height: 1.45 !important;
text-align: center !important;
}
section.slider-home .slider-home__dots{bottom: 4px;}
section.slider-home .slider-home__dot{
flex: 0 0 12px;
width: 12px !important;
height: 12px !important;
min-width: 12px !important;
min-height: 12px !important;
border: 2px solid rgba(255, 255, 255, 0.85) !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}
}
@media (prefers-reduced-motion: reduce) {
section.slider-home {
--slider-transition: 0ms;
}
section.slider-home .slider-home__dot {
transition: none;
}
}