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

.container-width, .full-width .ubermenu-nav, .container, .row {
    max-width: 1330px
}

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

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

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

.header-main {
    height: 80px
}

#logo img {
    max-height: 60px
}

#logo {
    width: 200px;
}

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

.transparent .header-main {
    height: 90px
}

.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: 90px;
}

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

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

.search-form {
    width: 100%;
}

.header-bg-color {
    background-color: #ffffff
}

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

.top-bar-nav > li > a {
    line-height: 16px
}

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

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

@media (max-width: 549px) {
    .header-main {
        height: 70px
    }

    #logo img {
        max-height: 70px
    }
}

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

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

.header-top {
    background-color: #222486 !important;
}

/* 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: #272566;
}

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

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

/* 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, .header-vertical-menu__opener, .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: #272566;
}

/* 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: #272566
}

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

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

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

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

/* Focus */
.primary:focus-visible, .submit-button:focus-visible, button[type="submit"]:focus-visible {
    outline-color: #272566 !important;
}

.alert.is-underline:hover, .alert.is-outline:hover, .alert {
    background-color: #ed473d
}

.alert.is-link, .alert.is-outline, .color-alert {
    color: #ed473d;
}

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

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

body {
    color: #0a0b12
}

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

body {
    font-size: 112%;
}

@media screen and (max-width: 549px) {
    body {
        font-size: 100%;
    }
}

body {
    font-family: Montserrat, sans-serif;
}

body {
    font-weight: 400;
    font-style: normal;
}

.nav > li > a {
    font-family: Montserrat, sans-serif;
}

.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-family: Montserrat, sans-serif;
}

.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-weight: 500;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: Montserrat, sans-serif;
}

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

.alt-font {
    font-family: "Dancing Script", sans-serif;
}

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

.breadcrumbs {
    text-transform: none;
}

button, .button {
    text-transform: none;
}

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

.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: #272566;
}

.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: #272566;
}

a {
    color: #222222;
}

a:hover {
    color: #111111;
}

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

.has-equal-box-heights .box-image {
    padding-top: 82%;
}

.nav-vertical-fly-out > li + li {
    border-top-width: 1px;
    border-top-style: solid;
}

/* Custom CSS */
body, .nav > li > a, h1, h2, h3, h4, h5, h6, p, a, span, strong, button, li {
    font-family: "SVN Gilroy"
}

span.wpcf7-spinner, .header-nav .has-dropdown .icon-angle-down {
    display: none;
}

a.button.lowercase {
    font-weight: 500;
}

.header-wrapper {
    border-top: 5px solid #272566;
}

.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";
}

h1, .h1{
    font-size: 64px;
    line-height: 82px;
}
h2, .h2, .heading-2{
    font-size: 48px;
    line-height: 58px;
}
h3, .h3{
    font-size: 36px;
    line-height: 46px;
}
h4, .h4{
    font-size: 32px;
    line-height: 42px;
}
.sub-24{
    font-size: 24px;
    line-height: 32px;
}
.sub-22{
    font-size: 22px;
    line-height: 28px;
}
.sub-20{
    font-size: 20px;
    line-height: 30px;
}
.sub-16{
    font-size: 16px;
    line-height: 24px;
}
.sub-14{
    font-size: 14px;
    line-height: 24px;
}
@media(max-width: 575px){
    h1, .h1{
        font-size: 36px;
        line-height: 42px;
    }
    h2, .h2, .heading-2{
        font-size: 32px;
        line-height: 42px;
    }
    h3, .h3{
        font-size: 28px;
        line-height: 32px;
    }
    h4, .h4{
        font-size: 24px;
        line-height: 32px;
    }
    .sub-20, .sub-24{
        font-size: 17px;
        line-height: 24px;
    }
    .sub-14, .sub-16{
        font-size: 14px;
        line-height: 20px;
    }
}

.text-chim {
    color: transparent;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 135px;
    -webkit-text-stroke: 0.5px #E5E8EF;
    margin-bottom: -85px;
    margin-top: -65px;
    white-space: nowrap;
}
.banner .text-chim {
    margin-bottom: -95px;
    -webkit-text-stroke: 0.5px #F2F3F7;
}
@media (max-width: 575px){
    .text-chim {
        font-size: 45px;
        margin-bottom: -38px;
        margin-top: 0;
    }
    .banner .text-chim {
        font-size: 50px;
        margin-bottom: -35px;
    }
}

body {
    overflow: hidden;
}

a.button.lowercase:not(.is-outline)  span, a:hover .down-vr {
    color: var(--primary-color);
}

.box-shadow-2 {
    box-shadow: 0px 170px 68px rgb(1 12 40 / 1%), 0px 95px 57px rgb(1 12 40 / 3%), 0px 42px 42px rgb(1 12 40 / 4%), 0px 11px 23px rgb(1 12 40 / 5%), 0px 0px 0px rgb(1 12 40 / 5%);
}

/* Điều hướng trái phải */
/* Slide button*/
.flickity-prev-next-button {
    bottom: auto;
    opacity: 1 !important;
    top: 35%;
    width: 63px;
    margin-top: auto !important;
}
.slider-nav-circle .flickity-prev-next-button svg {
    display: none;
}
.slider-nav-circle .flickity-prev-next-button:before {
    font-family: 'fontawesome';
    color: #fff;
    position: absolute;
    width: 63px;
    height: 63px;
    background: #272566a8;
    backdrop-filter: blur(2px);
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -30px;
}
.slider-nav-circle .flickity-prev-next-button.next:before {
    content: "\f061";
    right: 10px;
}
.slider-nav-circle .flickity-prev-next-button.previous:before {
    content: "\f060";
    left: 10px;
}
@media(max-width: 575px){
    .flickity-prev-next-button{
        display: none;
    }
}
/* End Slide button */
.slide-logo .flickity-prev-next-button, .slide-full-image .flickity-prev-next-button{
    top: 50%;
}
.slide-full-image .flickity-viewport .flickity-slider .img{
    margin: 0 15px;
    border-radius: 10px;
    overflow: hidden;
}
.slide-image-420 .flickity-viewport .flickity-slider img{
    height: 420px;
    object-fit: cover;
}
@media(max-width: 575px){
    .slide-image-420 .flickity-viewport .flickity-slider img{
        height: 220px;
        object-fit: cover;
    }
}
/* End điều hướng trái phải */

/* Call to action */
.bx-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    border-radius: 0px 100px;
    background-image: url(../img/Call-to-action.png);
    background-size: cover;
    overflow: hidden;
    min-height: 360px;
    padding-left: 75px;
}
.bx-cta .cta-content {
    width: 50%;
    color: #fff;
}
.bx-cta .cta-content h3{
    color: #fff;
}
@media(max-width: 575px){
    .bx-cta {
        border-radius: 0px 80px;
        background-image: url(../img/bn-cta-mobile.png);
        text-align: center;
        padding: 90px 30px 350px;
    }
    .bx-cta .cta-content {
        width: 100%;
    }
}
/* End call to action */

