body{
	display: flex;
	flex-direction: column;
}

html, body {
  height: 100%;
  margin: 0;
}

.d-none {
	display: none !important;
}

main {
  flex: 1;
}

div[data-elementor-type=footer] {
  /* background-color: #333; */
  color: white;
  text-align: center;
  /* padding: 10px; */
  /* Footer nascosto quando c'è lo scroll */
  position: relative;
  width: 100%;
  bottom: 0;
  margin-top: auto;
}

section[data-id="0da4d93"] {
	background-color: #3381f9;
}

.dn {
	display: none !important;
}

.db {
	display: block !important;
}

.color-option {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #fff;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.color-option:hover {
    transform: scale(1.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.container_color {
    display: flex;
    flex-wrap: wrap;
}

.background_popupMessage{
	position: fixed;
	top: 0;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	align-items: center;
	justify-content: center;
	z-index: 9999;
	display: flex;
	align-content: center;
}

.close-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: var(--background-cetacean-blue);
	color: white;
	border: none;
	padding: 5px 10px;
	cursor: pointer;
	font-size: 15px;
	border-radius: 0px;
	font-family: 'Gordita Bold';
}

#popupMessage{
	background-color:var(--background-cetacean-blue);
	width:70%;
	height: auto;
	color:#fff;
	box-shadow: 0 0 0 transparent;
	font-size: clamp(25px,3vw,30px);
	padding: 10px;
	border-radius: 30px;
	font-family: 'Gordita Bold';
	position: relative;
	min-height: 200px;
}

#popupMessage header{
	text-align:center;
	color:var(--background-turquoise);
	margin: 10px;
}

#popupMessage #body_popupMessage {
	text-align:center;
	color:#fff;
	border:0;
	font-family: 'Gordita Medium';
	height: auto;
	font-size: clamp(13px,2vw,18px);
	line-height: 1.5;
	margin-top: 40px;
	padding: 0 20px 10px;
}

.container_button_scelta>button {
	height: clamp(120px, 12vw, 130px);
	background-color: #0e1447;
	font-family: var(--font-family-medium);
	font-size: 16px;
	line-height: normal;
	border-radius: 20px;
}

.container_popup_onlyRonc {
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 70%);
	z-index: 1000;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-family: var(--font-family-medium);
	color: #000;
}

div#popup_onlyRonc {
	/* background-color: #fff; */
	width: clamp(326px,70vw,800px);
	height: auto;
	border-radius: 30px;
	/* margin-bottom: 25px; */
	/* border: 2px #000 solid; */
}

div#button-container {
	display: flex;
	/* width: 100px; */
	/* flex-direction: row-reverse; */
	/* height: 50px; */
	flex-wrap: wrap;
	justify-content: center;
}

h4.title_popup {
	text-align: center;
	color: #fff;
	background-color: var(--background-cetacean-blue);
	border-top-left-radius: 28px;
	border-top-right-radius: 28px;
	font-size: 25px;
	margin: 0;
	font-family: 'Gordita Bold';
	/* border-top: 1px solid #fff; */
	/* border-left: 1px solid #fff; */
	/* border-right: 1px solid #fff; */
}

.btn-yes,
.btn-no {
	height: auto;
	margin: 10px;
	width: 320px;
	font-size: 15px;
	font-family: Gordita Regular;
	background-color: var(--background-cetacean-blue);
	border-radius: 20px;
	border: 1px solid #fff;
}

.btn-no {
	background-color: (--background-turquoise);
}

.body_popup {
	display: flex;
	height: 85%;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	flex-direction: column;
	background-color: #fff;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding: 12px;
}

#header_Bagagli_Costa {
	grid-template-columns: 2.75fr .25fr 1fr .5fr !important;
	text-align: center !important;
}

.cart-item>h4:first-child,
div[class^="detail_roncato-"]>p:first-child {
	text-align: left;
	color: #000;
	font-family: var(--font-family-bold);
}

.containerTotale_Costa {
	display: grid !important;
	grid-template-columns: 2.75fr 1fr;

}

.cart-item button {
	position: absolute;
	right: 3vw;
	background-color: var(--background-cetacean-blue);
	cursor: default;
	padding: 0;
	width: 40px;
	height: 40px;
}

