.common-banner .container--has-decorative-elm:after {
    background: url(../../images/decorative-items/dynamic-peach.png) no-repeat center center/contain;
    width: 259px;
    height: 187px;
    right: -70px;
    bottom: 20px;
}

.banner__imagery--has-decorative-elm:before {
    background: url(../../images/decorative-items/black-single-star.svg) no-repeat center center/contain;
    width: 46px;
    height: 44px;
    right: 0;
    top: -95px;
}

.banner__imagery--has-decorative-elm:after {
    background: url(../../images/decorative-items/red-gt-big.svg) no-repeat center center/contain;
    width: 94px;
    height: 104px;
    bottom: -25px;
    /* left: 40px; */
    right: 160px;
}

.feature-card {
    height: 78px;
}

.ais-detail-box {
    height: calc(100% - 78px);
}

.prefooter__has-decorative-elm:before {
    background: url(../../images/decorative-items/orange-gt.svg)no-repeat center center /contain;
    width: 100px;
    height: 111px;
    top: calc((var(--spacing-09) + 57px) * -1);
}

.prefooter__has-decorative-elm:after {
    background: url(../../images/decorative-items/orange-curly-star.png) no-repeat center center/contain;
}

.common-banner {
    padding-top: 140px;
    padding-bottom: 130px;
    margin-bottom: -85px;
}

.two-column-product .banner__imagery {
    min-height: 200px;
}

.banner__content {
    padding-right: 35px;
}

.common-banner-container{
    padding: 0;
}

.container--has-decorative-elm{
    align-items: center;
    min-height: auto;
}



.two-column-product .cta-wrapper{
    padding-top: 0;
}
.common-banner .cta-wrapper a{
    margin-top: 0;
}

@media all and (max-width: 767px) {
    .prefooter__has-decorative-elm:after {
        right: 5px;
    }
    .banner__short-description{
        padding-right: 25px;
    }
    .two-column-product.common-banner--has-decorative-elm:before{
        right: -60px;
        bottom: -60px;
    }
    .ais-block{
        margin-top: -70px;
    }

    .podcasts_page .banner{
        padding-top: 110px;
    }

}

@media all and (min-width: 768px) {
    .common-banner{
        margin-bottom: -565px;
    }
    .common-banner .container--has-decorative-elm:after {
        width: 435px;
        height: 314px;
        top: 5px;
        right: -105px;
    }

    .banner__imagery--has-decorative-elm:before {
        width: 53px;
        height: 52px;
        right: auto;
        left: 65px;
        top: -60px;
    }

    .banner__imagery--has-decorative-elm:after {
        width: 96px;
        height: 107px;
        bottom: 95px;
        left: -50px;
        right: auto;
    }

    .two-column-product .cta-wrapper{
        padding-top: 12px;
    }
   
}

@media all and (min-width: 992px) {
    .common-banner .container--has-decorative-elm:after {
        width: 535px;
        height: 380px;
        top: 0;
        right: -122px;
    }

    .banner__imagery--has-decorative-elm:before {
        width: 78px;
        height: 76px;
        top: -80px;
        left: 100px;
    }
    .banner__imagery--has-decorative-elm:after {
        width: 145px;
        height: 160px;
        top: 48px;
        left: -50px;
    }

    .prefooter__has-decorative-elm:before {
        left: -30px;
    }
    .ais-block{
        margin-top: 40px;
    }
}

@media all and (min-width: 1280px) {
    .common-banner {
        padding-top: 120px;
    }
    
    .banner__imagery--has-decorative-elm:before {
        top: -10px;
        left: 120px;
    }
    
    .banner__content {
        padding-right: 110px;
    }
    .banner__imagery--has-decorative-elm:after{
        top: 120px;
    }
    .common-banner .container--has-decorative-elm:after {
        width: 620px;
        height: 450px;
        right: -185px;
        top: 50px;
    }

    .banner__imagery--has-decorative-elm:after {
        width: 168px;
        height: 186px;
        top: 120px;
        left: -30px;
    }
}

@media all and (min-width: 1366px) {
    .common-banner .container--has-decorative-elm:after {
        width: 665px;
        height: 480px;
        right: -199px;
        top: 0;
    }

    .banner__imagery--has-decorative-elm:after {
        top: 25px;
        left: -50px;
    }
    .banner__imagery--has-decorative-elm:before {
        top: -25px;
        left: 130px;
    }
}

@media all and (min-width: 1440px){
    .common-banner .container--has-decorative-elm:after {
        right: -237px;
    }
}