#header .header-bottom {
    background-color:var(--color-main);
}
.header-bottom-nav > li > a {
    font-size: 13px;
}
#header  .header-main {
    background: #fff;
}
#header  .header-main .nav > li > a {
    font-size: 14px;
}
#header  .header-main .nav > li {
    margin: 0 15px;
}
#header .header-main  .flex-left {
    display: none;
} 
#header .flex-right {
    flex:1;
}
#header .header-top {
    background-color: var(--color-main);
}
.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a {
    color:#333;
}
.col-center p {
    margin-bottom: 0;
}
.col-center .col {
    padding-bottom: 0!important;
}
.header-contact {
    font-size: 13px;
}
.header-contact .icon-box-text > *:first-child {
    font-size: 14px;
    color:#000000;
}
.header-contact p {
    margin-bottom: 0;
    line-height: 1.5;
}
.header-contact .icon-box {
    display: flex;
    align-items: center;
    width: auto;
}
.section-footer .ux-menu-link__link {
    min-height: auto;
}
.section-footer .ux-menu > *:not(:last-child) {
    margin-bottom: 10px!important;
}
.section-footer .row .col > .col-inner > *:not(:last-child) {
    margin-bottom: 10px;
}
.absolute-footer {
    background: #000;
    padding:20px;
    
    /* display: none; */
}
.primary.is-link, .primary.is-outline, .primary.is-underline {
    color: var(--color-main);
    border: 1px solid;
    line-height: 1;
    min-height: auto;
    padding:8px 20px;
}
.is-outline:hover, .primary.is-outline:hover {
    background-color: var(--color-main);
    border-color: var(--color-main);
}
.section-category .row .col .col-inner .icon-box-text > *:not(:last-child) {
    margin-bottom: 15px;
}
.section-category  .icon-box-text p {
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.box-blog-post .is-divider {
    display: none;
}
.section-blog .box-blog-post .post-title  {
    font-size: 16px;
}
.row-blog .col .col-inner > *:not(:last-child) {
    margin-bottom: 30px;
}
.section-blog .box-blog-post {
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 5px;
}
.section-blog .box-blog-post  .box-image img {
    border-radius: 5px 5px 0 0;
}
.section-blog .box-blog-post .box-text {
    padding:  15px;
}
.title-main > * {
    font-size: 40px;
    text-transform: uppercase;
    color: var(--color-text);
    padding-bottom: 10px;
}
.title-main {
    position: relative;
    margin-bottom: 30px;
}
/* .title-main > *:before {
    content: "";
    position: absolute;
    height: 3px;
    width: 80px;
    bottom: 0;
    background: var(--color-main);
    transform: translateX(-50%);
    left: 50%;
} */
.cta-column .col-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}
.cta-column .col-inner .button {
    margin-bottom: 0;
    margin-left: 15px;
    border: 1px solid #fff;
    background: transparent;
}
.cta-column .col-inner .button:hover {
    border-color: var(--color-main);
}
.section-tab .nav-outline>li>a {
    font-size: 13px;
    border-radius: 5px;
    margin: 0 10px;
    color:#333;
}
.section-tab .nav-outline>li.active>a {
    background: var(--color-main);
    color: #fff;
    border-color: var(--color-main);
}
.section-product .product-small.box {
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 5px;
}
.section-product .product-small.box .box-image img {
    border-radius: 5px 5px 0 0;
}
.section-product .product-title {
    font-size: 14px;
    height: auto!important;
    margin-bottom: 10px;
}
.section-product .product-title a {
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.section-product .price-wrapper .price .amount {
    color: red;
    font-size: 14px;
}
.button.alt, .button.checkout, .checkout-button, .secondary {
    background-color: var(--color-second);
}
#comments {
    display: none;
}
.entry-content.single-page {padding-top: 0;}
.entry-header-text {
    padding-bottom: 0;
}
.article-inner {
 box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 30px;
    border-radius: 5px;
}
.primary, input[type=submit], input[type=submit].button {
 background-image: linear-gradient(to right bottom,#d9b432,#e8cd62);
 border:none;
 border-radius: 5px;
 color:#000;
 font-weight: 400;
}
.primary.is-outline {
    background: transparent;
    border-color: #d9b432;
    color:#d9b432;

}
.hero-textbox {
    color: var(--color-text);
}
.footer-social {
    background: #fff;
    padding: 10px 20px;
}
.footer-social .button {
    margin-bottom: 0;
    color: #333;
    border-color: #333!important;
    border: 1px solid;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.row-sumenh .col .col-inner {
   box-shadow: rgba(0, 0, 0, 0.16) 5px 5px 5px;
    border-radius: 20px;
    padding: 30px;
    border: 2px solid #45659f52;
}
.row-sumenh {
    margin-bottom: -30px;
}
.row-sumenh .col:not(:last-child) {
    margin-bottom: 30px;
}
.row-sumenh .col .col-inner ul {
    margin-bottom: 0;
}
.row-sumenh .col .col-inner ul li {
    margin-bottom: 0;
}
.row-sumenh .col .col-inner ul li:not(:last-child) {
    margin-bottom: 10px;
}
.row-sumenh .col .col-inner h3 {
    color: var(--color-text);
    font-size: 26px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 400;
}
.event-item > *:not(:last-child) {
    margin-bottom: 15px;
}
.event-item {
    display: flex;
    flex-direction: column;
}
.event-thumb {
    height: 150px;
    object-fit: cover;
    flex-shrink: 0;
}
.event-text {
    margin-top: auto;
    display: flex;
    flex-direction: column;
}
.event-meta {
}
.event-text h3 {line-height: 1.5;font-weight: 400;font-family: "Helveticaneue", sans-serif!important;}
.event-text h3 a {
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--color-text);
}
.event-meta > * {color: gray;display: flex;line-height: 1;}
.event-meta > * > span {
    margin-left: 10px;
    line-height: 1.5;
    color: gray;
}
.event-meta > * > span > br {
    margin-bottom: 10px;
}
.event-meta > * > i {
    line-height: 1.5;
}
.custom-title .section-title-normal span {
    font-size: 30px;
    color: var(--color-text);
}
.event-meta > *:not(:last-child) {
    margin-bottom: 15px;
}
.list-event > * {
    margin-bottom: 30px;
}
.box.box-vertical.box-text-top.box-blog-post.has-hover {}
.blog-list .box-vertical .box-text {
    padding: 0;
    padding-left: 15px;
}
.blog-list .box-vertical .box-text .post-title {
    font-weight: 400;
    margin-bottom: 0;
    font-family: "Averta", sans-serif!important;
    color: var(--color-text);
    line-height: 1.5;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--color-text);
    font-size: 18px;
}
.blog-list .post-item:not(:last-child) {
    margin-bottom: 15px;
}
.list-event {
    margin-bottom: -30px;
}
.list-baotro > *.large-3 {
    flex-basis: 20%;
    max-width: 20%;
}
.list-baotro  .col-inner {
    padding: 15px;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.16) 5px 5px 5px;
    border-radius: 20px;
    border: 2px solid #45659f52;
}
.list-baotro > * .box-image img {
    height: 80px;
    object-fit: contain;
}
.list-baotro > * .box-text p {
    margin-bottom: 0;
    line-height: 1.3;
    color: var(--color-text);
    font-size: 18px;
}
.list-baotro > * .box-text {
    padding: 0;
}
.list-baotro > * > *:not(:last-child) {
    margin-bottom: 15px;
}
.section-partner {
    padding-top: 0!important;
}
.slider-partner .img-inner img {
    height: 120px;
    object-fit: contain;
    padding: 15px;
}
.slider-partner .img-inner {
    border-radius: 5px;
}
.row-sumenh .col .col-inner ul li:before {
    content: "\f00c";
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    top: 0;
    left: 0;
    color: #8e8b8b;
}
.row-sumenh .col .col-inner ul li {
    list-style: none;
    margin-left: 0;
    position: relative;
    padding-left: 27px;
}
.social-list {
    display: flex;
}
ul.social-list > li {
    list-style: none;
    margin-left: 0;
}
.social-list .social-item a {
    border: 1px solid gray;
    color: gray;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.social-list > li:not(:last-child) {
    margin-right: 15px;
}
.social-list .social-item a:hover {
    background: #fff;
    color: var(--color-main);
    border: 1px solid var(--color-main);
}
.row-sumenh .col .col-inner ul li {
    font-size: 18px;
}
.hero-title {
    font-size: 28px;
}
.hero-desc {
    font-size: 18px;
}
.list-baotro > * .box-text a {
    color: var(--color-text);
}
.slider-partner .slick-arrow , .list-baotro .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
}
.slider-partner .slick-prev, .list-baotro .slick-prev {
    left: -70px;
}
.slider-partner .slick-next, .list-baotro .slick-next {
    right: -70px;
}
.section-baotro {
    padding-bottom: 90px!important;
}
.col-gioithieu-text p {
    margin-bottom: 15px;
}
.gioithieu-desc {
    font-size: 14px;
    color: gray;
}
.row-chuongtrinh > .col > .col-inner {
    background: #f9fbfd;
    padding: 30px;
    border-radius: 20px;
}
.row-chuongtrinh .col-inner p {
    margin-bottom: 15px;
}
.col-chuongtrinh {
    font-size: 14px;
}

