.ms-hero-material-buttons.text-right {
    min-height: 56px;
}
.ms-hero-material-buttons .btn{
    background-color:var(--ms-hero-material-buttons-color1-var)!important;
}
.ms-hero-material-buttons .btn:hover,.ms-hero-material-buttons .btn:focus{
    background-color:var(--ms-hero-material-buttons-color2-var)!important;
}

.ms-hero-material-list .ms-list-icon .ms-icon img {
    max-height:25px; max-width:25px;
}
.ms-hero-material-buttons .btn img{
    max-height:14px; max-width:14px;
}
.custom-feature {
    line-height: 1.5em; /* Sets line height to 1.5 times text size */
    height: 4.5em; /* Sets the div height to 2x line-height (3 times text size) */
    width: 100%; /* Use whatever width you want */
    white-space: normal; /* Wrap lines of text */
    overflow: hidden; /* Hide text that goes beyond the boundaries of the div */
    text-overflow: ellipsis; /* Ellipses (cross-browser) */
    -o-text-overflow: ellipsis; /* Ellipses (cross-browser) */
}
.custom-latestworks {
    line-height: 1.5em; /* Sets line height to 1.5 times text size */
    height: 3em; /* Sets the div height to 2x line-height (3 times text size) */
    width: 100%; /* Use whatever width you want */
    white-space: normal; /* Wrap lines of text */
    overflow: hidden; /* Hide text that goes beyond the boundaries of the div */
    text-overflow: ellipsis; /* Ellipses (cross-browser) */
    -o-text-overflow: ellipsis; /* Ellipses (cross-browser) */
}
.owl-carousel .owl-stage{display:flex}
.owl-carousel .owl-item{flex-direction: column;display:flex}
.owl-carousel .owl-item .card{flex-grow: 1;display: flex;flex-direction: column;}
.owl-carousel .owl-item .card-block{flex-grow: 1;display: flex;flex-direction: column;}
.owl-carousel .owl-item .card-block .custom-latestworks{flex-grow: 1;}