.gt-explore-event-section-3 {
	overflow: hidden;
}
.gt-explore-event-top-content {
	@media #{$md,$xs,$xxs} {
		gap: 20px;
		flex-wrap: wrap;
		justify-content: center !important;
	}
}
.gt-explore-filter-btn {
	button {
		padding: 0;
		border: none;
		font-size: 15px;
		font-weight: 500;
		margin-left: 30px;
		transition: all 500ms ease;
		background-color: transparent;
		i {
			margin-right: 5px;
			transition: all 500ms ease;
		}
		&.is-checked {
			font-weight: 900;
			i {
				color: #9ecb8b;
			}
		}
	}
}
.gt-explore-event-item {
	max-width: 398px;
	border-radius: 15px;
	margin-bottom: 30px;
	border: 2px solid #f6f6f6;
	transition: all 500ms ease;
	@media #{$lg,$md,$xs,$xxs} {
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.explore-img-text-area {
		padding: 20px; 
	}
	.explore-img-area {
		.inner-img {
			overflow: hidden;
			border-radius: 20px;
			position: relative;
			img {
				transition: all 500ms ease;
				transform: scale(1.2) rotate(5deg);
			}
			&:before {
				position: absolute;
				content: "";
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background: var(--gt-gradient-1);
				opacity: 0;
				border-radius: 3px;
				-webkit-transition: 0.5s;
				transition: 0.5s;
				-webkit-transform: perspective(400px) rotateX(-90deg);
				transform: perspective(400px) rotateX(-90deg);
				-webkit-transform-origin: top;
				transform-origin: top;
				border-radius: 6px;
				z-index: 2;
			}
		}
		.ex-location-rate {
			left: 0;
			right: 0;
			top: 25px;
			width: 90%;
			z-index: 2;
			margin: 0 auto;
			span {
				color: #ffffff;
				font-size: 15px;
				font-weight: 800;
				padding: 7px 15px;
				border-radius: 30px;
				display: inline-block;
				background: var(--gt-gradient-1);
			}
			li {
				color: #000000;
				font-size: 15px;
			}
		}
	}
	.explore-meta {
		gap: 10px;
		margin: 0 auto;
		max-width: 85%;
		flex-wrap: wrap;
		padding: 10px 25px;
		margin-bottom: 25px;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		background-color: #252525;
		span {
			color: #fff;
			font-size: 15px;
			font-weight: 800;
		}
		@media #{$lg,$md,$xs,$xxs} {
			padding: 10px 15px;
			span {
				font-size: 13px;
			}
		}
	}
	.exp_title {
		font-size: 28px;
		font-weight: 800;
		padding-left: 15px;
		@media #{$lg,$md,$xs,$xxs} {
			font-size: 24px;
		}
	}
	.explore-price-btn {
		padding: 15px 35px;
		border-top: 2px solid #f6f6f6;
		.ex-price {
			span {
				font-size: 15px;
				font-weight: 500;
			}
			h3 {
				line-height: 1;
				font-size: 22px;
				font-weight: 800;
			}
		}
		.ex_more {
			font-size: 15px;
			font-weight: 800;
		}
	}
	&:hover {
		border: 2px solid #4700e9;
		.explore-img-area {
			.inner-img {
				img {
					transform: scale(1) rotate(0deg);
				}
				&:before {
					opacity: 0.3;
					-webkit-transform: perspective(400px) rotateX(0deg);
					transform: perspective(400px) rotateX(0deg);
				}
			}
		}
	}
}
.filtr-container-area {
	margin: 0px -15px;
	.grid-sizer {
		width: 33.33%;
		@media #{$lg,$md,$xs,$xxs} {
			width: 50%;
		}
		@media #{$xs,$xxs} {
			width: 100%; 
		}
	}
	.grid-sizer,
	.grid-item {
		float: left;
		overflow: hidden;
		position: relative;
		display: inline-block;
		img {
			width: 100%;
		}
	}
	.grid-item {
		padding: 0px 15px;
	}
	.grid-size-33 {
		width: 33.33%;
		@media #{$lg,$md,$xs,$xxs} {
			width: 50%;
		}
		@media #{$xs,$xxs} {
			width: 100%; 
		}
	}
}