/*!
Theme Name: digitalhiring
Author: m_admin
Text Domain: digitalhiring
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
:root {
    --color-greys: #C8D4F5;
}
html {
    scroll-behavior: smooth;
}
.header .nav__link::before {
    top: auto;
    bottom: -2px;
}
.translatepress-en_US .hero .page__title,
.translatepress-pl_PL .hero .page__title {
	font-size: clamp(48px, 1.6037rem + 4.2681vw, 84px);
}
.hero {
    height: 100%;
}
.hero .page__title {
	margin-bottom: 20px;
}
.hero .btn-red {
    margin-bottom: 30px;
}
.hero__img {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: auto;
    margin-bottom: 10px;
}
.hero__img a {
    display: block;
    width: 18%;
    max-width: 90px;
}
.box__title br {
	display: none;
}
.clutch-widget {
    width: 120px;
    min-width: 120px;
    background-color: #fff;
    border-radius: 5px;
    overflow: clip;
}
.swiper__pagination {
    margin-top: 20px;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 0;
}
.swiper-pagination-bullet {
    margin-bottom: 10px;
}
.clients__slider-item img {
    height: 62px;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.4;
    transition: opacity .2s ease-in-out, filter .2s ease-in-out;
}
.clients__slider-item div:hover img {
    filter: grayscale(0);
    opacity: 1;
}
/*bottom top*/
.footer .arrow-up {
    display: none;
    bottom: 80px;
    z-index: 1000;
}
.arrow-up a {
    display: flex;
}
.select__item {
    cursor: pointer;
    padding: 10px 25px 10px 10px;
}

.select__item:hover {
    background-color: var(--pink);
    color: var(--color-white);
}
/*=============
team
===================*/
.team .team__item:not(:first-of-type) .team__photo  {
    width: clamp(5.75rem, 3.1703rem + 7.2414vw, 9.6875rem);
    text-align: center;
}
.team__item:nth-of-type(7) {
    -webkit-transform: translateY(3.5vw);
    -ms-transform: translateY(3.5vw);
    transform: translateY(3.5vw);
}
/*footer*/
.footer .list__social {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    z-index: 2;
}
.footer .list__social a {
    display: flex;
}
/*===============
lang
===============*/
.trp-language-switcher {
    max-width: fit-content;
    height: auto;
	width: fit-content;
}
.trp-language-switcher > div {
    background-color: transparent;
    border: none;
    background-position: calc(100% - 12px) calc(1em + 0px), calc(100% - 3px) calc(1em + 0px);
}
.trp-language-switcher .trp-ls-shortcode-current-language {
    max-width: fit-content;
}
.trp-language-switcher > div > a {
    color: var(--color-white);
    padding: 5px;
}
.trp-language-switcher > div > a:hover {
    color: var(--color-text);
}
.trp-language-switcher:focus .trp-ls-shortcode-language,
.trp-language-switcher:hover .trp-ls-shortcode-language {
    max-width: fit-content;
}
 /*==============================select========================*/
select {
    width: 100%;
    height: 48px;
    font-size: 100%;
    font-weight: bold;
    cursor: pointer;
    border-radius: 0;
    /* background-color: var(--color-white); */
    border: 2px solid var(--color-text);
    background: url(assets/img/select-icon.svg) 103% / 15% 30% no-repeat var(--color-white);
    color: var(--color-text);
    padding: 10px 25px 10px 10px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    /* Adding transition effect */
    transition: color 0.3s ease, background-color 0.3s ease, border-bottom-color 0.3s ease;
}
/* For IE <= 11 */
select::-ms-expand {
    display: none;
}
/* select:focus, */
select:hover {
    color: var(--color-white);
    background-color: var(--pink);
}

.download__field {
    margin-bottom: 10px;
    position: relative;
}
.social_list ~ .section-field {
    position: relative;
}
.popup__wrapper input[type="file"], footer input[type="file"] {
    opacity: 0;
}
.popup__wrapper input[type="file"]:hover, .footer input[type="file"]:hover,
.popup__wrapper input[type="file"]:focus, .footer input[type="file"]:focus,
.popup__wrapper input[type="file"]:active, .footer input[type="file"] {
    opacity: 0;
}

