/*
Theme Name: Company
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/


/*************** ADD CUSTOM CSS HERE.   ***************/

.header-nav .header-block {
    max-width: 520px
}

.header-nav .header-block-block-1 .icon-box-img img {
    padding-top: 10px;
}

.header-block-block-1 .col {
    padding-bottom: 0
}

.header-block-block-1 {
    margin-right: 35px
}

.header-block-block-1 .icon-box h5 {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
}

.header-block-block-1 .icon-box p {
    font-weight: bold;
    font-size: 15px;
    color: #1B1D21;
}

.header-bottom-nav li {
    margin: 0 28px;
}

.header-bottom-nav.nav-right li {
    margin: 0 10px !important;
}

.header-bottom-nav.nav-right li:last-child {
    margin-right: 0 !important
}

.nut1 {
    font-family: "Inter", sans-serif;
    padding: 10px 35px;
    font-weight: 500;
    letter-spacing: 0;
    border-radius: 5px;
    font-size: 15px;
}

.nut2 {
    font-family: "Inter", sans-serif;
    background-color: #ffffff2b !important;
    padding: 10px 35px;
    font-weight: 500;
    letter-spacing: 0;
    border-radius: 5px;
    font-size: 15px;
    border: 1px solid white;
}

.des {
    display: block
}

.des .box {
    font-size: 13px;
    display: inline-block;
    background: #ffffff33;
    width: auto;
    padding: 2px 2px;
    border-radius: 20px;
    border: 1px solid #ffffff8c;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 18px;
}

.des .value {
    padding-right: 10px;
    line-height: 26px;
    color: white;
    font-size: 12px;
}

.white.is-outline:hover {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color);
    color: #fff !important;
}

.slider-section .flickity-page-dots {
    bottom: 50%;
    left: 3%;
    right: auto;
    transform: rotate(90deg);
}

.section9 .flickity-page-dots {
    transform: none;
    bottom: -20px;
}

.section9 .flickity-page-dots .dot.is-selected {
    background-color: var(--primary-color);
    border: 2px solid var(--primary-color);
}

.slider-section .flickity-page-dots .dot,
.section9 .flickity-page-dots .dot {
    position: relative;
    width: 8px;
    height: 8px;
    margin: 0 15px;
    opacity: 1
}

.des .label,
.des .value {
    display: inline-block;
    float: left;
}

.slider-section .flickity-page-dots .dot.is-selected,
.section9 .flickity-page-dots .dot.is-selected {
    background-color: var(--primary-color) !important;
    border: 2px solid var(--primary-color);
}

.slider-section .flickity-page-dots .dot.is-selected:before,
.flickity-page-dots .dot.is-selected:before {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    background: #00000000;
    border-radius: 50%;
    border: 1px solid var(--primary-color);
    margin-top: -13px;
    margin-left: -14px;
}

.des .label {
    background: white;
    padding: 4px 14px;
    border-radius: 20px;
    color: var(--primary-color);
    margin-right: 10px;
    font-size: 12px;
}

.section1 .col {
    padding-bottom: 0
}

.section1 .icon-box {
    padding: 20px 15px;
    background-color: #FFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 12%);
}

.section1 .icon-box h3 {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 600;
}

.section1 .icon-box .icon-box-text {
    padding-top: 13px
}

.slider-section {
    margin-bottom: -70px
}

.section1 {
    z-index: 2;
}

.ot-heading>span.is_highlight {
    background: var(--fs-color-secondary);
    padding: 2px 10px;
    border: 1px solid var(--primary-color);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.ot-heading>span {
    position: relative;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 10px;
}

.section2 h2,
.section2 p {
    margin-bottom: 35px;
}

.section3 .col,
.section4 .col {
    padding-bottom: 0
}

.slider-section .flickity-page-dots .dot.is-selected {
    background-color: var(--primary-color);
    border: 2px solid var(--primary-color)
}

.section3 .ux-logo-link {
    opacity: 0.4
}

.section3 .ux-logo-link:hover {
    opacity: 1
}

.section4 img {
    border-radius: 6px
}

.section4 .accordion-title.active {
    color: #fff;
    background: #fe7f19;
    border-radius: 5px;
}

.section4 .accordion-title {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    border-radius: 5px;
    background: #ffffff21;
    margin-bottom: 10px;
    border: 1px solid #80808099;
}

.section4 .accordion .icon-angle-down {
    font-size: 16px
}

.section5 .large-4 .col-inner {
    -webkit-transition: all 0.3s linear;
    padding: 50px 50px 48px 40px;
}

.section5 .row.row-solid {
    border: 1px solid #ddd;
}

.section5 .large-4 .col-inner:hover {
    box-shadow: 8px 8px 30px 0 rgb(0 0 0 / 12%);
    border-color: transparent;
}

.section5 .large-4 .icon-box h3 {
    font-size: 21px;
}

.section6 .banner-layers {
    max-width: 100%;
    width: 100%
}

.section6 .banner-layer .row.row-collapse {
    max-width: 100%
}

.section6 .cot2:hover>.section6 .bg-fill {
    background-image: url(/wp-content/uploads/2022/03/fservice2.jpg) !important
}

.section6 .banner-layer .col .col-inner {
    padding: 50px;
    min-height: 745px;
}

.section6 .features-service-desc {
	height:90px;
	text-align: justify;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20%);
    -webkit-transition: opacity 0.2s, -webkit-transform 0s 0.2s;
    -o-transition: transform 0s 0.2s, opacity 0.2s;
    transition: transform 0s 0.2s, opacity 0.2s;
    transition: transform 0s 0.2s, opacity 0.2s, -webkit-transform 0s 0.2s;
}

