/*
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 (min-width: 375px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.box-banner {
		margin-top:-25%;
		width: 80% !important;
		margin-left:10%;
	}
	.box-banner-2 {
		margin-top:-25%;
		width: 80% !important;
	}
	.box-text-banner-small {
		margin-top:50px;
        height: 80px;
        padding-top: 20px;
        background-color: rgba(39, 37, 37, 0.5);
        border-radius: 20px;
	}
	.box-text-banner-small p {
    margin-top: -10px;
    font-size: 16px;
	}
}
@media only screen and (min-width: 1440px) {
	.title-bg-destop {
		font-size:80px;
		padding-top:5%;
	}
	.box-banner-bg-destop {
		margin-left:20%;
	}
	.text-small-bg {
		margin-left:20%;
	}
	.text-small-bg li {
		font-size:20px;
		list-style-type:none;
	}
	.slogan-small-bg {
		font-size:30px;
		padding-top:10%;
		margin-left:10%;
	}
	.text-small-bg-2 {
		margin-left:10%;
		width:200px;
	}
	.text-small-bg-2 li {
		font-size:20px;
		list-style-type:none;
	}
	.loi-ich-banner-bg-desktop {
		width:70%!important;
	}
	.slogan-small-bg-2 {
		font-size:30px;
	}
	/* Text banner bg destop */
   .features-section {
    text-align: center;
    padding: 50px;
    background: #2a2a2a;
	}

	.features-section h2 {
		color: white;
		font-size: 48px;
		margin-bottom: 40px;
	}

	.features-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
		max-width: 800px;
		margin: 0 auto 40px;
	}

	.feature-item {
		display: flex;
			width:320px;
		align-items: center;
		gap: 15px;
		font-size: 24px;
		color: white;
		padding: 20px;
		margin: 15px; /* Tạo khoảng cách xung quanh mỗi ô */
		background: rgba(255, 255, 255, 0.1);
		border-radius: 10px;
		transition: all 0.3s ease;
	}

	.feature-item:hover {
		background: rgba(0, 246, 255, 0.1);
		box-shadow: 0 0 20px rgba(0, 246, 255, 0.3);
	}

	.feature-item i {
		color: #00f6ff;
		font-size: 32px;
		min-width: 32px;
	}

	.tagline {
		color: white;
		font-size: 28px;
		font-style: italic;
		margin-top: 40px;
	}

}