.page-interior-coordinate .flow .container,

.page-interior-coordinate .strength .container,

.page-interior-coordinate .testimony .container {

    max-width: 164rem;

    width: 100%;

}

.page-interior-coordinate .flow .container {

    padding-inline: 8rem;

}



.page-interior-coordinate .sub-title {

    margin: clamp(11rem, calc(110px + (150 - 110) * var(--vw-desktop-range)), 15rem) 0 clamp(6.5rem, calc(65px + (100 - 65) * var(--vw-desktop-range)), 10rem) 0;

    line-height: clamp(2.6rem, calc(60px + (100 - 60) * var(--vw-desktop-range)), 6rem);

    margin-inline: auto;

}



.page-interior-coordinate .sec-about {

    margin: clamp(3.5rem, calc(35px + (60 - 35) * var(--vw-desktop-range)), 6rem) auto 0;

    max-width: 153.2rem;

    width: 100%;

}

.page-interior-coordinate .sec-about .title {

    font-size: clamp(3.6rem, calc(36px + (56 - 36) * var(--vw-desktop-range)), 5.6rem);

    line-height: clamp(5rem, calc(50px + (84 - 50) * var(--vw-desktop-range)), 8.4rem);

    text-align: center;

    font-weight: 500;

}

.page-interior-coordinate .sec-about p {

    font-size: clamp(1.65rem, calc((15px + (24 - 15) * var(--vw-desktop-range)) * 1.1), 2.64rem);

    line-height: clamp(2.6rem, calc(26px + (50 - 26) * var(--vw-desktop-range)), 5rem);

    letter-spacing: 2.4px;

    text-align: center;

    margin: 5rem 0 0 0;

}

.page-interior-coordinate .sec-about p span.blue {

    color: var(--blue);

    font-size: clamp(2.4rem, calc((24px + (40 - 24) * var(--vw-desktop-range)) * 1.1), 4rem);

}

.page-interior-coordinate .sec-main .second p span.blue {

    color: var(--blue);

    font-size: clamp(2.4rem, calc((24px + (40 - 24) * var(--vw-desktop-range)) * 1.1), 4rem);

}



.page-interior-coordinate .sec-main {

    margin: clamp(11rem, calc(110px + (150 - 110) * var(--vw-desktop-range)), 15rem) 0 0 0;

}

.page-interior-coordinate .sec-main img {

    width: 100%;

    height: auto;

}

.page-interior-coordinate .sec-main .first p:last-of-type {

    margin-top: clamp(1.2rem, calc(12px + (20 - 12) * var(--vw-desktop-range)), 2rem);

}

.page-interior-coordinate .sec-main .container {

    margin: clamp(11rem, calc(110px + (150 - 110) * var(--vw-desktop-range)), 15rem) auto 0;

    max-width: 148rem;

    width: 100%;

}

.page-interior-coordinate .sec-main .first {

    margin-bottom: clamp(6.5rem, calc(65px + (100 - 65) * var(--vw-desktop-range)), 10rem);

}

.page-interior-coordinate .sec-main .second {

    margin-bottom: clamp(11rem, calc(110px + (150 - 110) * var(--vw-desktop-range)), 15rem);

    margin-top: clamp(4rem, calc(40px + (60 - 40) * var(--vw-desktop-range)), 6rem);

}

.page-interior-coordinate .sec-main .first p,

.page-interior-coordinate .sec-main .second p {

    font-size: clamp(1.65rem, calc((15px + (24 - 15) * var(--vw-desktop-range)) * 1.1), 2.64rem);



    line-height: clamp(2.6rem, calc(26px + (50 - 26) * var(--vw-desktop-range)), 5rem);

    letter-spacing: 2.4px;

}

.page-interior-coordinate .sec-main .steps {

    display: flex;

    align-items: center;

    gap: clamp(2rem, calc(40px + (40 - 20) * var(--vw-desktop-range)), 4rem);

}

.page-interior-coordinate .sec-main .steps .step {

    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.15);

    border: 1px solid var(--lightgray);

    border-top: 5px solid var(--blue);

    padding: 5rem 3.8rem 4rem;

    position: relative;

    z-index: 5;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    max-width: 43.5rem;

    height: clamp(15rem, calc(150px + (200 - 150) * var(--vw-desktop-range)), 20rem);

}

