:root {
    --primary-color: #b10030;
}

ul {
    list-style: none
}

/*  */
#news header.transparent {
    background-color: #b10030;
}

#news header.transparent #top-bar {
    display: none;
}

/*  */
.background-eee {
    background: #eee;
}

.post-card-shadow {
    background: #fff;
    box-shadow: rgb(0 0 0 / 10%) 0 4px 12px;
    border-radius: 8px;

}

.box-text-pd {
    padding: 10px;
}

.post-card-border {
    border-radius: 10px 10px 0px 0px !important;
}

.post-blog-pd {
    padding-bottom: 10px;
}

/*  */
.full-width .ubermenu-nav,
.container,
.row {
    max-width: 1170px
}

.row.row-collapse {
    max-width: 1140px
}

.row.row-small {
    max-width: 1162.5px
}

.row.row-large {
    max-width: 1200px
}


#logo img {
    max-height: 90px
}

#logo {
    width: 200px;
}

.header-top {
    min-height: 30px
}


.transparent #logo img {
    max-height: 90px
}

.has-transparent+.page-title:first-of-type,
.has-transparent+#main>.page-title,
.has-transparent+#main>div>.page-title,
.has-transparent+#main .page-header-wrapper:first-of-type .page-title {
    padding-top: 120px;
}

.header.show-on-scroll,
.stuck .header-main {
    height: 55px !important
}

.stuck #logo img {
    max-height: 70px !important
}

.header-bottom {
    background-color: #f1f1f1
}

.header-main .nav>li>a {
    line-height: 16px
}

@media (max-width: 549px) {
    #logo img {
        max-height: 70px
    }
}

.nav-dropdown {
    border-radius: 10px
}

.nav-dropdown {
    font-size: 100%
}

/* Color */
.accordion-title.active,
.has-icon-bg .icon .icon-inner,
.logo a,
.primary.is-underline,
.primary.is-link,
.badge-outline .badge-inner,
.nav-outline>li.active>a,
.nav-outline>li.active>a,
.cart-icon strong,
[data-color='primary'],
.is-outline.primary {
    color: #b10030;
}

/* Color !important */
[data-text-color="primary"] {
    color: #b10030 !important;
}

/* Background Color */
[data-text-bg="primary"] {
    background-color: #b10030;
}

/* Background */
.scroll-to-bullets a,
.featured-title,
.label-new.menu-item>a:after,
.nav-pagination>li>.current,
.nav-pagination>li>span:hover,
.nav-pagination>li>a:hover,
.has-hover:hover .badge-outline .badge-inner,
button[type="submit"],
.button.wc-forward:not(.checkout):not(.checkout-button),
.button.submit-button,
.button.primary:not(.is-outline),
.featured-table .title,
.is-outline:hover,
.has-icon:hover .icon-label,
.nav-dropdown-bold .nav-column li>a:hover,
.nav-dropdown.nav-dropdown-bold>li>a:hover,
.nav-dropdown-bold.dark .nav-column li>a:hover,
.nav-dropdown.nav-dropdown-bold.dark>li>a:hover,
.is-outline:hover,
.tagcloud a:hover,
.grid-tools a,
input[type='submit']:not(.is-form),
.box-badge:hover .box-text,
input.button.alt,
.nav-box>li>a:hover,
.nav-box>li.active>a,
.nav-pills>li.active>a,
.current-dropdown .cart-icon strong,
.cart-icon:hover strong,
.nav-line-bottom>li>a:before,
.nav-line-grow>li>a:before,
.nav-line>li>a:before,
.banner,
.header-top,
.slider-nav-circle .flickity-prev-next-button:hover svg,
.slider-nav-circle .flickity-prev-next-button:hover .arrow,
.primary.is-outline:hover,
.button.primary:not(.is-outline),
input[type='submit'].primary,
input[type='submit'].primary,
input[type='reset'].button,
input[type='button'].primary,
.badge-inner {
    background-color: #b10030;
}

