.vlt-custom--8131 {
	bottom: -250px;
	left: -200px;
	max-width: 550px;
}

.vlt-custom--1451 {
	top: -25px;
	left: -30px;
	width: 256px;
	height: 208px;
}

@media only screen and (max-width: 575px) {
	.vlt-custom--1451 {
		top: -100px;
		left: -100px;
	}
}

.vlt-custom--1512 {
	bottom: -28vw;
	left: 50vw;
	width: 75vw;
	height: 75vw;
	background-size: cover;
}

.vlt-custom--4124 {
	top: 0;
	right: 0;
	bottom: 0;
	width: 40vw;
	height: 100%;
	background-position: top left;
	background-size: cover;
}

@media only screen and (max-width: 991px) {
	.vlt-custom--4124 {
		right: 0;
		width: 50vw;
	}
}

@media only screen and (max-width: 767px) {
	.vlt-custom--4124 {
		right: -6vw;
		width: 100vw;
	}
}

.vlt-custom--1259 {
	top: -20px;
	right: -5px;
	width: 256px;
	height: 208px;
}

.vlt-custom--2355 {
	bottom: -250px;
	left: 0;
	width: 389px;
	height: 550px;
}
.vlt-work-meta{
	box-shadow: inset;
}

.tooltip-text {
	visibility: hidden;
	position: absolute;
	z-index: 2;
	width: 100px;
	color: white;
	font-size: 12px;
	background-color: #192733;
	border-radius: 10px;
	padding: 10px 15px 10px 15px;
  }
  
  .tooltip-text::before {
	content: "";
	position: absolute;
	transform: rotate(45deg);
	background-color: #192733;
	padding: 5px;
	z-index: 1;
  }
  
  .hover-text:hover .tooltip-text {
	visibility: visible;
  }
  
  #top {
	top: -40px;
	left: -150%;
  }
  
  #top::before {
	top: 80%;
	left: 45%;
  }
  
  #bottom {
	top: 25px;
	left: -50%;
  }
  
  #bottom::before {
	top: -5%;
	left: 45%;
  }
  
  #left {
	top: -8px;
	right: 120%;
  }
  
  #left::before {
	top: 35%;
	left: 94%;
  }
  
  #right {
	top: -8px;
	left: 120%;
  }
  
  #right::before {
	top: 35%;
	left: -2%;
  }
  
  .hover-text {
	position: relative;
	display: inline-block;
	font-family: Arial;
	text-align: center;
  }

  .vlt-fixed-socials{
	.tooltip-text {
		top: -90px!important;
		left: -160%!important;
		transform: rotate(90deg);
	  }

  }

/* Fix iOS spécifique - approche plus radicale */
.is-ios .vlt-section__ken-burn-background {
  /* Désactiver complètement les animations ken burn */
  animation: none !important;
  -webkit-animation: none !important;
  transform: none !important;
  -webkit-transform: none !important;
  transition: none !important;
  -webkit-transition: none !important;
}

.is-ios .swiper-wrapper {
  /* Forcer le bon comportement sur iOS */
  transform: translate3d(0, 0, 0) !important;
  -webkit-transform: translate3d(0, 0, 0) !important;
  perspective: 1000px;
  -webkit-perspective: 1000px;
}

.is-ios .swiper-slide {
  /* Éviter les problèmes de rendu 3D sur iOS */
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  transform: translate3d(0, 0, 0) !important;
  -webkit-transform: translate3d(0, 0, 0) !important;
}

.is-ios .swiper-container {
  /* Améliorer le comportement tactile tout en évitant les blocages */
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch !important;
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

/* Si nécessaire, désactiver les transitions sur iOS pour éviter les blocages */
.is-ios .swiper-container-horizontal > .swiper-wrapper {
  transition-property: none !important;
  -webkit-transition-property: none !important;
}

/* Masquer les barres de défilement tout en préservant la fonctionnalité */

/* Pour Firefox */
html, body, .pp-scrollable, .vlt-section, .vlt-section__content {
  scrollbar-width: none;
}

/* Pour Internet Explorer et Edge */
html, body, .pp-scrollable, .vlt-section, .vlt-section__content {
  -ms-overflow-style: none;
}

/* Pour Chrome, Safari et Opera */
html::-webkit-scrollbar,
body::-webkit-scrollbar,
.pp-scrollable::-webkit-scrollbar,
.vlt-section::-webkit-scrollbar,
.vlt-section__content::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}