.page-interior-coordinate .sec-main .steps .step {

    font-size: clamp(2.2rem, calc(22px + (32 - 22) * var(--vw-desktop-range)), 3.2rem);

    line-height: clamp(3.4rem, calc(34px + (50 - 34) * var(--vw-desktop-range)), 5rem);

    font-weight: 500;

    text-align: center;

}

.page-interior-coordinate .sec-main .steps .step span {

    position: absolute;

    top: 0;

    left: 50%;

    transform: translate(-50%, -50%);

    font-family: var(--font-en);

    font-family: Jost;

    font-weight: 700;

    font-size: clamp(2rem, calc(20px + (40 - 20) * var(--vw-desktop-range)), 4rem);

    line-height: clamp(2.4rem, calc(24px + (40 - 24) * var(--vw-desktop-range)), 4rem);

    letter-spacing: 0.01em;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 10;

    background: var(--blue);

    color: var(--white);

    border-radius: 50%;

    width: clamp(6rem, calc(60px + (80 - 60) * var(--vw-desktop-range)), 8rem);

    height: clamp(6rem, calc(60px + (80 - 60) * var(--vw-desktop-range)), 8rem);

}

.page-interior-coordinate .sec-main .options .container {

    max-width: 164rem;

    width: 100%;

    margin-top: 0;

    padding-right: calc(110 * 100vw / 1920);

}

.page-interior-coordinate .sec-main .options {

    background: url(../../assets/img/interior-coordinate/img_02.webp) no-repeat;

    background-size: cover;

    padding: clamp(2.2rem, calc(22px + (35 - 22) * var(--vw-desktop-range)), 3.5rem) 0;

}

.page-interior-coordinate .sec-main .wrapper {

    max-width: 87.5rem;

    width: 100%;

    margin-left: auto;

}

.page-interior-coordinate .sec-main .option {

    background: rgba(255, 255, 255, 0.8);

    padding: clamp(2rem, calc(40px + (40 - 20) * var(--vw-desktop-range)), 4rem);

}

.page-interior-coordinate .sec-main .option:last-of-type {

    margin-top: clamp(1.2rem, calc(12px + (20 - 12) * var(--vw-desktop-range)), 2rem);

}

.page-interior-coordinate .sec-main .option-title {

    background: var(--blue);

    height: clamp(3.5rem, calc(35px + (60 - 35) * var(--vw-desktop-range)), 6rem);

    display: flex;

    align-items: center;

    justify-content: center;

}

.page-interior-coordinate .sec-main .option-title p {

    font-size: clamp(1.8rem, calc(18px + (24 - 18) * var(--vw-desktop-range)), 2.4rem);

    line-height: clamp(2.4rem, calc(24px + (36 - 24) * var(--vw-desktop-range)), 3.6rem);

    font-weight: 700;

    letter-spacing: 0;

    color: var(--white);

}

.page-interior-coordinate .sec-main .option-content {

    margin-top: clamp(1.2rem, calc(12px + (20 - 12) * var(--vw-desktop-range)), 2rem);

}

.page-interior-coordinate .sec-main .option-content p {

    font-size: clamp(1.8rem, calc(18px + (24 - 18) * var(--vw-desktop-range)), 2.4rem);

    /* line-height: clamp(2.4rem, calc(24px + (36 - 24) * var(--vw-desktop-range)), 3.6rem); */

    letter-spacing: 0.01em;

    line-height: 1.7;

}

.page-interior-coordinate .sec-main .option-content table {

    margin-top: clamp(1.2rem, calc(12px + (20 - 12) * var(--vw-desktop-range)), 2rem);

    border-collapse: collapse;

    text-align: center;

    width: 100%;

    border: 1px solid #252621;

}

.page-interior-coordinate .sec-main .option-content th {

    background: var(--lightgray);

    color: #252621;

    letter-spacing: 0.01em;

    line-height: clamp(2.6rem, calc(26px + (50 - 26) * var(--vw-desktop-range)), 5rem);

    font-size: clamp(1.65rem, calc((15px + (24 - 15) * var(--vw-desktop-range)) * 1.1), 2.64rem);

    width: calc(100% / 3);

    font-weight: 700;

    border: 1px solid #252621;

}