/* Footer */
.bx-footer {
    align-items: flex-start;
    margin-bottom: 15px;
}
.bx-footer img {
    margin-right: 30px;
    margin-top: 5px;
    width: 24px;
    height: 24px;
}
.bar-footer, .bar-footer .bx-footer{
    justify-content: space-between;
}
.bar-footer .bx-footer a{
    margin: 0 5px;
}
@media(max-width: 575px){
    .bar-footer, .bar-footer .bx-footer{
        display: block;
    }
}

.bx-social {
    margin-top: 30px;
}
.bx-social a:nth-child(2){
    margin: 0 23px;
}
.bx-social .bx-footer {
    margin-bottom: 35px;
}
/* End footer */

/* Trang chủ */
.bx-bannerhome {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 178px;
    background: #272566;
    box-shadow: 0px 39px 15px rgb(24 45 100 / 1%), 0px 22px 13px rgb(24 45 100 / 5%), 0px 10px 10px rgb(24 45 100 / 9%), 0px 2px 5px rgb(24 45 100 / 10%), 0px 0px 0px rgb(24 45 100 / 10%);
}
.bx-bannerhome:before {
    content: "";
    position: absolute;
    left: 90%;
    width: 100%;
    height: 100%;
    background: #272566;
}
.bx-bannerhome>img {
    height: 100%;
    object-fit: cover;
}
.bx-content {
    position: relative;
    display: flex;
    width: 50%;
    justify-content: flex-end;
    text-align: right;
}
.bx-content .bx-text {
    color: #9CB4FC;
    margin-left: 25px;
}
.bx-content .bx-text *{
    margin: 0;
}
.bx-content .bx-text h3{
    color: #fff;
}
.sub, .sub blockquote, .sub p{
    margin-bottom: 0;
    color: var(--primary-color);
    font-style: normal
}
blockquote {
    font-style: normal;
    padding: 0 1.25em 0 1em;
}
@media(max-width: 575px){
    .bx-bannerhome {
        display: block;
        height: auto;
    }
    .bx-bannerhome:before {
        display: none
    }
    .bx-content {
        justify-content: flex-start;
        padding: 15px;
        width: 100%;
    }
}

.solar>img {
    min-height: 535px;
    border-radius: 268.5px 0 0 0;
    object-fit: cover;
}
.solar .down-vr {
    align-items: center;
}
.solar .down-vr>div {
    width: 36px;
    height: 36px;
    background: #272566;
    box-shadow: 0px 5px 20px rgb(0 1 255 / 40%);
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}
.solar .down-vr p {
    margin-bottom: 0;
}
@media(max-width: 575px){
    .solar>img {
        min-height: 335px;
        border-radius: 169px 0 0 0;
    }
}

