.swiper-trips {
	margin-top: 64px;
}

.swiper-trips
.swiper-slide {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 336px !important;
	height: 490px !important;;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.swiper-trips
.swiper-slide img {
	position: absolute;
    z-index: -1;
    width: inherit;
	height: inherit;
}

.swiper-trips p{
	text-transform: uppercase;
	width: fit-content;
}

.border {
	border: 1px solid;
}

.swiper-trips svg {
	padding: 7px 15px;
}

.swiper-trips
.title {
	font-size: 32px;
	line-height: 41.6px;
	letter-spacing: -0.005rem;
	text-transform: none;
}

.swiper-trips
.subtitle {
	text-transform: none;
}

.swiper img {
	width: max-content;
}

.surf-trips
.selector {
    width: 224px;
	padding: 15px 24px;
}

.surf-trips
.submenu {
	width: 224px;
    top: 49px;
	z-index: 2;
}

@media (max-width: 640px) {
	.swiper-trips
	.swiper-slide {
		padding: 16px;
	}
	.swiper-trips 
	.swiper-slide {
		width: 308px !important;
	}
}


@media (max-width: 640px) {
	.swiper-trips {
		margin-top: 0px;
	}
	.swiper-trips
	.swiper-slide {
		padding: 16px;
	}
	.swiper-trips 
	.swiper-slide {
		width: 308px !important;
		width: calc(100vw - 64px) !important;
		background-repeat: no-repeat;
        background-size: cover;
	}
}