@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    --color-primary: 17, 25, 89;
    --color-secondary: 188, 153, 85;
    --color-alert: 236, 69, 60;
    --color-success: 87, 197, 111;
    --color-process: 63, 162, 246;
    --color-warning: 255, 175, 0;
    --color-border-1: 0, 0, 0;
    --color-border-opposite: 255, 255, 255;
    --bg: 255, 255, 255;
    --bg-2nd: 247, 247, 247;
    --bg-opposite: 0, 0, 0;
    --color-text-title: 0, 0, 0;

    --opacity-text-sub: 0.7;

    --price-color: var(--color-text-title);
    --price-sale-color: var(--color-text-title);

    --ff-material-outline: 'Material Symbols Outlined';
    --ff-material-round: 'Material Symbols Rounded';
	
	--ff-body: Inter, sans-serif;

    --blog-img-ratio: 53%;
	
	--container-max-w: 1320px;

    --size-ratio: 1.175;
    --size-small: 14px;
    --size-small-a: 13px;
}


/* Home - Imgs marquee ---- */
/* Margque require x2 gallery  */
.home-imgs-marquee-section {
	overflow: hidden;
}

.home-imgs-marquee-section .el-logo img {
	height: 55px;
    width: auto;	
}

.home-imgs-marquee {
	overflow: hidden;
	--duration-lg: 10s;
	--duration-sm: 5s;
}

.home-imgs-marquee > .col-inner {
	display: flex;
	gap: 15px;
	padding: 0 15px;
}

.home-imgs-marquee .row {
	overflow: visible;
    display: flex;
    flex-wrap: nowrap;
    min-width: max-content;
    gap: 15px;
	animation: linear home-img-marquee infinite;
	animation-duration: var(--duration-lg);
/*     animation-play-state: paused; */
}


.home-imgs-marquee.reverse .row {
	animation-name: home-img-marquee-reverse;
}

.home-imgs-marquee:hover .row {
    animation-play-state: paused;	
	
}

@keyframes home-img-marquee {
	0% {
		transform: translatex(0);
	}
	100% {
		transform: translatex(-100%);
	}
}

@keyframes home-img-marquee-reverse {
	0% {
		transform: translatex(-100%);
	}
	100% {
		transform: translatex(0);
	}
}

.home-imgs-marquee .col {
    width: 280px;
    min-width: 280px;	
}

.home-imgs-marquee  .gallery-col.col .box {
	 border-radius: unset; 
 }

.home-imgs-marquee img {
	border-radius: var(--radius-2);	
	background: #fff;
}

.home-imgs-marquee .box-text {
	display: none;
}

.home-imgs-marquee .overlay {
	display: none;
}




/* Responsive ---------------- */
@media only screen and (min-width: 1025px) and (max-width: 1600px) {}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 849px) {
	.home-imgs-marquee-section .el-logo img {
		height: 35px; 
	}
	.home-imgs-marquee .col {
		width: 160px;
		min-width: 160px;
	}
	.home-imgs-marquee .row {
		gap: 10px; 
		animation-duration: var(--duration-sm);
	}
	

}

@media only screen and (max-width: 549px) {
	

}