body {
    margin: 0;
    font-family: 'Helvetica';
    font-size: 18px;
    line-height: 150%;
    color: #41525E;
    background: linear-gradient(180deg, #FFF 0%, #F5F9FD 45.61%, #D6EAFE 100%);
    &.home {
        background: white;
    }
    &.page-template-archive-our_project {
        background-image: url("../img/bg-page-references");
        background-size: 100% auto;
        background-position: top center;
        background-repeat: no-repeat;
    }
}
* {
    box-sizing: border-box;
}
a {
    text-decoration: none;
    color: #41525E;
}
.container {
    width: 100%;
    max-width: min(1570px, 85%);
    padding: 0 20px;
    margin: 0 auto;
}
.title-h2 {
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-align: center;
    color: #2C3E4A;
    margin: 0;
    padding: 40px 0;
}
.title-h3 {
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}
.title-h4 {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.button {
    padding: 6px 8px 6px 20px;
    border-radius: 30px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    background: #2F78C7;
    color: #ffffff;
}
.button.blue {
    /*background: linear-gradient(39deg, #2F78C7 0.24%, #51A3F1 49.04%, #C796FF 100%);*/
}
.button.white {
    color: #2F78C7;
    background: #ffffff;
}
.button span svg path {
    transition: .5s;
}
.button span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    border-radius: 50%;
    transition: .5s;
    margin-left: 10px;
}
.button.white:hover span {
    background: linear-gradient(39deg, #2F78C7 0.24%, #51A3F1 49.04%, #C796FF 100%);
}
.button:hover span {
    background: #ffffff;
}
.button:hover span svg path {
    stroke: #2F78C7;
}
.button.white:hover span svg path {
    stroke: #ffffff;
}
.home header {
    padding: 50px 0;
}
header {
    position: fixed;
    top: 0;
    left: 0;
    padding: 10px 0;
    width: 100%;
    z-index: 99;
    transform: translateY(-100%);
    animation-name: show-header;
    animation-duration: .5s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    transition: .5s;
    border-bottom: 0.5px solid transparent;
}
header.scrolled {
    padding: 10px 0;
    border-bottom: 0.5px solid #FFF;
    background: rgba(255, 255, 255, 0.50);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
}
header.open {
    animation-delay: .5s;
}
@keyframes show-header {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}
header .wrapper-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header .wrapper-header .wrapper-right {
    padding: 6px 6px 6px 30px;
    border-radius: 30px;
    background: #fff;
    display: flex;
    gap: 0 36px;
    font-size: 16px;
    align-items: center;
}
header .wrapper-header .wrapper-right .short-menu {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 36px;
}
header .wrapper-header .wrapper-right .short-menu a {
    color: #41525E;
}
header .wrapper-header .wrapper-right .short-menu a:hover {
    color: #2F78C7;
}
header .wrapper-header .wrapper-right .item>* {
    display: flex;
    align-items: center;
    cursor: pointer;
}
header .wrapper-header .wrapper-right .item i {
    font-style: normal;
    color: #41525E;
}
.page-template-page-digitalisez-php header .wrapper-header .wrapper-right .item i {
    color: #ffffff;
}
header .wrapper-header .wrapper-right span {
    padding: 8px;
    background: #2F78C7;
    border-radius: 50%;
    margin-left: 0;
    display: inline-flex;
}
header .wrapper-header .wrapper-right .item-client span {
    background: none;
    padding: 0;
}
/**/
header .wrapper-header .wrapper-right .item a {
    background: transparent;
    border-radius: 30px;
    transition: 0.3s;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 0;
}
header .wrapper-header .wrapper-right .item a i {
    padding: 0;
    line-height: 1;
    transition: 0.3s;
}
header .wrapper-header .wrapper-right .item a:hover {
    /*background: #2F78C7;*/
}
header .wrapper-header .wrapper-right .item a:hover i {
    color: #2F78C7;
    transition: 0.3s;
}

header .wrapper-header .wrapper-right .item.item-client a span svg path {
    transition: 0.3s;
}
header .wrapper-header .wrapper-right .item.item-client a:hover span svg path {
    /*stroke: #fff;*/
    transition: 0.3s;
}

header .wrapper-header .wrapper-right .item.rdv a {
    padding: 12px 30px;
    background: #2F78C7;
    border: 1px solid #2F78C7;
    border-radius: 30px;
    display: flex;
    align-items: center;
    gap: 8px;
}

header .wrapper-header .wrapper-right .item.rdv a i {
    padding: 0;
    color: white;
}

header .wrapper-header .wrapper-right .item.rdv a:hover {
    background: white;
    color: #2F78C7;
}

header .wrapper-header .wrapper-right .item.rdv a:hover i {
    color: #2F78C7;
}

header .wrapper-header .wrapper-right .item.rdv a:hover svg path {
    stroke: #2F78C7;
}

header .wrapper-header .wrapper-right .item .open-menu {
    background: transparent;
    border-radius: 24px;
    transition: 0.3s;
}
header .wrapper-header .wrapper-right .item .open-menu i {
    padding: 8px 6px 8px 16px;
    line-height: 1;
    transform: translateY(2px);
    transition: 0.3s;
}
header .wrapper-header .wrapper-right .item .open-menu:hover path {
    stroke: white;
}
header .wrapper-header .wrapper-right .item .open-menu:hover {
    background: #2F78C7;
}
header .wrapper-header .wrapper-right .item .open-menu:hover i {
    color: #fff;
    transition: 0.3s;
}
header .wrapper-header .wrapper-right .item .open-menu:hover span {
    cursor: pointer;
}

.pop-up-menu .top-line .wrapper-right .item .close-menu {
    background: transparent;
    border-radius: 24px;
    transition: 0.3s;
}
.pop-up-menu .top-line .wrapper-right .item .close-menu i {
    padding: 8px 6px 8px 16px;
    line-height: 1;
    transform: translateY(2px);
    font-style: normal;
    transition: 0.3s;
}
.pop-up-menu .top-line .wrapper-right .item .close-menu:hover {
    background: #fff;
}
.pop-up-menu .top-line .wrapper-right .item .close-menu:hover i {
    color: #2F78C7;
    transition: 0.3s;
}
.pop-up-menu .top-line .wrapper-right .item .close-menu:hover span {
    cursor: pointer;
}
/**/
.pop-up-menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: rgba(47, 120, 199, 1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 999;
    display: none;
}
.pop-up-menu .wrapper-menu {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    justify-content: space-between;
    overflow-y: auto;
    height: 100vh;
}
.pop-up-menu .top-line {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
}
.pop-up-menu .top-line  .wrapper-right {
    display: flex;
    align-items: center;
}
.pop-up-menu .top-line  .wrapper-right .item>* {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #ffffff;
}
.pop-up-menu .top-line  .wrapper-right span {
    padding: 12px;
    background: #ffffff;
    border-radius: 50%;
    margin-left: 10px;
    display: inline-flex;
    transition: .5s;
}
/*.pop-up-menu .top-line .wrapper-right .close-menu:hover span {*/
/*    background: linear-gradient(39deg, #2F78C7 0.24%, #51A3F1 49.04%, #C796FF 100%);*/
/*}*/
/*.pop-up-menu .top-line .wrapper-right .close-menu:hover span svg path {*/
/*    stroke: #ffffff;*/
/*}*/
.pop-up-menu .bottom-line {
    color: #ffffff;
    padding: 20px 0 11.7vh 0;
}
.pop-up-menu .bottom-line .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.pop-up-menu .bottom-line ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 30px 0;
    margin: 0;
}
.pop-up-menu .bottom-line ul .sub-menu {
    display: none;
}
.pop-up-menu .bottom-line ul li a {
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    color: #ffffff;
    transition: .5s;
}
.pop-up-menu .bottom-line ul:hover li:not(:hover) a {
    opacity: 0.5;
}
.pop-up-menu a {
    color: #ffffff;
}
.pop-up-menu .bottom-line .contact-wrapper {
    display: flex;
    flex-direction: column;
    gap: 53px 0;
    max-width: 360px;
}
.pop-up-menu .bottom-line .contact-wrapper .item:last-child {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    max-width: 250px;
}
.pop-up-menu .bottom-line .contact-wrapper .button {
    width: 100%;
}

/**/
.pop-up-menu .bottom-line ul {
    position: relative;
}
.pop-up-menu .bottom-line ul .sub-menu {
    display: block;
    position: absolute;
    top: 0;
    left: calc(100% - 2px);
    overflow: auto;
    height: 100%;
    padding: 0 30px;
    width: 36vw;
    opacity: 0;
    transition: 0.3s;
    pointer-events: none;
}
.pop-up-menu .bottom-line ul .sub-menu li {
    margin-bottom: 28px;
}
.pop-up-menu .bottom-line ul .sub-menu li a {
    font-size: 24px;
    line-height: 34px;
    font-weight: 400;
}
.pop-up-menu .bottom-line ul .sub-menu li:last-child {
    margin-bottom: 0;
}

.pop-up-menu .bottom-line ul li:hover .sub-menu {
    pointer-events: all;
    opacity: 1;
    transition: 0.3s;
}
@media screen and (max-width: 1084.98px) {
    .pop-up-menu .bottom-line ul .sub-menu {
        width: 30vw;
    }
}
@media screen and (min-width: 992px) {
    .pop-up-menu .bottom-line ul {
        max-width: 390px;
    }
}
@media screen and (max-width: 991.98px) {
    .pop-up-menu .bottom-line ul li.menu-item-has-children {
        padding-right: 40px;
        position: relative;
    }
    .pop-up-menu .bottom-line ul li.menu-item-has-children:before {
        content: '';
        background: url('data:image/svg+xml,<svg width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.41797 0.75L5.91797 5.25L10.418 0.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>')no-repeat center center;
        width: 33px;
        height: 33px;
        background-size: 100% auto;
        position: absolute;
        right: 0;
        top: 18px;
        transform: rotate(0deg);
        transition: 0.3s;
    }

    .pop-up-menu .bottom-line ul .sub-menu {
        position: static;
        display: none;
        pointer-events: all;
        width: 100%;
        padding: 20px 0;
        height: auto;
        overflow: visible;
        opacity: 1;
    }
    .pop-up-menu .bottom-line ul li.menu-item-has-children.active:before {
        content: '';
        background: url('data:image/svg+xml,<svg width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.41797 0.75L5.91797 5.25L10.418 0.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>')no-repeat center center;
        transform: rotate(180deg);
        transition: 0.3s;
    }
}
@media screen and (max-width: 767.98px) {
    .pop-up-menu .bottom-line ul li.menu-item-has-children:before {
        width: 27px;
        height: 27px;
        top: 10px;
    }
}
/**/

.contact-block .wrapper-contact {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.contact-block .wrapper-contact .title-h2 {
    text-align: left;
    padding: 0;
    margin-bottom: 20px;
}
.contact-block .wrapper-contact .left {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 50px 0;
    max-width: 490px;
}
.contact-block .wrapper-link {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.contact-block .wrapper-contact .left .description {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}
.contact-block .wrapper-contact .left .title-h3 {
    margin-bottom: 5px;
}
.contact-block .wrapper-contact .left .wrapper-button {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px 0;
}
.contact-block .wrapper-contact .left .wrapper-social {
    display: flex;
    align-items: center;
    gap: 0 20px;
}
.contact-block .wrapper-contact .left .wrapper-social p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}
.contact-block .wrapper-contact .left .wrapper-social a {
    height: 26px;
}
.contact-block .wrapper-contact .right {
    border-radius: 6px;
    background: #2F78C7;
    width: 60%;
    display: flex;
    align-items: center;
    padding: 75px 20px;
    max-width: 880px;
}
.contact-block .wrapper-contact .wpcf7-form {
    position: relative;
}
.contact-block .wrapper-contact .right .wrapper-form {
    width: 100%;
    max-width: 490px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.contact-block .wrapper-contact .right .title-h2 {
    padding-top: 0;
    color: #ffffff;
    text-transform: none;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px;
    margin-bottom: 24px;
}
.contact-block .wrapper-contact .right .wrapper-form input,
.contact-block .wrapper-contact .right .wrapper-form textarea {
    border-radius: 6px;
    width: 100%;
    background: #4F94DF;
    padding: 26px 16px 4px;
    border: 0;
    outline: none;
    color: #ffffff;
    font-size: 16px;
    font-family: 'Helvetica';
}
.contact-block .wrapper-contact .right .wrapper-form textarea {
    max-height: 128px;
    overflow: auto;
    padding-top: 28px;
}
.contact-block .wrapper-contact .right .wrapper-form textarea::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

.contact-block .wrapper-contact .right .wrapper-form textarea::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(255, 255, 255, .8);
    box-shadow: 0 0 1px rgba(255, 255, 255, .1);
}
.contact-block .wrapper-contact .right .wrapper-form input {
    height: 58px;
}
.contact-block .wrapper-contact .contact__input {
    position: relative;
}
.contact-block .wrapper-contact .contact__input .contact__label {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: -0.14px;
    position: absolute;
    left: 16px;
    top: 20px;
    transition: .5s;
    color: #ffffff;
    pointer-events: none;
}
.contact-block .wrapper-contact .left a:hover:not(.button) {
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: 1px;
}
/*.contact-block .wrapper-contact .left .title-h2 {*/
/*    max-width: 280px;*/
/*}*/
.contact-block .wrapper-contact .contact__input.focus .contact__label {
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -0.12px;
    top: 0;
    right: 10px;
    background: #4F94DF;
}
.contact-block .wrapper-contact .right .button {
    cursor: pointer;
    outline: none;
    border: 0;
    margin-top: 24px;
}
.contact-block .wrapper-contact .wpcf7-not-valid-tip {
    font-size: 14px;
    position: absolute;
    line-height: 1.35;
}
.contact-block .wrapper-contact .wpcf7-response-output {
    color: #fff;
    margin: 0;
    font-size: 16px;
    text-align: center;
}
.contact-block .wpcf7 form.init .wpcf7-not-valid-tip {
    display: none
}
.pop-up-contact {
    background: linear-gradient(219deg, rgba(68, 164, 239, .9) 0.24%, rgba(81, 163, 241, .9) 49.04%, rgba(199, 150, 255, .9) 100%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    position: fixed;
    z-index: 100;
    height: 100vh;
    width: 100%;
    overflow-y: auto;
    padding-top: 80px;
    display: none;
}
.pop-up-contact-in {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.pop-up-contact .contact-block {
    color: #ffffff;
    width: 100%;
}
.pop-up-contact .title-h4 {
    color: #ffffff;
}
.pop-up-contact .wrapper-social svg path {
    stroke: #ffffff;
}
.pop-up-contact .left .button {
    color: #3293DF;
    background: #ffffff
}
.pop-up-contact .left .button svg path {
    stroke: #3293DF;
}
.pop-up-contact .left .button:hover svg path {
    stroke: #ffffff;
}
.pop-up-contact .left .title-h2 {
    color: #ffffff;
}
.pop-up-contact .left .button:hover span {
    background: linear-gradient(39deg, #2F78C7 0.24%, #51A3F1 49.04%, #C796FF 100%);
}
.pop-up-contact .close-menu {
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    margin-left: auto;
    margin-bottom: 20px;
}
.pop-up-contact .close-menu span {
    padding: 12px;
    background: #ffffff;
    border-radius: 50%;
    margin-left: 10px;
    display: inline-flex;
    transition: .5s;
}
footer {
    position: relative;
    margin-top: 72px;
    /*background: radial-gradient(94.25% 94.25% at 83.35% 100%, rgba(146, 202, 255, .79) 0%, rgba(255, 255, 255, 0.00) 100%);*/
}


footer .wrapper-footer {
    display: flex;
    justify-content: space-between;
    padding: 60px 0 0;
    gap: 20px;
}
footer .wrapper-footer .wrapper-info {
    display: flex;
    gap: 30px;
    padding: 0px 0 50px;
}
footer .wrapper-footer .wrapper-info .item {
    min-width: 230px;
    max-width: 230px;
}
footer .wrapper-footer .wrapper-info a:not(.button) {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #41525E;
    cursor: pointer;
}
footer .wrapper-footer .wrapper-info a:not(.button):hover {
    color: #2F78C7;
}
footer .wrapper-footer .wrapper-info a:hover {
    font-weight: 500;
}
footer .wrapper-footer .wrapper-info .button {
    min-width: auto;
}
footer .wrapper-footer .wrapper-info ul,
footer .wrapper-footer .wrapper-info .item{
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 28px;
    padding: 0;
}
footer .wrapper-footer .wrapper-info ul .sub-menu {
    display: none;
}

footer .wrapper-suivez {
    display: flex;
    gap: 20px;
    align-items: center;
}
footer .wrapper-suivez>div {
    display: flex;
    gap: 12px;
    align-items: center;
}

footer .wrapper-suivez>div a {
    display: inline-flex;
}

footer .wrapper-footer .wrapper-info .item p {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}
footer .wrapper-footer .wrapper-info .contact-nous {
    display: flex;
    align-items: center;
}
footer .wrapper-footer .wrapper-info .contact-nous svg {
    /*margin-left: 10px;*/
}
footer .bottom-footer {
    /*background: #2F78C7;*/
    justify-content: space-between;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    padding: 32px 0;
}
footer .bottom-footer .container {
    display: flex;
    justify-content: space-between;
    color: #8AAACD;
}
footer .bottom-footer .right {
    text-align: center;
}
footer .bottom-footer a {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    color: #8AAACD;
}
footer:after {
    content: '';
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    /*padding-bottom: 56.5%;*/
    height: 100%;
    background-image: url("../img/footer-bg-new.jpg");
    background-position: bottom center;
    background-size: cover;
    mix-blend-mode: multiply;
    z-index: -1;
}
/*footer:before {*/
/*    content: '';*/
/*    width: 100%;*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    padding-bottom: 56.5%;*/
/*    background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.78) 100%) lightgray 1920px 980.171px / -100% -96.079% no-repeat;*/
/*    mix-blend-mode: multiply;*/
/*    filter: blur(4px);*/
/*    background-position: bottom center;*/
/*    background-size: cover;*/
/*    z-index: -1;*/
/*}*/
@media only screen and (max-width: 1200px) {
    .home header {
        padding: 10px 0;
    }
    header .wrapper-header .wrapper-right {
        gap: 0 20px;
    }
    header .wrapper-header .wrapper-right .short-menu {
        gap: 0 20px;
    }

    footer .wrapper-footer {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    footer .wrapper-footer .wrapper-info .item {
        min-width: 210px;
    }
}
@media only screen and (max-width: 991px) {
    header .wrapper-header .wrapper-right .short-menu {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    header .wrapper-header .wrapper-right .item i {
        display: none;
    }
    header .wrapper-header .wrapper-right .item.rdv a {
        padding: 0;
    }
    header .wrapper-header .logo svg, .pop-up-menu .logo svg {
        max-width: 150px;
        height: auto;
    }
    header .wrapper-header .wrapper-right {
        padding: 6px;
    }
    header .wrapper-header .wrapper-right span {
        padding: 9px;
        margin-left: 0;
    }
    header .wrapper-header .wrapper-right {
        gap: 0 15px;
    }
    footer .wrapper-footer .wrapper-info {
        display: flex;
        /*padding-bottom: 0;*/
        flex-wrap: wrap;
        gap: 30px 0;
        padding: 30px 0 100px;
    }
    footer .wrapper-footer .logo svg {
        max-width: 100%;
        height: auto;
    }
    footer .wrapper-footer {
        gap: 0;
        align-items: flex-start;
    }
    footer .wrapper-footer .wrapper-info .item {
        min-width: 50%;
    }
    footer .wrapper-footer .logo {
        max-width: 192px;
    }
    footer .bottom-footer .container {
        flex-direction: column;
        text-align: center;
    }
    .contact-block .wrapper-contact {
        flex-direction: column;
    }
    .contact-block .wrapper-contact .left {
        width: 100%;
        gap: 20px 0;
    }
    .contact-block .wrapper-contact .right {
        width: 100%;
        padding: 40px 20px;
        margin-top: 20px;
    }
    .pop-up-contact {
        justify-content: flex-start;
    }
    .pop-up-menu .bottom-line ul li a {
        font-size: 28px;
    }
    .pop-up-menu .bottom-line .wrapper {
        flex-direction: column;
        align-items: flex-start;
        height: 100%;
    }
    .pop-up-menu .bottom-line ul {
        gap: 20px 0;
    }
    .pop-up-menu .bottom-line .contact-wrapper {
        margin-top: 20px;
        gap: 20px 0;
    }

    header .wrapper-header .wrapper-right .item a, header .wrapper-header .wrapper-right .item a:hover, header .wrapper-header .wrapper-right .item a:focus {
        width: 36px;
        height: 36px;
        overflow: hidden;
        min-width: 1px;
        min-height: 1px;
        max-width: none;
        max-height: none;
        justify-content: center;
        align-items: center;
    }
    header .wrapper-header .wrapper-right .item {
        margin-left: 0;
    }
    header .wrapper-header .wrapper-right .item:first-child {
        margin-left: 0;
    }

    header .wrapper-header .wrapper-right .item a i {
        display: none;
    }

    header .wrapper-header .wrapper-right .item a span {
        margin: 0!important;
    }
    header .wrapper-header .wrapper-right .item.item-client a span {
        padding: 0;
    }

    header .wrapper-header .wrapper-right .item .open-menu, header .wrapper-header .wrapper-right .item .open-menu:hover, header .wrapper-header .wrapper-right .item .open-menu:focus {
        width: 36px;
        height: 36px;
        overflow: hidden;
        min-width: 1px;
        min-height: 1px;
        max-width: none;
        max-height: none;
        justify-content: center;
        align-items: center;
    }
    header .wrapper-header .wrapper-right .item .open-menu span {
        margin: 0!important;
    }
}
@media only screen and (max-width: 400px) {
    header .wrapper-header .wrapper-right .item>* {
        font-size: 0;
    }

    header .wrapper-header .wrapper-right {
        gap: 0 2px;
    }

    header .wrapper-header .wrapper-right span {
        margin-left: 5px;
    }

    header .wrapper-header .logo svg, .pop-up-menu .logo svg {
        max-width: 120px;
    }
}

/*no-found*/
.error404 header {
    background: #fff;
    padding: 10px 0;
}
.error404 header .wrapper-header .wrapper-right .item>* {
    color: #000;
}