.bx-solution .bx-img {
    width: 100px;
    height: 100px;
    background: #272566;
    box-shadow: 0px 16px 20px rgb(24 45 100 / 8%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 30px;
}
.bx-solution>a>p {
    min-height: 115px;
}
.bx-solution .h1 {
    color: #272566;
}
@media(max-width: 575px){
    .bx-solution>a>p {
        min-height: 0px;
    }
}
.view-more {
    display: inline-block;
    position: relative;
    transition: 0.5s;
    height: 33px;
    z-index: 1;
}
.box-blog-post:hover .view-more, .view-more:hover {
    color: #fff;
    transition: 0.5s;
}
.view-more:after {
    content: "";
    display: inline-block;
    position: absolute;
    height: calc(100% - 0px);
    width: 0%;
    background: var(--primary-color);
    transition: 0.5s;
    border-radius: 0 30px 30px 0;
    left: 16px;
    z-index: -1;
}
.box-blog-post:hover .view-more:after, .view-more:hover:after {
    transition: 0.5s;
    width: 100%;
}
.view-more img {
    box-shadow: 0px 5px 20px rgb(0 1 255 / 40%);
    border-radius: 50%;
    margin-right: 15px;
    width: 33px;
    height: 33px;
    object-fit: cover;
}

.accordion-number .accordion-title {
    padding: 10px 20px 10px 0;
    border: none;
}
.plus-icon .accordion-title{
    padding-left: 45px;
    padding-right: 0;
}
.plus-icon .accordion-inner{
    padding-left: 30px;
    padding-right: 0;
}
.accordion-number .accordion-title.active, .plus-icon .accordion-title.active{
    background-color: transparent;
}
.accordion-number .accordion-inner{
    padding: 0;
    padding-left: 58px
}
.accordion-number .accordion-item{
    padding-bottom: 12px;
}
.accordion-number button.toggle {
    display: none;
}
.accordion-number span, .plus-icon span{
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    letter-spacing: 0.03em;
    padding-left: 80px;
    display: flex;
}
.accordion-nonumber span{
    padding-left: 30px;
}
.accordion-number span::before {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    color: #272566;
    padding-right: 10px;
    position: absolute;
    left: 0
}
.acc-1 span::before{
    content: "01.";
}
.acc-2 span::before{
    content: "02.";
}
.acc-3 span::before{
    content: "03.";
}
.acc-4 span::before{
    content: "04.";
}
.acc-5 span::before{
    content: "05.";
}
.acc-6 span::before{
    content: "06.";
}
.acc-7 span::before{
    content: "07.";
}
.acc-8 span::before{
    content: "08.";
}
.acc-9 span::before{
    content: "09.";
}
.acc-10 span::before{
    content: "10.";
}
.accordion-number span::after {
    content: "\2b";
    position: absolute;
    font-family: fontawesome;
    right: -15px;
    top: 15px;
    font-size: 24px;
    transition: all .3s;
    transform: rotate(90deg);
}
.accordion-number .active span::after {
    content: "\f068";
    transition: all .3s;
    transform: rotate(-180deg);
}
@media(max-width: 575px){
    .accordion-number span, .plus-icon span{
        font-size: 18px;
        line-height: 22px;
        padding-left: 18px;
    }
    .accordion-number .accordion-inner{
        padding: 0;
        padding-left: 18px
    }
    .accordion-number span::before {
        font-size: 14px;
        left: -8px
    }

    .accordion-number span::after {
        font-size: 14px;
        right: -5px;
    }
}
/* End trang chủ */

/* Giới thiệu */
.bx-certifi {
    background: #FFFFFF;
    box-shadow: 0px 39px 15px rgb(24 45 100 / 1%), 0px 22px 13px rgb(24 45 100 / 5%), 0px 10px 10px rgb(24 45 100 / 9%), 0px 2px 5px rgb(24 45 100 / 10%), 0px 0px 0px rgb(24 45 100 / 10%);
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 45px;
}

.bx-partner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.bx-partner .partner-card {
    background: #FFFFFF;
    border-radius: 18px;
    width: 18%;
    height: 112px;
    filter: drop-shadow(0px 17.8684px 35.7367px rgba(0, 0, 0, 0.08));
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 11px;
    margin: 0 1% 40px;
    overflow: hidden;
}
.bx-partner .partner-card-2{
    width: calc(36% + 2%);
}
@media(max-width: 575px){
    .bx-partner .partner-card {
        width: 100%;
        height: 100px;
        margin: 0 1% 20px;
    }
}
/* End giới thiệu */

/* Giải pháp  */
.bx-has {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.bx-has .card div.h1 {
    color: var(--primary-color);
}
@media(max-width: 575px){
    .bx-has {
        flex-wrap: wrap;
        justify-content: center;
    }
    .bx-has .card{
        width: 50%;
        text-align: center;
        margin-bottom: 10px;
    }
}

/* Hộ gia đình */
/* Gói lắp đặt */
.slider-style-container .flickity-slider>:not(.is-selected), .slider-style-focus .flickity-slider>:not(.is-selected), .slider-style-shadow .flickity-slider>:not(.is-selected) {
    opacity: 1;
}
@media(max-width: 575px){
    .slider-style-container .flickity-slider>:not(.is-selected), .slider-style-focus .flickity-slider>:not(.is-selected), .slider-style-shadow .flickity-slider>:not(.is-selected) {
        opacity: 0
    }
}
.bx-certifi.box-lap-dat {
    border-radius: 6px 60px;
    border: 1px solid #BEC5D9;
}
.is-selected .bx-certifi.box-lap-dat {
    border-radius: 6px 60px;
    box-shadow: 0px 16px 35px 0px rgba(0, 0, 0, 0.10), 0px 64px 64px 0px rgba(0, 0, 0, 0.09);
    border: none;
}
/* End gói lắp đặt */

.hgd-box {
    background: #010C27;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
}
.hgd-box>div{
    width: 33%;
    height: 163px;
    padding: 36px 45px;
}
.hgd-box>div:hover{
    background: #3969F9;
}
.hgd-box>div>span{
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: 1.08px;
}
.hgd-box>div>p{
    margin: 0;
    margin-top: 5px;
}
@media(max-width: 575px){
    .hgd-box>div {
        padding: 38px 20px;
    }
}

/* Nguyên lý */
.nguyen-ly *{
    margin: 0
}
.nguyen-ly h3{
    margin: 15px 0
}
/* End nguyên lý */

/* Lợi ích lắp đặt */
.hgd-loi-ich * {
    margin: 0
}
.hgd-loi-ich {
    border-radius: 16px;
    background: #E5E8EF;
    padding: 25px 40px 30px 30px;
}
.hgd-loi-ich .hgd-img {
    display: flex;
    width: 60px;
    height: 60px;
    padding: 13px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #F2F3F7;
    margin-bottom: 45px;
}
.hgd-loi-ich .hgd-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.hgd-loi-ich .hgd-content h4 {
    margin-bottom: 20px
}
.hgd-loi-ich .hgd-content p {
    text-align: justify;
}
.hgd-loi-ich.loi-ich {
    padding: 45px 25px 40px;
    height: 465px;
}
.hgd-loi-ich.loi-ich .hgd-img {
    margin-bottom: 35px;
}
.hgd-loi-ich.loi-ich .hgd-content h4 {
    margin-bottom: 15px;
    min-height: 64px
}
@media(max-width: 575px){
    .hgd-loi-ich.loi-ich {
        padding: 25px 20px 30px;
        height: auto;
    }
    .hgd-loi-ich.loi-ich .hgd-content h4 {
        min-height: 0;
    }
}
/* End lợi ích lắp đặt */

/* Mô hình điện mặt trời */
.hgd-mo-hinh {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hgd-mo-hinh * {
    margin: 0;
}
.hgd-mo-hinh .mo-hinh-img {
    position: relative;
    width: 447px;
    height: 274px;
    z-index: 1;
}
.hgd-mo-hinh .mo-hinh-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.hgd-mo-hinh .mo-hinh-content {
    width: 770px;
    position: relative;
    border-left: 1px solid #BEC5D9;
    padding-left: 45px;
}
.hgd-mo-hinh .mo-hinh-content .hgd-content {
    position: relative;
    margin-bottom: 45px;
}
.hgd-mo-hinh .mo-hinh-content .hgd-content:last-child {
    margin-bottom: 0;
}
.hgd-mo-hinh .mo-hinh-content .hgd-content:before {
    content: "";
    width: 3px;
    height: 102px;
    background: #272566;
    position: absolute;
    left: -47px;
    top: 35px;
}
.hgd-mo-hinh .mo-hinh-content .hgd-content:after {
    content: "";
    position: absolute;
    left: -220px;
    top: 87px;
    z-index: 0;
}
.hgd-mo-hinh .mo-hinh-content .hgd-content-1:after {
    width: 173px;
    height: 128px;
    border-top: 2px dashed #272566;
    border-left: 2px dashed #272566;
    border-top-left-radius: 30px;
}
.hgd-mo-hinh .mo-hinh-content .hgd-content-2:after {
    width: 173px;
    height: 1px;
    border-top: 2px dashed #272566;
}
.hgd-mo-hinh .mo-hinh-content .hgd-content-3:after {
    width: 173px;
    height: 128px;
    border-bottom: 2px dashed #272566;
    border-left: 2px dashed #272566;
    border-bottom-left-radius: 30px;
    top: -35px;
}
.hgd-mo-hinh .mo-hinh-content .hgd-content h3 {
    margin-bottom: 15px;
    color: #272566;
}
.hgd-mo-hinh .mo-hinh-content .hgd-content p {
    text-align: justify;
}
@media(max-width: 575px){
    .hgd-mo-hinh {
        flex-wrap: wrap;
    }
    .hgd-mo-hinh .mo-hinh-img {
        display: none;
    }
    .hgd-mo-hinh .mo-hinh-content {
        width: 100%;
        border-left: 0;
        padding-left: 0;
    }
    .hgd-mo-hinh .mo-hinh-content .hgd-content:before {
        content: "";
        display: block;
        width: 100vw;
        height: 61vw;
        background: url(../img/lap-dat-dien-mat-troi-ho-gia-dinh-1.gif);
        background-size: 100% 100%;
        position: relative;
        left: 0;
        top: 0;
    }
    .hgd-mo-hinh .mo-hinh-content .hgd-content:after {
        display: none;
    }
}
/* End mô hình điện mặt trời */
/* End hộ gia đình */

/* End giải pháp */

/* Tin tức */
.wp-caption .wp-caption-text {
    background: none;
    font-size: 1em;
    font-style: normal;
    padding: 0.4em;
}
/* Call to action Dự án */
.box-cta-project {
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    border-radius: 10px;
    background: url(./css/fonts/du-an-cta.svg) top;
    background-size: cover;
    padding: 26px 18px 11px;
    width: 100%;
    margin: auto;
}
.box-cta-project .cta-content h3 {
    color: var(--primary-color);
    font-size: 32px;
    line-height: 38px;
}
/* End call to action Dự án */

/* Blog post */
.blog-wrapper.blog-archive.page-wrapper{
    padding-bottom:0;
    padding-top: 0;
}
.post-item>div {
    background: #F8F9FA;
    border-radius: 5px
}
.post-item>div .box-text.text-left{
    border-radius: 24px 24px 0px 0px;
    padding: 18px 18px 25px;
    transition: 0.3s;
}
.post-item:hover>div {
    box-shadow: 0px 10px 50px -20px rgba(30, 30, 30, 0.15);
    transition: 0.3s;
}
.from_the_blog_excerpt p{
    margin: 10px 0 30px;
}
.blog-post-inner h5.post-title.is-large, .recent-blog-posts a {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    min-height: 43px;
}
/* BÀi viết mới */
.new-post .post-item>div {
    border-radius: 6px;
    padding: 0;
}
.new-post .post-item:hover>div {
    box-shadow: none;
}
.new-post .post-item .box-vertical .box-image img {
    border-radius: 10px 0 0 10px;
}
.new-post .post-item .box-vertical .from_the_blog_excerpt p{
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    min-height: 43px;
}
/* End bài viết mới */

/* Tác giả ngày tháng */
.flex-row.meta-post{
    justify-content: flex-start;
}
.meta-post {
    width: auto;
    margin-right: 15px;
}
.meta-post h5.author-name {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #000
}
.meta-post h5 i {
    font-size: 4px;
    margin: 3px 13px 0;
    color: #000;
}
/* End tác giả ngày tháng */

/*Mục lục bài viết*/
.meta-post {
    border-left: 2px solid #272566;
    margin-bottom: 16px;
}
.blog-single .muc-luc {
    background: #F8F9FA;
    border-radius: 16px;
    padding-bottom: 1px;
    margin-bottom: 23px;
}
.muc-luc p {
    padding: 14px 18px 0;
    margin-bottom: 0;
}
.lwptoc.toc-add.lwptoc-autoWidth{
    overflow: overlay;
    max-height: 280px;
    margin-top: 0;
    border-radius: 16px;
}
.lwptoc.toc-add.lwptoc-autoWidth::-webkit-scrollbar{
    width: 0px;
    background-color: translate;
    border-radius: 50px;
}
.lwptoc.toc-add.lwptoc-autoWidth::-webkit-scrollbar-thumb {
    background-color: #F0E5F0;
    border-radius: 50px;
}
.toc-add .lwptoc_itemWrap .lwptoc_itemWrap{
    margin:0 !important;
}
.lwptoc-notInherit .lwptoc_i DIV A {
    display: block;
    padding: 7px 0px;
}
.toc-add.lwptoc-notInherit .lwptoc_i DIV A:hover {
    border: none !important;
}

.lwptoc_itemWrap .lwptoc_item .lwptoc_itemWrap .lwptoc_item span.lwptoc_item_number{display: none}
.lwptoc_itemWrap .lwptoc_item .lwptoc_itemWrap .lwptoc_item span.lwptoc_item_label:before {
    content: "\f0da";
    font-family: fontawesome;
    margin-right: 5px;
}
.lwptoc_itemWrap .lwptoc_item .lwptoc_itemWrap .lwptoc_item span.lwptoc_item_label{
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    transform: translateX(5px);
}
/*End Mục lục bài viết*/
/*tag key*/
.tagcloud-main{
    background: #F8F9FA;
    border-radius: 10px;
    overflow: hidden;
}
.tagcloud-main>p {
    background: var(--primary-color);
    color: #FFFFFF;
    padding: 7.5px 24px;
}
.cloud-tag{
    display: -webkit-flex!important;
    display: -moz-box!important;
    display: flex!important;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 16px 14px;
}
.cloud-tag a div {
    padding: 6px 16px;
    border: 1px solid var(--primary-color);
    background-color: transparent;
    color: var(--primary-color);
    border-radius: 5px;
    margin-right: 7px;
    margin-bottom: 7px;
    font-size: 14px;
}
.cloud-tag a:nth-child(even) div {
    margin-right: 0;
}
.cloud-tag a div:hover {
    border-color: var(--primary-color) !important;
    background-color: var(--primary-color) !important;
    color: #fff;
}
.cloud-tag a div span {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-word;
}
/*tag key*/
.sidebar-portfolio {
    background: #F8F9FA;
    border-radius: 10px;
    margin: 25px 0 0;
    overflow: hidden;
}
.sidebar-portfolio-title{
    color: #FFFFFF;
}
.sidebar-portfolio-title strong, .muc-luc>div>div strong {
    background: var(--primary-color);
    padding: 8px 24px;
    border-radius: 10px 0 30px 0;
    display: inline-block;
}
.sidebar-portfolio-content{
    padding: 13px 18px 0;
}
.from_the_blog_excerpt p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    min-height: 43px;
}
/* End tin tức */

/* Dự án */
.page-title.portfolio-featured-title {
    height: 450px;
    border-radius: 10px;
    margin-top: 70px;
}

.bx-du-an {
    text-align: left;
    background: #fff;
    padding-top: 30px;
    margin-top: -70px;
    width: 90%;
}
.bx-du-an .box-text-inner>p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    min-height: 77px;
    margin: 20px 0;
}
.bx-du-an .portfolio-box-title{
    margin-bottom: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media(max-width: 575px){
    .bx-du-an {
        padding: 20px 10px !important;
        margin-top: -20px;
        width: 100%;
    }
    .bx-du-an .box-text-inner>p {
        min-height: 68px;
    }
}

.bx-tt-duan {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px;
    background: #F2F3F7;
    border-radius: 16px;
}
.bx-tt-duan>div {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 10px 0;
}
.bx-tt-duan>div:first-child {
    width: 100%;
}
.bx-tt-duan>div .bx-text {
    margin-right: 10px;
    min-width: 100px;
}
.bx-tt-duan>div .bx-content {
    width: auto;
}
.bx-tt-duan>div:first-child .bx-content {
    text-align:left;
}
@media(max-width: 575px){
    .bx-tt-duan {
        padding: 20px 10px;
        border-radius: 10px;
    }
    .bx-tt-duan>div {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin: 10px 0;
    }
    .bx-tt-duan>div .bx-text {
        width: 100px;
        min-width: 100px;
    }
    .bx-tt-duan>div .bx-content {
        justify-content: flex-end;
        padding: 0;
    }
}
/* Dự án slide */
.slide-full-image .bx-tt-duan-1 {
    display: block;
}
.bx-tt-duan-1 {
    display: none;
    margin-bottom: 20px;
}
.bx-tt-duan-1 .bx-content{
    width: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    padding-right: 10px;
}
.bx-tt-duan-1 .bx-text {
    min-width: 100px;
}
.bx-tt-duan-1>div.sub-20 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}
@media(max-width: 575px){
    .bx-tt-duan-1 .bx-content{
        padding: 0
    }
}
/* End dự án */


.bottom-contact{display:none}
.ktm-pc-contact-bar{
    right: 30px;
    bottom: 30px;
    position: fixed;
    z-index: 998;
    margin-bottom:0
}
.ktm-pc-contact-bar li.contact-cta {
    position: relative;
    display: flex;
    width: 65px;
    height: 65px;
    list-style: none;
    border-radius: 99px;
    background: #27256669;
    margin-bottom: 10px;
    overflow: hidden;
}
.ktm-pc-contact-bar li.contact-cta:hover {
    overflow: visible;
}
.ktm-pc-contact-bar li.contact-cta:last-child{
    margin-bottom: 0;
}
li.contact-cta a:before {
    display: flex;
    font-size: 16px;
    position: absolute;
    width: 134px;
    height: 40px;
    left: calc((100% + 70px)*-1);
    top: 12px;
    background: var(--primary-color);
    box-shadow: 0px 8px 16px rgb(0 0 0 / 15%);
    border-radius: 50px;
    color: #fff;
    justify-content: center;
    line-height: 40px;
    opacity: 0;
    transition: 0.1s;
    z-index: -1;
}
li.cta-profile a:before {
    content: "Profile Cty";
}
li.cta-phone a:before {
    content: "Gọi ngay";
}
li.cta-zalo a:before {
    content: "Chat Zalo";
}
li.contact-cta:hover a:before {
    opacity: 1;
    transition: 0.3s;
}
.ktm-pc-contact-bar li.contact-cta a{
    display: flex;
    width: 55px;
    height: 55px;
    border-radius: 99px;
    background: var(--primary-color);
    margin: auto;
}
.ktm-pc-contact-bar li.contact-cta i, .ktm-pc-contact-bar li.contact-cta img{
    color: #fff;
    display: flex;
    margin: auto;
    padding: 10px;
}
.ktm-pc-contact-bar li.contact-cta i{
    font-size: 130%;
}

@media  (max-width: 767px) {
    .ktm-pc-contact-bar{display:none}
    .bottom-contact{
        display: block;
        position: fixed;
        bottom: 0;
        background: white;
        width: 100%;
        z-index: 99;
        box-shadow: 2px 1px 9px #dedede;
        border-top: 1px solid #eaeaea;
    }
    .bottom-contact ul li{
        width: 50%;
        float: left;
        list-style: none;
        text-align: center; font-size:13.5px;
    }
    .bottom-contact ul li span{color:black}
    .bottom-contact ul li img{
        width: 35px;
        margin-top: 10px;
        margin-bottom: 0px;
    }
}

#gap-360975501 {
    padding-top: 30px;
}
#text-box-2042293693 {
    width: 100%;
}
#text-box-2042293693 .text-box-content {
    font-size: 100%;
}
@media (min-width:550px) {
    #text-box-2042293693 {
        width: 72%;
    }
}
#banner-364041393 {
    padding-top: 400px;
}
#banner-364041393 .bg.bg-loaded {
    background-image: url(../img/bn-home.jpg);
}
#banner-364041393 .bg {
    background-position: 53% 88%;
}
#banner-364041393 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#banner-364041393 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
@media (min-width:550px) {
    #banner-364041393 {
        padding-top: 80vh;
    }
}
#col-1624666488 > .col-inner {
    margin: -80px 0px 0px 0px;
}
@media (min-width:550px) {
    #col-1624666488 > .col-inner {
        margin: -120px 0px 0px 0px;
    }
}
#col-92866876 > .col-inner {
    padding: 0px 0px 0px 0px;
}
@media (min-width:550px) {
    #col-92866876 > .col-inner {
        padding: 0px 0px 0px 60px;
    }
}
#section_1222129837 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_1222129837 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_1222129837 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#col-1927496947 > .col-inner {
    margin: 0px 0px -30px 0px;
}
#section_625442940 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_625442940 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_625442940 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#portfolio-191593468 .box-image {
    width: 56%;
}
#portfolio-191593468 .box-text {
    padding: 0px 40px 0px 50px;
}
#col-1570867713 > .col-inner {
    padding: 20px 20px 1px 20px;
    margin: 0px 0px 70px 0px;
    border-radius: 10px;
}
#col-1803622025 > .col-inner {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px -20px 0px;
}
@media (min-width:550px) {
    #col-1803622025 > .col-inner {
        padding: 0px 40px 0px 0px;
    }
}

