h4 {
    font-size: 16px;
}
h3 {
    font-size: 18px;
}
h2 {
    font-size: 20px;
}
h1 {
    font-size: 22px;
}
#wapper:before {
    display: none;
}
@media (min-width: 1220px) {
    #main-header {
        background-image: linear-gradient(
            to bottom,
            rgba(15, 91, 137, 1),
            rgba(15, 91, 137, 0)
        ) !important;
        position: fixed !important;
        z-index: 99999;
        width: 100%;
        top: 0;
        padding: 10px 0 6px 0;
        height: 140px;
        z-index: 1;
    }
}

/* #wapper:before {
    content: "";
    position: fixed;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    background-image: url(images/logo-pattern.svg?t=1);
    width: 30vw;
    height: 30vw;
    z-index: 0;
} */
.home .homepage-sidle {
    position: relative;
}
.home .homepage-sidle::before {
    content: '';
    position: absolute;
    left: 5%;
    top: 6%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(images/icon-backgound.png?t=1);
    width: 23vw;
    height: 23vw;
    z-index: 0;
}
.home .homepage-sidle .tu-van-ngay {
    color: #fdfdfd;
    font-weight: 500;
    background-color: #faa61a;
    margin: 0;
}
.section-video::before {
    content: '';
    position: absolute;
    right: 0%;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(images/logo-pattern.svg?t=1);
    width: 15vw;
    height: 15vw;
    z-index: 0;
    opacity: 22%;
}
.section-video .item-img {
    position: relative;
    padding-top: 51% !important;
    border-radius: 10px;
}
.section-video .item-img img {
    z-index: -1;
}
.section-video .content-content p {
    text-align: justify !important;
}

.home .section-goi-thiet-ket .icon i {
    color: #ff9900;
    padding-left: 10px;
    padding-bottom: 6px;
}
.home .section-goi-thiet-ket .icon {
    background-image: url('../images/icon.png');
    padding: 5px 5px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 7px;
    background-size: 61%;
    background-position: center;
}
/* goi-thiet-ke */
.section-goi-thiet-ket {
    background-color: #fff;
}
.section-goi-thiet-ket h3 {
    font-size: 1.25rem;
}
.section-goi-thiet-ket .heading-section,
.section-goi-thiet-ket .title,
.section-goi-thiet-ket .content,
.section-goi-thiet-ket .content-content,
.section-goi-thiet-ket .content-section {
    color: var(--color-primary);
}
.section-goi-thiet-ket .content-section span,
.section-goi-thiet-ket .content-section p {
    font-size: 16px !important;
    text-align: center;
}
.section-goi-thiet-ket .content-content {
    font-weight: bold;
    margin-bottom: 20px;
}
.section-goi-thiet-ket .item-goi-thiet-ket {
    padding: 30px;
    /*padding-bottom: 70px;*/
    border: 1px solid var(--color-primary);
    border-radius: 25px;
    height: 100%;
}
.section-goi-thiet-ket .item-goi-thiet-ket a.btn {
    position: absolute;
    bottom: -43px;
    left: 28%;
}
.section-goi-thiet-ket .item-goi-thiet-ket {
    padding: 30px;
    /*padding-bottom: 70px;*/
    border: 1px solid var(--color-primary);
    border-radius: 25px;
    height: 100%;
}
.section-goi-thiet-ket .item-goi-thiet-ket a.btn {
    position: absolute;
    bottom: -43px;
    left: 28%;
}

.section-doi-tac .col-md-3 .content {
    padding: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    background: #fff;
    border-radius: 6px;
    padding: 14px;
    transition: all 1s ease;
    transform: translateY(100%);
}
.section-doi-tac .col-md-3 .content span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    text-align: left;
    height: 192px;
    font-size: 15px;
    line-height: 1.4;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.section-doi-tac .col-md-3 .content .title-ten {
    font-size: 23px;
}
.section-doi-tac .col-md-3:hover .content {
    transform: translate(0, 0);
    z-index: 11;
    opacity: 100;
}
.section-video .item-img i {
    position: absolute;
    left: 46%;
    bottom: 50%;
    color: #ffffff;
    background: #0292bfc9;
    border: 1px solid;
    padding: 22px;
    font-size: 25px;
    border-radius: 50%;
    border-radius: 100px 100px 100px 100px;
    padding: 17px 17px 16px 22px;
}

/* HOMEPAGE-SIDLE */

