.gt-blog-top-content {
	gap: 0px 30px;
	@media #{$md,$sm,$xs,$xxs}  {
		flex-wrap: wrap;
	}
	.gt-section-title-2 {
		max-width: 510px;
		@media #{$md,$sm,$xs,$xxs}  {
			max-width: 100%;
		}
	}
	.gt-title-top-text {
		max-width: 530px;
		@media #{$md,$sm,$xs,$xxs}  {
			max-width: 100%;
		}
	}
}
.gt-blog-item-4 {
	margin: 0 auto;
	overflow: hidden;
	max-width: 410px;
	margin-bottom: 30px;
	border-radius: 10px;
	.blog-img {
		overflow: hidden;
		img {
			transition: all 700ms ease;
		}
		&:before {
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0;
			z-index: 1;
			content: '';
			position: absolute;
			transition: all 700ms ease;
			background: var(--gt-gradient-1);
		}
	}
	.blog-text {
		left: 0;
		right: 0;
		bottom: 0;
		width: 90%;
		z-index: 1;
		margin: 0 auto;
		position: absolute;
		background-color: #fff;
		padding: 20px 20px 15px;
		border-radius: 20px 20px 0px 0px;
		transition: all 500ms ease;
		&:before {
			top: 0;
			left: 0;
			z-index: -1;
			width: 100%;
			height: 0%;
			content: '';
			position: absolute;
			border-radius: 20px;
			transition: all 500ms ease;
			background: var(--gt-gradient-1);
		}
		.blog_title {
			color: #2B2A30;
			font-size: 24px;
			font-weight: 700;
			padding-bottom: 10px;
			a {
				width: 100%;
				display: inline !important;
				background-position-y: -1px;
				background-repeat: no-repeat;
				background-size: 0 100%;
				backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
				-webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
				transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
				&:hover {
					color: inherit;
					background-size: 100% 100%;
				}
			}
		}
		.blog-meta {
			a {
				font-size: 18px;
				font-weight: 500;
				margin-right: 30px;
				position: relative;
				font-family: var(--gt-heading);
				&:before {
					top: 10px;
					width: 5px;
					content: '';
					height: 5px;
					right: -17px;
					position: absolute;
					border-radius: 100%;
					background-color: #252A4E;
					transition: all 500ms ease;
				}
				&:last-child {
					margin-right: 0;
					&:before {
						display: none;
					}
				}
			}
			.author-meta {
				color: #4400E7;
			}
			.date-meta {
				color: #252A4E;
			}
		}
		.read_more {
			top: -40px;
			color: #fff;
			font-weight: 500;
			padding: 4px 20px;
			transform: scaleY(0);
			display: inline-block;
			transform-origin: 0 0 0;
			font-family: var(--gt-heading);
			border-radius: 10px 10px 0px 0px;
			background: linear-gradient(90deg, #FF4C3E -2.17%, #FF9942 100%);
			&:hover {
				color: #4400E7;
			}
		}
	}
	&:hover {
		.blog-img {
			img {
				transform: scale(1.1);
			}
			&:before {
				opacity: 0.4;
			}
		}
		.blog-text {
			bottom: 25px;
			border-radius: 20px 20px 20px 20px;
			&:before {
				height: 100%;
			}
			.blog_title {
				color: #fff;
			}
			.blog-meta {
				a {
					color: #fff;
					&:before {
						background-color: #fff;
					}
				}
			}
			.read_more {
				clip: inherit;
				transform: scaleY(1);
				transition-delay: 300ms;
			}
		}
	}
}