.elementor-3517 .elementor-element.elementor-element-ee6ba8a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-1e7c45c */.hero-section {
			background: linear-gradient(135deg, #DF393A 0%, #e55a5b 100%);
			color: white;
			padding: 80px 0;
			text-align: center;
			position: relative;
			overflow: hidden;
		}

		.hero-section::before {
			content: '';
			position: absolute;
			top: -50%;
			left: -50%;
			width: 200%;
			height: 200%;
			background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="40" r="1.5" fill="rgba(255,255,255,0.1)"/><circle cx="40" cy="80" r="1" fill="rgba(255,255,255,0.1)"/><path d="M30,30 L32,30 L32,32 L30,32 Z" fill="rgba(255,255,255,0.05)"/><path d="M70,60 L72,60 L72,62 L70,62 Z" fill="rgba(255,255,255,0.05)"/></svg>');
			animation: float 45s linear infinite;
		}

		@keyframes float {
			0% { transform: translate(-50%, -50%) rotate(0deg); }
			100% { transform: translate(-50%, -50%) rotate(360deg); }
		}

		.hero-content {
			max-width: 1200px;
			margin: 0 auto;
			padding: 0 20px;
			position: relative;
			z-index: 1;
		}

		.hero-section h2 {
			font-size: 35px;
			margin-bottom: 20px;
			font-weight: 600;
color:#fff;
		}

		.hero-section .subtitle {
			font-size: 20px;
			opacity: 0.9;
			margin-bottom: 40px;
			max-width: 700px;
			margin-left: auto;
			margin-right: auto;
		}

		.hero-stats {
			display: flex;
			justify-content: center;
			gap: 40px;
			margin-top: 40px;
		}

		.hero-stat {
			text-align: center;
		}

		.hero-stat-number {
			font-size: 36px;
			font-weight: bold;
			display: block;
			margin-bottom: 5px;
		}

		.hero-stat-label {
			font-size: 14px;
			opacity: 0.8;
		}


		.filters-section {
			background: white;
			border-radius: 15px;
			padding: 30px;
			margin: -40px 20px 40px;
			box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
			position: relative;
			z-index: 10;
		}

		.filters-row {
			display: flex;
			gap: 20px;
			align-items: center;
			flex-wrap: wrap;
			justify-content: center;
		}

		.filter-group {
			display: flex;
			align-items: center;
			gap: 10px;
		}

		.filter-label {
			font-weight: 600;
			color: #333;
			font-size: 14px;
		}

		.filter-select {
			padding: 12px 15px;
			border: 2px solid #e0e0e0;
			border-radius: 10px;
			background: white;
			font-size: 14px;
			cursor: pointer;
			transition: border-color 0.3s;
			min-width: 150px;
		}

		.filter-select:focus {
			outline: none;
			border-color: #DF393A;
		}

		.content-section {
			padding: 40px 0;
		}

		.vacancies-grid {
			display: grid;
			gap: 30px;
			margin-bottom: 50px;
		}

		.vacancy-card {
			background: white;
			border-radius: 20px;
			padding: 35px;
			box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
			transition: all 0.3s ease;
			position: relative;
			overflow: hidden;
		}

		.vacancy-card::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 4px;
			height: 100%;
			background: linear-gradient(180deg, #DF393A, #e55a5b);
		}

		.vacancy-card:hover {
			transform: translateY(-8px);
			box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
		}

		.vacancy-header {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			margin-bottom: 20px;
			flex-wrap: wrap;
			gap: 20px;
		}

		.vacancy-title-section {
			flex: 1;
		}

		.vacancy-title {
			font-size: 24px;
			color: #333;
			margin-bottom: 8px;
			font-weight: 600;
		}

		.vacancy-department {
			color: #DF393A;
			font-weight: 600;
			font-size: 14px;
			text-transform: uppercase;
			letter-spacing: 0.5px;
		}

		.vacancy-salary {
			background: linear-gradient(135deg, #DF393A, #e55a5b);
			color: white;
			padding: 12px 20px;
			border-radius: 25px;
			font-weight: 600;
			font-size: 16px;
			white-space: nowrap;
		}

		.vacancy-details {
			display: flex;
			gap: 25px;
			margin-bottom: 20px;
			flex-wrap: wrap;
		}

		.vacancy-detail {
			display: flex;
			align-items: center;
			gap: 8px;
			color: #666;
			font-size: 14px;
		}

		.detail-icon {
			width: 20px;
			height: 20px;
			background: #f8f9fa;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 12px;
		}

		.vacancy-description {
			color: #555;
			margin-bottom: 20px;
			line-height: 1.7;
		}

		.requirements-section {
			margin-bottom: 20px;
		}

		.requirements-title {
			font-size: 16px;
			font-weight: 600;
			margin-bottom: 12px;
			color: #333;
		}

		.requirements-list {
			list-style: none;
			padding: 0;
		}

		.requirements-list li {
			padding: 5px 0;
			padding-left: 20px;
			position: relative;
			color: #555;
			font-size: 14px;
		}

		.requirements-list li::before {
			content: '✓';
			position: absolute;
			left: 0;
			color: #28a745;
			font-weight: bold;
		}

		.vacancy-footer {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding-top: 20px;
			border-top: 1px solid #f0f0f0;
		}

		.vacancy-date {
			color: #888;
			font-size: 13px;
		}

		.apply-btn {
			background: linear-gradient(45deg, #DF393A, #e55a5b);
			color: white;
			border: none;
			padding: 12px 25px;
			border-radius: 25px;
			font-size: 14px;
			font-weight: 600;
			cursor: pointer;
			transition: all 0.3s;
			text-decoration: none;
			display: inline-block;
		}

		.apply-btn:hover {
			transform: translateY(-2px);
			box-shadow: 0 8px 20px rgba(223, 57, 58, 0.3);
		}

		
		@media (max-width: 768px) {
			.hero-section h1 {
				font-size: 36px;
			}

			.hero-section .subtitle {
				font-size: 18px;
			}

			.hero-stats {
				flex-direction: column;
				gap: 20px;
			}

			.filters-row {
				flex-direction: column;
				align-items: stretch;
				text-align: center;
			}

			.vacancy-header {
				flex-direction: column;
				align-items: stretch;
				text-align: center;
			}

			.vacancy-details {
				justify-content: center;
			}

			.vacancy-footer {
				flex-direction: column;
				gap: 15px;
				text-align: center;
			}

			.benefits-grid {
				grid-template-columns: 1fr;
			}
		}/* End custom CSS */