.homepage-sidle .resize {
    padding-top: 100%;
}
.homepage-sidle .resize > img {
    object-fit: contain;
}
.homepage-sidle .title {
    font-size: 1.4rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.post-template-temp_top_seo .homepage-sidle .title {
    font-size: 2rem;
}
.homepage-sidle .container:first-child {
    border-bottom: 1px solid #00b2ff;
    margin-top: 50px;
    margin-bottom: 50px;
}
.homepage-sidle .category-home-sidle .item-img {
    height: 170px;
}

.homepage-sidle .item-category {
    box-shadow: 1px 4px 10px #00000057;
    padding: 13px;
    border-radius: 16px;
    height: 100%;
    background: #0f5b8991;
}
.homepage-sidle .col-md-3.text-center {
    margin-bottom: 20px;
}
.heading-section {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 28px;
}
.homepage-sidle .item-category:hover {
    background: linear-gradient(177deg, #218edb, #80bcf8);
}
.homepage-sidle .content-section {
    margin-bottom: 1rem;
    font-size: 15px;
}

.ung-dung-container .ung-dung-row {
    margin: 30px 0;
    border-radius: 20px;
    background: #74c3ff1c;
    align-items: center;
}
.ung-dung-container .left-ung-dung {
    border-radius: 20px;
    border: 1px solid #0094ec;
    background-color: #006ead;
}
.ung-dung-container .ung-dung-row:hover .left-ung-dung {
    background: linear-gradient(177deg, #218edb, #80bcf8);
}

.ung-dung-container .ung-dung-row:hover {
    background: #3690d45e;
    box-shadow: 1px 1px 11px #064263;
}

.section-cau-chuyen {
    background-color: #e8e8e8;
}
/* .section-ung-dung .ung-dung-row .item-contents p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-align: left;
    height: 51px;
    line-height: 1.6;
    line-clamp: 2;
    -webkit-box-orient: vertical;
} */
.ung-dung-container .item-ung-dung a:hover span,
.ung-dung-container .item-ung-dung a:hover i {
    color: #e5a430;
}
.ung-dung-container .item-ung-dung span.view {
    color: white;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
}
.ung-dung-container .item-ung-dung span i {
    font-size: 60px;
    margin-right: 17px;
}
.ung-dung-container .item-ung-dung a i {
    font-size: 31px;
    border: 2px solid white;
    padding: 7px 11px;
    margin-right: 17px;
    border-radius: 14px;
    color: white;
}
.ung-dung-container .item-ung-dung {
    padding: 10px;
}

.section-nen-tang .row {
    position: relative;
}
.section-nen-tang .img-nen-tang {
    position: absolute;
    left: 38%;
    bottom: 11%;
}
.section-nen-tang .img-nen-tang img {
    height: 100%;
    width: 74%;
}

.section-ung-dung .ung-dung-container .icon_masked {
    height: 40px;
    background-color: #e5e5e5;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top;
    transition: 1s;
    mask-position: left;
    width: 100%;
}
.section-ung-dung .ung-dung-container .tu-van-ngay {
    color: #fdfdfd;
    font-weight: 500;
    background-color: #faa61a;
}

.slide-contact .wpcf7 {
    padding-left: 40%;
}

.myblock {
    padding-top: 50px;
}

.post-image {
    border: 1px solid rgba(0 0 0 / 0.15);
}

.footer-copy .container {
    border-top: 1px solid #916d03;
    text-align: center;
}

.single-product .wpcf7 textarea .form-control {
    height: 4rem;
}
.footer {
    position: relative;
}
.footer::before {
    content: '';
    position: absolute;
    right: 0%;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(images/logo-pattern.svg?t=1);
    width: 25vw;
    height: 25vw;
    z-index: 0;
}
#main-footer .company-list p {
    margin-bottom: 10px;
}
.footer .col-md-6.contact {
    /*box-shadow: 0px 1px 2px #03b0ff;*/
    border-radius: 10px;
    box-shadow: 0px 1px 2px #03b0ff;
    border-radius: 10px;
}
.footer h3 {
    font-size: 1.25rem;
}
.footer .company-info p {
    font-weight: 100;
}
.footer .company-list iframe {
    width: 100%;
    height: 228px;
}
.footer .company-info p span {
    font-weight: 600;
}
.header-top {
    text-align: center;
    position: relative;
    z-index: 1;
}

.header-top * {
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

/* .header-top .logo-desktop,
.header-top .slogan,
.header-top .menu-top {
    -webkit-animation-name: loadedFadeInUp;
    animation-name: loadedFadeInUp;
    animation-delay: 0.4s;
} */

.header-top .slogan {
    animation-delay: 1s;
}

.header-top .menu-top {
    padding-left: 0;
    animation-delay: 1.5s;
}

@keyframes loadedFadeInUp {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%);
    }

    to {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}

/* .logo-desktop {
    width: auto;
    display: inline-block;
    position: fixed;
    top: 40px;
    left: 40px;
    height: 80px;
    z-index: 1;
} */

/* .logo-desktop svg,
.logo-desktop img {
    height: 100%;
    width: auto;
} */

.custom-icon {
    margin-right: 10px;
    padding: 10px;
    border-radius: 50%;
    background-color: #faa61a;
    color: #fff;
    transition: background-color 0.3s ease;
    text-align: center;
}
.custom-icon:hover {
    background-color: #d09121;
}
.fa-apple {
    width: 36px;
}

.section-video {
    position: relative;
    background-color: #fff;
    color: black;
}
.section-cau-chuyen {
    color: black;
}
.tieudekaize {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}
.section-video .content-section {
    color: #046797;
    font-size: 18px;
}
.resize {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding-top: 77.66667%;
}
.section-doi-tac .col-md-3:last-child .abc-img {
    position: absolute;
    height: 100%;
}
.section-doi-tac .col-md-3:last-child .abc-img img {
    height: 100%;
}
/* câu chuyện  */
.section-cau-chuyen .avt-cau-chuyen::before {
    background-color: #0f5b89;
    border-radius: 50%;
    position: absolute;
    content: '';
    height: 90%;
    width: 100%;
    top: 30px;
    left: 0;
}
.section-cau-chuyen .avt-cau-chuyen img {
    z-index: 11;
    position: absolute;
    height: 100%;
    width: 93%;
    top: -1%;
    left: 3%;
}
.section-cau-chuyen .avt-cau-chuyen {
    position: relative;
    padding: 165px;
}
.section-cau-chuyen .mb-0:first-child .btn-link,
.section-cau-chuyen .mb-0:last-child .btn-link {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.section-cau-chuyen .nav-pills .nav-link.active,
.section-cau-chuyen .nav-pills .show > .nav-link,
.section-cau-chuyen .nav-pills .nav-link:hover,
.section-cau-chuyen .nav-pills .nav-link:focus {
    background-color: #0f5b89;
    outline: unset;
}
.section-cau-chuyen .heading-section {
    color: var(--color-primary);
}
.section-cau-chuyen .content-section {
    color: #faa61a;
}
.section-cau-chuyen .btn-link:focus {
    box-shadow: unset;
}
.section-cau-chuyen .item-cau-chuyen .icon {
    position: relative;
    padding: 31px;
    width: 10%;
}
.section-cau-chuyen .item-cau-chuyen .icon::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: url(images/icon-dau-phay.png) center no-repeat;
}
.section-cau-chuyen .item-cau-chuyen .chuc-danh {
    position: relative;
    padding: 15px 15px 0;
}
.section-cau-chuyen .item-cau-chuyen .chuc-danh::before {
    content: '';
    height: 65%;
    background-color: #004984;
    width: 3px;
    position: absolute;
    bottom: 8%;
    left: 0;
}
.section-cau-chuyen .item-cau-chuyen .chuc-danh h3 {
    text-transform: capitalize;
    color: #325e89;
    font-weight: bold;
}
.section-cau-chuyen .item-cau-chuyen .chuc-danh p {
    color: #e2a12e;
    font-weight: 600;
}
.section-cau-chuyen .cau-chuyen-container .card-header .nav-link {
    border: unset;
    text-decoration: unset;
}
.section-cau-chuyen .cau-chuyen-container .card-header .nav-link:focus {
    box-shadow: unset;
    color: var(--color-primary);
}
.section-cau-chuyen .cau-chuyen-container .card-header .nav-link {
    border: unset;
    text-decoration: unset;
}
.section-cau-chuyen .cau-chuyen-container {
    padding: 0;
    margin-bottom: -105px;
    border-radius: 10px;
    margin-top: 38px;
}
.section-cau-chuyen .cau-chuyen-container .cau-chuyen-row {
    box-shadow: 1px 2px 3px #426583;
    z-index: 1;
    position: relative;
}
.section-cau-chuyen .item-cau-chuyen {
    background-color: #fff;
    box-shadow: 1px 2px 3px #426583;
    z-index: 1;
    position: relative;
    margin-bottom: 5px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom: 1px solid #0c6795;
}
.section-cau-chuyen .content {
    color: #000;
}
.section-cau-chuyen .title {
    color: var(--color-primary);
}

.section-cau-chuyen .col-md-3,
.section-cau-chuyen .col-md-9 {
    padding-left: 0;
    padding-right: 0;
}
.section-cau-chuyen .nav-link {
    border: unset;
    border-bottom: 1px solid lightgrey;
    border-radius: 0;
    justify-content: center;
    height: 110px;
}
.section-cau-chuyen .nav-link img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.section-cau-chuyen {
    background-color: #e8e8e8;
}
.footer .nav-pills .nav-link.active,
.footer .nav-pills .show > .nav-link,
.footer .nav-pills .nav-link:hover {
    background-color: unset;
    color: #e4a63c;
}
.footer .nav-pills .nav-item {
    border-right: 1px solid;
}
.footer .nav-pills .nav-link {
    color: #fff;
    padding: 1px 10px;
}
.section-cau-chuyen .item-cau-chuyen .chuc-danh::before {
    content: '';
    height: 65%;
    background-color: #004984;
    width: 3px;
    position: absolute;
    bottom: 8%;
    left: 0;
}

.menu-top > li {
    margin: 0 18px;
}

.menu-top > li > a {
    font-size: 13px;
}
.ung-dung-container .ung-dung-row .left-ung-dung h3 {
    font-weight: bold;
    text-transform: capitalize;
    font-size: 1.25rem;
}
.item-contents h4 {
    font-size: 1.125rem;
    line-height: 1;
}

.section-lien-he-1,
.section-diem-noi-bat,
.section-vi-sao {
    color: #0e618f;
    background-color: #fff;
}
.section-vi-sao .item-img {
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.item-vi-sao .box {
    border-radius: 20px;
    background: #006ead;
    border: 1px solid #0094ec;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 15px 0px 15px 0px;
}
.ly-do {
    margin-top: 20px;
    margin-bottom: 30px;
}
/* quy trình thiết kế  */
.section-quy-trinh-thiet-ke {
    background-color: #fff;
}
.section-quy-trinh-thiet-ke .heading-section,
.section-quy-trinh-thiet-ke .content-section,
.section-quy-trinh-thiet-ke .title,
.section-quy-trinh-thiet-ke .content-content,
.section-quy-trinh-thiet-ke .left {
    color: var(--color-primary);
}
.section-quy-trinh-thiet-ke .left,
.section-quy-trinh-thiet-ke .title {
    font-weight: bold;
    font-size: 1.25rem;
}
.section-quy-trinh-thiet-ke .left span {
    padding: 0px 12px;
    border-radius: 50%;
    border-width: 6px;
    border-style: solid;
    font-size: 26px;
    border-color: var(--color-orange);
}
.section-quy-trinh-thiet-ke .right {
    border-radius: 30px;
    border: 1px solid var(--color-primary);
    padding: 10px 25px;
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
}
.section-quy-trinh-thiet-ke .col-md-12:last-child .right {
    margin-bottom: 20px;
}

.section-quy-trinh-thiet-ke .slider-nav-why-mobi .item-quy-trinh-thiet-ke {
    padding-top: 18px;
    transition: all 0.5s;
}
.section-quy-trinh-thiet-ke
    .slider-nav-why-mobi
    .slick-current
    .item-quy-trinh-thiet-ke {
    padding-top: 10px !important;
    transition: all 0.5s;
}
.section-quy-trinh-thiet-ke .slider-nav-why-mobi .slick-current .left span {
    font-size: 26px !important;
    border-color: var(--color-orange) !important;
    opacity: 1;
    color: var(--color-orange) !important;
    transition: all 0.5s;
    padding: 0 12px !important;
}
.section-quy-trinh-thiet-ke .slider-for-mobi-why .slick-list {
    padding-bottom: 0 !important;
}
.section-quy-trinh-thiet-ke .slider-nav-why-mobi .slick-current .left h5 {
    font-size: 16px;
    opacity: 1;
    margin-top: 0.5rem;
    color: var(--color-orange) !important;
    transition: all 0.8s;
}
.section-quy-trinh-thiet-ke .slider-nav-why-mobi .left h5 {
    font-size: 14px;
    opacity: 0.5;
    color: #abaaa9 !important;
    transition: all 0.8s;
    margin-top: 0.25rem;
}
.section-quy-trinh-thiet-ke .slider-nav-why-mobi .left span {
    font-size: 22px !important;
    border-color: #abaaa9 !important;
    opacity: 0.5;
    color: #abaaa9 !important;
    transition: all 0.5s;
    padding: 0 8px !important;
}
.section-quy-trinh-thiet-ke .slider-nav-why-mobi .slick-list {
    height: 90px;
}

.section-doi-tac {
    background-color: #f9f9f9;
    color: #0e618f;
}
.ung-dung-container .item-ung-dung .content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    text-align: left;
    /*height: 90px;*/
    font-size: 15px;
    line-height: 1.4;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ung-dung-container:nth-child(3) .item-ung-dung .content {
}
.section-ung-dung {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.section-doi-tac .col-md-3 {
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    height: 231px;
    position: relative;
}
.section-doi-tac .col-md-3:nth-child(4n) {
    border-right: unset;
}
.section-lien-he .col-md-3 .item-lien-he {
    background: linear-gradient(175deg, #45b3fff2, #548bc4);
    box-shadow: 1px 2px 2px;
    border-radius: 20px;
    padding: 16px;
    height: 100%;
}
.section-lien-he .col-md-3 .item-lien-he:hover {
    background: linear-gradient(175deg, #0069fff2, #548bc4);
}
.section-lien-he .col-md-3 a {
    color: #fff;
}
.section-doi-tac .col-md-3:nth-last-child(4) {
    border-bottom: unset;
}
.section-doi-tac .col-md-3:nth-last-child(3) {
    border-bottom: unset;
}
.section-doi-tac .col-md-3:nth-last-child(2) {
    border-bottom: unset;
}
.section-doi-tac .col-md-3:nth-last-child(1) {
    border-bottom: unset;
}
.section-lien-he-1 {
    border-bottom: 2px solid #0b6e9c;
    padding-top: 90px !important;
}
.section-lien-he-1 a:hover {
    color: var(--color-primary);
}
.section-lien-he-1 h2 {
    color: #325e89;
}
.menu-top > li.menu-item-seo > a:before {
    -webkit-mask-image: url(./images/seo.svg);
    mask-image: url(./images/seo.svg);
}
.section-diem-noi-bat .row .number {
    color: #ff9b63;
    margin-right: 11px;
    font-size: 35px;
}
.section-diem-noi-bat .item-diem-noi-bat .left-diem-noi-bat h3 {
    font-size: 24px;
    font-weight: 600;
}
.section-diem-noi-bat .item-content i {
    color: #ff9900;
}
.section-diem-noi-bat .item-diem-noi-bat .left-diem-noi-bat .color-txt {
    color: var(--color-orange);
}
.section-diem-noi-bat .item-content .icon {
    background-image: url('../images/icon.png');
    background-image: url(../images/icon.png);
    padding: -6px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    padding-left: 9px;
    height: 25px;
    margin-right: 9px;
    background-position: center;
}

.section-nen-tang .container-fluid {
    max-width: 1498px;
}
.section-nen-tang .col-md-5 .title {
    border-radius: 30px;
    padding: 11px;
    border: 2px solid #fffefe;
    background: var(--color-orange);
    font-weight: 500;
}
.section-vi-sao .title {
    color: var(--color-orange);
}

.menu-top {
    animation-delay: 1.5s;
    position: relative;
}

.contact-submitform .wpcf7-form {
    margin-top: 40px;
    border: 1px solid #f2f9fb63;
    padding: 19px;
    border-radius: 5px;
}

#wpcf7-f29712-o1 {
    margin-top: 38px;
}

.contact-submitform .wpcf7-form .form-control {
    background-color: rgba(255, 255, 255, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.contact-submitform .wpcf7 textarea .form-control {
    height: 15rem;
}

.slide-service .slick-active .animate__animated {
    opacity: 1;
}

.slide-item.slick-active .desc,
.slide-item.slick-active .heading,
.about-dinh-huong.slick-active .items {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.slick-active .issues-list .inner,
.slick-active .additional_services-list .inner,
.featured-list,
.slide-item.slick-active .featured-thumb,
.hero-section.slick-active .thumb,
.slick-active .btns a {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    animation-delay: 0.4s;
}

.slick-active .btns a + a {
    animation-delay: 0.5s;
}

.about-info .desc {
    animation-delay: 0.3s;
}

.slick-active .issues-list .item:nth-child(2) .inner,
.slick-active .additional_services-list .item:nth-child(2) .inner,
.slick-active .additional_services-list .item:nth-child(3) .inner {
    animation-delay: 0.5s;
}

.slick-active .issues-list .item:nth-child(3) .inner {
    animation-delay: 0.6s;
}

.slick-active .tuvan-info {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation-delay: 1s;
}

.slick-active .tuvan-form {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    animation-delay: 1.2s;
}

.slick-active .templates {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

.slide-main > .slick-dots {
    text-align: left;
    left: 20px;
    bottom: 20px;
    width: auto;
}

.slide-main > .slick-dots li {
    width: auto;
    height: auto;
    margin: 0 7.5px;
    opacity: 0.6;
    position: relative;
}

ul#template-list-tab:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
}

ul#template-list-tab .title {
    display: inline-block;
    color: #fff;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
}

ul#template-list-tab li + li .title {
    border-left: 1px solid #fff;
}

ul#template-list-tab a {
    position: relative;
    padding: 10px 0;
}

ul#template-list-tab > li a.active:before {
    position: absolute;
    content: '';
    height: 3px;
    width: 80%;
    left: 10%;
    bottom: -1px;
    background-color: #d78a00;
}

.template-list .item {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 30px;
}

.template-list .item .resize {
    padding-top: 100%;
}

.template-list .item .thumb {
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
    width: 80%;
}

.template-list a {
    color: #fff;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.template-list .inner {
    position: relative;
}

.template-list .item h3 {
    background: rgb(15, 91, 137);
    background: linear-gradient(125deg, #0f5b89 0%, #009dca 100%);
    background: -webkit-linear-gradient(125deg, #0f5b89 0%, #009dca 100%);
    border-radius: 10px;
    padding: 5px 10px;
    position: absolute;
    bottom: -30px;
    width: 100%;
    z-index: 2;
}

.template-list .inner:hover h3 {
    border: 2px solid #fff;
    padding-bottom: 3px;
}

.issues-list,
.additional_services-list {
    align-items: stretch;
}

.issues-list .resize,
.additional_services-list .resize {
    margin: 0 auto;
    width: 80%;
    padding-top: 100%;
}

.issues-list .resize > img,
.additional_services-list .resize > img {
    object-fit: contain;
}

.issues-list .item,
.additional_services-list .item {
    margin-bottom: 30px;
}

.issues-list .inner,
.additional_services-list .inner {
    border-radius: 10px;
    border: 2px solid #fff;
    padding: 20px 15px;
    background: var(--color-secondary);
    background: rgb(15, 91, 137);
    background: linear-gradient(125deg, #0f5b89 0%, #009dca 100%);
    background: -webkit-linear-gradient(125deg, #0f5b89 0%, #009dca 100%);
    height: 100%;
}

.issues-list h3 a,
.additional_services-list h3 a {
    color: #fff;
}

.issues-list .inner:hover,
.additional_services-list .inner:hover {
    background: var(--color-orange);
}

.issues-list .intro,
.additional_services-list .intro {
    margin-top: 15px;
}

.pricing-table .table {
    font-size: 13px;
}

.pricing-table .table thead th {
    border: 0;
    vertical-align: top;
    padding-left: 0;
    padding-right: 0;
}

.pricing_plan-desc {
    width: 80%;
    margin: 0 auto;
    font-weight: 300;
}

.pricing-table .table thead th h3 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 0.75rem;
    margin-bottom: 0.75rem;
    position: relative;
}

.pricing-table .table thead th h3.line:before {
    content: '';
    position: absolute;
    left: 0;
    width: 80%;
    left: 10%;
    bottom: -1px;
    border-bottom: 2px solid var(--color-orange);
}

.pricing-table td.label {
    white-space: nowrap;
}

.pricing-table .table td {
    padding: 0.2rem 0.75rem;
}

.pricing-table .table .price {
    font-size: 14px;
}

.faqs-section h1 {
    max-width: 800px;
    margin: 0 auto 25px;
}

.hsnl-viewer .df-container {
    background-color: transparent !important;
}

/** Flipbook */
.df-container > .df-ui-next,
.df-container > .df-ui-prev {
    opacity: 0.6;
}

.df-container.df-floating > .df-ui-next {
    right: -6px;
}

.df-container.df-floating > .df-ui-prev {
    left: -6px;
}
.logo-desktop,
.slogan,
.menu-top {
    position: unset;
}
.float-icon-hotline {
    display: block;
    width: 40px;
    position: fixed;
    bottom: 45px;
    left: 5px;
    z-index: 999;
}
.float-icon-hotline ul {
    display: block;
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
}
.float-icon-hotline ul li {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
    margin-right: 5px;
}
.float-icon-hotline ul li .fa,
.float-icon-hotline ul li img {
    background-color: #ed1c24;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 36px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    border: 2px solid #fff;
}
.float-icon-hotline ul li .fa-phone {
    background-color: #f27418;
}

@media (max-width: 1200px) {
    .fa-phone {
        margin: 0 auto;
    }
}

@media (min-width: 1367px) {
    .slide-main > .slick-dots {
        padding-left: 30px;
        padding-right: 30px;
        bottom: 30px;
    }
}

@media (min-width: 1200px) {
    .section-nen-tang .row .col-md-5:nth-child(2n + 1) .mt-3 p {
        text-align: left;
    }
    .section-nen-tang .row .col-md-5:nth-child(2n + 1) p {
        text-align: right;
    }

    .section-nen-tang .row .col-md-5 {
        flex: 0 0 36.666667%;
        max-width: 36.666667%;
    }
    .homepage-sidle .category-home-sidle p.text-center {
        padding: 0 9rem;
        margin-bottom: 58px !important;
    }

    .item-featured .item-content {
        align-items: center;
    }

    .featured-content-tab .item-featured:nth-child(2n + 1) .featured-desc {
        order: 1;
    }

    .featured-content-tab .item-featured:nth-child(1) .featured-desc {
        order: 0;
    }

    .myblock {
        padding-top: 80px !important;
    }
}
@media (min-width: 800px) {
    .section-diem-noi-bat .item-diem-noi-bat:nth-child(odd) .left-diem-noi-bat {
        order: 2;
    }
    .section-diem-noi-bat
        .item-diem-noi-bat:nth-child(odd)
        .right-diem-noi-bat {
        order: 1;
    }
}
/* max 992 */
@media (max-width: 992px) {
    .category-home-sidle .item-img img {
        margin: auto;
    }
    .section-diem-noi-bat
        .item-diem-noi-bat
        .left-diem-noi-bat
        h3:nth-child(2) {
        font-size: 1.4rem !important;
    }
    .homepage-sidle .category-home-sidle,
    .section-ung-dung .container-fluid {
        padding: 0 !important;
    }
    .section-diem-noi-bat .row .number {
        font-size: 35px !important;
    }
    .category-home-sidle .slider-mb .slick-slide {
        padding: 0;
        margin-top: 35px;
    }
    .category-home-sidle .slider-mb .slick-slide.slick-current {
        margin-top: 0;
    }
    .homepage-sidle .slider-mb .slick-slide .item-category {
        background: #b5b4b4;
        opacity: 0.8;
        margin-bottom: 10px;
    }
    .homepage-sidle .slider-mb .slick-slide.slick-current .item-category {
        background: #0198c5;
        opacity: 1;
        position: relative;
        z-index: 2;
        margin-left: 10px;
        margin-right: 10px;
    }
    .section-ung-dung
        .ung-dung-container
        .row.item-ung-dung
        .col-md-6:nth-child(n + 3) {
        display: none;
        transition: all 0.5s;
    }
    .section-ung-dung
        .ung-dung-container.slick-current
        .row.item-ung-dung
        .col-md-6:nth-child(n + 3) {
        display: block;
        transition: all 0.5s;
    }

    .ung-dung-container .left-ung-dung {
        height: 433px;
    }
    .slick-prev,
    .slick-next {
        font-size: 16px !important;
        z-index: 1;
        width: 45px !important;
        height: 45px !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        box-shadow: 0 5px 10px rgba(0 0 0 / 0.5);
        background: rgba(15, 91, 137) !important;
        background: linear-gradient(
            125deg,
            #0f5b89 0%,
            #009dca 100%
        ) !important;
        background: -webkit-linear-gradient(
            125deg,
            #0f5b89 0%,
            #009dca 100%
        ) !important;
        border: 1px solid #fff;
        color: #fff !important;
        border-radius: 50%;
    }
    .ung-dung-container .item-contents h3 {
        font-size: 1rem;
    }
    .ung-dung-container .item-contents p {
        font-size: 12px;
    }
    .section-cau-chuyen .avt-cau-chuyen {
        padding: 128px;
    }
    .section-ung-dung .ung-dung-container .slick-current {
        transform: translateY(-25px);
        transition: all 0.5s;
    }
    .section-ung-dung .ung-dung-container {
        transition: all 0.5s;
    }
}

@media (max-width: 768px) {
    .slide-main > .slick-dots {
        padding-left: 30px;
        padding-right: 30px;
        bottom: 30px;
    }
    .homepage-sidle .container:first-child{
        margin-top: 10px;
    }
    .ung-dung-container .left-ung-dung {
        height: auto !important;
    }
    .section-ung-dung .slick-prev,
    .section-ung-dung .slick-next {
        top: 285px !important;
    }
    .ung-dung-container:nth-child(3) .item-ung-dung .content {
        height: auto !important;
    }
    .section-ung-dung .container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .homepage-sidle .category-home-sidle {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (min-width: 768px) {
    .ung-dung-container .ung-dung-row .left-ung-dung h3 {
        font-size: 1.4rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    h1 {
        font-size: 2.5rem;
    }
    h2 {
        font-size: 2rem;
    }
    h3 {
        font-size: 1.75rem;
    }

    .header-top {
        background-image: linear-gradient(
            to bottom,
            rgba(15, 91, 137, 1),
            rgba(15, 91, 137, 0)
        );
        padding: 15px;
    }
    .nhansu-people-info {
        display: none;
    }

    main#main {
        height: 100vh;
        padding-top: 145px;
        position: relative;
        overflow: auto;
        -webkit-mask-image: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0.1) 100px,
            rgba(0, 0, 0, 0.95) 120px
        );
        -webkit-mask-size: 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: top;
    }

    .admin-bar main#main {
        height: calc(100vh - 32px);
    }

    .slide-service .animate__animated {
        opacity: 0;
    }

    .slide-main {
        padding-top: 120px;
        -webkit-mask-image: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0) 125px,
            rgba(0, 0, 0, 0.95) 150px
        );
        -webkit-mask-size: 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: top;
    }

    .slide-main .slide-item {
        height: calc(100vh - 120px);
        padding-top: 25px;
    }

    body.admin-bar .slide-main .slide-item {
        height: calc(100vh - 120px - 32px);
    }

    .slide-main .slide-item > .container {
        height: 100%;
    }

    main#main:before {
        position: absolute;
        content: '';
        top: 0;
        width: 100%;
        left: 0;
        height: 160px;
        -webkit-mask-image: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 1),
            rgba(0, 0, 0, 0)
        );
        -webkit-mask-size: 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: left top;
    }

    .header-top.shadow-bg {
        background-image: linear-gradient(
            to bottom,
            rgba(15, 91, 137, 1),
            rgba(15, 91, 137, 0)
        );
        min-height: 150px;
    }

    .featured-section {
        position: relative;
        height: calc(100vh - 120px - 32px);
    }

    .featured-section .btns {
        position: absolute;
        bottom: 14px;
        left: 50%;
        transform: translateX(-50%);
    }

    .header-top {
    }
}
@media (min-width: 768px) and (max-width: 1060px) {
    .header-top .menu-top {
        width: 100%;
    }
}
@media (min-width: 768px) and (max-width: 1200px) {
    .section-nen-tang .img-nen-tang {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 1366px) {
    .contact-submitform .wpcf7 textarea .form-control {
        height: 10rem;
    }

    .header-top .menu-top > li {
        margin: 0 18px;
    }
    .menu-top {
        text-align: right;
    }

    .about-dinh-huong .items > .item:nth-child(1) {
        width: 280px;
        height: 280px;
    }

    .about-dinh-huong .items > .item:nth-child(2) {
        width: 240px;
        height: 240px;
    }

    .about-dinh-huong .items > .item:nth-child(3) {
        width: 460px;
        height: 460px;
        padding: 50px 50px;
        margin-top: -28px;
    }

    .slide-main {
        padding-top: 100px;
        -webkit-mask-image: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0) 100px,
            rgba(0, 0, 0, 0.95) 125px
        );
    }

    .slide-main .slide-item {
        height: calc(100vh - 100px);
    }

    body.admin-bar .slide-main .slide-item {
        height: calc(100vh - 100px - 32px);
    }

    .logo-desktop {
        height: 70px;
        top: 15px;
    }

    .slogan {
        margin: 21.5px 0;
        top: 15px;
    }

    .menu-top {
        top: 15px;
    }

    .admin-bar .menu-top {
        top: calc(15px + 32px);
    }

    .menu-top > li > a {
        line-height: 1;
    }

    .slide-main .lead {
        font-size: 1.18rem;
    }

    .slide-main p {
        margin-bottom: 0.4rem;
    }

    .row.column-full .slide-featured-item {
        text-align: center;
    }

    .item-featured img {
        max-width: 90%;
    }

    .item-featured .row.item-content.column-full img {
        max-width: 80%;
    }

    .item-featured .row.item-content.column-full > div.featured-thumb {
        padding-top: 0;
    }

    .slide-about .lead {
        font-size: 1.125rem;
    }
}

