/* targets the small banner wrapper */
.wp-benefits-small-banner {
    background-size: cover;
}

/* targets the svg wrapper on the left side of the small banner */
.wp-benefits-small-banner .wp-benefits-svg {
    position: relative; 
    height: 0; 
    width: 100%; 
    padding: 0;
    padding-bottom: 60px; 
    max-width: 60px;
}

/* targets the svg icon on the left side of the small banner */
.wp-benefits-small-banner .wp-benefits-svg svg {
    position: absolute; 
    height: 100%; 
    width: 100%; 
    left: 0; 
    top: 0;
}

/* targets the heading of the banner */
.wp-benefits-small-banner .title {
    padding-left: 20px;
}

/* targets each text that is not the title inside the small banner */
.wp-benefits-small-banner .text:not(:first-child) {
    padding-left: 20px;
}

/* targets the schedule on the right column of the banner on the overview page */
div[class*="wp-banner-style-"].wp-benefits-banner .wp-banner-grid > .aem-Grid .aem-Grid .aem-GridColumn--xlarge--6:nth-of-type(2) {
    border-left: none !important;
    padding-left: 0px;
}

/* targets the recommend autodesk button wrapper inside the banner */
.aklamio-referral-widget {
    display: inline-flex;
    flex-grow: 0;
    margin-bottom: 16px;
}

/* targets the recommend autodesk button inside the banner */
.button .wp-benefits-recommend-autodesk-button {
    margin-left: 20px;
}

/* targets the buy online now button wrapper while the screen has a width greather than 64.063em */
@media screen and (min-width: 64.063em) {
    .aem-Grid.aem-Grid--xlarge--12>.aem-GridColumn.aem-GridColumn--xlarge--3:last-child {
        float: left !important;
        padding-left: 20px;
    }
}

/* targets the go to your autodesk account button wrapper while the screen has a width greather than 64.063em */
@media screen and (min-width: 64.063em) {
    .aem-Grid.aem-Grid--xlarge--12>.aem-GridColumn.aem-GridColumn--xlarge--5.button {
        float: left !important;
        padding-left: 20px;
    }   
}

/* targets the contact sales button wrapper inside the banner */
.wp-benefits-contact-sales-button {
    display: flex;
    flex-direction: row-reverse;
}

/* targets the contact sales button text inside the banner */
.wp-benefits-contact-sales-button .cmp-button__text {
    flex-grow: 99;
}

/* targets non-desktop screen size */
@media screen and (max-width: 1024px) {
    /* targets the heading of the banner */
    .wp-benefits-small-banner .title {
        padding-left: 0px;
    }

    /* targets each text that is not the title inside the small banner */
    .wp-benefits-small-banner .text:not(:first-child) {
        padding-left: 0px !important;
    }
}