/*
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.   ***************/

@-webkit-keyframes ripple {
  70% {
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@-moz-keyframes ripple {
  70% {
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@-ms-keyframes ripple {
  70% {
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@-o-keyframes ripple {
  70% {
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes ripple {
  70% {
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

.header-main .header-block{
	width:auto;
}
.header-main .header-block .icon_phone_header *{
	transition: all 300ms ease-in-out;
}
.header-main .header-block .icon_phone_header > .col{
	padding-right:0px;
}
.header-main .header-block .icon_phone_header > .col svg{
    padding-top: 0px !important;
	
    
}
.header-main .header-block .icon_phone_header > .col svg path{
	fill: var(--primary-color);
}
.header-main .header-block .icon_phone_header > .col .icon-box-text > p{
	margin-bottom:0px;
}
.header-main .header-block .icon_phone_header > .col .icon-box-text > h3{
	font-size: 1.1em;
}
.header-main .header-block .icon_phone_header > .col .icon{
	height: 40px;
    top: 10px;
    position: relative;
}
.header-main .header-block .icon_phone_header:hover .col .icon{
	
	
	transform: scale(1.3);
}
.icon_phone_header > .col .icon-box-text > p, .icon_phone_header > .col .icon-box-text > h3{
	color: var(--primary-color);
}
.page-template-page-transparent-header-light .icon_phone_header > .col .icon-box-text > p, .page-template-page-transparent-header-light .icon_phone_header > .col .icon-box-text > h3{
	color: #fff;
}
.header-wrapper.stuck .icon_phone_header > .col .icon-box-text > p, .header-wrapper.stuck .icon_phone_header > .col .icon-box-text > h3{
	color: var(--primary-color);
}
.text_indus{
	font-size: 17px;
}

.text_indus h3{
	color: var(--primary-color);
}
.text_indus h2{
	font-size: 120px;
}
.slider_su_dung .swiper-slide .su_dung_desc{color:#9b9b9b !important; font-size: 15px;}
.div_huong_dan_du_dung_top .video-button-wrapper{
width: 90px;
    height: 90px;
    margin-left: 0px;
    margin-bottom: 0px;
   
    text-align: center;
    vertical-align: middle;
    
    padding: 11px;
    border: 1px solid #fff;
    border-radius: 999%;
	display: inline-block;
}
.div_huong_dan_du_dung_top .video-button-wrapper .open-video{
	width: 68px;
    height: 68px;
    vertical-align: middle;
    line-height: 60px;
    border: none;
    background: var(--primary-color);
    margin: 0px !important;
	font-size: 15px;
}
.div_huong_dan_du_dung_top .video-button-wrapper .open-video::before, .div_huong_dan_du_dung_top .video-button-wrapper .open-video::after{
	content:'';position:absolute;top:50%;left:50%;height:30px;width:30px;transform:translate(-50%,-50%);border-radius:50%;animation:ripple 3s infinite;box-shadow:0 0 0 0 rgba(255,255,255,.3);
}
.div_huong_dan_du_dung_top .video-button-wrapper .open-video::before{
	animation-delay:0.9s;
}
.div_huong_dan_du_dung_top .video-button-wrapper .open-video::after{
	animation-delay:0.6s
}
.section_download{
	margin-bottom: 150px;
}
.row_download_app{
	background-image: url(/wp-content/uploads/2024/04/evway-18.webp);
	background-size: cover;
    background-position: center center;
	position:relative;
	border-radius: 9px;
	margin-top: 40px;
	margin-bottom: -180px;
}
.row_download_app::before{
	content: "";
    background-color: #11a867d4;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
	border-radius: 9px;
}
.row_download_app .img_app_mockup{
	width: 100%;
    bottom: -150px;
   
    margin-top: -150px;
}
.page-id-230 #content > p{
	margin-bottom:0px !important;
}
.page-id-230 #content > br{
	display: none;
}
@media (min-width:1025px){
	.slider_su_dung .swiper-slide .box-text{
		
 bottom: -60px;

	}
	.slider_su_dung .swiper-slide .su_dung_desc{
		max-height: 0;
    overflow: hidden;
    margin-bottom: -20px;
	}
	.slider_su_dung .swiper-slide:hover .su_dung_desc{
		max-height:107px;margin-bottom:0;
	}
	.slider_su_dung .swiper-slide:hover .su_dung_title{
		margin-top: 20px;
		margin-bottom: 20px;
	}
}
.row_dich_vu{
background: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
border-radius: 10px;
margin-top: -160px;
}
.row_dich_vu > .col{
    flex-basis: 20%;
    max-width: 20%;
}
.row_dich_vu .services_icons .featured-box .icon-box-img{
transition: all 300ms ease-in-out;
}
.row_dich_vu .services_icons:hover .featured-box .icon-box-img{
transform:translateY(-10px);
}
.download_col a {
     background: #fff;
    display: block;
    padding: 10px;
	color: #161616;
	border-radius:6px;

}
.download_col a .icon-box-text p{
	color: #161616;
    height: 34px;
    line-height: 30px;
}
.download_col a:hover{
	background:#161616;
	color:#fff;
}
.download_col a:hover .icon-box-text p{
	color:#fff;
}
.services_icons .icon-box svg path{
	fill: var(--primary-color) !important;
}
.services_icons .icon-box .icon-box-text h3{
	font-size: 0.9em;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.section_featured_icons{
		padding-left: 9px;
		padding-right: 9px;
		padding-top: 30px !important;
        padding-bottom: 30px !important;
	}
	.text_indus h2{
		font-size: 30px;
	}
	.mysection2 {
		height: 600px !important;
	}
	.mysection2 .bg-loaded .fill {
    
    width: 100% !important;
    left: 0 !important;
}
	.mysection2 > .section-content .row .col.medium-9{
		padding-top:30px;
		background: #0009;
	}
	.row_dich_vu{
		overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    display: block;
    -webkit-overflow-scrolling: scroll;
	}
	.row_dich_vu > .col{
		    flex-basis: 40%;
    max-width: 40%;
    display: inline-block;
	}
	.download_col{
		margin-bottom: 16px !important;
	}
	.section_download {
    margin-bottom: 20px;
}
	.row_download_app .img_app_mockup{
		bottom: -50px;
    margin-top: -50px;
	}
}