/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: fb.com/phamtuankz
Template: flatsome
Version: 3.0
*/

/*Reset*/
:root {
    --c1: #eb2227; /*Đỏ chót logo thương hiệu*/
    --c2: #1c4e99; /*Xanh*/
	--c3: #0076c0; /*Xanh hoa phat*/
	--c4: #1051af; /*Xanh nhạt phụ*/
	--c5: #e86825; /*Cam sành Hà Giang cực ngon*/
	--gia: #e83a45;
	--dodo: #bf0203;
}
/*Top bar*/
/*.header-wrapper {
    border-top: 5px solid #2f3492;
}*/
.andi {
	display: none;
}
.container {
    padding-left: 10px;
    padding-right: 10px;
}
.col, .columns, .gallery-item {
    padding: 0 10px 30px;
}
.single.single-product .col {
    padding: 0 13px 30px;
}
.absolute-footer, html {
    border-top: none!important;
}
div#top-bar a {
    color: #fff;
    font-size: 14px;
}
.top-bar-nav i, .top-bar-nav a {
    font-size: 15px !important;
    font-weight: 700 !important;
}
.header-main .nav > li > a {
    font-size: 17px;
    font-weight: 600;
}
ul.header-nav.header-nav-main li {
    margin: 0 20px!important;
}
.widget .is-divider {
    display: none !important;
}
.flickity-prev-next-button {
    display: block!important;
    opacity: 1!important;
}
.col-inner>.img:not(:last-child), .col>.img:not(:last-child) {
    margin-bottom: 0!important;
}
body{font-family: Helvetica,Arial,sans-serif!important; font-size:15px!important;}
.nav > li > a {font-family: Helvetica,Arial,sans-serif!important;}
h1,h2,h3,h4,h5,h6, .heading-font{font-family: Helvetica,Arial,sans-serif!important;}
.alt-font{font-family: Helvetica,Arial,sans-serif!important;}
.widget>ul>li li>a, ul.menu>li li>a {
    font-size: 15px;
}

a.a_29nam {
    margin-left: -30px;
}
a.a_29nam img {
    max-height: 70px;
}
.slider_home .img .img-inner {
    border-radius: 20px;
}
img.img_sub_header {
    max-height: 77px;
}
.header-bottom-nav li a {
    font-size: 18px !important;
    padding: 5px 16px 0px 16px;
    font-weight: 600 !important;
    text-transform: uppercase;
}
.header-bottom-nav li:first-child a {
	padding-left: 0!important;
}
p.name_company {
    font-size: 15px;
    font-weight: bold;
    color: #0e1131;
}
p.product_company {
    color: #0e1131;
    font-size: 12px;
}
span.iso1 {
    background: #eea630;
    border-radius: 10px;
    padding: 2px 10px 2px 10px;
    font-size: 12px;
    margin-right: 10px;
}
.form-flat input:not([type=submit]), .form-flat select, .form-flat textarea {
    height: 50px;
    background: #fff;
    border-radius: .375rem!important;
    border-color: rgba(28, 78, 153, 1);
    border: 2px solid rgba(28, 78, 153, 1);
}
.cta_right_bottom a {
	color: #000;
}
.cta_right_bottom a.cta_right_bottom_email {
    padding-right: 50px;
}
.cta_right_bottom a i {
    margin-right: 5px;
    /* color: red; */
    background: -webkit-linear-gradient(#8b2b5e, #31368f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

}
/*Footer*/
.footer_lienhe h4 {
	padding-bottom: 10px;
}
.footer_lienhe ul li {
    list-style: none;
    margin-left: 0;
}
.footer_lienhe i {
    color: #FEBC16;
    padding-right: 8px;
}
.footer_lienhe .icon-box-left, .footer_lienhe .icon-box-right {
    display: block!important;
}
.widget_logo.icon-box .icon-box-img {
    background: #fff;
    padding: 10px;
    border-radius: 6px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
}
.footer_lienhe .widget_logo .icon-box-text {
    padding: 0;
}
.footer_social_right {
    display: flex;
    align-items: center;
    height: 33px;
}
.ft_social {
    display: flex;
    gap: 8px;
}
.ft_social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}
.bg_section_top_footer .section-bg.bg-loaded {
    background-size: 100% 100%!important;
}
.col_bg_top_footer {
    padding-bottom: 0;
}
.ft_widget ul li {
    list-style: none;
    margin-left: 0;
}
.ft_widget, .ft_widget a, .ft_widget li {
    color: #000;
    font-size: 16px;
}
.ft_widget a:hover{
    color: var(--c5);
}
.ft_widget i {
    padding-right: 6px;
    color: #ea3c45;
}
.ft_widget h4, .ft_vp {
    color: var(--c1);
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 700;
}
.ft_widget ul li a:before {
    content: '\f105';
    font-family: "Font Awesome 5 Pro";
    position: relative;
    top: 1px;
    left: 0;
    padding-right: 5px;
}
.ft_widget_1 ul li a:before {
	content: none;
}
.absolute-footer, html {
    border-top: 1px solid #b5b5b5;
    color: rgba(0,0,0,1);
}
.section_footer {
    /* padding-top: 30px; */
    padding-bottom: 0!important;
}
.good-price-popup {
        display: block;
        position: fixed;
        bottom: 80px;
        left: 10px;
        padding: 5px;
        background: #fff;
        z-index: 22;
        border-radius: 3px;
        box-shadow: 0 0 10px #999;
        border-radius: 5px;
}
/*Nut goi dien*/
a.hotline_top {
    color: var(--c1) !important;
    font-size: 20px !important;
}
a.hotline_top img {
    animation-name: devvn_swing;
    -webkit-animation-name: devvn_swing;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
	margin-right: 8px;
}
 @-webkit-keyframes devvn_swing {
 20% {
 -webkit-transform: rotate3d(0,0,1,15deg);
 transform: rotate3d(0,0,1,15deg)
 }
 40% {
 -webkit-transform: rotate3d(0,0,1,-10deg);
 transform: rotate3d(0,0,1,-10deg)
 }
 60% {
 -webkit-transform: rotate3d(0,0,1,5deg);
 transform: rotate3d(0,0,1,5deg)
 }
 80% {
 -webkit-transform: rotate3d(0,0,1,-5deg);
 transform: rotate3d(0,0,1,-5deg)
 }
 to {
 -webkit-transform: rotate3d(0,0,1,0deg);
 transform: rotate3d(0,0,1,0deg)
 }
 }
 @keyframes devvn_swing {
 20% {
 -webkit-transform: rotate3d(0,0,1,15deg);
 transform: rotate3d(0,0,1,15deg)
 }
 40% {
 -webkit-transform: rotate3d(0,0,1,-10deg);
 transform: rotate3d(0,0,1,-10deg)
 }
 60% {
 -webkit-transform: rotate3d(0,0,1,5deg);
 transform: rotate3d(0,0,1,5deg)
 }
 80% {
 -webkit-transform: rotate3d(0,0,1,-5deg);
 transform: rotate3d(0,0,1,-5deg)
 }
 to {
 -webkit-transform: rotate3d(0,0,1,0deg);
 transform: rotate3d(0,0,1,0deg)
 }
 }
