/* End custom CSS */

.elementor-kit-7 {
	--e-global-color-primary: #6ec1e4;
	--e-global-color-secondary: #54595f;
	--e-global-color-text: #7a7a7a;
	--e-global-color-accent: #61ce70;
	--e-global-typography-primary-font-family: "Roboto";
	--e-global-typography-primary-font-weight: 600;
	--e-global-typography-secondary-font-family: "Roboto Slab";
	--e-global-typography-secondary-font-weight: 400;
	--e-global-typography-text-font-family: "Roboto";
	--e-global-typography-text-font-weight: 400;
	--e-global-typography-accent-font-family: "Roboto";
	--e-global-typography-accent-font-weight: 500;
	font-size: 20px;
}

.elementor-kit-7 e-page-transition {
	background-color: #ffbc7d;
}

.elementor-kit-7 p {
	margin-block-end: 0px;
}

.elementor-kit-7 h2 {
	font-size: 48px;
	text-decoration: none;
	line-height: 37px;
}

.elementor-kit-7 h6 {
	color: #000;
	font-size: 17px;
	font-weight: 400;
}

.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 1140px;
}

.e-con {
	--container-max-width: 1140px;
}

.elementor-widget:not(:last-child) {
	--kit-widget-spacing: 20px;
}

.elementor-element {
	--widgets-spacing: 20px 20px;
	--widgets-spacing-row: 20px;
	--widgets-spacing-column: 20px;
}

@media (max-width:1024px) {
	.elementor-section.elementor-section-boxed > .elementor-container {
		max-width: 1024px;
	}
	
	.e-con {
		--container-max-width: 1024px;
	}
}

@media (max-width:767px) {
	.elementor-section.elementor-section-boxed > .elementor-container {
		max-width: 767px;
	}
	
	.e-con {
		--container-max-width: 767px;
	}
}

/* Start custom CSS */

/* Container for all cards */
.product-cards-container {
	display: flex;
	gap: 50px;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	padding: 40px 20px;
}

/* Individual card styling */
.product-card {
	background: #fff;
	border-radius: 15px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, .1);
	padding: 40px 30px;
	text-align: center;
	max-width: 350px;
	min-width: 300px;
	flex: 1;
	transition: all .3s ease;
	position: relative;
	overflow: hidden;
}

.product-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, .15);
}

/* Card icon/logo */
.product-card .card-icon {
	width: 80px;
	height: 80px;
	margin: 0 auto 25px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.product-card .card-icon img {
	width: 40px;
	height: 40px;
	object-fit: contain;
}

/* Icon backgrounds */
.product-card.transact2 .card-icon {
	background: #f4d03f;
}

.product-card.clockit .card-icon {
	background: #f7dc6f;
}

.product-card.order2b .card-icon {
	background: #000;
}

/* Card title */
.product-card h3 {
	font-size: 24px;
	font-weight: 600;
	color: #2c3e50;
	margin: 0 0 20px 0;
	line-height: 1.3;
}

/* Card description */
.product-card p {
	font-size: 16px;
	color: #7f8c8d;
	line-height: 1.6;
	margin: 0 0 30px 0;
	min-height: 50px;
}

/* View More button */
.product-card .view-more-btn {
	background: #f1c40f;
	color: #2c3e50;
	border: none;
	padding: 12px 30px;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all .3s ease;
	text-decoration: none;
	display: inline-block;
	min-width: 120px;
}

.product-card .view-more-btn:hover {
	background: #d4ac0d;
	transform: translateY(-2px);
	color: #2c3e50;
}

/* Responsive design */
@media (max-width: 768px) {
	.product-cards-container {
		flex-direction: column;
		gap: 20px;
		padding: 20px 15px;
	}
	
	.product-card {
		min-width: auto;
		max-width: 100%;
	}
}

@media (max-width: 1200px) and (min-width: 769px) {
	.product-cards-container {
		gap: 30px;
	}
	
	.product-card {
		min-width: 280px;
	}
}