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

.services-page {

    /* [CLEAR ALIGNERS SYSTEM SECTION]  */
    .clear-aligner-system {
        padding            : 20rem 0 15rem 0;
        background-image   : url(../images/clear-aligner-system-bg.webp);
        mask-image         : linear-gradient(to bottom, #009FEF91 0%, #D53AE5 10%);
        text-align         : center;
        background-size    : contain;
        background-position: center;

        h3 {
            color    : var(--clr-primary-50);
            max-width: 27ch;
            margin   : 0 auto;
        }
    }

    /* [ALIGNER SYSTEM SECTION]  */
    .aligner-system-info {
        padding: 5rem 0 10rem 0;

        h3,
        p {
            margin    : 0 auto;
            text-align: center;
        }

        h3 {
            max-width    : 42ch;
            margin-bottom: 4.5rem;
        }

        p {
            max-width: 90ch;
        }

        p:first-of-type {
            margin-bottom: 2rem;
        }
    }

    /* [ALIGNER MODULE FABRICATION SECTION]  */
    .aligner-module-fabrication {
        padding: 10rem 0;

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

        .precision-aligner .info-container,
        .clear-aligner-fabrication .info-container {
            flex-direction : column;
            justify-content: center;
            gap            : 2.8rem;
        }

        .section-inner-container>div {
            gap: 8rem;
        }

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

        .section-inner-container>div:nth-child(odd) {
            flex-direction: row-reverse;
        }

        .clear-aligner-fabrication {
            margin-top: 7rem;
        }

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

    /* [ORTHODONTICS SUCCESS SECTION]  */
    .arcad-orthodontics-success {
        padding: 2rem 0 8rem 0;

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

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

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

        a {
            margin-top: 3rem;
        }

        h3,
        h4 {
            text-align: center;
        }

        h3 {
            margin-bottom: 2.5rem;
        }

        h4 {
            color : var(--clr-primary-600);
            margin: 9rem 0 2.5rem 0;
        }

        .section-inner-container h4+p {
            max-width: 100ch;
        }

        img {
            max-width: 736px;
        }

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

    }

    /* [DIGITAL INDIRECT SECTION]  */
    .digital-indirect-bonding {
        padding            : 20rem 0;
        text-align         : center;
        background-image   : url(../images/digital-indirect-bonding-bg.webp);
        background-position: center;
        background-repeat  : no-repeat;
        background-size    : contain;

        h3 {
            color     : var(--clr-primary-50);
            margin-top: 2rem;
        }
    }

    /* [PREDICTABLE RESULTS SECTION]  */
    .predictable-results {
        padding: 10rem 0;

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

        .info-container {
            flex-direction : column;
            justify-content: center;
            gap            : 1.5rem;
            flex           : 1 0 45%;
        }

        .img-container {
            flex: 1 0 55%;
        }

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

        p {
            max-width: 45ch;
        }

        img {
            margin: 0 auto;
        }
    }

    /* [SERVICES SLIDER SECTION]  */
    .services-img-slider {
        padding-bottom: 6rem;

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

        .swiper-wrapper {
            padding-bottom: 5rem;
            border-bottom : 1px solid var(--clr-primary-600);
        }
    }

    /* [ARCAD ADVANTAGES SECTION]  */
    .arcad-advantages {
        padding: 8rem 0;

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

        h3 {
            color        : var(--clr-primary-600);
            text-align   : center;
            margin-bottom: 8rem;
        }

        p {
            width: 100%;
        }

        .svg-container {
            place-content   : center;
            height          : 160px;
            aspect-ratio    : 1/1;
            border-radius   : 50%;
            background-color: var(--clr-primary-600);
            margin-bottom   : 5rem;
        }

        .swiper-wrapper {
            padding-bottom: 5rem;
        }

        .content-card {
            align-items   : center;
            flex-direction: column;
        }
    }

    /* [DIGITAL STUDY MODEL SECTION]  */
    .digital-study-model {
        padding   : 20rem 0;
        text-align: center;

        background-image   : url(../images/digital-study-model-bg.webp);
        background-position: center;
        background-repeat  : no-repeat;
        background-size    : contain;

        h3 {
            color     : var(--clr-primary-50);
            margin-top: 2rem;
        }
    }

    /* [ACCURACY UTILITY SECTION]  */
    .accuracy-utility {
        padding: 10rem 0;

        .section-inner-container {
            max-width     : 1080px;
            text-align    : center;
            flex-direction: column;
            gap           : 3rem;
        }

        h3,
        p,
        img {
            margin: 0 auto;
        }

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

        p {
            max-width: 68ch;
        }
    }

    /*[ADVANTAGES ARCAD STUDY MODEL SECTION]  */
    .advantages-arcad-study-model {
        padding: 4rem 0;

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

        .advantages-details {
            grid-template-columns: repeat(4, 1fr);
            gap                  : 1.5rem;
        }

        h3 {
            color        : var(--clr-primary-600);
            text-align   : center;
            margin-bottom: 4rem;
        }
    }
}

@media (max-width:1920px) {
    .services-page {

        /* [CLEAR ALIGNERS SYSTEM SECTION]  */
        .clear-aligner-system {
            background-repeat: no-repeat;
            background-size  : cover;
        }

        /* [DIGITAL INDIRECT SECTION]  */
        /* [DIGITAL STUDY MODEL SECTION]  */
        .digital-indirect-bonding,
        .digital-study-model {
            background-size: cover;
        }
    }

}

@media (max-width:992px) {
    .services-page {
        .arcad-orthodontics-success {

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

@media (max-width: 768px) {

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

        .aligner-system-info h3,
        .arcad-orthodontics-success h3 {
            color                  : var(--clr-primary-600);
            -webkit-text-fill-color: unset;

        }

        .digital-study-model,
        .accuracy-utility,
        .testimonials,
        .advantages-arcad-study-model {
            display: none;
        }

        .clear-aligner-system {
            padding: 20rem 0;

            h2 {
                margin-bottom: 1.5rem;
            }
        }

        .aligner-system-info {
            padding-bottom: 3rem;

            h3 {
                margin-bottom: 3rem;
            }
        }

        .aligner-module-fabrication {
            padding-top   : 0;
            padding-bottom: 5rem;

            .section-inner-container>div:nth-child(odd),
            .section-inner-container>div:nth-child(even) {
                flex-direction: column;
                gap           : 3rem;
            }

            .clear-aligner-fabrication {
                margin-top: 4rem;
            }
        }

        .arcad-orthodontics-success {

            .section-inner-container {

                h3,
                h4,
                p:not(:last-of-type) {
                    text-align: left;
                }
            }

            h4 {
                margin-top: 4rem;
            }

            h3 br {
                display: none;
            }

            .flexible-options {
                grid-template-columns: 1fr;
                gap                  : 2rem;
            }
        }

        .predictable-results {
            padding-bottom: 4rem;

            .section-inner-container {
                max-width     : 1200px;
                flex-direction: column-reverse;
                gap           : 2rem;
            }
        }

        .services-img-slider {
            padding-bottom: 0;

            .swiper-wrapper {
                border: 0;
            }
        }

        .arcad-advantages {
            padding-bottom: 2rem;

            h3 {
                margin-bottom: 3rem;
                text-align   : left;
            }
        }

        .advantages-arcad-study-model {

            .advantages-details {
                grid-template-columns: 1fr;
            }
        }
    }


}