#col-522432926 > .col-inner {
    padding: 10px 0px 0px 0px;
}
@media (min-width:550px) {
    #col-522432926 > .col-inner {
        padding: 120px 0px 0px 0px;
    }
}
#col-1824797447 > .col-inner {
    margin: 50px 0px -300px 0px;
}
#col-2008855282 > .col-inner {
    padding: 25px 10px 15px 15px;
    margin: 0px 0px 200px 0px;
}
@media (min-width:550px) {
    #col-2008855282 > .col-inner {
        padding: 45px 45px 15px 45px;
    }
}
#row-717473411 > .col > .col-inner {
    background-color: rgb(242, 243, 247);
}
#section_1359485878 {
    padding-top: 0px;
    padding-bottom: 0px;
}
#section_1359485878 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_1359485878 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
@media (min-width:550px) {
    #section_1359485878 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
#section_1836373480 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_1836373480 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_1836373480 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#section_1560805309 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_1560805309 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_1560805309 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#gap-1525101651 {
    padding-top: 60px;
}
#section_915191351 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_915191351 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_915191351 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}



:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}

#gap-948107913 {
    padding-top: 60px;
}
#gap-506518754 {
    padding-top: 30px;
}
#text-1836693549 {
    text-align: center;
}
@media (min-width:550px) {
    #text-1836693549 {
        text-align: left;
    }
}
#text-2195642812 {
    text-align: center;
}
@media (min-width:550px) {
    #text-2195642812 {
        text-align: left;
    }
}
#gap-717935306 {
    padding-top: 30px;
}
#col-645777591 > .col-inner {
    margin: 0px 0px -30px 0px;
}
#section_1685074952 {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: rgb(249, 249, 251);
}
#section_1685074952 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_1685074952 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
.absolute-footer.dark.medium-text-center{
    display: none;
}