@media (max-width: 1366px) {
    h1.heading,
    h2.h1.heading {
        margin-bottom: 20px;
        font-size: 1.8rem;
    }

    h2.heading {
        font-size: 1.7rem;
    }

    .featured-list ul > li a {
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-wrap: nowrap;
        line-height: 1.2;
    }

    .featured-list ul.nav .icon {
        height: 40px;
    }

    .featured-list ul.nav .title {
        padding: 0 5px;
    }

    .featured-list ul > li {
        margin-bottom: 0;
    }

    .issues-list .intro,
    .additional_services-list .intro {
        font-size: 13px;
    }

    .issues-list .inner,
    .additional_services-list .inner {
        padding: 15px 10px;
    }

    .issues-list .resize,
    .additional_services-list .resize {
        padding-top: 50%;
    }
}

@media (max-width: 992px) {
    .gallery.gallery-columns-6 > .gallery-item,
    .gallery.gallery-columns-5 > .gallery-item {
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
    #main-footer #wpcf7-f29712-o1 .wpcf7-form {
        width: 71%;
    }
    .wpcf7 textarea.form-control {
        height: 8rem !important;
    }
    .myblock.footer {
        padding-top: 0 !important;
    }
    #main-footer #wpcf7-f29712-o1 {
        margin-top: 0 !important;
    }
}
@media (min-width: 800px) and (max-width: 992px) {
    .header-top {
        z-index: 5 !important;
    }
    .logo-desktop,
    .slogan {
        z-index: 2 !important;
    }
}
@media (max-width: 767px) {
    .header-top .menu-top {
        padding-bottom: 3px;
        padding-left: 5px;
    }
    #main-footer #wpcf7-f29712-o1 .wpcf7-form {
        width: unset;
    }
    .wpcf7 textarea.form-control {
        height: 6rem !important;
    }
    .heading-section {
        font-size: 25px;
    }
    .post-template-temp_top_seo .homepage-sidle .title {
        font-size: 26px;
    }
    .section-cau-chuyen .cau-chuyen-container .cau-chuyen-row {
        flex-direction: row !important;
    }
    .section-cau-chuyen .cau-chuyen-container .card-header .btn {
        flex-direction: column;
        padding: 0;
    }
    .section-goi-thiet-ket .slider-nav-why-mobi .slick-list {
        padding-bottom: 0 !important;
    }
    .section-goi-thiet-ket .col-md-4 {
        margin-bottom: 20px;
    }
    .section-quy-trinh-thiet-ke .left span {
        padding: 0 8px !important;
        border-radius: 100% !important;
    }
    .section-doi-tac .resize {
        border: 1px solid #0f5b8978;
        border-radius: 10px;
    }
    .section-cau-chuyen .nav-link {
        width: 50%;
    }
    .section-doi-tac .slick-prev,
    .section-doi-tac .slick-next {
        top: 46% !important;
        opacity: 0.8;
    }
    .section-doi-tac .slick-prev {
        left: 5px !important;
    }
    .section-doi-tac .slick-next {
        right: 5px !important;
    }
    .section-doi-tac.myblock {
        padding-top: 20px !important;
        padding-bottom: 0 !important;
    }
    .section-doi-tac .slick-list {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .section-doi-tac .content-section {
        margin: 0 !important;
    }
    .section-doi-tac .resize > img {
        object-fit: contain;
    }
    .section-vi-sao.myblock {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .section-vi-sao .slick-slide.slick-current img {
        object-fit: contain;
        width: 55% !important;
        opacity: 1;
        transition: all 0.5s;
        -webkit-filter: grayscale(0);
    }
    .section-vi-sao .slick-slide.slick-current h5.title {
        font-size: 14px !important;
        opacity: 1;
        margin-top: 0;
        text-transform: capitalize;
        color: var(--color-orange);
    }
    .section-vi-sao .slick-slide img {
        -webkit-filter: grayscale(1);
        opacity: 0.5;
        width: 45% !important;
        transition: all 0.5s;
        margin: 0 auto;
    }
    .section-vi-sao .content-content {
        border: 1px solid var(--color-orange);
        border-radius: 10px;
        padding: 2%;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }
    .section-vi-sao .content-content p {
        margin-bottom: 0 !important;
    }
    .section-vi-sao .slider-nav-why-mobi .slick-slide.slick-current {
        margin-top: 0;
        transition: all 0.5s;
    }
    .section-vi-sao .slider-nav-why-mobi .slick-slide {
        margin-top: 20px;
        transition: all 0.5s;
    }
    .section-vi-sao .slick-slide h5.title {
        font-size: 12px !important;
        opacity: 0.5;
        transition: all 0.5s;
        color: #cdcac4;
        text-align: center;
    }
    .section-vi-sao .slider-nav-why-mobi .slick-list {
        height: 150px;
    }
    .section-vi-sao .item-img {
        padding-top: 10px;
        /*        height: 82px !important;*/
    }
    .section-video .item-img i {
        bottom: 50%;
        left: 40%;
    }
    .section-diem-noi-bat
        .item-diem-noi-bat
        .left-diem-noi-bat
        h3:nth-child(2) {
        font-size: 1.4rem !important;
    }
    .section-diem-noi-bat .row .number {
        font-size: 30px !important;
        margin-top: 3px;
        font-weight: 500;
    }
    .section-diem-noi-bat .slick-list {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .section-diem-noi-bat .item-diem-noi-bat {
        margin-top: 0 !important;
    }
    .section-cau-chuyen .cau-chuyen-container .card-header .btn img {
        margin-bottom: 20px;
    }
    .section-cau-chuyen .item-cau-chuyen .container {
        padding: 20px;
    }
    .section-ung-dung .ung-dung-container .icon_masked {
        width: 41px;
    }
    .section-cau-chuyen .left-cau-chuyen {
        flex-direction: row !important;
        justify-content: center;
    }
    .section-cau-chuyen .left-cau-chuyen a {
        width: auto;
        margin: 10px;
        border-radius: 10px;
    }
    .homepage-sidle .title {
        font-size: 24px;
        line-height: 1.4;
    }
    .ung-dung-container .ung-dung-row .left-ung-dung h2 {
        font-size: 20px;
    }
    .section-doi-tac .col-md-3 {
        border: unset;
    }
    .section-lien-he .col-md-3 {
        margin: 20px;
    }
    .section-nen-tang .img-nen-tang {
        display: none;
    }

    .slick-list {
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .nhansu-people-info {
        display: block;
    }

    .nhansu-map {
        display: none;
    }

    .nhansu-people {
        padding: 10px;
    }

    .nhansu-people-inner {
        position: relative;
    }

    .nhansu-people-slideshow .slick-prev {
        left: -10px;
    }

    .nhansu-people-slideshow .slick-next {
        right: -10px;
    }

    .people-info {
        font-size: 12px;
    }

    .slick-prev,
    .slick-next {
        font-size: 16px !important;
        z-index: 1;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 5px 10px rgba(0 0 0 / 0.5);
        background: rgba(15, 91, 137) !important;
        background: linear-gradient(
            125deg,
            #0f5b89 0%,
            #009dca 100%
        ) !important;
        background: -webkit-linear-gradient(
            125deg,
            #0f5b89 0%,
            #009dca 100%
        ) !important;
        border: 1px solid #fff;
        color: #fff !important;
        border-radius: 50%;
    }

    .about-van-hoa .tab-content {
        padding: 0;
        border: 0;
    }

    .about-van-hoa .tab-content > .tab-pane {
        border: 1px solid #fff;
        border-radius: 20px;
        padding: 10px 20px;
    }

    .about-van-hoa .tab-content > .tab-pane + .tab-pane {
        margin-top: 20px;
    }

    body:before {
        bottom: 50px;
    }

    #wapper {
        padding-top: 0px;
        padding-bottom: 70px;
    }

    .slide-contact:before {
        z-index: -1;
        bottom: 50px;
        position: fixed;
        opacity: 0.7;
    }

    .toggler-open,
    .collapsed .toggler-close {
        display: none;
    }

    .toggler-close,
    .collapsed .toggler-open {
        display: block;
    }

    .slide-main .slide-item h1.heading,
    .slide-main .slide-item .h1.heading {
        text-align: center;
    }

    .btns {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        flex-wrap: wrap;
    }

    .btns a.btn {
        margin-bottom: 10px;
    }

    /* .slide-main {
        counter-reset: slide-counter;
        list-style-type: none;
    }
    .slide-main .slide-item h1.heading:before,
    .slide-main .slide-item .h1.heading:before {
        counter-increment: slide-counter;
        content: counters(slide-counter, ".") "";
        background: #ff8a00;
        color: #fff;
        text-align: center;
        margin-right: 10px;
        width: 36px;
        height: 36px;
        line-height: 36px;
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -18px;
        border-radius: 20px;
    } */
    .slide-main > .slick-dots {
        padding-left: 0;
        bottom: 55px;
        white-space: nowrap;
        position: fixed;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
    }

    .socials {
        text-align: center;
        margin-top: 20px;
    }

    .gallery.gallery-columns-6 > .gallery-item,
    .gallery.gallery-columns-5 > .gallery-item,
    .gallery.gallery-columns-4 > .gallery-item,
    .gallery.gallery-columns-3 > .gallery-item,
    .gallery.gallery-columns-2 > .gallery-item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .header-top {
        height: 0;
        z-index: 1031;
    }

    .slogan {
        margin: 0;
        left: 100px;
        top: 12px;
        font-size: 1rem;
    }

    .logo-desktop {
        height: 0 !important;
        opacity: 0 !important;
    }

    .header-top .menu-top > li > a {
        font-size: 12px;
        margin-bottom: 3px;
    }
    .homepage-sidle .col-md-6 {
        margin-bottom: 30px;
    }
    .menu-top > li a {
        font-size: 12px;
    }

    .section-diem-noi-bat .item-diem-noi-bat .right-diem-noi-bat {
        margin-bottom: 10px;
    }
    .home .homepage-sidle {
        padding-top: 3px;
    }
    .menu-top > li > a:before {
        min-width: 40px;
        height: 40px;
        margin-bottom: 0;
    }

    .header-top .menu-top > li > a:before {
        min-width: 25px;
        height: 25px;
    }

    .header-top .menu-top > li {
        margin: auto;
    }

    .slide-main .slide-item {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .about-dinh-huong .items > .item {
        animation: none !important;
        width: 100% !important;
        height: auto !important;
        margin: 15px 0 !important;
        padding: 10px 15px !important;
        border-radius: 10px !important;
    }

    .about-van-hoa .tab-content > .tab-pane {
        opacity: 1 !important;
        display: block !important;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .about-van-hoa .items {
        padding-left: 0;
        background: none !important;
    }

    .wpcf7-form .text-right {
        text-align: left !important;
    }

    .contact-info h2.h1,
    .featured-list ul.nav {
        display: none;
    }

    .slide-contact .wpcf7,
    .contact-info-content {
        padding-left: 0;
    }

    .slide-main .slide-item .desc,
    .slide-main h1.heading,
    .slide-main h2.heading {
        text-align: center;
    }

    .item-featured.tab-pane {
        display: block;
        opacity: 1;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .item-featured.tab-pane .heading {
        display: flex !important;
        align-items: center;
        flex-wrap: nowrap;
        line-height: 1.2;
    }

    .item-featured.tab-pane .heading > .icon {
        height: 50px;
        width: auto;
        display: block;
    }

    .item-featured.tab-pane .heading > .title {
        padding-left: 10px;
    }

    .slide-main .slide-item .desc {
        padding-bottom: 20px;
        margin-bottom: 15px;
        position: relative;
    }

    .slide-main .slide-item .desc:before {
        content: '';
        position: absolute;
        width: 70%;
        height: 1px;
        background-color: #fff;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .slide-main .slide-item .desc:after {
        content: '';
        position: absolute;
        width: 40px;
        height: 3px;
        background-color: #faa61a;
        bottom: -1px;
        left: 50%;
        transform: translateX(-50%);
    }

    .item-featured .row.item-content > div {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .template-list .item .thumb {
        width: 100%;
        padding: 0 10px;
    }

    .issues-list .inner {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
    }

    .issues-list .inner .thumb {
        max-width: 100px;
        width: 20%;
        margin-right: 10px;
    }

    .issues-list .inner .intro {
        margin-top: 0;
        width: 99%;
        font-size: 1rem;
        text-align: left;
    }

    .issues-list .resize {
        padding-top: 100%;
    }

    #modalPricing .close {
        top: 5px;
        right: 10px;
        color: #fff;
        opacity: 1;
        font-size: 2rem;
    }
}

@media (min-width: 576px) {
}

@media (max-width: 575px) {
    .slogan {
        display: none;
    }
}

@keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes zoomInOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes trackBallSlide {
    0%,
    100%,
    30%,
    60% {
        opacity: 1;
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
    }

    15%,
    50% {
        opacity: 0;
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}

@keyframes trackBallSlide {
    0%,
    100%,
    30%,
    60% {
        opacity: 1;
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
    }

    15%,
    50% {
        opacity: 0;
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}

.animate__animated.animate__10s {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-duration: calc(var(--animate-duration) * 10);
    animation-duration: calc(var(--animate-duration) * 10);
}

@-webkit-keyframes mypulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    20% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes mypulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    20% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.animate__mypulse {
    -webkit-animation-name: mypulse;
    animation-name: mypulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.page-doi-tac .container {
    max-width: 1400px;
    padding: 0 20px 30px;
    text-align: center;
}

.page-doi-tac .resize {
    padding-top: 50%;
    display: inline-block;
}

.page-doi-tac .resize > img {
    object-fit: contain;
    background-position: center;
}

.page-doi-tac .desc {
    margin-top: 15px;
}

.page-doi-tac .item,
.faqs-list .item {
    margin-top: 15px;
    margin-bottom: 15px;
}

.page-doi-tac .inner,
.faqs-list .inner {
    text-align: center;
    border: 2px solid #ccc;
    border-radius: 15px;
    color: #eee;
    background-color: rgb(0 0 0 / 30%);
    padding: 15px;
}

.faqs-list .inner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(images/faqs-bg.png) center center / auto 75% no-repeat;
    opacity: 0.1;
}

.page-doi-tac .inner:hover,
.faqs-list .inner:hover {
    text-align: center;
    border: 2px solid #0c89be;
    color: #111;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 3px 5px rgba(0 0 0 / 80%);
}

.page-doi-tac .inner a,
.faqs-list .inner a {
    color: #eee;
}

.page-doi-tac .inner:hover a,
.faqs-list .inner:hover a {
    color: #111;
}

.page-doi-tac h3,
.faqs-list h3 {
    font-size: 15px;
    text-transform: uppercase;
}

.page-doi-tac .desc-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 48px;
}

.faqs-list .inner {
    position: relative;
    padding-top: 100%;
}

.faqs-list h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    padding: 10px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.faqs-list .intro {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    line-clamp: 9;
    -webkit-box-orient: vertical;
    font-size: 14px;
    padding: 0 10px;
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    height: 0;
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    transition-delay: 0.2s;
}

.faqs-list .inner:hover h3 {
    top: 10px;
    transform: translateY(0);
}

.faqs-list .inner:hover .intro {
    height: auto;
    opacity: 1;
}

.row-padding-lg {
    margin-left: -20px;
    margin-right: -20px;
}

.row-padding-sm {
    margin-left: -10px;
    margin-right: -10px;
}

.row-padding-xs {
    margin-left: -5px;
    margin-right: -5px;
}

.row-padding-lg > div {
    padding-left: 20px;
    padding-right: 20px;
}

.row-padding-sm > div {
    padding-left: 10px;
    padding-right: 10px;
}

.row-padding-xs > div {
    padding-left: 5px;
    padding-right: 5px;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-xs-25,
.col-sm-25,
.col-md-25,
.col-lg-25,
.col-xs-35,
.col-sm-35,
.col-md-35,
.col-lg-35,
.col-xs-45,
.col-sm-45,
.col-md-45,
.col-lg-45 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.col-xs-15,
.col-xs-25,
.col-xs-35,
.col-xs-45 {
    float: left;
}

.col-xs-15 {
    width: 20%;
}

.col-xs-25 {
    width: 40%;
}

.col-xs-35 {
    width: 50%;
}

.col-xs-45 {
    width: 80%;
}

@media (min-width: 768px) {
    .col-sm-15,
    .col-sm-25,
    .col-sm-35,
    .col-sm-45 {
        float: left;
    }

    .col-sm-15 {
        width: 20%;
    }

    .col-sm-25 {
        width: 40%;
    }

    .col-sm-35 {
        width: 50%;
    }

    .col-sm-45 {
        width: 80%;
    }

    .row-list > .col-sm-15:nth-child(5n + 1) {
        clear: left;
    }
}

@media (min-width: 992px) {
    .col-md-15,
    .col-md-25,
    .col-md-35,
    .col-md-45 {
        float: left;
    }

    .col-md-15 {
        width: 20%;
    }

    .col-md-25 {
        width: 40%;
    }

    .col-md-35 {
        width: 50%;
    }

    .col-md-45 {
        width: 80%;
    }

    .row-list > .col-md-15:nth-child(5n + 1) {
        clear: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15,
    .col-lg-25,
    .col-lg-35,
    .col-lg-45 {
        float: left;
    }
    .slogan {
        width: 320px;
    }
    .logo-desktop a {
        padding-left: 5%;
    }
    .menu-top {
        padding-right: 2%;
    }
    .col-lg-15 {
        width: 20%;
    }

    .row-list > .col-lg-15:nth-child(5n + 1) {
        clear: left;
    }
    .homepage-sidle h1.heading-section {
        font-size: 2rem;
        line-height: 1.3;
    }
    .section-diem-noi-bat .row .number {
        font-size: 35px;
        font-weight: 500;
    }
    .wpcf7 textarea.form-control {
        height: 13rem !important;
    }
}
.wpcf7 textarea.form-control {
    border-radius: 10px;
}
.section-diem-noi-bat .modal-content .embed-responsive-16by9::before {
    padding-top: 0px !important;
}
.section-diem-noi-bat .modal-content {
    border: 1px solid rgb(255 250 250) !important;
    color: #fff;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 0.3rem;
    outline: 0;
    background-color: #0f5b89c7 !important;
}
.section-diem-noi-bat .modal-content .box-contact {
    padding: 5%;
}
.section-diem-noi-bat #btnContact {
    background-color: rgb(0 0 0 / 72%);
}
/* câu hỏi  */
.section-cau-hoi {
    background-color: #fff;
}
.section-cau-hoi .heading-section,
.section-cau-hoi .content-section {
    color: var(--color-primary);
}
.section-cau-hoi .card-header .btn {
    padding: 10px 0;
    font-size: 18px;
    color: var(--color-primary);
}
.section-cau-hoi .card-body {
    padding: 10px 0;
    color: #000;
}
.section-cau-hoi .card-header h3 {
    border-bottom: 1px solid var(--color-primary);
}
.section-cau-hoi .card-header {
    background-color: unset;
    border: unset;
    padding: 1px 0;
}
.section-cau-hoi .card {
    background-color: unset;
    border: unset;
}
.section-cau-hoi .btn:focus {
    box-shadow: unset;
    text-decoration: unset !important;
}

#btnContact .modal-content {
    border: 1px solid rgb(255 250 250) !important;
    background-color: #0f5b89c7 !important;
}
#btnContact .modal-header {
    border-bottom: 1px solid #ffc107 !important;
}
#btnContact .modal-title {
    color: #fff;
}
.modal-content .close span {
    color: #fff;
}
#btnContact .box-contact {
    padding: 5%;
}
#btnContact .box-contact .embed-responsive-16by9::before {
    padding: 0;
}
#btnContact .box-contact .form-group {
    color: #fff;
}
#btnContact .box-contact .form-control {
    border-radius: calc(1.5rem + 0.75rem) !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-color: #fff !important;
    color: #000 !important;
}
#btnContact .box-contact .form-group {
    color: #fff;
}
#btnContact .box-contact .wpcf7 textarea.form-control {
    height: 9rem;
    border-radius: 10px !important;
}

