html {
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
main {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
:root {
--color-white: #FFFFFF;
--color-light: #FAFAFA;
--color-light-gray: #EBEBEB;
--color-gray: #CCD6DC;
--color-linear: #C2C0C0;
--color-linear-3: #D2DBE1;
--color-linear-4: #D7DEE5;
--color-linear-6: #E9E9E9;
--color-linear-7: #e1dbdb;
--color-mist: #A7AFB7;
--color-lavender: #C2CAE3;
--color-graphite: #2A2D32;
--color-dark: #202328;
--color-darker: #1C1E25;
--color-deep-dark: #04030A;
--color-silver: #D5DCE5;
--color-medium-gray: #a1a1a1;
--color-dim-gray: #4D5158;
--color-red-bright: #D40004;
--color-red: #E52426;
--color-red-soft: #FF3F38;
--color-red-brown: #b64949;
--color-warm-gray: #988383;
}
.color__white {
color: var(--color-white);
}
.color__mist{
color: var(--color-mist);
}
.color__dim-gray{
color: var(--color-dim-gray);
}
.color__red{
color: var(--color-red);
}
.color__red-soft{
color: var(--color-red-soft)
}
.bg__light{
background-color: var(--color-light);
}
.bg__light-gray{
background-color: var(--color-light-gray);
}
.bg__gray{
background-color: var(--color-gray);
}
.bg__lavender{
background-color: var(--color-lavender);
}
.border__gray{
border: 1px solid var(--color-gray);
}
.border__liner-2{
border: 1px solid var(--color-linear);
}
.border__liner-3{
border: 1px solid var(--color-linear-3);
}
.border__liner-6{
border: 1px solid var(--color-linear-6);
}
.border__liner-9{
border: 1px solid var(--color-dim-gray);
}
.liner-2__g,
.liner-3__g{
position: relative;
border-radius: 0.5rem;
}
.liner-2__g::before,
.liner-3__g::before{
content:"";
position:absolute;
inset:0;
padding:1px;
border-radius: inherit;
pointer-events: none;
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
.liner-2__g::before{
background:linear-gradient(180deg, #C2C0C0 0%, #E1DBDB 56.73%);
}
.liner-3__g::before{
background: linear-gradient(180deg, #D2DBE1 0%, #BCBCBC 61.54%);
}
.u-flex {
display: flex;
}
.u-inline-flex {
display: inline-flex;
}
.u-flex-row {
flex-direction: row;
}
.u-flex-col {
flex-direction: column;
}
.u-flex-wrap {
flex-wrap: wrap;
}
.u-flex-nowrap {
flex-wrap: nowrap;
}
.u-justify-start {
justify-content: flex-start;
}
.u-justify-center {
justify-content: center;
}
.u-justify-end {
justify-content: flex-end;
}
.u-justify-between {
justify-content: space-between;
}
.u-align-start {
align-items: flex-start;
}
.u-align-center {
align-items: center;
}
.u-align-end {
align-items: flex-end;
}
.u-gap-1 { gap: 0.25rem; }
.u-gap-1_6 { gap: 0.375rem;}
.u-gap-2 { gap: 0.5rem; }
.u-gap-3 { gap: 0.75rem; }
.u-gap-4 { gap: 1rem; }
.u-gap-5 { gap: 1.5rem; }
.u-r-1 {border-radius: 0.375rem;}
.u-r-2 {border-radius: 0.5rem;}
.u-r-3 {border-radius: 0.75rem;}
.u-r-4 {border-radius: 1rem;}
.w-100 {width: 100%;}
.mw-fitContent {
display: flex;
max-width: fit-content;
}
.u-relative {
position: relative;
}
.u-absolute {
position: absolute;
}
.u-overflowHidden {
overflow: hidden;
}
.u-spaceNowrap{
white-space: nowrap;
}
.mb-show {
display: none;
}
@media (max-width: 1220px) {
.mb-show {
display: flex;
}
.mb-hide {
display: none;
}
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
.width-container {
width: 100%;
max-width: 90rem;
margin-left: auto;
margin-right: auto;
padding-left: 3.75rem;
padding-right: 3.75rem;
}
body {
font-family: 'Rawline';
font-style: normal;
font-size: 1rem;
font-weight: 500;
display: flex;
flex-direction: column;
min-height: 100vh;
color: var(--color-darker);
background-color: var(--color-light);
margin: 0;
}
main {
flex: 1;
}
.page-section {
margin-top: 6.5rem;
}
a {
color: var(--color-darker);
text-decoration: none;
}
button {
border: none;
background: none;
color: var(--color-darker);
transition: color 300ms, background-color 300ms;
white-space: nowrap;
padding: 0;
}
.btn-df{
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;
font-weight: 500;
border-radius: 0.375rem;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.btn-gray {
background-color: var(--color-light-gray);
font-size: var(--font-size-16-14);
line-height: var(--line-height-20-18);
}
.btn-red{
background-color: var(--color-red);
color: var(--color-white);
font-size: var(--font-size-20-16);
line-height: var(--line-height-22-20);
}
.btn-m{
height: 2.75rem;
padding: 0 1.5rem;
}
.btn-l{
height: 2.75rem;
padding: 0 1rem;
}
.btn-x{
height: 3.25rem;
padding: 0 2.5rem;
}
.btn-xl{
height: 4rem;
padding: 0 4rem;
}
img {
width: 100%;
display: block;
}
.imgWrapper img {
height: 100%;
object-fit: cover;
}
.resetListStyle,
.listStyle__redCube,
.listStyle__redCube ul{
list-style: none;
padding: 0;
margin: 0;
}
.listStyle__redCube ul li{
display: flex;
align-items: center;
}
.listStyle__redCube ul li::before{
content: '';
height: 0.375rem;
width: 0.375rem;
min-width: 0.375rem;
background: var(--color-red);
margin: 0.125rem 0.75rem 0 0.25rem;
display: inline-block;
flex-shrink: 0;
}
::placeholder {
color: var(--color-dim-gray);
opacity: 1;
}
:-ms-input-placeholder {
color: var(--color-dim-gray);
}
::-ms-input-placeholder {
color: var(--color-dim-gray);
}
[data-container] {
height: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
width: 100%;
}
[data-container].active {
height: auto;
opacity: 1;
visibility: visible;
}
input {
border: none;
outline: none;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type='number'],
input[type="number"]:hover,
input[type="number"]:focus {
appearance: none;
-moz-appearance: textfield;
}
dl, dt, dd{
margin: 0;
padding: 0;
}
address{
margin: 0;
padding: 0;
font-style: normal;
}
.hover-effects{
transition: color 300ms, background-color 300ms;
}
.hover-effects svg path{
transition: fill 300ms, stroke 300ms;
}
.hideScrollbar::-webkit-scrollbar {
display: none;
}
.hideScrollbar {
-ms-overflow-style: none;
scrollbar-width: none;
}
.swipeScrollbar{
overflow-y: auto;
}
.step-counter {
counter-reset: step-counter 0;
}
.step-counter .step-number {
counter-increment: step-counter;
}
.step-counter .step-number::before {
content: counter(step-counter, decimal);
}
.step-counter_dot {
counter-reset: step-counter 0;
}
.step-counter_dot .step-number {
counter-increment: step-counter;
}
.step-counter_dot .step-number::before {
content: counter(step-counter, decimal) ". ";
margin-right: 4px ;
}
.swiper-slide{
height: auto;
}
@media (max-width: 1220px) {
.width-container {
padding-left: 12px;
padding-right: 12px;
}
.page-section {
margin-top: 2.75rem;
}
.btn-m{
height: 2.25rem;
padding: 0 1rem;
}
.btn-l{
height: 2.5rem;
}
.btn-x{
height: 2.875rem;
padding: 0 1.25rem;
}
.btn-xl {
height: 2.875rem;
padding: 0 2rem;
}
.swipeScrollbar{
margin-top: 1.75rem;
width: calc(100% + 24px);
margin-left: -12px;
padding: 0 12px;
}
}
@media (hover: hover) and (pointer: fine) {
.cursorPointer,
button:hover {
cursor: pointer;
}
.btn-df.hover-effects:hover{
background-color: var(--color-red-bright);
color: var(--color-white);
}
.btn-df.hover-effects:hover svg path{
stroke: var(--color-white);
}
}
@font-face {
font-family: 'Rawline';
src: url('/assets/fonts/rawline/Rawline-Medium.woff2') format('woff2'),
url('/assets/fonts/rawline/Rawline-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Rawline';
src: url('/assets/fonts/rawline/Rawline-SemiBold.woff2') format('woff2'),
url('/assets/fonts/rawline/Rawline-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Rawline';
src: url('/assets/fonts/rawline/Rawline-Bold.woff2') format('woff2'),
url('/assets/fonts/rawline/Rawline-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
:root {
--font-size-64-32: 4rem;
--font-size-40-24: 2.5rem;
--font-size-32-22: 2rem;
--font-size-26-20: 1.625rem;
--font-size-22-18: 1.375rem;
--font-size-20-16: 1.25rem;
--font-size-16-14: 1rem;
--font-size-14-12: 0.875rem;
--font-size-12: 0.75rem;
--line-height-64-34: 4rem;
--line-height-44-32: 2.75rem;
--line-height-32-30: 2rem;
--line-height-28-24: 1.75rem;
--line-height-24-22: 1.5rem;
--line-height-24-20: 1.5rem;
--line-height-22-20: 1.375rem;
--line-height-20-18: 1.25rem;
--line-height-20: 1.25rem;
--line-height-16: 1rem;
}
@media (max-width: 1400px) {
:root {
--font-size-64-32: 2rem;
--font-size-40-24: 1.5rem;
--font-size-32-22: 1.375rem;
--font-size-26-20: 1.25rem;
--font-size-22-18: 1.125rem;
--font-size-20-16: 1rem;
--font-size-16-14: 0.875rem;
--font-size-14-12: 0.75rem;
--line-height-64-34: 2.125rem;
--line-height-44-32: 2rem;
--line-height-32-30: 1.875rem;
--line-height-28-24: 1.5rem;
--line-height-24-22: 1.375rem;
--line-height-24-20: 1.25rem;
--line-height-22-20: 1.25rem;
--line-height-20-18: 1.125rem;
}
}
h1, h2, h3, h4, h5, h6, p {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5{
font-weight: 600;
}
h1,
.h1 {
font-size: var(--font-size-64-32);
line-height: var(--line-height-64-34);
}
h2,
.h2 {
font-size: var(--font-size-40-24);
line-height: var(--line-height-44-32);
}
h3,
.h3 {
font-size: var(--font-size-32-22);
line-height: var(--line-height-32-30);
}
h4,
.h4 {
font-size: var(--font-size-26-20);
line-height: var(--line-height-28-24);
}
h5,
.h5{
font-size: var(--font-size-22-18);
line-height: var(--line-height-24-22);
}
.text-L {
font-size: var(--font-size-20-16);
line-height: var(--line-height-24-20);
}
.text-M {
font-size: var(--font-size-16-14);
line-height: var(--line-height-20-18);
}
.text-S {
font-size: var(--font-size-14-12);
line-height: var(--line-height-16);
}
.text-caption{
font-size: var(--font-size-12);
line-height: var(--line-height-20);
}
header {
padding-top: 0.5rem;
padding-bottom: 0.75rem;
background-color: var(--color-light);
border-bottom: 1px solid var(--color-gray);
}
.header-logo {
width: 13.5rem;
height: fit-content;
}
.brand-lockup {
display: inline-flex;
align-items: center;
gap: 0.75rem;
color: inherit;
text-decoration: none;
}
.brand-lockup__media {
display: flex;
flex: 0 0 auto;
}
.brand-lockup__media img {
display: block;
width: auto;
max-width: 100%;
}
.brand-lockup__text {
display: flex;
flex-direction: column;
gap: 0.125rem;
white-space: nowrap;
}
.brand-lockup__title {
color: var(--color-darker);
font-size: 0.9375rem;
font-weight: 700;
line-height: 1.1;
}
.brand-lockup__subtitle {
color: var(--color-dim-gray);
font-size: 0.75rem;
font-weight: 500;
line-height: 1.1;
}
.header-logo .brand-lockup__media img {
height: 2.625rem;
object-fit: contain;
object-position: left center;
}
.languages-list {
left: 0;
top: calc(100% - 5px);
width: 100%;
flex-direction: column;
background: var(--color-light);
z-index: 3;
box-shadow: 0 12px 20px 0 rgba(28, 30, 37, 0.20);
border: 1px solid var(--color-gray);
display: none;
border-radius: 0 0 0.375rem 0.375rem;
padding-top: 5px;
}
.languages-list__item{
padding: 0.5rem 1rem;
border-bottom: 1px solid var(--color-gray);
width: 100%;
transition: background-color 300ms, color 300ms;
}
.languages-list li:last-child .languages-list__item{
border-bottom:none;
}
.languages-list__item.active:after{
content: url("/assets/images/icons/check-icon.svg");
display: flex;
height: 9px;
margin-left: auto;
}
.language-arrow-icon{
transition: transform 300ms;
}
.languages-flag{
display: flex;
width: 1.375rem;
height: 1.5rem;
background: no-repeat, center;
}
.vacancies {
display: flex;
align-items: center;
padding-bottom: 1rem;
margin-bottom: -1rem;
}
.vacancies-inner {
padding: 0 1rem;
}
.header-main {
flex: 1 1 auto;
min-width: 0;
align-items: center;
}
.header-nav {
display: flex;
flex: 1 1 auto;
justify-content: center;
min-width: 0;
}
.header-nav__list {
align-items: center;
gap: 0.25rem;
justify-content: center;
}
.header-nav__list > .vacancies {
margin-left: 0;
}
.header-nav__list > .vacancies > .vacancies-inner {
border: none;
background: transparent;
}
.header-contents {
flex: 0 0 auto;
margin-left: 1rem;
}
.header-nav__item {
min-height: 2.5rem;
padding: 0 1rem;
white-space: nowrap;
align-items: center;
justify-content: center;
line-height: 1;
}
.header-nav__trigger {
gap: 0.375rem;
}
.header-nav__trigger-label {
display: inline-flex;
align-items: center;
line-height: 1;
}
.header-nav__trigger-icon {
display: block;
flex: 0 0 auto;
width: 0.625rem;
height: 0.375rem;
}
.header-nav__trigger-icon path {
transition: stroke 300ms;
}
.header-nav__item.hover-effects:hover,
.header-nav__item.active,
.header-nav__list > .vacancies:hover > .header-nav__item,
.header-nav__list > .vacancies:focus-within > .header-nav__item {
background-color: var(--color-light-gray);
color: var(--color-darker);
}
.header-nav__item.hover-effects:hover svg path,
.header-nav__item.active svg path,
.header-nav__list > .vacancies:hover > .header-nav__item svg path,
.header-nav__list > .vacancies:focus-within > .header-nav__item svg path {
stroke: currentColor;
}
.languages {
margin-left: auto;
}
.mobile-menu-btn {
display: none;
}
.mobile-header-actions {
display: none;
}
.mobile-header-nav__btn {
display: none;
}
.mobile-header-nav__btn.active {
background-color: var(--color-gray);
}
.mobile-header-nav__more-glyph {
display: block;
font-size: 1.25rem;
line-height: 1;
transform: translateY(-1px);
}
.mobile-nav-panel,
.mobile-vacancies-panel {
display: none;
}
.vacancies-dropdown-container{
display: contents;
}
.mobile-menu-header{
display: none;
}
.mobile-menu-footer{
display: none;
}
.vacancies_dropdown{
opacity: 0;
visibility: hidden;
transition: opacity 300ms, visibility 300ms;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.5rem;
border-radius: 0 0 0.375rem 0.375rem;
box-shadow: 0 0.75rem 1.25rem 0 rgba(28, 30, 37, 0.20);
top: calc(100% + 1px);
padding: 1rem 1.5rem 3rem;
left: 0;
background-color: var(--color-white);
z-index: 9;
position: absolute;
}
.vacancies:hover .vacancies_dropdown {
opacity: 1;
visibility: visible;
}
.vacancies-ist__item {
padding: 0 1rem;
}
.vacancies-item {
padding: 0.2rem 0;
border-bottom: 1px solid var(--color-light-gray);
}
.vacancies-item__icon {
border-radius: 0.125rem;
background-color: var(--color-light-gray);
height: 28px;
width: 28px;
min-width: 28px;
}
.vacancies-item__icon::before {
content: "";
box-sizing: border-box;
height: 16px;
width: 16px;
border: 1px solid var(--color-darker);
border-radius: 50%;
background: radial-gradient(circle, var(--color-darker) 0 2px, transparent 2px);
}
.vacancies-item__icon svg {
height: 16px;
width: 16px;
}
.vacancies-item__text,
.vacancies-item__price {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.vacancies-item__text {
transition: color 300ms;
}
.vacancies-group__list {
margin-top: 0.75rem;
}
.vacancies-group__toggle {
width: 100%;
padding: 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
color: var(--color-darker);
font-weight: 600;
text-align: left;
}
.vacancies-group__toggle > span {
flex: 1 1 auto;
min-width: 0;
}
.vacancies-group__toggle-icon {
display: none;
flex: 0 0 auto;
transition: transform 300ms;
}
.vacancies-group__content {
display: block;
}
.vacancies-item__price {
margin-left: auto;
}
.vacancies_group {
gap: 1.5rem;
}
.breadcrumbs {
gap: 1.25rem;
margin: 3rem 0 2rem;
flex-wrap: wrap;
}
.breadcrumbs li a:after {
content: '';
display: inline-block;
height: 0.375rem;
width: 0.375rem;
min-width: 0.375rem;
border-radius: 1px;
background-color: var(--color-graphite);
margin: 0 0 0.0625rem 1.25rem;
}
.breadcrumbs li:last-child {
color: var(--color-dim-gray);
}
.marquee {
padding: 0.25rem 0;
overflow: hidden;
background-color: var(--color-light);
border-top: 1px solid var(--color-gray);
border-bottom: 1px solid var(--color-gray);
}
.marquee-text-track {
display: flex;
gap: 12px;
width: max-content;
animation: marquee-text 15s linear infinite;
will-change: transform;
}
.marquee-text-track p {
white-space: nowrap;
}
.marquee svg{
flex-shrink:0;
}
@keyframes marquee-text {
from {
transform: translate3d(0,0,0);
}
to {
transform: translate3d(calc(-1 * var(--marquee-width)),0,0);
}
}
.home-top{
min-height: 847px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.home-top__container{
padding: 3rem 0 3.5rem;
gap: 2rem;
}
.home-top__tags{
gap: 0.75rem;
flex-wrap: wrap;
}
.home-top__titles{
margin-top: 1.5rem;
}
.home-top__subtitle{
margin-top: 1.25rem;
}
.top__button{
margin-top: 2rem;
}
.home-top__card{
padding: 1.25rem 1.25rem 1.5rem;
background: rgba(238, 242, 247, 0.78);
backdrop-filter: blur(10px);
gap: 1.5rem;
}
.home-top__cards{
gap: 0.5rem;
max-width: 480px;
}
.home-top__cards--bottom{
padding: 0.25rem 0 0.5rem;
}
.home-top__cards--bottom.gradient-top-line::before{
top: auto;
bottom: 0;
}
.feature-container{
padding-top: 4.5rem;
padding-bottom: 6.5rem;
gap: 2.5rem;
}
.feature-title{
margin-top: 1rem;
}
.feature-subtitle{
margin-top: 0.5rem;
max-width: 55rem;
}
.contract-services{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
}
.service-card{
padding: 1.25rem;
}
.bg-grid-dark,
.bg-grid-light{
background-repeat: no-repeat;
backdrop-filter: blur(10px);
background-position: -2px;
background-size: calc(100% + 4px) 100%;
}
.bg-grid-light{
background-image:url("/assets/images/card-images/bg-ups-card.webp");
}
.bg-grid-dark{
background-image:url("/assets/images/card-images/bg-ups-card-dark.webp");
}
.service-card__icon{
height: 2.75rem;
width: 2.75rem;
min-width: 2.75rem;
}
.vacancies__content{
padding: 1rem 1.25rem 1.5rem;
height: auto;
flex: 1;
}
.vacancies__image{
height: 12.5rem;
}
.popular-vacancies{
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1rem;
}
.financial-support__card{
gap: 2.5rem;
padding: 1.25rem 1.25rem 1.5rem;
}
.salary-block{
gap: 2rem;
}
.salary-section{
gap: 0.75rem;
}
.accordion-top{
padding: 0.5rem 1rem 0.5rem 1.5rem;
min-height: 3.25rem;
white-space: normal;
text-align: left;
}
.open .accordion-top{
background-color: var(--color-gray);
}
.arrow-down{
margin-left: auto;
}
.accordion{
gap: 0.75rem;
}
.accordion-content{
max-height: 0;
margin-top: 0;
overflow: hidden;
border: 1px solid transparent;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05) inset;
transition: max-height 300ms, margin-top 300ms, border-color 300ms, background-color 300ms;
border-radius: 0 0 0.375rem 0.375rem;
}
.open .accordion-content{
margin-top: -0.75rem;
border-color: var(--color-light-gray);
background-color: var(--color-light);
}
.accordion-content__inner{
padding: 2.25rem 1.5rem 1.5rem;
}
.arrow-down{
transform: scale(1, 1);
transition: transform 300ms;
}
.open .arrow-down{
transform: scale(1, -1);
}
.accordion-content__inner p,
.accordion-content__inner ol{
margin: 0;
}
.accordion-content__inner h5,
.accordion-content__inner .h5,
.accordion-content__inner h4,
.accordion-content__inner .h4,
.accordion-content__inner h3,
.accordion-content__inner .h3,
.accordion-content__inner h2,
.accordion-content__inner .h2{
margin-bottom: 0.75rem;
}
.accordion-content__inner h5:not(:first-child),
.accordion-content__inner .h5:not(:first-child),
.accordion-content__inner h4:not(:first-child),
.accordion-content__inner .h4:not(:first-child),
.accordion-content__inner h3:not(:first-child),
.accordion-content__inner .h3:not(:first-child),
.accordion-content__inner h2:not(:first-child),
.accordion-content__inner .h2:not(:first-child){
margin-top: 1rem;
}
.accordion-content__inner ul{
list-style: none;
margin: 0;
padding: 0;
}
.salary-card{
max-width: 429px;
padding: 1.25rem 1.5rem 1.5rem 1.25rem;
gap: 1.25rem;
}
.salary-banner{
padding: 1.25rem 1.5rem 1rem;
gap: 2.5rem;
}
.salary-banner__content{
max-width: 475px;
}
.salary-phone{
padding-top: 0.25rem;
text-align: center;
}
.salary-phone a{
display: inline-block;
white-space: nowrap;
}
.social-guarantees__containers{
margin-top: 1rem;
}
.social-guarantees__container{
background: rgba(213, 220, 229, 0.60);
padding: 2rem;
}
.social-guarantees__btn.active{
background-color: var(--color-red);
color: var(--color-white);
}
.social-guarantees__container ol{
margin: 0;
padding: 0 0 0 1rem;
}
.anchors{
gap: 2rem;
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
.section-nav{
padding: 0;
margin: 0;
list-style: none;
}
.section-nav .btn-m{
padding: 0 1rem;
}
.apply-step__number{
height: 3rem;
width: 3rem;
min-width: 3rem;
color: var(--color-red-brown);
}
.apply-step{
background: rgba(213, 220, 229, 0.60);
backdrop-filter: blur(10px);
padding: 1.25rem 1.5rem;
}
.apply-content{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
}
.apply-form{
gap: 2rem;
padding: 2rem 2.5rem 2.5rem;
background:  linear-gradient(202deg, #D7DEE5 12.61%, #E9E9E9 50.49%);
}
.apply-form__badges{
gap: 0.5rem;
}
.apply-form__badge{
height: 2.75rem;
backdrop-filter: blur(10px);
padding: 0 1.25rem;
}
.apply-form__title{
margin-top: 1rem;
}
.apply-form__description{
margin-top: 0.5rem;
}
.apply-form__actions{
margin-top: 1.5rem;
}
.apply-form__policy{
margin-top: 1rem;
}
.apply-form__policy-link{
text-decoration: underline;
color: var(--color-darker);
}
.apply-form__input{
height: 3.25rem;
padding: 0 1.25rem;
background-color: var(--color-white);
}
.apply-form__fields,
.apply-form__field{
gap: 0.75rem;
}
.apply-form__label input{
border-radius: inherit;
}
.faq-content{
gap: 2rem;
}
.support-cards{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
.support-card{
gap: 1.25rem;
padding: 1.25rem 1.25rem 1.5rem;
align-items: center;
background-size: calc(100% + 4px) auto;
}
.support-card__icon{
height:3.25rem;
width: 3.25rem;
min-width: 3.25rem;
}
.about-headquarters,
.advantages-cards{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
.about-headquarters__rout{
padding: 1.5rem 2rem;
backdrop-filter: blur(10px);
background: rgba(213, 220, 229, 0.60);
}
.about-headquarters__description{
padding: 1.5rem 2.5rem;
backdrop-filter: blur(10px);
background: linear-gradient(202deg, #D7DEE5 12.61%, #E9E9E9 50.49%);
gap: 2rem;
}
.about-headquarters__list{
margin-top: 1.5rem;
gap: 0.5rem;
}
.about-headquarters-step{
padding: 0.5rem;
}
.about-headquarters__number{
height: 2.5rem;
width: 2.5rem;
min-width: 2.5rem;
color: var( --color-red-brown);
}
.advantages-card{
padding: 1.25rem 1.25rem 1.5rem;
gap: 1.25rem;
backdrop-filter: blur(10px);
align-items: center;
}
.contract-sign .bg-grid-light{
background-size: calc(100% + 4px) 100%;
}
.feature-inner{
padding: 2.5rem 3rem;
gap: 2.5rem;
}
.slider-controls{
margin-top: 1.5rem;
}
.slider-control-btn{
display: flex;
align-items: center;
justify-content: center;
background-color: var(--color-lavender);
border-radius: 0.375rem;
height: 44px;
width: 44px;
min-width: 44px;
}
.reviews-card{
padding: 2rem;
height: 100%;
gap: 2rem;
}
.reviews-slider .swiper-slide{
max-width: 536px;
}
.reviews-card.bg-grid-light{
background-size: calc(100% + 4px) 100%;
}
.info-slider .swiper-slide{
max-width: 429px;
}
.info-slider .swiper-slide .blog-card{
height: 100%;
}
.citi-image{
aspect-ratio: 1.6;
}
.citi-title{
padding: 1rem 1.25rem 1.5rem;
}
.cities{
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1rem;
}
.page-top{
background-repeat: no-repeat;
background-size: cover;
background-position: center;
min-height: 740px;
}
.on-breadcrumbs a{
color: var(--color-white);
}
.on-breadcrumbs .breadcrumbs li a:after {
background-color: var(--color-white);
}
.on-breadcrumbs .breadcrumbs li:last-child {
color: var(--color-white);
}
.page-top__container{
flex: 1;
gap: 2rem;
}
.page-top__titles,
.page-top__subtitle{
margin-top: 1.25rem;
}
.page-top__cards{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.75rem;
}
.page-top__bottom{
margin-top: auto;
padding-bottom: 3.5rem;
}
.page-top__cards--bottom{
padding: 1rem 0 0.5rem;
}
.page-top__cards--bottom.gradient-top-line::before{
top: auto;
bottom: 0;
}
.career-guidance__bottom{
margin-top: 2.5rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
}
.career-guidance__card{
gap: 1.25rem;
backdrop-filter: blur(10px);
padding: 1.25rem 1.25rem 1.5rem;
}
.career-guidance__container{
margin-top: 1rem;
padding: 2rem;
background: rgba(213, 220, 229, 0.60);
backdrop-filter: blur(10px);
}
.career-guidance__banner{
align-items: center;
margin-top: 1.5rem;
background-image: url("/assets/images/card-images/bg-ups-card-dark-banner.webp");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 1.25rem;
gap: 1.25rem;
}
.career-guidance__container h5:not(:first-child),
.career-guidance__container .h5:not(:first-child),
.career-guidance__container h4:not(:first-child),
.career-guidance__container .h4:not(:first-child),
.career-guidance__container .h3:not(:first-child),
.career-guidance__container .h3:not(:first-child),
.career-guidance__container .h2:not(:first-child),
.career-guidance__container .h2:not(:first-child){
margin-top: 1.5rem;
}
.career-guidance__container ul,
.career-guidance__container ol,
.career-guidance__container p{
margin-top: 1rem;
}
.career-guidance__banner p{
margin: 0;
}
.tub-btn-slider{
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
scroll-snap-type: x proximity;
}
.tub-btn-slider::-webkit-scrollbar{
display: none;
}
.tub-btn-slider .swiper-wrapper{
display: flex;
width: max-content;
min-width: 100%;
gap: 0.5rem;
}
.tub-btn-slider .swiper-slide{
max-width: fit-content;
width: auto;
flex: 0 0 auto;
scroll-snap-align: start;
}
.slider-control-tub-btn{
top: 50%;
transform: translateY(-50%);
background: var(--color-darker);
height: 2.25rem;
width: 2.25rem;
z-index: 1;
}
.slider-control-tub-btn.left{
left: 0.25rem;
}
.slider-control-tub-btn.left svg{
transform: scale(-1, 1);
}
.slider-control-tub-btn.right{
right: 0.25rem;
}
.slider-control-tub-btn.swiper-button-disabled{
display: none;
}
.expertise__description{
background: rgba(213, 220, 229, 0.60);
backdrop-filter: blur(10px);
padding: 2.5rem;
gap: 2rem;
}
.facts-about__content{
display: grid;
grid-template-columns: 2fr 1fr;
gap: 1rem;
}
.facts-about__cards{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
.facts-banner{
margin-top: 1rem;
padding: 1.25rem;
gap: 2.5rem;
}
.facts-banner__icon{
height: 4.5rem;
width: 4.5rem;
min-width: 4.5rem;
}
.facts-banner__content{
align-items: center;
gap: 1.25rem;
}
.team-slider .slider-control-btn.swiper-button-disabled{
display: none;
}
.team-card{
background-image: url("/assets/images/profile-pictures/team-card-bg.webp");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 1.25rem 1.25rem 1.5rem;
height: 100%;
}
.team-card__image{
height: 4.5rem;
width: 4.5rem;
min-width: 4.5rem;
}
.team-card__title{
margin-top: 1.25rem;
}
.team-card__list{
margin-top: 1rem;
}
.team-card__list ul{
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.team-card__contacts{
margin-top: 1rem;
padding-top: 1.5rem;
}
.process-container{
gap: 2rem;
}
.process-content{
max-width: 36.75rem;
gap: 1rem;
}
.process-content__top{
padding: 1.75rem 2rem 2rem;
flex: 1;
gap: 1.25rem;
background-image: url("/assets/images/card-images/bg-contact-card-b.webp");
background-position: center;
background-size: cover;
}
.process-content__bottom{
padding: 1.5rem 2rem 2rem;
}
.process-content{
gap: 0.75rem;
}
.process-content__bottom-text{
margin-top: 0.375rem;
}
.process-content__button{
margin-top: 1.5rem;
}
.process-content__top ul{
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.case-card{
padding: 1.25rem 1rem;
}
.case-card__item{
padding: 0.75rem 1.25rem 1rem;
}
.case-card{
height: 100%;
}
.case-card__inner{
margin-top: 1.25rem;
}
.case-card__icon{
height: 1.25rem;
width: 1.25rem;
min-width: 1.25rem;
}
.case-card__items dd{
margin-top: 0.25rem;
}
.partner-logo{
width: 3.75rem;
min-width: 3.75rem;
height: 2.7rem;
}
.partner__title{
font-size: 22px;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
}
.partner__text{
font-size: 12px;
}
.partners-card{
padding: 1.25rem 2.5rem 1.5rem;
}
.partners-slider .swiper-slide{
max-width: 368px;
}
.documents-container{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
}
.document-card{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
gap: 1.25rem;
padding: 1.75rem 2rem;
}
.document-card__security ul,
.document-card__security ol{
margin: 0;
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.document-card__security{
background-image: url("/assets/images/card-images/legal-information-card-bg.webp");
}
.document-card__legal{
gap: 1.25rem;
}
.document-legal__link{
margin-top: 0.75rem;
padding: 0.5rem 1rem;
}
.document-inner{
gap: 1rem;
}
.document-inner__card{
padding: 1.75rem 2rem;
}
.document-card__download{
flex: 1;
gap: 1.5rem;
}
.document-card__btn{
margin-top: auto;
}
.request-banner{
padding: 1.25rem 1.5rem 1rem;
gap: 2.5rem;
}
.request-banner .contacts-card{
max-width: 28.5rem;
padding: 1.75rem 2rem;
}
.request-banner .contacts-card-content{
margin-top: 1.25rem;
}
.request-banner .contacts__label{
width: 100%;
max-width: 8.5rem;
}
.request-banner__button{
max-width: 24.5rem;
margin-top: 2rem;
}
.article-top{
min-height: 26.25rem;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding-bottom: 3rem;
}
.article-top__content{
margin-top: 2.5rem;
}
.article-top__info{
margin-top: 1rem;
padding-top: 0.5rem;
gap: 2.5rem;
}
.article-container{
display: grid;
grid-template-columns: 1fr 19.5rem;
padding-top: 3.5rem;
padding-bottom: 5.5rem;
gap: 2.5rem;
}
.article-aside__sticky{
position: sticky;
top: 0.75rem;
}
.article-aside__link{
padding: 0.5rem 1rem;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.article-aside__list{
margin-top: 0.75rem;
}
.article-aside__sticky{
padding: 1rem 1.25rem;
}
.article-content__dynamics{
margin-top: 1.5rem;
gap: 1rem;
}
.article-content__dynamics p,
.article-content__dynamics ul{
color: var(--color-dim-gray);
}
.article-content__dynamics ul{
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.article-content__banner{
margin-top: 2.5rem;
padding: 1.25rem 1.25rem 1.25rem 1.5rem;
background: rgba(213, 220, 229, 0.60);
}
.article-author{
margin-top: 5.5rem;
}
.article-author__banner{
margin-top: 2.5rem;
gap: 1.25rem;
padding: 1.5rem 2.5rem;
background: linear-gradient(270deg, #D7DEE5 0.03%, #E9E9E9 47.87%);
backdrop-filter: blur(10px);
}
.article-author__image{
height: 4rem;
width: 4rem;
min-width: 4rem;
}
.article-author__wrapper{
gap: 1.25rem;
}
.error-content {
text-align: center;
}
.error__img {
padding: 2.25rem 0.625rem 2.5rem;
max-width: 30rem;
}
.error__text {
margin-top: 1.25rem;
}
.error-content .btn-df {
margin-top: 2rem;
max-width: 17.1875rem;
}
.dynamic-content h2,
.dynamic-content h3,
.dynamic-content h4,
.dynamic-content h5 {
margin-top: 2rem;
}
.dynamic-content p,
.dynamic-content ul,
.dynamic-content ol {
margin-top: 1.25rem;
}
.page-subtitle {
margin-top: 1.25rem;
}
.organization-card {
padding: 1.25rem;
gap: 2.5rem;
border-radius: 0.75rem;
}
.action-banner {
padding: 1.25rem;
gap: 2.5rem;
border-radius: 0.5rem;
background: rgba(213, 220, 229, 0.60);
backdrop-filter: blur(10px);
}
.action-banner__icon {
border: 1px solid var(--color-linear);
display: flex;
align-items: center;
justify-content: center;
width: 4.5rem;
min-width: 4.5rem;
height: 4.5rem;
padding: 0.5rem;
}
.action-banner__icon svg {
width: 2rem;
}
.action-banner__content {
gap: 1.5rem;
align-items: center;
}
.organization-card {
margin-top: 3rem;
}
.organization-card__button {
max-width: 14.6875rem;
background-color: var(--color-gray);
}
.action-banner__button {
max-width: 17.125rem;
padding: 0 2.5rem;
line-height: 1.375rem;
}
.banners-wrapper {
margin-top: 2rem;
padding-top: 3.5rem;
}
.gradient-top-line::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: linear-gradient(90deg, rgba(165, 178, 189, 0.00) 0%, #A5B2BD 50%, rgba(165, 178, 189, 0.00) 100%);
}
.trust-us {
padding: 1.25rem 2rem;
}
.trust-us__icon {
height: 2.75rem;
width: 2.75rem;
min-width: 2.75rem;
padding: 0.5rem;
}
.contacts-cards{
margin-top: 1.25rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
}
.contacts-card{
padding: 1.75rem 2rem 2rem;
}
.contacts-card--wide{
grid-column: 1 / -1;
}
.contacts-wide-grid{
grid-column: 1 / -1;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
gap: 1rem;
}
.contacts-card--wide-panel .contacts-details__item{
align-items: flex-start;
}
.contacts-card--wide-panel .contacts-details__label{
width: 10rem;
min-width: 10rem;
}
.contacts-card--map{
display: flex;
flex-direction: column;
overflow: hidden;
}
.contacts-card--map .contacts-card-top{
padding-bottom: 0;
}
.contacts-map{
margin-top: 1.75rem;
border-radius: 0.875rem;
overflow: hidden;
flex: 1;
min-height: 24rem;
border: 1px solid var(--color-gray);
}
.contacts-map iframe{
display: block;
width: 100%;
height: 100%;
min-height: 24rem;
border: 0;
}
.contacts-card__bg{
background-image: url("/assets/images/card-images/bg-contact-card.webp");
background-position: -0.375rem;
}
.contacts-card__list{
margin-top: 1.25rem;
}
.contacts-card__list li{
display: flex;
align-items: center;
}
.contacts-card-content{
margin-top: 1.75rem;
}
.contacts-details{
margin-top: 1.75rem;
}
.contacts-details__item{
padding: 0.875rem 0;
border-bottom: 1px solid var(--color-gray);
}
.contacts-details__item:last-child{
border-bottom: none;
}
.contacts-details__label{
width: 4rem;
min-width: 4rem;
color: var(--color-dim-gray);
}
.contacts__label{
width: 5.25rem;
min-width: 5.25rem;
color: var(--color-dim-gray);
}
.contacts-phone-list{
margin-top: 1.75rem;
}
.contacts-phone-item{
display: flex;
flex-direction: column;
gap: 0.95rem;
align-items: flex-start;
}
.contacts-phone-item__top{
width: 100%;
}
.contacts-phone-item__name{
color: var(--color-dim-gray);
}
.contacts-phone-item__badge{
padding: 0.25rem 0.625rem;
border-radius: 999px;
border: 1px solid var(--color-linear-3);
color: var(--color-red);
background: rgba(230, 36, 38, 0.06);
}
.contacts-phone-item--primary{
padding: 1rem;
border: 1px solid var(--color-linear-3);
border-radius: 0.875rem;
background: rgba(230, 36, 38, 0.04);
}
.contacts-phone-item--primary + .contacts-details__item{
padding-top: 1rem;
}
.blog-card{
background-color: var(--color-light-gray);
border: 1px solid var(--color-linear-4);
border-radius: 0.5rem;
display: flex;
flex-direction: column;
}
.blog-card__image{
height: 260px;
min-height: 260px;
}
.blog-card__image img{
border-radius: 0.5rem;
transition: opacity 300ms;
}
.blog-card__content{
padding: 1.5rem;
gap: 1.5rem;
height: 100%;
}
.publications-data:before{
content: url("/assets/images/icons/calendar-img.svg");
height: 16px;
}
.blog-card-viewing:before{
content: url("/assets/images/icons/eye-icon.svg");
height: 16px;
}
.arrow-r__icon:before{
content: url("/assets/images/icons/arrow-r.svg");
height: 20px;
}
.blog-card__icon{
height: 44px;
width: 44px;
opacity: 0;
transition: opacity 300ms;
}
.blog-card__bottom{
margin-top: auto;
}
.blog-card__text{
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.author-data{
gap: 1.25rem;
}
.author-image{
height: 17.5rem;
width: 17.5rem;
min-width: 17.5rem;
}
.author-block{
gap: 3rem;
}
.author-block__content{
gap: 2rem;
}
.author-info{
padding: 1.25rem;
background: linear-gradient(270deg, #D7DEE5 0.03%, #E9E9E9 47.87%);
backdrop-filter: blur(10px);
gap: 1.5rem;
}
.trust-us__icon{
height: 52px;
width: 52px;
min-width: 52px;
}
.latest-publications{
margin-top: 56px;
}
.page-blog .latest-publications {
margin-bottom: 4.5rem;
}
.page-about main > .width-container:last-child,
.page-contacts main > .width-container:last-child,
.page-blog main > .width-container:last-child,
.page-privacy-policy main > .width-container:last-child,
.page-user-agreement main > .width-container:last-child,
.page-personal-data-consent main > .width-container:last-child,
.page-vakansii main > .page-section:last-child {
margin-bottom: 4.5rem;
}
.page-vakansii .vacancy-index__listing {
margin-top: 2.5rem;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.vacancy-index__filters{
padding: 1.25rem;
display: flex;
flex-direction: column;
gap: 1rem;
}
.vacancy-index__filters-header{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1rem;
}
.vacancy-index__filters-copy{
gap: 0.5rem;
max-width: 42rem;
}
.vacancy-index__search-row{
display: grid;
grid-template-columns: minmax(0, 1fr) 15rem;
gap: 1rem;
align-items: end;
}
.vacancy-index__search-field{
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.vacancy-index__search-input{
width: 100%;
min-height: 3.25rem;
padding: 0 1rem;
border: 1px solid var(--color-gray);
border-radius: 0.75rem;
background-color: var(--color-light);
color: var(--color-darker);
font: inherit;
transition: border-color 300ms, box-shadow 300ms;
}
.vacancy-index__search-input::placeholder{
color: var(--color-mist);
}
.vacancy-index__search-input:focus{
border-color: var(--color-red);
box-shadow: 0 0 0 0.1875rem rgba(229, 36, 38, 0.12);
outline: none;
}
.vacancy-index__results{
min-height: 3.25rem;
padding: 0.75rem 1rem;
display: flex;
flex-direction: column;
justify-content: center;
gap: 0.125rem;
}
.vacancy-index__results-value{
line-height: 1;
}
.vacancy-index__chip{
gap: 0.5rem;
cursor: pointer;
}
.vacancy-index__chip-count{
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 1.5rem;
height: 1.5rem;
padding: 0 0.375rem;
border-radius: 999px;
background-color: rgba(28, 30, 37, 0.08);
font-size: 0.875rem;
line-height: 1;
}
.filter-btn:has(input:checked) .vacancy-index__chip-count{
background-color: var(--color-darker);
color: var(--color-white);
}
.vacancy-index__card-category{
display: inline-flex;
align-items: center;
width: fit-content;
padding: 0.375rem 0.625rem;
border-radius: 999px;
border: 1px solid var(--color-linear-3);
background-color: var(--color-light);
color: var(--color-dim-gray);
}
.vacancy-index__listing [data-vacancy-card][hidden]{
display: none !important;
}
.vacancy-index__empty{
padding: 2rem;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
.vacancy-index__empty[hidden]{
display: none;
}
.latest-publications__filters{
margin-top: 2.5rem;
}
.filter-btn{
white-space: nowrap;
backdrop-filter: blur(10px);
}
.filter-btn:has(input:checked) {
background-color: var(--color-red);
color: var(--color-white);
}
.latest-publications__wrapper{
margin-top: 32px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
}
.pagination{
margin-top: 1.5rem;
gap: 1rem;
}
.pagination-list{
gap: 0.5rem;
}
.pagination-btn{
display: flex;
align-items: center;
justify-content: center;
width: 44px;
min-width: 44px;
aspect-ratio: 1;
background-color: var(--color-lavender);
border-radius: 0.375rem;
}
.pagination-btn.active{
color: var(--color-white);
background-color: var(--color-darker);
}
.feedback{
padding: 2.5rem 3rem;
gap: 1.75rem;
}
.feedback__content{
max-width: 572px;
}
.feedback-form__wrapper{
max-width: 548px;
padding: 2.5rem;
background-image: url("/assets/images/card-images/bg-contact-card-b.webp");
background-repeat: no-repeat;
background-size: cover;
}
.tag-btn{
gap: 0.75rem;
padding: 0 1.5rem 0 1rem;
height: 2.75em;
}
.feedback__title{
margin-top: 1rem;
}
.feedback__text{
margin-top: 0.5rem;
}
.feedback__contacts{
margin-top: 3rem;
padding: 1.25rem 1.5rem;
gap: 0.75rem;
}
.feedback-contacts__row{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.5rem;
}
.feedback-contacts__row:first-child{
border-bottom: 1px solid var(--color-gray);
padding-bottom: 0.75rem;
}
.feedback-contacts__item{
gap: 0.5rem;
}
.feedback__manager{
gap: 1.5rem;
margin-top: 1.25rem;
background-image: url("/assets/images/card-images/bg-feedback-manager.webp");
background-repeat: no-repeat;
background-size: cover;
padding: 1.25rem 1.25rem 1.5rem;
}
.feedback-manager__image{
width: 6rem;
height: 4.5rem;
min-width: 6rem;
overflow: hidden;
}
.feedback-manager__image img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.feedback-form__info-icon{
margin-top: 0.25rem;
height: 2.75rem;
width: 2.75rem;
min-width: 2.75rem;
}
.feedback-form__bottom{
background: rgba(213, 220, 229, 0.60);
backdrop-filter: blur(10px);
}
.feedback-form__bottom{
gap: 1rem;
padding: 1.25rem 2rem 1.5rem;
}
.feedback__form{
padding: 2rem 2rem 2.5rem;
}
.link-privacy{
text-decoration: underline;
color: var(--color-darker);
}
.feedback-form-button{
margin: 2rem 0 0.75rem;
height: 3.25rem;
padding: 0 2.5rem;
}
.feedback-form__label input{
height: 3.25rem;
padding: 0 1rem;
border: 1px solid var(--color-linear);
border-radius: 0.375rem;
background-color: var(--color-light);
}
.footer-brand{
width: 21rem;
min-width: 21rem;
gap: 1.5rem;
}
.footer-logo {
width: 17.5625rem;
height: fit-content;
}
.footer-logo .brand-lockup__title {
font-size: 1rem;
}
.footer-logo .brand-lockup__subtitle {
font-size: 0.8125rem;
}
.footer-logo .brand-lockup__media img {
height: 4.1875rem;
object-fit: contain;
object-position: left center;
}
footer {
border-top: 1px solid var(--color-gray);
background-color: var(--color-light);
padding-top: 2rem;
padding-bottom: 1.25rem;
}
.footer-content {
justify-content: space-between;
align-items: flex-start;
gap: 2.5rem;
}
.footer-address {
gap: 3.5rem;
justify-content: end;
flex-wrap: wrap;
}
.footer-address__item {
flex-direction: column;
gap: 0.75rem;
max-width: 16.8125rem;
}
.footer-brand__meta{
display: flex;
flex-direction: column;
gap: 0.375rem;
}
.footer-brand__meta p:first-child{
font-size: 0.75rem;
line-height: 1rem;
white-space: nowrap;
}
.footer-brand__meta-link{
margin-top: 0.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
text-decoration: underline;
text-underline-offset: 0.1875rem;
}
.footer-bottom {
margin-top: 3.5rem;
border-top: 1px solid var(--color-light-gray);
padding-top: 0.5rem;
}
.footer-bottom__confidentiality,
.footer-bottom__info {
padding: 0.5rem 0;
}
.footer-bottom__confidentiality{
display: inline-flex;
align-items: center;
gap: 0.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
}
.footer-bottom__confidentiality + .footer-bottom__confidentiality::before{
content: '';
width: 0.3125rem;
height: 0.3125rem;
min-width: 0.3125rem;
border-radius: 1px;
background-color: var(--color-graphite);
}
.popup-overlay {
position: fixed;
inset: 0;
background: rgba(4, 3, 10, 0.40);
display: none;
z-index: 99;
}
.popup-overlay.active {
display: flex;
}
.popup {
position: fixed;
width: 100%;
max-width: 33.75rem;
max-height: 95vh;
overflow-y: auto;
z-index: 1000;
left: 50%;
top: 50%;
transform: translateY(-50%) translateX(-50%);
display: none;
padding: 0 10px;
}
.popup.active {
display: block;
}
.popup::-webkit-scrollbar {
width: 4px;
}
.popup::-webkit-scrollbar-thumb {
border-radius: 20px;
background: blue;
}
.popup::-webkit-scrollbar-track {
background: transparent;
}
.popup::-webkit-scrollbar-button {
display: none;
}
.popup-open{
overflow: hidden;
padding-right: var(--scrollbar-compensation, 0px);
}
.popup-close{
height: 2.5rem;
width: 2.5rem;
top: 12px;
right: 8px;
}
.popup-title{
padding-right: 2rem;
}
.popup__form{
padding: 1.75rem;
}
.popup-result__subtitle{
margin-top: 0.5rem;
}
.popup-result__image{
height: 140px;
width: 140px;
}
.popup-result__title{
margin-top: 20px;
}
.popup-result__subtitle{
margin-top: 8px;
text-align: center;
}
.popup-result__btn{
margin-top: 32px;
}
.mobile-actions{
display: none;
}
@media (hover: hover) {
.vacancies-ist__item:hover .vacancies-item__text {
color: var(--color-red);
}
.contacts__link:hover svg path{
fill: var(--color-white);
}
.blog-card:hover .blog-card__icon{
opacity: 1;
}
.blog-card:hover .blog-card__image img{
opacity: 0.6;
}
.pagination-btn.hover-effects:hover{
color: var(--color-white);
background-color: var(--color-darker);
}
.pagination-btn.hover-effects:hover svg path{
stroke: var(--color-white)
}
.accordion-top:hover{
background-color: var(--color-gray);
}
.languages:hover .languages-list{
display: flex;
}
.languages:hover .language-arrow-icon{
transform: scale(1, -1);
}
.languages-list__item:hover{
background-color: var(--color-gray);
color: var(--color-darker);
}
}
.home-top,
.page-top {
position: relative;
z-index: 0;
}
.home-top::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.18) 100%);
z-index: -1;
pointer-events: none;
}
.page-top::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.1) 100%);
z-index: -1;
pointer-events: none;
}
.home-top__container,
.page-top__container {
position: relative;
z-index: 1;
}
@media (max-width: 1400px) {
.vacancies {
margin-left: 0.625rem;
}
}
@media (max-width: 1220px) {
.header-logo {
width: 9.5rem;
}
.brand-lockup {
gap: 0.5rem;
}
.brand-lockup__title {
font-size: 0.75rem;
}
.brand-lockup__subtitle {
font-size: 0.625rem;
}
.header-logo .brand-lockup__media img {
height: 2rem;
}
.vacancies {
margin-left: auto;
padding-bottom: 0;
margin-bottom: 0;
}
.header-bar {
width: 100%;
gap: 0.5rem;
}
.mobile-header-actions {
display: flex;
align-items: center;
gap: 0.5rem;
margin-left: auto;
}
.mobile-header-nav__btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 2.5rem;
border-radius: 0.375rem;
padding: 0 1rem;
font-size: 0.875rem;
font-weight: 600;
color: var(--color-darker);
white-space: nowrap;
}
.mobile-header-nav__btn--more {
width: 2.5rem;
min-width: 2.5rem;
padding: 0;
}
.vacancies-inner {
padding: 0 1rem;
background-color: var(--color-light-gray);
border: 1px solid var(--color-gray);
}
.mobile-menu-btn {
display: none;
}
.mobile-menu-submit-btn{
background-color: var(--color-red);
color: var(--color-white);
}
.mobile-menu-submit-btn svg path{
stroke: var(--color-white);
}
.header-main{
display: none;
}
.languages{
order: 0;
margin: 0;
padding: 24px 12px 16px;
}
.languages .btn-df{
justify-content: space-between;
}
.language-mb-btn{
inset: 0;
z-index: 1;
}
.mobile-menu-item{
position: fixed;
inset: 0;
width: 100%;
display: none;
z-index: 99;
background-color: var(--color-white);
overflow-y: auto;
}
.mobile-menu-item.open{
display: flex;
flex-direction: column;
}
.mobile-menu-header{
display: flex;
padding: 8px 12px;
}
.mobile-nav-panel__body{
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 24px 12px 12px;
}
.mobile-nav-panel__link{
min-height: 3rem;
padding: 0 1rem;
justify-content: flex-start;
text-decoration: none;
color: var(--color-darker);
font-weight: 600;
}
.mobile-nav-panel__footer{
display: flex;
flex-direction: column;
gap: 0.5rem;
margin-top: auto;
padding: 0 12px 24px;
}
.mobile-nav-panel__phone,
.mobile-nav-panel__cta{
width: 100%;
justify-content: flex-start;
padding: 0 1rem;
}
.vacancies_dropdown{
opacity: 1;
visibility: visible;
position: unset;
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 24px 12px;
overflow-y: auto;
box-shadow: unset;
}
.mobile-vacancies-panel .vacancies_dropdown{
flex: 1 1 auto;
padding-bottom: 12px;
}
.vacancies-group__item {
border-bottom: 1px solid var(--color-light-gray);
padding-bottom: 0;
}
.vacancies-group__toggle {
padding: 0.875rem 0;
cursor: pointer;
}
.vacancies-group__toggle-icon {
display: block;
}
.vacancies-group__item.is-open .vacancies-group__toggle-icon {
transform: scale(1, -1);
}
.vacancies-group__content {
display: none;
padding-bottom: 0.5rem;
}
.vacancies-group__item.is-open .vacancies-group__content {
display: block;
}
.vacancies-group__list {
margin-top: 0;
}
.vacancies-ist__item{
padding: 0;
}
.vacancies-item {
padding: 0.55rem 0;
}
.mobile-menu-footer{
padding: 24px 12px;
}
.mobile-menu__phone{
padding: 0.5rem 1rem;
width: 100%;
}
.mobile-menu-footer{
display: block;
}
.mobile-menu-header__btn{
height: 40px;
width: 40px;
}
.mobile-menu-item.open .languages-list{
display: flex;
position: initial;
box-shadow: none;
}
.languages-list{
background-color: var(--color-white);
border: none;
padding: 24px 12px;
}
.breadcrumbs {
gap: 0.75rem;
margin: 1.5rem 0 1.25rem;
}
.breadcrumbs li a:after {
margin-left: 0.75rem;
}
.home-top__tags{
gap: 0.375rem;
}
.home-top__container{
flex-direction: column;
gap: 0;
padding: 1.5rem 0 2.75rem;
}
.home-top__content{
display: contents;
}
.home-top__tags{
order: 1;
}
.home-top__titles{
order: 2;
}
.home-top__cards{
order: 3;
margin-top: 1.75rem;
}
.top__button{
order: 4;
}
.home-top__tags .tag-btn{
height: 1.875rem ;
padding: 0 0.625rem;
}
.home-top__tags .tag-btn svg{
width: 16px;
}
.home-top__titles{
margin-top: 1.25rem;
}
.home-top__subtitle{
margin-top: 1rem;
}
.top__button{
margin-top: 1.75rem;
max-width: 100%;
}
.home-top__card{
padding: 1rem;
gap: 1rem;
}
.page-top__cards{
grid-template-columns: 100%;
gap: 0.75rem;
}
.single-vacancy .page-top__content{
display: contents;
}
.single-vacancy .page-top .on-breadcrumbs{
order: 0;
}
.single-vacancy .page-top .home-top__tags{
order: 1;
}
.single-vacancy .page-top__titles{
order: 2;
}
.single-vacancy .page-top__bottom{
order: 3;
margin-top: 1.75rem;
padding-bottom: 0;
}
.single-vacancy .page-top .top__button{
order: 4;
}
.single-vacancy .page-top__cards--bottom{
order: 5;
margin-top: 1rem;
}
.contract-services{
grid-template-columns: 100%;
gap: 0.625rem;
}
.tag-btn{
height: 2.125rem;
}
.feature-container{
gap: 1.25rem;
padding-top: 2.75rem;
padding-bottom: 2.75rem;
}
.service-card{
padding: 1rem;
flex-direction: row-reverse;
justify-content: space-between;
}
.service-card__icon{
height: 2rem;
width: 2rem;
min-width: 2rem;
}
.service-card__icon svg{
height: 1.25rem;
width: 1.25rem;
}
.feature-bottom button{
width: 100%;
}
.popular-vacancies{
grid-template-columns: 1fr 1fr;
gap: .625rem;
}
.financial-support__card{
gap: 1rem;
padding: 1rem;
}
.salary-block{
gap: 1.75rem;
}
.salary-section{
gap: 0.625rem;
}
.anchors{
gap: 1.75rem;
padding-top: 2.75rem;
padding-bottom: 2.75rem;
}
.salary-bottom,
.salary-banner{
flex-direction: column;
}
.salary-bottom{
gap: 0.75rem;
}
.salary-banner{
gap: 2rem;
padding: 1.25rem 1rem;
}
.salary-card{
padding: 1rem;
gap: 1rem;
}
.social-guarantees__container{
padding: 1rem;
}
.tag-btn{
gap: 0.5rem;
}
.apply-content{
grid-template-columns: 100%;
gap: 1.75rem;
}
.apply-form{
gap: 1.5rem;
padding: 1.25rem 1rem;
}
.apply-form__fields{
flex-direction: column;
gap: 1rem;
}
.apply-form__field{
gap: 0.625rem;
}
.apply-form__actions{
margin-top: 1.25rem;
}
.apply-form__policy{
margin-top: 0.5rem;
}
.apply-form__title{
margin-top: 0.75rem;
}
.apply-form__badges{
flex-wrap: wrap;
gap: 0.25rem;
}
.apply-form__badge{
height: 1.875rem;
}
.apply-form__badge svg{
width: 16px;
}
.apply-step{
padding: 1rem;
}
.apply-steps__list.step-counter .step-number,
.about-headquarters__list .step-number{
height: 32px;
width: 32px;
min-width: 32px;
}
.faq-content{
gap: 1.25rem;
}
.accordion{
gap:0.625rem;
}
.support-cards{
grid-template-columns: 100%;
gap: 0.625rem;
}
.support-card{
padding: 1rem;
gap: 1rem;
align-items: start;
}
.support-card__icon{
height: 2.25rem;
width: 2.25rem;
min-width: 2.25rem;
}
.support-card__icon svg{
height: 16px;
width: 16px;
min-width: 16px;
}
.about-headquarters,
.advantages-cards{
grid-template-columns: 100%;
}
.about-headquarters__rout,
.about-headquarters__description,
.advantages-card{
padding: 1rem;
}
.about-headquarters__list{
margin-top: 1.25rem;
}
.about-headquarters__description{
gap: 1.75rem;
}
.advantages-cards{
gap: 0.675rem;
}
.advantages-card{
gap: 1rem;
align-items: start;
}
.feature-inner,
.reviews-card{
padding: 1rem;
}
.feature-inner{
gap: 1.75rem;
}
.reviews-card{
gap: 0.25rem;
}
.slider-controls{
margin-top: 1rem;
justify-content: center;
}
.slider-control-btn{
height: 2.5rem;
width: 2.5rem;
min-width: 2.5rem;
}
.cities{
grid-template-columns: repeat(2, 1fr);
}
.career-guidance__bottom{
margin-top: 1.75rem;
grid-template-columns: 100%;
}
.slider-control-tub-btn{
display: none;
}
.career-guidance__banner{
align-items: start;
}
.career-guidance__container{
padding: 1rem;
}
.tub-btn-slider{
width: calc(100% + 24px);
margin-left: -12px;
padding: 0 12px 0.25rem;
}
.tub-btn-slider .social-guarantees__btn{
padding: 0.625rem 0.875rem;
display: flex;
align-items: center;
justify-content: center;
min-height: 3rem;
max-width: min(18rem, calc(100vw - 4.5rem));
overflow: visible;
text-overflow: initial;
white-space: normal;
line-height: 1.2;
text-align: center;
}
.expertise__description{
padding: 1rem;
gap: 1.5rem;
}
.facts-about__content,
.facts-about__cards{
grid-template-columns: 100%;
}
.facts-about__cards{
gap: 0.75rem;
}
.facts-about__content  .service-card{
flex-direction: column;
}
.facts-banner{
flex-direction: column;
gap: 1.75rem;
}
.facts-banner__content{
flex-direction: row-reverse;
gap: 1rem;
align-items: start;
}
.facts-banner__icon{
height: 2.25rem;
width: 2.25rem;
min-width: 2.25rem;
}
.facts-banner__icon svg{
width: 20px;
}
.facts-banner__btn{
width: 100%;
}
.team-slider .slider-control-btn.swiper-button-disabled{
display: unset;
}
.team-card__contacts{
padding-top: 1rem;
}
.team-card{
padding: 1rem;
}
.team-card__list{
margin-top: 0.5rem;
}
.team-card__title{
margin-top: 0.75rem;
}
.team-card__image{
height: 2.75rem;
width: 2.75rem;
min-width: 2.75rem;
}
.process-container{
flex-direction: column;
gap: 1.25rem;
}
.process-content__top,
.process-content__bottom{
padding: 1rem;
}
.process-content__button{
margin-top: 1rem;
}
.partners-card{
padding: 1rem 1.5rem 1.25rem;
}
.document-card ul,
.document-card ol{
gap: 0.5rem;
}
.documents-container{
grid-template-columns: 100%;
gap: 0.75rem;
}
.document-card{
gap: 0.75rem;
padding: 1rem;
}
.document-inner__card{
padding: 1rem;
gap: 1rem;
}
.document-card .document-card__legal {
gap: 1.25rem;
}
.request-banner{
flex-direction: column;
gap: 1.75rem;
padding: 1rem;
}
.request-banner__button{
margin-top: 1.25rem;
max-width: 100%;
}
.request-banner .contacts__list .contacts__item{
flex-direction: column;
align-items: start;
gap: 0.375rem;
}
.request-banner .contacts-card{
padding: 1rem;
max-width: 100%;
}
.request-banner .contacts__label{
max-width: 100%;
}
.article-top__info{
flex-direction: column;
gap: 0.5rem;
}
.article-container{
display: flex;
flex-direction: column-reverse;
padding-top: 2.75rem;
padding-bottom: 2.75rem;
gap: 1.75rem;
}
.article-aside__sticky{
padding: 1rem;
}
.article-content__banner{
margin-top: 1.75rem;
flex-direction: column;
gap: 2rem;
padding: 1rem;
}
.article-author{
margin-top: 3.875rem;
}
.article-author__banner{
margin-top: 1.75rem;
padding: 1.25rem 1rem;
}
.article-author__image{
height: 2.75rem;
width: 2.75rem;
min-width: 2.75rem;
}
.article-author__wrapper{
gap: 0.75rem;
}
.page-subtitle{
margin-top: 1rem;
}
.organization-card{
margin-top: 1.75rem;
flex-direction: column;
padding-top: 1rem;
gap: 1.75rem;
}
.organization-card .action-banner__content{
flex-direction: row-reverse;
gap: 1rem;
}
.organization-card__button{
max-width: 100%;
height: 2.5rem;
}
.banners-wrapper{
margin-top: 1.75rem;
padding-top: 1.75rem;
}
.action-banner__content,
.action-banner{
flex-direction: column;
}
.action-banner{
padding: 1rem;
gap: 2rem;
align-items: start;
}
.action-banner__content{
gap: 1rem;
align-items: start;
}
.action-banner__button{
max-width: 100%;
line-height: 1.25rem;
}
.action-banner__icon{
height: 2.5rem;
width: 2.5rem;
min-width: 2.5rem;
}
.action-banner__icon svg{
height: 1.5rem;
width: 1.5rem;
}
.trust-us{
flex-direction: row-reverse;
padding: 1rem;
}
.trust-us__content{
gap: 0.25rem;
}
.action-banner__button svg{
width: 1.25rem;
height: 1.25rem;
}
.contacts-cards{
margin-top: 0.75rem;
grid-template-columns: 100%;
gap: 0.75rem;
}
.contacts-card{
padding: 1rem;
}
.contacts-wide-grid{
grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
align-items: stretch;
}
.contacts-card--wide-panel .contacts-details__item{
align-items: flex-start;
gap: 0.75rem;
}
.contacts-card--wide-panel .contacts-details__label{
width: 8.5rem;
min-width: 8.5rem;
}
.contacts-map{
margin-top: 1.5rem;
min-height: 20rem;
}
.contacts-map iframe{
min-height: 20rem;
}
.contacts-phone-item__top{
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}
.contacts-card-content,
.contacts-details{
margin-top: 1.5rem;
}
.contacts-details__item{
padding: 0.75rem 0;
}
.author-block,
.author-block__content{
flex-direction: column;
gap: 1.25rem;
}
.author-image{
width: 164px;
height: 164px;
min-width: 164px;
}
.author-data{
grid-gap: 0.5rem;
}
.author-info{
flex-direction: column;
gap: 1rem;
align-items: start;
padding: 1rem;
}
.latest-publications__wrapper{
margin-top: 1.25rem;
grid-template-columns: 100%;
}
.blog-card__content{
padding: 1rem;
gap: 0.75rem;
}
.blog-card__image{
height: 202px;
min-height: 202px;
}
.feedback{
padding: 1rem;
flex-direction: column;
}
.feedback-form__label input{
height: 2.375rem;
}
.feedback__content,
.feedback-form__wrapper{
max-width: 100%;
}
.feedback-form__wrapper{
padding: 0.5rem;
}
.feedback__form{
padding: 1.25rem 1rem 1rem;
}
.feedback-form__bottom{
padding: 16px;
flex-direction: row-reverse;
justify-content: space-between;
}
.feedback-form__info-icon{
height: 2rem;
width: 2rem;
min-width: 2rem;
}
.feedback-form__info-icon svg{
width: 1.25rem;
}
.feedback-form-button{
margin: 1.25rem 0 0.5rem;
height: 2.5rem;
}
.feedback-form-button svg{
width: 1.25rem;
}
.feedback__manager{
padding: 1rem;
margin-top: 0.625rem;
gap: 1rem;
}
.feedback-contacts__row{
grid-template-columns: 100%;
gap: 0.75rem;
}
.feedback__contacts{
padding: 1rem;
margin-top: 1.75rem;
}
.pagination{
margin-top: 1.25rem;
}
.pagination-list{
gap: 0.375rem;
}
.pagination-btn{
width: 40px;
min-width: 40px;
}
.error__img {
padding: 1.5625rem 0.625rem 1.625rem;
}
.error__img svg {
height: auto;
}
.error__text {
margin-top: 0.5rem;
}
.error-content .btn-df {
margin-top: 1.75rem;
max-width: 100%;
}
.dynamic-content h2,
.dynamic-content h3,
.dynamic-content h4,
.dynamic-content h5 {
margin-top: 1.75rem;
}
.dynamic-content p,
.dynamic-content ul,
.dynamic-content ol {
margin-top: 0.75rem;
}
footer {
padding-top: 1.25rem;
}
.footer-brand {
width: 100%;
min-width: 0;
gap: 0.75rem;
}
.footer-logo {
width: 12.625rem;
}
.footer-logo .brand-lockup__title {
font-size: 0.8125rem;
}
.footer-logo .brand-lockup__subtitle {
font-size: 0.6875rem;
}
.footer-logo .brand-lockup__media img {
height: 3rem;
}
.footer-content {
gap: 1.25rem;
}
.footer-bottom {
margin-top: 0.75rem;
padding: 0.375rem 1rem 0;
flex-direction: column;
}
.footer-bottom__info {
padding: 0;
}
.footer-content,
.footer-address {
flex-direction: column;
}
.footer-address {
gap: 1.25rem;
}
.footer-content {
padding: 0 1rem 0.5rem;
}
.footer-address__item {
flex-direction: row;
gap: 1rem;
max-width: 100%;
}
.footer-address__title {
width: 100%;
max-width: 4rem;
}
.popup-open {
padding-right: 0;
}
.popup-result__image{
height: 100px;
width: 100px;
}
.popup-result__title{
margin-top: 12px;
}
.popup-result__subtitle{
margin-top: 6px;
}
.popup-result__btn{
margin-top: 28px;
}
}
@media (max-width: 768px) {
.popular-vacancies{
grid-template-columns: 100%;
}
.page-blog .latest-publications {
margin-bottom: 2.75rem;
}
.page-about main > .width-container:last-child,
.page-contacts main > .width-container:last-child,
.page-blog main > .width-container:last-child,
.page-privacy-policy main > .width-container:last-child,
.page-user-agreement main > .width-container:last-child,
.page-personal-data-consent main > .width-container:last-child,
.page-vakansii main > .page-section:last-child {
margin-bottom: 2.75rem;
}
.page-vakansii .vacancy-index__listing {
margin-top: 1.75rem;
}
.vacancy-index__filters{
padding: 1rem;
}
.vacancy-index__filters-header{
flex-direction: column;
align-items: stretch;
}
.vacancy-index__search-row{
grid-template-columns: 100%;
}
.vacancy-index__chips{
flex-wrap: nowrap;
overflow-x: auto;
padding-bottom: 0.25rem;
}
.vacancy-index__chip{
flex: 0 0 auto;
}
.vacancy-index__empty{
padding: 1.5rem;
}
.contacts-wide-grid{
grid-template-columns: 100%;
}
.contacts-card--wide-panel .contacts-details__item{
flex-direction: column;
align-items: flex-start;
gap: 0.375rem;
}
.contacts-card--wide-panel .contacts-details__label{
width: 100%;
min-width: 0;
}
.contacts-map{
margin-top: 1.25rem;
min-height: 18rem;
}
.contacts-map iframe{
min-height: 18rem;
}
.cities{
grid-template-columns: 100%;
}
.mobile-actions{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
display: flex;
padding: 0.75rem 0.75rem 1.5rem;
border-radius: 6px 6px 0 0;
border: 1px solid var(--color-gray);
border-bottom: none;
background:var(--color-light);
transform: translateY(100%);
transition: transform .35s ease;
z-index: 98;
}
.mobile-actions.show{
transform: translateY(0);
}
}