/* Base styles (mobile by default) */

@media (min-width: 576px) {







    /* Start Contact */



    .form-row {
        flex-direction: row;
        gap: 43.6px;
    }


    /* End Contact */

}

@media (min-width: 768px) {
    .actualites-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {
    
    .startegie-sidebar {
    margin-top: 0;
}

    .startegie {
        display: flex;
        flex-direction: row;
        gap: 106px;

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

    /* .biography-main {
        flex-direction: column;
    } */

    .startegie-header-text {
        flex-direction: row;
    }

    .single-droit-des-affaires .startegie-header-text {
        justify-content: space-between;
        align-items: center;
    }

    .equipe-startegie-header-text {
        flex-direction: column;
        margin-top: 45px !important;
    }

    .startegie-header .startegie-header-text .header-slogan__text {
        max-width: 708px;
        width: 708px;
    }

    .startegie-section {
        flex-direction: row;
    }

    .startegie-sidebar {
        max-width: 491px;
    }

    .domaines {
        padding: 45px;
        margin-bottom: 86px;
    }


    .header-partager__links {
        min-width: 369px;
        flex-wrap: nowrap
    }




    .founder-body {
        flex-direction: row;
        gap: 173px;

    }


    .service-description {
        text-align: left;
        margin-left: 0;
    }

    .service-body::before {
        width: 100vw;
    }

    .service-title {
        text-align: left;
        /* margin-left: 0; */
    }

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

    .service-title {
        padding-left: 44px;
    }

    .service-link {
        margin-left: 0;
    }

    .header-slogan__space {
        display: block;
    }

    .service-logo {
        padding-left: 319px;
        margin: 0;
    }



    .service-description {
        max-width: 550px;
    }

    .service-body {
        margin-left: 177px;
    }


    .sqr {
        display: block;
    }

    .header {
        padding: 33px 50px 51px 35px;
    }

    .header-text {
        flex-direction: row;
        gap: 0;
    }

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


    .header-content {
        padding-left: 16px;
    }

    .header-slogan {
        gap: 193px;
        flex-direction: row;
    }

    .champs-header {
        gap: 153px;
        padding-left: 70px;
        padding-right: 100px;
        flex-direction: row;
    }

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

    .champs-item {
        flex-direction: row;
    }

    .champs-image img {
        max-width: 347px;
    }

    .champs-image__svg {
        left: -208px;
    }

    .champs-description {
        max-width: 539px;
    }

    .champs-item__content {
        max-width: 494px;
    }

    .homepage .champs-item__content {
        max-width: 611px;
    }

    .champs-image--second {
        width: 555px;
    }

    .champs-item__content {
        padding-left: 64px;
        padding-right: 0;
    }

    .champs-image--second img {
        max-width: 283px;
        width: 283px;
        position: absolute;
    }

    .champs-image {
        height: auto;
    }

    .header::after {
        content: "";
        top: 0;
        right: 12px;
        bottom: 0;
        width: 274px;
        background-color: #D2DADD;

        position: absolute;
    }

    .biography-header-text {
        margin-bottom: 0;
    }

    .biography-section {
        transform: translateX(16px);
        flex-direction: row;
    }

    .biography-header-image {
        width: 491px;
        height: 775px;
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 97px;
    }

    .startegie-header-text {
        padding-left: 109px;
        padding-right: 124px;
    }

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

    .startegie-article {
        max-width: 602px;
        /* border-bottom: 1px solid #D2DADD; */
    }

    .mentions-legales-article {
        max-width: 100%;
        margin: 0 auto;
    }

    /* .biography-main .startegie-article {
        padding-left: 0;
        padding-right: 0;
    } */

    .biography-partager {
        /* transform: translateX(16px); */
        flex-direction: row;
        align-items: center;
        padding-left: 0;
        padding-right: 0;
    }

    .biography-section {
        padding-left: 0;
        padding-right: 0;
    }

    .biography-sidebar {
        margin-top: 247px;
    }

    .analyses {
        flex-direction: row;
    }


    .analyses-right__link {
        display: block;
    }

    .analyses--blog-mobile {
        display: none;
    }

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

    .service-content__background {
        left: 0;
        transform: translateX(0);
    }

    .service {
        padding-left: 281px;
    }

    .article-section {
        flex-direction: row;

        padding-left: 0;
        padding-right: 0;
    }

    .article-content {
        max-width: 738px;
    }

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

    .filter {
        padding-left: 0;
        padding-right: 0;
        gap: 0;
    }

    .filter-list {
        column-gap: 50px;
    }

    .actualites-list {
        grid-template-columns: repeat(3, 1fr);
    }

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

    .header-nav {
        display: flex;
    }

    .mobile-nav {
        display: none;
    }

    .startegie-header {
        padding: 30px 50px 92px 35px;
    }



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

    .startegie-header::after {
        content: "";
        top: 0;
        right: 12px;
        bottom: 0;
        width: 274px;
        background-color: #D2DADD;

        position: absolute;
    }

    /*.startegie-header::after {*/
    /*    width: 460px;*/
    /*}*/

    .form-footer {
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
    }

    .footer-content {
        flex-direction: row;
    }

    .footer-content__left {
        padding: 115px 118px 123px 125px;
    }

    .footer-content__right {
        /* padding: 118px 125px 117px 107px; */
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .footer-bottom {
        align-items: flex-end;
        padding: 52px 80px 64px 80px;
        flex-direction: row;
        gap: 0;
    }

    .footer-bottom__logo {
        margin-right: 125px;
    }

    .footer-bottom__copyright {
        margin-right: 192px;
    }

    .footer-bottom__legal {
        margin-right: 171px;
    }


    .analyses-right {
        padding: 0;
        /*aspect-ratio: auto;*/
    }

}


@media (min-width: 1262px) {
    .biography-section {
        gap: 106px;
    }
}

@media (min-width: 1400px) {
    /* .analyses {
        max-width: 1440px;
        margin: 0 auto;
    } */
}


@media (min-height: 1000px) {
    .service-content {
        /* background-color: red;s */
        /* height: 100vh; */
        display: flex;
        flex-direction: column;
        justify-content: center;

    }

    .service {
        padding-left: 0;
        justify-content: center;
    }

    .service-content {
        flex: 0 1 auto;
    }

    .service-content__background {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}