/*Section trang chủ*/
.counter.nam strong {
    font-size: 26px;
    font-weight: 700;
    color: var(--c3);
}
.counter.nam i {
    color: #e21f2f;
    font-size: 24px;
    padding-right: 5px;
}
.text_tk {
    background-color: #fff;
    padding: 10px 5px;
    text-align: center;
    border-radius: 10px;
}
.text_tk p.a_xemthem {
    display: none;
}
.tencc {
    font-size: 16px;
    text-transform: uppercase;
}
.intro_img img {
	border-radius: 10px;
	border: 2px solid #fff;
}
p.a_xemthem {
    margin-bottom: 0;
    margin-top: 5px;
}
}
.section_product_categories {
    padding-top: 40px!important;
    padding-bottom: 0!important;
    margin-bottom: -40px;
}
.gallery_kh img {
    border: 1px solid #ddd;
}
p.name.product-title {
    overflow: hidden;
}

.box-blog-post .is-divider {
    display: none;
}
/*Chi tiet san pham*/
.single-product .devvn_single_rating span.devvn_average_rate, .single-product .devvn_single_rating > span.devvn_sold {
    display: none;
}
.product-small.box .price-wrapper .price {
    padding: 5px 0;
	line-height: 15px;
}
.product-small.box .price-wrapper {
    min-height: 69px;
}
.mota_ctsp .large-2.col.pb-0.mb-0, .mota_ctsp .large-10.col.pb-0.mb-0 {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
}
.mota_ctsp .large-2.col.pb-0.mb-0 h5 {
    background: #d9edf7;
	background: var(--c3);
    margin: 0;
    padding: 15px;
    border-radius: 10px;
    color: #fff;
}
.product-section:last-child {
    margin-top: 30px;
}
.star-rating, .count-rating {
    font-size: 12px;
	display: inline-block;
}
.count-rating {
    position: relative;
    top: -8px;
    display: none;
}
._baogia {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 25px auto;
}
._baogia a {
    width: -moz-calc(50% - 9px);
    width: -moz-calc(50% - 9px);
    width: calc(50% - 10px);
    border-radius: 5px;
    color: #fff;
    display: block;
    flex-grow: 2;
    padding: 8px 5px!important;
    text-align: center;
    text-decoration: none;
	line-height: 1.42857;
    background: var(--c1);
}
a.baogia.devvn_buy_now.devvn_buy_now_style {
    margin-right: 15px;
}
._baogia .zalo {
    background-color: #2ec382;
	color: #fff;
}
.baogia strong {
    display: block;
    font-size: 18px !important;
    font-weight: 700;
    text-transform: uppercase;
}
a.baogia span {
    font-size: 14px !important;
    font-weight: 400 !important;
}
.product-contact-phone {
    margin: 15px 0 0 !important;
    text-align: center;
}
.product-contact-phone i {
    color: #e56411;
    font-size: 18px;
    padding-right: 6px;
}
.product-contact-phone a {
    color: #e56411;
    font-size: 16px;
    font-weight: bold;
}
.img_sublogo img {
    padding: 10px 0 0;
    max-width: 160px;
}
.img_sublogo {
    text-align: center !important;
}
.sp_breadcrumbs .breadcrumbs p {
    margin-bottom: 0;
}
.tab-panels figure, .tab-panels img {
	text-align: center;
}
.wp-caption {
    max-width: fit-content;
    margin: 0 auto;
    margin-bottom: 2em;
}
.ct_sanpham ins span.amount {
    font-size: 30px;
    color: var(--c1)!important;
}
.ct_sanpham del span.amount {
    opacity: 1 !important;
    font-size: 16px;
    color: #333;
}
.ct_sanpham del {
    padding-left: 15px;
}
.nav-box>li.active>a, .nav-pills>li.active>a {
    background: var(--c3) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}
