h2 {
    font-family: Arimo;
    font-size: 54px !important;
    font-weight: 400;
    line-height: 62.09px !important;
    letter-spacing: -0.02em;
}
p {
    font-family: Arimo;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.02em;

}


.section {
    margin: auto;
    max-width: 1170px;
}
.menu-section.scrolled {
    background-color: white;
    z-index: 9;
}
.navbar-toggler-icon {
    background-image: url("media/yellow-menu.svg") !important;
}
.navbar-toggler-icon.menu-burger-show {
    background-image: url("media/cross-menu.svg") !important;
}
/*.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon {
    background-image: url("media/yellow-menu.svg") !important;
    transition: background-image 0.3s ease;
}
.navbar-toggler-icon.menu-burger-show{
    background-image: url("media/cross-menu.svg") !important;
}*/
.navbar-toggler {
    border: none !important;
}
.navbar-toggler:focus {
    box-shadow: none !important;
}
.header-section {
    margin-top:150px ;
}
.navbar {
    padding: 0 !important;
}
.header-section::before {
    content: "";
    background-image:url("media/bg-form.svg");
    height: 838px;
    width: 1200px;
    top: -50px;
    right: 0;
    position: absolute;
    background-repeat: no-repeat;
    z-index: -1;
}
.header-title {
    font-family: Arimo;
    font-size: 55px;
    font-weight: 400;
    line-height: 63.24px;
    text-align: left;
    color: #981328;
}
.header-sub {
    font-family: Arimo;
    font-size: 24px;
    font-weight: 400;
    line-height: 27.6px;
    text-align: left;

}
.header-sub span {
    color: #981328;
}
.header-quote {
    font-family: Arimo;
    font-size: 24px !important;
    font-weight: 700;
    line-height: 27.6px !important;
    text-align: left;
    letter-spacing: 0;
}
.btn-lbp {
    height: 60px;
    font-family: Arimo;
    font-size: 18px;
    font-weight: 400;
    line-height: 20.7px;
    text-align: center;
    text-decoration: none;
    color: white;
    max-width: 213px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 0 5px;
}
.btn-red {
    background-color:#981328 !important;
    color: #ffff !important;
}
.btn-grey {
    background-color:#979797 ;
}
.btn-wrapper {
    gap: 15px;
}
.btn-red:hover {
    background-color: transparent !important;
    border: 1px solid #981328 !important;
    color: #981328 !important;
}
.btn-grey:hover {
    background-color: transparent;
    border: 1px solid #979797;
    color: #979797;
}
.header-img {
    margin-top: -87px;
}

.icon-wrapper-section {
    margin: 80px auto;
}

