@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap");
html {
    line-height: 1.1;
}

* {
    box-sizing: border-box;
}

a {
    text-decoration: unset;
    cursor: pointer;
}

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

p {
    margin: 0;
    line-height: 1.2;
}

form {
    margin: 0;
}

body {
    font-family: "Roboto", sans-serif;
    font-family: "Raleway", sans-serif;
}

/**************************/
.blogtitle {
    font-size: 5.2rem !important;
}
.title1 {
    font-size: 6.2rem;
    color: #fff;
    margin: 0 0 3rem;
    font-weight: 100;
}
@media (max-width: 767px) {
    .title1 {
        font-size: 2.8rem;
        margin-bottom: 2rem;
    }
}
.title1 .info {
    display: block;
}

.title2 {
    font-size: 5rem;
    color: #c88a54;
    margin-block: 0 2rem;
    text-align: center;
    font-weight: 100;
}
@media (max-width: 767px) {
    .title2 {
        font-size: 3.5rem;
        margin-block: 1rem;
    }
}

.cap {
    text-transform: uppercase;
}

.subtitle1 {
    font-size: 3rem;
    color: #fff;
    font-weight: 700;
    margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
    .subtitle1 {
        font-size: 2.3rem;
        margin-bottom: 1rem;
    }
}
.subtitle1.italic {
    font-style: italic;
    font-weight: 500;
}

.subtitle2 {
    font-size: 2.6rem;
    color: #fff;
    font-weight: normal;
    margin-bottom: 3rem;
}
@media (max-width: 767px) {
    .subtitle2 {
        font-size: 2rem;
        margin-bottom: 2rem;
    }
}

.title3 {
    font-size: 2.5rem;
    margin-block: 5rem;
}

.title4 {
    font-size: 2.2rem;
    color: #774a20;
    margin: 0 0 1rem;
}
@media (max-width: 767px) {
    .title4 {
        font-size: 2rem;
    }
}

.paragraphe {
    margin-block: 1rem 0.75rem;
}

:root {
    font-size: 10px;
}

body {
    color: #403224;
    font-size: 1.6rem;
    font-weight: 300;
}

.container {
    position: relative;
    max-width: 1200px;
    padding-inline: 1.5rem;
    margin: auto;
    z-index: 1;
}
.container.pad-50 {
    padding-block: 5rem;
}
@media (max-width: 767px) {
    .container.pad-50 {
        padding-block: 3rem;
    }
}
.container.pad-50 .title2 {
    margin-top: 0;
}

.pad-40 {
    padding-block: 4rem;
}
@media (max-width: 767px) {
    .pad-40 {
        padding-block: 2rem;
    }
}

.sticky {
    position: sticky;
    top: 0;
    background-color: #b58252;
    z-index: 10;
}

.grey-bg {
    background-color: #f4f5fa;
}

.beige-bg {
    background-color: rgba(200, 138, 84, 0.13);
}

.marron {
    color: #403224;
}

.hidden {
    overflow: hidden;
}

input,
select {
    border: 1px solid #555;
}

select {
    cursor: pointer;
}

.mb5 {
    margin-bottom: 5rem;
}
@media (max-width: 767px) {
    .mb5 {
        margin-bottom: 3rem;
    }
}

.mb4 {
    margin-bottom: 4rem;
}
@media (max-width: 767px) {
    .mb4 {
        margin-bottom: 2rem;
    }
}

.text-marron {
    color: #403224;
}

.no-mw {
    max-width: unset;
}

.btn-link {
    border: 0.1rem solid;
    padding: 0.5rem 3rem;
    background-color: #c88a54;
    border-color: #c88a54;
}
.btn-link.active {
    font-weight: 100;
    background-color: #fff;
    color: #b58252;
}

.btn-link.filled {
    background-color: #b58252;
    color: #fff;
    border-color: #fff;
}
.btn-link.filled:hover,
.btn-link.filled.active {
    background-color: #fff;
    color: #b58252;
}

.btn {
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    width: -moz-max-content;
    width: max-content;
    white-space: nowrap;
    color: #fff;
    border-radius: 5rem;
}
@media (max-width: 767px) {
    .btn {
        max-width: 33rem;
        font-size: 1.3rem;
    }
}
.btn span {
    padding: 1rem 3rem;
}
@media (max-width: 767px) {
    .btn span {
        max-width: 33rem;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 1rem 1.5rem;
    }
}
.btn span.arrow {
    padding-inline: 1.5rem;
    background-color: #d44e49;
    text-overflow: unset;
}
.btn span.arrow i {
    line-height: normal;
}

.btn-primary span {
    background-color: #c88a54;
}
.btn-primary span:hover {
    background-color: rgba(200, 138, 84, 0.5);
    color: #403224;
}

.btn-secondary {
    color: #403224;
    font-weight: bold;
}
.btn-secondary span {
    background-color: #e8e8db;
}
.btn-secondary span:hover {
    background-color: rgba(232, 232, 219, 0.5);
    color: #fff;
}

.btn-dark span {
    background-color: rgba(43, 43, 43, 0.7490196078);
}
.btn-dark span:hover {
    background-color: #2b2b2b;
}
.btn-dark span.arrow {
    background-color: #2b2b2b;
}

.btn-outline {
    border: 2px solid;
    color: #c88a54;
}
.btn-outline span {
    background-color: transparent;
    font-weight: 600;
}
.btn-outline span:hover {
    background-color: rgba(255, 255, 255, 0.1);
    text-decoration: underline;
}
.btn-outline span.arrow {
    background-color: transparent;
    border-left: 1px solid;
    background-color: rgba(255, 255, 255, 0.1);
}

.block.block-button {
    margin-top: 3rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    -moz-column-gap: 5rem;
    column-gap: 5rem;
    row-gap: 2rem;
}
@media (max-width: 767px) {
    .block.block-button {
        margin-top: 2.5rem;
    }
}
@media (max-width: 767px) {
    .block.block-button .btn {
        width: 100%;
    }
    .block.block-button .btn span.text {
        width: 100%;
        text-align: center;
    }
}

.block-button a,
.block-button button {
    border-radius: 5rem;
    overflow: hidden;
}

button.btn {
    padding: 0;
    border: unset;
    cursor: pointer;
}

.banner .btn-primary span:not(.arrow):hover {
    background-color: rgba(200, 138, 84, 0.5);
}

.banner .btn-secondary span:not(.arrow):hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.radio-group label {
    position: relative;
    padding-left: 3rem;
    cursor: pointer;
}
.radio-group label::before {
    content: "";
    position: absolute;
    display: block;
    height: 1.75rem;
    width: 1.75rem;
    top: 0;
    left: 0;
    background-color: #fff;
    border-radius: 5rem;
    box-shadow: inset 0 0 0 0px #2b2b2b;
    border: 2px solid;
}
.radio-group label:hover {
    color: rgba(43, 43, 43, 0.95);
}
.radio-group input:checked + label {
    color: rgba(43, 43, 43, 0.95);
}
.radio-group input:checked + label::before {
    background-color: #2b2b2b;
    box-shadow: inset 0 0 0 3px #fff;
}
.radio-group input {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    display: none;
}

.select-group {
    position: relative;
}
.select-group select {
    padding-inline: 1.5rem 4rem;
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    background-repeat: no-repeat;
    background-size: 1.5rem;
    background-position: center right 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #403224;
    font-size: 1.7rem;
    font-weight: 400;
    background-color: #fff;
    height: 4.6rem;
    border-radius: 1.5rem;
    width: 100%;
    border: unset;
    text-align: center;
    cursor: pointer;
}
.select-group select:focus {
    border: 1px solid #c88a54;
}
.select-group select:focus-visible {
    outline: unset;
}
.select-group select:invalid {
    color: rgba(64, 50, 36, 0.7);
}
.select-group select option {
    color: #403224;
}
.select-group select[multiple] {
    height: unset;
    padding: 0;
}
.select-group select[multiple] option {
    padding-inline: 1.5rem;
}
.select-group label {
    position: relative;
    color: #c88a54;
    display: flex;
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
}
.select-group label:hover {
    color: #d9625e;
}
.select-group label i {
    position: absolute;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.6rem;
    height: 100%;
    top: 50%;
    translate: 0 -50%;
    pointer-events: none;
}
.select-group label i::before {
    margin-top: -5px;
}
.select-group .opt-area {
    overflow: hidden;
    width: calc(100% - 3rem);
    min-height: 48px;
    border-radius: 4px;
    background-color: #2b2b2b;
    color: #fff;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
    row-gap: 1rem;
    padding: 0 1.5rem;
    cursor: text;
}
.select-group .opt-area ul {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-block: 1rem;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
    row-gap: 1rem;
}
.select-group .opt-area li:not(#inputTerm) {
    background-color: #f4f5fa;
    color: #000;
    padding-block: 0.2rem;
    padding-inline: 0.5rem 2.2rem;
    position: relative;
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap;
}
.select-group .opt-area li:not(#inputTerm)::after {
    content: "×";
    position: absolute;
    right: 0.5rem;
    border-left: 1px solid #555;
    padding-left: 2px;
}
.select-group .opt-area input {
    border: unset;
    background-color: transparent;
    color: #fff;
}
.select-group .opt-area input:focus-visible {
    outline: unset;
}
.select-group .opt-area + select {
    max-height: 20rem;
}
.select-group .opt-area + select option:not(.selected) {
    background-color: transparent;
    color: #fff;
}
.select-group .opt-area + select option.selected {
    background-color: #cecece;
    color: #000;
}
.select-group .opt-area + select.show {
    display: block;
}
.select-group .select-box {
    visibility: hidden;
    position: absolute;
    width: 100%;
    background-color: #2b2b2b;
    padding: 1rem 0;
    max-height: 25rem;
    overflow-y: scroll;
    z-index: 1;
}
.select-group .select-box.visible {
    visibility: visible;
}
.select-group .select-box label {
    padding-inline: 1rem;
    border-radius: unset;
}
.select-group .select-box label input {
    display: none;
}
.select-group .select-box label.selected,
.select-group .select-box label.added {
    background-color: #f4f5fa;
    color: #000;
    border-right: 1px solid;
    border-left: 1px solid;
}

header > .top-header,
nav,
nav ul {
    display: flex;
    align-items: center;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
}

header .top-header {
    display: flex;
    justify-content: space-between;
    height: 11rem;
}
@media (max-width: 767px) {
    header .top-header {
        height: auto;
        padding-block: 2rem;
        flex-wrap: wrap;
    }
}
header .header-logo {
    position: relative;
    height: 100%;
    flex: 1;
    overflow: visible;
}
header .header-logo .logo-chinese-text {
    position: absolute;
    top: 6.9rem;
    left: 48px;
    color: #fff;
    font-size: 2.6rem;
    font-weight: 500;
    letter-spacing: 0.15em;
    white-space: nowrap;
    z-index: 10;
}
.logo-chinese-text-footer {
    color: #fff;
    font-size: 2.6rem;
    font-weight: 500;
    letter-spacing: 0.15em;
    white-space: nowrap;
    z-index: 10;
    text-align: center;
    margin-left: 4.8rem;
}
@media (max-width: 767px) {
    header .header-logo .logo-chinese-text {
        top: 4rem;
        left: 23px;
        font-size: 1.6rem;
    }

    .logo-chinese-text-footer {
        color: #fff;
        font-size: 2rem;
        font-weight: 500;
        letter-spacing: 0.15em;
        white-space: nowrap;
        z-index: 10;
        text-align: center;
        margin-left: 1.5rem;
    }
}