/* Border */
.nav-vertical.nav-tabs>li.active>a,
.scroll-to-bullets a.active,
.nav-pagination>li>.current,
.nav-pagination>li>span:hover,
.nav-pagination>li>a:hover,
.has-hover:hover .badge-outline .badge-inner,
.accordion-title.active,
.featured-table,
.is-outline:hover,
.tagcloud a:hover,
blockquote,
.has-border,
.cart-icon strong:after,
.cart-icon strong,
.blockUI:before,
.processing:before,
.loading-spin,
.slider-nav-circle .flickity-prev-next-button:hover svg,
.slider-nav-circle .flickity-prev-next-button:hover .arrow,
.primary.is-outline:hover {
    border-color: #b10030
}

.nav-tabs>li.active>a {
    border-top-color: #b10030
}

.widget_shopping_cart_content .blockUI.blockOverlay:before {
    border-left-color: #b10030
}

.woocommerce-checkout-review-order .blockUI.blockOverlay:before {
    border-left-color: #b10030
}

/* Fill */
.slider .flickity-prev-next-button:hover svg,
.slider .flickity-prev-next-button:hover .arrow {
    fill: #b10030;
}

/* Background Color */
[data-icon-label]:after,
.secondary.is-underline:hover,
.secondary.is-outline:hover,
.icon-label,
.button.secondary:not(.is-outline),
.button.alt:not(.is-outline),
.badge-inner.on-sale,
.button.checkout,
.single_add_to_cart_button,
.current .breadcrumb-step {
    background-color: #2196f3;
}

[data-text-bg="secondary"] {
    background-color: #2196f3;
}

/* Color */
.secondary.is-underline,
.secondary.is-link,
.secondary.is-outline,
.stars a.active,
.star-rating:before,
.woocommerce-page .star-rating:before,
.star-rating span:before,
.color-secondary {
    color: #2196f3
}

/* Color !important */
[data-text-color="secondary"] {
    color: #2196f3 !important;
}

/* Border */
.secondary.is-outline:hover {
    border-color: #2196f3
}

body {
    font-size: 100%;
}


body {
    font-weight: 0
}

body {
    color: #262626
}


.nav>li>a {
    font-weight: 600;
}

.mobile-sidebar-levels-2 .nav>li>ul>li>a {
    font-weight: 600;
}


h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.banner h1,
.banner h2 {
    font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font {
    color: #141414;
}

.alt-font {
    font-weight: 400 !important;
}

.header:not(.transparent) .header-nav-main.nav>li>a {
    color: #fff;
}

/* .header:not(.transparent) .header-nav-main.nav>li>a:hover,
.header:not(.transparent) .header-nav-main.nav>li.active>a,
.header:not(.transparent) .header-nav-main.nav>li.current>a,
.header:not(.transparent) .header-nav-main.nav>li>a.active,
.header:not(.transparent) .header-nav-main.nav>li>a.current {
    color: #2196f3;
} */

.header-nav-main.nav-line-bottom>li>a:before,
.header-nav-main.nav-line-grow>li>a:before,
.header-nav-main.nav-line>li>a:before,
.header-nav-main.nav-box>li>a:hover,
.header-nav-main.nav-box>li.active>a,
.header-nav-main.nav-pills>li>a:hover,
.header-nav-main.nav-pills>li.active>a {
    color: #FFF !important;
    background-color: #2196f3;
}

a {
    color: #b10030;
}

a:hover {
    color: #1e73be;
}

.tagcloud a:hover {
    border-color: #1e73be;
    background-color: #1e73be;
}

.widget a {
    color: #2d2d2d;
}

.widget a:hover {
    color: #2196f3;
}

.widget .tagcloud a:hover {
    border-color: #2196f3;
    background-color: #2196f3;
}

/* Custom CSS */
.slider-section .col {
    padding-bottom: 0
}

.nut-xem-them {
    border-radius: 6px;
    /*background: linear-gradient(90deg, rgb(30 255 255) 0%, rgb(0 126 204) 100%) transparent;*/
    font-weight: normal;
    font-size: 15px;
    margin: 0;
    padding: 6px 15px;
    /*border: 1px solid #02e1f1;*/
}

.progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #007bff;
    transition: width .6s ease;
}

