.promo{
    background-color:#fff;
    display:flex;
    flex-direction:column;
    padding-top: 0.938rem;
    padding-left: 1.25rem;
    padding-bottom: 0.938rem;
    padding-right: 1.25rem;
    border: 1px solid var(--CardBorderGray);
    border-radius: 8px;
}
#main-page-content-root > div.container.page-content.-three-col > aside.page-content__sidebar.-right > div.wysiwyg.page-content__component > div{
    border:none;
}

/* #main-page-content-root > div.container.page-content.-three-col > aside.page-content__sidebar.-right > div.wysiwyg.page-content__component > div > div{
    padding: 15px 0px 0px!important;
    margin-bottom: -10px;
} */

@media (min-width:1265px){
    .promo{
        padding-bottom:1.5rem
    }
}

aside .wysiwyg > .promo {
    /* Not sure if this is needed elsewhere, but it's causing a problem */
    /* padding: 0 !important; */
  }

.promo.-primary{
    padding:15px 20px 64%;
    position:relative;
    overflow:hidden
}
@media (min-width:595px){
    .promo.-primary{
        padding-bottom:38%
    }
    .-three-col .promo.-primary{
        padding-bottom:58%
    }
}
@media (min-width:900px){
    .promo.-primary{
        padding-bottom:53%
    }
}
.promo__background{
    background:center center no-repeat;
    background-size:cover;
    position:absolute;
    padding-top:63%;
    width:100%;
    z-index:0;
    left:0;
    bottom:0
}
@media (min-width:595px){
    .promo__background{
        padding-top:38%
    }
    .-three-col .promo__background{
        padding-top:58%
    }
}
@media (min-width:900px){
    .promo__background{
        padding-top:55%
    }
}
.promo__background .power-line{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    border:0;
    z-index:1;
    width:200%;
    height:75vw;
    right:44%;
    bottom:-57%;
    transform:translate3d(50%,0,0) rotate(-11.25deg);
    box-shadow:0 0 0 250px #fff
}
.-three-col .promo__background .power-line{
    transform:translate3d(50%,0,0) rotate(-16.25deg)
}
@media (min-width:595px){
    .promo__background .power-line{
        right:18%;
        bottom:-123%
    }
    .-three-col .promo__background .power-line{
        bottom:-200%
    }
    .promo__background .power-line:after{
        width:7px;
        height:70%;
        left:-5px;
        bottom:auto;
        top:25%
    }
}

/* NEW find in ITDEV */
#main-page-content-root > div.container.page-content.-three-col > aside.page-content__sidebar.-right > div.wysiwyg.page-content__component{
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding: 15px 20px 35px;
    border: 1px solid var(--CardBorderGray);
    border-radius: 8px;
}

#main-page-content-root > div.container.page-content.-three-col > aside.page-content__sidebar.-right > div.wysiwyg.page-content__component > div > div > img{
    align-items: center;
}

@media (min-width:900px){
    .promo__background .power-line{
        bottom:265%
    }
    .-three-col .promo__background .power-line{
        bottom:-189%
    }
    .promo__background .power-line:after{
        display:none
    }
}
@media (min-width:1265px){
    .-three-col .promo__background .power-line{
        bottom:263%
    }
}
.promo__image{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    height:145px;
    margin-top:20px;
    width:100%;
    border-radius: 8px;
}
/* added */
.promo__content{
    position:relative;
    z-index:2;
}

/* .promo__content{
    position:relative;
    z-index:2;
    padding: 15px 20px 15px;
    border: 1px solid var(--CardBorderGray);
    border-radius: var(--8pt);
} */


.promo__content-header{
    font-family:HelveticaNeueBold, Helvetica Neue,Helvetica,Arial Nova,Arial,sans-serif;
    font-weight:700;
    border-bottom:1px solid var(--neutralgrey);
    font-size:var(--16pt);
    letter-spacing:-.33px;
    line-height:19px;
    padding-bottom:12.12121px;
    margin-bottom:0;
    color:var(--NGcoreBlack);
}
@media (min-width:595px){
    .promo__content-header{
        padding-bottom:25px
    }
}


@media (min-width:900px){
    .promo__content-header{
        padding-bottom:17px
    }
}
.-primary .promo__content-header{
    border-bottom:none;
    color:var(--linktext);
    font-size:28px;
    line-height:32px;
    padding-bottom:0
}
.promo__content-text{
    padding:20px 0 30px
}
.-primary .promo__content-text{
    padding:16px 0
}
@media (min-width:595px){
    .promo__content-text{
        padding-bottom:25px
    }
}
@media (min-width:900px){
    .promo__content-text{
        font-size: var(--16pt);
        line-height:var(--24pt);
        padding-top:25px
    }
}
.promo__content-ctas{
    line-height:2;
    border: 0!important;
    padding: 0!important;

}

.promo__content-ctas a:hover{
   color:var(--NGBtnHover500);
}



.promo__content-text a{
    text-decoration: none!important;
    font-family:HelveticaNeueBold, Helvetica Neue,Helvetica,Arial Nova,Arial,sans-serif;
    font-weight: 700;
}

.promo__content-text a:hover {
    /* color: var(--NGBtnHover500) !important; */
}

.promo__content-text a:hover{
    /*text-decoration: none;
     color:var(--NGBtnHover500); */
}