@media (max-width: 370px) {
    .header-logo{
        width: 100px;
    }
}
header .header-logo .slogan {
    position: absolute;
    top: 3.5rem;
    left: 0.2rem;
    color: #d9625e;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    max-width: 258px;
}
header ul {
    font-size: 1.7rem;
    padding: 0;
}
@media (max-width: 1100px) {
    header .menu {
        display: none;
    }
}
header .menu .active:not(.filled) {
    border-bottom: 0.2rem solid;
}
header li {
    white-space: nowrap;
}
header a {
    display: block;
    color: #fff;
    font-weight: 400;
    padding: 0.5rem 0;
    border-bottom: 1px solid transparent;
}
header a:hover {
    border-bottom: 1px solid #fff;
}
header a.active {
    font-weight: 700;
}
header a::first-letter {
    text-transform: capitalize;
}
header a.btn-menu {
    border-color: transparent;
}
header a.home-link {
    border-bottom: none;
}
header a.home-link:hover {
    border-bottom: none;
}
header .lang {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
}
header .lang a {
    padding: unset;
}
header .lang li + li {
    border-left: 1px solid #fff;
    padding-left: 0.5rem;
}
header i {
    font-size: 3.6rem;
}
header .bars-menu {
    margin-left: 15px;
}
header .right-menu {
    position: fixed;
    right: -24rem;
    width: 24rem;
    height: 100vh;
    transition: 0.5s;
    top: 11rem;
}
header .right-menu.open {
    right: 0;
}
header .right-menu::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.34);
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    backdrop-filter: saturate(180%) blur(10px);
    border-radius: 0 0 10px 10px;
}
header .right-menu nav {
    position: relative;
}
header .right-menu ul {
    display: block;
    width: 100%;
    font-size: 1.5rem;
}
header .right-menu li {
    padding: 1rem 3rem;
}
header .right-menu li:nth-child(1) {
    text-align: right;
}
header .right-menu a {
    color: #fff;
}
header .right-menu a:hover,
header .right-menu a.active {
    font-weight: bold;
}
header .right-menu .btn-menu {
    color: #c88a54;
}
header .right-menu .btn-menu:hover {
    color: #c27d41;
}
header .social-media {
    display: none;
    flex: 100%;
    margin-block: 0;
}
@media (max-width: 767px) {
    header .social-media {
        display: block;
    }
}
header .social-media a {
    font-size: 1.2rem;
    padding: 0.3rem 1rem;
}
header .expertises-region {
    transition: 0.5s;
    margin: auto;
    position: absolute;
    width: 100%;
    max-width: 1200px;
    left: 50%;
    transform: translateX(-50%);
    height: 0;
    overflow: hidden;
    top: 80px;
    display: none;
    height: auto;
    top: 11rem;
    color: #fff;
    text-align: center;
}
header .expertises-region nav {
    position: relative;
}
header .expertises-region.open {
    height: 40.5rem;
}
header .expertises-region::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(56, 56, 56, 0.5);
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    backdrop-filter: saturate(180%) blur(10px);
    border-radius: 0 0 10px 10px;
}
@-moz-document url-prefix() {
    header .expertises-region {
        background-color: rgba(56, 56, 56, 0.5);
    }
}
header .expertises-region ul {
    display: block;
    width: 100%;
    font-size: 1.5rem;
    padding-block: 5rem;
}
header .expertises-region li {
    max-width: 28rem;
    margin: auto;
    text-align: center;
    padding: 1rem 3rem;
    border-bottom: 1px solid #fff;
}
header .expertises-region li:nth-child(1) {
    text-align: left;
}
header .expertises-region li.active {
    font-weight: bold;
}
header .expertises-region::before {
    z-index: -1;
}
header .expertises-region:hover {
    display: block;
}
header .expertises-region ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(28rem, 35rem));
    justify-content: space-evenly;
    gap: 1rem;
    padding: 0 3rem;
    list-style: disc;
    overflow: auto;
    max-height: 70vh;
    scrollbar-color: rgba(255, 255, 255, 0.8) rgba(255, 255, 255, 0.2);
    scrollbar-width: thin;
}
header .expertises-region ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.2);
}
header .expertises-region ul::-webkit-scrollbar {
    width: 6px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.2);
}
header .expertises-region ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: rgba(255, 255, 255, 0.8);
}
header .expertises-region li {
    border: unset;
    text-align: left;
    padding-inline: 0;
    max-width: unset;
    width: 100%;
    white-space: initial;
}
header .expertises-region a:hover {
    text-decoration: underline;
    border: unset;
}
header .expertises-region p {
    display: inline-block;
    border-bottom: 1px solid;
    font-size: 2rem;
    margin-block: 1rem;
}
header .expertises-region p a:hover {
    text-decoration: unset;
}
header .expertises-region-link {
    display: flex;
    align-items: center;
    gap: 1rem;
}
header .expertises-region-link i {
    color: #fff;
    font-size: 1.5rem;
    margin-bottom: -4px;
    cursor: pointer;
    position: relative;
}
header .expertises-region-link p a {
    border: unset;
}
header .expertises-region-link a {
    position: relative;
}
header .expertises-region-link a:after {
    content: "";
    height: 7.5rem;
    display: inline-block;
    width: 100%;
    position: absolute;
    left: 50%;
    translate: -50%;
    margin-bottom: -6rem;
}
header .expertises-region-link a:hover {
    color: #fff;
}
header .expertises-region-link a:hover ~ div {
    display: block;
}
header .expertises-region-link:hover .expertises-region {
    display: block;
}
header .expertises-region-link li.active {
    border: unset !important;
}
header .expertises-region-link li.active a {
    font-weight: 600;
}

.home-link {
    width: 300px;
    height: 100%;
    margin-bottom: 3.6rem;
    display: inline-block;
    max-width: 25rem;
    -webkit-clip-path: polygon(0 0px, 95% 0, 95% 100%, 0 100%);
    clip-path: polygon(0 0px, 95% 0, 95% 100%, 0 100%);
}
.home-link img {
    width: 92.5%;
    height: auto;
    padding-bottom: .5rem;
    border-bottom: 1px solid transparent;
    transition: border-color 0.3s ease;
}
.home-link:hover img {
    border-bottom-color: #fff;
}

.block-title {
    max-width: 60rem;
}
.block-title.w-100 {
    max-width: 100%;
}
.block-title.w-70 {
    max-width: 70rem;
}
@media (max-width: 767px) {
    .block-title {
        margin-bottom: 2rem;
        max-width: 85%;
    }
}
.block-title .title1 {
    font-weight: 100;
    position: relative;
    text-shadow: 0px 0px 10px #000;
}
@media (max-width: 767px) {
    .block-title .title1 {
        font-size: 4rem;
    }
}
.block-title .title1::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1rem;
    width: 20rem;
    height: 0.3rem;
    background-color: #fff;
    box-shadow: 0px 0px 10px #000;
}
.block-title + .banner-links {
    flex: 1;
    align-items: flex-end;
}
@media (max-width: 767px) {
    .block-title + .banner-links {
        margin-top: unset;
    }
}

.metiers-it .block-title,
.freelance-banner .block-title,
.besoin-consultant .block-title {
    max-width: 60rem;
}

.block-banner {
    position: relative;
    background-size: cover;
    background-position: center;
    padding-block: 5rem;
}
@media (max-width: 767px) {
    .block-banner {
        padding-block: 2rem;
    }
}
.block-banner::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(
        to right,
        rgba(0, 0, 0, 0.3),
        rgba(255, 255, 255, 0)
    );
    z-index: 1;
}
.block-banner:not(.contact) {
    height: 49rem;
}
@media (max-width: 767px) {
    .block-banner:not(.contact) {
        height: unset;
    }
}
.block-banner .slider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.block-banner .slider-dots {
    margin-bottom: 3rem;
}
.block-banner .slider-dots button {
    font-size: 0;
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    background-color: rgba(252, 230, 210, 0.7);
    border: unset;
}
.block-banner .slider-dots button[aria-selected="true"] {
    background-color: #c88a54;
}
.block-banner .slider-dots .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
}
@media (max-width: 767px) {
    .block-banner .slider-dots {
        display: none;
    }
}
.block-banner .btn:hover span {
    color: #fff;
}

.block-banner:not(.contact) .banner,
.block-banner:not(.rpo) .banner {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: start;
}
.block-banner:not(.contact) .banner .block-title {
    flex: 2;
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .block-banner:not(.contact) .banner {
        height: auto;
    }
}

.block-banner.metiers-it {
    background-image: url("../img/banners/recruitment-need-expertises.jpeg");
}
.block-banner.nos-services {
    background-image: url("../img/banners/teams-talents-presence.jpeg");
    background-position-y: -20px;
}
@media (max-width: 1200px) {
    .block-banner.nos-services {
        background-position: center;
    }
}

.block-banner.un-metier-it {
    background-image: url("../img/banners/executive-search-recruitment-africa-home.jpg");
}

.block-banner.freelance-banner {
    background-image: url("../img/banners/recruitment-experts-africa.jpeg");
}
.block-banner.blog {
    background-image: url("../img/banners/shutterstock_579884275.jpg");
}
.block-banner.blog-index {
    background-image: url("../img/banners/shutterstock_692983039.jpg");
}

.block-banner.depot-mission {
    background-image: url("../img/banners/recruitment-assignment-employers.jpg");
    background-position: top;
}

.banner-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    row-gap: 1.5rem;
}
.banner-links.mt {
    margin-top: 4rem;
}
@media (max-width: 767px) {
    .banner-links.mt {
        margin-top: 2rem;
    }
}

.block-banner.contact {
    background-image: url("../img/banners/contact-banner.png");
}
.block-banner.contact::before {
    background: linear-gradient(
        to left,
        #181618,
        rgba(255, 255, 255, 0.0117647059)
    );
}

.block-banner.besoin-consultant {
    background-position: top center;
}
.block-banner.besoin-consultant.pm {
    background-image: url("../img/besoin-consultants/recruitment-method.jpeg");
    background-position: center top -140px;
}
@media (max-width: 1024px) {
    .block-banner.besoin-consultant.pm {
        background-position: center;
    }
}

.block-banner.ourMethod {
    background-image: url("../img/besoin-consultants/recruitment-method.jpeg");
    background-position: center top -140px;
}
@media (max-width: 1024px) {
    .block-banner.ourMethod {
        background-position: center;
    }
}

.contact .banner-wrapper {
    margin-left: auto;
    min-height: 23rem;
    display: grid;
    place-content: center;
}
@media (max-width: 900px) {
    .contact .banner-wrapper {
        max-width: unset;
    }
}
.contact .banner-wrapper .phone-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    justify-content: center;
}
@media (max-width: 767px) {
    .contact .banner-wrapper .phone-wrapper {
        flex-direction: column;
        margin-top: 2rem;
    }
}
.contact .banner-wrapper .phone-wrapper p {
    color: #e8e8db;
    flex: 50%;
    font-size: 2rem;
    margin: 0;
    text-align: left;
}
@media (max-width: 900px) {
    .contact .banner-wrapper .phone-wrapper p {
        flex: 100%;
        text-align: center;
    }
}
.contact .banner-wrapper .phone-wrapper div:nth-child(2) {
    border-left: 2px solid #e8e8db;
    padding-left: 2rem;
}
@media (max-width: 767px) {
    .contact .banner-wrapper .phone-wrapper div:nth-child(2) {
        border: unset;
        padding: unset;
    }
}

