@font-face { font-family: "Noto Sans"; font-weight: 400; src: url("../fonts/notosans-regular-webfont.woff2") format("woff2"), url("../fonts/notosans-regular-webfont.woff") format("woff"); }

@font-face { font-family: "Noto Sans"; font-weight: 300; src: url("../fonts/notosans-light-webfont.woff2") format("woff2"), url("../fonts/notosans-light-webfont.woff") format("woff"); }

@font-face { font-family: "Noto Sans"; font-weight: 600; src: url("../fonts/notosans-bold.woff2") format("woff2"), url("../fonts/notosans-bold.woff") format("woff"); }

@font-face { font-family: "Noto Sans"; font-weight: 400; font-style: italic; src: url("../fonts/notosans-italic-webfont.woff2") format("woff2"), url("../fonts/notosans-italic-webfont.woff") format("woff"); }

@font-face { font-family: "Noto Sans"; font-weight: 300; font-style: italic; src: url("../fonts/notosans-lightitalic-webfont.woff2") format("woff2"), url("../fonts/notosans-lightitalic-webfont.woff") format("woff"); }

@font-face { font-family: "Noto Serif"; font-weight: 400; src: url("../fonts/notoserif-regular-webfont.woff2") format("woff2"), url("../fonts/notoserif-regular-webfont.woff") format("woff"); }


*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

button:focus, button:active { outline: none; }

button:focus > *, button:active > * { position: relative; }

figure { margin: 0; }

input { border-radius: 0; }

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