.wait-progress p {
    text-align: center;
    font-size: 14px;
    margin-bottom: 3px
}

#form-ttv {
    display: block
}

#form-ttv .row {
    margin-left: 0;
    margin-right: 0
}

#form-ttv .row .col-lg-12 {
    display: block;
    width: 100%
}

#form-ttv .form-group {
    font-size: 14px;
    margin-bottom: 10px;
    display: block
}

#form-ttv .btn-form-action .row {
    display: inline-block;
    width: 100%;
    clear: both
}

#form-ttv .btn-form-action .row .col-md-12.action-type {
    width: 50%;
    float: left;
    display: inline-block;
    padding-right: 10px
}

#form-ttv .btn-form-action .row .col-md-12.right {
    width: 50%;
    padding-left: 10px;
    float: right;
    display: inline-block
}

.wait-progress {
    display: none
}

.action-ai {
    display: inline-block;
    width: 100%;
    clear: both
}

.action-ai .default-btn.left {
    display: inline-block;
    float: left;
    /* width: 50%; */
    padding: 0 33px;
    line-height: 10px;
    margin-bottom: 0;
    background: #1480c4;
    text-align: center;
    border-radius: 5px;
    font-weight: normal;
    text-transform: none;
    color: white;
}

.action-ai br {
    display: none
}

.btn-form-action select {
    border-radius: 5px;
    font-size: 15px;
    margin-bottom: 0
}

.action-ai .btn-play {
    margin-bottom: 0;
    display: inline-block;
    background: #b10030;
    line-height: 10px;
    border-radius: 5px;
    text-transform: none;
    color: white;
    font-weight: normal;
    padding: 0 50px;
    background-image: url(/images/service/play-icon.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position-y: 11px;
    background-position-x: 19px;
}

#form-ttv textarea {
    background: #f9f9f9;
    box-shadow: none;
    border-radius: 5px;
    padding: 15px
}