.section6 .col-inner:hover .features-service-desc {
	height:auto;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.4s cubic-bezier(.33, .02, 0, .93) 0.1s, -webkit-transform 0.2s cubic-bezier(.645, .045, .355, 1) 0.1s;
    -o-transition: transform 0.2s cubic-bezier(.645, .045, .355, 1) 0.1s, opacity 0.4s cubic-bezier(.33, .02, 0, .93) 0.1s;
    transition: transform 0.2s cubic-bezier(.645, .045, .355, 1) 0.1s, opacity 0.4s cubic-bezier(.33, .02, 0, .93) 0.1s;
    transition: transform 0.2s cubic-bezier(.645, .045, .355, 1) 0.1s, opacity 0.4s cubic-bezier(.33, .02, 0, .93) 0.1s, -webkit-transform 0.2s cubic-bezier(.645, .045, .355, 1) 0.1s;
}

.section6 h3 {
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
}

.section6 .features-service-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(38, 40, 50, .8);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

.section6 .features-service-title {
    transform: translateY(105px);
    transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
}

.section6 .col-inner:hover .features-service-title {
    transform: translateY(-22px);
    transition: transform 0.3s, 0.5s ease;
    -webkit-transition: transform 0.3s, 0.5s ease;
    -moz-transition: transform 0.3s, 0.5s ease;
    -o-transition: transform 0.3s, 0.5s ease;
    -ms-transition: transform 0.3s, 0.5s ease;
}

.section6 .features-service-number {
    font-size: 20px;
    font-weight: bold;
    color: var(--fs-color-secondary);
}

.section6 .col-inner:hover .features-service-overlay {
    visibility: visible;
    opacity: 1;
}

.section6 .col-inner {
    border-right: 1px solid #ffffff73;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
}

.nut3 {
    border-radius: 5px;
    font-weight: normal;
    letter-spacing: 0;
    font-size: 15px;
    background: #ffffff59 !important;
    border: 1px solid white;
    color: white;
}

.nut3:hover {
    background: var(--primary-color) !important;
    border: 1px solid var(--primary-color);
    box-shadow: none
}

.section7 .bg {
    background-image: url(/wp-content/uploads/2022/03/image3-home1.png);
    background-size: 850px !important;
    background-position-y: bottom;
    background-position-x: 20%;
}

.section7 {
    background-position-x: 0;
    background-image: url(/wp-content/uploads/2022/03/bg-overlay-home1.png);
    background-repeat: no-repeat;
    background-position-y: 30%;
}

.section7 .icon-box .icon-inner {
    box-shadow: 0 0 13px 0 rgb(0 0 0 / 15%);
    padding: 3px;
    border-radius: 5px;
}

.section7 .icon-box .icon-box-text {
    padding-left: 30px
}

.section7 .icon-box {
    margin-bottom: 30px
}

.section7 h2 {
    margin-bottom: 40px
}

.section8 .col {
    padding-bottom: 0
}

.section8 p {
    margin-bottom: 0
}

.nut4 {
    margin-bottom: 0;
    background: white !important;
    color: black !important;
}

.section9 .slider .row {
    opacity: 1;
    max-width: 33.3333333333%;
    margin-left: 0;
    margin-right: 0;
}

.section9 .slider .large-12 {
    padding-top: 30px
}

.section9 .slider .large-12 .col-inner {
    -webkit-box-shadow: 8px 8px 30px 0 rgb(0 0 0 / 12%);
    background: white;
    border-radius: 7px;
}

.section7 .icon-box h5 {
    font-size: 20px;
}

.section9 .slider p {
    font-size: 18px;
    line-height: 36px;
    text-align: left;
    padding: 30px;
    border-bottom: 1px solid #dbdbdb;
}

.section9 .icon-box h3 {
    line-height: 1.2;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 2px;
}

.section9 .icon-box {
    padding: 0 30px 30px 30px;
}

.section9 .icon-box p {
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--fs-color-secondary);
    font-family: "Inter", sans-serif;
    padding: 0;
    border-bottom: none
}



.section9 .icon-box img {
    position: relative
}

.section9 .icon-box .icon-box-img:before {
    content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    background-image: url(/wp-content/uploads/2025/09/nhan-xet-iocn.png);
    z-index: 9;
    background-size: 36px;
    top: -6px;
    right: -1px;
}

.section10 .col {
    padding-bottom: 0
}

.section10 .nut1 {
    margin: 0;
    padding: 5px 35px;
}

.section10 .portfolio-box .box-image {
    border-radius: 6px
}

.section10 .list-portfolio-1 .col {
    padding-bottom: 20px
}

.ss-logo img {
	object-fit:contain;
}
.portfolio-box .box-text h6 {
    font-size: 24px;
    text-transform: none;
    letter-spacing: 0;
    text-shadow: none;
    color: white;
    margin-bottom: 10px;
}

.portfolio-inner ul,
.portfolio-inner ol {
    margin-left: 20px
}

.portfolio-inner {
    padding-top: 30px
}

.portfolio-box .portfolio-box-category {
    font-size: 13px;
    color: white;
    opacity: 1;
    text-shadow: none;
    font-family: "Inter", sans-serif;
    font-weight: 500;
}

.portfolio-box .portfolio-box-category:hover {
    text-decoration: underline;
    color: var(--primary-color)
}

.number-left .ot-counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.ot-counter .c-number {
    display: inline-flex;
    flex-direction: row;
}

.ot-counter {
    font-family: "Inter", sans-serif;
    display: flex;
}

.ot-counter span {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 48px;
    color: #FFF;
    line-height: 1;
    display: inline-block;
}

.number-left .ot-counter h6 {
    margin-left: 20px;
}

.ot-counter h6 {
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    color: white;
    font-weight: 600;
    margin-bottom: 0;
    display: inline-block;
    opacity: 1;
    margin-left: 15px;
}