.page-interior-coordinate .sec-main .option-content td {

    color: var(--blue);

    letter-spacing: 0.01em;

    line-height: clamp(2.6rem, calc(26px + (50 - 26) * var(--vw-desktop-range)), 5rem);

    font-size: clamp(2.2rem, calc(22px + (32 - 22) * var(--vw-desktop-range)), 3.2rem);

    font-weight: 700;

    border: 1px solid #252621;

    padding-top: clamp(1.2rem, calc(12px + (20 - 12) * var(--vw-desktop-range)), 2rem);

    padding-bottom: clamp(1.2rem, calc(12px + (20 - 12) * var(--vw-desktop-range)), 2rem);

    background: var(--white);

}

.page-interior-coordinate .sec-main .option-content table+p {

    margin-top: clamp(1.2rem, calc(12px + (20 - 12) * var(--vw-desktop-range)), 2rem);

    font-size: clamp(1.6rem, calc(16px + (18 - 16) * var(--vw-desktop-range)), 1.8rem);

    /* line-height: clamp(1.8rem, calc(18px + (30 - 18) * var(--vw-desktop-range)), 3rem); */

    letter-spacing: 0.01em;

}



/* CONTENEUR PRINCIPAL */

.page-interior-coordinate .sec-main .ic-swiper {

    height: 33.3rem;

    overflow: hidden;

    position: relative;

}



.page-interior-coordinate .sec-main .ic-swiper__track {

    height: 100%;

    display: flex;

    align-items: center;

    will-change: transform;

    animation-name: ic-marquee-pingpong;

    animation-timing-function: linear;

    animation-iteration-count: infinite;

    animation-duration: var(--ic-marquee-duration, 40s);

    animation-play-state: paused;

    opacity: 0;

}



/* Chaque "slide" */

.page-interior-coordinate .sec-main .ic-swiper__slide {

    flex: 0 0 auto;

    height: 33rem;

    display: flex;

    align-items: center;

    justify-content: center;

}



/* Images */

.page-interior-coordinate .sec-main .ic-swiper__slide img {

    height: 100%;

    width: auto;

    max-height: 100%;

    object-fit: contain;

    display: block;

}



.page-interior-coordinate .sec-main .ic-swiper__track.is-ready {

    animation-play-state: running;

    opacity: 1;

}



/* Vernis anti-clic */

.page-interior-coordinate .sec-main .ic-swiper__shield {

    position: absolute;

    inset: 0;

    z-index: 10;

    pointer-events: auto;

    background: transparent;

    cursor: default;

}



@keyframes ic-marquee-pingpong {

    0% {

        transform: translate3d(0, 0, 0);

    }



    45% {

        transform: translate3d(calc(-1 * var(--ic-marquee-distance)), 0, 0);

    }



    50% {

        transform: translate3d(calc(-1 * var(--ic-marquee-distance)), 0, 0);

    }



    95% {

        transform: translate3d(0, 0, 0);

    }



    100% {

        transform: translate3d(0, 0, 0);

    }

}

/* =========================

   SLIDER MOBILE - BASE

   (caché par défaut)

========================= */

/* 

.ic-swiper-mobile {

  display: none; 

} */



/* =========================

   BREAKPOINT MOBILE

========================= */

/* @media (max-width: 767px) {





  .page-interior-coordinate .sec-main .ic-swiper--desktop {

    display: none;

  }



  .ic-swiper-mobile {

    display: block;

    width: 100%;

    max-width: 39rem;    

    margin: 2rem auto 0;

    height: auto;

  }



  .ic-swiper-mobile .swiper-wrapper {

    align-items: stretch;

  }



  .ic-swiper-mobile__slide {

    width: 50% !important;   

    height: auto;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0;

  }



  .ic-swiper-mobile__slide img {

    width: 19.5rem;   

    height: 14.7rem;  

    object-fit: cover;

    display: block;

  }



  .ic-swiper-mobile__pagination {

    margin-top: 1.2rem;

    text-align: center;

  }

} */





