.main_section{
	height:calc(100vh - 102px);
	overflow: hidden;
	position:relative;
}
.main_section img{
    object-fit:cover;
    object-position:center;
    width:100%;
    height:100%;
}
.mySwiper2{
	    object-fit: none!important;
	    width: 100%;
	    height: 100%;
	}
	.mySwiper2 img{
	    object-fit: cover;
	    width: 100%;
	    height: 100%;
	}
	
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom:102px!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:#F8A604!important;
}
.main_section_primary_title{
    position:absolute;
    bottom:78px;
    color: #F7F7F7;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    font-family: Inter;
    font-size: 43px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 10px;
    background: rgba(52, 54, 66, 0.40);
    padding:8px 16px;
    left:64px;
    z-index:10;
    text-align:center;
    
}
@media screen and (max-width:1000px){
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
        bottom:80px!important;
    }
    .main_section_primary_title{
        width:90%;
        padding:0;
        background:unset;
        font-size: 34px;
        left:unset;
        margin:auto;
        left: 50%;
        transform: translateX(-50%);
        bottom:132px;
    }
}


.search_section{
	
	position:relative;
}
.fon_svg1{
	position: absolute!important;
	left:0;
	z-index: 0!important;
	top:70px;
	display: none;
}

.search_wrapper{
	position: relative;
	height:140px;
	margin:auto;
	transform:translateY(-70px);
	border-radius: 14px;
	background: #3063B1;
	box-shadow: 0px 8px 16px 0px rgba(52, 54, 66, 0.15);
	max-width:1028px;
	padding:0 16px;
}
.search_wrapper > .flex{
	height:100%;
	align-items: center;
	max-width:900px;
	margin:auto;
}
.main_search_title{
	color: var(--main-wight, #F7F7F7);
	font-family: Inter;
	font-size: 53px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.main_search_desc{
	color: var(--main-wight, #F7F7F7);
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.main_search_input{
	padding:24px;
	padding-left:72px;
	border-radius: 50px;
	background: var(--main-wight, #F7F7F7);
	color: rgba(52, 54, 66, 1);
	font-family: Inter;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	width:100%;
	max-width:600px;
	outline:unset;
	border:unset;
	box-sizing: border-box;
}
.main_search_input:placeholder{
	color: rgba(52, 54, 66, 0.60);
}
.input_search_wrapper{
	position: relative;
	width:100%;
	max-width:600px;
	margin-left:24px;
}
.input_search_wrapper:after{
	position: absolute;
	top:24px;
	left:24px;
	height:24px;
	width:24px;
	background:url('https://destinationamerica.co.uk/wp-content/uploads/2023/07/search.svg');
	content:'';
}
.main_tip{
	width:100%;
	border-radius: 14px;
	background: var(--main-wight, #F7F7F7);

	/* block shadow */
	box-shadow: 0px 8px 16px 0px rgba(52, 54, 66, 0.15);
	display:flex;
	flex-direction: column;
	justify-content: center;
	padding:24px;
	padding-top:0;
}
.search_section > .container > .flex{
	gap:32px;
	padding-top:74px;
}
.main_tip_image{
	margin:auto;
	width:96px;
	height:96px;
	transform: translateY(-48px);
}
.main_tip_title{
	color: var(--dark-text-blue-design, #343642);
	text-align: center;
	font-family: Inter;
	font-size: 27px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-top:-24px;
	padding:0 8px;
}
.main_tip_desc{
	color: var(--dark-text-blue-design, #343642);
	text-align: center;
	font-family: Inter;
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-top:16px;
}
.search_section > *{
	z-index: 1;
	position: relative;
}
.col-2{
	width:50%;

}
.custom2{
	padding-top:96px;
	display:flex;
	width:100%;
	position: relative;
}
.where_left{
	width:60%;
	position: relative;
}
.where_left{
	position: relative;
}
.where_left img{
	z-index: 2;
	border-radius:16px;
	position: relative;
	height:auto;
	width:100%;
}
.sub_img{
	right:-16px;
	bottom:-16px;
	position: absolute!important;
	z-index: 1!important;
	opacity: 0.25;
	filter: blur(1px);
	border-radius:16px;
}
.where_right{
	width:40%;
	display: flex;
	align-items: center;
}
.where_right svg{
	position: absolute;
	bottom:30px;
	left:calc(60% + 16px);
	width:40vw;
	max-width:717px;
}
.path_title{
	color: var(--dark-text-blue-design, #343642);
	text-align: center;
	font-family: Inter;
	font-size: 53px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-left:64px;
	z-index: 3;
}
.site_title_wrapper{
	
	position: relative;
	max-width:1028px;
	margin:auto;
	margin-top:96px;
	display: flex;
	justify-content: center;
}
.site_title{
	z-index: 2;
	position: relative;
	width:fit-content;
	background:#F2F2F2;
	color: var(--dark-text-blue-design, #343642);
	text-align: center;
	font-family: Inter;
	font-size: 53px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding:0 24px;
	margin:0;
}
.site_title_line{
	position:absolute;
	width:100%;
	top:50%;
	z-index: 1;
	height:1px;
	background:#343642;
}
.where_left{
	
	height:511px;
	
}
.where_left img{
	height:100%;
	width:100%;
	border-radius: 90px 16px 16px 16px;
	object-fit: cover;
}
.dots{
	position: absolute;
	left:50%;
	bottom:16px;
	transform: translateX(-50%);
	display:flex;
	gap:16px;
	z-index: 3;
}
.dot{
	width:10px;
	height:10px;
	border-radius:50%;
	background:#F7F7F7;
	box-shadow: 1px 1px 10px #a3a3a3;
}
.dot.active{
	background:#F8A604;
}
.where_left{
	position: relative;
}


.bread_crump_wrapper{
	padding:8px 16px;
	border-radius: 100px;
	background: var(--main-blue, #3063B1);
	margin:24px auto;
	display: flex;
	width:fit-content;
}
.bread_crump{
    white-space:nowrap;
	color: var(--main-wight, #F7F7F7);
	text-align: center;
	font-family: Inter;
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-right:16px;
	display: flex;
	align-items: center;
	text-decoration: unset;
}
.bread_crump svg{
	margin-left:16px;
}
.bread_crump:last-child svg{
	display:none;
}
.bread_crump:last-child{
	marginright:0;
}
.sample_info{
	color: var(--dark-text-blue-design, #343642);
	text-align: center;
	font-family: Inter;
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin:0;
	margin-bottom:24px;
	position: relative;
}
.sample_info.cut{
	margin-bottom:60px;
	position: relative;
	height:calc(clamp(18px, 1.7741935483870968vw, 22px) * 1.4 * 3);
	overflow: hidden;
	transition: all 0.3s ease-out;
}
.read_more{
	position: absolute;
	bottom:-35px;
	left:50%;
	transform: translateX(-50%);
	color: var(--main-orange, #F8A604);
	text-align: center;
	font-family: Inter;
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.read_more svg{
	margin-left:8px;
	transition: all 0.3s ease-out;
}
.read_more.active svg{
	transform:rotate(180deg);
}
.sample_info p{
	margin:unset;
}

.choose_vac_wrapper{
	padding:31px 0;
	background:var(--main-blue, #3063B1);
}
.choose_title{
	color: var(--main-wight, #F7F7F7);
	font-family: Inter;
	font-size: 34px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.custom_selector_new{
	width:210px;
	height:42px;
	border-radius: 12px;
	background: var(--main-wight, #F7F7F7);
	position: relative;
}
.custom_selector_new.big{
	width:250px;
	margin-left:24px;
}
.custom_selector_nav{
	color: var(--dark-text-blue-design, #343642);
	font-family: Inter;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: 1;
	padding:10px 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
a.custom_selector_nav{
	color: var(--dark-text-blue-design, #343642);
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	display: flex;
	align-items: flex-start;
	text-decoration: none;
	justify-content: flex-start;
}
a.custom_selector_nav:before{
	content:'';
	min-width:10px;
	min-height:10px;
	background:#F8A604;
	margin-right:8px;
	border-radius:50%;
	margin-top:6px;

}
.custom_selector_new_inner{
	position: absolute;
	top:0;
	left:0;
	border-radius: 12px;
	background: var(--main-wight, #F7F7F7);
	height:42px;
	width:100%;
	overflow: hidden;
	cursor: pointer;
	z-index:20;
}
.custom_selector_new.big > .custom_selector_new_inner.active{
    box-shadow: 0px 8px 16px 0px rgba(52, 54, 66, 0.15);
}
.custom_selector_new.small > .custom_selector_new_inner.active{
    box-shadow: 0px 8px 16px 0px rgba(52, 54, 66, 0.15);
}
.custom_selector_new_inner.active{
	height:auto;
	

}
.custom_selector_new_inner .custom_selector_new_inner{
	position: relative;
}
.custom_selector_new_inner.active > .custom_selector_nav:first-child > svg{
	transform: rotate(180deg);
}
.custom_selector_new.small .custom_selector_new_inner:after{
	content:'';
	background:url('https://destinationamerica.co.uk/wp-content/uploads/2023/08/4343343.svg');
	width:16px;
	height:10px;
	position: absolute;
	z-index: 30;
	top:16px;
	right:24px;
	display:none;
}
.custom_selector_new.small .custom_selector_new_inner.active img{
	transform: rotate(180deg);
}

.location_title{
	color: var(--dark-text-blue-design, #343642);
	text-align: right;
	font-family: Inter;
	font-size: 34px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	white-space:nowrap;
}
.bread_crump_wrapper{
	margin:unset;
}
.resort_wrapper{

}

.section_list .container .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: var(--main-blue, #3063B1);
}
.swiper-slide{
	border-radius: 20px 0px 0px 0px;
}
.table_main_position_gm{
	position: absolute;
    right: 16px;
    top: 16px;
    padding: 4px 16px;
    border-radius: 200px;
    display: flex;
    background: var(--main-orange, #F8A604);
    cursor:pointer;
}
.gm_shade{
	position: fixed;
	width:100vw;
	height:100vh;
	z-index: 100;
	background:black;
	opacity: 0.4;
	display: none;
		top:0;
	left:0;
}
.gm_wrapper{
	position: relative;
}
.gm_wrapper iframe{
	border-radius: 20px;
	background:white;
	box-shadow: 0px 8px 16px 0px rgba(52, 54, 66, 0.4);
}
.gm_outer{
	position: fixed;
	width:fit-content;
	height:fit-content;
	z-index: 101;
	display:flex;
	align-items:center;
	justify-content: center;
	display: none;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.gm_close{
	position: absolute;
	top:16px;
	right:16px;
	width:32px;
	height:32px;
	cursor: pointer;
}
.gm_shade.active{
	display:block;
}
.gm_outer.active{
	display:flex;
}
.swiper-slide img{
	width:100%;
	height:100%;
	object-fit: cover;
}
.resort_wrapper{
	border-radius: 20px;
	background: var(--main-wight, #F7F7F7);
	/* block shadow */
	box-shadow: 0px 8px 16px 0px rgba(52, 54, 66, 0.15);
}


.mySwiper{
	width: clamp(1px, 40.32258064516129vw, 500px);
	height: clamp(1px, 26.61290322580645vw, 330px);
}
				.resort_item_ex_link{
					color: var(--main-wight, #F7F7F7);
					font-family: Inter;
					font-size: clamp(1px, 1.7741935483870968vw, 22px);
					font-style: normal;
					font-weight: 600;
					line-height: normal;
					padding: clamp(1px, 1.4516129032258065vw, 18px);
					width:100%;
					text-align: center;
					border-radius: 0px 0px 0px 20px;
					background: var(--main-blue, #3063B1);
					box-sizing:border-box;
				    display: block;
				    text-decoration: unset;
				}
				.resort_info_wrapper{
					display: flex;
					flex-direction: column;

				}
				.resort_wrapper{
					display:flex;
				}
				.resort_item_title{
					color: var(--dark-text-blue-design, #343642);
					font-family: Inter;
					font-size: clamp(1px, 2.741935483870968vw, 34px);
					font-style: normal;
					font-weight: 700;
					line-height: 1.2941;
					margin-top: clamp(1px, 0.6451612903225806vw, 8px);
					padding: 0 clamp(1px, 2.5806451612903225vw, 32px);
					display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
				}
				.resort_item_estimate{
					display: flex;
					justify-content: flex-start;
					gap:4px;
					margin-top: clamp(1px, 0.6451612903225806vw, 8px);
					padding: 0 clamp(1px, 2.5806451612903225vw, 32px);
				}
				.resort_item_location{
					margin-top: clamp(1px, 1.935483870967742vw, 24px);
					color: var(--dark-text-blue-design, #343642);
					font-family: Inter;
					font-size: clamp(1px, 1.7741935483870968vw, 22px);
					font-style: normal;
					font-weight: 600;
					line-height: normal;
					display: flex;
					align-items: center;
					padding: 0 clamp(1px, 2.5806451612903225vw, 32px);
				}
				.resort_item_location_link{
					color: var(--dark-text-blue-design, #343642);
					font-family: Inter;
					font-size: clamp(1px, 1.4516129032258065vw, 18px);
					font-style: normal;
					font-weight: 500;
					line-height: normal;
					text-decoration-line: underline;
					margin-left: clamp(1px, 0.6451612903225806vw, 8px);
					max-width: clamp(1px, 41.935483870967744vw, 520px);
					white-space: nowrap;
				  overflow: hidden;
				  text-overflow: ellipsis;
				}
				.table_main_position_gm{
					position: relative;
					top:unset;
					left:unset;
					right:unset;
					bottom:unset;
					margin-left: clamp(1px, 0.6451612903225806vw, 8px);
				}
				.resort_item_benefits_wrapper{
					display:flex;
					flex-wrap:wrap;
					gap:8px;
					margin-top: clamp(1px, 1.935483870967742vw, 24px);
					max-height: clamp(1px, 4.193548387096775vw, 52px);
					padding: 0 clamp(1px, 2.5806451612903225vw, 32px);
					overflow:hidden;
				}
				.resort_item_benefit{
					padding-right: clamp(1px, 0.6451612903225806vw, 8px);
					border-right:1px solid rgba(52, 54, 66, 0.5);
					display: flex;
					align-items: center;
					color: var(--dark-text-blue-design, #343642);
					font-family: Inter;
					font-size: clamp(1px, 1.4516129032258065vw, 18px);
					font-style: normal;
					font-weight: 500;
					line-height: normal;
				}
				.resort_item_benefit img{
					height: clamp(1px, 1.7741935483870968vw, 22px);
					margin-right: clamp(1px, 0.6451612903225806vw, 8px);
				}
				.resort_item_benefit:last-child{
					border-right:unset;
				}
				.resort_item_info{
					color: var(--dark-text-blue-design, #343642);
					font-family: Inter;
					font-size: clamp(1px, 1.4516129032258065vw, 18px);
					font-style: normal;
					font-weight: 500;
					line-height: clamp(1px, 1.7741935483870968vw, 22px);
					display: flex;
					overflow: hidden;
					
					flex-grow: 1;
					margin-top: clamp(1px, 1.935483870967742vw, 24px);
					padding-left: clamp(1px, 2.5806451612903225vw, 32px);
					padding-right: clamp(1px, 2.5806451612903225vw, 32px);
				}
				.info_cut{
					display: inline;
				}
				.resort_item_link{
					text-decoration: unset;
					transform: translateX(32px);
					color: var(--main-wight, #F7F7F7);
					font-family: Inter;
					font-size: clamp(1px, 1.7741935483870968vw, 22px);
					font-style: normal;
					font-weight: 600;
					line-height: normal;
					padding: clamp(1px, 1.4516129032258065vw, 18px) clamp(1px, 2.5806451612903225vw, 32px);
					border-radius: 20px 0px;
					background: var(--main-orange, #F8A604);
				}
				.float{
					float: right;
					height: 100%;
					margin-left: clamp(1px, 1.2096774193548387vw, 15px);
					display: flex;
					align-items: flex-end;
					shape-outside: inset(calc(100% - 63px) 0 0);
				}
				.box {
					text-align: left;
				}
.swiper-button-prev:after, .swiper-button-next:after{
	color:#F8A604!important;
}




.resort_wrapper{
	opacity: 0;
	display:none;
	transition:all 0.2s ease-out;
}
.resort_wrapper.preactive{
	display:flex;
}
.resort_wrapper.active{
	display:flex;
	opacity:1;
}


	
	
@media screen and (max-width:1000px){
    .fon_svg1,.fon_svg2{
		max-width:100%;
		display: none;
	}
	#video{
		object-fit: none!important;
	    width: 100%;
	    height: 100%;
	    object-position: 50% 0%!important;
	}
	.search_wrapper{
		height: 112px;
	    margin: auto;
	    transform: translateY(-56px);
	    padding: 0 clamp(16px, 1.2903225806451613vw, 16px);
	    max-width: unset;
	}
	.main_search_title{
		font-size: 27px;
	}
	.main_search_desc{
		font-size: 14px;
	}
	.search_wrapper .column{
		flex-direction: row;
		justify-content: space-between;
		width:100%;
	}
	.search_wrapper > .flex{
		max-width: unset;
	}
	.input_search_wrapper{
		max-width:unset;
		margin-left:unset;
	}
	.main_search_input {
	    padding: clamp(12px, 1.935483870967742vw, 24px);
	    padding-left: clamp(29px, 5.806451612903226vw, 72px);
	    font-size: clamp(12px, 1.7741935483870968vw, 22px);
	    max-width: unset;
	    outline: unset;
	    border: unset;
	    box-sizing: border-box;
	}
	.input_search_wrapper:after {
	    position: absolute;
	    top: clamp(13px, 1.935483870967742vw, 24px);
	    left: clamp(13px, 1.935483870967742vw, 24px);
	    height: clamp(13px, 1.935483870967742vw, 24px);
	    width: clamp(13px, 1.935483870967742vw, 24px);
	    background: url(/wp-content/uploads/2023/07/search.svg);
	    background-size:cover;
	    content: '';
	}
	.search_section > .container > .flex{
		gap:80px;
	}
	.choose_title{
	    font-size:18px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
   .location_title{
       font-size: 27px;
       text-align:center;
       justify-content:center;
       width:100%;
       margin-top:16px;
   }
   .custom_selector_new.big{
       margin:16px auto;
       box-shadow: 0px 8px 16px 0px rgba(52, 54, 66, 0.1);
   }
   .bread_crump{
       font-size:14px!important;
       margin-left:0px!important;
       margin-right:8px!important;
   }
   .bread_crump svg{
       width:4px;
       height:8px;
   }
   .resort_wrapper{
       flex-wrap:wrap;
   }
   .resort_wrapper > *{
       width:100%!important;
   }
   .mySwiper{
	    width:100%;
	    height:60vw;
	    border-radius: 12px 12px 0px 0px;
    overflow: hidden;
	}
	.resort_item_ex_link{
	    color: var(--main-wight, #F7F7F7);
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        padding:8px;
	}
	.section_list .container .swiper-pagination-fraction{
	    padding:4px 8px;
	    font-size:14px!important;
	}
	.resort_item_title{
	    display:block;
	    color: var(--dark-text-blue-design, #343642);
        font-family: Inter;
        font-size: 27px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-top:24px;
        margin-bottom:8px;
	}
	.resort_item_location{
	    flex-wrap:wrap;
        color: var(--dark-text-blue-design, #343642);
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%; /* 25.2px */
	}
	.resort_item_location_link{
	    color: var(--dark-text-blue-design, #343642);
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        text-decoration-line: underline;
        width:auto;
        display:inline-block;
        max-width:unset;
        white-space: unset;
        display: inline;
	}
	.resort_item_location{
		display:inline;
	}
	.table_main_position_gm{
		display: inline-flex;
	}
	.resort_item_location{
		margin-top:24px;
	}
	.resort_item_benefits_wrapper{
		margin-top:24px;
		max-height:unset;
        white-space:nowrap;
	}
	.resort_item_benefit{
		padding-right: 8px;
		font-size:12px;
	}
	.resort_item_benefit img{
		margin-right:8px;
		height:17px;
	}
	.resort_item_info{
		margin-top:24px;
		line-height:140%;
		font-size:14px;
	}
	.float{
		float: unset;
	    position: relative;
	    right: 0;
	    justify-content: flex-end;
	    shape-outside: unset;
	    margin-left: 0;
	    height:unset;
	}
	.resort_item_link{
		transform:translateX(clamp(1px, 2.5806451612903225vw, 32px));
		font-size:18px;
		padding:8px 24px;
		border-radius: 12px 0px;
	}
	.box{
		display:flex;
		flex-direction: column-reverse;
		gap:24px;
	}
	.resort_wrapper{
		border-radius:12px;
	}
	.choose_title{
		width:100%;
		text-align: center;
	}
	.bread_crump_wrapper{
		margin:unset!important;
		padding-left:0!important;
		flex-wrap: wrap;
        gap: 10px 0;
        justify-content: center;
	}
	.section_list > .container > .flex:first-child{
		margin-top:0px!important;
	}
	.custom_selector_nav{
		font-size: 16px;
		padding:8px 12px;
	}
	.custom_selector_new_inner{
		height:34px;
	}
	.custom_selector_new{
		height:34px;
		width:140px;
	}
	.custom_selector_new.big .custom_selector_nav{
		padding:8px 8px;
	}
	.custom_selector_new.small.mobile{
	    box-shadow: 0px 8px 16px 0px rgba(52, 54, 66, 0.1)
	}
	.custom_selector_new.big svg{
		width:25px;
		height:5px;
	}
	.custom_selector_new.small .custom_selector_new_inner img{
		width:13px;
		height:8px;

	}
	.custom_selector_new.big{
		width:150px;
	}
	.cls{
		display: none;
	}
	.custom_selector_new.big > .custom_selector_new_inner.active .dts{
		display: none;
	}
	.custom_selector_new.big > .custom_selector_new_inner.active .cls{
		display: block;
		width:20px;
		height:20px;
	}
	.custom_selector_new.big > .custom_selector_new_inner.active .custom_selector_nav{
	    padding-top:16px;
	    padding-bottom:16px;
	}
	.custom_selector_new.big > .custom_selector_new_inner.active{
		box-shadow: 0px 8px 16px 0px rgba(52, 54, 66, 0.15);
	    width: 100vw;
	    position: fixed;
	    overflow: auto;
    	height: calc(100vh - 64px);
    	top:64px;
    	border-radius: 0;
	}
	.customino{
	    margin-bottom:28px!important;   
	}
	#myElement3.active{
	    height:66px;
	}
	.flex.mobile{
	    display:flex;
	}
	
	#myElement3{
		display: flex;
		flex-direction: column;
	}
	
	.fl_con{
		padding:16px;
		flex-direction: column;
		align-items: center;
		gap:8px;
		background:unset;
		order:2;
	}
	.fl_con .title{
		color: var(--main-wight, #F7F7F7);
		text-align: center;
		font-family: Inter;
		text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30), 0px 0px 16px rgba(0, 0, 0, 0.20);
		font-family: Inter;
		font-size: 32px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
	}
	.fl_con .subtitle{
		color: var(--main-wight, #F7F7F7);
		text-align: center;
		font-family: Inter;
		text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30), 0px 0px 16px rgba(0, 0, 0, 0.20);
		font-family: Inter;
		font-size: 18px;
		margin-top:8px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
	}
	#myElement3 .fl_con{
		display:flex!important;
	}
	#myElement3.active .fl_con{
		display:none!important;
	}

}