.hero-container .hero-card .hero-card-item:nth-child(2):before {
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #ffffff80;
    content: ""
}

@media (min-width: 478px) {
    .hero-container .hero-card .hero-card-item:nth-child(2):before {
        position:absolute
    }
}

@media (min-width: 478px) {
    .hero-container .hero-card .hero-card-item:nth-child(2) {
        padding-top:0;
        padding-bottom: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 768px) {
    .hero-container .hero-card .hero-card-item:nth-child(2) {
        padding-left:2rem;
        padding-right: 2rem
    }
}

.hero-container .hero-card .hero-card-item:nth-child(2):after {
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #ffffff80;
    content: ""
}

@media (min-width: 478px) {
    .hero-container .hero-card .hero-card-item:nth-child(2):after {
        position:absolute
    }
}

.hero-card-subtitle p b {
    font-size: .875rem;
    line-height: 1.5;
    color: #ffffffe6;
    font-weight: 600
}

.hero-card-subtitle p {
    font-size: .875rem;
    line-height: 1.5;
    color: #ffffffe6;
    line-height: 1.6
}

.hero-card-subtitle p:not(:last-child) {
    margin-bottom: .375rem
}

.carousel-hero .carousel__pagination {
    margin-right: .75rem!important
}

.carousel-hero .carousel__slide {
    flex-direction: column;
    justify-content: flex-start
}