* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Switzer', sans-serif;
    /*color: #182F52;*/
}

html,
body {
    background-color: #FFFFFF;
}

html {
    scroll-behavior: smooth;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

.container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.homepage {
    margin-bottom: 52px;
}

/* Header Styles */

.header {
    background-color: #EBE6DE;
    min-height: 100vh;
    border-bottom: 3px solid #FF8B00;
    padding: 20px;

    /* display: flex;
    flex-direction: column;
    justify-content: space-between; */

    position: relative;
}

.header-slogan__space {
    display: none;
}


.mobile-nav {
    position: absolute;
    top: 0;
    z-index: 999;

    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 16px 16px 16px 16px;
}

.mobile-nav button {
    background: none;
    border: none;
    cursor: pointer;
}

.header-nav {
    display: none;
    justify-content: space-between;
}

.header-nav__links {
    display: flex;
    gap: 80px;
}

.header-nav__button {
    position: relative;
    z-index: 2;
}

.header-nav__links li a,
.btn--contact {
    padding: 6px 16px 6px 16px;
    display: block;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    font-style: normal;
    line-height: 170%;
    letter-spacing: 0;
    color: #182F52;
    border-radius: 50px;
    transition: background-color 0.3s ease;
}

.header-nav__links li a:hover,
.btn--contact:hover {
    background-color: #F5F5F580;
}

.btn--contact {
    border: 1px solid #0F3060;
}


.header-content {
    margin-top: 104px;

    position: relative;
}


.header-logo svg {
    width: 100%;
    /* max-width: 1340px; */
    height: auto;
    /* margin-top: 104px; */

    position: relative;
    z-index: 2;
}

.header-text {
    margin-top: 101px;

    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 32px;
}

.header-text__content {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0;

    max-width: 195px;
}

.header-article {
    width: 100%;
    max-width: 338px;
    /* height: 156; */
    border-radius: 20px;
    padding: 20px;
    background-color: #F2F0EB;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
    z-index: 2;
}

.header-article p {
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0;
}

.header-article__date {
    font-weight: 300;
    font-style: Light;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0;
}

.header-article a {
    font-weight: 300;
    font-style: Light;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0;
    color: #182F52;
}

.header-slogan {
    margin-top: 83px;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 100px;
    flex-direction: column;
}

.header-slogan__text {
    font-weight: 400;
    font-size: 44px;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;
    max-width: 764px;
    color: #182F52;
}

.header-language {
    padding-top: 6px;
    padding-right: 16px;
    padding-bottom: 6px;
    padding-left: 16px;

    opacity: 0 !important;
}

.header-language .lang {
    font-weight: 400;
    font-size: 14px;
    line-height: 170%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #182F52;
}

.header-language .active-lang {
    font-weight: 600;
}

.header-secondary-logo {
    position: absolute;
    /* bottom: 0;
    left: 16px; */
    left: 50px;
    bottom: 57px;
}

.biography-expertises a,
.accordion-content p {
    font-weight: 400;
    font-size: 18px;
    line-height: 180%;
    letter-spacing: 0;
    color: #182F52;
}

/* End Header Styles */



/* founder Section */

.founder {
    background-color: #D2DADD40;
    padding: 102px 147px 81px 120px;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.founder-header {
    width: 100%;
    max-width: 713px;
}

.founder-body {
    display: flex;
    margin-top: 47px;
    gap: 0;
    flex-direction: column;
}

.founder-title {
    font-weight: 400;
    font-style: Regular;
    font-size: 44px;
    line-height: 110%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #182F52;
}

.founder-description-content {
    width: 100%;
    max-width: 552px;
    padding-top: 50px;
}

.founder-description {
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
    letter-spacing: 0;
    color: #182F52;
}

.founder-description p {
    color: #182F52;
}

.founder-links {
    margin-top: 80px;
}

.founder-links .founder-links__list {
    display: flex;
    gap: 58px;
}

.founder-links .founder-links__list .founder-links__item a {
    font-weight: 400;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: 0;
    text-transform: uppercase;
    display: block;

    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom: 1px solid #182F52;
    color: #182F52;

}

.founder-image {
    width: 279px;
    height: 191px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    margin-top: 36px;
}

.founder-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}

.founder-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.founder-image-text {
    position: absolute;
    bottom: 16px;
    left: 16px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    z-index: 1;
}

.founder-image__name {
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #FAF8F5;
}

.founder-image__position {
    font-weight: 300;
    font-style: Light;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #FAF8F5;
}

.founder-quote {
    width: 100%;
    max-width: 405px;
}

.founder-quote__text {
    font-weight: 200;
    font-size: 24px;
    line-height: 160%;
    letter-spacing: 0;
    color: #182F52;
}

.founder-quote__wrapper {
    padding-left: 38px;
}



/* End founder Section */


/* Start Champs */

.champs {
    padding-top: 68px;
    padding-bottom: 70px;
    padding-right: 10px;
    padding-left: 10px;
}

.champs-header {
    display: flex;
    gap: 60px;
    padding-left: 20px;
    padding-right: 20px;
    flex-direction: column;
}

.champs-title {
    font-weight: 400;
    font-size: 44px;
    line-height: 110%;
    letter-spacing: 0;
    text-transform: uppercase;

    width: 100%;
    max-width: 478px;

    color: #182F52;
}

.champs-description {
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
    letter-spacing: 0;
    width: 100%;
    color: #182F52;
}

.champs-body {
    margin-top: 48px;

    display: flex;
    flex-direction: column;
    gap: 50px;
}

.champs-item {
    background-color: rgba(203, 187, 160, 0.1);
    /* padding-top: 51px; */
    /* padding-bottom: 51px; */
    /* padding-left: 64px; */
    /* padding-right: 64px; */

    position: relative;
    border-radius: 20px;
    overflow: hidden;

    /*  */
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    /*  */
}

.champs-item__content {
    padding-top: 51px;
    padding-bottom: 51px;
    padding-left: 20px;
    padding-right: 20px;
}

.champs-item-second {
    background-color: rgba(210, 218, 221, 0.2);
}

.champs-item__content {
    width: 100%;
}

.champs-item-second .champs-item__list-item-link {
    border-bottom: 1px solid #182F52;
}

.champs-item__list-item-link {
    text-transform: uppercase;
}

.champs-item__title {
    font-weight: 500;
    font-size: 22px;
    line-height: 110%;
    letter-spacing: 0;
    text-transform: uppercase;

    color: #182F52;
    width: 100%;
    max-width: 371px;
}

.champs-item__description {
    font-weight: 400;
    font-style: Regular;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0;
    color: #182F52;
    margin-top: 62px;
}

.champs-item__links {
    margin-top: 109px;
}

.champs-item-second .champs-item__links {
    margin-top: 22px;
}

.champs-item__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.champs-item__list-item-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #182F52;

    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #CBBBA0;
}


