@import "./common-var.css";

.event-section {
	background: var(--primary-color);
	position: relative;

	.event-bg-logo {
		position: absolute;
		right: 22px;
		bottom: 40px;

		svg {
			@media (max-width: 1440px) {
				width: 200px;
				height: 200px;
			}

			@media (max-width: 992px) {
				width: 150px;
				height: 150px;
			}
		}
	}
}

.event-content-wrapper {
	z-index: 1;
	position: relative;
}

.event-button-wrapper {
	margin-top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;

	@media (max-width: 1440px) {
		margin-top: 30px;
	}

	@media (max-width: 1024px) {
		margin-top: 20px;
	}
}

[dir="rtl"] {
	.event-bg-logo {
		right: auto;
		left: 22px;
		/* svg{
			transform: rotate(-90deg);
		} */
	}
}