@font-face {
  font-family: 'Avenir Next';
  src: url("../../fonts/AvenirNext/AvenirNext.woff2") format("woff2"), url("../../fonts/AvenirNext/AvenirNext.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Avenir Next';
  src: url("../../fonts/AvenirNext/AvenirNext-Italic.woff2") format("woff2"), url("../../fonts/AvenirNext/AvenirNext-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Avenir Next';
  src: url("../../fonts/AvenirNext/AvenirNext-Medium.woff2") format("woff2"), url("../../fonts/AvenirNext/AvenirNext-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Avenir Next';
  src: url("../../fonts/AvenirNext/AvenirNext-MediumItalic.woff2") format("woff2"), url("../../fonts/AvenirNext/AvenirNext-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: 'Avenir Next';
  src: url("../../fonts/AvenirNext/AvenirNext-Bold.woff2") format("woff2"), url("../../fonts/AvenirNext/AvenirNext-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

#page-workBaoViet {
    font-size: 16px;
    line-height: 1.6;
    color: #707070;
    font-weight: normal;
}

#page-workBaoViet .scrollmagicfadeUp > .effect {
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.13, 0.44, 0.54, 0.94);
    -o-transition: all 0.5s cubic-bezier(0.13, 0.44, 0.54, 0.94);
    transition: all 0.5s cubic-bezier(0.13, 0.44, 0.54, 0.94);
}

#page-workBaoViet .scrollmagicfadeUp > .effect-left {
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.13, 0.44, 0.54, 0.94);
    -o-transition: all 0.5s cubic-bezier(0.13, 0.44, 0.54, 0.94);
    transition: all 0.5s cubic-bezier(0.13, 0.44, 0.54, 0.94);
}

#page-workBaoViet .scrollmagicfadeUp > .effect-scale {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.13, 0.44, 0.54, 0.94);
    -o-transition: all 0.5s cubic-bezier(0.13, 0.44, 0.54, 0.94);
    transition: all 0.5s cubic-bezier(0.13, 0.44, 0.54, 0.94);
}

#page-workBaoViet .scrollmagicfadeUp.scroll-css[data-delay=".2s"] > .effect,
#page-workBaoViet .scrollmagicfadeUp.scroll-css[data-delay=".2s"] > .effect-left {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

#page-workBaoViet .scrollmagicfadeUp.scroll-css > .effect {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

#page-workBaoViet .scrollmagicfadeUp.scroll-css > .effect-left {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

#page-workBaoViet .scrollmagicfadeUp.scroll-css > .effect-scale {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

#page-workBaoViet .work-baoviet-detail {
    font-size: 16px;
    line-height: 1.6;
    color: #707070;
    overflow-x: hidden;
}

#page-workBaoViet .work-baoviet-detail .textbox {
    margin-bottom: 30px;
}

#page-workBaoViet .work-baoviet-detail .textbox__header h2 {
    font-family: 'Avenir Next M';
    font-size: 24px;
    font-weight: normal;
    color: #000;
    margin: 0;
    margin-bottom: 15px;
}

#page-workBaoViet .work-baoviet-detail .textbox__icon {
    display: inline-block;
    max-width: 120px;
    margin-bottom: 30px;
}

#page-workBaoViet .work-baoviet-detail .textbox__text p {
    margin-bottom: 20px;
}

#page-workBaoViet .work-baoviet-detail .textbox__text p:last-child {
    margin-bottom: 0;
}

#page-workBaoViet .work-baoviet-detail .container-fixwidth {
    position: relative;
}

#page-workBaoViet .work-baoviet-detail .container-fixwidth__width {
    margin-left: auto;
    margin-right: 0;
}

#page-workBaoViet .work-baoviet-detail .container-fixwidth__width .container {
    margin-left: 0;
    padding-right: 0;
    width: 100%;
}

#page-workBaoViet .work-baoviet-detail .container-fixwidth--left .container-fixwidth__width {
    margin-left: 0;
    margin-right: auto;
}

#page-workBaoViet .work-baoviet-detail .container-fixwidth--left .container {
    margin-left: auto;
    margin-right: 0;
    padding-left: 0;
    padding-right: 15px;
}

@media (max-width: 767px) {
    #page-workBaoViet .work-baoviet-detail {
        font-family: 'Avenir Next M';
    }
    #page-workBaoViet .work-baoviet-detail .md-section {
        padding-top: 65px;
        padding-bottom: 65px;
    }
}

@media (min-width: 1201px) {
    #page-workBaoViet .work-baoviet-detail .textbox__header h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }
}

#page-workBaoViet .section-1 .title-bv__title {
    font-family: "Avenir Next", sans-serif;
    font-size: 32px;
    font-weight: bold;
    margin-top: 0;
}

#page-workBaoViet .section-1 .title-bv__text {
    font-size: 20px;
    max-width: 404px;
    margin-bottom: 0;
}

#page-workBaoViet .section-1 .box-bv {
    position: relative;
    padding-top: 130px;
}

#page-workBaoViet .section-1 .box-bv__svg {
    position: absolute;
    z-index: -1;
    top: -30px;
    right: -220px;
}

#page-workBaoViet .section-1 .box-bv__dot {
    position: absolute;
    top: 0;
    right: 115px;
}

#page-workBaoViet .section-1 .box-bv__line {
    position: absolute;
    top: 33%;
    right: -17%;
    width: 30%;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

#page-workBaoViet .section-1 .textbox-1 .textbox__header {
    display: inline-block;
    position: relative;
}

#page-workBaoViet .section-1 .textbox-1 .textbox__icon {
    position: relative;
    left: -40px;
}

#page-workBaoViet .section-1 .textbox-1 .custom {
    position: absolute;
    top: -55px;
    right: -70px;
    max-width: 55px;
}

#page-workBaoViet .section-1__line svg {
    position: relative;
    left: 200px;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}

#page-workBaoViet .section-1__checklist {
    position: absolute;
    z-index: -1;
    top: 35%;
    left: 0;
    width: 13%;
}

#page-workBaoViet .section-1__pattern-1 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 20%;
}

#page-workBaoViet .section-1__pattern-2 {
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 14%;
    width: 18%;
}

@media (min-width: 1200px) and (max-width: 1439px) {
    #page-workBaoViet .section-1 .box-bv__line {
        display: none;
    }
}

