/*
Theme Name: Company
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
.form-lien-he .col{
	padding-bottom:0 !important
}
.header-inner svg path{
	fill:var(--primary-color)
}
a.button:hover{
	background:var(--fs-color-secondary);
	box-shadow:none !important;
}
.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown{border:1px solid #ddd; padding:0}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{font-weight:normal !important; text-transform:none !important;font-size:15px; font-weight:500}
.nav-dropdown-default>li>a{border-bottom:0 !important}.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px;
    margin-left: -10px;}
.nav-dropdown .nav-dropdown-col>ul{border: 1px solid #d2d2d2;margin-top:-40px;box-shadow: 2px 2px 5px #828282;display:none;position: absolute;
    left: 100%;z-index: 9;background: white;min-width: 240px;}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px;  text-transform: none;color:black}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}
h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: wrap;
	 font-weight: bold;
}
@font-face {
    font-family: 'UTMAVO';
    src: url('./fonts/UTM_Avo.ttf') format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: 'UTMAVO';
    src: url('./fonts/UTM_AvoBold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'UTMAVO';
    src: url('./fonts/UTM_AvoItalic.ttf') format('truetype');
    font-style:italic;
}

@font-face {
    font-family: 'UTMAVO';
    src: url('./fonts/UTM_AvoBold_Italic.ttf') format('truetype');
    font-weight: bold;
	font-style:italic;
}


body {
     font-family: 'UTMAVO';
     font-weight: 400;
}

/*************** ADD CUSTOM CSS HERE.   ***************/
#header-contact li a{    text-transform: none;
    letter-spacing: 0;
    color: white;
    font-size: 14px;}
.header-block{min-width:600px;}
.header-block .col{padding-bottom:0}
.header-block h3{line-height:37px;margin-bottom: 0;
    font-size: 25px;
    color: white;}

.header-block .icon-box .icon-box-img svg{border: 3px solid var(--primary-color);
    padding: 10px;}