.product-title-container .product-title {
    overflow: hidden;
    font-size: 22px;
    color: #333;
    padding-bottom: 0;
    margin-bottom: 0;
    text-transform: capitalize;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
}
.product-tabs a {
    border-radius: 10px 10px 0 0!important;
    font-size: 14px!important;
    padding: 3px 15px!important;
    font-weight: 400!important;
}
.product-tabs {
    border-bottom: 2px solid var(--c3);
}
.relate_products .flickity-viewport {
    padding-top: 15px;
}
.product-section {
    border-top: none;
}
.onlinepromo {border: var(--c1) solid 1px;border-radius: 4px;padding: 20px 10px;position: relative;overflow: visible;margin: 30px 0 20px;}
.onlinepromo b {
    background: var(--c4);
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    top: -17px;
    left: 15px;
    vertical-align: middle;
    line-height: 26px;
    clear: both;
    padding: 5px 15px 5px 30px;
    text-transform: uppercase;
    font-weight: 700;
}
aside.onlinepromo b i {
    padding-right: 6px;
}
.support_ctsp ul {
    padding: 10px 0px 0 0;
    margin: 0;
}
.support_ctsp ul li:last-child {
    padding: 0;
    margin-bottom: 0;
}
.support_ctsp ul li {
    list-style: none;
    margin-left: 5px;
}
.support_ctsp ul li:before {
    content: '\f058';
    font-family: "Font Awesome 5 Pro";
    font-size: 16px;
	font-weight: 900;
    color: #00ba00;
    padding-right: 8px;
    border: 10px;
    bottom: 1px;
    position: relative;
}
.onlinepromo .infopr ul li::before {
    content: '\f14a';
    font-family: "Font Awesome 5 Pro";
    color: #00ba00;
    font-weight: 900;
    padding-right: 8px;
    border: 10px;
    bottom: 1px;
    position: relative;
}
.onlinepromo .infopr ul, .onlinepromo .infopr ul li {
    list-style: none;
    margin-bottom: 0;
    margin-left: 2px;
}
.suppor_online {
    border: 1px solid #1c61a6;
    border-radius: 4px;
}
.tt-widget {
    background: linear-gradient(to right, #124586, #1c62a7);
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 45px;
    padding: 0 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    text-align: center;
}
.contact-widget ul {
    margin-bottom: 0;
}
.contact-widget ul li {
    display: block;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    margin: 10px;
}
.contact-widget ul li {
    display: block;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 15px;
    margin: 10px;
}
.contact-widget ul li:nth-child(1) {
    padding-left: 70px;
    background: url(images/tvvien.png) no-repeat;
}
.contact-widget ul li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
.contact-widget ul li i {
    padding-right: 8px;
    color: var(--c1);
}

.product_breadcrumb {
    padding: 12px 15px 0px;
    font-size: 16px;
}
.rank-math-breadcrumb {
    font-weight: 400;
    color: #333!important;
    opacity: 1!important;
}
.breadcrumbs .divider, .breadcrumbs .separator {
    opacity: 1;
}
.breadcrumbs a {
    color: #333;
    font-size: 15px;
}
.breadcrumbs span {
    font-size: 15px;	
}
.bangthongso ul li {
    list-style: none;
    margin-left: 0;
    padding: 12px 15px;
    margin-bottom: 0;
}
.bangthongso tr:nth-of-type(2n+1), .bangthongso ul li:nth-of-type(2n+1) {
    background: #f4f4f4 none;
}
.bangthongso h2 {
    font-size: 20px;
    padding: 15px 15px 2px;
	color: #333;
}
.col_duan_tieubieu h2, .relate_products h3.product-section-title {
	font-size: 20px;
	color: #333;
	text-transform: none;
	padding: 0;
	margin: 0;
}
.col_duan_tieubieu h2 {
	margin-bottom: 15px;
}

.bangthongso {
    border: 3px solid var(--c3);
    border-radius: 10px;
	padding-bottom: 12px;
}
.bangthongso tr td, .bangthongso tr th {
    border: none;
    color: #000;
    font-size: 15px;
    padding: 12px 10px!important;
    text-transform: none;
    font-weight: 400;
}
.ct_sanpham .product-price-container.is-normal{
    padding-top: 5px;
}
.product-short-description ul li {
    margin-left: 0;
    /*padding: 6px;
    background: #fafafa;*/
    margin: 6px 0;
}
.product-short-description ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-short-description ul li:before {
    content: '\f058';
    font-family: "Font Awesome 5 Pro";
    color: #00ba00;
    padding-right: 8px;
	font-weight: 900;
}

.devvn_prod_cmt {
    display: none;
}
div#reviews.woocommerce-Reviews {
    margin-bottom: -60px;
    border-bottom: none;
}
.is-form, button.is-form, button[type=submit].is-form, input[type=button].is-form, input[type=reset].is-form, input[type=submit].is-form {
    background-color: #fff;
	color: #000;
}
input[type=number] {
	box-shadow: unset!important;
	border: none;
	border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.quantity .button.minus {
    border: none;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.quantity .button.plus {
    border: none;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.lienhe_mua {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
}
.quantity.buttons_added.form-normal:before {
    content: "Số lượng:";
    padding-right: 20px;
    line-height: 2.5em;
}
.lienhe_mua a {
    flex: 0 0 auto;
    max-width: 100%;
    position: relative;
    width: -webkit-calc(50% - 5px);
    width: -moz-calc(50% - 5px);
    width: calc(50% - 6px);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.lienhe_mua a i {
    padding-right: 6px;
}
a.btn_goidien {
    background-color: #e22525;
}
.ux-quantity.quantity.buttons_added {
    display: none;
}
button.single_add_to_cart_button.button.alt {
    width: 100%;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    background: #fb6e2e;
    border: none !important;
	line-height: 46px;
}
.add-to-cart-container, .btn_zalo {
    width: -webkit-calc(50% - 7px);
    width: -moz-calc(50% - 7px);
    width: calc(50% - 7px);
    /* width: 48%; */
    display: inline-block;
  }
.btn_zalo {
    background: #0098db;
    text-align: center;
    border-radius: 4px !important;
    line-height: 46px;
    margin-left: 5px;
}
.btn_zalo a {
    color: #fff;
 }
form.cart {
    margin-top: 15px;
    margin-bottom: 0px;
	text-align: center;
}
.price_sale ins span.amount {
    font-size: 30px !important;
    color: #e5322d;
    font-weight: 600;
    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 3px 3px 5px #333;
}
.blog_duan_ctsp h5 a {
    color: #333;
    font-size: 15px;
    margin-bottom: 10px;	
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
}
.des_category_product h3, #tab-description h3, .term-description h3, .des_category_product h2, #tab-description h2 {
    font-size: 20px !important;
    color: var(--do);
    font-style: italic;
    line-height: 1.2;
}
.col_chinhsach {
    margin-top: -20px;
    margin-bottom: -30px;
}

.page-title-inner {
    padding-bottom: 20px;
}
h1.shop-page-title.is-xlarge {
    color: var(--c1);
	font-size: 1.6em;
}
.widget_price_filter .ui-slider-horizontal {
    margin-top: 30px;
}
.widget_price_filter .ui-slider .ui-slider-handle, .widget_price_filter .ui-slider .ui-slider-range, .widget_price_filter .price_slider_amount .button {
    background-color: var(--c5);
}
.badge-container.right{right: 0px;}
.badge-container.top {top: -30px;}
.img-sanpham .badge-container.top{top: -20px;}
.img-sanpham .badge-container.right{right: 10px;}
.badge-container .badge-inner.on-sale {
    background: url(http://thegioisanaky.vn/wp-content/themes/flatsome-child/images/icon_discount.png) no-repeat;
    /* background-repeat: no-repeat; */
    /* color: #fff; */
    width: 43px;
    height: 41px;
    text-align: center;
    /* border-radius: 2px; */
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    top: 7px;
    right: 5px;
    line-height: 38px;
    z-index: 9;
}
form.woocommerce-ordering, p.woocommerce-result-count.hide-for-medium {
    display: none;
}
a.filter-button.uppercase.plain {
    border-radius: 6px;
    padding: 10px 10px;
    border: 1px solid #ddd;
    font-size: 14px;
}
.term-description h2 {
    padding-bottom: 15px;
}
#shop-sidebar .product-categories, #shop-sidebar .woocommerce-widget-layered-nav-list {padding-top: 20px;}
#shop-sidebar .widget ul li a {
    background: rgba(0, 0, 0, 0) url(https://thegioisanaky.vn/wp-content/themes/flatsome-child/images/icon-filter.webp) no-repeat scroll left center;
    padding-left: 20px;
	color: #000;
}
#shop-sidebar .widget ul li.chosen a, #shop-sidebar .widget ul li a:hover {
	background: rgba(0, 0, 0, 0) url(https://thegioisanaky.vn/wp-content/themes/flatsome-child/images/icon-filter-active.webp) no-repeat scroll left center;
    color: var(--c2);
}
#shop-sidebar .widget li.chosen a:before {
    display: none;
}
#menu-danh-muc-san-pham li a {
	background: none!important;
	padding-left: 0!important;
}
.btn_danhmuc {
    display: inline-block;
    width: 24%;
    /* width: calc(50% - 15px); */
    padding: 5px 5px;
    font-weight: 400;
    font-size: 14px;
    width: -moz-calc(50% - 5px);
    margin-bottom: 10px !important;
    margin-right: 5px !important;
    background-color: #0d65a6 !important;
    border-radius: 4px;
}

.shop-container .row.large-columns-4.medium-columns-3.small-columns-2.row-small {
    margin-left: 6px;
    margin-right: 3px;
}
.tax-product_cat .shop-container .product-small.col {
    border: 1px solid #eee;
    margin-left: -1px;
    margin-bottom: -1px;
    padding: 0px 5px;
}
.product-small.col .box-text.box-text-products {
    padding-top: 5px;
    padding-bottom: 5px;
}
.pr_banchay .product-small.box, .r_banchay .product-small.box, .sp_tuongtu .product-small.box{
    background: #fff;
	border-radius: 10px;
	padding: 5px;
}
.r_banchay .product-small.box .col{
    padding: 0 5px 10px;
}
.pr_banchay .product-small.col {
	border: none!important;
    padding: 0 5px 10px!important;
}
.list_pr_home .product-small.col{
	padding: 0 5px 10px;
}
.list_pr_home .product-small.box {
	border: 1px solid #ccc;
    background: #fff;
	border-radius: 10px;
    padding: 5px;
}
.product-small .box-text.box-text-products a {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    min-height: 35px;
}
.product-small ins span.amount {
	color: #e83a45;
	font-size: 16px;
}

.section-blog-ux {
  position: relative;
  overflow: hidden; }
  .section-blog-ux .decor-1 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1; }
  .section-blog-ux .decor-2 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1; }
  .section-blog-ux .decor-3 {
    position: absolute;
    right: 41px;
    top: 0;
    z-index: -1; }
	