@media (max-width: 767px) {
    #page-workBaoViet .section-1 .title-bv {
        margin-bottom: 90px;
    }
    #page-workBaoViet .section-1 .box-bv {
        padding-top: 90px;
    }
    #page-workBaoViet .section-1 .box-bv__line {
        right: 0;
        bottom: -20px;
        top: auto;
        -webkit-transform: translateX(0) translateY(100%);
        -ms-transform: translateX(0) translateY(100%);
        transform: translateX(0) translateY(100%);
    }
    #page-workBaoViet .section-1__line,
    #page-workBaoViet .section-1__checklist {
        display: none;
    }
    #page-workBaoViet .section-1__header {
        margin-bottom: 150px;
    }
    #page-workBaoViet .section-1 .title-bv,
    #page-workBaoViet .section-1 .box-bv__svg,
    #page-workBaoViet .section-1 .box-bv__dot,
    #page-workBaoViet .section-1 .img,
    #page-workBaoViet .section-1 .box-bv__line svg {
        -webkit-transform: translateY(40px) !important;
        -ms-transform: translateY(40px) !important;
        transform: translateY(40px) !important;
        opacity: 0 !important;
        -webkit-transition: all 0.5s cubic-bezier(0.77, -0.78, 0.23, 1.83);
        -o-transition: all 0.5s cubic-bezier(0.77, -0.78, 0.23, 1.83);
        transition: all 0.5s cubic-bezier(0.77, -0.78, 0.23, 1.83);
    }
    #page-workBaoViet .section-1.scroll-css .title-bv,
    #page-workBaoViet .section-1.scroll-css .box-bv__svg,
    #page-workBaoViet .section-1.scroll-css .box-bv__dot,
    #page-workBaoViet .section-1.scroll-css .img,
    #page-workBaoViet .section-1.scroll-css .box-bv__line svg {
        opacity: 1 !important;
        -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        transform: translateY(0) !important;
    }
    #page-workBaoViet .section-1.scroll-css .title-bv {
        -webkit-transition-delay: .2s;
        -o-transition-delay: .2s;
        transition-delay: .2s;
    }
    #page-workBaoViet .section-1.scroll-css .box-bv__svg {
        -webkit-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s;
    }
    #page-workBaoViet .section-1.scroll-css .box-bv__dot {
        -webkit-transition-duration: .2s;
        -o-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transition-delay: .6s;
        -o-transition-delay: .6s;
        transition-delay: .6s;
    }
    #page-workBaoViet .section-1.scroll-css .img {
        -webkit-transition-delay: .8s;
        -o-transition-delay: .8s;
        transition-delay: .8s;
    }
    #page-workBaoViet .section-1.scroll-css .box-bv__line svg {
        -webkit-transition-delay: 1s;
        -o-transition-delay: 1s;
        transition-delay: 1s;
    }
}

@media (min-width: 768px) {
    #page-workBaoViet .section-1 .title-bv__title {
        font-size: 45px;
    }
    #page-workBaoViet .section-1 .fix-spacing {
        height: 100px;
    }
}

@media (min-width: 1201px) {
    #page-workBaoViet .section-1 .title-bv__title {
        font-size: 60px;
    }
    #page-workBaoViet .section-1 .fix-spacing {
        height: 220px;
    }
    #page-workBaoViet .section-1__header {
        padding-top: 70px;
        padding-bottom: 50px;
    }
    #page-workBaoViet .section-1__header .title-bv,
    #page-workBaoViet .section-1__header .box-bv .img,
    #page-workBaoViet .section-1__header .box-bv__svg,
    #page-workBaoViet .section-1 .box-bv__dot path {
        -webkit-transition: all 0.3s cubic-bezier(0.77, -0.78, 0.23, 1.83);
        -o-transition: all 0.3s cubic-bezier(0.77, -0.78, 0.23, 1.83);
        transition: all 0.3s cubic-bezier(0.77, -0.78, 0.23, 1.83);
        opacity: 0;
    }
    #page-workBaoViet .section-1__header .title-bv {
        -webkit-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    #page-workBaoViet .section-1__header .box-bv .img {
        -webkit-transform: translateX(100px);
        -ms-transform: translateX(100px);
        transform: translateX(100px);
    }
    #page-workBaoViet .section-1__header .box-bv__svg {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
    }
    #page-workBaoViet .section-1__checklist {
        top: 40%;
    }
}

@media (min-width: 1442px) {
    #page-workBaoViet .section-1__header {
        padding-top: 200px;
    }
}

#page-workBaoViet .section-2 {
    color: #fff0c6;
    padding-bottom: 110px;
}

#page-workBaoViet .section-2 .textbox__header h2 {
    font-family: 'Avenir Next M';
    font-weight: 500;
    color: #fff;
}

#page-workBaoViet .section-2__list li .item {
    position: relative;
}

#page-workBaoViet .section-2__list li .icon-bv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 60px;
    text-align: right;
}

#page-workBaoViet .section-2__list li .title-bv {
    font-family: 'Avenir Next M';
    color: #fff;
    margin-bottom: 12px;
}

#page-workBaoViet .section-2__list li .title-bv small {
    color: #ffdc80;
    font-size: 13px;
    vertical-align: 6px;
    margin-left: 6px;
}

#page-workBaoViet .section-2__list li .text-bv {
    margin-bottom: 0;
}

#page-workBaoViet .section-2__list li + li {
    margin-top: 30px;
}

#page-workBaoViet .section-2__cloud {
    position: absolute;
    left: 0;
    bottom: -1px;
    right: 0;
    pointer-events: none;
}

#page-workBaoViet .section-2__cloud svg {
    width: 100%;
}

#page-workBaoViet .section-2__cloud .layer2 {
    display: none;
}

#page-workBaoViet .section-2__cloud .svg2 {
    display: none;
}

@media (max-width: 767px) {
    #page-workBaoViet .section-2__list li .icon-bv {
        display: none;
    }
}

@media (min-width: 768px) {
    #page-workBaoViet .section-2 {
        padding-bottom: 150px;
    }
    #page-workBaoViet .section-2__list {
        margin-left: -70px;
    }
    #page-workBaoViet .section-2__list li .item {
        padding-left: 70px;
    }
}

@media (min-width: 1200px) {
    #page-workBaoViet .section-2 {
        padding-bottom: 180px;
    }
    #page-workBaoViet .section-2 .fix-spacing {
        height: 145px;
    }
    #page-workBaoViet .section-2__list li .icon-bv {
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0;
        -webkit-transition: all 0.3s cubic-bezier(0.83, 0.31, 0.46, 1.03);
        -o-transition: all 0.3s cubic-bezier(0.83, 0.31, 0.46, 1.03);
        transition: all 0.3s cubic-bezier(0.83, 0.31, 0.46, 1.03);
        -webkit-transition-delay: .2s;
        -o-transition-delay: .2s;
        transition-delay: .2s;
    }
    #page-workBaoViet .section-2__list li.scroll-css .icon-bv {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