.block-banner.contact {
    color: #fff;
    text-align: center;
}
.block-banner.contact:not(.page) .banner {
    display: flex;
}
@media (max-width: 990px) {
    .block-banner.contact:not(.page) .banner {
        display: unset;
    }
}
.block-banner.contact h2 {
    font-size: 5rem;
    margin: 0 0 2rem;
    font-weight: 100;
}
@media (max-width: 767px) {
    .block-banner.contact h2 {
        font-size: 2.8rem;
        margin-bottom: 0;
    }
}
.block-banner.contact p {
    font-size: 3rem;
    margin: 0 0 1rem;
}
@media (max-width: 767px) {
    .block-banner.contact p {
        font-size: 2.4rem;
    }
}
.block-banner.contact .contact-tel {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-block: 3rem;
    gap: 2rem 4rem;
}
.block-banner.contact .contact-tel p {
    font-size: 2.4rem;
}
.block-banner.contact .separator {
    width: 1px;
    background-color: #fff;
}
@media (max-width: 800px) {
    .block-banner.contact .separator {
        display: none;
    }
}

.block-map-countries {
    display: flex;
    font-size: 1.6rem;
}
@media (min-width: 768px) and (max-width: 990px) {
    .block-map-countries {
        flex-direction: column;
    }
}
@media (max-width: 767px) {
    .block-map-countries {
        flex-direction: column;
    }
}
.block-map-countries > div {
    padding: 4rem 5rem;
}
@media (max-width: 1200px) {
    .block-map-countries > div[class$="-wrapper"] {
        flex: 50%;
        row-gap: 1rem;
    }
}
@media (max-width: 767px) {
    .block-map-countries > div {
        padding: 1.5rem;
    }
}
.block-map-countries h2 {
    color: #c88a54;
}
.block-map-countries .map_base {
    background: url("../img/map/africa_map.png");
    background-repeat: no-repeat;
    filter: drop-shadow(39px 14px 10px rgba(0, 0, 0, 0.1882352941));
}
.block-map-countries .map_base,
.block-map-countries .map_over,
.block-map-countries .map_areas {
    width: 336px;
    height: 399px;
}
.block-map-countries .map-wrapper {
    position: relative;
    background-color: #fce6d2;
    flex: 50%;
    z-index: 2;
}
.block-map-countries .map-wrapper p {
    color: #d9625e;
    font-size: 2.2rem;
    margin: 0;
}
.block-map-countries .map_image {
    width: -moz-max-content;
    width: max-content;
    margin: 3rem auto 0;
    position: relative;
    scale: 1.2;
}
@media (max-width: 990px) {
    .block-map-countries .map_image {
        scale: unset;
        translate: unset;
    }
}
.block-map-countries .map_over {
    position: absolute;
    top: 0;
}
.block-map-countries .map_over,
.block-map-countries .arrow {
    filter: hue-rotate(12deg);
}
.block-map-countries .countries-wrapper {
    flex: 50%;
    background-color: #c88a54;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    padding-right: calc(50% - 600px);
}
@media (max-width: 1200px) {
    .block-map-countries .countries-wrapper {
        padding-right: 5rem;
    }
}
@media (max-width: 767px) {
    .block-map-countries .countries-wrapper {
        grid-template-columns: 1fr 1fr;
        padding: 1.5rem;
    }
}
.block-map-countries .countries-wrapper p {
    grid-column: 1/4;
    border-bottom: 1px solid;
    color: #fff;
    font-size: 2.2rem;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    font-weight: bold;
}
@media (max-width: 767px) {
    .block-map-countries .countries-wrapper p {
        grid-column: 1/3;
    }
}
.block-map-countries .countries-wrapper .country a {
    position: relative;
    white-space: nowrap;
    color: #fff;
    padding-left: 1rem;
    overflow: hidden;
    display: inline-block;
    height: 2rem;
    text-overflow: ellipsis;
}
@media (max-width: 450px) {
    .block-map-countries .countries-wrapper .country a {
        max-width: 15rem;
        text-overflow: ellipsis;
    }
}
.block-map-countries .countries-wrapper .country a.countryHover,
.block-map-countries .countries-wrapper .country a:hover {
    font-weight: bold;
}
.block-map-countries .countries-wrapper .country a.countryHover::before,
.block-map-countries .countries-wrapper .country a:hover::before {
    content: "";
    position: absolute;
    left: -1rem;
    background-image: url("../img/map/arrow_selected_country.png");
    background-repeat: no-repeat;
    background-position: center;
    filter: hue-rotate(337deg);
    display: block;
    width: 20px;
    height: 20px;
}

.block-work-with-us {
    background-color: #edd4bc;
    font-size: 1.8rem;
}
@media (max-width: 990px) {
    .block-work-with-us {
        font-size: 1.6rem;
    }
}
.block-work-with-us .title2 {
    margin-bottom: 3rem;
    font-weight: 100;
    font-size: 4rem;
    color: #403224;
}
@media (max-width: 767px) {
    .block-work-with-us .title2 {
        font-size: 3rem;
    }
}
.block-work-with-us ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    row-gap: 2rem;
}
@media (max-width: 990px) {
    .block-work-with-us ul {
        flex-direction: column;
    }
}
.block-work-with-us ul li {
    flex: 0 48%;
    display: flex;
    align-items: center;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    height: 7rem;
}
.block-work-with-us ul li:nth-child(odd) {
    text-align: right;
    padding-right: 1.5rem;
    justify-content: flex-end;
}
.block-work-with-us ul li:nth-child(even) {
    text-align: left;
    padding-left: 1.5rem;
    justify-content: flex-start;
    border-left: 1px solid;
}
.block-work-with-us ul li:nth-child(even) span {
    order: 1;
}
.block-work-with-us ul li span:hover {
    font-size: 2rem;
}
@media (max-width: 990px) {
    .block-work-with-us ul li {
        row-gap: 2rem;
        flex: 100%;
        flex-direction: column;
    }
    .block-work-with-us ul li:nth-child(n) {
        border: unset;
        text-align: center;
        padding: unset;
    }
    .block-work-with-us ul li i {
        order: 0;
    }
    .block-work-with-us ul li span {
        order: 1;
    }
}
.block-work-with-us ul i {
    font-size: 2.7rem;
}

.block-nos-consultants {
    background-color: rgba(252, 230, 210, 0.25);
}

.nos-consultants {
    font-size: 1.8rem;
}
.nos-consultants h2 {
    color: #403224;
}

.consultants-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    row-gap: 3rem;
}
.consultants-list .consultant-item {
    flex: 0 36rem;
}
.consultants-list .consultant-item a {
    display: grid;
    place-items: center;
}
.consultants-list .consultant-item a:hover img {
    scale: 1.1;
}
.consultants-list .consultant-item h4 {
    color: #403224;
    min-height: 5rem;
    font-weight: 100;
    font-size: 1.8rem;
    text-align: center;
    background-color: rgba(200, 138, 84, 0.75);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding-bottom: 1.5rem;
    width: 100%;
}
.consultants-list .consultant-item span {
    color: #fff;
    background-color: #c88a54;
    border-radius: 5rem;
    padding: 0.75rem 2rem;
    font-size: 1.5rem;
    margin-top: -1.5rem;
}
.consultants-list .miniature {
    max-height: 20rem;
    width: 100%;
    overflow: hidden;
}
.consultants-list .miniature img {
    width: 100%;
    height: 25rem;
    max-width: 100%;
    transition: all 0.5s;
}
@media (max-width: 767px) {
    .consultants-list .miniature img {
        height: 20rem;
    }
}

.voir-plus {
    margin-top: 3rem;
    display: flex;
    justify-content: center;
}
.voir-plus a {
    color: #c88a54;
    border: 1px solid;
    border-radius: 5rem;
    padding: 0.75rem 3rem;
    font-size: 1.6rem;
}

.block-aw-service {
    background-color: #f4f5fa;
    background-image: url("../img/polygonal.png");
    background-size: cover;
    position: relative;
}
.block-aw-service .container {
    display: flex;
    justify-content: center;
    -moz-column-gap: 5rem;
    column-gap: 5rem;
    padding-block: 5rem;
    row-gap: 2rem;
}
@media (max-width: 767px) {
    .block-aw-service .container {
        padding-block: 2rem;
        flex-direction: column;
    }
}

.aw-service {
    display: flex;
    flex-direction: column;
    box-shadow: 2px 6px 24px rgba(0, 0, 0, 0.1607843137);
    flex: 0 450px;
}
.aw-service > .pad.content-text {
    padding: 3rem;
}
@media (max-width: 767px) {
    .aw-service > .pad.content-text {
        padding: 1.5rem;
    }
}
.aw-service .content-img {
    height: 30rem;
}
@media (max-width: 767px) {
    .aw-service .content-img {
        height: 20rem;
    }
}
.aw-service .content-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.aw-service .content-text {
    background-color: #fff;
    box-shadow: 1px 1px 6px 2px rgba(0, 0, 0, 0.15);
    flex: auto;
    font-size: 2rem;
}
.aw-service h2 {
    font-size: 4rem;
    font-weight: 300;
    margin: 0 0 2rem;
}
@media (max-width: 767px) {
    .aw-service h2 {
        font-size: 3.4rem;
    }
}
.aw-service ul {
    font-size: 1.8rem;
    list-style: initial;
    padding-left: 2rem;
}
.aw-service .block-button {
    margin-top: 4rem;
}
.aw-service + .pad-50 {
    padding-top: 0;
}

.recru-process .container:first-child {
    display: block;
    padding-bottom: 0;
}
.recru-process .container:first-child h2 {
    color: #fff;
    margin-inline: auto;
}
.recru-process .container:first-child p {
    color: #fff;
}
.recru-process .container:nth-child(2) {
    flex-wrap: wrap;
}
.recru-process h3 {
    background-color: #c88a54;
    font-size: 3rem;
    font-weight: 100;
    margin: 0;
    color: #fff;
    padding-left: 9rem;
    height: 13rem;
    text-transform: uppercase;
    position: relative;
}
@media (max-width: 990px) {
    .recru-process h3 {
        font-size: 2.4rem;
    }
}
@media (max-width: 767px) {
    .recru-process h3 {
        height: auto;
    }
}
.recru-process h3 span {
    position: absolute;
    background-color: #fff;
    color: #c88a54;
    font-size: 4.5rem;
    font-weight: 400;
    height: 6rem;
    width: 6rem;
    top: -3rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 767px) {
    .recru-process h3 span {
        font-size: 3rem;
        height: 4rem;
        width: 4rem;
        top: -2rem;
    }
}
.recru-process .content-text {
    padding: 0;
}
.recru-process .content-text > * {
    padding: 3rem;
}
@media (max-width: 767px) {
    .recru-process .content-text > * {
        padding: 1.5rem;
    }
}
.recru-process .content-text div p + p {
    margin-top: 1.5rem;
}
.recru-process .content-text div p + ul {
    margin-bottom: 1.5rem;
}
.recru-process .content-text div li {
    font-size: 1.8rem;
}
.recru-process .content-text div li::marker {
    font-size: 1.5rem;
}
.recru-process .aw-service {
    flex: calc(50% - 5rem);
}
.recru-process .aw-service.aw-3 .content-text,
.recru-process .aw-service.aw-4 .content-text {
    background-color: #fce6d2;
}
.recru-process .aw-service.aw-3 p,
.recru-process .aw-service.aw-4 p {
    font-weight: 300;
    margin-bottom: 1.5rem;
}
.recru-process .aw-service.aw-3 a,
.recru-process .aw-service.aw-4 a {
    background-color: #c88a54;
    border-radius: 2rem;
    color: #fff;
    text-align: center;
    display: block;
    padding: 1.5rem;
    margin-block: 2rem;
}

.block-backbone {
    border-bottom: 1px solid #cac6c6;
    background-color: rgba(252, 230, 210, 0.5);
}