.page-interior-coordinate .strength {}

.page-interior-coordinate .strength .container {

    padding-inline: 4rem;

}

.page-interior-coordinate .strength .cards {

    display: flex;

    /* gap: clamp(4rem, calc(80px + (80 - 40) * var(--vw-desktop-range)), 8rem); */

    gap: clamp(1rem, calc(20px + (20 - 10) * var(--vw-desktop-range)), 2rem);

    justify-content: center;

}

.page-interior-coordinate .strength .card {

    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.15);

    border: 1px solid var(--lightgray);

    border-top: 5px solid var(--blue);

    padding: clamp(2.5rem, calc(50px + (50 - 25) * var(--vw-desktop-range)), 5rem) clamp(2rem, calc(40px + (40 - 20) * var(--vw-desktop-range)), 4rem) clamp(2rem, calc(40px + (40 - 20) * var(--vw-desktop-range)), 4rem);

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: flex-start;

    background: var(--white);

    position: relative;

    z-index: 300;

    /* max-width: 44rem; */

    /* height: clamp(36rem, calc(360px + (480 - 360) * var(--vw-desktop-range)), 48rem); */

}

.page-interior-coordinate .strength .card p:first-of-type {

    font-size: clamp(2.2rem, calc(22px + (32 - 22) * var(--vw-desktop-range)), 3.2rem);

    line-height: clamp(3.4rem, calc(34px + (50 - 34) * var(--vw-desktop-range)), 5rem);

    font-weight: 500;

    text-align: center;

    letter-spacing: 0;

    color: #000;

    margin-bottom: clamp(2.5rem, calc(50px + (50 - 25) * var(--vw-desktop-range)), 5rem);

}

.page-interior-coordinate .strength .card p:nth-of-type(2) {

    letter-spacing: 0.01em;

    line-height: clamp(2.6rem, calc(26px + (50 - 26) * var(--vw-desktop-range)), 5rem);

    font-size: clamp(1.65rem, calc((15px + (24 - 15) * var(--vw-desktop-range)) * 1.1), 2.64rem);



    font-weight: 700;

    color: #000;

}



.page-interior-coordinate .flow .cards {

    display: flex;

    /* align-items: center; */

    gap: 2rem;

    margin-top: clamp(6.5rem, calc(65px + (100 - 65) * var(--vw-desktop-range)), 10rem);

}

.page-interior-coordinate .flow .card {

    background: var(--lightgray);

    border-top: 5px solid var(--blue);

    width: 27.2rem;

    height: auto;

    display: block;

    text-align: center;

    padding-bottom: clamp(2rem, calc(20px + (60 - 20) * var(--vw-desktop-range)), 6rem);

}

.page-interior-coordinate .flow .cards img {}

.page-interior-coordinate .flow .cards .card img {

    margin-bottom: 6rem;

    margin-top: 5rem;

}



.page-interior-coordinate .flow .cards .card {

    font-family: var(--font-jp);

    font-weight: 700;

    font-size: clamp(1.8rem, calc(18px + (24 - 18) * var(--vw-desktop-range)), 2.4rem);

    letter-spacing: 0px;

    text-align: center;

    color: #000;

    line-height: clamp(2.8rem, calc(28px + (34 - 28) * var(--vw-desktop-range)), 3.4rem);

}



.page-interior-coordinate .flow .cards .card--relative {

    position: relative;

}

.page-interior-coordinate .flow .cards small {

    font-size: clamp(1.5rem, calc(15px + (16 - 15) * var(--vw-desktop-range)), 1.6rem);

    line-height: clamp(2.2rem, calc(22px + (26 - 22) * var(--vw-desktop-range)), 2.6rem);

    margin-top: 1rem;

    font-weight: 500;

    position: absolute;

    left: 1.5rem;

    top: 100%;

    text-indent: -1.5rem;

}





.page-interior-coordinate .blog {

    margin: clamp(11rem, calc(110px + (150 - 110) * var(--vw-desktop-range)), 15rem) 0 clamp(6.5rem, calc(65px + (100 - 65) * var(--vw-desktop-range)), 10rem) 0;

    margin-bottom: clamp(16rem, calc(160px + (200 - 160) * var(--vw-desktop-range)), 20rem);

}