/*giới thiệu*/

#banner-544366771 {
    padding-top: 165px;
}
#banner-544366771 .bg.bg-loaded {
    background-image: url(../img/about.jpg);
}
#banner-544366771 .bg {
    background-position: 38% 67%;
}
#banner-544366771 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#banner-544366771 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
@media (min-width:550px) {
    #banner-544366771 {
        padding-top: 565px;
    }
}

#gap-875671983 {
    padding-top: 30px;
}

#section_1689454126 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_1689454126 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_1689454126 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}

#image_941440006 {
    width: 100%;
}
#col-1642078956 > .col-inner {
    padding: 40px 0px 0px 0px;
}

#section_1095390675 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_1095390675 .section-bg.bg-loaded {
    background-image: url(../img/sec-about-1.jpg);
}
#section_1095390675 .section-bg {
    background-position: 0% 50%;
}
#section_1095390675 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_1095390675 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}

#gap-578052389 {
    padding-top: 60px;
}

#image_1585861840 {
    width: 100%;
}
#section_953750565 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_953750565 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_953750565 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#gap-1018654635 {
    padding-top: 60px;
}

#col-1106347388 > .col-inner {
    padding: 0px 0px 0px 0px;
}
@media (min-width:550px) {
    #col-1106347388 > .col-inner {
        padding: 60px 0px 0px 0px;
    }
}
#image_763665489 {
    width: 100%;
}