.cart-item button img {
	width: auto !important;
	height: 30px !important;
	cursor: pointer;
}

.cart-item,
div[class^="detail_roncato-"] {
	display: grid;
	grid-template-columns: 2.9fr 0.25fr 0.9fr 0.6fr;
	text-align: center;
	padding: 10px;
	align-items: center;
	border-bottom: solid 1px #000;
	position: relative;
}

p.prezzoRoncatoBarr {
    text-decoration-line: line-through;
}

.container_riepilogo_passeggeri,
.containerTotale_Costa {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.container_riepilogo_passeggeri {
	background-color: #fff;
	color: var(--background-cetacean-blue);
	font-family: var(--font-family-bold);
}

.container_riepilogo_Costa {
	margin: 35px auto;
	width: clamp(200px, 89vw, 700px);
	position: relative;
}

p[class^="titleRoncato"] {
	font-size: 15px;
	font-family: var(--font-family-bold);
	color: var(--background-cetacean-blue)
}

.container_scelta_roncato {
	border-radius: 30px !important;
	background-color: #fff;
}

.title_scelta_roncato {
	text-align: center;
	color: #fff !important;
	font-size: 25px !important;
	font-family: var(--font-family-bold);
	border-top-left-radius: 20px !important;
	border-top-right-radius: 20px !important;
}

.img_carrello {
	position: absolute;
	left: 10px;
	top: 7px;
	width: 40px;
}

.container_roncato {
	display: grid;
	padding: 30px;
	gap: 20px;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	justify-content: center;
	justify-items: center;
}

div[class^="container_button_roncato"],
div[class^="roncato"] {
	display: flex;
}

.container_image {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.container_info_roncato {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	justify-content: space-evenly;
	color: var(--background-cetacean-blue);
}

.container_info_roncato>select {
	width: auto !important;
	font-size: 11px;
	color: var(--background-cetacean-blue);
}

p.nBp{
	font-size: 20px;
	font-family: 'Gordita Medium';
	color: var(--background-cetacean-blue);
}

.header_riepilogo{
	padding-left:55px !important;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.btn_dettaglio,
.btn_aggiungi {
	border-radius: 0;
	font-family: var(--font-family-bold);
	width: 100px;
	height: 30px;
	font-size: 12px;
	border: solid 1px var(--background-cetacean-blue);
	padding: 0;
}

.btn_dettaglio {
	background-color: var(--background-cetacean-blue);
}

.btn_aggiungi {
	background-color: #fff;
	color: var(--background-cetacean-blue);
	border: solid 1px var(--background-cetacean-blue)
}


.container_scelta_roncato {
	display: none;
}

.container_image img:first-child {
	width: auto;
	aspect-ratio: 0.8;
	object-fit: contain;
}

img[class^="imgRoncato"] {
	width: 40px;
}

.container_button_scelta>button>p:first-child {
	font-family: var(--font-family-bold);
	font-size: 21px;
}


.container_button_scelta button:hover {
	background-color: #44d2ea;
}

.container_button_scelta {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 25px;
	margin: 40px 0;
}

.container_dati_prenotazione,
.container_scelta_roncato,
.container_ritiro,
.container_consegna,
.container_passeggeri {
	border-radius: 20px;
	/* width: 85vw; */
	height: auto;
	margin: 16px;
	background-color: #fff;
}

.benvenuto {
	color: #fff !important;
	margin: 0 16px;
	margin-bottom: 45px !important;
	font-size: 16px !important;
}

.container_scelta_passeggeri > p {
	color: #fff;
	font-size: 17px;
	font-family: 'GORDITA MEDIUM';
}

.logo_boat {
	width: 25px;
	height: 35px;
	margin-left: 20px;
	margin-right: -5px;
}

.btn_ritorno,
.btn_aR {
	background-color: #e6e6e6;
	color: #999999;
}

.container_consegna {
	display: none;
}

#form_dati_prenotazione {
	background-color: #3381f9;
	margin: 70px 0px 40px 0px;
}

.container_garanzia_dettaglio #bexExclusiveCosta,
.container_garanzia_dettaglio .container_dettaglio {
	display: none;
	margin-bottom: 30px;
}

.container_garanzia_dettaglio .container_dettaglio {
	margin-bottom: 100px;
}

.container_passeggeri {
	display: none;
}

div#container_dati_crew>input,
div#container_dati_crew>select {
	width: clamp(12vw, 100%, 216px);
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* */
.container_andata_ritorno #label_andata {
	display: none;
}

.container_andata_ritorno #andata {
	display: none;
}

