.introBoxText button {
    margin-top: 51px;
}

/*? IPad Pro - Landscape Mode ?*/
@media (width: 1366px) {
    .servicePageIntroBox {
        margin-left: 0px !important;
    }
}

/*? IPad Pro - Portrait Mode ?*/
@media screen and (width: 1024px) and (height: 1366px) and (orientation: portrait) {
    .servicePageIntroBox {
        margin-left: 0% !important;
        transform: none !important;
        transform-origin: unset !important;
    }

    /** Hoogte van de card aanpassen zodat er op de diensten pagina(s) geen overflow op de cards is. **/
    #socialMediaPage .item-service {
        height: 530px !important;
    }
}

/*? IPad Mini - P */
@media screen and (width: 768px) and (height: 1024px) and (orientation: portrait) {
    /* .servicePageIntroBox {
        margin-left: 2% !important;
        margin-right: 2% !important;
    } */

    .introBoxText button {
        margin-left: 35% !important;
    }
}

/*? IPad Mini - L */
@media screen and (width: 1024px) and (height: 768px) and (orientation: landscape) {
    .servicePageIntroBox {
        transform: none !important;
        transform-origin: unset !important;
        margin-left: 0px !important;
    }

    
    /** Hoogte van de card aanpassen zodat er op de diensten pagina(s) geen overflow op de cards is. **/
    #socialMediaPage .item-service {
        height: 530px !important;
    }
}


/*? IPad Air - Landscape Mode ?*/
@media screen and (width: 1180px) and (height: 820px) and (orientation: landscape) {
    .servicePageIntroBox {
        margin-left: 0px !important;
        transform: none !important;
        transform-origin: unset !important;
    }

    
    /** Hoogte van de card aanpassen zodat er op de diensten pagina(s) geen overflow op de cards is. **/
    #socialMediaPage .item-service {
        height: 530px !important;
    }
}

/*? IPad Air - Portrait Mode ?*/
@media screen and (width: 820px) and (height: 1180px) and (orientation: portrait) {
    /* .servicePageIntroBox {
        margin-left: 5% !important;
        margin-right: 5% !important;
    } */

    .servicePageIntroBox img {
        margin-left: 106px !important;
    }

    .introBoxText button {
        text-align: center;
        padding-block: 15px;
        margin-top: 5px;
        margin-left: 35%;
    }
}

/** IPad IPadOS (vanuit Firefox) - P **/
@media screen and (width: 810px) and (height: 1080px) and (orientation: portrait) {
    /* .servicePageIntroBox {
        margin-left: 5% !important;
        margin-right: 5% !important;
    } */

    .servicePageIntroBox img {
        margin-left: 106px !important;
    }

    .introBoxText button {
        text-align: center;
        padding-block: 15px;
        margin-top: 5px;
        margin-left: 35%;
    }
}

/** IPad IPadOS (vanuit Firefox) - L **/
@media screen and (width: 1080px) and (height: 810px) and (orientation: landscape) {
    .servicePageIntroBox {
        margin-left: 0px !important;
        transform: none !important;
        transform-origin: unset !important;
    }

    /** Hoogte van de card aanpassen zodat er op de diensten pagina(s) geen overflow op de cards is. **/
    #socialMediaPage .item-service {
        height: 530px !important;
    }
}

/*! Animaties voor de introbox !*/
.servicePageIntroBox img {
    opacity: 0;
    transform: translateX(-20px);
    animation: fadeInFromLeft 1s forwards;
}

@keyframes fadeInFromLeft {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.servicePageIntroBox .introBoxText {
    opacity: 0;
    transform: translateX(20px);
    animation: fadeInFromRight 1s forwards
}

@keyframes fadeInFromRight {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}