/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
@media screen and (min-width: 992px){
	div#phone-vr{
		display:none;
	}
}
/*************** ADD CUSTOM CSS HERE.   ***************/


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

.image-story .img-inner img{
	transform: unset;
	
}

}
h5.post-title.is-large {
    font-size: 16px;
    min-height: 45px;
}
p.from_the_blog_excerpt {
    max-height: 50px;
    overflow: hidden;
}

.image-story{
	position: relative;
}
.image-story .img-inner{
	width: 100%;
    min-height: 500px;
	border: 2px solid red;
	overflow: visible;
}

.image-story .img-inner img{
	transform: translate(-20px, -20px);
	
}
.ymc-post-layout1 i {
    display: inline-block;
    width: 21px;
}
.slider-overlay{
	position: relative;
}
.slider-overlay:before {
	content:'';
	z-index: 2;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
}

.slide-description > span.border {
    margin-right: 15px;
}
.slide-description span.border {
    width: 80px;
    height: 2px;
    background: #fff;
    display: inline-block;
    position: relative;
    top: -3px;
}
.section-title{
	position: relative;
}

.section-title:before{
	content:'';
	position: absolute;
}
.text-white{
	color: #FFF;
}
.icon-box.text-white h5{
	color: #FFF;
}

.box-why-choose h5{
	font-size: 18px;
	margin: 0 0 5px 0;
}
.box-why-choose p{
	font-size: 14px;
}
.feedback-section ol.flickity-page-dots {
    counter-reset: dot-counter;
}


.feedback-section ol.flickity-page-dots li.dot{
    border: 3px solid #FFF;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    margin: 0 5px;
    opacity: .4;
    transition: opacity .3s;
    width: 30px;
    position: relative;	
}
.feedback-section ol.flickity-page-dots li.dot::before {
    all: unset;
    counter-increment: dot-counter;
    content: counter(dot-counter);
    font-size: 16px;
    color: #111;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.feedback-customer{
	background: rgba(0, 0, 0, .4);
    padding: 10px 20px;
    border-radius: 10px;
}

.section-map .map {
	position: relative;
}
@keyframes pulse {
    0% {
        transform: scale(0.9);
        box-shadow: 0 0 0 0 transparent;
    }
    70% {
        transform: scale(2);
        box-shadow: 0 0 0 15px rgba(255, 255, 0, 0.5); /* Ánh sáng màu đỏ nhạt */
    }
    100% {
        transform: scale(0.9);
        box-shadow: 0 0 0 0 transparent;
    }
}
.section-map .map {
	overflow: hidden;
}
.section-map .map .box-text.active{
	opacity: 1;
	visibility: visible;
	top: 0;
}
.section-map .map .box-text{
	    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
    background: rgba(0, 0, 0, .6);
	opacity:0 ;
	visibility: hidden;
	top: -100%;
	transition: all .3s ease-in-out;
}
.section-map .map .star-icon{
    content: '';
	z-index: 44;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    background: red;
    width: 18px;
    height: 18px;
    position: absolute;
    bottom: 23.4%;
    left: 52%;    animation: pulse 1.5s infinite; /* Thêm hiệu ứng animation */

}

h3.section-title:before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -5px;
    width: 70px;
    background-color: #E22126;
    height: 2px;
    margin: auto;
}

h3.section-title span{
	margin: auto;
}

.section-title b{
	display: none;
	
}
.box-product-done  .box-image{
	transition: all .3s ease-in-out;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
}
.box-product-done .box-image:hover {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0);
	 border-radius: 0 !important; 
}

.box-product-done .box-text{
	padding-bottom: 0;
}

/*.select2-container .select2-selection--single {*/
/*  height: 41px !important; */
/*}*/
/*.select2-container--default .select2-selection--single .select2-selection__rendered {*/
/*    line-height: 41px !important;*/
/*}*/
#gt_float_wrapper .gt_float_switcher{
	box-shadow: unset;
	background-color: transparent;
}
.filter-options{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.project-filter-item{
    flex-basis: calc(100% / 5 - 15px);
}
.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1{
	padding: 0 0 16px 0;
}
.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .media{
	height: 220px;
	overflow: hidden;
}

.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .media img.size-large{
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .title{
	padding-left: 10px;
}
.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 i{
	padding-left: 10px;
	width: 30px;
}

@media screen and (max-width: 992px){
    
    .project-filter-item{
        flex-basis: calc(100% / 3);
    }
}


@media screen and (max-width: 768px){
    .project-filter-item{
        flex-basis: calc(100%);
    }
}

a.buttonizer-button.buttonizer-button-0-0-74.buttonizer-opened-0-0-78 {
	background-image: url('https://xhomecantho.goldenbeeltd.vn/wp-content/uploads/2024/11/Icon_of_Zalo.svg.png')
}