:root {
    --newColor: #024BAD;
}
img {max-width: 100%}
.br-4 {
    border-radius: 4px;
}
.br-10 {
    border-radius: 10px;
}
.br-20 {
    border-radius: 20px;
}
.cursor-pointer{cursor: pointer;}
.navbar{padding:0;height:55px;}
.nav-link{padding:0.45rem 1rem;}
.navbar-light .navbar-nav .nav-link{
    color:#fff;
    cursor:pointer;
    padding-left:25px;
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active{
    color:#fff;
}
.navbar-light .navbar-nav .nav-link:hover{
    color:#fff !important;
}
.navbar-bg.nav-scroll {
    /*background:#37538d;*/
    background: linear-gradient(to right,#1f59b8 .1%, #578add 99.91%);
}
.head-user{
    align-items:center;
}
.head-user .head-access{
    color:#fff;
    text-decoration:none;
}
.head-user .dropdown-menu{
    width: max-content;
}
.btn-login{
    background:#fff;
}
.img-responsive {
    max-width: 100%;
}
.index-banner{
    padding: 6rem 0 5rem;
    min-height: 400px;
    position: relative;
    background-image: url(https://chat.nvnstatic.net/templates/v1/images/index/bg_header.png);
    background-size: cover;
    background-position-x: center;
    background-position-y: 100%;
    background-repeat: no-repeat;
}
.index-banner h1{
    font-size: 1.75rem;
}
.index-banner .index-banner-title2 {
    color: rgba(255, 243, 135, 1);
    font-size: 2.5rem;
    font-weight: 700;
}
.index-banner span{
    color: rgba(255, 243, 135, 1);
}
.index-banner p{
    font-size: 1.15rem;
}
.index-banner p:nth-child(2) {
    /*font-weight: 700;*/
    font-size: 20px;
}
.banner-border{
    border:1.5px #fff solid;
    width:30%;
    margin-bottom:10px
}
.banner-btn{
    padding-top: 15px;
}
.index-introduce{
    padding-bottom:20px;
}
.index-introduce .introduce-card{
    position:relative;
}
.index-introduce .card-link{
    position:absolute;
    color:#52d6a2 !important;
    font-weight:bold;
    bottom:8px;
    cursor:pointer;
}
.index-introduce .introduce-card .card-text{
    margin-bottom:25px;
}
.index-introduce .introduce-title{
    margin:0 auto;
    text-align:center;
    font-size:2rem;
}
.index-introduce .introduce-card{
    /*width: 14rem;*/
    -webkit-box-shadow:0px 0px 26px 10px rgba(232, 238, 253, 1);
    -moz-box-shadow:0px 0px 26px 10px rgba(232, 238, 253, 1);
    box-shadow:0px 0px 26px 10px rgba(232, 238, 253, 1);
    border-radius:20px;
    padding:20px;
    min-height:295px;
}
.introduce-card .card-title{
    text-transform:uppercase;
    color:#3e5c9a;
    margin-top:10px;
}
.introduce-card .fas, .introduce-card .far, .introduce-card .fal{
    font-size:40px;
    color:#37538d;
}
.index-conversation-manage{
    background:#f2f6fe;
    padding:30px 0 30px;
    position:relative;
}
.index-conversation-manage h2, .index-comment h2{
    text-transform:uppercase;
    margin-left:15px;
    margin-top:10px;
}

.index-conversation-manage ul li, .index-comment ul li {
    font-size:17px;
    line-height: 30px;
}
.index-conversation-manage ul, .index-comment ul {
    list-style: none;
    padding-left: 20px;
}
.index-conversation-manage ul li i, .index-comment ul li i{
    padding-right: 10px;
    color: #f57c00;
}
/*
new style
 */
.intro-item .intro-icon {
    display: block;
    text-align: center;
    margin-bottom: -30px;
}
.intro-item .intro-icon a{

}
.intro-item .intro-icon i {
    font-size: 45px;
    color: #37538d;
    width: 70px;
    height: 70px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 8px;
    background-color: #eee;
}
.intro-item .intro-content{
    border-radius: 20px;
    text-align: center;
    padding: 40px 30px;
    min-height: 285px;
    box-shadow: 0 5px 62px 0 rgba(2,55,102,.09);
    background: #fff;
    border: 1px solid #f2f2f2;
}
.intro-item .intro-content p{
    font-size: 16px;
    color: #8f8f8f;
}
.intro-item .intro-content h3{
    color: #3e5c9a;
    font-size: 1.25rem;
}

.intro-item .intro-more {
    position: absolute;
    bottom: 50px;
    right: 0px;
    left: 0px;
}
.intro-item .intro-more a {
    padding: 10px 25px;
    border-radius: 25px;
    box-shadow: inset 0 0 0 1px #42464e;
    text-decoration: none;
    color: #2f2f2f;
    cursor: pointer;
}
.intro-item .intro-more a:hover{
    background-color: #3e5c9a;
    color: #fff;
}
.intro-item .intro-more span {
    font-size: 15px;
}
.intro-item .intro-more i {
    font-size: 12px;
}

/*.index-comment {*/
/*min-height: 400px;*/
/*}*/
.index-comment h4{
    text-transform:uppercase;
    margin-left:15px;
    margin-top:10px;
}
.index-comment{
    font-size:17px;
    line-height:27px;
    padding:20px 0 20px 0;
}
.index-integrate{
    background:#f8f8f8;
    position:relative;
}
.index-price{
    background-color: #fff;
    /*margin:30px 0 30px;*/
    padding-top: 35px;
}
.index-price .container-price{
    background:#fff;
    border-radius:30px;
    padding:30px;
}
.index-price .container-price h2{
    margin-bottom:30px;
    font-size:35px;
    text-transform:uppercase;
}
.index-price .container-price .btn{
    color:#fff;
    text-transform:uppercase;
    font-size:20px;
    font-weight:600;
}
#totalPrice{
    line-height:32px;
}
#totalPrice .totalMoney{
    color:#43B5C3;
    font-size:30px;
    font-weight:600;
}
#totalPrice .currency{
    font-size:22px;
    font-weight:600;
}
.container-price .row{
    line-height:30px;
    padding-top:5px;
}
.container-price .label{
    font-weight:600;
    font-size:18px;
}
.pc-pricing-detail{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:15px 0px;
    border-radius:10px;
    -webkit-box-shadow:0px 10px 40px rgba(51, 51, 51, 0.1);
    box-shadow:0px 10px 40px rgba(51, 51, 51, 0.1);
    background:#fff;
    z-index:1;
    border:1px solid #E0E0E0;
}
.pc-pricing-detail table{
    width:100%;
    border-collapse:collapse;
    border-radius:10px;
    overflow:hidden;
    text-align:center;
}
.pc-pricing-detail th, .pc-pricing-detail td{
    border:1px solid #E0E0E0;
    padding:20px 10px;
    line-height:20px;
}
.pc-pricing-detail .price-option{
    border:none !important;
}
body *{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

.sidebar-social a{
    width: 35px;
    height: 35px;
    text-decoration: none;
}
/*footer css*/
.footer-top{
    line-height:23px;
    background:#EBF2FF;
    padding: 50px 0;
    border-top: 1px solid #ccc;
}
.footer-logo{
    text-align:center;
}
.footer-static-title{
    margin-bottom: 15px;
}
.footer-static-title h4{
    color:#2f373b;
    font-weight:600;
    text-transform:uppercase;
    font-size:15px;
}
.develop{
    background:#888;
    padding:6px 15px;
    border-radius:5px;
    color:#fff;
}
.footer-static-content > img{
    max-width:180px;
    width:100%;
    display:block;
    margin:10px 0;
}
.footer-top ul{
    display:block;
    padding:0;
}
.footer-dynamic-content li{
    padding:8px 7px 0 4px;
    list-style:none;
}
.footer-static-content li{
    list-style:none;
    padding-left:0px !important;
    margin-bottom: 10px;
    font-size: 15px;
}
.footer-dynamic-content ul li a{
    color:#2f373b;
}
.footer-red{
    color:#c42026;
}
.footer-hotline{
    font-weight:600;
    margin-bottom:0;
}
.footer-top .link-follow li{
    display:inline-block;
    padding:8px;
}
.footer-top .link-follow .fab{
    font-size:25px;
    display:block;
    padding:0 5px;
    height:30px;
    line-height:30px;
    text-decoration:none;
}
.facebook{
    color:#3b579d !important;
}
.bg-facebook{
    background-color:#3b579d;
}
.twitter{
    color:#58a2df !important;
}
.bg-twitter{
     background-color:#58a2df !important;
}
.google{
    color:#dc5134 !important;
}
.youtube{
    color:#be2415 !important;
}
.bg-youtube{
    background-color:#be2415;
}
.bg-tiktok{
    background-color:#000;
}
.footer-bottom{
    background-color:#2a2c2e;
    color:#fff;
    padding:10px 0;
}
.footer-bottom p{
    font-size:12px;
    margin-bottom:5px;
}
.logo_vnp{
    margin-top:20px;
}
.download_app{
    color:#000;
    font-size:14px;
    font-weight:600;
    margin:15px 0 15px;
    display:block;
}
.btn-fb{
    color:#fff;
    background-color:#4267b2;
    border-color:#4267b2;
}
.btn-fb:hover{
    color:#fff;
    background-color:#365899;
    border-color:#365899;
}
.btn-fb.active, .btn-fb:active, .open > .dropdown-toggle.btn-fb{
    color:#fff;
    background-color:#29487d;
    border-color:#29487d;
}
@media only screen and (max-width:767px){
    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgb(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    .navbar-bg .navbar-collapse {
        background: #37538d;
    }
    .navbar-light .navbar-toggler {
        border: none;
    }
    .head-user {
        margin-left: 25px;
    }
    .img-responsive{
        max-width:100%;
    }
    .banner_index{
        margin:15px 0 15px;
    }
    .index-banner:after{
        height:30px;
    }
    .index-banner p{
        text-align: center;
    }
    .banner-border{
        display:none;
    }
    .banner-btn{
        justify-content:center;
    }
    .intro-item{
        margin-top: 15px;
    }
    .index-introduce .introduce-card{
        margin-top:10px;
        box-shadow:none;
        border-bottom:1px #ccc solid;
        border-radius:0px;
        min-height:auto;
    }
    .index-conversation-manage:before{
        top:-50px;
    }
    .index-conversation-manage:after{
        bottom:-55px;
    }
    .function_img{
        margin-bottom:40px;
    }
    .index-integrate .card{
        margin-bottom:10px;
    }
    .price-option{
        text-align:left;
    }

}

@media only screen and (max-width:990px){
    .navbar-bg .navbar-collapse {
        background: #37538d;
    }
}

#fanpage_care {
    background: #f2f6fe;
    /*padding-bottom:20px;*/
}
#fanpage_care h2.service_title{
    margin:0 auto;
    text-align:center;
    font-weight:600;
    color:#395796;
    font-size:33px;
    padding-bottom:25px;
}
#fanpage_care h3 {
    font-size: 21px;
    color: #f57c00;
    font-weight: 700;
    padding: 10px 0 10px;
}
#fanpage_care ul {
    padding-left: 0;
    list-style: none;
}
#fanpage_care ul li{
    line-height: 35px;
}
#fanpage_care ul li i{
    padding-right: 10px;
    color: #f57c00;
}

