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

/*************** ADD CUSTOM CSS HERE.   ***************/
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item a {
width: 48%;
    margin: 0 auto;
}
.cauchuyentc_sec1 {
	margin-bottom: 1rem;
}
.cauchuyentc_sec1 .col {
	padding-bottom: 0;
}
.cauchuyentc_title h2{
font-size: 3rem;
    font-weight: 600;
    margin-bottom: 0;
    text-shadow: 1px 3px 1px #000000;
}
.nhanxet_sec {
  position: relative;
  background: url('https://portfolio.theme.trueads.vn/wp-content/uploads/2024/07/deerpath_website_photos_final_2452x1070_013-min-1920x838-1.jpg') no-repeat center center;
  background-size: cover;
	opacity: .8;
}
.boloc_sec .slick-next:before,.boloc_sec .slick-prev:before{
    color: #000;
}
div#filter_250727_4 {
    display: none;
}
.nhanxet_sec::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgb(0,0,0, 0.8); /* Adjust the opacity as needed */
}
.t_hieu strong {
	color: black;
	font-weight: 600;
}
.product-small {
    border: 0 !important;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label .term-image img {
    width: 100%;
}
.flickity-page-dots {
    left: 0;
	bottom: unset;
}
.flickity-page-dots .dot {
    border: 2px solid var(--fs-color-secondary);
    background: white;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.filter-has-8-column {
    margin: 3px 5px 4px;
}
.flickity-page-dots .dot.is-selected {
    background-color: var(--fs-color-secondary);
}
.flickity-page-dots .dot:hover {
    color: var(--fs-color-secondary);
}
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown.open {
    border-color: #dadada5e;
}
.product-small .image-zoom img {
	pointer-events: none; 
}
.nhanxet_tab .tab-panels {
	padding-bottom: 0;
	padding-top: 0;
}
.giuseart_tabs > .nav .tab a {
    opacity: .6;
}
.giuseart_tabs > .nav .tab.active a {
    background: transparent !important;
    transform: scale(1.2);
    transition: transform 0.3s ease; 
	opacity: 1;
}
.nhanxet_row .col {
	border-left: unset !important;
}
.nhanxet_row .col2 a {
	color: white;
	font-style: italic;
}
.fa-long-arrow-right:before {
    color: white;
}
.nhanxet_row .col2 a:hover {
	text-decoration: underline;
}
.yith-wcan-filters .yith-wcan-filter .filter-title {
    font-weight: 500;
    color: black;
}
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown {
    border: 1px solid #dadada5e;
}
/* button.flickity-button.flickity-prev-next-button {
    display: none;
} */
.product-small .box-text {
    display: none;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label:not(.disabled):hover {
    box-shadow: 0 0 0 2px var(--fs-color-secondary);
    color: var(--fs-color-secondary);
	transform: scale(1.1);
	transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
}
.boloc_row .column {
	padding-bottom: 0;
}
.boloc_sec {
	padding-bottom: 0 !important;
}
.product-small {
    background: #fff;
    border: 1px solid rgb(0 0 0 / 20%);
}

.product-small.box a {
  /*  font-size: 1.5rem;*/
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3em;
	
}
.box-text p {
padding:3px 20px;
}
.product-small .box-excerpt {
color: #000000;
font-size: 15px;
    font-weight: 500;
padding:0 20px;
}
.loading-spin.centered{
    visibility: hidden;
}
li.header-contact-wrapper {
    border: 2px solid var(--fs-color-secondary);
    padding: 0px 20px;
    border-radius: 99px;
    background: var(--fs-color-secondary);
	padding: 0px 25px;
}
li.header-contact-wrapper a {
    padding-top: 5px;
    padding-bottom: 3px;
}
.banner_sec .column1 {
    padding: 0;
}
.banner_sec .column2 {
    padding: 0;
}
.banner_sec .column2 a.button {
    font-size: 1rem;
    font-weight: 300;
	border-radius: 10px;
}
.banner_sec .column2 h1 {
    font-size: 4rem;
	margin-bottom: 0;
	line-height: 5rem;
}
.banner_sec .column2 h2 span {
    font-size: 1.7rem!important;
	font-weight: 300;
}
.banner_sec .column2 h2 {
    margin-top: 1rem;
}
.banner_sec .column2 .text {
    padding: 0 4rem;
}
.khachhang_sec .col1 .text {
    background: white;
	padding: 10px;
    border-radius: 10px;
	margin-bottom: 20px;
}
.khachhang_sec .col1 .text1 {
    background: white;
    padding: 1rem;
    border-radius: 10px;
    margin-bottom: 1.3rem;
    position: relative;
}
.khachhang_sec .col1 .text1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 100%;
    background: black;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; 
}
.khachhang_sec .col2 .text_tt {
	margin-bottom: 0!important;
	padding: 0;
}
.khachhang_sec .col1 .text h3{
    margin-bottom: 0;
	color: var(--fs-color-secondary)!important;
	font-size: 2rem;
}
.khachhang_sec .col1 .text_tt h3{
	font-size: .7rem;
	margin-bottom: .5rem;
}
.khachhang_sec .col1 .text p{
    margin-bottom: 0;
}
.khachhang_sec .column_content {
	padding-bottom: 0;
}
.t_hieu p {
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 0;
	margin-bottom: 0;
}
.t_hieu .col-inner {
	align-content: center;
}
.logo_thieu .col {
	padding-bottom: 0;
	padding-left: 0;
}
.logo_thieu {
	padding-bottom:2.1rem!important;
}
.nhanxet_row .col2 img{
	margin-bottom: 0;
}
.nhanxet_row .col2 p{
	margin-bottom: 0;
}
.nhanxet_row .col1 .img1 .img-inner{
	border-radius: 50%;
}
.nhanxet_row h2{
	padding: 0 12rem;
}
.nhanxet_row .col1 .img2 {
    position: absolute;
    bottom: -2rem;
    right: 0;
    left: 0;
}
.nhanxet_row .col1 .img2 .img-inner{
    border-radius: 1rem;
}
.top3_row .column2 .col2 p {
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 300;
}
.top3_row .column2 .col2 p>span{
    font-size: 1.8rem;
    font-weight: 500;
}
.scroll-to-bullets a.active {
    display: none;
}
.scroll-to-bullets a {
    display: none;
}
.web_row1 .column .col-inner{
	transition: all ease 0.3s;
	padding: 15px;
}
.web_row1 .column .col-inner:hover {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    background: #fff;
}
.web_row2 .text-left {
    text-align: left;
    padding-left: 30px !important;
    border-left: 1px solid;
}
.web_row2 .text-left h2{;
	font-family: 'Google Bold', Helvetica, Arial, Lucida, sans-serif;
    color: #2d2d2d !important;
	margin-bottom: 0;
}
.web_row1 .column .box-image {
    margin-bottom: 30px;
}
.web_row1 .column .box-image div:before {
    position: absolute;
    content: " ";
    background-image: url('https://portfolio.theme.trueads.vn/wp-content/uploads/2024/07/more.svg');
    width: 100%;
    height: 100%;
    background-color: rgba(0, 40, 120, 0.8);
    background-repeat: no-repeat;
    background-size: 130px;
    background-position: 50% 50%;
    transition: all ease 0.3s;
    opacity: 0;
}
.web_row1 .column .col-inner:hover .box-image div:before,
.web_row1 .column .col-inner:hover .box-text a {
    opacity: 1;
}
.web_row1 .column .box-text h4 {
    font-size: 1.125rem;
	font-family: 'Google', Helvetica, Arial, Lucida, sans-serif;
	font-weight: 300;
	margin-bottom: 1rem;
}
.web_row1 .column .box-text h4:after{
    content: '';
    position: absolute;
    width: 100px;
    height: 0.5px;
    background: #000;
    left: 1rem;
    bottom: 2rem;
}
.web_row1 .column .box-text a {
    color: #ff6600;
	padding-left: 1.5rem;
	margin-left: 5px;
	opacity: 0;
	font-size: 1rem;
	border-left: 6px solid #ff6600;
}
.web_row1 .column .box-text{
	padding-bottom: 0;
	padding-top: 0;
}
.duan_row1 h2 {
	color: black; 
}
.title_h2 {
	font-size: 1.5rem;
}
.top3_row .column1 {
	padding-bottom: 0;
}
.top3_row .column2 {
	padding-bottom: 0;
}
.top3_row .column2 .img{
	margin-bottom: 2rem;
}
.top3_row .column2 .col2 .text{
	float: left;
}
.top3_row .column2 .col1 a.button {
    font-weight: 700;
    background-color: #ff3562;
    font-size: 1.3rem;
	margin-bottom: 0;
}
.top3_row .column2 h2 {
    font-weight: 300;
    font-size: 2rem;
}
.top3_row .column2 h2 strong{
    font-weight: 600;
}
.top3_row .column2 p{
    font-size: 1.3rem;
}
.footer_row .column1 {
	padding-bottom: 0;
}
.footer_row .column2 {
	padding-bottom: 0;
}
.footer_row .column3 {
	padding-bottom: 0;
}
.footer_row .column1 p{
	margin-bottom: 0;
}
.absolute-footer {
    display: none;
}
.footer_bottom .column1 {
	padding-bottom: 0;
}
.footer_bottom .column2 {
	padding-bottom: 0;
}
.footer_bottom .column1 p{
	margin-bottom: 0;
}
.footer_bottom .column2 .col1{
	padding-bottom: 0;
}
.footer_bottom .column2 .col2{
	padding-bottom: 0;
}
.footer_bottom .column2 .col2 p{
	margin-bottom: 0;
}
.nhanxet_row .col2 .text div {
	text-align: justify;
}
.boloc_row form {
    width: 100%;
    display: flex;
    gap: 3rem;
}
.yith-wcan-filter.filter-tax.select-design {
    margin-bottom: 0;
    width: 50%;
}
.yith-wcan-filter.filter-tax.label-design {
    margin-bottom: 0;
    width: 50%;
}
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown .dropdown-wrapper {
    border: 1px solid var(--fs-color-secondary);
    box-shadow: none;
    background: var(--fs-color-success);
}
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown .dropdown-wrapper .search-field-container .search-field {
    box-shadow: none;
}
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown.open {
    border-color: black;
    box-shadow: none;
}
li.header-contact-wrapper i.icon-phone {
    color: black;
}
li.header-contact-wrapper span {
    color: black;
    font-size: 1.2rem;
}
.row_doitac .col2 .col-inner {
	background: white;
    padding: 1rem;
    border-radius: 10px;
    position: relative;
}
.row_doitac .col2 .col-inner:before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 100%;
    background: black;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.row_doitac .col2 .row .col .col-inner:before{
	content: none;
}
.row_doitac .col2 .row .col {
	padding-bottom: 0;
}
.row_doitac .col2 .row .col .img1{
	margin-right: 0;
}
.row_doitac .col2 .row .col .img2{
	margin-left: 0;
}
.row_doitac .col2 .col_2 .col-inner:before{
	display: none;
}
.row_doitac .col2 .col_1{
	padding-bottom: 0;
}
.row_doitac .col2 .col_2{
	padding-bottom: 0;
}
.duan_row1 h2 {
	margin-bottom: 0;
}
.duan_sec {
	padding-bottom: 30px!important;
}
.duan_sec .image-zoom::after {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 70%);
    pointer-events: none;
}
.title-all h3,h1.entry-title {
    color: #000000;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3em;
}
.sec-table h3 {
    color: #000000;
    font-weight: 700;
    line-height: 1.3em;
    font-size: 1.75rem;
}
.sec-table {
    padding: 30px 0px !important;
}
.sec-kq h2 {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.3em;
}
.number-count p {
    font-size: 96px;
    font-weight: 600;
    line-height: 1.3em;
	margin-bottom: 0;
}
div#comments {
    display: none;
}
.articles-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px; /* Điều chỉnh khoảng cách giữa các cột */
}

