/* Target the specific section ID containing the trust badges */
section[data-id="1bfd0ff8"] {
	/* Background is already handled by Elementor, but we can enhance the container */
	background-color: #6C7C69; /* Base green from user settings */
}

/* Target the columns inside this specific section to apply the glassmorphism effect */
section[data-id="1bfd0ff8"] > .elementor-container > .elementor-column {
	background: rgba(255, 255, 255, 0.1) !important; /* Semi-transparent white */
	backdrop-filter: blur(10px) !important; /* Frosted glass effect */
	-webkit-backdrop-filter: blur(10px) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important; /* Light subtle border */
	border-radius: 15px !important; /* Soft corners */
	box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1) !important; /* Soft depth */
	transition: all 0.3s ease-in-out !important; /* Smooth hover transition */
	margin: 10px !important; /* Add some spacing between columns */
}

/* Ensure equal width and proper spacing on desktop/tablet */
@media (min-width: 768px) {
	section[data-id="1bfd0ff8"] > .elementor-container > .elementor-column {
		width: calc(25% - 20px) !important; 
	}
}

/* Hover effect on the columns */
section[data-id="1bfd0ff8"] > .elementor-container > .elementor-column:hover {
	transform: translateY(-8px) !important; /* Slight lift */
	background: rgba(255, 255, 255, 0.15) !important; /* Slightly more opaque on hover */
	box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.15) !important; /* Deeper shadow */
}

/* Style the icons to make them pop and look more premium */
section[data-id="1bfd0ff8"] .elementor-icon i,
section[data-id="1bfd0ff8"] .elementor-icon svg {
	color: #ffffff !important;
	fill: #ffffff !important;
	font-size: 50px !important; /* Slightly larger */
	width: 50px !important;
	height: 50px !important;
	filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.2)) !important; /* Shadow on the icon itself */
	transition: transform 0.3s ease !important;
}

/* Slight icon bounce on column hover */
section[data-id="1bfd0ff8"] > .elementor-container > .elementor-column:hover .elementor-icon i,
section[data-id="1bfd0ff8"] > .elementor-container > .elementor-column:hover .elementor-icon svg {
	transform: scale(1.1) !important;
}

/* Ensure text is perfectly readable and styled */
section[data-id="1bfd0ff8"] .elementor-icon-box-title {
	color: #ffffff !important;
	font-weight: 600 !important;
	letter-spacing: 0.5px !important;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1) !important; /* Text shadow for readability against glass */
}

section[data-id="1bfd0ff8"] .elementor-icon-box-wrapper {
	text-align: center !important; /* Force center alignment */
}