@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 {
    position: relative;
}
.crm_all .container {
    max-width: 1238px;
    margin: 0 auto;
}

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

.bfmail_title {
    text-align: center;
    color: #212121;
    margin: 0 auto 5px;
    font-size: 36px;
    font-weight: 600;
    line-height: 160%;
}

.bfweb_title span {
    color: #4B0DCF;
}

.bfmail_txt {
    text-align: center;
    color: #4D7FF8;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
}

.bfweb_txt_child {
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    color: #595959;
}

.bfweb_lccdn_box {
    padding-top: 35px;
    text-align: center;
}
/* bfweb_banner__new */
.bfweb_banner__new {
    width: 100%;
    padding: 122px 0 60px;
    background: transparent url('../images/bg--banner-new.jpg') no-repeat center center;
    background-size: cover;
}
.banner__new_content {
    width: 100%;
}
.banner__new_content .__logo {
    margin-bottom: 19px;
    text-align: center;
}
.banner__new_content h1 {
    color: #69DFFF;
text-align: center;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.3px;
text-transform: uppercase;
width: 100%;
max-width: 810px;
margin: 0 auto 35px;
}
.banner__new_content h1 span {
    color: #FFCC25;
}
.banner__new_txt {

}
.banner__new_txt .desc  {
display: flex;
flex-wrap: wrap;
gap: 13px;
margin-bottom: 48px;
}
.banner__new_txt .desc p {
display: flex;
gap: 6px;
align-items: start;
color: #FFF;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.18px;
}
.banner__new_txt .desc p ._icon {
    flex-shrink: 0;
}
.box---btn {
    text-align: center;
}
.box---btn a {
    display: inline-block;
    border-radius: 40px;
border: 1px solid #FFF;
background: linear-gradient(90deg, #FF8341 0%, #FFC628 100%);
color: #FFF;
text-align: center;
font-size: 23px;
font-style: normal;
font-weight: 700;
line-height: normal;
padding: 11px 32px;
}
.box---btn a:hover{
    text-decoration: none;
}

.bfweb_banner__new .img {
    transform: translateY(-40px);
}
/* bfweb_question */

.bfweb_question {
    width: 100%;
    padding: 70px 0;
    background: #fff;
}

.bfweb_question .container {
    max-width: 1195px;
}

.question_title {
    margin-bottom: 15px;
}

.question_title .bfweb_title {
    text-align: left;
}

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

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

.question_item.active {
    border-bottom: 1px solid #D6E2FB;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
    border: 0;
}

.question_item:last-child {
    /* border-bottom: 0; */
    /* padding-bottom: 0; */
}

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

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

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

.question_txt p {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
}

.question_txt p::after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #212121;
    position: absolute;
    top: 10px;
    left: 0;
}

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

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

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

.box_content_modal {
    background: #F9FAFF;
    border-radius: 12px;
    width: 100%;
}

@-moz-keyframes spin {
    from {
        -moz-transform rotate(0deg);
    }
    to {
        -mz-transform: rotate(360deg);
    }
}

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

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


/* bfmail_advise */