.page-interior-coordinate .blog .sub-title {

    margin: 0;

    margin-inline: auto;

}

.page-interior-coordinate .blog .btn {

    display: flex;

    align-items: center;

    justify-content: center;

    border: clamp(0.1rem, calc(1px + (2 - 1) * var(--vw-desktop-range)), 0.2rem) solid var(--black);

    background: var(--black);

    transition: .3s;

    height: var(--btn-height);

    width: clamp(30rem, calc(300px + (360 - 300) * var(--vw-desktop-range)), 36rem);

    max-width: 100%;

    font-size: var(--fs-body-md);

    letter-spacing: 0;

    padding-inline: clamp(1.2rem, calc(12px + (20 - 12) * var(--vw-desktop-range)), 2rem);

    position: relative;

    margin: var(--space-40-80) auto clamp(16rem, calc(160px + (200 - 160) * var(--vw-desktop-range)), 20rem);

    color: var(--white);

}

.page-interior-coordinate .blog .btn svg {

    stroke: var(--white);

    position: absolute;

    right: 2.5rem;

    top: 50%;

    transform: translateY(-50%);

}

.page-interior-coordinate .blog .btn:hover {

    color: var(--white);

    background: var(--lightblue);

    border-color: var(--lightblue);

}

.page-interior-coordinate .blog .btn:hover svg {

    stroke: var(--white);

}

.page-interior-coordinate .blog {

    position: relative;

    overflow: hidden;

}



.page-interior-coordinate .blog__slider-outer {

    position: relative;

    width: 120vw;

    left: 50%;

    transform: translateX(-50%);

    overflow: visible;

    margin-top: var(--space-40-80);

}

.page-interior-coordinate .blog__slider {

    overflow: visible;

}

.page-interior-coordinate .blog .swiper-wrapper {

    display: flex;

    gap: 0;

    /* gap: 4rem; */

}

.page-interior-coordinate .blog .swiper-slide.card {

    flex: 0 0 auto;

    width: clamp(38rem, calc(380px + (454 - 380) * var(--vw-desktop-range)), 45.4rem);

    height: clamp(38rem, calc(380px + (454 - 380) * var(--vw-desktop-range)), 45.4rem);

    padding: 0;

    border: none;

    box-shadow: none;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

    max-height: 45.4rem;

    height: calc(454 * 100vw / 1920);

}