.article-item {
    flex: 0 0 25%; /* Mỗi cột chiếm 25% */
    padding: 15px;
    box-sizing: border-box;
    text-align: center;
}

.article-item img {
    width: 100%; /* Đảm bảo ảnh đại diện phủ đầy cột */
    height: auto;
}

.article-item h3 {
    margin-top: 10px;
    font-size: 16px;
}
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown .dropdown-wrapper {

    padding: 10px;
}
.shop-container .woocommerce-tabs  .tabs{
    display:none;

}
@media screen and (max-width: 1024px) {
	.row_doitac .col2 .col-inner {
		padding: .9rem;
	}
	.title_h2 {
		font-size: 1.44rem;
	}
    .banner_sec .column2 h1 {
        font-size: 2.5rem;
        line-height: 3rem;
    }
    .banner_sec .column2 h2 {
        margin-bottom: 0;
    }
    .banner_sec .column2 p {
        margin-bottom: 0;
    }
	.banner_sec .column2 h2 span {
		font-size: 1rem !important;
	}
	.banner_sec .column2 a.button {
		margin-top: 10px;
	}
	.khachhang_sec .col1 .text_tt h3 {
		font-size: .7rem;
	}
	.nhanxet_row h2 {
		padding: 0 3rem;
	}
	.nhanxet_row .col1 .img2 {
		bottom: -1rem;
	}
	.nhanxet_row .col {
		padding-bottom: 0;
	}
	.top3_row .column2 .col2 p>span {
		font-size: 1.5rem;
	}
	.top3_row .column2 p {
		font-size: 1rem;
	}
	.top3_row .column2 h2 {
		font-size: 1.5rem;
	}
	.top3_row .column2 .img {
		margin-bottom: 1.5rem;
	}
	.footer_row strong {
		font-size: 0.9rem;
	}
	.footer_bottom .column1 p {
		font-size: 0.75rem;
	}
	.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label .term-image img {
		width: 60%;
	}
}