#page-workBaoViet .section-3 {
    padding-top: 20px;
}

#page-workBaoViet .section-3 .textbox-bv__subtitle {
    display: block;
    font-size: 17px;
    font-weight: bold;
    color: #2a78c0;
    margin-bottom: 20px;
}

#page-workBaoViet .section-3 .textbox-bv__name {
    display: inline-block;
    position: relative;
    font-family: 'Avenir Next B';
    font-size: 32px;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 30px;
}

#page-workBaoViet .section-3 .textbox-bv__name img {
    position: absolute;
    right: -10px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

#page-workBaoViet .section-3 .textbox-bv__text {
    font-family: 'Avenir Next M';
}

#page-workBaoViet .section-03-slider .swiper-container-fade .swiper-slide {
    opacity: 1 !important;
}

#page-workBaoViet .section-03-slider .swiper1-wrap {
    position: relative;
    margin-bottom: 40px;
}

#page-workBaoViet .section-03-slider .swiper1-wrap .line {
    position: absolute;
    z-index: -1;
    bottom: 28%;
    right: 0;
    width: 67%;
}

#page-workBaoViet .section-03-slider .swiper1-wrap .blob {
    position: absolute;
    z-index: -1;
    bottom: 0;
    right: 10%;
    max-width: 21%;
    -webkit-transform: translateY(38%);
    -ms-transform: translateY(38%);
    transform: translateY(38%);
}

#page-workBaoViet .section-03-slider .swiper1-wrap .blob svg {
    width: 100%;
}

#page-workBaoViet .section-03-slider .swiper1-wrap .swiper-container {
    padding: 0;
    padding-top: 40px;
}

#page-workBaoViet .section-03-slider .swiper1-wrap .image-bv {
    position: relative;
    padding: 0 40px;
}

#page-workBaoViet .section-03-slider .swiper1-wrap .image-bv .pattern-bv {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#page-workBaoViet .section-03-slider .swiper1-wrap .image-bv .image-bv__img {
    position: relative;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

#page-workBaoViet .section-03-slider .swiper1-wrap .image-bv .image-bv__img .mobile-text {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #196bb4;
    color: rgba(255, 255, 255, 0.8);
    padding: 30px 15px;
    padding-bottom: 50px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#page-workBaoViet .section-03-slider .swiper1-wrap .image-bv .image-bv__img.active .mobile-text {
    visibility: visible;
    opacity: 1;
}

#page-workBaoViet .section-03-slider .swiper1-wrap .image-bv .image-bv__img .close-bv {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 16px;
    right: 0;
    text-align: center;
}

#page-workBaoViet .section-03-slider .swiper1-wrap .image-bv .image-bv__img .close-bv span {
    position: relative;
    font-size: 18px;
    color: #fff;
}

#page-workBaoViet .section-03-slider .swiper1-wrap .image-bv .image-bv__img .close-bv span:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background-color: #fff;
}

#page-workBaoViet .section-03-slider .swiper1-wrap .button-swiper > div {
    position: absolute;
    top: 50%;
    z-index: 2;
    margin: 0;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#page-workBaoViet .section-03-slider .swiper1-wrap .button-swiper .prev-swiper {
    left: 0;
}

#page-workBaoViet .section-03-slider .swiper1-wrap .button-swiper .next-swiper {
    right: 0;
}

#page-workBaoViet .section-03-slider .swiper2-wrap {
    position: relative;
}

#page-workBaoViet .section-03-slider .swiper2-wrap .swiper-container {
    padding: 0;
    padding-top: 20px;
}

#page-workBaoViet .section-03-slider .swiper2-wrap .boxtext {
    max-width: 370px;
    background-color: #186bb4;
    border-radius: 10px;
    padding: 50px 40px 55px 40px;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 30px;
}

#page-workBaoViet .section-03-slider .swiper2-wrap .boxtext .title-bv {
    font-family: 'Avenir Next M';
    font-size: 20px;
    font-weight: normal;
    color: #fff;
    margin-top: 0;
    margin-bottom: 20px;
}

#page-workBaoViet .section-03-slider .swiper2-wrap .boxtext .text-bv {
    color: #a2d1fd;
}

#page-workBaoViet .section-03-slider .swiper2-wrap .boxtext .text-bv p:last-child {
    margin-bottom: 0;
}

#page-workBaoViet .section-03-slider .swiper2-wrap .imagebox {
    position: relative;
    z-index: 1;
    top: 0;
    right: 0;
    margin-bottom: 30px;
}

#page-workBaoViet .section-03-slider .swiper2-wrap .imagebox > span {
    display: inline-block;
    position: absolute;
    z-index: -1;
    top: -20px;
    left: -45px;
    width: 100px;
}

#page-workBaoViet .section-03-slider .swiper2-wrap .fix-spacing-2 {
    height: 360px;
}

#page-workBaoViet .section-3__line2 {
    position: relative;
    margin-top: -50px;
}

#page-workBaoViet .section-3__line2 svg {
    position: relative;
    width: 50%;
    left: 0;
    z-index: -1;
}

#page-workBaoViet .section-3__footer {
    position: relative;
}

#page-workBaoViet .section-3__image {
    position: relative;
}

#page-workBaoViet .section-3__image img {
    width: 100%;
}

#page-workBaoViet .section-3__image .blob {
    display: none;
    position: absolute;
    bottom: -65px;
    left: 20%;
    z-index: -1;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

#page-workBaoViet .section-3__image .blob .svg2 {
    position: absolute;
    top: 18%;
    left: 0;
}

#page-workBaoViet .section-3__pattern {
    position: absolute;
    top: 0;
    right: 10%;
    width: 11%;
}

#page-workBaoViet .section-3__pattern2 {
    position: absolute;
    left: 5%;
    bottom: 0;
    width: 5%;
}

@media (max-width: 1440px) {
    #page-workBaoViet .section-03-slider .swiper1-wrap .line {
        width: 64%;
        bottom: 18%;
    }
}

@media (max-width: 1199px) {
    #page-workBaoViet .section-03-slider .swiper1-wrap .line {
        bottom: auto;
        top: 40%;
    }
}

@media (max-width: 991px) {
    #page-workBaoViet .section-3__image .pc {
        display: none;
    }
    #page-workBaoViet .section-03-slider .swiper1-wrap .line {
        width: 60%;
    }
}

