.gt-top-destination-item {
	margin: 0 auto;
	overflow: hidden;
	max-width: 390px;
	margin-bottom: 40px;
	border-radius: 40px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 11px 40px 0px rgba(0, 0, 0, 0.04);
	.destination-img {
		overflow: hidden;
		img {
			transition: all 500ms ease;
		}
		&:before {
			z-index: 1;
			width: 100%;
			height: 100%;
			content: '';
			opacity: 0;
			position: absolute;
			transition: all 500ms ease;
			background: var(--gt-gradient-1);
		}
		.desti-btn-grp {
			top: 50%;
			left: 0;
			right: 0;
			z-index: 2;
			gap: 12px;
			transform: translateY(-50%);
			a {
				opacity: 0;
				width: 66px;
				z-index: 1;
				height: 66px;
				display: flex;
				position: relative;
				border-radius: 100%;
				align-items: center;
				visibility: hidden;
				background-color: #fff;
				justify-content: center;
				&:before {
					top: 0;
					left: 0;
					z-index: -1;
					width: 100%;
					content: '';
					height: 100%;
					position: absolute;
					border-radius: 100%;
					transform: scale(0);
					transition: all 500ms ease;
					background: var(--gt-gradient-1);
				}
				&:nth-child(1) {
					transform: translateY(15px);
				}
				&:nth-child(2) {
					transform: translateY(-15px);
				}
				&:hover {
					color: #fff;
					&:before {
						transform: scale(1.0);
					}
				}
			}
		}
	}
	.destination-text {
		.dest-title-price {
			padding: 30px 30px 15px;
			border-bottom: 1px solid #eae8e8;
			.dest_title {
				font-size: 24px;
				font-weight: 900;
				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%;
					}
				}
			}
			span {
				font-size: 23px;
				font-weight: 900;
			}
		}
		.trip-time {
			font-size: 18px;
			font-weight: 900;
			padding: 16px 30px;
			i {
				margin-right: 8px;
			}
		}
	}
	&:hover {
		.destination-img {
			img {
				transform: scale(1.1);
			}
			&:before {
				opacity: 0.5;
			}
			.desti-btn-grp {
				a {
					opacity: 1;
					visibility: visible;
					&:nth-child(1) {
						transform: translateY(0px);
					}
					&:nth-child(2) {
						transform: translateY(0px);
					}
				}
			}
		}
	}
}