@-webkit-keyframes animationFramesOne {
  0% {
    transform: translateX(0); }
  25% {
    transform: translateX(-40px); }
  50% {
    transform: translateX(0); }
  75% {
    transform: translateX(40px); }
  100% {
    transform: translateX(0); } }

@keyframes animationFramesOne {
  0% {
    transform: translateX(0); }
  25% {
    transform: translateX(-40px); }
  50% {
    transform: translateX(0); }
  75% {
    transform: translateX(40px); }
  100% {
    transform: translateX(0); } }

@-webkit-keyframes animationFramesTwo {
  0% {
    transform: translateX(0); }
  25% {
    transform: translateX(40px); }
  50% {
    transform: translateX(0); }
  75% {
    transform: translateX(-40px); }
  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0); } }

@keyframes animationFramesTwo {
  0% {
    transform: translateX(0); }
  25% {
    transform: translateX(40px); }
  50% {
    transform: translateX(0); }
  75% {
    transform: translateX(-40px); }
  100% {
    transform: translateX(0); } }

.shape-animate2 {
  -webkit-animation: animationFramesOne 12s infinite linear alternate;
  animation: animationFramesOne 12s infinite linear alternate; }

.shape-animate1 {
  -webkit-animation: animationFramesTwo 12s infinite linear alternate;
  animation: animationFramesTwo 12s infinite linear alternate; }
  
