@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* @font-face {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/averta/Averta-ExtraBold.otf');
} */

body {
    font-family: 'Lexend Deca';
    font-weight: 400;
    color: #000;
    font-size: 14px;
    background: #fff;
}

.crm_all .container {
    max-width: 1230px;
    margin: 0 auto;
}

@media screen and (min-width: 1024px) {
    .crm_all .container {
        /* width: 70%; */
    }
}

.bfweb_title {
    color: #1E1F4D;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.bfweb_title span {
    color: #F57100;
}

.bfweb_txt {
    color: #333;
    text-align: center;
    font-size: 16px;
    line-height: 130%;
    margin: 0 auto;
}

.bfweb_txt_child {
    font-size: 20px;
    line-height: 150%;
    text-align: center;
    color: #252525;
}

.bfweb_lccdn_box {
    text-align: center;
    padding-top: 25px;
}

.btn--all {
    border-radius: 8px;
    border: 1px solid #511D9A;
    background: #FFF;
    padding: 16px 24px;
    color: #511D9A;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 122.222%;
    display: inline-block;
}

.btn--all.--style2 {
    background: radial-gradient(50.73% 100% at 50% 100%, #A068F4 0%, #6631F3 100%);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
    color: #fff;
}

.btn--all:hover {
    text-decoration: none;
    color: #511D9A;
}

.box--btn {
    text-align: center;
}


/* bfweb_banner */

.bfweb_banner {
    width: 100%;
    background-color: transparent;
    background-image: url('../images/bg-banner1.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 60px 0 41px;
}

.bfweb_banner__content {}

.bfweb_banner__content h1 {
    color: #511D9A;
    font-size: 52px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.bfweb_banner__content h1 span {
    color: #111;
    display: block;
}

.sub--title {
    color: #111;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 24px;
}

.bfweb_banner__box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 8px;
    margin-bottom: 48px;
}

.bfweb_banner__items {
    width: calc(50% - 4px);
    padding-left: 12px;
    position: relative;
}

.bfweb_banner__items img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.bfweb_banner__other {
    width: 100%;
    height: 100%;
    padding: 16px 16px 16px 24px;
    border-radius: 12px;
    background: linear-gradient(123deg, #F3EFFF 10.33%, rgba(243, 239, 255, 0.00) 75.76%);
    color: #333;
    font-size: 16px;
    line-height: 130%;
}

.banner--boxbtn {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
}

.banner--boxbtn .btn--all {
    flex-shrink: 0;
}

.banner--boxbtn .btn--all:first-child {
    flex: 1;
    width: 100%;
    background: radial-gradient(50.73% 100% at 50% 100%, #A068F4 0%, #6631F3 100%);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
    color: #fff;
}

.bfweb_banner_list {
    text-align: center;
}

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


/* assistant-new */

.assistant-new {
    width: 100%;
    padding: 80px 0;
}

.assistant-new .bfweb_title {
    margin-bottom: 12px;
}

.assistant-new .bfweb_txt {
    max-width: 900px;
    margin-bottom: 32px;
}

.assistant--list .img {
    text-align: center;
}

.assistant--list .img img {
    max-width: 100%;
}

.assistant--list {
    position: relative;
}

.assistant--list .swiper-container {
    margin-bottom: 32px;
}

.box--pagination {
    padding-top: 44px;
}

.box--pagination .swiper-pagination {
    position: unset;
    display: flex;
    gap: 8px;
    justify-content: center;
}

.box--pagination .swiper-pagination-bullet {
    background: #666666;
    opacity: 1;
}

.box--pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #666666;
    width: 30px;
    border-radius: 6px;
}


/* advantage-block */

.advantage-block {
    width: 100%;
    padding: 80px 0 24px;
}


/* box-even */

.box-even {
    padding: 40px;
    width: 100%;
    background: linear-gradient(90deg, rgba(253, 246, 242, 0.00) 2.02%, #FDF6F2 99.95%);
}

.box-even.box-odd {
    background: linear-gradient(90deg, #E4ECFF 2.02%, rgba(253, 246, 242, 0.00) 99.95%);
}

.advantage-left {
    width: 100%;
    max-width: 505px;
}

.advantage-left .title {
    color: #1E1F4D;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin: 0 0 24px;
}

.advantage--list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.advantage--list .bfweb_banner__items {
    width: 100%;
}

.advantage--img {
    width: 100%;
}

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

.advantage-left .box--btn {
    text-align: left;
    padding-top: 24px;
}


/* bfweb_projrecent */

.bfweb_projrecent {
    width: 100%;
    background: transparent url('../images/bg-projrecent.png') no-repeat top center;
    background-size: 100% auto;
    padding: 80px 0;
    position: relative;
    z-index: 1;
}

.projrecent_title {
    margin-bottom: 26px;
}

.projrecent_list {
    width: 100%;
}

.projrecent_item {
    width: 180;
    height: 114px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
}

.projrecent_item img {
    width: auto;
    max-height: 114px;
}

.projrecent_txt {
    font-size: 20px;
    line-height: 140%;
    text-align: center;
    color: #521195;
    padding-top: 34px;
}

.projhot_item {
    display: flex;
    align-items: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.projhot_left {
    width: 33.525%;
}

.projhot_right {
    width: 66.475%;
    padding-left: 30px;
}

.projhot_left_img {}

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

.projhot_right_img {
    width: 100%;
}

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

.projhot_left h3 {
    font-weight: 600;
    font-size: 26px;
    line-height: 123%;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 15px;
}

.bfweb_projrecent .projhot_bot {
    padding-top: 30px;
}

.projrecent_list .projrecent_slide {
    padding: 10px;
}

.bfweb_projrecent .bfweb_banner_boxbtn .swiper-button-next,
.bfweb_projrecent .bfweb_banner_boxbtn .swiper-button-prev {
    background-color: #EAEAEA;
}

.projrecent_list .swiper-pagination {
    /*display: none*/
}
.projrecent_list .swiper-container {
    padding-bottom: 40px;
}


/* bfweb_allaspects */

.bfweb_allaspects {
    width: 100%;
    padding: 80px 0 0;
    background: #fff url('https://bizflyportal.mediacdn.vn/bizflyportal/web/img-logo-ldp/bg-allaspects.png') no-repeat bottom center;
    background-size: 100% auto;
}

.allaspects_title {
    margin-bottom: 32px;
}

.allaspects_title .bfweb_title {}

.allaspects_title .bfweb_txt {
    max-width: 830px;
}

.allaspects_mennu_tab {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 35px;
}

.allaspects_mennu_item,
.usecase_mennu_item {
    background: #FFFFFF;
    padding: 10px 22px;
    text-align: center;
    border-radius: 200px;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #511D9A;
    border: 1px solid rgba(81, 29, 154, 0.50);
}

.allaspects_mennu_item:hover,
.usecase_mennu_item:hover {
    text-decoration: none;
}

.allaspects_mennu_item.active,
.allaspects_mennu_item:hover,
.usecase_mennu_item.active,
.usecase_mennu_item:hover {
    color: #fff;
    border: 1px solid var(--purple, #511D9A);
    background: #511D9A;
    font-weight: 600;
}

.allaspects_list .swiper-slide {
    height: auto;
}

.allaspects_item {
    text-align: center;
}

.allaspects_item_img {
    text-align: center;
}

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

.bfweb_allaspects.usecase-bg {
    background: transparent;
    padding-bottom: 80px;
}

.usecase-bg .allaspects_list {
    margin-bottom: 48px;
}

.usecase_item {
    display: flex;
    flex-wrap: wrap;
    gap: 25px 32px;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.usecase_item .img,
.usecase_item_box {
    flex: 1;
    width: 100%;
    text-align: center;
}

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

.box-bgall {
    width: 100%;
    background: linear-gradient(180deg, #FDF6F2 0%, #FFF 100%);
}


/* css new */

.usecase_item_box {
    padding-top: 19px;
    position: relative;
}

.usecase_item_box_other {
    width: 100%;
    height: 100%;
    padding: 48px 30px 30px;
    border-radius: 24px;
    border: 1px dashed #5A8CFF;
}

.usecase_item_box_items {
    display: flex;
    width: 100%;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 16px;
}

.usecase_item_box_items:last-child {
    margin-bottom: 0;
}

.usecase_item_box_items ._icon {
    flex-shrink: 0;
}

.usecase_item_box_items .txt {
    flex: 1;
    width: 100%;
    color: #333;
    font-family: "Lexend Deca";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-align: left;
}

.usecase_item_box_title {
    position: absolute;
    top: 0;
    padding: 10px;
    width: calc(100% - 40px);
    color: var(--White, #FFF);
    text-align: center;
    max-width: 310px;
    font-family: "Lexend Deca";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 0 0 10px 10px;
    background: linear-gradient(90deg, #632AE8 0%, #5A8CFF 100%);
    left: 0;
    right: 0;
    margin: auto;
}

.usecase_item_box_title::before {
    display: block;
    content: '';
    width: 12px;
    height: 21px;
    background: transparent url('../images/bg-bo2.png') no-repeat center center;
    position: absolute;
    top: 0;
    left: -12px;
}

.usecase_item_box_title::after {
    display: block;
    content: '';
    width: 12px;
    height: 21px;
    background: transparent url('../images/bg-bo1.png') no-repeat center center;
    position: absolute;
    top: 0;
    right: -12px;
}


/* block-prize */

.block-prize {
    padding: 80px 0;
}

.block-prize .container {
    max-width: 1210px;
}

.prize--items {
    width: 100%;
}

.prize--items .img {
    margin-bottom: 24px;
    text-align: center;
}

.prize--items .img img {
    max-width: 100%;
}

.prize--body .title {
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    background: var(--gr, linear-gradient(90deg, #632AE8 0%, #5A8CFF 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.prize--body .desc {
    color: #333;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    line-height: 130%;
    text-align: center;
}


/* bfweb_question */

.bfweb_question {
    width: 100%;
    padding: 42px 0 44px;
    background: transparent url('../images/bg-ques.png') no-repeat top center;
    background-size: a;
}

.question_title {
    margin-bottom: 29px;
}

.question_title .bfweb_title {}

.question_title .bfweb_txt {
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    color: #686868;
}

.question_list {
    width: 100%;
    max-width: 802px;
    margin: 0 auto;
}

.question_item {
    background: #FFFFFF;
    border-bottom: 1px solid #D6E2FB;
    margin-bottom: 10px;
    border-radius: 12px;
    padding: 20px 20px 20px 40px;
}

.question_item_title {
    padding-right: 26px;
    background-image: url('../images/ic-plus.png');
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #212121;
}

.question_item_title[aria-expanded="true"] {
    background-image: url('../images/ic-tru.png');
    color: #632AE8;
}

.question_txt {
    padding-top: 8px;
    max-width: 630px;
    font-size: 16px;
    line-height: 144%;
    color: #212121;
}


/* bfweb_featurepost */

.bfweb_featurepost {
    width: 100%;
    padding: 80px 0;
    overflow: hidden;
    background: transparent url('../images/bg-featurepost.png') no-repeat top center;
    background-size: 100% auto;
}

.projhot_title {
    margin-bottom: 32px;
}

.projhot_title .bfweb_txt {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #333;
}

.featurepost_list {
    padding-top: 14px;
}

.featurepost_list .bfweb_banner_boxbtn {
    position: unset;
    padding-top: 35px;
}

.featurepost_list .khreviews_list_bot {
    justify-content: start;
}

.featurepost_list .swiper-slide {
    height: auto;
}

.featurepost_item {
    display: block;
    overflow: hidden;
    padding: 24px;
    background: #F3F6F9;
    box-shadow: 0px 0px 16px -4px rgba(16, 24, 40, 0.2);
    border-radius: 5px;
    width: 100%;
    height: 100%;
}

.featurepost_item:hover {
    text-decoration: none;
}

.featurepost_item_img {
    width: 100%;
    display: block;
    position: relative;
    padding-top: 65.18%;
    margin-bottom: 25px;
    border-radius: 2px;
    overflow: hidden;
}

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

.featurepost_item_body {
    display: block;
}

.featurepost_item_date {
    margin-bottom: 10px;
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: #878A99;
}

.featurepost_item_title {
    display: block;
    margin-bottom: 32px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 600;
    font-size: 18px;
    line-height: 160%;
    color: #333333;
    height: 82px;
}

.featurepost_item_links {
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #09A286;
}

.featurepost_item_links img {
    margin-left: 10px;
}

.featurepost_list .swiper-container {
    overflow: visible!important;
}

.featurepost_success {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: transparent url('../images/bg-sucess.png') no-repeat center center;
    background-size: cover;
    padding: 54px 47px;
    border-radius: 10px;
}

.featurepost_success_txt {
    flex: 1;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    color: #202020;
}

.featurepost_success_txt span {
    display: block;
    font-weight: 600;
    font-size: 35px;
    line-height: 114%;
    color: #370176;
    margin-bottom: 14px;
}

.featurepost_list .swiper-pagination {
    position: unset;
    padding: 0 5px;
}

.featurepost_list .swiper-pagination-bullet {
    background: #D9D9D9;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    margin: 0 7px;
    opacity: 1;
}

.featurepost_list .swiper-pagination-bullet-active {
    background: #09A286;
}


/* bfweb_form */

.bfweb_form {
    width: 100%;
    padding: 60px 0;
    background: transparent url('https://bizflyportal.mediacdn.vn/bizflyportal/web/img-logo-ldp/bg-form.jpg') no-repeat center center;
    background-size: cover;
}

.form_title {
    padding-top: 80px;
    max-width: 475px;
}

.form_title .txt {
    color: #FFF;
    font-size: 16px;
    line-height: 130%;
}

.form_title h2 {
    font-family: 'Lexend Deca';
    font-weight: 600;
    font-size: 32px;
    line-height: 160%;
    color: #FFFFFF;
    margin: 0 0 12px;
}

.form_bot {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 675px;
}

.form_bot_img {
    width: 212px;
    flex-shrink: 0;
}

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

.form_bot_adress {
    width: calc(100% - 212px);
    padding-left: 12px;
}

.modal-list-app7 .modal-lg .close {
    top: 15px;
    right: 10px;
    position: absolute;
}

.modal-list-app7 .modal-content {
    border: 0;
    background: transparent;
}

.modal-list-app7 .modal-dialog {
    max-width: 600px;
}

.box_content_modal {
    background: #FFFFFF;
    border-radius: 10px;
}

.form_bot_adress_item {
    background-color: rgba(255, 255, 255, 0.3);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
    padding: 12px 12px 12px 77px;
    border-radius: 200px;
    background-image: url('../images/ic-13.png');
    background-repeat: no-repeat;
    background-position: left 12px center;
    min-height: 71px;
    display: flex;
    align-items: center;
    margin-bottom: 27px;
}

.form_bot_adress_item:last-child {
    margin-bottom: 0;
    background-image: url('../images/ic-14.png');
}

.form_bot_adress_links {
    width: 198px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 200px;
    padding: 10px;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    letter-spacing: 0.04em;
    color: #722ED1;
    text-align: center;
    flex-shrink: 0;
}

.form_bot_adress_item .txt {
    flex: 1;
    padding-right: 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #FFFFFF;
}

.form_bot_adress_links.phone {
    color: #09A286;
}

.form_box {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
}

@media screen and (max-width: 1600px) {
    .bfweb_banner__content h1 {
        font-size: 45px;
    }
    .sub--title,
    .bfweb_title,
    .form_title h2 {
        font-size: 26px;
    }
    .advantage-left .title {
        font-size: 24px;
    }
    .prize--body .title {
        font-size: 20px;
    }
}

@media screen and (max-width: 991px) {
    .bfweb_banner__content h1 {
        font-size: 36px;
    }
    .sub--title,
    .bfweb_title,
    .form_title h2 {
        font-size: 24px;
    }
    .advantage-left .title {
        font-size: 20px;
    }
    .prize--body .title {
        font-size: 18px;
    }
    .featurepost_item_title {
        font-size: 18px;
        height: 88px;
    }
    .form_title {
        padding-top: 0;
        margin-bottom: 30px;
    }
    .usecase_item {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .assistant-new {
        padding: 40px 0;
    }
}