.container_andata_ritorno #label_ritorno {
	display: none;
}

.container_andata_ritorno #ritorno {
	display: none;
}

#bexExclusiveCosta {
	background-color: white;
	width: unset;
	height: fit-content;
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	border-radius: var(--border-radius);
	padding: 10px;
	border: 2px solid rgb(229, 172, 72);
	position: relative;
}

#bexExclusiveCosta p {
	font-family: var(--font-family-regular);
	font-weight: 400;
}

.bexGaranziaCosta {
	width: 68%;
}

#selezionaBexExclusiveCosta {
	width: 30px;
	height: 30px;
	pointer-events: none;
	user-select: none;
}

select[id^="select-"] {
	font-family: 'Gordita Medium';
	font-size: 14px;
}

.imgviaggiosicuroCosta {
	position: absolute;
	/* top: -15px; */
	/* left: 100%; */
	width: 55px;
	top: -1vw;
	right: 3vw;
}

.BBBexExclusiveCosta {
	color: rgb(229, 172, 72);
	font-size: 17px;
	font-family: var(--font-family-bold);
	font-weight: bold;
}

.imbarco_prenotazione,
.sbarco_prenotazione {
	background-color: var(--background-cetacean-blue);
	color: #fff;
}

div[id^="bag_pag-"],
div[id^="costo_sped-"] {
	font-size: 20px;
}

.title_dati_prenotazione,
.container_title_ritiro,
.container_title_consegna,
.container_title_passeggeri,
.container_title_dettaglio {
	display: flex;
	flex-direction: row;
	justify-content: left;
	height: auto;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

h3.title_ritiro {
	margin: 6px 20px;
	color: #fff;
	font-size: 17px;
	font-family: "Gordita Medium" !important;
}

.container_title_dettaglio {
	padding: 0;
}

.title_scelta_roncato,
.title_dati_prenotazione {
	background-color: var(--background-cetacean-blue);
	font-family: var(--font-family-bold) !important;
}

.container_dati_prenotazione div:nth-child(3) {
	margin-left: 16px;
}

.container_dati input {
	font-size: 12px;
	font-family: 'Gordita Regular';
}

.title_dati,
.title_ritiro,
.title_consegna,
.title_passeggeri,
.title_dettaglio {
	margin: 6px 20px !important;
	color: #fff !important;
	font-size: 18px !important;
	font-family: "Gordita Medium" !important;
}

h3.title_dettaglio {
	margin-left: 15px !important;
}

.container_title_ritiro,
.container_title_consegna,
.container_title_passeggeri,
.container_title_dettaglio {
	background-color: var(--background-turquoise);
	padding: 0;
}

.container_dati,
.container_dati_ritiro,
.container_dati_consegna {
	display: grid;
	grid-template-columns: repeat(3, 1fr 2fr);
	row-gap: 16px;
	column-gap: 10px;
	padding: 30px 16px 30px 16px;
	align-items: center;
	font-size: 14px;
	font-family: 'Gordita Medium';
	text-align: center;
}

.accordion_container_dati_passeggeri {
	display: none;
}

.header_colonne_crew,
div[id^="row_passeggero-"].crew_passenger {
	display: grid;
	justify-items: center;
	align-items: center;
	gap: 5px;
	grid-template-columns: repeat(3, 1fr);
	padding-left: 20px;
}

.header_colonne,
div[class^="row_passeggero-"] {
	display: grid;
	justify-items: center;
	align-items: center;
	gap: 5px;
	grid-template-columns: repeat(7, 1fr);
	padding-left: 20px;
}

div[class^="row_passeggero-"] {
	border-top: 2px solid var(--background-turquoise);
	font-size: 12px;
	font-family: 'Gordita Regular';
	padding: 16px 12px;
}

div[class^="info_pass_paxID-"] {
	width: 100%;
	margin-left: 5px;
}

div[class^="checkbox_passeggero-"] {
	/* min-width: 150px; */
	min-width: 130px;
	display: flex;
	align-items: center;
	margin-left: 5px;
}

p[id^="pax_id-"] {
	color: var(--background-turquoise);
	padding-left: 5px;
}

input[id^="accordion_check_passeggero-"],
input[id^="check_passeggero-"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 20px;
	height: 20px;
	border: 2px solid #ccc;
	border-radius: 50%;
	outline: none;
	cursor: pointer;
	position: relative;
	background-color: transparent;
	margin-right: 5px;
}

input[id^="accordion_check_passeggero-"]:focus:checked,
input[id^="accordion_check_passeggero-"]:hover:checked,
input[id^="accordion_check_passeggero-"]:checked,
input[id^="check_passeggero-"]:focus:checked,
input[id^="check_passeggero-"]:hover:checked,
input[id^="check_passeggero-"]:checked {
	background-color: transparent !important;
}

input[id^="accordion_check_passeggero-"]::after,
input[id^="check_passeggero-"]::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 4px;
	height: 4px;
	background-color: transparent;
	border-radius: 50%;
	transform: translate(-56%, -56%) scale(0);
	transition: transform 0.3s;
}

