/* Changes Only the first promo-box-component */
.promo-box-component:first-of-type .promo-description {
    font-size: 22px;
}

.promo-box-component:first-of-type .promo-header h3 {
    margin-top: 10px;
    font-weight: bold;
    font-size: 28px;
}

.promo-box-component:first-of-type .text-inner-padding {
    text-align: center;
}


.promo-box-component:first-of-type .promo-description em strong {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    position: relative;
    padding-top: 15px;
		
}

.promo-box-component:first-of-type .promo-description em strong::before {
    content: "";
    position: absolute;
    top: 0;
    left: 25%;
    width: 50%;
    height: 1px; 
    background-color: rgba(255, 255, 255, 0.4);
}

/* suppress the media-container arrow only on the first one */
.promo-box-component:first-of-type > .media-container::after {
    display: none;
}
		
.promo-box-component:first-of-type .media-container.forty-sixty {
    aspect-ratio: 1500 / 1074;
    min-height: unset; 
}