/* line 2, style.scss */
.services {
    position: relative;
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    margin: 0 45px;
}
/* line 3, style.scss */
.services .description_mobile {
    display: none;
}
/* line 14, style.scss */
.services ul {
    margin-left: 0;
}
/* line 17, style.scss */
.services ul li {
    list-style-type: none;
}
/* line 23, style.scss */
.services .service .service_header {
    display: flex;
    flex-wrap: wrap;
}
/* line 27, style.scss */
.services .service .service_header > div {
    width: 25%;
}
/* line 31, style.scss */
.services .service .service_header .title {
    width: 50%;
    font-weight: 700;
    font-size: 40px;
}
/* line 36, style.scss */
.services .service .service_header .title span {
    display: block;
}
/* line 45, style.scss */
.services .service_title .title span {
    display: block;
    font-weight: 400;
    font-size: 18px;
}
/* line 55, style.scss */
.services .service .title {
    padding-top: 30px;
    font-size: var(--fluid-25-40);
    margin-bottom: 30px;
}
/* line 72, style.scss */
.services .left {
    width: calc(45%);
}
/* line 75, style.scss */
.services .left img {
    max-width: 60px;
    margin-right: 30px;
}
/* line 80, style.scss */
.services .left li {
    padding: 15px 0;
    margin-right: 90px;
    /*  border-bottom: 1px solid var(--npwhite);*/
}
/* line 85, style.scss */
.services .left li .service_title {
    display: flex;
    align-items: center;
}
/* line 90, style.scss */
.services .left li:last-child {
    border-width: 0;
}
/* line 94, style.scss */
.services .left li:hover {
    cursor: pointer;
}
/* line 100, style.scss */
.services .right {
    width: 55%;
}
/* line 105, style.scss */
.services .li_service .service_title {
    padding-left: 10px;
    position: relative;
}
/* line 111, style.scss */
.services .li_service.active {
    font-weight: 900;
}
/* line 114, style.scss */
.services .li_service.active .service_title::before {
    content: "";
    height: 90%;
    width: 1px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--npblack);
}
/* line 126, style.scss */
.services #service_right {
    position: relative;
}
/* line 130, style.scss */
.services #service_right > div {
    display: none;
}
/* line 133, style.scss */
.services #service_right > div.service {
    /*color: var(--npwhite);*/
}
/* line 137, style.scss */
.services #service_right > div.active {
    display: block;
}

/* line 146, style.scss */
.bloc_services.s_design2 {
    /*.services .li_service.active .service_title::before {
      content: "";
      height: 90%;
      width: 1px;
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      background-color: var(--npblack);*/
}
/* line 147, style.scss */
.bloc_services.s_design2 .services .left li {
    margin-right: 0;
}
/* line 151, style.scss */
.bloc_services.s_design2 .services .left li .service_title {
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 10px;
}
/* line 157, style.scss */
.bloc_services.s_design2 .services .left,
.bloc_services.s_design2 .services .right {
    width: 100%;
}
/* line 162, style.scss */
.bloc_services.s_design2 .services .left ul {
    display: flex;
    flex-wrap: wrap;
}
/* line 170, style.scss */
.bloc_services.s_design2 .services .left ul .service_title .title {
    display: block;
    text-align: center;
    width: 80%;
}
/* line 189, style.scss */
.bloc_services.s_design2 .services .li_service .service_title::before {
    content: "";
    bottom: 0;
    width: 100%;
    height: 2px;
    left: 0;
    top: auto;
    background-color: var(--npblack);
    display: block;
    position: absolute;
}
/* line 201, style.scss */
.bloc_services.s_design2 .services .li_service.active .service_title::before {
    background-color: var(--main);
}
/* line 208, style.scss */
.bloc_services.s_design2 .services .service .description_mobile,
.bloc_services.s_design2 .services .service .description {
    padding: 50px 35px;
    background: var(--npwhite);
    border-radius: 30px;
    font-size: 18px;
}
/* line 214, style.scss */
.bloc_services.s_design2 .services .service .description_mobile a,
.bloc_services.s_design2 .services .service .description a {
    color: var(--npwhite);
    text-decoration: underline;
    font-weight: 400;
}
/* line 219, style.scss */
.bloc_services.s_design2 .services .service .description_mobile .ninja-forms-field,
.bloc_services.s_design2 .services .service .description .ninja-forms-field {
    border-radius: 10px;
    background-color: var(--npwhite);
}
/* line 223, style.scss */
.bloc_services.s_design2 .services .service .description_mobile .nf-error.field-wrap .nf-field-element:after,
.bloc_services.s_design2 .services .service .description .nf-error.field-wrap .nf-field-element:after {
    display: none;
}
/* line 226, style.scss */
.bloc_services.s_design2 .services .service .description_mobile .nf-form-content input[type=submit],
.bloc_services.s_design2 .services .service .description .nf-form-content input[type=submit] {
    background-color: var(--npblack);
}
@media (max-width: 768px) {
    /* line 234, style.scss */
    .bloc_services.s_design2 .services .left li {
        width: 100% !important;
    }
}

@media (max-width: 1024px) {
    /* line 242, style.scss */
    .bloc_services .presentation .description {
        width: 100%;
    }

    /* line 246, style.scss */
    .bloc_services .presentation {
        padding: var(--space_s);
    }
}
@media (max-width: 992px) {
    /* line 254, style.scss */
    .bloc_services .services .left {
        width: 100%;
    }

    /* line 258, style.scss */
    .bloc_services .services .left li {
        margin-right: 0;
    }
    /* line 261, style.scss */
    .bloc_services .services .left li .description {
        width: 100%;
    }

    /* line 266, style.scss */
    .bloc_services .services .right {
        display: none;
    }

    /* line 272, style.scss */
    .bloc_services .services .left li.active .description_mobile {
        display: block !important;
        padding-left: 0;
    }
    /* line 279, style.scss */
    .bloc_services .services .left .description_mobile::after {
        content: "";
        clear: both;
        display: table;
    }
    /* line 285, style.scss */
    .bloc_services .services .left .description_mobile::before {
        display: none !important;
    }
    /* line 289, style.scss */
    .bloc_services .services .left .description_mobile .link {
        float: right;
    }

    /* line 296, style.scss */
    .bloc_services .services .left li .description,
    .bloc_services .services .service .title {
        font-weight: 300;
        margin-top: var(--space_default);
    }
}