.amin-home-banners,
.amin-home-banners * {
	box-sizing: border-box;
}

.amin-home-banners {
	width: 100%;
	max-width: 100%;
	direction: rtl;
}

.elementor-element:has(.amin-home-banners),
.elementor-widget:has(.amin-home-banners),
.elementor-widget-container:has(.amin-home-banners) {
	overflow: visible !important;
}

.amin-home-banners__grid {
	display: grid;
	gap: 14px;
	width: 100%;
}

.amin-home-banners__grid--4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.amin-home-banners__grid--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.amin-home-banners__grid--1 {
	grid-template-columns: 1fr;
}

.amin-home-banners__item,
.elementor-element .amin-home-banners__item,
.amin-home-banners__item:hover,
.elementor-element .amin-home-banners__item:hover {
	display: block !important;
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 15px;
	background: #f4f7fb;
	text-decoration: none !important;
	box-shadow: none !important;
	outline: none !important;
}

.amin-home-banners__item img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
	object-position: center;
	vertical-align: middle;
	transition: transform 0.65s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.amin-home-banners__grid--2 .amin-home-banners__item:hover img,
.amin-home-banners__grid--4 .amin-home-banners__item:hover img,
.elementor-element .amin-home-banners__grid--2 .amin-home-banners__item:hover img,
.elementor-element .amin-home-banners__grid--4 .amin-home-banners__item:hover img {
	transform: scale(1.045);
}

.amin-home-banners__grid--1 .amin-home-banners__item:hover img,
.elementor-element .amin-home-banners__grid--1 .amin-home-banners__item:hover img {
	transform: none;
}

.amin-home-banners.is-in[data-anim="fade"] .amin-home-banners__item {
	animation: amin-banner-fade 0.55s ease both;
}

.amin-home-banners.is-in[data-anim="fade-up"] .amin-home-banners__item {
	animation: amin-banner-up 0.55s ease both;
}

.amin-home-banners.is-in[data-anim="fade-down"] .amin-home-banners__item {
	animation: amin-banner-down 0.55s ease both;
}

.amin-home-banners.is-in[data-anim="fade-right"] .amin-home-banners__item {
	animation: amin-banner-right 0.55s ease both;
}

.amin-home-banners.is-in[data-anim="fade-left"] .amin-home-banners__item {
	animation: amin-banner-left 0.55s ease both;
}

.amin-home-banners.is-in[data-anim="zoom"] .amin-home-banners__item {
	animation: amin-banner-zoom 0.55s ease both;
}

.amin-home-banners.is-in .amin-home-banners__item:nth-child(2) {
	animation-delay: 0.08s;
}

.amin-home-banners.is-in .amin-home-banners__item:nth-child(3) {
	animation-delay: 0.16s;
}

.amin-home-banners.is-in .amin-home-banners__item:nth-child(4) {
	animation-delay: 0.24s;
}

@keyframes amin-banner-fade {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes amin-banner-up {
	from { opacity: 0; transform: translate3d(0, 22px, 0); }
	to { opacity: 1; transform: none; }
}

@keyframes amin-banner-down {
	from { opacity: 0; transform: translate3d(0, -22px, 0); }
	to { opacity: 1; transform: none; }
}

@keyframes amin-banner-right {
	from { opacity: 0; transform: translate3d(22px, 0, 0); }
	to { opacity: 1; transform: none; }
}

@keyframes amin-banner-left {
	from { opacity: 0; transform: translate3d(-22px, 0, 0); }
	to { opacity: 1; transform: none; }
}

@keyframes amin-banner-zoom {
	from { opacity: 0; transform: scale(0.96); }
	to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
	.amin-home-banners .amin-home-banners__item {
		animation: none !important;
	}
}

.amin-home-banners__grid--4 .amin-home-banners__item,
.amin-home-banners__grid--2 .amin-home-banners__item,
.amin-home-banners__grid--1 .amin-home-banners__item {
	aspect-ratio: auto;
	height: auto;
}

@media (max-width: 991px) {
	.amin-home-banners__grid--4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.amin-home-banners__grid {
		gap: 10px;
	}

	.amin-home-banners__grid--4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.amin-home-banners__grid--2,
	.amin-home-banners__grid--1 {
		grid-template-columns: 1fr;
	}

	.amin-home-banners__item,
	.elementor-element .amin-home-banners__item {
		border-radius: 12px;
	}

	.amin-home-banners__item img {
		width: 100%;
		height: auto;
		object-fit: contain;
	}
}