.bang-gia-section .slider-wrapper .flickity-slider .row {
    width: calc(100% / 3) !important;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.bang-gia-section .flickity-slider>.row:not(.is-selected) {
    opacity: 1;
}

.nut-xem-them:hover {
    box-shadow: 0px 8px 25px rgb(0 0 0 / 25%)
}

.hotline .hotline-number {
    font-size: 20px;
    color: white;
    font-weight: bold;
}

.hotline {
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 9000;
    display: block;
    background: #b10030;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 99px;
}

.slider-section h3 {
    margin-bottom: 0;
    font-size: 21px;
    font-weight: 500;
}

.nav>li>a {
    font-weight: normal
}

.nav-dropdown {
    min-width: 350px
}

.nav-dropdown>li>a {
    display: block;
    color: #2b2b2b;
}

.nav-dropdown>li>a:hover {
    padding-left: 7px;
    color: #2196f3
}

.doc-thu-section .col {
    padding-bottom: 0
}

.form-nghe-thu select,
.form-nghe-thu textarea,
.form-nghe-thu input {
    margin-bottom: 0;
    border-radius: 5px;
    box-shadow: none;
    font-size: 15px;
}

.form-nghe-thu .row-info {
    display: inline-block;
    width: 100%;
    clear: both;
    margin-top: 15px;
}

form {
    margin-bottom: 0
}

.form-nghe-thu .row-info .cot {
    width: 25%;
    padding-left: 7px;
    padding-right: 7px;
    display: inline-block;
    float: left
}

.form-nghe-thu .row-info .cot:first-child {
    padding-left: 0
}

.form-nghe-thu .row-info .cot:last-child {
    padding-right: 0
}

.form-nghe-thu button {
    width: 100%;
    background: #2f4684;
    border-radius: 5px;
    text-transform: none;
    letter-spacing: 0;
    color: white;
    background: linear-gradient(90deg, rgb(10 169 221) 0%, #2196f3 100%) transparent;
}

.form-nghe-thu.doc-thu-section .col.large-12 {
    margin-top: -60px
}

.doc-thu-section .col.large-12 .col-inner {
    background: white;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
    padding: 25px;
    padding-top: 35px;
    border-radius: 10px
}

.nut-lam-gi {
    background-color: white;
    margin: 0;
    padding: 10px 20px 10px 44px;
    background-image: url(/images/service/icon-lam-gi.png);
    background-position: 7px 6px;
    background-repeat: no-repeat;
    border-radius: 35px;
    box-shadow: 0 0 30px rgb(0 0 0 / 13%);
    text-transform: uppercase;
    color: #1f98f1;
}

.dich-vu-section h2,
.gioi-thieu-section h2,
.khach-hang-section h2,
.tin-tuc-section h2,
.bang-gia-section h2,
.so-lieu-section h2 {
    font-weight: 600;
    font-size: 30px;
    color: #b10030;
    text-align: center;
}

.list-post .post-item .box-text {
    background: white;
    padding: 15px;
}

.box-blog-post .is-divider {
    display: none
}

.list-post .post-item .post-title {
    margin: 0;
    margin-bottom: 10px;
    font-size: 19px;
    font-weight: 600;
    color: #2f4684;
}

.nut-xem-them2 {
    margin-bottom: 0
}

.list-post .post-item a:hover {
    color: #424242
}

.list-post .post-item .box-text {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.list-post .post-item .box-image {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.tin-tuc-section .col {
    padding-bottom: 0
}

.list-post .post-item:hover .col-inner {
    box-shadow: rgb(0 0 0 / 7%) 0px 0px 55px 0px;
}

.lien-he-section .section-bg {
    background-attachment: fixed;
}

.lien-he-section h2 {
    font-weight: 600;
    font-size: 30px
}

.dich-vu-section {
    padding-bottom: 10px !important
}

.stuck .header-main {
    background: #b10030
}

.lam-gi-section .cot1 .icon-box,
.lam-gi-section .cot4 .icon-box {
    padding: 55px 20px 70px 10px;
    background-color: #feeff0;
    border-radius: 40px 0 0;
}

.lam-gi-section .icon-box h3 {
    font-size: 19px;
    font-weight: 600;
    color: #b10030;
}

.lam-gi-section .img-plus {
    margin-top: -68px;
}

.lam-gi-section .icon-box .icon-box-text p {
    font-size: 15px;
    color: #5a5a5a;
}

.lam-gi-section .cot2 .icon-box,
.lam-gi-section .cot5 .icon-box {
    padding: 55px 20px 70px 10px;
    background-color: #f0f3fa;
    border-radius: 40px;
}

.lam-gi-section .cot3 .icon-box,
.lam-gi-section .cot6 .icon-box {
    padding: 55px 20px 70px 10px;
    background-color: #feeff0;
    border-radius: 0 0 40px;
}

.lam-gi-section .large-4 {
    padding-bottom: 0;
}

.nut-xem-them2 {
    padding: 4px 27px;
    font-weight: normal;
    letter-spacing: 0;
    font-size: 15px;
}

.form-tu-van .row-info .right {
    display: inline-block;
    width: 50%;
    float: right;
    padding-left: 6px
}

.form-tu-van .row-info .left {
    padding-right: 6px;
    display: inline-block;
    width: 50%;
    float: left
}

.form-tu-van .row-info {
    display: inline-block;
    width: 100%;
    clear: both
}

.fomr-tu-van input[type='submit'] {
    margin-bottom: 0
}

.lien-he-section .col {
    padding-bottom: 0
}

.form-tu-van input,
.form-tu-van textarea {
    border: none;
    box-shadow: none;
    border-radius: 5px;
    font-size: 15px;
    background: #ececec;
}

.form-tu-van .row-info input {
    margin-bottom: 8px
}

.khach-hang-section .ux-logo img {
    border-radius: 5px;
    height: 70px;
    box-shadow: 3px 5px 1px #00000014;
}

.off-canvas .nav-vertical>li>a {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
    color: #404040;
    text-transform: none;
}

.khach-hang-section .col.large-12 {
    padding-bottom: 0
}

.form-tu-van {
    box-shadow: 0px 0 20px #00000014;
    padding: 30px;
    border-radius: 10px;
    background: white;
}

.bang-gia-section .nav li.active a {
    font-size: 15px;
    text-transform: none;
    font-weight: 600;
    background: #33baf4;
    border: 2px solid #33baf4;
    padding: 1px 20px;
    color: white;
}

.bang-gia-section .nav li a {
    margin-right: 10px;
    font-size: 15px;
    text-transform: none;
    font-weight: 600;
    background: white;
    padding: 1px 20px;
    color: #4a4a4a;
    border: 2px solid #dadada;
}

.bang-gia-section .cot-bang-gia .col-inner {
    box-shadow: 0px 0px 30px 0px rgb(177 89 105 / 10%);
    border-radius: 10px;
    background: white;
    padding: 55px 30px;
}

.bang-gia-section h3 {
    font-size: 25px;
    color: #33baf4
}

.bang-gia-section .nut-xem-them {
    background: #ff5722 !important;
    font-weight: normal;
    font-size: 15px;
    margin: 0;
    margin-top: 20px;
    padding: 3px 27px;
}

.secondary.is-outline:hover {
    background: #ff5722;
    color: white !important;
    border: 2px solid #ff5722
}

.bang-gia-section .col.cot-bang-gia {
    padding-top: 20px;
    padding-bottom: 20px
}

.bang-gia-section .price {
    font-size: 35px;
    font-weight: bold;
    color: #2f4684;
    margin-bottom: 20px
}

.bang-gia-section p {
    color: #6a7c92;
    font-weight: normal;
    font-size: 15px;
    margin-bottom: 1.3rem;
}

.bang-gia-section .cot-giua .col-inner {
    background-image: url(/images/service/pricing-table-background.png);
    background-position-y: bottom;
    background-position-x: center;
}

.bang-gia-section .nut-xem-them2 {
    margin-top: 20px
}

.bang-gia-section .secondary.is-outline {
    color: #ff5722;
}

.bang-gia-section .col.large-4 {
    padding-top: 30px;
    padding-bottom: 20px
}

.tab-panels {
    padding-top: 0;
}

.footer-section .col {
    padding-bottom: 0
}

a.back-to-top {
    background: #2196f3 !important;
    color: white !important;
    border: none !important;
}

.footer-section .social-icons a:last-child {
    margin-bottom: 12px;
}

.gioi-thieu-section2 .col {
    padding-bottom: 0
}

.so-lieu-section .col.medium-3 .col-inner {
    background: white;
    padding: 20px;
    box-shadow: 2px 2px 40px #00000017;
    border-radius: 10px;
}

.so-lieu-section h3 {
    text-align: center;
    font-size: 50px;
    margin-bottom: 0;
    color: #2f4684;
}

.so-lieu-section .img {
    margin-bottom: -90px;
}

.blog-featured-title .title-overlay {
    background-color: #00000000 !important;
}

.blog-featured-title {
    background-image: url(/images/service/345.jpg)
}

.blog-archive {
    background-image: url(/images/service/curve-bg.png);
}

.blog-archive .page-title {
    font-size: 35px;
    text-transform: none;
    letter-spacing: 0;
    color: #2f4684;
}

#breadcrumbs {
    font-size: 16px;
    margin-bottom: 10px
}

.blog-archive .large-12 {
    padding-bottom: 15px
}

.blog-archive .post-item .box-image {
    border-radius: 10px
}

.action-ai button br {
    display: none
}

.blog-archive .post-item .post-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #2f4684;
}

.blog-archive .post-item a:hover {
    color: black
}

.blog-archive a.page-number {
    background: white;
    box-shadow: 2px 2px 20px #00000017;
    border: none;
    color: gray;
    border: 2px solid white;
}

.nav-pagination>li>a {
    font-size: 19px;
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: auto;
    min-width: 50px;
    padding: 0 15px;
}

.nav-pagination>li>.current {
    box-shadow: 2px 2px 20px #00000017;
    min-width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 18px
}

.single-post .entry-title {
    font-size: 35px;
    font-weight: 600;
}

.single-post .blog-share {
    text-align: left
}

.xem-them .tieu-de-xem-them {
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    font-size: 19px;
    color: black;
}

.xem-them ul li {
    margin-bottom: 3px;
}

.xem-them ul li a {
    font-weight: 600;
    font-size: 16px;
    color: #2196f3;
}

.xem-them ul li a:hover {
    text-decoration: underline;
}

.blog-single .entry-meta {
    text-transform: none;
    font-size: 14px;
    letter-spacing: 0;
    color: gray;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px;
    background: #f9f9f9;
}

.danh-muc {
    margin-bottom: 15px;
}

.danh-muc span.title,
.the-tim-kiem span.title {
    border-radius: 4px;
    background: #2f4684;
    padding: 4px 10px;
    color: white;
    margin-right: 5px;
}

.danh-muc a,
.the-tim-kiem a {
    line-height: 32px;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 4px 10px;
    background: #dedede;
    color: #464646;
}

.danh-muc a:hover,
.the-tim-kiem a:hover {
    background: #2196f3;
    color: white;
}

.bai-viet-lien-quan {
    margin-top: 15px;
}

.bai-viet-lien-quan h3 {
    font-size: 19px;
    color: black;
}

.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}

.bai-viet-lien-quan ul li {
    list-style: none;
    width: 33.33%;
    color: graytext;
    float: left;
    padding-left: 4px;
    padding-right: 5px;
}

.bai-viet-lien-quan h4:hover {
    color: #2196f3
}

.is-divider {
    display: none
}

.single-post .entry-content h2 {
    font-size: 20px;
    font-weight: 600
}

.single-post .entry-content h3 {
    font-size: 19px;
    font-weight: 600
}

.single-post .entry-content h4 {
    font-size: 18px;
    font-weight: 600
}

.single-post .entry-content h5 {
    font-size: 17px;
    font-weight: 600
}

span.widget-title {
    font-size: 23px;
    text-transform: none;
    font-weight: bold;
    letter-spacing: 0;
    color: #2f4684;
}

.recent-blog-posts a {
    line-height: 1.2;
    display: block;
    margin-bottom: 0;
    font-size: 15px;
}

.recent-blog-posts .badge-inner {
    border-radius: 99%
}

.blog-featured-title+#main .post-sidebar {
    padding-left: 0
}