.icon-text {
    font-family: Arimo;
    font-size: 30px;
    font-weight: 400;
    line-height: 34.5px;
    text-align: center;
    color: #BB8C00;
}
.icon-anchor {
    text-decoration: none;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.detail-section {
    background-color:#F1F0F0 ;
    padding: 70px 0;
    margin-bottom: 50px;
}

.detail-row {
    display: flex;
    gap: 90px;
}
.detail-img {
    width: fit-content;
}

.detail-text h2 {
    text-align: left;
    color:#981328;
    margin-bottom: 25px;
}
.detail-text span {
    font-weight: 700;
}
.detail-text p {
    text-align: left;
}
.detail-section li {
    font-family: Arimo;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.02em;
    text-align: left;
    list-style: none;
    position: relative;
}
.detail-section li::before {
    content: "";
    background-image: url("media/li-marker.svg");
    height: 16px;
    width: 16px;
    position: absolute;
    left: -30px;
    top: 7px;
}
.detail-section ul {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.detail-section a {
    color: black;
}
.qsn-row h2{
    text-align: center;
    color:#981328;
    margin-bottom: 20px;
}
.qsn-row span {
    font-weight: 700;
}
.qsn-row {
    position: relative;
}
.qsn-row p {
    font-size: 30px;
    text-align: center;
    margin:auto;
    max-width: 880px;
}
.qsn-row::before {
    content:"";
    position:absolute;
    background-image:url("media/intero.svg");
    top: -100px;
    left:0;
    right: 0;
    width: 250px;
    height: 352px;
    margin: auto;
    z-index: -1;
}
.qsn-section {
    margin-top: 150px;
}
.qsn-personne-row {
    display: flex;
    gap: 70px;
    align-items: center;
}
.qsn-personne-row a {
    color: black;
}
.qsn-personne-row h2 {
    color: #981328;
}
.qsn-text {
    text-align: left;
}
.qsn-personne-row span {
    font-weight: 700;
}
.qsn-personne {
    margin-top: 120px;
}
.quote {
    font-family: Arimo;
    font-size: 24px;
    font-style: italic;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #981328;
    margin-top: 35px;
    position: relative;
}
.quote::before {
    content:"";
    position: absolute;
    left: -17px;
    top: 0;
    background-image: url("media/quote.svg");
    background-repeat: no-repeat;
    width: 32px;
    height: 28px;
}
.quote::after {
    content:"";
    position: absolute;
    right: 20px;
    bottom: -10px;
    background-image: url("media/quote.svg");
    background-repeat: no-repeat;
    width: 32px;
    height: 28px;
    rotate: 180deg;
}
.quote.vi::after {
    right: 130px;
}
.candidat-text h2 {
    text-align: left;
    color: white;
    margin-bottom: 50px;
    font-size: 53px !important;
}
.candidat-text p {
    color: white;
}
.candidat-text span {
    font-weight: 700;
}
.text-big {
    font-size: 32px;
    line-height: 36px;
}
.candidat-row {
    display: flex;
    gap: 39px;
}
.cand-btn {
    background-color: white;
    color:#BB8C00;
    font-family: Arimo;
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    text-align: center;
    height: 60px;
    display: flex;
    align-items: center;
    width: fit-content;
    text-decoration: none;
    padding: 0 10px;
    border-radius: 10px;
    margin-bottom: 40px;
}
.cand-btn:hover {
    color: white;
    background-color: transparent;
    border: 1px solid white;
}
.candidat-section {
    background-color: #BB8C00;
    padding: 50px 0;
    margin-top: 50px;
    margin-bottom: 50px;
}
.menu-collapse {
    position: absolute;
    width: 392px;
    max-width: 1170px;
    right: 0;
    top: 60px;
}
.menu-wrapper {
    background-color: white;
    width: 100%;
}
.menu-wrapper a{
    text-decoration: none;
    color: black;
}
.menu-wrapper a.last {

}
.menu-wrapper ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}
.menu-wrapper li {
    font-family: Arimo;
    font-size: 26px;
    font-weight: 400;
    line-height: 29.9px;
    text-align: left;
    padding-bottom: 46px;
    padding-left: 46px;
    color: white;
    background-color: #BB8C00;
    font-family: Arimo;
    list-style: none;
    margin-top: -1px;
}
.menu-wrapper li:hover {
   text-decoration: underline;
}
li.first {
    padding-top: 46px;
}
.footer {
    background-color: #70706F;
    padding: 50px 0;
}
.logo-img {
    width: 150%;
    transition: width 0.3s ease-in-out;
}
.logo-img.scrolled-img {
    width: 100%;
    transition: width 0.3s ease-in-out;
}
.footer p {
    font-family: Arimo;
    font-size: 20px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.02em;
    text-align: center;
    color: white;
    margin-bottom: 0;

}
.footer a {
    color: white;
}
.header-blurb {
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.header-img img {
    width: 100%;
}
.header-img {
    position: relative;
    bottom: -100px;
}
.contact-section{
    background-color:#981328;
    padding: 50px 0;

}
.form-contact{
    background-color: #ffff;
}
#message{
    height: 165px ;
}
.small-text{
    font-size: 10px;
}
.form-col{
    max-width: 600px;
    width: 100%;
    margin-top: 50px    ;
}
.logo-contact-col{
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 320px;
    width: 100%;
}
.linkedin{
    width: 30px;
    height: auto;
}
.text-contact {
    font-family: Arimo;
    font-size: 12px;
    font-style: italic;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    color: #70706F;
}
.form-contact-input {
    background-color: #F0F0ED !important;
    border: 1px solid #BDBDBD !important;
    border-radius: 10px !important;
}
.form-contact label{
    font-size: 16px;
    font-weight: 500;
    line-height: 20.8px;
    text-align: left;
    font-family: Arimo;
    color: #979797;
}
.form-label {
    position: relative;
}
.form-label::after {
    position: absolute;
    content: "Transférez vos documents - Max 5 Mo";
    color: #979797;
    font-family: Arimo;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    line-height: 16.9px;
    text-align: left;
    width: 250px;
    margin-left: 10px;
    margin-top: 3px;

}
.contact-row h2 {
    margin-bottom: 30px;
    text-align: center;
}
.text-contact a{
    color: #70706F;
}
.menu-section {
    padding: 36px 0  ;
}
.icon-big {
    width: 70px;
}
.icon-loupe {
    width: 99px;
}
.icon-main {
    width: 70px;
}
.icon-calc {
    width: 67px;
}
.icon-user {
    width: 94px;
}
.detail-section, .qsn-section, .candidat-section, .contact-section {
    scroll-margin-top: 100px ;
}
.footer p {
    font-family: Arimo;
    font-size: 10px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.02em;
    text-align: center;
}
.footer {
    padding:15px 0;
}
/* Media query pour les écrans de 1250px et moins */
@media (max-width: 1200px) {
    .header-img {
        bottom: 0px;
    }
    .header-row {
        flex-direction: column-reverse;
    }
    .section {
        max-width: 100%;
        width: 80%;
    }
    .header-img img {
        width: 50%;
    }
    .header-img {
        text-align: center;
    }
    .header-title {
        font-family: Arimo;
        font-size: 25px;
        font-weight: 400;
        line-height: 28.75px;
        text-align: center;
    }
    .header-blurb {
        gap: 25px;
    }
    .icon-wrapper-section {
        justify-content: center !important;
        gap: 30px;
        flex-wrap: wrap;

        margin-top: 120px;
    }
    .icon-anchor {
        width: 40%;
        box-shadow: 0px 4px 4px 0px #00000040;
        border-radius: 8px;
    }
    .menu-wrapper {
        width: 100%;
    }
    .menu-collapse {
        width: 50%;
    }
    .detail-row {
        flex-direction: column;
        align-items: center;
    }
    .qsn-personne-row {
        flex-direction: column;
    }
    .candidat-row {
        flex-direction: column;
    }
    .candidat-img {
        text-align: center;
    }
    .candidat-text h2{
        text-align: center;
    }
    .offre-wrapper {
        display: flex;
        justify-content: center;
    }
    .btn-wrapper {
        justify-content: center;
    }
    .btn-submit-contact {
        justify-content: center !important;
    }
    .contact-row h2 {
        text-align: center;
    }
    .logo-contact-col {
        margin-top: 20px;
    }
    .contact-section {
        padding: 88px 0 72px 0;
    }
    .quote::before {
        background-image: url("media/quote-res.svg");
        width: 22px;
        height: 19px;
        left: -15px;
        top: -3px;
    }
    .quote::after {
        background-image: url("media/quote-res.svg");
        width: 22px;
        height: 19px;
        right: 20px;
    }
    .quote.vi::before {
        left: -19px;
    }
    .quote.vi::after {
        right: 10px;
    }
    .quote {
        width: 290px;
    }
    .quote.vi {
        width:334px;
    }
    .icon-wrapper-section {
        margin-top: 70px;
    }
    .icon-loupe {
        width: 67px;
    }
    .icon-main {
        width: 47px;
    }
    .icon-calc {
        width: 45px;
    }
    .icon-user {
        width: 64px;
    }
    .icon-text {
        margin-bottom: 12px;
    }
    .icon-anchor {
        gap: 20px;
        width: 135px;
        height: 135px;
    }
    .icon-text{
        line-height: 18.4px;
        font-size: 16px;
        width: 80%;
    }
    .icon-low {
        padding-top: 20px;
    }
    .icon-text{
        line-height: 18.4px;
        font-size: 16px;
        width: 80%;
    }
    .icon-low {
        padding-top: 20px;
    }
    .header-section::before {
        top: -120px;
    }
}

/* Media query pour les écrans de 980px et moins */
@media (max-width: 980px) {

}

/* Media query pour les écrans de 768px et moins */
@media (max-width: 768px) {
    .menu-wrapper li {
    font-size: 22px;
    }
        .logo-img {
        width: 90%;
    }
    .header-section {
        margin-top: 170px;
    }


    .menu-collapse {
        width: 100%;
    }
    .btn-lbp {
        font-family: Arimo;
        font-size: 14px;
        font-weight: 700;
        line-height: 16.1px;
        text-align: center;
    }
    h2 {
        font-family: Arimo;
        font-size: 24px !important;
        font-weight: 400;
        line-height: 27.6px !important;
        letter-spacing: -0.02em;
        text-align: center;
    }
    .candidat-text h2 {
        font-size: 23px !important;
        margin-bottom: 20px !important;
    }
    .section.candidat-row {
        width: 81%;
    }
    p {
        font-family: Arimo;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: -0.02em;
        text-align: left;
    }
    .header-sub {
        font-family: Arimo;
        font-size: 12px;
        line-height: 13.8px;
        text-align: center;
    }
    .header-quote {
        font-family: Arimo;
        font-size: 14px !important;
        font-weight: 700;
        line-height: 16.1px !important;
        text-align: center;
    }

    .btn-wrapper {
        justify-content: center;
    }
    .qsn-personne-row h2 {
        text-align: left !important;
    }
    .quote {
        font-family: Arimo;
        font-size: 14px;
        font-style: italic;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: -0.02em;
        text-align: center;

    }
    .text-big {
        font-size: 16px;
        line-height: 18px;
    }
    .detail-img img {
        width: 90%;
        display: flex;
        margin: auto;
    }
    .detail-row {
        gap: 45px;
    }
    .qsn-row p {
        font-family: Arimo;
        font-size: 15px;
        font-weight: 400;
        line-height: 17.25px;
        letter-spacing: -0.02em;
        text-align: center;
    }
    .qsn-row::before {
        background-image: url(media/interro-resp.svg);
        background-repeat: no-repeat;
        background-position: center;
    }
    .qsn-section {
        margin-top: 70px;
    }
    .qsn-img img {
        width: 70%;
        display: flex;
        margin: auto;
    }
    .candidat-img img {
        width: 70%;
        display: flex;
        margin: auto;
    }
    .cand-btn {
        font-size: 12px;
        height: 33px;
    }
    .form-label::after {
        content: "Max 5 Mo";
    }
    .text-contact {
        padding: 10px;
    }
    .contact-section {
        padding: 30px 0;
    }
    .logo-contact-col {
        margin: auto;
        width: 70%;
        margin-top: 20px ;
    }
    .detail-section li {
        font-family: Arimo;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: -0.02em;
        text-align: left;

    }
    .header-section::before {
        top: -260px;
    }
    .header-sub {
        margin-bottom: 0;
    }
    .header-blurb {
        gap: 15px;
    }

    .form-contact {
        overflow: hidden;
    }

}


/* Media query pour les écrans de 481px et moins */
@media (max-width: 481px) {



}