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


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


}

.col {
	padding-bottom: 0px;
}

a , a:hover{color: #fff;}

.jet-btn {
	width: 100%;
	display: block;
}

.header-block .jet-btn {
	    animation-name: scale;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-iteration-count: infinite;
	background: rgb(218 39 35);
}

.btn-muangay {
	    animation-name: scale;
    animation-delay: 2s;
    animation-duration: 1s;
    animation-iteration-count: infinite;

}

.btn-datmua {
	background: rgb(232, 104, 48);
}

.btn-bammuangay {
	animation-name: scale;
    animation-delay: 2s;
    animation-duration: 1s;
    animation-iteration-count: infinite;
	background: linear-gradient(rgb(67, 102, 176), rgb(28, 13, 187));
	color: #FFFF63;
	font-size: 22px;
}

.row-chinhsach svg {
	color : rgb(11, 46, 92);
}

.col-text-mota {
    top: -300px;
    z-index: -1;
	height: 400px;
}

.col-text-mota .col-inner {
	padding: 0 10px 10px 10px;
}

.col-camket .col-inner{
	background: url('/wp-content/uploads/2024/10/svgexport-4.svg');
	background-position: 100% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 1px;
}


.col-camket .col-inner .text {
	padding-top: 12px;
}

.col-suatuudai .col-inner{
	display: flex;
	align-items: center;
}

#masthead, .absolute-footer, .wpcf7-spinner {
	display : none;
}

.form-dh .col {
	padding:0 30px 5px 30px
}

.form-dh input::placeholder, .form-dh-popup input::placeholder {
	color: #fff;
}

.form-dh select, .form-dh-popup select {
	margin-top:15px;
}

.form-dh input[type=text], .form-dh input[type=tel] , .form-dh select, 
.form-dh-popup input[type=text], .form-dh-popup input[type=tel] , .form-dh-popup select {
	background : #011566;
	border-radius: 10px;
	height: 50px;
	color: #fff;
}

.form-dh .btn-dhn, .form-dh-popup .btn-dhn{
	width: 100%; display: block;
	border-radius: 10px; 
	background: rgb(137 1 1);
	padding: 10px 0px;
}
.form-dh .listsp .wpcf7-form-control-wrap, 
.form-dh-popup .listsp .wpcf7-form-control-wrap{
	background : #011566;
	padding: 10px;
	border-radius: 10px;
}

.form-dh .listsp .wpcf7-form-control-wrap span,.form-dh-popup .listsp .wpcf7-form-control-wrap span {
	color: #fff;
}
.form-dh .listsp .wpcf7-form-control-wrap span label, .form-dh-popup .listsp .wpcf7-form-control-wrap span label {
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex;
    
    border: none;
}

.col-iconbox .icon-box {
	display: flex;
	align-items: center;
}


.bg-image h2{
	background: url('/wp-content/uploads/2024/10/svgexport-15.svg');
	background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 5px;
    width: 60%;
    margin: 0 auto;
}

.col-sapxep p strong {
	background: #f5f5f5;
	padding: 10px 30px 10px 20px;
    color: #000;
    border-radius: 10px;
}
.col-sapxep p i {
	position: absolute;
	 color: #000;
    right: 20px;
}
.col-sapxep p .fa-sort-up {
	top: 5px; 	
}

.col-sapxep p .fa-sort-down {
	bottom: 30px; 	
}

.test_content img {
	width: 48%;
    height: 200px;
    margin: auto 1%;
}

.test_name {
	color: red;
}

.test_content {
	color: #fff
}

.like-share {
	display: grid;
    grid-template-columns: auto auto auto;
    color: #fff;
    text-align: center;
	font-size: 12px;
}

.like-share img {
	width: 10%;
}

.section-footer-hotline {
		position: fixed;
    bottom: 0;
    left: -29px;
    z-index: 1;
}

.section-footer-hotline .icon-box{
	background: #ccc;
	display: inline-flex;
	width: auto;
	padding: 0 20px;
	align-items:end;
	border-radius: 99px;

	
}

.giasp {
	font-size: 40px;
    font-weight: 600;
    color: red;
}

.giasp del {
	font-size: 12px;
	color: #ccc;
	position: absolute
}

.giohang {
	    background: #b9785f;
    width: auto;
    font-size: 20px;
    color: #fff;
    padding: 10px 0;
    border-radius: 10px;
}










@keyframes scale{
	0% {
		transform: scale(1);
	}
	20% {
		transform: scale(0.95);
	}
	40% {
		transform: scale(0.9);
	}
	60% {
		transform: scale(0.9);
	}
	80% {
		transform: scale(0.95);
	}
	100% {
		transform: scale(1);
	}
}