/*#region Custom Menu */
.nav-header>ul>li.menu-item-has-children>a::after {
    background-image: url(/amis-workflow/sites/library/images/menu/ic-arrow.svg);
}

.nav-header .nav-header__mtoggle span,
.nav-header .nav-header__mtoggle span::before,
.nav-header .nav-header__mtoggle span::after {
    background: #019160;
}

.hkb-breadcrumbs_wrap ol {
    display: none;
}

.hkb-category__title {
    font-family: 'roboto bold';
}

.hkb-breadcrumbs_wrap ol:first-child {
    display: block;
}

/*#endregion*/

/*#region site header */
.site-header__wrap {
    background: url(/amis-workflow/sites/help/images/pages/home/bg-intro.png) top center no-repeat;
    background-size: cover;
}

.site-header__wrap .ht-container {
    max-width: 1300px;
}

.site-intro-wrap {
    position: relative;
    height: 575px;
    display: flex;
    align-items: center;
}

.site-intro-img {
    position: absolute;
    left: 46%;
    width: 70%;
    top: -15px;
}

.site-intro-img img {
    width: 100%;
}

.site-intro-title {
    font-family: 'roboto bold', Arial, sans-serif;
    font-size: 36px;
    color: #0AC891;
    padding-bottom: 8px;
}

.site-intro-subtitle {
    font-family: 'roboto medium', Arial, sans-serif;
    font-size: 24px;
    color: #212121;
    padding-bottom: 16px;
}

.site-intro-desc {
    font-size: 24px;
}

.discover-btn {
    font-family: 'roboto medium', Arial, sans-serif;
    background: linear-gradient(to right, #14AA6B, #01CBA8);
    color: #fff;
    padding: 14px 22px;
    margin-top: 32px;
    display: flex;
    width: fit-content;
    border-radius: 12px;
}

.discover-btn:hover {
    color: #fff;
    opacity: .8;
}

.discover-btn img {
    padding-left: 10px;
}

@media (max-width: 1800px) {
    .site-intro-wrap {
        gap: 24px;
    }

    .site-intro-img {
        position: unset;
        width: 60%;
    }
}

@media (max-width: 1300px) {
    .site-intro-wrap {
        height: auto;
        padding-bottom: 32px;
    }
}

@media (max-width: 979px) {
    .site-intro-wrap {
        flex-direction: column;
        align-items: start;
    }

    .site-intro-img {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }

    .site-header__wrap {
        background-position: top left 36%;
    }
}

@media (max-width: 767px) {
    

    .site-intro-title {
        font-size: 28px;
    }

    .site-intro-subtitle, .site-intro-desc {
        font-size: 18px;
    }
}

/*#region Custom Search */

.home .hkb-site-search::after {
    background: url(/amis-workflow/sites/help/images/search/ic-search.svg) center no-repeat;
}

/*#endregion*/

/*#region Popup Video */
.popup-video .pv-close {
    background: url(/amis-workflow/sites/library/images/ic-close.png) top right no-repeat;
    background-size: 28px;
}

/*#endregion*/