@media (max-width: 767px) {
    #page-workBaoViet .section-3 .textbox-bv__subtitle {
        margin: 0;
    }
    #page-workBaoViet .section-3 .section-03-slider {
        overflow: hidden;
    }
    #page-workBaoViet .section-3 .section-03-slider .swiper1-wrap .swiper-container {
        overflow: visible;
    }
    #page-workBaoViet .section-3 .textbox-bv__text,
    #page-workBaoViet .section-3 .swiper1-wrap .image-bv .pattern-bv,
    #page-workBaoViet .section-3 .section-03-slider .swiper1-wrap .line,
    #page-workBaoViet .section-3 .section-03-slider .swiper2-wrap .imagebox {
        display: none;
    }
    #page-workBaoViet .section-03-slider .swiper1-wrap {
        margin-bottom: 0;
    }
    #page-workBaoViet .section-03-slider .swiper1-wrap .image-bv {
        padding: 0;
    }
    #page-workBaoViet .section-03-slider .swiper1-wrap .image-bv .image-bv__img.active ~ .button-swiper {
        visibility: hidden;
        opacity: 0;
    }
    #page-workBaoViet .section-03-slider .swiper1-wrap .blob {
        right: 0;
        max-width: 70%;
        -webkit-transform: translate(20%, 50%);
        -ms-transform: translate(20%, 50%);
        transform: translate(20%, 50%);
    }
    #page-workBaoViet .section-03-slider .swiper1-wrap .button-swiper > div {
        width: 55px;
    }
    #page-workBaoViet .section-03-slider .swiper1-wrap .button-swiper .next-swiper {
        right: -15px;
    }
    #page-workBaoViet .section-03-slider .swiper1-wrap .button-swiper .prev-swiper {
        left: -15px;
    }
    #page-workBaoViet .section-03-slider .swiper2-wrap .boxtext {
        padding: 25px 15px;
        margin-top: 0;
    }
    #page-workBaoViet .section-03-slider .swiper2-wrap .boxtext .title-bv {
        font-size: 16px;
    }
    #page-workBaoViet .section-3__image .blob {
        display: none;
    }
    #page-workBaoViet .section-3 .textbox-bv,
    #page-workBaoViet .section-03-slider .swiper1-wrap .image-bv,
    #page-workBaoViet .section-03-slider .swiper2-wrap .boxtext,
    #page-workBaoViet .section-03-slider .swiper1-wrap .blob svg {
        opacity: 0;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-transition: all 0.5s cubic-bezier(0.09, 0.49, 0.37, 0.97);
        -o-transition: all 0.5s cubic-bezier(0.09, 0.49, 0.37, 0.97);
        transition: all 0.5s cubic-bezier(0.09, 0.49, 0.37, 0.97);
    }
    #page-workBaoViet .section-3 .textbox-bv {
        -webkit-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s;
    }
    #page-workBaoViet .section-03-slider .swiper1-wrap .image-bv {
        -webkit-transition-delay: .5s;
        -o-transition-delay: .5s;
        transition-delay: .5s;
    }
    #page-workBaoViet .section-03-slider .swiper2-wrap .boxtext {
        -webkit-transition-delay: .7s;
        -o-transition-delay: .7s;
        transition-delay: .7s;
    }
    #page-workBaoViet .section-03-slider .swiper1-wrap .blob svg {
        -webkit-transition-delay: .9s;
        -o-transition-delay: .9s;
        transition-delay: .9s;
    }
    #page-workBaoViet .scroll-css .swiper1-wrap .swiper-slide-active .textbox-bv,
    #page-workBaoViet .scroll-css .swiper1-wrap .swiper-slide-active .image-bv,
    #page-workBaoViet .scroll-css .swiper1-wrap .swiper-slide-active .blob svg {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    #page-workBaoViet .scroll-css .swiper2-wrap .swiper-slide-active .boxtext {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@media (min-width: 768px) {
    #page-workBaoViet .section-03-slider .swiper1-wrap .image-bv .image-bv__img .mobile-text,
    #page-workBaoViet .section-03-slider .swiper1-wrap .image-bv .image-bv__img .close-bv {
        display: none;
    }
    #page-workBaoViet .section-3__line2 svg {
        width: 31%;
    }
    #page-workBaoViet .section-03-slider .swiper1-wrap .image-bv,
    #page-workBaoViet .section-03-slider .swiper1-wrap .textbox-bv,
    #page-workBaoViet .section-03-slider .swiper1-wrap .blob svg {
        opacity: 0;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }
    #page-workBaoViet .section-03-slider .swiper1-wrap .image-bg {
        -webkit-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s;
    }
    #page-workBaoViet .section-03-slider .swiper1-wrap .textbox-bv {
        -webkit-transition-delay: .6s;
        -o-transition-delay: .6s;
        transition-delay: .6s;
    }
    #page-workBaoViet .section-03-slider .swiper1-wrap .line {
        opacity: 0;
    }
    #page-workBaoViet .section-03-slider .swiper1-wrap .line path {
        stroke-dasharray: 1505;
        stroke-dashoffset: 1505;
        -webkit-transition: .5s ease;
        -o-transition: .5s ease;
        transition: .5s ease;
    }
    #page-workBaoViet .section-03-slider .swiper1-wrap .blob svg {
        -webkit-transition-delay: 0;
        -o-transition-delay: 0;
        transition-delay: 0;
    }
    #page-workBaoViet .section-03-slider .swiper2-wrap .boxtext,
    #page-workBaoViet .section-03-slider .swiper2-wrap .imagebox {
        opacity: 0;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }
    #page-workBaoViet .section-03-slider .swiper2-wrap .boxtext {
        -webkit-transition-delay: 1.3s;
        -o-transition-delay: 1.3s;
        transition-delay: 1.3s;
    }
    #page-workBaoViet .section-03-slider .swiper2-wrap .imagebox {
        -webkit-transition-delay: 1.8s;
        -o-transition-delay: 1.8s;
        transition-delay: 1.8s;
    }
    #page-workBaoViet .section-03-slider.scroll-css .swiper1-wrap .line {
        opacity: 1;
    }
    #page-workBaoViet .section-03-slider.scroll-css .swiper1-wrap .line path {
        stroke-dashoffset: 3010 !important;
        -webkit-transition-delay: .9s;
        -o-transition-delay: .9s;
        transition-delay: .9s;
    }
    #page-workBaoViet .section-03-slider.scroll-css .swiper1-wrap .swiper-slide-active .image-bv,
    #page-workBaoViet .section-03-slider.scroll-css .swiper1-wrap .swiper-slide-active .textbox-bv,
    #page-workBaoViet .section-03-slider.scroll-css .swiper1-wrap .swiper-slide-active .blob svg {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    #page-workBaoViet .section-03-slider.scroll-css .swiper1-wrap .swiper-slide-active .blob svg {
        -webkit-transition-delay: 2.4s;
        -o-transition-delay: 2.4s;
        transition-delay: 2.4s;
    }
    #page-workBaoViet .section-03-slider.scroll-css .swiper2-wrap .swiper-slide-active .boxtext,
    #page-workBaoViet .section-03-slider.scroll-css .swiper2-wrap .swiper-slide-active .imagebox {
        opacity: 1;
    }
}