.section11 .col {
    padding-bottom: 0
}

.list-post1 .post-item .col-inner {
    border-radius: 6px;
    box-shadow: 8px 8px 30px 0 rgb(0 0 0 / 10%);
}

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

.list-post1 .post-item .box-text {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 0 0 13px 0px
}

.lien-he-1 .icon-box {
    margin-bottom: 30px
}

.lien-he-1 .icon-box h3 {
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 0
}

.lien-he-1 .icon-box .icon-box-text p {
    margin-bottom: 0;
    font-weight: 500;
    font-family: "inter", sans-serif;
    color: #272933;
}

.lien-he-1 .icon-box .icon-box-img img {
    border-radius: 99%;
    padding: 7px
}

.lien-he-1 .icon-box .icon-box-img img {
    background: #17171f;
    border-radius: 99%;
}

.list-post1 .post-item button {
    margin: 0;
    position: absolute;
    bottom: 10px;
    right: 20px;
    background: #f2f2f2;
    border: none;
    border-radius: 5px;
    font-size: 13px;
    letter-spacing: 0;
    color: gray
}

.list-post1 .post-item button:hover {
    background: var(--primary-color);
    color: white
}

.list-post1 .post-item .cat-label {
    left: 20px;
    position: absolute;
    top: -10px;
    background: var(--primary-color);
    opacity: 1;
    font-family: "Inter", sans-serif;
    padding: 4px 17px;
    border-radius: 15px;
}

.list-post1 .post-item .post-title {
    margin: 0;
    margin-bottom: 0;
    padding: 10px 20px 20px 20px;
    line-height: 32px;
    font-size: 24px;
}

.widget .current-cat>a {
    color: var(--fs-color-secondary);
}

.portfolio-element-wrapper ul.nav li {
    margin: 0 21px
}

.portfolio-element-wrapper ul.nav li a {
    font-weight: bold;
    color: #272933;
    font-size: 15px
}

.box-blog-post .is-divider {
    margin-top: 0;
    margin-bottom: 15px;
    height: 1px;
    max-width: 100%;
}

.list-post1 .post-item .post-meta {
    font-weight: bold;
    font-family: "Inter", sans-serif;
    letter-spacing: 0;
    padding: 0 20px;
    color: gray;
    font-size: 14px;
}

.footer-section h3 {
    font-size: 16px;
    margin-bottom: 40px
}

.footer-section ul li {
    list-style: none;
    margin-left: 0;
    margin-bottom: 15px
}

.footer-section ul li a {
    color: #C0C1C2;
    padding-left: 0;
}

.footer-section .icon-box .icon-box-img {
    margin-bottom: 40px
}

.footer-section .icon-box h4 {
    font-size: 16px;
    font-weight: normal;
    color: #C0C1C2;
    margin-bottom: 0
}

.footer-section .icon-box .icon-box-text {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 17px;
}

.form-footer input {
    background: #ffffff;
    border: 1px solid #4d4d4d;
    border-radius: 5px;
}

.form-footer input[type=submit] {
    text-transform: none;
    letter-spacing: 0;
    font-size: 15px;
    font-weight: normal
}

.wpcf7 p {
    color: #C0C1C2;
}

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

.absolute-footer.dark {
    color: rgba(255, 255, 255, .5);
    border-top: 1px solid #33343a;
    padding: 20px;
}

footer a:hover {
    color: var(--primary-color)
}

.section1 a:hover {
    color: #1b1d21
}

.nav-dropdown li {
    margin: 0
}

.nav-dropdown {
    padding: 0
}

.nav-dropdown>li>a,
.nav-column>li>a {
    font-size: 15px;
    font-family: "inter", sans-serif;
    font-weight: 500;
    color: #272933;
}

.nav-dropdown>li>a:hover {
    padding-left: 27px;
}

.tieu-de-section .col {
    padding-bottom: 0
}

.tieu-de-section .large-4 {
    text-transform: uppercase;
    font-weight: 500;
    font-family: "inter", sans-serif;
}

.tieu-de-section .large-4 a {
    opacity: 0.7
}

.tieu-de-section .large-4 .breadcrumb_last {
    opacity: 1
}
.tieu-de-section .rank-math-breadcrumb p{
	margin-bottom:0;
}

.gioi-thieu-1 .col,
.gioi-thieu-2 .col {
    padding-bottom: 0;
}

.gioi-thieu-1 img {
    border-radius: 6px
}

.gioi-thieu-2 {
    background-image: url(/wp-content/uploads/2025/10/bg1-about-us.jpg);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
}

.gioi-thieu-1 .icon-box h3 {
    margin-bottom: 0;
    font-size: 18px
}

.gioi-thieu-2 .box .box-image {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.gioi-thieu-2 .box {
    background: white;
    box-shadow: 8px 8px 30px 0 rgb(0 0 0 / 12%);
    border-radius: 6px;
}

.gioi-thieu-2 .box .box-text {
    padding: 30px 20px 15px 20px;
    background: white;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.nut5 {
    border-radius: 5px;
}

.gioi-thieu-2 .box h3 {
    text-align: center;
    margin-bottom: 15px;
    font-size: 24px;
}

.gioi-thieu-2 .box p {
    text-align: center;
    margin-bottom: 15px;
    font-size: 16px;
}

.back-to-top {
    background: var(--primary-color) !important;
    border: none !important;
    color: white
}

.gioi-thieu-4 .box {
	height:100%;
    border-radius: 6px;
    -webkit-box-shadow: 8px 8px 30px 0 rgb(0 0 0 / 12%);
}

.gioi-thieu-4 .box:hover h3 {
    color: white !important
}

.page-wrapper {
    padding-top: 0;
    padding-bottom: 0;
}

#breadcrumbs {
    margin-bottom: 0;
    font-family: "inter", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
}

#breadcrumbs a {
    opacity: 0.7
}