.bfmail_btn {
    background: #FFFFFF;
    border: 1px solid #5C87FF;
    background: linear-gradient(304deg, #415ACD 0%, #5C87FF 100%);
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    border-radius: 8px;
    padding: 12px 24px;
    display: inline-block;
    transition: 0.85s;
    text-align: center;
    color: #fff;
}

.bg-collor-red {
    background: #BE1E2D;
    color: #fff;
}

.bfmail_btn:hover {
    background: linear-gradient(214deg, #415ACD 0%, #5C87FF 100%);
    color: #fff;
    text-decoration: none;
}

.bfmail_advise {
    width: 100%;
    padding: 102px 0 62px;
    background: transparent url('../images/bg-bftv.png') no-repeat top center;
    background-size: cover;
}

.advise_title {
    margin-bottom: 50px;
}

._advise_list {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

._advise_item {
    width: calc(33.333% - 11.666px);
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(132, 0, 0, 0.25);
    border-radius: 16px;
    padding: 30px 35px;
    overflow: hidden;
}

._advise_item_top {
    display: flex;
    align-items: center;
    margin-bottom: 28px;
    flex-wrap: wrap;
}

._advise_item_top .icon {
    width: 78px;
    flex-shrink: 0;
}

._advise_item_top .icon img {
    max-width: 100%;
}

._advise_item_top .txt {
    width: calc(100% - 78px);
    padding-left: 24px;
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    letter-spacing: 0.02em;
    color: #0D0C22;
}

._advise_item .bfmail_btn {
    width: 100%;
    border-radius: 200px;
    background-color: #fff;
    background: transparent;
    /* background-image: url('../images/ic-15.png'); */
    background-repeat: no-repeat;
    background-position: right 14px center;
    font-size: 20px;
}

._advise_item .bfmail_btn {
    color: #4D7FF8;
    border: 1px solid #4D7FF8;
    border-radius: 8px;
}

._advise_item .bfmail_btn:hover {
    color: #4D7FF8;
}


/* bfweb_banner */

.bfweb_banner {
    width: 100%;
    background: #fff;
    position: relative;
    padding: 60px 0 0;
    padding: 98px 0;
}

.bfweb_banner::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-image: url('../images/bg-banner-2.png'), url('../images/bg-banner.png');
    background-size: auto, cover;
    background-repeat: no-repeat, no-repeat;
    background-position: top right 14.0625%, bottom center;
}

.bfweb_banner .row {
    position: relative;
    z-index: 2;
}

.bfweb_banner {}

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

.bfweb_banner_left {
    padding-top: 8px;
}

.bfweb_banner_left h1 {
    color: #212121;
    font-weight: 600;
    line-height: 160%;
    margin: 20px 0 15px;
    max-width: 530px;
    font-size: 36px;
    text-align: justify;
}

.bfweb_banner_left .txt {
    color: #212121;
    font-size: 14px;
    line-height: 126.6%;
    max-width: 505px;
    margin-bottom: 16px;
}

.banner_bot_title {
    margin-bottom: 40px;
}

.bfweb_banner_box {
    display: flex;
    gap: 10px 20px;
    flex-wrap: wrap;
}

.bfmail_btn_border {
    padding: 10px 22px;
    border: 1px solid var(--crm-gradient-01, #415ACD);
    background: #fff;
    color: #415ACD;
}


/* banner_bot */

.banner_bot {
    width: 100%;
    padding: 58px 0 10px;
}

.banner_bot_list {}

.banner_bot_list .banner_bot_slide {
    padding: 10px 10px 50px;
}

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

.banner_bot_item {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: #EAF0FF;
    padding: 16px 12px 80px;
    overflow: hidden;
    position: relative;
}

.banner_bot_item h3 {
    color: #4D7FF8;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 140%;
}

.banner_bot_item_img {
    width: 100%;
    padding-top: 61.24%;
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
}

.banner_bot_item_img img {
    max-width: 100%;
    height: 100%;
    object-position: center;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
}

.banner_bot_item_list {
    color: #212121;
    font-size: 15px;
    line-height: 140%;
    font-weight: 400;
}

.banner_bot_item_list p {
    padding-left: 32px;
    background: transparent url('../images/ic-icon1.png') no-repeat 0 -2px;
    margin-bottom: 10px;
    min-height: 21px;
}

.banner_bot_item_boxbtn {
    text-align: center;
    position: absolute;
    width: 100%;
    height: max-content;
    padding: 0 10px;
    bottom: 23px;
    left: 0;
}


/* bfweb_video */

.bfweb_video {
    width: 100%;
    padding: 0 0 90px;
    background-color: #fff;
    background-image: url('../images/bg-pos2.png');
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    overflow: hidden;
}

.video_title {
    margin-bottom: 32px;
}

.video_title .bfmail_title {
    text-align: left;
    font-size: 32px;
}

.bfmail_title span {
    color: #0067C6;
}

.video_box_content {
    color: #0097AB;
    font-size: 28px;
    font-weight: 600;
    line-height: 140%;
}

.video_box_content span {
    margin-bottom: 5px;
    display: block;
    color: #333;
    font-size: 20px;
    font-weight: 400;
    line-height: 160%;
}

.video_box {
    width: 100%;
    display: block;
    background: #D9D9D9;
    padding-top: 56.324%;
    position: relative;
    /* overflow: hidden; */
}

.video_box_other {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 11.823px;
    overflow: hidden;
}

.video_box_other iframe {
    width: 100% !important;
    height: 100% !important;
}


/* bfweb_whychoose */

.bfweb_whychoose {
    width: 100%;
    padding: 30px 0;
    background: #fff;
}

.whychoose_box {
    width: 100%;
    padding: 42px 25px;
    background: transparent url('../images/bg-whychose.png') no-repeat center center;
    background-size: cover;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.whychoose_box_left {
    width: 50%;
    padding-right: 10px;
}

.whychoose_box_left .swiper-slide {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.whychoose_box_right {
    width: 100%;
    padding-left: 80px;
}

.whychoose_mennu_tab {
    position: relative;
}

.whychoose_mennu_item {
    display: block;
    width: 100%;
    position: relative;
    z-index: 2;
    padding-left: 20px;
    color: #595959;
    font-size: 16px;
    line-height: 160%;
    margin-bottom: 10px;
}

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

.whychoose_mennu_item::before {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #BFBFBF;
    content: '';
    display: block;
    top: 8px;
    left: 0;
}

.whychoose_mennu_item.active::before {
    background: #4D7FF8;
}

.whychoose_mennu_item.active::after {
    display: block;
}

.whychoose_mennu_item.active {}

.whychoose_mennu_item:hover {
    text-decoration: none;
    color: #4D7FF8;
}

.whychoose_title {
    margin-bottom: 30px;
}

.whychoose_title .bfmail_title {
    text-align: left;
}

.img-pos1 {
    position: absolute;
    top: -45px;
    right: -35px;
    display: block;
}

.img-pos3 {
    position: absolute;
    left: -65px;
    bottom: -65px;
    display: block;
}


/* bfweb_form */

.bfweb_form {
    width: 100%;
    padding: 10px 0 110px;
    background-color: #fff;
    background-image: url('../images/bg-pos3.png');
    background-position: top left;
    background-size: contain;
    background-repeat: no-repeat;
}

.form_title {
    padding-left: 50px;
}

.form_title .bfmail_title {
    text-align: left;
    font-size: 32px;
    max-width: 490px;
    margin-left: 0;
    margin-bottom: 30px;
}

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

.form_box_txt .txt {
    color: #686868;
    font-size: 16px;
    font-weight: 600;
    line-height: 160%;
    padding-right: 15px;
}

.form_box_txt a {
    border-radius: 200px;
    border: 1px solid #686868;
    background: #FFF;
    padding: 6px 10px;
    color: #4D7FF8;
    /* font-family: Inter; */
    font-size: 18px;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 1.44px;
}

.form_box_txt a img {
    margin-right: 5px;
}

.form_box {
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
    background: transparent url('../images/bg-form.jpg') no-repeat center bottom;
    background-size: cover;
    border-radius: 6.98px;
    overflow: hidden;
}


/* bfweb_case */

.bfweb_case {
    width: 100%;
    padding: 55px 0 94px;
    background: transparent url('../images/bg-case.png') no-repeat bottom center;
    background-size: cover;
}

.bfweb_case_list {
    position: relative;
}

.bfweb_case_item {}

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

.bfweb_case_slide_right {
    padding: 40px 0;
}

.bfweb_case_slide_right .bfmail_title {
    text-align: left;
    margin-bottom: 27px;
}

.bfweb_case_slide_right .bfmail_txt {
    text-align: left;
}

.bfweb_case_slide_right .txt {
    color: #212121;
    font-size: 16px;
    font-weight: 600;
    line-height: 160%;
}

.bfweb_case_slide_right p {
    padding-left: 50px;
    background: transparent url('../images/ic-3.png') no-repeat 0 0;
    min-height: 50px;
    display: flex;
    align-items: center;
    width: 100%;
}

.bfweb_case_box {
    position: absolute;
    display: flex;
    align-items: center;
    width: max-content;
    bottom: 0;
    left: calc(58.333333% + 30px);
    border-radius: 50px;
    background: #FFF;
}

.bfweb_case_box .swiper-button-next,
.bfweb_case_box .swiper-button-prev {
    position: unset;
    margin: 0;
    width: 32px;
    height: 30px;
    background: transparent !important;
}

.bfweb_case_box .swiper-button-next::after,
.bfweb_case_box .swiper-button-prev::after {
    display: none;
}


/* bfweb_partner */

.bfweb_partner {
    width: 100%;
    padding: 58px 0 82px;
    background: #fff;
}

.partner_title {
    margin-bottom: 30px;
}

.partner_title .bfmail_title {
    font-size: 24px;
}

.bfweb_partner_list {
    position: relative;
}

.bfweb_partner_list .partner_slide {}

.bfweb_partner_list .swiper-pagination {
    bottom: 0;
}

.bfweb_partner_list .swiper-pagination-bullet {
    background: #D9D9D9;
    opacity: 1;
}

.bfweb_partner_list .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #4D7FF8;
}

.bfweb_partner_item {
    width: 100%;
    padding-top: 62.5%;
    position: relative;
    overflow: hidden;
    margin-bottom: 32px;
}

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

.bfweb_partner_item img {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.bfweb_partner_list .swiper-button-prev,
.bfweb_partner_list .swiper-button-next {
    width: 30px;
    height: 30px;
    margin: 0;
    background: transparent !important;
}

.bfweb_partner_list .swiper-button-prev {
    left: -15px;
}

.bfweb_partner_list .swiper-button-next {
    right: -15px;
}

.bfweb_partner_list .swiper-button-prev::after,
.bfweb_partner_list .swiper-button-next::after {
    display: none;
}


/* bfweb_scale */

.bfweb_scale {
    width: 100%;
    background: #E1EBFF;
    padding: 36px 0;
}

.scale_title {
    margin-bottom: 65px;
}

.bfweb_scale .bfweb_banner_box {
    justify-content: center;
}

.scale_list {
    margin-bottom: 46px;
}

.scale_item {
    width: 100%;
    text-align: center;
    color: #212121;
    text-align: center;
    font-size: 16px;
    line-height: 140%;
}

.scale_item img {
    margin-bottom: 11px;
}

.scale_list .swiper-button-prev,
.scale_list .swiper-button-next {
    width: 30px;
    height: 30px;
    margin: 0;
    bottom: 0;
    background: transparent !important;
    top: auto;
}

.scale_list .swiper-button-prev {
    left: 0;
}

.scale_list .swiper-button-next {
    right: 0;
}

.scale_list .swiper-button-prev::after,
.scale_list .swiper-button-next::after {
    display: none;
}

.img-lccdn1 {
    max-width: 100%;
    margin: 0 auto;
}

@media screen and (max-width: 1100px) {
    .banner_bot_item h3 {
        font-size: 16px;
    }
    .whychoose_box_right {
        padding-left: 0;
    }
    .form_title {
        padding-left: 0;
        margin: 0 auto;
    }
}

@media screen and (max-width: 991px) {
    .bfweb_case_slide_img {
        text-align: center;
    }
    .banner_bot_item_title {
        font-size: 16px;
    }
    .bfweb_banner_left h1,
    .bfmail_title,
    .video_title .bfmail_title,
    .form_title .bfmail_title {
        font-size: 26px;
    }
    .form_box_txt {
        margin-bottom: 30px;
    }
    ._advise_item {
        width: calc(50% - 8px);
    }
}

@media screen and (max-width: 767px) {
    .bfweb_banner_left {
        margin-bottom: 30px;
    }
    .bfmail_btn {
        padding: 7px 15px;
    }
    .bfmail_btn_border {
        padding: 5px 13px;
    }
    .bfweb_banner_box {
        gap: 10px;
    }
    .bfweb_banner {
        padding: 60px 0;
    }
    .video_box {
        margin-bottom: 30px;
    }
    .form_title {
        padding-left: 0;
    }
    .bfmail_title br {
        display: none;
    }
    .whychoose_box_right {
        order: -1;
        width: 100%;
    }
    .whychoose_box {
        padding: 35px;
    }
    .whychoose_box_left {
        width: 100%;
        padding: 0;
    }
    .img-lccdn1 {
        display: block;
        margin: 20px auto 0;
    }
    .video_box_content {
        font-size: 22px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 575px) {
    ._advise_item {
        width: 100%;
    }
}



/* modal */

.modal--popupimg {}

.modal--popupimg .modal-dialog {
    max-width: 1186px;
    width: calc(100% - 20px);
}

.modal--popupimg .modal-content {
    border: 0;
    border-radius: 0;
    background: transparent;
}

.modal--main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.modal--main .img {
    width: 52.2%;
    overflow: hidden;
    border-radius: 40px 0 0 40px;
}

.modal--main img {
    width: 100%;
    height: calc(100% - 70px);
}

.expertteam_form_main {
    width: 47.8%;
    overflow: hidden;
    border-radius: 40px;
    height: 100%;
    background: #fff;
}
.modal--popupimg {
    /*overflow: auto !important;*/
}
@media screen and (max-width: 767px) {
    .modal--main .img {
        display: none;
    }
    .expertteam_form_main {
        width: 100%;
    }
}