/*
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.   ***************/
@font-face{font-family:PlusJakartaSans;src:url(fonts/PlusJakartaSans-Regular.7953e171.ttf)}
@font-face{font-family:PlusJakartaSans-bold;src:url(fonts/PlusJakartaSans-Bold.b0e36d4d.ttf);font-weight:700}
@font-face{font-family:PlusJakartaSans-900;src:url(fonts/PlusJakartaSans-ExtraBold.129a8ed6.ttf);font-weight:bolder}

@font-face{font-family:bd;src:url(fonts/BDLifelessGrotesk-Regular.otf)}
@font-face{font-family:bd;src:url(fonts/BDLifelessGrotesk-Bold.otf);font-weight:700}

body{
	font-family:bd;
}
h1, h2, h3, h4, h5, h6, .heading-font,strong{
	font-family:bd;
	font-weight:700
}

.header-main .nav > li > a {
    color: #fff;
}
.r-b100{
	border-radius:0px 0px 100px  100px;
	overflow:hidden
}
p{
	margin-bottom:10px
}
footer .footer-widgets > .row{
	margin:0px;
	width:100%;
	max-width:100% !important
}
footer .footer-widgets{
	padding:0px
}
footer .widget{
	padding:0px;
	margin:0px
}
.absolute-footer{
	display:none
}
#popup{
	border-radius:10px
}
.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{
	border-radius:5px;
	box-shadow:none
}
.primary, input[type=submit], input[type=submit].button{
	border-radius:5px
}
.header-block{
	min-height:0px
}
html[lang="vi"] .header-button-1{
	display:none
}
html[lang="en-GB"] .header-button-2{
	display:none
}
.radius img{
	border-radius:40px
}
.box-blog-post img{
	border-radius:40px
}
.doitac .box{
	text-align:center
}
.doitac img{
	max-height:30px;
	width:auto;
    transform: none !important;
}
.doitac {
	display: flex !important;
	flex-wrap: nowrap !important; /* Không xuống dòng */
	overflow: hidden;
}

.doitac2  {
    display: flex;
    flex-wrap: nowrap;
	animation: marquee1 20s linear infinite;
}
.doitac2 .gallery-col{
    flex: 0 0 auto; /* Giữ nguyên kích thước */
    width: 180px; /* Chiều rộng cố định cho mỗi item */
    margin-right: 20px; /* Khoảng cách giữa item */
}

.doitac3  {
    animation-direction: reverse; /* Chạy ngược lại */
}
.guongmat{
	display: flex;
	flex-wrap: nowrap;
	animation: marquee1 20s linear infinite;

}
.mark,.doitac {
	mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
	overflow: hidden;
}
.guongmat .box {
	flex: 0 0 auto; /* Giữ nguyên kích thước */
	width: 20%; /* Chiều rộng cố định cho mỗi item */
	border-radius:30px;
	overflow:hidden
}
@keyframes marquee1 {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); } /* Chạy hết nửa track (vì nhân đôi) */
}
.chiendich .box{
	border-radius:40px;
	background-color:rgb(4, 3, 79)
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.guongmat{
		gap:20px;
		flex-direction: row;
	}
	.guongmat .box {
		width: 50%;
	}
	.doitac2 .gallery-col {
		width: 100px;
		margin-right: 0px;
	}

}