.backbone {
    display: flex;
    padding: 3rem 2rem;
}
@media (max-width: 767px) {
    .backbone {
        flex-direction: column;
        padding-inline: unset;
        padding: 0;
    }
}
.backbone .backbone-item {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    display: flex;
    padding-inline: 2rem;
    border-left: 1px solid #cac6c6;
    font-weight: 500;
}
@media (max-width: 767px) {
    .backbone .backbone-item {
        border-left: unset;
        border-top: 1px solid #cac6c6;
        padding-block: 2rem;
    }
}
.backbone .backbone-item:last-child {
    border-right: 1px solid #cac6c6;
}
.backbone i {
    color: #c88a54;
    font-size: 3rem;
}
.backbone span {
    opacity: 0.8;
}

.container.partners {
    padding-block: 2rem 1rem;
}

.partners-logos {
    display: flex;
    justify-content: center;
}
@media (max-width: 767px) {
    .partners-logos {
        padding-block: 1rem;
    }
}
.partners-logos .logo-wrapper {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 12.5rem;
    height: 12.5rem;
    flex: 0 0 12.5rem;
    border-radius: 50%;
    padding: 2rem;
    overflow: hidden;
}
@media (max-width: 767px) {
    .partners-logos .logo-wrapper {
        width: 11rem;
        height: 11rem;
    }
}
.partners-logos .logo-wrapper img {
    width: 100%;
    height: auto;
    transition: 0.5s;
}
.partners-logos.slider {
    max-width: 75rem;
    margin: auto;
}

.howwework-list {
    display: flex;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
}
@media (max-width: 767px) {
    .howwework-list {
        flex-direction: column;
        row-gap: 3rem;
    }
}
.howwework-list .howwework-item {
    position: relative;
    background-color: #fff;
    padding: 2rem 2rem 9rem;
    flex: 35rem;
}
@media (max-width: 767px) {
    .howwework-list .howwework-item {
        flex: unset;
        text-align: center;
    }
}
.howwework-list .howwework-item p {
    font-size: 1.7rem;
}
.howwework-list .howwework-item span {
    position: absolute;
    left: 2rem;
    bottom: 1.5rem;
    font-size: 6rem;
}
@media (max-width: 767px) {
    .howwework-list .howwework-item span {
        left: 50%;
        transform: translateX(-50%);
    }
}

.sought-after h2 {
    color: #403224;
}
.sought-after ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    row-gap: 1.5rem;
    font-size: 1.6rem;
}
.sought-after ul li {
    display: block;
    border: 1px solid transparent;
    padding: 1rem 4rem;
    border-radius: 5rem;
    background-color: #fffcfa;
}
.sought-after ul li:hover {
    border: 1px solid;
}
@media (max-width: 767px) {
    .sought-after ul li {
        text-align: center;
    }
}
.sought-after ul a {
    color: #403224;
}

.block-sought-after {
    background-color: #fce6d2;
    color: #403224;
}
.block-sought-after + .block-sought-after .pad-50 {
    padding-top: 0;
}

#homepage-search-form legend {
    color: #fff;
    font-size: 35px;
}
#homepage-search-form .fieldset-wrapper {
    display: flex;
}
#homepage-search-form input,
#homepage-search-form select {
    font-size: 16px;
    background-color: #dddee1;
    height: 58px;
    border-radius: 50%;
}

.welcome-info {
    max-width: 99rem;
    text-align: center;
}
.welcome-info h2 {
    position: relative;
}
.welcome-info h2 b {
    position: relative;
}
.welcome-info h2 b::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 17.5rem;
    height: 0.3rem;
    background-color: #403224;
}
@media (max-width: 767px) {
    .welcome-info h2 b::after {
        width: 12rem;
    }
}
.welcome-info h2.with-bottom-line {
    color: #403224;
}
.welcome-info h2.with-bottom-line::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -2rem;
    width: 45%;
    height: 0.1rem;
    background-color: #403224;
    left: 50%;
    transform: translateX(-50%);
}
@media (max-width: 767px) {
    .welcome-info h2.with-bottom-line::after {
        bottom: -1.5rem;
    }
}
.welcome-info h2.home-title {
    color: #403224;
    font-size: 5.5rem;
}
@media (max-width: 767px) {
    .welcome-info h2.home-title {
        font-size: 4rem;
    }
}
.welcome-info p {
    font-size: 2.8rem;
    margin-bottom: 2rem;
}
@media (max-width: 767px) {
    .welcome-info p {
        font-size: 2rem;
    }
}
.welcome-info p:last-child {
    margin-bottom: 0;
}
.welcome-info .list {
    font-size: 2.5rem;
    text-align: left;
}
@media (max-width: 767px) {
    .welcome-info .list {
        font-size: 2rem;
    }
}
.welcome-info .list p {
    font-weight: 400;
}
.welcome-info .list ul {
    list-style: inside;
}
.welcome-info .list li::marker {
    color: #c88a54;
}

.block-missions-eff {
    background-color: rgba(252, 230, 210, 0.6);
}
.block-missions-eff .missions-eff {
    padding-inline: 5rem;
}
.block-missions-eff h2 {
    color: #403224;
}
.block-missions-eff .missions {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    font-size: 1.8rem;
    padding-block: 2rem;
    border-block: 1px solid #c88a54;
}
.block-missions-eff .missions .mission-item {
    flex: 0 25rem;
}
.block-missions-eff .missions h5 {
    font-size: 1.8rem;
    font-weight: 500;
    margin: 0;
}
.block-missions-eff .missions p:last-child {
    font-weight: 500;
}
.block-missions-eff .missions .slick-arrow {
    background: unset;
    border: unset;
    cursor: pointer;
}
.block-missions-eff .missions i {
    color: #b58252;
    font-size: 50px;
    text-shadow: 0px 0px 2px #4a4a4a;
}
.block-missions-eff .missions button:nth-child(1) {
    margin-left: -40px;
}
.block-missions-eff .missions button:nth-child(3) {
    margin-right: -40px;
}

.figures-wrapper {
    display: flex;
    justify-content: center;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    row-gap: 2rem;
    text-align: center;
    font-size: 1.5rem;
}
@media (max-width: 767px) {
    .figures-wrapper {
        flex-wrap: wrap;
    }
}
.figures-wrapper .figure-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    row-gap: 1rem;
    flex: 15rem;
}
.figures-wrapper .icon {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 7rem;
    width: 7rem;
}
.figures-wrapper .icon.candidat {
    background-image: url("../img/icon/candidat.png");
}
.figures-wrapper .icon.new-candidat {
    background-image: url("../img/icon/new-candidat.png");
}
.figures-wrapper .icon.firm {
    background-image: url("../img/icon/firm.png");
}
.figures-wrapper .icon.visit {
    background-image: url("../img/icon/visit.png");
}
.figures-wrapper .icon.new-firm {
    background-image: url("../img/icon/new-firm.png");
}
.figures-wrapper .icon.pages {
    background-image: url("../img/icon/pages.png");
}
.figures-wrapper .icon.ads {
    background-image: url("../img/icon/ads.png");
}
.figures-wrapper span {
    display: block;
    font-weight: 400;
}

.slider img {
    -o-object-fit: cover;
    object-fit: cover;
}

.home-slider .slick-list,
.home-slider .slick-track {
    height: 100%;
}

.home-slider-img {
    background-size: cover;
    background-position: center;
}
.home-slider-img.img_1 {
    background-image: url("../img/banners/homepage_header_1.webp");
    background-position: 0 -160px;
}
.home-slider-img.img_2 {
    background-image: url("../img/banners/homepage_header_2.webp");
    background-position: 0 -115px;
}
.home-slider-img.img_3 {
    background-image: url("../img/banners/executive-search-recruitment-africa-home.webp");
    background-position: center;
}
.home-slider-img.img_4 {
    background-image: url("../img/banners/homepage_header_3.webp");
    background-position: 0 -50px;
}
@media (max-width: 990px) {
    .home-slider-img.img_1,
    .home-slider-img.img_2,
    .home-slider-img.img_4 {
        background-position: center;
    }
}
@media (max-width: 600px) {
    .home-slider-img.img_3 {
        background-position: left -190px center;
    }
    .home-slider-img.img_4 {
        background-position: left center;
    }
}

.missions .slick-list {
    margin: 0 -1rem;
}
.missions .slick-list .slick-slide {
    margin: 0 1rem;
}

.block-it-list {
    padding-block: 6rem 8rem;
    background-image: url("../img/polygonal.png");
    background-size: cover;
}

.it-list {
    display: flex;
    font-size: 1.8rem;
    box-shadow: 2px 6px 24px rgba(0, 0, 0, 0.1607843137);
    padding: 0;
}
@media (max-width: 1200px) {
    .it-list {
        margin-inline: 15px;
    }
}
.it-list > div {
    height: 100vh;
    height: calc(100vh - 13rem);
    overflow-y: hidden;
    padding: 3rem 2rem;
}
.it-list .main .it-item-wrapper,
.it-list .sidebar-wrapper {
    overflow-y: scroll;
    height: 100%;
    scrollbar-color: rgba(64, 50, 36, 0.5) rgba(64, 50, 36, 0.2);
    scrollbar-width: thin;
}
.it-list .main .it-item-wrapper::-webkit-scrollbar-track,
.it-list .sidebar-wrapper::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: rgba(64, 50, 36, 0.2);
}
.it-list .main .it-item-wrapper::-webkit-scrollbar,
.it-list .sidebar-wrapper::-webkit-scrollbar {
    width: 6px;
    border-radius: 10px;
    background-color: rgba(64, 50, 36, 0.2);
}
.it-list .main .it-item-wrapper::-webkit-scrollbar-thumb,
.it-list .sidebar-wrapper::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: rgba(64, 50, 36, 0.5);
}
@media (max-width: 767px) {
    .it-list .main .it-item-wrapper,
    .it-list .sidebar-wrapper {
        max-height: 300px;
    }
}
.it-list .sidebar {
    flex: 0 0 40rem;
    background-color: rgba(252, 230, 210, 0.8);
    transition: all 0.5s;
}
@media (max-width: 1200px) {
    .it-list .sidebar {
        flex: 0 0 35rem;
    }
}
.it-list .sidebar li.active a {
    color: #2b2b2b;
    background-color: #fff;
}
.it-list .sidebar h3 {
    margin-top: 0;
}
.it-list .sidebar-wrapper ul {
    width: 90%;
}
.it-list .main {
    flex: auto;
    background-color: #fff;
}
@media (max-width: 990px) {
    .it-list .main .it-item-wrapper {
        max-height: 40rem;
    }
}
.it-list .main .it-item {
    margin-bottom: 2rem;
}
.it-list .main ul {
    list-style: none;
}
.it-list .main ul a {
    padding-inline: 0;
}
.it-list h2 {
    color: #403224;
    text-align: unset;
    margin: 0;
    font-size: 3rem;
}
.it-list h3 {
    color: #403224;
    margin: 0;
    margin-block: 0 2rem;
    text-align: unset;
    font-size: 3.5rem;
    font-weight: 100;
    text-transform: uppercase;
    font-weight: 400;
}
@media (max-width: 767px) {
    .it-list h3 {
        font-size: 3rem;
    }
}
.it-list p {
    font-weight: 600;
    color: #403224;
    border-block: 1px solid rgba(64, 50, 36, 0.3);
    padding-block: 0.5rem;
    margin-right: 3rem;
}
.it-list a {
    display: block;
    color: #403224;
    padding: 1rem 1.5rem;
    font-weight: 400;
}
.it-list a:hover {
    background-color: rgba(200, 138, 84, 0.35);
}
.it-list a.active {
    background-color: rgba(200, 138, 84, 0.35);
}
.it-list .main-list {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
}
.it-list .main-list li {
    flex: calc(50% - 2rem);
}
@media (max-width: 500px) {
    .it-list .main-list li {
        flex: 100%;
    }
}
.it-list .main-list .li-expert {
    flex: calc(25% - 2rem);
}
.it-list .main-list a {
    padding-block: 0;
}
@media (max-width: 990px) {
    .it-list {
        flex-direction: column;
    }
    .it-list .main {
        height: auto;
    }
}