input[id^="accordion_check_passeggero-"]:checked::after,
input[id^="check_passeggero-"]:checked::after {
	transform: translate(-56%, -56%) scale(4.5);
	background-color: var(--background-turquoise);
}

input[id^="accordion_check_passeggero-"]:not(:checked)::after,
input[id^="check_passeggero-"]:not(:checked)::after {
	transform: translate(-56%, -56%) scale(0);
	background-color: var(--background-turquoise);
}

.container_garanzia_dettaglio {
	/* width: 85vw; */
	height: auto;
	margin: 30px 16px 0;
	display: grid;
	grid-template-columns: 0.75fr 1fr;
	gap: 16px;
}

/* #bexExclusive, */
.container_dettaglio {
	background-color: #fff;
	border-radius: 20px;
	display: grid;
	grid-template-columns: 1fr;
	align-items: stretch;
	justify-content: space-between;
	grid-template-rows: 0.5fr 1.5fr 1.5fr 1.5fr;
	position: relative;
}

/* #bexExclusive {
width: 25vw;
display: flex;
align-items: center;
height: 20vh;
} */

.container_garanzia {
	border-top: 2px solid var(--background-turquoise);
}

button.continua {
	width: 20vw;
	position: absolute;
	bottom: -75px;
	right: 0;
	background-color: var(--background-cetacean-blue);
	/* margin-top: 30px; */
}

button.continua_ronc {
	width: 150px;
	/* position: relative; */
	/* right: 0px; */
	background-color: var(--background-cetacean-blue);
	border-radius: 30px;
	margin: 30px 0;
	float: right;
}


.container_totale_bagagli,
.container_garanzia,
.container_totale {
	display: flex;
	justify-content: space-between;
	/* height: 12vh; */
	align-items: center;
	padding: 0 16px;
	font-size: 16px;
	font-family: 'Gordita Bold';
}

.totale {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 7px;
	font-size: 20px;
}

.container_totale {
	background-color: var(--background-cetacean-blue);
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	color: #fff;
	flex-direction: row-reverse;
	position: relative;
}

.imgviaggiosicuro,
.imgBexExclusiveCosta {
	width: 40px;
	height: 40px;
}

#pax_id {
	color: var(--background-turquoise);
}