.champs-image {
    /* position: absolute;
    top: 0;
    right: 0;
    bottom: 0; */

    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
}

.champs-image--second {
    flex-direction: row;
    gap: 0;
    width: 100%;
}

.champs-image {
    position: relative;
    /*  */
    height: 516px;
    /*  */
}

.champs-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* max-width: 347px; */
}

.champs-image--second img {
    width: 100%;
    /* position: absolute; */
    bottom: 0;
    right: 272px;
    height: 100%;
    z-index: 1;
}

.champs-image__svg {
    position: absolute;
    bottom: 0;
    left: 0;
    /* right: 0; */
    /* left: -208px; */
    height: auto;
}

.champs-image--second svg {
    position: absolute;
    bottom: 0;
    /* right: -55px; */
    height: auto;

    /*  */
    /* top: 0; */
    right: 0;
    z-index: 99;
    height: 100%;
    /*  */
}

.sqr {
    max-width: 283px;
    width: 283px;
    position: absolute;
    bottom: 102px;
    right: 272px;
    height: 93px;
    z-index: 2;

    background-color: #D2DADD;

    display: none;
}

/* End Champs */

/* Start Service */


.service {
    overflow: hidden;
    position: relative;
    min-height: 100vh;
    background-color: #F2F0EB;
    /* padding-left: 281px; */
    padding-top: 59px;
    padding-bottom: 59px;
    display: flex;
}

.service-content {
    flex: 1;
    padding: 81px 0 86px 0px;
    /* padding: 81px 0 86px 44px; */
    position: relative;
}

.service-content__background {
    position: absolute;
    top: 0;
    /* left: 0; */
    height: 100%;
    width: auto;
    /*  */
    left: 50%;
    transform: translateX(-50%);
    /*  */
}

.service-logo {
    width: fit-content;
    /* padding-left: 319px; */
    position: relative;
    z-index: 2;

    margin: 0 auto;
}

