/* trang home */

@font-face {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/averta/Averta-Light.otf') format('opentype');
}

@font-face {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/averta/Averta-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/averta/Averta-Semibold.otf') format('opentype');
}

@font-face {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/averta/Averta-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../fonts/averta/Averta-ExtraBold.otf') format('opentype');
}


/* bizcrmhome_banner */

.bizcrmhome_banner {
    float: left;
    width: 100%;
    padding: 30px 0 250px;
    background-image: url('../images/bg-banner-bot.png'), url('../images/bg-banner.jpg');
    background-repeat: no-repeat, no-repeat;
    background-position: bottom center, center center;
    background-size: 100% auto, cover;
}

.bizcrmhome_banner .container {
    max-width: 1540px;
}

.bizcrmhome_banner_content {
    padding-top: 170px;
}

._bizlogo {
    margin-bottom: 28px;
}

.bizcrmhome_banner_content .title {
    color: #393939;
    font-family: Averta;
    font-size: 47px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 50px;
}

.bizcrmhome_banner_list {
    display: flex;
    align-items: center;
    gap: 10px 26px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.bizcrmhome_banner_list ._item {
    position: relative;
    padding: 5px 15px 5px 60px;
    height: 45px;
    border-radius: 100px;
    border: 1px solid #5879F3;
    background: #FFF;
    display: flex;
    align-items: center;
    color: #393939;
    font-family: Averta;
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
}

.bizcrmhome_banner_list ._item span {
    display: block;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: -1px;
    left: -1px;
}

.bizcrmhome_banner_list ._item span img {
    width: 100%;
}

.bizcrmhome_banner_content .txt {
    color: #393939;
    font-family: Averta;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 30px;
}

.bizcrmhome_banner .img {
    text-align: center;
}

.bizcrmhome_banner .img img {
    max-width: 100%;
}


/* bizcrmhome_other */

.bizcrmhome_other {
    width: 100%;
    float: left;
    position: relative;
}

.bizcrmhome_other .container {
    max-width: 1540px;
}

.bizcrmhome_tabs {
    position: absolute;
    top: 0;
    left: calc((100% - 1570px)/2);
    width: 280px;
    padding: 40px 30px 80px;
    border-right: 1px solid #73CDFF;
    z-index: 5;
}

.tabs_title {
    color: #4D7FF8;
    font-family: Averta;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    margin-bottom: 25px;
}

.tabs_list {
    display: flex;
    flex-wrap: wrap;
    gap: 19px;
}

.tabs_list a {
    width: 100%;
    border-radius: 6px;
    border: 1px solid #F0F0F0;
    background: #FFF;
    padding: 8px 15px;
    color: #A8A8A8;
    font-family: Averta;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

.tabs_list a.active,
.tabs_list a:hover {
    border: 1px solid rgba(77, 127, 248, 0.80);
    background: rgba(77, 127, 248, 0.80);
    color: #fff;
}


/* bizcrmhome_comprehensive */

.bizcrmhome_comprehensive {
    width: 100%;
    float: left;
    padding: 58px 0;
    background: #fff;
}

.bizcrmhome_box {
    width: 100%;
    padding-left: 330px;
}

.bizcrmhome_title {
    color: #587AF3;
    font-family: Averta;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 30px;
    padding-left: 30px;
}

.comprehensive-list {
    display: flex;
    width: 100%;
    gap: 30px 72px;
    flex-wrap: wrap;
}

.comprehensive-item {
    width: calc(25% - 54px);
}

.comprehensive-item .img {
    width: 100%;
    height: 90px;
    margin-bottom: 10px;
}

.comprehensive-item .img img {
    width: auto;
    max-height: 90px;
}

.bizcrmhome_title_child {
    color: #000;
    font-family: Averta;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 20px;
}

.bizcrmhome_txt {
    color: #000;
    text-align: justify;
    font-family: Averta;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 144.444%;
}

.bizcrmhome_txt p:last-child {
    margin-bottom: 0;
}


/* bizcrmhome_box2 */

.bizcrmhome_box2 {
    float: left;
    width: 100%;
    background: transparent url('../images/bg-box2.jpg') no-repeat top center;
    background-size: cover;
}

.bizcrmhome_datamanagement {
    float: left;
    width: 100%;
    padding: 60px 0 30px;
    background-color: transparent;
}

._datamanagement_list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 30px;
}

._datamanagement_item {
    width: calc(25% - 22.5px);
    border-radius: 14px;
    background: #FFF;
    box-shadow: 0px 0px 6px 0px rgba(51, 80, 186, 0.16);
    overflow: hidden;
    padding: 30px 15px 15px;
}

._datamanagement_item ._top {
    display: flex;
    gap: 10px;
    align-items: flex-end;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

._datamanagement_item ._top .bizcrmhome_title_child {
    width: 100%;
    flex: 1;
    margin-bottom: 0;
}

._datamanagement_item ._top .iocn {
    width: 70px;
    flex-shrink: 0;
}

._datamanagement_item ._top .iocn img {
    max-width: 100%;
}


/* bizcrmhome_customerportrait */

.bizcrmhome_customerportrait {
    width: 100%;
    float: left;
    padding: 30px 0 60px;
    background-color: transparent;
}

._customerportrait_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

._customerportrait_item {
    width: calc(25% - 22.5px);
    border-radius: 14px;
    background: #FFF;
    box-shadow: 0px 0px 6px 0px rgba(51, 80, 186, 0.16);
    overflow: hidden;
    padding: 30px 15px 15px;
}

._customerportrait_item .img {
    margin-bottom: 10px;
    height: 70px;
    text-align: center;
}

._customerportrait_item .img img {
    width: auto;
    max-height: 70px;
}

._customerportrait_item .bizcrmhome_title_child {
    text-align: center;
}


/* bizcrmhome_managesalesprocess */

.bizcrmhome_managesalesprocess {
    float: left;
    width: 100%;
    padding: 0px 0 30px;
}

.bizcrmhome_box_child {
    background: transparent url('../images/bg-managesalesprocess.jpg') no-repeat top center;
    background-size: 100% auto;
    padding-top: 60px;
}

.bizcrmhome_managesalesprocess .bizcrmhome_title {
    color: #fff;
}

._managesalesprocess_list {
    width: 100%;
    max-width: 830px;
    padding: 0 23px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px 38px;
}

._managesalesprocess_item {
    border-radius: 14px;
    border: 1px solid #5879F3;
    background: #FFF;
    box-shadow: 0px 0px 6px 0px rgba(51, 80, 186, 0.16);
    width: calc(33.3333% - 25.3333px);
    overflow: hidden;
    padding: 15px;
}

._managesalesprocess_item .img {
    width: 100%;
    height: 77px;
    margin-bottom: 10px;
}

._managesalesprocess_item .img img {
    width: auto;
    max-height: 77px;
}

._managesalesprocess_item .bizcrmhome_title_child {
    font-size: 22px;
}


/* bizcrmhome_performancemanagement */

.bizcrmhome_performancemanagement {
    float: left;
    width: 100%;
    padding: 30px 0 60px;
    background-color: transparent;
}

._performancemanagement_list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 30px 40px;
}

._performancemanagement_item {
    width: calc(33.3333% - 26.6666px);
}

._performancemanagement_item .img {
    position: relative;
    overflow: hidden;
    padding-top: 55.75%;
    margin-bottom: 15px;
}

._performancemanagement_item .img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
}


