/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.0.1719405565
Updated: 2024-06-26 12:39:25

*/

.vrs-wrap {
				--vrs-text: #fff;
				--vrs-desc: #b3b3b3;
				--vrs-divider: #D9D9D9;
				--vrs-accent: #3b82f6;
				font-family: 'Google Sans Flex', 'Google Sans', 'Product Sans', Arial, sans-serif;
				padding: 20px 0;
			}

			.vrs-grid {
				display: grid;
				grid-template-columns: repeat(4, 1fr);
				gap: 28px;
			}

			.vrs-card {
				display: flex;
				flex-direction: column;
				cursor: pointer;
			}

			.vrs-img-wrap {
				position: relative;
				width: 100%;
/* 				aspect-ratio: 4 / 3; */
				border-radius: 16px;
				overflow: hidden;
				border: 2px solid transparent;
				transition: border-color .25s ease, transform .25s ease;
			}

			.vrs-card:hover .vrs-img-wrap,
			.vrs-card.is-active .vrs-img-wrap {
				transform: translateY(-2px);
			}

			.vrs-img-wrap img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				display: block;
				transition: transform .35s ease;
			}

			.vrs-card:hover .vrs-img-wrap img {
				transform: scale(1.04);
			}

			.vrs-title {
				margin: 18px 0 10px;
				font-size: 24px;
				font-weight: 700;
				color: var(--vrs-text);
				line-height: 1.2;
			}

			.vrs-divider {
				width: 100%;
				height: 1px;
				background: var(--vrs-divider);
				margin-bottom: 12px;
			}

			.vrs-desc {
				margin: 0;
				font-size: 14px;
				line-height: 1.6;
				color: var(--vrs-text);
				font-weight: 400;
			}

			@media (max-width: 1100px) {
				.vrs-grid { grid-template-columns: repeat(3, 1fr); }
			}
			@media (max-width: 768px) {
				.vrs-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
			}
			@media (max-width: 480px) {
				.vrs-grid { grid-template-columns: 1fr; }
			}