.it-list-mobile {
    display: none;
}
@media (max-width: 990px) {
    .it-list-mobile {
        display: block;
    }
}

.block-consultants-inscrits h2 {
    color: #403224;
}
.block-consultants-inscrits + .block-consultants-inscrits .pad-50 {
    padding-top: 0;
}

.table-wrapper {
    background-color: #fff;
    border: 1px solid rgb(228, 228, 228);
    text-align: left;
    color: #40455b;
    padding: 1.5rem 3rem;
    background-color: #fcfcfc;
}
.table-wrapper caption {
    color: #c88a54;
    text-align: left;
    font-size: 2rem;
    font-weight: 700;
    padding: 1rem 0.3rem;
}
@media (max-width: 767px) {
    .table-wrapper caption {
        font-size: 1.8rem;
    }
}
.table-wrapper th,
.table-wrapper td {
    line-height: normal;
    vertical-align: top;
    color: #555;
}
.table-wrapper th {
    white-space: nowrap;
    text-align: left;
    min-width: 20rem;
}
.table-wrapper .offshore-country {
    padding-block: 2rem 1rem;
    margin-top: 2rem;
    text-align: center;
    /* border-top: 1px solid #c88a54; */
    line-height: normal !important;
    vertical-align: top;
    color: #555 !important;
    font-weight: 400;
}
.region {
    border-top: 1px solid #c88a54;
    border-bottom: 1px solid #c88a54;
    margin-bottom: 1rem;
}
.table-wrapper .offshore-country + .link-wrapper {
    padding-top: 0;
}
.table-wrapper .link-wrapper {
    display: flex;
    justify-content: flex-end;
    padding-block: 0 1.5rem;
}
@media (max-width: 767px) {
    .table-wrapper .link-wrapper {
        justify-content: center;
        padding-top: 1.5rem;
    }
}
.table-wrapper .link-wrapper a {
    font-size: 1.6rem;
    background-color: #c88a54;
    border-radius: 5rem;
    overflow: hidden;
}
.table-wrapper .link-wrapper a:hover {
    color: #403224;
    background-color: #fdf0e2;
}
@media (max-width: 767px) {
    .table-wrapper .link-wrapper a {
        font-size: 1.4rem;
    }
}
.table-wrapper + .table-wrapper {
    border-top: unset;
}
.table-wrapper:hover {
    background-color: #fce6d2;
}
@media (max-width: 767px) {
    .table-wrapper {
        padding-inline: 2rem;
    }
    .table-wrapper tr {
        display: flex;
        flex-direction: column;
    }
    .table-wrapper th {
        padding-bottom: 0.5rem;
    }
    .table-wrapper td {
        padding-top: 0;
    }
}

.block-info-inscription {
    background-color: #fce6d2;
}

.info-inscription > div + div {
    border-top: 1px solid #403224;
    margin-top: 4rem;
    padding-top: 4rem;
}
@media (max-width: 767px) {
    .info-inscription > div + div {
        margin-top: 3.5rem;
        padding-top: 2.5rem;
    }
}
.info-inscription .title3 {
    margin-block: 0 2.5rem;
}
@media (max-width: 767px) {
    .info-inscription .title3 {
        margin-bottom: 1.5rem;
    }
}
.info-inscription .block-button {
    margin-top: 4rem;
}
@media (max-width: 767px) {
    .info-inscription .block-button {
        margin-top: 2rem;
    }
}
.info-inscription .block-button a {
    font-size: 2rem;
    font-weight: 400;
}
@media (max-width: 767px) {
    .info-inscription .block-button a {
        font-size: 1.8rem;
    }
}
.info-inscription .block-button a:hover span {
    color: #403224;
    background-color: rgba(200, 138, 84, 0.5);
}
.info-inscription p {
    font-size: 1.8rem;
}

.block-consultants-inscrits + .block-consultants-inscrits .un-metier-it {
    padding-top: 0;
}

.un-metier-it h2 {
    color: #30251b;
    font-weight: 400;
}
.un-metier-it .table-wrapper {
    max-width: 90rem;
    margin: auto;
    border-radius: 2.5rem;
}
.un-metier-it .table-wrapper .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-block: 1rem;
}
.un-metier-it .table-wrapper .tags span {
    background: rgba(0, 0, 0, 0.5);
    padding: 0.1rem 1rem;
    border-radius: 0.5rem;
    color: #fff;
}
.un-metier-it .table-wrapper + .table-wrapper {
    margin-top: 3rem;
}
.un-metier-it caption {
    color: #c88a54;
}
.un-metier-it .link-wrapper {
    justify-content: center;
    padding-block: 2rem;
}
@media (max-width: 767px) {
    .un-metier-it .link-wrapper {
        padding-inline: 1rem;
    }
}
.un-metier-it .link-wrapper a {
    font-weight: 400;
}
.un-metier-it .link-wrapper a span {
    padding-inline: 5rem;
}
@media (max-width: 767px) {
    .un-metier-it .link-wrapper a span {
        padding-inline: 1.5rem;
    }
}

.block-welcome-info.specialistes-it .btn {
    font-size: 2.4rem;
}
@media (max-width: 767px) {
    .block-welcome-info.specialistes-it .btn {
        font-size: 1.6rem;
    }
}

.block-our-office {
    background-color: #403224;
    color: #fce6d2;
    position: relative;
    background-image: url("../img/polygonal.png");
    background-size: cover;
}
.block-our-office::before {
    content: "";
    background-color: #403224;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0.7;
}
.block-our-office h2 {
    color: inherit;
    text-align: left;
    font-size: 4rem;
}
@media (max-width: 767px) {
    .block-our-office h2 {
        font-size: 3rem;
    }
}
.block-our-office .content {
    display: flex;
}
.block-our-office .content > div {
    flex: 0 50%;
}
@media (max-width: 767px) {
    .block-our-office .content > div {
        flex: 100%;
    }
}
.block-our-office .countries-wrapper {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    border-block: 2px solid;
    gap: 1rem;
    padding-block: 2rem;
}
@media (max-width: 600px) {
    .block-our-office .countries-wrapper {
        grid-template-columns: 1fr 1fr;
    }
}
.block-our-office a {
    color: inherit;
}
.block-our-office a:hover,
.block-our-office a.countryHover,
.block-our-office a.onCountryHover {
    font-weight: bold;
    text-decoration: underline;
}
.block-our-office .country-office {
    display: flex;
    margin-top: 3rem;
    -moz-column-gap: 5rem;
    column-gap: 5rem;
}
@media (max-width: 767px) {
    .block-our-office .country-office {
        flex-direction: column;
        margin-top: 1rem;
        row-gap: 2rem;
    }
}
.block-our-office .country-office p {
    font-size: 2.2rem;
}
.block-our-office .country-office span {
    font-size: 2.8rem;
    display: block;
}
@media (max-width: 767px) {
    .block-our-office .country-office span {
        font-size: inherit;
        display: inline;
    }
}
.block-our-office .country-office ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem 3rem;
}
.block-our-office .countries-map {
    display: flex;
    justify-content: center;
}
@media (max-width: 767px) {
    .block-our-office .countries-map {
        position: absolute;
        top: 50%;
        left: 50%;
        translate: -50% -50%;
        z-index: -1;
        opacity: 0.4;
    }
}
.block-our-office .map_base {
    background: url("../img/map/africa_map.png");
    background-repeat: repeat;
    background-repeat: no-repeat;
    filter: drop-shadow(39px 14px 10px rgba(0, 0, 0, 0.1882352941));
}
.block-our-office .map_base > div {
    background-repeat: no-repeat;
}
.block-our-office .map_image {
    transform-origin: 0 0;
    scale: 1.1;
}

.depot-mission .block-title {
    margin-bottom: 2.5rem;
}

.block-steps {
    font-size: 2rem;
    color: #fff;
}
@media (max-width: 767px) {
    .block-steps {
        font-size: 1.8rem;
    }
}
.block-steps h5 {
    font-size: 2.5rem;
    margin: 0 0 1.5rem;
}
@media (max-width: 767px) {
    .block-steps h5 {
        font-size: 2.2rem;
    }
}
.block-steps li {
    margin-bottom: 1rem;
}
.block-steps span {
    font-weight: 700;
}

.block-depot-mission {
    font-size: 1.8rem;
}
.block-depot-mission .form-group {
    margin-bottom: 3rem;
}
.block-depot-mission .form-group p {
    margin-bottom: 2rem;
}
.block-depot-mission h3 {
    font-size: 3rem;
    font-weight: 400;
    margin: 0 0 3rem;
}
.block-depot-mission .captcha {
    display: flex;
    justify-content: center;
}
.block-depot-mission .captcha .recaptcha-checkbox-border {
    border: unset;
    border-radius: 50%;
}
.block-depot-mission .captcha #recaptcha-anchor {
    border: 2px solid red;
    border-radius: 50%;
    overflow: hidden;
}
.block-depot-mission button {
    font-size: 1.9rem;
    border-radius: 2rem;
}
.block-depot-mission button span {
    padding: 1.5rem 5rem;
    width: 100%;
}
.block-depot-mission button i {
    position: absolute;
    left: 50%;
    translate: -50%;
    color: #c88a54;
    font-size: 4rem;
    animation: spin 1s linear infinite;
    display: none;
}
.block-depot-mission button.disable {
    pointer-events: none;
    border: 1px solid #c88a54;
}
.block-depot-mission button.disable span {
    background-color: #f4f5fa;
}
.block-depot-mission button.disable i {
    display: block;
}

@keyframes spin {
    0% {
        rotate: -360deg;
    }
    100% {
        rotate: 360deg;
    }
}
.info-contact {
    position: relative;
    background-color: #ff6c67;
    color: #fff;
    font-size: 2.4rem;
    padding-right: 30px;
}
@media (max-width: 767px) {
    .info-contact {
        font-size: 2rem;
    }
}
.info-contact::before {
    content: "";
    position: absolute;
    left: -100%;
    top: -5rem;
    bottom: -5rem;
    background-color: #ff6c67;
    right: 0;
    z-index: -1;
}
@media (max-width: 990px) {
    .info-contact::before {
        right: -100%;
        top: -3rem;
        bottom: -3rem;
    }
}
.info-contact h2 {
    font-size: 4.5rem;
    margin: 0 0 2rem;
}
@media (max-width: 767px) {
    .info-contact h2 {
        font-size: 3.5rem;
        margin-bottom: 1rem;
    }
}
.info-contact div {
    margin-top: 4rem;
}
@media (max-width: 767px) {
    .info-contact div {
        margin-top: 2rem;
    }
}
.info-contact div p {
    display: flex;
    align-items: center;
}
.info-contact div p:first-child {
    font-weight: bold;
}
.info-contact div .info {
    margin: 1rem 0 0 3rem;
}
.info-contact i {
    font-size: 3rem;
    margin-right: 1rem;
}