/* bizcrmhome_customercare */

.bizcrmhome_customercare {
    float: left;
    width: 100%;
    background-color: #fff;
    background-image: url('../images/img-custem.png');
    background-repeat: no-repeat;
    background-position: bottom right 10.8%;
    background-size: 25.6% auto;
    padding: 60px 0;
}

._customercare_list {
    width: 100%;
    max-width: 805px;
    padding: 0 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px 80px;
}

._customercare_item {
    width: calc(33.3333% - 53.3333px);
}

._customercare_item .img {
    width: 100%;
    height: 82px;
    margin-bottom: 10px;
}

._customercare_item .img img {
    width: auto;
    max-height: 82px;
}


/* bizcrmhome_flexiblecustomization */

.bizcrmhome_flexiblecustomization {
    float: left;
    width: 100%;
    padding: 0 0 60px;
}

.bizcrmhome_flexiblecustomization .bizcrmhome_title {
    color: #fff;
}

.bizcrmhome_flexiblecustomization .bizcrmhome_box_child {
    background: transparent url("../images/bg-flexiblecustomization.jpg") no-repeat bottom right;
    padding-bottom: 40px;
}

._flexiblecustomization_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 30px 56px;
    justify-content: center;
    max-width: 736px;
    padding: 0 24px;
}