.page-right-sidebar .page-inner ul {
    margin-left: 20px
}

h1.entry-title.mb {
    margin-bottom: 20px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 35px;
    color: #2f4684;
}

.page-right-sidebar .large-3 {
    padding-left: 0
}

.page-right-sidebar .large-9 {
    border-right: none !important
}

.bai-viet-lien-quan ul li .box-image img {
    height: 150px;
    border-radius: 4px;
    object-fit: cover;
    object-position: center;
}

.bai-viet-lien-quan h4 {
    font-weight: normal;
    font-size: 15px;
    color: black;
    line-height: 19px;
    padding-top: 7px;
    height: 64px;
    overflow: hidden;
}

.float-contact {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 99999;
}

.chat-zalo {
    background: #8eb22b;
    border-radius: 20px;
    padding: 0 18px;
    color: white;
    display: block;
    margin-bottom: 6px;
}

.chat-face {
    background: #125c9e;
    border-radius: 20px;
    padding: 0 18px;
    color: white;
    display: block;
    margin-bottom: 6px;
}

.float-contact .hotline {
    background: #d11a59 !important;
    border-radius: 20px;
    padding: 0 18px;
    color: white;
    display: block;
    margin-bottom: 6px;
}

.chat-zalo a,
.chat-face a,
.hotline a {
    font-size: 14px;
    color: white;
    font-weight: 400;
    text-transform: none;
    line-height: 0;
}