.header-block .icon-box{align-items: center;}
.flex-left .header-bottom-nav li{margin: 0 24px;}
.nav-dropdown li {
    margin: 0 !important;
}
.nav-dropdown li a {transition:all linear 0.3s; padding:15px 20px;
    font-size: 16px;
     font-weight: bold;
    color: #2f2f2f;
}.nav-dropdown li a:hover {
    color: var(--primary-color);
    background-image: url(/wp-content/uploads/2025/05/arrow-right-svgrepo-com.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 15px;
    padding-left: 41px;transition:all linear 0.3s
}
.header-bottom .icon-angle-down{display:None}
.header-bottom-nav > li > a:before, .header-bottom-nav > li > a:after {
    content: "";
    position: absolute;
    top: 13px;
    left: -12px;
    width: 80px;
    height: 60px;
    border: 1px solid #333333;
    border-width: 1px 0 0 1px;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out 0s;
    /* transition: all 0.2s ease-in-out 0s; */
}.header-bottom-nav li > a:before{top:20px}
.header-bottom-nav li > a:after {
    top: auto;
    left: auto;
    bottom: 0px;
    right: -12px;
		border-width: 0 1px 1px 0;}.header-bottom-nav li > a:after {
    bottom: 20px;
}
.header-bottom-nav li a{zoom: 1;
    -webkit-transition-property: color, background-color, border-color;
    transition-property: color, background-color, border-color;}
.header-bottom-nav > li > a:hover:before, .header-bottom-nav > li > a:hover:after {
    width: 20px;
    height: 20px;
    opacity: 1;
}.nav-dropdown {
    border-bottom: 3px solid var(--primary-color);
}
.slider-section .flickity-page-dots {
    bottom: 50%;
    left: auto;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 1%;
    text-align: center;
    transform: rotate(90deg);
}
.slider-section .slider-nav-light .flickity-page-dots .dot{width:9px; height:9px;    border: 1px solid #111; border-color: #fff;background-color: transparent;opacity:1}
.slider-section .flickity-page-dots .dot.is-selected{background-color: #ffffff; 
}
.tieu-de h2,
.tieu-de h1{margin-bottom: 2px;
    line-height: 1.3;text-transform:uppercase;
    font-size:35px;color:var(--primary-color);}
.tieu-de p{font-size:14px;}
.tieu-de h1{
    color: var(--fs-color-secondary);
}
.tieu-de:before, .tieu-de:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    border: 2px solid var(--primary-color);
    z-index: 2;
}
.dau-trang-section .tieu-de:before,
.dau-trang-section .tieu-de:after {
    border-color: var(--fs-color-secondary);
    
}
.section1 .icon-box h3{font-size:16px}
.tieu-de{margin:0 auto; position:relative;max-width:650px;     margin-bottom: 40px;}
.section1 .icon-box .icon-box-text{font-size:14px}.section1 .icon-box .button{font-size:16px}.section1 .icon-box:before, .section1 .icon-box:after{    border-color: #333333;
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    border: 2px solid #616161;
    z-index: 2;
    top: 20px;
    left: 20px;
    border-bottom: 0;
    border-right: 0;}
.section1 .icon-box:after{bottom: 20px;
   right: 20px;top:auto; left:auto;  border: 2px solid #616161;border-left:none; border-top:none }
.section1 .icon-box{box-shadow: 0 4px 16px 0 rgb(51 51 51 / 10%);padding: 60px 35px;}
.tieu-de:before{left: -25px;top: -15px;    border-width: 2px 0 0 2px;}
.tieu-de:after{    right: -25px;border-width: 0 2px 2px 0;    bottom: -15px;}
.slider-section .banner .text-box .text-inner:after{left: auto;
    right: 0;
    border-left: none;content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    border: 2px solid #ffffff;
    border-bottom: none;left: auto;
    right: 0;
    border-left: none;}
.slider-section .banner .text-box .text-inner:before{
    content: "";       position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    border: 2px solid #ffffff;
    border-bottom: none;    border-right: 0;
}
.slider-section .banner .text-box-content:before{content: "";
    position: absolute;left: 0;
    width: 60px;
    height: 60px;top: auto;
    bottom: 0;
    border: 2px solid #ffffff;
    border-top: none;border-right: none;}
.slider-section .banner .text-box-content:after{left: auto;
    right: 0;
    border-left: none;top: auto;
    bottom: 0;
    border: 2px solid #ffffff;
    border-top: none;    content: "";
    position: absolute;width: 60px;
    height: 60px;border-left:none}
.nut-xem-them{ color:white !important;padding:5px 30px; font-weight:bold}
.section2 .slider-custom{
    padding: 0;margin-top:-80px;
		margin-left:-162%;}.slider-custom .flickity-slider .img{border:0 !important} .slider-custom .img .img-inner{padding-top:60% !important}
.section2{padding-bottom:0 !important}
.section3 .icon-box h3{  font-size:14px;color:#333333;}
.section3 .icon-box{margin-bottom:50px}
.section3 .icon-box svg{padding: 0;
    background: #f5f5f5;}
.section3 .icon-box:hover svg{color: var(--primary-color);
    background-color: #ffffff;
		box-shadow: 0 4px 16px 0 rgb(51 51 51 / 10%);}.section3 .icon-box:hover h3{color:var(--primary-color)}
.section3 .col{padding-bottom:0}.section3{padding-bottom:50px !important}
.section3 .icon-box .icon-box-text{color:#a4a4a4;font-size:14px}
.section2 .col{padding-bottom:0}
.section1 .icon-box-text .img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
}
.section1 .icon-box:hover .icon-box-text .img {
    opacity: 1;
}.section1 .icon-box-text .img-inner, .section1 .icon-box-text img {
    height: 100%;
    object-fit: cover;
}

.section2 .tieu-de{max-width:100% !important}
.section4 p{margin-bottom:0}
.section4 .item-text p{font-weight:bold; color:white;font-family: 'Open Sans', sans-serif;}
.section5 .icon-box{position:relative;    margin-bottom: 20px;    padding: 30px;
    background: #ffffffeb;
		opacity: 1;}.section5 .icon-box svg{color:black;}.badge.post-date {
    top: 0;
}
.list-post .badge-inner{color: black;
    font-size: 25px;
    padding: 15px;}
.section5{padding-bottom:50px !important}
.list-post .post-item .post-title{text-shadow: none;
    text-transform: uppercase;
    font-size: 19px;
		font-weight: bold;}.box-blog-post .is-divider{display:none}.list-post2 .post-item .post-title:hover{color:var(--primary-color);}
.section6 .col.large-6{padding-bottom:0}
.section7 .tieu-de {
		max-width: 400px;}
.section7 .icon-box .icon-box-img img{    padding: 0;
    border-radius: 99%;
    border: 2px solid var(--primary-color);}
.section8 .cot2 .col-inner{padding: 20px;
		box-shadow: 0 4px 16px 0 rgb(51 51 51 / 10%);}.section8 .cot2 .col-inner .col-inner{padding:0; box-shadow:none}
.section8 .cot2 .col{padding-left: 50px;padding-bottom:0}
.section8 .row2 p{margin-bottom:0}.section8 .row2 h2{font-size:35px}
.section8 .row2 .col{padding-bottom:0}
.section8 .row2 .large-12 .col-inner{background-image: url(/wp-content/uploads/2023/01/contact-form-1.png);
    background-repeat: no-repeat;
    background-size: inherit;
		padding: 0 50px;}.section8 .row2 .large-12 .col-inner .col-inner{padding:0; background-image:none}
.form-lien-he input, .form-lien-he textarea{    box-shadow: none;
    font-size: 14px;
    font-style: italic;
    height: 42px;}
.section8 .icon-box h3{font-size: 15px;
    margin-bottom: 5px;
}
.section8 .icon-box .icon-box-text{font-size: 15px;
    color: gray;}
.section7 .icon-box .icon-box-text{margin-top:-42px; background-color: #ffffff;
    color: #a4a4a4;    border-bottom: 3px solid var(--primary-color); padding:50px 20px 20px 20px}.dark blockquote {
    color: #696969;
    border-left: none;
    opacity: 1;
    font-size: 14px;
} .section7 .icon-box .icon-box-text{min-height:265px}
.section7 .icon-box h5{font-weight: 400;
    margin-bottom: 0;
    color: #313131;margin-top:50px}
.section7 .icon-box p{color: #5e5e5e;}
.list-post2 .post-item a:hover{color:black}
.list-post2 .post-item{padding-bottom:14px}
.section5 .icon-box h3{    font-size: 13px;
    color: black;}
.section5 .tieu-de{max-width:100% !important}
.section5 .icon-box:before, .section5 .icon-box:after{opacity:0; border-width: 2px 0 0 2px;content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    border: 2px solid var(--primary-color);
    z-index: 2;    transition: all 0.2s ease-in-out 0s;border-color: #333333;}
.section5 .icon-box:before{top: 10px;
left: 10px;border-right: none;
    border-bottom: none;}
.section5 .icon-box:hover:before{width: 30px;
    height: 30px;
    opacity: 1;}
.section5 .icon-box:hover:after{width: 30px;
    height: 30px;
    opacity: 1;}
.section5 .icon-box:after {
bottom: 10px;
    right: 10px;
    border: 2px solid black;
    border-top: none;
    border-left: none;
}
.section4 #count1, .section4 #count2, .section4 #count3, .section4 #count4, .section4 #count5{font-size: 40px;
    color: white;
    font-weight: bold;
    margin-bottom: 0;}
.section4 .large-3, .gioi-thieu-section .large-3{flex-basis:30%; max-width:20%}.row-dashed .col:before, .row-solid .col:before {
		border-left: 1px dashed #646464;}
.form-lien-he .large-12{text-align:center}
.form-lien-he input[type=submit]{font-style: normal;
    color: white;
    text-transform: none;
    font-weight: bold;
    font-size: 16px;margin-right:0}
a.back-to-top{box-shadow: 2px 2px 20px var(--fs-color-secondary);}
.footer-section .icon-box .icon-box-text p{font-size: 14px;
		color: #c5c5c5;}.footer-section .icon-box{margin-bottom:10px}.absolute-footer{font-size:14px}
.dau-trang-section .tieu-de {
    margin: 0 auto;
    position: relative;
    max-width: 100%;
    margin-bottom: 40px;
    display: inline-block;
}.dau-trang-section .tieu-de{margin-bottom:0}
.gioi-thieu-2 img{transition: all 0.2s ease-in-out 0s;border: 1px solid #e6e4e4;
    padding: 30px 20px;margin-bottom: 15px;}
.gioi-thieu-2 .col{padding-bottom:0}
.gioi-thieu-2 img:hover{box-shadow: 0 4px 16px 0 rgb(51 51 51 / 10%);transition: all 0.2s ease-in-out 0s;}
.section41{background-image:url(/wp-content/uploads/2023/01/pattern1_dark.jpg)}
.rank-math-breadcrumb{font-size:145x}
.dau-trang-section .tieu-de h2,
.dau-trang-section .tieu-de h1 {
    font-size: 25px;
}
.dau-trang-section .col{padding-bottom:0}
.footer-section h3{font-size: 16px;}
.footer-section .col{padding-bottom:0}
a.back-to-top{background:var(--primary-color) !important; color:white !important; border:none !important;}
.form-lien-he .wpcf7-spinner{display:none}
.section9 .col{padding-bottom:0}
.tab-chuc-nang {
    border-bottom: 3px solid var(--primary-color);
    box-shadow: 0 4px 16px 0 rgb(51 51 51 / 10%);
    padding-bottom: 0 !important;
    margin-bottom: 30px;
}.woocommerce-tabs .nav li{margin:0}
.tab-chuc-nang .nav, .woocommerce-tabs .nav{border-bottom: 5px solid var(--primary-color);}.tab-chuc-nang .nav li a, .woocommerce-tabs .nav li a{font-size: 16px;
    text-transform: none;
    padding: 10px 20px;}.tab-chuc-nang .nav li.active a, .woocommerce-tabs .nav li.active a{
        background:var(--primary-color);
        color:#fff;
    }
.portfolio-inner ul, .page-inner ul, .entry-content ul{margin-left:20px;}
.tab-chuc-nang h3{font-size:16px}
.portfolio-summary img{margin-bottom:0px}
.portfolio-summary .box-text{border-bottom: 3px solid var(--primary-color);background:#f5f5f5; padding:30px;}
.portfolio-summary h3{text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 2px solid #e1e1e1;
    margin-bottom: 10px;}
.portfolio-box .box-text{border-bottom: 3px solid var(--primary-color);box-shadow: 0 4px 16px 0 rgb(51 51 51 / 10%);
; padding: 20px;text-align:left;}
.header-nav .header-search a:before, .header-nav .header-search a:after,.header-nav .account-item a:before, .header-nav .account-item a:after, .header-nav .cart-item a:before, .header-nav .cart-item a:after{display:none}
.portfolio-box .portfolio-box-title{font-size: 16px;
    margin-bottom: 10px;
    letter-spacing: 0;}
.portfolio-box .tom-tat{    display: block;
    height: 45px;
    overflow: hidden;
    font-size: 14px;
    color: gray;
    margin-bottom: 10px;}
.portfolio-top .large-5{border-right:none; padding-right:0}
.portfolio-share{margin-top:20px}
.thong-tin-them ul li{color:black;list-style:none; margin-left:0}.thong-tin-them ul li .fa{margin-right:7px}
.blog-single{padding-top:0;padding-bottom:0}
.blog-single .large-8{padding-right:0}
.blog-single .large-4{border-left:none !important}.entry-header-text {
    padding: 20px;
    padding-top: 20px !important;
}.blog-single .is-divider{display:none}
.article-inner{    box-shadow: 0 4px 16px 0 rgb(51 51 51 / 10%);}
.blog-single .entry-content {
    padding: 0 20px 20px 20px;
    font-size: 15px;
    color: gray;
    border-bottom: 3px solid var(--primary-color);
}footer.entry-meta {
    border-bottom: 2px solid #ececec;
    border-top: 1px solid #ececec;
    font-size: .8em;
    padding: 10px 20px;
    font-size: 14px;
}
.product-info .product-title{    font-size: 31px;
    line-height: 37px;}
.archive .product-small.box{box-shadow: 0 4px 16px 0 rgb(51 51 51 / 10%);}.archive .product-small.box .box-text{padding:20px}
.archive .product-small .product-title a{    color: black;
    font-size: 20px;
		font-weight: bold;}.archive .product-small .product-title{margin-bottom:10px}
.product_list_widget li a, .woocommerce-widget-layered-nav-list li a{font-weight:bold}.woocommerce-widget-layered-nav-list li a{text-transform:uppercase}

.woocommerce-widget-layered-nav, .widget_products{background: rgba(51, 51, 51, 0.06);
    padding: 30px;}

.blog-single .blog-share{text-align:left}
.blog-single .entry-title{font-size:40px}
.tab-chuc-nang .nav, .woocommerce-tabs .nav{margin-left:0 !important}#comments .comment-respond{box-shadow: 0 4px 16px 0 rgb(51 51 51 / 10%);
    background: white;
    border-bottom: 3px solid var(--primary-color);}
#comments .required-field-message{font-size:14px}
#comments input, #comments textarea{box-shadow:none; font-size:15px;}
.single-product .large-8{border-right:none !important; padding-right:0}.product-main {
    padding: 0;
}
.recent-blog-posts-li .badge{    height: 5.8em;
    width: 7.8em;} span.widget-title {
    font-size: 1em;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0;
    margin-bottom: 20px;
    display: block;position:relative
}.widget .is-divider{display:none}
.widget_search{    border: 2px solid var(--primary-color);
    padding: 20px;}
form{margin-bottom:0}
.widget_search input{    box-shadow: none;
    font-size: 14px;
    height: 39px;}
span.widget-title:after{
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    margin: 16px 0 20px;
    background-color: var(--primary-color);
}.recent-blog-posts a{font-weight:bold}.product-section {
    border-top: 0;
}
.related h3{letter-spacing:0}
.product-small .price-wrapper bdi{color:var(--primary-color);font-size:18px}
.woocommerce-Tabs-panel{font-size:15px;color:gray;}.woocommerce-Tabs-panel ul{margin-left:0 !important}
.product-small .product-tilte a, .related .product-small .product-title a{    font-size: 15px;
    color: black;
    margin-bottom: 10px;
    font-weight: bold;}
.woocommerce-tabs .tab-panels{padding: 25px 30px;
    box-shadow: 0 4px 16px 0 rgb(51 51 51 / 10%);
    border-bottom: 3px solid var(--primary-color);}
section p {
color:#333333;
}
.header-bottom .nav>li>a {
    text-transform: uppercase;
    margin: 0 25px !important;
    font-size: 14px;
    position: relative;  
}
.header-bottom .nav>li {
   padding: 0px;
    margin: 0px;
}
.header-bottom{
    min-height: unset;
}
.header-bottom .nav>li>a:hover:after{
        visibility: visible;
    opacity: 1;
    right: -22px;
}
.header-bottom .nav>li>a:after{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: all .4s;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    bottom: 10px;
    right:-15px;
}
.header-bottom .flex-row, .container {
    padding: 0px 0px !important;
}
.header-bottom .nav>li:first-child >a{
    margin-left: 0px !important;
}
.header-top > div{
    padding: 4px  !important
}
.header-bottom .nav>li>a:before{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: all .4s;
    border-top: solid 1px #fff;
    border-left: solid 1px #fff;
    top: 10px;
    left:-15px;
}
.header-bottom .nav>li>a:hover:before{
      visibility: visible !important;
    opacity: 1 !important;
    left: -22px;
}
.header-bottom .nav>li>a{
	line-height: 65px !important;
}
.sub-menu.nav-dropdown{
    top: 100%;
    left: 0 !important;
    min-width: 300px;
    background: #fff;
    border-bottom: solid 3px var(--primary-color);
    border-radius: 0;
    box-shadow: 0 4px 16px 0px rgba(0, 0, 0, .05);
    text-align: left;
    padding: 0; 
    transition: all .3s ease-in-out .1s;
}

.header-bottom .nav>li>a{
    padding: 0px;
    line-height: 65px !important;
}
.sub-menu.nav-dropdown > li >a {
    display: block;
    padding: 18px 30px;
    margin: 0 !important;
    white-space: nowrap;
    font-weight: bold;
    line-height: 1;
    font-size: 16px !important;
  
    background-color: rgba(0, 0, 0, 0);
    transition: all .4s ease;
    position: relative;
}
.sub-menu.nav-dropdown > li{
    position: relative;
}
.sub-menu li a:hover{
    color:var(--primary-color) !important;
    padding-left: 45px !important;
    background-color: rgba(var(--colorBackgroundRGB), 0.35);
}
/* .sub-menu li a:before{
    position: absolute;
    content:"\f061";
    font-family: fontawesome;
    display: block;
    position: absolute;
    top: 18px;
    left: 12px;
    opacity: 0;
    transition: all .4s ease;
}
.sub-menu li a:hover:before{
        left: 30px;
    opacity: 1;
}
.header-bottom-nav li i{
    display: none;
} */


.phongvt-vienbox{
	border: 2px solid var(--primary-color);
	border-radius:10px;
}
.post-item .box-image:hover::before{
-webkit-animation:shine .75s;
animation:shine .75s}
@-webkit-keyframes shine{
100%{left:125%}
}
@keyframes shine{
100%{left:125%}
}
.post-item .box-image::before{
position:absolute;
top:0;
left:-75%;
z-index:2;
display:block;
content:'';
width:50%;
height:100%;
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
-webkit-transform:skewX(-25deg);transform:skewX(-25deg)
}




.phongvt-blog .post-title {
    font-size: 24px;
    font-weight: bold;
    line-height: 150%;
    letter-spacing: -0.025rem;
    text-align: left;
    text-transform: capitalize;
    margin-bottom: 24px;
}
@media only screen and (min-width: 600px){
	.phongvt-blog .box.box-vertical{
    display: flex;
    flex-direction: row-reverse;
}
.phongvt-blog .box-text.text-left {
    width: 50%;
}
}
/**/
.col-text-gt {
    position: absolute;
}
.col-text-gt {
    right: -6%;
    flex-basis: 55%;
    max-width: 55%;
}
.col-text-gt .col-inner {
    padding: 32px !important;
    padding-right: 128px !important;
    border-left-width: 1.5rem;
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    border-left-style: solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(15deg, var(--primary-color) 0%, var(--fs-color-secondary) 100%);
    background-color: rgba(232, 237, 239, calc(20% + 60% + 0%));
}
.col-img-gt .img {
    border-width: 1.5rem;
    border-style: solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(15deg, var(--primary-color) 0%, var(--fs-color-secondary) 100%);
    background-image: linear-gradient(15deg, var(--primary-color) 0%, var(--primary-color) 100%);
    height: fit-content;
}
.row-right .col-text-gt {
    left: 0 !important;
    right: unset !important;
    flex-basis: 55%;
    max-width: 55%;
    z-index: 1;
}
.row-right .col-img-gt {
    margin-left: 35%;
}
.row-page-gt{
    position: relative;
    align-items: center;
}
@media(max-width:900px){
	.dau-trang-section .tieu-de{
		margin-left:20px
	}
}
@media (max-width: 767px) {

    .row-right .col-text-gt, .col-text-gt {
        position: static;
        flex-basis: 100%;
        max-width: 100%;
    }
.col-text-gt .col-inner {
        padding: 20px !important;
        border: none;
    }
    .row-right .col-text-gt, .col-text-gt {
        position: static;
        flex-basis: 100%;
        max-width: 100%;
    }
	    .row-right .col-text-gt {
        order: 2;
    }
	.row-right .col-img-gt {
        order: 1;
    }
	.row-right .col-img-gt {
        margin-left: 0%;
    }
}

.blog-archive .col, .blog-single .col{
	flex-basis: 100%;
	max-width: 100%;
}
@media only screen and (min-width: 850px) {
.post-title a{
	    height: 45px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}	
}

@media only screen and (max-width: 550px) {
			.dau-trang-section .tieu-de{
		margin-left:0px
	}
.off-canvas-left.dark .mfp-content, .off-canvas-right.dark .mfp-content {
    background-color: rgb(24 24 24 / 95%);
}.off-canvas .nav-vertical>li>a {
    padding-bottom: 15px;
    padding-top: 15px;
    font-size: 16px;
    letter-spacing: 0;
}
.slider-section .banner{padding-top:600px !important}.slider-section .flickity-page-dots {
    bottom: 10px;
    left: 40%;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: auto;
    text-align: center;
    transform: rotate(0deg);
}
.banner .text-box{width:95% !important}.banner .text-box .text-inner{padding:15px}
.tieu-de h2,
.tieu-de h1 {
    font-size: 25px;padding: 0 15px;
}.tieu-de:after {
    right: 0;
    bottom: -10px;
}.tieu-de:before {
    left: 0;
		top: -15px;}.section1 .icon-box {
    padding: 20px;
}.section1 .icon-box:after,.section1 .icon-box:before{display:none}.section2 .slider-custom {
    padding: 0;
    margin-top: 0;
    margin-left: 0;bottom: 60px;
}
.nut-xem-them{width:100%}.section4 .large-3, .gioi-thieu-section .large-3{flex-basis:50%; max-width:50%}.tieu-de p{padding:0 15px}
.section5 .icon-box {
    position: relative;
    margin-bottom: 20px;
    padding: 15px;
    background: #ffffffeb;
    opacity: 1;
    text-align: center;
}
.list-post2 .post-item .post-title{font-size: 16px;
    margin-bottom: 10px;}.section7 .icon-box h5 {
    margin-top: 20px;
}.section8 .cot2 .col {
    padding-left: 40px;
    padding-bottom: 25px;
}.section8 .row2 .large-12 .col-inner {
    padding: 0 10px;
}
.section5 .large-4{padding-bottom:0}
.section5 .icon-box .icon-box-img{margin:0 auto}.list-post .post-item .post-title {
		font-size: 17px;}.form-lien-he input[type=submit]{width:100%}.footer-section .col{flex-basis:100%; max-width:100%;padding-bottom:15px}
.footer-section .gallery-col.col, .gioi-thieu-2 .col.large-6{flex-basis:50%; max-width:50%}
.footer-section{padding-top:40px !important; padding-bottom:40px !important}.dau-trang-section .col{padding-bottom:30px; text-align:center !important}
.tieu-de .entry-title{padding:0 15px}.archive .product-small .product-title a {
    color: black;
		font-size: 16px;}.archive .product-small.box .box-text{padding:15px}.single-product .large-8{padding-right:15px}.product-info .product-title {
    font-size: 25px;
    line-height: 31px;
} .product-short-description{font-size:15px;color:gray}.tab-chuc-nang .nav li a, .woocommerce-tabs .nav li a {
    font-size: 16px;
    text-transform: none;
    padding: 10px 20px;
    background: #ededed;
    border-bottom: 1px solid #e0e0e0;
}.woocommerce-tabs .tab-panels {
		padding: 15px;}.nav-tabs+.tab-panels{padding:15px}.section5 .icon-box h3 {
    font-size: 11px;
    color: black;
    line-height: 12px;
    font-weight: 400;
}.tabbed-content .nav-tabs>li {
    margin: 0;
}
.tab-chuc-nang .icon-box{padding:0}
.tab-chuc-nang .large-4{    padding-bottom: 0;
    flex-basis: 33.33%;
    max-width: 33.33%;}
.portfolio-page-wrapper .portfolio-element-wrapper .col{flex-basis:100%; max-width:100%}.portfolio-top .large-5{padding-right:15px}
.gioi-thieu-2 .img{margin-bottom:5px !important}
.dau-trang-section{padding-bottom:0 !important}
.dau-trang-section .text-right {
    text-align: center;
}
.section5 .large-4{padding:0 5px 10px}
.blog-archive .post-item .post-title{font-size:16px; margin-bottom:10px}.blog-single .large-8{padding-right:15px}.blog-single .entry-title {
    font-size: 25px;
}
.blog-archive .tieu-de .page-title{padding:0 15px}


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


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

.entry-content h2,
.entry-content h3,
.entry-content h4 {
  font-weight: bold;
  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: bold;
  margin-bottom: 15px;
}

.entry-content p {
  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 {
  line-height: 1.5;
  margin-bottom: 10px;
  font-size: 16.5px;
}

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

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

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

.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;
}
@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
	#ext-bottom-navigation{
		display:block !important;
		min-height:65px;
	}
	#ext-bottom-navigation .bottom-navigation-item .text {
    font-size: 11px;
    line-height:unset;
    margin-top: 2px;
    text-align: center;
}
}
#ext-bottom-navigation .bottom-navigation-item .icon{
	height:unset
}
.bottom-navigation-item a{
	background:none !important;
	box-shadow:none;
	border:none !important;
	color:black !important;
}
#ext-bottom-navigation{
	background-color:unset;
	box-shadow:none !important;
	z-index:100 !important
}
#ext-bottom-navigation .bottom-navigation-item a{
	padding-bottom:2px !important
}
.bottom-navigation-items .bottom-navigation-item:nth-child(3) .text{
	padding: 0px 8px;
        background-image: linear-gradient(92.83deg, #0E68C8 0, #02A4A5 100%);
        border-radius: 30px;
        color: white;
        display: inline-block;
	   width:fit-content;
}
.bottom-navigation-items .bottom-navigation-item:nth-child(3) .icon{
	left: 50%;
        position: absolute;
        transform: translateX(-50%);
        background-image: linear-gradient(92.83deg, #f90000 0, #950099 100%);
        width: 50px !important;
        height: 50px !important;
        border-radius: 50%;
        top: -15px;
        text-align: center;
        box-shadow: rgb(0 0 0 / 15%) 0 -3px 10px 0px;
        border: 2px solid #fff;
	display:flex;
	align-items:center;
	align-items:center;
	max-height:50px !important
}
.bottom-navigation-items .bottom-navigation-item:nth-child(3) a{
	display:flex !important;
	flex-direction:column;
	justify-content:end !important;
	align-items:center;
}
.bottom-navigation-items .bottom-navigation-item:nth-child(3) .icon img{
	        max-width: 20px !important;
        height: auto !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
}
.bottom-navigation-items:after{
	        content: "";
        position: absolute;
        pointer-events: none;
        background-image: url(/wp-content/uploads/2026/10/icon1111.svg);
        background-color: unset;
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 100%;
        box-shadow: unset;
        height: 65px;
        width: 100%;
        margin-left: 0;
        margin-bottom: 0;
        left: 0;
        bottom: 0;
        z-index: -1;
}
.bottom-navigation-item:nth-child(3) .icon{
    position:relative;
    border-radius:50%;
}

.bottom-navigation-item:nth-child(3) .icon::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:50%;
    animation:pulse-call 1.8s infinite;
}

@keyframes pulse-call{
    0%{
        box-shadow:0 0 0 0 rgb(59 57 153 / 60%);
    }

    70%{
        box-shadow:0 0 0 15px transparent;
    }

    100%{
        box-shadow:0 0 0 0 transparent;
    }
}