html, body { padding: 0; margin: 0; font-family: "Noto Sans", sans-serif; font-size: 16px; line-height: 24px; color: #4d4d4c; }

body { background-color: #f6f6f8; }

body.mobile-menu-active { overflow: hidden; }

main { overflow: hidden; }

@media (min-width: 1600px) { main { min-height: calc(100vh - 183px); } }

@media (min-width: 1200px) and (max-width: 1599px) { main { min-height: calc(100vh - 173px); } }

@media (min-width: 768px) and (max-width: 1199px) { main { min-height: calc(100vh - 216px); } }

@media (max-width: 767px) { main { min-height: calc(100vh - 374px); } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { main { display: block; } }

.container { max-width: 1230px; padding: 0 15px; margin: 0 auto; }

.container-content { padding: 0 20px; margin: 0 auto; }

@media (min-width: 1200px) { .container-content { max-width: 1043px; } }

@media (max-width: 1199px) { .container-content { max-width: 741px; } }

h1, h2, h3 { font-family: "Noto Serif", serif; color: #16253f; }

h1, h2, h3, h4, p { font-weight: 400; margin-top: 0; margin-bottom: 24px; }

@media (min-width: 768px) { h1 { font-size: 46px; line-height: 58px; } }

@media (max-width: 767px) { h1 { font-size: 26px; line-height: 40px; } }

h2 { font-size: 26px; line-height: 32px; }

h3 { font-size: 20px; line-height: 24px; }

h4 { font-size: 14px; line-height: 24px; }

p { font-size: 16px; line-height: 24px; }

img { max-width: 100%; }

a { color: #0073cf; text-decoration: none; }

a:not([class]):hover { color: #16253f; text-decoration: underline; }

.icon svg { height: auto; max-width: 100%; }

.icon-wrapper { position: absolute; z-index: 6; top: 42px; transform: translateY(50px); }

@media (min-width: 1600px) { .icon-wrapper { left: 36px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .icon-wrapper { left: 108px; } }

@media (min-width: 768px) and (max-width: 1199px) { .icon-wrapper { left: 29px; } }

@media (max-width: 767px) { .icon-wrapper { position: relative; top: 0; left: 0; margin: 13px 0 5px 20px; } }

.icon-dla-logo { display: block; width: 68px; height: 40px; transform: translateY(28px) scale(1.25); transition: transform 0.2s; }

@media (min-width: 768px) and (max-width: 1199px) { .icon-dla-logo { transform: translateY(-26px) scale(1.25); } }

@media (max-width: 767px) { .icon-dla-logo { width: 58px; height: 40px; transform: translateY(0); } }

.sticky-no-top .icon-dla-logo { transform: translateY(12px) scale(1); }

@media (min-width: 768px) and (max-width: 1199px) { .sticky-no-top .icon-dla-logo { transform: translateY(-30px); } }

@media (max-width: 767px) { .sticky-no-top .icon-dla-logo { transform: translateY(0); } }

.icon-dla-logo svg path { transition: fill 0.2s; fill: #16253f; }

.sticky .icon-dla-logo svg path { fill: #16253f; }

.icon-dla-logo.mobile-icon svg path { fill: #ffffff; }

.slide-fade-in { transform: translateY(30px); opacity: 0; transition: transform 500ms ease-out, opacity 500ms ease-out; }

.slide-fade-in.is-animated { transform: translateY(0); opacity: 1; }

.slide-fade-down { transform: translateY(-30px); opacity: 0; transition: transform 600ms ease-out, opacity 600ms ease-out; }

.slide-fade-down.is-animated { transform: translateY(0); opacity: 1; }

.slide-fade { opacity: 0; transition: opacity 600ms ease-out; }

.slide-fade.is-animated { opacity: 1; }

.btn-hamburger { display: none; width: 26px; height: 20px; padding: 20px; position: absolute; z-index: 10; top: 55px; right: 20px; border: none; border-radius: 0; background-color: transparent; cursor: pointer; padding: 0; }

@media (max-width: 1199px) { .btn-hamburger { display: block; top: 17px; right: 14px; } }

.btn-hamburger:hover, .btn-hamburger:focus { outline: 0; }

.btn-hamburger span { display: block; width: 25px; height: 2px; position: absolute; left: 0; transform: rotate(0deg); border-radius: 9px; background: #ffffff; opacity: 1; transition: 0.45s ease-in-out; }

.btn-hamburger span:nth-child(1) { top: 0; transform-origin: left center; }

.btn-hamburger span:nth-child(2) { top: 8px; transform-origin: left center; }

.btn-hamburger span:nth-child(3) { top: 16px; transform-origin: left center; }

.btn-hamburger.open span:nth-child(1) { top: -1px; left: 2px; transform: rotate(45deg); }

.btn-hamburger.open span:nth-child(2) { width: 0; opacity: 0; }

.btn-hamburger.open span:nth-child(3) { top: 16px; left: 2px; transform: rotate(-45deg); }

.c-btn { display: inline-flex; font-weight: 400; border: 0; cursor: pointer; }

.c-btn--primary { padding: 12px 32px; font-size: 16px; line-height: 24px; color: #ffffff; background-color: #16253f; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; }

@media (max-width: 479px) { .c-btn--primary { padding: 10px 14px 11px 12px; font-size: 15px; } }

.c-btn--primary:hover, .c-btn--primary.active { color: #ffffff; background: #0073cf; }

.c-btn--primary:disabled, .c-btn--primary.disabled { pointer-events: none; color: #7d7d7d; background-color: #e0e0e0; }

.c-btn--primary:disabled:hover, .c-btn--primary:disabled.active, .c-btn--primary.disabled:hover, .c-btn--primary.disabled.active { color: #7d7d7d; background-color: #e0e0e0; }

.c-btn--secondary { padding-right: 30px; position: relative; font-size: 16px; line-height: 24px; color: #0073cf; }

.c-btn--secondary:after, .c-btn--secondary:before { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); transition: opacity 0.2s ease-in-out; }

.c-btn--secondary:after { width: 22px; height: 1px; background-color: currentColor; }

.c-btn--secondary:before { width: 18px; height: 9px; background-image: url(../icons/icon-arrow-right.svg); background-repeat: no-repeat; background-size: cover; opacity: 0; }

.c-btn--secondary:hover:after { opacity: 0; }

.c-btn--secondary:hover:before { opacity: 1; }

.c-btn--secondary.disabled { pointer-events: none; color: #7d7d7d; }

.c-btn--secondary.disabled:hover:after { opacity: 1; }

.c-btn--secondary.disabled:hover:before { opacity: 0; }

.c-btn.is-wave-animation { position: relative; overflow: hidden; }

.c-btn.is-wave-animation span { position: relative; z-index: 1; }

.c-btn.is-wave-animation:before { content: ""; display: block; width: 0; height: 0; position: absolute; z-index: 0; bottom: -2px; left: -2px; background-image: url(../icons/button-wave.svg); background-repeat: no-repeat; background-position: left bottom; background-size: contain; transition: all 0.6s; }

.c-btn.is-wave-animation:hover { background-color: #16253f; }

.c-btn.is-wave-animation:hover:before { width: 250%; height: 1000%; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .c-btn.is-wave-animation:hover:before { bottom: 0; } }

.custom-select { width: 100%; }

.custom-select-container { width: 306px; height: 100%; position: relative; line-height: normal; }

.custom-select-container select { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; }

.custom-select-container.is-open .custom-select-panel { height: auto; max-height: 365px; border: 1px solid #e0e0e0; }

@media not all and (min-resolution: 0.001dpcm) { .custom-select-container.is-open .custom-select-panel { opacity: 1; } }

.custom-select-container.is-open .custom-select-opener span { background-color: #ffffff; }

.custom-select-container.is-open .custom-select-opener:after { transform: translateY(-90%) scale(-1); }

.custom-select-opener { display: block; width: 100%; height: 48px; padding: 17px 40px 17px 25px; position: relative; line-height: 1; border: 1px solid #e0e0e0; background-color: #ffffff; cursor: pointer; }

.custom-select-opener span { display: flex; align-items: center; width: 98%; font-size: 16px; color: #4d4d4c; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.custom-select-opener:focus { outline: none; }

.custom-select-opener:after { content: ""; display: block; width: 21px; height: 21px; position: absolute; top: 58%; right: 17px; transform: translateY(-50%); background-image: url(../icons/caret-down-dark.svg); background-repeat: no-repeat; background-size: contain; transition: opacity 0.2s, transform 0.2s; }

.custom-select-panel { display: block; width: 100%; height: 0; max-height: 0; padding: 0 0 0 10px; position: absolute; z-index: 2; transform: translateY(0); border-color: #e0e0e0; background-color: #ffffff; opacity: 1; overflow-y: scroll; transition: max-height 0.3s ease-in-out; }

@media not all and (min-resolution: 0.001dpcm) { .custom-select-panel { opacity: 0; } }

.custom-select-panel .custom-select-option { width: 267px; max-width: 99%; padding: 14px 16px; }

.custom-select-panel::-webkit-scrollbar { width: 26px; }

.custom-select-panel::-webkit-scrollbar-thumb { border: 10px solid transparent; border-radius: 20px; background-color: #e0e0e0; background-clip: padding-box; }

.custom-select-panel::-webkit-scrollbar-thumb:hover { background-color: #7d7d7d; }

.custom-select-panel::-webkit-scrollbar-track { background-color: transparent; }

.custom-select-option { display: block; font-size: 14px; line-height: 21px; cursor: pointer; }

.custom-select-option[data-value="browse"] { display: none; }

.custom-select-option.is-selected, .custom-select-option.has-focus, .custom-select-option:hover { background-color: #f6f6f8; }

.header { width: 100%; position: fixed; z-index: 11; top: 0; transition: transform 0.4s ease-in; }

.header__icon { display: none; }

@media (max-width: 1199px) { .header__icon { display: block; position: absolute; z-index: 4; top: 0; right: 0; } }

.header__icon svg { width: 150px; height: auto; max-width: none; transition: all 1s; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .header__icon svg { height: 60px; } }

.mobile-menu-active .header__icon svg { width: 4000px; height: auto; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .mobile-menu-active .header__icon svg { width: 8000px; height: 3200px; } }

.header.up-bar { transform: translateY(-40px); }

@media (max-width: 1199px) { .header.up-bar { transform: translateY(0); } }

.header:after { content: ""; height: 0; position: absolute; top: 40px; right: 0; left: 0; background-color: #ffffff; box-shadow: 0 0 12px rgba(22, 37, 63, 0.2); transition: height 0.4s ease-in, opacity 0.2s, visibility 0.2s; }

@media (max-width: 1199px) { .header:after { top: 0; } }

.header.sticky-no-top:after { height: 60px; }

@media (min-width: 1200px) { .header.up-bar .header-nav, .header.sticky-no-top .header-nav { padding-top: 5px; } }

.header-nav { display: flex; position: relative; z-index: 1; background-color: transparent; transition: padding 0.2s ease-in-out; backface-visibility: hidden; }

@media (min-width: 1600px) { .header-nav { padding: 24px 162px 0 109px; } }

@media (min-width: 1200px) and (max-width: 1599px) { .header-nav { padding: 25px 137px 0 91px; } }

@media (min-width: 768px) and (max-width: 1199px) { .header-nav { padding: 83px 10px 0 103px; } }

@media (min-width: 480px) and (max-width: 767px) { .header-nav { padding: 38px 0 150px; } }

@media (max-width: 479px) { .header-nav { padding: 38px 0 180px; } }

@media (max-width: 1199px) { .header-nav { display: none; height: 100vh; overflow: hidden; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .header-nav { padding-bottom: 0; } }

.header-nav.show-menu { display: block; z-index: 5; }

.header-nav.show-menu:after { display: none; }

.header-menus { position: relative; z-index: 2; margin-left: auto; }

@media (min-width: 768px) and (max-width: 1199px) { .header-menus { padding: 39px 0; } }

@media (max-width: 1199px) { .header-menus { width: 100%; height: 100%; margin: 0; opacity: 0; visibility: hidden; overflow: auto; }
  .header-menus::-webkit-scrollbar { width: 26px; }
  .header-menus::-webkit-scrollbar-thumb { border: 10px solid transparent; border-radius: 20px; background-color: #e0e0e0; background-clip: padding-box; }
  .header-menus::-webkit-scrollbar-thumb:hover { background-color: #7d7d7d; }
  .header-menus::-webkit-scrollbar-track { background-color: transparent; } }

@media (max-width: 767px) { .header-menus { padding: 0 10px 0 36px; } }

.header-menus.show { opacity: 1; visibility: visible; transition: 0.2s opacity, 0.2s visibility; transition-delay: 0.4s; }

.header-bar { height: 40px; position: relative; z-index: 3; background-color: #16253f; backface-visibility: hidden; }

@media (max-width: 1199px) { .header-bar { display: none; } }

.header-bar__nav-menu { padding: 0; margin: 0; list-style: none; }

.header-bar__nav-menu-link { font-size: 14px; line-height: 1.5; color: #ffffff; }

.header-bar__icon { position: absolute; z-index: 2; top: 40px; right: 0; }

.header-bar__icon svg { width: 150px; height: auto; max-width: none; transition: width 1s; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .header-bar__icon svg { height: 60px; } }

.header__nav { display: flex; min-height: 100%; }

.header__nav .custom-select-container { margin-right: 10px; }

@media (max-width: 1199px) { .header__nav { display: none; } }

@media (min-width: 1200px) { .header-mobile__nav { display: none; } }

.header-mobile__menu { width: 100%; list-style-type: none; margin: 0; padding: 0; }

.header-mobile__menu-item { display: block; }

@media (min-width: 768px) { .header-mobile__menu-item { padding: 17px 0; } }

@media (max-width: 767px) { .header-mobile__menu-item { padding-bottom: 26px; } }

.header-mobile__menu-link { display: inline-block; position: relative; font-family: "Noto Serif", serif; font-size: 26px; line-height: 1.24; color: #ffffff; }

@media (max-width: 767px) { .header-mobile__menu-link { font-size: 20px; line-height: 28px; } }

.header-mobile__menu-link:after { content: ""; display: block; position: relative; top: 5px; transform: scaleX(0); border-bottom: solid 2px #ffffff; transition: transform 250ms ease-in-out; }

.header-mobile__menu-link:hover:after { transform: scaleX(1); }

.socials { display: flex; list-style-type: none; margin: 0; padding: 0; }

.socials li { display: inline-block; }

.socials__item { margin-right: 14px; }

@media (max-width: 1199px) { .socials__item { margin-right: 33px; } }

.socials__item:last-child { margin: 0; }

.socials__icon { display: flex; width: 20px; height: 16px; }

.socials__icon svg { width: 100%; height: 100%; }

.footer { overflow: hidden; }

.footer__wrapper { padding: 36px 0 41px; position: relative; color: #ffffff; background-color: #16253f; }

@media (min-width: 768px) and (max-width: 1599px) { .footer__wrapper { padding: 37px 0 30px; } }

@media (max-width: 767px) { .footer__wrapper { padding-bottom: 40px; } }

.footer__container { display: flex; flex-wrap: wrap; }

@media (min-width: 1600px) { .footer__container { max-width: 1585px; } }

@media (max-width: 1599px) { .footer__container { max-width: 1230px; } }

@media (max-width: 1199px) { .footer__container { padding: 0 20px; } }

.footer__text { font-size: 14px; line-height: 21px; padding: 0 64px 0 0; }

@media (min-width: 1200px) { .footer__text { max-width: 905px; } }

@media (max-width: 1199px) { .footer__text { max-width: 100%; padding: 0; font-size: 12px; line-height: 18px; } }

.footer__socials { display: flex; margin-left: auto; }

@media (max-width: 1199px) { .footer__socials { align-items: center; justify-content: center; width: 100%; padding-top: 35px; order: 2; margin-left: 0; border-top: 1px solid #7d7d7d; } }

@media (min-width: 768px) and (max-width: 1199px) { .footer__socials { margin-top: 17px; } }

@media (max-width: 767px) { .footer__socials { margin-top: 70px; } }

.footer__socials svg * { transition: fill 0.2s; }

.footer__socials li:hover svg * { fill: #0073cf; }

.footer__nav { width: 100%; padding: 17px 0 0; margin: 18px 0 0; border-top: 1px solid #7d7d7d; }

@media (max-width: 1199px) { .footer__nav { margin: 0; border: none; } }

@media (min-width: 768px) and (max-width: 1199px) { .footer__nav { padding: 16px 0 0; } }

@media (max-width: 767px) { .footer__nav { padding: 28px 0 0; } }

.footer__nav ul { list-style-type: none; margin: 0; padding: 0; }

.footer__nav ul li { display: inline-block; }

.footer__nav ul li { line-height: 28px; }

@media (max-width: 767px) { .footer__nav ul li { display: block; } }

.footer__nav ul li:not(:last-child) { margin-right: 45px; }

@media (min-width: 768px) and (max-width: 1199px) { .footer__nav ul li:not(:last-child) { margin-right: 56px; } }

@media (max-width: 767px) { .footer__nav ul li:not(:last-child) { margin-right: 0; } }

.footer__nav-link { position: relative; font-size: 14px; line-height: 21px; color: #ffffff; }

@media (max-width: 1199px) { .footer__nav-link { font-size: 12px; line-height: 18px; } }

.footer__nav-link:after { content: ""; display: block; width: 100%; height: 1px; position: absolute; right: 0; bottom: -1px; left: 0; transform: scaleX(0); background: #ffffff; transition: transform 0.2s ease-in-out; }

.footer__nav-link:hover:after { transform: scaleX(1); }

.heading-text { text-align: center; }

@media (min-width: 1200px) { .heading-text { margin-top: 277px; } }

@media (min-width: 768px) and (max-width: 1199px) { .heading-text { margin-top: 155px; } }

@media (min-width: 768px) { .heading-text { margin-bottom: 37px; } }

@media (max-width: 767px) { .heading-text { margin-top: 127px; margin-bottom: 25px; } }

.heading-text h1 { margin-bottom: 9px; }

.heading-text p { color: #16253f; }

.heading-text p:last-of-type { margin-bottom: 0; }

@media (min-width: 1200px) { .cards { margin-bottom: 153px; } }

@media (min-width: 768px) and (max-width: 1199px) { .cards { margin-bottom: 92px; } }

@media (max-width: 767px) { .cards { margin-bottom: 12.99px; } }

.cards__grid { margin: 0 auto; }

@media (min-width: 1200px) { .cards__grid { max-width: 1250px; } }

@media (max-width: 1199px) { .cards__grid { max-width: 750px; } }

@media (min-width: 768px) { .cards__grid { padding: 0 15px; } }

@media (max-width: 767px) { .cards__grid { padding: 0 20px; } }

.cards__row { display: flex; flex-wrap: wrap; }

.card--25 { text-align: center; }

@media (min-width: 1200px) { .card--25 { width: calc(25% - 20px); } }

@media (min-width: 768px) and (max-width: 1199px) { .card--25 { width: calc(50% - 20px); } }

@media (max-width: 767px) { .card--25 { width: 100%; } }

@media (min-width: 1200px) { .card--25 .card-link { padding: 101px 26px 88px; } }

@media (min-width: 768px) and (max-width: 1199px) { .card--25 .card-link { padding: 101px 54px 88px; } }

@media (min-width: 768px) { .card--25 .card-link { align-items: center; } }

@media (max-width: 767px) { .card--25 .card-link { padding: 20px; } }

@media (min-width: 768px) { .card--25 .card-link h2 { margin-bottom: 12px; } }

@media (max-width: 767px) { .card--25 .card-link h2 { max-width: 80%; margin: 12px auto 11px; } }

@media (max-width: 767px) { .card--25 .card-link p { max-width: 77%; margin: 0 auto 20px; } }

@media (min-width: 1200px) { .card--50 { width: calc(50% - 20px); } }

@media (max-width: 1199px) { .card--50 { width: 100%; } }

@media (max-width: 767px) { .card--50 { text-align: center; } }

@media (min-width: 1200px) { .card--50 .card-link { padding: 158px 69px 54px; } }

@media (min-width: 768px) and (max-width: 1199px) { .card--50 .card-link { padding: 207px 53px 51px; } }

@media (min-width: 768px) { .card--50 .card-link { align-items: flex-start; } }

@media (max-width: 767px) { .card--50 .card-link { padding: 20px; } }

.card--50 .card-link h2 { margin-bottom: 12px; }

@media (min-width: 768px) { .card--50 .card-link h2 { max-width: 330px; } }

@media (max-width: 767px) { .card--50 .card-link h2 { max-width: 95%; margin: 12px auto 11px; } }

@media (min-width: 768px) { .card--50 .card-link p { max-width: 350px; } }

@media (max-width: 767px) { .card--50 .card-link p { max-width: 77%; margin: 0 auto 20px; } }

.card--50 .card-link .c-btn { margin-top: 0; }

@media (min-width: 1200px) { .card--75 { width: calc(75% - 20px); } }

@media (max-width: 1199px) { .card--75 { width: 100%; } }

@media (max-width: 767px) { .card--75 { text-align: center; } }

@media (min-width: 1200px) { .card--75 .card-link { padding: 163px 73px 54px; } }

@media (min-width: 768px) and (max-width: 1199px) { .card--75 .card-link { padding: 167px 53px 50px; } }

@media (min-width: 768px) { .card--75 .card-link { align-items: flex-start; } }

@media (max-width: 767px) { .card--75 .card-link { padding: 68px 34px 50px; } }

@media (min-width: 768px) { .card--75 .card-link h2 { max-width: 330px; margin-bottom: 15px; } }

@media (max-width: 767px) { .card--75 .card-link h2 { max-width: 88%; margin: 1px auto 16px; } }

@media (min-width: 768px) { .card--75 .card-link p { max-width: 430px; } }

@media (max-width: 767px) { .card--75 .card-link p { max-width: 88%; margin: 0 auto 20px; } }

@media (min-width: 1200px) { .card { margin: 0 10px 21px; } }

@media (min-width: 768px) and (max-width: 1199px) { .card { margin: 0 10px 26px; } }

@media (max-width: 767px) { .card { margin: 0 0 23px; } }

.card-link { display: flex; flex-direction: column; height: 100%; min-height: 418px; position: relative; overflow: hidden; transition: all 0.4s; }

@media (max-width: 767px) { .card-link { align-items: center; justify-content: center; } }

.card-link h2, .card-link p { margin-top: 0; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .card-link h2, .card-link p { max-width: 100%; } }

.card-link h2, .card-link p, .card-link .c-btn { transition: color 0.5s ease-out; }

.card-link h2 { font-family: "Noto Serif", serif; font-size: 26px; font-weight: 600; line-height: 32px; letter-spacing: 0.5px; }

@media (max-width: 479px) { .card-link h2 { word-break: break-word; } }

@media not all and (min-resolution: 0.001dpcm) { .card-link h2 { letter-spacing: unset; } }

@media (min-width: 768px) { .card-link p:last-of-type { margin-bottom: 26px; } }

.card-link .c-btn { padding-left: 0; border: none; background-color: transparent; cursor: pointer; }

@media (min-width: 768px) { .card-link .c-btn { margin-top: auto; } }

.card-link .c-btn:before { background-image: url(../icons/icon-arrow-right-white.svg); }

.card-link svg { position: absolute; }

.card-link svg path { transition: stroke 0.4s ease-in-out; }

.card-link--bg-white, .card-link--bg-gray { color: #16253f; }

.card-link--bg-white { border: 1px solid #e5e5e8; background-color: #ffffff; }

.card-link--bg-gray { background-color: #e5e5e8; }

.card-link--bg-blue { background-color: #16253f; }

.card-link--bg-blue h2, .card-link--bg-blue p { color: #ffffff; }

.card-link--bg-image-bottom svg { bottom: 0; left: 0; }

@media (min-width: 1200px) { .card-link--bg-image-bottom svg { width: 100%; } }

.card-link--bg-image-top svg { top: 0; }

@media (min-width: 1200px) { .card-link--bg-image-top svg { width: 100%; left: 0; } }

@media (max-width: 1199px) { .card-link--bg-image-top svg { right: 0; } }

.card-link--bg-image-top-big svg:first-of-type { top: -47%; }

@media (min-width: 1200px) { .card-link--bg-image-top-big svg:first-of-type { left: -24%; } }

@media (max-width: 1199px) { .card-link--bg-image-top-big svg:first-of-type { left: -31%; } }

@media (max-width: 767px) { .card-link--bg-image-top-big svg:first-of-type { display: none; } }

@media (min-width: 768px) { .card-link--bg-image-top-big svg:last-of-type { display: none; } }

@media (max-width: 767px) { .card-link--bg-image-top-big svg:last-of-type { bottom: 0; left: 0; } }

@media (max-width: 767px) { .card-link--bg-image-mobile-none svg { display: none; } }

.card:hover .card-link { transform: scale(1.023); border-color: #003b63; background-color: #003b63; box-shadow: 0 0 12px rgba(22, 37, 63, 0.2); }

.card:hover .card-link h2, .card:hover .card-link p, .card:hover .card-link .c-btn { color: #ffffff; }

.card:hover .card-link .c-btn:after { opacity: 0; }

.card:hover .card-link .c-btn:before { opacity: 1; }

.card:hover .card-link svg path { stroke: #ffffff; }

@media (min-width: 1200px) { .legal-content { margin-top: 264px; margin-bottom: 172px; } }

@media (min-width: 768px) and (max-width: 1199px) { .legal-content { margin-top: 145px; margin-bottom: 130px; } }

@media (max-width: 767px) { .legal-content { margin-top: 127px; margin-bottom: 169px; } }

.legal-content h1:first-of-type { text-align: center; }

@media (min-width: 768px) { .legal-content h1:first-of-type { margin-bottom: 47px; } }

@media (max-width: 767px) { .legal-content h1:first-of-type { margin-bottom: 52px; } }

.legal-content h3:first-of-type { line-height: 31px; }

@media (min-width: 1200px) { .legal-content h3:first-of-type { margin-bottom: 19px; } }

@media (max-width: 1199px) { .legal-content h3:first-of-type { margin-bottom: 26px; } }