.service-title--first {
    /* padding-left: 98px; */
}

.service-title {
    font-weight: 400;
    font-size: 44px;
    line-height: 110%;
    letter-spacing: 0;
    text-transform: uppercase;

    /* padding-left: 44px; */
    position: relative;
    z-index: 2;

    margin-top: 66px;
}

.service-body {
    /* border-top: 1px solid #FF8B00; */

    margin-top: 55px;
    padding-top: 38px;
    position: relative;
    z-index: 2;
    /*  */
    margin-left: 20px;
    margin-right: 20px;
    /*  */
}

.service-body::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    /* width: 100vw; */
    width: 100%;
    height: 1px;
    background-color: #FF8B00;
}

.service-description {
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
    letter-spacing: 0;
    width: 100%;
    max-width: 550px;
    color: #182F52;

    /*  */
    text-align: center;
    margin: 0 auto;
    /*  */
}

.service-link {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #182F52;
    font-weight: 400;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: 0;
    text-transform: uppercase;
    display: block;
    width: fit-content;
    color: #182F52;

    /*  */
    margin: 0 auto;
    /*  */
    margin-top: 40px;
}



.service-title--first,
.service-title--second {
    display: block;
    color: #182F52;
}

.service-title {
    text-align: center;
}


.service-left {
    position: absolute;
    top: 0;
    left: 0;
}

.service-right {
    position: absolute;
    top: 59px;
    right: 0;
}

/* End Service */


/* Start Analyses */

.analyses {
    /* min-height: 843px; */
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #D2DADD;

    flex-direction: column-reverse;
}

.analyses-left {
    flex: 1;
    margin: auto;
}

.analyses-blogs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 460px;
    margin: auto;
}

