/* ***************************************************************************/
/* Arcad In-Lab Aligners page */
/* ***************************************************************************/

.page-template-in-office-template main {
    padding-top: 0;
}

/* [IN-LAB ALIGNER SECTION]  */
.arcad-in-office-page .plan-print-manufacture {
    padding: 26rem 0 10rem 0;

    background           : url('../images/in-office-manufacture-bg.webp'), linear-gradient(to bottom, #78aece 0%, #4f90c4 100%);
    background-position-y: top;
    background-position-x: center;
    background-repeat    : no-repeat;
    background-attachment: fixed;

    .section-inner-container {
        text-align: center;
    }

    h2,
    h3 {
        color: #FFFFFF;
    }
}

.arcad-in-office-page .streamline-in-house {
    padding: 18rem 0 0 0;

    .section-inner-container {
        max-width: 1356px;
    }

    .section-inner-container>div {
        flex: 1 0 50%;
    }

    .image-container {
        padding: 0 0 0 4rem;
    }

    h3 {
        color: var(--clr-primary-600);
    }

    h3,
    p,
    button {
        margin-bottom: 3rem;
    }

}

.arcad-in-office-page .why-arcad-for-practice {
    padding: 2rem 0 8rem 0;

    .section-inner-container {
        max-width     : 1100px;
        flex-direction: column;
    }

    img {
        max-width: 736px;
    }

    .why-details {
        grid-template-columns: repeat(3, 1fr);
        gap                  : 4rem;
        padding              : 3rem 0;
        border-bottom        : 1px solid var(--clr-primary-600);
        margin-bottom        : 3rem;
    }

    .section-inner-container>p,
    a,
    img {
        text-align: center;
        margin    : 0 auto;
    }

    .section-inner-container>p {
        max-width: 70ch;
    }

    a {
        margin-top: 3rem;
    }

}

.arcad-in-office-page .in-office-solution-workflow {
    padding      : 26rem 0 20rem 0;
    margin-bottom: 20rem;

    background-image: url('../images/in-office-workflow.webp');

    .section-inner-container {
        text-align: center;
    }

    h2,
    p {
        color: #FFFFFF;
    }

    p {
        max-width: 70ch;
        margin   : 2rem auto 0 auto;
    }
}

.arcad-in-office-page .details-blocks {
    .section-inner-container {
        max-width: 1356px;
    }

    h3 {
        color        : var(--clr-primary-600);
        margin-bottom: 2rem;
    }

    h3 span {
        color: var(--clr-primary-100);
    }

    p {
        max-width: 52ch;
    }

    p {
        margin-bottom: 1rem;
    }
}

/* Modify Why Arcad In Office Template Part CSS */
.arcad-in-office-page .why-arcad-in-office {
    margin: 12rem 0;

    .section-inner-container {
        padding-top: 8rem;
    }

    .simple-info {
        display: none;
    }
}

@media (max-width:992px) {
    .arcad-in-office-page {
        .font-style-2 {
            font-size     : var(--fs-600);
            line-height   : var(--lh-600);
            letter-spacing: var(--ls-600);
        }

        .section-inner-container {
            padding-left : 3rem;
            padding-right: 3rem;
        }
    }

    .arcad-in-office-page .streamline-in-house {
        padding-top   : 10rem;
        padding-bottom: 1rem;

        .section-inner-container {
            flex-direction: column-reverse;
        }
    }

    .arcad-in-office-page .why-arcad-for-practice {

        img {
            max-width: 100%;
        }
    }
}



@media (max-width: 768px) {

    .arcad-in-office-page .plan-print-manufacture {
        padding: 20rem 0 16rem 0;

        h2 {
            margin-bottom: 2rem;
        }

        h3 {
            font-weight: var(--fw-normal);
        }

        br {
            display: none;
        }
    }

    .arcad-in-office-page .streamline-in-house {
        button {
            width: 100%;
        }

        .section-inner-container {
            gap: 3.5rem;
        }

        .image-container {
            padding: 0;
        }
    }

    .arcad-in-office-page .why-arcad-for-practice {
        .why-details {
            grid-template-columns: 1fr;
            gap                  : 2rem;
        }
    }

    .arcad-in-office-page .in-office-solution-workflow {
        margin-bottom: 6rem;
    }

    .arcad-in-office-page .details-blocks {
        .swiper {
            padding-bottom: 3rem;
        }

        .swiper-pagination {
            bottom: -5px;
        }
    }
}



@media (min-width: 992px) {

    .arcad-in-office-page .details-blocks {
        .scan-digital-impressions img {
            max-width: 530px;
        }

        .design-smilestudio-3d-software img {
            max-width: 560px;
        }

        .print-arcad-cart-solution img {
            max-width: 310px;
        }

        .fabricate-affordable-fabrication img {
            max-width: 315px;
        }
    }
}

@media (min-width: 768px) {

    .arcad-in-office-page .details-blocks {
        .swiper-wrapper {
            display        : flex;
            flex-wrap      : wrap;
            justify-content: space-between;
        }

        .swiper-slide {
            width: 48% !important;
        }

        .swiper-pagination {
            display: none;
        }
    }
}