._flexiblecustomization_item {
    width: calc(50% - 28px);
    border-radius: 14px;
    border: 1px solid #5879F3;
    background: #FFF;
    box-shadow: 0px 0px 6px 0px rgba(51, 80, 186, 0.16);
    overflow: hidden;
    padding: 20px;
}

._flexiblecustomization_item .img {
    width: 100%;
    height: 60px;
    margin-bottom: 10px;
}

._flexiblecustomization_item .img img {
    width: auto;
    max-height: 60px;
}

._flexiblecustomization_item .bizcrmhome_title_child {
    font-size: 22px;
}


/* bizcrmhome_marketingautomation */

.bizcrmhome_marketingautomation {
    float: left;
    width: 100%;
    padding: 30px 0;
    background: transparent;
}

._marketingautomation_item {
    border-radius: 26px;
    background: #5879F3;
    padding: 30px 20px;
    overflow: hidden;
    width: calc(33.3333% - 52px);
}

._marketingautomation_list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 78px;
}

._marketingautomation_item .img {
    width: 100%;
    height: 77px;
    margin-bottom: 10px;
}

._marketingautomation_item .img img {
    width: auto;
    max-height: 77px;
}

._marketingautomation_item .bizcrmhome_title_child {
    color: #fff;
    font-size: 22px;
}

._marketingautomation_item .bizcrmhome_txt {
    color: #fff;
}


/* bizcrmhome_security */

.bizcrmhome_security {
    float: left;
    width: 100%;
    background-color: transparent;
    padding: 30px 0 60px;
}

._security_list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 0;
}

._security_img {
    flex-shrink: 0;
    text-align: center;
}

._security_img img {
    max-width: 100%;
}

._security_listbox {
    display: flex;
    width: 100%;
    flex: 1;
    gap: 30px 56px;
    flex-wrap: wrap;
}

._security_item {
    width: calc(33.3333% - 37.3333px);
}

._security_item .img {
    width: 100%;
    height: 86px;
    margin-bottom: 10px;
}

._security_item .img img {
    width: auto;
    max-height: 86px;
}


/* bizcrmhome_experience */

.bizcrmhome_experience {
    float: left;
    width: 100%;
    padding: 30px 0;
    background: #5879F3;
}

.bizcrmhome_experience .container {
    max-width: 950px;
}

.bizcrmhome_experience .bizcrmhome_title {
    color: #fff;
}

._experience_img {
    width: 100%;
    text-align: center;
}

._experience_img img {
    max-width: 100%;
}

._experience_content {
    text-align: center;
}

._experience_content .title {
    color: #FFF;
    text-align: center;
    font-family: Averta;
    font-size: 34px;
    font-style: normal;
    font-weight: 800;
    line-height: 129.412%;
    margin: 0 0 10px;
}

.bizcrm_btn {
    display: inline-block;
    border-radius: 100px;
    background: #FF9D00;
    color: #FFF;
    font-family: Averta;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    width: 100%;
    text-align: center;
    padding: 9px 20px;
    font-size: 20px;
    max-width: 272px;
}

