html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
line-height: 1.15;
}
a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
margin: 0;
padding: 0;
font-size: inherit;
font: inherit;
vertical-align: baseline;
border: 0;
outline: 0;
background: 0 0;
}
html:has(.body-style-1) {
height: 100%;
}
html:has(.body-style-1) body {
height: 100%;
}
body {
margin: 0;
line-height: 1;
display: flex;
min-height: 100vh;
min-height: -webkit-fill-available;
flex-direction: column;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
overscroll-behavior: contain;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
display: block;
}
address,
cite,
dfn,
em,
i,
var {
font-style: normal;
}
b,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
th {
font-weight: 400;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
summary {
display: list-item;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
text-decoration: none;
transition: 0.3s ease-in-out;
}
:focus,
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
img {
border: 0;
color: transparent;
font-size: 0;
vertical-align: middle;
-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: "";
content: none;
}
mark {
color: #000;
background: #ff0;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
border-collapse: initial;
border-spacing: 8px;
}
td,
th {
padding: 0;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: 100%;
line-height: 1.15;
color: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
appearance: button;
}
button[disabled],
html input[disabled] {
cursor: default;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
padding: 0;
border: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
outline: ButtonText dotted 1px;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
box-sizing: content-box;
appearance: textfield;
outline-offset: -2px;
box-sizing: border-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
fieldset {
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
border: 1px solid silver;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
border: 0;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
resize: vertical;
}
optgroup {
font-weight: 700;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* @font-face {
font-family: JuraVariable;
src: url(assets/fonts/JuraVariable/JuraVariable.woff2) format("woff2-variations"), url(assets/fonts/JuraVariable/JuraVariable.woff2) format("woff2") tech("variations");
font-weight: 300 700;
font-display: swap;
}
@font-face {
font-family: InterVariable;
src: url(assets/fonts/InterVariable/InterVariable.woff2) format("woff2-variations"), url(assets/fonts/InterVariable/InterVariable.woff2) format("woff2") tech("variations");
font-weight: 100 900;
font-display: swap;
}
@font-face {
font-family: RalewayVariable;
src: url(assets/fonts/RalewayVariable/RalewayVariable.woff2) format("woff2-variations"), url(assets/fonts/RalewayVariable/RalewayVariable.woff2) format("woff2") tech("variations");
font-weight: 100 900;
font-display: swap;
}
@font-face {
font-family: ManropeVariable;
src: url(assets/fonts/ManropeVariable/ManropeVariable.woff2) format("woff2-variations"), url(assets/fonts/ManropeVariable/ManropeVariable.woff2) format("woff2") tech("variations");
font-weight: 200 800;
font-display: swap;
}
@font-face {
font-family: Poppins;
src: url(assets/fonts/Poppins/PoppinsRegular/PoppinsRegular.woff2) format("woff2"), url(assets/fonts/Poppins/PoppinsRegular/PoppinsRegular.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Poppins;
src: url(assets/fonts/Poppins/PoppinsMedium/PoppinsMedium.woff2) format("woff2"), url(assets/fonts/Poppins/PoppinsMedium/PoppinsMedium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Poppins;
src: url(assets/fonts/Poppins/PoppinsSemiBold/PoppinsSemiBold.woff2) format("woff2"), url(assets/fonts/Poppins/PoppinsSemiBold/PoppinsSemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Poppins;
src: url(assets/fonts/Poppins/PoppinsBold/PoppinsBold.woff2) format("woff2"), url(assets/fonts/Poppins/PoppinsBold/PoppinsBold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
} */
:root {
--fb: Poppins, "Helvetica CY", "Nimbus Sans L", sans-serif;
--f1: JuraVariable, "Helvetica CY", "Nimbus Sans L", sans-serif;
--f2: InterVariable, "Helvetica CY", "Nimbus Sans L", sans-serif;
--f3: RalewayVariable, "Helvetica CY", "Nimbus Sans L", sans-serif;
--f4: ManropeVariable, "Helvetica CY", "Nimbus Sans L", sans-serif;
--cb: #171b2b;
--c1: #ffffff;
--c2: #000000;
--c3: #064cea;
--c4: #f7f8fd;
--c5: #f8f9fd;
--c6: #5b5d72;
--c7: #272b3f;
--c8: #a3a7c7;
--c9: #dee0ef;
--c10: #0f1323;
--c11: #102557;
--c12: #838fb5;
--c13: #0a66c2;
--c14: #d44570;
--c15: #1873ea;
--c16: #e00420;
--c17: #3390ec;
--c18: #4ec95b;
--c19: #583fbb;
--c20: #ff0000;
--c21: #fb5a8e;
--c22: #3d3d3d;
--c23: #8993af;
--c24: #dde1ff;
--c25: #777777;
--c26: #001652;
--c27: #393939;
--c28: #272727;
--c29: #e9e9e9;
--c30: #1b1b1f;
--c31: #686868;
--c32: #252525;
--c33: #36394a;
--c34: #ebecf4;
--c35: #54567c;
--c36: #36374b;
--c37: #40434b;
--c38: #dfe1e7;
--c39: #3c6aff;
--c40: #ecf1fa;
--c41: #f3f3f3;
--c42: #475569;
--c43: #f5f7fc;
--c44: #4c4c4c;
--c45: #f9fafe;
--c46: #eef0f6;
--c47: #eff1fa;
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1;
font: 1em var(--fb);
color: var(--cb);
box-sizing: border-box;
scroll-behavior: smooth;
--swiper-theme-color: #007aff;
--swiper-navigation-size: 44px;
}
@media (min-width: 1201px) {
:root {
scroll-padding-top: 120px;
}
}
body,
html {
scrollbar-gutter: stable;
}
body:has(dialog[open]) {
overflow-y: hidden;
}
body.body-style-1 main {
padding-top: 0;
}
*,
:after,
:before {
box-sizing: inherit;
}
footer,
header {
flex: 0 0 auto;
}
main {
flex: 1 0 auto;
padding-top: 40px;
}
a::selection,
b::selection,
em::selection,
h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection,
img::selection,
input:not([type="checkbox"], [type="radio"])::selection,
li::selection,
p::selection,
picture::selection,
span::selection,
strong::selection,
table td::selection,
table th::selection {
color: var(--c1);
background-color: var(--cb);
}
.container,
.container-lg,
.container-md {
margin-left: auto;
margin-right: auto;
}
.container {
max-width: 1200px;
}
.container-lg {
max-width: 1400px;
}
.container-md {
max-width: 774px;
}
@media (max-width: 1430px) {
.container-lg {
padding-left: 2.7972027972%;
padding-right: 2.7972027972%;
}
}
@media (max-width: 1230px) {
.container,
.container-lg {
padding-left: 3.2520325203%;
padding-right: 3.2520325203%;
}
}
@media (max-width: 1200px) {
:root {
scroll-padding-top: 80px;
}
main {
padding-top: 20px;
}
.container,
.container-lg {
padding-left: 3.3333333333%;
padding-right: 3.3333333333%;
}
}
@media (max-width: 804px) {
.container-md {
padding-left: 4.9751243781%;
padding-right: 4.9751243781%;
}
}
@media (max-width: 1024px) {
.container,
.container-lg,
.container-md {
padding-left: 3.90625%;
padding-right: 3.90625%;
}
}
@media (max-width: 767px) {
.container,
.container-lg,
.container-md {
padding-left: 20px;
padding-right: 20px;
}
.table-style-3,
.table-style-3 tbody {
display: block;
}
.table-style-3 tr {
display: grid;
grid-template-columns: 1fr 120px;
gap: 7px;
}
.table-style-3 tr + tr {
margin-top: 28px;
}
.table-style-3 td:nth-child(2) {
display: flex;
align-items: center;
}
.table-style-3 td:nth-child(3) {
grid-column: 1/-1;
padding: 0;
}
}
@media (max-width: 415px) {
.container,
.container-lg,
.container-md {
padding-left: 15px;
padding-right: 15px;
}
}
h1,
h2,
h3 {
overflow-wrap: anywhere;
font-weight: 500;
}
h2,
h3 {
line-height: 1.15;
}
h1 {
margin-bottom: 40px;
line-height: 1.125;
font-size: 2.8125rem;
}
h2 {
margin-bottom: 20px;
line-height: 1.3;
font-size: 2.1875rem;
}
h2 strong {
font-weight: inherit;
color: rgba(91, 93, 114, 0.5);
}
h3 {
margin-bottom: 23px;
font-size: 1.25rem;
}
@media (max-width: 375px) {
:root {
font-size: 0.875em;
}
main {
padding-top: 10px;
}
.container,
.container-lg,
.container-md {
padding-left: 10px;
padding-right: 10px;
}
h1,
h2 {
font-size: 2.5rem;
}
h3 {
font-size: 1.4285714286rem;
}
}
td {
padding: 16px 15px 14px;
font-weight: 500;
letter-spacing: 0.25px;
line-height: 1.2;
color: var(--c2);
border-radius: 7px;
background-color: var(--c46);
}
.table-style-1 td:nth-child(2) {
text-align: center;
}
.table-style-2 td {
vertical-align: middle;
}
@media (min-width: 768px) {
.table-style-1 td:nth-child(2) {
min-width: 120px;
width: 120px;
}
.table-style-1 td:nth-child(3) {
min-width: 238px;
width: 238px;
padding: 0;
}
}
@media (max-width: 576px) {
.table-style-3 tr {
grid-template-columns: 1fr 100px;
}
.table-style-3 td {
padding-top: 22px;
padding-bottom: 19px;
font-size: 0.875rem;
}
}
@media (max-width: 415px) {
.table-style-3 tr {
gap: 15px;
}
}
@media (max-width: 375px) {
td {
padding: 22px 10px 20px;
}
.table-style-3 tr {
grid-template-columns: 1fr 80px;
gap: 10px;
}
.table-style-3 td {
font-size: 0.8571428571rem;
}
}
blockquote,
ol:not(.reset-list),
p,
ul:not(.reset-list) {
line-height: 1.4;
}
ol:not(.reset-list),
p,
ul:not(.reset-list) {
margin-bottom: 20px;
}
a:hover {
text-decoration: none;
}
a:not(.reset-link) {
text-decoration: none;
text-underline-offset: 3px;
color: var(--c3);
}
a:not(.reset-link):hover {
text-decoration: underline;
}
img,
picture {
max-width: 100%;
height: auto;
}
picture {
display: block;
}
b,
strong {
font-weight: 600;
}
ol:not(.reset-list),
ul:not(.reset-list):not(.ab-top-menu) {
display: flex;
flex-direction: column;
}
ol:not(.reset-list) li,
ul:not(.reset-list) li {
position: relative;
padding-left: 24px;
}
ol:not(.reset-list) li:before,
ul:not(.reset-list) li:before {
position: absolute;
}
ul:not(.reset-list) li:before {
content: "";
top: 7px;
left: 9px;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: var(--cb);
}
ol:not(.reset-list) {
counter-reset: num;
}
ol:not(.reset-list) li {
position: relative;
}
ol:not(.reset-list) li:before {
content: counter(num) ".";
counter-increment: num;
display: flex;
justify-content: center;
align-items: center;
top: 2px;
left: 0;
width: 18px;
height: 18px;
font-size: 0.875rem;
line-height: 1;
}
blockquote:not(.info-blockquote, .reviews-list-item-blockquote) {
margin-bottom: 30px;
padding: 24px 20px 26px;
border-radius: 10px;
background-color: var(--c5);
}
blockquote:not(.info-blockquote, .reviews-list-item-blockquote) ol:not(.reset-list),
blockquote:not(.info-blockquote, .reviews-list-item-blockquote) ul:not(.reset-list) {
row-gap: 9px;
}
blockquote:not(.info-blockquote, .reviews-list-item-blockquote) strong {
font-weight: 500;
}
blockquote ol:not(.reset-list):last-child,
blockquote p:last-child,
blockquote ul:not(.reset-list):last-child {
margin-bottom: 0;
}
@media (max-width: 320px) {
h1,
h2 {
font-size: 2.1428571429rem;
}
.table-style-3 td {
font-size: 0.7857142857rem;
}
blockquote:not(.info-blockquote, .reviews-list-item-blockquote) {
padding-left: 10px;
padding-right: 10px;
}
ol:not(.reset-list) li:before {
font-size: 1rem;
}
}
/*header {*/
/* position: sticky;*/
/* top: 20px;*/
/* left: 0;*/
/* z-index: 998;*/
/*}*/
/*header.header-not-sticky {*/
/* position: initial;*/
/*}*/
/*header:not(.header--dark) .header-container {*/
/* background-color: var(--c5);*/
/* border-color: var(--c9);*/
/*}*/
/*header:not(.header--dark) .header-container .header-logo-company {*/
/* color: var(--c3);*/
/*}*/
/*header:not(.header--dark) .header-container .sub a:has(svg) svg {*/
/* fill: rgba(91, 93, 114, 0.5);*/
/*}*/
/*header:not(.header--dark) .header-container .sub a:has(svg):hover svg {*/
/* fill: var(--c3);*/
/*}*/
/*header.header--dark .header-container {*/
/* background-color: var(--cb);*/
/* border-color: var(--c6);*/
/*}*/
/*header.header--dark .header-container .header-logo-company {*/
/* color: var(--c1);*/
/*}*/
/*header.header--dark .header-container .sub a:has(svg) svg {*/
/* fill: var(--c1);*/
/*}*/
/*header.header--dark .header-container .sub a:has(svg):hover svg {*/
/* fill: var(--c3);*/
/*}*/
/*.header-container {*/
/* display: flex;*/
/* justify-content: space-between;*/
/* align-items: center;*/
/* border-width: 1px;*/
/* border-style: solid;*/
/* border-radius: 10px;*/
/*}*/
/*.header-container.header-container--visible {*/
/* height: auto;*/
/* overflow: visible;*/
/* opacity: 1;*/
/*}*/
/*.header-logo-company {*/
/* width: 186px;*/
/* height: 43px;*/
/*}*/
/*.nav-list a:has(svg) {*/
/* display: inline-flex;*/
/* align-items: center;*/
/* column-gap: 15px;*/
/*}*/
/*.nav-list a:has(svg) svg {*/
/* width: 10px;*/
/* height: 10px;*/
/* transition: 0.3s ease-in-out;*/
/*}*/
/*@media (min-width: 1201px) {*/
/* .header-container {*/
/* position: relative;*/
/* height: 80px;*/
/* padding: 17px 15px;*/
/* column-gap: 20px;*/
/* }*/
/* .header__bl-5 {*/
/* display: none;*/
/* }*/
/* .header__bl-4 {*/
/* display: flex;*/
/* column-gap: 10px;*/
/* }*/
/* .has-sub-button {*/
/* display: none;*/
/* }*/
/* header:not(.header--dark) .nav-list a {*/
/* color: var(--cb);*/
/* }*/
/* header:not(.header--dark) .nav-list a:hover {*/
/* color: var(--c3);*/
/* }*/
/* header:not(.header--dark) .nav-list > li li {*/
/* background-color: var(--c5);*/
/* }*/
/* header:not(.header--dark) .has-sub > a:after {*/
/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23171B2B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");*/
/* }*/
/* header:not(.header--dark) .has-sub:hover > a {*/
/* color: var(--c3);*/
/* }*/
/* header.header--dark .header-container .nav-list a {*/
/* color: var(--c1);*/
/* }*/
/* header.header--dark .header-container .nav-list a:hover {*/
/* color: var(--c3);*/
/* }*/
/* header.header--dark .header-container .nav-list > li li {*/
/* background-color: var(--cb);*/
/* }*/
/* header.header--dark .header-container .has-sub > a:after {*/
/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");*/
/* }*/
/* header.header--dark .header-container .has-sub:hover > a {*/
/* color: var(--c3);*/
/* }*/
/* .nav-list {*/
/* display: flex;*/
/* column-gap: 50px;*/
/* }*/
/* .nav-list a {*/
/* display: inline-block;*/
/* line-height: 1;*/
/* }*/
/* .nav-list > li > a {*/
/* letter-spacing: -0.16px;*/
/* transition: color 0.3s ease-in-out;*/
/* }*/
/* .nav-list > li ul {*/
/* position: absolute;*/
/* top: 100%;*/
/* left: -30px;*/
/* z-index: 100;*/
/* width: max-content;*/
/* min-width: 220px;*/
/* max-height: calc(100vh - 90px);*/
/* padding-top: 44px;*/
/* overflow-y: auto;*/
/* opacity: 0;*/
/* visibility: hidden;*/
/* transform: scaleY(0);*/
/* transform-origin: top;*/
/* transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;*/
/* }*/
/* .nav-list > li li {*/
/* padding-left: 40px;*/
/* padding-right: 40px;*/
/* }*/
/* .nav-list > li li + li {*/
/* padding-top: 29px;*/
/* }*/
/* .nav-list > li li:first-child {*/
/* padding-top: 35px;*/
/* border-radius: 10px 10px 0 0;*/
/* }*/
/* .nav-list > li li:last-child {*/
/* padding-bottom: 48px;*/
/* border-radius: 0 0 10px 10px;*/
/* }*/
/* .nav-list:has(.has-sub) > li:not(.has-sub) > a {*/
/* padding-right: 0;*/
/* }*/
/* .has-sub {*/
/* position: relative;*/
/* }*/
/* .has-sub > a {*/
/* position: relative;*/
/* padding-right: 24px;*/
/* }*/
/* .has-sub > a:after {*/
/* content: "";*/
/* position: absolute;*/
/* right: 0;*/
/* top: 50%;*/
/* margin-top: -3px;*/
/* width: 14px;*/
/* height: 8px;*/
/* transition: 0.3s ease-in-out;*/
/* }*/
/* .has-sub:hover > a {*/
/* color: var(--c3);*/
/* }*/
/* .has-sub:hover ul {*/
/* opacity: 1;*/
/* visibility: visible;*/
/* transform: scaleY(1);*/
/* }*/
/*}*/
/*@media (max-width: 1200px) {*/
/* .header-container {*/
/* position: relative;*/
/* height: 80px;*/
/* margin-left: 1.6666666667%;*/
/* margin-right: 1.6666666667%;*/
/* padding: 17px 3.5714285714%;*/
/* }*/
/* @keyframes fadeOut {*/
/* from {*/
/* opacity: 1;*/
/* }*/
/* to {*/
/* opacity: 0;*/
/* }*/
/* }*/
/* @keyframes fadeIn {*/
/* from {*/
/* opacity: 0;*/
/* }*/
/* to {*/
/* opacity: 1;*/
/* }*/
/* }*/
/* @keyframes mrotl {*/
/* 0% {*/
/* transform: translateY(0) rotate(0);*/
/* }*/
/* 50% {*/
/* transform: translateY(-15px) rotate(0);*/
/* }*/
/* 100% {*/
/* transform: translateY(-15px) rotate(-45deg);*/
/* }*/
/* }*/
/* @keyframes mrotr {*/
/* 0% {*/
/* transform: translateY(0) rotate(0);*/
/* }*/
/* 50% {*/
/* transform: translateY(15px) rotate(0);*/
/* }*/
/* 100% {*/
/* transform: translateY(15px) rotate(45deg);*/
/* }*/
/* }*/
/* .header-nav,*/
/* .header__bl-4 {*/
/* display: none;*/
/* }*/
/* .header__bl-5 {*/
/* display: flex;*/
/* column-gap: 10px;*/
/* }*/
/* .header-exit-btn,*/
/* .toggle-btn,*/
/* .toggle-wrapper {*/
/* width: 44px;*/
/* height: 44px;*/
/* }*/
/* .header-exit-btn,*/
/* .toggle-btn {*/
/* background-color: var(--c7);*/
/* border-radius: 4px;*/
/* }*/
/* .header-exit-btn:hover,*/
/* .toggle-btn:hover {*/
/* background-color: rgb(29.25, 32.25, 47.25);*/
/* border-color: rgb(29.25, 32.25, 47.25);*/
/* }*/
/* .header-exit-btn {*/
/* position: relative;*/
/* z-index: 999;*/
/* display: inline-flex;*/
/* justify-content: center;*/
/* align-items: center;*/
/* color: var(--c1);*/
/* }*/
/* .header-exit-btn svg {*/
/* width: 17px;*/
/* height: 16px;*/
/* fill: currentColor;*/
/* }*/
/* .toggle-btn,*/
/* .toggle-wrapper {*/
/* position: relative;*/
/* }*/
/* .toggle-wrapper {*/
/* display: inline-flex;*/
/* }*/
/* .toggle-btn {*/
/* position: relative;*/
/* display: inline-block;*/
/* padding: 0;*/
/* z-index: 999;*/
/* cursor: pointer;*/
/* opacity: 0;*/
/* border: 1px solid var(--c7);*/
/* animation: 0.3s 0.6s forwards fadeIn;*/
/* }*/
/* .toggle-btn span {*/
/* display: inline-block;*/
/* position: absolute;*/
/* left: 50%;*/
/* top: 50%;*/
/* translate: -50% -50%;*/
/* width: 18px;*/
/* height: 1px;*/
/* background-color: var(--c1);*/
/* }*/
/* .toggle-btn span:first-child {*/
/* margin-top: -2px;*/
/* transition: top 0.3s 0.3s, transform 0.3s ease-out 0.1s;*/
/* animation: 0.6s cubic-bezier(0.5, 0.2, 0.2, 1.01) mrotr;*/
/* }*/
/* .toggle-btn span:nth-child(2) {*/
/* margin-top: 2px;*/
/* transition: top 0.3s 0.3s, transform 0.3s ease-out 0.1s;*/
/* animation: 0.6s cubic-bezier(0.5, 0.2, 0.2, 1.01) mrotl;*/
/* }*/
/* .toggle-btn-style span:first-child {*/
/* margin-top: 0;*/
/* rotate: 45deg;*/
/* transition: top 0.3s 0.1s, rotate 0.3s ease-out 0.5s;*/
/* }*/
/* .toggle-btn-style span:nth-child(2) {*/
/* margin-top: 0;*/
/* rotate: -45deg;*/
/* transition: top 0.3s 0.1s, rotate 0.3s ease-out 0.5s;*/
/* }*/
/* header:not(.header--dark) .toggle-btn-style {*/
/* border-color: var(--c9);*/
/* background-color: var(--c1);*/
/* }*/
/* header:not(.header--dark) .toggle-btn-style span:first-child,*/
/* header:not(.header--dark) .toggle-btn-style span:nth-child(2) {*/
/* background-color: var(--cb);*/
/* }*/
/* header:not(.header--dark) .toggle-btn-style:hover {*/
/* border-color: var(--c9);*/
/* background-color: var(--c1);*/
/* }*/
/* .toggle__content {*/
/* position: fixed;*/
/* top: 0;*/
/* left: 0;*/
/* bottom: 0;*/
/* z-index: 998;*/
/* width: 100%;*/
/* opacity: 0;*/
/* visibility: hidden;*/
/* transform: scaleY(0);*/
/* transform-origin: top;*/
/* background-color: var(--c1);*/
/* transition: 0.55s cubic-bezier(0.86, 0, 0.07, 1);*/
/* padding: 135px 20px 80px 40px;*/
/* }*/
/* .toggle__content.content-visible {*/
/* opacity: 1;*/
/* visibility: visible;*/
/* transform: scaleY(1);*/
/* }*/
/* .toggle__inner {*/
/* display: flex;*/
/* flex-direction: column;*/
/* justify-content: space-between;*/
/* row-gap: 40px;*/
/* width: min(375px, 100%);*/
/* height: 100%;*/
/* overflow-y: auto;*/
/* }*/
/* .toggle__inner .header-nav {*/
/* display: block;*/
/* }*/
/* .ovyh .header-container {*/
/* margin-left: 0;*/
/* margin-right: 0;*/
/* padding-left: 0;*/
/* padding-right: 0;*/
/* transition: 0.55s cubic-bezier(0.86, 0, 0.07, 1);*/
/* }*/
/* .ovyh header.header--dark .header-container,*/
/* .ovyh header:not(.header--dark) .header-container {*/
/* background-color: var(--c1);*/
/* border-color: transparent;*/
/* }*/
/* .ovyh .header-logo-company,*/
/* .ovyh .header__bl-1 {*/
/* position: relative;*/
/* z-index: 999;*/
/* }*/
/* .nav-list a {*/
/* font-size: 0.875rem;*/
/* line-height: 1;*/
/* }*/
/* .nav-list a svg {*/
/* display: none;*/
/* }*/
/* .nav-list > li:not(:first-child) {*/
/* border-top: 1px solid var(--c9);*/
/* }*/
/* .nav-list > li:last-child {*/
/* border-bottom: 1px solid var(--c9);*/
/* }*/
/* .nav-list > li.has-sub {*/
/* position: relative;*/
/* }*/
/* .nav-list > li.has-sub > a {*/
/* width: calc(100% - 40px);*/
/* }*/
/* .nav-list > li > a {*/
/* display: flex;*/
/* height: 52px;*/
/* padding-top: 3px;*/
/* align-items: center;*/
/* color: var(--cb);*/
/* border-bottom: 1px solid transparent;*/
/* }*/
/* .nav-list > li > a:hover {*/
/* color: var(--c3);*/
/* }*/
/* .has-sub-button {*/
/* display: inline-flex;*/
/* justify-content: flex-end;*/
/* align-items: center;*/
/* position: absolute;*/
/* top: 0;*/
/* right: 0;*/
/* padding: 0;*/
/* width: 40px;*/
/* height: 52px;*/
/* border-bottom: 1px solid transparent;*/
/* cursor: pointer;*/
/* transition: 0.3s ease-in-out;*/
/* }*/
/* .has-sub-button:before {*/
/* content: "";*/
/* width: 12px;*/
/* height: 7px;*/
/* background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23A3A7C7' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E")*/
/* 50% 50% no-repeat;*/
/* transition: 0.3s ease-in-out;*/
/* }*/
/* .has-sub-button.open {*/
/* border-bottom-color: var(--c9);*/
/* }*/
/* .has-sub-button.open:before {*/
/* rotate: 180deg;*/
/* }*/
/* .has-sub-button.open + a {*/
/* border-bottom-color: var(--c9);*/
/* }*/
/* .has-sub-button.open ~ .sub {*/
/* max-height: 9999px;*/
/* opacity: 1;*/
/* padding-top: 17px;*/
/* padding-bottom: 15px;*/
/* }*/
/* .sub {*/
/* display: flex;*/
/* flex-direction: column;*/
/* row-gap: 20px;*/
/* max-height: 0;*/
/* opacity: 0;*/
/* overflow: hidden;*/
/* transition: 0.3s ease-in-out;*/
/* }*/
/* .sub a {*/
/* display: inline-block;*/
/* color: var(--c6);*/
/* }*/
/* .sub a:hover {*/
/* color: var(--c3);*/
/* }*/
/* .toggle-inner-btns {*/
/* display: grid;*/
/* grid-template-columns: repeat(2, 1fr);*/
/* column-gap: 5px;*/
/* }*/
/* .toggle-inner-btns + .s_ocial {*/
/* margin-top: 40px;*/
/* }*/
/* .header--dark .toggle-btn-style {*/
/* border-color: var(--c8);*/
/* }*/
/* .header--dark .toggle__content {*/
/* background-color: var(--cb);*/
/* }*/
/* .header--dark .nav-list > li:not(:first-child) {*/
/* border-top-color: var(--c8);*/
/* }*/
/* .header--dark .nav-list a {*/
/* color: var(--c8);*/
/* }*/
/* .header--dark .nav-list a:hover {*/
/* color: var(--c1);*/
/* }*/
/*}*/
/*@media (max-width: 1024px) {*/
/* .header-container {*/
/* margin-left: 1.953125%;*/
/* margin-right: 1.953125%;*/
/* padding-left: 4.2372881356%;*/
/* padding-right: 4.2372881356%;*/
/* }*/
/*}*/
/*@media (max-width: 767px) {*/
/* .header-container,*/
/* .toggle__content {*/
/* padding-left: 20px;*/
/* padding-right: 20px;*/
/* }*/
/* .header-container {*/
/* margin-left: 20px;*/
/* margin-right: 20px;*/
/* }*/
/*}*/
/*@media (max-width: 430px) {*/
/* header:not(.header--dark) .header-container {*/
/* background-color: var(--c1);*/
/* }*/
/* .header-container {*/
/* margin-left: 0;*/
/* margin-right: 0;*/
/* }*/
/* .header-exit-btn {*/
/* display: none;*/
/* }*/
/*}*/
/*@media (max-width: 415px) {*/
/* .header-container,*/
/* .toggle__content {*/
/* padding-left: 15px;*/
/* padding-right: 15px;*/
/* }*/
/* .toggle__inner {*/
/* width: 100%;*/
/* }*/
/* .header-logo-company {*/
/* width: 170px;*/
/* height: 39px;*/
/* }*/
/*}*/
/*@media (min-width: 376px) {*/
/* .logo-company-svg--mobile {*/
/* display: none;*/
/* }*/
/*}*/
/*@media (max-width: 375px) {*/
/* body:has(.early-access-message.dn) main {*/
/* padding-top: 30px;*/
/* }*/
/* .header-container,*/
/* .toggle__content {*/
/* padding-left: 10px;*/
/* padding-right: 10px;*/
/* }*/
/* .header-container {*/
/* height: 60px;*/
/* padding-top: 9px;*/
/* padding-bottom: 9px;*/
/* }*/
/* .header-logo-company {*/
/* width: 34px;*/
/* height: 36px;*/
/* }*/
/* .logo-company-svg--desktop {*/
/* display: none;*/
/* }*/
/* .logo-company-svg--mobile {*/
/* display: block;*/
/* }*/
/* .toggle-btn,*/
/* .toggle-wrapper {*/
/* width: 40px;*/
/* height: 40px;*/
/* }*/
/* .nav-list a {*/
/* font-size: 1rem;*/
/* }*/
/* .toggle-inner-btns a {*/
/* font-size: 1.1428571429rem;*/
/* }*/
/*}*/
.hel {
width: 0;
height: 0;
line-height: 0;
font-size: 0;
visibility: hidden;
opacity: 0;
text-indent: -9999px;
}
.db {
display: block;
}
.dn {
display: none;
}
.disabled {
pointer-events: none;
}
.hidden {
opacity: 0;
pointer-events: none;
visibility: hidden;
transform: scale(0);
}
.visible {
opacity: 1;
visibility: visible;
transform: scaleY(1);
}
.ovh {
overflow: hidden;
}
.ovyh {
overflow-y: hidden;
}
.tac {
text-align: center;
}
.ttu {
text-transform: uppercase;
}
.animate__animated {
animation-duration: 1s;
animation-duration: var(--animate-duration);
animation-fill-mode: both;
}
.animate__slideInUp {
animation-name: slideInUp;
}
@keyframes slideInUp {
0% {
transform: translate3d(0, 100%, 0);
visibility: visible;
opacity: 0;
}
to {
transform: translateZ(0);
opacity: 1;
}
}
.logo-company {
display: inline-block;
text-decoration: none;
}
.logo-company svg {
width: 100%;
height: 100%;
}
.logo-company:hover {
text-decoration: none;
}
.logo-company-path {
fill: currentColor;
transition: 0.3s ease-in-out;
}
.dotlottie-wrapper canvas,
.spline-viewer-wrapper canvas {
max-width: 100%;
height: auto;
}
.list-img,
.list-img-2 {
position: relative;
}
.list-img {
overflow: hidden;
}
.list-img img,
.list-img picture {
position: absolute;
top: 0;
left: 0;
height: 100%;
min-width: 100%;
object-fit: cover;
}
.list-img-2 div {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
overflow: hidden;
}
.list-img-2 img,
.list-img-2 picture {
max-height: 100%;
width: auto;
}
iframe:not(.facebook),
iframe:not(.instagram-media),
iframe:not([id^="telegram"]),
video {
margin-bottom: 0;
border: none;
}
.video-wrapper {
position: relative;
margin-bottom: 45px;
padding-top: 56.25%;
}
.video-wrapper iframe:not(.facebook),
.video-wrapper iframe:not(.instagram-media),
.video-wrapper iframe:not([id^="telegram"]),
.video-wrapper video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-bottom: 0;
border: none;
object-fit: cover;
}
.carousel-wrapper,
.slider-wrapper {
position: relative;
}
.carousel-wrapper .carousel-btn,
.carousel-wrapper .slider-btn,
.slider-wrapper .carousel-btn,
.slider-wrapper .slider-btn {
position: absolute;
}
.slider-wrapper .swiper-horizontal > .swiper-pagination-bullets,
.slider-wrapper .swiper-pagination-bullets.swiper-pagination-horizontal,
.slider-wrapper .swiper-pagination-custom,
.slider-wrapper .swiper-pagination-fraction {
bottom: auto;
top: 40px;
}
.slider-wrapper .swiper-pagination {
display: flex;
justify-content: center;
column-gap: 16px;
}
.slider-wrapper .swiper-pagination-bullet {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: var(--c6);
opacity: 1;
}
.slider-wrapper .swiper-pagination-bullet-active {
background-color: var(--c1);
}
.carousel-wrapper.slider-wrapper-not-initialized,
.carousel-wrapper.slider-wrapper-not-initialized .carousel-btn,
.carousel-wrapper.slider-wrapper-not-initialized .slider-btn,
.slider-wrapper.slider-wrapper-not-initialized,
.slider-wrapper.slider-wrapper-not-initialized .carousel-btn,
.slider-wrapper.slider-wrapper-not-initialized .slider-btn {
position: initial;
}
.carousel-wrapper:not(.slider-wrapper-not-initialized),
.slider-wrapper:not(.slider-wrapper-not-initialized) {
position: relative;
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn {
position: absolute;
z-index: 2;
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock),
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock),
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock),
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) {
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0;
border: 1px solid var(--c24);
border-radius: 5px;
background-color: var(--c1);
cursor: pointer;
transition: 0.3s ease-in-out;
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock) svg,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) svg,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock) svg,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) svg {
fill: currentColor;
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock):hover,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock):hover,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock):hover,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock):hover {
background-color: var(--c24);
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn.swiper-button-disabled,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn.swiper-button-lock,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn.swiper-button-disabled,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn.swiper-button-lock,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn.swiper-button-disabled,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn.swiper-button-lock,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn.swiper-button-disabled,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn.swiper-button-lock {
display: none;
pointer-events: none;
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock),
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock) {
width: 26px;
height: 26px;
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock) svg,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock) svg {
width: 14px;
height: 8px;
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock),
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) {
width: 50px;
height: 50px;
color: var(--cb);
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) svg,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) svg {
width: 18px;
height: 16px;
fill: currentColor;
}
.slider-single-item .slider-btn,
.slider-single-item .swiper-pagination,
.slider-wrapper.slider-wrapper-not-initialized .slider-btn,
.slider-wrapper.slider-wrapper-not-initialized .swiper-pagination {
display: none;
}
.s_ocial {
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: center;
}
.s_ocial a,
.s_ocial li {
display: inline-block;
width: 20px;
height: 20px;
}
.s_ocial:not(.social-style-1, .social-style-2) a {
color: var(--cb);
}
.s_ocial.social-style-1 a {
color: var(--c5);
}
.s_ocial.social-style-2 li:has(.s_ocial__e_mail) {
width: 24px;
height: 18px;
}
.s_ocial.social-style-2 a {
color: var(--c3);
}
.s_ocial.social-style-2 a.s_ocial__e_mail {
width: 24px;
height: 18px;
}
.s_ocial a,
.s_ocial a:hover {
text-decoration: none;
}
.s_ocial a.s_ocial__l_inkedin:hover {
color: var(--c13);
}
.s_ocial a.s_ocial__i_nstagram:hover,
.s_ocial a.s_ocial__t_alk:hover {
color: var(--c14);
}
.s_ocial a.s_ocial__f_acebook:hover {
color: var(--c15);
}
.s_ocial a.s_ocial__p_interest:hover {
color: var(--c16);
}
.s_ocial a.s_ocial__t_elegram:hover {
color: var(--c17);
}
.s_ocial a.s_ocial__w_hatsapp:hover {
color: var(--c18);
}
.s_ocial a.s_ocial__v_iber:hover {
color: var(--c19);
}
.s_ocial a.s_ocial__y_outube:hover {
color: var(--c20);
}
.s_ocial a.s_ocial__m_essenger:hover {
color: var(--c21);
}
.s_ocial svg {
width: 100%;
height: 100%;
fill: currentColor;
transition: 0.3s ease-in-out;
}
.social-style-4 {
gap: 13px;
align-items: baseline;
}
.social-style-4 .s_ocial__e_mail path,
.social-style-4 .s_ocial__l_inkedin path {
transition: 0.3s ease-in-out;
}
.social-style-4 .s_ocial__l_inkedin path {
fill: var(--c3);
}
.social-style-4 .s_ocial__l_inkedin:hover path {
fill: var(--c13);
}
.social-style-4 .s_ocial__e_mail .path-1 {
fill: var(--c3);
}
.social-style-4 .s_ocial__e_mail .path-2 {
fill: var(--c1);
}
.social-style-4 .s_ocial__e_mail:hover .path-1 {
fill: var(--c13);
}
.social-style-5 {
gap: 5px;
}
.social-style-5 a,
.social-style-5 li {
width: 50px;
height: 50px;
}
.social-style-5 a {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 5px;
border: 1px solid rgba(48, 48, 48, 0.1);
}
.social-style-5 a path {
transition: 0.3s ease-in-out;
}
.social-style-5 .s_ocial__f_acebook svg,
.social-style-5 .s_ocial__i_nstagram svg,
.social-style-5 .s_ocial__l_inkedin svg {
width: 20px;
height: 20px;
}
.social-style-5 .s_ocial__f_acebook path,
.social-style-5 .s_ocial__i_nstagram path,
.social-style-5 .s_ocial__l_inkedin path {
transition: 0.3s ease-in-out;
}
.social-style-5 .s_ocial__y_outube svg {
width: 21px;
height: 15px;
}
.social-style-5 .s_ocial__f_acebook,
.social-style-5 .s_ocial__i_nstagram,
.social-style-5 .s_ocial__l_inkedin,
.social-style-5 .s_ocial__y_outube {
color: var(--cb);
}
.social-style-5 .s_ocial__f_acebook path,
.social-style-5 .s_ocial__i_nstagram path,
.social-style-5 .s_ocial__l_inkedin path,
.social-style-5 .s_ocial__y_outube path {
fill: currentColor;
}
.social-style-5 .s_ocial__f_acebook:hover,
.social-style-5 .s_ocial__i_nstagram:hover,
.social-style-5 .s_ocial__l_inkedin:hover,
.social-style-5 .s_ocial__y_outube:hover {
color: var(--c3);
}
.header--dark .social-style-5 a {
border-color: var(--c8);
color: var(--c8);
}
.body-style-1 {
position: relative;
padding: 20px 0 20px 20px;
}
.body-style-1.mobile-user-agent {
padding-right: 20px;
}
.body-style-1 main {
position: relative;
}
.body-style-1 section {
position: relative;
z-index: 2;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
background: var(--c4) url(assets/img/bg.svg) no-repeat 0 100%;
background-size: cover;
}
.body-style-1 .container-md {
padding: 20px;
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: center;
}
.body-style-1 h1 {
margin-bottom: 22px;
font-size: 3.4375rem;
text-align: center;
}
.body-style-1 h1 ~ p {
max-width: 530px;
font-size: 1.125rem;
line-height: 1.4;
text-align: center;
}
.body-style-1 h1 ~ p:last-of-type {
margin-bottom: 0;
}
.body-style-1 h1 ~ p + .btn {
margin-top: 38px;
}
.body-style-1 h1 ~ p + .form {
margin-top: 39px;
}
@media (max-width: 576px) {
.body-style-1 h1 {
font-size: 2.8125rem;
}
.body-style-1 p {
font-size: 1rem;
}
}
@media (max-width: 415px) {
.body-style-1 h1 {
font-size: 2.1875rem;
}
}
@media (max-width: 375px) {
.body-style-1 {
padding: 10px 0 10px 10px;
}
.body-style-1.mobile-user-agent {
padding-right: 10px;
}
.body-style-1 .container-md {
padding: 10px;
}
.body-style-1 h1 {
font-size: 2.5rem;
}
.body-style-1 h1 ~ p {
font-size: 1.1428571429rem;
}
}
@media (max-width: 320px) {
.body-style-1 h1 {
font-size: 1.875rem;
}
}
.scroll-table-content {
margin-bottom: 30px;
overflow-y: hidden;
overflow-x: auto;
padding: 20px 16px;
border-radius: 15px;
background-color: var(--c5);
}
.scroll-table-content table {
margin-bottom: 0;
}
@media (max-width: 415px) {
.scroll-table-content {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 375px) {
.scroll-table-content {
padding-left: 10px;
padding-right: 10px;
}
}
.map-wrapper {
position: relative;
padding-top: 71.845%;
overflow: hidden;
border-radius: 5px;
}
.map-wrapper iframe {
position: absolute;
top: 0;
left: 0;
height: 100%;
min-width: 100%;
border: none;
}
.style-1 {
margin-bottom: 150px;
}
.style-1.our-culture-values {
padding-top: 150px;
}
@media screen and (max-width: 768px) {
.style-1.our-culture-values {
padding-bottom: 80px;
}
}
.style-2 {
max-height: 400px;
overflow: hidden;
}
.style-3 {
margin-bottom: 130px;
}
.style-4 {
margin-bottom: 100px;
}
.style-5 {
margin-bottom: 60px;
}
.style-6 {
margin-bottom: 64px;
}
.style-7 {
margin-bottom: 77px;
}
.style-8 {
margin-bottom: 70px;
}
@media (max-width: 767px) {
.style-1,
.style-4 {
margin-bottom: 80px;
}
}
.alert {
margin-bottom: 40px;
padding: 24px 27px;
border-radius: 15px;
}
.alert p {
line-height: 1.4;
letter-spacing: 0.5px;
}
.alert p:last-child {
margin-bottom: 0;
}
.alert strong {
font-weight: 600;
}
@media (max-width: 767px) {
.alert {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 415px) {
.alert {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 375px) {
.alert {
padding-left: 10px;
padding-right: 10px;
}
}
.alert--info p,
.alert--primary p {
color: var(--c1);
}
.alert--info {
background: linear-gradient(99deg, #064cea 38.19%, #032b84 90.42%);
}
.alert--primary {
background-color: rgba(255, 255, 255, 0.13);
}
.alert-success {
background-color: var(--c5);
}
.alert-style-1 {
padding: 18px 16px 16px;
border-radius: 7px;
}
.alert-style-1 p {
font-size: 0.875rem;
letter-spacing: 0.25px;
}
.alert-style-2 {
padding: 15px;
border-radius: 0;
border-left: 5px solid var(--c3);
}
.alert-style-2 p {
font-weight: 600;
color: var(--c2);
}
.alert-style-3 {
padding-top: 19px;
padding-bottom: 19px;
}
.alert-style-3 p {
font-weight: 500;
}
.alert-style-3 p a {
text-decoration: underline;
}
.alert-style-3 p a:hover {
text-decoration: none;
}
.alert--has-icon {
display: flex;
align-items: flex-start;
column-gap: 34px;
}
.alert--has-icon svg {
flex-shrink: 0;
}
.alert--has-icon ol,
.alert--has-icon p,
.alert--has-icon ul {
flex-grow: 1;
}
.alert--has-icon.icon-bell svg {
width: 37px;
height: 46px;
}
.alert--has-icon.icon-info svg {
width: 25px;
height: 29px;
}
.alert--has-icon-style-1 {
column-gap: 20px;
}
.title-1 {
font-size: 2.8125rem;
}
.title-2 {
font-size: 1.25rem;
line-height: 1.3;
color: var(--c28);
}
h2.title-2 {
color: var(--cb);
font-size: clamp(35px, 5vw, 45px);
line-height: 1.2;
}
.title-2 + .add-info {
padding-top: 12px;
}
.blog .title-2 + .add-info {
padding-top: 36px;
}
@media (max-width: 768px) {
.blog .title-2 + .add-info {
padding-top: 25px;
}
.list-style-1.list-1 {
gap: 35px 17px!important;
}
}
@media (max-width: 375px) {
.alert--has-icon {
column-gap: 20px;
}
.alert-style-1 p {
font-size: 1rem;
}
.alert--has-icon.icon-bell svg {
width: 20px;
height: 25px;
}
.title-1 {
font-size: 2.5rem;
}
.title-2 {
font-size: 1.4285714286rem;
}
}
@media (max-width: 320px) {
.title-1 {
font-size: 2.1428571429rem;
}
}
.chips {
display: flex;
gap: 10px;
}
.chips-btn {
display: inline-block;
padding: 8px 10px;
font: 700 0.875rem/1 var(--f1);
letter-spacing: -0.42px;
color: var(--cb);
border-radius: 5px;
background-color: var(--c5);
font-weight: 500!important;
}
.chips-btn:hover {
background-color: rgb(228.1666666667, 232, 247.3333333333);
border-color: rgb(228.1666666667, 232, 247.3333333333);
}
.chips-btn.active {
background-color: var(--c3);
color: var(--c1);
pointer-events: none;
}
@media (min-width: 577px) {
.chips {
flex-wrap: wrap;
}
.add-info-style-7 h2 {
translate: 0 16px;
}
}
@media (max-width: 576px) {
.chips {
scroll-snap-type: x mandatory;
overflow-y: hidden;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.chips::-webkit-scrollbar {
display: none;
}
.chips-btn {
scroll-snap-align: start;
white-space: nowrap;
}
}
.breadcrumbs {
display: inline-flex;
flex-wrap: wrap;
gap: 8px 6px;
margin-bottom: 40px;
padding: 6px 10px;
border-radius: 5px;
background-color: var(--c5);
}
.breadcrumbs a,
.breadcrumbs li {
display: inline-block;
}
.breadcrumbs li:not(:last-child) {
position: relative;
padding-right: 12px;
}
.breadcrumbs li:not(:last-child):after {
content: "/";
position: absolute;
right: 0;
top: 3px;
font: 0.625rem/1.2 var(--f3);
color: var(--c8);
}
.breadcrumbs li:not(:last-child) a {
color: var(--c8);
}
.breadcrumbs li:not(:last-child) a:hover {
color: var(--c3);
}
.breadcrumbs li:not(:nth-last-child(2)):after {
color: var(--cb);
}
.breadcrumbs li:last-child a {
color: var(--cb);
pointer-events: none;
}
.breadcrumbs a {
font: 0.625rem/1.2 var(--f3);
}
.breadcrumbs + .top-section-dark-content {
margin-top: 2px;
}
@media (max-width: 375px) {
.chips-btn {
font-size: 1rem;
}
.breadcrumbs li:not(:last-child):after {
top: 2px;
font-size: 0.7142857143rem;
}
.breadcrumbs a {
font-size: 0.7142857143rem;
}
}
.tooltip {
position: relative;
cursor: pointer;
}
.tooltip:hover .tooltip__content {
opacity: 1;
visibility: visible;
transform: scaleY(1);
}
.tooltip__content {
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: flex;
column-gap: 10px;
width: min(100vw, 305px);
padding: 15px 16px 13px;
border-radius: 8px;
border: 1px solid var(--c41);
background-color: var(--c1);
box-shadow: 3px 3px 12px 0 var(--c40);
pointer-events: none;
opacity: 0;
visibility: hidden;
transform: scaleY(0);
transform-origin: bottom;
transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
}
.tooltip-icon {
flex-shrink: 0;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.tooltip-icon.tooltip-icon--info {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5999 9.9999C19.5999 15.3018 15.3019 19.5999 9.99992 19.5999C4.69798 19.5999 0.399902 15.3018 0.399902 9.9999C0.399902 4.69797 4.69798 0.399902 9.99992 0.399902C15.3019 0.399902 19.5999 4.69797 19.5999 9.9999ZM11.1999 5.1999C11.1999 5.86264 10.6627 6.3999 9.99992 6.3999C9.33717 6.3999 8.79992 5.86264 8.79992 5.1999C8.79992 4.53716 9.33717 3.9999 9.99992 3.9999C10.6627 3.9999 11.1999 4.53716 11.1999 5.1999ZM8.79992 8.7999C8.13717 8.7999 7.59991 9.33716 7.59991 9.9999C7.59991 10.6626 8.13717 11.1999 8.79992 11.1999V14.7999C8.79992 15.4626 9.33717 15.9999 9.99992 15.9999H11.1999C11.8627 15.9999 12.3999 15.4626 12.3999 14.7999C12.3999 14.1372 11.8627 13.5999 11.1999 13.5999V9.9999C11.1999 9.33716 10.6627 8.7999 9.99992 8.7999H8.79992Z' fill='%233C6AFF'/%3E%3C/svg%3E");
}
.tooltip-text {
flex-grow: 1;
font-size: 0.75rem;
font-weight: 400;
line-height: 1.3;
color: var(--c42);
}
.accordion {
display: flex;
flex-direction: column;
}
.accordion__btn,
.accordion__btn:after,
.accordion__toggle-content {
transition: 0.4s ease-in-out;
}
.accordion__btn {
position: relative;
display: block;
width: 100%;
text-align: left;
cursor: pointer;
}
.accordion__btn:after {
content: "";
position: absolute;
top: 50%;
translate: 0 -50%;
transform-origin: 50% 50%;
}
.accordion__btn.open + .accordion__toggle-content {
max-height: 9999px;
opacity: 1;
height: auto;
}
.accordion__toggle-content {
overflow: hidden;
max-height: 0;
opacity: 0;
}
.accordion-style-1 > div {
overflow: hidden;
}
.accordion-style-1 .accordion__btn {
padding: 30px 50px 30px 0;
font-family: var(--f1);
font-weight: 700;
line-height: 1;
color: var(--c1);
border-top: 1px solid var(--c12);
}
.accordion-style-1 .accordion__btn:after {
right: 14px;
width: 22px;
height: 11px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='11' viewBox='0 0 22 11' fill='none'%3E%3Cpath d='M1 0.454346L11 9.45435L21 0.454346' stroke='%23A3A7C7'/%3E%3C/svg%3E") center no-repeat;
}
.accordion-style-1 .accordion__btn.open + .accordion__toggle-content {
padding-top: 2px;
padding-bottom: 65px;
}
.accordion-style-2 {
row-gap: 10px;
}
.accordion-style-3 .accordion__toggle-content p:last-child {
margin-bottom: 0;
}
.accordion-style-4 .accordion__btn.open:after {
rotate: 180deg;
}
.accordion-style-5.accordion-numeric .accordion__btn span {
top: 33px;
left: 30px;
}
.accordion-style-5 .accordion__btn {
padding: 33px 55px 33px 60px;
font-size: 1.125rem;
font-weight: 500;
line-height: 1;
border-radius: 7px;
background-color: var(--c5);
}
.accordion-style-5 .accordion__btn:after {
translate: none;
top: 30px;
right: 30px;
width: 18px;
height: 19px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3E%3Cpath fill='%23171B2B' fill-rule='evenodd' d='M.25 9.371a.5.5 0 0 1 .5-.5h16.5a.5.5 0 0 1 0 1H.75a.5.5 0 0 1-.5-.5Z' clip-rule='evenodd'/%3E%3Cpath fill='%23171B2B' fill-rule='evenodd' d='M9 .621a.5.5 0 0 1 .5.5v16.5a.5.5 0 0 1-1 0v-16.5a.5.5 0 0 1 .5-.5Z' clip-rule='evenodd'/%3E%3C/svg%3E")
center no-repeat;
}
.accordion-style-5 .accordion__btn.open {
padding-bottom: 23px;
}
.accordion-style-5 .accordion__btn.open:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='2' fill='none'%3E%3Cpath fill='%23171B2B' fill-rule='evenodd' d='M.25 1a.5.5 0 0 1 .5-.5h16.5a.5.5 0 0 1 0 1H.75a.5.5 0 0 1-.5-.5Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.accordion-style-5 .accordion__btn.open + .accordion__toggle-content {
padding-bottom: 28px;
}
.accordion-style-5 .accordion__toggle-content {
padding-left: 60px;
padding-right: 30px;
background-color: var(--c5);
}
.accordion-style-5 .accordion__toggle-content p {
max-width: 650px;
color: var(--c6);
}
@media (max-width: 375px) {
.tooltip-text {
font-size: 0.8571428571rem;
}
.accordion-style-5.accordion-numeric .accordion__btn span {
top: 23px;
left: 18px;
}
.accordion-style-5 .accordion__btn {
padding-top: 23px;
padding-bottom: 23px;
padding-left: 48px;
font-size: 1rem;
}
.accordion-style-5 .accordion__btn:after {
top: 20px;
right: 20px;
}
.accordion-style-5 .accordion__btn.open + .accordion__toggle-content {
padding-bottom: 28px;
}
.accordion-style-5 .accordion__toggle-content {
padding-left: 50px;
padding-right: 20px;
}
.accordion-style-5 .accordion__toggle-content p {
max-width: 235px;
font-size: 1rem;
}
}
@media (max-width: 320px) {
.accordion-style-5.accordion-numeric .accordion__btn span {
left: 10px;
}
.accordion-style-5 .accordion__btn {
padding-left: 30px;
padding-right: 35px;
}
.accordion-style-5 .accordion__btn:after {
right: 10px;
}
.accordion-style-5 .accordion__toggle-content {
padding-left: 30px;
padding-right: 10px;
}
}
.accordion-style-6.accordion-numeric .accordion__btn span {
top: 19px;
left: 0;
}
.accordion-style-6 .accordion__btn {
padding: 19px 20px 53px 39px;
font-size: 1.25rem;
font-weight: 500;
line-height: 1;
border-top: 1px solid rgba(91, 93, 114, 0.5);
}
.accordion-style-6 .accordion__btn:after {
right: 0;
width: 16px;
height: 8px;
top: 24px;
translate: none;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8' fill='none'%3E%3Cpath d='M15 1.12891L8 7.12891L1 1.12891' stroke='%235B5D72' stroke-opacity='0.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
center no-repeat;
}
.accordion-style-6 .accordion__btn.open {
padding-bottom: 18px;
}
.accordion-style-6 .accordion__btn.open:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8' fill='none'%3E%3Cpath d='M15 7.25781L8 1.25781L1 7.25781' stroke='%23171B2B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.accordion-style-6 .accordion__btn.open + .accordion__toggle-content {
padding-bottom: 28px;
}
.accordion-style-6 .accordion__toggle-content {
transition: none;
}
.accordion-style-6 .accordion__toggle-content p {
max-width: 650px;
font-size: 0.875rem;
color: var(--c6);
}
@media (max-width: 767px) {
.breadcrumbs + .top-section-dark-content {
margin-top: 40px;
}
.accordion-style-6 .accordion__btn.open + .accordion__toggle-content {
padding-bottom: 30px;
}
}
@media (max-width: 375px) {
.accordion-style-6 .accordion__btn {
font-size: 1.4285714286rem;
}
.accordion-style-6 .accordion__toggle-content p {
font-size: 1rem;
}
}
.accordion-style-7 > div:first-child .accordion__btn {
padding-left: 35px;
}
.accordion-style-8 .accordion__progressbar {
display: block;
height: 2px;
width: 0;
translate: 0 2px;
background-color: var(--cb);
pointer-events: none;
}
.accordion-numeric {
position: relative;
}
.accordion-numeric .accordion__btn span {
position: absolute;
font-weight: 500;
line-height: 1;
color: rgba(91, 93, 114, 0.5);
}
.add-info {
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
gap: 15px;
}
.add-info + .list-style-1,
.add-info + .recall {
margin-top: 60px;
}
.add-info .breadcrumbs {
margin-bottom: 0;
}
main>.container>.add-info .reset-list.breadcrumbs {
margin-top: 70px;
}
main>.container>.add-info .reset-list.breadcrumbs li {
display: inline-flex;
}
.add-info + .article {
margin-top: 64px;
}
.add-info + .article-preview-info-content {
margin-top: 40px;
}
.add-info-style-1 h2,
.add-info-style-1 p {
max-width: 520px;
}
.add-info-style-1 h2 {
margin-bottom: 0;
}
.add-info-style-2 p {
font-size: 1.125rem;
color: var(--c6);
}
.add-info-style-2 p:last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.add-info + .article-preview-info-content {
margin-top: 58px;
}
.add-info-style-4 > div:last-child {
display: none;
}
.add-info-style-6 {
flex-direction: column;
align-items: center;
row-gap: 35px;
}
.add-info-style-6 h2 {
margin-bottom: 0;
}
}
@media (max-width: 576px) {
.add-info-style-3 {
display: block;
}
.add-info-style-3 > div + div {
margin-top: 18px;
}
}
@media (max-width: 375px) {
.add-info + .article-preview-info-content {
margin-top: 10px;
}
.tag-style-3 + .add-info.add-info-style-5 {
margin-top: 0;
}
.add-info-style-2 p {
font-size: 1rem;
}
.add-info-style-5 {
flex-direction: column;
align-items: center;
row-gap: 22px;
}
.add-info-style-5 > div:has(.btn-full-mobile) {
width: 100%;
}
.add-info-style-5 h2 {
margin-bottom: 0;
}
}
.icon,
.icon-2 {
display: inline-flex;
justify-content: center;
align-items: center;
}
.icon {
background-color: var(--c1);
border-radius: 15px;
box-shadow: 0 4px 20px 0 rgba(23, 15, 73, 0.08);
}
.icon-2 {
border-radius: 7px;
border: 1px solid var(--c35);
}
.icon-stars-2 svg {
width: 28px;
height: 33px;
}
.icon-success svg {
width: 33px;
height: 33px;
}
.icon-check--round svg {
width: 20px;
height: 20px;
}
.icon-success-2 svg {
width: 25px;
height: 25px;
}
.icon-costs svg {
width: 24px;
height: 26px;
}
.icon-learning svg {
width: 36px;
height: 35px;
}
.icon-collaboration svg {
width: 31px;
height: 31px;
}
.icon-customer svg {
width: 35px;
height: 20px;
}
.icon-design svg,
.icon-responsibility svg {
width: 34px;
height: 34px;
}
.icon-design-2 svg {
width: 32px;
height: 36px;
}
.icon-style-1 {
width: 60px;
height: 60px;
}
.icon-style-2 {
width: 85px;
height: 85px;
}
.icon-style-2.icon-success svg {
width: 46px;
height: 46px;
}
.icon-style-2.icon-costs svg {
width: 32px;
height: 35px;
}
.icon-style-3 {
width: 32px;
height: 32px;
}
.icon-style-4 {
width: 45px;
height: 45px;
}
.tag {
display: inline-block;
margin-bottom: 26px;
padding: 8px 15px 6px;
font: 700 0.875rem/1 var(--f1);
letter-spacing: -0.42px;
color: var(--c6);
border-radius: 20px;
text-align: center;
}
@media (max-width: 375px) {
.tag {
font-size: 1rem;
}
}
.tag-default {
background-color: var(--c1);
}
.tag-primary {
background-color: var(--c5);
}
.tag-info {
color: var(--c1);
background-color: var(--c33);
}
.tag-info.tag-with-border-animation:before {
background-color: var(--c33);
}
.tag-style-1 {
min-width: 158px;
}
.tag-style-2 {
padding: 12px 20px;
}
.tag-style-2.tag-with-icon.tag-icon-lock {
padding-left: 45px;
}
.tag-style-2.tag-with-icon.tag-icon-lock svg {
left: 20px;
}
.tag-style-3 + .add-info {
margin-top: -14px;
}
.tag-style-4 + h2 {
margin-top: -2px;
}
.tag-style-5 {
min-width: 110px;
font-size: 0.625rem;
font-weight: 600;
letter-spacing: initial;
color: var(--c3);
text-transform: uppercase;
border-radius: 5px;
border: 1px solid var(--c3);
backdrop-filter: blur(2px);
}
@media (max-width: 375px) {
.tag-style-5 {
font-size: 0.7142857143rem;
}
}
.tag-style-6 {
min-width: 126px;
}
.tag-style-7 {
font: 600 0.75rem var(--fb);
letter-spacing: 0.25px;
}
.tag-style-8 {
min-width: 166px;
}
.tag-style-9 {
padding: 7px 14px 5px;
}
.tag-style-10 {
border-radius: 15px;
}
.tag-style-11 {
color: var(--c1);
background-color: rgba(255, 255, 255, 0.13);
}
.tag-style-12 {
color: var(--c1);
background: linear-gradient(97deg, #064cea 55.66%, #032b84 109.49%);
}
.tag-style-13 {
min-width: min(200px, 100%);
}
.tag-style-14 {
font-weight: 400;
}
@media (max-width: 375px) {
.tag-style-7 {
font-size: 0.8571428571rem;
}
}
.tag-with-icon {
position: relative;
}
.tag-with-icon svg {
position: absolute;
top: 50%;
left: 0;
translate: 0 -50%;
fill: currentColor;
}
.tag-icon-lock svg {
width: 13px;
height: 17px;
}
.tag-with-border-animation {
position: relative;
overflow: hidden;
background-color: transparent;
}
.tag-with-border-animation.tag-with-icon svg {
z-index: 2;
}
.tag-with-border-animation span {
position: relative;
z-index: 2;
display: inline-block;
}
.tag-with-border-animation:after,
.tag-with-border-animation:before {
content: "";
position: absolute;
}
.tag-with-border-animation:before {
inset: 1px;
z-index: 1;
border-radius: inherit;
}
.tag-with-border-animation:after {
top: 50%;
left: 50%;
width: 100%;
min-height: 20rem;
translate: -50% -50%;
rotate: -45deg;
background: conic-gradient(from 0 at 50% 50%, rgba(255, 255, 255, 0.5) 0deg, rgba(255, 255, 255, 0) 60deg, rgba(255, 255, 255, 0) 310deg, rgba(255, 255, 255, 0.5) 360deg);
animation: 3s linear infinite spin;
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.btn {
position: relative;
display: inline-block;
padding: 16px 15px;
/* font-family: var(--f1); */
font-weight: 700;
line-height: 1;
border: 1px solid transparent;
border-radius: 10px!important;
text-align: center;
cursor: pointer;
transition: 0.3s ease-in-out;
}
.btn.dn {
display: none;
}
.btn span {
position: relative;
display: inline-block;
}
.btn span svg {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
fill: currentColor;
transition: 0.3s ease-in-out;
}
.btn span.arrow-right-diagonal {
padding-right: 25px;
}
.btn span.arrow-right-diagonal svg {
left: auto;
right: 0;
width: 10px;
height: 10px;
}
.btn span.download {
padding-left: 27px;
}
.btn span.download svg {
width: 19px;
height: 19px;
}
.btn span.sturdy {
padding-left: 25px;
}
.btn span.sturdy svg {
width: 16px;
height: 17px;
}
.btn span.exit svg {
width: 17px;
height: 16px;
}
.btn:hover .arrow-right-diagonal svg {
transform: translate(3px, calc(-50% - 3px));
}
.btn-default {
color: var(--cb);
background-color: var(--c1);
border-color: var(--c4);
}
.btn-default:hover {
background-color: rgb(226.6, 230.15, 247.9);
border-color: rgb(226.6, 230.15, 247.9);
}
.btn-primary {
color: var(--c1);
background-color: var(--c3);
border-color: var(--c3);
}
.btn-primary:hover {
background-color: rgb(5.3625, 67.925, 209.1375);
border-color: rgb(5.3625, 67.925, 209.1375);
}
.btn-success {
color: var(--c3);
background-color: var(--c5);
border-color: var(--c5);
}
.btn-success:hover {
background-color: rgb(228.1666666667, 232, 247.3333333333);
border-color: rgb(228.1666666667, 232, 247.3333333333);
}
.btn-success-2 {
color: var(--cb);
background-color: var(--c5);
border-color: var(--c5);
}
.btn-success-2:hover {
background-color: rgb(228.1666666667, 232, 247.3333333333);
border-color: rgb(228.1666666667, 232, 247.3333333333);
}
.btn-success-3 {
color: var(--c3);
background-color: var(--c1);
border-color: var(--c3);
}
.btn-success-3:hover {
color: rgb(5.3625, 67.925, 209.1375);
border-color: rgb(5.3625, 67.925, 209.1375);
}
.btn-info {
color: var(--c1);
background-color: var(--cb);
border-color: var(--cb);
}
.btn-info:hover {
background-color: rgb(14.1136363636, 16.5681818182, 26.3863636364);
border-color: rgb(14.1136363636, 16.5681818182, 26.3863636364);
}
.btn-info-2 {
color: var(--c1);
background-color: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.1);
}
.btn-info-2:hover {
background-color: rgba(255, 255, 255, 0.05);
border-color: rgba(255, 255, 255, 0.05);
}
.btn-info-3 {
color: var(--c6);
}
.btn-info-3:hover {
color: var(--c3);
}
.btn-info-4 {
color: var(--cb);
background-color: var(--c1);
border-color: var(--c9);
}
.btn-info-4:hover {
background-color: rgb(204.8265306122, 207.8673469388, 230.6734693878);
border-color: rgb(204.8265306122, 207.8673469388, 230.6734693878);
}
.btn-info-5 {
color: var(--c6);
background-color: var(--c5);
border-color: var(--c5);
}
.btn-info-5:hover {
background-color: rgb(228.1666666667, 232, 247.3333333333);
border-color: rgb(228.1666666667, 232, 247.3333333333);
}
.btn-info-6 {
color: var(--cb);
background-color: var(--c5);
border-color: var(--c4);
}
.btn-info-6:hover {
background-color: rgb(228.1666666667, 232, 247.3333333333);
border-color: rgb(226.6, 230.15, 247.9);
}
.btn-info-7 {
color: var(--cb);
background-color: var(--c1);
border-color: var(--c1);
}
.btn-info-7:hover {
background-color: rgb(226.6, 230.15, 247.9);
border-color: rgb(226.6, 230.15, 247.9);
}
.btn-info-8 {
color: var(--c1);
background-color: var(--c7);
border-color: var(--c7);
}
.btn-info-8:hover {
background-color: rgb(29.25, 32.25, 47.25);
border-color: rgb(29.25, 32.25, 47.25);
}
.btn-info-9 {
color: var(--c3);
}
.btn-info-9:hover {
color: rgb(5.3625, 67.925, 209.1375);
}
.btn-info-10 {
color: var(--cb);
background-color: var(--c1);
border-color: var(--c5);
}
.btn-info-10:hover {
background-color: rgb(228.1666666667, 232, 247.3333333333);
border-color: rgb(228.1666666667, 232, 247.3333333333);
}
.btn-info-11 {
color: var(--c1);
border-color: var(--c1);
}
.btn-info-11:hover {
background-color: rgba(255, 255, 255, 0.13);
}
.btn-style-1 {
min-width: 160px;
}
.btn-style-2 {
min-width: 140px;
}
.btn-style-3 {
padding-top: 13px;
padding-bottom: 13px;
}
.btn-style-4 {
min-width: 132px;
}
.btn-style-5 {
padding: 0;
}
.btn-style-6 {
width: min(250px, 100%);
}
.btn-style-7 {
min-width: 148px;
}
.btn-style-8 {
border-radius: 4px;
}
.btn-style-9 {
font-weight: 500;
letter-spacing: 0.25px;
}
.btn-style-10 {
width: min(175px, 100%);
}
.btn-style-11 {
width: min(245px, 100%);
}
.btn-style-12 {
font-size: 0.875rem;
font-weight: 400;
}
.btn-style-13 {
letter-spacing: 0.25px;
}
.btn-style-14 {
font-family: var(--fb);
}
.btn-style-15 {
padding-top: 17px;
padding-bottom: 17px;
}
.btn-style-16 {
border-radius: 7px;
}
.btn-style-17 {
padding-top: 22px;
padding-bottom: 20px;
}
.btn-style-18 {
width: min(238px, 100%);
}
.btn-full {
width: 100%;
}
@media (max-width: 375px) {
.btn-full-mobile {
width: 100%;
}
.btn-style-12 {
font-size: 1rem;
}
}
.btn-justify {
display: table;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.menu-with-active-marker-wrapper {
position: relative;
}
.active-marker {
position: absolute;
top: 0;
left: 0;
display: inline-block;
transition: 0.3s ease-in-out;
width: 3px;
height: 40px;
background-color: var(--c3);
transform: translateY(0);
opacity: 0;
}
.menu-with-active-marker {
display: flex;
flex-direction: column;
row-gap: 23px;
padding-left: 20px;
}
.menu-with-active-marker .active a {
color: var(--c3);
}
.menu-with-active-marker a {
display: inline-block;
line-height: 1.2;
color: var(--c1);
}
.menu-with-active-marker a:hover {
color: var(--c3);
}
.list-1,
.list-2,
.list-3,
.list-4,
.list-5,
.list-6,
.list-7,
.list-8,
.list-9 {
display: grid;
}
.list-1,
.list-2,
.list-3,
.list-7 {
grid-template-columns: repeat(3, 1fr);
}
.list-1 {
gap: 57px 10px;
}
.list-2 {
gap: 15px;
}
.list-3,
.list-5 {
gap: 20px;
}
.list-4,
.list-5,
.list-6,
.list-8,
.list-9 {
grid-template-columns: repeat(2, 1fr);
}
.list-4 {
gap: 56px 20px;
}
.list-6 {
gap: 120px 30px;
}
.list-7 {
gap: 23px 10px;
}
.list-9 {
gap: 10px;
}
.list-10 {
display: flex;
flex-direction: column;
row-gap: 26px;
}
@media (max-width: 767px) {
.list-1,
.list-2,
.list-3,
.list-7 {
grid-template-columns: repeat(2, 1fr);
}
.list-6,
.list-8,
.list-9 {
grid-template-columns: 1fr;
}
.list-4 {
row-gap: 40px;
}
.list-6 {
row-gap: 34px;
}
.list-8 {
row-gap: 60px;
}
}
@media (max-width: 576px) {
.list-1,
.list-2,
.list-3,
.list-4,
.list-5,
.list-7 {
grid-template-columns: 1fr;
}
.list-1 {
row-gap: 37px;
}
}
@media (max-width: 320px) {
.accordion-style-6 .accordion__btn {
font-size: 1.2857142857rem;
}
.accordion-style-6 .accordion__btn:after {
top: 22px;
}
.list-2,
.list-3,
.list-5 {
row-gap: 10px;
}
}
.list-style-1 .list-item {
display: block;
height: 100%;
}
.list-style-1 .list-item p {
margin-bottom: 0;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.3;
color: var(--cb);
transition: 0.3s ease-in-out;
}
.list-style-1 .list-item img {
transition: 0.3s ease-in-out;
}
.list-style-1 .list-item:hover p {
color: var(--c3);
}
.list-style-1 .list-item:hover img {
transform: scale(1.05);
}
.list-style-1 .list-item-img {
padding-top: 63.563%;
border-radius: 5px;
}
.list-style-1 .list-item-info {
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 10px 15px;
margin-top: 10px;
margin-bottom: 12px;
}
.list-style-1 .list-item-info span {
display: inline-block;
line-height: 1;
}
.list-style-1 .list-item-info-category {
margin-bottom: 0;
}
.list-style-1 .list-item-info-date {
font-size: 0.875rem;
color: rgba(91, 93, 114, 0.5);
}
.list-style-1 .list-item:hover .list-item-img img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.list-style-1 .list-item .list-item-img,
.list-style-1 .list-item .list-item-img img {
border-radius: 16px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.list-style-1 .list-item-info__category.list-item-info-category {
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
background-color: #f7f8fd;
border: 1px solid #dde1ff;
border-radius: 8px;
color: #064cea;
font-size: 12px;
line-height: 1;
padding: 5px 30px;
text-align: center;
text-transform: none;
font-weight: 500;
min-width: auto;
}
.list-style-1 .list-item__info.list-item-info + p {
font-size: 18px;
line-height: 1.2;
}
.list-style-1 .list-item-info__date.list-item-info-date {
color: var(--c6);
font-size: 14px;
}
.list-style-1.list-1 {
gap: 57px 17px;
}
.list-style-1 .list-item__info.list-item-info {
margin-bottom: 20px;
margin-top: 15px;
}
@media (max-width: 375px) {
.list-style-1 .list-item p {
font-size: 1.4285714286rem;
}
.list-style-1 .list-item-info-date {
font-size: 1rem;
}
}
.list-style-2 .list-item {
display: flex;
flex-direction: column;
row-gap: 19px;
padding: 23px 25px 37px;
border-radius: 10px;
background-color: var(--c5);
}
.list-style-2 .list-item strong {
display: block;
padding-top: 14px;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.3;
}
.list-style-2 .list-item p {
max-width: 320px;
font-size: 0.875rem;
color: var(--c6);
}
.list-style-2 .list-item p:last-of-type {
margin-bottom: 0;
}
@media (max-width: 375px) {
.list-style-2 .list-item {
padding-left: 20px;
padding-right: 20px;
padding-top: 30px;
}
.list-style-2 .list-item strong {
padding-top: 3px;
font-size: 1.4285714286rem;
}
.list-style-2 .list-item p {
font-size: 1rem;
}
}
@media (max-width: 320px) {
.list-style-2 .list-item {
padding: 20px 10px 32px;
}
}
.list-style-3 .list-item {
align-items: center;
}
.list-style-3 .list-item p,
.list-style-3 .list-item strong {
text-align: center;
}
.list-style-4 .list-item {
align-items: flex-start;
}
.list-style-5 .list-item p + .btn {
margin-top: 20px;
}
.list-style-6 .list-item .icon-success + strong {
margin-top: 4px;
}
.list-style-6 .list-item p,
.list-style-6 .list-item strong {
color: var(--c6);
}
.list-style-6 .list-item strong {
display: block;
margin-bottom: 20px;
padding-top: 14px;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.4;
}
.information__info.information-info .list-style-6 .list-item strong {
font-weight: 600;
color: var(--cb);
}
.list-style-6 .list-item p {
font-size: 0.875rem;
}
.list-style-6 .list-item p:last-of-type {
margin-bottom: 0;
}
.list-style-7-item {
display: flex;
flex-direction: column;
justify-content: space-between;
row-gap: 30px;
padding: 20px;
border-radius: 15px;
background-color: var(--c43);
cursor: pointer;
}
.list-style-7-item:hover .list-style-7-bl-2 span {
background-color: var(--c39);
color: var(--c1);
}
.list-style-7-bl-1 p,
.list-style-7-bl-1 span {
color: var(--c2);
}
.list-style-7-bl-1 span {
display: inline-block;
min-width: 82px;
padding: 9px 10px 7px;
font-size: 0.75rem;
line-height: 1;
letter-spacing: 0.25px;
border-radius: 15px;
background-color: var(--c1);
text-align: center;
}
.list-style-7-bl-1 span + p {
margin-top: 15px;
}
.list-style-7-bl-1 p {
max-width: 335px;
font-size: 1.125rem;
line-height: 1.4;
}
.list-style-7-bl-1 p strong {
font-weight: 600;
}
.list-style-7-bl-1 p:last-child {
margin-bottom: 0;
}
.list-style-7-bl-2 {
display: grid;
grid-template-columns: 1fr 30px;
column-gap: 15px;
align-items: end;
}
.list-style-7-bl-2:has(p) div:first-child {
padding: 11px 10px 9px;
border-radius: 7px;
border: 1px solid var(--c39);
background-color: var(--c39);
}
.list-style-7-bl-2:has(p) div:first-child p {
max-width: 285px;
font-size: 0.6875rem;
font-weight: 500;
line-height: 1.2;
letter-spacing: 0.25px;
color: var(--c1);
}
.list-style-7-bl-2:has(p) div:first-child p:last-child {
margin-bottom: 0;
}
.list-style-7-bl-2 span {
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: var(--c1);
color: var(--c44);
cursor: pointer;
transition: 0.3s ease-in-out;
}
.list-style-7-bl-2 span svg {
width: 17px;
height: 17px;
fill: currentColor;
}
@media (max-width: 375px) {
.list-style-6 .list-item strong {
font-size: 1.2857142857rem;
}
.list-style-6 .list-item p {
font-size: 1rem;
}
.list-style-7-item {
padding-left: 10px;
padding-right: 10px;
}
.list-style-7-bl-1 span {
font-size: 0.8571428571rem;
}
.list-style-7-bl-1 p {
font-size: 1.1428571429rem;
}
}
.list-style-8 div {
padding: 23px 22px 21px;
font-size: 1rem;
font-weight: 500;
line-height: 1.3;
color: var(--c2);
border-radius: 15px;
border: 1px solid var(--c45);
background-color: var(--c45);
}
.list-style-8 div:nth-child(odd) {
position: relative;
}
.list-style-8 div:nth-child(odd):after {
content: "";
position: absolute;
width: 29px;
height: 30px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='30' viewBox='0 0 29 30' fill='none'%3E%3Cpath d='M28.4142 16.4142C29.1953 15.6332 29.1953 14.3668 28.4142 13.5858L15.6863 0.857864C14.9052 0.0768156 13.6389 0.0768156 12.8579 0.857864C12.0768 1.63891 12.0768 2.90524 12.8579 3.68629L24.1716 15L12.8579 26.3137C12.0768 27.0948 12.0768 28.3611 12.8579 29.1421C13.6389 29.9232 14.9052 29.9232 15.6863 29.1421L28.4142 16.4142ZM0 17H27V13H0V17Z' fill='%23064CEA'/%3E%3C/svg%3E")
50% 50% no-repeat;
}
.list-style-8 div:nth-child(even) {
font-size: 1.125rem;
font-weight: 600;
color: var(--c3);
border-color: var(--c3);
}
@media (min-width: 768px) {
.list-8 {
gap: 10px 79px;
}
.list-style-8 div:nth-child(odd):after {
top: 50%;
left: 100%;
translate: 25px -50%;
}
}
.list-style-9-item {
display: flex;
flex-direction: column;
row-gap: 15px;
padding: 20px;
border-radius: 15px;
background-color: var(--c39);
}
.list-style-9__bl {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
padding: 20px 24px;
border-radius: 7px;
background-color: rgba(255, 255, 255, 0.16);
}
.list-style-9__bl p {
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.25px;
color: var(--c1);
}
.list-style-9__bl p:last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.list-style-8 div {
padding-left: 20px;
padding-right: 20px;
}
.list-style-8 div:nth-child(odd):after {
top: 100%;
left: 50%;
translate: -50% 18px;
rotate: 90deg;
}
.list-style-9-item,
.list-style-9__bl {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 415px) {
.list-style-8 div,
.list-style-9-item,
.list-style-9__bl {
padding-left: 15px;
padding-right: 15px;
}
.list-style-9__bl p {
font-size: 1.125rem;
}
}
@media (max-width: 375px) {
.list-style-8 div {
padding-left: 10px;
padding-right: 10px;
}
.list-style-8 div:nth-child(even) {
font-size: 1.1428571429rem;
}
.list-style-9-item,
.list-style-9__bl {
padding-left: 10px;
padding-right: 10px;
}
.list-style-9__bl p {
font-size: 1.1428571429rem;
}
}
.list-style-10 div {
display: flex;
align-items: center;
padding: 28px 25px 26px;
border-radius: 15px;
background-color: var(--c5);
}
.list-style-10 div p {
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4;
color: var(--c2);
}
.list-style-10 div p:last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.list-style-10 div {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 415px) {
.list-style-10 div {
padding-left: 15px;
padding-right: 15px;
}
.list-style-10 div p {
font-size: 1.125rem;
}
}
@media (max-width: 375px) {
.list-style-10 div {
padding-left: 10px;
padding-right: 10px;
}
.list-style-10 div p {
font-size: 1.1428571429rem;
}
}
.list-style-11-item .tag {
margin-bottom: 19px;
}
.list-style-11-item div {
padding: 14px 16px;
border-radius: 7px;
background-color: var(--c47);
}
.list-style-11-item div ol,
.list-style-11-item div p,
.list-style-11-item div ul {
font-size: 0.875rem;
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.25px;
color: var(--cb);
}
.list-style-11-item div ol:last-child,
.list-style-11-item div p:last-child,
.list-style-11-item div ul:last-child {
margin-bottom: 0;
}
.list-style-11-item div ul:not(.reset-list) li {
padding-left: 12px;
}
.list-style-11-item div ul:not(.reset-list) li:before {
left: 0;
top: 8px;
width: 4px;
height: 4px;
background-color: var(--cb);
}
button,
input,
select,
textarea {
border: none;
background: 0 0;
border-radius: 0;
}
button:focus,
input:focus,
select:focus,
textarea:focus {
outline: 0;
box-shadow: none;
}
button:not(.accordion__btn, .tabs__btn, .toggle-btn, .btn, .home-video-btn, .has-sub-button, .media-play-btn, .form__submit, .modal-btn):focus,
input:focus,
select:focus,
textarea:focus {
outline: 0;
box-shadow: none;
/* background-color: transparent; */
}
.style-check {
position: relative;
display: inline-block;
padding-left: 25px;
line-height: 1.2;
cursor: pointer;
}
.style-check input[type="checkbox"],
.style-check input[type="radio"] {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
clip: rect(0 0 0 0);
width: 16px;
height: 16px;
}
.style-check input[type="checkbox"] + span,
.style-check input[type="radio"] + span {
position: absolute;
top: -2px;
left: 0;
width: 16px;
height: 16px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 2px;
border: 1px solid var(--c31);
background-color: var(--c1);
}
.style-check input[type="checkbox"] + span svg,
.style-check input[type="radio"] + span svg {
scale: 0;
transition: 0.3s ease-in-out;
width: 10px;
height: 9px;
fill: var(--cb);
}
.style-check input[type="checkbox"]:checked + span,
.style-check input[type="radio"]:checked + span {
pointer-events: none;
}
.style-check input[type="checkbox"]:checked + span svg,
.style-check input[type="radio"]:checked + span svg {
scale: 1;
transition: 0.3s ease-in-out;
}
.style-check input[type="radio"] + span {
border-radius: 50%;
}
.style-check-style-1 {
font: 0.625rem var(--f3);
color: var(--c1);
}
input:not([type="checkbox"], [type="radio"], [type="number"]),
select,
textarea {
appearance: none;
}
input:not([type="checkbox"], [type="radio"])::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: var(--c8);
text-overflow: ellipsis;
opacity: 1;
}
input:not([type="checkbox"], [type="radio"])::-webkit-input-placeholder:focus,
textarea::-webkit-input-placeholder:focus {
color: transparent;
}
input:not([type="checkbox"], [type="radio"]):-moz-placeholder,
textarea:-moz-placeholder {
color: var(--c8);
text-overflow: ellipsis;
opacity: 1;
}
input:not([type="checkbox"], [type="radio"]):-moz-placeholder:focus,
textarea:-moz-placeholder:focus {
color: transparent;
}
input:not([type="checkbox"], [type="radio"])::-moz-placeholder,
textarea::-moz-placeholder {
color: var(--c8);
text-overflow: ellipsis;
opacity: 1;
}
input:not([type="checkbox"], [type="radio"])::-moz-placeholder:focus,
textarea::-moz-placeholder:focus {
color: transparent;
}
input:not([type="checkbox"], [type="radio"]):-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: var(--c8);
text-overflow: ellipsis;
opacity: 1;
}
input:not([type="checkbox"], [type="radio"]):-ms-input-placeholder:focus,
textarea:-ms-input-placeholder:focus {
color: transparent;
}
.form {
position: relative;
}
.form label:not(.style-check) {
display: block;
margin-bottom: 9px;
line-height: 1;
}
.form input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"], [type="range"], .switch__input),
.form label:not(.style-check),
.form select,
.form textarea {
padding-left: 15px;
padding-right: 15px;
}
.form .label--required span {
display: inline-block;
position: relative;
padding-right: 12px;
}
.form .label--required span:after {
content: "*";
position: absolute;
top: -1px;
right: 0;
}
.form input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"], [type="range"], .switch__input),
.form select,
.form textarea {
font-family: var(--f1);
font-weight: 700;
width: 100%;
background-color: var(--c1);
border: 1px solid var(--c9);
border-radius: 5px;
transition: 0.3s ease-in-out;
}
.form input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"], [type="range"], .switch__input):focus,
.form select:focus,
.form textarea:focus {
border-color: rgb(204.8265306122, 207.8673469388, 230.6734693878);
}
.form input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"], [type="range"], .switch__input),
.form select {
height: 50px;
}
.form input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"], [type="range"], .switch__input).surname {
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
width: 0;
height: 0;
padding: 0;
opacity: 0;
pointer-events: none;
}
.form textarea {
padding-top: 15px;
padding-bottom: 15px;
resize: vertical;
line-height: 1.2;
border: 1px solid transparent;
resize: vertical;
min-height: 135px;
}
.form textarea:focus {
-webkit-text-size-adjust: 100%;
}
.form.has-required input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"], [type="range"], .switch__input):required,
.form.has-required textarea:required {
border-color: var(--c20);
}
.form.has-required input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"], [type="range"], .switch__input):required:valid,
.form.has-required textarea:required:valid {
border-color: var(--c3);
}
.form .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
color: var(--c1);
}
.form-style-2 input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"], [type="range"], .switch__input),
.form-style-2 select,
.form-style-2 textarea {
font: 400 0.875rem var(--fb);
background-color: rgba(255, 255, 255, 0.05);
border-color: rgba(255, 255, 255, 0.05);
color: var(--c8);
}
@media (max-width: 375px) {
.list-style-11-item div ol,
.list-style-11-item div p,
.list-style-11-item div ul {
font-size: 1rem;
}
.style-check-style-1 {
font-size: 0.7142857143rem;
}
.form-style-2 input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"], [type="range"], .switch__input),
.form-style-2 select,
.form-style-2 textarea {
font-size: 1rem;
}
}
.form-style-3 input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"], [type="range"], .switch__input),
.form-style-3 select,
.form-style-3 textarea {
font-size: 0.875rem;
background-color: var(--c5);
border-color: var(--c5);
color: var(--c8);
}
.form-style-3 input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"], [type="range"], .switch__input):focus,
.form-style-3 select:focus,
.form-style-3 textarea:focus {
border-color: rgb(228.1666666667, 232, 247.3333333333);
}
.form-style-3 input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"], [type="range"], .switch__input),
.form-style-3 select {
height: 30px;
padding-left: 10px;
padding-right: 10px;
}
@media (max-width: 375px) {
.form-style-3 input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"], [type="range"], .switch__input),
.form-style-3 select,
.form-style-3 textarea {
font-size: 1rem;
}
}
.form-style-4 label:not(.style-check) {
margin-bottom: 14px;
padding-left: 0;
padding-right: 0;
font-family: var(--f1);
font-weight: 700;
color: var(--c1);
}
.form-style-4 input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"], [type="range"], .switch__input),
.form-style-4 select,
.form-style-4 textarea {
font: 400 0.625rem var(--f3);
background-color: rgba(255, 255, 255, 0.05);
border-color: rgba(255, 255, 255, 0.05);
color: var(--c8);
}
.form-style-4 input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"], [type="range"], .switch__input),
.form-style-4 select {
height: 40px;
}
.form-style-4 textarea {
min-height: 96px;
}
.form-style-5 input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"], [type="range"], .switch__input),
.form-style-5 select,
.form-style-5 textarea {
font-family: var(--f1);
font-weight: 700;
color: var(--c8);
background-color: var(--c7);
border-color: var(--c6);
}
@media (min-width: 416px) {
.form-style-1 input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"], [type="range"], .switch__input),
.form-style-1 label:not(.style-check),
.form-style-1 select,
.form-style-1 textarea {
padding-left: 25px;
padding-right: 25px;
}
.subscribe-form .fluentform fieldset .ff-t-container,
.subscribe-form-content {
grid-template-columns: 1fr 156px;
}
}
.form .dn,
.form .hidden {
display: none;
}
.style-select {
background: url("data:image/svg+xml,%3Csvg width='5' height='3' viewBox='0 0 5 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.77012 2.88547C2.6997 2.9588 2.6042 3 2.50461 3C2.40503 3 2.30953 2.9588 2.2391 2.88547L0.114649 0.672554C0.0787806 0.636468 0.0501709 0.593304 0.0304889 0.545578C0.010807 0.497852 0.000447256 0.446521 1.42894e-05 0.39458C-0.000419153 0.34264 0.00908278 0.291129 0.0279655 0.243054C0.0468483 0.19498 0.0747337 0.151303 0.109995 0.114574C0.145256 0.077845 0.187185 0.0487986 0.233338 0.0291296C0.279491 0.00946067 0.328943 -0.000436806 0.378808 1.45477e-05C0.428672 0.000465902 0.477952 0.0112571 0.523769 0.0317586C0.569587 0.05226 0.611026 0.0820609 0.645669 0.119423L2.50461 2.05577L4.36356 0.119423C4.43439 0.0481661 4.52925 0.00873722 4.62772 0.0096285C4.72619 0.0105198 4.82038 0.0516598 4.89001 0.124188C4.95963 0.196716 4.99913 0.29483 4.99999 0.397396C5.00084 0.499963 4.96299 0.598776 4.89458 0.672554L2.77012 2.88547Z' fill='%23021320' /%3E%3C/svg%3E")
calc(100% - 10px) 50% no-repeat;
}
.style-select:focus {
background-image: url("data:image/svg+xml,%3Csvg width='5' height='3' viewBox='0 0 5 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.22988 0.114533C2.3003 0.0411976 2.3958 2.58411e-07 2.49539 2.59242e-07C2.59497 2.60073e-07 2.69047 0.0411976 2.7609 0.114533L4.88535 2.32745C4.92122 2.36353 4.94983 2.4067 4.96951 2.45442C4.98919 2.50215 4.99955 2.55348 4.99999 2.60542C5.00042 2.65736 4.99092 2.70887 4.97203 2.75695C4.95315 2.80502 4.92527 2.8487 4.89001 2.88543C4.85474 2.92215 4.81281 2.9512 4.76666 2.97087C4.72051 2.99054 4.67106 3.00044 4.62119 2.99999C4.57133 2.99953 4.52205 2.98874 4.47623 2.96824C4.43041 2.94774 4.38897 2.91794 4.35433 2.88058L2.49539 0.944228L0.63644 2.88058C0.565611 2.95183 0.470748 2.99126 0.372281 2.99037C0.273815 2.98948 0.179623 2.94834 0.109994 2.87581C0.0403654 2.80328 0.000869845 2.70517 1.41966e-05 2.6026C-0.000841451 2.50004 0.0370113 2.40122 0.10542 2.32745L2.22988 0.114533Z' fill='%23021320' /%3E%3C/svg%3E");
}
.form__submit {
display: block;
width: 100%;
text-decoration: none;
}
.form__submit:hover {
text-decoration: none;
}
.form-close {
position: absolute;
top: 20px;
right: 20px;
z-index: 2;
padding: 0;
cursor: pointer;
color: var(--cb);
opacity: 0;
visibility: hidden;
scale: 0;
transition: 0.3s ease-in-out;
}
.form-close svg {
width: 14px;
height: 14px;
fill: currentColor;
}
.form-close:hover {
color: var(--c20);
}
.form-close.show {
opacity: 1;
visibility: visible;
scale: 1;
}
div.form-message {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 25px 30px;
background-color: var(--cb);
}
div.form-message h3,
div.form-message p {
max-width: 400px;
}
div.form-message h3 {
margin-bottom: 20px;
font: 700 1.625rem/1.3 var(--f1);
color: var(--c1);
}
div.form-message h3:has(.icon-style-4) {
display: flex;
align-items: flex-start;
column-gap: 15px;
}
div.form-message h3:has(.icon-style-4) .icon-2 {
translate: 0 8px;
flex-shrink: 0;
}
div.form-message h3:has(.icon-style-4) ~ p {
padding-left: 60px;
max-width: 440px;
}
div.form-message p {
font-size: 0.875rem;
color: rgba(255, 255, 255, 0.5);
}
div.form-message p:last-of-type {
margin-bottom: 0;
}
@media (max-width: 767px) {
.form-message {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 415px) {
.form-message {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 375px) {
.form-style-4 input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"], [type="range"], .switch__input),
.form-style-4 select,
.form-style-4 textarea {
font-size: 0.7142857143rem;
}
.form-message {
padding-left: 10px;
padding-right: 10px;
}
.form-message h3 {
font-size: 1.4285714286rem;
}
.form-message p {
font-size: 1rem;
}
}
.subscribe-form {
width: min(472px, 100%);
}
.subscribe-form .fluentform ~ p {
margin-top: 11px;
margin-bottom: 0;
font-size: 0.625rem;
line-height: 1.25;
color: var(--c8);
}
.subscribe-form .fluentform ~ p a {
color: inherit;
text-decoration: underline;
}
.subscribe-form .fluentform ~ p a:hover {
text-decoration: none;
}
.subscribe-form .fluentform fieldset .ff-t-container,
.subscribe-form-content {
display: grid;
gap: 20px 10px;
}
.subscribe-form-content + p {
margin-top: 11px;
margin-bottom: 0;
font-size: 0.625rem;
line-height: 1.25;
color: var(--c8);
}
.subscribe-form-content + p a {
color: inherit;
text-decoration: underline;
}
.subscribe-form-content + p a:hover {
text-decoration: none;
}
.subscribe-form-style-1 .fluentform + p,
.subscribe-form-style-1 .subscribe-form-content + p {
margin-top: 30px;
color: var(--c8);
}
@media (max-width: 375px) {
.subscribe-form .fluentform ~ p,
.subscribe-form-content + p {
font-size: 0.7142857143rem;
}
}
.subscribe-newsletter-form {
display: flex;
flex-direction: column;
row-gap: 16px;
}
.subscribe-newsletter-form:has(fieldset) {
display: block;
}
.subscribe-newsletter-form:has(fieldset) fieldset {
display: flex;
flex-direction: column;
row-gap: 16px;
}
.subscribe-newsletter-form .fluentform .ff-el-input--label {
display: none;
}
.subscribe-newsletter-form .fluentform .ff-el-group {
margin-bottom: 0;
}
.subscribe-newsletter-form .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
color: var(--c1);
}
@media (min-width: 641px) {
.subscribe-newsletter-form:has(.form__submit) .form__submit {
width: min(132px, 100%);
}
}
.experts-form {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px 10px;
}
.experts-form .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
color: #fff;
}
.experts-form-item-3,
.experts-form-item-4,
.experts-form-item-5 {
grid-column: 1/-1;
}
.experts-form-item-4 {
margin-top: -5px;
}
.experts-form-item-5 {
padding-top: 15px;
}
.search-form {
position: relative;
width: 150px;
}
.search-form input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"], [type="range"], .switch__input) {
padding-left: 36px;
}
.search-form__submit {
width: 16px;
height: 15px;
position: absolute;
top: 50%;
left: 10px;
translate: 0 -50%;
padding: 0;
color: var(--c8);
transition: 0.3s ease-in-out;
}
.search-form__submit svg {
width: 100%;
height: 100%;
fill: currentColor;
}
.search-form__submit:hover {
color: var(--c3);
}
.content {
display: flex;
}
.content__aside {
flex-shrink: 0;
}
.content__main {
flex-grow: 1;
}
@media (min-width: 768px) {
.content-1__aside {
flex-basis: 30.4166666667%;
}
.content-2__aside {
flex-basis: 42.25%;
}
.content-3__aside {
flex-basis: 38.1666666667%;
}
.content-4__aside {
flex-basis: 46%;
}
.content-5__aside {
flex-basis: 29.1666666667%;
}
.content-6__aside {
flex-basis: 49%;
}
.content-7__aside {
flex-basis: 39.3333333333%;
}
.content-8__aside {
flex-basis: 37.5%;
}
.content-9__aside {
flex-basis: 30.1652892562%;
}
.content-10__aside {
flex-basis: 29.5%;
}
.content-style-1 {
column-gap: 3.75%;
}
.content-style-2 {
column-gap: 7.75%;
}
.content-style-3 {
column-gap: 6.6666666667%;
}
.content-style-4 {
align-items: center;
}
.content-style-5 {
column-gap: 4.75%;
}
.content-style-6 {
column-gap: 9.1666666667%;
}
.content-style-7 {
column-gap: 10.4166666667%;
}
.content-style-8 {
column-gap: 11.4166666667%;
}
.content-style-9 {
column-gap: 6.1983471074%;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.subscribe-form-style-1 .subscribe-form-content {
grid-template-columns: 1fr;
}
.content-style-10 {
column-gap: 40px;
}
}
@media (min-width: 1201px) {
.content-style-10 {
column-gap: 9.1666666667%;
}
.top-section-style-1 {
margin-top: -70px;
}
}
@media (max-width: 767px) {
.subscribe-form-style-1 .subscribe-form-content + p {
margin-top: 25px;
}
.content {
flex-direction: column;
row-gap: 45px;
}
.content-9__aside {
width: min(292px, 100%);
}
}
body:has(.top-section + .media) .top-section-content {
padding-top: 193px;
padding-bottom: 190px;
}
body:not(:has(.top-section + .media)) .top-section-content {
padding-top: 120px;
padding-bottom: 120px;
}
.top-section-author {
display: inline-flex;
align-items: center;
column-gap: 13px;
font-size: 0.75rem;
line-height: 1.2;
letter-spacing: -0.36px;
color: var(--c3);
}
span.top-section__author.top-section-author {
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 8px;
-webkit-box-shadow: 5px 5px 10px 0 rgba(0, 22, 82, .051);
box-shadow: 5px 5px 10px 0 rgba(0, 22, 82, .051);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 31px;
padding: 13px 16px 13px 13px;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.top-section-author
.top-section-author .spline-viewer-wrapper {
padding-top: 0;
width: 100px;
height: 100px;
}
.top-section-author svg {
width: 19px;
height: 20px;
fill: currentColor;
}
.top-section-content {
row-gap: 18px;
align-items: center;
}
.top-section-content h1 {
max-width: 774px;
padding-top: 7px;
font-size: 3.4375rem;
font-weight: 500;
line-height: 1.3;
text-align: center;
}
.top-section-content h1.animate {
font-size: clamp(32px, 5vw, 55px);
font-weight: 600;
line-height: 1.2;
margin: 0;
}
.top-section-content h1 ~ p {
max-width: 532px;
font-size: 1.125rem;
line-height: 1.4;
text-align: center;
}
.top-section-btns {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding-top: 20px;
}
.top-section-btns .button.button--orange {
margin: 0;
padding: 0;
}
body:not(:has(.top-section+.media)) .top-section .top-section-content {
-webkit-box-pack: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
padding-top: 142px;
row-gap: 20px;
}
.top-section-style-2 .top-section-content h1 {
padding-top: 0;
font-size: clamp(32px, 5vw, 55px);
font-weight: 600;
line-height: 1.2;
}
.top-section-style-2 .top-section-content h1~.animate.text {
margin: 0;
max-width: 532px;
text-align: center;
}
.top-section-style-2 .top-section-content h1~.animate.text p {
color: #011452;
font-size: clamp(14px, 5vw, 18px);
line-height: 1.4;
}
.top-section-style-2 .top-section-content h1~.animate.top-section-btns {
padding-top: 25px;
}
@media (max-width: 1200px) {
.top-section-style-1.top-section {
margin-top: -70px;
}
}
@media screen and (max-width: 768px) {
body:not(:has(.top-section+.media)) .top-section .top-section-content {
padding-top: 194px;
}
}
@media (max-width: 430px) {
.top-section-btns .button.button--orange>div {
width: 100%;
}
}
.top-section-style-1 {
margin-left: 20px;
margin-right: 20px;
border-radius: 10px;
}
@media (min-width: 768px) {
.top-section-content {
min-height: 800px;
}
body:not(:has(.top-section + .media)) .top-section-content {
justify-content: center;
}
}
@media (max-width: 1200px) {
.top-section-style-1 {
margin-top: -50px;
}
}
@media (max-width: 767px) {
body:has(.top-section + .media) .top-section-content,
body:not(:has(.top-section + .media)) .top-section-content {
padding-top: 188px;
}
body:not(:has(.top-section + .media)) .top-section-content {
padding-bottom: 90px;
}
}
@media (min-width: 431px) {
.top-section {
background: var(--c4) url(assets/img/bg.svg) no-repeat 50% 100%;
background-size: cover;
}
}
@media (max-width: 430px) {
body:has(.top-section + .media) .top-section-content,
body:not(:has(.top-section + .media)) .top-section-content {
padding-top: 35px;
padding-bottom: 40px;
}
.top-section-style-1 {
margin-top: 1px;
margin-left: 20px;
margin-right: 20px;
}
}
@media (max-width: 415px) {
.content-9__aside {
width: 100%;
}
.top-section-style-1 {
margin-left: 15px;
margin-right: 15px;
}
}
@media (max-width: 430px) {
.top-section {
background-color: var(--c4);
}
.top-section-style-1 {
margin-left: 10px;
margin-right: 10px;
}
.top-section-content h1 {
font-size: 2.1875rem;
}
.top-section-content h1 ~ p {
max-width: 290px;
font-size: 1rem;
}
.top-section-btns {
width: 100%;
flex-direction: column;
}
.top-section-btns + .media-content {
display: block;
width: 100%;
margin-top: 20px;
}
}
@media (max-width: 375px) {
.top-section-content h1 {
font-size: 2.5rem;
}
}
.top-section-style-2 .top-section-content,
.top-section-style-2 .top-section-dark-main {
display: flex;
flex-direction: column;
}
.top-section-style-2 .top-section-content h1,
.top-section-style-2 .top-section-content p:last-of-type,
.top-section-style-2 .top-section-dark-main h1,
.top-section-style-2 .top-section-dark-main p:last-of-type {
margin-bottom: 0;
}
.top-section-dark {
padding-top: 108px;
padding-bottom: 107px;
border-radius: 10px;
background-color: var(--c10);
}
.top-section-dark h1 {
padding-bottom: 3px;
color: var(--c5);
}
.top-section-dark p {
max-width: 590px;
color: rgba(255, 255, 255, 0.6);
}
.top-section-dark .top-section-author {
color: var(--c1);
}
.top-section-dark .breadcrumbs {
margin-bottom: 8px;
background-color: rgba(39, 43, 63, 0.3);
}
.top-section-dark .breadcrumbs li:not(:last-child) a,
.top-section-dark .breadcrumbs li:not(:last-child):after {
color: var(--c6);
}
.top-section-dark .breadcrumbs li:not(:last-child) a:hover {
color: var(--c3);
}
.top-section-dark .breadcrumbs li:last-child a {
color: var(--c1);
pointer-events: none;
}
.top-section-dark-aside .form-message {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 767px) {
.top-section-dark .breadcrumbs {
margin-bottom: 0;
}
.top-section-dark-style-6 {
padding-bottom: 134px;
}
}
.top-section-dark-main {
align-items: flex-start;
row-gap: 28px;
}
.top-section-dark-img img,
.top-section-dark-img picture {
border-radius: 10px;
}
.top-section-dark-style-1 p {
max-width: 455px;
color: var(--c5);
}
.top-section-dark-style-2 .breadcrumbs {
margin-bottom: 40px;
}
.top-section-dark-style-3 .top-section-dark-main {
row-gap: 19px;
}
.top-section-dark-style-3 .top-section-dark-main h1 {
padding-top: 4px;
padding-bottom: 0;
line-height: 1.3;
}
.top-section-dark-style-3 .top-section-dark-main p + .btn {
margin-top: 20px;
}
.top-section-dark-style-4 {
padding-top: 100px;
}
.top-section-dark-style-5 .top-section-dark-main {
row-gap: 18px;
}
.top-section-dark-style-5 .top-section-dark-main h1 {
padding-bottom: 0;
line-height: 1.3;
}
.top-section-dark-style-5 .top-section-dark-main p {
font-size: 1.125rem;
color: rgba(255, 255, 255, 0.6);
}
.top-section-dark-style-5 .top-section-dark-main p + .btn {
margin-top: 20px;
}
@media (max-width: 430px) {
.top-section-dark-style-4 {
padding-top: 70px;
}
.top-section-dark-style-5 .top-section-dark-main p {
font-size: 1.125rem;
}
.top-section-dark-style-6 {
padding-bottom: 120px;
}
}
@media (max-width: 375px) {
.top-section-dark-style-5 .top-section-dark-main p {
font-size: 1.2857142857rem;
}
}
@media (min-width: 768px) {
.top-section-dark-style-7 .content__main {
min-height: 370px;
justify-content: center;
}
}
.top-section-dark-style-9 h1 {
max-width: 570px;
}
.top-section-dark-style-9 p {
max-width: 455px;
}
.top-section-dark-style-10 {
padding-bottom: 60px;
}
@media (max-width: 430px) {
.top-section-dark-style-10 {
padding-bottom: 40px;
}
}
.top-section-dark-style-11 .top-section-dark-aside {
border-radius: 10px;
}
.top-section-dark-style-12 .top-section-dark-aside {
padding: 60px 5%;
background-color: var(--cb);
}
@media (max-width: 767px) {
.top-section-dark-style-8 .breadcrumbs {
margin-bottom: 0;
}
.top-section-dark-style-12 .top-section-dark-aside {
padding-left: 8.7336244541%;
padding-right: 8.7336244541%;
}
}
@media (max-width: 640px) {
.top-section-dark-style-12 .top-section-dark-aside {
padding-left: 10.7142857143%;
padding-right: 10.7142857143%;
}
}
@media (max-width: 576px) {
.experts-form {
grid-template-columns: 1fr;
}
.top-section-dark-style-12 .top-section-dark-aside {
padding: 40px 20px;
}
}
@media (max-width: 320px) {
.top-section-content h1 {
font-size: 2.1428571429rem;
}
.top-section-dark-style-12 .top-section-dark-aside {
padding-left: 10px;
padding-right: 10px;
}
}
.top-section-dark-style-13 .top-section-dark-aside {
padding: 40px 3.3333333333%;
background: rgba(39, 43, 63, 0.5);
backdrop-filter: blur(2px);
}
@media (max-width: 1024px) {
.top-section-dark-style-13 .top-section-dark-aside {
padding-left: 3.90625%;
padding-right: 3.90625%;
}
.recall-content {
column-gap: 8.4745762712%;
}
}
@media (max-width: 767px) {
.top-section-dark-style-13 .top-section-dark-aside {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 576px) {
.top-section-dark-style-13 .top-section-dark-aside {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 320px) {
.top-section-dark-style-13 .top-section-dark-aside {
padding-left: 10px;
padding-right: 10px;
}
}
.top-section-dark-style-14 .top-section-dark-aside {
display: flex;
align-items: center;
justify-content: center;
}
.top-section-dark-style-15 .top-section-dark-aside h2 {
margin-bottom: 22px;
font-size: 1.125rem;
line-height: 1.4;
color: var(--c1);
}
.top-section-dark-style-16 .breadcrumbs + .top-section-dark-content {
margin-top: 32px;
}
.top-section-dark-style-33 .top-section-dark-main {
row-gap: 18px;
}
.top-section-dark-style-33 .top-section-dark-main h1 {
padding-bottom: 0;
line-height: 1.3;
}
.top-section-dark-style-33 .top-section-dark-main p {
font-size: 1rem;
color: rgba(255, 255, 255, 0.69);
}
.top-section-dark-style-33 .top-section-dark-main p + .btn {
margin-top: 20px;
}
.top-section-dark-style-34 h1,
.top-section-dark-style-34 p {
max-width: 500px;
}
.top-section-dark-style-35 {
background: linear-gradient(250deg, #0f1323 48.75%, #14204c 109.33%);
}
.top-section-dark-style-36 .content__aside h2 {
font-size: 1.25rem;
font-weight: 500;
line-height: 1.2;
color: var(--c1);
}
.top-section-dark-style-37 .top-section-dark-aside {
padding: 30px 2.5% 45px;
background-color: var(--cb);
}
.top-section-dark-style-38 {
padding-bottom: 100px;
}
.top-section-dark-style-39 .content__aside h2 {
margin-bottom: 32px;
}
.top-section-dark .reset-list.breadcrumbs {
background-color: #1e2440;
}
@media (max-width: 767px) {
.top-section-dark-style-37 .top-section-dark-aside {
padding-left: 4.3668122271%;
padding-right: 4.3668122271%;
}
}
@media (max-width: 640px) {
.top-section-dark-style-37 .top-section-dark-aside {
padding-left: 5.3571428571%;
padding-right: 5.3571428571%;
}
}
@media (max-width: 576px) {
.top-section-dark-style-37 .top-section-dark-aside {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 430px) {
.top-section-dark-style-38 {
padding-bottom: 40px;
}
}
@media (max-width: 320px) {
.top-section-dark-style-37 .top-section-dark-aside {
padding-left: 10px;
padding-right: 10px;
}
}
@media (max-width: 767px) {
main>section.top-section-dark >.container {
padding-top: 30px;
}
.top-section-dark-style-17 h1 {
max-width: 574px;
}
.top-section-dark-style-17 p {
max-width: 455px;
}
.top-section-dark-style-18 {
padding-bottom: 20px;
}
.top-section-dark-style-19 .top-section-dark-main p {
font-size: 1.125rem;
}
.top-section-dark-style-20 .content {
row-gap: 30px;
}
.top-section-dark-style-21 {
padding-bottom: 97px;
}
.top-section-dark-style-22 .top-section-dark-aside h2 {
display: none;
}
.top-section-dark-style-23 .content {
row-gap: 38px;
}
.top-section-dark-style-24 .breadcrumbs + .top-section-dark-content {
margin-top: 70px;
}
.top-section-dark-style-28 {
padding-top: 120px;
padding-bottom: 60px;
}
.top-section-dark-style-29 .breadcrumbs {
margin-bottom: 12px;
}
.top-section-dark-style-30 .top-section-dark-main p {
max-width: 600px;
color: rgba(255, 255, 255, 0.6);
}
}
@media (max-width: 430px) {
.top-section-dark-style-18 {
padding-bottom: 40px;
}
.top-section-dark-style-19 .top-section-dark-main p {
font-size: 1rem;
}
.top-section-dark-style-20 .content {
row-gap: 40px;
}
.top-section-dark-style-25 .top-section-dark-main p {
color: var(--c1);
}
.top-section-dark-style-26 .breadcrumbs + .top-section-dark-content {
margin-top: 24px;
}
.top-section-dark-style-27 .content {
row-gap: 80px;
}
.top-section-dark-style-28 {
padding-top: 40px;
padding-bottom: 40px;
}
.top-section-dark-style-31 .top-section-dark-main {
row-gap: 16px;
}
.top-section-dark-style-32 .top-section-dark-main p + .btn {
margin-top: 24px;
}
}
.media {
margin-top: -320px;
}
.media-content {
position: relative;
max-width: 870px;
margin-left: auto;
margin-right: auto;
border: 1px solid var(--c24);
border-radius: 10px;
overflow: hidden;
}
.media-play-btn {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
translate: -50% -50%;
display: inline-flex;
justify-content: center;
align-items: center;
width: 72px;
height: 72px;
border-radius: 50%;
border: 1px dashed rgba(0, 22, 82, 0.11);
background-color: rgba(0, 22, 82, 0.11);
cursor: pointer;
color: var(--c1);
transition: 0.3s ease-in-out;
}
.media-play-btn svg {
position: relative;
z-index: 1;
margin-left: 6px;
width: 27px;
height: 30px;
fill: currentColor;
}
.media-play-btn svg path {
fill: currentColor;
}
.media-play-btn span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(223, 225, 231, 0.64);
border: 1px solid rgba(0, 22, 82, 0.22);
border-radius: 50%;
animation: 3s infinite smallScale;
}
.media-play-btn:hover {
color: var(--c3);
}
@keyframes smallScale {
from {
transform: scale(1);
opacity: 1;
}
to {
transform: scale(1.5);
opacity: 0;
}
}
.media-content-img {
padding-top: 71.15%;
}
.media-video-wrapper {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
}
@media (max-width: 767px) {
.media {
margin-top: -220px;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.media {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 376px) and (max-width: 575px) {
.media {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 430px) {
.media {
margin-top: 0;
}
.media,
.media-content {
display: none;
}
.media-play-btn {
width: 50px;
height: 50px;
}
.media-play-btn svg {
width: 19px;
height: 22px;
}
}
.info h2,
.info h3 {
color: var(--c28);
margin-bottom: 28px;
}
.info h3 {
line-height: 1.3;
}
.info ol:not(.reset-list),
.info p,
.info ul:not(.reset-list) {
margin-bottom: 28px;
}
.info p {
max-width: 550px;
color: var(--c27);
}
.info p:last-child {
margin-bottom: 0;
}
.info-content {
display: grid;
}
@media (min-width: 768px) {
.info-content {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 376px) {
.info h3 {
font-size: 1.375rem;
}
}
.info-img img,
.info-img picture {
border-radius: 10px;
}
.info-btns {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.info-style-1 .info-content {
gap: 35px 6.6666666667%;
}
.info-style-2 .info-content {
gap: 30px 4.5833333333%;
}
.info-style-3 .info-content {
grid-template-columns: min(650px, 100%);
}
.info-style-3 .info-content h2:last-child {
margin-bottom: 0;
}
.info-style-5 .info-content {
align-items: center;
}
@media (min-width: 768px) {
.info-style-4 .info-content {
grid-template-columns: 49.1666666667% 1fr;
gap: 30px 4.1666666667%;
}
.info-style-6 .info-content,
.info-style-8 .info-content {
grid-template-columns: 45.8333333333% 1fr;
row-gap: 30px;
}
.info-style-6 .info-content {
column-gap: 4.5833333333%;
}
.info-style-8 .info-content {
grid-template-columns: 45.8333333333% 1fr;
column-gap: 8.3333333333%;
}
}
@media (max-width: 767px) {
.info-style-6 .info-content,
.info-style-8 .info-content {
max-width: 555px;
}
.info-style-4 .info-content {
row-gap: 40px;
}
.info-style-6 .info-content {
row-gap: 60px;
}
.info-style-8 .info-content {
row-gap: 30px;
}
}
.info-media {
position: relative;
border-radius: 10px;
overflow: hidden;
}
.info-media-play-btn {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
translate: -50% -50%;
display: inline-flex;
justify-content: center;
align-items: center;
width: 72px;
height: 72px;
border-radius: 50%;
border: 1px dashed var(--c1);
background-color: rgba(0, 22, 82, 0.11);
cursor: pointer;
color: var(--c1);
transition: 0.3s ease-in-out;
}
.info-media-play-btn svg {
position: relative;
z-index: 1;
margin-left: 6px;
width: 27px;
height: 30px;
fill: currentColor;
}
.info-media-play-btn svg path {
fill: currentColor;
}
.info-media-play-btn span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.3);
border: 1px solid var(--c1);
border-radius: 50%;
animation: 3s infinite smallScale;
}
.info-media-play-btn:hover {
color: var(--c3);
}
.info-media-img {
padding-top: 70.536%;
}
.info-media-video-wrapper {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
}
@media (max-width: 375px) {
.info-style-6 .info-content {
row-gap: 40px;
}
.info-style-9 .info-content p {
color: var(--c6);
}
.info-media-play-btn {
width: 50px;
height: 50px;
}
.info-media-play-btn svg {
width: 19px;
height: 22px;
}
.info-1 h2 {
font-size: 2.1428571429rem;
}
}
.info-1 {
margin-bottom: 35px;
}
.info-1 > h2,
.info-1 > h3 {
letter-spacing: 0.5px;
font-weight: 600;
line-height: 1.3;
}
.info-1 > h2 {
margin-bottom: 26px;
font-size: 1.875rem;
}
.info-1 > h3 {
margin-bottom: 32px;
font-size: 1.125rem;
color: var(--c2);
}
.info-1 > p {
max-width: 760px;
margin-bottom: 32px;
letter-spacing: 0.5px;
color: var(--c37);
}
.info-1 > p:last-child {
margin-bottom: 0;
}
.info-1-style-1 {
max-width: 788px;
}
.info-1-style-2 {
margin-bottom: 26px;
}
.info-1-style-3 {
margin-bottom: 35px;
}
.info-1-style-4 {
padding: 33px 30px;
border-radius: 15px;
background-color: var(--c43);
}
.info-1-style-5 > h3 {
margin-bottom: 20px;
}
.info-1-style-6 {
margin-bottom: 94px;
}
.info-1-style-7 {
margin-bottom: 45px;
}
.info-1-style-8 {
max-width: 920px;
}
.info-1-style-9 {
margin-bottom: 80px;
}
.info-1-style-10 > h2 {
margin-bottom: 10px;
}
.info-1-style-10 > p {
margin-bottom: 40px;
}
.info-1-style-11 {
max-width: 768px;
}
.info-1-style-12 > p {
max-width: 715px;
}
.info-1-style-13 blockquote {
margin-bottom: 40px;
padding: 15px;
border-radius: 0;
border-left: 5px solid var(--c3);
background-color: var(--c5);
}
.info-1-style-13 blockquote p {
font-weight: 600;
line-height: 1.4;
letter-spacing: 0.5px;
color: var(--c2);
}
.info-1-style-13 blockquote p:last-child {
margin-bottom: 0;
}
.info-1-style-13 blockquote strong {
font-weight: 600;
}
.info-1-style-14 blockquote {
padding-top: 19px;
padding-bottom: 19px;
}
.info-1-style-14 blockquote p {
font-weight: 500;
}
.info-1-style-14 blockquote p a {
text-decoration: underline;
}
.info-1-style-14 blockquote p a:hover {
text-decoration: none;
}
@media (max-width: 767px) {
.info-1-style-13 blockquote,
.info-1-style-4 {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 415px) {
.info-1-style-13 blockquote,
.info-1-style-4 {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 375px) {
.info-1 > h2 {
font-size: 2.1428571429rem;
}
.info-1 > h3 {
font-size: 1.2857142857rem;
}
.info-1-style-13 blockquote,
.info-1-style-4 {
padding-left: 10px;
padding-right: 10px;
}
}
.quiz-to-guide {
padding: 80px 10.152284264%;
background-color: var(--c5);
border-radius: 16px;
}
.quiz-to-guide h2 {
margin-bottom: 27px;
font-size: 1.5625rem;
font-weight: 600;
letter-spacing: 0.25px;
}
.quiz-to-guide h2 span {
color: var(--c39);
}
.quiz-to-guide-content.quiz-to-guide--hide {
overflow: hidden;
max-height: 0;
opacity: 0;
}
.quiz-to-guide-content.quiz-to-guide--show {
max-height: 9999px;
opacity: 1;
}
.quiz-to-guide-content[data-quiz-status="end"] h2 {
margin-bottom: 0;
}
.quiz-to-guide-content-title-has-icon {
position: relative;
padding-left: 40px;
}
.quiz-to-guide-content-title-has-icon-1 {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='27' viewBox='0 0 29 27' fill='none'%3E%3Cpath d='M22.2751 0.961867C19.9441 2.15216 17.1641 4.46698 14.4997 7.47231C11.8319 4.4637 9.05516 2.15216 6.72416 0.961867C0.497161 -2.22102 -1.97581 3.34903 1.75841 5.36135C4.48231 6.83113 7.74769 9.3268 10.8084 12.2236C8.31228 15.8964 6.2157 20.092 5.12944 24.3468C4.50542 26.7866 7.18309 28.6806 8.7547 24.6921C9.80794 22.0189 11.9276 18.9675 14.4997 16.0444C17.0717 18.9675 19.1914 22.0189 20.2446 24.6921C21.8162 28.6806 24.4906 26.7866 23.8699 24.3468C22.7836 20.092 20.6903 15.8964 18.1909 12.2236C21.2516 9.3268 24.517 6.83113 27.2409 5.36135C30.9751 3.34574 28.5054 -2.22102 22.2751 0.961867Z' fill='%233C6AFF'/%3E%3C/svg%3E")
0 3px no-repeat;
}
.quiz-to-guide-progress {
position: relative;
height: 6px;
background-color: var(--c38);
border-radius: 3px;
}
.quiz-to-guide-progress span {
width: 0;
position: absolute;
top: 0;
left: 0;
height: 100%;
background-color: var(--c3);
border-radius: 3px;
transition: 0.3s ease-in-out;
}
.quiz-to-guide-progress + .quiz-to-guide-counter {
margin-top: 20px;
}
.quiz-to-guide-counter {
margin-bottom: 32px;
font-size: 0.9375rem;
letter-spacing: 0.15px;
line-height: 1;
color: var(--c2);
}
.quiz-to-guide-content-btns {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.quiz-to-guide-content-info {
padding: 30px 20px;
color: var(--c1);
border-radius: 15px;
background: linear-gradient(99deg, #064cea 38.19%, #032b84 90.42%);
}
.quiz-to-guide-content-info .alert {
margin-bottom: 50px;
}
.quiz-to-guide-content-info .tag {
margin-bottom: 12px;
}
.quiz-to-guide-content-info ol,
.quiz-to-guide-content-info p,
.quiz-to-guide-content-info ul {
font-size: 0.875rem;
letter-spacing: 0.25px;
}
.quiz-to-guide-content-info ul:not(.reset-list) li {
padding-left: 12px;
}
.quiz-to-guide-content-info ul:not(.reset-list) li:before {
left: 0;
width: 4px;
height: 4px;
background-color: var(--c1);
}
.quiz-to-guide-content-info ul:not(.reset-list):last-child {
margin-bottom: 0;
}
.quiz-to-guide-content-info p {
margin-bottom: 30px;
}
@media (max-width: 767px) {
.quiz-to-guide {
margin-left: -20px;
margin-right: -20px;
padding: 60px 20px;
border-radius: 0;
}
}
@media (max-width: 415px) {
.quiz-to-guide {
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
}
.quiz-to-guide .btn-style-10 {
width: calc(50% - 5px);
}
}
@media (max-width: 375px) {
.quiz-to-guide {
margin-left: -10px;
margin-right: -10px;
padding-left: 10px;
padding-right: 10px;
}
.quiz-to-guide h2 {
font-size: 1.4285714286rem;
}
.quiz-to-guide-counter {
font-size: 1.0714285714rem;
}
.quiz-to-guide-content-info ol,
.quiz-to-guide-content-info p,
.quiz-to-guide-content-info ul {
font-size: 1rem;
}
}
.recall {
margin-bottom: 15px;
}
.recall-content {
display: flex;
gap: 30px 6.6666666667%;
}
.recall-content > div:first-child {
flex-shrink: 0;
flex-basis: 32.0833333333%;
}
.recall-content > div:last-child {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
padding: 20px 44px 20px 0;
}
.recall-content p {
font-size: 1.1875rem;
}
.recall-content p:last-of-type {
margin-bottom: 0;
}
.recall-content p + .recall-name {
margin-top: 22px;
}
.recall-img {
min-height: 316px;
}
.recall-img .list-img {
height: 100%;
border-radius: 10px;
}
.recall-date,
.recall-name {
display: block;
line-height: 1;
}
.recall-name {
font-size: 0.875rem;
}
.recall-name + .recall-date {
margin-top: 12px;
}
.recall-date {
font-size: 0.75rem;
color: var(--c6);
}
@media (min-width: 577px) {
.recall-content {
border-radius: 10px;
background: linear-gradient(0deg, var(--c5) 0, var(--c5) 100%), #fff;
overflow: hidden;
}
}
@media (max-width: 767px) {
.recall-content {
column-gap: 40px;
}
.recall-content > div:first-child {
flex-basis: 36.3136176066%;
}
.recall-content p {
font-size: 0.875rem;
}
}
@media (max-width: 576px) {
.recall {
margin-bottom: 35px;
}
.recall-content > div:first-child {
display: none;
}
.recall-content > div:last-child {
padding: 0;
}
.recall-content p {
color: var(--c6);
text-align: center;
}
.recall-date,
.recall-name {
display: none;
}
.case-studies-style-1 .case-studies-content {
display: flex;
flex-direction: column;
align-items: center;
row-gap: 18px;
}
.case-studies-style-1 .case-studies-content .tag {
margin-bottom: 0;
}
.case-studies-style-1 .case-studies-content .tag-style-3 + .add-info {
margin-top: 7px;
}
.case-studies-style-1 .add-info + .list-style-1,
.case-studies-style-1 .add-info + .recall {
margin-top: 0;
}
.case-studies-style-1 .add-info h2 {
margin-bottom: 0;
}
.case-studies-style-1 .case-studies-add-info {
flex-direction: column;
align-items: center;
}
.case-studies-style-1 .case-studies-add-info > div:last-child {
display: none;
}
.case-studies-style-3 .case-studies-content .tag {
display: table;
margin-left: auto;
margin-right: auto;
}
.case-studies-style-3 .case-studies-content .tag-style-3 + .add-info {
margin-top: 7px;
}
.case-studies-style-3 .add-info + .list-style-1,
.case-studies-style-3 .add-info + .recall {
margin-top: 0;
}
.case-studies-style-3 .add-info h2 {
margin-bottom: 18px;
}
.case-studies-style-3 .case-studies-add-info {
flex-direction: column;
align-items: center;
}
.case-studies-style-3 .case-studies-add-info > div:last-child {
display: none;
}
}
.not-found h1 {
text-transform: uppercase;
}
.cooming-soon p + .form {
margin-top: 45px;
}
.early-access-message {
display: block;
margin-bottom: 40px;
padding: 13px 10px 11px;
font-size: 0.875rem;
line-height: 1.2;
color: var(--c1);
background-color: var(--cb);
text-align: center;
}
.early-access-message.dn {
display: none;
}
.early-access-message:hover {
text-decoration: underline;
}
@media (max-width: 430px) {
.early-access-message {
margin-bottom: 20px;
font-size: 0.75rem;
}
}
@media (max-width: 375px) {
.recall-content p {
font-size: 1rem;
}
.case-studies-style-2 .case-studies-content > .tag {
display: table;
margin-left: auto;
margin-right: auto;
}
.early-access-message {
font-size: 0.8571428571rem;
}
}
.why-case-craft-add-info + .why-case-craft-list {
margin-top: 48px;
}
.why-case-craft-list .icon path,
.why-case-craft-list .icon svg {
fill: var(--c3);
}
@media (max-width: 767px) {
.why-case-craft-content > .tag {
display: table;
margin-left: auto;
margin-right: auto;
}
.why-case-craft-add-info h2,
.why-case-craft-add-info p {
text-align: center;
}
.why-case-craft-add-info + .why-case-craft-list {
margin-top: 40px;
}
.why-case-craft-list-style-1 {
width: min(415px, 100%);
margin-left: auto;
margin-right: auto;
grid-template-columns: 1fr;
}
}
.process .tag {
display: table;
margin-left: auto;
margin-right: auto;
}
.process h2 {
margin-bottom: 38px;
text-align: center;
}
.process-list-wrapper {
position: relative;
}
.process-list-progressbar {
position: absolute;
top: 0;
width: 1px;
height: 100%;
}
.process-list-progressbar span {
position: absolute;
top: 0;
left: 0;
width: 1px;
background-color: var(--c3);
}
.desktop-user-agent .process-list-progressbar span {
transition: height 0.3s ease-in-out;
}
.process-list-item > strong {
display: block;
margin-bottom: 20px;
font-size: 1.875rem;
font-weight: 500;
line-height: 1.3;
}
.process-list-item p,
.process-list-item ul {
margin-bottom: 24px;
font-size: 1.125rem;
color: var(--c6);
}
.process-list-item p:last-child,
.process-list-item ul:last-child {
margin-bottom: 0;
}
.process-list-item ul:not(.reset-list) li {
padding-left: 26px;
}
.process-list-item ul strong {
font-weight: 400;
color: var(--c10);
}
.process-list-counter {
position: relative;
z-index: 2;
margin-bottom: 19px;
font-size: 1.875rem;
font-weight: 500;
line-height: 1;
color: var(--c24);
}
.process-list-counter span {
position: absolute;
top: -3px;
width: 30px;
height: 30px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background-color: var(--c1);
border: 1px solid var(--c24);
transition: 0.3s ease-in-out;
}
.process-list-counter span:after {
content: "";
width: 15px;
height: 15px;
background-color: var(--c24);
border-radius: 50%;
transition: 0.3s ease-in-out 0.3s;
}
.process-list-counter.active span {
border-color: var(--c3);
}
.process-list-counter.active span:after {
background-color: var(--c3);
}
@media (min-width: 768px) {
.process-list {
grid-auto-flow: dense;
}
.process-list-counter span {
left: -60px;
}
.process-list-progressbar {
left: 50%;
translate: -50% 0;
}
.process-list-item:nth-child(4n + 2),
.process-list-item:nth-child(4n + 3) {
padding-right: 30px;
align-self: center;
}
.process-list-item:nth-child(4),
.process-list-item:nth-child(4n + 1),
.process-list-item:nth-child(8) {
padding-left: 30px;
}
.process-list-item:nth-child(4n + 1) {
grid-column: 2 / span 1;
}
.process-list-item:nth-child(4n + 3) .process-list-counter span {
left: auto;
right: -60px;
}
}
@media (max-width: 767px) {
.process-list-counter span {
left: -50px;
}
.process-list-progressbar {
left: 35px;
}
.process-list-item {
padding-left: 70px;
}
.process-list-item p,
.process-list-item ul,
.process-list-item > strong {
max-width: 500px;
}
.process-list-item > strong {
font-size: 1.25rem;
}
.process-list-item p,
.process-list-item ul {
margin-bottom: 24px;
font-size: 0.875rem;
}
}
@media (max-width: 375px) {
.process-list-counter span {
left: -45px;
}
.process-list-progressbar {
left: 30px;
}
.process-list-counter {
font-size: 2.1428571429rem;
}
.process-list-item {
padding-left: 60px;
}
.process-list-item > strong {
font-size: 1.4285714286rem;
}
.process-list-item p,
.process-list-item ul {
font-size: 1rem;
}
}
.features h2 {
max-width: 500px;
margin-bottom: 57px;
}
.features-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 30px;
}
.features-list p {
font-size: 1.25rem;
font-weight: 500;
line-height: 1.3;
}
.features-list p:last-of-type {
margin-bottom: 0;
}
.features-list-progress {
position: relative;
display: block;
margin-bottom: 15px;
height: 1px;
background-color: rgba(91, 93, 114, 0.5);
}
.features-list-progress i {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 2px;
background-color: var(--c3);
pointer-events: none;
}
.features-slider-wrapper {
padding-bottom: 80px;
}
.features-slider-wrapper .slider-btn {
bottom: 0;
}
.features-slider-wrapper .slider-btn--prev {
left: 0;
}
.features-slider-wrapper .slider-btn--next {
right: auto;
left: 54px;
}
.features-item {
display: flex;
border-radius: 10px;
overflow: hidden;
background-color: var(--c10);
}
.features-item-info {
display: flex;
flex-direction: column;
justify-content: center;
padding: 45px 20px 40px;
}
.features-item-info h3,
.features-item-info p {
max-width: 500px;
}
.features-item-info h3 {
margin-bottom: 18px;
font-size: 1.875rem;
font-weight: 500;
line-height: 1.3;
color: var(--c1);
}
.features-item-info p {
font-size: 1.125rem;
color: var(--c5);
}
.features-item-info p:last-of-type {
margin-bottom: 0;
}
.features-item-info p + .features-item-btns {
margin-top: 40px;
}
.features-item-btns {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
@media (min-width: 376px) {
.features-item {
column-gap: 5%;
}
.features-slider-wrapper .swiper-pagination {
display: none;
}
}
@media (max-width: 1024px) {
.features-list p {
font-size: 0.875rem;
}
}
@media (min-width: 768px) {
.features-list + .features-slider-wrapper {
margin-top: 78px;
}
.features-item-img {
flex-shrink: 0;
flex-basis: 44.1666666667%;
min-height: 430px;
}
.features-item-img .list-img {
height: 100%;
}
.features-item-info {
flex-grow: 1;
}
}
@media (max-width: 767px) {
.features-list + .features-slider-wrapper {
margin-top: 54px;
}
.features-item {
flex-direction: column;
}
.features-item-img .list-img {
padding-top: 81.134%;
}
}
@media (max-width: 576px) {
.features-list {
grid-template-columns: 1fr;
row-gap: 30px;
}
.features-list div {
display: none;
}
.features-list div.db {
display: block;
}
.features-list p {
font-size: 1.25rem;
}
.features-list + .features-slider-wrapper {
margin-top: 39px;
}
}
@media (max-width: 375px) {
.features .tag {
display: table;
margin-left: auto;
margin-right: auto;
}
.features h2 {
text-align: center;
}
.features-list p {
font-size: 1.4285714286rem;
}
.features-slider-wrapper {
margin-left: -10px;
margin-right: -10px;
padding-bottom: 70px;
}
.features-slider-wrapper .slider-btn {
left: 50%;
translate: -50% 0;
}
.features-slider-wrapper .slider-btn--prev {
margin-left: -27px;
}
.features-slider-wrapper .slider-btn--next {
margin-left: 27px;
}
.features-item {
flex-direction: column;
padding: 0 10px 60px;
}
.features-item-img {
order: 1;
}
.features-item-img .list-img {
padding-top: 112.997%;
border-radius: 10px;
}
.features-item-info {
padding: 100px 0 40px;
}
.features-item-info h3,
.features-item-info p {
text-align: center;
}
.features-item-info h3 {
font-size: 2.1428571429rem;
}
.features-item-info p {
max-width: 320px;
margin-left: auto;
margin-right: auto;
font-size: 1rem;
}
.features-item-btns a {
flex-basis: calc(50% - 5px);
}
}
@media (max-width: 320px) {
.features-item-btns {
flex-direction: column;
row-gap: 10px;
}
.features-item-btns a {
flex-basis: 100%;
}
}
.small-claims-resolution {
overflow: hidden;
}
.small-claims-resolution h2 {
max-width: 694px;
margin-left: auto;
margin-right: auto;
margin-bottom: 55px;
text-align: center;
}
.small-claims-resolution-list {
display: grid;
gap: 40px 20px;
}
.small-claims-resolution-list .list-item {
display: flex;
flex-direction: column;
justify-content: center;
row-gap: 30px;
border-radius: 10px;
}
.small-claims-resolution-list .list-item > div:not(.spline-viewer-wrapper) {
display: flex;
flex-direction: column;
row-gap: 30px;
}
.small-claims-resolution-list .list-item .icon-style-2 .dotlottie-wrapper {
width: 46px;
height: 46px;
}
.small-claims-resolution-list .list-item p,
.small-claims-resolution-list .list-item strong {
max-width: 500px;
}
.small-claims-resolution-list .list-item .icon + strong {
padding-top: 15px;
}
.small-claims-resolution-list .list-item strong {
display: block;
font-size: 1.875rem;
font-weight: 500;
line-height: 1.3;
}
.small-claims-resolution-list .list-item p {
font-size: 1.125rem;
line-height: 1.4;
color: var(--c6);
}
.small-claims-resolution-list .list-item p:last-of-type {
margin-bottom: 0;
}
.small-claims-resolution-list .list-item p + div {
display: flex;
gap: 10px;
flex-wrap: wrap;
align-items: center;
padding-top: 4px;
}
@media (min-width: 768px) {
.small-claims-resolution-list {
grid-template-columns: repeat(2, 1fr);
}
.small-claims-resolution-list .list-item {
padding: 90px 40px;
}
.small-claims-resolution-list .list-item:nth-child(4n + 2),
.small-claims-resolution-list .list-item:nth-child(4n + 3) {
position: relative;
background-color: var(--c5);
align-items: center;
}
.small-claims-resolution-list .list-item:nth-child(4n + 2):after,
.small-claims-resolution-list .list-item:nth-child(4n + 3):before {
content: "";
position: absolute;
top: 0;
height: 100%;
background-color: var(--c5);
}
.small-claims-resolution-list .list-item:nth-child(4n + 2) {
border-radius: 10px 0 0 10px;
}
.small-claims-resolution-list .list-item:nth-child(4n + 2):after {
left: 100%;
width: calc((100vw - 1400px) / 2 - 20px);
border-radius: 0 10px 10px 0;
}
.small-claims-resolution-list .list-item:nth-child(4n + 3) {
border-radius: 0 10px 10px 0;
}
.small-claims-resolution-list .list-item:nth-child(4n + 3):before {
left: calc(-1 * (100vw - 1400px) / 2 + 20px);
width: calc((100vw - 1400px) / 2);
border-radius: 10px 0 0 10px;
}
.small-claims-resolution-list .list-item:nth-child(4n + 1),
.small-claims-resolution-list .list-item:nth-child(4n + 4) {
background-color: var(--c1);
padding-left: 14.4927536232%;
align-items: flex-start;
}
.simplifying-legal-process-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.small-claims-resolution-content h2 {
margin-bottom: 0;
}
.small-claims-resolution-list .list-item {
padding: 80px 40px;
}
.small-claims-resolution-list .list-item:nth-child(2),
.small-claims-resolution-list .list-item:nth-child(3) {
background-color: var(--c5);
}
.small-claims-resolution-list .list-item:nth-child(3) {
order: 1;
}
}
@media (max-width: 576px) {
.small-claims-resolution-list .list-item {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 415px) {
.small-claims-resolution-list .list-item {
padding-left: 20px;
padding-right: 20px;
}
}
.simplifying-legal-process {
padding-top: 80px;
padding-bottom: 80px;
border-radius: 10px;
}
.simplifying-legal-process-content {
display: flex;
flex-direction: column;
align-items: center;
}
.simplifying-legal-process-content .tag {
margin-bottom: 40px;
}
.simplifying-legal-process-content h2 {
max-width: 810px;
margin-bottom: 7px;
text-align: center;
}
.simplifying-legal-process-content h2 ~ p {
max-width: 718px;
font-size: 1.125rem;
font-weight: 500;
text-align: center;
}
.simplifying-legal-process-content h2 ~ p:last-of-type {
margin-bottom: 0;
}
.simplifying-legal-process-content + .simplifying-legal-process-list {
margin-top: 66px;
}
@media (max-width: 767px) {
.simplifying-legal-process-content h2 {
margin-bottom: 20px;
}
}
.simplifying-legal-process-list {
display: grid;
gap: 15px;
}
.simplifying-legal-process-list-item {
padding: 62px 6.7567567568% 57px;
border-radius: 10px;
}
.simplifying-legal-process-list-item section {
min-height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.simplifying-legal-process-list-item h3 {
margin-bottom: 12px;
font-size: 1.875rem;
}
.simplifying-legal-process-list-item p {
font-size: 1.125rem;
}
.simplifying-legal-process-list-item p:last-of-type {
margin-bottom: 34px;
}
.simplifying-legal-process-list-item .btn {
margin-top: auto;
}
.simplifying-legal-process-list-item:nth-child(odd) {
background-color: var(--c1);
}
.simplifying-legal-process-list-item:nth-child(odd) p {
color: var(--c6);
}
.simplifying-legal-process-list-item:nth-child(even) {
background-color: var(--c7);
}
.simplifying-legal-process-list-item:nth-child(even) h3,
.simplifying-legal-process-list-item:nth-child(even) p {
color: var(--c1);
}
.simplifying-legal-process-btns {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding-top: 19px;
}
.simplifying-legal-proces-style-1 {
position: relative;
background-color: var(--c10);
}
.simplifying-legal-proces-style-1 .simplifying-legal-process-content h2,
.simplifying-legal-proces-style-1 .simplifying-legal-process-content h2 ~ p {
color: var(--c1);
}
.parallax-wrapper {
overflow: hidden;
}
.parallax {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(assets/img/bg-3.svg) 50% 100% / auto 100% no-repeat;
pointer-events: none;
}
.simplifying-legal-proces-style-2 {
background: linear-gradient(0deg, var(--c5) 0, var(--c5) 100%), var(--c5);
}
@media (max-width: 767px) {
.simplifying-legal-process-list-item {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 415px) {
.simplifying-legal-process-list-item {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 375px) {
.small-claims-resolution-list {
row-gap: 10px;
}
.small-claims-resolution-list .list-item {
padding-top: 60px;
padding-bottom: 60px;
}
.small-claims-resolution-list .list-item strong {
font-size: 1.7857142857rem;
}
.small-claims-resolution-list .list-item p {
font-size: 1rem;
}
.small-claims-resolution-list .list-item .btn-style-1 {
min-width: 144px;
}
.simplifying-legal-process-content h2 {
margin-bottom: 36px;
}
.simplifying-legal-process-content h2 ~ p {
font-size: 1rem;
font-weight: 400;
}
.simplifying-legal-process-content .tag {
margin-bottom: 22px;
}
.simplifying-legal-process-content + .simplifying-legal-process-list {
margin-top: 40px;
}
.simplifying-legal-process-btns {
padding-top: 40px;
}
.simplifying-legal-process-list-item {
padding: 57px 20px 60px;
}
.simplifying-legal-process-list-item h3 {
margin-bottom: 12px;
font-size: 1.7857142857rem;
}
.simplifying-legal-process-list-item p {
font-size: 1rem;
}
}
@media (max-width: 320px) {
.simplifying-legal-process-list-item,
.small-claims-resolution-list .list-item {
padding-left: 10px;
padding-right: 10px;
}
}
.case-studies-add-info + .case-studies-slider-wrapper {
margin-top: 58px;
}
.case-studies-slider-wrapper {
padding-bottom: 90px;
}
.case-studies-slider-wrapper .slider-btn {
bottom: 0;
}
.case-studies-slider-wrapper .slider-btn--prev {
left: calc(50% - 53px);
}
.case-studies-slider-wrapper .slider-btn--next {
right: calc(50% - 53px);
}
.case-studies-slider {
width: 0;
min-width: 100%;
}
@media (max-width: 375px) {
.case-studies-slider-wrapper {
padding-bottom: 70px;
}
.case-studies-add-info + .case-studies-slider-wrapper {
margin-top: 40px;
}
}
.reviews-list-item {
display: flex;
flex-direction: column;
row-gap: 27px;
justify-content: space-between;
padding: 42px 10.2564102564% 45px;
background-color: var(--c5);
border-radius: 10px;
transition: 0.3s ease-in-out;
}
.reviews-list-item:hover {
background-color: var(--c34);
}
.reviews-list-item-blockquote {
margin-bottom: 0;
font-size: 1.125rem;
line-height: 1.4;
}
.reviews-list-item-info {
display: flex;
align-items: center;
column-gap: 20px;
}
.reviews-list-item-info > div:first-child {
flex-shrink: 0;
flex-basis: 65px;
}
.reviews-list-item-info > div:last-child {
flex-grow: 1;
}
.reviews-list-item-info .list-img {
padding-top: 100%;
border-radius: 50%;
}
.reviews-list-item-info p,
.reviews-list-item-info span {
font-size: 0.875rem;
line-height: 1;
}
.reviews-list-item-info span {
display: block;
}
.reviews-list-item-info span + p {
margin-top: 10px;
}
.reviews-list-item-info p {
margin-bottom: 0;
color: var(--c25);
}
@media (max-width: 1200px) {
.reviews-list-item {
padding-left: 11.0192837466%;
padding-right: 11.0192837466%;
}
}
@media (max-width: 1024px) {
.reviews-list-item {
padding-left: 13.1578947368%;
padding-right: 13.1578947368%;
}
}
@media (max-width: 767px) {
.reviews-list-item {
padding: 39px 10.2389078498%;
row-gap: 45px;
}
.reviews-list-item-blockquote {
font-size: 0.875rem;
}
}
@media (max-width: 576px) {
.reviews-list-item {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 375px) {
.reviews-list-item {
padding-top: 48px;
padding-bottom: 48px;
row-gap: 24px;
}
.reviews-list-item-info > div:first-child {
flex-basis: 50px;
}
.reviews-list-item-blockquote,
.reviews-list-item-info p,
.reviews-list-item-info span {
font-size: 1rem;
}
}
@media (max-width: 320px) {
.reviews-list-item {
padding-left: 10px;
padding-right: 10px;
}
}
.pagination-navigation-content {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
}
.navigation,
.pagination {
display: flex;
column-gap: 2px;
}
.navigation-btn,
.pagination-btn {
display: inline-flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
padding: 0;
border-radius: 5px;
background-color: var(--c1);
cursor: pointer;
transition: 0.3s ease-in-out;
color: var(--cb);
}
.pagination-btn {
border: 1px solid var(--c29);
font: 600 0.875rem/1 var(--f4);
letter-spacing: -0.21px;
}
.pagination-btn:hover {
background-color: var(--c29);
}
.pagination-btn.pagination-btn-active {
color: var(--c1);
background-color: var(--c10);
}
.navigation-btn {
border: 1px solid var(--c24);
}
.navigation-btn svg {
width: 18px;
height: 16px;
fill: currentColor;
}
.navigation-btn:hover {
background-color: var(--c24);
}
.build-with-privacy {
padding-top: 108px;
padding-bottom: 80px;
background: var(--c10) url(assets/img/built-with-privacy.svg) no-repeat calc(807px + (100% - 1200px) / 2) calc(100% + 15px);
}
.build-with-privacy-content .tag + p {
margin-top: 43px;
}
.build-with-privacy-content p {
max-width: 782px;
font-size: 1.875rem;
font-weight: 500;
line-height: 1.3;
color: var(--c1);
}
.build-with-privacy-content p:last-of-type {
margin-bottom: 0;
}
.build-with-privacy-content p + .build-with-privacy__icons {
margin-top: 52px;
}
.build-with-privacy__icons {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.build-with-privacy__icons .list-img-2 {
width: 107px;
padding-top: 96.27%;
border-radius: 10px;
background-color: var(--c36);
}
.build-with-privacy__icons .list-img-2 div {
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
}
@media (max-width: 1200px) {
.build-with-privacy {
background-position: 100% 100%;
}
}
@media (max-width: 767px) {
.build-with-privacy-content p {
font-size: 1.5625rem;
}
}
@media (max-width: 375px) {
.build-with-privacy {
padding-top: 80px;
background: var(--cb);
}
.build-with-privacy-content .tag + p {
margin-top: 15px;
}
.build-with-privacy-content p {
font-size: 1.7857142857rem;
}
.build-with-privacy-content p + .build-with-privacy__icons {
margin-top: 37px;
}
.build-with-privacy__icons {
gap: 10px;
}
.build-with-privacy__icons .list-img-2 {
width: 64px;
}
}
@media (max-width: 320px) {
.build-with-privacy-content p {
font-size: 1.4285714286rem;
}
}
.how-it-works h2 {
margin-bottom: 57px;
}
.how-it-works-img {
border-radius: 5px;
overflow: hidden;
}
.how-it-works-img img {
cursor: zoom-in;
transition: 0.3s ease-in-out;
}
.how-it-works-img img:hover {
transform: scale(1.05);
}
@media (max-width: 767px) {
.how-it-works .content {
row-gap: 20px;
}
.how-it-works h2 {
margin-bottom: 45px;
}
.how-it-works-img-list {
display: none;
}
}
.claims-system {
padding-top: 79px;
padding-bottom: 77px;
border-radius: 5px;
background-color: var(--c5);
}
.claims-system h2 {
text-align: center;
}
.claims-system h2 + p {
margin-top: -2px;
}
.claims-system h2 ~ p {
max-width: 718px;
margin-left: auto;
margin-right: auto;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.3;
color: var(--c6);
text-align: center;
}
.claims-system h2 ~ p:last-of-type {
margin-bottom: 0;
}
.claims-system h2 ~ p + .claims-system-list {
margin-top: 72px;
}
.claims-system-list {
text-align: center;
}
.claims-system-list-item > div {
display: inline-flex;
align-items: baseline;
font-size: 2.8125rem;
font-weight: 500;
line-height: 1 !important;
}
.claims-system-list-item > div > i:not(:empty),
.claims-system-list-item > div > span:not(.claims-system-list__decor) {
display: inline-block;
}
.claims-system-list-item > div > i:not(:empty) {
font-style: normal;
color: rgba(91, 93, 114, 0.5);
}
.claims-system-list-item > div + p {
margin-top: 14px;
}
.claims-system-list-item p {
margin-bottom: 0;
font-size: 1.125rem;
color: var(--c6);
}
@media (min-width: 768px) {
.how-it-works-img-list-item {
display: none;
}
.how-it-works-img-list-item.db {
display: block;
}
.claims-system-list {
position: relative;
display: flex;
justify-content: space-between;
gap: 30px 20px;
}
.claims-system-list > div:not(:first-child) {
position: relative;
}
.claims-system-list__decor {
position: absolute;
bottom: 5px;
width: 1px;
height: 88px;
opacity: 0;
background-color: var(--c23);
pointer-events: none;
}
}
@media (max-width: 767px) {
.claims-system {
margin-left: 20px;
margin-right: 20px;
padding-bottom: 83px;
}
.claims-system-list {
display: grid;
gap: 100px 30px;
}
.claims-system-list > div:nth-child(odd) {
position: relative;
}
.claims-system-list > div:nth-child(odd):after {
content: "";
position: absolute;
background-color: var(--c23);
pointer-events: none;
}
.faqs h2 ~ p {
max-width: 365px;
}
}
@media (min-width: 416px) and (max-width: 767px) {
.claims-system-list {
grid-template-columns: repeat(2, 1fr);
}
.claims-system-list > div:nth-child(odd):after {
top: 50%;
left: calc(100% + 15px);
translate: 0 -50%;
width: 1px;
height: 88px;
}
}
@media (max-width: 415px) {
.claims-system-list {
grid-template-columns: 1fr;
row-gap: 60px;
}
.claims-system-list > div:nth-child(odd):after {
top: 50%;
top: calc(100% + 15px);
translate: -50% 0;
width: 88px;
height: 1px;
}
}
@media (max-width: 375px) {
.claims-system {
padding-top: 60px;
padding-bottom: 60px;
}
.claims-system h2 ~ p {
font-size: 1.2857142857rem;
}
.claims-system h2 ~ p + .claims-system-list {
margin-top: 43px;
}
.claims-system-list span:not(.claims-system-list__decor) {
font-size: 2.5rem;
}
.claims-system-list p {
font-size: 1.2857142857rem;
}
}
@media (max-width: 320px) {
.claims-system {
margin-left: 10px;
margin-right: 10px;
}
.claims-system h2 ~ p {
font-size: 1.1428571429rem;
}
.claims-system-list span:not(.claims-system-list__decor) {
font-size: 1.7857142857rem;
}
.claims-system-list p {
font-size: 1.1428571429rem;
}
}
.blog-add-info + .list-style-1 {
margin-top: 58px;
}
@media (max-width: 576px) {
.blog-content > .tag {
display: table;
margin-left: auto;
margin-right: auto;
margin-bottom: 38px;
}
.blog-add-info {
justify-content: center;
}
.blog-add-info > div:last-child {
display: none;
}
.blog-add-info h2 {
margin-bottom: 0;
}
.blog-add-info + .list-style-1 {
margin-top: 40px;
}
}
.faqs h2 ~ p {
font-size: 1.125rem;
color: var(--c6);
}
.faqs h2 ~ p:last-of-type {
margin-bottom: 0;
}
.faqs-accordion > div:not(.item-visible):nth-child(1n + 6) {
display: none;
}
.faqs-accordion + .btn {
margin-top: 20px;
}
.ai-powered-platform {
padding-top: 140px;
padding-bottom: 140px;
background-color: var(--c5);
}
.ai-powered-platform-content {
display: flex;
justify-content: space-between;
align-items: center;
gap: 50px 20px;
}
.ai-powered-platform-content p {
max-width: 560px;
font: 1.375rem var(--f2);
}
.ai-powered-platform-content p:last-of-type {
margin-bottom: 0;
}
.ai-powered-platform-content p + .btn {
margin-top: 22px;
}
@media (min-width: 641px) {
.ai-powered-platform-content {
column-gap: 34px;
}
.ai-powered-platform-content > div {
flex-basis: calc(50% - 17px);
}
}
@media (min-width: 768px) {
.ai-powered-platform-content h2 {
font-size: 2.8125rem;
}
}
@media (min-width: 641px) and (max-width: 767px) {
.ai-powered-platform-content {
column-gap: 34px;
}
.ai-powered-platform-content > div {
flex-basis: calc(50% - 17px);
}
.ai-powered-platform-content p {
font-weight: 500;
}
}
@media (max-width: 767px) {
.ai-powered-platform {
padding-top: 80px;
padding-bottom: 80px;
}
.ai-powered-platform-content p {
font-size: 1.125rem;
}
}
@media (max-width: 640px) {
.ai-powered-platform-content {
flex-direction: column;
row-gap: 65px;
}
.ai-powered-platform-content > div:first-child {
display: flex;
flex-direction: column;
align-items: center;
}
.ai-powered-platform-content h2,
.ai-powered-platform-content p {
text-align: center;
}
.ai-powered-platform-content p {
max-width: 345px;
font-size: 0.875rem;
}
.ai-powered-platform-content p + .btn {
margin-top: 43px;
}
}
@media (max-width: 375px) {
.faqs h2 ~ p {
font-size: 0.8571428571rem;
}
.faqs-accordion + .btn {
margin-top: 10px;
}
.ai-powered-platform-content p {
font-size: 1rem;
}
}
.experts-add-info {
row-gap: 42px;
}
.experts-add-info + .experts-list {
margin-top: 58px;
}
.experts-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px 10px;
}
.experts-list-photo {
position: relative;
margin-bottom: 10px;
}
.experts-list-photo .list-img {
padding-top: 119.66%;
border-radius: 10px;
}
.experts-list-photo .list-img:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(23, 27, 43, 0) 63.73%, rgba(23, 27, 43, 0.34) 81.45%, #171b2b 100%);
opacity: 0;
pointer-events: none;
transition: 0.3s ease-in-out;
}
.experts-list-photo span {
position: absolute;
z-index: 2;
left: 30px;
bottom: 28px;
padding-right: 24px;
font-family: var(--f1);
line-height: 1;
color: var(--c1);
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M7.5 0.5V13.5' stroke='white' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 6.95996H14' stroke='white' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
100% 50% no-repeat;
opacity: 0;
pointer-events: none;
transition: 0.3s ease-in-out;
}
.experts-list-modal-btn {
cursor: pointer;
}
.experts-list-modal-btn li span,
.experts-list-modal-btn p {
color: var(--c32);
}
.experts-list-modal-btn p {
font-size: 1.25rem;
font-weight: 500;
line-height: 1.3;
}
.experts-list-modal-btn p:last-of-type {
margin-bottom: 0;
}
.experts-list-modal-btn p + ul {
margin-top: 4px;
}
.experts-list-modal-btn ul {
display: flex;
flex-direction: column;
row-gap: 10px;
}
.experts-list-modal-btn li {
font-family: var(--f1);
font-weight: 700;
line-height: 1;
color: rgba(91, 93, 114, 0.5);
}
.experts-list-modal-btn + .s_ocial {
margin-top: 9px;
}
.experts-list-modal-btn:hover .experts-list-photo span {
opacity: 1;
}
.experts-list-modal-btn:hover .experts-list-photo .list-img:after {
border-radius: 10px;
opacity: 1;
}
.experts-dialog .list-img {
padding-top: 119.865%;
border-radius: 10px;
}
.experts-dialog .list-img + .s_ocial {
margin-top: 14px;
}
.experts-dialog .tag {
margin-bottom: 21px;
}
.experts-dialog h2 {
margin-bottom: 16px;
}
.experts-dialog h2 + strong {
display: block;
font-family: var(--f1);
font-weight: 700;
line-height: 1;
color: rgba(91, 93, 114, 0.5);
}
.experts-dialog h2 + strong + p {
margin-top: 21px;
}
.experts-dialog p {
font-size: 0.875rem;
color: var(--c6);
}
.experts-dialog p:last-of-type {
margin-bottom: 0;
}
@media (max-width: 1024px) {
.experts-list {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 767px) {
.experts-list {
grid-template-columns: repeat(2, 1fr);
}
.experts-dialog .dialog-content-aside {
display: none;
}
.experts-dialog .dialog-content-main h2 + strong + .dialog-content-aside {
display: block;
margin-top: 38px;
margin-bottom: 38px;
}
}
@media (max-width: 375px) {
.experts-add-info {
row-gap: 20px;
}
.experts-add-info h2,
.experts-add-info p {
text-align: center;
}
.experts-add-info .tag {
display: table;
margin-left: auto;
margin-right: auto;
}
.experts-add-info + .experts-list {
margin-top: 40px;
}
.experts-list {
grid-template-columns: 1fr;
}
.experts-list-modal-btn p {
font-size: 1.4285714286rem;
}
.experts-dialog p {
font-size: 1rem;
}
}
.download-logo-list {
display: grid;
gap: 40px 10px;
}
@media (min-width: 501px) {
.download-logo-list {
grid-template-columns: repeat(2, 1fr);
}
}
.download-logo-list-item-img {
padding-top: 250px;
border-radius: 5px;
background-color: var(--c5);
}
.download-logo-list-item-img div {
top: 20px;
bottom: 20px;
left: 15px;
right: 15px;
}
.download-logo-list-item-img + .btn {
margin-top: 20px;
}
.article-preview + .article {
margin-top: 64px;
}
.article h1 {
font-size: 2.1875rem;
line-height: 1.3;
}
.article h2 {
font-size: 1.125rem;
font-weight: 600;
line-height: 1.4;
}
.article img,
.article picture {
border-radius: 10px;
}
.article ol:last-child,
.article p:last-child,
.article ul:last-child {
margin-bottom: 0;
}
.article-style-1 {
max-width: 750px;
}
.article-style-2 h1 {
margin-bottom: 17px;
}
.article-style-2 img,
.article-style-2 picture {
margin-bottom: 60px;
}
.article-style-2 picture img {
margin-bottom: 0;
}
.article-style-2 ol,
.article-style-2 p,
.article-style-2 ul {
color: var(--c7);
}
.article-style-2 ol + img,
.article-style-2 ol + picture,
.article-style-2 p + img,
.article-style-2 p + picture,
.article-style-2 ul + img,
.article-style-2 ul + picture {
padding-top: 40px;
}
.article-style-2 ol + picture img,
.article-style-2 p + picture img,
.article-style-2 ul + picture img {
padding-top: 0;
}
.article-style-2 h2 {
font-size: 1.25rem;
}
.article-preview-info {
position: absolute;
top: 30px;
bottom: 46px;
left: 30px;
right: 30px;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.article-preview-info .tag {
margin-bottom: 13px;
}
.article-preview-info h1 {
max-width: 580px;
margin-bottom: 9px;
font-size: 2.1875rem;
line-height: 1.3;
color: var(--c1);
}
.article-preview {
position: relative;
}
.article-preview:after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(23, 27, 43, 0) 63.73%, rgba(23, 27, 43, 0.34) 81.45%, #171b2b 100%);
pointer-events: none;
}
.article-preview-img {
padding-top: 62.667%;
border-radius: 10px;
}
.article-preview-add {
display: flex;
column-gap: 9px;
align-items: center;
}
.article-preview-add span {
display: inline-block;
}
.article-preview-add span:not(.article-preview-add-decor) {
font: 700 0.875rem/1 var(--f1);
letter-spacing: -0.42px;
color: var(--c1);
}
.article-preview-add-decor {
width: 3px;
height: 3px;
border-radius: 50%;
background-color: var(--c1);
}
.article-info {
display: flex;
flex-direction: column;
row-gap: 40px;
min-height: 100%;
}
.article-info h2 {
margin-bottom: 19px;
font-size: 1.25rem;
color: var(--c30);
}
.article-info-list {
display: flex;
flex-direction: column;
row-gap: 10px;
}
.article-info-list a {
display: block;
padding: 9px 17px 10px;
line-height: 1.4;
color: var(--c6);
border-left: 3px solid transparent;
}
.article-info-list a.active,
.article-info-list a:hover {
color: var(--cb);
border-color: var(--c3);
}
.article-info-social {
padding: 20px;
background-color: var(--cb);
border-radius: 5px;
}
.article-info-social strong {
display: block;
margin-bottom: 10px;
font-weight: 600;
line-height: 1.2;
color: var(--c1);
}
.article-info-social .s_ocial a,
.article-info-social .s_ocial li {
width: 30px;
height: 30px;
}
@media (max-width: 375px) {
.article h1 {
font-size: 1.7857142857rem;
}
.article h2 {
font-size: 1.4285714286rem;
}
.article-style-2 img,
.article-style-2 picture {
margin-bottom: 42px;
}
.article-style-2 ol + img,
.article-style-2 ol + picture,
.article-style-2 p + img,
.article-style-2 p + picture,
.article-style-2 ul + img,
.article-style-2 ul + picture {
padding-top: 20px;
}
.article-preview + .article {
margin-top: 76px;
}
.article-preview-img {
padding-top: 145%;
}
.article-preview-info {
bottom: 60px;
}
.article-preview-info h1 {
font-size: 2.5rem;
}
.article-info h2,
.article-style-2 h2 {
font-size: 1.4285714286rem;
}
.article-info-list a {
font-size: 1.1428571429rem;
}
.article-preview-add span:not(.article-preview-add-decor) {
font-size: 1rem;
}
}
@media (max-width: 360px) {
.article-preview-info {
top: 20px;
left: 20px;
right: 20px;
}
}
@media (max-width: 320px) {
.article h1 {
font-size: 1.5714285714rem;
}
.article h2 {
font-size: 1.2857142857rem;
}
.article-preview-info {
left: 10px;
right: 10px;
}
.article-preview-info h1 {
font-size: 1.7857142857rem;
}
.article-info h2,
.article-style-2 h2 {
font-size: 1.2857142857rem;
}
.article-info-list a {
font-size: 1rem;
}
}
.information {
margin-left: 20px;
margin-right: 20px;
padding-top: 70px;
padding-bottom: 70px;
background-color: var(--c5);
}
.information-content {
display: flex;
}
.information-img .list-img {
border-radius: 10px;
}
.information-img-list svg {
height: 35px;
fill: var(--c3);
}
.information-img-list .icon-security svg {
width: 34px;
}
.information-img-list .icon-empowerment svg {
width: 33px;
}
.information-img-list .icon-accessibility svg {
width: 35px;
}
.information-img-list .icon-innovation svg {
width: 34px;
}
@media (min-width: 768px) {
.information-content {
column-gap: 50px;
}
.information-img {
flex-shrink: 0;
flex-basis: 47.5%;
}
.information-img .list-img {
height: 100%;
}
.information-info {
padding-top: 22px;
padding-bottom: 16px;
flex-grow: 1;
}
}
@media (max-width: 767px) {
.information {
padding-top: 20px;
padding-bottom: 20px;
}
.information-content {
flex-direction: column;
row-gap: 70px;
}
.information-img .list-img {
padding-top: 65.56%;
}
}
@media (max-width: 415px) {
.information {
margin-left: 15px;
margin-right: 15px;
}
}
@media (max-width: 375px) {
.information {
margin-left: 10px;
margin-right: 10px;
padding-top: 40px;
padding-bottom: 35px;
}
}
.as-seen-in {
padding-top: 70px;
padding-bottom: 80px;
border-radius: 10px;
background-color: var(--c5);
}
.as-seen-in-content h2,
.as-seen-in-content p {
text-align: center;
}
.as-seen-in-content h2 {
margin-bottom: 17px;
font-size: 2.8125rem;
}
.as-seen-in-content p {
max-width: 718px;
margin-left: auto;
margin-right: auto;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.3;
color: var(--c6);
}
.as-seen-in-content p:last-of-type {
margin-bottom: 0;
}
.as-seen-in-content p + .as-seen-in-list {
margin-top: 64px;
}
.as-seen-in-list {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
@media (min-width: 1231px) {
.info-style-7 .info-content > div:last-child {
padding-right: 7.5630252101%;
}
.as-seen-in-list {
padding-left: 24px;
padding-right: 24px;
}
}
@media (max-width: 767px) {
.as-seen-in-list {
justify-content: center;
gap: 40px 50px;
}
.as-seen-in-content p {
max-width: 490px;
}
}
@media (max-width: 375px) {
.as-seen-in-content h2 {
font-size: 2.5rem;
}
.as-seen-in-content p {
font-size: 1.1428571429rem;
}
.as-seen-in-content p + .as-seen-in-list {
margin-top: 40px;
}
}
@media (max-width: 360px) {
.as-seen-in-list {
flex-direction: column;
}
}
@media (max-width: 320px) {
.as-seen-in-content h2 {
font-size: 2.1428571429rem;
}
.as-seen-in-content p {
font-size: 1rem;
}
}
.for-companies-content {
display: flex;
border-radius: 10px;
overflow: hidden;
background-color: var(--cb);
}
.for-companies-info .tag {
margin-bottom: 21px;
}
.for-companies-info h2,
.for-companies-info p {
max-width: 500px;
}
.for-companies-info h2 {
color: var(--c1);
}
.for-companies-info p {
font-size: 1.125rem;
color: var(--c5);
}
.for-companies-info p:last-of-type {
margin-bottom: 0;
}
.for-companies-info p + .btn {
margin-top: 36px;
}
@media (min-width: 768px) {
.for-companies-content {
column-gap: 30px;
padding-left: 30px;
}
.for-companies-img {
flex-shrink: 0;
flex-basis: 44.1666666667%;
}
.for-companies-img .list-img {
height: 100%;
}
.for-companies-info {
flex-grow: 1;
padding-top: 53px;
padding-bottom: 53px;
}
}
@media (max-width: 767px) {
.for-companies .container {
padding-left: 0;
padding-right: 0;
}
.for-companies-content {
padding: 40px 20px 60px;
flex-direction: column;
row-gap: 60px;
}
.for-companies-img .list-img {
padding-top: 62.646%;
border-radius: 10px;
}
}
@media (max-width: 415px) {
.for-companies-content {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 375px) {
.for-companies-content {
row-gap: 40px;
padding-left: 10px;
padding-right: 10px;
}
.for-companies-info {
display: flex;
flex-direction: column;
align-items: center;
}
.for-companies-info .tag {
margin-bottom: 38px;
}
.for-companies-info h2,
.for-companies-info p {
text-align: center;
}
.for-companies-info p {
max-width: 320px;
font-size: 1rem;
}
.for-companies-img .list-img {
padding-top: 112.87%;
}
}
.our-culture-values-content p {
max-width: 380px;
font-size: 0.875rem;
color: var(--c6);
}
.our-culture-values-content p:last-of-type {
margin-bottom: 0;
}
.our-culture-values-content p + .btn {
margin-top: 18px;
}
.our-culture-values-list .icon path {
fill: var(--c3);
}
@media (max-width: 767px) {
.our-culture-values-content {
row-gap: 57px;
}
.our-culture-values-content p {
max-width: 350px;
}
}
@media (max-width: 375px) {
.our-culture-values-content p {
font-size: 1rem;
}
}
footer {
padding-top: 58px;
padding-bottom: 60px;
background: linear-gradient(111deg, #0f1323 8.79%, #102557 33.68%, #171b2b 64.13%);
}
@media (max-width: 1201px) {
footer {
padding-bottom: 56px;
}
}
.footer-top {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.footer-top p {
margin-bottom: 0;
line-height: 1.4;
color: var(--c1);
}
.footer-logo-company {
width: 230px;
height: 54px;
color: var(--c1);
}
@media (min-width: 1201px) {
.footer-top {
padding-bottom: 56px;
}
.footer-top p {
max-width: 558px;
font-size: 1.125rem;
}
}
@media (max-width: 1200px) {
footer {
padding-bottom: 60px;
}
.footer-top > div:last-child {
flex-basis: 30.2678571429%;
padding-left: 15px;
}
.footer-top p {
max-width: 285px;
font-size: 0.875rem;
}
}
@media (max-width: 1024px) {
.footer-top > div:last-child {
flex-basis: 35.9110169492%;
}
}
@media (max-width: 767px) {
.footer-top > div:last-child {
flex-basis: 46.3548830812%;
}
}
@media (max-width: 640px) {
footer {
padding-top: 34px;
}
.footer-top {
padding-bottom: 37px;
flex-direction: column;
row-gap: 37px;
align-items: flex-start;
}
.footer-top > div:last-child {
flex-basis: 100%;
padding-left: 0;
}
.footer-top p {
max-width: 345px;
font-size: 1.25rem;
font-weight: 500;
}
}
.footer-middle {
display: grid;
gap: 20px;
}
.footer-info h3 {
margin-bottom: 0;
font: 700 1rem/1 var(--f1);
color: var(--c1);
}
.footer-info h3 a {
display: inline-block;
color: inherit;
}
.footer-info h3 a:hover {
color: var(--c3);
}
.footer-info h3 + ul {
margin-top: 24px;
}
.footer-info ul {
display: flex;
flex-direction: column;
}
.footer-info ul a {
display: inline-block;
line-height: 1;
color: var(--c8);
}
.footer-info ul a:hover {
color: var(--c1);
}
.footer-middle-bl-5 h3 {
margin-bottom: 0;
font: 400 1.375rem/1.25 var(--f2);
color: var(--c1);
}
.footer-middle-bl-5 h3 + p {
margin-top: 22px;
margin-bottom: 0;
font-size: 0.875rem;
line-height: 1.35;
color: var(--c8);
}
.footer-middle-bl-5 p + .form {
margin-top: 23px;
}
@media (min-width: 1201px) {
.footer-middle {
grid-template-columns: 1fr 1fr 1fr 1fr 32.5%;
padding-top: 50px;
padding-bottom: 90px;
border-top: 1px solid var(--c12);
}
.footer-info ul {
row-gap: 15px;
}
.footer-info ul a {
font-size: 0.875rem;
}
.footer-middle-bl-5 {
padding-left: 10.7692307692%;
}
}
@media (max-width: 1200px) {
.footer-middle {
grid-template-columns: 1fr 1fr 30.2678571429%;
gap: 65px 4.0178571429%;
padding-top: 63px;
padding-bottom: 62px;
}
.footer-info h3 {
font-size: 0.875rem;
}
.footer-info ul {
row-gap: 11px;
}
.footer-info ul a {
font-size: 0.75rem;
}
}
@media (min-width: 641px) and (max-width: 1200px) {
.footer-middle-bl-5 {
grid-column: 3 / span 1;
grid-row: 1 / span 2;
padding-left: 15px;
}
}
@media (max-width: 1024px) {
.footer-middle {
grid-template-columns: 1fr 1fr 35.9110169492%;
column-gap: 4.7669491525%;
}
}
@media (max-width: 767px) {
.footer-middle {
grid-template-columns: repeat(2, 150px) 1fr;
column-gap: 6.1898211829%;
}
}
@media (max-width: 640px) {
.footer-middle {
grid-template-columns: 37.6% 1fr;
column-gap: 20px;
padding-top: 70px;
border-top: 1px solid var(--c8);
}
.footer-middle-bl-5 {
grid-row: 1 / span 1;
grid-column: 1/-1;
}
.footer-middle-bl-5 h3 {
font-size: 1.25rem;
}
.footer-middle-bl-5 h3 + p {
font-size: 0.75rem;
}
}
@media (min-width: 361px) and (max-width: 640px) {
.footer-info h3 {
font-size: 1rem;
}
.footer-info ul a {
font-size: 0.875rem;
}
}
@media (max-width: 320px) {
.footer-info h3 {
font-size: 0.75rem;
}
.footer-info ul a {
font-size: 0.625rem;
}
}
.footer-accordion-list {
display: grid;
gap: 65px 20px;
}
@media (min-width: 1201px) {
.footer-accordion-list {
grid-template-columns: repeat(4, 1fr) 32.5%;
}
.footer-add {
padding-top: 50px;
}
}
@media (max-width: 1200px) {
.footer-accordion-list {
grid-template-columns: repeat(4, 1fr) 30.2678571429%;
}
}
@media (max-width: 1024px) {
.footer-accordion-list {
grid-template-columns: repeat(5, 1fr);
}
}
@media (max-width: 767px) {
.footer-accordion-list {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 640px) {
.footer-accordion-list {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 576px) {
.footer-accordion-list {
grid-template-columns: repeat(2, 1fr);
}
}
.footer-add {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 10px 20px;
border-top: 1px solid var(--c12);
}
.footer__copyright p {
font-size: 0.875rem;
line-height: 1.4;
color: var(--c8);
}
.footer__copyright p:last-child {
margin-bottom: 0;
}
@media (max-width: 1200px) {
.footer-add {
padding-top: 60px;
}
}
@media (max-width: 640px) {
.footer-add {
border-top: 1px solid var(--c8);
}
footer .accordion-style-1 .accordion__btn {
font-size: 0.875rem;
border-top-color: var(--c8);
}
.footer__copyright p {
max-width: 160px;
font-size: 0.625rem;
font-weight: 600;
}
}
.dialog {
width: min(1048px, 100%);
max-height: calc(100dvh - 40px);
padding: 40px;
overflow-y: auto;
overscroll-behavior-y: contain;
text-align: left;
background-color: var(--c5);
border-radius: 10px;
box-shadow: none;
border: none;
transition: 0.3s ease-in-out 0.1s;
}
.dialog[open] {
animation: 0.3s ease-in-out dialogShow;
}
.dialog[open]::backdrop {
background-color: rgba(23, 27, 43, 0.3);
}
.dialog.dialog--hide {
animation: 0.3s ease-in-out dialogHide;
}
@keyframes dialogShow {
from {
visibility: hidden;
opacity: 0;
scale: 0;
}
to {
visibility: visible;
opacity: 1;
scale: 1;
}
}
@keyframes dialogHide {
from {
visibility: visible;
opacity: 1;
scale: 1;
}
to {
visibility: hidden;
opacity: 0;
scale: 0;
}
}
.modal__close {
display: inline-flex;
justify-content: center;
align-items: center;
position: absolute;
top: 40px;
right: 40px;
width: 36px;
height: 36px;
z-index: 2;
padding: 0;
color: var(--c3);
cursor: pointer;
border: 1px solid var(--c9);
background: 0 0;
border-radius: 5px;
transition: 0.3s ease-in-out;
}
.modal__close:focus {
outline: 0;
box-shadow: none;
}
.modal__close svg {
margin-top: 1px;
width: 9px;
height: 9px;
fill: var(--cb);
transition: 0.3s ease-in-out;
}
.modal__close:hover {
background-color: var(--c9);
}
@media (max-width: 768px) {
.dialog {
max-height: calc(100dvh - 20px);
padding-left: 20px;
padding-right: 20px;
}
.modal__close {
top: 20px;
right: 20px;
}
}
@media (max-width: 415px) {
.dialog {
max-height: calc(100dvh - 15px);
padding-left: 15px;
padding-right: 15px;
}
.modal__close {
top: 15px;
right: 15px;
}
}
.dialog-style-1 {
width: min(780px, 100%);
border-radius: 10px;
}
.dialog-style-1 section > h3,
.dialog-style-1 section > p {
max-width: 548px;
margin-bottom: 34px;
font-size: 1.375rem;
color: var(--cb);
}
.dialog-style-1 section > h3 {
margin-bottom: 3px;
font-weight: 600;
}
.dialog-style-1 section > h3 ~ p:empty {
display: none;
margin-bottom: 0;
}
.dialog-style-1 section > h3 + .dialog-content,
.dialog-style-1 section > h3 ~ p:empty + .dialog-content {
margin-top: 36px;
}
.dialog-style-1 .dialog-content {
max-width: 600px;
}
.dialog-style-1 .list-10 + .btn {
margin-top: 43px;
}
.dialog-style-1 .modal__close {
width: 18px;
height: 18px;
color: var(--cb);
border: none;
border-radius: 0;
}
.dialog-style-1 .modal__close svg {
margin-top: 0;
width: 18px;
height: 18px;
}
.dialog-style-1 .modal__close:hover {
background-color: transparent;
color: var(--c3);
}
.dialog-style-2 .dialog-content h2 {
display: inline-block;
min-width: min(200px, 100%);
margin-bottom: 19px;
padding: 8px 15px 6px;
font: 400 0.75rem/1 var(--fb);
letter-spacing: 0.25px;
border-radius: 15px;
color: var(--c1);
text-align: center;
background: linear-gradient(97deg, #064cea 55.66%, #032b84 109.49%);
}
.dialog-style-2 .dialog-content ol,
.dialog-style-2 .dialog-content p,
.dialog-style-2 .dialog-content ul {
font-size: 0.875rem;
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.25px;
color: var(--cb);
margin-bottom: 26px;
padding: 14px 16px;
border-radius: 7px;
background-color: var(--c47);
}
.dialog-style-2 .dialog-content ol:last-child,
.dialog-style-2 .dialog-content p:last-child,
.dialog-style-2 .dialog-content ul:last-child {
margin-bottom: 0;
}
.dialog-style-2 .dialog-content ol + .btn,
.dialog-style-2 .dialog-content p + .btn,
.dialog-style-2 .dialog-content ul + .btn {
margin-top: 17px;
}
.dialog-style-2 .dialog-content ul:not(.reset-list) li {
padding-left: 12px;
}
.dialog-style-2 .dialog-content ul:not(.reset-list) li:before {
left: 0;
top: 8px;
width: 4px;
height: 4px;
background-color: var(--cb);
}
@media (max-width: 375px) {
.dialog {
padding-left: 10px;
padding-right: 10px;
}
.modal__close {
top: 10px;
right: 10px;
}
.dialog-style-2 .dialog-content h2 {
font-size: 0.8571428571rem;
}
.dialog-style-2 .dialog-content ol,
.dialog-style-2 .dialog-content p,
.dialog-style-2 .dialog-content ul {
font-size: 1rem;
}
.dialog-style-1 section > h3,
.dialog-style-1 section > p {
font-size: 1.5714285714rem;
}
}
@media (min-width: 769px) {
.dialog-style-1 {
padding: 45px 30px;
}
.dialog-style-1 .modal__close {
top: 38px;
right: 28px;
}
}
@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")
format("woff");
font-weight: 400;
font-style: normal;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0, 0, 0);
}
.swiper-pointer-events {
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.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-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
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-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-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: opacity 0.3s;
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-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
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,
.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: 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;
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-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: transform 0.2s, top 0.2s;
}
.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: transform 0.2s, left 0.2s;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: transform 0.2s, right 0.2s;
}
.swiper-pagination-progressbar {
background: 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-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 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-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
display: none !important;
}
.swiper-button-next:after,
.swiper-button-prev: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,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-button-lock {
display: none;
}
.odometer.odometer-auto-theme,
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default,
.odometer.odometer-theme-default .odometer-digit {
display: inline-block;
vertical-align: baseline;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
display: inline-block;
vertical-align: baseline;
visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding-top: 1px;
overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
display: block;
backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
display: block;
transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
transition: transform 2s;
transform: translateY(0);
}
.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
text-align: center;
}