.analyses-right {
    background:
        linear-gradient(143.89deg, rgba(244, 246, 247, 0.5) 0%, #D2DADD 100%),
        url(../bg.svg);
    /* height: 100%; */
    flex: 1;

    position: relative;

    /* background-image: url(../bg.svg); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 80px;
    aspect-ratio: 1;
}

.analyses-right .analyses-right__bg {
    object-fit: cover;
    height: 100%;
    width: 100%;

    position: absolute;
    /* top: 0;
    left: 0;

    width: 720px;
    height: 844px; */
}


.analyses--blog {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 61px 45px 61px 45px;
    border-bottom: 1px solid #D2DADD;
}

.analyses-blog__date {
    font-weight: 300;
    font-style: Light;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0;
    color: #182F52;
}

.analyses-blog__title {
    font-weight: 500;
    font-size: 22px;
    line-height: 140%;
    letter-spacing: 0;
    color: #182F52;
}

.analyses-blog__link {
    font-weight: 300;
    font-style: Light;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0;
    color: #182F52;
}

.analyses-right__content {
    /* position: absolute; */
    top: 50%;
    left: 50%;
    /* transform: translate(-50%, -50%); */
    text-align: center;
    color: #182F52;

    display: flex;
    flex-direction: column;
    align-items: center;
}

.analyses-right__title {
    font-weight: 400;
    font-size: 44px;
    line-height: 110%;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    max-width: 298px;
}

.analyses-right__svg {
    margin-top: 52px;
}

.analyses-right__link {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #182F52;
    font-weight: 400;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #182F52;
    width: fit-content;
    margin-top: 64px;

    display: none;
}

.analyses-right__link-mobile {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #182F52;
    font-weight: 400;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #182F52;
    width: fit-content;
    margin-top: 40px;
}

.analyses--blog-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* End Analyses */


/* Start Footer */


.footer {
    max-width: 1340px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.footer-content {
    display: flex;
    flex-direction: column;
}

.small-line {
    width: 100%;
    height: 3px;
    background-color: #FF8B00;
}

.big-line {
    width: 100%;
    height: 33px;
    background-color: #182F52;
}

.footer-content__left {
    background-color: rgba(203, 187, 160, 0.3);
    padding: 50px 10px;
    flex: 1;
}

.footer-content__right {
    background-color: rgba(210, 218, 221, 1);
    padding: 50px 10px;
    flex: 1;
}

.footer-content__left-text {
    font-weight: 400;
    font-size: 30px;
    line-height: 120%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #182F52;
}


.footer-content__left-text a {
    /* font-weight: 400;
    font-size: 30px;
    line-height: 120%;
    letter-spacing: 0;
    text-transform: uppercase; */
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 25%;
    text-decoration-thickness: 0%;
    text-decoration-skip-ink: auto;
    color: #182F52;

    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
}


.footer-content__right-text {
    width: 100%;
    max-width: 372px;

    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0;
    color: #182F52;
}

.footer-bottom {
    display: flex;
    background-color: rgba(203, 187, 160, 0.1);
    flex-direction: column;
    gap: 30px;
    padding: 20px 10px;
}

.footer-bottom__copyright span {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #182F52;
}

.footer-bottom__legal a {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #182F52;
}

.footer-bottom__agency a {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #182F52;
}

/* End Footer */



/* Start Startegie Page */

.startegie {
    margin-top: 51px !important;
    margin-bottom: 48px !important;

}

.startegie-section {
    display: flex;
    gap: 106px;
    max-width: 1199px;
    margin: 0 auto;
    margin-bottom: 48px !important;

    /*  */
    flex-direction: column;
    /*  */
}

.startegie-header {
    padding: 20px;
    position: relative;
    background-color: #EBE6DE;
    border-bottom: 3px solid #FF8B00;
}

.startegie-header {
    padding-bottom: 92px;
}

.domaines {
    background: #D2DADD40;
    padding: 20px;
    margin-bottom: 40px;
}

.domaines h3 {
    font-weight: 400;
    font-size: 34px;
    line-height: 110%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #182F52;
    margin-bottom: 40px;
}

.domaines-list {
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
    letter-spacing: 0%;
    color: rgba(24, 47, 82, .8);
}

.domaines-list li {
    display: flex;
    gap: 5px;
    margin-bottom: 10px;
}

.domaines-list li:last-child {
    margin-bottom: 0;
}


.analyses-and-news h3 {
    font-weight: 400;
    font-size: 34px;
    line-height: 110%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #182F52;
    padding-left: 45px;
    margin-bottom: 21px;
}

.startegie-article {
    width: 100%;

    /* padding-bottom: 50px;
    padding-top: 45px;
    border-bottom: 1px solid #D2DADD; */
}

.single-droit-main .startegie-article ul li {
    padding-left: 8px;
}

.single-droit-main .startegie-article ul li::before {
    content: "•";
    color: #182F52;
    padding-right: 8px;
}

.startegie-article {
    font-weight: 400;
    font-size: 18px;
    line-height: 180%;
    letter-spacing: 0;
    color: #182F52;
}

.startegie-article ul li {
    font-weight: 700;
    font-style: Bold;
    font-size: 18px;
    line-height: 180%;
    letter-spacing: 0;
}

.startegie-sidebar {
    width: 100%;
    margin-top: 40px;
}

.relative {
    position: relative;
    z-index: 2;
}

.startegie-header-content {
    margin-top: 104px;
}

.startegie-header-text {
    margin-top: 146px;
    display: flex;
    /* padding-left: 109px;
    padding-right: 124px; */
    gap: 45px;
    align-items: center;

    /*  */
    flex-direction: column;
    /*  */
}

.single-droit-des-affaires .startegie-header-text {
    align-items: baseline;
}


.startegie-header .startegie-header-text .header-slogan__text {
    font-weight: 400;
    font-size: 44px;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #182F52;
}

.header-partager__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    color: #182F52;
}

.header-partager__links {
    display: flex;
    margin-top: 32px;
    gap: 18px;
    flex-wrap: wrap;
}


.header-partager__links a,
.header-partager__links button {
    font-weight: 300;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    color: #182F52;
}


.header-partager__links button {
    background: none;
    border: none;
    cursor: pointer;
    width: fit-content;
}

.startegie-header .header-secondary-logo {
    bottom: 38px;
    left: 50px;
}

.header-nav__right {
    display: flex;
    align-items: center;
    gap: 59px;
}

.nav-language {
    padding-top: 6px;
    padding-right: 16px;
    padding-bottom: 6px;
    padding-left: 16px;
}

.nav-language .active-lang {
    font-weight: 600;
}

.startegie-pages-navigation {
    display: flex;
    gap: 10px;

    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
    z-index: 10;
}

.startegie-pages-navigation a {
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: none;
    cursor: pointer;

}

.startegie-pages-navigation .prev-page {
    background-color: #7E9AA4;
}

.startegie-pages-navigation .next-page {
    background-color: #CBBBA0;
}


.analyses-and-news .analyses--blog {
    background: #D2DADD14;
}

/* End Startegie Page */


/* Start Biography Page */



.biography .biography-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 58px;
}