@media screen and (max-width: 1600px) {
    .bizcrmhome_tabs {
        left: 20px;
    }
    .bizcrmhome_banner_content .title {
        font-size: 40px;
    }
    .bizcrmhome_banner_content .txt {
        font-size: 22px;
    }
    .bizcrmhome_title {
        font-size: 36px;
    }
    .bizcrmhome_title_child {
        font-size: 22px;
    }
    .bizcrmhome_customercare {
        background-position: bottom right 1.8%;
    }
    .bizcrmhome_banner .container,
    .bizcrmhome_other .container {
        max-width: calc(100% - 40px);
    }
}

@media screen and (max-width: 1400px) {
    .bizcrmhome_box {
        padding-left: 280px;
    }
    .bizcrmhome_banner_content .title {
        font-size: 36px;
    }
    .bizcrmhome_banner_content .txt {
        font-size: 20px;
    }
    .bizcrmhome_title,
    ._experience_content .title {
        font-size: 32px;
    }
    .bizcrmhome_title_child,
    ._marketingautomation_item .bizcrmhome_title_child {
        font-size: 20px;
    }
    ._customercare_list,
    ._performancemanagement_list,
    ._managesalesprocess_list,
    .comprehensive-list,
    ._flexiblecustomization_list,
    ._marketingautomation_list,
    ._security_listbox {
        gap: 30px;
    }
    ._customercare_item,
    ._performancemanagement_item,
    ._managesalesprocess_item,
    ._marketingautomation_item,
    ._security_item {
        width: calc(33.3333% - 20px);
    }
    .comprehensive-item {
        width: calc(25% - 22.5px);
    }
    ._flexiblecustomization_item {
        width: calc(50% - 15px);
    }
    .bizcrmhome_customercare {
        background: transparent;
    }
    .bizcrmhome_banner {
        padding-bottom: 180px;
    }
    .bizcrmhome_banner_content {
        padding-top: 100px;
    }
}

