body {
        font-family: "Montserrat", sans-serif !important;
        font-size: 15px;
        font-weight: 500;
        color: #303030 !important;
    }
    
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    /* Firefox */
    
    input[type=number] {
        -moz-appearance: textfield;
    }
    
    ._language_change {
        text-transform: capitalize !important;
    }
    
    .show {
        display: block;
    }
    
    .not-show {
        display: none !important;
    }
    
    .show-max-992 {
        display: none !important;
    }
    
    .show-min-992 {
        display: block;
    }
    
    .dropdown-menu {
        right: -10px;
        left: unset !important;
    }
    
    .contact ::placeholder {
        font-size: 14px !important;
        /* Firefox */
    }
    
    .contact :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        font-size: 14px !important;
    }
    
    .contact ::-ms-input-placeholder {
        /* Microsoft Edge */
        font-size: 14px !important;
    }
    
    .contact ::placeholder {
        opacity: 1;
        color: #40404080 !important;
        /* Firefox */
    }
    
    .contact :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #40404080 !important;
    }
    
    .contact ::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #40404080 !important;
    }
    
    .nav-section {
        width: 100%;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }
    
    .nav-section nav {
        background-color: white;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    }
    
    .nav-section ul {
        width: 100%;
        column-gap: 30px;
        justify-content: center;
    }
    
    .nav-section ul .nav-item {
        display: flex;
        align-items: center;
    }
    
    .nav-section ul .active a {
        color: #0562AD !important;
    }
    
    .nav-section nav .language-selector {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 30px;
    }
    
    .nav-section nav .language-selector a {
        display: flex;
        align-items: center;
        column-gap: 5px;
        color: #505050;
        font-size: 16px;
        font-weight: 500;
        text-decoration: none;
    }
    
    .nav-section ul li a {
        text-transform: uppercase;
        color: #303030 !important;
        font-size: 17px;
        font-weight: 700;
        display: flex;
        align-items: center;
        column-gap: 5px;
    }
    
    .footer-section {
        width: 100%;
        background-color: #F7F7F7;
        padding-top: 70px;
    }
    
    .footer-up-wrapper {
        display: flex;
        justify-content: space-between;
        padding-bottom: 70px;
    }
    
    .footer-up-wrapper .item:first-child {
        margin-left: unset !important;
    }
    
    .footer-up-wrapper .item {
        margin-left: 20px;
    }
    
    .footer-down-container {
        background-color: #E4E4E4;
    }
    
    .footer-down-wrapper {
        display: flex;
        justify-content: space-between;
        padding: 21px 0;
        align-items: center;
    }
    
    .footer-down-wrapper .item {
        color: #505050cc;
    }
    
    .footer-down-wrapper .item img {
        margin-right: 10px;
        transition: width 1s;
        cursor: pointer;
    }
    
    .footer-down-wrapper .item img:last-child {
        margin-right: unset;
    }
    
    .footer-up-wrapper .company-infor-container {
        max-width: 450px;
    }
    
    .footer-up-wrapper .company-infor-container .company-logo {
        width: 100px;
        margin-right: 30px;
    }
    
    .footer-up-wrapper .company-infor-container .company-name {
        margin-bottom: unset;
        color: #303030;
        font-size: 17px;
        font-weight: 700;
    }
    
    .footer-up-wrapper .detail-item {
        display: flex;
        justify-content: start;
        margin-bottom: 15px;
    }
    
    .footer-up-wrapper .detail-item .company-license {
        color: #505050;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: unset;
    }
    
    .footer-up-wrapper .detail-item .company-detail-content {
        margin-bottom: unset;
        color: #505050;
        font-size: 15px;
        font-weight: 500;
        margin-left: 12px;
        max-width: 420px;
    }
    
    .footer-up-wrapper .item .menu {
        list-style-type: none;
        padding: 0px;
    }
    
    .footer-up-wrapper .item .title {
        color: #303030;
        font-size: 17px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 25px;
    }
    
    .footer-up-wrapper .item .menu .menu-item {
        margin-bottom: 15px;
    }
    
    .footer-up-wrapper .item .menu .menu-item a {
        font-size: 15px;
        color: #505050;
        font-weight: 600;
    }
    
    .footer-up-wrapper .item .menu .menu-item img {
        margin-right: 10px;
    }
    
    .homepage {
        width: 100%;
    }
    
    .homepage .banner-carousel {
        width: 100%;
    }
    
    .homepage .banner-carousel .owl-nav {
        position: absolute;
        bottom: 100px;
        right: 50%;
        transform: translate(50%, 0px);
        display: flex;
        column-gap: 100px;
    }
    
    .homepage .banner-carousel .owl-dots .owl-dot span {
        background: transparent;
        border: 1px solid white;
    }
    
    .homepage .banner-carousel .owl-dots .owl-dot.active span,
    .homepage .banner-carousel .owl-dots .owl-dot:hover span {
        background: white;
    }
    
    .homepage .banner-carousel .owl-dots {
        position: absolute;
        bottom: 108px;
        right: 50%;
        transform: translate(50%, 0px);
    }
    
    .homepage .banner-carousel .owl-nav div {
        background: unset !important;
    }
    
    .homepage .banner-carousel .item {
        position: relative;
        width: 100%;
    }
    
    .homepage .banner-carousel img {
        width: 100% !important;
    }
    
    .homepage .banner-carousel .dark-layer-banner {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: #00000080;
    }
    
    .homepage .banner-carousel .drag-helper-layer-banner {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: #ffffff00;
    }
    
    .homepage .banner-carousel .banner-main-content {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .homepage .banner-carousel .banner-main-content .title {
        font-size: 44px;
        font-weight: bold;
    }
    
    .homepage .banner-carousel .banner-main-content .title-big {
        font-size: 70px;
        font-weight: bold;
        text-transform: uppercase;
    }
    
    .homepage .banner-carousel .banner-main-content p {
        color: white;
        text-align: center;
        font-family: "Montserrat", sans-serif;
    }
    
    .homepage .banner-carousel .banner-main-content .sub {
        font-size: 18px;
        font-weight: 500;
        margin-top: 70px;
    }
    
    .homepage .dot-background-section {
        height: 650px;
        position: relative;
        background-color: #F7F7F7;
    }
    
    .homepage .dot-background-section .dot-background-img {
        width: 100%;
    }
    
    .homepage .dot-background-section .tracking-trace-wrapper {
        z-index: 2;
        position: absolute;
        top: -50px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .homepage .dot-background-section .tracking-trace-wrapper .content {
        margin-top: 50px;
        max-width: 800px;
    }
    
    .homepage .dot-background-section .tracking-trace-wrapper .content p {
        text-align: center;
    }
    
    .homepage .dot-background-section .tracking-trace-wrapper .content .label {
        text-transform: capitalize;
        font-size: 42px;
        font-weight: bold;
        color: #303030;
        margin-bottom: 20px;
    }
    
    .homepage .dot-background-section .tracking-trace-wrapper .content .sub {
        text-transform: capitalize;
        font-size: 16px;
        font-weight: 700;
        color: #505050;
    }
    
    .homepage .dot-background-section .tracking-trace-wrapper .content .description {
        font-size: 16px;
        font-weight: 500;
        color: #505050;
    }
    
    .homepage .dot-background-section .tracking-trace-wrapper .tracking-trace-form {
        padding: 22px 25px 30px;
        background-color: white;
        border-radius: 6px;
        max-width: 700px;
        min-width: 700px;
    }
    
    .homepage .dot-background-section .tracking-trace-form .label {
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        color: #303030;
    }
    
    .homepage .dot-background-section .tracking-trace-form input {
        flex-grow: 1;
        border: 2px solid #E4E4E4;
        border-right: unset;
        border-radius: 6px 0px 0px 6px;
        outline: unset;
        height: 100%;
    }
    
    .homepage .dot-background-section .tracking-trace-form button {
        background-color: #F19931;
        border-radius: 0 6px 6px 0;
        padding: 0px 20px;
        color: white;
        font-weight: 700;
        font-size: 18px;
        height: 100%;
        min-width: 170px;
    }
    
    .homepage .dot-background-section .tracking-trace-form .input-wrapper {
        display: flex;
        width: 100%;
        height: 50px;
    }
    
    .homepage .dot-background-section .tracking-trace-form button img {
        margin-right: 5px;
    }
    
    .service-intro-section {
        height: 750px;
        position: relative;
    }
    
    .service-intro-section .background-img-wrapper {
        height: 100%;
        background-image: url('../img/home/background-1.svg');
        background-size: cover;
    }
    .service-intro-section .blue-layer {
        position: absolute;
        top: 0;
        background-color: #0e4a7ee0;
        width: 100%;
        height: 100%;
    }
    
    .service-intro-section .content {
        position: absolute;
        top: -243px;
        width: 100%;
    }
    
    .intro-card {
        background-color: white;
        border-radius: 6px;
        padding: 18px 30px 30px 30px;
        box-shadow: #0000001a 0px 1px 20px 0px;
    }
    
    .intro-card .tab-content {
        border-top: 1px solid #dee2e6;
        margin-top: 3px;
    }
    
    .intro-card .nav-header-wrapper {
        flex-wrap: nowrap !important;
        border-bottom: unset;
    }
    
    .intro-card .nav-header-wrapper li a p {
        max-width: 200px;
    }
    
    .intro-card .nav-header-wrapper li a .tab-label {
        color: #303030;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 700;
    }
    
    .intro-card .nav-header-wrapper li a .tab-sub {
        color: #303030;
        font-size: 17px;
        font-weight: 500;
    }
    
    .intro-card .nav-tabs .nav-item.show .nav-link p,
    .intro-card .nav-tabs .nav-link.active p {
        color: #0562AD;
    }
    
    .intro-card .nav-tabs .nav-item.show .nav-link,
    .intro-card .nav-tabs .nav-link.active,
    .intro-card .nav-header-wrapper li a:hover {
        border-color: transparent;
        border-bottom-color: #297194;
        transition: 0.15s;
        box-shadow: 0px 6px #297194;
    }
    
    .intro-card .nav-header-wrapper li {
        flex-grow: 1 !important;
    }
    
    .intro-card .nav-header-wrapper li a {
        min-height: 130px;
        max-height: 130px;
    }
    
    .intro-card .tab-item {
        display: flex;
        padding-top: 30px;
    }
    
    .intro-card .tab-item .intro-img,
    .intro-card .tab-item .layer {
        width: 516px;
        margin-right: 40px;
        height: 100%;
        object-fit: cover;
    }
    
    .intro-card .tab-item .intro-img-wrapper {
        position: relative;
        height: 338px;
    }
    
    .intro-card .tab-item .layer {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #0000001a;
        height: 100%;
    }
    
    .intro-card .tab-item .item-content {
        flex-grow: 1;
    }
    
    .intro-card .tab-item .item-content .img-wrapper-intro {
        margin-bottom: 35px;
        margin-top: 15px;
        min-height: 69px;
    }
    
    .intro-card .tab-item .item-content img {
        max-width: 200px;
        min-width: 200px;
    }
    
    .intro-card .tab-item .item-content a {
        text-decoration: none;
    }
    
    .intro-card .tab-item .item-content button {
        background-color: white;
        border-radius: 36px;
        border: 1.5px solid #F19931;
        padding: 14px 20px;
        color: #F19931;
        font-weight: 700;
        font-size: 15px;
        height: 48px;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 30px;
    }
    
    .service-intro-section .content .intro-item-wrapper {
        display: flex;
        justify-content: space-between;
        margin-top: 60px;
    }
    
    .service-intro-section .content .intro-item-wrapper .item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .service-intro-section .content .intro-item-wrapper .item img {
        margin-bottom: 24px;
        max-width: 100px;
    }
    
    .service-intro-section .content .intro-item-wrapper .item p {
        margin-bottom: 14px;
        color: white;
        text-align: center;
    }
    
    .service-intro-section .content .intro-item-wrapper .item .label {
        font-size: 22px;
        font-weight: 600;
        text-transform: uppercase;
        min-height: 40px;
        max-height: 40px;
    }
    
    .service-intro-section .content .intro-item-wrapper .item .description {
        font-size: 16px;
        font-weight: 500;
        max-width: 310px;
        min-height: 100px;
        max-height: 100px;
    }
    
    .distribution-network-section {
        margin: 70px 0;
    }
    
    .distribution-network-section .distribution-network {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .distribution-network-section .distribution-network img {
        width: 100%;
    }
    
    .distribution-network-section .distribution-network .label {
        text-transform: uppercase;
        font-size: 40px;
        font-weight: bold;
        color: #303030;
        text-align: center;
        margin-bottom: 30px;
    }
    
    .contact {
        width: 100%;
    }
    
    .contact .contact-banner-wrapper {
        width: 100%;
        position: relative;
    }
    
    .contact .contact-banner-wrapper .layer {
        width: 100%;
        height: 100%;
        background-image: linear-gradient( #03366233, #033662cc);
        position: absolute;
        top: 0;
    }
    
    .contact .contact-banner-wrapper img {
        width: 100%;
    }
    
    .contact .contact-banner-wrapper .banner-content {
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
    }
    
    .contact .contact-banner-wrapper .banner-content .banner-label {
        color: #F9F9FA;
        font-size: 42px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
    }
    
    .contact .contact-banner-wrapper .banner-content .banner-sub,
    .contact .contact-banner-wrapper .banner-content .banner-sub a {
        color: #F9F9FA;
        font-size: 16px;
        font-weight: 500;
        text-align: center;
    }
    
    .contact .contact-banner-wrapper .banner-content .banner-sub .divide-line {
        padding: 0 10px;
    }
    
    .contact .contact-main-detail-wrapper {
        width: 100%;
        height: 600px;
        margin-bottom: 130px;
        position: relative;
    }
    
    .contact .contact-main-detail-wrapper .contact-detail-container {
        width: 100%;
        display: flex;
        justify-content: space-between;
        column-gap: 60px;
        position: absolute;
        top: -90px;
    }
    
    .contact .contact-main-detail-wrapper .contact-detail-container .contact-form {
        background-color: white;
        border-radius: 6px;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
        padding: 40px;
        width: 536px;
        max-height: 700px;
        border-bottom: 4px solid #F19931;
        height: fit-content;
    }
    
    .contact .contact-main-detail-wrapper .contact-detail-container .contact-form .input-label {
        color: #505050;
        font-size: 16px;
        font-weight: 700;
    }
    
    .contact .contact-main-detail-wrapper .contact-detail-container .contact-form .submit-btn button {
        background-color: #0562AD;
        color: white;
        font-size: 16px;
        font-weight: 700;
        width: 100%;
        height: 55px;
    }
    
    .contact .contact-main-detail-wrapper .contact-detail-container .contact-form .submit-btn {
        width: 100%;
    }
    
    .contact .contact-main-detail-wrapper .contact-detail-container .contact-form input,
    .contact .contact-main-detail-wrapper .contact-detail-container .contact-form textarea {
        width: 100%;
        border-top: unset;
        border-right: unset;
        border-left: unset;
        border-bottom: 1px solid #DEDEDE;
        outline: unset;
        margin-bottom: 33px;
    }
    
    textarea {
        max-height: 130px;
    }
    
    .contact .contact-main-detail-wrapper .contact-detail-container .contact-infor .contact-infor-label {
        height: 90px;
        color: white;
        font-size: 22px;
        font-weight: bold;
    }
    
    .contact .contact-main-detail-wrapper .contact-detail-container .contact-infor .contact-infor-content .label {
        margin-top: 50px;
        color: #0E4A7E;
        font-size: 22px;
        font-weight: bold;
    }
    
    .contact .contact-main-detail-wrapper .contact-detail-container .contact-infor .contact-infor-content .address,
    .contact .contact-main-detail-wrapper .contact-detail-container .contact-infor .contact-infor-content .phone,
    .contact .contact-main-detail-wrapper .contact-detail-container .contact-infor .contact-infor-content .hotline,
    .contact .contact-main-detail-wrapper .contact-detail-container .contact-infor .contact-infor-content .email {
        display: flex;
        margin-bottom: 20px;
        font-size: 16px;
        color: #505050;
    }
    
    .contact .contact-main-detail-wrapper .contact-detail-container .contact-infor .contact-infor-content .title {
        min-width: 100px;
        font-weight: bold;
    }
    
    .contact .contact-main-detail-wrapper .contact-detail-container .contact-infor .contact-infor-content .content {
        font-weight: 500;
    }
    
    .contact .contact-main-detail-wrapper .contact-detail-container .contact-infor .styled-line img {
        width: 100%;
        margin: 10px 0 40px;
    }
    
    .service {
        width: 100%;
    }
    
    .service .service-banner-wrapper {
        width: 100%;
        position: relative;
    }
    
    .layer {
        width: 100%;
        height: 100%;
        background-image: linear-gradient( #03366233, #033662cc);
        position: absolute;
        top: 0;
    }
    
    .service .service-banner-wrapper img {
        width: 100%;
    }
    
    .service .service-banner-wrapper .banner-content {
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
    }
    
    .service .service-banner-wrapper .banner-content .banner-label {
        color: #F9F9FA;
        font-size: 42px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
    }
    
    .service .service-banner-wrapper .banner-content .banner-sub,
    .service .service-banner-wrapper .banner-content .banner-sub a {
        color: #F9F9FA;
        font-size: 16px;
        font-weight: 500;
        text-align: center;
    }
    
    .service .service-banner-wrapper .banner-content .banner-sub .divide-line {
        padding: 0 10px;
    }
    
    .service .dot-background-section {
        height: 500px;
        position: relative;
        background-color: #F7F7F7;
    }
    
    .service .dot-background-section .dot-background-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .service .dot-background-section .service-intro-content-wrapper {
        z-index: 2;
        position: absolute;
        top: -95px;
        right: 50%;
        transform: translate(50%, 0);
        width: 100%;
    }
    
    .service .dot-background-section .service-intro-content {
        max-width: 1132px;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: white;
        padding: 60px 55px 50px;
        border-radius: 6px;
    }
    
    .service .dot-background-section .service-intro-content .sub {
        font-size: 16px;
        text-align: center;
        font-weight: 500;
        color: #303030;
        margin-bottom: 20px;
        max-width: 750px;
    }
    
    .service .dot-background-section .service-intro-content .label {
        text-transform: uppercase;
        text-align: center;
        font-size: 37px;
        font-weight: bold;
        color: #0E4A7E;
        margin-bottom: 20px;
    }
    
    .service .dot-background-section .service-intro-content .services-wrapper {
        display: flex;
        column-gap: 60px;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 40px;
    }
    
    .service .dot-background-section .service-intro-content .services-wrapper .service-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .service .dot-background-section .service-intro-content .services-wrapper .service-item .icon {
        max-height: 72px;
        min-height: 72px;
        margin-bottom: 25px;
    }
    
    .service .dot-background-section .service-intro-content .services-wrapper .service-item .item-label {
        font-weight: bold;
        font-size: 18px;
        color: #0E4A7E;
        text-transform: uppercase;
    }
    
    .service .dot-background-section .service-intro-content .services-wrapper .service-item .item-sub {
        color: #505050;
        font-size: 16px;
        font-weight: 500;
        text-align: center;
        max-width: 310px;
    }
    
    .service .service-full-detail-section {
        width: 100%;
        padding-bottom: 90px;
    }
    
    .service .service-full-detail-container-item {
        width: 100%;
        position: relative;
        height: 670px;
        margin-top: 110px;
    }
    
    .service .service-full-detail-container-item .layer-50-50 {
        display: flex;
        width: 100%;
        height: 100%;
        flex-wrap: nowrap;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .service .service-full-detail-container-item .layer-50-50 .white-part {
        flex: 1;
        height: 100%;
        background-color: white;
    }
    
    .service .service-full-detail-container-item .layer-50-50 .gray-part {
        flex: 1;
        height: 100%;
        background-color: #F3F3F6;
    }
    
    .service .service-full-detail-container-item .content-wrapper-abso {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    
    .service .service-full-detail-container-item .content-wrapper-abso .container {
        height: 100%;
    }
    
    .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper {
        display: flex;
        width: 100%;
        height: 100%;
    }
    
    .service .service-full-detail-container-item .reverse {
        flex-direction: row-reverse;
    }
    
    .service .service-full-detail-container-item .content-wrapper-abso .reverse .detail-main-content {
        padding-right: 0px !important;
        padding-left: 60px !important;
    }
    
    .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .detail-main-content {
        width: 50%;
        padding-right: 60px;
    }
    
    .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .img-content {
        width: 50%;
        position: relative;
    }
    
    .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .img-content img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .service .service-full-detail-container-item .dot-layer-middle {
        position: absolute;
        bottom: -35px;
        right: 50%;
        transform: translate(50%, 0);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .detail-main-content .label-content {
        font-size: 43px;
        font-weight: bold;
        color: #0E4A7E;
    }
    
    .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .detail-main-content .sub-detail {
        font-weight: 500;
        font-size: 16px;
        color: #454545;
    }
    
    .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .detail-main-content .sub-detail span {
        font-weight: bold;
    }
    
    .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .detail-main-content .label-under-line {
        border-bottom: 5px solid #F19931;
        width: 80px;
        margin-bottom: 30px;
    }
    
    .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .detail-main-content .content-list .service-list-label {
        text-transform: uppercase;
        border-top: 2px solid #0E4A7E;
        border-bottom: 2px solid #0E4A7E;
        color: #0E4A7E;
        font-size: 17px;
        font-weight: bold;
        margin-bottom: 30px;
        width: fit-content;
        padding: 11px 0;
    }
    
    .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .detail-main-content .content-list ul {
        list-style: none;
    }
    
    .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .detail-main-content .content-list ul li::before {
        content: "\2022";
        color: #F19931;
        font-weight: bold;
        font-size: 25px;
        display: inline-block;
        width: 1rem;
        margin-right: 10px;
        margin-left: -1em;
    }
    
    .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .detail-main-content .content-list ul .service-item-detail {
        color: #303030;
        font-weight: 700;
        font-size: 18px;
        margin-bottom: 15px;
    }
    
    .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .img-content .c-more-btn {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .img-content .c-more-btn button {
        font-size: 16px;
        color: #FFFFFF;
        font-weight: 700;
        background-color: #0562adcc;
        border: unset;
        border-radius: 0;
        height: 60px;
        outline: unset;
        width: 200px;
    }
    
    .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .detail-main-content .content-list .item-toca-service-list {
        margin-top: 40px;
        display: flex;
        align-items: center;
    }
    
    .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .detail-main-content .content-list .item-toca-service-list .icon {
        max-width: 65px;
        min-width: 65px;
        margin-right: 15px;
    }
    
    .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .detail-main-content .content-list .item-toca-service-list .content-toca {
        margin-bottom: unset;
        color: #303030;
        font-size: 18px;
        font-weight: 700;
    }
    
    .about {
        width: 100%;
    }
    
    .about .about-banner-wrapper {
        width: 100%;
        position: relative;
    }
    
    .about .about-banner-wrapper .layer {
        width: 100%;
        height: 100%;
        background-image: linear-gradient( #03366233, #033662cc);
        position: absolute;
        top: 0;
    }
    
    .about .about-banner-wrapper img {
        width: 100%;
    }
    
    .about .about-banner-wrapper .banner-content {
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
    }
    
    .about .about-banner-wrapper .banner-content .banner-label {
        color: #F9F9FA;
        font-size: 42px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
    }
    
    .about .about-banner-wrapper .banner-content .banner-sub,
    .about .about-banner-wrapper .banner-content .banner-sub a {
        color: #F9F9FA;
        font-size: 16px;
        font-weight: 500;
        text-align: center;
    }
    
    .about .about-banner-wrapper .banner-content .banner-sub .divide-line {
        padding: 0 10px;
    }
    
    .about .introduce-section .introduce-wrapper {
        margin-top: 75px;
    }
    
    .about .introduce-section .introduce-wrapper .main-intro {
        display: flex;
    }
    
    .about .introduce-section .introduce-wrapper .main-intro .left-content {
        min-width: 60%;
        position: relative;
        min-height: 430px;
        max-height: 430px;
    }
    
    .about .introduce-section .introduce-wrapper .main-intro .left-content .main-img {
        padding: 0 60px 60px 0;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    
    .about .introduce-section .introduce-wrapper .main-intro .left-content .main-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        background-color: white;
    }
    
    .about .introduce-section .introduce-wrapper .main-intro .left-content .background-img {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 0;
    }
    
    .about .introduce-section .introduce-wrapper .main-intro .right-content {
        flex-grow: 1;
        padding-left: 60px;
    }
    
    .about .introduce-section .introduce-wrapper .main-intro .right-content .label {
        font-weight: bold;
        font-size: 34px;
        color: #0E4A7E;
    }
    
    .about .introduce-section .introduce-wrapper .main-intro .right-content .sub {
        color: #303030;
        font-weight: 500;
        font-size: 16px;
    }
    
    .about .introduce-section .introduce-wrapper .sub-intro {
        margin-top: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    
    .about .introduce-section .introduce-wrapper .sub-intro .sub-content {
        text-align: center;
        max-width: 940px;
        font-size: 24px;
        color: #303030;
        font-weight: 500;
    }
    
    .about .introduce-section .introduce-wrapper .sub-intro .sub-content:last-child {
        margin-bottom: unset;
    }
    
    .about .introduce-section .introduce-wrapper .sub-intro .styled-line {
        margin: 40px 0;
    }
    
    .about .footer-banner-section .banner-wrapper {
        position: relative;
    }
    
    .about .footer-banner-section .banner-wrapper .text-container {
        font-weight: 500;
        color: #FFFFFF;
        position: absolute;
        top: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: fit-content;
        right: 50%;
        transform: translate(50%, 0);
    }
    
    .about .footer-banner-section .banner-wrapper img {
        width: 100%;
    }
    
    .about .footer-banner-section .banner-wrapper .text-container .sign {
        font-size: 100px;
        height: 60px;
    }
    
    .about .footer-banner-section .banner-wrapper .text-container .sub {
        font-size: 26px;
        text-align: center;
    }
    
    .about .service-introduce-section {
        padding: 85px 0;
    }
    
    .about .service-introduce-section .title {
        font-weight: bold;
        font-size: 36px;
        color: #0E4A7E;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 50px;
    }
    
    .about .service-introduce-section .service-introduce-wrapper .service-item {
        display: flex;
    }
    
    .about .service-introduce-section .service-introduce-wrapper .service-item .content {
        color: #FFFFFF;
        background-color: #0E4A7E;
        padding: 70px;
        min-width: 480px;
        max-width: 480px;
    }
    
    .about .service-introduce-section .service-introduce-wrapper .service-item .img {
        flex-grow: 1;
        position: relative;
    }
    
    .about .service-introduce-section .service-introduce-wrapper .service-item .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .about .service-introduce-section .service-introduce-wrapper .service-item .img button {
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
        font-size: 16px;
        color: #FFFFFF;
        font-weight: bold;
        text-transform: uppercase;
        background-color: #0562adcc;
        border: unset;
        border-radius: 0;
        height: 55px;
        outline: unset;
        width: 195px;
    }
    
    .about .service-introduce-section .service-introduce-wrapper .service-item .content .label {
        font-weight: bold;
        font-size: 28px;
    }
    /* .about .service-introduce-section .service-introduce-wrapper .service-item .content .label br {
        display: none;
    } */
    
    .about .service-introduce-section .service-introduce-wrapper .service-item .content .label .name {
        font-weight: bold;
        font-size: 28px;
        margin-bottom: unset;
    }
    
    .about .service-introduce-section .service-introduce-wrapper .reverse {
        flex-direction: row-reverse;
    }
    
    .about .service-introduce-section .service-introduce-wrapper .reverse .gray {
        background-color: #303030;
    }
    
    .network {
        width: 100%;
    }
    
    .hoang-flex {
        margin-top: 50px;
        display: flex;
        column-gap: 60px;
    }
    
    .hoang-developing {
        font-size: 40px;
        font-weight: 600;
        color: #555050;
        margin-top: 80px;
        width: 50%;
    }
    
    .hoang-img {
        flex-grow: 1;
    }
    
    .hoang-img-test {
        width: 100%;
    }
    
    .errTextSendMail {
        opacity: 0;
        color: red;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
        margin-bottom: 10px;
        min-height: 22px;
        transition: 0.3s;
    }
    
    .jcl {
        width: 100%;
    }
    
    .jcl .banner {
        width: 100%;
        position: relative;
    }
    
    .jcl .banner img {
        width: 100%;
    }
    
    .jcl .banner .label {
        width: 100%;
        text-align: center;
        position: absolute;
        bottom: 0;
        right: 50%;
        transform: translate(50%, 0);
        margin-bottom: -40px;
        font-size: 100px;
        font-weight: bold;
        color: white;
    }
    
    .jcl .container .intro-wrapper {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-top: 60px;
        margin-bottom: 60px;
    }
    
    .jcl .container .intro-wrapper .intro-title {
        color: #0E4A7E;
        font-size: 36px;
        font-weight: bold;
        text-align: center;
        max-width: 750px;
        margin-bottom: 40px;
    }
    
    .jcl .container .intro-wrapper .intro-title .style-label {
        color: #EB8D1D;
    }
    
    .subtitle {
        max-width: 790px;
        font-weight: normal;
        font-size: 17px;
        color: #454545;
        text-align: center;
        margin-bottom: 25px;
    }
    
    .jcl .container .intro-img-card {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 120px;
        column-gap: 20px;
    }
    
    .jcl .container .intro-img-card .img-card-item .intro-item-img {
        width: 100%;
    }
    
    .jcl .container .intro-img-card .content-icon-intro {
        margin-top: -45px;
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    
    .jcl .container .intro-img-card .content-icon-intro .icon-center {
        width: 15%;
    }
    
    .jcl .container .intro-img-card .content-icon-intro .icon-label {
        font-weight: 600;
        font-size: 28px;
        color: #0E4A7E;
        margin-top: 12px;
    }
    /* tracking*/
    
    .main-content .banner-tracking {
        padding: 0;
        position: relative;
        max-height: 400px;
        overflow: hidden;
    }
    
    .main-content .banner-tracking::before {
        content: " ";
        position: absolute;
        left: 0;
        right: 0;
        height: 100%;
        background: rgb(0 0 0 / 15%);
    }
    
    .main-content .banner-tracking img {
        width: 100%;
        max-width: unset;
    }
    
    .main-content .banner-tracking .icon {
        width: 30px;
        position: relative;
    }
    
    .main-content .banner-tracking .content {
        position: absolute;
        top: 25%;
        left: 50%;
        transform: translate(-50%, -25%);
        z-index: 10;
        color: #fff;
        text-align: center;
        width: 700px;
    }
    
    .main-content .banner-tracking .content .title {
        font-weight: 800;
        font-size: 38px;
        line-height: 1.2;
        margin-bottom: -20px;
    }
    
    .main-content .banner-tracking .err_tracking {
        color: #fff;
        margin-top: 5px;
    }
    
    .main-content .section-tracking {
        padding: 0;
        z-index: 1;
        margin-bottom: 80px;
    }
    
    .main-content .section-tracking .content {
        margin-top: -100px;
        background: #fff;
        padding: 40px;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0px 2px 7px #e0dede;
    }
    
    .main-content .section-tracking .content .title {
        font-size: 20px;
        font-weight: 800;
        color: #1546A0;
    }
    
    .main-content .section-tracking .content .status {
        font-size: 16px;
        font-family: 'Open Sans';
        font-weight: 600;
        color: #0085D3;
    }
    
    .main-content .section-tracking .content .item {
        width: 17%;
        float: left;
        text-align: center;
    }
    
    .main-content .section-tracking .content .line {
        width: 10%;
        float: left;
        margin-top: 30px;
    }
    
    .main-content .section-tracking .content .item .icon {
        height: 80px;
        margin: 0 auto;
    }
    
    .main-content .section-tracking .content .item .icon img {
        height: 100%;
        width: auto;
        max-width: unset;
    }
    
    .main-content .section-tracking .content .item .name {
        font-family: 'Open Sans';
        font-weight: 600;
        margin: 7px 0;
    }
    
    .main-content .section-tracking .content .nodata {
        height: 300px;
        text-align: center;
        padding: 100px 0;
    }
    
    .main-content .section-tracking .content .nodata .icon {
        width: 80px;
        margin: 0 auto;
    }
    
    .main-content .section-tracking .content .nodata div:last-child {
        margin-top: 15px;
        font-size: 16px;
        font-family: 'Open Sans';
        font-weight: 600;
        color: #303030;
    }
    
    .main-content .section-tracking .content .card.package {
        border: 1px solid #fff;
    }
    
    .main-content .section-tracking .content .package .hidden {
        display: none;
    }
    
    .main-content .section-tracking .content .package .name {
        width: 100px;
        background: #0085D3;
        color: #fff !important;
        height: 34px;
        text-align: center;
        font-size: 18px;
        padding: 3px 0px;
        cursor: pointer;
    }
    
    .main-content .section-tracking .content .package .name.active {
        background: #01a07b !important;
    }
    
    .main-content .section-tracking .content .package .name .fa {
        float: right;
        margin: 5px 5px;
    }
    
    .main-content .section-tracking .content .package .vertical-line {
        height: 30px;
        border-left: 1px solid #0085D3;
        margin-left: 50px;
    }
    
    .main-content .section-tracking .content .package .step {
        margin-left: 50px;
        border-left: 1px solid #0085D3;
        position: relative;
        padding-left: 40px;
        padding-bottom: 15px
    }
    
    .main-content .section-tracking .content .package .step::after {
        position: absolute;
        content: "";
        width: 13px;
        height: 13px;
        border-radius: 50%;
        border: 1px solid #0085D3;
        left: -6.5px;
        background: #ffff;
        top: 0
    }
    
    .main-content .section-tracking .content .package .step:last-child {
        padding-bottom: 0;
        margin-bottom: 20px
    }
    
    .main-content .section-tracking .content .package .step .date {
        font-family: 'Open Sans';
        font-weight: 600;
        line-height: 1;
        margin-bottom: 10px
    }
    
    .main-content .section-tracking .content .package .step .status-o {
        margin: 5px 0
    }
    
    .main-content .section-tracking .content .package .step .icon {
        width: 23px;
        display: inline-block;
        margin: 0 10px;
    }
    
    .main-content .section-tracking .content .note {
        font-size: 14px;
        text-decoration: underline;
        font-family: 'Open Sans';
        font-weight: 700;
        color: #303030;
        margin-bottom: 5px;
    }
    
    .main-content .section-tracking .content .card.list-order {
        padding: 15px 0 0;
        border: 0;
        border-top: 1px solid rgba(0, 0, 0, .125);
        border-bottom: 1px solid rgba(0, 0, 0, .125);
        border-radius: 0;
        margin-bottom: -1px;
    }
    
    .main-content .section-tracking .content .list-order .name {
        font-family: 'Open Sans';
        color: #303030;
        font-size: 16px;
        margin-bottom: 15px;
        cursor: pointer;
    }
    
    .main-content .section-tracking .content .list-order .name.active {
        color: #0085D3;
    }
    
    .main-content .banner-tracking .tracking {
        width: 100%;
        height: 60px;
        background: #fff;
        border-radius: 6px;
        overflow: hidden;
        margin-top: 50px;
        padding: 7px;
        border: 1px solid #fff;
    }
    
    .main-content .banner-tracking .tracking .btn-track {
        background: #1546A0;
        color: #fff;
        font-size: 16px;
        font-family: 'Open Sans';
        font-weight: 600;
        width: 120px;
        height: 46px;
        float: right;
    }
    
    .main-content .banner-tracking .tracking .btn-track:hover {
        background: #0085D3;
    }
    
    .main-content .banner-tracking .tracking .input-search {
        width: calc(100% - 120px);
        float: left;
    }
    
    .main-content .banner-tracking .tracking .input-search input {
        height: 46px;
        border: 0;
        font-size: 15px;
        color: #404040;
    }
    
    .main-content .banner-tracking .tracking .input-search input:focus {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, .25);
    }
    
    .main-content .banner-tracking .tracking.error {
        border: 1px solid #d0022b;
    }
    
    .cal-loading {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        display: none;
        height: 100%;
        z-index: 9999;
        background: url(../img/loadding.gif) 50% 40% no-repeat rgba(0, 0, 0, 0.3);
        background-size: 220px auto;
    }
    
    .err-tracking {
        color: red;
        font-size: 14px;
        text-align: left;
    }
    /* reponsive */
    
    @media only screen and (max-width: 1200px) {
        .homepage .banner-carousel .banner-main-content .title-big {
            font-size: 60px;
        }
        .homepage .banner-carousel .banner-main-content .title {
            font-size: 35px;
        }
        .intro-card .tab-item .intro-img,
        .intro-card .tab-item .layer {
            width: 435px;
        }
        .service-intro-section .content .intro-item-wrapper {
            column-gap: 30px;
        }
        .service-intro-section .content .intro-item-wrapper .item .label {
            font-size: 20px;
        }
        .service-intro-section .content .intro-item-wrapper .item .description {
            max-width: 249px;
        }
        .distribution-network-section .distribution-network .label {
            font-size: 30px;
        }
        .show-max-992 {
            display: none !important;
        }
        .show-min-992 {
            display: block !important;
        }
    }
    
    @media only screen and (max-width: 992px) {
        .jcl .container .intro-img-card .content-icon-intro {
            margin-top: -25px;
        }
        .jcl .container .intro-img-card .content-icon-intro .icon-label {
            font-size: 20px;
        }
        .about .introduce-section .introduce-wrapper .main-intro .right-content .label {
            font-size: 27px;
        }
        .about .introduce-section .introduce-wrapper .main-intro .right-content {
            padding-left: 20px;
        }
        .about .introduce-section .introduce-wrapper .sub-intro .sub-content {
            font-size: 20px;
        }
        .about .service-introduce-section .title {
            font-size: 35px;
        }
        .about .service-introduce-section .service-introduce-wrapper .service-item .content {
            padding: 50px 25px;
            min-width: 373px;
            max-width: 373px;
        }
        .about .service-introduce-section .service-introduce-wrapper .service-item .content .label .des {
            font-size: 25px;
        }
        .about .service-introduce-section .service-introduce-wrapper .service-item .content .sub {
            font-size: 14px;
        }
        .about .service-introduce-section .service-introduce-wrapper .service-item .img button {
            font-size: 14px;
            height: 40px;
            width: 200px;
        }
        .about .footer-banner-section .banner-wrapper .text-container {
            top: 0;
        }
        .about .footer-banner-section .banner-wrapper .text-container .sign {
            font-size: 50px;
            height: 25px;
        }
        .about .footer-banner-section .banner-wrapper .text-container .sub {
            font-size: 14px;
        }
        .about .introduce-section .introduce-wrapper .sub-intro .styled-line {
            width: 100%;
        }
        .introduce-section .container {
            padding-left: unset !important;
            padding-right: unset !important;
        }
        .about .introduce-section .introduce-wrapper .sub-intro .styled-line img {
            width: 100%;
        }
        .contact .contact-main-detail-wrapper .contact-detail-container .contact-infor .contact-infor-content .address,
        .contact .contact-main-detail-wrapper .contact-detail-container .contact-infor .contact-infor-content .phone,
        .contact .contact-main-detail-wrapper .contact-detail-container .contact-infor .contact-infor-content .hotline,
        .contact .contact-main-detail-wrapper .contact-detail-container .contact-infor .contact-infor-content .email {
            font-size: 14px;
        }
        .contact .contact-main-detail-wrapper .contact-detail-container .contact-infor .contact-infor-content .content br {
            display: none;
        }
        .contact .contact-main-detail-wrapper .contact-detail-container .contact-infor .contact-infor-content .title {
            min-width: 80px;
        }
        .contact .contact-main-detail-wrapper .contact-detail-container .contact-infor .contact-infor-content .label {
            font-size: 18px;
        }
        .contact .contact-banner-wrapper .banner-content .banner-label {
            font-size: 35px;
        }
        .service .dot-background-section .service-intro-content .services-wrapper .service-item .item-label {
            font-size: 16px;
            min-height: 54px;
            text-align: center;
        }
        .service .service-banner-wrapper .banner-content .banner-label {
            font-size: 35px;
        }
        .service .service-banner-wrapper .banner-content .banner-sub,
        .service .service-banner-wrapper .banner-content .banner-sub a {
            font-size: 15px;
        }
        .service .dot-background-section .service-intro-content .label {
            font-size: 30px;
        }
        .service .dot-background-section .service-intro-content .services-wrapper .service-item .item-sub,
        .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .detail-main-content .content-list ul .service-item-detail,
        .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .detail-main-content .content-list .item-toca-service-list .content-toca {
            font-size: 13px;
        }
        .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .detail-main-content .label-content {
            font-size: 40px;
        }
        .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .detail-main-content .sub-detail {
            font-size: 14px;
        }
        .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .detail-main-content .content-list .service-list-label {
            font-size: 15px;
        }
        .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .detail-main-content .content-list .item-toca-service-list .icon {
            max-width: 45px;
            min-width: 45px;
        }
        .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .detail-main-content .content-list .item-toca-service-list .icon img {
            width: 100%;
        }
        .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .img-content .c-more-btn button {
            height: 50px;
            font-size: 15px;
        }
        .homepage .banner-carousel .banner-main-content .title-big {
            font-size: 50px;
        }
        .homepage .banner-carousel .banner-main-content .title {
            font-size: 25px;
        }
        .homepage .banner-carousel .banner-main-content .sub {
            font-size: 15px;
            margin-top: 20px;
        }
        .intro-card .nav-header-wrapper li a .tab-label {
            font-size: 16px;
        }
        .intro-card .nav-header-wrapper li a .tab-sub {
            font-size: 14px;
        }
        .intro-card .nav-header-wrapper li a {
            min-height: 115px;
        }
        .intro-card .tab-item .intro-img,
        .intro-card .tab-item .layer {
            width: 300px;
        }
        .intro-card .tab-item .item-content .img-wrapper-intro {
            margin-bottom: 30px;
            min-height: 50px;
        }
        .intro-card .tab-item .item-content p {
            font-size: 14px;
        }
        .intro-card .tab-item .item-content button {
            font-size: 13px;
            height: 40px;
        }
        .intro-card .tab-item .item-content img {
            max-width: 150px;
            min-width: 150px;
        }
        .service-intro-section .content .intro-item-wrapper .item .label {
            font-size: 15px;
        }
        .service-intro-section .content .intro-item-wrapper .item .description {
            font-size: 13px;
        }
        .distribution-network-section .distribution-network .label {
            font-size: 25px;
        }
        .footer-up-wrapper {
            flex-wrap: wrap;
        }
        .intro-card .tab-item .intro-img-wrapper {
            height: 290px;
        }
        .service-intro-section {
            height: 666px;
        }
        .homepage .banner-carousel .owl-nav {
            bottom: 70px;
        }
        .homepage .banner-carousel .owl-dots {
            bottom: 78px;
        }
        .footer-up-wrapper .company-infor-container {
            max-width: unset;
            flex-basis: 100%;
            margin-bottom: 35px;
            border-bottom: 1px solid #8080801a;
        }
        .footer-up-wrapper .item:last-child {
            margin-right: 35px;
        }
        .footer-up-wrapper .detail-item .company-detail-content {
            max-width: unset;
        }
        .footer-up-wrapper .detail-item .company-detail-content br {
            display: none;
        }
        .show-max-992 {
            display: block !important;
        }
        .show-min-992 {
            display: none !important;
        }
    }
    
    @media only screen and (max-width: 768px) {
        .jcl .container .intro-img-card .content-icon-intro .icon-label {
            font-size: 16px;
        }
        .about .introduce-section .introduce-wrapper .main-intro {
            flex-direction: column-reverse;
        }
        .about .introduce-section .introduce-wrapper .main-intro .right-content {
            padding-left: 0px;
        }
        .contact .contact-main-detail-wrapper .contact-detail-container .contact-form {
            padding: 20px 30px;
            width: 100%;
            margin-top: 30px;
        }
        .about .introduce-section .introduce-wrapper .main-intro .left-content .background-img {
            display: none;
        }
        .about .introduce-section .introduce-wrapper .main-intro .left-content .main-img {
            padding: unset;
            position: unset;
            margin-top: 20px;
        }
        .about .introduce-section .introduce-wrapper .main-intro .left-content {
            min-height: unset;
        }
        .about .introduce-section .introduce-wrapper .main-intro .right-content .label {
            font-size: 20px;
            text-align: center;
        }
        .about .introduce-section .introduce-wrapper .main-intro .right-content .sub {
            font-size: 14px;
            text-align: center;
        }
        .about .introduce-section .introduce-wrapper .sub-intro {
            margin-top: unset;
        }
        .about .introduce-section .introduce-wrapper .sub-intro .sub-content {
            font-size: 18px;
        }
        .about .service-introduce-section {
            padding-top: unset;
        }
        .about .service-introduce-section .title {
            font-size: 25px;
        }
        .about .service-introduce-section .service-introduce-wrapper .service-item {
            flex-direction: column;
            margin-top: 30px;
        }
        .about .service-introduce-section .service-introduce-wrapper .service-item .content {
            max-width: 100%;
            min-width: unset;
        }
        .contact .contact-main-detail-wrapper .contact-detail-container {
            position: unset;
        }
        .contact .contact-main-detail-wrapper .contact-detail-container .contact-infor .contact-infor-label {
            display: none;
        }
        .contact .contact-main-detail-wrapper {
            height: unset;
            margin-bottom: 50px;
        }
        .contact .contact-main-detail-wrapper .contact-detail-container {
            flex-direction: column;
        }
        .contact .contact-banner-wrapper .banner-content .banner-label {
            font-size: 23px;
        }
        .contact .contact-banner-wrapper .banner-content .banner-sub,
        .contact .contact-banner-wrapper .banner-content .banner-sub a {
            font-size: 13px;
        }
        .nav-section ul li a {
            font-size: 14px;
            padding: 13px 0;
        }
        .service .service-full-detail-container-item .content-wrapper-abso {
            position: unset;
        }
        .service .dot-background-section .service-intro-content .services-wrapper {
            flex-direction: column;
        }
        .service .dot-background-section .service-intro-content .services-wrapper .service-item .item-label {
            min-height: unset;
        }
        .service .dot-background-section .service-intro-content .services-wrapper .service-item {
            margin-bottom: 30px;
        }
        .service .dot-background-section .service-intro-content .services-wrapper .service-item .icon {
            margin-bottom: 15px;
        }
        .service .service-banner-wrapper .banner-content .banner-label {
            font-size: 30px;
        }
        .service .dot-background-section .service-intro-content-wrapper {
            top: -50px;
        }
        .service .dot-background-section .service-intro-content .label {
            font-size: 23px;
            margin-bottom: unset;
        }
        .service .dot-background-section {
            height: 900px;
        }
        .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper {
            flex-direction: column;
        }
        .service .service-full-detail-container-item .layer-50-50,
        .service .service-full-detail-container-item .dot-layer-middle {
            display: none;
        }
        .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .detail-main-content {
            width: 100%;
            padding-right: unset;
        }
        .service .service-full-detail-container-item .content-wrapper-abso .reverse .detail-main-content {
            padding-left: unset !important;
        }
        .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .img-content {
            width: 100%;
            height: 300px;
            margin-top: 15px;
        }
        .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .img-content .c-more-btn button {
            height: 35px;
            font-size: 13px;
        }
        .service .service-full-detail-container-item {
            height: auto;
            margin-top: 50px;
        }
        .homepage .dot-background-section .tracking-trace-wrapper .tracking-trace-form {
            min-width: unset;
        }
        .homepage .banner-carousel .banner-main-content .title-big {
            font-size: 40px;
        }
        .homepage .banner-carousel .banner-main-content .title {
            font-size: 18px;
        }
        .homepage .banner-carousel .banner-main-content .sub {
            font-size: 14px;
            margin-top: unset;
        }
        .intro-card {
            padding: 18px 0px;
        }
        .intro-card .tab-content {
            padding: 0px 18px;
        }
        .homepage .banner-carousel .owl-nav {
            bottom: 50%;
            justify-content: space-between;
            column-gap: unset;
            width: 100%;
            transform: translate(50%, 50%);
        }
        .homepage .banner-carousel .owl-dots {
            display: none;
        }
        .homepage .dot-background-section .tracking-trace-form .label {
            font-size: 18px;
        }
        .homepage .dot-background-section .tracking-trace-form .input-wrapper {
            height: 35px;
        }
        .homepage .dot-background-section .tracking-trace-form input {
            font-size: 13px;
        }
        .homepage .dot-background-section .tracking-trace-form button img {
            max-width: 18px;
        }
        .homepage .dot-background-section .tracking-trace-form button {
            padding: 0px;
            min-width: 100px;
            font-size: 13px;
        }
        .homepage .dot-background-section .tracking-trace-wrapper .content .label {
            font-size: 30px;
        }
        .homepage .dot-background-section .tracking-trace-wrapper .content .sub {
            font-size: 14px;
        }
        .homepage .dot-background-section .tracking-trace-wrapper .content .description {
            font-size: 13px;
            max-width: 550px;
            padding: 0 18px;
        }
        .intro-card .nav-header-wrapper li a {
            min-height: unset;
        }
        .intro-card .nav-header-wrapper li a .tab-label {
            margin-bottom: unset;
        }
        .intro-card .nav-header-wrapper li a .tab-sub {
            display: none;
        }
        .intro-card .nav-tabs .nav-item.show .nav-link,
        .intro-card .nav-tabs .nav-link.active,
        .intro-card .nav-header-wrapper li a:hover {
            box-shadow: 0px 3px #297194;
        }
        .intro-card .tab-item {
            flex-direction: column-reverse;
            padding-top: 10px;
        }
        .intro-card .tab-item .intro-img,
        .intro-card .tab-item .layer {
            width: 100%;
            margin-right: unset;
        }
        .intro-card .tab-item .item-content {
            margin-bottom: 30px;
        }
        .intro-card .tab-item .item-content .img-wrapper-intro {
            margin-bottom: 10px;
            margin-top: unset;
            height: 60px;
        }
        .intro-card .tab-item .item-content img {
            height: 100%;
            min-width: unset;
        }
        .intro-card .tab-item .intro-img-wrapper {
            height: 235px;
        }
        .intro-card .tab-item .item-content button {
            margin-top: unset;
            width: 90%;
        }
        .intro-card .tab-item .item-content a {
            display: flex;
            justify-content: center;
        }
        .service-intro-section {
            height: 1234px;
        }
        .service-intro-section .content .intro-item-wrapper {
            flex-direction: column;
        }
        .service-intro-section .content .intro-item-wrapper .item .label {
            min-height: 25px;
        }
        .service-intro-section .content .intro-item-wrapper .item {
            border-bottom: 1px solid #8080804a;
            margin-top: 30px;
        }
        .service-intro-section .content .intro-item-wrapper .item:first-child {
            margin-top: unset;
        }
        .service-intro-section .content .intro-item-wrapper .item:last-child {
            border-bottom: unset;
        }
        .service-intro-section .content .intro-item-wrapper .item .description {
            min-height: unset;
        }
        .footer-up-wrapper .item {
            flex-basis: 100%;
            border-bottom: 1px solid #8080801a;
        }
        .footer-up-wrapper .item:last-child {
            margin-right: unset;
            border-bottom: unset;
            margin-top: 35px;
        }
        .footer-down-wrapper {
            flex-direction: column;
        }
        .footer-down-wrapper .item {
            font-size: 15px;
        }
        .footer-down-wrapper .item:first-child {
            margin-bottom: 10px;
            text-align: center;
        }
        .homepage .dot-background-section .tracking-trace-wrapper .content {
            margin-top: 30px;
        }
        .homepage .dot-background-section .tracking-trace-wrapper {
            top: -35px;
        }
        .about .about-banner-wrapper .banner-content .banner-label {
            font-size: 33px;
        }
        /* tracking */
        .banner-tracking {
            height: 350px;
            overflow: hidden;
        }
        .banner-tracking .content {
            left: 15px;
            right: 15px;
            transform: translate(0, -50%) !important;
            top: 50%;
            width: unset;
            font-size: 14px;
        }
        .main-content-wrapper .section-banner .content .title,
        .banner-tracking .content .title {
            font-size: 25px;
            margin-bottom: 0;
        }
        .main-content-wrapper .tracking {
            margin-top: 30px;
            padding: 5px;
            height: 48px;
        }
        .main-content-wrapper .tracking .btn-track {
            height: 36px;
            font-size: 14px;
            width: 90px;
        }
        .main-content-wrapper .tracking .input-search {
            width: calc(100% - 90px);
        }
        .main-content-wrapper .tracking .input-search input {
            height: 36px;
            font-size: 13px;
        }
        .main-content .section-tracking .content {
            margin-top: 50px;
            padding: 20px 15px;
        }
        .main-content .section-tracking .content .nodata {
            height: 260px;
            text-align: center;
            padding: 60px 0;
        }
        .main-content .section-tracking .content .infoOrder ul {
            padding: 0 20px;
        }
        .main-content .section-tracking .content .line {
            display: none
        }
        .main-content .section-tracking .content .item {
            width: 50%;
            margin-bottom: 20px;
        }
        .main-content .section-tracking {
            padding: 0;
            z-index: 1;
            margin-bottom: 80px;
        }
        .main-content .section-tracking .content {
            margin-top: -100px;
            background: #fff;
            padding: 25px 20px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0px 2px 7px #e0dede;
            font-size: 14px;
        }
        .main-content .section-tracking .content .title {
            font-size: 20px;
            color: #1546A0;
        }
        .main-content .section-tracking .content .status {
            font-size: 16px;
            color: #0085D3;
        }
        .main-content .section-tracking .content .item {
            float: left;
            text-align: center;
        }
        .main-content .section-tracking .content .line {
            width: 10%;
            float: left;
            margin-top: 30px;
        }
        .main-content .section-tracking .content .item .icon {
            height: 80px;
            margin: 0 auto;
        }
        .main-content .section-tracking .content .item .icon img {
            height: 100%;
            width: auto;
            max-width: unset;
        }
        .main-content .section-tracking .content .item .name {
            margin: 7px 0;
        }
        .main-content .section-tracking .content .nodata {
            height: 300px;
            text-align: center;
            padding: 100px 0;
        }
        .main-content .section-tracking .content .nodata .icon {
            width: 80px;
            margin: 0 auto;
        }
        .main-content .section-tracking .content .nodata div:last-child {
            margin-top: 15px;
            font-size: 14px;
            color: #303030;
        }
        .main-content .section-tracking .content .card.package {
            border: 1px solid #fff;
        }
        .main-content .section-tracking .content .package .name {
            width: 100px;
            background: #0085D3;
            color: #fff !important;
            height: 34px;
            text-align: center;
            font-size: 18px;
            padding: 3px 0px;
            cursor: pointer;
        }
        .main-content .section-tracking .content .package .name .fa {
            float: right;
            margin: 5px 5px;
        }
        .main-content .section-tracking .content .package .vertical-line {
            height: 30px;
            border-left: 1px solid #0085D3;
            margin-left: 50px;
        }
        .main-content .section-tracking .content .package .step {
            margin-left: 0;
            border-left: 1px solid #0085D3;
            position: relative;
            padding-left: 20px;
            padding-bottom: 15px
        }
        .main-content .section-tracking .content .package .step::after {
            position: absolute;
            content: "";
            width: 13px;
            height: 13px;
            border-radius: 50%;
            border: 1px solid #0085D3;
            left: -6.5px;
            background: #ffff;
            top: 0
        }
        .main-content .section-tracking .content .package .step:last-child {
            padding-bottom: 0;
            margin-bottom: 20px
        }
        .main-content .section-tracking .content .package .step .date {
            line-height: 1;
            margin-bottom: 10px
        }
        .main-content .section-tracking .content .package .step .status-o {
            margin: 5px 0
        }
        .main-content .section-tracking .content .package .step .icon {
            width: 23px;
            display: inline-block;
            margin: 0 10px;
        }
        .main-content .section-tracking .content .note {
            font-size: 14px;
            text-decoration: underline;
            color: #303030;
            margin-bottom: 5px;
        }
        .main-content .section-tracking .content .card.list-order {
            padding: 15px 0 0;
            border: 0;
            border-top: 1px solid rgba(0, 0, 0, .125);
            border-bottom: 1px solid rgba(0, 0, 0, .125);
            border-radius: 0;
            margin-bottom: -1px;
        }
        .main-content .section-tracking .content .list-order .name {
            color: #303030;
            font-size: 16px;
            margin-bottom: 15px;
            cursor: pointer;
        }
        .main-content .section-tracking .content .list-order .name.active {
            color: #0085D3;
        }
        .banner-tracking {
            padding: 0;
            position: relative;
            max-height: 400px;
            overflow: hidden;
        }
        .banner-tracking img {
            object-fit: cover;
            height: 100% !important;
        }
        .banner-tracking .icon {
            width: 30px;
            position: relative;
        }
        .banner-tracking .content {
            position: absolute;
            left: 15px !important;
            right: 15px !important;
            transform: translate(0, -50%) !important;
            top: 50% !important;
            width: unset !important;
            z-index: 10;
            color: #fff;
            text-align: center;
        }
        .main-content .banner-tracking .content .title {
            font-size: 32px;
            line-height: 1.2;
            margin-bottom: -20px;
        }
        .banner-tracking.banner-order .content {
            top: 50%;
            transform: translate(-50%, -50%)
        }
        .banner-tracking .btn-link-multi {
            background: #1546A0;
            color: #ffff;
            font-size: 14px;
            border-radius: 20px;
            padding: 7px 15px;
        }
        .banner-tracking .err_tracking {
            color: #fff;
        }
    }
    
    @media only screen and (max-width: 500px) {
        .jcl .container .intro-img-card .content-icon-intro {
            margin-top: -15px;
        }
        .jcl .container .intro-img-card .content-icon-intro .icon-label {
            font-size: 14px;
        }
        .jcl .container .intro-wrapper .intro-title {
            font-size: 22px;
        }
        .subtitle {
            font-size: 14px;
        }
        .about .about-banner-wrapper .banner-content .banner-label {
            font-size: 23px;
        }
        .about .introduce-section .introduce-wrapper {
            margin-top: 50px;
        }
        .about .introduce-section .introduce-wrapper .sub-intro .sub-content {
            font-size: 14px;
        }
        .about .introduce-section .introduce-wrapper .sub-intro .styled-line {
            margin: 15px 0;
        }
        .about .service-introduce-section .title {
            font-size: 19px;
            margin-bottom: 30px;
        }
        .about .service-introduce-section .service-introduce-wrapper .service-item .content .label .name {
            font-size: 20px;
        }
        .about .service-introduce-section .service-introduce-wrapper .service-item .content .label .des {
            font-size: 23px;
        }
        .about .service-introduce-section .service-introduce-wrapper .service-item .content .sub {
            font-size: 13px;
        }
        .about .about-banner-wrapper .banner-content .banner-sub,
        .about .about-banner-wrapper .banner-content .banner-sub a {
            font-size: 13px;
        }
        .about .service-introduce-section .service-introduce-wrapper .service-item .img button {
            font-size: 13px;
            height: 35px;
            width: 200px;
        }
        .about .footer-banner-section .banner-wrapper .text-container .sign {
            font-size: 35px;
            height: 10px;
        }
        .about .footer-banner-section .banner-wrapper .text-container .sub {
            font-size: 13px;
        }
        .introduce-section .container {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }
        .footer-up-wrapper .company-infor-container .company-name,
        .footer-up-wrapper .item .menu .menu-item a {
            font-size: 12px;
        }
        .footer-up-wrapper .detail-item .company-license,
        .footer-up-wrapper .detail-item .company-detail-content {
            font-size: 12px;
        }
        .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .detail-main-content .content-list .service-list-label {
            font-size: 14px;
        }
        .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .img-content {
            height: 240px;
        }
        .service .dot-background-section .service-intro-content {
            padding: 30px 20px 25px;
        }
        .service .dot-background-section .service-intro-content-wrapper {
            top: -20px;
        }
        .service .service-full-detail-container-item .content-wrapper-abso .detail-wrapper .detail-main-content .label-content {
            font-size: 35px;
        }
        .homepage .banner-carousel .banner-main-content .title-big {
            font-size: 30px;
        }
        .homepage .banner-carousel .banner-main-content p {
            margin-bottom: unset;
        }
        .homepage .banner-carousel .banner-main-content .title {
            font-size: 15px;
        }
        .homepage .banner-carousel .banner-main-content .sub {
            font-size: 11px;
            margin-bottom: 20px;
        }
    }

    .section-general .banner {
        height: 300px;
        margin-left: -15px;
        margin-right: -15px;
        background: linear-gradient(to right, #0085D3, #0C3683);
        padding: 70px 15px;
    }
    
    .section-general .banner .title {
        font-weight: 900;
        font-size: 35px;
        line-height: 1.2;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
    }
    .section-general .content {
        width: 100%;
        margin: 0 auto;
        margin-top: -80px;
        background: #fff;
        padding: 40px 45px;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0px 2px 4px #e0dede;
        margin-bottom: 70px;
        font-size: 15px;
    }
    
    .section-general .content ._title {
        font-weight: 900;
        font-size: 20px;
        line-height: 1.2;
        color: #0C3683;
        margin-bottom: 10px
    }