.biography .biography-list .biography-list__item {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    border: none;
    border-bottom: 1px solid #7E9AA466;
    background: #D2DADD33;

    display: flex;
    justify-content: space-between;
    align-items: center;
}

.biography .biography-list .biography-list__item span {
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #182F52;
}

.biography-publications h3 {
    font-weight: 400;
    font-size: 34px;
    line-height: 110%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #182F52;
    padding-left: 29px;
    margin-bottom: 58px;
}


.biography-publications .analyses--blog {
    background: #D2DADD14;
}

.biography-header {
    padding: 30px 50px 92px 35px;
    position: relative;
    background-color: #D2DADD;
    border-bottom: 3px solid #FF8B00;
}



.biography-contact-btn {
    border-color: #FFFFFF;
    color: #FFFFFF;
}

.biography-nav-language,
.biography-nav-language .lang {
    color: #FFFFFF;
}

.biography-header-image {
    width: 100%;
    height: auto;
}

.biography-header-image__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.biography-partager {
    display: flex;
    gap: 18px;

    max-width: 1199px;
    margin: 0 auto;
    /* padding-left: 20px;
    padding-right: 20px; */
}

.biography-partager {
    max-width: 1199px;
    margin: 0 auto;
    /* transform: translateX(16px); */

    display: flex;
    align-items: center;

    flex-direction: column;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
}

.biography-section {
    margin-bottom: 30px !important;
    flex-direction: column;
}

.biography-section {
    gap: 30px;
}

.biography-main {
    margin-bottom: 48px !important;
}

.biography-partager .biography-partager__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    color: #182F52;
}

.biography-partager button {
    background: none;
    border: none;
    cursor: pointer;
    width: fit-content;
    font-weight: 300;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    color: #182F52;
}

.biography-partager a {
    font-weight: 300;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    color: #182F52;
}

.biography-header-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 38px;
    margin-bottom: 40px;
}

.biography-header-text__title {
    font-weight: 400;
    font-size: 44px;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #FFFFFF;
}

.biography-header-social-links {
    display: flex;
    gap: 15px;
}

.biography-header-social-links__item {
    width: 47px;
    height: 47px;
    border-radius: 25px;

    /* display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0F3060; */

    overflow: hidden;
    position: relative;
    background-color: #0F3060;
}

.biography-header-social-links__item a {
    width: 47px;
    height: 47px;
    border-radius: 25px;

    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0F3060;
    color: #FFFFFF;
}

.phonehover {
    transition: all 0.3s ease-out;
}

.phonehover:hover {
    width: 211px;
}

.phone-number {
    /* padding-left: 10px; */
    /* flex-shrink: 0; */
    position: absolute;
    width: 300px;
    left: 46px;
    opacity: 0;
    transition: all 0.3s ease-out;

}

.phonehover:hover .phone-number {
    opacity: 1;
}

.biography-main {
    margin-top: 0 !important;
}

.biography-main .startegie-article {
    padding-top: 0;
    margin-top: 96px !important;
}

.biography-section {
    padding-left: 20px;
    padding-right: 20px;
}

/* End Biography Page */

/* Start Actualites Page */


.actualites-header {
    position: relative;
    padding: 30px 50px 92px 35px;
    border-bottom: 3px solid #FF8B00;
    background-color: #EBE6DE;

    overflow: hidden;
}

.actualites-header-content {
    margin-top: 104px;
}

/* .actualites-header-content .actualites-header__logo {

} */

/* .actualites-header__title-wrapper {
    margin-top: 146px;
    margin-left: 144px;
} */

.actualites-header__title {
    font-weight: 400;
    font-size: 44px;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #182F52;
}

.actualites-secondary-logo {
    position: absolute;
    bottom: 38px;
    left: 50px;
}


.actualites-header::after {
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    width: 12px;
    background-color: #0F3060;
    position: absolute;
}

.actualites-header-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    display: flex;
    /* width: 274px; */
    /* background-color: #D2DADD; */
}

.actualites-header-background-sqr {
    width: 224px;
    height: 578px;
    background-color: #D2DADD;
}

.actualites-nav-right .nav-language .lang {
    font-weight: 600;
    font-size: 14px;
    line-height: 170%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #182F52;
}