.popup__privacy-content input {
    font-size: 21px;
    font-weight: 700;
    opacity: 0.7;
}
.popup__privacy-content input:hover {
    /* Change background/text color */
    opacity: 1;
}
.popup__privacy-content input:active {
    /* Another change in background/text color */
    opacity: 1;
}
.popup__privacy-content input:focus {
    /* Show outline  */
    opacity: 1;
}
.input_ratio {
    display: flex;
    justify-content: center;
    align-items: center;
}
label {
    position: relative;
}

.select_wrap {
    /*border-radius: 44px;*/
    /*border: 1.5px solid var(--color-text);*/
    /*background: var(--color-white);*/
}
.select_wrap.social_list label {
    display: inline-block;
    width: 52px;
    height: 52px;
    margin: 5px;
    cursor: pointer;
}
.social_list-descr {
    margin-top: 35px;
    margin-bottom: 16px;
    font-family: var(--ff600);
    font-size: 22px;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
    color: var(--color-text);
}
.select_wrap.social_list .wpcf7-list-item {
    margin: 0;
    padding: 0;
}

/*=======================
CF7
========================*/

.thanks-text {
    color: var(--color-text);
    text-align: center;

    font-size: 18px;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 15px;
}
.thanks-text ~ p {
    color: var(--color-text);

    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
}
.swal2-container .swal2-modal .swal2-styled {
    background-color: var(--color-white) !important;
    border-left-color: var(--color-text) !important;
    border-right-color: var(--color-text) !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.1px;
    text-transform: uppercase;
    border-radius: 40px;
    border: 4px solid var(--black, #2D343C);
    padding: 16px 76px;
    margin-top: 80px;
    margin-bottom: 50px;
    color: var(--color-text);
}
.swal2-container .swal2-modal .swal2-close {
    font-size: 48px;
    color: var(--color-text);
    font-weight: 700;
}
.swal2-container .swal2-icon.swal2-success [class^=swal2-success-line] {
    background-color: var(--pink);
}
.swal2-container .swal2-icon.swal2-success .swal2-success-ring {
    border: 4px solid var(--pink);
}
.wpcf7-not-valid-tip {
    position: relative;
    font-weight: 500;
    display: block;
    text-align: end;
    transform: translate(0px, 5px);
}
/*==========
graph-modal
=================*/
.graph-modal__container {
    padding: 28px;
}
.graph-modal__close {
    right: 30px;
    top: 30px;
}
[data-graph-target="modal-1"] .graph-modal__content {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.graph-modal h2 {
    margin-bottom: 20px;
    font-family: var(--ff600);
    font-size: 32px;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
}
.popup__privacy h2 {
    color: var(--color-text);
    text-align: center;
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 38px;
}

.form__subtitle {
    margin-bottom: 28px;
    font-size: 18px;
    line-height: 122%;
    text-align: center;
}
.graph-modal .select_title {
    margin-bottom: 5px;
}
.popup__wrapper input[type="text"],
.popup__wrapper input[type="email"],
.popup__wrapper input[type="tel"],
.popup__wrapper textarea {
    border: none;
    border-bottom: 2px solid var(--color-text);
    outline: none;
    display: block;
    width: 100%;
    padding-bottom: 6px;
    font-size: 18px;
    line-height: 122%;
    color: #000;
}
.popup__wrapper input[type="text"]::placeholder,
.popup__wrapper input[type="email"]::placeholder,
.popup__wrapper input[type="tel"]::placeholder,
.popup__wrapper textarea::placeholder {
    font-family: var(--ff600);
    color: #000;
}
.popup__wrapper input[type="text"]:focus,
.popup__wrapper input[type="email"]:focus,
.popup__wrapper input[type="tel"]:focus,
.popup__wrapper textarea:focus {
    border-bottom: 2px solid var(--pink);
}
.wpcf7-form-control-wrap {
    display: block;
    width: 100%;
    margin-bottom: 25px;
}
select {
    border-color: transparent;
    border-bottom-color: #000;
}

.social_list .wpcf7-list-item input ~ span {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    opacity: 0.65;
    background-position: center;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    font-size: 0;
    pointer-events: none;
    transition: opacity .2s ease-in-out;
    overflow: hidden;
}

.wpcf7-list-item input:hover ~ span {
    opacity: 0.8;
}
.popup__wrapper input[value="telegram"] ~ span,
.popup__privacy-content input[value="telegram"] ~ span {
    background-image: url(assets/img/social/form-telegram.svg);
}
.popup__wrapper input[value="viber"] ~ span,
.popup__privacy-content input[value="viber"] ~ span {
    background-image: url(assets/img/social/form-viber.svg);
}
.popup__wrapper input[value="whatsapp"] ~ span,
.popup__privacy-content input[value="whatsapp"] ~ span {
    background-image: url(assets/img/social/form-whatsapp.svg);
}
.popup__wrapper input[value="zoom"] ~ span {
    background-image: url(assets/img/social/zoom.svg);
}

.popup__wrapper input[value="skype"] ~ span {
    background-image: url(assets/img/social/skype.svg);
}

.popup__wrapper input[value="email"] ~ span {
    background-image: url(assets/img/social/Mail.svg);
}
.popup__wrapper input[value="phone"] ~ span {
    background-image: url(assets/img/social/Phone.svg);
}
.popup__wrapper .social_list input {
    opacity: 0;
}
.popup__wrapper .social_list input:checked ~ span {
    opacity: 1;
}
.download__field {
    position: relative;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.download__field .wpcf7-form-control-wrap {
    margin-bottom: 0;

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.download__field .wpcf7-form-control-wrap input{
    display: block;
    width: 100%;
    height: 100%;
}
.download__text {
    /*margin-top: -56px;*/
    display: inline-block;
    padding: 18px 9px;
    pointer-events: none;
    font-size: 18px;
    line-height: 122%;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-align: center;
    color: #0a101e;
    border: 1px dashed #0a101e;
}
.submit__btn-wrap {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}
.submit__btn-wrap  input {
    max-width: 280px;
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    font-family: var(--ff500);
    font-size: 20px;
    color: var(--color-white);
    background-color: var(--pink);
    cursor: pointer;
    transition: background-color .2s ease-in-out;
}
.submit__btn-wrap  input:hover {
    background-color: var(--color-blue);
}
.submit__btn-wrap  .wpcf7-spinner {
    position: absolute;
    right: 0;
    top: 50%;
}
/*18/08/ radio*/
.section-check {
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
.radio {
	 margin: 0.5rem;
}
 .radio input[type="radio"] {
	 position: absolute;
	 opacity: 0;
}
.radio-label {
	font-family: var(--ff600);
	font-size: 16px;
}
 .radio input[type="radio"] + .radio-label:before {
	 content: '';
/* 	 background: #f4f4f4; */
	 border-radius: 100%;
	 border: 3px solid #C8D4F5;
	 display: inline-block;
	 width: 1.4em;
	 height: 1.4em;
	 position: relative;
	 top: -0.2em;
	 margin-right: 1em;
	 vertical-align: top;
	 cursor: pointer;
	 text-align: center;
	 transition: all 250ms ease;
}
 .radio input[type="radio"]:checked + .radio-label:before {
	 background-color: var(--pink);
	 box-shadow: inset 0 0 0 2px #fff;
}
 .radio input[type="radio"]:focus + .radio-label:before {
	 outline: none;
/* 	 border-color: #3197ee; */
}
 .radio input[type="radio"]:disabled + .radio-label:before {
	 box-shadow: inset 0 0 0 4px #f4f4f4;
	 border-color: #b4b4b4;
	 background: #b4b4b4;
}
 .radio input[type="radio"] + .radio-label:empty:before {
	 margin-right: 0;
}
/*
 dop 
*/

.section-check .wpcf7-list-item-label {
    display: none;
}

.section-field.position-field,
.section-field.resume-field {
    display: none; 
}

/* Стили для активного состояния кандидата */
.candidate-selected .section-field.company-field,
.candidate-selected .select_wrap:not(.social_list),
.candidate-selected .section-field.vacancy-field,
.select_title {
    display: none; 
}

.candidate-selected .section-field.position-field,
.candidate-selected .section-field.resume-field {
    display: flex; 
}


.radio-label {
    margin-left: 5px; 
}

.select_title,
.social_list-descr {
    margin-bottom: 10px;
    font-weight: bold;
}
/*=================
Outstaffing page
================*/
.outstaffing .plans__item p {
    padding-right: 15%;
    font-size: 22px;
}

.hero__out {
    height: 811px;
    background-image: url("assets/img/out/bg.jpg");
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero__slogan {
    max-width: 720px;
    width: 100%;
}
.hero__slogan-title {
    font-family: var(--ff500);
    font-size: clamp(2.5rem, 1.5027rem + 3.1915vw, 4.375rem);
    line-height: 106%;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.hero__slogan-subtitle {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 24px;
    line-height: 121%;
    margin-bottom: 28px;
}

.benefit {
    color: #0a101e;
    margin-bottom: 60px;
}
.benefit .section__title {
    margin-top: clamp(1.25rem, 0.0864rem + 3.7vw, 3.375rem);
    margin-bottom: 20px;
}
.benefit-sub {
    margin-bottom: 36px;
    font-size: 24px;
    line-height: 1;
    color: #0a101e;
}
.benefit-country {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
}
.benefit-country p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--ff600);
    line-height: 200%;
}
.benefit-country .ua {
    margin-right: 3vw;
}
.benefit .circle {
    display: inline-block;
    margin-right: 10px;
    font-size: 0;
    border-radius: 50%;
    width: 32px;
    height: 32px;
}
.benefit__bottom {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 36px;
    line-height: 161%;
    text-align: center;
    color: #0a101e;
}
.benefit__bottom strong {
    font-weight: 700;
}

.wages {
    max-width: 1000px;
    width: 100%;
}
.wages__item {
    width: 100%;
    margin-bottom: 30px;
}
.wages__item:last-child {
    margin-bottom: 10px;
}
.wages__title {
    margin-top: 10px;
    margin-bottom: 8px;
    font-size: 16px;
    color: #000;
}
.wages__row {
    position: relative;
    width: 100%;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.wages__row > div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 16px;
    border-radius: 0 16px 16px 0;
}
.wages__row-ua {
    z-index: 2;
}
.wages__row-us {
    z-index: 1;
}
.wages__row-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--ff600);
    font-weight: 600;
    font-size: clamp(10px, 0.359rem + 0.8511vw, 18px);
    text-align: center;
    color: #0a101e;
}
.wages__row img {
    display: inline-block;
    font-size: 0;
    margin-right: 3px;
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
}

.wages-price {
    width: 100%;
}
.wages-price .top-text {
    font-size: 13px;
    line-height: 200%;
    text-align: right;
    color: #0a101e;
}
.wages-price .line {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 1px;
    background-color: #0a101e;
}
.wages-price .line-value {
    --percent: calc(100% / 8.4);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.wages-price .line-value-item {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: clamp(12px, 0.6779rem + 0.2885vw, 15px);
}
.wages-price .line-value-item:not(:first-of-type) {
    position: relative;
    -ms-flex-preferred-size: var(--percent);
    flex-basis: var(--percent);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.wages-price .line-value-item:not(:first-of-type)::before {
    position: absolute;
    display: inline-block;
    content: "";
    font-size: 0;
    top: 0;
    left: calc(50% + 2px);
    height: 8px;
    width: 1px;
    border-left: 1px solid #0a101e;
}
.wages-price .line-value-item:first-of-type {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-right: 10px;
}

.myself {
    background: -webkit-gradient(linear, left top, left bottom, from(#e6edff), to(#fff));
    background: linear-gradient(180deg, #e6edff 0%, #fff 100%);
}
.myself .section__title {
    margin-bottom: 30px;
}
.myself__text {
    font-size: clamp(16px, 0.8333rem + 0.7407vw, 24px);
    margin-bottom: 30px;
}
.myself__items {
    padding-top: 30px;
    margin-bottom: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
}
.myself-item {
    width: calc(50% - 15px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
}
.myself-item p {
    margin-top: auto;
    text-align: center;
    font-family: var(--ff500);
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    text-align: center;
}
.myself-item .img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.staff {
    background-image: url("assets/img/out/staff.jpg");
}
.staff .find__text {
    width: 100%;
    max-width: 920px;
}
.staff-subtitle {
    font-size: clamp(24px, 1.125rem + 1.6667vw, 42px);
    line-height: 162%;
    color: var(--color-white);
}
.staff .section__title {
    font-size: clamp(36px, 1.75rem + 2.2222vw, 60px);
}

.fixed .section__title {
    margin-bottom: 30px;
}
.fixed-text {
    font-size: clamp(16px, 0.875rem + 0.5556vw, 22px);
    line-height: 1.3;
    padding-bottom: 15px;
}
.fixed__list {
    margin-top: 30px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 25px 30px;
    margin-bottom: 50px;
}
.fixed__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 28px;
    width: calc(33.3333333333% - 20px);
    font-size: 18px;
    border: 1px solid #0a101e;
}
.fixed__list-item p {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
}
.fixed svg {
    margin-right: 13px;
}

.find__text .text {
    font-size: clamp(16px, 0.875rem + 0.5556vw, 22px);
}
.flex_wrap {
    display: flex;
    align-items: center;
    gap: 20px;
}
.flex_wrap .select_wrap {
    width: 100%;
}
@media (max-width: 767px) {
    .hero__out {
        height: 650px;
        background-size: auto;
    }
    .hero__slogan-title br {
        display: none;
    }
    .benefit-country {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 12px;
    }
    .wages-price .line-value-item:nth-child(even) {
        font-size: 0px;
        -ms-flex-negative: 2;
        flex-shrink: 2;
    }
    .wages-price .line-value-item:nth-child(odd) {
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
    }
    .myself__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .myself .color-pink {
        display: block;
    }
    .benefit__bottom {
        font-size: 19px;
        line-height: 126%;
        text-align: left;
    }
    .fixed__list-item {
        width: calc(50% - 15px);
    }
    .doit-title {
        margin-top: 55px;
    }
	.flex_wrap {
		flex-wrap: wrap;
		gap: 0;
	}
}
@media (max-width: 500px) {
    .outstaffing .find {
        margin-top: 40px;
    }
    .hero__out {
        height: 650px;
    }
    .myself__items {
        padding-top: 25px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-grid-column-align: center;
        justify-self: center;
    }
    .myself-item {
        width: 100%;
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
    }
    .myself__text {
        padding-right: 30vw;
    }
    .hero__out .btn {
        width: 100%;
    }
    .myself-item:nth-of-type(3) {
        padding-top: 20px;
    }
    .fixed__list-item {
        width: 100%;
    }
}
/*============
 * stek
 * ===============*/
.stek {
  background: -webkit-gradient(linear, left top, left bottom, from(#E6EDFF), to(#ffffff));
  background: linear-gradient(#E6EDFF, #ffffff);
}
.stek .section__title {
  margin-bottom: 20px;
}
.stek .fixed-text {
  margin-bottom: 30px;
  font-size: clamp(1rem, 0.8333rem + 0.7407vw, 1.5rem);
}
.stek__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 25px;
}
.stek__list-item {
  width: calc(33.3333333333% - 16.6666666667px);
}
.stek img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .stek__list {
    gap: 15px 25px;
  }
  .stek__list-item {
    width: calc(50% - 12.5px);
  }
}
@media (max-width: 430px) {
  .stek__list {
    max-height: 630px;
    padding-right: 4px;
    overflow-y: scroll;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
    gap: 13px 0;
  }
  .stek__list-item {
    width: 100%;
    scroll-snap-align: top;
  }
  .stek__list::-webkit-scrollbar {
    width: 5px;
  }
  .stek__list::-webkit-scrollbar-thumb {
    width: 2px;
    padding-left: 2px;
    background-color: var(--pink);
    border-radius: 3px;
  }
}
/*===================
End page Outstaffing
============*/
.bg-greys {
    background-color: var(--color-greys);
}
@media (max-width: 992px) {
    .trp_language_switcher_shortcode {
        width: 100%;
    }
    .trp-language-switcher {
        max-width: 100%;
        height: auto;
        width: 100%;
    }

    .trp-language-switcher > div {
        background-color: transparent;
        border: none;
        background-position: calc(100% - 3px) 36px, calc(100% - 3px) calc(1em + 0px);
        padding-left: 0;
    }
    .trp-language-switcher .trp-ls-shortcode-current-language {
        max-width: 100%;
        width: 100% !important;
        padding-right: 0;
    }
    .trp-language-switcher > div > a {
        display: block;
        width: 100%;
        color: var(--color-white);
        padding: 0;
        line-height: 70px;
        border-top: 1px solid rgba(255, 255, 255, 0.16);
        border-radius: 0;
    }
    .trp-language-switcher > div > a:hover {
        color: var(--color-white);
        background-color: transparent;
        border-radius: 0;
    }
    .trp-language-switcher:focus .trp-ls-shortcode-language,
    .trp-language-switcher:hover .trp-ls-shortcode-language {
        max-width: 100%;
        width: 100% !important;
        max-height: fit-content !important;
        background-color: var(--color-text);
        border-radius: 0;
    }
}
 @media (max-width: 767px) {
    .footer .arrow-up {
        width: 46px;
        right: 30px;
    }
	 .hero {
		 height: 100%;
	 }
     .hero__container {
         padding-top: 130px;
     }
     .hero .page__title {
         margin-bottom: 40px;
     }
     .hero .sub-title {
         margin-bottom: 40px;
     }
    .hero__list .swiper-slide-active,
    .hero__list,
    .typed-text {
        font-size: 26px;
    }
    .graph-modal__container {
        padding: 24px;
        width: 99%;
    }
    .graph-modal__close {
        right: 23px;
        top: 23px;
    }
    .graph-modal h2 {
        margin-top: 20px;
        font-size: 28px;
    }
	.form__subtitle {
		display: none;
	}
	 .wpcf7-form select {
		 font-size: 15px;
		background-size: 16px;
		 background-position: 90% 47%;
	 }
    .input_ratio {
        flex-wrap: wrap;
    }
    .select_wrap.social_list .wpcf7-list-item {
        margin-bottom: 8px;
    }
    .social_list-descr {
        font-size: 18px;
    }
    .social_list .wpcf7-list-item input ~ span,
    .select_wrap.social_list label{
        width: 38px;
        height: 38px;
    }
    .select_wrap.social_list label {
        margin: 2px;
    }
    .submit__btn-wrap {
        margin-top: 20px;
    }
    .download__text {
        padding-left: 5px;
        padding-right: 5px;
    }
    .select_wrap.social_list {
        margin-top: 16px;
    }
     .hero__container .hero__list .hero-slide {
         margin-left: 0;
     }

}
@media (max-width: 576px) {
	.team__item:last-of-type {
    	margin-top: -2%;
	}
	.team__item:nth-of-type(9) {
		margin-left: 0;
		margin-right: 0;
	}
}
@media (max-width: 500px) {
    .hero {
        height: 100%;
    }
    .hero__list .swiper-slide,
    .hero__list .swiper-slide-active,
    .hero__list, .typed-text {
        font-size: 20px;
        /*padding: 0;*/
        /*margin-left: 5px;*/
    }
	.section-check {
		gap: 5px;
	}
	.radio {
		margin-right: 0;
		margin-left: 0;
	}
	.radio input[type="radio"] + .radio-label:before {
		margin-right: 5px;
	}
}
@media (max-width: 360px) {
    .radio-label {
    font-family: var(--ff500);
    font-size: 15px;
	display: flex;
    align-items: start;
}
}
@media (hover: none) and (pointer: coarse) {
    .clients__slider  .clients__slider-item:hover img {
        opacity: 1;
        filter: grayscale(0);
    }
}