#service_section{
    background-color: #fff;
    padding-bottom:20px;
}
#service_section img{
    max-width:100%;
}
#service_section .serviceItemDes{
    margin-bottom:0px !important;
    line-height:30px;
    text-align:center;
    min-height:80px;
}
#service_section h2.service_title{
    margin:0 auto;
    text-align:center;
    font-weight:600;
    padding-top:35px;
    font-size:33px;
    padding-bottom:20px;
}
#service_section h3.service_item_title{
    text-transform:uppercase;
    color:#2a2c2e;
    font-size:17px;
    font-weight:bold;
    padding:15px 0 10px;
    text-align:center;
    text-decoration:none;
}
#service_section .view_link{
    padding:0 30px 0;
    background:#e0e4e4;
    text-align:center;
    float:left;
    display:block;
    width:100%;
}
#service_section .view_link > a{
    padding:15px 0;
    text-align:center;
    text-transform:uppercase;
    display:block;
    font-weight:bold;
    font-size:15px;
    text-decoration:none;
    color:#000;
}
/*------crm-chat-button----*/
.crm-chat-button{
    position:fixed; right:78px; bottom:71px;
    z-index:1000;
}
.crm-chat-button a{
    display:block; width:60px; height:60px; border-radius:60px;
    color:#fff;
    background:#004a7f url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAYAAAAFQMh/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAvNJREFUeNq8l1tIVFEUhv+5qE1UMmaCJF0JCSuxopewJ6mQLkQXuj1ED9FDBEV2sYeop4KS6CGRQCyzoLLAB0kki7CMLmZh053Sxiyh0DRzHHT3r84ZiPHMmT0y44LPc2b2dv977b3WXnscSilo2BSygqwkC0kWmWC29ZEO0kzqyG3SFXVEEbZhBjlN2pW++UkJmWU3tp3ofvJTjd66SRFx6AqnkpsqflZD0qIJe8lDFX97TNIjCSeROpU4u0OSrYRPqMTbyZCew0yneWY6JCGxNkQWkxan+cWRMRAVc5Gj8iIez+bzJRmPsbEAyRWP18cq2vRRr19nD9AbGPF1CtkgwstjEb1wH9hbBVQ2Re7zJ2j0e/Ae8FhvYIEI5+iKVj8DLjYCkzxA2V2g6tHIPvU+YFsZD+tfXEqGkdtpOdRcN/+k64g2vAbO1XOd6IGLg43js7TBeN+8hGH6BajgpO69AQoXAMWrGECRh5sswRW1PDW3AYeucwkH8W+0ZLfhydAwP/JzzlTAx/r0g3VqWTZwaiMn6LYfUxZi0K7DBxa44mqgu98Q2MeIyJgIDAQNb8VaOLF+jpI3HTi+LrqoaIrH/DdMs2rt6AZ2VRhe7VgKrMmjt8zEd9+5Atfo4W9jyWUSmanA2a3GU8P8IlzDl9VWqXDsFpCdCezMB7xhCff2G3CQ4l29DBJeCUq2AHMytJOjVs7N3eEHal9AqRtPlWrtsD94fV+V2nSepedTzGf2HvGYPqGVpIWmE+SJmuTSm7rkrCe2w7ZHUljCo5Nc/r9FV1TME/sJf0XCJ1SdskyvUxN8TjMiMJ+0hc4VPzkwBgXisIha3TJLE3gJKLe7c7lIVQJEr5pXK9tbZn6cReVe7gzXsaodKXHaz1dkrRk7w+GN7jgHj6TIE1JOKkl/pI66wgPkDPlMFpGZxGu2sfKinTwnjVIz9KY4co8LwvaoluRG+Y0VM1Z7HKrfcrPaTgrJi3gntDuC8CVSpPVzc5T2V4ABAMltT/3nScyOAAAAAElFTkSuQmCC) center no-repeat;
    -webkit-animation:glowing 1500ms infinite; -o-animation:glowing 1500ms infinite; animation:glowing 1500ms infinite;
}
@-webkit-keyframes glowing{
    0%{ background-color:#004a7f; -webkit-box-shadow:0 0 3px #004a7f; }
    50%{ background-color:#0094ff; -webkit-box-shadow:0 0 10px #0094ff; }
    100%{ background-color:#004a7f; -webkit-box-shadow:0 0 3px #004a7f; }
}
@-moz-keyframes glowing{
    0%{ background-color:#004a7f; -moz-box-shadow:0 0 3px #004a7f; }
    50%{ background-color:#0094ff; -moz-box-shadow:0 0 10px #0094ff; }
    100%{ background-color:#004a7f; -moz-box-shadow:0 0 3px #004a7f; }
}
@-o-keyframes glowing{
    0%{ background-color:#004a7f; box-shadow:0 0 3px #004a7f; }
    50%{ background-color:#0094ff; box-shadow:0 0 10px #0094ff; }
    100%{ background-color:#004a7f; box-shadow:0 0 3px #004a7f; }
}
@keyframes glowing{
    0%{ background-color:#004a7f; box-shadow:0 0 3px #004a7f; }
    50%{ background-color:#0094ff; box-shadow:0 0 10px #0094ff; }
    100%{ background-color:#004a7f; box-shadow:0 0 3px #004a7f; }
}

:root {
    --ck-image-style-spacing: 1.5em;
}

.ck-content
.image-style-side,
.image-style-align-left,
.image-style-align-center,
.image-style-align-right {
    max-width: 50%;
}

.image-style-side {
    float: right;
    margin-left: var(--ck-image-style-spacing);
}

.image-style-align-left {
    float: left;
    margin-right: var(--ck-image-style-spacing);
}

.image-style-align-center {
    margin-left: auto;
    margin-right: auto;
}

.image-style-align-right {
    float: right;
    margin-left: var(--ck-image-style-spacing);
}

/*----Blog-----*/
.ratings {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    direction: rtl;
    text-align: left;
}
.star {
    position: relative;
    line-height: 60px;
    display: inline-block;
    transition: color 0.2s ease;
    color: #ebebeb;
}

.star:before {
    content: '\2605';
    width: 15px;
    height: 15px;
    font-size: 30px;
}

.star:hover,
.star.selected,
.star:hover ~ .star,
.star.selected ~ .star{
    transition: color 0.8s ease;
    color: yellow;
}

#blog-detail {
    padding-top: 50px;
}

.detail-content {
    margin-top: 15px;
}

#blog-detail .detail-content img, #blog-detail .detail-content figure {
    max-width: 100% !important;
}

.substr {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.a-link {
    color: #0a0a0a;
    text-decoration: none !important;
}

#video-container {
    /*background: linear-gradient(#37538d,#6180af);*/
    background: #f2f6fe;
}

.owl-carousel.owl-theme.owl-nav-center .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 2px solid #333 !important;
    color: #333;
    padding: 0 10px !important;
    font-weight: 700;
    border-radius: 50%;
}
.owl-nav-center .owl-nav button.owl-prev {
    left: 1rem;
}
.owl-nav-center .owl-nav button.owl-next {
    right: 1rem;
}
.video-box {
    position: relative;
    padding: 47px;
}
.video-box video {
    width: 63%;
    position: absolute;
    left: 50%;
    top: calc(50% - 1px);
    transform: translate(-50%, -50%);
}
.video-box video::-webkit-media-controls-enclosure {
    display: none;
}
.first-item a {
    width: 23%;
    padding: .75rem;
    color: #333;
    text-decoration: none;
    font-size: .9rem;
}
.video-box img {
    position: relative;
    z-index: 1;
}
.video-box .bg-video-round {
    background: linear-gradient(278.63deg,#fff -22.96%,#d9e8ff 2.87%,#5f90d8 37.41%,#1f59b8 72.83%,#012f87 94.37%);
    width: 395px;
    height: 395px;
    border-radius: 50%;
    /* z-index: 1; */
    top: 63%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.normal-item .normal-item-video {
    width: 22%;
}
.normal-item-content {
    padding: 1rem;
}
.banner-title {
    font-weight: 700;
    font-size: 1.5rem;
}
.banner-content {
    margin: .5rem 0;
    font-size: 1.1rem;
}
.banner-action {
    /*    padding: .75rem 1rem;*/
    /*    background: #37538d;*/
    /*    color: #fff;*/
    /*    font-weight: 600;*/
    /*    border-radius: 5px;*/
    /*    box-shadow: 0 0 1px 1px #ccc;*/
    display: inline-block;
}
.bg-lightgray {
    background: #d1d1d9;
    padding: 1.25rem 1.25rem;
    min-height: 100vh;
}

.max-w-400{
    max-width: 415px;
}

#btTop, #btnFreetrial {
    display: none !important;
}

#btnFreetrial {
    border-radius: 50px;
    bottom: 135px;
    right: 20px;
    z-index: 1;
}

#btTop {
    border-radius: 50%;
    bottom: 85px;
    right: 20px;
}

#manual_details{
    padding: 80px 30px 30px;
}
.listManual{
    margin-top: 0;
    max-height: calc(100vh - 140px);
    overflow-y: auto;
}
.listManual:hover::-webkit-scrollbar {
    display: block;
}
.listManual::-webkit-scrollbar {
    width: 6px;
    background-color: #2e302f;
    display: none;
}
.listManual::-webkit-scrollbar-thumb {
    background-color: #898989;
}

.listManual::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f5f5f5;
}

.listManual .itemManual a{
    margin-bottom: 4px;
    padding: 6px 8px;
    color: #25292d;
    font-size: 14px;
    border-radius: 5px;
    line-height: 22px;
    text-decoration: unset;
    display: block;
    min-height: 24px;
    transition:  all .2s;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.listManual .itemManual a:hover{
    background-color: rgb(236, 239, 241);
}
.listManual .itemManual a.active{
    color: #38548e;
    background-color: #d0defa;
    font-weight: 500;
}
.titleQuestion{
    font-size: 16px;
}
.listQuestion .item{
    display: block;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    margin-bottom: 7px;
    font-size: 14px;
    color: rgba(136, 153, 168, 1);
}

.listQuestion .item.active, .listQuestion .item:hover{
    color: rgba(198,32,37,1.00);
}
.copyLink {
    font-size: 14px;
    color: rgba(136,153,168,1.00);
    cursor: pointer;
    font-weight: 500;
    display: inline-block;
    height: 25px;
}

.inputSearchManual{
    width: 100%;
    height: 40px;
    border-radius: 6px;
    border: 1px solid transparent;
    padding: 0 35px 0 15px;
    background-color: rgba(0, 0, 0, 0.05);
    transition-duration: 0.25s;
    outline: unset;
}
.inputSearchManual:focus, .inputSearchManual:active{
    border: 1px solid #38548e;
}
.manual_content img{
    max-width: 100% !important;
}
.bottomAction {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 60%;
    margin: 30px auto 0;
}
.actionArrow:hover{
    text-decoration: unset;
}
.actionArrow{
    border: 1px solid #e3e8ed;
    padding: 20px 15px;
    border-radius: 4px;
    width: 50%;
    margin: 0 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: rgba(59,69,78,1.00);
    font-weight: 500;
    transition: all .2s
}
.actionArrow span{
    display: block;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

.actionArrow.prev {
    text-align: left;
}

.actionArrow.next {
    text-align: left;
}

.actionArrow:hover {
    border: 1px solid #38548e;
    transform: translateY(-2px);
}
.copyLink .check{
    display: none;
}
.copyLink.active .check{
    display: block;
}
.copyLink.active .link{
    display: none;
}
.searchForm{
    position: relative;
}

.searchResult {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1;
    background: #fff;
    box-shadow: rgb(0 0 0 / 5%) 0 4px 10px;
    border-top: 5px solid transparent;
    border-radius: 6px;
    overflow: hidden;
    display: none;
}
.searchResult a{
    display: block;
    padding: 10px 15px;
    color: black;
    font-size: 14px;
    text-decoration: unset;
    transition: all .2s;
    font-weight: 400;
    background-color: #fff;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.searchResult a:hover{
    background-color: rgba(0, 0, 0, 0.05);
}
.iconLoad {
    position: absolute;
    right: 10px;
    top: 6px;
    z-index: 1;
    opacity: 0;
    animation: around 1s linear 0s infinite;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.iconLoad.active{
    opacity: 1;
}
.ph-6{
    padding-right: 5rem!important;
    padding-left: 5rem!important;
}
.mw-130{
    max-width: 130px;
}

.section-video {
    font-size: 1.1rem;
}

.s-video-subtitle {
    font-size: 1.5rem;
}

.section-video p {
    font-size: 1.1rem;
}

.s-video-prev, .s-video-next {
    font-size: 1.5rem;
}

.section-free-trial {
    background: linear-gradient(278.63deg, #FFFFFF -22.96%, #D9E8FF 2.87%, #5F90D8 37.41%, #1F59B8 72.83%, #012F87 94.37%);
}

.s-free-text h3 {
    font-size: 3rem;
    font-weight: 700;
}

.s-free-text span {
    font-size: 1.2rem;
}

.btn-gardient {
    background: #37A53B;
    color: #fff;
    box-shadow: 0px 4px 10px 0px #37538D61;
    border: 0;
    font-weight: 500;
    transition: all .2s linear 0s;
    position: relative;
}

.btn-gardient:hover {
    background: #dc2323;
    text-indent: 0;
}

.btn-gardient:hover i {
    opacity: 0;
    visibility: hidden;
}

.btn-free-trial {
    border-radius: 2rem;
    font-size: 1.25rem;
    padding: 0.75rem 1.25rem;
    text-indent: -30px;
    min-width: 260px;
}

.btn-use-demo {
    border-radius: 2rem;
    font-size: 1.25rem;
    padding: 0.75rem 1.25rem;
    background-color: #fff;
    font-size: 1.25rem;
    border: 1px solid #105ce2;
    color: #105ce2;
}

.btn-use-demo:hover {
    color: #105ce2;
    background:  #e2f2ff;
}

.btn-gardient:after {
    content: "\f0a9";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    opacity: 1;
    margin-left: 40px;
    position: absolute;
    font-size: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
}

.btn-gardient:hover:after {
    opacity: 0;
    visibility: hidden;
}

.s-title {
    font-size: 1.75rem;
    font-weight: 700;
    position: relative;
}

.s-title span {
    color: var(--newColor);
}

.s-title.has-before {
    padding-top: 1.5rem;
}

.s-title.has-before:before {
    width: 80px;
    height: 5px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(89.88deg, rgba(0, 133, 255, 0.4) 0.1%, #1F59B8 99.91%), linear-gradient(0deg, #ADADAD, #ADADAD);
    border-radius: 8px;
}

.section-integrate {
    background: rgba(232, 241, 255, 1);
}

.s-discover-arrow {
    top: 0;
    right: 0;
}

.s-discover-tab .s-discover-tab-nav {
    border: 0;
    background: rgba(242, 242, 242, 1);
}

.s-discover-tab .s-discover-tab-nav .nav-link {
    flex: 1;
    padding: 0;
}

.s-discover-tab .s-discover-tab-nav .nav-link h3 {
    font-weight: 500;
    font-size: 1.1rem;
    color: #333;
    text-align: center;
    padding: .75rem;
    margin: 0;
}

.s-discover-tab .s-discover-tab-nav .nav-link.active h3 {
    color: #fff;
    background: linear-gradient(89.88deg, #00C0FF 0.1%, #1F59B8 73.4%), linear-gradient(0deg, #D9D9D9, #D9D9D9);
}

.s-discover-tab-content {
    box-shadow: 0px 4px 8px 0px rgba(59, 114, 226, 0.08);
    background: rgba(255, 255, 255, 1);
    border-radius: 20px;
}

.s-connect-item {
    flex: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    padding: 15px;
    font-weight: 500;
    border: 0;
    border-right-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to top, #C62025, white) 1 100%;
}

.s-connect-item:last-child {
    border: 0;
}

.s-connect-item b {
    color: var(--newColor);
    margin-bottom: 10px;
    font-size: 25px;
}

.section-brand img {
    height: 75px;
    object-fit: contain;
    padding: 10px;
}

footer {
    position: relative;
    background-color: #e8f1ff;
}

/*footer .bg-ft {*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 62%;*/
/*    background-color: #e8f1ff;*/
/*}*/

.ft-left img {
    /*box-shadow: 0px 0px 10px 0px rgba(40, 97, 189, 0.16);*/
    /*background: #fff;*/
}

.ft-left .s-footer-arrow {
    top: -25px;
    right: -44px;
    /*box-shadow: unset;*/
    /*background: unset;*/
    transform: rotateZ(207deg);
}

.ft-title {
    font-weight: 700;
    color: #1F59B8;
    font-size: 35px;
}

.ft-desc {
    font-size: 22px;
}

.owl-custom.owl-theme .owl-dots .owl-dot.active span, .owl-custom.owl-theme .owl-dots .owl-dot:hover span {
    background: linear-gradient(89.88deg, rgba(0, 133, 255, 0.4) 0.1%, #1F59B8 99.91%);
}

.section-manager {
    background: rgba(232, 241, 255, 1);
}

/*.section-manager .owl-carousel img {*/
/*    border-radius: 20px;*/
/*}*/

.section-manager .owl-dots {
    margin-top: 1.25rem;
    text-indent: 36rem;
}

.section-manager .owl-nav button, .advanced .owl-nav button {
    position: absolute;
    font-size: 1.5rem;
}

.section-manager .owl-theme .owl-nav button:hover {
    background: unset;
}

.advanced .owl-nav button{
    bottom: -4px;

}

.advanced .owl-nav .owl-prev {
    left: 0;
}

.section-manager .owl-nav .owl-prev {
    left: 51%;
}

.section-manager .owl-nav .owl-next, .advanced .owl-nav .owl-next {
    right: 0;
}

.section-manager .owl-nav button i, .advanced .owl-nav button i {
    font-weight: 600;
    font-size: 1.5rem;
    color: var(--newColor);
}
.s-content-with-check p {
    display: flex;
}
.s-content-with-check p i {
    margin-top: 5px;
}
.m-tab-pane {
    display: none;
    padding: 1rem;
}

.advanced{
    padding-bottom: 30px;
}


.advanced:nth-child(1){
    color: #00EBA2;
}
.advanced:nth-child(2){
    color: #C24343;
}
.advanced:nth-child(3){
    color: #3E6BDE;
}
.advanced:nth-child(4){
    color: #FE5722;
}
.advanced:nth-child(5){
    color: #c44747;
}
.advanced:nth-child(6){
    color: #795757;
}


.advanced .stt_box{
    display: flex;
    font-size: 60px;
    font-weight: 700;
    line-height: 38px;
    align-items: center;
    padding-bottom: 20px;
}

.advanced h3 {
    color: #333;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    padding-bottom: 15px;
}

.advanced p {
    display: flex;
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.16px;
    /*padding-bottom: 15px;*/
    align-items: baseline;
}

.advanced img {
    z-index: 2;
    position: inherit;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.navbar-brand img {
    width: 130px;
    height: 39px;
}
.footer-static-content .busines_meta, .footer-static-content .logo-footer-right {
    max-width: 135px;
    margin: 0;
}
.footer-static-content.resources ul li a {
    color: #0861F2;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}
.footer_bct a {
    margin-bottom: 5px;
}
.footer-static-title h4 {
    font-weight: 700;
}
.footer-static-content .logo_footer {
    display: flex;
    align-items: center;
    font-size: 17px;
    gap: 3px;
    font-weight: 700;
    color: #000;
}
.footer-static-content .logo_footer {
    max-width: 100px;
}
.footer-static-content .logo_footer:hover {
    text-decoration: none;
}
.footer-red {
    color: #0861F2;
    font-weight: bold;
}
.footer-static-content .link-follow {
    display: flex;
    align-items: center;
}
.footer-static-content .link-follow .twitter img {
    max-width: 26px;
}
.footer-static-content .link-follow .facebook i {
    color: red;
}
.link-follow a:hover {
    text-decoration: none;
}


#useDemo .modal-dialog>.modal-content {
    background-color: #fff;
    border-radius: 20px;
}

#useDemo .demo-request-header {
    margin: 20px 0;
    color: #1D2939;
    /*font-family: BT Beau Sans, Helvetica, Arial, sans-serif;*/
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 35px;
}


#useDemo .demo-request-description {
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
}

#useDemo .demo-request-pancake-help-title {
    margin: 40px 0 12px;
    color: #1677ff;
    /*font-family: Inter;*/
    font-weight: 500;
    text-transform: uppercase;
}

#useDemo .demo-request-pancake-help-content .content-item span:nth-child(1) {
    /*text-align: center;*/
    /*font-family: Inter, Helvetica, Arial, sans-serif;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

#useDemo .demo-request-pancake-help-content .content-item span:nth-child(2) {
    margin: 8px 0;
    letter-spacing: -.72px;
    /*font-family: Inter, Helvetica, Arial, sans-serif;*/
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 44px;
}

#useDemo .close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    padding: 12px;
    border-radius: 9999px;
    z-index: 1;
    width: 42px;
    height: 42px;
}

#useDemo .close:hover {
    background: #1d29391a;
    backdrop-filter: blur(30px);
}

#useDemo .modal-content {

    background-color: #fff;
    border-radius: 20px;
}

#useDemo .modal-body {
    border-radius: 20px;
    background: linear-gradient(153deg, #a2fdc752 8.46%, #e5f4ff00 85.51%);
}

#useDemo .modal-body>div {
    gap: 48px;
    flex-wrap: wrap;
    padding: 50px 48px 32px;
    border-radius: 20px;
    background: linear-gradient(209deg, #d2ebff 6.34%, #e5edff00 59.49%);
}

#useDemo .modal-body .left {
    flex: 1;
}

#useDemo .modal-body .right {
    width: 490px;
    gap: 24px;
    border-radius: 20px;
    padding: 24px;
    border: 1.5px solid #FFF;
    background: linear-gradient(180deg, #ffffff73, #fffc);
}

#useDemo .form-data {
    gap: 24px;
}

#useDemo .form-data .label {
    margin-bottom: 8px;
    color: #344054;
    font-weight: 400;
    line-height: 20px;
}

#useDemo .form-data input, #useDemo .form-data select{
    height: 48px;
    padding: 12px 16px;
    border-radius: 8px;
    color: #1D2939;
    display: flex  ;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    font-family: Inter, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;

    background: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-color: #d9d9d9;
}

#useDemo .form-data .demo-request-send-btn {
    width: 100%;
}

#useDemo .form-data .demo-request-send-btn, .open-register-popup {
    border: 1px solid transparent;
    font-size: 16px;
    color: #fff;
    background-color: #105ce2;
    box-shadow: 0 1px 2px #1018280d;
    height: unset;
    white-space: unset;
    padding: 16px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 9999px;
    outline: none;
}

#useDemo .form-data .demo-request-send-btn:hover {
    color: #4096ff;
    border-color: #4096ff;
    background: #ffffff;
}