.block-input {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    row-gap: 1.5rem;
    margin-bottom: 2rem;
}
.block-input h4 {
    font-size: 2rem;
    flex: 100%;
    margin: 0;
}
.block-input input,
.block-input select {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #403224;
    font-size: 1.7rem;
    font-weight: 400;
    background-color: #fff;
    height: 4.6rem;
    border-radius: 1.5rem;
    width: 100%;
    border: unset;
    text-align: center;
    padding-inline: 1.5rem;
    box-sizing: border-box;
}
.block-input input:focus-visible,
.block-input select:focus-visible {
    outline: 1px solid #c88a54;
}
.block-input input::-moz-placeholder,
.block-input select::-moz-placeholder {
    opacity: 1;
    color: rgba(64, 50, 36, 0.7);
}
.block-input input::placeholder,
.block-input input:invalid,
.block-input select::placeholder,
.block-input select:invalid {
    opacity: 1;
    color: rgba(64, 50, 36, 0.7);
}
.block-input .text-group {
    flex: 100%;
}
.block-input textarea {
    box-sizing: border-box;
    border-radius: 1.5rem;
    padding: 1.5rem;
    width: 100%;
    min-height: 6rem;
    resize: none;
    position: relative;
    left: 1px;
    border: 1px solid #fff;
    outline: unset;
}
.block-input textarea:focus {
    border: 1px solid #c88a54;
}
@media (max-width: 767px) {
    .block-input textarea {
        min-height: 8rem;
    }
}
.block-input .iti {
    width: 100%;
}
.block-input .iti--allow-dropdown .iti__flag-container .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 1.5rem 0 0 1.5rem;
    border: 5px solid #f2f2f2;
}
.block-input .iti__country-list {
    list-style: unset !important;
    width: clamp(100%, 49vw, 59rem);
}
@media (max-width: 767px) {
    .block-input .iti__country-list {
        width: clamp(100%, 93vw, 59rem);
    }
}

.info-perso .block-input {
    display: flex;
}
.info-perso .block-input .input-group {
    width: 100%;
}
@media (min-width: 767px) {
    .info-perso .block-input .input-group {
        width: unset;
        flex: auto;
    }
}
@media (min-width: 767px) {
    .info-perso .block-input select {
        flex: auto;
    }
}
@media (min-width: 767px) {
    .info-perso .select-group {
        max-width: 20rem;
    }
}

.error {
    border: 1px solid #dc3545 !important;
}

.error-msg {
    color: #dc3545;
    font-size: 14px;
    width: 100%;
    margin-top: -0.5rem;
}

.info-perso .error-msg,
.select-group .error-msg {
    margin-top: 0.5rem;
}

.validation-info {
    display: none;
    position: fixed;
    padding: 1rem;
    color: #fff;
    background-color: #dc3545;
    box-shadow: 0 0 3px #000;
    top: 11rem;
    z-index: 10;
}
.validation-info.sticky {
    position: sticky;
    top: 0;
}

.welcome-info.depot-mission {
    max-width: 1200px;
    margin: auto;
}
.welcome-info.depot-mission h2 {
    max-width: 99rem;
    margin-inline: auto;
}

.block-popup.success-info i {
    display: grid;
    place-items: center;
    color: green;
    font-size: 10rem;
}
.block-popup.success-info h2.title2 {
    font-size: 3.6rem;
    font-weight: 400;
    margin-bottom: 1.5rem;
}
.block-popup.success-info .popup-body {
    text-align: center;
}
.block-popup.success-info .popup-body p {
    font-size: 1.8rem;
    color: #403224;
}

.to-deposer-mission {
    position: fixed;
    right: 3rem;
    bottom: 3rem;
    display: flex;
    place-items: center;
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
    color: #191970;
    border: 1px solid #191970;
    gap: 0rem;
    height: 5rem;
    font-size: 2.5rem;
    padding: 1rem;
    transition: 0.5s;
    overflow: hidden;
    z-index: 9;
}
.to-deposer-mission span {
    display: grid;
    grid-template-columns: 0px;
    font-size: 1.5rem;
    font-weight: bold;
    color: #fff;
    transition: 0.5s;
    white-space: nowrap;
    visibility: hidden;
}
.to-deposer-mission:hover,
.to-deposer-mission.show {
    gap: 1rem;
    background-color: #c88a54;
    color: #fff;
}
.to-deposer-mission:hover span,
.to-deposer-mission.show span {
    grid-template-columns: 1fr;
    font-size: 1.5rem;
    visibility: visible;
    text-decoration: underline;
}
.to-deposer-mission.show span {
    grid-template-columns: 1fr;
}

.to-deposer-mission.show span:not(:hover) {
    text-decoration: unset;
}

/* 
 */
.mx-auto {
    margin: 0 auto !important;
}
.text-center {
    text-align: center;
}
.home-img {
    width: 100%;
    margin: 60px auto;
    text-align: center;
}
.to-mission-rpo {
    position: fixed;
    right: 3rem;
    bottom: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    place-items: center;
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
    color: #191970;
    border: 1px solid #191970;
    gap: 0rem;
    height: 5rem;
    font-size: 2.5rem;
    padding: 1rem;
    transition: 0.5s;
    overflow: hidden;
    z-index: 9;
}
.to-mission-rpo span {
    display: grid;
    grid-template-columns: 0px;
    font-size: 1.5rem;
    font-weight: bold;
    color: #fff;
    transition: 0.5s;
    white-space: nowrap;
    visibility: hidden;
}
.to-mission-rpo:hover,
.to-mission-rpo.show {
    gap: 1rem;
    background-color: #c88a54;
    color: #fff;
}
.to-mission-rpo:hover span,
.to-mission-rpo.show span {
    grid-template-columns: 1fr;
    font-size: 1.5rem;
    visibility: visible;
    text-decoration: underline;
}
.to-mission-rpo.show span {
    grid-template-columns: 1fr;
}

.to-mission-rpo.show span:not(:hover) {
    text-decoration: unset;
}
@media (max-width: 700px) {
    .to-deposer-mission {
        grid-template-columns: 3rem auto;
    }
    .to-deposer-mission span {
        font-size: 1.5rem;
    }
}

.floating-up.show {
    display: block !important;
    top: 110px;
    margin: 0;
    padding-block: 10rem;
    z-index: 10;
}
.floating-up.show .validation-info {
    position: sticky;
    top: 0;
    z-index: 2;
}

#scrollToForm span {
    font-size: 1.9rem;
    padding: 1.5rem 5rem;
}

#wf-help-msg a {
    color: inherit;
    text-decoration: underline;
}
#wf-help-msg a:hover {
    text-decoration: unset;
}

#demande .select-group {
    max-width: 100%;
}