.col-chuongtrinh p, .col-chuongtrinh li {
    line-height: 1.4;
}

.row-chuongtrinh .col-inner ul {
    margin-bottom: 0;
}
.col-chuongtrinh > .col-inner > *:not(:last-child) {
    margin-bottom: 30px;
}

.col-chuongtrinh > .col-inner > h3 {
    text-align: center;
    color: var(--color-text);
    font-size: 20px;
}
.thumbnail-chuongtrinh img {
    border: 7px solid rgb(147, 205, 221);
    border-radius: 100%;
}
.row-chuongtrinh {
    margin-bottom: -30px;
}

.row-chuongtrinh > * {
    margin-bottom: 30px;
}
.page-category {
    padding: 60px 0;
}
.page-category .post-item {
    line-height: 1.5;
    border-bottom: 1px solid;
    padding-bottom: 30px;
}
.post-title a {
    color: var(--color-text);
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
   
}

.post-thumbnail {
    height: 350px;
    flex-shrink: 0;
}

.post-thumbnail img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.post-item > *:not(:last-child) {
    margin-bottom: 15px;
}
.post-desc {
    text-align: justify;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.post-text > *:not(:last-child) {margin-bottom: 15px;}
.list-post.row-2 > * {
    --f-gap: 60px;
}
.quatrang {
    padding-left: 40px;
}

.quatrang > * {
    border: 1px solid #ddd;
    display: inline-block;
    padding: 15px;
}

.quatrang > *.current {
    background: red;
    color: #fff;
    border: 1px solid;
}
.section-footer {
    border-top: 5px solid var(--color-main);
}
td, th {
    border: 1px solid #ececec;
}
td:first-child, th:first-child {
    padding-left: 15px;
}
.section-pricing table td {
    text-align: center;
}

.section-pricing  td:first-child, .section-pricing  th:first-child {
    text-align: left;
    font-family: "Averta-Bold", sans-serif;
}
.section-faq .accordion .accordion-item {
    background: #fff;
}

.section-faq .accordion .accordion-item .accordion-inner {
    padding-left: 15px;
}

.section-faq .accordion .accordion-item .accordion-title.active {
    border-color: var(--color-main);
    color: var(--color-text);
        font-family: "Averta-Bold", sans-serif;

}

.section-faq .accordion .accordion-item .accordion-title {padding-top: 20px;padding-bottom: 20px;}

.section-faq .accordion .accordion-item .accordion .toggle {
    height: 100%;
}

.section-faq .accordion .toggle {
    height: 100%;
}
.section-pricing table td[colspan] {
    background: #fce5cd;
    color: #000;
}
.page-template-default .content-area li {
    line-height: 1.5;
}
.title-seo {
    margin-bottom: 0;
    font-size: 13px;
    color: #333;
}
.row-service .col-inner {
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 15px;
    border-radius: 5px;
    transition: 0.25s all ease-in;
}
.row-service .col-inner:hover {
    transform: translateY(-10px);
}
.row-service .col-inner {
    margin-bottom: 30px;
}
.row-service  {
    margin-bottom: -30px;
}
.row-service .col-inner h3 {
    font-size: 16px;
}
.row-service .col-inner .icon-box-text > *:not(:last-child) {
    margin-bottom: 15px;
}
.row-pricing-column .col-inner {
   box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 30px;
    border-radius: 5px;
    border:1px solid #eee;
    background: #fff;
}

.row-pricing-column .col-inner > *:not(:last-child) {
    margin-bottom: 30px;
}
.row-pricing-column .col-inner .pricing-title {
    margin-bottom: 10px;
}

.row-pricing-column .col-inner .pricing-title h3 {
    margin-bottom: 0;
}

.pricing-price {
    color: #ea4649;
    font-size: 36px;
}
.pricing-price span {
    font-size: 15px;
}
.pricing-decs p {line-height: 1.5;}

.pricing-decs > *:not(:last-child) {
    margin-bottom: 10px;
}
.wpop-pricing {
    width: 80%!important;
    margin: auto!important;
}
.pricing-desc p {
    line-height: 1.3;
}
.section-faq .accordion .accordion-item .accordion-inner > *:not(:last-child) {
    margin-bottom: 15px;
}

.section-faq .accordion .accordion-item .accordion-inner > h3 {
    color: var(--color-text);
}
.container .section, .row .section {
    padding-left: 0;
    padding-right: 0;
}
.title-main.mb-0 > * {
    margin-bottom: 0;
}
.col-profit-text .col-inner > *:not(:last-child) {
    margin-bottom: 15px;
}
.row-sidebar > * .col-inner {
    border: 1px solid #eee;
}

.row-sidebar > * .col-inner .sidebar-title {background: var(--color-main);color: #fff;padding: 10px 15px;}

.row-sidebar > * .col-inner .sidebar-taxonomy {
    padding: 15px;
    margin-bottom: 0;
}

.row-sidebar > * .col-inner .sidebar-taxonomy > li {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
}
.row-sidebar > * .col-inner .sidebar-taxonomy > li:not(:last-child) {
    margin-bottom: 10px;
}

.row-sidebar > * .col-inner .sidebar-taxonomy > li > a {
    color: #333;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.row-sidebar > * .col-inner .sidebar-taxonomy > li > a:hover {
    color: var(--color-main);
}
.row-sidebar > *:not(:last-child) .col-inner {
    margin-bottom: 30px;
}
.project-item {
    display: flex;
    border: 1px solid #ddd;
    padding: 15px;
}

.project-thumb {
    width: 35%;
    height: 170px;
}

.project-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-text {
    flex: 1;
    margin-left: 15px;
}

.project-title {
    font-size: 14px;
    line-height: 1.5;
}
.project-title a {
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.project-text > *:not(:last-child) {
    margin-bottom: 15px;
}

.project-meta {
    font-size: 13px;
}

.project-meta > *:not(:last-child) {
    margin-bottom: 5px;
}


.project-meta-item > *:first-child {
}

.project-meta-item > *:last-child {
    flex: 1;
}

.project-date {
    font-size: 12px;
    color: gray;
}
.row-project  > * {
    margin-bottom: 30px;
}

.row-project {
    margin-bottom: -30px;
}
.row-project-list > *:not(:last-child) {
    margin-bottom: 30px;
}
.rank-math-breadcrumb {
    margin-bottom: 30px;
}
.project-gallery-item img {
    height: 550px;
    width: 100%;
    object-fit: contain;
}

.project-gallery .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 999;
    color: #666;
    font-size: 15px;
    background: rgba(0,0,0,.6);
    padding: 0;
    line-height: 1;
    min-height: auto;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-gallery .slick-arrow.slick-prev {
    left: 0px;
}

.project-gallery .slick-arrow.slick-next {
    right: -15px;
}
.project-detail-meta {
    display: flex;
    border-bottom: 1px solid #eeee;
    padding-bottom: 10px;
}

.project-detail-meta > *:not(:last-child) {
    margin-right: 30px;
}

.project-content-wrap > *:not(:last-child) {
    margin-bottom: 30px;
}

.project-content-wrap  .detail-title {margin-bottom: 20px;}

.project-content h3 {
    font-size: 20px;
}
.project-gallery .slick-dots {
    position: absolute;
    bottom: 0;
    display: flex;
    left: 0;
    z-index: 99999;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.project-gallery .slick-dots > * {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 0;
    border: 2px solid #5F402A;
}

.project-gallery .slick-dots > *:not(:last-child) {
    margin-right: 15px;
}

.project-gallery .slick-dots > *.slick-active {background: #5F402A;}
.project-gallery .slick-dots > *::marker {
    content: none;
}
.project-gallery .slick-arrow {
    border-radius: 100%;
    background: transparent;
    border: 1px solid #666;
}
.duan-item {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
}

.duan-text {
    padding: 15px;
    margin-top: auto;
}

.duan-title {
    font-size: 16px;
    line-height: 1.5;
    text-transform: uppercase;
}

.duan-title a {
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.duan-text > *:not(:last-child) {
    margin-bottom: 15px;
}

.duan-meta > *:not(:last-child) {
    margin-bottom: 10px;
}

.duan-meta {
    line-height: 1.5;
}

.duan-thumb {
    height: 150px;
    flex-shrink: 0;
}

.duan-thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 5px 5px 0 0;
}
.duan-meta-item {
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.duan-content-wrap .duan-thumb {
    height: 350px;
}
.info-wrap {
    height: 100%;
    padding: 15px;
    background: #f5f5f5;
    line-height: 1.5;
}

.info-wrap > *:not(:last-child) {
    margin-bottom: 15px;
}
.duan-contact {
    max-width: 50%;
    border: 1px solid #ccc;
}

.duan-contact h3 {
    background: var(--color-main);
    color: #fff;
    padding: 15px 10px;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.duan-contact-content {
    padding: 15px;
}

.duan-contact-content > *:not(:last-child) {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.duan-content-wrap .duan-related .duan-thumb {
    height: 150px;
}
.duan-related > *:not(:last-child) {
    margin-bottom: 15px;
}