.actualites-nav-right .nav-language .lang.active-lang {
    font-weight: 600;
}

.actualites-main {
    max-width: 1217px;
    margin: 0 auto;
    margin-top: 74px;
    margin-bottom: 76px;
}

.filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 41px;
    flex-wrap: wrap;
    padding-left: 20px;
    padding-right: 20px;
    gap: 20px;
}

.filter-list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}

.filter-search {
    position: relative;
    width: fit-content;
}


.filter-search svg {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
}

.filter-list__link {
    font-weight: 400;
    font-size: 26px;
    line-height: 170%;
    letter-spacing: 0;
    color: rgba(24, 47, 82, .8);
}

input[type="search"]::-webkit-search-cancel-button {
    opacity: 0;
}

.filter-list__link.active-filter {
    font-weight: 600;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    text-decoration-skip-ink: auto;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
}

.filter-search input {
    height: 46px;
    padding-right: 16px;
    padding-left: 16px;
    border-radius: 50px;
    background: #D2DADD4D;
    border: none;

    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    letter-spacing: 0;
    color: #2A1C52;

    width: 160px;

}

.filter-search input:focus {
    outline: none;
}

.filter-search input::placeholder {
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    letter-spacing: 0;
    color: #2A1C52;
}

.actualites-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
}

.actualites--blog {
    padding: 61px 7.83px 61px 7.83px;
    border-bottom: 1px solid #D2DADD;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.actualites-blog__date {
    font-weight: 300;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0;
    color: #182F52;
}

.actualites-blog__title {
    font-weight: 500;
    font-size: 22px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #182F52;
}

.actualites-blog__link {
    font-weight: 300;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0;
    color: #182F52;
}

.actualites-button {
    margin-top: 104px;
    display: flex;
    justify-content: center;
}

.actualites-button button {
    border: none;
    border-bottom: 1px solid #182F52;
    background: none;
    padding-top: 10px;
    padding-bottom: 10px;

    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #182F52;
    cursor: pointer;
    width: fit-content;
}

/* End Actualites Page */


/* Start Article Page */

.article-header-text-content {
    /* padding-left: 109px; */
    margin-top: 146px;
}

.article-header-text-content ul {
    padding-bottom: 30px;
    display: flex;
    gap: 50px;
}

.article-header-text-content ul li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.article-header-text-content .startegie-header-text {
    /* padding-left: 109px; */
    padding-left: 0;
    margin-top: 0;
}

.article-header-text-content .header-slogan__text {
    max-width: 957px !important;
    width: 100% !important;
}


.article-header-text-content .startegie-header-text {
    padding-right: 0;
}

/* .article-sidebar {
    display: flex;
} */

.article-sidebar h2 {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    color: #182F52;
    margin-bottom: 32px;
}