/* =====================================================================
   >>> CIT — REDESIGN TRANG KAIZEN ERP /phan-mem-quan-ly-doanh-nghiep <<<
   File style_crm.css chỉ nạp cho template "Kaizen Erp" => chỉ ảnh hưởng trang này.
   Thêm vào CUỐI file. Phong cách proposal. NGOẠI TRỪ .bai-viet (blog nhúng).
   Giữ nguyên HTML/PHP & class. Màu CIT: #0F5B89 · #009DCA · #FAA61A · #8adcff · #FFD37E
===================================================================== */
:root{
  --cit-blue:#0F5B89; --cit-blue-d:#0A4468; --cit-cyan:#009DCA;
  --cit-orange:#FAA61A; --cit-orange-d:#E08D08; --cit-ice:#8adcff; --cit-gold:#FFD37E;
}

/* ---------- Nút chung ---------- */
.home .myblock .btn-warning{
  border-radius:999px !important; padding:11px 26px !important; font-weight:700 !important; border:0 !important;
  background:linear-gradient(135deg,var(--cit-orange),var(--cit-orange-d)) !important; color:#12222C !important;
  box-shadow:0 8px 20px rgba(250,166,26,.35) !important; transition:transform .2s ease, box-shadow .2s ease;
}
.home .myblock .btn-warning:hover{ transform:translateY(-2px); box-shadow:0 12px 26px rgba(250,166,26,.5) !important; }
.home .myblock .btn-primary{
  border-radius:999px !important; padding:11px 26px !important; font-weight:700 !important;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.home .myblock .btn-primary:hover{ transform:translateY(-2px); }

/* tiêu đề section: gạch nhấn cam giữa */
.home .category-home-sidle .heading-section,
.home .section-video .heading-section,
.home .section-lien-he .heading-section{ position:relative; }
.home .category-home-sidle .heading-section::after,
.home .section-video .heading-section::after,
.home .section-lien-he .heading-section::after{
  content:""; display:block; width:72px; height:4px; margin:14px auto 2px;
  border-radius:4px; background:linear-gradient(90deg,var(--cit-orange),var(--cit-gold));
}

/* =====================================================================
   1. HERO (.homepage-sidle .container:first-child) — card gradient glass
===================================================================== */
.home .homepage-sidle .container:first-child{
  position:relative; overflow:hidden;
  border:1px solid rgba(138,220,255,.45) !important;
  border-bottom:1px solid rgba(138,220,255,.45) !important;   /* thay border cũ */
  background:linear-gradient(150deg,#0F5B89 0%,#0A4468 55%,#0d6d9e 140%) !important;
  border-radius:26px !important;
  padding:48px 52px !important;
  box-shadow:0 30px 70px rgba(3,40,63,.42), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.home .homepage-sidle .container:first-child::after{
  content:""; position:absolute; left:0; top:0; height:4px; width:100%; z-index:2;
  background:linear-gradient(90deg,var(--cit-orange),var(--cit-gold),var(--cit-ice),var(--cit-cyan)); opacity:.9;
}
.home .homepage-sidle .container:first-child::before{
  content:""; position:absolute; right:-6%; bottom:-30%; width:60%; height:180%;
  background:repeating-radial-gradient(circle at 100% 50%, rgba(255,255,255,.08) 0 2px, rgba(255,255,255,0) 2px 30px);
  pointer-events:none;
}
.home .homepage-sidle .container:first-child .row{ position:relative; z-index:1; }
.home .homepage-sidle .container:first-child .title{
  color:#fff !important; font-weight:800 !important; line-height:1.18 !important;
  position:relative; padding-bottom:16px; margin-bottom:16px !important;
}
.home .homepage-sidle .container:first-child .title::after{
  content:""; position:absolute; left:0; bottom:0; width:64px; height:4px; border-radius:4px;
  background:linear-gradient(90deg,var(--cit-orange),var(--cit-gold));
}
.home .homepage-sidle .container:first-child .content-section{
  color:rgba(255,255,255,.92) !important; line-height:1.6 !important; margin-bottom:16px !important; font-weight:500;
}
.home .homepage-sidle .container:first-child .content-content{
  color:rgba(255,255,255,.9) !important; line-height:1.65 !important; margin-bottom:20px !important;
}
.home .homepage-sidle .container:first-child .content-content strong{ color:var(--cit-gold); }
.home .homepage-sidle .container:first-child .d-flex{ gap:12px; flex-wrap:wrap; }
.home .homepage-sidle .container:first-child .btn-primary{
  background:transparent !important; border:1.5px solid rgba(255,255,255,.7) !important; color:#fff !important;
}
.home .homepage-sidle .container:first-child .btn-primary:hover{ background:#fff !important; color:var(--cit-blue) !important; }
/* checklist: ul có thể bị tách khỏi <p.content-content> -> nhắm ul trong cột trái */
.home .homepage-sidle .container:first-child .col-md-6 ul{
  list-style:none !important; padding:0 !important; margin:0 0 20px !important;
  display:grid; grid-template-columns:1fr 1fr; gap:9px 24px;
}
.home .homepage-sidle .container:first-child .col-md-6 ul li{
  position:relative; padding-left:30px; color:#eaf6fc; font-size:14.6px; line-height:1.5;
  list-style:none !important; transition:transform .2s ease,color .2s ease;
}
.home .homepage-sidle .container:first-child .col-md-6 ul li::before{
  content:"\2713"; position:absolute; left:0; top:1px; width:20px; height:20px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:800; color:#0F5B89;
  background:linear-gradient(135deg,var(--cit-orange),var(--cit-gold)); box-shadow:0 2px 6px rgba(250,166,26,.4);
}
.home .homepage-sidle .container:first-child .col-md-6 ul li:hover{ transform:translateX(3px); color:#fff; }
/* ảnh hero */
.home .homepage-sidle .container:first-child .col-md-6:last-child{ position:relative; }
.home .homepage-sidle .container:first-child .col-md-6:last-child::before{
  content:""; position:absolute; left:50%; top:50%; width:76%; padding-bottom:76%; transform:translate(-50%,-50%);
  background:radial-gradient(circle, rgba(138,220,255,.35) 0%, rgba(138,220,255,0) 62%); z-index:0; pointer-events:none;
}
.home .homepage-sidle .container:first-child .resize{
  position:relative; z-index:1; border-radius:18px; animation:citFloat 5.5s ease-in-out infinite;
}
.home .homepage-sidle .container:first-child .resize > img{ filter:drop-shadow(0 20px 30px rgba(3,40,63,.5)); }
@keyframes citFloat{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }

/* =====================================================================
   2. LƯỚI DANH MỤC (.category-home-sidle .item-category)
===================================================================== */
.home .homepage-sidle .item-category{
  position:relative; overflow:hidden;
  background:linear-gradient(150deg,#0d6d9e 0%,#0f5b89 60%,#0A4468 130%) !important;
  border:1px solid rgba(138,220,255,.35) !important;
  border-bottom:4px solid var(--cit-orange) !important;
  border-radius:18px !important;
  box-shadow:0 14px 30px rgba(3,40,63,.30) !important;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.home .homepage-sidle .item-category:hover{
  transform:translateY(-6px);
  background:linear-gradient(150deg,#0f74a6,#0f5b89) !important;
  box-shadow:0 22px 44px rgba(3,40,63,.45) !important;
}
.home .homepage-sidle .item-category .title{ color:#fff !important; font-weight:700 !important; }
.home .homepage-sidle .item-category .content-content{ color:#dceefa !important; font-size:14.5px; }
.home .homepage-sidle .item-category .item-img img{ transition:transform .3s ease; }
.home .homepage-sidle .item-category:hover .item-img img{ transform:scale(1.06); }
/* Nút "Xem chi tiết" — glassmorphism ánh cam→trắng→cyan (nhẹ màu, viền kính) */
.home .homepage-sidle .item-category .btn-primary{
  position:relative; overflow:hidden; margin-top:10px;
  color:#fff !important; letter-spacing:.4px;
  background:linear-gradient(135deg,rgba(250,166,26,.34) 0%,rgba(255,255,255,.20) 48%,rgba(0,157,202,.32) 100%) !important;
  -webkit-backdrop-filter:blur(9px); backdrop-filter:blur(9px);
  border:1px solid rgba(255,255,255,.55) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5), inset 0 -6px 14px rgba(3,40,63,.18), 0 8px 20px rgba(3,40,63,.30) !important;
  text-shadow:0 1px 2px rgba(3,40,63,.35);
}
/* lớp bóng sáng phía trên tạo cảm giác kính */
.home .homepage-sidle .item-category .btn-primary::after{
  content:""; position:absolute; left:0; top:0; right:0; height:45%;
  background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0)); pointer-events:none;
}
.home .homepage-sidle .item-category .btn-primary:hover{
  background:linear-gradient(135deg,rgba(250,166,26,.55) 0%,rgba(255,255,255,.28) 48%,rgba(0,157,202,.5) 100%) !important;
  border-color:rgba(255,255,255,.8) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6), 0 12px 26px rgba(250,166,26,.32) !important;
  transform:translateY(-2px);
}

/* =====================================================================
   3. SECTION VIDEO (.section-video)
===================================================================== */
.home .section-video{ background:linear-gradient(180deg,#eef6fb 0%,#ffffff 32%) !important; }
.home .section-video .item-img{
  border-radius:18px !important; overflow:hidden;
  box-shadow:0 18px 40px rgba(15,91,137,.20);
  border:1px solid #d6ebf5; transition:transform .3s ease, box-shadow .3s ease;
}
.home .section-video .item-img:hover{ transform:translateY(-4px); box-shadow:0 24px 50px rgba(15,91,137,.30); }
.home .section-video .item-img i{
  background:linear-gradient(135deg,var(--cit-orange),var(--cit-orange-d)) !important;
  border:0 !important; box-shadow:0 8px 20px rgba(250,166,26,.5); color:#fff !important;
  transition:transform .25s ease;
}
.home .section-video .item-img:hover i{ transform:scale(1.1); }
.home .section-video .content-section{ color:#0f5b89 !important; }
.home .section-video .content-content{
  border-left:3px solid var(--cit-orange); padding-left:14px; color:#33566e;
}

/* =====================================================================
   4. LIÊN HỆ (.section-lien-he) — CHỪA .bai-viet
===================================================================== */
/* KHÔNG đổi nền section-lien-he (giữ nền gốc để tiêu đề trắng + .bai-viet vẫn hiện rõ) */
.home .section-lien-he .col-md-3 .item-lien-he{
  border-radius:20px !important;
  border:1px solid rgba(138,220,255,.5) !important;
  background:linear-gradient(165deg,#2ba7ef,#0f5b89) !important;
  box-shadow:0 12px 30px rgba(3,40,63,.22) !important;
  padding:20px !important;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.home .section-lien-he .col-md-3 .item-lien-he:hover{
  transform:translateY(-6px);
  background:linear-gradient(165deg,#0a86d6,#0f5b89) !important;
  box-shadow:0 20px 44px rgba(3,40,63,.38) !important;
}
.home .section-lien-he .item-lien-he .title{ color:#fff !important; font-weight:700; }
.home .section-lien-he .item-lien-he .content-content{ color:#e7f4fc !important; }
.home .section-lien-he .item-lien-he .item-img{ transition:transform .3s ease; }
.home .section-lien-he .item-lien-he:hover .item-img{ transform:scale(1.08); }
/* Blog nhúng .bai-viet: KHÔNG có rule redesign nào nhắm tới -> giữ nguyên mặc định. */

/* =====================================================================
   5. RESPONSIVE
===================================================================== */
@media (max-width:991px){
  .home .homepage-sidle .container:first-child{ padding:32px 20px !important; border-radius:20px !important; }
  .home .homepage-sidle .container:first-child .col-md-6 ul{ grid-template-columns:1fr; gap:9px; }
  .home .homepage-sidle .container:first-child .resize{ animation:none; }
}
@media (max-width:767px){
  .home .homepage-sidle .container:first-child{ margin-top:30px !important; }
  .home .section-lien-he .col-md-3{ margin:12px 20px !important; }
}
/* =================== HẾT REDESIGN KAIZEN ERP =================== */