.container_btn {
	/*width: 73vw;*/
	width: 100%;
	max-width: 1200px;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.container_btn button,
.continua,
.btn_conferma {
	border-radius: 30px;
	width: 16vw;
	height: 45px;
	max-width: 250px;
	min-width: 190px;
	font-size: 13px;
	font-family: 'Gordita Medium';
}

.container_btn_conferma {
	display: flex;
	justify-content: center;
}

.container_andata_ritorno {
	display: grid;
	color: #fff;
	display: grid;
	grid-template-columns: repeat(3, 1fr 2fr);
	row-gap: 16px;
	column-gap: 10px;
	padding: 30px 16px;
	align-items: center;
	font-size: 14px;
	font-family: 'Gordita Medium';
	margin-left: 16px;
	margin-top: 0;
	text-align: center;
}

.header_colonne h4 {
	font-size: 14px;
	font-family: 'Gordita Medium';
}

.container_andata_ritorno input {
	width: calc(15rem + 1vw);
	min-width: 160px;
	font-size: 14px;
	font-family: 'Gordita Medium';
}

input[type],
select {
	border: 2px solid #E6E6E6;
}

#popup {
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 1000;
}

.popup-content {
	display: flex;
	max-width: 800px;
	/* Imposta la larghezza massima della popup */
	margin: auto;
	/* Centra la popup nella pagina */
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 20px;
	overflow-y: scroll;
	/* Nasconde il contenuto che esce */
	flex-direction: row;
	position: relative;
	height: 80vh;
}

.popup-left {
	width: 50%;
	/* 50% della larghezza totale */
	padding: 10px;
	/* Spazio interno */
	display: flex;

	/* Centra le immagini */
	justify-content: center;
	align-items: center;
	flex-direction: row-reverse;
	padding-right: 0;
}

#popup-large-image {
	width: 90%;
	/* Immagine grande riempie il contenitore */
	/* height: auto; */
	/* Mantiene le proporzioni */
	margin-bottom: 10px;
	/* Spazio tra l'immagine grande e le piccole */
	object-fit: contain;
	aspect-ratio: 1.1;
}

#product-description{
	color: var(--background-cetacean-blue);
	/* font-family: 'Gordita Bold'; */
	font-size: 12.5px;
}

#popup-title {
	color: var(--background-cetacean-blue);
	font-family: 'Gordita Bold';
}

/* #product-description ul {
	list-style: none;
	margin: 0;
} */

#popup-title {
	font-size: 25px;
	padding-top: 25px;
}

.small-images {
	display: flex;
	flex-direction: column;
	/* Le piccole immagini in verticale */
	align-items: center;
	/* Centra le piccole immagini */
	width: 10%;
	/* height: max-content; */
}

.small-image {
	/* Dimensione delle immagini piccole */
	margin-bottom: 5px;
	/* Spazio tra le piccole immagini */
	cursor: pointer;
	/* Cambia il cursore per indicare cliccabilità */
	object-fit: scale-down;
	aspect-ratio: 0.8;
}

.popup-right {
	width: 50%;
	/* 50% della larghezza totale */
	padding: 30px;
	/* Spazio interno */
	display: flex;
	flex-direction: column;
	/* I dettagli disposti verticalmente */
	/* justify-content: center; */
	/* Centra verticalmente il contenuto */
	align-items: center;
	padding-left: 0;
}

.close {
	align-self: flex-end;
	/* Posa il pulsante di chiusura a destra */
	/* Colore di sfondo */
	color: var(--background-cetacean-blue);
	/* Colore del testo */
	border: none;
	/* Nessun bordo */
	padding: 5px 10px;
	/* Spaziatura interna */
	cursor: pointer;
	/* Cambia il cursore */
	position: absolute;
	top: 0;
	right: 30px;
	font-size: 30px;
	width: 0;
}



@media screen and (min-width: 601px) {
	.container_btn {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.btn_conferma {
		margin-top: 50px;
	}
}


@media screen and (max-width: 825px) {
	.btn_ritorno {
		margin: 0 16px;
	}

	.container_dati,
	.container_dati_ritiro,
	.container_dati_consegna {
		grid-template-columns: repeat(2, 1fr 2fr);
	}

	/* .title_dati_prenotazione .title_dati {
	font-size: 20px !important;
} */

	#bexExclusiveCosta {
		justify-content: space-between;
		/* height: 130px; */
	}

	.bexGaranziaCosta {
		width: 58%;
	}

	.imgviaggiosicuroCosta {
		top: -2vw;
	}
}

