#capsule-nfc {
    display         : flex;
    justify-content : center;
    width           : 100%;
    padding         : 40px 20px 135px 20px;
}

#capsule-nfc .section-capsule-nfc__container {
    position         : relative;
    overflow         : hidden;
    display          : flex;
    flex-direction   : row;
    justify-content  : space-between;
    align-items      : center;
    width            : 100%;
    max-width        : 1200px;
    border-radius    : 10px;
    background-color : var(--background-color-secondary-ponsot);
}

#capsule-nfc .section-capsule-nfc__container > div {
    width : 50%;
}

/* =============== Images ============== */

#capsule-nfc .section-capsule-nfc__image {
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    align-items     : stretch;
    gap             : 20px;
    height          : 100%;
    padding         : 40px 6% 40px 0;
}

#capsule-nfc .section-capsule-nfc__image img {
    width           : 100%;
    height          : 100%;
    max-height      : 400px;
    border-radius   : 10px;
    object-position : center;
    object-fit      : cover;
}

.section-capsule-nfc__desc-image {
    font-family : var(--text-font-ponsot) !important;
    font-size   : var(--text-size) !important;
    font-weight : 400 !important;
    line-height : 32px !important;
    color       : var(--text-color-ponsot) !important;
    text-align  : center;
    opacity     : 0.6;
}

/* =============== Content ============== */
.section-capsule-nfc__content {
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    align-items     : flex-start;
    padding         : 90px 6%;
    background      : var(--background-color-secondary-ponsot);
}


@media (max-width : 1024px) {
    #capsule-nfc {
        padding : 50px 20px 50px 20px;
    }

    #capsule-nfc .section-capsule-nfc__container {
        flex-direction : column;
    }

    #capsule-nfc .section-capsule-nfc__container > div {
        width : 100%;
    }

    .section-capsule-nfc__content {
        align-items : center;
    }

    .section-capsule-nfc__content {
        text-align : center;
    }

    #capsule-nfc .section-capsule-nfc__image {
        height : 350px;
    }

    #capsule-nfc .section-capsule-nfc__image {
        padding : 0 6% 40px 6%;
    }

    .section-capsule-nfc__desc-image {
        padding-bottom : 40px;
    }
}