.destination-style1-cat {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 50px;
}

.destination-style1-cat img {
	transition: 0.5s ease-in-out;
}

.destination-style1-cat .destination-price-cat {
	font-size: 18px;
	font-weight: 700;
	padding: 10px 10px 10px;
	border-radius: 0 0 10px 10px;
	background-color: var(--white-color);
	position: absolute;
	top: 0;
	left: 0%;
	transform: translate(0%,0%);
	transition: 0.5s ease-in-out;
}

.destination-style1-cat .destination-info-cat {
	transition: 0.5s ease-in-out;
	background-color: rgba(28, 28, 28, 0.8);
	padding: 15px 30px 10px;
	max-width: 297px;
	width: 100%;
	border-radius: 0 10px 10px 0px;
	position: absolute;
	left: 0;
	bottom: 30px;
}
.destination-name-info-cat { font-size: 18px; margin: 0px;}
.destination-name-info-cat h4{ margin: 0px;}
.destination-name-info-cat a{ color: #fff;}
.section-space-cat{
padding-top:var(--section-space-cat);
}
.space-extra-bottom-cat{
padding-bottom:var(--space-extra-bottom-cat);	
}


.feature-media-wrap-services {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 40px 20px;
	background: #fff;
	padding: 20px 20px;
	--tw-shadow: 0 0 7px rgba(0,0,0,.18);
    --tw-shadow-colored: 0 0 7px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
@media (max-width: 1199px) {
    .feature-media-wrap-services  {
        padding-top: 10px;
        grid-template-columns: auto auto;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        gap: 30px 20px;
    }
}
@media (max-width: 767px) {
    .feature-media {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }
    .feature-media-wrap-services  {
        gap: 40px 20px;
    }
}
@media (max-width: 400px) {
    .feature-media-wrap-services {
        grid-template-columns: auto;
    }
}