@media screen and (max-width: 768px) {
	.web_row1 .column .col-inner {
	    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    	background: #fff;
	}
    .banner_sec .column2 h1 {
        font-size: 4rem;
        line-height: 5rem;
    }
    .banner_sec .column2 h2 {
        font-size: 1.5rem;
        line-height: 2.5rem;
    }
    .banner_sec .column2 h2 span {
        font-size: 1.5rem !important;
        padding: 0 4rem;
		margin-top: 1.5rem;
    }
	.khachhang_sec .col1 .text h3 {
		font-size: 3rem;
	}
	.khachhang_sec .col1 .text p {
		font-size: 1.5rem;
	}
    .khachhang_sec .col1 .text_tt h3 {
        font-size: 1.06rem;
    }
    .top3_row .column2 h2 {
        font-size: 2.5rem;
    }
    .top3_row .column2 p {
        font-size: 2rem;
    }
    .top3_row .column2 .img {
        margin-bottom: 2.5rem;
    }
	.top3_row .column2 .col1 a.button {
		font-size: 2rem;
	}
	.top3_row .column2 .col2 p {
		font-size: 2rem;
	}
    .top3_row .column2 .col2 p>span {
        font-size: 2.5rem;
    }
    .footer_row strong {
        font-size: 1rem;
    }
    .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label .term-image img {
        width: 100%;
    }
	.title_h2 {
        font-size: 1.3rem;
    }
		.banner_sec .column2 a.button {
		font-size: 1rem;
		margin-bottom: 2rem;
	}
	.boloc_row form {
		width: 100%;
		display: block;
	}
	.yith-wcan-filter.filter-tax.select-design {
		margin-bottom: 1rem;
		width: 100%;
	}
	.yith-wcan-filter.filter-tax.label-design {
		margin-bottom: 0;
		width: 100%;
	}
    .banner_sec .column2 .text {
        padding-top: 1.5rem;
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .title_h2 p{
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 549px) {
	.banner_sec .column2 h2 {
        line-height: 2rem;
    }
    .banner_sec .column2 h1 {
        font-size: 2.5rem;
        line-height: 3rem;
    }
    .banner_sec .column2 h2 span {
        font-size: 1.1rem !important;
		padding: 0;
    }
    .khachhang_sec .col1 .text p {
        font-size: 0.8rem;
    }
    .khachhang_sec .col1 .text h3 {
        font-size: 2rem;
    }
    .khachhang_sec .col1 .text_tt h3 {
        font-size: .7rem;
    }
	.title_h2 {
		font-size: 1.2rem;
	}
    .nhanxet_row h2 {
        padding: 0 1rem;
    }
	.logo_thieu .col {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 20px;
    }
	.t_hieu .text {
		display: flex;
		justify-content: center;
	}
	.khachhang_sec {
		padding-bottom: 0 !important;
	}
    .top3_row .column2 h2 {
        font-size: 1.6rem;
    }
    .top3_row .column2 p {
        font-size: 1rem;
    }
	.top3_row .column2 .col1 a.button {
        font-size: 1rem;
    }
	.top3_row .column2 .col1 .col-inner {
        text-align:center;
    }
	.top3_row .column2 .col2 .text {
		float: unset;
	}
    .top3_row .column2 .col2 p {
        font-size: 1rem;
    }
	.top3_row .column2 .col2 p>span {
        font-size: 1.5rem;
    }
    .footer_bottom .column1 p {
        font-size: 0.5rem;
    }
    .title_h2 p {
		font-size: 1.12rem;
	}
}