/*Trang lien he*/
.p_lienhe_map .col-inner h2 {
    color: var(--c2);
    text-align: center;
}
.p_lienhe_map .col-inner {
    border: 2px solid var(--c2);
    border-radius: 20px;
    padding: 15px;
}
.col-divided {
	border-right: none;
    padding-right: 0;
}
.large-9.right.col ul {
	padding-left: 20px;
}
.page-inner h2 {
    font-size: 20px!important;
    color: #db2927;
    font-style: italic;
    line-height: 1.2;
}
table {
    border-collapse: collapse;
    margin: 0 auto;
}
td:first-child, th:first-child {
	
}
table td, table th {
    border: 1px solid #ddd;
    padding: 5px 10px!important;
	color: #333;
	font-size: 15px;
}
/*Danh muc san pham*/
.category-page-row {
    padding-top: 0;
}
.page-description h1 {
    color: var(--c4);
    font-size: 20px;
    text-transform: uppercase;
    line-height: 45px;
 }
.widget_dmsp_ .box-image {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 15px;
}
.widget_dmsp_ .box-text.text-center h5 {
    color: #333;
    text-transform: none;
    font-size: 14px;
}
.menu-danh-muc-san-pham-container {
    background-color: #f5f5f5;
    padding: 15px;
}
span.widget-title.shop-sidebar, .widget_product_categories span.widget-title {
    padding: 10px 0;
    background: var(--dodo);
    padding-left: 15px;
    font-size: 1em;
    /* font-weight: 500; */
    color: #fff;
    display: block;
    line-height: unset !important;
}
.widget_product_categories ul.product-categories {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}
.widget_product_categories ul li a:before {
    content: '\f105';
    font-family: "Font Awesome 5 Pro";
    position: relative;
    top: 1px;
    left: 0;
    padding-right: 5px;
}
.widget_product_categories ul li a:hover {
    color: var(--fs-experimental-link-color);
    color: var(--c5);
}
.menu-danh-muc-san-pham-container ul li a {
    color: #333;
    font-size: 16px;
    /* color: var(--fs-experimental-link-color); */
}
span.amount.lien_he {
    color: var(--gia);
    font-size: 16px;
    font-weight: 600;
}
/*Home page*/
/*Section home page*/
.prd_readmore a {
    background: var(--c2);
    color: #fff !important;
    padding: 10px 20px;
    font-size: 16px !important;
    width: unset !important;
    display: unset !important;
    border-radius: 30px;
}
.prd_readmore {
    display: none;
}
p.ctsp_lienhe {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
	margin-top: 15px
}
p.ctsp_lienhe a {
    flex: 0 0 auto;
    max-width: 100%;
    position: relative;
    width: -webkit-calc(50% - 9px);
    width: -moz-calc(50% - 9px);
    width: calc(50% - 9px);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    /* background: #fff0f0 none; */
    /* border: 1px solid var(--c1); */
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    padding: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-transform: uppercase;
}
a.zalo {
    /*background: #01baef;*/
}
a.goidien {
    background: #ffac14;
}
.section-title .section-title-main i.icon-angle-right {
    margin-left: 10px;
    margin-right: 0;
    display: none;
}

