.hero {
	padding: 80px 0;
}

.hero .hero-wrapper {
	max-width: 630px;
}

.hero .hero-wrapper .title {
	color: #30466d;
	font-size: 40px;
	font-weight: 600;
	line-height: 52px;
	margin: 0 0 16px 0;
}

.hero .hero-wrapper .descr {
	color: #5e5e5e;
	font-size: 19px;
	font-weight: 300;
	line-height: 33.44px;
	margin-bottom: 24px;
}

.hero .hero-wrapper .descr span {
	font-weight: 600;
}

.events:before {
	content: "";
	max-width: 1366px;
	width: 100%;
	height: 100%;
	background-image: url("https://cdn-cahge.nitrocdn.com/mAPkqokVpTrmAtoawHbGRdGNnCYBNdZh/assets/images/optimized/rev-510b58b/elogic.co/wp-content/themes/elogic/resources/images/svg/events-bg.svg");
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top: 60px;
	z-index: -1;
}

.events-posts {
	padding: 80px 0;
}

.events .events-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(430px, 1fr));
	gap: 20px;
	padding-bottom: 56px;
}

.events .events-link {
	height: 100%;
}

.events .events-link .image-wrapper {
	position: relative;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
}

.events .events-link .image-wrapper:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url("https://cdn-cahge.nitrocdn.com/mAPkqokVpTrmAtoawHbGRdGNnCYBNdZh/assets/images/optimized/rev-510b58b/elogic.co/wp-content/themes/elogic/resources/images/svg/wave.svg");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position-y: bottom;
}

.events .events-link .image-wrapper:before {
	content: "";
	position: absolute;
	inset: 0;
	width: 100%;
	height: auto;
	background: rgba(48, 70, 109, .5);
}

.events .events-link .image-wrapper img:not(.icon) {
	max-height: 260px;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.events .events-link .title-wrapper {
	border: 1px solid #d7d7d7;
	border-radius: 0 0 8px 8px;
	overflow: hidden;
	padding: 24px;
}

.events .events-link .title-wrapper .date-wrapper {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-bottom: 16px;
}

.events .events-link .title-wrapper .date-wrapper span {
	font-size: 15px;
	line-height: 26px;
}

.events .events-link .title-wrapper .post-title {
	font-size: 24px;
	line-height: 42px;
	font-weight: 600;
	height: 86px;
	margin-bottom: 24px;
}

.events .events-link .title-wrapper .read-more {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 24px;
}

.events .events-link .title-wrapper .read-more i {
	width: 24px;
	height: 24px;
}

.events .events-link .title-wrapper .read-more span {
	color: #668fd7;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 4px;
	transition: all .3s ease;
}

.events .events-link .title-wrapper .read-more:hover span {
	color: #30466d;
}

.events .events-link .title-wrapper .read-more:hover i svg path {
	fill: #30466d;
}

.events .pagination {
	border-bottom: 1px solid rgba(66, 66, 66, .1);
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.events .pagination .page-numbers {
	color: #6f6f6f;
	font-size: 14px;
	line-height: 14px;
	padding-bottom: 20px;
}

.events .pagination .page-numbers:not(.next, .prev) {
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 2px solid transparent;
}

.events .pagination .page-numbers.current {
	border-bottom: 2px solid #30466d;
	color: #30466d;
}

.events .pagination .page-numbers i {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	border: 1px solid rgba(66, 66, 66, .1);
	display: flex;
	justify-content: center;
	align-items: center;
}

.events .pagination .page-numbers.next {
	position: absolute;
	right: 0;
}

.events .pagination .page-numbers.prev {
	position: absolute;
	left: 0;
}

@media screen and (max-width: 1440px) {
	.events:before {
		max-width: 100%;
		right: -120px;
	}
}

@media screen and (max-width: 1200px) {
	section .container {
		padding: 0 20px !important;
	}
	
	.events:before {
		right: -80px;
	}
}

@media screen and (max-width: 992px) {
	.events-posts:before {
		content: none;
	}
}

@media screen and (max-width: 768px) {
	section .container {
		padding: 0 15px !important;
	}
	
	.hero {
		padding: 48px 0;
	}
	
	.events:before {
		content: none;
	}
}

@media screen and (max-width: 576px) {
	.hero {
		padding: 24px 0;
	}
	
	.hero .hero-wrapper .title {
		font-size: 32px;
		line-height: 42px;
	}
	
	.hero .hero-wrapper .descr {
		font-size: 15px;
		line-height: 26px;
	}
	
	.events .events-posts {
		padding: 32px 0;
	}
	
	.events .events-link .title-wrapper {
		padding: 14px;
	}
	
	.events .events-link .title-wrapper .date-wrapper {
		margin-bottom: 10px;
	}
	
	.events .events-link .title-wrapper .date-wrapper img {
		width: 16px;
		height: 16px;
	}
	
	.events .events-link .title-wrapper .date-wrapper span {
		font-size: 12px;
		line-height: 18px;
	}
	
	.events .events-link .title-wrapper .post-title {
		font-size: 14px;
		line-height: 25px;
		height: 50px;
		margin-bottom: 12px;
	}
	
	.events .events-link .title-wrapper .read-more span {
		font-size: 10px;
		line-height: 16px;
	}
}

@media screen and (max-width: 460px) {
	.events .events-list {
		grid-template-columns: 1fr;
		padding-bottom: 32px;
	}
	
	.events .events-link .image-wrapper img:not(.icon) {
		max-height: 154px;
	}
}