.widget .searchform .button.icon {
    border-radius: 5px !important;
    background: var(--primary-color);
    margin-left: -43px;
}

.widget_search input {
    border-radius: 5px;
    box-shadow: none;
    height: 48px
}

span.widget-title {
    margin-bottom: 30px;
    font-size: 20px;
    font-family: "inter", sans-serif;
    letter-spacing: 0;
    text-transform: none;
    color: var(--primary-color);
    display: block;
    padding-bottom: 15px;
    border-bottom: 2px solid #e5e5e5;
}

.widget .is-divider {
    margin-top: -32px;
    right: 29px;
    position: absolute;
    background: var(--fs-color-secondary);
    height: 2px;
    max-width: 52px;
}

.flatsome_recent_posts .badge .badge-inner {
    border-radius: 6px
}

.recent-blog-posts a {
    margin-bottom: 6px;
    font-family: "inter", sans-serif;
    color: black;
    font-weight: 500;
    font-size: 15px;
	    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flatsome_recent_posts .badge {
    width: 65px;
    height: 65px
}

.recent-blog-posts a:hover {
    color: var(--primary-color)
}

.tagcloud a {
    color: #717171;
    background: #f5f5f5;
    font-size: 12px!important;
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    padding: 8px 12px;
    margin: 0 3px;
    margin-bottom: 10px;
    line-height: 1;
}

.widget .tagcloud a:hover {
    background: rgba(254, 132, 35, .1);
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.widget img {
    width: 100%
}

.block_widget .box {
    background-image: url(/wp-content/uploads/2022/03/bg-overlay-home1.png);
    box-shadow: 2px 2px 20px #8080803b;
    padding: 15px 10px;
    border-radius: 6px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
}

.blog-single .entry-category {
    opacity: 1
}

.blog-single .entry-category a {
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    display: inline-block;
    color: #fff;
    background: var(--primary-color);
    padding: 7px 12px 6px;
    margin-right: 6px;
    border-radius: 12px;
    letter-spacing: 0;
    position: absolute;
    margin-top: -37px;
    left: 47px;
}

.block_widget .box h4 {
    letter-spacing: 0;
    text-transform: none;
    font-size: 18px;
    margin-bottom: 10px;
}

.block_widget .box .social-icons {
    display: block
}

.block_widget .box .box-text {
    padding: 10px 0
}

.widget_categories ul li {
    list-style: square;
    margin-left: 20px;
}

.widget_categories ul li a {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    font-family: "inter", sans-serif;
}

.tieu-de-section .large-6 {
    text-align: right
}

.gioi-thieu-4 .box:hover{
    background: #272933;
    color: white
}

.gioi-thieu-4 .box .box-text {
    padding: 30px 10px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.gioi-thieu-4 .box h3 {
    margin-bottom: 15px;
}

.gioi-thieu-4 .box p {
    font-family: "inter", sans-serif;
    font-size: 12px;
    color: var(--fs-color-secondary)
}

.gioi-thieu-3 {
    background-image: url(/wp-content/uploads/2022/03/image2-about-us.png);
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: 26%;
}

.blog-single .entry-meta {
    display: block;
    margin-bottom: 17px;
    font-size: 15px;
    font-family: "inter", sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    color: gray;
}

.blog-single .entry-title {
    font-size: 30px;
}

.blog-single .entry-divider {
    display: none
}

.entry-content {
    padding-top: 0;
    padding-bottom: 0;
}

.blog-single .blog-share .is-divider {
    display: none
}

.blog-single .entry-author {
    background: #f5f5f5;
    border-radius: 6px;
    padding: 15px;
}

.blog-single .entry-author .author-name {
    text-transform: none;
    letter-spacing: 0;
    font-size: 19px;
}

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

.blog-archive .post {
    -webkit-box-shadow: 8px 8px 30px 0 rgb(0 0 0 / 10%);
    border-radius: 6px
}

.blog-archive .post .entry-category {
    opacity: 1
}

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

.blog-archive .post .entry-summary {
    padding: 10px 30px;
}

.blog-archive .post .entry-title {
    padding: 0 30px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.blog-archive .post .entry-meta {
    display: none
}

.blog-archive .post .entry-category a {
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    display: inline-block;
    color: #fff;
    background: var(--primary-color);
    padding: 7px 12px 6px;
    margin-right: 6px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    position: absolute;
    left: 60px;
    margin-top: -36px;
}

.blog-archive .post .more-link {
    background: #f2f2f2;
    border: none;
    border-radius: 5px;
    font-size: 13px;
    letter-spacing: 0;
    color: gray;
    font-family: "inter", sans-serif
}

.blog-archive .post .more-link:hover {
    background: var(--primary-color);
    color: white;
}

.blog-archive .post .entry-image img {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.portfolio-element-wrapper ul {
    margin-bottom: 15px
}

.portfolio-element-wrapper .portfolio-box .box-image .image-cover {
    border-radius: 6px
}

.portfolio-element-wrapper .portfolio-box-title {
    opacity: 0
}

.portfolio-element-wrapper .portfolio-box:hover .portfolio-box-title {
    opacity: 1
}

.trang-lien-he .row-info1 .left {
    display: inline-block;
    width: 40%;
    float: left;
    padding-right: 6px;
}

.trang-lien-he input,
.trang-lien-he textarea {
    border-radius: 5px;
    box-shadow: none;
    font-size: 14px;
}

.trang-lien-he .row-info1 .right {
    display: inline-block;
    width: 60%;
    float: left;
    padding-left: 6px;
}

.lightbox-content h3 {
    margin-bottom: 15px;
    margin-top: 23px;
    font-weight: bold;
    font-size: 17px;
    color: var(--primary-color);
}

.lightbox-content .trang-lien-he h3 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 15px;
    color: white
}

.lightbox-content .text-box {
    left: 30px;
    width: 92% !important
}

.block_widget .box .box-image {
    width: 64% !important
}

.lien-he-1 .icon-box:hover .icon-box-img img {
    box-shadow: 2px 2px 20px var(--fs-color-secondary)
}

.form-lien-he {
    padding: 60px 60px 60px 60px;
    background-color: #FFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 12%);
}

.form-lien-he h3 {
    font-size: 30px
}

.form-lien-he .row-info {
    display: inline-block;
    width: 100%;
    clear: boht
}

.form-lien-he .left {
    display: inline-block;
    width: 50%;
    float: left;
    padding-right: 10px
}

.form-lien-he .right {
    display: inline-block;
    width: 50%;
    float: left;
    padding-left: 10px
}

.form-lien-he input,
.form-lien-he textarea {
    font-size: 15px;
    border-radius: 5px;
    box-shadow: none
}

.form-lien-he input[type=submit] {
    font-family: "inter", sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    margin-bottom: 0
}

.lien-he-2 {
    margin-top: -100px;
    margin-bottom: -100px
}

.lien-he-1 {
    padding-bottom: 0 !important
}

.blog-single .entry-image img {
    border-radius: 10px
}

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

.line-progress h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 17px;
    text-transform: uppercase;
}

.line-progress .iprogress {
    height: 5px;
    margin-bottom: 6px;
    background: #5e5e5e;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.line-progress .progress-bar {
    height: 100%;
    width: 0;
    background: var(--primary-color);
    position: relative;
    -webkit-transition: all 1s 0.5s;
    -o-transition: all 1s 0.5s;
    transition: all 1s 0.5s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.line-progress .percent {
    position: absolute;
    right: -19px;
    bottom: 100%;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: 600;
    font-family: "Inter", sans-serif;
    line-height: 1;
    background: #262832;
    color: #fff;
    min-width: 40px;
    min-height: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
}

.team2-section {
    background-image: url(/wp-content/uploads/2022/03/image1-team.jpg);
    background-repeat: no-repeat;
    background-position-x: right;
}

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

.team3-section {
    margin-bottom: -50px
}

.gioi-thieu-4 .box:hover .social-icons {
    opacity: 1;
    visibility: visible;
    position: absolute;
    left: 0;
    top: -54px;
    transform: translateY(-22px);
    transition: transform 0.3s, 0.5s ease;
    -webkit-transition: transform 0.3s, 0.5s ease;
    -moz-transition: transform 0.3s, 0.5s ease;
    -o-transition: transform 0.3s, 0.5s ease;
    -ms-transition: transform 0.3s, 0.5s ease;
}

.gioi-thieu-4 .social-icons {
    position: absolute;
    left: 0;
    top: 0px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(105px);
    transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
}

.team3-section .large-12 .col-inner {
    background: var(--primary-color);
    padding: 46px 30px;
    border-radius: 6px
}

.team3-section .large-12 .col-inner .col-inner {
    background: none;
    padding: 0;
    border-radius: 0
}

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

.our-team-form .row-info .cot1 {
    width: 40%;
    float: left;
    padding-right: 10px;
    display: inline-block
}

.our-team-form .row-info .cot2 {
    width: 40%;
    float: left;
    padding-right: 10px;
    display: inline-block
}

.our-team-form .row-info .cot3 {
    display: inline-block;
    width: 20%;
    float: left;
}

.our-team-form input {
    height: 45px;
    box-shadow: none;
    border-radius: 5px;
    margin-bottom: 0;
    background: #ffffff80;
}

.our-team-form input[type=submit] {
    margin: 0;
    background: white;
    color: black;
    font-family: "inter", sans-serif;
    padding: 0 10px;
    font-weight: normal;
    letter-spacing: 0;
    width: 100%;
}

.wpcf7-spinner {
    display: none
}

.team3-section h2 {
    color: white
}

form {
    margin-bottom: 0
}

.circle-progress {
    text-align: center;
}

.circle-progress .inner-bar {
    height: 160px;
    position: relative;
    display: inline-block;
    line-height: 1;
    margin-bottom: -9px;
    z-index: 1;
    background: #f5f5f5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.circle-progress .inner-bar>span {
    position: absolute;
    width: 100%;
    top: 3%;
    left: 0;
    line-height: 1;
    text-align: center;
    font-weight: 600;
    font-size: 24px;
    color: #1b1d21;
}

.circle-progress .inner-bar>span .percent {
    display: block;
    background: #fff;
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: var(--primary-color);
    font-size: 37px;
}

.circle-progress .inner-bar canvas {
    display: block;
}

.circle-progress .inner-bar canvas:after {
    content: "x";
}

.circle-progress h6 {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    margin-top: 15px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.circle-progress .inner-bar:after {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    width: calc(100% - 1px);
    height: calc(100% - 1px);
    border-radius: 50%;
    z-index: -1;
    border: 2px solid #dbdbdb;
}

.single-team .row1 .large-12 .col-inner .col-inner {
    box-shadow: none
}

.single-team .row1 .large-12 .col-inner {
    background-color: #FFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 12%);
}

.header-button {
    margin-left: 10px !important;
}

.button.checkout:hover .button.alt:hover,
.button.checkout:hover,
.checkout-button:hover,
.secondary:hover {
    /* background-color: red; */
    /* Màu khi hover */
    transition: background-color 0.3s ease;
}

.button.alt,
.button.checkout,
.checkout-button,
.secondary {
    border-radius: 10px;
}

#product-sidebar a.button {
    color: #fff !important;
}

.phong-icon-box {
    text-align: center;
    transition: all 0.3s ease;
}

.phong-icon-box .icon img {
    transition: transform 0.3s ease;
    border-radius: 15px
}

.phong-icon-box:hover .icon img {
    transform: translateY(-4px);
    /* Nhít nhẹ lên trên */
}

.phongvt-buttom {
    display: inline-block;
    padding: 0px 20px;
    color: #ffffff;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    animation: bounce 1s infinite;
    transition: background-color 0.3s;
}


/* .phongvt-buttom:hover {
    background-color: #013f7f;
} */


/* Hiệu ứng nhảy */

@keyframes bounce {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
}

.phongvt-bai-viet-lien-quan .list-post1 .post-item .post-title {
    font-size: 18px
}

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

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

.bai-viet-lien-quan .list-post1 .post-item .post-title {
    padding-top: 10px;
    font-size: 18px;
}

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

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

.phongvt-bai-viet-lien-quan h4 {
    font-size: 15px;
    color: black;
    margin-top: -10px;
    line-height: 19px;
    padding-top: 1px;
    height: 64px;
    overflow: hidden;
}

.box-text a:not(.button),
.box-text h1,
.box-text h2,
.box-text h3,
.box-text h4,
.box-text h5,
.box-text h6 {
    font-size: 18px;
    /* 👈 Cỡ chữ nhỏ lại */
    line-height: 1.3;
    margin-bottom: 15px;
    margin-top: .1em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
/*     height: calc(1.3em * 2); */
    /* Chiều cao đúng 2 dòng */
}


/* ========== 1. KHUNG + RESPONSIVE ========== */

.row.equalize-box .col {
    padding: 10px;
    box-sizing: border-box;
}



.home .row.equalize-box .product-small,
.row.equalize-box .product-small .product-small {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background-color: #fff;
    padding: 15px;
    transition: all 0.3s ease;
    box-shadow: none;
    position: relative;
    overflow: hidden;
}

.home .row.equalize-box .product-small:hover,
.row.equalize-box .product-small .product-small:hover {
    border-color: var(--primary-color);
    box-shadow: 0 6px 20px rgba(1, 95, 169, 0.15);
    transform: translateY(-5px);
    z-index: 2;
}


/* ========== 2. ZOOM ẢNH KHI HOVER (KHÔNG VIỀN) ========== */

.product-small .box-image {
    overflow: hidden;
    border: none;
    /* Không viền */
}

.product-small .box-image img {
    transition: transform 0.3s ease;
    border: none !important;
}

.product-small:hover .box-image img {
    transform: scale(1.05);
}


/* ========== 3. TIÊU ĐỀ SẢN PHẨM ========== */

.product-small .box-text .product-title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    /* Màu đen */
    margin-top: 10px;
    margin-bottom: 8px;
    text-align: center;
}


/* ========== 4. ẨN GIÁ VÀ GIỎ HÀNG TRANG CHỦ ========== */

.home .product-small .price,
.home .product-small .button {
    display: none !important;
}

.dark .nav-vertical li li.menu-item-has-children>a,
.dark .nav-vertical-fly-out>li>a,
.dark .nav-vertical>li>ul li a,
.dark .nav>li.html,
.dark .nav>li>a,
.nav-dark .is-outline,
.nav-dark .nav>li>a,
.nav-dark .nav>li>button,
.nav-dropdown.dark .nav-column>li>a,
.nav-dropdown.dark>li>a {
    color: hsl(0deg 0% 100% / 80%);
    text-transform: capitalize;
    /* Viết hoa chữ cái đầu */
}

.header-wrapper:not(.stuck) .header-main .header-nav a {
    color: #ffffff;
}

.header-wrapper:not(.stuck) .header-main .header-nav a:hover,
.home .header-wrapper:not(.stuck) .header-main .header-nav li.active a {
    color: #ffffff;
    text-shadow: -1px -1px 0 var(--primary-color), 1px -1px 0 var(--primary-color), -1px 1px 0 var(--primary-color), 1px 1px 0 var(--primary-color);
    /* Viền xanh */
}

.header-wrapper:not(.stuck) .header-main .header-nav {
    padding-right: 20px;
}


/* Nền submenu khi hover vào menu cha */

.header-wrapper:not(.stuck) .header-main .header-nav li:hover>ul {
    background-color: var(--primary-color);
}


/* Màu chữ trong submenu */

.header-wrapper:not(.stuck) .header-main .header-nav li ul a {
    color: #ffffff;
}


/* Hiệu ứng hover trên submenu item */

.header-wrapper:not(.stuck) .header-main .header-nav li ul a:hover {
    background-color: var(--primary-color);
    /* Xanh đậm hơn khi rê vào từng mục */
    color: #ffffff;
}

.header-wrapper:not(.stuck) .header-main .header-nav li ul {
    border-radius: 6px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.header-button-1 .header-button a {
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #ffffff;
    border-radius: 3px 3px 3px 3px;
    padding: 6px 29px 6px 29px;
}

.phongvt-hieu-ung-toa-hinh {
    display: block;
    position: relative;
    border-radius: 15px;
    transition: transform 0.3s ease-in-out;
    overflow: hidden
}

.phongvt-hieu-ung-toa-hinh:hover {
    transform: translateY(-5px);
}

.phongvt-hieu-ung-toa-hinh:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width: 1025px) {
    .phongvt-hieu-ung-toa-hinh:hover:before {
        -webkit-animation: circle 0.75s;
        -ms-animation: circle 0.75s;
        -o-animation: circle 0.75s;
        animation: circle 0.75s
    }
}

@-ms-keyframes circle {
    0% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@-o-keyframes circle {
    0% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@-webkit-keyframes circle {
    0% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@keyframes circle {
    0% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}
@media (max-width: 850px) {
    .row.equalize-box.small-columns-2 .col {
        width: 50%;
        float: left;
    }
    .lien-he-2 {
        margin-top: 0;
        margin-bottom: 0
    }
	.section9 .slider .row{
		    max-width: 50%;
	}
}
@media only screen and (max-width: 550px) {
	.section9 .slider .row{
		    max-width: 100%;
	}
    .mobile-nav .icon-menu:before,
    .mobile-nav .icon-search:before {
        color: var(--fs-color-secondary);
    }
    .icon-search:before {
        font-size: 17px
    }
    .icon-menu:before {
        font-size: 22px
    }
    .off-canvas-left .mfp-content {
        background: rgb(39 41 51)
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
        padding-left: 20px;
        font-size: 14px;
    }
    .slider-section .text-box {
        width: 100% !important;
        padding: 0 15px !important
    }
    .nut1,
    .nut2 {
        padding: 7px 15px
    }
    .slider-section .banner {
        padding-top: 560px !important
    }
    .slider-section .flickity-page-dots {
        bottom: 16%;
        left: 35%;
        right: auto;
        transform: rotate(0deg);
    }
    .slider-section {
        margin-bottom: -45px;
    }
    .section5 .large-4 {
        flex-basis: 50%;
        max-width: 50%
    }
    .section5 .large-4 .icon-box h3 {
        font-size: 16px;
    }
    .section5 .icon-box .icon-box-text {
        font-size: 14px
    }
    .section5 .large-4 .col-inner {
        padding: 10px
    }
    .section6 .large-3 {
        flex-basis: 100%;
        max-width: 100%
    }
    .section6 .banner-layer .col .col-inner {
        padding: 15px;
        min-height: auto;
    }
    .section6 .banner-layers .text-box {
        width: 100%!important
    }
    .section6 .features-service-desc {
        opacity: 1;
        font-size: 15px;
        visibility: visible;
    }
    .section6 .features-service-title {
        transform: translateY(30px);
    }
    .des .value,
    .des .label {
        font-size: 11px
    }
    .banner h2 {
        font-size: 21px;
    }
    .section1 .icon-box {
        padding: 15px 15px 15px 15px;
    }
    .section6 .col-inner:hover .features-service-title {
        transform: translateY(0px);
    }
    .section5 {
        padding-top: 70px !important;
        padding-bottom: 70px !important
    }
    .section6 h3 {
        font-size: 22px;
        line-height: 27px;
    }
    .section7 {
        background-position-y: 91%;
        padding-top: 10px !important;
        padding-bottom: 262px !important;
    }
    .section7 .icon-box h5 {
        font-size: 18px;
        margin-bottom: 0;
    }
    .section7 .icon-box .icon-box-text {
        padding-left: 20px;
        font-size: 15px;
    }
    .nut4 {
        width: 100%
    }
    .section8 .col {
        padding-bottom: 15px
    }
    .section10 .nut1 {
        width: 100%
    }
	.section9 h2{
		font-size:16px;
	}
    .section9 .slider p {
        font-size: 16px;
        line-height: 36px;
        text-align: left;
        padding: 20px;
    }
    .section9 .icon-box {
        padding: 0 20px 20px 20px;
    }
    .section9 .icon-box h3 {
        font-size: 17px;
    }
    .section7 .bg {
        background-size: 368px !important;
        background-position-y: bottom;
        background-position-x: 0;
    }
    .section6 .col-inner .button {
        margin-top: 1.5em !important;
    }
    .section9 .icon-box p {
        font-size: 12px;
        padding: 0
    }
    .section10 .portfolio-box .box-text,
    .portfolio-element-wrapper .portfolio-box-title {
        opacity: 1
    }
    .section11 .large-3 {
        flex-basis: 100%;
        max-width: 100%;
        padding-bottom: 25px
    }
    .section11 .large-3 br {
        padding-top: 14px;
        display: none
    }
    .section11 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }
    .section11 .large-3:last-child {
        padding-bottom: 0 !important
    }
    .ot-counter h6 {
        margin-top: 10px
    }
    .section12 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }
    .list-post1 .post-item .post-title {
        padding: 20px 20px 20px 20px;
        color: #1b1d21;
        line-height: 27px;
        font-size: 18px;
    }
    .list-post1 .post-item button {
        bottom: 13px;
        border: none;
        font-size: 11px;
    }
    .list-post1 .post-item .post-meta {
        font-size: 11px
    }
    .section12 .large-12 {
        padding-bottom: 0
    }
    .footer-section .cot {
        flex-basis: 50%;
        max-width: 50%
    }
    .footer-section ul li {
        margin-bottom: 10px;
    }
    .footer-section .col {
        padding-bottom: 10px
    }
    .footer-section h3 {
        margin-bottom: 13px;
    }
    .tieu-de-section .col {
        text-align: center
    }
    .tieu-de-section .large-4 {
        font-size: 12px
    }
    .gioi-thieu-1 .col,
    .gioi-thieu-2 .col {
        padding-bottom: 15px
    }
    .gioi-thieu-2 {
        padding-top: 70px !important;
        padding-bottom: 70px !important
    }
    .gioi-thieu-2 .box .box-text {
        padding: 15px
    }
    .gioi-thieu-2 .box p {
        font-size: 14px;
    }
    .gioi-thieu-2 .box h3 {
        margin-bottom: 5px;
        font-size: 21px;
    }
    .tieu-de-section {
        padding-top: 60px !important;
        padding-bottom: 60px !important
    }
/*     .footer-section,
    .gioi-thieu-4 {
        padding-top: 60px !important;
        padding-bottom: 60px !important
    } */
    .gioi-thieu-4 .large-3 {
        flex-basis: 50%;
        max-width: 50%;
        padding: 0 5px 10px
    }
    .gioi-thieu-4 .box .box-text {
        padding: 10px
    }
    .gioi-thieu-4 .box h3 {
        margin-bottom: 15px;
        font-size: 16px;
    }
    .blog-archive .post .entry-title {
        font-size: 17px;
        padding: 0 15px;
    }
    .blog-archive .post .entry-summary {
        padding: 5px 15px 14px 15px;
        height: 55px;
        overflow: hidden;
        font-size: 14px;
    }
    .gioi-thieu-3 {
        background-size: 359px;
        padding-top: 30px !important;
        padding-bottom: 415px !important;
    }
    .blog-archive .post .article-inner {
        padding-bottom: 10px;
    }
    .blog-archive .large-3,
    .blog-single .large-3 {
        padding-left: 15px
    }
    #breadcrumbs {
        font-size: 12px
    }
    .blog-single .author-desc {
        font-size: 15px
    }
    .portfolio-archive .portfolio-box .box-text {
        background: #00000073;
        padding: 10px
    }
    .portfolio-archive .portfolio-box .box-text h6 {
        margin-bottom: 0;
        font-size: 15px
    }
    .portfolio-element-wrapper ul.nav li a {
        font-size: 14px;
    }
    .portfolio-element-wrapper ul.nav li {
        margin: 0 10px;
    }
    .footer-section ul li a {
        font-size: 15px
    }
    .portfolio-archive .portfolio-box .portfolio-box-category {
        display: none
    }
    .footer-section .icon-box h4 {
        font-size: 15px
    }
    .lien-he-1 {
        padding: 30px !important;
    }
    .form-lien-he {
        padding: 15px;
    }
    .lien-he-2 {
        margin-bottom: 0;
    }
    .form-lien-he h3 {
        font-size: 25px;
    }
    .team3-section {
        margin-bottom: 0;
        margin-bottom: 20px
    }
    .single-team .large-7 .col-inner p {
        margin-bottom: 10px
    }
    .single-team .large-3 {
        flex-basis: 50%;
        max-width: 50%
    }
    .single-team .large-7 .col-inner {
        padding: 15px !important
    }
    .tieu-de-section .large-4 .col-inner {
        text-align: center !important
    }
    .team2-section {
        background-image: none
    }
    .our-team-form input {
        margin-bottom: 10px
    }
    .team3-section .large-12 .col-inner {
        padding: 20px
    }
    .team2-section .large-6 .col-inner {
        padding-top: 50px !important;
        padding-bottom: 50px!important
    }
    .our-team-form .row-info .cot1,
    .our-team-form .row-info .cot2,
    .our-team-form .row-info .cot3 {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
}

.entry-content {
    color: #212529;
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
    font-weight: 700;
    color: #333;
    margin-bottom: 15px;
    color: var(--primary-color);
}

.entry-content figure {
    background: #fff;
    border: 1px solid #f0f0f0;
    padding: 5px 3px 10px;
    text-align: center;
}

.entry-content h6 {
    font-size: 15px;
}

.entry-content h5 {
    font-size: 17px;
}

.entry-content h4 {
    font-size: 17px;
}

.entry-content h3 {
    font-size: 18px;
}

.entry-content h2 {
    font-size: 20px;
    line-height: 1.5;
}

.entry-content h1 {
    font-size: 25px;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px;
}

.entry-content p {
    color: #333;
    margin-bottom: 15px;
    font-size: 16.5px;
    line-height: 1.6;
}

.entry-content ul {
    list-style: disc;
    padding-left: 20px;
    padding-bottom: 5px;
}

.entry-content ul li {
    color: #333;
    line-height: 1.5;
    margin-bottom: 10px;
    font-size: 16.5px;
}

.entry-content ul li a {
    color: #007bff;
}

.entry-content ol {
    list-style: decimal;
    padding-left: 18px;
    padding-bottom: 5px;
    font-size: 16.5px;
}

.entry-content ol li {
    color: #333;
    line-height: 1.5;
    margin-bottom: 10px;
    font-size: 16.5px;
}

.entry-content ol li a {
    color: #ff5912;
}

.entry-content a {
    font-weight: 700;
}

.entry-content blockquote {
    background: #f3f3f3;
    color: #868686;
    display: block;
    font-size: 16px;
    line-height: 23px;
    margin: 0 0 20px;
    padding: 15px 20px 15px 45px;
    position: relative;
    text-align: justify;
}

.entry-content blockquote p {
    margin-bottom: 0;
}

.entry-content blockquote:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 3px;
    background: var(--primary-color);
    content: "";
}

.entry-content code {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    font-size: 0.85rem;
    color: #e83e8c;
    font-size: 15px;
}

.entry-content table {
    width: 100%;
    height: auto;
    overflow: auto;
}

.entry-content table>tbody>tr>td,
.entry-content table>tbody>tr>th,
.entry-content table>tfoot>tr>td,
.entry-content table>tfoot>tr>th,
.entry-content table>thead>tr>td,
.entry-content table>thead>tr>th,
.term-description table>tbody>tr>td,
.term-description table>tbody>tr>th,
.term-description table>tfoot>tr>td,
.term-description table>tfoot>tr>th,
.term-description table>thead>tr>td,
.term-description table>thead>tr>th {
    border: 1px solid #ddd;
    padding: 7px 10px !important;
    font-size: 16.5px !important;
    width: auto !important;
}

.entry-content iframe {
    margin: auto;
}

.entry-content .syntaxhighlighter {
    padding: 10px 0;
}