@media screen and (max-width: 1200px) {
    ._datamanagement_item ._top {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
}

@media screen and (max-width: 991px) {
    .bizcrmhome_banner_content .title {
        font-size: 30px;
    }
    .bizcrmhome_banner_content .txt {
        font-size: 16px;
    }
    .bizcrmhome_title,
    ._experience_content .title {
        font-size: 26px;
    }
    .bizcrmhome_title_child,
    ._marketingautomation_item .bizcrmhome_title_child {
        font-size: 16px;
    }
    .bizcrmhome_banner_content {
        padding-top: 60px;
    }
    ._customercare_item,
    ._performancemanagement_item,
    ._managesalesprocess_item,
    ._marketingautomation_item,
    ._security_item,
    ._customerportrait_item,
    ._datamanagement_item {
        width: calc(50% - 15px);
    }
    .comprehensive-item {
        width: calc(50% - 15px);
    }
    ._flexiblecustomization_item {
        width: calc(50% - 15px);
    }
    ._experience_content {
        margin-bottom: 30px;
    }
    .bizcrmhome_experience .container {
        max-width: calc(100% - 40px);
    }
}

.learn-more {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: #096ffb;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    padding-top: 0;
    display: inline-block;
    margin: 15px 0 0;
}

.learn-more span {
    background-position: -462px -250px;
    width: 15px;
    height: 11px;
    transition: all ease .3s;
    margin-left: 5px;
    display: inline-block;
    transition: all ease .3s;
}

.learn-more .sprite-icns {
    background-image: url(//www.zohowebstatic.com/sites/zweb/images/crm/feature-crm-sprite.svg);
}

.learn-more:hover {
    color: #096ffb;
    text-decoration: none;
}

.learn-more:hover span {
    margin-left: 8px;
}


/*menu*/


/*crm_header*/

.crm_header {
    float: left;
    width: 100%;
    background: linear-gradient(132.7deg, #0870D9 17.89%, #08A7D9 96.8%);
    padding: 10px 0;
}

.crm_header .col-lg-12 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.crm_logo {
    float: left;
    display: block;
}

.crm_logo img {
    max-width: 100%;
}

.crm_menu {
    float: right;
    position: relative;
    display: flex;
    align-items: center;
}

.crm_menu .btn_banner {
    margin-right: 0;
    margin-left: 30px;
    padding: 8px 20px;
    display: none;
}

.crm_menu_main {
    position: relative;
}

.crm_menu_list {
    margin: 0;
    padding: 0;
}

.crm_menu_list li {
    padding: 0;
    list-style: none;
    margin-left: 30px;
    display: inline-block;
    position: relative;
}

.crm_menu_list li:first-child {
    margin-left: 0;
}

.crm_menu_list>li>a {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    padding: 2px 0;
}

.crm_menu_list>li:first-child>a {}

.crm_menu_list li a:hover {
    text-decoration: none;
}

.crm_menu_child {
    position: absolute;
    width: fit-content;
    max-width: 184px;
    padding: 20px 0 0;
    right: 0;
    left: inherit;
    top: calc(100% - 1px);
    display: none;
    z-index: 555;
}

.crm_menu_child a {
    font-size: 14px;
    line-height: 16px;
    color: #575757;
    display: block;
    margin-bottom: 10px;
    white-space: nowrap;
}

.crm_menu_child a:hover,
.crm_menu_child a:active,
.crm_menu_child a.active {
    color: #3F7EFE;
}

.crm_menu_other {
    padding: 5px 0 1px;
    background: #fff;
    position: relative;
    border-radius: 2px;
    box-shadow: 2px 4px 10px rgba(0, 0, 0, .1);
}

.crm_menu_list li:hover .crm_menu_child {
    display: block;
}

.crm_menu_open {
    display: none;
}

.crm_menu_boxlv2 {
    position: absolute;
    top: 0;
    left: calc(100% - 1px);
    width: fit-content;
    height: 100%;
    background-color: #fff;
    display: none;
    border-left: 1px solid #f1f1f1;
    border-bottom: 0;
    border-radius: 0 2px 2px;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, .1);
    padding: 5px 0 1px;
    overflow-y: scroll;
}

.crm_menu_boxlv2::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.crm_menu_boxlv2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    /* background-color: linear-gradient(132.7deg, #0870D9 17.89%, #08A7D9 96.8%); */
}

.crm_menu_boxlv2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.crm_menu_items {
    padding: 5px 10px;
}

.crm_menu_boxlv2 a {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    color: #575757;
    white-space: nowrap;
    padding: 5px 10px;
}

.crm_menu_items:hover .crm_menu_boxlv2 {
    display: block;
    opacity: 1;
    visibility: visible;
}

.crm_menu_items:hover>a {
    color: #3F7EFE;
}

@media screen and (max-width: 1520px) {
    .crm_banner_right img {
        max-width: 100% !important;
        margin-left: 0;
    }
}

@media screen and (max-width: 900px) {
    .crm_banner_title {
        font-size: 30px;
    }
    .crm_banner_title br {
        display: none;
    }
    .httt_item_btn {
        font-size: 18px;
    }
    .httt_top_body {
        font-size: 16px;
    }
    .httt_top_body br {
        display: none;
    }
    .crm_title {
        font-size: 30px;
    }
    .case_list {
        padding: 0 40px;
    }
}

@media screen and (max-width: 768px) {
    .crm_menu_open {
        display: block;
    }
    .crm_menu_main {
        display: none;
        position: absolute;
        width: 184px;
        right: 0;
        background: #FFFFFF;
        box-shadow: 2px 4px 11px rgba(0, 0, 0, 0.15);
        border-radius: 5px;
        z-index: 555;
    }
    .crm_menu_list li {
        width: 100%;
        margin: 0;
    }
    .crm_menu_list li a {
        display: block;
        text-align: center;
        padding: 8px 10px;
    }
    .crm_menu_child {
        position: unset;
        padding-top: 0;
    }
}

.crm_header .container {
    overflow: visible !important;
}