/*HOMEPAGE*/
/*Section 1 - danh muc san pham*/
.section_dmsp {
    padding-bottom: 0!important;
    margin-bottom: -50px;
}
.homepage_heading_title h2{
    font-size: 24px;
    text-align: center;
    color: var(--c1);
    padding-bottom: 18px;
    position: relative;
	text-transform: uppercase;
}
.col_gt_sanaky h2 {
    text-align: center;
    font-size: 22px;
    padding-bottom: 15px;
}
.homepage_heading_title h2:after{
    content: url(https://thegioisanaky.vn/wp-content/themes/flatsome-child/images/line-gradient.webp);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.homepage_banchay h2:after {
	content: none;
}
.homepage_banchay h2 {
    padding-bottom: 0;
    margin-bottom: 5px;
}
.color-title {
	padding: 0;
    margin: 0;
}
.color-title span {
    font-size: 18px;
    line-height: 42px;
    height: 42px;
    font-weight: 700;
    margin: 0 0 0 0;
    padding: 0 20px;
    display: inline-block;
    text-transform: uppercase;
    background: var(--c2);
    color: #fff;
    font-weight: bold;
    cursor: pointer;
	border-bottom: none;
}
.color-title .section-title-normal {
    border-bottom: 2px solid var(--c2);
}
/*Dich vu*/
.col_dichvu .col-inner {
    background: #fff;
    border-radius: 10px;
    border: 2px solid #01baef;
}
.col_dichvu .icon-box-center .icon-box-img {
    margin: 0 auto 0;
	padding-top: 5px;
}
.col_dichvu .col-inner .icon-box-img img {
    border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.col_dichvu .col-inner .icon-box-text {
    padding: 5px 0;
}
.col_dichvu .col-inner .icon-box-text p {
    margin-bottom: 0;
}
.col_dichvu h3 {
    font-size: 16px;
}
.blog_duan .box-image {
    border-radius: 10px;
}
.color-title a {
    font-size: 16px;
    font-weight: 400;
    color: var(--c2);
}
.section-title i {
    opacity: 1;
}

.col_banner_dm {
    padding-right: 10px!important;
}
.col_banner_dm img, .img_section_hz img{
	border-radius: 10px;
}
.term-description ul {
    margin-left: 20px;
}
/*Post*/
.left_sidebar {
    padding-right: 0 !important;
}
.title_sidebar h4, span.widget-title.shop-sidebar, .blog-single .widget_nav_menu .widget-title, .page-right-sidebar .widget_nav_menu span.widget-title {
    padding: 10px 0;
    background: var(--c2);
    padding-left: 15px;
    /* font-size: 16px; */
    /* margin-bottom: 20px; */
    color: #fff;
    border-radius: 10px 10px 0 0;
    display: block;
    line-height: unset !important;
    text-transform: uppercase;
}
.menu-danh-muc-san-pham-container {
    border: 1px solid #ddd;
    padding: 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.col_post_duan h5 {
    font-size: 16px;
    font-weight: 400;
}
.col_post_duan h4 {
    text-transform: uppercase;
    font-size: 22px;
    padding-bottom: 15px;
}
/*Trang chu*/
a.button.primary.is-outline.btn_home_cate {
    border: none;
    border-radius: 5px !important;
    text-decoration: none !important;
    text-transform: none;
    font-weight: 400;
    color: var(--c2);
    font-size: 15px;
    background: #f0f0f0;
    margin-bottom: 0;
    line-height: 2.4em;
}
a.button.primary.is-outline.btn_home_cate:hover {
    background: burlywood;
}
.col_btn_dmsp {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    position: static;
    /* display: flex; */
    /* gap: 8px; */
    margin-bottom: 10px!important;
    padding-bottom: 5px!important;
    margin-top: -15px;
}
.col_btn_dmsp::-webkit-scrollbar {
  width: 5px;
}
.col_btn_dmsp::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
.col_btn_dmsp::-webkit-scrollbar-thumb {
  background: #888; 
}
.col_btn_dmsp::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.header-bottom {
    /*background-color: var(--c2) !important;*/
	position: relative;
    background-image: url(https://thegioisanaky.vn/wp-content/uploads/2025/07/bg_header2.jpg) !important;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.header-main .form.searchform input, form.searchform input[type='search'] {
    box-shadow: none;
    border: none;
    background: transparent;
}
.searchform .button.icon i {
    top: 0!important;
}
.flex-col button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    background-color: #EB2229 !important;
    color: #fff !important;
    border-radius: 4px 4px 4px 4px !important;
    box-shadow: none;
    outline: none;
    position: relative;
    z-index: 1;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 3px 20px;
    font-size: unset !important;
    line-height: 2em;
    min-height: 2em;
}
form.searchform {
    background: #f8f8f8;
    border-radius: 4px;
    padding: 3px 5px;
    border: 2px solid var(--c3);
}
.c_name {
    font-size: 27px;
    font-weight: 700;
    color: var(--c1);
}
.chu-noi {
    text-shadow: 2px 1px 0 #fff, 1px 2px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 4px 4px 4px #808080;
}
.product-thumbnails .is-nav-selected a, .product-thumbnails a:hover {
    border-radius: 4px;
}
.promoadd {
    margin-top: 20px;
    border-radius: 10px;
    /*box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;*/
}
.promoadd__ttl {
    background-color: var(--c3);
    font-size: 18px;
    text-transform: uppercase;
    line-height: 20px;
    padding: 12px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.promoadd_body {
    border: 3px solid var(--c3);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: -1px;
}
.promoadd.promoadd_km {
    border: 1px solid var(--c1);
    overflow: hidden;
    box-shadow: none;
}
.pr-content.khuyenmai img {
    padding-right: 10px;
    /* font-size: 16px; */
    /* font-weight: 700 !important; */
}
.pr-content.khuyenmai {
    font-size: 16px;
    font-weight: 700;
    color: #d70018;
}
.promoadd__ttl.promoadd__ttl_km {
    background-color: var(--c1);
    color: #fff;
    text-align: left;
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.pr-content {
    padding: 10px 10px 0px 10px;
}
.pr-content ul {
    margin-bottom: 0 !important;
}
.pr-content ul li {
    list-style: none;
    margin-left: 0;
}

.pr-content ul {
    margin: 0;
    counter-reset: li-counter;
}
.pr-content ul li {
    position: relative;
    padding-left: 28px;
}
.pr-content ul li:before {
    counter-increment: li-counter;
    content: counter(li-counter);
    width: 20px;
    height: 20px;
    background: #fb6e2e;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 2px;
}
.pr-content.lienhe_snk ul li:before{
	display: none;
}
.promoadd__list {
    padding: 15px;
    margin-bottom: 0;
}
.divb {
    margin-bottom: 10px;
}
.divb .nb {
    background-color: var(--c1);
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-top: 2px;
    text-align: center;
    width: 20px;
}
.divb-right {
    padding-left: 26px;
}
.pr-content {
    padding: 15px;
}
.pr-content .divb:last-child{
    margin-bottom: 0;
}
.a_xemthem a {
	color: #ef2229;
	font-size: 15px;
}
.a_xemthem a:before {
    content: '\f178';
    font-family: "Font Awesome 5 Pro";
    color: #ef2229;
    padding-right: 5px;
}
@media (max-width: 549px) {
	.hide_mobile {
		display: none;
	}
	.page-title-inner {
		padding-bottom: 0;
	}
	.product-small .box-text.box-text-products.text-center {
		min-height: 145px;
	}
	.tencc {
		font-size: 14px;
	}
	.counter.nam strong {
		font-size: 20px;
	}
	.counter.nam i {
		font-size: 20px;
	}
    .sp_breadcrumbs {
        padding-bottom: 10px;
        margin-top: -5px;
    }
	
	.col_gt_sanaky {
		padding-bottom: 0;
	}
	.icon_dichvu.mbsnk h4 {
		font-size: 14px;
	}
    .slider-style-focus {
        padding: 0;
    }
    .slider_home .img .img-inner {
        border-radius: 0;
    }
    .nav-vertical>li>ul li a {
        color: #000!important;
    }
    .form-flat input:not([type=submit]), .form-flat select, .form-flat textarea {
        height: 40px!important;
    }
	.btn_danhmuc {
		width: calc(50% - 10px);
	}
    .section_slider {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .homepage_heading_title h2 {
        font-size: 24px;
    }
    .color-title span {
        font-size: 17px;
        padding: 0 12px;
    }
    .col_post_duan {
		flex-basis: 50% !important;
		max-width: 50% !important;
	}
	.col_banner_dm {
		display: none;
	}
	.home .row-small>.flickity-viewport>.flickity-slider>.col, .home .row-small>.col {
		padding: 0 9.8px 19.6px;
		margin-bottom: 0px;
	}
	.r_banchay {
    	max-width: calc(100% - 20px) !important;
	}
	.product-small.box ins, .product-small.box del {
    display: block;
    }
    .off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
        width: 350px!important;
    }
    .nav>li>a>i.icon-menu {
        color: var(--c1) !important;
		font-size: 1.9em;
    }
	.nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover {
        background-color: #fff !important;
    }
	.header-bottom {
		min-height: 47px!important;
	}
	.mobile-nav>.search-form, .sidebar-menu .search-form {
		padding: 3px 0;
	}
	form.searchform {
		padding: 0;
		border: 2px solid #fff;
	}
	.flex-col button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
		border-radius: 0px 4px 4px 1px !important;
		padding: 0px 20px;
}
}
.r_banchay {
    background-image: url(https://thegioisanaky.vn/wp-content/themes/flatsome-child/images/bchay.jpg);
    border-radius: 10px;
    padding: 35px 5px 0 5px;
}
/*Bo loc san pham*/
.loc-nguyenlan{display:flex;gap:8px}
.loc-nguyenlan .widget-title{background-color: #fff; border: 1px solid #e0e0e0; border-radius: 5px; cursor: pointer; padding: 10px 25px 10px 10px; line-height: 17px; margin-right: 8px; position: relative;font-weight:normal;text-align:center}
.loc-nguyenlan .woocommerce-widget-layered-nav-list{display:none}
.loc-nguyenlan .widget-title:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333;
    content: '';
    height: 0;
    position: absolute;
    top: 15px;
    right: 10px;
    width: 0;
}
.loc-nguyenlan .widget-title.active{border: 1px solid #0076c0;}
.loc-nguyenlan section{position:relative}
.loc-nguyenlan #woocommerce_layered_nav_nguyenlan-2 .woocommerce-widget-layered-nav-list.active{ display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(5,minmax(0,1fr));
    margin: 0 0 10px;width: 547px;background-color: #fff; box-shadow: 0 2px 20px rgb(0 0 0 / 50%); border-radius: 4px; max-width: 600px; min-width: 382px; left: 0; position: absolute; padding: 10px 10px 0 10px;white-space: normal; z-index: 999999;left:0px;top:40px;gap: 6px;}
.loc-nguyenlan .woocommerce-widget-layered-nav-list.active{
  background-color: #fff;
    box-shadow: 0 2px 20px rgb(0 0 0 / 50%);
    border-radius: 4px;
    max-width: 600px;
    min-width: 382px;
    left: 0;
    position: absolute;
    padding: 10px 10px 0 10px;
    top: 45px;
    width: max-content;
    white-space: normal;
    z-index: 999999; display:flex;flex-wrap: wrap;padding-bottom: 10px!important;max-height: 45vh;
    overflow: hidden;
    overflow-y: auto;}
.loc-nguyenlan  .woocommerce-widget-layered-nav-list.active .hinhthuoctinh img{display: flex; width: auto; max-height: 25px; max-width: 98%; object-fit: contain; justify-content: center;}
.loc-nguyenlan #woocommerce_layered_nav_nguyenlan-2 .woocommerce-widget-layered-nav-list.active .tenthuoctinh{display:none}
.hinhthuoctinh{height: 36px;width: auto;align-items: center; border: 1px solid #e0e0e0; border-radius: 4px; color: #333; display: flex; font-size: 14px; justify-content: center; line-height: 17px;}
.loc-nguyenlan #woocommerce_layered_nav_nguyenlan-2 .woocommerce-widget-layered-nav-list.active .count{display:none}
#woocommerce_layered_nav_nguyenlan-2 .woocommerce-widget-layered-nav-list .wc-layered-nav-term{border:none;margin-bottom:0px}
.loc-nguyenlan .count{display:none}
.loc-nguyenlan .wc-layered-nav-term{border:none}
.loc-nguyenlan .wc-layered-nav-term .tenthuoctinh{align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: #333;
    display: flex;
    font-size: 14px;
    justify-content: center;
    line-height: 17px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 8px 9px;}
.loc-nguyenlan .woocommerce-widget-layered-nav-list.active a{padding-top:0px;padding-bottom:0px}
.loc-nguyenlan .widget_price_filter form{opacity:0;z-index:-99999;display:none}
.loc-nguyenlan .price_slider{margin-bottom:30px}
.hinhthuoctinh img{height:28px;width:auto}
.loc-nguyenlan .widget li.chosen a:before{display:none}
.loc-nguyenlan .widget_price_filter form.active{background-color: #fff; box-shadow: 0 2px 20px rgb(0 0 0 / 50%); border-radius: 4px; max-width: 600px; min-width: 382px;position: absolute; padding: 10px 10px 0 10px; top: 45px; width: max-content; white-space: normal; z-index: 99999;opacity:1;display:block}
.loc-nguyenlan .widget_price_filter form .price_slider_wrapper{padding:10px}
.loc-nguyenlan .widget_price_filter .ui-slider .ui-slider-range{background-color:#4a90e2;opacity:1}
.loc-nguyenlan .widget_price_filter .ui-slider .ui-slider-handle{width: 18px;
    height: 18px;
    border-radius: 50%;
padding-left:5px;padding-right:5px;
    cursor: pointer;
    border: 1px solid #4a90e2;
    background-color: #fff;}
.loc-nguyenlan .button{background-color:#4a90e2!important;padding-left:30px;padding-right:30px;}
.loc-nguyenlan .price_label .from,.loc-nguyenlan .price_label .to{border: 1px solid #bdbdbd; border-radius: 4px;background: #fff;padding:10px;font-weight:normal}
.loc-nguyenlan .chosen .hinhthuoctinh{border-color:#0076c0}
.loc-nguyenlan section{margin-bottom:0px}
.lopphu{z-index:-99999999999;display:none}
.lopphu.active {
    z-index: 999;
    display: block;
    background: #0000001a;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.category-filtering{width:100%;display:block}

.s_banchay {
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-bottom: 30px;
}
.s_banchay .section-bg.fill{
    background: linear-gradient(rgb(248, 62, 96), rgb(254, 80, 72)) 0% 0% / cover;
    border-radius: 16px;
}
.san_pham_ban_chay h2 {
    color: #fff;
    padding-top: 20px;
    padding-bottom: 0;
    margin-bottom: 0;
}
/*.badge-inner.on-sale {
    background-color: #ed1c24 !important;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
}*/
/*bao hanh*/
.col_kichhoatbaohanh {
    max-width: 800px;
    margin: 0 auto;
}
.col_kichhoatbaohanh .col-inner {
    border: 2px solid #01baef;
    padding: 20px 15px;
    border-radius: 15px;
}
.col_kichhoatbaohanh .col-inner ul li {
    list-style: none;
} 
.col_kichhoatbaohanh .text-center {
    text-align: left !important;
}
.col_kichhoatbaohanh h3 {
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}
.section_home_title h2, .page_title h1, h1.entry-title.mb {
    font-size: 24px;
    text-align: center;
    color: var(--c1);
    padding-bottom: 18px;
    position: relative;
}
.page_title h1:after, h1.entry-title.mb:after {
    content: url(https://thegioisanaky.vn/wp-content/themes/flatsome-child/images/line-gradient.webp);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.bg-gradient-radial {
    background-image: radial-gradient(circle, #98c230 0, #59a646 49%, #22994f 75%, #007e42 100%);
    background-size: 500% 100%;
}
@keyframes gradient{0%{background-position:125% 50%}to{background-position:0 50%}}
.animate-gradient{animation:gradient 4s ease infinite}
.mn_highlight {
    color: red;
}
.pulsating-circle:before {
    content: "";
    position: relative;
    display: block;
    width: 150%;
    height: 150%;
    left: -13px;
    bottom: 14px;
    border-radius: 50%;
    background-color: #01a4e9;
    animation: pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) infinite;
}
.pulsating-circle:after {
    content: "";
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}
@keyframes pulse-ring {
        0% {
            transform: scale(0.33);
        }
        80%, 100% {
            opacity: 0;
        }
    }
    @keyframes pulse-dot {
        0% {
            transform: scale(0.8);
        }
        50% {
            transform: scale(1);
        }
        100% {
            transform: scale(0.8);
        }
    }   
    @keyframes pulse-ring {
        0% {
            transform: scale(0.33);
        }
        80%, 100% {
            opacity: 0;
        }
    }
/*cau hoi thuong gap*/
.accordion-inner {
    padding: 10px;
}
.accordion_dichvu .accordion-item {
    padding-bottom: 5px;
}
.accordion_dichvu .accordion-item .active {
    background: var(--c2);
    border: 1px solid var(--c2);
}
.accordion_dichvu .accordion-item .accordion-title {
    border: 1px solid var(--c2);
    border-radius: 8px;
    background: var(--c2);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}
.sp_tuongtu .col-inner .related {
    background: var(--c3);
    padding: 5px 0px 20px;
    border-radius: 10px;
}
.sp_tuongtu .row-small>.flickity-viewport>.flickity-slider>.col {
	padding: 0 5px 30px !important;
}
.sp_tuongtu h3 {
    text-align: center;
    color: #fff;
    font-size: 24px;
}
.col_title_dmsp h2 {
    /* font-size: 23px; */
    /* font-size: 1.6em; */
    background: var(--c2);
    display: inline;
    padding: 10px 20px !important;
    color: #fff;
    border-radius: 60px;
    font-size: 20px;
}
.col_title_dmsp h2 a {
	color: #fff!important;
}
.mota_ctsp a {
    color: var(--c3);
}
.menu-trangchu::before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f015'; /* Unicode của icon fa-house */
    font-weight: 900;
    margin-right: 5px;
}