@font-face {
font-display: swap; font-family: "Nunito";
font-style: normal;
font-weight: 400;
src: url(https://wecubex-staging.seiten.co/wp-content/themes/wecubex/fonts/nunito-v32-latin-regular.woff2) format("woff2"), url(https://wecubex-staging.seiten.co/wp-content/themes/wecubex/fonts/nunito-v32-latin-regular.ttf) format("truetype"); } @font-face {
font-display: swap; font-family: "Nunito";
font-style: normal;
font-weight: 500;
src: url(https://wecubex-staging.seiten.co/wp-content/themes/wecubex/fonts/nunito-v32-latin-500.woff2) format("woff2"), url(https://wecubex-staging.seiten.co/wp-content/themes/wecubex/fonts/nunito-v32-latin-500.ttf) format("truetype"); } @font-face {
font-display: swap; font-family: "Nunito";
font-style: normal;
font-weight: 600;
src: url(https://wecubex-staging.seiten.co/wp-content/themes/wecubex/fonts/nunito-v32-latin-600.woff2) format("woff2"), url(https://wecubex-staging.seiten.co/wp-content/themes/wecubex/fonts/nunito-v32-latin-600.ttf) format("truetype"); } @font-face {
font-display: swap; font-family: "Nunito";
font-style: normal;
font-weight: 700;
src: url(https://wecubex-staging.seiten.co/wp-content/themes/wecubex/fonts/nunito-v32-latin-700.woff2) format("woff2"), url(https://wecubex-staging.seiten.co/wp-content/themes/wecubex/fonts/nunito-v32-latin-700.ttf) format("truetype"); } @font-face {
font-display: swap; font-family: "Nunito";
font-style: normal;
font-weight: 800;
src: url(https://wecubex-staging.seiten.co/wp-content/themes/wecubex/fonts/nunito-v32-latin-800.woff2) format("woff2"), url(https://wecubex-staging.seiten.co/wp-content/themes/wecubex/fonts/nunito-v32-latin-800.ttf) format("truetype"); }
.partner-table .cont-banner .banner_bg img, .hero-banner .img-block img, .cta-banner .img-block img, .case-card .img-block img, .img-text__col .img-block img, .counter-grid > .img-block img, .advantages-content .img-block img, .solution-intro > .img-block img, .cards-slider__content .img-block img, .landing-hero .img-block img, .hero .img-block img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
.partner-table .cont-banner .banner_bg:after, .partner-table .cont-banner .banner_bg, .image-full.gradient-yes::after, .hero-banner .img-block:after, .hero-banner .img-block, .cta-banner .img-block:after, .cta-banner .img-block, .step-slider__slide::after, .counter-grid > .img-block:before, .counter-grid > .img-block, .solution-card .btn-link::before, .solution-card::before, .solution-intro > .img-block:before, .solution-intro > .img-block, .gallery__background:after, .cards-slider__link, .cards-slider__content .headline-block, .cards-slider__content .img-block:before, .landing-hero .img-block:after, .landing-hero .img-block, .hero .img-block:after, .hero .img-block {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.text-color-secondary {
color: #00497F;
}
.text-color-light {
color: #D1DCE4;
}
.text-color-light3 {
color: #F0F4F7;
}
.text-color-white {
color: #fff;
}
.text-color-white a {
color: #fff !important;
}
.text-color-white a:focus-visible {
outline-color: #fff;
}
.text-color-white h1,
.text-color-white h2,
.text-color-white h3,
.text-color-white h4,
.text-color-white h5,
.text-color-white h6 {
color: #fff;
}
.text-center {
text-align: center;
}
.radius-20 {
border-radius: 1.25rem;
}
.radius-18 {
border-radius: 1.125rem;
}
.bg-secondary {
background-color: #00497F;
}
.bg-gray {
background: linear-gradient(0deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.94) 100%), #00497f;
}
.bg-white {
background-color: #ffffff;
}
.max-width {
width: 100%;
margin: 0 auto;
}
.max-width_789 {
max-width: 49.3125rem;
}
.max-width_677 {
max-width: 42.3125rem;
}
.glass {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(6px);
border: 1px solid rgba(255, 255, 255, 0.3);
}
.container {
margin: 0 auto;
box-sizing: content-box;
width: 100%;
box-sizing: border-box;
padding: 0 1rem;
max-width: 87rem;
}
.swiper-pagination.swiper-pagination-horizontal {
position: static;
line-height: 0;
width: auto;
font-size: 0;
}
.swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet {
margin: 0 8px !important;
width: 1rem;
height: 1rem;
opacity: 1;
background-color: #D1DCE4;
border-radius: 6.25rem;
}
@media (min-width: 1025px) {
.swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet {
margin: 0 0.5rem !important;
width: 1rem;
height: 1rem;
}
}
.swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #FBBB21;
}
.swiper-arrow-prev,
.swiper-arrow-next {
display: flex;
align-items: center;
justify-content: center;
border: none;
border-radius: 0;
background-color: transparent;
cursor: pointer;
flex: 0 0 auto;
padding: 0;
border-radius: 6.25rem;
}
.swiper-arrow-prev:focus,
.swiper-arrow-next:focus {
outline: none;
}
.swiper-arrow-prev:hover svg rect,
.swiper-arrow-next:hover svg rect {
fill: #E7A300;
}
.swiper-arrow-prev:focus-visible,
.swiper-arrow-next:focus-visible {
outline: 1px solid #00497F;
outline-offset: 0px;
}
.swiper-arrow-prev svg,
.swiper-arrow-next svg {
width: 2.75rem;
height: 2.75rem;
}
.swiper-arrow-prev svg rect,
.swiper-arrow-next svg rect {
transition: fill 0.3s ease-in-out;
}
.swiper-arrow-prev svg {
transform: scale(-1, 1);
}     html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0;
} [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #49555D;
font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.4;
font-weight: 500;
}
button {
border: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
hyphens: manual;
margin: 0;
font-weight: 500;
line-height: 1.2;
color: #091722;
}
.hyphens-manual {
hyphens: manual;
}
.hyphens-auto {
hyphens: auto;
}
.white-space-nowrap {
white-space: nowrap;
}
.subheadline-block {
display: flex;
align-items: center;
gap: 0.25rem;
font-weight: 800;
font-size: 0.875rem;
letter-spacing: 0.28px;
text-transform: uppercase;
color: #00497F;
margin-bottom: 0.75rem;
}
.subheadline-block_center {
justify-content: center;
}
.subheadline-block_white {
color: #fff;
}
h1, .headline-block_h1 > * {
letter-spacing: -1.12px;
font-size: 2.125rem;
}
@media (min-width: 1026px) {
h1, .headline-block_h1 > * {
font-size: 3.5rem;
}
}
.h1 {
letter-spacing: -1.12px !important;
font-size: 2.125rem !important;
}
@media (min-width: 1026px) {
.h1 {
font-size: 3.5rem !important;
}
}
h2, .headline-block_h2 > * {
letter-spacing: -0.68px;
font-size: 2.125rem;
}
@media (min-width: 1026px) {
h2, .headline-block_h2 > * {
letter-spacing: -1.12px;
font-size: 3.5rem;
}
}
.h2 {
letter-spacing: -0.68px !important;
font-size: 2.125rem !important;
}
@media (min-width: 1026px) {
.h2 {
letter-spacing: -1.12px !important;
font-size: 3.5rem !important;
}
}
h3, .headline-block_h3 > * {
letter-spacing: -0.48px;
font-size: 1.5rem;
}
@media (min-width: 1026px) {
h3, .headline-block_h3 > * {
letter-spacing: -0.64px;
font-size: 2rem;
}
}
.h3 {
font-size: 1.5rem !important;
letter-spacing: -0.48px !important;
}
@media (min-width: 1026px) {
.h3 {
letter-spacing: -0.64px !important;
font-size: 2rem !important;
}
}
h4, .headline-block_h4 > * {
font-size: 1.25rem;
line-height: 1.4;
letter-spacing: 0 !important;
}
@media (min-width: 1026px) {
h4, .headline-block_h4 > * {
font-size: 1.5rem;
}
}
.h4 {
font-size: 1.25rem !important;
line-height: 1.4 !important;
letter-spacing: 0 !important;
}
@media (min-width: 1026px) {
.h4 {
font-size: 1.5rem !important;
}
}
h5, .headline-block_h5 > * {
font-size: 1.625rem;
}
@media (min-width: 1026px) {
h5, .headline-block_h5 > * {
font-size: 1.5rem;
}
}
.h5 {
font-size: 1.25rem !important;
}
@media (min-width: 1026px) {
.h5 {
font-size: 1.5rem !important;
}
}
h6, .headline-block_h6 > * {
font-size: 1.125rem;
}
@media (min-width: 1026px) {
h6, .headline-block_h6 > * {
font-size: 1.125rem;
}
}
.h6 {
font-size: 1.125rem !important;
}
@media (min-width: 1026px) {
.h6 {
font-size: 1.125rem !important;
}
}
p {
margin: 0;
letter-spacing: -0.32px;
}
.text-block {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.text-block strong {
font-weight: 600;
}
.text-block ul, .text-block ol {
margin: 0;
}
.text-block ul {
padding: 0 0 0 1.25rem;
}
.text-block ul li {
padding-left: 0.25rem;
}
.text-block a {
color: #FBBB21;
word-break: break-all;
}
.ul-marker-style1 ul, ul.ul-marker-style1 {
padding: 0 !important;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.ul-marker-style1 ul li, ul.ul-marker-style1 li {
display: flex;
gap: 0.25rem;
list-style: none;
padding: 0 !important;
}
.ul-marker-style1 ul li::before, ul.ul-marker-style1 li::before {
content: "";
width: 1.375rem;
height: 1.375rem;
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNjU2NzYgOC4yOTU4NUM4Ljg0NDU0IDguMTA2NTEgOS4xMDAxNSA4IDkuMzY2ODIgOEwxNS42IDhDMTYuNDg4OSA4IDE2LjkzNTkgOS4wNzI5OSAxNi4zMSA5LjcwNDE1TDEyLjM0MzIgMTMuNzA0MkMxMi4xNTU1IDEzLjg5MzUgMTEuODk5OCAxNCAxMS42MzMyIDE0SDUuNDAwMDVDNC41MTExNSAxNCA0LjA2NDA4IDEyLjkyNyA0LjY4OTk5IDEyLjI5NThMOC42NTY3NiA4LjI5NTg1WiIgZmlsbD0iI0ZCQkIyMSIvPgo8L3N2Zz4K");
background-repeat: no-repeat;
background-size: contain;
flex: 0 0 auto;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} .site embed,
.site iframe,
.site object {
max-width: 100%;
}
.site img {
height: auto;
max-width: 100%;
}
.site figure {
margin: 0;
}
.site .img_default > img {
display: block;
}
img {
height: auto;
max-width: 100%;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a:visited, a:hover, a:focus, a:active {
outline: none;
}
a:focus-visible {
outline: 1px solid #000;
outline-offset: -1px;
} .btn-block {
line-height: 0;
}
.btn:focus {
outline: none !important;
}
.btn_focus-light:focus-visible {
outline: 1px solid #fff !important;
outline-offset: 2px;
}
.btn_focus-dark:focus-visible {
outline: 1px solid #000 !important;
outline-offset: 2px;
}
.btn {
border-radius: 2rem;
display: inline-flex;
align-items: center;
text-align: left;
justify-content: space-between;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.28px;
text-transform: uppercase;
gap: 1.5rem;
padding: 0.25rem 0.25rem 0.25rem 2rem;
font-size: 0.875rem;
cursor: pointer;
text-decoration: none;
transition: background-color 0.3s ease, color 0.3s ease;
}
.btn_primary {
background-color: #FBBB21;
color: #091722;
}
.btn_primary:hover {
background-color: #E7A300;
}
.btn_white {
background-color: #fff;
color: #091722;
}
.btn_white rect {
fill: #FBBB21;
transition: fill 0.3s ease;
}
.btn_white:hover {
background-color: #E7A300;
}
.btn_white:hover rect {
fill: #fff;
}
.btn svg {
width: 2.75rem;
height: 2.75rem;
flex: 0 0 auto;
}
@media (max-width: 576px) {
.btn_mob-fullwidth {
width: 100%;
}
}
.btn-link {
display: inline-flex;
gap: 0.25rem;
align-items: center;
color: #00497F;
font-weight: 700;
line-height: 1.4;
letter-spacing: -0.32px;
font-size: 1rem;
}
.btn.btn-mobile {
display: none;
}
@media (max-width: 768px) {
.btn.btn-mobile {
display: flex;
margin-top: 32px;
}
}
.btn__icon {
position: relative;
width: 44px;
height: 44px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
background: #ffffff;
border-radius: 50%;
aspect-ratio: 1/1;
}
.btn__icon svg {
width: 14px;
height: 14px;
}
.btn__icon-current,
.btn__icon-next {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn__icon-current {
transform: translateX(0);
}
.btn__icon-next {
transform: translateX(-120%);
}
.btn:hover .btn__icon-current {
transform: translateX(120%);
}
.btn:hover .btn__icon-next {
transform: translateX(0);
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}
.form-grid {
display: flex;
flex-direction: column;
gap: 20px;
}
@media (min-width: 2560px) {
.form-grid {
gap: 32px;
}
}
.form-grid button {
border: none;
}
.form-grid .wpcf7-submit {
width: -moz-max-content;
width: max-content;
max-width: 100% !important;
background-color: #fb9d21;
}
@media (max-width: 1025px) {
.form-grid .wpcf7-submit {
width: 100%;
}
}
.form-grid .wpcf7-submit span {
justify-content: center;
}
.form-row-50-50 {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media (min-width: 1025px) {
.form-row-50-50 {
grid-template-columns: 1fr 1fr;
gap: 20px 12px;
}
}
.form-group {
position: relative;
}
.form-group .wpcf7-form-control-wrap {
display: block;
}
.form-group input,
.form-group textarea:focus {
outline: none;
}
.form-group input[type=text],
.form-group input[type=email],
.form-group input[type=url],
.form-group input[type=password],
.form-group input[type=search],
.form-group input[type=number],
.form-group input[type=tel],
.form-group input[type=range],
.form-group input[type=date],
.form-group input[type=month],
.form-group input[type=week],
.form-group input[type=time],
.form-group input[type=datetime],
.form-group input[type=datetime-local],
.form-group input[type=color],
.form-group textarea {
height: 56px !important;
width: 100%;
border: 1px solid #d1dce4 !important;
border-radius: 12px !important;
padding: 16px !important;
color: #091722;
}
.form-group input[type=text]:hover,
.form-group input[type=email]:hover,
.form-group input[type=url]:hover,
.form-group input[type=password]:hover,
.form-group input[type=search]:hover,
.form-group input[type=number]:hover,
.form-group input[type=tel]:hover,
.form-group input[type=range]:hover,
.form-group input[type=date]:hover,
.form-group input[type=month]:hover,
.form-group input[type=week]:hover,
.form-group input[type=time]:hover,
.form-group input[type=datetime]:hover,
.form-group input[type=datetime-local]:hover,
.form-group input[type=color]:hover,
.form-group textarea:hover {
border-color: #fb9d21 !important;
}
.form-group input[type=text].wpcf7-not-valid,
.form-group input[type=email].wpcf7-not-valid,
.form-group input[type=url].wpcf7-not-valid,
.form-group input[type=password].wpcf7-not-valid,
.form-group input[type=search].wpcf7-not-valid,
.form-group input[type=number].wpcf7-not-valid,
.form-group input[type=tel].wpcf7-not-valid,
.form-group input[type=range].wpcf7-not-valid,
.form-group input[type=date].wpcf7-not-valid,
.form-group input[type=month].wpcf7-not-valid,
.form-group input[type=week].wpcf7-not-valid,
.form-group input[type=time].wpcf7-not-valid,
.form-group input[type=datetime].wpcf7-not-valid,
.form-group input[type=datetime-local].wpcf7-not-valid,
.form-group input[type=color].wpcf7-not-valid,
.form-group textarea.wpcf7-not-valid {
border-color: #d24a00 !important;
}
.form-group.has-error .floating_lable {
color: #d24a00 !important;
}
.form-group.has-value:not(.has-error) .wpcf7-form-control {
border-color: #d1dce4 !important;
}
.form-group textarea {
height: 128px !important;
resize: none;
}
.form-group .wpcf7-not-valid-tip {
position: absolute;
top: 100%;
left: 0;
font-size: 12px;
line-height: 1.2;
}
.form-group .wpcf7-spinner {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.form-group:focus-within .floating_lable, .form-group.has-value .floating_lable {
font-size: 12px;
top: -8px;
left: 20px;
color: #091722;
text-transform: uppercase;
}
.form-group:focus-within .floating_lable span.required, .form-group.has-value .floating_lable span.required {
opacity: 1;
}
.form-group .floating_lable {
background-color: #ffffff;
color: #7e8b94;
font-size: 14px;
font-weight: 500;
line-height: 140%;
letter-spacing: -0.28px;
position: absolute;
top: 18px;
left: 20px;
padding: 0 4px;
pointer-events: none;
transition: all 0.3s ease-out 0s;
}
.form-group .floating_lable span.required {
font-size: 12px;
color: #d10000;
padding-left: 4px;
opacity: 0;
}
.wpcf7-acceptance {
display: block;
margin-top: -4px;
}
.wpcf7-acceptance .wpcf7-list-item {
margin: 0;
}
.wpcf7-acceptance .wpcf7-list-item label {
display: flex;
align-items: flex-start;
gap: 8px;
cursor: pointer;
position: relative;
color: #091722;
font-size: 12px;
font-weight: 400;
line-height: 140%;
}
.wpcf7-acceptance .wpcf7-list-item label:focus-visible {
outline: 1px solid #d8d8d8;
}
.wpcf7-acceptance .wpcf7-list-item label input:focus-visible ~ span {
outline: 1px solid #d8d8d8;
}
.wpcf7-acceptance .wpcf7-list-item input[type=checkbox] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
.wpcf7-acceptance .wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label::before {
background: #ffffff;
border-color: #d1dce4;
}
.wpcf7-acceptance .wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label::after {
opacity: 1;
width: 15px;
height: 15px;
top: 3px;
left: 3px;
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxOCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNSA2LjE0NTE2TDUuNjkxMjUgMTAuMzgxNUM2LjA4MjYyIDEwLjc3NzEgNi43MjE2MyAxMC43NzcxIDcuMTEzMDEgMTAuMzgxNUwxNS45IDEuNSIgc3Ryb2tlPSIjRkZDNzM5IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K") center/contain no-repeat;
}
.wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label {
display: flex;
gap: 8px;
}
.wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label::before {
content: "";
display: inline-block;
flex: 0 0 auto;
width: 20px;
height: 20px;
border: 1px solid #d1dce4;
border-radius: 4px;
vertical-align: middle;
transition: all 0.2s ease;
}
.wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label::after {
content: "";
position: absolute;
opacity: 0;
transition: 0.2s;
}
.wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label:hover::before {
border-color: #a7a7a7;
}
.cf7-file-upload {
position: relative;
}
.cf7-file-upload input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.cf7-file-upload__label {
display: block;
cursor: pointer;
}
.cf7-file-upload__label:focus-visible {
outline: 1px solid #d8d8d8;
}
.cf7-file-upload__label span.required {
display: none;
}
.cf7-file-upload__box {
border: 1px solid #d8d8d8;
border-radius: 12px;
height: 56px;
display: flex;
align-items: center;
padding: 0 16px;
transition: 0.3s;
position: relative;
z-index: 1;
overflow: hidden;
}
.cf7-file-upload__placeholder {
color: #7e8b94;
font-size: 14px;
font-weight: 500;
line-height: 140%;
letter-spacing: -0.28px;
}
.cf7-file-upload__info {
color: #7e8b94;
font-size: 14px;
font-weight: 500;
letter-spacing: -0.28px;
position: absolute;
right: 20px;
top: 19px;
}
.cf7-file-upload__info strong {
color: #000;
}
.cf7-file-upload__file {
display: none;
align-items: center;
gap: 4px;
background: #fb9d21;
color: #091722;
padding: 4px 6px 4px 12px;
border-radius: 32px;
width: -moz-fit-content;
width: fit-content;
margin-top: 8px;
}
.cf7-file-upload__remove {
width: -moz-max-content;
width: max-content;
display: flex;
align-items: center;
background: none;
border: none;
cursor: pointer;
padding: 0;
}
.cf7-file-upload .wpcf7-not-valid-tip {
top: -24px;
}
.cf7-file-upload .floating_lable {
top: -8px;
font-size: 12px;
left: 20px;
color: #091722;
z-index: 3;
}
.cf7-file-upload .floating_lable span.required {
opacity: 1;
} body._active {
overflow: hidden;
}
body._active .site-header {
border-bottom: 1px solid #d1dce4;
}
body._active .site-header__nav {
right: 0;
opacity: 1;
display: flex;
overflow-y: auto;
overflow-x: hidden;
}
body._active .site-header__logo .logo-light {
display: none !important;
}
body._active .site-header__logo .logo-dark {
display: inline-flex !important;
}
.site-header {
z-index: 150;
width: 100%;
position: fixed;
top: 0;
left: 0;
padding: 0;
}
@media (max-width: 1025px) {
.site-header {
padding: 1.25rem 0;
}
}
.site-header__wrap {
display: flex;
align-items: center;
justify-content: flex-start;
}
.site-header__logo {
line-height: 0;
flex: 0 0 auto;
display: block;
align-self: center;
position: relative;
z-index: 110;
}
@media (max-width: 1024px) {
.site-header__logo {
max-width: 11rem;
}
}
.site-header__logo:focus-visible {
outline-color: #000;
}
.site-header__logo a {
display: inline-flex;
max-width: -moz-max-content;
max-width: max-content;
text-decoration: none;
}
.site-header__nav {
display: none;
}
@media (min-width: 1025px) {
.site-header__nav {
display: flex;
align-items: center;
gap: 1rem;
margin-left: 2.906rem;
}
}
@media (max-width: 1024px) {
.site-header__nav {
position: fixed;
height: 100%;
height: calc(var(--vh, 1vh) * 100);
right: -100%;
top: 0;
z-index: 101;
opacity: 0;
width: 100%;
transition: 0.25s;
flex-direction: column;
gap: 1rem;
justify-content: space-between;
background: #fff;
margin: 0;
padding: 5.563rem 0 1.25rem;
display: none;
}
}
.site-header__nav .menu-container {
display: flex;
flex-direction: column;
gap: 0 1.5rem;
}
@media (max-width: 1024px) {
.site-header__nav .menu-container {
border-top: 1px solid #d1dce4;
padding: 1.5rem 1rem;
}
}
.site-header__cta {
margin-left: auto;
}
@media (max-width: 1024px) {
.site-header__cta:not(.cta-mobile) {
display: none;
}
}
.site-header__cta.cta-mobile {
display: none;
}
@media (max-width: 1024px) {
.site-header__cta.cta-mobile {
display: flex;
margin: 10px auto 0 0;
}
}
.site-header__cta.cta-mobile .header-btn {
color: #091722 !important;
border: 1px solid rgba(0, 0, 0, 0) !important;
background: rgba(0, 0, 0, 0.04) !important;
}
.site-header .header-btn {
display: flex;
max-width: -moz-max-content;
max-width: max-content;
color: #091722;
font-size: 0.875rem;
font-weight: 700;
line-height: 1.225rem;
letter-spacing: 0.018rem;
text-transform: uppercase;
text-decoration: none;
border-radius: 64px;
border: 1px solid rgba(0, 0, 0, 0);
background: rgba(0, 0, 0, 0.04);
padding: 0.825rem 1.45rem;
transition: 0.25s ease-in-out;
}
.site-header .header-btn:hover, .site-header .header-btn:focus {
border: 1px solid rgba(0, 0, 0, 0);
background: rgba(0, 0, 0, 0.08);
}
.site-header.style-transparent .logo-dark {
display: none;
}
.site-header.style-transparent:not(.fixed-active) .header-btn {
color: #ffffff;
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(6px);
border: 1px solid rgba(255, 255, 255, 0.3);
transition: 0.25s ease-in-out;
}
.site-header.style-transparent:not(.fixed-active) .header-btn:hover, .site-header.style-transparent:not(.fixed-active) .header-btn:focus {
color: #091722;
background: rgba(0, 0, 0, 0.04);
}
@media (min-width: 1025px) {
.site-header.style-transparent:not(.fixed-active) .main-navigation ul li a {
color: #ffffff;
}
}
@media (min-width: 1025px) {
.site-header.style-transparent:not(.fixed-active) .main-navigation ul.sub-menu li a {
color: #091722;
}
}
.site-header.style-white, .site-header.fixed-active {
border-bottom: 1px solid #d1dce4;
background: #fff;
}
.site-header.style-white .logo-light, .site-header.fixed-active .logo-light {
display: none;
}
.site-header.style-white .logo-dark, .site-header.fixed-active .logo-dark {
display: inline-flex;
}
.lang-toggle,
.lang-toggle-mobile {
display: flex;
align-items: center;
gap: 1rem;
border: 0;
border-radius: 2rem;
background: transparent;
cursor: pointer;
font-size: 0.875rem;
color: #091722;
margin-left: 0.625rem;
padding: 0.875rem 1rem;
transition: 0.25s ease-in-out;
}
@media (max-width: 1025px) {
.lang-toggle,
.lang-toggle-mobile {
display: none;
}
}
.lang-toggle.is-open,
.lang-toggle-mobile.is-open {
border-radius: 2rem;
background: #f0f4f7;
backdrop-filter: blur(0.375rem);
}
.lang-toggle.is-open .lang-list,
.lang-toggle-mobile.is-open .lang-list {
display: inline-flex;
opacity: 1;
position: relative;
transition: 0.25s ease-in-out;
}
.lang-toggle.is-open .lang-arrow,
.lang-toggle-mobile.is-open .lang-arrow {
transform: scaleX(-1);
}
@media (hover: hover) {
.lang-toggle:hover,
.lang-toggle-mobile:hover {
border-radius: 2rem;
background: #f0f4f7;
backdrop-filter: blur(0.375rem);
}
.lang-toggle:hover .lang-list,
.lang-toggle-mobile:hover .lang-list {
display: inline-flex;
opacity: 1;
position: relative;
transition: 0.25s ease-in-out;
}
.lang-toggle:hover .lang-arrow,
.lang-toggle-mobile:hover .lang-arrow {
transform: scaleX(-1);
}
}
.lang-toggle .lang-list,
.lang-toggle-mobile .lang-list {
display: flex;
align-items: center;
gap: 1rem;
opacity: 0;
transform: translateX(0px);
position: absolute;
}
.lang-toggle .lang-list a,
.lang-toggle-mobile .lang-list a {
color: #8d97a1;
text-decoration: none;
}
.lang-toggle .lang-arrow,
.lang-toggle-mobile .lang-arrow {
display: flex;
transition: transform 0.3s ease;
}
.lang-toggle-mobile {
max-width: -moz-max-content;
max-width: max-content;
display: flex;
gap: 1.37rem;
border-radius: 32px;
background: #f0f4f7;
backdrop-filter: blur(6px);
margin-top: 1.5rem;
padding: 0.89rem 1.25rem;
}
@media (min-width: 1025px) {
.lang-toggle-mobile {
display: none;
}
}
.lang-toggle-mobile .lang-current {
color: #091722 !important;
}
.lang-toggle-mobile .lang-list a {
color: #7e8b94 !important;
}
.lang-toggle-mobile .lang-arrow svg path {
stroke: #091722 !important;
}
.site-header.style-transparent:not(.fixed-active) .lang-toggle .lang-current {
color: #ffffff;
}
.site-header.style-transparent:not(.fixed-active) .lang-toggle.is-open {
background: rgba(255, 255, 255, 0.12);
backdrop-filter: blur(6px);
}
.site-header.style-transparent:not(.fixed-active) .lang-toggle.is-open .lang-current {
color: #FBBB21;
}
.site-header.style-transparent:not(.fixed-active) .lang-toggle.is-open .lang-list a {
color: #ffffff;
}
@media (hover: hover) {
.site-header.style-transparent:not(.fixed-active) .lang-toggle:hover {
background: rgba(255, 255, 255, 0.12);
backdrop-filter: blur(6px);
}
.site-header.style-transparent:not(.fixed-active) .lang-toggle:hover .lang-current {
color: #FBBB21;
}
.site-header.style-transparent:not(.fixed-active) .lang-toggle:hover .lang-list a {
color: #ffffff;
}
}
.site-header.style-transparent:not(.fixed-active) .lang-toggle .lang-arrow svg path {
stroke: #ffffff;
}
.main-navigation ul li {
line-height: 1.4;
}
@media (min-width: 1025px) {
.main-navigation ul li a,
.main-navigation ul li .dropdown-toggle {
display: none;
}
}
.main-navigation ul li a:focus-visible,
.main-navigation ul li .dropdown-toggle:focus-visible {
outline-color: #FBBB21;
}
.main-navigation ul li a,
.main-navigation ul li a:visited {
display: inline-flex;
align-items: center;
border: none;
color: #091722;
text-decoration: none;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.28px;
text-transform: uppercase;
}
@media (max-width: 1025px) {
.main-navigation ul li a,
.main-navigation ul li a:visited {
font-weight: 500;
}
}
.main-navigation ul li span {
position: relative;
display: inline-flex;
}
.main-navigation ul li.current_page_ancestor > span a, .main-navigation ul li.current-menu-ancestor > span a, .main-navigation ul li.current-menu-item > span a {
color: #00497F;
}
.main-navigation ul li.current_page_ancestor > span path, .main-navigation ul li.current-menu-ancestor > span path, .main-navigation ul li.current-menu-item > span path {
stroke: #00497F;
}
.main-navigation > .menu {
display: flex;
gap: 0.25rem;
flex-direction: column;
}
@media (min-width: 1025px) {
.main-navigation > .menu {
flex-direction: row;
gap: 0.25rem;
align-items: center;
}
}
.main-navigation > .menu > .menu-item {
padding: 1.25rem 0;
}
@media (min-width: 1025px) {
.main-navigation > .menu > .menu-item {
display: flex;
align-items: center;
}
}
@media (max-width: 1025px) {
.main-navigation > .menu > .menu-item {
padding: 0.75rem 1rem;
border-radius: 20px;
}
}
.main-navigation > .menu > .menu-item:hover > span, .main-navigation > .menu > .menu-item:focus > span {
border-radius: 32px;
background: #f0f4f7;
backdrop-filter: blur(6px);
}
.main-navigation > .menu > .menu-item.active > span svg {
transform: scale(1, -1);
}
@media (min-width: 1025px) {
.main-navigation > .menu > .menu-item.active > ul {
display: flex;
}
}
@media (max-width: 1025px) {
.main-navigation > .menu > .menu-item.active {
background: linear-gradient(0deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.94) 100%), #00497f;
}
}
@media (hover: hover) and (pointer: fine) {
.main-navigation > .menu > .menu-item:hover > span svg {
transform: scale(1, -1);
}
}
@media (hover: hover) and (pointer: fine) and (min-width: 1025px) {
.main-navigation > .menu > .menu-item:hover > ul {
display: grid;
}
}
@media (min-width: 1025px) {
.main-navigation > .menu > .menu-item.sub-columns-1 > .sub-menu {
grid-template-columns: 100%;
}
}
@media (min-width: 1025px) {
.main-navigation > .menu > .menu-item.sub-columns-1 > .sub-menu .menu-item {
max-width: 28rem;
}
}
@media (min-width: 1025px) {
.main-navigation > .menu > .menu-item.sub-columns-2 > .sub-menu {
grid-template-columns: 35% 35%;
}
}
@media (min-width: 1025px) {
.main-navigation > .menu > .menu-item.sub-columns-3 > .sub-menu {
grid-template-columns: repeat(3, 1fr);
}
}
.main-navigation > .menu > .menu-item > span {
display: inline-flex;
align-items: center;
gap: 0.25rem;
}
@media (min-width: 1025px) {
.main-navigation > .menu > .menu-item > span {
position: relative;
padding: 0.875rem 0.5rem;
gap: 0.5rem;
}
}
@media (max-width: 1025px) {
.main-navigation > .menu > .menu-item > span {
justify-content: space-between;
width: 100%;
}
}
@media (min-width: 1280px) {
.main-navigation > .menu > .menu-item > span {
padding: 0.875rem 1rem;
}
}
.main-navigation > .menu > .menu-item > span:hover > a {
color: #091722;
}
.main-navigation > .menu > .menu-item > span:hover path {
stroke: #091722;
}
.main-navigation > .menu > .menu-item > span > a {
font-size: 1.25rem;
}
@media (min-width: 1025px) {
.main-navigation > .menu > .menu-item > span > a {
font-size: 0.8125rem;
}
}
@media (min-width: 1280px) {
.main-navigation > .menu > .menu-item > span > a {
font-size: 0.875rem;
}
}
.main-navigation > .menu > .menu-item > span > a:hover {
color: #091722;
}
.main-navigation > .menu > .menu-item > span > a::before {
content: "";
position: absolute;
inset: 0;
}
.main-navigation > .menu > .menu-item > .sub-menu {
display: none;
width: 100%;
flex-direction: column;
gap: 0.5rem;
animation: show-menu forwards 0.3s;
padding-top: 0.625rem;
}
@media (min-width: 1025px) {
.main-navigation > .menu > .menu-item > .sub-menu {
padding: 0;
position: absolute;
top: 100%;
left: 0;
z-index: 999;
background: #fff;
padding: 2.5rem calc((100vw - 1360px) / 2);
grid-template-columns: repeat(3, 1fr);
grid-gap: 0.25rem 0.5rem;
width: 100%;
}
}
.main-navigation > .menu > .menu-item > .sub-menu.toggled-on {
display: flex;
}
.main-navigation > .menu > .menu-item > .sub-menu > .menu-item {
line-height: 0;
display: flex;
align-items: center;
}
.main-navigation > .menu > .menu-item > .sub-menu > .menu-item > span {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
width: 100%;
}
.main-navigation > .menu > .menu-item > .sub-menu > .menu-item > span:hover a {
color: #00497F;
}
.main-navigation > .menu > .menu-item > .sub-menu > .menu-item > span > a {
width: 100%;
color: #49555d;
transition: color 0.3s ease-in-out;
line-height: 140%;
font-size: 1rem;
font-weight: 500;
text-transform: none;
border-radius: 12px;
}
@media (min-width: 1025px) {
.main-navigation > .menu > .menu-item > .sub-menu > .menu-item > span > a {
font-size: 0.8125rem;
line-height: 140%;
padding: 0.563rem 1rem;
}
}
@media (min-width: 1280px) {
.main-navigation > .menu > .menu-item > .sub-menu > .menu-item > span > a {
font-size: 0.875rem;
}
}
.main-navigation > .menu > .menu-item > .sub-menu > .menu-item > span > a:hover, .main-navigation > .menu > .menu-item > .sub-menu > .menu-item > span > a:focus, .main-navigation > .menu > .menu-item > .sub-menu > .menu-item > span > a:active {
color: #091722;
border-radius: 12px;
background: linear-gradient(0deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.94) 100%), #00497f;
}
.main-navigation > .menu > .menu-item > .sub-menu > .menu-item > span > a::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
button.dropdown-toggle,
button.menu-button {
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
padding: 0;
font-size: 0;
}
button.dropdown-toggle:focus,
button.menu-button:focus {
outline: none;
}
button.dropdown-toggle:focus-visible,
button.menu-button:focus-visible {
outline: 1px solid #000;
outline-offset: 2px;
border-radius: 0;
}
button.menu-button {
align-self: center;
margin-left: auto;
}
@media (min-width: 1025px) {
button.menu-button {
display: none;
}
}
button.dropdown-toggle {
position: relative;
background: transparent;
}
button.dropdown-toggle svg {
transition: transform 0.3s ease-in-out;
width: 1.25rem;
height: 1.25rem;
}
button.dropdown-toggle.toggled-on svg {
will-change: transform;
transform: scale(1, -1);
}
button.dropdown-toggle::after {
content: "";
position: absolute;
left: 100%;
height: 24px;
width: 100vw;
top: -100%;
}
@media (min-width: 1025px) {
button.dropdown-toggle::after {
display: none;
}
}
.burger-icon {
z-index: 150;
width: 3rem;
height: 3rem;
display: flex;
border-radius: 50%;
aspect-ratio: 1/1;
justify-content: center;
align-items: center;
position: relative;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
padding: 0;
outline-color: #FBBB21;
outline-width: 1px;
outline-offset: 3px;
border: 1px solid rgba(0, 0, 0, 0);
background: rgba(0, 0, 0, 0.04);
border-radius: 50%;
}
.burger-icon span {
display: block;
position: absolute;
height: 2px;
width: 19px;
border-radius: 2px;
background: #091722;
opacity: 1;
left: auto;
transform: rotate(0deg);
transition: 0.25s ease-in-out;
}
.burger-icon span:nth-child(1) {
top: 16px;
transform-origin: left center;
}
.burger-icon span:nth-child(2) {
top: 22px;
transform-origin: left center;
}
.burger-icon span:nth-child(3) {
top: 28px;
transform-origin: left center;
}
.burger-icon.toggled-on, .burger-icon[aria-expanded=true] {
animation: bounce-in 0.3s ease;
animation-delay: 0.25s;
}
.burger-icon.toggled-on span:nth-child(1), .burger-icon[aria-expanded=true] span:nth-child(1) {
transform: rotate(44deg);
top: 1rem;
left: 1rem;
}
.burger-icon.toggled-on span:nth-child(2), .burger-icon[aria-expanded=true] span:nth-child(2) {
width: 0%;
opacity: 0;
}
.burger-icon.toggled-on span:nth-child(3), .burger-icon[aria-expanded=true] span:nth-child(3) {
transform: rotate(-45deg);
top: 1.8rem;
left: 1rem;
}
.site-header.style-transparent:not(.fixed-active) .burger-icon:not(.toggled-on) {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(6px);
border: 1px solid rgba(255, 255, 255, 0.3);
}
.site-header.style-transparent:not(.fixed-active) .burger-icon:not(.toggled-on) span {
background: #ffffff;
}
.site-header.style-transparent:not(.fixed-active) .main-navigation > .menu > .menu-item:hover > span,
.site-header.style-transparent:not(.fixed-active) .main-navigation > .menu > .menu-item:focus > span {
background: rgba(255, 255, 255, 0.12);
backdrop-filter: blur(6px);
}
.menu-jobs-count {
min-width: 20px;
display: flex;
align-items: center;
justify-content: center;
color: #00497f;
text-align: center;
font-size: 10px;
font-weight: 900;
line-height: 140%;
letter-spacing: 0.2px;
text-transform: uppercase;
border-radius: 50%;
aspect-ratio: 1/1;
border-radius: 32px;
background: #fbbb21;
margin-top: -4px;
margin-left: 4px;
}
@keyframes show-menu {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes menu-show {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0);
}
}
.site-footer {
background: #091722;
overflow-x: hidden;
}
.site-footer__wrap {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 10px;
border-bottom: 1px solid #303c45;
padding-top: 5rem;
padding-bottom: 4rem;
}
@media (max-width: 1025px) {
.site-footer__wrap {
display: flex;
flex-direction: column;
gap: 1.5rem;
padding-top: 3.5rem;
padding-bottom: 2rem;
}
}
.site-footer__logo {
display: flex;
max-width: 237px;
}
.site-footer__logo img {
width: 100%;
}
.site-footer__text {
max-width: 13.75rem;
color: #7e8b94;
font-size: 0.875rem;
font-weight: 500;
line-height: 140%;
letter-spacing: 0.018rem;
margin-top: 10px;
}
@media (max-width: 1025px) {
.site-footer__text {
max-width: 100%;
}
}
.site-footer__socials {
display: flex;
align-items: center;
gap: 0.875rem;
margin-top: 2rem;
}
@media (max-width: 1025px) {
.site-footer__socials {
margin-top: 1.5rem;
}
}
.site-footer__socials .socials-item {
display: flex;
max-width: 20px;
}
@media (max-width: 1025px) {
.site-footer__socials .socials-item {
min-width: 26.7px;
}
}
.site-footer__socials .socials-item img {
filter: brightness(0) saturate(100%) invert(85%) sepia(32%) saturate(2676%) hue-rotate(340deg) brightness(101%) contrast(97%);
width: 100%;
}
.site-footer__socials .socials-item:hover, .site-footer__socials .socials-item:focus, .site-footer__socials .socials-item:focus-visible .site-footer__socials .socials-item:active {
filter: brightness(0) saturate(100%) invert(75%) sepia(70%) saturate(3437%) hue-rotate(6deg) brightness(96%) contrast(105%);
}
.site-footer .col-title,
.site-footer .menu .menu-item.menu-item-has-children > a {
display: inline-flex;
color: #7e8b94;
font-size: 0.875rem;
font-weight: 800;
line-height: 140%;
letter-spacing: 0.018rem;
text-transform: uppercase;
text-decoration: none;
margin-bottom: 0.625rem;
}
.site-footer ul {
list-style: none;
margin: 0;
padding: 0;
}
.site-footer .footer-menu > ul {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
@media (max-width: 1025px) {
.site-footer .footer-menu > ul {
display: flex;
flex-direction: column;
}
}
.site-footer .menu {
display: flex;
flex-direction: column;
gap: 6.25rem;
}
.site-footer .menu .menu-item:not(:last-child) {
margin-bottom: 0.625rem;
}
.site-footer .menu .menu-item a {
color: #fff;
font-size: 1rem;
font-weight: 500;
line-height: 140%;
letter-spacing: -0.32px;
text-decoration: none;
}
.site-footer .menu .menu-item a:hover, .site-footer .menu .menu-item a:focus, .site-footer .menu .menu-item a:active {
color: #FBBB21;
}
.footer-col.col-3 {
grid-column: span 2;
}
@media (max-width: 1025px) {
.footer-col.col-3 {
grid-column: auto;
}
}
.footer-col__phones {
display: flex;
flex-direction: column;
gap: 0.625rem;
}
.footer-col__phones .phone-item {
color: #fff;
font-size: 1rem;
font-weight: 500;
line-height: 140%;
letter-spacing: -0.32px;
text-decoration: none;
}
.footer-col__phones .phone-item:hover, .footer-col__phones .phone-item:focus, .footer-col__phones .phone-item:active {
color: #FBBB21;
}
.footer-col__phones .phone-item span {
color: #7e8b94;
padding-left: 0.188rem;
padding-right: 0.625rem;
}
.footer-col__address {
margin-top: 0.625rem;
}
.footer-col__address .contact-item {
display: grid;
grid-template-columns: 1.25rem 1fr;
grid-gap: 0.625rem;
color: #fff;
font-size: 1rem;
font-weight: 500;
line-height: 140%;
letter-spacing: -0.32px;
}
.footer-slider {
padding: 2rem 0;
position: relative;
z-index: 1;
}
.footer-slider__item .item-logo {
display: flex;
justify-content: center;
position: relative;
max-width: -moz-max-content;
max-width: max-content;
}
.footer-slider__item .item-logo img {
width: 100%;
height: 50px;
}
.footer-slider .swiper-wrapper {
align-items: center;
transition-timing-function: linear;
}
.footer-slider .swiper-wrapper .swiper-slide {
display: flex;
justify-content: center;
}
.footer-copyright {
color: #7e8b94;
font-size: 0.75rem;
font-weight: 400;
line-height: 140%;
letter-spacing: 0.015rem;
text-align: center;
}
.footer-copyright__wrap {
border-top: 1px solid #303c45;
padding-top: 2rem;
padding-bottom: 1.5rem;
}
.error404 {
background-color: #00497F;
background-image: url(//wecubex-staging.seiten.co/wp-content/themes/wecubex/img/w-bg.svg);
background-repeat: no-repeat;
background-size: 53rem;
background-position-y: top;
background-position-x: calc(100% - 5.813rem);
}
.error404 .site-main {
padding-top: 5.5rem;
}
.not-found__wrap {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 4.563rem;
padding-bottom: 10.813rem;
}
@media (max-width: 1025px) {
.not-found__wrap {
padding-top: 3rem;
padding-bottom: 6rem;
}
}
.not-found__title {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
display: inline-flex;
justify-content: center;
}
.not-found__title svg {
height: auto;
}
.not-found__text {
max-width: 35rem;
color: #f0f4f7;
text-align: center;
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 140%;
letter-spacing: -0.02rem;
margin: 1.5rem auto 0 auto;
}
.not-found__btn {
width: 100%;
display: flex;
justify-content: center;
margin: 2rem auto 0 auto;
}
.not-found .page-nav-breadcrumb a {
color: #d1dce4;
}
.not-found .page-nav-breadcrumb span {
color: #ffffff;
}
.not-found .breadcrumb-separator svg path {
stroke: #d1dce4;
}
body.blog, body.archive {
background-color: #f0f4f7;
}
body.blog .hero-banner, body.archive .hero-banner {
padding-bottom: 188px;
margin-bottom: 120px;
}
@media (max-width: 1024px) {
body.blog .hero-banner, body.archive .hero-banner {
padding-bottom: 16px;
margin-bottom: 72px;
}
}
body.blog .hero-banner .hero__body, body.archive .hero-banner .hero__body {
max-width: 560px;
gap: 32px;
}
body.blog .cta-banner, body.archive .cta-banner {
margin-top: 120px;
}
@media (max-width: 1024px) {
body.blog .cta-banner, body.archive .cta-banner {
margin-top: 80px;
}
}
.blog-categories {
position: relative;
}
@media (max-width: 1024px) {
.blog-categories {
display: flex;
align-items: flex-start;
gap: 10px;
}
.blog-categories.opened .categories-list li {
display: block;
}
.blog-categories.opened .categories-toggle {
transform: rotate(180deg);
}
.blog-categories.opened .categories-toggle svg path {
stroke: #091722;
}
}
.categories-toggle {
display: none;
background: none;
border: 0;
cursor: pointer;
position: absolute;
top: 13px;
right: 20px;
}
@media (max-width: 1024px) {
.categories-toggle {
display: flex;
align-items: center;
}
}
.categories-list {
list-style: none;
display: flex;
flex-direction: column;
gap: 6px;
margin: 0;
padding: 0;
position: sticky;
top: 100px;
}
@media (max-width: 1024px) {
.categories-list {
width: 100%;
position: static;
top: auto;
background-color: #ffffff;
border-radius: 20px;
}
}
@media (max-width: 1024px) {
.categories-list li {
display: none;
}
.categories-list li:has(a.active) {
display: block;
}
.categories-list li:last-child {
padding-bottom: 6px;
}
}
.categories-list li a {
display: flex;
align-items: center;
gap: 6px;
max-width: -moz-max-content;
max-width: max-content;
color: #49555d;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 140%;
text-decoration: none;
padding: 6px 20px;
transition: 0.25s;
}
@media (max-width: 1024px) {
.categories-list li a {
font-size: 20px;
}
}
.categories-list li a:hover, .categories-list li a:focus, .categories-list li a.active {
color: #091722;
border-radius: 40px;
background: #fff;
}
.categories-list li a:hover .cat-count, .categories-list li a:focus .cat-count, .categories-list li a.active .cat-count {
color: #00497f;
}
.categories-list li a .cat-count {
color: #7e8b94;
font-size: 14px;
font-weight: 800;
line-height: 140%;
letter-spacing: 0.28px;
text-transform: uppercase;
padding-bottom: 14px;
}
@media (max-width: 1024px) {
.categories-list li a .cat-count {
padding-bottom: 8px;
}
}
.blog__wrap {
display: grid;
grid-template-columns: 0.324fr 1fr;
}
@media (max-width: 1024px) {
.blog__wrap {
grid-template-columns: 100%;
grid-gap: 24px;
}
}
.posts-list {
scroll-margin-top: 100px;
}
.blog .cont-top,
.archive .cont-top,
.single-post .cont-top {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
}
.blog .cont-top__item,
.archive .cont-top__item,
.single-post .cont-top__item {
display: inline-flex;
align-items: center;
position: relative;
}
.blog .cont-top__item:not(:nth-child(1)),
.archive .cont-top__item:not(:nth-child(1)),
.single-post .cont-top__item:not(:nth-child(1)) {
padding-left: 12px;
}
.blog .cont-top__item:not(:nth-child(1))::before,
.archive .cont-top__item:not(:nth-child(1))::before,
.single-post .cont-top__item:not(:nth-child(1))::before {
content: "";
display: block;
width: 4px;
height: 4px;
background-color: #7e8b94;
border-radius: 50%;
position: absolute;
left: 0;
}
.blog .cont-top__item > *,
.archive .cont-top__item > *,
.single-post .cont-top__item > * {
color: #7e8b94;
font-size: 12px;
font-weight: 700;
line-height: 140%;
text-transform: uppercase;
}
.single-post .post-title.headline-block_h1 > * {
font-size: 48px;
font-weight: 500;
line-height: 120%;
letter-spacing: -0.96px;
}
@media (max-width: 1024px) {
.single-post .post-title.headline-block_h1 > * {
font-size: 28px;
letter-spacing: -0.56px;
}
}
.single-post .text-simple .container,
.single-post .images-block .container {
padding: 0;
}
@media (max-width: 767px) {
.single-post .page-nav-breadcrumb {
display: flex;
align-items: center;
flex-wrap: nowrap;
overflow: hidden;
}
.single-post .page-nav-breadcrumb .breadcrumb_last {
max-width: 40%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
min-width: 0;
}
}
.pagination {
display: flex;
align-items: center;
gap: 4px;
max-width: -moz-max-content;
max-width: max-content;
border-radius: 32px;
background: #ffffff;
padding: 18px 32px;
margin: 24px auto 0 auto;
position: relative;
}
.pagination__item {
min-width: 20px;
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
}
.pagination__item:first-child:has(.current)::before {
content: "";
display: block;
width: 20px;
height: 16px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwMDIgMTMuMjhMNS42NTM1NSA4LjkzMzNDNS4xNDAyMiA4LjQxOTk3IDUuMTQwMjIgNy41Nzk5NyA1LjY1MzU1IDcuMDY2NjRMMTAuMDAwMiAyLjcxOTk3IiBzdHJva2U9IiM3RThCOTQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}
.pagination__item:last-child:has(.current)::after {
content: "";
display: block;
width: 20px;
height: 16px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuOTQwNDMgMTMuMjhMMTAuMjg3MSA4LjkzMzNDMTAuODAwNCA4LjQxOTk3IDEwLjgwMDQgNy41Nzk5NyAxMC4yODcxIDcuMDY2NjRMNS45NDA0MyAyLjcxOTk3IiBzdHJva2U9IiM3RThCOTQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}
.pagination__item a,
.pagination__item span {
min-width: 20px;
display: flex;
justify-content: center;
color: #7e8b94;
text-align: center;
font-size: 14px;
font-weight: 700;
line-height: 140%;
letter-spacing: 0.28px;
text-transform: uppercase;
text-decoration: none;
text-align: center;
}
.pagination__item span.current {
color: #091722;
}
.pagination__item .prev,
.pagination__item .next {
display: flex;
}
body.single-post {
padding-top: 88px;
}
body.single-post .faq-accordion .container {
padding: 0;
}
body.single-post .faq-accordion .headline-block {
margin: 0;
}
body.single-post .faq-accordion .headline-block h2 {
font-size: 32px;
text-align: left;
}
@media (max-width: 1024px) {
body.single-post .faq-accordion .headline-block h2 {
font-size: 24px;
}
}
body.single-post .faq-accordion .accordion-list {
margin-top: 20px;
}
body.single-post .posts-slider {
padding: 120px 0;
}
@media (max-width: 1024px) {
body.single-post .posts-slider {
padding: 80px 0;
}
}
.post-navigation,
.post-share {
border-radius: 20px;
background: #f0f4f7;
padding: 20px;
}
.post-navigation .nav-title,
.post-share .nav-title {
color: #00497f;
font-size: 14px;
font-style: normal;
font-weight: 800;
line-height: 140%;
letter-spacing: 0.28px;
text-transform: uppercase;
}
.post-navigation--mobile {
margin-bottom: 24px;
}
.post-share {
margin-top: 10px;
}
.single-wrap {
display: grid;
grid-template-columns: 1fr 0.367fr;
grid-gap: 124px;
padding-top: 32px;
padding-bottom: 120px;
}
@media (max-width: 1024px) {
.single-wrap {
grid-template-columns: 1fr;
grid-gap: 20px;
padding-bottom: 80px;
}
}
.single-wrap__nav {
position: relative;
}
.single-wrap__nav-inner {
position: sticky;
top: 100px;
}
.single-wrap .nav-list {
display: flex;
flex-direction: column;
gap: 10px;
list-style: none;
margin: 16px 0 0 0;
padding: 0;
}
.single-wrap .nav-list a {
color: #49555d;
font-size: 16px;
font-weight: 500;
line-height: 140%;
letter-spacing: -0.32px;
text-decoration: none;
}
.single-wrap .nav-list a:hover, .single-wrap .nav-list a:focus, .single-wrap .nav-list a.active {
color: #00497f;
border: 0;
outline: none;
}
.single-wrap .post-title {
margin-bottom: 24px;
}
.single-wrap .post-image {
display: flex;
margin: 32px auto;
}
@media (max-width: 1024px) {
.single-wrap .post-image {
margin: 24px auto 10px auto;
}
}
.single-wrap .post-image img {
width: 100%;
height: 100%;
aspect-ratio: 904/471;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
}
@media (max-width: 1024px) {
.single-wrap .post-share {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-top: 0;
}
}
.single-wrap .post-share .nav-list {
flex-direction: row;
gap: 12px;
}
@media (max-width: 1024px) {
.single-wrap .post-share .nav-list {
margin-top: 0;
gap: 16px;
}
}
.single-wrap .post-share .nav-list__item a {
display: flex;
}
.single-wrap .post-share .nav-list__item a:hover svg path, .single-wrap .post-share .nav-list__item a:focus svg path {
fill: #e7a300;
}
.single-wrap .text-simple .text-block {
gap: 10px;
}
.single-wrap .text-simple .text-block h2 {
margin-top: 30px;
margin-bottom: 10px;
}
.progress-line {
position: fixed;
top: 88px;
left: 0;
width: 0;
height: 6px;
background: #e7a300;
z-index: 1000;
transition: width 0.1s linear;
}
@media (max-width: 1024px) {
.single-jobs .job-taxonomies {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 1024px) {
.single-jobs .job-taxonomies__item {
padding: 12px 8px;
}
.single-jobs .job-taxonomies__item .item-cont {
max-width: 77%;
}
}
.hero-text.hero-text--jobs {
background-color: #023f69;
padding-bottom: 149px;
}
@media (max-width: 1024px) {
.hero-text.hero-text--jobs {
padding-bottom: 64px;
}
}
.hero-text.hero-text--jobs .hero-text__wrap {
display: grid;
grid-template-columns: 1fr 0.352fr;
grid-gap: 80px;
}
@media (max-width: 1024px) {
.hero-text.hero-text--jobs .hero-text__wrap {
grid-template-columns: 100%;
grid-gap: 24px;
}
}
.job-taxonomies {
display: flex;
flex-direction: column;
gap: 8px;
}
.job-taxonomies__item {
display: flex;
flex-direction: column;
justify-content: center;
gap: 6px;
align-items: center;
text-align: center;
border-radius: 18px;
background: #ffffff;
padding: 17px 20px;
}
.job-taxonomies__item .item-title {
display: grid;
grid-template-columns: 20px 1fr;
grid-gap: 6px;
align-items: center;
}
.job-taxonomies__item .item-title span {
color: #023f69;
font-size: 14px;
font-weight: 800;
line-height: 140%;
letter-spacing: 0.28px;
text-transform: uppercase;
}
.job-taxonomies__item .item-cont {
font-size: 14px;
font-weight: 500;
color: #49555d;
}
.hero {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 50rem;
height: 100vh;
height: 100svh;
height: 100dvh;
}
@media (min-width: 1025px) {
.hero {
min-height: 52.5rem;
}
}
.hero .img-block {
z-index: 1;
}
.hero .img-block:after {
content: "";
background-color: rgba(0, 31, 53, 0.32);
}
.hero .container {
position: relative;
z-index: 5;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
@media (min-width: 1025px) {
.hero .container {
gap: 0.75rem;
}
}
.hero .container .headline-block {
max-width: 49.125rem;
}
.hero__body {
padding: 1.25rem;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
@media (min-width: 1025px) {
.hero__body {
max-width: 35.0625rem;
padding: 2rem;
align-self: flex-end;
}
}
.hero-text {
background-color: #00497F;
background-image: url(//wecubex-staging.seiten.co/wp-content/themes/wecubex/img/hero-text-vector.svg);
background-repeat: no-repeat;
background-size: 53rem;
background-position-y: top;
background-position-x: calc(100% - 5.813rem);
padding-top: 5.5rem;
padding-bottom: 8rem;
}
@media (max-width: 768px) {
.hero-text {
background-size: 25rem;
background-position-y: 5.5rem;
background-position-x: 2.813rem;
padding-bottom: 3.5rem;
}
}
.hero-text .site-breadcrumbs {
margin-bottom: 3.5rem;
}
@media (max-width: 768px) {
.hero-text .site-breadcrumbs {
margin-bottom: 2rem;
}
}
.hero-text .text-block {
max-width: 35rem;
margin-top: 1.5rem;
}
.hero-text .text-block * {
color: #f0f4f7;
}
.text-columns {
display: flex;
gap: 1.75rem;
}
@media (max-width: 1025px) {
.text-columns {
flex-direction: column;
gap: 0;
}
}
.text-columns span {
display: inline-flex;
padding-bottom: 0.563rem;
}
.text-columns .location-icon::before {
content: "";
display: block;
width: 1.25rem;
height: 1.25rem;
background: url(//wecubex-staging.seiten.co/wp-content/themes/wecubex/img/icons/location-tick.svg) no-repeat;
margin-right: 0.625rem;
}
.text-columns a {
text-decoration: none;
}
.text-columns a:hover, .text-columns a:focus {
text-decoration: underline;
}
.landing-hero {
position: sticky;
top: 0;
z-index: 1;
overflow: hidden;
padding-top: 245px;
padding-bottom: 230px;
}
@media (max-width: 1024px) {
.landing-hero {
padding-top: 125px;
padding-bottom: 80px;
}
}
.landing-hero__wrap {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
max-width: 720px;
margin: 0 auto;
position: relative;
z-index: 2;
}
.landing-hero .subheadline-block {
justify-content: center;
text-align: center;
}
.landing-hero .headline-block {
text-align: center;
margin-bottom: 24px;
}
.landing-hero .btn-block {
margin-top: 32px;
}
.landing-hero .img-block {
z-index: 1;
}
.landing-hero .img-block:after {
content: "";
background: linear-gradient(0deg, rgba(0, 73, 127, 0.12) 0%, rgba(0, 73, 127, 0.12) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.56) 0%, rgba(0, 0, 0, 0.56) 100%), linear-gradient(0deg, rgba(0, 31, 53, 0.32) 0%, rgba(0, 31, 53, 0.32) 100%);
opacity: 0.9;
}
.industries-slider {
overflow: hidden;
}
.industries-slider .swiper-pagination {
margin: 1.5rem 0;
}
@media (min-width: 1025px) {
.industries-slider .swiper-pagination {
margin: 2rem 0;
}
}
.industries-slider .cards-slider {
margin: 1.5rem 0 0 0;
}
@media (min-width: 1025px) {
.industries-slider .cards-slider {
margin: 3rem 0 0 0;
}
}
.industries-slider .btn-block {
text-align: center;
}
.industries-slider .text-block {
margin-top: 1.5rem;
}
.cards-slider {
overflow: hidden;
visibility: hidden;
position: relative;
}
.cards-slider.swiper-initialized {
visibility: visible;
}
.cards-slider .swiper-slide {
will-change: transform;
opacity: 0;
}
@media (min-width: 1025px) {
.cards-slider .swiper-slide {
transform: scale(0) !important;
}
}
.cards-slider .swiper-slide:not(.swiper-slide-active, .swiper-slide-prev, .swiper-slide-next) .img-block:before {
opacity: 0;
background: #fff;
}
.cards-slider .swiper-slide.swiper-slide-prev-prev {
transition: 0.3s ease;
opacity: 1;
z-index: 4;
}
@media (min-width: 1025px) {
.cards-slider .swiper-slide.swiper-slide-prev-prev {
transform: scale(0.9) translateX(80%) !important;
}
}
.cards-slider .swiper-slide.swiper-slide-prev-prev .img-block:before {
background: #fff;
opacity: 0.88;
}
@media (min-width: 1025px) {
.cards-slider .swiper-slide.swiper-slide-prev-prev .img-block:before {
opacity: 0.64;
}
}
.cards-slider .swiper-slide.swiper-slide-prev-prev-prev {
transition: 0.3s ease;
opacity: 0;
z-index: 3;
}
@media (min-width: 1025px) {
.cards-slider .swiper-slide.swiper-slide-prev-prev-prev {
opacity: 1;
transform: scale(0.75) translateX(205%) !important;
}
}
.cards-slider .swiper-slide.swiper-slide-prev-prev-prev .img-block:before {
background: #fff;
opacity: 0.88;
}
.cards-slider .swiper-slide.swiper-slide-next-next {
transition: 0.3s ease;
opacity: 1;
z-index: 4;
}
@media (min-width: 1025px) {
.cards-slider .swiper-slide.swiper-slide-next-next {
transform: scale(0.9) translateX(-80%) !important;
}
}
.cards-slider .swiper-slide.swiper-slide-next-next .img-block:before {
background: #fff;
opacity: 0.88;
}
@media (min-width: 1025px) {
.cards-slider .swiper-slide.swiper-slide-next-next .img-block:before {
opacity: 0.64;
}
}
.cards-slider .swiper-slide.swiper-slide-next-next-next {
transition: 0.3s ease;
opacity: 0;
z-index: 3;
}
@media (min-width: 1025px) {
.cards-slider .swiper-slide.swiper-slide-next-next-next {
opacity: 1;
transform: scale(0.75) translateX(-205%) !important;
}
}
.cards-slider .swiper-slide.swiper-slide-next-next-next .img-block:before {
background: #fff;
opacity: 0.88;
}
@media (min-width: 1025px) {
.cards-slider .swiper-slide-active,
.cards-slider .swiper-slide-prev,
.cards-slider .swiper-slide-next {
transform: scale(1) !important;
}
}
.cards-slider .swiper-slide-active,
.cards-slider .swiper-slide-prev,
.cards-slider .swiper-slide-next {
opacity: 1;
z-index: 5;
}
.cards-slider .swiper-slide-prev,
.cards-slider .swiper-slide-next {
transition: 0.3s ease;
}
@media (max-width: 1025px) {
.cards-slider .swiper-slide-prev,
.cards-slider .swiper-slide-next {
opacity: 0.56;
}
}
.cards-slider .swiper-slide-active {
z-index: 7;
}
.cards-slider .swiper-slide-active .img-block:before {
opacity: 1 !important;
}
.cards-slider .swiper-slide-active .headline-block {
opacity: 1;
}
.cards-slider__content {
position: relative;
}
.cards-slider__content .img-block {
position: relative;
overflow: hidden;
}
.cards-slider__content .img-block:before {
opacity: 0;
transition: opacity 0.3s ease-in-out;
content: "";
background: linear-gradient(0deg, rgba(0, 73, 127, 0.12) 0%, rgba(0, 73, 127, 0.12) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.32) 100%);
}
.cards-slider__content .img-block img {
display: block;
aspect-ratio: 300/330;
}
@media (min-width: 1025px) {
.cards-slider__content .img-block img {
aspect-ratio: 1/1;
}
}
.cards-slider__content .headline-block {
opacity: 0;
position: absolute;
z-index: 5;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #FEFEFE;
transition: opacity 0.3s ease-in-out;
}
.cards-slider__content .headline-block > * {
color: #FEFEFE;
}
.cards-slider__link {
z-index: 6;
}
.cards-slider .swiper-arrow-prev,
.cards-slider .swiper-arrow-next {
position: absolute;
z-index: 7;
top: 50%;
transform: translateY(calc(-50% - 2.25rem));
}
.cards-slider .swiper-arrow-prev {
left: 0;
}
.cards-slider .swiper-arrow-next {
right: 0;
}
.cards-slider .swiper-slide-prev:hover .headline-block,
.cards-slider .swiper-slide-next:hover .headline-block {
opacity: 1;
}
.cards-slider .swiper-slide-prev:hover .img-block:before,
.cards-slider .swiper-slide-next:hover .img-block:before {
opacity: 1;
}
.gallery__content {
position: relative;
z-index: 10;
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 100%;
width: 100%;
}
.gallery__content .container {
position: relative;
z-index: 5;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
@media (min-width: 1025px) {
.gallery__content .container {
gap: 0.75rem;
}
}
.gallery__content .container .headline-block {
max-width: 49.125rem;
}
.gallery__sticky {
position: relative;
height: auto;
width: 100%;
overflow: hidden;
}
@media (min-width: 1025px) {
.gallery__sticky {
min-height: 50rem;
height: 100svh;
}
}
.gallery__mask {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
will-change: clip-path;
clip-path: inset(0px 0px 0px 0px round 0px);
z-index: 1;
}
.gallery__background {
width: 100%;
height: 100%;
position: relative;
}
.gallery__background:after {
content: "";
background-color: rgba(0, 31, 53, 0.32);
opacity: var(--bg-overlay-opacity, 1);
}
.gallery__background .img-block {
overflow: hidden;
width: 100%;
height: 100%;
}
.gallery__background .img-block img {
display: block;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.gallery__grid-container {
align-items: center;
position: absolute;
inset: 0;
padding: 140px 2.8vw 80px;
display: none;
}
@media (min-width: 1025px) {
.gallery__grid-container {
display: flex;
}
}
.gallery__grid {
aspect-ratio: 1360/800;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0.625rem;
max-height: 100%;
padding-block: 0.5rem;
width: 100%;
}
.gallery__col {
display: flex;
flex-direction: column;
gap: 0.625rem;
}
.gallery__col:first-child {
justify-content: flex-end;
}
.gallery__col:first-child .gallery__img-container_small {
padding-left: 35%;
}
.gallery__col:nth-child(2) {
justify-content: center;
}
.gallery__col:nth-child(3) {
justify-content: flex-start;
}
.gallery__col:nth-child(3) .gallery__img-container_small {
padding-right: 35%;
}
.gallery__img-container .img-block {
overflow: hidden;
}
.gallery__img-container .img-block img {
display: block;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 7/4;
}
.gallery__img-container_small .img-block img {
aspect-ratio: 6/5;
}
.gallery__dummy-background {
visibility: hidden;
aspect-ratio: 8/11;
}
.gallery-head {
position: relative;
overflow: hidden;
padding-top: 88px;
padding-bottom: 100px;
}
.gallery-head__sticky {
height: 100vh;
position: relative;
}
@media (max-width: 1024px) {
.gallery-head__sticky {
height: auto;
}
}
.gallery-head__wrap {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
align-items: center;
}
@media (max-width: 1024px) {
.gallery-head__wrap {
grid-template-columns: 100%;
grid-gap: 11px;
}
}
.gallery-head__content {
padding: 88px 0;
position: relative;
z-index: 5;
}
@media (max-width: 1024px) {
.gallery-head__content {
padding: 32px 0;
}
}
.gallery-head__content .headline-block {
margin-bottom: 24px;
}
.gallery-head__content .text-block {
max-width: 560px;
}
.gallery-head__content .btn-block {
margin-top: 32px;
}
.gallery-head__media {
display: grid;
grid-template-columns: 40% 1fr;
grid-gap: 12px;
padding: 10px 10px 0 0;
position: relative;
z-index: 5;
}
.gallery-head__media .media-item {
display: flex;
}
.gallery-head__media .media-item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
}
.gallery-head__media .media-item:nth-child(1) {
margin-top: auto;
}
.gallery-head__media .media-item:nth-child(1) img {
aspect-ratio: 266/208;
}
.gallery-head__media .media-item:nth-child(2) img {
aspect-ratio: 386/369;
}
.gallery-head__media .media-item:nth-child(3) {
max-width: 64%;
grid-column-start: 2;
padding-left: 17px;
margin-bottom: auto;
}
.gallery-head__media .media-item:nth-child(3) img {
aspect-ratio: 248/179;
}
.gallery-head__fullscreen {
--overlay-opacity: 0;
position: fixed;
top: 0;
left: 0;
z-index: 50;
opacity: 0;
pointer-events: none;
overflow: hidden;
border-radius: 20px;
transform-origin: top left;
}
.gallery-head__fullscreen::after {
content: "";
position: absolute;
inset: 0;
opacity: var(--overlay-opacity);
background: linear-gradient(180deg, rgba(0, 74, 127, 0) 65.79%, #004a7f 98.71%);
}
.gallery-head__fullscreen img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.gallery-head.style-2 {
background: #023f69;
}
.gallery-head.style-2 .gallery-head__wrap {
align-items: flex-start;
}
.gallery-head.style-2 .gallery-head__media .media-item:nth-child(1) {
max-width: 213px;
margin-left: auto;
}
.gallery-head.style-2 .gallery-head__media .media-item:nth-child(1) img {
aspect-ratio: 213/294;
}
.gallery-head.style-2 .gallery-head__media .media-item:nth-child(2) img {
aspect-ratio: 386/429;
}
.gallery-head.style-2 .gallery-head__media .media-item:nth-child(3) {
max-width: 69%;
padding-left: 0;
}
.gallery-head.style-2 .gallery-head__media .media-item:nth-child(3) img {
aspect-ratio: 268/224;
}
.gallery-head.style-2 .gallery-head__fullscreen::after {
background: linear-gradient(180deg, rgba(2, 63, 105, 0) -18.14%, rgba(2, 63, 105, 0.32) 98.71%), linear-gradient(180deg, rgba(2, 63, 105, 0) 65.79%, #023f69 98.71%);
}
.gallery-head.style-2 .btn.btn_primary {
background-color: #FB9D21;
}
.solution-intro {
position: relative;
}
.solution-intro > .img-block {
z-index: 1;
}
.solution-intro > .img-block:before {
content: "";
background: linear-gradient(180deg, rgba(0, 73, 127, 0) 25.31%, #00497f 87.13%), linear-gradient(180deg, rgba(0, 22, 49, 0.5) 0%, rgba(6, 33, 67, 0) 100%);
}
.solution-intro > .img-block img {
display: block;
}
.solution-intro__content {
position: relative;
z-index: 3;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
@media (min-width: 1025px) {
.solution-intro__content {
gap: 3rem;
}
}
@media (min-width: 1025px) {
.solution-intro__content > .btn-block {
position: absolute;
bottom: 0;
left: 0;
}
}
.solution-intro__head .text-block {
margin: 1.5rem 0 0 0;
}
.solution-intro__cards {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.75rem;
}
@media (min-width: 1025px) {
.solution-intro__cards {
grid-template-columns: 1fr 1fr 1fr 2.2fr;
gap: 0 0.75rem;
}
}
.solution-card {
padding: 2rem 1rem;
display: flex;
flex-direction: column;
align-items: center;
gap: 0.625rem;
position: relative;
overflow: hidden;
}
@media (min-width: 1025px) {
.solution-card {
min-height: 16.875rem;
padding: 2rem;
}
}
.solution-card::before {
content: "";
z-index: -1;
background-color: #fff;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.solution-card:hover::before {
opacity: 1;
}
.solution-card:hover .subheadline-block {
color: #091722;
}
.solution-card:hover .text-block,
.solution-card:hover .img-block {
opacity: 1;
transition: opacity 0.3s ease-in-out;
}
.solution-card:hover .solution-card__init {
opacity: 0;
}
@media (max-width: 1024px) {
.solution-card:hover .btn-link {
opacity: 1;
}
}
.solution-card:hover:nth-child(even)::before {
background-color: #FBBB21;
}
.solution-card:hover:nth-child(even) .text-block > * {
color: #745202;
}
@media (max-width: 1025px) {
.solution-card.active .btn-link {
pointer-events: auto;
}
}
.solution-card.active:nth-child(even)::before {
background-color: #FBBB21;
}
.solution-card.active:nth-child(even) .text-block > * {
color: #745202;
}
@media (min-width: 1025px) {
.solution-card:nth-child(4) {
grid-column: 4/5;
grid-row: 2;
}
}
.solution-card .subheadline-block {
margin: 0;
transition: color 0.3s ease-in-out;
}
.solution-card .text-block,
.solution-card .img-block {
opacity: 0;
}
@media (max-width: 1025px) {
.solution-card .text-block {
font-size: 0.875rem;
letter-spacing: -0.28px;
}
}
.solution-card .img-block {
margin-top: auto;
}
.solution-card .img-block svg,
.solution-card .img-block img {
width: 2rem;
height: 2rem;
display: block;
}
@media (min-width: 1025px) {
.solution-card .img-block svg,
.solution-card .img-block img {
width: 3.5rem;
height: 3.5rem;
}
}
.solution-card .btn-link {
opacity: 0;
transition: opacity 0.3s ease-in-out;
position: relative;
}
@media (min-width: 1025px) {
.solution-card .btn-link {
opacity: 0;
position: absolute;
inset: 0;
}
}
@media (max-width: 1025px) {
.solution-card .btn-link {
pointer-events: none;
}
}
.solution-card .btn-link:focus-visible {
outline-color: #fff;
}
.solution-card .btn-link::before {
content: "";
}
.solution-card__init {
font-size: 5rem;
font-weight: 700;
line-height: 1.1;
text-transform: uppercase;
color: #FBBB21;
opacity: 1;
transition: opacity 0.3s ease-in-out;
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 1025px) {
.solution-card__init {
font-size: 5.5rem;
}
}
@media (min-width: 1280px) {
.solution-card__init {
font-size: 7.5rem;
}
}
@media (min-width: 1025px) {
.solution-card__init span {
transform: translateY(10%);
}
}
.product-intro__grid {
display: grid;
grid-template-columns: 100%;
gap: 3rem;
}
@media (min-width: 1025px) {
.product-intro__grid {
grid-template-columns: 1fr 1fr;
gap: 0.75rem;
}
}
.product-intro__col {
display: flex;
flex-direction: column;
gap: 2rem;
}
.product-intro__head .text-block {
margin: 1.5rem 0 0 0;
}
.product-intro__gallery {
display: flex;
flex-direction: column;
gap: 0.625rem;
}
@media (min-width: 1025px) {
.product-intro__gallery {
padding: 0 0 0 7.125rem;
}
}
.product-intro__gallery .img-block {
overflow: hidden;
max-height: 1.25rem;
transition: max-height 0.5s ease;
}
.product-intro__gallery .img-block.active {
max-height: 710px;
}
.product-intro__gallery .img-block img {
display: block;
width: 100%;
aspect-ratio: 561/710;
}
@media (min-width: 1025px) {
.product-intro .accordion-list {
margin-right: 5.5rem;
}
}
.accordion-list_style1 {
display: flex;
flex-direction: column;
gap: 1rem;
}
.accordion-list_style1 .accordion-list__item {
border-bottom: 1px solid rgba(255, 255, 255, 0.32);
padding: 0 0 0 0;
}
@media (min-width: 1025px) {
.accordion-list_style1 .accordion-list__item {
padding: 0 0 0.5rem 0;
}
}
.accordion-list_style1 .accordion-list__item .accordion-list__title {
line-height: 0;
}
.accordion-list_style1 .accordion-list__item .accordion-list__title .accordion-title {
color: #fff;
padding: 0 0 1rem 0;
}
.accordion-list_style1 .accordion-list__item .accordion-list__title .accordion-title sup {
color: #FBBB21;
font-weight: 800;
letter-spacing: 0.28px;
text-transform: uppercase;
font-size: 0.875rem;
top: -0.875rem;
margin-right: 0.25rem;
}
.accordion-list_style1 .accordion-list__item .accordion-list__title .accordion-trigger:focus-visible {
outline-color: #fff;
}
.accordion-list_style1 .accordion-list__item .accordion-list__content .text-block {
gap: 0.75rem;
padding: 0 0 1rem 0;
}
.accordion-list_style1 .accordion-list__item.active .accordion-list__title .accordion-title {
color: #FBBB21;
}
.accordion-list_style1 .accordion-list__item.active .accordion-icon path {
stroke: #FBBB21;
}
.accordion-list_style2 {
display: flex;
flex-direction: column;
gap: 0.625rem;
}
.accordion-list_style2 .accordion-list__item {
background-color: #F0F4F7;
padding: 1.5rem;
position: relative;
}
@media (min-width: 1025px) {
.accordion-list_style2 .accordion-list__item {
padding: 2rem;
}
}
.accordion-list_style2 .accordion-list__item .accordion-list__title .accordion-title span:first-child {
padding: 0 2.75rem 0 0;
}
@media (min-width: 1025px) {
.accordion-list_style2 .accordion-list__item .accordion-list__title .accordion-title span:first-child {
padding: 0 4.125rem 0 0;
}
}
.accordion-list_style2 .accordion-list__item .accordion-list__title .accordion-trigger .accordion-icon {
position: absolute;
right: 0.5rem;
top: 0.5rem;
bottom: 0.5rem;
width: 2.75rem;
height: auto;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
}
.accordion-list_style2 .accordion-list__item .accordion-list__title .accordion-trigger .accordion-icon svg {
width: 0.875rem;
height: 0.875rem;
}
.accordion-list_style2 .accordion-list__item .accordion-list__content {
padding: 0 2.75rem 0 0;
}
@media (min-width: 1025px) {
.accordion-list_style2 .accordion-list__item .accordion-list__content {
padding: 0 4.125rem 0 0;
}
}
.accordion-list_style2 .accordion-list__item .accordion-list__content .text-block {
padding: 0.75rem 0 0 0;
max-width: 40.625rem;
}
@media (max-width: 576px) {
.accordion-list_style2 .accordion-list__item .accordion-list__content .text-block {
font-size: 0.875rem;
}
.accordion-list_style2 .accordion-list__item .accordion-list__content .text-block p {
letter-spacing: -0.28px;
}
}
.accordion-list__content {
transition: max-height 0.5s ease, opacity 0.5s ease;
overflow: hidden;
max-height: 0;
opacity: 0;
}
.accordion-list__content.open {
opacity: 1;
}
.accordion-trigger {
background: none;
border: none;
padding: 0;
border-radius: 0;
width: 100%;
text-align: left;
}
.accordion-trigger:focus {
outline: none;
}
.accordion-trigger:focus-visible {
outline: 1px solid #000;
outline-offset: 0;
}
.accordion-trigger .accordion-title {
display: flex;
justify-content: space-between;
align-items: center;
gap: 0.625rem;
padding: 0;
cursor: pointer;
transition: background-color 0.3s ease-in-out;
}
.accordion-trigger .accordion-title .accordion-icon {
flex: 0 0 auto;
line-height: 0;
display: flex;
align-items: center;
justify-content: center;
}
.accordion-trigger .accordion-title .accordion-icon svg {
width: 1.5rem;
height: 1.5rem;
will-change: transform;
transition: transform 0.3s ease-in-out;
}
.accordion-trigger[aria-expanded=true] .accordion-icon svg {
transform: scale(1, -1);
}
.advantages-intro .container {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
@media (min-width: 1025px) {
.advantages-intro .container {
gap: 3rem;
}
}
.advantages-desktop {
display: none;
grid-template-columns: 1fr 1.94fr;
align-items: flex-start;
gap: 0.5rem;
}
@media (min-width: 1025px) {
.advantages-desktop {
display: grid;
padding-right: 2.4375rem;
}
}
.advantages-desktop__nav {
padding: 0.5rem;
background-color: #F0F4F7;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.advantages-desktop__content {
padding: 0.5rem;
}
.advantages-desktop .advantages-content {
display: none;
align-items: center;
animation: show-content forwards 1s;
}
.advantages-desktop .advantages-content.active {
display: flex;
}
.advantages-mobile {
padding: 0.5rem 0.5rem 0 0.5rem;
background-color: #F0F4F7;
display: flex;
flex-direction: column;
}
@media (min-width: 1025px) {
.advantages-mobile {
display: none;
}
}
.advantages-mobile .accordion-item {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.advantages-mobile .accordion-item.active .accordion-content {
display: flex;
margin-bottom: 0.5rem;
}
.advantages-mobile .accordion-item.active .advantages-menu {
background-color: #FBBB21;
}
.advantages-mobile .accordion-item.active .advantages-menu .advantages-menu__icon svg {
transform: scale(1, -1) rotate(90deg);
}
.advantages-mobile .accordion-item.active .advantages-menu .advantages-menu__icon path {
stroke: #091722;
}
.advantages-mobile .accordion-header {
width: 100%;
}
.advantages-mobile .accordion-header .advantages-menu__icon svg {
transition: transform 0.3s ease-in-out;
transform: rotate(90deg);
}
.advantages-mobile .accordion-content {
display: block;
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease;
}
.advantages-mobile .accordion-content__wrap {
padding: 0.5rem;
display: flex;
align-items: center;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
}
@media (min-width: 576px) {
.advantages-mobile .accordion-content .img-block {
max-width: 50%;
}
}
.advantages-menu {
cursor: pointer;
border-radius: 0.9375rem;
display: flex;
gap: 0.25rem;
align-items: center;
background-color: #fff;
padding: 0.75rem 1rem;
transition: background-color 0.3s ease-in-out;
}
.advantages-menu__title {
font-weight: 700;
letter-spacing: -0.32px;
color: #091722;
margin-right: 0.75rem;
text-align: left;
}
.advantages-menu__icon {
margin-left: auto;
line-height: 0;
}
.advantages-menu__icon svg {
width: 0.875rem;
height: 0.875rem;
}
.advantages-menu .img-block img,
.advantages-menu .img-block svg {
display: block;
width: 1.5rem;
height: 1.5rem;
}
.advantages-menu.active {
background-color: #FBBB21;
}
.advantages-menu.active .advantages-menu__icon path {
stroke: #091722;
}
.advantages-content {
display: flex;
align-items: center;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
}
@media (min-width: 1025px) {
.advantages-content {
gap: 2rem;
flex-direction: row;
}
}
.advantages-content__body {
display: flex;
flex-direction: column;
gap: 0.75rem;
flex: 1;
padding: 1rem 1rem 0;
}
@media (min-width: 1025px) {
.advantages-content__body {
padding: 1rem 0 1rem 2rem;
}
}
.advantages-content .img-block {
overflow: hidden;
flex: 1;
align-self: flex-start;
}
@media (min-width: 1025px) {
.advantages-content .img-block {
flex: 0 0 43.8%;
}
}
.advantages-content .img-block img {
display: block;
aspect-ratio: 372/384;
}
@keyframes show-content {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.counter-grid {
position: relative;
}
.counter-grid .container {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
@media (min-width: 1025px) {
.counter-grid .container {
gap: 3rem;
}
}
.counter-grid > .img-block {
z-index: 1;
}
.counter-grid > .img-block:before {
content: "";
background: linear-gradient(180deg, rgba(0, 73, 127, 0) 25.31%, #00497f 87.13%), linear-gradient(180deg, rgba(0, 22, 49, 0.5) 0%, rgba(6, 33, 67, 0) 100%);
}
.counter-grid > .img-block img {
display: block;
}
.counter-grid .container {
position: relative;
z-index: 3;
}
.counter-grid__head {
display: flex;
justify-content: space-between;
flex-direction: column;
gap: 2rem;
}
@media (min-width: 1025px) {
.counter-grid__head {
align-items: flex-end;
flex-direction: row;
gap: 1rem;
}
}
.counter-grid__right {
flex: 0 0 auto;
}
.counter-grid__cards {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.625rem 0.75rem;
}
@media (min-width: 1025px) {
.counter-grid__cards {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 1025px) {
.counter-grid__cards.type-icon {
grid-template-columns: 100%;
grid-gap: 0.75rem;
}
}
@media (max-width: 1025px) {
.counter-grid__cards.type-icon .counter-card {
display: grid;
grid-template-columns: 4rem 1fr;
grid-gap: 1.25rem;
padding: 2rem 1.5rem;
}
.counter-grid__cards.type-icon .counter-card .counter-card__title {
font-size: 0.875rem;
text-align: left;
}
}
.counter-grid.style-2 {
background-color: #023f69;
}
.counter-grid.style-2 .container {
gap: 32px;
}
.counter-grid.style-2 .btn.btn_primary {
background-color: #FB9D21;
}
@media (min-width: 1025px) {
.counter-grid.style-2 .btn.btn_primary {
margin-right: 32px;
}
}
.counter-card {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 0.2rem;
padding: 1.25rem 1rem;
}
@media (min-width: 1025px) {
.counter-card {
gap: 0.625rem;
padding: 2rem;
}
}
.counter-card__title {
font-size: 0.75rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.24px;
}
@media (min-width: 1025px) {
.counter-card__title {
letter-spacing: 0.28px;
font-size: 0.875rem;
}
}
.counter-card__num {
color: #FBBB21;
font-size: 2.5rem;
letter-spacing: -0.8px;
line-height: 1.2;
font-weight: 700;
min-height: 3rem;
}
@media (min-width: 1025px) {
.counter-card__num {
font-size: 3.5rem;
letter-spacing: -1.12px;
min-height: 4.25rem;
}
}
.counter-card__icon {
display: flex;
max-width: 64px;
justify-content: center;
margin: 0 auto 0.875rem auto;
}
@media (max-width: 1025px) {
.counter-card__icon {
margin-bottom: 0;
}
}
.counter-card__icon img {
width: 100%;
}
.counter:not(.is-visible) {
visibility: hidden;
}
.img-text__grid {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
@media (min-width: 1025px) {
.img-text__grid {
flex-direction: row;
align-items: center;
gap: 0.75rem;
}
}
.img-text__col {
flex: 1 0 50%;
}
@media (min-width: 1025px) {
.img-text__col:first-child {
order: 2;
}
}
@media (min-width: 1025px) {
.img-text__col:nth-child(2) {
padding-right: 4rem;
}
}
@media (min-width: 1280px) {
.img-text__col:nth-child(2) {
padding-right: 7.125rem;
}
}
.img-text__col .img-block {
overflow: hidden;
}
.img-text__col .img-block img {
display: block;
aspect-ratio: 370/344;
}
@media (min-width: 1025px) {
.img-text__col .img-block img {
aspect-ratio: 561/600;
}
}
.img-text__col .ul-true-false {
margin: 1.5rem 0 0 0;
}
@media (min-width: 1025px) {
.img-text__col .ul-true-false {
margin-right: 2.125rem;
}
}
.ul-true-false {
list-style: none;
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 0;
margin: 0;
}
.ul-true-false strong {
color: #fff;
font-weight: 700;
}
.ul-true-false li {
display: flex;
gap: 0.5rem;
}
.ul-true-false li svg {
flex: 0 0 auto;
width: 1.25rem;
height: 1.25rem;
}
@media (min-width: 1025px) {
.img-text-white .img-text__col:first-of-type {
flex: 1 0 42%;
}
.img-text-white .img-text__col:last-of-type {
flex: 1 0 58%;
}
.img-text-white .text-block ul,
.img-text-white .text-block ol {
margin-top: 0.5rem;
}
.img-text-white .img-block img {
aspect-ratio: 675/640;
}
}
@media (max-width: 1025px) {
.img-text-white .btn {
width: 100%;
}
}
.case-slider .container > .btn-block {
text-align: center;
}
.case-slider .container > .text-block {
margin-top: 0.75rem;
}
.case-slider__slider {
overflow: hidden;
margin: 1.5rem 0;
}
@media (min-width: 1025px) {
.case-slider__slider {
margin: 3rem 0 2rem;
}
}
.case-slider__slider .swiper-slide {
height: auto;
}
.case-slider__slider .swiper-pagination {
margin-top: 1.5rem;
}
.case-card {
padding: 0.5rem;
background-color: #F0F4F7;
height: 100%;
box-sizing: border-box;
}
.case-card .img-block {
overflow: hidden;
}
.case-card .img-block img {
display: block;
aspect-ratio: 430/268;
}
@media (max-width: 768px) {
.case-card .img-block img {
aspect-ratio: 354/268;
}
}
.case-card__body {
display: flex;
flex-direction: column;
gap: 0.75rem;
padding: 1.5rem 1.25rem;
}
@media (min-width: 1025px) {
.case-card__body {
padding: 1.5rem;
}
}
.faq-accordion .accordion-list {
margin: 1.5rem auto 0;
max-width: 56.5rem;
}
@media (min-width: 1025px) {
.faq-accordion .accordion-list {
margin: 3rem auto 0;
}
}
.faq-accordion .accordion-list .accordion-title span[itemprop=name] {
color: #091722;
}
.step-slider {
position: relative;
}
.step-slider .container {
position: relative;
z-index: 3;
}
.step-slider .bg-logo {
position: absolute;
top: 0.1875rem;
left: 50%;
transform: translateX(-50%);
z-index: 1;
max-width: 133%;
height: auto;
}
.step-slider__grid {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
@media (min-width: 1025px) {
.step-slider__grid {
gap: 4rem;
}
}
.step-slider__grid > .btn-block {
text-align: center;
}
.step-slider__wrap {
display: flex;
flex-direction: column;
gap: 0.5rem;
overflow: hidden;
}
@media (min-width: 1025px) {
.step-slider__wrap {
gap: 0.625rem;
flex-direction: row;
}
}
.step-slider__left {
overflow: hidden;
position: relative;
}
@media (min-width: 1025px) {
.step-slider__left {
padding-top: 4.375rem;
}
}
.step-slider__slider {
height: 390px;
}
@media (min-width: 1025px) {
.step-slider__slider {
height: auto;
margin: 0 0 0 2rem;
}
}
.step-slider__num {
position: absolute;
top: 0;
left: 0;
color: #FBBB21;
font-size: 2rem;
font-weight: 700;
letter-spacing: -0.64px;
line-height: 1.2;
}
@media (min-width: 1025px) {
.step-slider__num {
top: -7.6875rem;
font-size: 3.5rem;
letter-spacing: -1.12px;
}
}
@media (max-width: 1024px) {
.step-slider__num.num-small {
font-size: 1.4rem;
}
}
.step-slider__track {
position: absolute;
top: 0;
left: 3.6875rem;
height: 100%;
width: 1.5rem;
}
@media (min-width: 1025px) {
.step-slider__track {
position: static;
width: 100%;
height: 1.5rem;
margin: 1rem 0;
}
}
.step-slider__slide {
position: relative;
padding: 0 0 0 102px;
}
@media (min-width: 1025px) {
.step-slider__slide {
padding: 1rem 2.625rem 0 0;
}
}
.step-slider__slide .text-block {
color: #D1DCE4;
gap: 0.25rem;
}
.step-slider__slide .text-block strong {
color: #fff;
}
.step-slider__slide::before {
content: "";
position: absolute;
top: 0.375rem;
left: 3.9375rem;
width: 1rem;
height: 1rem;
background-color: #FBBB21;
border-radius: 6.25rem;
}
@media (min-width: 1025px) {
.step-slider__slide::before {
top: -2.25rem;
left: 0;
}
}
.step-slider__slide::after {
display: none;
content: "";
height: 280%;
top: -160%;
}
@media (min-width: 1025px) {
.step-slider__slide::after {
display: block;
}
}
.step-slider__btn {
cursor: pointer;
border-radius: 6.25rem;
background-color: #FBBB21;
display: flex;
align-items: center;
justify-content: center;
width: 2.75rem;
height: 2.75rem;
margin: 0 0 0 3rem;
transition: background-color 0.3s ease-in-out;
}
.step-slider__btn:hover {
background-color: #E7A300;
}
@media (min-width: 1025px) {
.step-slider__btn {
margin: 4.75rem 0 0 0;
}
}
@media (max-width: 1024px) {
.step-slider__btn svg {
transform: rotate(90deg);
}
}
.step-slider .text-block {
max-width: 916px;
color: #f1f4f7;
margin: 12px auto 0 auto;
}
.step-slider .bottom-images {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
grid-gap: 10px;
padding-bottom: 0;
}
@media (min-width: 1025px) {
.step-slider .bottom-images {
padding-bottom: 80px;
}
}
.step-slider .bottom-images__item {
display: flex;
width: 100%;
height: auto;
}
@media (min-width: 1025px) {
.step-slider .bottom-images__item {
height: 100%;
}
}
.step-slider .bottom-images__item img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
}
.step-slider .bottom-images.style-1 .bottom-images__item:nth-child(1) {
grid-column: span 2;
}
@media (min-width: 1025px) {
.step-slider .bottom-images.style-1 .bottom-images__item:nth-child(1) {
grid-column: auto;
grid-row: span 2;
transform: translateY(63px);
}
}
.step-slider .bottom-images.style-1 .bottom-images__item:nth-child(1) img {
aspect-ratio: 370/354;
}
@media (min-width: 1025px) {
.step-slider .bottom-images.style-1 .bottom-images__item:nth-child(1) img {
aspect-ratio: 675/610;
}
}
.step-slider .bottom-images.style-1 .bottom-images__item:nth-child(2) {
margin-top: auto;
margin-bottom: 0;
}
.step-slider .bottom-images.style-1 .bottom-images__item:nth-child(2) img {
aspect-ratio: 180/219;
}
@media (min-width: 1025px) {
.step-slider .bottom-images.style-1 .bottom-images__item:nth-child(2) img {
aspect-ratio: 675/252;
}
}
.step-slider .bottom-images.style-1 .bottom-images__item:nth-child(3) {
max-width: 325px;
max-height: 252px;
margin-top: 0;
margin-bottom: auto;
}
.step-slider .bottom-images.style-1 .bottom-images__item:nth-child(3) img {
aspect-ratio: 180/139;
}
@media (min-width: 1025px) {
.step-slider .bottom-images.style-1 .bottom-images__item:nth-child(3) img {
aspect-ratio: 325/252;
}
}
.step-slider .bottom-images.style-2 {
padding-bottom: 0;
}
.step-slider .bottom-images.style-2 .bottom-images__item:nth-child(1) {
grid-column: span 2;
}
@media (min-width: 1025px) {
.step-slider .bottom-images.style-2 .bottom-images__item:nth-child(1) {
grid-column: auto;
}
}
.step-slider .bottom-images.style-2 .bottom-images__item:nth-child(1) img {
aspect-ratio: 370/334;
}
@media (min-width: 1025px) {
.step-slider .bottom-images.style-2 .bottom-images__item:nth-child(1) img {
aspect-ratio: 675/300;
}
}
@media (min-width: 1025px) {
.step-slider .bottom-images.style-2 .bottom-images__item:nth-child(2) {
grid-row: span 2;
transform: translateY(30px);
max-height: 301px;
}
}
.step-slider .bottom-images.style-2 .bottom-images__item:nth-child(2) img {
aspect-ratio: 180/219;
}
@media (min-width: 1025px) {
.step-slider .bottom-images.style-2 .bottom-images__item:nth-child(2) img {
aspect-ratio: 675/301;
}
}
.step-slider .bottom-images.style-2 .bottom-images__item:nth-child(3) {
max-width: 325px;
max-height: 252px;
margin-top: 0;
margin-bottom: auto;
margin-left: auto;
}
.step-slider .bottom-images.style-2 .bottom-images__item:nth-child(3) img {
aspect-ratio: 180/139;
}
@media (min-width: 1025px) {
.step-slider .bottom-images.style-2 .bottom-images__item:nth-child(3) img {
aspect-ratio: 325/252;
}
}
.text-simple__wrap {
max-width: 56.5rem;
margin: 0 auto;
}
.text-simple .text-block {
gap: 1rem;
}
.text-simple h2 {
letter-spacing: -0.48px;
font-size: 1.5rem;
margin-top: 1rem;
margin-bottom: 0;
}
@media (min-width: 1026px) {
.text-simple h2 {
letter-spacing: -0.64px;
font-size: 2rem;
margin-top: 2rem;
}
}
.text-simple h2:first-child {
margin-top: 0;
}
.text-simple h3 {
font-size: 1.25rem;
line-height: 1.4;
letter-spacing: 0 !important;
}
@media (min-width: 1026px) {
.text-simple h3 {
font-size: 1.5rem;
}
}
.text-simple a:not(.btn) {
color: #00497f;
font-weight: 700;
}
.text-simple a.btn {
color: #091722;
}
.text-simple blockquote {
border-radius: 16px;
border-left: 4px solid #FBBB21;
background: rgba(251, 187, 33, 0.12);
padding: 16px 32px;
margin: 0;
}
.text-simple blockquote strong {
color: #091722;
font-weight: 700;
}
.text-simple .btn_primary {
margin-top: 20px;
}
.cta-banner {
position: relative;
overflow: hidden;
padding: 5rem 0;
}
@media (min-width: 1025px) {
.cta-banner {
padding: 7.5rem 0;
}
}
.cta-banner__wrap {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
@media (min-width: 1025px) {
.cta-banner__wrap {
gap: 0.75rem;
}
}
.cta-banner__col {
position: relative;
z-index: 2;
}
@media (min-width: 1025px) {
.cta-banner__col.column-left {
width: 50%;
}
}
@media (min-width: 1025px) {
.cta-banner__col.column-right {
margin-left: auto;
}
}
.cta-banner .img-block {
z-index: 1;
}
.cta-banner .img-block:after {
content: "";
background: linear-gradient(0deg, rgba(0, 31, 53, 0.32) 0%, rgba(0, 31, 53, 0.32) 100%);
}
.cta-banner.style-one-cols .cta-banner__wrap {
align-items: center;
text-align: center;
}
.cta-banner.style-one-cols .cta-banner__wrap .subheadline-block {
justify-content: center;
}
.cta-banner.style-one-cols .cta-banner__col {
width: 100%;
}
.cta-banner.style-one-cols .cta-banner__col.column-right {
margin: 0 auto;
}
.cta-banner.style-one-cols .cta-banner__col .hero__body {
max-width: 902px;
gap: 2rem;
align-self: center;
background: transparent;
border: 0;
padding: 0;
margin: 0 auto;
}
.cta-banner.dark-gradinet-yes .img-block::after {
background: linear-gradient(0deg, rgba(0, 31, 53, 0.56) 0%, rgba(0, 31, 53, 0.56) 100%);
}
.cta-banner.dark-gradinet-yes .btn.btn_primary {
background-color: #FB9D21;
}
.hero-image-text {
padding-top: 5.5rem;
padding-bottom: 8.938rem;
}
@media (max-width: 768px) {
.hero-image-text {
padding-bottom: 7.188rem;
}
}
.hero-image-text__wrap {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 3rem;
}
@media (max-width: 1025px) {
.hero-image-text__wrap {
grid-template-columns: 100%;
}
}
.hero-image-text__cont {
padding: 5.5rem 0;
}
@media (max-width: 1025px) {
.hero-image-text__cont {
padding-top: 2rem;
padding-bottom: 0;
}
}
.hero-image-text__media {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
grid-gap: 0.625rem;
padding-right: 2.625rem;
}
@media (max-width: 1025px) {
.hero-image-text__media {
grid-gap: 0.375rem;
padding-left: 0.375rem;
padding-right: 0.563rem;
}
}
.hero-image-text__media .media-item {
display: flex;
}
.hero-image-text__media .media-item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
}
.hero-image-text__media .media-item:nth-child(1) {
justify-content: flex-end;
margin: auto 0 0 auto;
}
.hero-image-text__media .media-item:nth-child(1) img {
width: 73%;
aspect-ratio: 220/172;
}
.hero-image-text__media .media-item:nth-child(2) {
margin: auto auto 0 0;
}
.hero-image-text__media .media-item:nth-child(2) img {
aspect-ratio: 293/280;
}
.hero-image-text__media .media-item:nth-child(3) {
margin: 0 0 auto auto;
}
.hero-image-text__media .media-item:nth-child(3) img {
aspect-ratio: 293/208;
}
.hero-image-text__media .media-item:nth-child(4) {
margin: 0 auto auto 0;
}
.hero-image-text__media .media-item:nth-child(4) img {
width: 48%;
aspect-ratio: 143/118;
}
.hero-image-text .text-block {
margin-top: 1.5rem;
}
.hero-image-text .btn-block {
margin-top: 2rem;
}
.industries-grid.style-gray {
background: #f0f4f7;
}
.industries-grid__list {
display: grid;
grid-template-columns: repeat(4, 1fr);
margin-top: 48px;
border-radius: 20px;
overflow: hidden;
position: relative;
z-index: 1;
}
@media (max-width: 1024px) {
.industries-grid__list {
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
}
@media (max-width: 768px) {
.industries-grid__list {
grid-template-columns: 100%;
margin-top: 32px;
}
}
@media (min-width: 1024px) {
.industries-grid__list.grid-2 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1025px) {
.industries-grid__list.view-odd .branchen-item:last-of-type {
grid-column: 4;
grid-row: 1/3;
}
}
.industries-grid__bg {
display: flex;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (max-width: 1024px) {
.industries-grid__bg {
display: none;
}
}
.industries-grid__bg::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 73, 127, 0.12) 0%, rgba(0, 73, 127, 0.12) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.industries-grid__bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 1025px) {
.industries-grid .branchen-image {
display: none;
}
}
.industries-img_js img {
display: block;
transition: opacity 0.5s ease;
opacity: 1;
}
.industries-img_js img.is-fading {
opacity: 0;
}
.hero-banner {
position: relative;
overflow: hidden;
padding-top: 88px;
padding-bottom: 92px;
}
@media (max-width: 768px) {
.hero-banner {
padding-bottom: 16px;
}
}
.hero-banner__wrap {
display: flex;
flex-direction: column;
gap: 32px;
padding-top: 45px;
}
@media (max-width: 768px) {
.hero-banner__wrap {
gap: 24px;
padding-top: 32px;
}
}
.hero-banner__col {
position: relative;
z-index: 2;
}
@media (min-width: 1025px) {
.hero-banner__col.column-left {
width: 50%;
}
}
@media (min-width: 1025px) {
.hero-banner__col.column-right {
margin-left: auto;
}
}
.hero-banner .hero__body {
max-width: 790px;
}
@media (max-width: 768px) {
.hero-banner .hero__body {
max-width: 100%;
gap: 32px;
}
}
.hero-banner .img-block {
z-index: 1;
}
.hero-banner .img-block:after {
content: "";
background: linear-gradient(0deg, rgba(0, 73, 127, 0.12) 0%, rgba(0, 73, 127, 0.12) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.56) 0%, rgba(0, 0, 0, 0.56) 100%), linear-gradient(0deg, rgba(0, 31, 53, 0.32) 0%, rgba(0, 31, 53, 0.32) 100%);
opacity: 0.9;
}
.hero-banner .page-nav-breadcrumb {
position: relative;
z-index: 2;
}
@media (min-width: 1025px) {
.hero-banner.style-50 .hero-banner__col.column-left {
width: 53%;
}
.hero-banner.style-50 .hero-banner__col.column-right {
max-width: 564px;
}
}
.logo-slider {
border-bottom: 1px solid #f0f4f7;
padding-left: calc((100vw - 1360px) / 2);
}
@media (max-width: 1360px) {
.logo-slider {
padding-left: 0;
}
}
.logo-slider__wrap {
display: grid;
grid-template-columns: 217px 1fr;
grid-gap: 56px;
align-items: center;
}
@media (max-width: 1024px) {
.logo-slider__wrap {
grid-template-columns: 100%;
grid-gap: 16px;
}
}
.logo-slider__list {
overflow: hidden;
}
@media (max-width: 1024px) {
.logo-slider__text {
text-align: center;
padding: 0 40px;
}
}
.logo-slider__text > * {
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 140%;
letter-spacing: 0.28px;
text-transform: uppercase;
}
.logo-slider .swiper-wrapper {
justify-content: space-between;
gap: 56px;
align-items: center;
transition-timing-function: linear;
}
@media (max-width: 1024px) {
.logo-slider .swiper-wrapper {
gap: 32px;
}
}
.logo-slider .swiper-wrapper .swiper-slide {
width: auto;
max-width: 120px;
height: 56px;
display: flex;
justify-content: center;
position: relative;
}
.logo-slider .swiper-wrapper .swiper-slide .item-logo {
display: flex;
}
.logo-slider .swiper-wrapper .swiper-slide .item-logo img {
width: 100%;
height: 100%;
}
.text-img-squares__wrap {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
align-items: center;
}
@media (max-width: 1024px) {
.text-img-squares__wrap {
grid-template-columns: 100%;
grid-gap: 24px;
}
}
@media (min-width: 1024px) {
.text-img-squares__left {
padding-right: 114px;
}
}
.text-img-squares__right {
border-radius: 20px;
position: relative;
border-radius: 20px;
overflow: hidden;
padding: 70px 40px;
}
@media (max-width: 1024px) {
.text-img-squares__right {
padding: 40px 20px;
}
}
.text-img-squares__right::before {
content: "";
width: 596px;
height: 498px;
background-image: url(//wecubex-staging.seiten.co/wp-content/themes/wecubex/img/squares.svg);
background-repeat: no-repeat;
background-size: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.text-img-squares__right .img-block {
display: flex;
}
.text-img-squares__right .img-block img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 596/498;
}
.text-img-squares__right.style-2::before {
background-image: url(//wecubex-staging.seiten.co/wp-content/themes/wecubex/img/squares_2.svg);
}
.text-img-squares__right.style-3::before {
transform: scale(-1, 1);
}
.text-img-squares .headline-block {
margin-bottom: 24px;
}
.text-img-squares .text-block a {
color: #00497f;
}
.numbered-list__grid {
display: grid;
grid-template-columns: 1fr 0.8fr;
grid-gap: 100px;
}
@media (max-width: 1024px) {
.numbered-list__grid {
grid-template-columns: 100%;
}
}
@media (max-width: 1024px) {
.numbered-list__head .headline-block {
padding-right: 5px;
}
}
.numbered-list__intro {
margin-top: 32px;
}
.numbered-list__intro .intro-item {
border-bottom: 1px solid rgba(255, 255, 255, 0.32);
padding-bottom: 24px;
cursor: pointer;
}
@media (max-width: 768px) {
.numbered-list__intro .intro-item {
padding-bottom: 16px;
}
}
@media (min-width: 1025px) {
.numbered-list__intro .intro-item:hover .item-title, .numbered-list__intro .intro-item:focus .item-title, .numbered-list__intro .intro-item:focus-within .item-title, .numbered-list__intro .intro-item:active .item-title, .numbered-list__intro .intro-item.is-active .item-title {
color: #FBBB21;
}
}
.numbered-list__intro .intro-item.is-active .mobile-content {
display: block;
}
.numbered-list__intro .intro-item.is-active .item-title {
color: #FBBB21;
}
@media (max-width: 1024px) {
.numbered-list__intro .intro-item.is-active .item-icon {
transform: rotate(270deg);
}
}
.numbered-list__intro .intro-item.is-active .item-icon svg path {
stroke: #FBBB21;
}
.numbered-list__intro .intro-item .numbered-list-item .item-title {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
}
.numbered-list__intro .intro-item .numbered-list-item .title-text {
display: flex;
gap: 6px;
}
.numbered-list__intro .intro-item .numbered-list-item .title-text__icon {
display: flex;
}
.numbered-list__intro .intro-item .numbered-list-item .accordion-icon {
display: flex;
width: 32px;
}
.numbered-list__intro .intro-item .numbered-list-item sup {
color: #FBBB21;
font-size: 14px;
font-weight: 800;
top: 8px;
}
.numbered-list__intro .intro-item .numbered-list-item .item-icon {
display: flex;
}
.numbered-list__intro .intro-item .mobile-content {
display: none;
}
@media (max-width: 1024px) {
.numbered-list__cont {
display: none;
}
}
.numbered-list .cont-item {
display: none;
border-radius: 20px;
background: linear-gradient(0deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.94) 100%);
padding: 8px;
animation: show-content forwards 1s;
}
@media (max-width: 768px) {
.numbered-list .cont-item {
margin-top: 16px;
}
}
.numbered-list .cont-item.is-active {
display: flex;
flex-direction: column;
}
.numbered-list .cont-item .img-block {
display: flex;
}
.numbered-list .cont-item .img-block img {
width: 100%;
aspect-ratio: 545/314;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
}
@media (max-width: 768px) {
.numbered-list .cont-item .img-block img {
aspect-ratio: 354/203;
}
}
.numbered-list .cont-item .text-block {
padding: 24px;
}
@media (max-width: 768px) {
.numbered-list .cont-item .text-block {
padding: 20px;
}
}
.numbered-list .cont-item .text-block strong {
color: #091722;
}
.numbered-list .headline-block {
margin-bottom: 24px;
}
.list-image__wrap {
display: flex;
flex-direction: column;
gap: 48px;
}
@media (max-width: 1024px) {
.list-image__wrap {
gap: 24px;
}
}
.list-image__cont .list-item {
display: flex;
align-items: center;
gap: 48px;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
padding: 24px calc((100vw - 1360px) / 2);
position: relative;
transition: 0.25s ease-in-out;
cursor: pointer;
}
@media (max-width: 1024px) {
.list-image__cont .list-item {
min-height: 514px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 16px;
border-bottom: 0;
border-right: 1px solid rgba(255, 255, 255, 0.12);
padding: 0 20px;
}
}
@media (min-width: 1024px) {
.list-image__cont .list-item:hover, .list-image__cont .list-item:focus, .list-image__cont .list-item:focus-within, .list-image__cont .list-item:active {
background-color: #FBBB21;
}
}
.list-image__cont .list-item:hover .list-item__title,
.list-image__cont .list-item:hover .list-item__number, .list-image__cont .list-item:focus .list-item__title,
.list-image__cont .list-item:focus .list-item__number, .list-image__cont .list-item:focus-within .list-item__title,
.list-image__cont .list-item:focus-within .list-item__number, .list-image__cont .list-item:active .list-item__title,
.list-image__cont .list-item:active .list-item__number {
color: #091722;
}
.list-image__cont .list-item:hover .list-item__icon svg path, .list-image__cont .list-item:focus .list-item__icon svg path, .list-image__cont .list-item:focus-within .list-item__icon svg path, .list-image__cont .list-item:active .list-item__icon svg path {
stroke: #091722;
}
.list-image__cont .list-item:hover .list-item__img, .list-image__cont .list-item:focus .list-item__img, .list-image__cont .list-item:focus-within .list-item__img, .list-image__cont .list-item:active .list-item__img {
display: flex;
position: absolute;
right: 9%;
bottom: -28%;
}
.list-image__cont .list-item__icon {
display: flex;
width: 20px;
height: 20px;
}
@media (max-width: 1024px) {
.list-image__cont .list-item__icon {
order: 2;
transform: rotate(-90deg);
margin-left: auto;
}
}
.list-image__cont .list-item__number {
color: #FBBB21;
font-size: 14px;
font-style: normal;
font-weight: 800;
line-height: 140%;
letter-spacing: 0.28px;
text-transform: uppercase;
}
@media (max-width: 1024px) {
.list-image__cont .list-item__number {
order: 1;
}
}
@media (max-width: 1024px) {
.list-image__cont .list-item__title {
grid-column: span 2;
order: 3;
}
}
.list-image__cont .list-item__img {
display: none;
max-width: 388px;
}
@media (max-width: 1024px) {
.list-image__cont .list-item__img {
display: flex;
max-width: 280px;
margin-top: 8px;
grid-column: span 2;
order: 4;
}
}
.list-image__cont .list-item__img img {
width: 100%;
aspect-ratio: 388/388;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
}
@media (max-width: 1024px) {
.list-image__cont .list-item__img img {
aspect-ratio: 280/370;
}
}
@media (min-width: 1024px) {
.list-image .swiper-wrapper {
display: flex;
flex-direction: column;
}
}
@media (max-width: 1024px) {
.services-list__cont {
display: flex;
flex-direction: column;
gap: 10px;
}
}
.services-item {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 10px;
text-decoration: none;
border-bottom: 1px solid #2570a8;
padding: 10px calc((100vw - 1360px) / 2);
transition: 0.25s ease-in-out;
}
@media (max-width: 1360px) {
.services-item {
margin: 0 16px;
}
}
@media (max-width: 1024px) {
.services-item {
grid-template-columns: 100%;
grid-gap: 16px;
background-color: #00345a;
border-radius: 20px;
border: 0;
padding: 10px;
}
}
.services-item:hover, .services-item:focus, .services-item:focus-within, .services-item:focus-visible {
background: #091722;
}
@media (min-width: 1024px) {
.services-item:nth-of-type(1) {
border-top: 1px solid #2570a8;
}
}
@media (min-width: 1024px) {
.services-item__col:not(.col-image) {
padding: 32px 0;
}
}
@media (max-width: 1024px) {
.services-item__col.col-title {
order: 2;
padding: 8px 10px 0 10px;
}
}
@media (max-width: 1024px) {
.services-item__col.col-text {
order: 3;
padding: 0 10px 10px 10px;
}
}
@media (max-width: 1024px) {
.services-item__col.col-image {
order: 1;
}
}
.services-item .title-block {
display: inline-flex;
gap: 10px;
}
.services-item .title-block sup {
color: #FBBB21;
font-size: 14px;
font-weight: 800;
line-height: 140%;
letter-spacing: 0.28px;
text-transform: uppercase;
top: 0;
}
.services-item .text-block {
gap: 12px;
}
.services-item .text-block > * {
color: #d1dce4;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 140%;
letter-spacing: -0.32px;
}
.services-item .image-block {
display: flex;
}
.services-item .image-block img {
width: 100%;
aspect-ratio: 447/321;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
}
.arrow-btn {
max-width: -moz-max-content;
max-width: max-content;
display: flex;
align-items: center;
gap: 8px;
text-decoration: none;
margin-top: 32px;
}
.arrow-btn .btn-icon {
display: flex;
width: 38px;
}
.arrow-btn .btn-title {
color: #FBBB21;
font-size: 14px;
font-weight: 600;
line-height: 140%;
letter-spacing: 0.28px;
text-transform: uppercase;
}
.icons-list.numbered-list .intro-item {
border-bottom: 1px solid #d1dce4;
}
.icons-list.numbered-list .intro-item:hover .numbered-list-item .title-text, .icons-list.numbered-list .intro-item:focus .numbered-list-item .title-text, .icons-list.numbered-list .intro-item:focus-within .numbered-list-item .title-text, .icons-list.numbered-list .intro-item:active .numbered-list-item .title-text, .icons-list.numbered-list .intro-item.is-active .numbered-list-item .title-text {
color: #091722;
}
@media (max-width: 1024px) {
.icons-list.numbered-list .intro-item:hover .numbered-list-item .item-icon, .icons-list.numbered-list .intro-item:focus .numbered-list-item .item-icon, .icons-list.numbered-list .intro-item:focus-within .numbered-list-item .item-icon, .icons-list.numbered-list .intro-item:active .numbered-list-item .item-icon, .icons-list.numbered-list .intro-item.is-active .numbered-list-item .item-icon {
transform: rotate(-90deg);
}
}
.icons-list.numbered-list .intro-item:hover .numbered-list-item .item-icon svg path, .icons-list.numbered-list .intro-item:focus .numbered-list-item .item-icon svg path, .icons-list.numbered-list .intro-item:focus-within .numbered-list-item .item-icon svg path, .icons-list.numbered-list .intro-item:active .numbered-list-item .item-icon svg path, .icons-list.numbered-list .intro-item.is-active .numbered-list-item .item-icon svg path {
stroke: #091722;
}
.icons-list.numbered-list .intro-item .numbered-list-item .title-text {
color: #7e8b94;
gap: 12px;
}
@media (max-width: 1024px) {
.icons-list.numbered-list .intro-item .numbered-list-item .title-text {
gap: 6px;
}
}
@media (max-width: 1024px) {
.icons-list.numbered-list .intro-item .numbered-list-item .item-icon {
transform: rotate(90deg);
}
}
.icons-list.numbered-list .cont-item {
position: relative;
overflow: hidden;
border-radius: 20px;
height: 100%;
}
@media (max-width: 1024px) {
.icons-list.numbered-list .cont-item {
padding: 120px 0 0 0;
}
}
.icons-list.numbered-list .cont-item .img-block {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.icons-list.numbered-list .cont-item .img-block::before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 74, 127, 0.2) 0%, rgba(0, 74, 127, 0.2) 100%), linear-gradient(180deg, rgba(0, 74, 127, 0) -4.6%, #004a7f 59.55%);
z-index: 1;
}
.icons-list.numbered-list .cont-item .img-block img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.icons-list.numbered-list .text-block {
margin-top: auto;
position: relative;
z-index: 2;
}
@media (max-width: 1024px) {
.icons-list.numbered-list .text-block {
padding-top: 0;
}
}
.icons-list.numbered-list .text-block ul li,
.icons-list.numbered-list .text-block ol li {
color: #f0f4f7;
}
@media (min-width: 1024px) {
.icons-list.numbered-list .text-block ul li:not(:last-child),
.icons-list.numbered-list .text-block ol li:not(:last-child) {
margin-bottom: 12px;
}
}
.text-cards {
background-color: #f0f4f7;
}
@media (max-width: 768px) {
.text-cards__wrap .counter-grid__head {
gap: 0;
}
}
@media (max-width: 768px) {
.text-cards__wrap .btn:not(.btn-mobile) {
display: none;
}
}
.text-cards__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
margin-top: 48px;
}
@media (max-width: 1024px) {
.text-cards__list {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 768px) {
.text-cards__list {
grid-template-columns: 100%;
margin-top: 24px;
}
}
.text-card {
border-radius: 20px;
background: #fff;
overflow: hidden;
}
.text-card__img {
display: flex;
width: 100%;
height: 100%;
}
.text-card__img img {
width: 100%;
height: 100%;
aspect-ratio: 446/230;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 768px) {
.text-card__img img {
aspect-ratio: 370/230;
}
}
.text-card__cont {
padding: 24px 32px;
}
@media (max-width: 768px) {
.text-card__cont {
padding: 20px;
}
}
.text-card__title {
display: flex;
gap: 12px;
margin-bottom: 16px;
}
.text-card__title .title-icon {
display: flex;
width: 32px;
}
.text-card__title .title-icon img {
width: 100%;
}
.text-card .dots-list ul:has(li:nth-child(5)),
.text-card .dots-list ol:has(li:nth-child(5)) {
-moz-columns: 2;
columns: 2;
}
.images-block__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
@media (max-width: 1024px) {
.images-block__grid {
grid-template-columns: 1fr;
}
}
.images-block__grid:has(.image-item:only-child) {
grid-template-columns: 1fr;
}
.images-block__grid .image-item img {
display: block;
width: 100%;
height: 100%;
aspect-ratio: 447/263;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
}
.video-block__cont {
position: relative;
overflow: hidden;
}
.video-block .video-container {
overflow: hidden;
border-radius: 20px;
}
.video-block .video-container .video-custom-player {
aspect-ratio: 904/471;
-o-object-fit: cover;
object-fit: cover;
position: relative;
z-index: 0;
}
@media (max-width: 768px) {
.video-block .video-container .video-custom-player {
aspect-ratio: 370/192;
}
}
.video-container {
position: relative;
line-height: 0;
overflow: hidden;
}
.video-container.playing .video-cover {
opacity: 0;
}
@media (max-width: 1024px) {
.video-container.mobile-hidden {
display: none;
}
}
@media (min-width: 1024px) {
.video-container.video-mobile {
display: none;
}
}
.video-container .video-custom-player {
width: 100%;
}
.video-container .video-cover {
display: flex;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: opacity 0.3s ease;
pointer-events: none;
z-index: 1;
}
.video-container .video-cover img {
width: 100%;
aspect-ratio: 1440/511;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 768px) {
.video-container .video-cover img {
aspect-ratio: 390/240;
}
}
.play-btn,
.pause-btn {
background: none;
border: none;
cursor: pointer;
padding: 0;
margin: 0;
line-height: 0;
z-index: 1;
}
.play-btn:hover, .play-btn:focus, .play-btn:active, .play-btn:focus-visible,
.pause-btn:hover,
.pause-btn:focus,
.pause-btn:active,
.pause-btn:focus-visible {
background: none;
}
.play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media (max-width: 1024px) {
.play-btn svg {
width: 50px;
height: 50px;
}
}
@media (min-width: 1920px) {
.play-btn svg {
width: 100px;
height: auto;
}
}
.play-btn,
.video-controls {
z-index: 2;
}
.video-controls {
position: absolute;
bottom: 1rem;
left: 1rem;
display: flex;
gap: 1rem;
}
@media (min-width: 1024px) {
.video-controls {
bottom: 1.5rem;
left: 1.5rem;
gap: 1.5rem;
}
}
.video-controls button svg {
width: 50px;
height: 50px;
}
@media (max-width: 1024px) {
.video-controls button svg {
width: 30px;
height: 30px;
}
}
@media (min-width: 1920px) {
.video-controls button svg {
width: 100px;
height: auto;
}
}
.posts-slider {
background: linear-gradient(0deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.94) 100%), #00497f;
}
.posts-slider__list {
overflow: hidden;
margin-top: 48px;
}
@media (max-width: 1024px) {
.posts-slider__list {
margin-top: 24px;
}
}
@media (max-width: 1024px) {
.posts-slider .counter-grid__right .btn {
display: none;
}
}
.slider-navigation.swiper-dots {
margin-top: 32px;
}
.text-icon-boxes__wrap {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
}
@media (max-width: 1024px) {
.text-icon-boxes__wrap {
grid-template-columns: 100%;
grid-gap: 32px;
}
}
@media (min-width: 1024px) {
.text-icon-boxes__cont {
padding-right: 114px;
}
}
.text-icon-boxes__list {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 12px;
}
@media (max-width: 1024px) {
.text-icon-boxes__list {
grid-template-columns: 100%;
grid-gap: 12px;
}
}
.text-icon-boxes .icon-box {
display: flex;
flex-direction: column;
gap: 24px;
text-align: center;
border-radius: 20px;
background: #f0f4f7;
padding: 32px;
}
@media (max-width: 1024px) {
.text-icon-boxes .icon-box {
display: grid;
grid-template-columns: 32px 1fr;
grid-gap: 12px;
align-items: flex-start;
text-align: left;
padding: 20px;
}
}
@media (min-width: 1025px) {
.text-icon-boxes .icon-box:nth-child(2) {
background: #FBBB21;
height: auto;
margin-top: auto;
}
}
@media (min-width: 1025px) {
.text-icon-boxes .icon-box:nth-child(3) {
background: #00497F;
height: auto;
margin-bottom: auto;
}
.text-icon-boxes .icon-box:nth-child(3) .icon-box__text {
color: #ffffff;
}
}
.text-icon-boxes .icon-box__img {
display: flex;
max-width: 64px;
margin: 0 auto;
}
.text-icon-boxes .icon-box__img img {
width: 100%;
}
.text-icon-boxes .icon-box__text {
color: #091722;
font-size: 14px;
font-weight: 800;
line-height: 140%;
letter-spacing: 0.28px;
text-transform: uppercase;
}
.image-full {
position: relative;
}
.image-full.gradient-yes::after {
content: "";
background: linear-gradient(180deg, rgba(0, 74, 127, 0) 65.79%, #004a7f 98.71%);
}
.image-full .img-block {
display: flex;
width: 100%;
}
.image-full .img-block img {
width: 100%;
}
.cards-carousel__list {
overflow: hidden;
margin-top: 48px;
}
@media (max-width: 1024px) {
.cards-carousel__list {
margin-top: 24px;
}
}
.card-image-text {
max-width: 446px;
background-color: #ffffff;
border-radius: 20px;
}
.card-image-text__wrap {
display: flex;
flex-direction: column;
gap: 8px;
padding: 8px;
}
.card-image-text__img {
display: flex;
}
.card-image-text__img img {
width: 100%;
aspect-ratio: 430/448;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
}
@media (max-width: 768px) {
.card-image-text__img img {
aspect-ratio: 354/343;
}
}
.card-image-text__text {
padding: 16px 24px 24px 24px;
}
@media (max-width: 768px) {
.card-image-text__text {
padding: 16px 12px 24px 12px;
}
}
.card-image-text__text h3,
.card-image-text__text h4 {
font-size: 24px;
font-weight: 500;
line-height: 140%;
margin-bottom: 16px;
}
@media (max-width: 768px) {
.card-image-text__text h3,
.card-image-text__text h4 {
font-size: 20px;
}
}
.reviews-carousel__list {
overflow: hidden;
margin-top: 48px;
}
@media (max-width: 1024px) {
.reviews-carousel__list {
margin-top: 8px;
}
}
@media (max-width: 1024px) {
.reviews-carousel .counter-grid__right .btn {
display: none;
}
}
.card-review {
height: auto !important;
background-color: #ffffff;
border-radius: 20px;
}
.card-review__wrap {
display: flex;
flex-direction: column;
gap: 16px;
padding: 24px 32px 32px 32px;
}
.card-review__top {
display: grid;
grid-template-columns: 64px 1fr;
grid-gap: 8px;
align-items: center;
}
.card-review .review-photo {
display: flex;
}
.card-review .review-photo img {
width: 100%;
height: 100%;
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
.card-review .rating-stars {
display: flex;
align-items: center;
}
.card-review .rating-stars__item {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
}
.card-review .rating-stars__item svg {
width: 100%;
}
.card-review .rating-number {
color: #091722;
font-size: 14px;
font-weight: 800;
line-height: 140%;
letter-spacing: 0.28px;
text-transform: uppercase;
padding-top: 3px;
padding-left: 8px;
}
.card-review .review-intro .name {
display: inline-block;
color: #091722;
letter-spacing: -0.32px;
margin-bottom: 8px;
}
.downloads.style-list .downloads__wrap {
display: grid;
grid-template-columns: 438px 1fr;
align-items: center;
grid-gap: 8px;
border-radius: 20px;
background: #ffffff;
padding: 8px;
}
@media (max-width: 1024px) {
.downloads.style-list .downloads__wrap {
grid-template-columns: 100%;
}
}
.downloads.style-list .downloads-list {
display: flex;
flex-direction: column;
gap: 16px;
padding: 24px;
}
@media (max-width: 768px) {
.downloads.style-list .downloads-list {
gap: 12px;
padding: 24px 12px;
}
}
.downloads.style-list .file-item {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #f0f4f7;
padding-bottom: 16px;
}
@media (max-width: 768px) {
.downloads.style-list .file-item {
padding-bottom: 12px;
}
}
.downloads.style-grid .downloads-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 10px;
}
@media (max-width: 1024px) {
.downloads.style-grid .downloads-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.downloads.style-grid .downloads-list {
grid-template-columns: 100%;
}
}
.downloads.style-grid .file-item {
display: flex;
flex-direction: column;
gap: 8px;
border-radius: 20px;
background: #ffffff;
padding: 8px;
}
.downloads.style-grid .file-item .item-img {
display: flex;
}
.downloads.style-grid .file-item .item-img img {
width: 100%;
aspect-ratio: 316/296;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
}
@media (max-width: 768px) {
.downloads.style-grid .file-item .item-img img {
aspect-ratio: 354/331;
}
}
.downloads.style-grid .file-item .item-cont {
display: flex;
flex-direction: column;
gap: 24px;
padding: 16px 20px 20px 20px;
}
@media (max-width: 768px) {
.downloads.style-grid .file-item .item-cont {
flex-direction: row;
justify-content: space-between;
}
}
.downloads .file-item {
color: #091722;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
@media (max-width: 768px) {
.downloads .file-item {
font-size: 20px;
}
}
.downloads .file-item:hover, .downloads .file-item:focus {
color: #00497f;
}
.downloads .file-item:hover .post-item__btn, .downloads .file-item:focus .post-item__btn {
color: #00345a;
gap: 16px;
}
.downloads .file-item:hover .post-item__btn svg path, .downloads .file-item:focus .post-item__btn svg path {
stroke: #00345a;
}
.downloads .file-item__info {
display: flex;
flex-direction: column;
gap: 8px;
}
.downloads .info-meta {
display: flex;
align-items: center;
}
.downloads .info-meta__item {
color: #7e8b94;
font-size: 12px;
font-weight: 700;
line-height: 140%;
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
padding-right: 12px;
padding-left: 8px;
}
.downloads .info-meta__item::after {
content: "";
position: absolute;
right: 0;
display: block;
width: 4px;
height: 4px;
background-color: #7e8b94;
border-radius: 50px;
}
.downloads .info-meta__item:first-child {
padding-left: 0;
}
.downloads .info-meta__item:last-child {
padding-right: 0;
}
.downloads .info-meta__item:last-child::after {
content: none;
}
.downloads .downloads-image,
.downloads .img-block {
display: flex;
width: 100%;
}
.downloads .downloads-image img,
.downloads .img-block img {
width: 100%;
}
.downloads .post-item__btn {
margin-top: 0;
}
@media (max-width: 768px) {
.downloads .post-item__btn span {
display: none;
}
}
.downloads .post-item__btn svg {
transform: rotate(90deg);
}
.text-img-cards__list {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
}
@media (max-width: 768px) {
.text-img-cards__list {
grid-template-columns: 100%;
}
}
.text-img-card {
display: flex;
flex-direction: column;
gap: 8px;
background: #ffffff;
border-radius: 20px;
padding: 8px;
}
.text-img-card .card-image {
display: flex;
overflow: hidden;
}
.text-img-card .card-image img {
width: 100%;
aspect-ratio: 659/350;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
}
.text-img-card .card-text {
padding: 16px 24px 24px 24px;
}
@media (max-width: 768px) {
.text-img-card .card-text {
padding: 16px 20px 20px 20px;
}
}
.text-img-card .card-text h2,
.text-img-card .card-text h3 {
font-size: 24px;
font-weight: 500;
line-height: 140%;
margin-bottom: 16px;
}
.map-list__head .text-block {
max-width: 674px;
margin: 24px auto 0 auto;
}
.map-list__cont {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
margin-top: 48px;
}
@media (max-width: 1024px) {
.map-list__cont {
grid-template-columns: 100%;
margin-top: 32px;
}
}
.map-list__cont .cont-image {
display: flex;
}
.map-list__cont .cont-image img {
width: 100%;
border-radius: 20px;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 1024px) {
.map-list__cont .cont-image img {
aspect-ratio: 370/288;
}
}
.map-list__cont .cont-list {
display: flex;
flex-direction: column;
gap: 20px;
border-radius: 20px;
background: linear-gradient(0deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.94) 100%), #00497f;
padding: 32px;
}
@media (max-width: 768px) {
.map-list__cont .cont-list {
gap: 16px;
padding: 20px;
}
}
.map-list__cont .cont-list__item {
display: flex;
justify-content: space-between;
align-items: center;
text-decoration: none;
color: #091722;
font-size: 24px;
font-weight: 500;
line-height: 140%;
border-bottom: 1px solid #d1dce4;
padding: 0 0 20px 0;
}
@media (max-width: 768px) {
.map-list__cont .cont-list__item {
font-size: 20px;
}
}
.map-list__cont .cont-list__item:hover, .map-list__cont .cont-list__item:focus {
color: #00497F;
}
.map-list__cont .cont-list__item:hover .link-text > span, .map-list__cont .cont-list__item:focus .link-text > span {
color: #00497F;
}
.map-list__cont .cont-list__item:hover .link-arr svg path, .map-list__cont .cont-list__item:focus .link-arr svg path {
stroke: #00497F;
}
.map-list__cont .cont-list__item:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.map-list__cont .cont-list__item .link-text {
display: inline-flex;
}
.map-list__cont .cont-list__item .link-text > span {
display: inline-flex;
color: #7e8b94;
font-size: 14px;
font-style: normal;
font-weight: 800;
line-height: 140%;
letter-spacing: 0.28px;
text-transform: uppercase;
margin-top: -1px;
margin-right: 6px;
}
@media (max-width: 768px) {
.map-list__cont .cont-list__item .link-text > span {
margin-top: 1px;
}
}
.map-list__cont .cont-list__item .link-arr {
display: flex;
}
.text-certificates__wrap {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
grid-gap: 10px;
}
@media (max-width: 1024px) {
.text-certificates__wrap {
grid-template-columns: 100%;
gap: 24px;
}
}
@media (min-width: 1024px) {
.text-certificates__cont {
padding-right: 114px;
}
}
@media (min-width: 1024px) {
.text-certificates__list {
padding: 32px;
}
}
@media (min-width: 1026px) {
.text-certificates__list .swiper-wrapper {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: 10px;
}
}
.text-certificates__list-item.swiper-slide {
display: flex;
flex-direction: column;
}
@media (min-width: 1026px) {
.text-certificates__list-item.swiper-slide {
display: flex;
flex-direction: row;
grid-column: span 2;
}
}
@media (max-width: 1024px) {
.text-certificates__list-item.swiper-slide {
width: auto;
height: auto !important;
overflow: hidden;
border-radius: 20px;
}
}
@media (min-width: 1026px) {
.text-certificates__list-item.swiper-slide:nth-child(-n+2) {
grid-column: span 3;
}
}
.text-certificates__list-item.swiper-slide .slide-inner {
width: 100%;
display: flex;
flex-direction: column;
gap: 15px;
align-items: center;
text-align: center;
background-color: #ffffff;
border-radius: 20px;
padding: 20px 16px;
}
@media (max-width: 1024px) {
.text-certificates__list-item.swiper-slide .slide-inner {
width: auto;
height: 100%;
padding: 19px;
}
}
.text-certificates__list-item.swiper-slide .item-img {
display: flex;
}
.text-certificates__list-item.swiper-slide .item-img img {
max-width: 100px;
}
.text-certificates__list-item.swiper-slide .item-text h2,
.text-certificates__list-item.swiper-slide .item-text h3,
.text-certificates__list-item.swiper-slide .item-text h4,
.text-certificates__list-item.swiper-slide .item-text h5,
.text-certificates__list-item.swiper-slide .item-text h6 {
color: #091722;
text-align: center;
font-size: 16px;
font-weight: 500;
line-height: 140%;
letter-spacing: -0.32px;
}
@media (max-width: 1024px) {
.text-certificates__list-item.swiper-slide .item-text h2,
.text-certificates__list-item.swiper-slide .item-text h3,
.text-certificates__list-item.swiper-slide .item-text h4,
.text-certificates__list-item.swiper-slide .item-text h5,
.text-certificates__list-item.swiper-slide .item-text h6 {
word-break: break-all;
}
}
.text-certificates__list-item.swiper-slide .item-text p {
color: #7e8b94;
text-align: center;
font-size: 11px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.22px;
margin-top: 6px;
}
.text-certificates .slider-navigation.swiper-dots {
margin-top: 24px;
}
@media (min-width: 1026px) {
.text-certificates .slider-navigation.swiper-dots {
display: none;
}
}
.text-certificates .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet {
width: 16px;
height: 16px;
margin: 0 8px !important;
}
.text-plate__wrap {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
grid-gap: 10px;
}
@media (max-width: 1024px) {
.text-plate__wrap {
grid-template-columns: 100%;
gap: 24px;
}
}
@media (min-width: 1024px) {
.text-plate__cont {
padding-right: 114px;
}
}
.text-plate__column {
background-color: #ffffff;
border-radius: 20px;
padding: 32px;
}
@media (max-width: 1024px) {
.text-plate__column {
padding: 20px;
}
}
.text-plate__column .text-block {
gap: 0;
}
.text-plate__column .text-block h3 {
font-size: 24px;
line-height: 140%;
letter-spacing: 0;
margin-bottom: 24px;
}
@media (max-width: 1024px) {
.text-plate__column .text-block h3 {
font-size: 20px;
}
}
.text-plate__column .btn-block {
gap: 16px;
text-decoration: none;
margin-top: 24px;
}
.text-plate__column .btn-block svg {
transform: rotate(90deg);
}
.partner-table__cont {
display: grid;
grid-template-columns: 1fr 0.496fr;
grid-gap: 10px;
margin-top: 48px;
}
@media (max-width: 1024px) {
.partner-table__cont {
grid-template-columns: 100%;
grid-gap: 10px;
margin-top: 24px;
}
}
.partner-table .cont-table {
display: flex;
flex-direction: column;
gap: 10px;
}
.partner-table .cont-table__top {
display: grid;
grid-template-columns: 50px 1fr;
margin-left: 10px;
}
@media (max-width: 768px) {
.partner-table .cont-table__top {
margin-left: 0;
}
}
.partner-table .cont-table__intro {
display: grid;
grid-template-columns: 50px 1fr;
grid-gap: 0;
grid-column-start: 2;
}
.partner-table .cont-table__intro .table-col {
padding: 12px 24px;
}
.partner-table .cont-table__intro .table-col.col-1 {
color: #ffffff;
font-size: 14px;
font-weight: 800;
line-height: 140%;
letter-spacing: 0.28px;
text-transform: uppercase;
}
@media (max-width: 1024px) {
.partner-table .cont-table__intro .table-col.col-1 {
display: none;
}
}
.partner-table .cont-table__intro .table-col.col-1 span {
color: #FBBB21;
}
.partner-table .cont-table__intro .table-col.col-2, .partner-table .cont-table__intro .table-col.col-3 {
font-size: 20px;
font-weight: 500;
line-height: 140%;
}
@media (max-width: 768px) {
.partner-table .cont-table__intro .table-col.col-2, .partner-table .cont-table__intro .table-col.col-3 {
font-size: 16px;
}
}
.partner-table .cont-table__data {
display: grid;
grid-template-columns: 50px 1fr;
grid-gap: 10px;
}
@media (max-width: 768px) {
.partner-table .cont-table__data {
grid-template-columns: 40px 1fr;
grid-gap: 8px;
}
}
.partner-table .cont-table__data:last-of-type .col-title.style-vertical {
height: calc(100% - 20px);
}
.partner-table .cont-table__data:last-of-type .col-title.style-vertical span {
min-width: 177px;
}
@media (max-width: 1024px) {
.partner-table .cont-table__data:last-of-type .col-title.style-vertical span {
min-width: -moz-max-content;
min-width: max-content;
}
}
.partner-table .cont-table__data .col-title.style-vertical {
height: calc(100% - 10px);
color: #00497F;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 800;
line-height: 140%;
letter-spacing: 0.28px;
text-transform: uppercase;
padding: 12px;
margin-top: 11px;
position: relative;
}
.partner-table .cont-table__data .col-title.style-vertical::before {
content: "";
display: block;
width: 50px;
height: 10px;
background: url(//wecubex-staging.seiten.co/wp-content/themes/wecubex/img/sticker-srart.svg) no-repeat;
background-size: 100%;
position: absolute;
left: 0;
bottom: -10px;
}
@media (max-width: 768px) {
.partner-table .cont-table__data .col-title.style-vertical::before {
width: 40px;
}
}
.partner-table .cont-table__data .col-title.style-vertical::after {
content: "";
display: block;
width: 100%;
height: 10px;
background: url(//wecubex-staging.seiten.co/wp-content/themes/wecubex/img/sticker-end.svg) no-repeat;
background-size: 100%;
position: absolute;
left: 0;
top: -10px;
}
@media (max-width: 768px) {
.partner-table .cont-table__data .col-title.style-vertical::after {
top: -8px;
}
}
.partner-table .cont-table__data .col-title.style-vertical.blue {
color: #ffffff;
background: #55809f;
}
.partner-table .cont-table__data .col-title.style-vertical.blue::before, .partner-table .cont-table__data .col-title.style-vertical.blue::after {
filter: brightness(0) saturate(100%) invert(46%) sepia(43%) saturate(435%) hue-rotate(162deg) brightness(94%) contrast(83%);
}
.partner-table .cont-table__data .col-title.style-vertical.white {
background: #ffffff;
}
.partner-table .cont-table__data .col-title.style-vertical.yellow {
background: #fbbb21;
}
.partner-table .cont-table__data .col-title.style-vertical.yellow::before, .partner-table .cont-table__data .col-title.style-vertical.yellow::after {
filter: brightness(0) saturate(100%) invert(71%) sepia(98%) saturate(719%) hue-rotate(341deg) brightness(103%) contrast(97%);
}
.partner-table .cont-table__data .col-title.style-vertical span {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotate(-90deg);
white-space: normal;
text-align: center;
width: auto;
}
@media (max-width: 1024px) {
.partner-table .cont-table__data .col-title.style-vertical span {
min-width: -moz-max-content;
min-width: max-content;
}
}
.partner-table .cont-table .table-block {
display: grid;
grid-template-columns: 1fr 200px 200px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.1);
overflow: hidden;
}
@media (max-width: 1024px) {
.partner-table .cont-table .table-block {
grid-template-columns: 1fr 1fr;
}
}
.partner-table .cont-table .table-block .table-col {
border-bottom: 1px solid #336d99;
padding: 12px 24px;
}
@media (max-width: 768px) {
.partner-table .cont-table .table-block .table-col {
padding: 12px 20px;
}
}
@media (max-width: 1024px) {
.partner-table .cont-table .table-block .table-col.col-1 {
grid-column: span 3;
}
}
.partner-table .cont-table .table-col {
font-size: 16px;
line-height: 140%;
letter-spacing: -0.32px;
}
@media (max-width: 768px) {
.partner-table .cont-table .table-col {
font-size: 14px;
letter-spacing: -0.28px;
}
}
.partner-table .cont-table .table-col:not(.col-1) {
border-left: 1px solid #336d99;
}
.partner-table .cont-table .table-col:not(.col-1) {
text-align: center;
}
.partner-table .cont-table .table-col:not(.col-1) span {
display: flex;
justify-content: center;
}
@media (min-width: 1026px) {
.partner-table .cont-table .table-col.style-light {
color: #99b2c3;
}
}
.partner-table .cont-banner {
display: flex;
justify-content: center;
position: relative;
overflow: hidden;
border-radius: 20px;
padding: 48px 40px 64px 40px;
}
@media (max-width: 576px) {
.partner-table .cont-banner {
aspect-ratio: 370/424;
padding: 48px 20px;
}
}
.partner-table .cont-banner__wrap {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
margin-top: auto;
position: relative;
z-index: 2;
}
.partner-table .cont-banner .headline-block > * {
font-size: 32px;
letter-spacing: -0.64px;
}
.partner-table .cont-banner .banner_bg {
z-index: 1;
}
.partner-table .cont-banner .banner_bg:after {
content: "";
border-radius: 20px;
background: linear-gradient(0deg, rgba(0, 31, 53, 0.32) 0%, rgba(0, 31, 53, 0.32) 100%);
}
.partner-table .cont-banner .btn_primary {
margin-top: 32px;
}
.job-info__wrap {
display: grid;
grid-template-columns: 0.495fr 1fr;
grid-gap: 10px;
}
@media (max-width: 1024px) {
.job-info__wrap {
grid-template-columns: 100%;
}
}
.job-info .plate-blocks {
display: flex;
flex-direction: column;
gap: 10px;
}
.job-info .plate-blocks__item {
background-color: #ffffff;
border-radius: 20px;
padding: 40px;
}
@media (max-width: 768px) {
.job-info .plate-blocks__item {
padding: 24px;
}
}
.job-info .plate-blocks__item h2 {
font-size: 32px;
line-height: 120%;
letter-spacing: -0.64px;
}
@media (max-width: 768px) {
.job-info .plate-blocks__item h2 {
font-size: 24px;
letter-spacing: -0.48px;
}
}
.job-info .plate-blocks__item .text-block {
gap: 1rem;
}
.job-info .icon-boxes {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 10px;
margin-top: 16px;
}
@media (max-width: 768px) {
.job-info .icon-boxes {
grid-template-columns: 100%;
}
}
.job-info .icon-boxes__item {
display: flex;
flex-direction: column;
gap: 6px;
align-items: center;
text-align: center;
border-radius: 18px;
background: linear-gradient(0deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.88) 100%), #023f69;
padding: 24px 9px;
}
@media (max-width: 768px) {
.job-info .icon-boxes__item {
display: grid;
grid-template-columns: 24px 1fr;
grid-gap: 8px;
padding: 24px;
}
}
.job-info .icon-boxes__item .item-img {
display: flex;
max-width: 24px;
}
.job-info .icon-boxes__item .item-text {
color: #49555d;
text-align: center;
font-size: 14px;
font-weight: 500;
line-height: 140%;
letter-spacing: -0.28px;
}
@media (max-width: 768px) {
.job-info .icon-boxes__item .item-text {
text-align: left;
}
}
.job-info__sidebar {
position: relative;
}
.job-info__sidebar-inner {
display: flex;
flex-direction: column;
gap: 10px;
position: sticky;
top: 99px;
}
.sidebar-item {
background-color: #ffffff;
border-radius: 20px;
padding: 20px;
}
@media (min-width: 1025px) {
.sidebar-item.hide-on-desktop {
display: none;
}
}
@media (max-width: 1024px) {
.sidebar-item.hide-on-mobile {
display: none;
}
}
.sidebar-item .nav-title {
color: #023f69;
font-size: 14px;
font-style: normal;
font-weight: 800;
line-height: 140%;
letter-spacing: 0.28px;
text-transform: uppercase;
}
.sidebar-item .nav-list {
display: flex;
flex-direction: column;
gap: 10px;
list-style: none;
margin: 16px 0 0 0;
padding: 0;
}
.sidebar-item .nav-list__item a {
color: #49555d;
font-size: 16px;
font-weight: 500;
line-height: 140%;
letter-spacing: -0.32px;
text-decoration: none;
}
.sidebar-item .nav-list__item a:hover, .sidebar-item .nav-list__item a:focus, .sidebar-item .nav-list__item a.active {
color: #023f69;
}
.sidebar-item .contact-person {
display: grid;
grid-template-columns: 133px 1fr;
grid-gap: 16px;
align-items: flex-start;
margin-top: 16px;
}
@media (max-width: 768px) {
.sidebar-item .contact-person {
grid-template-columns: 82px 1fr;
}
}
.sidebar-item .contact-person .contact-photo {
display: flex;
}
@media (max-width: 576px) {
.sidebar-item .contact-person .contact-photo {
max-width: 150px;
}
}
.sidebar-item .contact-person .contact-photo img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 1/1;
border-radius: 50%;
}
.sidebar-item .contact-person .contact-info {
display: flex;
flex-direction: column;
gap: 16px;
}
.sidebar-item .contact-person .contact-info__text {
font-size: 14px;
line-height: 140%;
}
.sidebar-item .contact-person .contact-info__text h3,
.sidebar-item .contact-person .contact-info__text h4,
.sidebar-item .contact-person .contact-info__text h5,
.sidebar-item .contact-person .contact-info__text h6 {
font-size: 16px;
line-height: 140%;
margin-bottom: 4px;
}
.sidebar-item .contact-person .contact-info__links {
display: flex;
flex-direction: column;
gap: 8px;
}
.sidebar-item .contact-person .contact-info__links .link-item {
color: #023f69;
font-size: 16px;
font-weight: 500;
line-height: 140%;
letter-spacing: -0.32px;
text-decoration: none;
}
.sidebar-item .contact-person .contact-info__links .link-item > span {
color: #7e8b94;
padding-right: 10px;
}
.form-block.hidden {
display: none;
}
.form-block .headline-block {
margin-bottom: 16px;
}
.form-success {
display: none;
}
.form-success.active {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
padding: 170px 0;
}
.form-success__icon {
display: flex;
margin: 0 auto;
}
.form-success__title {
color: #091722;
text-align: center;
font-size: 56px;
font-weight: 500;
line-height: 120%;
letter-spacing: -1.12px;
}
.team-carousel__list {
overflow: hidden;
margin-top: 48px;
}
@media (max-width: 1024px) {
.team-carousel__list {
margin-top: 48px;
margin-right: -1rem;
}
}
.team-card__wrap {
height: 100%;
display: flex;
flex-direction: column;
gap: 8px;
background-color: #ffffff;
border-radius: 20px;
padding: 8px;
}
.team-card.swiper-slide {
height: auto;
overflow: hidden;
border-radius: 20px;
}
.team-card .card-image {
display: flex;
align-items: center;
justify-content: center;
border-radius: 18px;
background: #023f69;
padding: 20px 45px;
}
.team-card .card-image img {
border-radius: 50%;
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
}
.team-card .card-text {
padding: 16px 24px 24px 24px;
}
.team-card .card-text h3,
.team-card .card-text h4 {
color: #091722;
font-size: 16px;
font-weight: 700;
line-height: 140%;
letter-spacing: -0.32px;
margin-bottom: 4px;
}
.team-card .card-text p {
color: #49555d;
font-size: 16px;
font-weight: 400;
line-height: 140%;
letter-spacing: -0.32px;
margin-bottom: 16px;
}
.team-card .card-text p:last-of-type {
margin-bottom: 0;
}
.team-card .card-text p strong {
font-size: 14px;
font-weight: 500;
letter-spacing: -0.28px;
}
.jobs-archive__list {
display: grid;
grid-template-columns: 0.327fr 1fr;
grid-gap: 10px;
margin-top: 32px;
}
@media (max-width: 1024px) {
.jobs-archive__list {
display: flex;
flex-direction: column;
}
}
.jobs-archive .job-taxonomies,
.jobs-archive .job-taxonomies__item {
height: 100%;
}
.jobs-archive .pagination {
margin-top: 60px;
display: flex;
justify-content: center;
}
@media (min-width: 1024px) {
.jobs-archive .pagination {
grid-column: span 2;
}
}
@media (max-width: 576px) {
.jobs-archive .pagination {
margin-top: 40px;
}
}
.jobs-archive-list {
display: flex;
flex-direction: column;
gap: 10px;
}
.job-item__wrap {
display: grid;
grid-template-columns: 1fr 0.485fr;
grid-gap: 8px;
border-left: 4px solid #ffffff;
border-radius: 20px;
background: #ffffff;
padding: 8px 8px 8px 4px;
transition: all 0.5s ease;
}
@media (max-width: 576px) {
.job-item__wrap {
display: flex;
flex-direction: column;
gap: 8px;
}
}
.job-item__wrap:hover, .job-item__wrap:focus {
border-left: 4px solid #023f69;
}
.job-item__left {
padding: 16px 24px 24px 24px;
}
@media (max-width: 576px) {
.job-item__left {
padding: 16px;
}
}
.job-item__title {
margin-bottom: 16px;
}
.job-item__excerpt {
margin-bottom: 23px;
}
.job-item a {
color: #49555d;
text-decoration: none;
}
.job-item .job-taxonomies__item {
border-radius: 18px;
background: linear-gradient(0deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.88) 100%), #023f69;
}
@media (max-width: 576px) {
.job-item .job-taxonomies__item {
gap: 4px;
padding: 8px;
}
}
.jobs-archive-filters {
display: flex;
flex-direction: column;
gap: 10px;
position: sticky;
top: 130px;
}
.jobs-archive-filters .jobs-filter {
display: flex;
flex-direction: column;
gap: 16px;
border-radius: 20px;
background: #023f69;
padding: 20px;
}
.jobs-archive-filters .jobs-filter__title {
display: flex;
align-items: center;
gap: 6px;
color: #ffffff;
font-size: 14px;
font-weight: 800;
line-height: 140%;
letter-spacing: 0.28px;
text-transform: uppercase;
}
.jobs-archive-filters .jobs-filter__list {
display: flex;
flex-direction: column;
gap: 6px;
}
.jobs-archive-filters .jobs-filter__checkbox {
cursor: pointer;
}
.jobs-archive-filters .jobs-filter__checkbox input[type=checkbox] {
display: none;
}
.jobs-archive-filters .jobs-filter__checkbox input[type=checkbox]:checked + span::before {
opacity: 1;
}
.jobs-archive-filters .jobs-filter__checkbox span {
display: inline-flex;
color: #f0f4f7;
font-size: 16px;
font-weight: 500;
line-height: 140%;
letter-spacing: -0.32px;
padding-left: 28px;
position: relative;
}
.jobs-archive-filters .jobs-filter__checkbox span::before {
content: "";
display: block;
width: 20px;
height: 20px;
background-image: url(//wecubex-staging.seiten.co/wp-content/themes/wecubex/img/icons/check-gold.svg);
background-repeat: no-repeat;
background-size: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.jobs-not-found {
margin: 20px 0 0 50px;
}
.branchen-item {
display: flex;
max-width: 100%;
min-height: 400px;
padding: 40px 32px;
position: relative;
border: 0.5px solid rgba(255, 255, 255, 0.16);
overflow: hidden;
transition: 0.25s ease-in-out;
z-index: 1;
}
@media (max-width: 1024px) {
.branchen-item {
max-width: 100%;
border-radius: 20px;
padding: 0;
}
}
@media (max-width: 768px) {
.branchen-item {
min-height: auto;
aspect-ratio: 370/400;
}
}
.branchen-item:hover, .branchen-item:focus, .branchen-item:focus-within, .branchen-item:active {
background: rgba(0, 47, 82, 0.32);
backdrop-filter: blur(6px);
}
.branchen-item:hover .branchen-item__wrap, .branchen-item:focus .branchen-item__wrap, .branchen-item:focus-within .branchen-item__wrap, .branchen-item:active .branchen-item__wrap {
justify-content: space-between;
}
.branchen-item:hover .branchen-title, .branchen-item:focus .branchen-title, .branchen-item:focus-within .branchen-title, .branchen-item:active .branchen-title {
margin-bottom: 10px;
}
@media (max-width: 768px) {
.branchen-item:hover .branchen-title, .branchen-item:focus .branchen-title, .branchen-item:focus-within .branchen-title, .branchen-item:active .branchen-title {
margin-bottom: 8px;
}
}
.branchen-item:hover .branchen-excerpt,
.branchen-item:hover .branchen-btn, .branchen-item:focus .branchen-excerpt,
.branchen-item:focus .branchen-btn, .branchen-item:focus-within .branchen-excerpt,
.branchen-item:focus-within .branchen-btn, .branchen-item:active .branchen-excerpt,
.branchen-item:active .branchen-btn {
height: auto;
opacity: 1;
pointer-events: all;
transform: translateY(0%);
transition: 0.25s ease-in-out;
}
.branchen-item:hover .branchen-btn, .branchen-item:focus .branchen-btn, .branchen-item:focus-within .branchen-btn, .branchen-item:active .branchen-btn {
display: flex;
background-color: #e7a300;
}
.branchen-item:hover .branchen-btn rect, .branchen-item:focus .branchen-btn rect, .branchen-item:focus-within .branchen-btn rect, .branchen-item:active .branchen-btn rect {
fill: #fff;
}
.branchen-item__wrap {
display: flex;
flex-direction: column;
justify-content: flex-end;
height: auto;
text-decoration: none;
transition: 0.25s ease-in-out;
}
@media (max-width: 1024px) {
.branchen-item__wrap {
justify-content: space-between;
}
}
@media (max-width: 1024px) {
.branchen-item__info {
border: 1px solid rgba(255, 255, 255, 0.16);
background: rgba(0, 47, 82, 0.32);
backdrop-filter: blur(6px);
padding: 20px;
}
}
.branchen-title {
margin-bottom: -4px;
}
@media (max-width: 768px) {
.branchen-title {
margin-bottom: 8px;
}
}
.branchen-title > * {
font-size: 24px;
line-height: 140%;
}
@media (min-width: 1025px) {
.branchen-excerpt,
.branchen-btn {
opacity: 0;
height: 0;
pointer-events: none;
transform: translateY(50%);
transition: none;
}
}
.branchen-btn {
max-width: -moz-max-content;
max-width: max-content;
}
@media (max-width: 1024px) {
.branchen-btn {
background: transparent;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
padding: 20px;
}
.branchen-btn span {
display: none;
}
}
.branchen-image {
display: flex;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.branchen-image::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 73, 127, 0.12) 0%, rgba(0, 73, 127, 0.12) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.branchen-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.post-item {
height: auto !important;
border-radius: 20px;
background: #fff;
margin-bottom: 10px;
}
.post-item__wrap {
display: grid;
grid-template-columns: 0.62fr 1fr;
grid-gap: 8px;
}
@media (max-width: 768px) {
.post-item__wrap {
grid-template-columns: 100%;
}
}
.post-item__img {
display: flex;
}
.post-item__img img {
width: 100%;
height: 100%;
aspect-ratio: 384/258;
-o-object-fit: cover;
object-fit: cover;
border-radius: 16px;
}
@media (max-width: 1024px) {
.post-item__img img {
aspect-ratio: 354/238;
}
}
.post-item__cont {
display: flex;
flex-direction: column;
padding: 16px 24px 24px 24px;
}
@media (max-width: 768px) {
.post-item__cont {
padding: 16px 20px 20px 20px;
}
}
.post-item__title {
margin-bottom: 16px;
}
@media (max-width: 768px) {
.post-item__title {
margin-bottom: 24px;
}
}
.post-item__excerpt {
color: #49555d;
font-size: 16px;
font-weight: 500;
line-height: 140%;
letter-spacing: -0.32px;
margin-bottom: 27px;
}
@media (max-width: 768px) {
.post-item__excerpt {
display: none;
}
}
.post-item__btn {
display: flex;
align-items: center;
gap: 8px;
color: #00497f;
font-size: 14px;
font-weight: 600;
line-height: 140%;
letter-spacing: 0.28px;
text-transform: uppercase;
margin-top: auto;
transition: 0.25s ease-in-out;
}
.post-item__btn:hover, .post-item__btn:focus {
color: #00345A;
gap: 16px;
}
.post-item__btn:hover svg path, .post-item__btn:focus svg path {
stroke: #00345A;
}
.post-item a {
display: block;
text-decoration: none;
padding: 8px;
}
.post-vertical-style .post-item {
height: 100%;
margin-bottom: 0;
}
.post-vertical-style .post-item .post-item__wrap {
display: flex;
flex-direction: column;
}
.post-vertical-style .post-item .post-item__title {
margin-bottom: 24px;
}
.post-vertical-style .post-item .post-item__excerpt {
display: none;
}
.section-spacing {
padding-top: var(--pt-mob, 0);
padding-bottom: var(--pb-mob, 0);
}
@media (min-width: 1025px) {
.section-spacing {
padding-top: var(--pt, 0);
padding-bottom: var(--pb, 0);
}
}
.site {
overflow: clip;
display: flex;
flex-direction: column;
min-height: 100vh;
}
.site-main {
flex-grow: 1;
}
.page-nav-breadcrumb {
padding: 12px 0;
}
.page-nav-breadcrumb > span {
display: flex;
align-items: center;
gap: 8px;
}
.page-nav-breadcrumb a,
.page-nav-breadcrumb span {
color: #091722;
font-size: 12px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.24px;
}
.page-nav-breadcrumb a {
color: #7e8b94;
text-decoration: none;
}
.page-nav-breadcrumb .breadcrumb-separator {
display: flex;
}
.page-nav-breadcrumb.style-light a,
.page-nav-breadcrumb.style-light span {
color: #ffffff;
}
.page-nav-breadcrumb.style-light a {
color: #d1dce4;
}
.page-nav-breadcrumb.style-light .breadcrumb-separator svg path {
stroke: #d1dce4;
}
.vector-list ul,
.vector-list ol {
margin: 0;
padding: 0;
list-style: none;
}
.vector-list ul li,
.vector-list ol li {
position: relative;
padding-left: 26px;
}
.vector-list ul li::before,
.vector-list ol li::before {
content: "";
display: block;
width: 22px;
height: 22px;
position: absolute;
left: 0;
top: 0;
background-image: url(//wecubex-staging.seiten.co/wp-content/themes/wecubex/img/icons/list-rect.svg);
background-repeat: no-repeat;
background-size: auto;
}
.vector-list ul li:not(:last-child),
.vector-list ol li:not(:last-child) {
margin-bottom: 8px;
}
.dots-list ul:not(.nav-list),
.dots-list ol:not(.nav-list) {
margin: 0;
padding: 0;
list-style: none;
}
.dots-list ul:not(.nav-list) li,
.dots-list ol:not(.nav-list) li {
position: relative;
padding-left: 30px;
}
.dots-list ul:not(.nav-list) li::before,
.dots-list ol:not(.nav-list) li::before {
content: "";
display: block;
width: 6px;
height: 6px;
position: absolute;
left: 8px;
top: 8px;
background-color: #FBBB21;
border-radius: 50%;
aspect-ratio: 1/1;
}
.dots-list ul:not(.nav-list) li:not(:last-child),
.dots-list ol:not(.nav-list) li:not(:last-child) {
margin-bottom: 12px;
}
.dots-list ul:not(.nav-list) li a,
.dots-list ol:not(.nav-list) li a {
color: #00497f;
}
.dots-list ul:not(.nav-list) li strong,
.dots-list ol:not(.nav-list) li strong {
font-weight: 700;
color: #091722;
}
.title-text-column {
display: flex;
flex-direction: column;
}
.title-text-column .headline-block {
margin-bottom: 24px;
}
.title-text-column .btn-block {
margin-top: 32px;
}
@media (max-width: 1024px) {
.desktop-only {
display: none !important;
}
}
@media (min-width: 1025px) {
.mobile-only {
display: none !important;
}
}
.relative-block {
position: relative;
z-index: 2;
}   @font-face {
font-family: "swiper-icons";
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
} :root {
--swiper-theme-color: #007aff; }
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
} .swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
} .swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}  .swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-lock {
display: none;
} .swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next";
} :root { }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
} .swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
} .swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
:root { }
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
touch-action: none;
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset, 1%);
bottom: var(--swiper-scrollbar-bottom, 4px);
top: var(--swiper-scrollbar-top, auto);
z-index: 50;
height: var(--swiper-scrollbar-size, 4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
position: absolute;
left: var(--swiper-scrollbar-left, auto);
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
z-index: 50;
width: var(--swiper-scrollbar-size, 4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
} .swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
} .swiper-slide-zoomed {
cursor: move;
touch-action: none;
} .swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active {
pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
} .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
z-index: 0;
backface-visibility: hidden;
} .swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
} .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
z-index: 0;
backface-visibility: hidden;
} .swiper-creative .swiper-slide {
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
backface-visibility: hidden;
overflow: hidden;
}  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
}
.skip-link {
position: absolute;
left: -999px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
text-decoration: none;
display: block;
}
.skip-link:focus {
position: relative;
z-index: 200;
left: 0;
width: auto;
height: auto;
padding: 0 4px;
background: #FBBB21;
color: #fff;
z-index: 1000;
outline-offset: -2px;
outline: 1px solid #fff;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}