@media (min-width: 992px) {
    #page-workBaoViet .section-03-slider .swiper1-wrap .fix-spacing {
        height: 70px;
    }
    #page-workBaoViet .section-3__footer .fix-spacing {
        height: 220px;
    }
    #page-workBaoViet .section-3__image .mobile {
        display: none;
    }
}

@media (min-width: 1200px) {
    #page-workBaoViet .section-3 {
        padding-bottom: 130px;
    }
    #page-workBaoViet .section-3 .textbox-bv {
        padding-left: 40px;
    }
    #page-workBaoViet .section-3 .textbox-bv__name {
        font-size: 60px;
        margin-bottom: 60px;
    }
    #page-workBaoViet .section-03-slider .swiper1-wrap .image-bv .image-bv__img .mobile-text,
    #page-workBaoViet .section-03-slider .swiper1-wrap .image-bv .image-bv__img .close-bv {
        display: none;
    }
    #page-workBaoViet .section-03-slider .swiper1-wrap .swiper-container {
        overflow: visible;
    }
    #page-workBaoViet .section-03-slider .swiper1-wrap .swiper-slide {
        -webkit-perspective: 900px;
        perspective: 900px;
    }
    #page-workBaoViet .section-03-slider .swiper2-wrap .imagebox {
        right: -50px;
    }
    #page-workBaoViet .section-3__footer .fix-spacing {
        height: 420px;
    }
    #page-workBaoViet .section-3__line2 {
        margin-top: -100px;
    }
    #page-workBaoViet .section-3__line2 svg {
        left: 0;
    }
    #page-workBaoViet .section-3__image {
        margin-bottom: 40px;
    }
    #page-workBaoViet .section-3__image .blob {
        display: block;
    }
    #page-workBaoViet .section-3__image .mobile {
        display: none;
    }
}

@media (min-width: 1442px) {
    #page-workBaoViet .section-3__line2 svg {
        width: 24%;
        left: 8%;
    }
    #page-workBaoViet .section-03-slider .swiper1-wrap .line {
        bottom: 16%;
        width: 62%;
    }
    #page-workBaoViet .section-03-slider .swiper1-wrap .blob {
        right: 23%;
        max-width: 12%;
    }
}

#page-workBaoViet .section-4 {
    padding-bottom: 30px;
}

#page-workBaoViet .section-4 .textbox {
    position: relative;
    z-index: 1;
}

#page-workBaoViet .section-4 .textbox .textbox__header {
    position: relative;
}

#page-workBaoViet .section-4 .textbox-1 .textbox__icon {
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    -webkit-transform: translate(-80%, 71%);
    -ms-transform: translate(-80%, 71%);
    transform: translate(-80%, 71%);
}

#page-workBaoViet .section-4 .textbox-2 .textbox__icon {
    position: absolute;
    z-index: -1;
    left: -20px;
    bottom: -12px;
    -webkit-transform: translate(-80%, 71%);
    -ms-transform: translate(-80%, 71%);
    transform: translate(-80%, 71%);
}

#page-workBaoViet .section-4 .textbox-2 .textbox__text ul li {
    position: relative;
}

#page-workBaoViet .section-4 .textbox-2 .textbox__text ul li + li {
    margin-top: 14px;
}

#page-workBaoViet .section-4 .textbox-2 .textbox__text ul li .icon-bv {
    position: absolute;
    top: 0;
    left: -8px;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#page-workBaoViet .section-4 .textbox-2 .textbox__text ul li:hover .icon-bv {
    left: -4px;
    visibility: visible;
    opacity: 1;
}

#page-workBaoViet .section-4__divider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

#page-workBaoViet .section-4__divider span {
    display: block;
    width: 0;
    height: 3px;
    background-color: #f4f4f4;
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

#page-workBaoViet .section-4__divider span.scroll-css span {
    width: 100%;
}

#page-workBaoViet .section-4__image {
    margin-bottom: 40px;
}

#page-workBaoViet .section-4__dot {
    position: absolute;
    right: 7%;
    bottom: 35%;
    max-width: 80px;
}

@media (max-width: 767px) {
    #page-workBaoViet .section-4 .textbox .textbox__header h2 {
        margin-bottom: 15px;
    }
    #page-workBaoViet .section-4 .textbox .textbox__icon {
        display: none;
    }
    #page-workBaoViet .section-4 .textbox-2 {
        margin-bottom: 0;
    }
    #page-workBaoViet .section-4__bg-icon {
        display: none;
    }
    #page-workBaoViet .section-4__dot {
        bottom: 8%;
        max-width: 45px;
    }
}

@media (min-width: 768px) {
    #page-workBaoViet .section-4 .fix-spacing {
        height: 50px;
    }
    #page-workBaoViet .section-4__bg-icon {
        padding-top: 70px;
    }
}

@media (min-width: 1200px) {
    #page-workBaoViet .section-4 {
        padding-top: 130px;
        padding-bottom: 70px;
    }
    #page-workBaoViet .section-4 .fix-spacing {
        height: 100px;
    }
    #page-workBaoViet .section-4__image {
        margin-bottom: 0;
    }
    #page-workBaoViet .section-4__image .fix {
        height: 170px;
    }
    #page-workBaoViet .section-4__bg-icon {
        padding-top: 150px;
    }
}

@media (min-width: 1442px) {
    #page-workBaoViet .section-4__image {
        margin-left: -100px;
    }
}

#page-workBaoViet .section-5 {
    background-color: #f9f9f9;
}

#page-workBaoViet .section-5 .textbox {
    margin-bottom: 60px;
}

#page-workBaoViet .section-5__liner {
    position: relative;
}

#page-workBaoViet .section-5__liner .pencil {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
}

#page-workBaoViet .section-5__liner .pencil svg {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

#page-workBaoViet .section-5__screen {
    margin-bottom: 40px;
}

#page-workBaoViet .section-5__pattern-a {
    position: absolute;
    top: -20%;
    right: 0;
    max-width: 55px;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

#page-workBaoViet .section-5__mobile img {
    width: 100%;
}

@media (max-width: 1199px) {
    #page-workBaoViet .section-5__pattern-a,
    #page-workBaoViet .section-5__pattern-b {
        display: none;
    }
    #page-workBaoViet .section-5 .container-fixwidth {
        display: none;
    }
}

