.automation-services, .automation-types, .examples {
    background-color: #232323;
}

.automation-benefits, .dpa {
    background-color: #121212;
}

.paragraph-spacer {
    margin-bottom: 40px;
}

.paragraph-spacer:last-child {
    margin-top: 40px;
}

.example {
    padding: 16px 12px;
    background-color: #121212;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media screen and (min-width: 760px) {
    /*This class is responsible for REVERSING the default order of the first_image component where the image is left aligned in Desktop and tab screens*/
    .panel-section--reversed {
        direction: rtl;
    }

    .panel-section--reversed .panel-media {
        justify-self: start;
    }

    .paragraph-spacer {
        margin-bottom: 32px;
    }

    .paragraph-spacer:last-child {
        margin-top: 32px;
    }
}