@media screen and (max-width: 801px) {
	div[class^="row_passeggero-"] {
		padding: 5px 0;
	}

	/* }

	@media screen and (max-width: 768px) { */

	.container_totale_bagagli,
	.container_garanzia,
	.container_totale {
		font-size: 15px;
	}

	button.continua {
		max-width: 250px;
		min-width: 150px;
		width: 46vw;
	}

	#bexExclusiveCosta {
		max-width: 400px;
		min-width: 200px;
		width: 100%;
		margin: auto;
		position: relative;
	}

	.container_garanzia_dettaglio {
		grid-template-columns: 1fr;
	}

	.totale {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	.continua {
		min-width: 140px;
	}
}

@media screen and (max-width: 722px) {
	.container_title_consegna {
		padding-left: 16px;
	}
}

/* @media screen and (max-width: 660px) {
.imgviaggiosicuroCosta {
left: 13rem;
}
} */

@media screen and (max-width: 628px) {

	.continua {
		min-width: 129px;
	}

	/* 
	.container_garanzia_dettaglio {
	grid-template-columns: 1fr 1fr;
} */

	.imgviaggiosicuroCosta {
		left: 12rem;
	}

	#bexExclusiveCosta {
		height: 165px;
	}
}

@media screen and (max-width: 605px) {
	.tooltip-mobile {
		display: none;
	}

	.tooltip-right {
		display: initial;
	}
}

@media screen and (max-width: 600px) {
	.continua{
		min-width: 147px;
	}

	#container_dati_crew {
		padding-top: 65px;
		position: relative;
	}

	.tooltip-right {
		display: none;
	}

	.tooltip-mobile {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 0.9em;
		text-align: left;
	}

	div#container_dati_crew>input,
	div#container_dati_crew>select {
		width: clamp(17vw, 100%, 350px);
	}

	/* .container_totale_bagagli,
	.container_garanzia,
	.container_totale {
	font-size: 20px;
} */

	.container_totale {
		padding: 5px 16px;
	}

	.continua {
		width: 34vw;
	}

	.container_andata_ritorno input {
		width: 100%;
	}

	.container_garanzia_dettaglio {
		grid-template-columns: 1fr;
		/* margin: 0; */
	}

	#bexExclusiveCosta {
		height: initial;
		width: 100%;
		margin: auto;
		min-width: 300px;
		max-width: 325px;
	}

	.imgviaggiosicuroCosta {
		left: unset;
	}

	.container_andata_ritorno {
		grid-template-columns: repeat(1, 1fr 2fr);
		margin: 16px 0;
		justify-items: stretch;
		row-gap: 10px;
	}

	.container_btn {
		width: unset;
		display: flex;
		flex-direction: column;
	}

	.container_btn button {
		width: unset;
		max-width: initial;
		margin: 0 0 16px 0;
	}

	.container_btn button,
	.continua,
	.btn_conferma,
	.container_btn button {
		font-size: 15px;
	}

	#form_dati_prenotazione {
		padding: 16px;
	}

	.container_dati_prenotazione,
	.container_ritiro,
	.container_consegna,
	.container_passeggeri {
		margin: 0 0 16px 0;
	}

	.title_dati_prenotazione .title_dati {
		font-size: 20px !important;
	}

	.title_dati {
		font-size: 15px;
	}

	.container_dati,
	.container_dati_ritiro,
	.container_dati_consegna {
		grid-template-columns: repeat(1, 1fr 2fr);
	}

	.logo_boat {
		width: 25px;
		height: 35px;
		margin-left: 20px;
		margin-right: -5px;
	}

	.title_dati,
	.title_ritiro,
	.title_consegna,
	.title_passeggeri,
	.title_dettaglio {
		font-size: 20px !important;
	}

	/* .container_dati_prenotazione,
	.container_ritiro,
	.container_consegna {
	width: 93vw;
	margin: 16px 0 16px 16px;
} */
}

@media screen and (max-width: 515px) {
	.title_dati_prenotazione {
		padding-left: 16px;
	}
}

@media screen and (max-width: 500px) {
	button.continua {
		max-width: 200px;
	}

	#popupMessage{
		width:90%;
	}
}