@media (max-width: 767px) {
    #page-workBaoViet .section-5__liner .svg1 {
        display: none;
    }
    #page-workBaoViet .section-5__liner .pencil {
        display: inline-block;
        position: relative;
        top: 0;
        left: 20px;
        -webkit-transform: translateY(50px) !important;
        -ms-transform: translateY(50px) !important;
        transform: translateY(50px) !important;
        opacity: 0;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }
    #page-workBaoViet .section-5__liner .pencil svg {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    #page-workBaoViet .section-5__liner.active .pencil {
        -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        transform: translateY(0) !important;
        opacity: 1;
    }
}

@media (min-width: 768px) {
    #page-workBaoViet .section-5__liner {
        width: 485px;
    }
    #page-workBaoViet .section-5__liner .svg1 .layer1 {
        display: none;
    }
    #page-workBaoViet .section-5__liner .pencil {
        opacity: 0;
    }
    #page-workBaoViet .section-5__liner.active .pencil {
        opacity: 1;
    }
}

@media (min-width: 1200px) {
    #page-workBaoViet .section-5 {
        padding-top: 0;
    }
    #page-workBaoViet .section-5__mobile {
        display: none;
    }
    #page-workBaoViet .container-fixwidth--right .section-5__screen .item-2 {
        padding-left: 65px;
    }
    #page-workBaoViet .container-fixwidth--right .section-5__pattern-b {
        position: absolute;
        top: 40%;
        left: 0;
        width: 8%;
    }
    #page-workBaoViet .container-fixwidth--right .scrollmagicfadeUp .effect2 {
        -webkit-transform: translateX(200px);
        -ms-transform: translateX(200px);
        transform: translateX(200px);
        opacity: 0;
        -webkit-transition: all 0.5s cubic-bezier(0.12, 0.57, 0.53, 0.91);
        -o-transition: all 0.5s cubic-bezier(0.12, 0.57, 0.53, 0.91);
        transition: all 0.5s cubic-bezier(0.12, 0.57, 0.53, 0.91);
    }
    #page-workBaoViet .container-fixwidth--left .section-5__screen .item-1 {
        padding-right: 65px;
    }
    #page-workBaoViet .container-fixwidth--left .section-5__pattern-c {
        position: absolute;
        top: 40%;
        right: 6%;
        width: 4%;
    }
    #page-workBaoViet .container-fixwidth--left .scrollmagicfadeUp .effect2 {
        -webkit-transform: translateX(-200px);
        -ms-transform: translateX(-200px);
        transform: translateX(-200px);
        opacity: 0;
        -webkit-transition: all 0.5s cubic-bezier(0.12, 0.57, 0.53, 0.91);
        -o-transition: all 0.5s cubic-bezier(0.12, 0.57, 0.53, 0.91);
        transition: all 0.5s cubic-bezier(0.12, 0.57, 0.53, 0.91);
    }
    #page-workBaoViet .section-5__screen.scroll-css > .effect2 {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@media (min-width: 1442px) {
    #page-workBaoViet .section-5__liner {
        width: 25%;
    }
    #page-workBaoViet .section-5__screen {
        margin-bottom: 90px;
    }
}

#page-workBaoViet .section-6.scroll-css {
    background-color: #eaf9fe;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#page-workBaoViet .section-6 .textbox .textbox__header {
    position: relative;
}

#page-workBaoViet .section-6 .textbox .icon-1 {
    position: absolute;
    left: -6px;
    top: -4px;
    -webkit-transform: translate(-100%, -60%);
    -ms-transform: translate(-100%, -60%);
    transform: translate(-100%, -60%);
}

#page-workBaoViet .section-6 .textbox .icon-2 {
    position: absolute;
    left: 0;
    bottom: -15px;
}

#page-workBaoViet .section-6__preview {
    position: relative;
    z-index: 1;
}

#page-workBaoViet .section-6__preview .box1 {
    position: absolute;
    top: 22%;
    left: -118px;
    width: 75px;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

#page-workBaoViet .section-6__preview .box1 .layer {
    position: absolute;
    top: -20px;
    right: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

#page-workBaoViet .section-6__preview .box2 {
    position: absolute;
    top: 24%;
    right: -30%;
    max-width: 220px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

#page-workBaoViet .section-6__preview .box2 .svg {
    position: absolute;
    left: -50px;
    bottom: 15px;
    -webkit-transform: translate(-100%, 50%);
    -ms-transform: translate(-100%, 50%);
    transform: translate(-100%, 50%);
}

#page-workBaoViet .section-6__preview .box2 .svg img {
    max-width: 130px;
    -webkit-transform: translateX(30%);
    -ms-transform: translateX(30%);
    transform: translateX(30%);
}

#page-workBaoViet .section-6__preview .box3 {
    position: absolute;
    top: 56%;
    right: -13%;
    max-width: 480px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

#page-workBaoViet .section-6__preview .box3 .svg {
    position: absolute;
    z-index: 1;
    left: -25px;
    top: -13%;
    -webkit-transform: translate(-100%);
    -ms-transform: translate(-100%);
    transform: translate(-100%);
}

#page-workBaoViet .section-6__preview .box3 .svg img {
    max-width: 130px;
    -webkit-transform: translate(105%, 20px);
    -ms-transform: translate(105%, 20px);
    transform: translate(105%, 20px);
}

#page-workBaoViet .section-6__preview .box2 .text-right,
#page-workBaoViet .section-6__preview .box2 .layer1,
#page-workBaoViet .section-6__preview .box2 .layer2,
#page-workBaoViet .section-6__preview .box2 .big {
    -webkit-transition: all 0.2s cubic-bezier(0.12, 0.52, 0.45, 0.93);
    -o-transition: all 0.2s cubic-bezier(0.12, 0.52, 0.45, 0.93);
    transition: all 0.2s cubic-bezier(0.12, 0.52, 0.45, 0.93);
}

#page-workBaoViet .section-6__preview .box2 .text-right {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
}

#page-workBaoViet .section-6__preview .box2 .big {
    opacity: 0;
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}

#page-workBaoViet .section-6__preview .box2.scroll-css .layer2 {
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
}

#page-workBaoViet .section-6__preview .box2.scroll-css .layer1 {
    -webkit-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

#page-workBaoViet .section-6__preview .box2.scroll-css .text-right {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}

#page-workBaoViet .section-6__preview .box2.scroll-css .big {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}

#page-workBaoViet .section-6__preview .box2.scroll-css .layer2,
#page-workBaoViet .section-6__preview .box2.scroll-css .layer1 {
    stroke-dashoffset: 0 !important;
}

