html {
    scroll-behavior: smooth;
}

.navbar-item img {
    max-height: 2rem;
    margin-bottom: 0.3rem;
}

.hero.is-slant .hero-body .clean-title {
    font-size: 1.9rem;
    margin-bottom: 1rem;
}

.clients-small img {
    height: 55px !important;
}

.hero-body .subtitle strong,
.hero-body .subtitle a {
    color: #fff;
}

.hero-body .subtitle a {
    text-decoration: underline;
}

.modal-card-title {
    font-size: 1.2em;
    font-family: "Nexa Bold", sans-serif !important;
}

.modal.is-active .modal-background {
    background: linear-gradient(45deg, #6a85b6 0%, #3da2d3 100%);
    background: linear-gradient(45deg, #6a85b6e0 0%, #3da2d3fa 100%);
}

.modal.is-active .modal-card .modal-card-head .delete:before,
.modal.is-active .modal-card .modal-card-head .delete:after {
    background-color: #039be5;
}

.modal .flex-card .card-name .name {
    font-weight: 500;
    color: #039be5 !important;
    font-family: "Nexa Bold", sans-serif !important;
    font-size: 1.1em;
}

.modal .flex-card .card-name .position {
    font-weight: 500;
    color: #039be5 !important;
}

.modal .flex-card .card-name .position {
    font-weight: normal !important;
    color: #5f6c7e !important;
}

.modal.is-active.modal-sm .modal-card-body {
    max-height: 420px;
}

.card-image, .card-image img {
    max-height: 250px;
    overflow: hidden;
}

.meet-with-specialist {
    margin-top:60px;
    margin-bottom: 0 !important;
}

.condensed-plan .plan-price {
    padding-bottom: 0 !important;
}

.bulkit-player-container .plyr__video-wrapper {
    height: 100%;
}

.flex-table .flex-table-header span {
    font-size: 1rem;
    padding-left: 10px;
    padding-bottom: 20px;
}
.feature-header {
font-family: "Nexa Bold", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}
.example-tag {
font-weight: 500;
    font-size: 0.8rem;
    padding: 4px;
    background: #f5f5f5;
    color: #777;
    font-family: Arial;
    border-radius: 4px;
}
.feature-list-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

@media (max-width: 768px) {
    .integration-apps-list.columns .column {
        width: 33.33% !important;
        text-align: center;
    }
}