/* Custom CSS Mobile */
@media (max-width: 549px) {
    .bai-viet-lien-quan ul li {
        width: 50%;
    }

    .hotline {
        display: none
    }

    .bai-viet-lien-quan ul li .box-image img {
        height: 90px;
    }

    .blog-featured-title+#main .post-sidebar,
    .page-right-sidebar .large-3 {
        padding-left: 15px
    }

    .slider-section .col {
        padding: 15px !important
    }

    .doc-thu-section h1 {
        font-size: 110% !important
    }

    .form-nghe-thu select,
    .form-nghe-thu textarea,
    .form-nghe-thu input {
        font-size: 14px
    }

    .form-nghe-thu textarea {
        min-height: 230px
    }

    .form-nghe-thu .row-info .cot {
        width: 100%;
        padding: 0;
        margin-bottom: 7px
    }

    .dich-vu-section h2,
    .gioi-thieu-section h2,
    .khach-hang-section h2,
    .tin-tuc-section h2,
    .bang-gia-section h2,
    .so-lieu-section h2 {
        font-weight: 600;
        font-size: 23px;
    }

    .lam-gi-section .large-4 {
        padding: 0 4px 8px;
        flex-basis: 50%;
        max-width: 50%
    }

    .lam-gi-section .icon-box {
        padding: 20px 5px !important;
        border-radius: 10px !important;
    }

    .lam-gi-section .icon-box h3 {
        font-size: 18px;
    }

    .lien-he-section .col {
        text-align: center
    }

    .lien-he-section .nut-xem-them2 {
        margin-bottom: 15px
    }

    .form-tu-van .row-info .right,
    .form-tu-van .row-info .left {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .bang-gia-section .flickity-viewport .large-12 .col-inner {
        box-shadow: 0px 0px 30px 0px rgb(177 89 105 / 10%);
        border-radius: 10px;
        background: white;
        padding: 55px 30px;
        background-image: url(/images/service/pricing-table-background.png);
        background-position-y: bottom;
        background-position-x: center;
    }

    .bang-gia-section .flickity-page-dots {
        margin-bottom: -40px;
    }

    .bang-gia-section .nav li a {
        margin-bottom: 15px
    }

    .tin-tuc-section .col {
        padding-bottom: 15px
    }

    .list-post .post-item .post-title {
        font-size: 17px
    }

    .footer-section .col {
        flex-basis: 100%;
        max-width: 100%
    }

    .gioi-thieu-section2 .col {
        padding: 0 5px 33px
    }

    .so-lieu-section h3 {
        text-align: center;
        font-size: 23px;
    }

    .so-lieu-section .col.medium-3 .col-inner {
        padding: 10px
    }

    .so-lieu-section p {
        font-size: 15px;
        margin-bottom: 0
    }

    .so-lieu-section .img {
        margin-bottom: -58px;
    }

    .single-post .entry-title {
        font-size: 23px;
    }

    #breadcrumbs {
        font-size: 14px;
    }

    .bang-gia-section .slider-wrapper .flickity-slider .row,
    #form-ttv .btn-form-action .row .col-md-12.right {
        width: 100% !important;
        padding-left: 0
    }

    #form-ttv .btn-form-action .row .col-md-12.action-type {
        width: 100%;
        padding-right: 0
    }

    textarea {
        margin-bottom: 0
    }

    .action-ai .default-btn.left,
    .action-ai .btn-play {
        float: none;
        width: 100%;
        margin-top: 10px
    }
}

.label-new.menu-item>a:after {
    content: "New";
}

.label-hot.menu-item>a:after {
    content: "Hot";
}

.label-sale.menu-item>a:after {
    content: "Sale";
}

.label-popular.menu-item>a:after {
    content: "Popular";
}