#page-workBaoViet .section-6__preview .box3 .layer1,
#page-workBaoViet .section-6__preview .box3 .text-right,
#page-workBaoViet .section-6__preview .box3 .big {
    -webkit-transition: all 0.2s cubic-bezier(0.12, 0.52, 0.45, 0.93);
    -o-transition: all 0.2s cubic-bezier(0.12, 0.52, 0.45, 0.93);
    transition: all 0.2s cubic-bezier(0.12, 0.52, 0.45, 0.93);
}

#page-workBaoViet .section-6__preview .box3 .text-right {
    opacity: 0;
}

#page-workBaoViet .section-6__preview .box3 .big {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}

#page-workBaoViet .section-6__preview .box3.scroll-css .layer1 {
    stroke-dashoffset: 0 !important;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

#page-workBaoViet .section-6__preview .box3.scroll-css .text-right {
    opacity: 1;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

#page-workBaoViet .section-6__preview .box3.scroll-css .big {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}

@media (max-width: 1440px) {
    #page-workBaoViet .section-6__preview .box1 {
        display: none;
    }
}

@media (max-width: 1199px) {
    #page-workBaoViet .section-6 .textbox .icon-1 {
        display: none;
    }
    #page-workBaoViet .section-6__preview {
        width: 600px;
    }
    #page-workBaoViet .section-6__preview .box2 {
        top: 20%;
        right: -55px;
        max-width: 200px;
    }
    #page-workBaoViet .section-6__preview .box2 .layer {
        width: 200px;
        height: auto;
    }
    #page-workBaoViet .section-6__preview .box2 .svg {
        bottom: 0;
        left: 0;
        -webkit-transform: translate(-100%, 100%);
        -ms-transform: translate(-100%, 100%);
        transform: translate(-100%, 100%);
    }
    #page-workBaoViet .section-6__preview .box2 .svg img {
        max-width: 120px;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
    #page-workBaoViet .section-6__preview .box3 {
        max-width: 280px;
        right: -50px;
        top: 56%;
    }
    #page-workBaoViet .section-6__preview .box3 .svg {
        max-width: 160px;
        left: auto;
        top: -10px;
        -webkit-transform: translate(-100%, -50%);
        -ms-transform: translate(-100%, -50%);
        transform: translate(-100%, -50%);
    }
}

@media (max-width: 991px) {
    #page-workBaoViet .section-6 .textbox .icon-1 {
        display: none;
    }
    #page-workBaoViet .section-6__preview {
        width: 450px;
    }
    #page-workBaoViet .section-6__preview .box1 {
        display: none;
    }
    #page-workBaoViet .section-6__preview .box2 {
        top: 16%;
        right: -30px;
        max-width: 180px;
    }
    #page-workBaoViet .section-6__preview .box2 .layer {
        width: 150px;
    }
    #page-workBaoViet .section-6__preview .box2 .svg {
        bottom: 0;
        left: 0;
        -webkit-transform: translate(-100%, 100%);
        -ms-transform: translate(-100%, 100%);
        transform: translate(-100%, 100%);
    }
    #page-workBaoViet .section-6__preview .box2 .svg img {
        max-width: 100px;
    }
    #page-workBaoViet .section-6__preview .box3 {
        max-width: 250px;
        right: -30px;
        top: 56%;
    }
    #page-workBaoViet .section-6__preview .box3 .svg {
        max-width: 140px;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    #page-workBaoViet .section-6__preview .box3 .svg .layer {
        position: absolute;
        bottom: 14px;
        left: -5px;
        max-width: 80px;
        width: 100%;
        height: auto;
        -webkit-transform: translate(-100%, 100%);
        -ms-transform: translate(-100%, 100%);
        transform: translate(-100%, 100%);
    }
    #page-workBaoViet .section-6__preview .box3 .svg img {
        max-width: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media (max-width: 767px) {
    #page-workBaoViet .section-6__preview {
        width: 220px;
    }
    #page-workBaoViet .section-6__preview .box1 {
        display: none;
    }
    #page-workBaoViet .section-6__preview .box2 {
        max-width: 70px;
    }
    #page-workBaoViet .section-6__preview .box2 .layer {
        width: 95px;
    }
    #page-workBaoViet .section-6__preview .box2 .svg img {
        max-width: 70px;
    }
    #page-workBaoViet .section-6__preview .box3 {
        max-width: 100px;
        right: -20px;
        top: 54%;
    }
    #page-workBaoViet .section-6__preview .box3 .svg {
        max-width: 80px;
        top: 0;
    }
    #page-workBaoViet .section-6__preview .box3 .svg .layer {
        max-width: 55px;
    }
}

@media (min-width: 1200px) {
    #page-workBaoViet .section-6 .textbox .icon-1 path,
    #page-workBaoViet .section-6 .textbox .icon-2 path {
        -webkit-transition: all 0.3s cubic-bezier(0.08, 0.55, 0.47, 0.92);
        -o-transition: all 0.3s cubic-bezier(0.08, 0.55, 0.47, 0.92);
        transition: all 0.3s cubic-bezier(0.08, 0.55, 0.47, 0.92);
    }
    #page-workBaoViet .section-6 .textbox .icon-1 path.layer1 {
        stroke-dasharray: 75;
        stroke-dashoffset: 75;
    }
    #page-workBaoViet .section-6 .textbox .icon-1 path.layer2 {
        stroke-dasharray: 75;
        stroke-dashoffset: 75;
    }
    #page-workBaoViet .section-6 .textbox .icon-2 path {
        stroke-dasharray: 140;
        stroke-dashoffset: 140;
    }
    #page-workBaoViet .section-6 .scroll-css .textbox.effect .icon-1 path.layer1 {
        -webkit-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s;
    }
    #page-workBaoViet .section-6 .scroll-css .textbox.effect .icon-1 path.layer2 {
        -webkit-transition-delay: .7s;
        -o-transition-delay: .7s;
        transition-delay: .7s;
    }
    #page-workBaoViet .section-6 .scroll-css .textbox.effect .icon-2 path {
        -webkit-transition-delay: .9s;
        -o-transition-delay: .9s;
        transition-delay: .9s;
    }
    #page-workBaoViet .section-6 .scroll-css .textbox.effect .icon-1 path,
    #page-workBaoViet .section-6 .scroll-css .textbox.effect .icon-2 path {
        stroke-dashoffset: 0 !important;
    }
}

