* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: system-ui;
  }
  
  .containerDesk_blockR_child_container22 {
	display: none !important;
  }
  
  body {
	background: #1b3853;
  }
  .loader{
	background: rgb(255 255 255 / 70%);
  }
  .loader-wrapper{
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	width:100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top:0;
	left:0;
	z-index:2000;
  }
  .img-loader{
	position: absolute;
	top: 50%;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	width: 75px;
	transform: translate(0, -50%);
	z-index: 999;
  }
  .hidden{
	display: none;
  }
  
  .spinner-border {
	display: inline-block;
	width: 6.5rem;
	height: 6.5rem;
	vertical-align: -.125em;
	border: .25em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: .75s linear infinite spinner-border;
	animation: 1s linear infinite spinner-border;
  }
  
  @keyframes spinner-border {
	to { 
		transform: rotate(360deg)
	}
  } 
  
  .text-primary{
	color: #003057 !important;
  }
  
  .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
  }
  
  .modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: #022848c9;
	position: absolute;
	align-items: center;
  }
  
  .modal-content {
	background-color: #1b3853;
	margin: 15% auto;
	padding: 20px;
	/* border: 1px solid #888; */
	position: relative;
	z-index: 100;
	width: 80%;
	border-radius: 20px;
	height: 70vh;
  }
  
  .close {
	color: #aaa;
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	position: absolute;
	/* background: red; */
	/* height: 10px; */
	right: 0.5em;
	top: 0.2em;
	color: #00fffd;
	font-weight: 100;
  }
  
  .close:hover,
  .close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
  }
  
  .block1 {
	background-image: url("/squelettes/images/assetsNewTrip/im1.png");
	height: 50dvh;
	background-position-x: center;
	padding: 0 2em;
	background-size: cover;
	position: relative;
	display: flex;
	justify-content: center;
	background-position-x: 22%;
  }
  
  .block2 {
	background-image: url("/squelettes/images/assetsNewTrip/im2.png");
	height: 50dvh;
	background-size: cover;
	background-position-x: center;
	padding: 0 2em;
	position: relative;
	border-radius: 20px 20px 0 0;
	display: flex;
	justify-content: center;
  }
  
  .containerIconMenu {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;
	position: fixed;
  }
  
  .containerIconMenu_line {
	background-color: #fff;
	height: 5px;
	width: 100%;
  }
  
  .containerMenuMobile {
	display: flex;
	justify-content: end;
	padding-top: 2em;
	flex: auto;
  }
  
  .containerMobile {
	display: flex;
	flex-direction: column;
	/* margin-top: 2em; */
	position: sticky;
	height: 72%;
	/* background-color: rgb(53, 0, 0); */
	position: absolute;
	bottom: 2em;
	width: 85%;
  }
  
  .containerMobile_top {
	display: flex;
	width: 100%;
	height: 66%;
	gap: 1em;
  }
  
  .containerMobile_bottom {
	height: 33%;
	margin-top: 1.5em;
  }
  
  .containerMobile_top_1,
  .containerMobile_top_2 {
	width: 100% !important;
  }
  
  .containerMobile_top_1 {
	padding-left: 1em;
  }
  .imgIcon {
	width: 8px;
	margin-right: 0.3em;
  }
  
  .imgLogo {
	width: 90px;
	margin-top: -1em;
  }
  
  .containerMobile_top_2 > .cardMain,
  .cardMain {
	width: auto;
	height: 100%;
	background: #d4eceb;
	background: radial-gradient(
		circle at -24.4% -57.61%,
		rgba(255, 255, 255, 0.5),
		transparent 50%
	  ),
	  radial-gradient(
		circle at 88.75% 3.67%,
		rgba(255, 255, 256, 1.5),
		transparent 60%
	  ),
	  radial-gradient(circle at 13.33% 0.38%, #c8f7ec, transparent 38%),
	  radial-gradient(circle at 83.77% 1.6%, #bfd4f5, transparent 39%),
	  radial-gradient(
		circle at 81.09% 74.15%,
		rgba(255, 255, 255, 0.5),
		transparent 57%
	  ),
	  radial-gradient(circle at 1.81% 94.71%, #bedbf770, transparent 30%),
	  radial-gradient(circle at 42% 50%, #ffffff, #ffffff 100%);
	background-repeat: no-repeat;
	border-radius: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: 0.2s;
  }
  
  a {
	text-decoration: none;
  }
  
  .containerSocialText {
	color: #fff;
	font-size: 0.4rem;
	font-weight: 100;
	margin-top: 0em;
  }
  
  .containerBtnSocial_1 {
	margin-bottom: 0.5em;
	padding-left: 0.8em;
  }
  
  .containerBtnSocial_2 {
	padding-left: 0.8em;
  }
  
  .containerMobile_bottom_child {
	/* background: darkblue; */
	display: flex;
	gap: 1.5em;
	height: 100%;
	padding-bottom: 1em;
  }
  
  .containerMobile_bottom_child > div {
	width: 100%;
	border: 1px solid red;
  }
  
  .containerMobile_bottom_child_a {
	height: 50vh;
	background: #04325899;
	width: 100%;
	border: 1px solid #248196;
	border-radius: 15px;
	height: -webkit-fill-available;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	padding: 0 1em;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-family: sans-serif;
  }
  
  .containerMobile_bottom_child_a:hover {
	/* background-image: url("/squelettes/images/assetsNewTrip/backgroundTrip.jpg");
	background-size: cover;
  */
	background-color: #01cac4;
  }
  
  .containerDesk {
	display: none;
	height: 100%;
	position: absolute;
	bottom: 0;
	width: 100%;
  }
  
  .containerDesk_blockL {
	height: 100%;
	padding: 4em 0 4em 1em;
  }
  
  .containerDesk_blockR {
	height: 100%;
	padding: 4em 1em 4em 0;
  }
  
  .containerDesk_blockL_child {
	/* border: 1px solid red; */
	height: 100%;
  }
  
  .containerDesk_blockR_child {
	/* border: 1px solid red; */
	height: 100%;
  }
  
  .containerDeskDiv {
	width: 100%;
	height: 100%;
  }
  
  .imgLogoDesk {
	max-width: 18em;
	margin-top: -4em;
  }
  .containerSocialLinksDesk {
	gap: 2em;
	display: flex;
  }
  
  .containerDesk_blockR_child_container {
	height: 100%;
	display: flex;
	gap: 1em;
	float: right;
  }
  .containerDesk_blockR_child_container1 {
	gap: 1em;
	display: flex;
	flex-direction: column;
	width: 100%;
  }
  
  .containerDesk_blockR_child_container2 {
	width: 100%;
  }
  
  .containerDesk_blockR_child_container1_a {
	height: 50%;
	background: #04325899;
	transition: 0.4s;
	width: 100%;
	border: 1px solid #248196;
	border-radius: 15px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	padding: 0 1em;
	font-size: 1em;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-family: sans-serif;
  }
  
  .titleBoard {
	text-align: center;
	font-weight: 700;
	font-size: 9px;
	color: #003057;
  }
  
  .blockContainer_1--port1_2_box2_2 {
	display: flex;
	flex-direction: column;
	align-items: center;
  }
  
  .imgBtnMain {
	width: 25%;
	margin-bottom: 1em;
  }
  
  .navBar_main {
	background: #003058;
	border: 1px solid #ffffff7a;
	border-radius: 12px;
	box-shadow: 0 4px 11px #000;
	display: flex;
	gap: 2em;
	list-style: none;
	padding: 0.6em 4em 0.8em;
	margin: 1em 0;
	width: max-content;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	top: 96%;
  }
  .navBar_main_a {
	color: #fff;
	font-family: sans-serif;
	text-decoration: none;
	font-size: 14px;
	font-weight: 100;
  }
  .titleboard2 {
	color: #003057;
	font-size: 9px;
	text-align: center;
  }
  
  .navBar_main {
	z-index: 100;
  }
  
  .navBar_main__li {
	display: flex;
	justify-content: center;
	align-self: center;
  }
  
  .block2_child {
	height: 85%;
	position: absolute;
	width: 85%;
	display: flex;
	flex-direction: column;
	justify-content: center;
  }
  
  .block2_child > div {
	/* height: 50%; */
  }
  
  .block2_child1 {
	height: 40%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
  }

  .block2_child1 > h3 {
	text-align: center;
	font-weight: 200;
	line-height: 1em;
	margin-bottom: 5px;
	color: #003057;
	font-size: 1.6em;
  }
  
  .title__services > h3 {
	text-align: center;
	font-weight: 200;
	line-height: 1em;
	margin-bottom: 5px;
	color: #003057;
	font-size: 1.6em;
  }
  
  .title__services > h5 {
	font-weight: 400;
	color: #003057;
	font-size: 20px;
	text-align: center;
	font-size: 14px;
  }
  
  .block2_child2_l,
  .block2_child2_r {
	width: auto;
	height: 100%;
	background: #d4eceb;
	background: radial-gradient(
		circle at -24.4% -57.61%,
		rgba(255, 255, 255, 0.5),
		transparent 50%
	  ),
	  radial-gradient(
		circle at 88.75% 3.67%,
		rgba(255, 255, 256, 1.5),
		transparent 60%
	  ),
	  radial-gradient(circle at 13.33% 0.38%, #c8f7ec, transparent 38%),
	  radial-gradient(circle at 83.77% 1.6%, #bfd4f5, transparent 39%),
	  radial-gradient(
		circle at 81.09% 74.15%,
		rgba(255, 255, 255, 0.5),
		transparent 57%
	  ),
	  radial-gradient(circle at 1.81% 94.71%, #bedbf770, transparent 30%),
	  radial-gradient(circle at 42% 50%, #ffffff, #ffffff 100%);
	background-repeat: no-repeat;
	border-radius: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: 0.2s;
  }
  
  .block2_child2_l {
	width: 50%;
	background-color: firebrick;
  }
  
  .block2_child2_r {
	width: 50%;
	background-color: hotpink;
  }
  
  .block2_child2 {
	height: 60%;
    display: flex;
    flex-direction: column;
    gap: 5%;
    position: relative;
  }
  
  .block2_child2_containerBtns {
	display: contents;
  }

	.buttons__services {
		display: flex;
		justify-content: center;
		gap: 20px;
		height: 100%;
	}
  
  .block2_child2,
  .block2_child1 {
	/* border: 1px solid red !important; */
  }
  
  .block2_child2_l:hover,
  .block2_child2_r:hover {
	box-shadow: 0 6px 7px #34343485;
	transition: 0.2s;
  }
  
  .navBar_main_a {
	position: relative;
	display: block;
  }
  
  .navBar_main_a::after {
	content: "";
	position: absolute;
	top: 1.5em;
	background: #d6d6d6;
	left: 50%;
	width: 0;
	height: 1px;
	transition: 250ms cubic-bezier(0.01, 0.01, 0.01, 1.01);
  }
  .navBar_main_a:hover::after {
	width: 100%;
	left: 0;
  }
  
  .containerDesk_blockR_child_container1_a:hover {
	/* background-image: url("/squelettes/images/assetsNewTrip/imageHoverBtn.png");
	  background-size: cover; */
  
	background-color: #01cac4;
	transition: 0.4s;
  }
  
  input {
	margin: 0 2%;
	/* float: right; */
	display: block;
	position: fixed;
	/* opacity: 0; */
	margin: 2em;
	/* right: 9px; */
	right: 0em;
	transform: scale(1.6);
	z-index: 100;
	opacity: 0;
  }
  
  input:checked ~ ul {
	display: block;
  }
  
  button {
	transform: scale(0.9);
	right: 0;
	width: 23px;
	height: 0px;
	display: inline-grid;
	border: 0;
	margin: 2em 1.5em;
	position: fixed;
  }
  button > div {
	background: #ffffff;
	height: 3px;
	width: 100%;
	border-radius: 5px;
	transition: all 0.5s;
	margin-bottom: 5px;
	transform-origin: left;
  }
  
  input:checked + button div:first-child {
	transform: rotate(45deg);
  }
  
  input:checked + button div:nth-child(2) {
	opacity: 0;
  }
  
  input:checked + button div:last-child {
	transform: rotate(-45deg);
  }
  
  .ulModal {
	list-style: none;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
  }
  
  .ulModalA {
	color: #ffffff;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	line-height: 17px;
	width: 100%;
	display: block;
	width: fit-content;
	margin: auto;
  }
  
  .ulModalA::after {
	content: "";
	height: 1px;
	width: 79px;
	display: block;
	background: #6e8192;
	margin: auto;
	margin-top: 4px;
  }
  
  .flex {
	display: flex;
  }
  
  @media (min-width: 380px) {
	.ulModalA {
	  font-size: 18px;
	  line-height: 24px;
	}
  
	.titleBoard {
	  font-size: 14px;
	}
  
	.titleboard2 {
	  font-size: 13px;
	}
  
	.imgLogo {
	  width: 105px;
	}
  
	.imgIcon {
	  width: 10px;
	}
  
	.containerSocialText {
	  font-size: 0.5rem;
	}
  
	.containerMobile_bottom_child_a {
	  font-size: 12px;
	  height: auto;
	}
  
	.block2_child1 > h5 {
	  font-size: 16px;
	  margin-bottom: 10px;
	}
  }
  
  @media (min-width: 550px) {
	.containerMobile_bottom_child_a {
	  font-size: 15px;
	  height: auto;
	}
  
	.ulModalA::after {
	  width: 110px !important;
	  margin-top: 6px !important;
	}
  
	.ulModalA {
	  font-size: 22px !important;
	  line-height: 27px !important;
	}
  
	.modalMainMenu {
	  display: none !important;
	  transition: 0.4s;
	}

	.block2_child1 > h3 {
		font-size: 2em;
	}
  
	.title__services > h3 {
	  font-size: 2em;
	}
  
	.title__services > h5 {
	  font-size: 24px;
	}
  
	.containerMobile {
	  width: 70%;
	  margin: 2em auto 0;
	}
  
	.imgIcon {
	  width: 12px;
	}
  
	.containerSocialText {
	  font-size: 0.6rem;
	}
  
	.block2_child {
	  width: 70%;
	}
  }
  
  @media (min-width: 768px) {
	.titleBoard {
	  font-size: 18px;
	}
  
	.titleboard2 {
	  font-size: 15px;
	}
  
  
	.imgLogoDesk {
	  max-width: 13em;
	}
  
	.block2_child > div {
	  width: 50%;
	}
  
	.block2_child2 {
	  gap: 1em;
	}
  
	.block2_child > div {
	  height: 80%;
	}
  
	.block2_child {
	  width: 100% !important;
	  padding: 0 1em;
	  flex-direction: row;
	  align-items: center;
	  justify-content: center;
	}
  
	.containerMenuMobile,
	.buttonMainMenu {
	  display: none;
	}
  
	.containerDesk {
	  display: flex;
	}
  
	.containerMobile {
	  display: none;
	}
  
	.imgIcon {
	  width: 16px;
	}
  
	.containerSocialText {
	  font-size: 0.85rem;
	}
  }
  
  @media (min-width: 900px) {
	.block2 {
	  border-radius: 0;
	}
	.block2_child2_containerBtns {
	  position: absolute;
	  right: 0;
	  top: 0;
	  bottom: 0;
	  /* width: 90%; */
	  display: flex;
	  flex-direction: column;
	  gap: 1em;
	}
  
	.block2_child2 {
	  max-width: 90%;
	}
	.containerDesk_blockR_child_container {
	  max-width: 90%;
	}
  }
  
  @media (min-width: 1051px) {
  
	.modal {
	  top: 1000em !important;
	}
  
	.containerDesk_blockR_child_container22 {
	  display: none;
	}
  }
  
  @media (min-width: 1200px) {
	.containerDesk_blockR_child_container1_a {
	  font-size: 1.3em;
	}
  
	.titleBoard {
	  font-size: 21px;
	}
  
	.imgLogoDesk {
	  max-width: 15em;
	}
  
	.block2_child {
	  margin-top: 2em;
	}
	.block2_child2_containerBtns {
	  /* width: 80%; */
	}
  
	.block2_child {
	  width: 90% !important;
	}
	.containerDesk_blockR_child_container {
	  max-width: 80%;
	}
  
	.containerDesk {
	  max-width: 90%;
	}
  
	.titleboard2 {
	  font-size: 17px;
	}
  }
  
  @media (min-width: 1450px) {
	.block2_child2_containerBtns {
	  width: 90%;
	}
  
	.block2_child {
	  width: 70% !important;
	}
  
	.containerDesk_blockR_child_container {
	  max-width: 90%;
	}
  
	.containerDesk {
	  max-width: 70%;
	}
  
	.imgLogoDesk {
	  max-width: 15em;
	  margin-top: -2em;
	}
  }
  
  @media (min-width: 768px) and (max-width: 1050px) {
	.containerMenuMobile,
	.buttonMainMenu {
	  display: block !important;
	  left: 0 !important;
	  z-index: 10;
	}
  
	.navBar_main {
	  display: none !important;
	}
  
	.block1 {
	  width: 50%;
	  height: 100dvh;
	  display: inline-block;
	  padding: 0 !important;
	}
  
	.block2 {
	  width: 50%;
	  height: 100dvh;
	  /* display: inline-block; */
	  float: right;
	  border-radius: 0;
	}
  
	.block2_child {
	  flex-direction: column !important;
	}
  
	.block2_child > div {
	  width: 90% !important;
	}
  
	.block2_child1 > h3 {
	  font-size: 2.5em !important;
	}
  
	.imgBtnMain {
	  width: 25% !important;
	}
  
	.titleBoard {
	  font-size: 15px !important;
	}
  
	.block2_child1 > h5 {
	  font-size: 20px !important;
	}
  
	.containerDesk_blockL_child {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	}
  
	.containerSocialLinksDesk {
	  flex-direction: column;
	}
  
	.containerDesk_blockR_child_container1 {
	  display: none !important;
	}
  
	.containerDesk_blockR_child_container22 {
	  display: flex !important;
	  flex-direction: row;
	  flex-basis: 100%;
	  height: 36dvh;
	  padding: 0 2em;
	}
  
	.containerDesk {
	  flex-wrap: wrap !important;
	}
  
	.containerDeskDiv {
	  flex: 1 !important;
	  height: 75dvh !important;
	}
  
	.imgLogoDesk {
	  max-width: 9em !important;
  }
  
  .containerSocialLinksDesk {
	gap: .4em;
  }
  
  .imgIcon {
	width: 13px !important;
  }
  
  .containerSocialText {
	font-size: 0.7rem !important;
  }
  
  .containerDesk_blockR {
	height: 100%;
	padding: 2em 2em 2em 0;
  }
  
  .containerIconMenu {
	left: 0;
	right: auto;
  }
  
  .ulModalA {
	font-size: 18px !important;
	line-height: 18px !important;
  }
  
  .modal-content {
	height: 80vh;
  }
  
  .containerSocialLinksDesk{
	width: 90%;
  }
  
  .containerDesk_blockL {
	padding: 4em 0 4em 2.2em !important;
  }
  }