.block-info {
    display: flex;
    position: relative;
    color: #403224;
    font-size: 1.8rem;
}
.block-info::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.block-info h1,
.block-info h2 {
    color: #c88a54;
}
.block-info .btn span {
    width: 100%;
    text-align: center;
    max-width: 50rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
.block-info .block-button form {
    width: 100%;
}
.block-info .container {
    display: flex;
    -moz-column-gap: 5rem;
    column-gap: 5rem;
}
.block-info .container div {
    flex: 0 50%;
}
@media (max-width: 990px) {
    .block-info .container div {
        flex: 100%;
    }
}
.block-info p {
    margin-bottom: 1rem;
}
.block-info p span {
    font-weight: 400;
}
.block-info p.little-desc {
    font-size: 4rem;
    text-align: center;
}
@media (max-width: 990px) {
    .block-info p.little-desc {
        font-size: 3rem;
    }
}
@media (max-width: 990px) {
    .block-info .content-img {
        display: none;
    }
}
.block-info .content-text {
    display: grid;
    grid-template-rows: max-content auto max-content;
    text-align: justify;
}
.block-info .content-text.right {
    margin-right: 0;
    order: 1;
}
@media (max-width: 990px) {
    .block-info .content-text.right {
        margin: 0;
    }
}
@media (max-width: 990px) {
    .block-info .content-text {
        margin: 0;
        padding: 2rem;
        background-color: rgba(255, 255, 255, 0.85);
    }
}
@media (max-width: 767px) {
    .block-info .content-text {
        display: block;
        width: 100%;
    }
}
.block-info .bg,
.block-info .content-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.block-info .bg.about,
.block-info .content-img.about {
    background-image: url("../img/banners/recruitment-assignment-employers.jpg");
}
.block-info .bg.methode,
.block-info .content-img.methode {
    background-image: url("../img/about/method.jpg");
    background-position: left center;
}
@media (min-width: 991px) {
    .block-info .bg.methode .btn span:not(.arrow),
    .block-info .content-img.methode .btn span:not(.arrow) {
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
.block-info .bg.mission,
.block-info .content-img.mission {
    background-image: url("../img/about/mission.jpg");
}
.block-info .bg.mission .content-img,
.block-info .content-img.mission .content-img {
    min-height: 40rem;
}
.block-info .bg.valeur,
.block-info .content-img.valeur {
    background-image: url("../img/about/values.jpg");
}
.block-info .bg {
    width: 100%;
}
@media (min-width: 991px) {
    .block-info .bg.about,
    .block-info .bg.methode,
    .block-info .bg.valeur,
    .block-info .bg.mission {
        background: unset;
    }
}
.block-info .block-button {
    justify-content: flex-start;
}
.block-info h1,
.block-info h2 {
    font-size: 3.2rem;
    margin-block: 0 2rem;
}
@media (max-width: 767px) {
    .block-info h1,
    .block-info h2 {
        margin-bottom: 1.5rem;
    }
}

.block-banner.besoin-consultant .subtitle1 {
    font-weight: unset;
    color: #f4f5fa;
}
.block-banner.besoin-consultant .btn span {
    padding-block: 1.5rem;
    font-weight: 400;
}

.block-nav {
    font-size: 1.8rem;
    background-color: rgba(85, 85, 85, 0.1);
}
.block-nav .nav-list {
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 767px) {
    .block-nav .nav-list {
        flex-direction: column;
    }
}
.block-nav .nav-list a {
    flex: auto;
    height: 6rem;
    padding-inline: 3rem;
    display: flex;
    align-items: center;
    color: #555;
    font-weight: 700;
}
.block-nav .nav-list a:hover {
    background-color: rgba(217, 98, 94, 0.8);
    color: #fff;
}
@media (max-width: 767px) {
    .block-nav .nav-list a {
        width: 100%;
        justify-content: center;
    }
}

.block-text {
    font-size: 1.8rem;
    color: #403224;
    background-color: rgba(252, 230, 210, 0.25);
}
.block-text h2 {
    color: #403224;
    margin-bottom: 1.5rem;
}
.block-text h3 {
    margin-bottom: 1rem;
}
.block-text ul {
    list-style: circle;
    padding-left: 4rem;
}
@media (max-width: 767px) {
    .block-text ul {
        padding-left: 2rem;
    }
}
.block-text .pad-50 {
    padding-bottom: 0;
}
.block-text .btn span {
    padding-block: 1.5rem;
    font-weight: 400;
}

.page-consultant .consultants-list > div {
    flex: 0 25rem;
}
@media (max-width: 767px) {
    .page-consultant .consultants-list > div {
        flex: 0 30rem;
    }
}
.page-consultant .consultants-list > div img {
    height: 15rem;
}
@media (max-width: 767px) {
    .page-consultant .consultants-list > div img {
        height: 20rem;
    }
}
.page-consultant .title2 {
    margin-bottom: 1rem;
}
.page-consultant .title2 + p {
    font-size: 2.5rem;
    color: #555;
    font-weight: 700;
    text-align: center;
    margin-bottom: 4rem;
}
@media (max-width: 767px) {
    .page-consultant .title2 + p {
        font-size: 2rem;
    }
}

.list-offers {
    font-size: 1.8rem;
    font-weight: 400;
    border-radius: 2rem;
    position: relative;
}
.list-offers button {
    position: absolute;
    right: 3rem;
    background: #403224;
    color: #fff;
    border: 1px solid;
    padding: 0.5rem 1.5rem;
    top: 25px;
    cursor: pointer;
}
.list-offers button:hover span {
    border-bottom: 1px solid #fff;
    margin: 0;
    padding-block: 0.5rem 0;
}
.list-offers a {
    color: inherit;
}
.list-offers h3 {
    margin-block: 1.5rem;
    width: calc(100% - 84px);
}
@media (max-width: 767px) {
    .list-offers h3 {
        margin-top: 1rem;
    }
}
.list-offers .description {
    font-weight: 100;
}
.list-offers * {
    margin-bottom: 1rem;
}
.list-offers + .list-offers {
    margin-top: 2rem;
}
.list-offers + .banner-links {
    margin-top: 5rem;
}
@media (max-width: 767px) {
    .list-offers + .banner-links {
        margin-top: 2.5rem;
    }
}
.list-offers-info {
    display: flex;
    justify-content: flex-end;
}
.list-offers-info .btn {
    margin: 0;
    max-width: 100%;
}
.list-offers-info span {
    border-radius: 5rem;
    margin: 0;
}
@media (max-width: 767px) {
    .list-offers-info span {
        font-size: 1.4rem;
    }
}

.services-page h2 {
    margin: 0 0 2rem;
}
.services-page h2 + p {
    margin-bottom: 5rem;
}
@media (max-width: 767px) {
    .services-page h2 + p {
        margin-bottom: 2rem;
    }
}

section.block-depot-mission.floating {
    max-width: 120rem;
}
section.block-depot-mission.floating input,
section.block-depot-mission.floating select,
section.block-depot-mission.floating i {
    height: 3.6rem;
}
section.block-depot-mission.floating .btn-primary {
    background-color: #c88a54;
    color: #fff;
    padding: 0;
    max-width: 390px;
}
section.block-depot-mission.floating .btn-primary:hover {
    background-color: rgba(200, 138, 84, 0.5);
}
section.block-depot-mission.floating h2 {
    font-size: 4.5rem;
    font-weight: 100;
    margin-block: 0 2rem;
}
section.block-depot-mission.floating p {
    font-size: 2.5rem;
    margin-bottom: 2rem;
}
section.block-depot-mission.floating .list {
    font-size: 1.8rem;
}
section.block-depot-mission.floating .list p {
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: 1rem;
}
section.block-depot-mission.floating ul {
    list-style: inside;
    margin-bottom: 2rem;
}

.block-search,
.floating {
    display: none;
    position: absolute;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 2rem;
    padding-inline: 2rem;
    width: 100%;
    max-width: 66rem;
}
.block-search::after,
.floating:not(.rpo-floating)::after {
    content: "";
    position: absolute;
    width: 99vw;
    left: 50%;
    translate: -50% 0;
    top: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.85);
}
.block-search .search,
.block-search .container,
.floating .search,
.floating .container {
    background-color: #fce6d2;
    border-radius: 2rem;
    padding: 3rem 4rem;
    box-shadow: 2px 3px 25px rgba(0, 0, 0, 0.0980392157);
}
@media (max-width: 767px) {
    .block-search .search,
    .block-search .container,
    .floating .search,
    .floating .container {
        padding-inline: 2rem;
    }
}
.block-search legend,
.floating legend {
    font-size: 3.5rem;
    font-weight: 100;
    margin: 0 auto 30px;
    text-align: center;
}
@media (max-width: 767px) {
    .block-search legend,
    .floating legend {
        font-size: 2.5rem;
    }
}
.block-search.page-search,
.floating.page-search {
    display: block;
    background-color: #fce6d2;
    max-width: unset;
    padding: 0;
    margin: 0;
    position: unset;
    transform: unset;
}
.block-search.page-search::after,
.floating.page-search::after {
    content: unset;
}
.block-search.page-search legend,
.floating.page-search legend {
    background-color: #fff;
}
.block-search.page-search .search,
.floating.page-search .search {
    box-shadow: unset;
}
.block-search.page-search .block-title,
.floating.page-search .block-title {
    background-color: #fff;
    max-width: unset;
    text-align: center;
    padding-inline: calc(50% - 600px);
    padding-block: 4rem;
    margin: 0;
}
@media (max-width: 767px) {
    .block-search.page-search .block-title,
    .floating.page-search .block-title {
        padding-block: 2rem;
    }
}
.block-search.page-search .title2,
.floating.page-search .title2 {
    margin: 0;
}
.block-search.page-search .block-input,
.floating.page-search .block-input {
    flex: calc(30% - 3rem);
}
.block-search:not(.floating) .form-group,
.floating:not(.floating) .form-group {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
}
@media (max-width: 1145px) {
    .block-search:not(.floating) .form-group,
    .floating:not(.floating) .form-group {
        justify-content: center;
    }
}
@media (max-width: 990px) {
    .block-search:not(.floating) .form-group,
    .floating:not(.floating) .form-group {
        flex-direction: column;
    }
}
.block-search .block-input,
.floating .block-input {
    flex: calc(50% - 3rem);
}
@media (max-width: 767px) {
    .block-search .block-input,
    .floating .block-input {
        flex: 100%;
    }
}
.block-search input,
.block-search select,
.block-search button,
.floating input,
.floating select,
.floating button {
    color: #403224;
    font-size: 1.7rem;
    background-color: #fdf6ef;
    height: 3.6rem;
    border-radius: 50px;
    width: 100%;
    padding-inline: 20px;
    border: unset;
    text-align: center;
}
.block-search select,
.block-search .select-group select,
.floating select,
.floating .select-group select {
    background-color: #fdf6ef;
    padding-right: 4rem;
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    background-repeat: no-repeat;
    background-size: 1.5rem;
    background-position: center right 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
.block-search .job,
.floating .job {
    flex: 100%;
}
.block-search .keyword input::-moz-placeholder,
.floating .keyword input::-moz-placeholder {
    opacity: 1;
}
.block-search .keyword input::placeholder,
.floating .keyword input::placeholder {
    opacity: 1;
}
.block-search .button,
.floating .button {
    justify-content: center;
}
.block-search .button button,
.floating .button button {
    max-width: 30rem;
    background-color: #c88a54;
    color: #fff;
    border: unset;
    padding-inline: 3rem;
    cursor: pointer;
}
@media (min-width: 991px) and (max-width: 1145px) {
    .block-search .button,
    .floating .button {
        flex: 0 0 56px;
    }
    .block-search .button button,
    .floating .button button {
        font-size: 0;
    }
}
.block-search .close-floating,
.floating .close-floating {
    position: absolute;
    right: 1.5rem;
    top: 1rem;
    font-size: 2rem;
    cursor: pointer;
}
.block-search #dismiss-floating,
.floating #dismiss-floating {
    position: absolute;
    width: 99vw;
    left: 50%;
    translate: -50% 0;
    bottom: 0;
    top: 0px;
    z-index: 1;
}

.no-offers {
    font-size: 2rem;
    font-weight: 400;
}
@media (max-width: 767px) {
    .no-offers {
        font-size: 1.6rem;
    }
}
.no-offers h2 {
    font-size: 4rem;
    margin-block: 0 2rem;
}
@media (max-width: 767px) {
    .no-offers h2 {
        font-size: 2.5rem;
        margin-bottom: 1rem;
    }
}
.no-offers p {
    margin-bottom: 1rem;
}
.no-offers ul {
    list-style: disc;
    padding-left: 1.5em;
}

.block-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 10;
    display: none;
}
.block-popup.show {
    display: block;
}

.popup-content {
    position: absolute;
    top: 11.5rem;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    max-width: 50rem;
    width: 80%;
    padding: 3rem;
}
@media (max-width: 767px) {
    .popup-content {
        padding: 2rem;
    }
}
.popup-content .title2 {
    margin: 0 0 1rem;
}
.popup-content p {
    color: rgba(43, 43, 43, 0.8);
    text-align: center;
}
@media (max-width: 767px) {
    .popup-content p {
        font-size: 1.5rem;
    }
}
.popup-content .popup-header {
    margin-bottom: 3rem;
}
@media (max-width: 767px) {
    .popup-content .popup-header {
        margin-bottom: 2rem;
    }
}
.popup-content .select-group {
    margin-bottom: 3rem;
    max-width: 290px;
    margin-inline: auto;
}
.popup-content select {
    border: 1px solid #c88a54;
}
.popup-content a {
    background-color: #2b2b2b;
    padding: 1rem 2rem;
    margin: auto;
    border-radius: 4px;
}
.popup-content a:hover {
    text-decoration: underline;
}
.popup-content span {
    position: absolute;
    right: 1.5rem;
    top: 1rem;
    font-size: 2rem;
    cursor: pointer;
}
.popup-content-links {
    display: flex;
    gap: 2rem;
    justify-content: center;
    align-items: center;
}
.popup-content-links a {
    margin: unset;
}

footer {
    background-color: #403224;
}
footer nav {
    padding: 3rem 1.5rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 1.5rem;
    border-bottom: 1px solid rgba(232, 232, 219, 0.3);
}
footer .menu {
    font-size: 1.5rem;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 1rem;
}
footer .menu a {
    color: rgba(232, 232, 219, 0.8);
}
footer .menu a:hover {
    color: #c88a54;
}
footer .menu a.active {
    color: #c88a54;
}
footer .title3 {
    color: #fff;
    text-align: center;
}
footer .title3 span.info {
    display: block;
    font-size: 1.6rem;
    margin-top: 1rem;
}
footer .country-flag ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, 95px);
    justify-content: space-between;
    align-items: baseline;
    gap: 1.5rem;
    width: 100%;
}
footer .copyright {
    padding-block: 3rem 1.5rem;
    text-align: right;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 500;
}
footer .copyright a {
    color: inherit;
    text-decoration: underline;
}
footer .copyright a:hover {
    text-decoration: unset;
}

.country-flag a:hover span {
    color: #c88a54;
}

.country-flag .bg {
    background-size: cover;
    background-position: center;
    display: block;
    height: 15px;
    width: 25px;
    margin: auto;
}

.country-name {
    display: block;
    text-align: center;
    font-size: 12.5px;
    line-height: 15px;
    color: white;
    width: 90px;
}

.bg-belgium {
    background: url("../img/flag/belgium.svg") no-repeat;
}

.bg-canada {
    background: url("../img/flag/canada.svg") no-repeat;
}

.bg-france {
    background: url("../img/flag/france.svg") no-repeat;
}

.bg-germany {
    background: url("../img/flag/germany.svg") no-repeat;
}

.bg-netherlands {
    background: url("../img/flag/netherlands.svg") no-repeat;
}

.bg-switzerland {
    background: url("../img/flag/switzerland.svg") no-repeat;
}

.bg-uae {
    background: url("../img/flag/uae.svg") no-repeat;
}

.bg-uk {
    background: url("../img/flag/uk.svg") no-repeat;
}

.bg-usa {
    background: url("../img/flag/usa.png") no-repeat;
}

.social-media {
    margin-block: 2rem;
    font-size: 2.5rem;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid rgba(232, 232, 219, 0.3);
    padding-bottom: 2rem;
}
.social-media a {
    color: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    border: 1px solid;
    margin-inline: auto;
    border-radius: 0.7rem;
    padding: 1rem 5rem;
}
.social-media a:hover {
    background-color: rgba(232, 232, 219, 0.2);
    outline: 1px solid;
}
@media (max-width: 767px) {
    .social-media a {
        font-size: 1.8rem;
        padding-inline: 2.5rem;
    }
}
.social-media + .title3 {
    margin-top: 0;
}