@media (min-width: 1442px) {
    #page-workBaoViet .section-6 {
        padding-top: 160px;
        padding-bottom: 200px;
    }
    #page-workBaoViet .section-6__preview .box1 img {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }
    #page-workBaoViet .section-6__preview .box1 .layer1,
    #page-workBaoViet .section-6__preview .box1 .layer2,
    #page-workBaoViet .section-6__preview .box1 img {
        -webkit-transition: all 0.2s cubic-bezier(0.12, 0.52, 0.45, 0.93);
        -o-transition: all 0.2s cubic-bezier(0.12, 0.52, 0.45, 0.93);
        transition: all 0.2s cubic-bezier(0.12, 0.52, 0.45, 0.93);
    }
    #page-workBaoViet .section-6__preview .box1.scroll-css .layer1 {
        -webkit-transition-duration: .6s;
        -o-transition-duration: .6s;
        transition-duration: .6s;
    }
    #page-workBaoViet .section-6__preview .box1.scroll-css .layer2 {
        -webkit-transition-duration: .2s;
        -o-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transition-delay: .7s;
        -o-transition-delay: .7s;
        transition-delay: .7s;
    }
    #page-workBaoViet .section-6__preview .box1.scroll-css img {
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-delay: 1s;
        -o-transition-delay: 1s;
        transition-delay: 1s;
    }
    #page-workBaoViet .section-6__preview .box1.scroll-css .layer1 {
        stroke-dashoffset: 726px !important;
    }
    #page-workBaoViet .section-6__preview .box1.scroll-css .layer2 {
        stroke-dashoffset: 0 !important;
    }
    #page-workBaoViet .section-6__preview .box1.scroll-css img {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

#page-workBaoViet .section-7 .textbox .textbox__header {
    position: relative;
}

#page-workBaoViet .section-7 .textbox .textbox__header .textbox__icon {
    position: absolute;
    z-index: -1;
    top: 0;
    left: -10px;
    -webkit-transform: translate(-100%, -70%);
    -ms-transform: translate(-100%, -70%);
    transform: translate(-100%, -70%);
}

#page-workBaoViet .section-7__tool .item {
    position: relative;
}

#page-workBaoViet .section-7__tool .box {
    position: absolute;
    top: 0;
    left: -40px;
}

#page-workBaoViet .section-7__tool .box img {
    display: block;
    max-width: 160px;
    -webkit-transform: translateX(-30%);
    -ms-transform: translateX(-30%);
    transform: translateX(-30%);
}

@media (max-width: 1199px) {
    #page-workBaoViet .section-7 .textbox .textbox__header .textbox__icon {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin-bottom: 15px;
    }
    #page-workBaoViet .section-7 .textbox .textbox__header h2 {
        margin-bottom: 20px;
    }
    #page-workBaoViet .section-7__tool {
        margin-top: 60px;
        margin-left: auto;
        margin-right: 0;
    }
    #page-workBaoViet .section-7__tool .item {
        padding: 0;
    }
    #page-workBaoViet .section-7__tool .box {
        position: static;
        max-width: 130px;
        left: 0;
    }
    #page-workBaoViet .section-7__tool .box img {
        max-width: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    #page-workBaoViet .section-7__tool .box .layer {
        width: 60px;
        height: auto;
    }
}

@media (max-width: 767px) {
    #page-workBaoViet .section-7__tool .box {
        max-width: 77px;
    }
    #page-workBaoViet .section-7__tool .box .layer {
        width: 20px;
    }
}

@media (min-width: 1200px) {
    #page-workBaoViet .section-7 {
        padding-top: 300px;
        padding-bottom: 150px;
    }
    #page-workBaoViet .section-7__header {
        position: absolute;
        top: 160px;
        left: 0;
        right: 0;
    }
    #page-workBaoViet .section-7__tool {
        margin-top: 270px;
    }
    #page-workBaoViet .section-7__tool .item {
        padding-top: 70px;
        padding-right: 40px;
    }
    #page-workBaoViet .section-7__preview {
        margin-right: -180px;
    }
}

#page-workBaoViet .section-8 .textbox .textbox__header {
    position: relative;
}

#page-workBaoViet .section-8 .textbox .textbox__header .textbox__icon {
    position: absolute;
    z-index: -1;
    top: 0;
    left: -10px;
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}

#page-workBaoViet .section-8 .row-flex-center {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

@media (max-width: 1199px) {
    #page-workBaoViet .section-8 .textbox .textbox__header .textbox__icon {
        display: none;
    }
}

@media (min-width: 1200px) {
    #page-workBaoViet .section-8 {
        padding-top: 180px;
        padding-bottom: 180px;
    }
}

#page-workBaoViet .section-9__masonry .grid-css .grid__inner .grid-item .grid-item__content-wrapper {
    margin-bottom: 10px;
    text-align: center;
}

#page-workBaoViet .section-9__masonry .grid-css .grid__inner .grid-item:nth-child(2) .grid-item__content-wrapper {
    padding-top: 100px;
}

@media (max-width: 1439px) {
    #page-workBaoViet .section-9__textbox .box {
        display: none;
    }
}

@media (max-width: 1199px) {
    #page-workBaoViet .section-9__textbox .box {
        display: none;
    }
}

@media (max-width: 767px) {
    #page-workBaoViet .section-9 {
        padding-bottom: 0;
    }
}

@media (min-width: 992px) {
    #page-workBaoViet .section-9__masonry .grid-css .grid__inner .grid-item .grid-item__content-wrapper {
        margin-bottom: 50px;
    }
    #page-workBaoViet .section-9__masonry .grid-css .grid__inner .grid-item:nth-child(2) .grid-item__content-wrapper {
        padding-top: 300px;
    }
    #page-workBaoViet .section-9__masonry .grid-css .grid__inner .grid-item:nth-child(4) .grid-item__content-wrapper {
        padding-top: 170px;
    }
}

@media (min-width: 1200px) {
    #page-workBaoViet .section-9 {
        padding: 120px 0;
    }
    #page-workBaoViet .section-9__textbox {
        position: absolute;
        top: 19%;
        left: 0;
        right: 0;
        z-index: 1;
    }
    #page-workBaoViet .section-9__textbox .box {
        position: absolute;
        top: 35%;
        left: 0;
    }
    #page-workBaoViet .section-9__textbox .box .layer {
        position: absolute;
        top: 0%;
        left: 0;
    }
    #page-workBaoViet .section-9__textbox .box img {
        width: 100%;
    }
    #page-workBaoViet .section-9__masonry .grid-css .grid-item img {
        max-width: 280px;
    }
    #page-workBaoViet .section-9__masonry .grid-css .grid__inner .grid-item:nth-child(2) .grid-item__content-wrapper {
        padding-top: 800px;
    }
    #page-workBaoViet .section-9__masonry .grid-css .grid__inner .grid-item:nth-child(4) .grid-item__content-wrapper {
        padding-top: 370px;
    }
}