@media screen and (max-width:450px) {

	.totale {
		width: 100%;
		padding-bottom: 10px;
	}

	.container_dettaglio {
		grid-template-rows: 0.5fr .75fr .75fr 1.5fr;
	}

	.container_totale {
		padding: 16px;
		flex-direction: column;
		justify-content: flex-start;
		padding-bottom: 10px;
	}

	button.continua {
		max-width: unset;
		min-width: 150px;
		width: 100%;
		margin-top: 16px;
	}
}

/* @media screen and (max-width:372px) { */
@media screen and (max-width: 400px) {
	#bexExclusiveCosta {
		margin: 0;
		min-width: unset;
	}

	.container_dettaglio,
	#bexExclusiveCosta {
		width: 85vw;
	}


}

@media screen and (max-width: 905px) {
	div[class^="checkbox_passeggero-"] {
		flex-direction: column;
		min-width: 100px;
	}

	.crew_passenger div {
		width: unset !important;
	}

	div[class^="row_passeggero-"] div {
		width: 80%;
		font-size: 12px;
	}

	.crew_passenger div {
		width: unset !important;
	}

	.container_popup_onlyRonc{
		justify-content:space-around;
	}

	div#button-container{
		/* flex-direction: column-reverse; */
	}
	
}

@media screen and (min-width: 701px) {
	.accordion_container_dati_passeggeri {
		display: none !important;
	}
}

@media screen and (max-width: 700px) {
	select[id="accordion_select-"] {
		display: block;
		visibility: hidden;
	}

	.container_passeggeri {
		display: none !important;
	}

	.accordion_container_dati_passeggeri {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 15px;
		/* margin: 0 16px; */
	}

	div[class^="accordion_row_passeggero-"] {
		display: flex;
		padding-left: 8px;
		flex-direction: column;
		background-color: #fff;
		border-radius: 20px;
		min-height: 50px;
		max-height: 540px;
		height: 0px;
		overflow: hidden;
		font-size: 14px;
		font-family: 'Gordita Regular';
	}

	div[class^="checkbox_passeggero-"] {
		margin: 15px 0;
	}

	div[class^="info_pass_paxID-"] {
		display: flex;
		flex-direction: row;
		font-size: 14px;
		font-family: 'Gordita Medium';
		align-items: center;
		justify-content: space-between;
		margin-top: 4px;
		padding: 0 16px;
	}

	div[class^="accordion_row_passeggero-"] div:not(:first-child) {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.accordion_collapse {
		width: 20px;
		transform: rotate(90deg);
	}

	select[id^="accordion_select-"]:not(#accordion_select-1) {
		display: block !important;
		visibility: hidden;
	}

	h4.column.accordion_head_costo_sped,
	h4.column.accordion_head_bag_pag,
	h4.column.accordion_head_bag_omaggio,
	h4.column.accordion_head_prenota_bag,
	h4.column.accordion_head_stato_pren,
	h4.column.accordion_head_bag_rail {
		font-size: 14px;
		font-family: 'Gordita Medium';
		margin-bottom: 10px;
	}

	.accordion_p_stato_prenotazione {
		margin: auto;
	}
}

@media screen and (max-width: 525px) {
	.accordion_container_dati_passeggeri {
		display: grid;
		grid-template-columns: 1fr;
		gap: 15px;
		margin: 0 16px;
	}
}

@media screen and (max-width: 935px) {
	.container_button_scelta>button {
	    font-size: 13px;
	}
}

@media screen and (max-width: 760px) {
	.container_button_scelta {
		display:flex;
		flex-direction: column;
		align-content: center;
		align-items: center;
		gap: 10px;
	}

	.container_button_scelta>button {
		font-size: 13px;
		width: clamp(350px,100%,500px);
		}
}

@media screen and (max-width: 408px) {

	.container_button_scelta>button {
		font-size: 13px;
		width: clamp(275px,100%,500px);
		}
}
@media screen and (max-width: 582px) {
	.body_popup{
		/* justify-content: center; */
		/* flex-wrap: wrap; */
		/* align-content: flex-start; */
		/* align-items: flex-start; */
	}
}

@media screen and (max-width: 731px) {

	 div[class^="roncato"] {
	    width: 100%;
	    justify-content: space-around;
	}

	.container_image img:first-child {
	    width: 250px;
	    aspect-ratio: 0.8;
	    object-fit: contain;
	}
}