@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
    /* 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');
    }
    
    body {
        font-family: 'Roboto', sans-serif !important;
        font-weight: 400;
    }
    
    .container {
        max-width: 1242px;
    }
    
    .bizauthor-box {
        float: left;
        width: 100%;
        background: transparent url('../images/bg-all.jpg') no-repeat center top;
        background-size: cover;
    }
    /* bizauthor-banner */
    
    .bizauthor-banner {
        float: left;
        width: 100%;
        padding: 74px 0 183px;
        background: transparent url('../images/bg-banner.jpg') no-repeat bottom center;
        background-size: cover;
    }
    
    .banner_img {
        text-align: center;
    }
    
    .banner_img img {
        max-width: 100%;
    }
    
    .banner_logo {
        margin-bottom: 64px;
    }
    
    .banner_logo img {
        max-width: 100%;
    }
    
    .--line {
        width: 400px;
        height: 2px;
        background: #73CCE8;
        margin: 30px 0;
    }
    
    .first--name {
        /* text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); */
        /* -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: #FFF; */
        color: transparent;
        -webkit-text-stroke: 1px white;
        font-family: Roboto;
        font-size: 80px;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        text-transform: uppercase;
    }
    
    .banner_content .title {
        color: #FFF;
        text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        font-family: Roboto;
        font-size: 100px;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        text-transform: uppercase;
    }
    
    .banner_content .sub-title {
        color: #59B5FF;
        font-family: Roboto;
        font-size: 27px;
        font-style: italic;
        font-weight: 400;
        line-height: 133.333%;
        margin-bottom: 30px;
    }
    
    .banner_content .sub-title span {
        display: inline-block;
        background: linear-gradient(90deg, rgba(80, 176, 255, 0.50) -1.06%, rgba(82, 159, 222, 0.00) 93.23%);
        padding-left: 20px;
    }
    
    .banner_content .desc {
        color: #FFF;
        font-family: Roboto;
        font-size: 20px;
        font-style: italic;
        font-weight: 400;
        line-height: 130%;
        width: 100%;
        margin-bottom: 30px;
    }
    
    .btn_banner {
        display: inline-flex;
        gap: 12px;
        color: #FFF;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        padding: 16px 18px 16px 30px;
        border-radius: 100px;
        background: linear-gradient(90deg, #FA5E1F 0%, #FF995A 100%);
        align-items: center;
    }
    
    .btn_banner span {
        padding-right: 7px;
    }
    /* bizauthor-infor */
    
    .bizauthor-infor {
        float: left;
        width: 100%;
        padding: 10px 0 34px;
        background-image: url('../images/bg-1.png');
        background-repeat: no-repeat;
        background-color: transparent;
        background-position: bottom 0 right 22px;
    }
    
    .infor-content {
        width: 100%;
        display: flex;
        gap: 30px 58px;
        flex-wrap: wrap;
        align-items: center;
    }
    
    .infor-content .img {
        width: calc(33.2444% - 29px);
        text-align: center;
    }
    
    .infor-content .img img {
        max-width: 100%;
    }
    
    .infor-content .desc {
        width: calc(66.7556% - 29px);
        color: #000;
        text-align: justify;
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        font-family: 'Roboto', sans-serif;
        line-height: 150%;
    }
    
    .infor-content .desc span {
        font-weight: 700;
    }
    
    .infor-content .desc p:not(:last-child) {
        margin-bottom: 15px;
    }
    /* bizauthor-workexperience */
    
    .bizauthor-workexperience {
        float: left;
        width: 100%;
        padding: 40px 0 94px;
    }
    
    .bizauthor-workexperience .bizauthor_boxtitle .--line {
        max-width: 244px;
        margin: 0 auto 48px;
        background-color: #0183ED;
    }
    
    .bizauthor_boxtitle {
        margin-bottom: 34px;
    }
    
    .bizauthor_boxtitle .title {
        color: #464646;
        font-family: Roboto;
        font-size: 43px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-align: center;
        margin-bottom: 55px;
    }
    
    .bizauthor_boxtitle .title span {
        color: #0183ED;
    }
    
    .bizauthor_boxtitle .sub-title {
        color: #2D2D2D;
        text-align: center;
        font-size: 22px;
        font-style: italic;
        width: 100%;
        max-width: 1100px;
        padding-top: 15px;
        margin: 0 auto;
    }
    
    .workexperience_list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 30px 76px;
    }
    
    .workexperience_item {
        width: calc(33.3333% - 50.6666px);
        border-radius: 20px;
        border: 2px solid #73CCE8;
        background: rgba(255, 255, 255, 0.68);
        box-shadow: 0 11px 10px 0 rgba(206, 65, 9, 0.22);
        overflow: hidden;
    }
    
    .workexperience_item .img {
        margin-bottom: 24px;
    }
    
    .workexperience_item .img img {
        max-width: 100%;
    }
    
    .workexperience_item_body {
        padding: 0 25px 20px;
        color: #000;
        text-align: justify;
        font-size: 17px;
        line-height: 147.059%;
    }
    /* bizauthor- */
    
    .bizauthor-certificatesobtained {
        float: left;
        width: 100%;
        padding: 43px 0 25px;
        background: linear-gradient(90deg, #FA5E1F 0%, #FF995A 100%);
    }
    
    .bizauthor-certificatesobtained .bizauthor_boxtitle .title {
        color: #FFF;
    }
    
    .certificatesobtained_list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
    }
    
    .certificatesobtained_item {
        width: calc(33.3333% - 20px);
    }
    
    .certificatesobtained_item .img {
        width: 100%;
        text-align: center;
        margin-bottom: 32px;
    }
    
    .certificatesobtained_item .img img {
        max-width: 100%;
    }
    
    .certificatesobtained_body .title {
        color: #FFF;
        text-align: center;
        font-size: 22px;
        font-style: normal;
        font-weight: 800;
        line-height: 113.636%;
        text-transform: uppercase;
        margin-bottom: 13px;
    }
    
    .certificatesobtained_body .desc {
        width: 100%;
        max-width: 305px;
        margin: 0 auto;
        color: #FFF;
        text-align: center;
        font-size: 20px;
        line-height: 125%;
    }
    /* bizauthor-featuredprojects */
    
    .bizauthor-featuredprojects {
        float: left;
        width: 100%;
        padding: 48px 0 75px;
    }
    
    .bizauthor-featuredprojects.bg-style2 {
        background: #E0F1FF;
    }
    
    .featuredprojects_list {
        display: flex;
        flex-wrap: wrap;
        gap: 30px 88px;
        width: 100%;
        max-width: 1074px;
        margin: 0 auto 16px;
    }
    
    .featuredprojects_item {
        width: calc(50% - 44px);
    }
    
    .box-txt {
        width: 100%;
        max-width: 1024px;
        margin: 0 auto;
        color: #000;
        text-align: center;
        font-family: Roboto;
        font-size: 20px;
        font-style: normal;
        line-height: 135%;
    }
    
    .box-txt b {}
    
    .featuredprojects_item .desc {
        color: #000;
        text-align: center;
        font-family: Roboto;
        font-size: 20px;
        font-style: normal;
        line-height: 135%;
        padding-top: 10px;
    }
    
    .featuredprojects_item .img {
        display: block;
        width: 100%;
        position: relative;
        padding-top: 51.12%;
        overflow: hidden;
        border-radius: 31px;
        background: #3EA4F8;
        margin-bottom: 30px;
    }
    
    .featuredprojects_item .img span {
        display: block;
        width: calc(100% - 22px);
        height: calc(100% - 16px);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        border-radius: 30px;
        overflow: hidden;
    }
    
    .featuredprojects_item .img img {
        width: 100%;
        height: 100%;
        object-position: center;
        object-fit: cover;
    }
    
    .featuredprojects_item .title {
        display: block;
        color: #000;
        text-align: center;
        font-size: 25px;
        font-style: normal;
        font-weight: 600;
        line-height: 128%;
    }
    
    .featuredprojects-motto {
        padding: 27px 0 35px;
        position: relative;
        border-radius: 16px;
        border: 2px solid #50B0FF;
        background: rgba(255, 255, 255, 0.50);
        box-shadow: 0 11px 10px 0 rgba(66, 155, 228, 0.10);
        display: flex;
        flex-wrap: wrap;
        justify-content: end;
    }
    
    .featuredprojects-motto .img {
        width: 30.5%;
        position: absolute;
        left: 0;
        bottom: 0;
        text-align: center;
    }
    
    .featuredprojects-motto .img img {
        max-width: 100%;
    }
    
    .motto-body {
        width: calc(69.5% - 28px);
        padding-right: 80px;
    }
    
    .motto-body .title {
        color: #2D2D2D;
        font-family: Roboto;
        font-size: 45px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 55px;
    }
    
    .motto-body .desc {
        padding: 20px 75px;
        margin-bottom: 23px;
        background-image: url('../images/ic-3.png'), url('../images/ic-4.png');
        background-repeat: no-repeat, no-repeat;
        background-position: top left, bottom right;
        color: #429BE4;
        text-align: justify;
        font-family: Roboto;
        font-size: 31px;
        font-style: italic;
        font-weight: 500;
        line-height: 112.903%;
    }
    
    .motto-body .txt {
        color: #4B4B4B;
        text-align: justify;
        font-size: 18px;
        line-height: 144.444%;
    }
    /* bizauthor-professionalarticles */
    
    .bizauthor-professionalarticles {
        float: left;
        width: 100%;
        padding: 60px 0 56px;
        background: #E0F1FF;
    }
    
    .bizauthor-professionalarticles .bizauthor_boxtitle {
        margin-bottom: 28px;
    }
    
    .bizauthor-professionalarticles .bizauthor_boxtitle .title {
        color: #464646;
        text-align: justify;
        font-weight: 600;
        margin: 0;
    }
    
    .professionalarticles_list {
        display: flex;
        flex-wrap: wrap;
        gap: 40px 20px;
    }
    
    .professionalarticles_item {
        border-radius: 15px;
        border: 1.5px solid #FF995A;
        overflow: hidden;
        display: block;
        width: calc(33.3333% - 13.3333px);
    }
    
    .professionalarticles_item .img {
        display: block;
        width: 100%;
        padding-top: 50.64%;
        overflow: hidden;
        position: relative;
        margin-bottom: 15px;
    }
    
    .professionalarticles_item .img img {
        width: 100%;
        height: 100%;
        object-position: center;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .professionalarticles_item .title {
        display: block;
        width: 100%;
        color: #464646;
        text-align: center;
        font-size: 21px;
        font-style: normal;
        font-weight: 600;
        line-height: 142.857%;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
        padding: 15px 13px;
    }
    /* bizauthor-contact */
    
    .bizauthor-contact {
        float: left;
        width: 100%;
        padding: 40px 0 80px;
        background: #240983;
    }
    
    .bizauthor-contact .bizauthor_boxtitle .title {
        color: #fff;
    }
    
    .contact_list {
        width: 100%;
        display: flex;
    }
    
    .contact_item {
        padding: 0 30px;
        border-right: 1px solid #fff;
        color: #FFF;
        font-size: 20px;
        line-height: 180%;
    }
    
    .contact_item:first-child {
        padding-left: 0;
    }
    
    .contact_item:last-child {
        border-right: 0;
        padding-right: 0;
    }
    
    .contact_item .name {
        color: #FFF;
        font-family: Roboto;
        font-size: 37px;
        font-style: normal;
        font-weight: 700;
        margin-bottom: 10px;
    }
    
    .contact_item .service {
        color: #FFF;
        text-align: justify;
        font-size: 20px;
        font-style: italic;
        line-height: 115%;
    }
    
    .contact_adress {
        display: flex;
        align-items: center;
    }
    
    .contact_adress:last-child {
        margin-bottom: 0;
    }
    
    .contact_adress .icon {
        width: 66px;
        flex-shrink: 0;
        text-align: center;
        padding-right: 15px;
    }
    
    .contact_adress .icon img {
        max-width: 100%;
    }
    
    .contact_adress .desc,
    .contact_adress .desc a {
        color: #FFF;
        text-align: justify;
        font-size: 20px;
        font-style: normal;
        line-height: 115%;
    }
    
    .contact_support {
        display: flex;
        gap: 20px;
        padding-top: 10px;
    }
    
    @media screen and (max-width: 1600px) {
        .first--name {
            font-size: 60px;
        }
        .banner_content .title {
            font-size: 80px;
        }
        .infor-content .desc {
            font-size: 20px;
        }
        .bizauthor_boxtitle .title {
            font-size: 36px;
        }
        .motto-body .desc {
            font-size: 26px;
        }
        .contact_item .name {
            font-size: 26px;
        }
        .contact_item .service,
        .contact_adress .desc,
        .contact_adress .desc a,
        .professionalarticles_item .title {
            font-size: 18px;
        }
    }
    
    @media screen and (max-width: 1200px) {}
    
    @media screen and (max-width: 991px) {}