.bg-maroc,
.bg-coteivoire,
.bg-congo,
.bg-cameroun,
.bg-senegal,
.bg-burkinafaso,
.bg-guinea,
.bg-togo,
.bg-gabon,
.bg-mauritanie,
.bg-benin,
.bg-mali,
.bg-rdc,
.bg-algeria,
.bg-tunisia,
.bg-niger,
.bg-chad,
.bg-burundi,
.bg-centralafrican,
.bg-ghana,
.bg-nigeria,
.bg-egypt,
.bg-ethiopia,
.bg-kenya,
.bg-uganda,
.bg-rwanda,
.bg-tanzania,
.bg-southafrica,
.bg-sudan,
.bg-southsudan,
.bg-botswana,
.bg-malawi,
.bg-namibia,
.bg-zambia,
.bg-zimbabwe,
.bg-liberia,
.bg-sierraleone {
    display: block;
    background-image: url("../img/countrysprites.png");
    height: 15px;
    background-repeat: no-repeat;
    margin-left: 31.5px;
}

.bg-belgium {
    background: url(../img/belgium.svg) no-repeat;
}
.bg-canada {
    background: url(../img/canada.svg) no-repeat;
}
.bg-france {
    background: url(../img/france.svg) no-repeat;
}
.bg-germany {
    background: url(../img/germany.svg) no-repeat;
}
.bg-netherlands {
    background: url(../img/netherlands.svg) no-repeat;
}
.bg-switzerland {
    background: url(../img/switzerland.svg) no-repeat;
}
.bg-usa {
    background: url(../img/usa.png) no-repeat;
}
.bg-uae {
    background: url(../img/uae.svg) no-repeat;
}
.bg-uk {
    background: url(../img/uk.svg) no-repeat;
}

.bg-maroc {
    background-position: 0 0px;
}

.bg-coteivoire {
    background-position: 0 -20px;
}

.bg-congo {
    background-position: 0 -80px;
}

.bg-cameroun {
    background-position: 0 -39px;
}

.bg-senegal {
    background-position: 0 -59px;
}

.bg-burkinafaso {
    background-position: 0 -101px;
}

.bg-guinea {
    background-position: 0 -124px;
}

.bg-togo {
    background-position: 0 -145px;
}

.bg-gabon {
    background-position: 0 -185px;
}

.bg-mauritanie {
    background-position: 0 -205px;
}

.bg-benin {
    background-position: 0 -225px;
}

.bg-mali {
    background-position: 0 -246px;
}

.bg-rdc {
    background-position: 0 -268px;
}

.bg-algeria {
    background-position: 0 -309px;
}

.bg-tunisia {
    background-position: 0 -371px;
}

.bg-niger {
    background-position: 0 -351px;
}

.bg-chad {
    background-position: 0 -633px;
}

.bg-burundi {
    background-position: 0 -330px;
}

.bg-ghana {
    background-position: 0 -165px;
}

.bg-nigeria {
    background-position: 0 -288px;
}

.bg-egypt {
    background-position: 0 -411px;
}

.bg-ethiopia {
    background-position: 0 -431px;
}

.bg-kenya {
    background-position: 0 -451px;
}

.bg-uganda {
    background-position: 0 -552px;
}

.bg-rwanda {
    background-position: 0 -510px;
}

.bg-tanzania {
    background-position: 0 -530px;
}

.bg-sudan {
    background-position: 0 -734px;
}

.bg-botswana {
    background-position: 0 -391px;
}

.bg-malawi {
    background-position: 0 -470px;
}

.bg-namibia {
    background-position: 0 -489px;
}

.bg-zambia {
    background-position: 0 -572px;
}

.bg-zimbabwe {
    background-position: 0 -593px;
}

.bg-liberia {
    background-position: 0 -654px;
}

.bg-sierraleone {
    background-position: 0 -674px;
}

.bg-southafrica {
    background-position: 0 -694px;
}

.bg-southsudan {
    background-position: 0 -714px;
}

.bg-centralafrican {
    background-position: 0 -612px;
}

.labelcountry,
.labelcountrycentralafrican {
    display: block;
    width: 90px;
    text-align: center;
    font-size: 12.5px;
    line-height: 14px;
    padding-top: 6px;
    color: white;
}

.textbenin,
.textmauritanie,
.textnigeria,
.textmali,
.textrdc,
.textgabon,
.textguinea,
.textburkinafaso,
.textcongo,
.textsenegal,
.textcameroun,
.textcoteivoire,
.textmaroc {
    display: block;
    width: 80px;
    line-height: 15.5px;
    text-align: center;
    font-size: 12.5px;
    color: white;
}

.textmaroc,
.textcoteivoire,
.textcongo,
.textcameroun,
.textsenegal,
.textburkinafaso,
.textguinea,
.texttogo,
.textgabon,
.textmauritanie,
.textbenin,
.textmali,
.textrdc,
.textalgeria,
.texttunisia,
.textniger,
.textchad,
.textburundi,
.textcentralafrican,
.textghana,
.textnigeria,
.textegypt,
.textethiopia,
.textkenya,
.textuganda,
.textrwanda,
.texttanzania,
.textsouthafrica,
.textsudan,
.textsouthsudan,
.textbotswana,
.textmalawi,
.textnamibia,
.textzambia,
.textzimbabwe,
.textliberia,
.textsierraleone {
    display: block;
    text-align: center;
    font-size: 12.5px;
    line-height: 15px;
    color: white;
    width: 90px;
}

.centralafrican {
    width: 130px;
}

.legal-notice {
    font-weight: 400;
    font-size: 2rem;
}
.legal-notice .container {
    padding-block: 2rem 3rem;
}
.legal-notice h1 {
    color: #403224;
    font-weight: 400;
}
@media (max-width: 767px) {
    .legal-notice h1 {
        font-size: 5rem;
    }
}
.legal-notice h2 {
    font-size: 3rem;
    text-align: left;
    margin-block: 2rem;
}
.legal-notice p {
    margin-bottom: 1rem;
}
.legal-notice ul {
    list-style: decimal;
    padding-left: 2rem;
}
.legal-notice ul span {
    margin-right: 2rem;
}
.legal-notice li {
    margin-bottom: 1rem;
} /*# sourceMappingURL=style.css.map */

.footer-articles {
    margin-block: 2rem;
    font-size: 1.7rem;
    text-align: center;
    border-bottom: 1px solid rgba(232, 232, 219, 0.3);
    padding-bottom: 2rem;
    color: #fce6d2;
}
.footer-articles h3 {
    font-size: 2.5rem;

    color: #fff;
}
.footer-articles li {
    margin-bottom: 2rem;
}
.footer-articles a {
    color: #fce6d2;
    padding: 0.5rem 2rem;
    border-radius: 5rem;
}
.footer-articles a:hover {
    color: #c88a54;
}
.blog-post-content {
    padding-bottom: 5rem;
}

.list-offers .article-flex {
    display: flex; /* Active l'alignement côte à côte */
    align-items: flex-start; /* Aligne les éléments en haut */
    gap: 20px; /* Crée un espace de 20px entre l'image et le texte */
    text-decoration: none; /* Enlève le soulignement du lien */
    color: inherit; /* Le texte garde sa couleur normale */
    padding: 1rem 0; /* Ajoute un peu d'espace en haut et en bas */
}

.list-offers .article-flex {
    display: flex;
    align-items: flex-start; /* Aligne le haut de l'image avec le haut du texte */
    gap: 20px; /* Espace entre l'image et le texte */
    text-decoration: none;
    color: inherit;
}

/* Le conteneur de la petite image */
.article-image-small {
    width: 150px; /* Largeur fixe sur desktop */
    flex-shrink: 0; /* Empêche l'image de se rétrécir */
}

.article-image-small img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

/* Le conteneur du texte */
.article-text-content {
    display: flex;
    flex-direction: column; /* Organise le contenu texte verticalement */
}

/* --- Style pour les petits écrans (Mobile) --- */

/* Cette règle s'applique uniquement si la largeur de l'écran est de 768px ou moins */
@media (max-width: 768px) {
    /* On change la direction du flexbox en colonne */
    .list-offers .article-flex {
        flex-direction: column; /* Les éléments se placent les uns en dessous des autres */
    }

    /* On ajuste l'image pour qu'elle prenne toute la largeur */
    .article-image-small {
        width: 100%; /* L'image prend toute la largeur disponible */
        height: 200px; /* On peut ajuster la hauteur pour mobile */
        margin-bottom: 15px; /* Ajoute un espace sous l'image */
    }
}

.text-left,
.text-start {
    text-align: start !important;
}
img.mw-140 {
    max-width: 140px !important;
}
ul.why-africawork-list {
    list-style: circle;
    margin-left: 20px;
}
.pb-80 {
    padding-bottom: 80px !important;
}
.country-flag.offshore {
    margin-bottom: 30px;
}
section.block-mission-rpo.floating {
    max-width: 120rem;
}

.floating-up.show {
    display: block !important;
    top: 110px;
    margin: 0;
    padding-block: 10rem;
    z-index: 10;
}
.block-mission-rpo .captcha {
    display: flex;
    justify-content: center;
}
.block-mission-rpo .form-group {
    margin-bottom: 3rem;
}
.block-mission-rpo .form-group {
    margin-bottom: 3rem;
}
.block.block-button {
    margin-top: 3rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    -moz-column-gap: 5rem;
    column-gap: 5rem;
    row-gap: 2rem;
}
section.block-mission-rpo.floating .btn-primary {
    background-color: #c88a54;
    color: #fff;
    padding: 0;
    max-width: 390px;
}
.block-mission-rpo button span {
    padding: 1.5rem 5rem;
    width: 100%;
}
.block-mission-rpo button i {
    position: absolute;
    left: 50%;
    translate: -50%;
    color: #c88a54;
    font-size: 4rem;
    animation: spin 1s linear infinite;
    display: none;
}
section.block-mission-rpo.floating h2 {
    font-size: 4.5rem;
    font-weight: 100;
    margin-block: 0 2rem;
}
section.block-mission-rpo.floating .list {
    font-size: 1.8rem;
}
section.block-mission-rpo.floating ul {
    list-style: inside;
    margin-bottom: 2rem;
}
.block-search #dismiss-floating,
.floating #dismiss-floating {
    position: absolute;
    width: 99vw;
    left: 50%;
    translate: -50% 0;
    bottom: 0;
    top: 0px;
    z-index: 1;
}
.block-search::after,
.floating::after {
    content: "";
    position: absolute;
    width: 99vw;
    left: 50%;
    translate: -50% 0;
    top: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.85);
}
.floating-up.show {
    display: block !important;
    top: 110px;
    margin: 0;
    padding-block: 10rem;
    z-index: 10;
}

.linkedin {
    width: 30px;
    height: 30px;
}

@media (max-width: 767px) {
    .linkedin {
        display: none;
    }
}

@media (max-width: 767px) {
    .to-mission-rpo {
        right: 1rem;
    }
    .to-mission-rpo span {
        /* grid-template-columns: 250px !important; */
        font-size: 1.3rem !important;
        white-space: wrap;
    }

    .home-link {
        max-width: 14rem;
        margin-bottom: 2.3rem;
        height: 7rem;
        overflow: visible;
    }

    header .right-menu {
        top: 16rem;
    }
}


.hand-yuan {
  position: relative;
  display: inline-block;
  order: 0;
}

.hand-yuan .yuan-symbol {
  position: absolute;
  top: -2px;      /* ajuste la hauteur */
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.8em;
  font-weight: bold;
}

@media (max-width: 990px) {
    .block-work-with-us ul li .hand-yuan {
        order: 0;
    }

    .block-work-with-us ul li > span:first-child {
        order: 1;
    }
}