#image_465672799 {
    width: 100%;
}
#section_1325033023 {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: rgb(249, 249, 251);
}
#section_1325033023 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_1325033023 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#gap-250569084 {
    padding-top: 60px;
}
#section_1570161560 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_1570161560 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_1570161560 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#gap-225242981 {
    padding-top: 60px;
}
#section_757719759 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_757719759 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_757719759 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
/*end giới thiệu*/

/*Blog*/

#text-box-1127964671 {
    width: 60%;
}
#text-box-1127964671 .text-box-content {
    font-size: 100%;
}

#banner-1520057172 {
    padding-top: 50vh;
}
#banner-1520057172 .bg.bg-loaded {
    background-image: url(../img/bn-tin-tuc.jpg);
}
#banner-1520057172 .overlay {
    background-color: rgba(27, 27, 28, 0.2);
}
#banner-1520057172 .bg {
    background-position: 50% 20%;
}
#banner-1520057172 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#banner-1520057172 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
/*end Blog*/

/*contact*/
#text-box-1043914309 {
    width: 100%;
}
#text-box-1043914309 .text-box-content {
    font-size: 100%;
}
@media (min-width:550px) {
    #text-box-1043914309 {
        width: 60%;
    }
}
#banner-1906025781 {
    padding-top: 300px;
}
#banner-1906025781 .bg.bg-loaded {
    background-image: url(../img/pic-contact.jpg);
}
#banner-1906025781 .overlay {
    background-color: rgba(1, 12, 39, 0.2);
}
#banner-1906025781 .bg {
    background-position: 15% 38%;
}
#banner-1906025781 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#banner-1906025781 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
@media (min-width:550px) {
    #banner-1906025781 {
        padding-top: 500px;
    }
}
#gap-130219460 {
    padding-top: 60px;
}
#splite_popup_box textarea {
    height: 44px;
    min-height: 44px;
}
form{
    margin-bottom: 0;
}
.page-contact .col{
    padding-bottom: 15px;
}
.wpcf7-spinner {
    display: none;
}
.page-contact input.wpcf7-submit {
    padding: 12px 62px !important;
    margin-bottom: 8px !important;
    border-radius: 6px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fff !important;
}
::placeholder{
    font-weight: 400;
    color: #959697;
}
.mw_wp_form input[type=email], .mw_wp_form input[type=tel], .mw_wp_form input[type=text], .mw_wp_form textarea{
    box-shadow: none;
    border: none !important;
    background: #F8F9FA;
    border-radius: 6px;
    height: 56px;
    margin-top: 8px;
    margin-bottom: 0;
}
#col-98196713 > .col-inner {
    padding: 20px 20px 10px 20px;
    margin: 10px 0px 0px 0px;
    border-radius: 10px;
}
@media (min-width:550px) {
    #col-98196713 > .col-inner {
        padding: 30px 30px 30px 30px;
        margin: 70px 0px 0px 0px;
    }
}
#section_759621555 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_759621555 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_759621555 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
/*end contact*/

/*Project*/

#gap-311727822 {
    padding-top: 50px;
}
#text-1894863899 {
    text-align: left;
}
/*End Project*/

/*sidebar*/

.box-cta-project span.wpcf7-spinner {
    display: none;
}
.box-cta-project textarea {
    min-height: 76px;
    padding-top: 0.7em;
}
.box-cta-project ::placeholder{
    color: #959697;
    font-weight: 500;
}
.box-cta-project label{
    font-weight: 500;
}
.box-cta-project ::placeholder{
    font-size: 12px;
}
.box-cta-project input[type=email], .box-cta-project input[type=tel], .box-cta-project input[type=text], .box-cta-project textarea {
    background: #fff;
    border-radius: 6px;
    border: none;
    margin: 5px 0;
}
.box-cta-project input[type=submit] {
    margin-top: 20px;
    margin-bottom: 5px;
    border-radius: 8px;
    border-color: #fff;
}
/*end sidebar*/

/*single*/
.page-wrapper {padding-bottom: 0;}h1, .heading-footer h3{font-size: 36px;line-height: 48px;}h2, .h2{font-size: 24px;line-height: 28px;}h3, .h3{font-size: 20px;line-height: 24px;}h4, .h4{font-size: 18px;line-height: 22px;}#header .header-inner.container {max-width: 1440px;}.post-col{padding-bottom:0 !important}a{color:var(--primary-color)}@media screen and (min-width: 850px){.large-6.col-post {max-width: 60%; -ms-flex-preferred-size: 60%;flex-basis: 60%;}.large-3.col-post {max-width: 20%;-ms-flex-preferred-size: 20%;flex-basis: 20%;}.post-col .post-col-content, .post-col .author-box{padding: 26px 28px;background: #F8F9FA; border-radius: 16px;}.post-col .author-box{margin-top:30px}.post-col .post-col-content, .post-col .author-box p{margin-bottom: 0}}@media screen and (max-width: 575px){.post-col .post-col-content, .post-col .author-box{padding: 26px 10px;}}
/*end single*/

/*tongthauepc*/

#gap-88481405 {
    padding-top: 50px;
}
#col-1818591927 > .col-inner {
    padding: 60px 0px 0px 0px;
}
#image_1305164095 {
    width: 100%;
}
#section_1878690770 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_1878690770 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_1878690770 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#gap-1789768213 {
    padding-top: 40px;
}
#section_1550855775 {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: rgb(242, 243, 247);
}
#section_1550855775 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_1550855775 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#gap-852025080 {
    padding-top: 50px;
}
#col-507155432 > .col-inner {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px -20px 0px;
}
@media (min-width:550px) {
    #col-507155432 > .col-inner {
        padding: 0px 40px 0px 0px;
    }
}
#col-1075369719 > .col-inner {
    padding: 10px 0px 0px 0px;
}
@media (min-width:550px) {
    #col-1075369719 > .col-inner {
        padding: 120px 0px 0px 0px;
    }
}
#gap-225883357 {
    padding-top: 40px;
}
#section_1404511157 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_1404511157 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_1404511157 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#section_1228519473 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_1228519473 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_1228519473 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#gap-747711549 {
    padding-top: 60px;
}
#section_1949114828 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_1949114828 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_1949114828 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#gap-1127487798 {
    padding-top: 60px;
}
#section_1797025974 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_1797025974 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_1797025974 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#gap-2071949896 {
    padding-top: 60px;
}
#section_559250887 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_559250887 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_559250887 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
/*end tongthauepc*/

