.resort_nav_wrapper{
	border-radius: 12px;
	background: var(--Main-wight, #FAFAFA);
	box-shadow: 0px 8px 16px 0px rgba(66, 52, 61, 0.15);
	display: flex;
	justify-content: space-between;
}
.resort_bread_crumps{
	padding:8px 16px;
	display: flex;
	align-items: center;
	gap:8px;
}
.resort_description p{
	margin-bottom: 16px!important;
}
.rel img{
	max-width: 100%;
}
.resort_bread_crump{
	display: flex;
	align-items: center;
	gap:8px;
	color: var(--3-Dark-text, #222);
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.54px;
	text-decoration-line: unset;
}
.all_location_button{
	color: var(--3-Dark-text, #222);
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.54px;
	display: flex;
	align-items: center;
	padding:8px 12px;
	border-radius: 12px;
	gap:8px;
	cursor: pointer;
	border: 1px solid var(--4-Primary, #EDA4C3);
}
.resort_bread_crump:last-child{
	opacity: 0.6;
	pointer-events: none;
}


.resort_full_image{
	width:100vw;
	margin-top:32px;
	margin-bttom:96px;
	height:21vw;
	object-fit: cover;
}
.resort_left_block{
	position: relative;
}
.resort_left_block:after{
	content: "";
	position: absolute;
	right:70%;
	top:-32px;
	width:100%;
	height:calc(100% + 64px);
	border-radius: 0px 18px 18px 0px;
	opacity: 0.3;
	background: var(--4-Primary, #EDA4C3);
	z-index: 0;
}
.resort_right_block{
	position: relative;
}
.resort_right_block:after{
	content: "";
	position: absolute;
	left:70%;
	top:-32px;
	width:100%;
	height:calc(100% + 64px);
	border-radius: 18px 0px 0px 18px;
	opacity: 0.3;
	background: var(--4-Primary, #EDA4C3);
	z-index: 0;
}
.col-2{
	width:calc(50%  - 16px);
}
.images_resort_wrapper{
	display: flex;
	gap:24px;
	flex-wrap:wrap;
	justify-content: space-between;
	position: relative;
}
.image_resort_wrapper{
	width: clamp(1px, 22.015873015873016vw, 290px);
	height: clamp(1px, 12.46031746031746vw, 157px);
	border-radius: 18px;
	box-shadow: 0px 8px 16px 0px rgba(66, 52, 61, 0.15);
	overflow: hidden;
}
.image_resort_wrapper img{
	object-fit: cover;
	width:100%;
	height:100%;
	object-position: center;
}
.resort_description{
	color: var(--3-Dark-text, #222);
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 25.2px */
	letter-spacing: 0.54px;
	margin-top:32px;
}
.m96{
	margin-top:96px;
	gap:32px;
}
.col-2 > *{
	position: relative;
	z-index: 2;
}
.resort_premain_img_wrapper{
	width: clamp(1px, 46.015873015873016vw,604px);
	height: clamp(1px, 26.46031746031746vw, 338px);
	overflow: hidden;
	border-radius: 18px;
	box-shadow: 0px 8px 16px 0px rgba(66, 52, 61, 0.15);
}
.resort_premain_img_wrapper img{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center;
}
.flexr1 > div{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	
	gap:16px;

}
.flexr1{
	margin-top:32px;
}
.flexr1 > div > *{
	border-right:1px solid #222;
	display: flex;
	align-items: center;
	gap:8px;
	padding-right:16px;
}
.flexr1 > div > *:last-child{
	border-right:unset;
}
.resort_right_block iframe{
	max-width: 100%;
	width:604px;
	height:338px;
	border-radius: 18px;

	box-shadow: 0px 8px 16px 0px rgba(66, 52, 61, 0.15);
}
.flexr3 > div{
	display: flex;
	gap:16px;
	margin-top:32px;
	flex-direction: column;
}
.flexr4{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.flexr4 .left_span{
	color: var(--3-Dark-text, #222);
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.54px;
}
.flexr4 .right_span{
	color: var(--3-Dark-text, #222);
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.54px;
}
.resort_normal_title{
	color: var(--3-Dark-text, #222);
	font-family: Inter;
	font-size: 27px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.81px;
	margin-bottom: 16px;
}
.resort_small_title{
	color: var(--Accent, #D61E89);
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.54px;
	margin-bottom:4px;
}
.sort_wrapper{
	width: fit-content;
	margin-top: 0;
	margin-bottom: 0;
}



.all_images_wrapper{
	display: none;
	gap:16px;
	flex-direction: column;
	border-radius: 20px;
	background: var(--Main-wight, #FAFAFA);
	box-shadow: 0px 8px 16px 0px rgba(66, 52, 61, 0.25);
	width:100vw;
	max-width:1240px;
	left:50%;
	top:5vh;
	height:90vh;
	transform: translateX(-50%);
	position: fixed;
	z-index: 10;
	overflow: hidden;
	padding:16px 0;
}
.all_images_darker{
	display: none;
	position: fixed;
	z-index: 10;
	background:rgba(0,0,0,0.7);
	width:100vw;
	height:100vh;
	top:0;
	left:0;
	z-index: 9;
}
.single_full_image.active,.all_images_darker.active,.all_images_wrapper.active{
	display: block;
}
.single_full_image{
	display: none;
	overflow: auto;
	border-radius: 20px;
	background: var(--Main-wight, #FAFAFA);
	box-shadow: 0px 8px 16px 0px rgba(66, 52, 61, 0.25);
	width:100vw;
	max-width:1240px;
	left:50%;
	top:10vh;
	height:80vh;
	transform: translateX(-50%);
	position: fixed;
	z-index: 10;
	overflow: hidden;
}
.closer_all_images{
	position: fixed;
	padding:8px;
	border-radius: 8px;
	background: var(--Accent, #D61E89);
	top:8px;
	right:8px;
	cursor: pointer;
	display: flex;

}
.rel{
	width:100%;
	padding:16px 0;
	position: relative;
	gap:16px;
	flex-direction: column;
	display: flex;
	align-items: center;
	padding:16px;
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%;
}
.single_show_all_image{
	position: absolute;
	bottom:8px;
	cursor: pointer;
	right:8px;
	color: var(--Main-wight, #FAFAFA);
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.42px;
	padding:8px 16px;
	border-radius: 10px;
	background: var(--Accent, #D61E89);
}



#main_result{
	width:922px;
}
.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.single_right_column{
	width:286px;
	border-radius: 18px;
	background: var(--Main-wight, #FAFAFA);
	box-shadow: 0px 8px 16px 0px rgba(66, 52, 61, 0.15);
	padding:24px 16px;
	height:fit-content;
}



.single_checkin_label{
	color: var(--3-Dark-text, #222);
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.42px;
	margin-bottom: 8px;
	display: flex;
	justify-content: space-between;
}
.single_checkin_date_wrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 10px;
	border: 1px solid var(--4-Primary, #EDA4C3);
	padding:8px 16px;
	margin-bottom: 16px;
}
.date_single_input{
	color: var(--3-Dark-text, #222);
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.42px;
	opacity: 0.7;
}
.single_checkin_date_wrapper .flex{
	gap:8px;
	align-items: center;
}
.total_single_details{
	color: var(--Accent, #D61E89);
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.42px;
	text-decoration-line: underline;
}
.total_single_price{
	color: var(--Accent, #D61E89);
	font-family: Inter;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.66px;
}
.total_single_label{
	color: var(--3-Dark-text, #222);
	font-family: Inter;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.66px;
}
.book_now_single{
	box-sizing: border-box;
	cursor: pointer;
	color: var(--Main-wight, #FAFAFA);
	font-family: Inter;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.66px;
	width:100%;
	padding:8px;
	display: flex;
	gap:10px;
	align-items: center;
	border-radius: 12px;
	background: var(--Accent, #D61E89);
	margin-top:24px;
	justify-content: center;
	text-decoration-line: unset;
}
.single_box_wrapper{
	display: flex;
	gap:28px;
	border-radius: 18px;
	background: var(--Main-wight, #FAFAFA);

	/* Block shadow */
	box-shadow: 0px 8px 16px 0px rgba(66, 52, 61, 0.15);
	padding:24px;

}
.single_box{
	padding:8px;
	width:100%;
	display: flex;
	gap:8px;
	border-radius: 12px;
	background: var(--4-Primary, #EDA4C3);
	color: var(--3-Dark-text, #222);
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.54px;
	align-items: center;
}
.pink{
	color: var(--Accent, #D61E89);
}


.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom:10px!important;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:8px!important;
}
.swiper-pagination-bullet{
    background:white!important;
    height:10px!important;
    width:10px!important;
    box-shadow: 1px 1px 10px #a3a3a3, 1px 1px 5px #363636;
    opacity:1!important;
}
.swiper-pagination-bullet-active{
    background:#D61E89!important;
}


.swiper-pagination-fraction{
	top:unset;
	bottom:12px!important;
	right:16px;
	left:unset;
	width:fit-content;
	color: #FFF;
	text-align: center;
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	padding:4px 8px;
	border-radius: 100px;
background: #EDA4C3;
}
.swiper-slide{
	border-radius: 20px 0px 0px 0px;
	overflow: hidden;
	width:100%!important;
}

.swiper-slide img{
	width:100%;
	height:100%;
	object-fit: cover;
}


.mySwiper{
	    width: clamp(1px, 31.11111111111111vw, 392px);
    height: clamp(1px, 20.730158730158728vw, 261px);
}
.swiper-button-prev:after, .swiper-button-next:after{
	color:#D61E89!important;
}
.price_wrapper{
	display: none!important;
}










.destination_desc *{
	margin:unset!important;
}




@media screen and (max-width:1000px){
	.resort_normal_title{
		flex-direction: column;
	}
	.swiper-slide{
		border-radius: 12px 12px 0px 0px;
		overflow: hidden;
	}

	.col-2 .mySwiper .swiper-slide,.col-2  .mySwiper2 .swiper-slide{
		border-radius: unset!important;
	}


    .resort_title{
		margin-top:32px;
		color: var(--3-Dark-text, #222);
		font-family: Inter;
		font-size: 22px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		letter-spacing: 0.66px;
	}
	.resort_nav_wrapper{
		border-radius: unset;
	    background: unset;
	    box-shadow: unset;
	    display: flex;
	    justify-content: space-between;
	}
	
	.resort_bread_crumps{
		padding:unset;
	}
	.resort_bread_crump{
		font-size: 14px;
	}
	.cccl2{
		flex-direction: column-reverse!important;
	}
	.swiper-slide:after{
		display: none;
	}
	

	.resort_bread_crumps{
		flex-wrap: wrap;
	}
	.m96{
		flex-wrap:wrap;
		margin-top: 32px;
	}
	.resort_left_block:after{
		display: none;
	}
	.resort_right_block{
		position: relative;
	}
	.resort_right_block:after{
		display: none;
	}
	.col-2{
		width: 100%;
	}
	.col-2 > *{
		width: 100%;
	}
	.resort_full_image{
		height:66vw;
	}
	.resort_description{
		font-size: 14px;
	}
	.mySwiper,.mySwiper2{
		height:64vw;
		width:100vw;
		transform: translateX(-16px);
		border-radius: unset;
	}
	.resort_premain_img_wrapper{
		display: none;
	}
	.flexr1{
		color: var(--3-Dark-text, #222);
		font-family: Inter;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 0.42px;
	}
	.flexr1 > *{
		border-right: unset;
		padding-right:unset;
	}
	.resort_normal_title{
		color: var(--3-Dark-text, #222);
		font-family: Inter;
		font-size: 22px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		letter-spacing: 0.66px;
	}
	.single_right_column{
		display: none;
	}
	#main_result{
		width: 100%;
	}















	
	.left_resort_side,.mySwiper{
		width:100%;
		height:calc((100vw - 32px) * 0.66);
	}
	.book_now{
		display: none;
	}
	.swiper-slide:after{
		display: none;
	}
	.right_resort_side{
		width:100%;
	}
	.resort_wrapper{
		flex-wrap:wrap;
		height:auto;
	}
	.resort_pop_title {
	    margin-top: 8px;
	    color: var(--3-Dark-text, #222);
		font-family: Inter;
		font-size: 18px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		letter-spacing: 0.54px;
		padding:unset;
	}
	.resort_pop_rating {
		margin-left:unset;
	    width: fit-content;
	    background: var(--4-Primary, #EDA4C3);
	    padding: 4px 8px;
	    border-radius: 8px;
	    color: var(--2-Dark-text, #2D2D2D);
	    font-family: Inter;
	    font-size: 14px;
	    font-style: normal;
	    font-weight: 400;
	    line-height: normal;
	    letter-spacing: 0.42px;
	    margin-top: 8px;
	    display: flex;
	    align-items: center;
	}
	.custom_wrapper1 {
	    margin-top: 8px;
	    margin-left:unset;
	}
	.resort_pop_map, .resort_pop_city {
	    color: var(--Accent, #D61E89);
	    font-family: Inter;
	    font-size: 14px;
	    font-style: normal;
	    font-weight: 400;
	    line-height: normal;
	    letter-spacing: 0.42px;
	    text-decoration-line: underline;
	}
	.custom_wrapper2 {
	    display: flex;
	    gap: 16px;
	    margin-top: 24px;
	    position: relative;
	    z-index: 2;
	    margin-left:unset;
	}
	.amentity_main {
	    display: flex;
	    align-items: center;
	    gap: 16px;
	    padding-right: 16px;
	    border-right: 1px solid rgba(45, 45, 45, 0.5);
	    color: var(--2-Dark-text, #2D2D2D);
	    font-family: Inter;
	    font-size: 14px;
	    font-style: normal;
	    font-weight: 400;
	    line-height: normal;
	}
	.custom_wrapper3 {
	    display: flex;
	    flex-wrap: wrap;
	    overflow: hidden;
	    gap: 8px;
	    max-height: 67px;
	    margin-top:24px;
	    max-width: unset;
	    margin-left:unset;
	}
	.custom_wrapper3 span {
	    color: var(--2-Dark-text, #2D2D2D);
	    font-family: Inter;
	    font-size: 14px;
	    font-style: normal;
	    font-weight: 400;
	    line-height: normal;
	    display: flex;
	    gap: 8px;
	    align-items: center;
	}
	.property_type_info {
	    padding-bottom: 8px;
	    display: flex;
	    flex-direction: column;
	    justify-content: flex-end;
	    gap: 8px;
	    margin-left: unset;
	}
	.right_resort_side{
		height:auto;
		padding:8px;
	}
	.property_type_info_span {
	    color: var(--2-Dark-text, #2D2D2D);
	    font-family: Inter;
	    font-size: 14px;
	    font-style: normal;
	    font-weight: 400;
	    line-height: normal;
	    letter-spacing: 0.42px;
	}
	.property_type_info{
		margin-top:24px;
		flex-wrap:nowrap;
		gap:16px;
		flex-direction: row;
	    justify-content: space-between;
		padding-bottom: 16px;
    	margin-bottom: 16px;
    	border-bottom: 1px solid #EDA4C3;
	}
	.price_wrapper {
	    position: relative;
	    display: flex;
	    flex-direction: column;
	    right: 0;
	    bottom: unset;
	    background: unset;
	    gap: 8px;
	    padding: unset;
	    text-align: unset;
	}
	.price_small_span {
	    height: auto;
	    color: var(--2-Dark-text, #2D2D2D);
	    font-family: Inter;
	    font-size: 14px;
	    font-style: normal;
	    font-weight: 600;
	    line-height: normal;
	    letter-spacing: 0.42px;
	}
	.go_on_button {
	    color: var(--Main-wight, #FAFAFA);
	    font-family: Inter;
	    font-size: 18px;
	    font-style: normal;
	    font-weight: 600;
	    line-height: normal;
	    letter-spacing: 0.54px;
	    display: flex;
	    gap: 16px;
	    align-items: center;
	    padding: 8px;
	    position: relative;
	    width:100%;
	    bottom: usnet;
	    right: unset;
	    border-radius: 8px;
		background: var(--Accent, #D61E89);
		box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
	    text-decoration: unset;
	    margin-top:16px;
	    box-sizing: border-box;
	    text-align:center;
	    justify-content: center;
	}
	.go_on_button svg{
		display:none;
	}
	.price_big_span{
		color: var(--Accent, #D61E89);
		font-family: Inter;
		font-size: 22px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		letter-spacing: 0.66px;
	}
	.price_wrapper.mobile{
		gap:8px;
	}
	.info_pages_wrapper{
		display: none;
	}
	.pagination_wrapper{
		border:unset;
		justify-content: center;
	}
	.flexr1 > div > *{
		border-right:unset;
		padding-right:unset;
		margin-bottom: 12px;
	}
	.flexr1 > div{
		column-count: 2!important;
		display: block!important;
	}
	.m96{
		margin-bottom: 32px;
	}
	#main_result .left_resort_side, .mySwiper {
	    width: 100%!important;
	    height: calc((100vw - 32px) * 0.66)!important;
	    transform: unset!important;
	}
	.flexr4{
		flex-direction: column;
    	gap: 8px;
	}
	.col-2 .mySwiper,.col-2 .mySwiper2{
		height:64vw!important;
		width:100vw!important;
		transform: translateX(-16px)!important;
		border-radius: unset!important;
	}
}
.resort_wrapper{
	width: fit-content;
}