.article-sidebar__links {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.article-sidebar__links a,
.article-sidebar__links button {
    font-weight: 300;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    color: #182F52;
}

.article-sidebar__links button {
    background: none;
    border: none;
    cursor: pointer;
    width: fit-content;
}

.article-sidebar {
    /* border-right: 1px solid #D2DADD; */
    width: 237px;
    max-height: 343px;
    flex-shrink: 0;
}

.article-section {
    display: flex;
    gap: 50px;
    width: 100%;
    max-width: 1025px;
    margin: 0 auto;
    margin-top: 96px;
    margin-bottom: 89px;

    flex-direction: column-reverse;
    padding-left: 20px;
    padding-right: 20px;
}

.article-main {
    margin-bottom: 50px;
}

.article-content {
    font-weight: 400;
    font-size: 18px;
    line-height: 180%;
    letter-spacing: 0;
    color: #182F52;
    width: 100%;
    /* max-width: 738px; */
}

.article-content p {
    margin-bottom: 25px;
}

.article-content p:last-child {
    margin-bottom: 0;
}

/* End Article Page */


/* Start Contact Page */

.contact-form input,
.wpcf7-form-control.wpcf7-text {
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 15px;
    padding-left: 18px;
    background: #FFFFFF8F;
    border: none;
    border-left: 1px solid #182F52;

    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
    color: #182F52;
    width: 100%;
}

.wpcf7-form-control.wpcf7-text:focus {
    outline: none;
}

.form-row {
    display: flex;
    flex-direction: column;
}

.form-row .form-group {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.form-group label {
    padding: 10px;
    color: #182F52;
}

.textarea-group label {
    color: #182F52;
}

.textarea-group {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.textarea-group label {
    padding: 10px;
}

.textarea-group textarea {
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 15px;
    padding-left: 18px;
    background: #FFFFFF8F;
    border: none;
    border-left: 1px solid #182F52;

    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
    color: #182F52;
    resize: vertical;
    min-height: 150px;
    width: 100%;
}

.textarea-group textarea:focus {
    outline: none;
}

.form-footer {
    margin-top: 26px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.wpcf7-list-item-label {
    font-weight: 400;
    font-size: 12px;
    /* line-height: 140%; */
    letter-spacing: 0;
    color: #182F52;
    margin-left: 6px;
}

input[type="checkbox"] {
    accent-color: #182F52;
}

.wpcf7-list-item-label a {
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    color: #182F52;
}

.wpcf7-list-item {
    display: flex !important;
    align-items: center;
    /* gap: 6px; */
}

.wpcf7-submit {
    border: none;
    padding-top: 6px;
    padding-right: 16px;
    padding-bottom: 6px;
    padding-left: 16px;
    border-radius: 50px;
    border-left-width: 1px;
    background: #FFFFFF;

    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #182F52;

}

.form-terms {
    display: flex;
}

.form-terms input {
    width: 14px;
    height: 14px;
}

.header-title--contact {
    font-weight: 400;
    font-size: 44px;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #182F52;
    margin-bottom: 51px;
}


.header-description--contact {
    font-weight: 400;
    font-size: 16px;
    line-height: 50px;
    letter-spacing: 0;
    color: #182F52;
}

.header-contact {
    margin-bottom: 50px;
}

.header-content--contact {
    max-width: 1152px;
    margin: 0 auto;
}

.header-graphic--contact {
    position: absolute;
    top: 0;
    left: 0;
}

.header-content2--contact {
    padding-top: 118px;
    position: relative;
    margin-top: 28px !important;

    max-width: 1340px;
    margin: 0 auto;
}

.nav-language .lang {
    font-weight: 400;
    font-size: 14px;
    line-height: 170%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #182F52;
}

.nav-language {
    color: #182F52;
}

.nav-language .lang.active-lang {
    font-weight: 600;
}

/* End Contact Page */


/* Modifications */

.equipe-header-text__name {
    font-weight: 500;
    font-size: 66px;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #FFFFFF;

    margin-bottom: 14px;
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}


.accordion-toggle.biography-list__item {
    width: 100%;
}

.accordion-content p {
    margin: 0;
    padding: 10px 0;
}

.accordion-toggle svg {
    transition: transform 0.3s ease;
}

.accordion-toggle.active svg {
    transform: rotate(45deg);
    /* turns + into x */
}

.biography-expertises a {
    display: block;
    color: #0F3060;
}

.biography-content-2 {
    width: 100%;
    padding-bottom: 50px;
    /* padding-top: 45px; */
    border-bottom: 1px solid #D2DADD;
}

.biography-partager {
    margin-top: 30px;
}

.navigation-black .lang,
.navigation-black .biography-nav-language {
    color: #FFFFFF !important;
}

.accordion-content ul li {
    position: relative;
    padding: 5px 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

.accordion-content ul {
    /* display: flex;
    flex-direction: column;
    gap: 5px; */
    margin-top: 15px;
}

.accordion-content ul li::before {
    content: "•";
    /* font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    position: absolute;
    left: 0;
    top: -4px; */
}

.wpcf7-not-valid-tip,
.wpcf7-spinner {
    display: none !important;
}

.wpcf7-response-output {
    margin-left: o !important;
    margin-right: 0 !important;
    padding: 0 !important;
    border: none !important;
    color: #ef233c !important;
}


.hamburger {
    position: relative;
    width: 1em;
    height: 1em;
    font-size: inherit;
    transition: all 0.3s ease;
    cursor: pointer;
}




.hamburger.is-lg {
    font-size: 2rem;
}

.hamburger-line {
    position: absolute;
    right: 0;
    width: 100%;
    height: 0.125em;
    border-radius: 0.125em;
    background: #182F52;
    transition: inherit;
}

.hamburger-line:nth-child(1) {
    top: 0.125em;
}

.hamburger.is-active .hamburger-line:nth-child(1),
.w-nav-button.w--open .hamburger-line:nth-child(1) {
    top: 50%;
    transform: translateY(-50%) rotateZ(-135deg);
}

.hamburger-line:nth-child(2) {
    top: 0.438em;
}

.hamburger.is-active .hamburger-line:nth-child(2),
.w-nav-button.w--open .hamburger-line:nth-child(2) {
    right: 50%;
    width: 0;
}

.hamburger-line:nth-child(3) {
    top: 0.75em;
    /* width: 0.625em; */
}

.hamburger.is-active .hamburger-line:nth-child(3),
.w-nav-button.w--open .hamburger-line:nth-child(3) {
    top: 50%;
    width: 100%;
    transform: translateY(-50%) rotateZ(135deg);
}

.nav-language {
    opacity: 0 !important;
}

.menu-mobile {
    position: absolute;
    top: 35px;
    right: 0;
    background-color: #F2F0EB;
    padding: 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    min-width: 222px;
}


.menu-mobile a {
    color: #182F52;
}

.menu-mobile__links {
    display: flex;
    flex-direction: column;
    gap: 15px;
    text-align: center;
}

.show-menu {
    display: flex !important;
    animation: opacityIn 0.3s ease-in forwards;
    opacity: 0;
}


.single-droit-main .startegie-article {
    padding-top: 45px;
}

.mentions-legales-article>div,
.mentions-legales-article ul {
    margin-bottom: 30px;
}

.mentions-legales-article> :last-child {
    margin-bottom: 0;
}


.mentions-legales-article ul li {
    padding-left: 8px;
}

.mentions-legales-article ul li::before {
    content: "•";
    color: #182F52;
    padding-right: 8px;
}

.error-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0;
    color: #182F52;
}

.error-button {
    display: block;
    border: none;
    border-bottom: 1px solid #182F52;
    background: none;
    padding-top: 10px;
    padding-bottom: 10px;

    font-weight: 400;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #182F52;
    cursor: pointer;
    width: fit-content;
    margin-top: 80px;
}

@keyframes opacityIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

}

/* .burger-btn span:first-child {
    transform: rotate(45deg) translateX(2px) translateX(-1px);
}

body.opened_menu .burger-btn span:last-child {
    transform: rotate(-45deg) translateX(3px) translateY(-2px);
} */



/* End Modifications */




/* 
.penal-main {
    padding: 0 20px;
}

.penal-main .startegie-article {
    padding-top: 0;
} */

/* animation */

/* 

After delay
animation-delay: 1000ms;
Navigate to: "Home page";
Animate: Smart animate;
animation-timing-function: ease-in-out;
animation-duration: 800ms;



*/


.animation .header-nav {
    animation: moveDown 0.8s ease-in-out 1s forwards;
    opacity: 0;
}


.animation .header-slogan {
    animation: moveUP 0.8s ease-in-out 1s forwards;
    opacity: 0;
}

.animation .header-secondary-logo {
    animation: moveUP 0.8s ease-in-out 1s forwards;
    opacity: 0;
}

.animation .header-text__content {
    animation: moveUP40 0.8s ease-in-out 1s forwards;
    opacity: 0;
}

.animation .header-article {
    animation: moveUP40 0.8s ease-in-out 1s forwards;
    opacity: 0;
}

.animation .header-logo {
    animation: moveUP40 0.8s ease-in-out 1s forwards;
    opacity: 0;
}

.animation.header {
    overflow: hidden;
}

.animation.header::after {
    animation: moveTOLEFT 0.8s ease-in-out 1s forwards;
    opacity: 0;
}

.animation.header::before {
    animation: moveTOLEFT0 0.8s ease-in-out 1s forwards;
    opacity: 0;
}

.single-droit-article-margin div,
.single-droit-article-margin ul {
    margin-bottom: 30px;
}

.single-droit-article-margin {
    border-bottom: 1px solid #D2DADD;
}

.single-droit-article-margin> :last-child {
    margin-bottom: 0;
}

.section-fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.section-fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

@keyframes moveDown {
    0% {
        transform: translateY(-80px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes moveUP {
    0% {
        transform: translateY(100px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes moveUP40 {
    0% {
        transform: translateY(40px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes moveTOLEFT {
    0% {
        right: -110px;
        opacity: 0;
    }

    100% {
        right: 12px;
        opacity: 1;
    }
}

@keyframes moveTOLEFT0 {
    0% {
        right: -122px;
        opacity: 0;
    }

    100% {
        right: 0px;
        opacity: 1;
    }
}

/* End animation */