/*vanhanhbaotriom*/

#gap-459761319 {
    padding-top: 50px;
}
#col-855915601 > .col-inner {
    padding: 0px 0px 0px 0px;
}
@media (min-width:550px) {
    #col-855915601 > .col-inner {
        padding: 40px 0px 0px 0px;
    }
}
#image_661262677 {
    width: 100%;
}

#section_1830238100 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_1830238100 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_1830238100 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#gap-1618560339 {
    padding-top: 50px;
}
#section_183797014 {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: rgb(242, 243, 247);
}
#section_183797014 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_183797014 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#gap-202984942 {
    padding-top: 50px;
}
#col-757728095 > .col-inner {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px -20px 0px;
}
@media (min-width:550px) {
    #col-757728095 > .col-inner {
        padding: 0px 40px 0px 0px;
    }
}
#col-1341191119 > .col-inner {
    padding: 10px 0px 0px 0px;
}
@media (min-width:550px) {
    #col-1341191119 > .col-inner {
        padding: 120px 0px 0px 0px;
    }
}
#gap-1603566672 {
    padding-top: 50px;
}
#section_768582185 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_768582185 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_768582185 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#section_1667386703 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_1667386703 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_1667386703 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#gap-537153445 {
    padding-top: 60px;
}
#section_1164180703 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_1164180703 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_1164180703 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#gap-895081703 {
    padding-top: 60px;
}
#section_1335864989 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_1335864989 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_1335864989 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#gap-353805202 {
    padding-top: 60px;
}
#section_1877277671 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_1877277671 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_1877277671 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
/*end vanhanhbaotriom*/

/*dienmattroigiadinh*/

#banner-2136505032 {
    padding-top: 300px;
}
#banner-2136505032 .bg.bg-loaded {
    background-image: url(../img/pic-epc.jpg);
}
#banner-2136505032 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#banner-2136505032 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
@media (min-width:550px) {
    #banner-2136505032 {
        padding-top: 500px;
    }
}
#gap-106343004 {
    padding-top: 30px;
}
@media (min-width:550px) {
    #gap-106343004 {
        padding-top: 50px;
    }
}
#gap-1240234771 {
    padding-top: 60px;
}
#col-1953920720 > .col-inner {
    padding: 0px 0px 0px 0px;
}
@media (min-width:550px) {
    #col-1953920720 > .col-inner {
        padding: 60px 0px 0px 10px;
    }
}
#col-486017567 > .col-inner {
    padding: 0px 0px 0px 0px;
}
@media (min-width:550px) {
    #col-486017567 > .col-inner {
        padding: 30px 0px 0px 0px;
    }
}
#section_2023605557 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_2023605557 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_2023605557 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#gap-1710748402 {
    padding-top: 40px;
}
#section_1182836160 {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: rgb(242, 243, 247);
}
#section_1182836160 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_1182836160 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#gap-527272966 {
    padding-top: 60px;
}
#slider-2128966123 .flickity-slider > * { max-width: 470px !important; }
#col-125841961 > .col-inner {
    margin: 0px 0px -30px 0px;
}
#text-box-768982999 {
    width: 100%;
}
#text-box-768982999 .text-box-content {
    font-size: 100%;
}
@media (min-width:550px) {
    #text-box-768982999 {
        width: 47%;
    }
}
#banner-412532428 {
    padding-top: 400px;
}
#banner-412532428 .bg.bg-loaded {
    background-image: url(../img/banner-ho-gia-dinh.jpg);
}
#banner-412532428 .overlay {
    background-color: rgba(22, 22, 22, 0.06);
}
#banner-412532428 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#banner-412532428 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
@media (min-width:550px) {
    #banner-412532428 {
        padding-top: 500px;
    }
}
#section_613490373 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_613490373 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_613490373 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#gap-309956857 {
    padding-top: 50px;
}
#col-2123164455 > .col-inner {
    padding: 0px 30px 0px 0px;
}
#gap-990150903 {
    padding-top: 30px;
}
@media (min-width:550px) {
    #gap-990150903 {
        padding-top: 50px;
    }
}
#col-605351635 > .col-inner {
    padding: 0px 0px 0px 0px;
}
@media (min-width:550px) {
    #col-605351635 > .col-inner {
        padding: 0px 30px 0px 30px;
    }
}
#gap-139055727 {
    padding-top: 50px;
}
#col-1295334752 > .col-inner {
    padding: 0px 0px 0px 0px;
}
@media (min-width:550px) {
    #col-1295334752 > .col-inner {
        padding: 0px 25px 0px 25px;
    }
}
#section_552881081 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_552881081 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_552881081 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#col-971847246 > .col-inner {
    border-radius: 16px;
}
#section_609053043 {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: rgb(242, 243, 247);
}
#section_609053043 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_609053043 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
@media (min-width:550px) {
    #section_609053043 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
#gap-783274118 {
    padding-top: 30px;
}
#text-3061667405 {
    text-align: center;
}
#col-141234578 > .col-inner {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px -30px 0px;
}
@media (min-width:550px) {
    #col-141234578 > .col-inner {
        padding: 0px 45px 0px 50px;
    }
}
#col-1915038992 > .col-inner {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px -50px 0px;
}
@media (min-width:550px) {
    #col-1915038992 > .col-inner {
        padding: 0px 50px 0px 45px;
    }
}
#section_1870530698 {
    padding-top: 50px;
    padding-bottom: 50px;
}
#section_1870530698 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_1870530698 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#section_1147855627 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_1147855627 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_1147855627 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#section_303382631 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_303382631 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_303382631 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#gap-1933966210 {
    padding-top: 60px;
}
#section_450775448 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_450775448 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_450775448 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#gap-1161003467 {
    padding-top: 60px;
}
#section_619454500 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_619454500 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_619454500 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#section_128250477 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section_128250477 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#section_128250477 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
#gap-344156580 {
    padding-top: 60px;
}

#banner-912490815 {
    padding-top: 400px;
}
#banner-912490815 .bg.bg-loaded {
    background-image: url(../img/banner-ho-gia-dinh.jpg);
}
#banner-912490815 .overlay {
    background-color: rgba(22, 22, 22, 0.06);
}
#banner-912490815 .ux-shape-divider--top svg {
    height: 150px;
    --divider-top-width: 100%;
}
#banner-912490815 .ux-shape-divider--bottom svg {
    height: 150px;
    --divider-width: 100%;
}
@media (min-width:550px) {
    #banner-912490815 {
        padding-top: 500px;
    }
}
/*end dienmattroigiadinh*/