.page-interior-coordinate .blog .swiper-slide.card img {

    display: block;

    max-width: 100%;

    max-height: 100%;

    /* width: auto;    */

    /* height: auto;    */

    /* object-fit: contain; */

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.black_box {

    background-color: var(--black);

    color: var(--white);

    padding: 0.15rem 1rem;

    margin-right: 2rem;

}

@media screen and (min-width: 1025px) {
    .page-interior-coordinate .flow .cards .arrow {
        transform: translateY(45%);
    }
}

@media screen and (max-width: 768px) {
    .page-interior-coordinate .blog__slider-outer {
        margin-left: 5vw;
        width: calc(100% - 5vw);
        left: auto;
        transform: none;
        overflow: hidden;
    }
}



@media screen and (max-width: 1024px) {

    .page-interior-coordinate .strength .container {

        padding-inline: 2rem;

    }

    .page-interior-coordinate .flow .container {

        padding-inline: 2rem;

    }

    .page-interior-coordinate .sec-main {

        margin-top: 0;

    }

    .page-interior-coordinate .sec-main .steps {

        flex-direction: column;

    }

    .page-interior-coordinate .strength .cards {

        flex-direction: column;

        gap: clamp(2rem, calc(30 * var(--vw390)), 4rem);

    }

    .page-interior-coordinate .flow .cards {

        display: flex;

        align-items: center;

        justify-content: center;

        flex-direction: column;

        padding-bottom: clamp(2rem, calc(20px + (60 - 20) * var(--vw-desktop-range)), 6rem);

    }

    .page-interior-coordinate .flow .cards small {

        display: none;

    }



    .page-interior-coordinate .flow .cards .card img {

        margin-bottom: 0;

        margin-top: 2rem;

    }

    .page-interior-coordinate .flow .cards {

        margin-top: 0;

    }

    .page-interior-coordinate .sec-about {

        padding: 0 2rem;

    }

    .page-interior-coordinate .sec-main .ic-swiper {
        margin-top: clamp(3rem, calc(var(--vw390)*40), 6rem);
        height: 33rem;
    }

    .page-interior-coordinate .flow .cards .card p {

        font-size: clamp(1.4rem, calc(15 * var(--vw390)), 2rem);

        line-height: clamp(3rem, calc(40 * var(--vw390)), 4.5rem);

        letter-spacing: 0.01em;

    }

    .page-interior-coordinate .sec-about .title {

        font-size: clamp(1.8rem, calc(20 * var(--vw390)), 3rem);

        line-height: clamp(2.7rem, calc(30 * var(--vw390)), 4.5rem);

    }

    .page-interior-coordinate .sec-about p {

        font-size: clamp(1.4rem, calc(15 * var(--vw390)), 2rem);

        line-height: clamp(2.7rem, calc(30 * var(--vw390)), 4.5rem);

    }

    .page-interior-coordinate .sub-title {

        margin-top: clamp(6rem, calc(70 * var(--vw390)), 8rem);

        margin-bottom: clamp(3.5rem, calc(45 * var(--vw390)), 6rem);

    }

    .page-interior-coordinate .sec-main .steps .step {

        font-size: clamp(1.6rem, calc(18 * var(--vw390)), 2.2rem);

    }

    .page-interior-coordinate .sec-main .steps .step span {

        font-size: clamp(2.2rem, calc(27 * var(--vw390)), 3rem);

    }

    .page-interior-coordinate .sec-main .first {

        margin-bottom: clamp(5rem, calc(70 * var(--vw390)), 9rem);

    }

    .page-interior-coordinate .sec-main .steps {

        gap: clamp(5rem, calc(60 * var(--vw390)), 7rem);

    }

    .page-interior-coordinate .sec-main .second {

        margin-top: clamp(3rem, calc(40 * var(--vw390)), 5rem);

        margin-bottom: clamp(3rem, calc(40 * var(--vw390)), 5rem);

    }

    .page-interior-coordinate .sec-main .options {

        padding: clamp(2rem, calc(20 * var(--vw390)), 3rem) 0;

        position: relative;

    }

    .page-interior-coordinate .sec-main .option {

        padding: clamp(1.6rem, calc(16 * var(--vw390)), 2rem);

    }

    .page-interior-coordinate .sec-main .option-title p {

        font-size: clamp(1.4rem, calc(15 * var(--vw390)), 1.6rem);

        line-height: clamp(2rem, calc(20 * var(--vw390)), 2.5rem)
    }

    .page-interior-coordinate .flow .cards .chevron {

        transform: rotateZ(90deg);

    }

    .page-interior-coordinate .flow .card {

        width: 35rem;

        height: 19.1rem;

    }

    .page-interior-coordinate .flow .cards img:not(.chevron) {

        max-width: 8rem;

        width: 100%;

        height: auto;

        margin-bottom: 1rem;

    }

    .page-interior-coordinate .blog {

        margin: clamp(6rem, calc(70 * var(--vw390)), 8rem) 0 clamp(3rem, calc(40 * var(--vw390)), 5rem) 0;

    }

    .page-interior-coordinate .blog .btn {

        margin-bottom: 0;

        margin-top: clamp(3rem, calc(40 * var(--vw390)), 5rem);

        max-width: 32rem;

        height: 6rem;

        font-size: clamp(1.4rem, calc(15 * var(--vw390)), 1.6rem);

        line-height: clamp(2.7rem, calc(30 * var(--vw390)), 4.5rem);

    }

    .page-interior-coordinate .strength .card p:first-of-type {

        font-size: clamp(1.8rem, calc(20 * var(--vw390)), 3rem);

        line-height: clamp(2.7rem, calc(30 * var(--vw390)), 4.5rem);

        margin-bottom: clamp(2.7rem, calc(30 * var(--vw390)), 4.5rem);

    }

    .page-interior-coordinate .strength .card p:nth-of-type(2) {

        font-size: clamp(1.4rem, calc(15 * var(--vw390)), 1.6rem);

        line-height: clamp(2.7rem, calc(30 * var(--vw390)), 4.5rem);

        text-align: center;

    }

    .page-interior-coordinate .strength .card {

        height: auto;

        padding: clamp(2.7rem, calc(45 * var(--vw390)), 4.5rem);

    }

    .page-interior-coordinate .sec-main .option-content {}

    .page-interior-coordinate .sec-main .option-content p {

        font-size: clamp(1.3rem, calc(14 * var(--vw390)), 1.5rem);

    }

    .page-interior-coordinate .sec-main .option-title {
        height: auto;
        padding: 0.5em 1em;
    }

    .page-interior-coordinate .sec-main .option-content table {}

    .page-interior-coordinate .sec-main .option-content th {

        font-size: clamp(1.3rem, calc(14 * var(--vw390)), 1.5rem);

        line-height: clamp(1.8rem, calc(20 * var(--vw390)), 4.5rem);

    }

    .page-interior-coordinate .sec-main .option-content td {

        font-size: clamp(1.3rem, calc(14 * var(--vw390)), 1.5rem);

        line-height: clamp(1.8rem, calc(20 * var(--vw390)), 4.5rem);

    }

    .page-interior-coordinate .sec-main .option-content table+p {

        font-size: clamp(1.2rem, calc(12 * var(--vw390)), 1.4rem);

        line-height: clamp(2rem, calc(20 * var(--vw390)), 2.5rem)
    }

    .page-interior-coordinate .blog .swiper-slide.card {

        flex: 0 0 auto;

        padding: 0;

        border: none;

        box-shadow: none;

        display: flex;

        align-items: center;

        justify-content: center;

        overflow: hidden;

        width: auto;

        height: auto;

        margin-right: 0;

        max-height: 25rem;

    }

    .page-interior-coordinate .blog .swiper-wrapper {

        /* gap: 1rem; */

        gap: 0;

    }

    .page-interior-coordinate .sec-main .container {

        margin: clamp(3rem, calc(40 * var(--vw390)), 6rem) auto 0;

    }

    .blog__slider-outer {

        position: relative;

    }



    /* Fond de la barre */

    .blog__slider-progress {

        margin-top: 1.2rem;

        width: 90vw;

        height: 4px;

        background: #F1EEED;
        /* ou ta couleur */

        /* border-radius: 999px; */

        overflow: hidden;

    }



    /* Barre qui se remplit */

    .blog__slider-progress-bar {

        display: block;

        width: 0;

        height: 100%;

        background: var(--blue);

        transform-origin: left center;

    }

    .page-interior-coordinate .sec-main .options .container {

        padding-inline: var(--gutter);

    }

    .page-interior-coordinate .blog__slider-outer {

        /* width: 150vw; */

    }

}



@media screen and (max-width: 970px) {

    .page-interior-coordinate .sec-main .options {

        background: none;

        height: 74rem;

    }

    .page-interior-coordinate .sec-main .options::before {

        content: "";

        inset: 0 auto auto 0;

        background: url(../../assets/img/interior-coordinate/img_02.webp) no-repeat;

        background-size: auto;

        position: absolute;

        width: 100%;

        height: 100%;

        z-index: -1;

        background-position-x: -64.5rem;

        background-position-y: -15rem;

        height: 74rem;

    }

    .page-interior-coordinate .sec-main .options .container {

        bottom: 2rem;

        position: absolute;

        padding-inline: var(--gutter);

    }

}

@media screen and (max-width: 768px) {
    .page-interior-coordinate .sec-main .ic-swiper__track {
        flex-wrap: wrap;
        opacity: 1;
    }

    .page-interior-coordinate .sec-main .ic-swiper__slide {
        width: 50%;
        height: 16.5rem;
        display: block;
    }

    .page-interior-coordinate .sec-main .ic-swiper__slide img {
        width: 100%;
        max-height: none;
        object-fit: cover;
    }
}