#useDemo .form-data input:focus {
    border-color: #1677ff;
    box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
    outline: 0;
    background-color: #ffffff;
}

/*#useDemo .section-connect * {*/
/*    font-size: calc(50% + 0px); !* Giảm kích thước font xuống 50% *!*/
/*}*/

#useDemo .s-title {
    font-size: 1.2rem;
}

#useDemo .s-connect-item {
    padding: 10px;
    font-size: 16px;
}

#useDemo .s-connect-item b {
    font-size: 20px;
}

@keyframes around {
    from {
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
    }
    to {
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
    }
}

@media (min-width: 768px) {
    .s-discover-tab .s-discover-tab-nav .nav-link h3 {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .footer-top .row > div {
        padding-left: 20px;
    }
}

/*@media (min-width: 992px) {*/
/*    #s-library-tab>a {*/
/*        max-width: 145px;*/
/*        margin: auto;*/
/*    }*/
/*}*/

@media  (max-width: 991px) {
    .first-item a {
        width: 33%;
        padding: 0.35rem;
    }
    .first-item a>.btn {
        padding: 0.35rem;
        font-size: 0.75rem;
    }
    .normal-item .normal-item-video {
        width: 100%;
    }
    .barMobile{
        position: unset!important;
        margin-top: 15px;
    }
    .barMobileLeft{
        display: none;
    }
    .titleManual{
        font-size: 22px;
    }
    .bottomAction{
        width: 100%;
    }
    .actionArrow{
        font-size: 14px;
        padding: 15px 10px;
    }
    #manual_details {
        padding: 60px 15px 15px;
    }
    .ph-sm-0{
        padding-right: 15px!important;
        padding-left: 15px!important;
    }
    .section-manager .owl-dots {
        text-indent: 0;
    }
    .section-manager .owl-nav .owl-prev {
        left: 0;
    }
    .index-banner {
        padding: 6rem 0 4rem;
        background-position-x: 74%;
    }
    .index-banner h1 {
        font-size: 1.4rem;
    }
    .s-connect-item:last-child {
        border-right-width: 1px;
        border-style: solid;
        border-image: linear-gradient(to top, #C62025, white) 1 100%;
    }
    .video-box {
        padding: 10.5%;
    }
    .video-box .bg-video-round {
        width: 330px;
        height: 330px;
    }
    .section-discover .s-discover-arrow {
        width: 60px;
    }
    .s-title {
        font-size: 1.4rem;
        text-align: center;
    }
    .s-discover-tab-content {
        display: none;
    }
    .m-tab-pane.active {
        display: block;
    }
    .s-discover-tab .s-discover-tab-nav .nav-link h3 {
        text-align: left;
    }

    .module-title .nav-link h3>br {
        display: none;
    }

    #useDemo .modal-body>div {
        padding: 32px 24px 60px;
        gap: 32px;
    }

    /*#useDemo .modal-body {*/
    /*    margin: 0;*/
    /*    gap: 32px;*/
    /*}*/

    #useDemo .demo-request-header {
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 767px){
    .advanced {
        padding-bottom: 0;
    }
    .buy-package {
        display: inline-block;
    }
    .ratingArea {
        flex-direction: column;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px){
    .video-box .bg-video-round {
        width: 250px;
        height: 250px;
    }
}
.buy-package {
    background-color: #009688;
    color: #fff;
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f;
    padding: 3px 10px;
    border-radius: 3px;
}
.buy-package i {
    margin-right: 5px;
}
.zalo-chat-widget {
    right: 10px !important;
    bottom: 30px !important;
}
.license p {
    color: #49526E;
    font-weight: 400;
    line-height: 175%;
    border-radius: 4px;
    padding: 10px;
}

@media (max-width: 991px) {
    .zalo-chat-widget {
        display: none;
    }
}