.nav-pagination{
    display: block;
    width: 100%;
}
.contact-thanks{
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border-radius: 10px;
    border: 2px solid #46b450;
}

/*Product page*/
.product-page{
    padding-top: 50px;
    padding-bottom: 80px;
}
.product-page h4.total{
    width: 60%;
    float: right;
    background: #d80000;
    color: #ffffff;
    padding: 10px;
    text-align: center;
    margin: 0;
}
.product-page h4.total span{
    font-size: 25px;
}
.product-page .product-all{
    width: 100%;
    overflow: hidden;
}
.product-page .product-ct{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px;
    border-bottom: 1px solid #c9c9c9;
}
.product-page .product-ct:nth-child(odd) {
    background: #f9f9f9;
}
.product-page .product-ct:nth-child(odd) {
    background: #f9f9f9;
}
.product-page .product-ct:nth-last-child(1){}
.product-page .product-ct h4{
    width: 40%;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 20px;
    border-right: 2px solid #c0baba;
}
.product-page .product-selected{
    width: 60%;
    padding-left: 20px;
}
.product-page .product-ct .btn-primary{
    margin: 0;
    background: #272566;
    border-color: #272566;
}
.product-page .product-selected .card{
    background: unset;
    border: none;
}
.product-page .product-selected .card-body{
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.product-page .product-selected .card-body img{
    width: 20%;
    padding-right: 10px;
}
.product-page .product-selected .card-body .card-body-info{

}
.product-page .product-selected .card-body .card-body-info div{

    display: flex;

    align-items: center;

    justify-content: flex-start;
}
.product-page .product-selected .card-body h5{}
.product-page .product-selected .card-body p{}
.product-page .product-selected .card-body label{
    margin: 0;
    margin-right: 10px;
}
.product-page .product-selected .card-body input{
    margin: 0;
    width: 50%;
}
.product-page .product-selected .card-body button{
    margin: 0;
    width: 12%;
    margin-left: 2%;
    background: unset;
    border: 0;
    color: #e51d24;
    font-size: 20px;
    padding: 0;
}
.product-page .product-selected .card-body button i{
    font-size: 30px;
}
#productModal{}
#productModal .modal-dialog{max-width: 80%;max-height: 96vh;overflow: scroll;margin-top: 2vh;margin-bottom: 2vh;}
#productModal .modal-content{}
#productModal .modal-header{
    text-align: center;
}
#productModal .modal-header h5.modal-title{
    font-size: 25px;
    color: #272566;
}
#productModal .modal-header .btn-close{}
#productModal .modal-body #modal-product-list{}
#productModal .modal-body #modal-product-list h5{}
#productModal .modal-body #line-buttons{}
#productModal .modal-body #line-buttons button{}
#productModal .modal-body .btn-arrange{
    text-align: right;
    overflow: hidden;
}
#productModal .modal-body .btn-arrange select.form-select{
    width: 20%;
    float: right;
}
#productModal .modal-body #product-container{}
#productModal .modal-body .product-card{}
#productModal .modal-body .product-card img{}
#productModal .modal-body .product-card h5{}
#productModal .modal-body .product-card {}
#productModal .modal-body .product-card{}
#productModal .modal-body #product-container{
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    flex-direction: row;
}
#productModal .modal-body #product-container .product-card{
    width: 49%;
    display: inline-block !important;
    padding: 15px;
    margin-bottom: 25px;
    border: 1px solid #cccccc;
}
#productModal .modal-body #product-container .product-card .cart-info1{
    width: 45%;
    float: left;
    border-right: 1px solid #c3c3c3;
    padding-right: 10px;
    text-align: center;
}
#productModal .modal-body #product-container .product-card .cart-info2{
    width: 55%;
    float: left;
    padding-left: 10px;
}
#productModal .modal-body #product-container .product-card img{
    padding-bottom: 20px;
}
#productModal .modal-body #product-container .product-card .name{
    font-size: 20px;
    font-weight: bold;
}
#productModal .modal-body #product-container .product-card .price{
    font-size: 20px;
    margin-bottom: 20px;
}
#productModal .modal-body #product-container .product-card .desc{
    font-size: 18px;
    margin-bottom: 0;
}
#productModal .modal-body #product-container .product-card button.btn{
    background: #272566;
    color: #ffffff;
    margin: 0;
    border-color: #272566;
}
#productModal .modal-body #product-container .product-card button.btn-disabled{
    background: #b0b0b0;
    border-color: #e0e0e0;
}

.heading-footer h3 span{
    font-size: 25px;
}
.active-line { background-color: #272566 !important; color: #fff !important; }
@media(max-width: 1280px){

}
@media(max-width: 765px){
    .header .flex-row {
        padding: 10px;
    }
    #logo img {
        width: 65%;
    }
    .product-page h4.total {
        width: 100%;
        font-size: 4vw;
    }
    .product-page h4.total span {
        font-size: 5vw;
    }
    .product-page .product-ct{
        margin: 5vw 0 5vw 0;
        padding: 5px 0;
        flex-wrap: wrap;
        background: #f9f9f9 !important;
    }
    .product-page .product-ct h4{
        width: 100%;
        font-size: 4vw;
        padding-right: 0;
        border: unset;
        margin-bottom: 2vw;
    }
    .product-page .product-selected {
        width: 100%;
        padding: 1.5vw;
        background: #eeffee;
    }
    #productModal .modal-dialog{
        max-width: 95%;
        max-height: 96vh;
        margin: auto;
        margin-top: 2vh;
    }
    #productModal .modal-header h5.modal-title {
        font-size: 4vw;
    }
    #productModal .modal-header {
        padding: 1vw 3vw;
    }
    #productModal .modal-body #line-buttons button {
        font-size: 3vw;
        margin-right: 2vw;
        margin-bottom: 2vw;
    }
    #productModal .modal-body #product-container {
        display: unset;
    }
    #productModal .modal-body #product-container .product-card {
        width: 100%;
        padding: 10px;
    }
    #productModal .modal-body #product-container .product-card .cart-info1{
        width: 40%;
    }
    #productModal .modal-body #product-container .product-card .cart-info2 {
        width: 60%;
    }
    #productModal .modal-body #product-container .product-card .price {
        font-size: 3.8vw;
    }
    #productModal .modal-body #product-container .product-card button.btn {
        font-size: 3.5vw;
    }
    #productModal .modal-body #product-container .product-card .name{
        font-size: 3.8vw;
    }
    #productModal .modal-body #product-container .product-card .desc{
        font-size: 3.5vw;
    }
    .footer-logo{
        text-align: center;
    }
    .footer-logo img{
        max-width: 45% !important;
    }
    #text-2195642812 h3{
        font-size: 4vw;
        line-height: 1.5;
    }
    #text-2195642812 h3 span{
        font-size: 3vw;
        color: #585858;
    }

}
@supports (-webkit-touch-callout: none) {
    #productModal .modal-dialog{
        pointer-events:all;
    }
}