/*
 Theme Name: Hello Elementor Child
 Template: hello-elementor
*/


body, html {
	overflow-x: hidden!important;
}

a, a:hover {
	text-decoration: none!important;
}

/*General Header*/
header {
	width: 85%;
	margin: auto;
	border-radius: 50px;
	background-color: rgba(255, 255, 255, .7);
	-webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    position: fixed!important;
    top: 10px;
	left: 50%;
 	transform: translateX(-50%);
    z-index: 99999;
	padding: 8px 60px!important;
	box-sizing: border-box;
}

header .header-inner,
header .header-inner .elementor-container,
header .header-inner .elementor-row,
header .header-inner .elementor-column,
header .header-inner .container,
header .header-inner .wrap,
.header-inner,
.header-inner .elementor-container,
.header-inner .container {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.header-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px;
  flex-wrap: wrap;
}

.header-inner > * {
  flex: 0 1 auto !important;
  min-width: 0;
}

@media (min-width: 1600px) {
  header {
    width: 95% !important;
  }

  header .header-inner,
  .header-inner {
    max-width: none !important;
    padding: 0 !important;
    flex-wrap: nowrap !important;
  }
}

@media (min-width: 1920px) {
  header { 
	width: 98% !important;
  }
  .header-inner {
	gap: 28px;
  }
}

/*Header Mobile*/


/*Header Logo*/
.site-header .site-branding .site-logo img {
    width: 110px;
    max-width: 110px;
}

/*Site Navigation */
.site-navigation a {
	color: black;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 800;
  font-size: .8rem;
  text-transform: uppercase;
}
.site-navigation a:hover {
	background-color: #F0F0F0;
	border-radius: 8px;
	transition: background-color .2s ease;
	color: #000;
}
.site-navigation li {
	margin-left: 30px;
}
.menu-item-642 {
	background-color: black;
	color: white;
	border-radius: 8px;
	margin-left: 5px;
}
.menu-item-642 a{
	color: white;
}
.menu-item-642 a:hover {
	background-color: #2d2d2d;
	color: white;
	transition: background-color .2s ease-in-out;
}



.premium-fancy-item-visible {
	background: linear-gradient(90deg, #FF77E7, #B39CF2, #64C3FE);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	z-index: 2;
}

.homepage-section-one {
	background-image: url(media/bg-gradient.jpg);
}

.cta-section-one {
  position: relative;
  padding: 12px 30px;
  color: white;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  overflow: hidden;
  background: radial-gradient(circle at left, #FF77E7 0%, #64C3FE 80%);
  transition: background 200ms linear;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
}

.section-videos-hero .premium-video-box-video-container {
  pointer-events: none!important;
}

.premium-fancy-list-items {
  padding-bottom: 5px;
}

.section-panoramic-view {
  position: relative;
  z-index: 2;
  overflow: visible !important;
}

.section-panoramic-view::before {
  content: "";
  position: absolute;
  top: 90px;
  left: 100px;
  background: url('media/blob-gradient.svg') no-repeat left;
  background-size: contain;
  z-index: -1;
  pointer-events: none;
  width: 500px;
  filter: blur(25px);
}
@media (max-width:667px){     
	.section-panoramic-view::before{         
		width: 300px;    
	}
}
@media (max-width:421px){     
	.section-panoramic-view::before{         
		width: 200px;    
	}
}

/*****************************
**** SECTION CLOSER LOOK  ****
******************************/

.section-closer-look {
  position: relative;
  background: linear-gradient(180deg, #F9F8FF 0%, #F5F4F2 100%);
  z-index: 9999!important;
  overflow: hidden;
}
.section-closer-look::before,
.section-closer-look::after {
  content: "";
  position: absolute;
  width: 50%;
  aspect-ratio: 1 / 1;
  background: url("media/circle-gradient.svg") no-repeat center center;
  background-size: contain;
  opacity: 0.7;
  pointer-events: none;
  z-index: -1;
}
.section-closer-look::before {
  top: -20%;
  left: -20%;
  animation: rotateBorderRight 4s linear infinite;
}
.section-closer-look::after {
  bottom: -15%;
  right: -20%;
  animation: rotateBorderLeft 4s linear infinite;
}
@media (max-width:600px){     
	.section-closer-look::after {
    display: none;
  }
} 
@keyframes rotateBorderRight {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes rotateBorderLeft {
  0% { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}

/*********************
**** POPUP VIDEOS ****
*********************/
 
/*Boxes before popup*/
.premium-modal-box-modal-dialog {
	width: 80%;
	border-radius: 20px!important;
	background-color: hsla(0, 0%, 100%, .9)!important;
  z-index: 9997!important;
}
/*Play button*/
.premium-modal-trigger-container {
	position: relative;
	transition: transform .28s ease-in-out;
}
.premium-modal-trigger-container:hover {
	transform: translate(-4px, -4px);
}
.premium-modal-trigger-container::after {
	content: "";
    position: absolute;
    bottom: 4px;
    left: 30px;
    width: 30px;
    height: 30px;
    background: url("http://localhost:8888/buisness_atlas/wp-content/themes/hello-elementor-child/media/play-button-gradient.svg") no-repeat center center;
    background-size: contain;
    transform: translate(-50%, -50%) scale(0.8);
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: none;
}
.premium-modal-trigger-container:hover::after {
	opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
/*POPUP*/
/* Layout */
.case-wrap{   
	width:100%;     
	display:flex;     
	justify-content:center;     
	padding:28px 18px;     
	box-sizing:border-box;
} 
.case-inner{     
	max-width:960px;     
	width:100%;     
	border-radius:26px;     
	overflow:hidden;     
	background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(250,250,251,0.98) 40%, rgba(245,246,249,1) 100%);     
	box-shadow: 0 18px 40px rgba(15,20,30,0.10);     
	padding:22px;     
	box-sizing:border-box;
} 
/* Video */ 
.case-video{     
	width:100%;     
	aspect-ratio: 16/9;     
	border-radius:18px;     
	overflow:hidden;        
	box-shadow: inset 0 -40px 80px rgba(0,0,0,0.12); 
}
.case-video iframe{     
	width:100%;     
	height:100%;     
	display:block;     
	border:0;
} 
.case-content{     
	margin-top:18px;     
	padding:22px;     
	border-radius:18px;     
	position:relative;     
	background: linear-gradient(180deg, rgba(255,255,255,0.86), rgba(255,255,255,0.70));     
	-webkit-backdrop-filter: blur(10px) saturate(120%);     
	backdrop-filter: blur(10px) saturate(120%);     
	box-shadow: 0 6px 18px rgba(10,12,14,0.04); 
} 
/* Title / paragraph */ 
.case-content h1{     
	margin:0 0 14px 0;
	font-size:34px;
	font-weight:800;
	color:#111;
	letter-spacing:-0.3px;
	font-family: 'Plus Jakarta Sans', sans-serif;
} 
.case-content p{     
	margin:0 0 20px 0;     
	color:#333;     
	font-size:16px!important;     
	line-height:1.6;    
	max-width:900px;
	font-family: 'ABCReproScreen', sans-serif;
} 
/* CTA pill */ 
.btn-cta{     
	display:inline-block;
	padding:14px 24px;  
	border-radius:999px;
	font-family: 'Momo Trust Display', sans-serif;
	font-weight:300!important;
	color:#fff;
	text-decoration:none;     
	background: radial-gradient(circle at left, #FF77E7 0%, #64C3FE 80%);     
	box-shadow: 0 8px 20px rgba(255, 119, 231, 0.32);     
	transition: transform .18s ease, box-shadow .18s ease; 
	margin-top: 20px;
} 
.btn-cta:hover{     
	transform: translateY(-2px);     
	box-shadow: 0 12px 28px rgba(255, 119, 231, 0.32); 
	color:#fff;
} 
@media (max-width:900px){     
	.case-inner{         
		padding:18px;         
		border-radius:20px;     
	}     
	.case-content h1{         
		font-size:28px;     
	}     
	.case-content{         
		padding:18px;     
	} 
} 
@media (max-width:520px){         
	.case-inner{             
		padding:14px;             
		border-radius:16px;         
	}         
	.case-content h1{             
		font-size:22px;         
	}         
	.case-content p{             
		font-size:15px;         
	}         
	.btn-cta{             
		padding:12px 18px;             
		font-size:14px;
	}
}





/* Main container */
.video-section {
  display: flex;
  max-width: 1200px;
  margin: auto;
  align-items: flex-start;
}

/* Left block */
.main-video {
  flex: 2;
}

.main-video iframe {
  width: 100%;
  height: 380px;
  border-radius: 16px;
}

.video-info {
  margin-top: 20px;
}

.video-info h2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 10px;
}

.video-info p {
  color: #555;
  line-height: 1.5;
  margin-bottom: 20px;
}

.btn {
  display: inline-block;
  background: linear-gradient(90deg, #ff0080, #ff6b00, #ffa100);
  color: white;
  padding: 12px 24px;
  border-radius: 40px;
  font-weight: 600;
  text-decoration: none;
  transition: transform 0.2s ease;
}

.btn:hover {
  transform: translateY(-2px);
}

/* Bloc droit scrollable */
.side-videos {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-height: 500px;
  overflow-y: auto;
  padding-right: 10px;
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
}

/* style scrollbar Chrome/Safari */
.side-videos::-webkit-scrollbar {
  width: 6px;
}
.side-videos::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
.side-videos::-webkit-scrollbar-track {
  background: transparent;
}

.side-video {
  background: white;
  border-radius: 20px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  padding: 10px;
  position: relative;
}

.side-video iframe {
  width: 100%;
  height: 160px;
  border-radius: 12px;
}

.side-video h3 {
  margin: 10px 0 5px;
  font-size: 16px;
  font-weight: 600;
}

.side-video span {
  font-size: 14px;
  color: #888;
}


/***************/
/* LOGO SLIDER */
/***************/

.slider-one::before,
.slider-one::after {
  content:"";
  position:absolute;
  top:0;
  width:200px;
  height:100%;
  pointer-events:none;
  z-index:5;
}

.slider-one::before {
  left:0;
  background:linear-gradient(to right, white 2%, rgba(255,255,255,0) 100%);
}

.slider-one::after {
  right:0;
  background:linear-gradient(to left, white 2%, rgba(255,255,255,0) 100%);
}

.premium-adv-carousel__media-wrap:hover {
	background-color: rgba(241, 241, 241, 0.486);
	filter: blur(1px);
	transition: .3s;
}
.premium-adv-carousel__media-wrap {
	padding: 10px;
}

/************
**** FAQ ****
*************/

.faq-section {
	background-image: url('media/bg.svg');
}


/*********************************
**** THE COMMUNITY IS GROWING ****
**********************************/

.btn-border-gradient {
  position: relative;
  background: transparent;
  border: 2px solid transparent;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}
/* Border gradient */
.btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  padding: 2px;
  background: linear-gradient(90deg, #FF77E7 0%, #64C3FE 80%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
  transition: filter 0.3s ease;
}
.btn-border-gradient:hover::before {
    opacity: 0.9;
    filter: brightness(1.2);
    
}
.btn-border-gradient a {
	background: linear-gradient(90deg, #FF77E7 0%, #64C3FE 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;        
    display: inline-block;
	transition: filter 0.3s ease;
}
.btn-border-gradient a:hover {
	filter: brightness(1.2);
}



.wpcf7-submit.btn-border-gradient {
  position: relative;
  display: inline-block;
  border-radius: 20px;
  padding: 0.8em 2em;
  font-weight: 600;
  cursor: pointer;
  background: rgba(0,0,0,0.1);
  color: #fff;
  border: none;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  background-image: 
    linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)),
    linear-gradient(90deg, #FF77E7, #64C3FE);
}

.wpcf7-submit.btn-border-gradient:hover {
  filter: brightness(1.2);
}
.wpcf7-spinner {
	display: none;
}

/*Bouton Email (additional inquiries)*/
.form-row .btn-border-gradient::before {
	padding: 4px;
}
.form-row .btn-border-gradient {
	text-align: center;
	width: 300px;
	margin: 30px auto;
}
.form-row .btn-border-gradient a {
	padding: 15px 0;
	font-size: 16px;
	font-family: 'Momo Trust Display', sans-serif;
	font-weight: 300;
}
#wpcf7-f3137-p624-o1 {
	margin-top: 0px;
}


/*************************
**** JOIN THE JOURNEY ****
**************************/

.btn-apply{
  font-size:16px;
  font-weight:600;
  color:white;
  padding:14px 36px;
  border-radius:40px;
  border:none;
  cursor:pointer;
  background: linear-gradient(90deg, #FF77E7 0%, #64C3FE 80%);
  position:relative;
  z-index:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition: transform .25s ease;
}

/* glow layer */
.btn-apply::before{
  content:"";
  position:absolute;
  inset:-6px;
  z-index:-1;
  border-radius:inherit;
  background: linear-gradient(90deg, #FF77E7 0%, #64C3FE 80%);
  filter: blur(20px);
  opacity:.55;
  transition: opacity .25s ease, filter .25s ease;
}

/* hover boost */
.btn-apply:hover{
  transform: translateY(-2px) scale(1.03);
}
.btn-apply:hover::before{
  opacity:.85;
  filter: blur(28px);
}



/*************************
**** SECTION SNAPSHOT ****
**************************/
.section-snapshot {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.section-snapshot::before,
.section-snapshot::after {
  content: "";
  position: absolute;
  width: 1000px;
  height: 1000px;
  background: url("media/circle-gradient.svg") no-repeat center;
  background-size: contain;
  opacity: 0.7;
  pointer-events: none;
  z-index: -1;
}
.section-snapshot::before {
  top: -500px;
  left: -500px;
  animation: rotateBorderRight 4s linear infinite;
  animation-delay: -2.5s;
}
.section-snapshot::after {
  top: -500px;
  right: -500px;
  animation: rotateBorderLeft 4s linear infinite;
  animation-delay: 0s;
}
@keyframes rotateBorderRight {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes rotateBorderLeft {
  0% { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}

/************************
**** BEHIND THE LENS ****
*************************/

.lens-video-box {
  position: relative;
  z-index: 1;
  /* overflow: hidden!important; */
}

.lens-video-box::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 140%;
  height: 140%;
  /* max-width: 800px; */
  transform: translate(-50%, -50%);
  background: url("media/circle-gradient.svg") no-repeat center;
  /* background-size: contain; */
  pointer-events: none;
  z-index: -1;
  animation: spin-slow 10s linear infinite;
  opacity: 0.8;
}

@keyframes spin-slow {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}





.main-title-about, .join-community {
	background: -webkit-linear-gradient(0deg, #202020 35%, #8f8f8f 90%);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}



/* ---------- SECTION MAP SVG ---------- */
.section-map{
  position: relative;
  overflow: hidden;
}

.section-map .elementor-widget-wrap,
.section-map > .elementor-container,
.section-map > .elementor-column {
  position: relative;
  z-index: 2;
}

.section-map::after{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  pointer-events: none;
  display: block;
  width: 600px;
  height: 550px;
  aspect-ratio: auto;
  background-image: url('http://localhost:8888/buisness_atlas/wp-content/themes/hello-elementor-child/media/map.svg');
  background-repeat: no-repeat;
  background-position: right top;
  background-size:100% 100%;
}

@media (max-width: 1280px){
  .section-map::after{
    /* width: clamp(140px, 42vw, 380px); */
	width: 550px;
  	height: 500px;
  }
}
@media (max-width: 1150px){
  .section-map::after{
	width: 500px;
  	height: 450px;
  }
}
@media (max-width: 1000px){
  .section-map::after{
	width: 450px;
  	height: 400px;
  }
}
@media (max-width: 900px){
  .section-map::after{
	width: 400px;
  	height: 350px;
  }
}
@media (max-width: 767px){
  .section-map::after{
	width: 250px;
  	height: 200px;
  }
}
@media (max-width: 550px){
  .section-map::after{
	width: 220px;
  	height: 170px;
  }
}


/********************
/** SECTION VISION **
*********************/

/*Background linear gradient*/
.section-vision {
  position: relative;
  overflow: hidden;
}
.section-vision::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 250px; 
  background: linear-gradient(
    to bottom,
    rgb(248, 242, 255, 1) 0%,
	rgb(248, 242, 255, 1) 10%,
    rgba(248, 242, 255, 0.8) 25%,
    rgba(248, 242, 255, 0.2) 70%,
    rgba(248, 242, 255, 0) 100%
  );
  /* filter: blur(10px);  */
  pointer-events: none;
  z-index: 2;
}

/*Block "The Vision"*/

@property --gradient-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

:root {
  --clr-3: #FF77E7;
  --clr-4: #64C3FE;
}
.block-vision {
  padding: 50px 30px !important;
  background: rgba(255, 255, 255, 1)!important;
  border-radius: 20px;
  position: relative;
}
.block-vision::before,
.block-vision::after {
  content: "";
  position: absolute;
  inset: -12px;
  z-index: -1;
  background: conic-gradient(
    from var(--gradient-angle),
    var(--clr-3),
    var(--clr-4),
    var(--clr-4),
    var(--clr-3)
  );
  border-radius: inherit;
  animation: rotation 10s linear infinite;
}
@keyframes rotation {
  0% {
    --gradient-angle: 0deg;
  }
  100% {
    --gradient-angle: 360deg;
  }
}





/*Background circle rotate*/
.section-vision{
    position: relative;
    overflow: hidden; 
}
.section-vision::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:160%;
    height:160%;
    transform: translate(-50%, -50%);
    
    background: url("http://localhost:8888/buisness_atlas/wp-content/themes/hello-elementor-child/media/bg-cercle.svg") no-repeat center center;
    background-size: contain;

    animation: circle-rotate 40s linear infinite;
    transform-origin: center center;
    z-index: -2;
}
@keyframes circle-rotate{
    from {transform: translate(-50%, -50%) rotate(0deg);}
    to   {transform: translate(-50%, -50%) rotate(360deg);}
}



/***********************
/** SECTION ECOSYSTEM **
************************/

.section-ecosystem {
	position: relative;
	background: url('media/blob-animate.svg') no-repeat top center / contain;
	background-attachment: scroll;
	background-size: 600px;
	transition: background-position 0.1s linear;
}














.whats-ba span {
	position: relative;
  	display: inline-block;
}

.whats-ba span::after {
	content: "";
  	position: absolute;
  	left: 0;
  	bottom: -35px;
  	width: 400px;
	height: 25px;
  	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1412 136'%3E%3Cdefs%3E%3ClinearGradient id='brush-gradient' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' style='stop-color:%23FF77E7;stop-opacity:1' /%3E%3Cstop offset='80%25' style='stop-color:%2364C3FE;stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M2.9 51.31c1.54 1.59 3.55 2.42 5.67 2.93 9.55 2.69 12.36 4.04 30.44 7.8-3 .3-5.73.44-8.57 3.08a9.83 9.83 0 0 0-2.07 10.92c.83 2.7 3.33 4.22 5.31 6.05 10.97 9.24 37.74 12.54 57.74 16.6 28.32 5.7 56.66 11.52 85.37 14.86 23.26 11.61 80.27 14.32 103.75 15.4 34.52 2.19 69.08 3.36 103.65 3.76 121.04 6.36 242.43.51 363.58.82 271.97-15.76 111.74-7.14 354.24-27.85 46.28-2.18 92.54-4.84 138.71-8.85 12.39-1.12 31.77-2.4 34.68-3.76 3.32-1.16 5.52-4.34 6.02-7.77 123.48-7.79 121.13-7.18 123.45-8.4 4.59-1.61 7.1-7.14 5.79-11.8a10.12 10.12 0 0 0-9.64-7.34c-46.89.01-33.59-2.78-103.06 3.46l10.94-1.87c1.99-.76 4.08-1.67 5.19-3.58 4.19-4.72 2.14-13.98-5.64-15.77-3.38-2.63-6.42-2-14.13-2.11-4.56-.7-9.13-1.34-13.72-1.81 34.64-5.34 46.49-8.03 55.99-12.31 2.43-1.11 4.63-2.64 6.94-3.97 14.45-7.01 3.34-24.98-8.18-18.36-2.71 1.43-5.2 3.25-7.94 4.62-11.02 4.17-22.83 5.68-34.36 7.85-36.51 6.23-65.21 9.47-105.27 13.24-39.97 3.44-79.94 7.17-120.01 9.1-112.89 6.65-225.89 10.72-338.92 13.94-139.42 4.28-72.29 2.74-238.74 3.83-152.12.02-105.22.84-209.3-3.14-24.84-.9-33.26-1.91-65.79-4.63-17.2-1.82-43.29-7.05-66.97-9.27-4.21-.16-8.68-1.39-12.64.37a9.33 9.33 0 0 0-5.97 7.81l-.03.26c-68.56-8.07-86.97-8.7-119.44-11.18a7.6 7.6 0 0 0-3.85.86 9.31 9.31 0 0 0-5.97 7.81c-.59 3.07.64 6.15 2.75 8.4Z' fill='url(%23brush-gradient)'/%3E%3C/svg%3E") no-repeat center;
  	background-size: contain;
  	pointer-events: none;
}
@media (max-width: 467px){
  .whats-ba span::after{
    width: 250px;
	  z-index: -1;
  }
}


/* BTN GLOW GRADIENT*/

.dual-border-btn {
  --pad-x: 25px;
  --pad-y: 20px;
  --radius: 10px;
  --main-grad: linear-gradient(90deg, #FF77E7 0%, #64C3FE 80%);

  position: relative;
  display: inline-flex;
  align-items:center;
  justify-content:center;

  padding: var(--pad-y) var(--pad-x);
  border-radius: var(--radius);
  background: var(--main-grad);
  border:none;
  cursor:pointer;
  overflow:visible;
  z-index:0;
  font-family: "Momo Trust Display";
  font-weight:300;
  font-size:16px;
  line-height:1;
  transition: transform .18s ease;
  width: 215px;
}

/* TEXT LAYER = always on top */
.dual-border-btn .label{
  position:relative;
  z-index: 10; /* au dessus des pseudo elements */
  color:#000; /* texte noir permanent */
}

/* hairline inner */
.dual-border-btn::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  -webkit-mask:
    linear-gradient(#000, #000) content-box,
    linear-gradient(#000, #000);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  background: linear-gradient(90deg,
     rgba(255,255,255,0.55) 0%,
     rgba(255,255,255,0.22) 18%,
     rgba(255,255,255,0.08) 28%,
     rgba(255,120,180,0.18) 70%,
     rgba(100,200,255,0.35) 100%);
  mix-blend-mode:overlay;
  pointer-events:none;
  z-index:2;
}

/* outer glow */
.dual-border-btn::after{
  content:"";
  position:absolute;
  left:-10px;right:-10px;top:-10px;bottom:-10px;
  border-radius:calc(var(--radius) + 10px);
  background: var(--main-grad);
  filter:blur(18px);
  opacity:.55;
  mix-blend-mode:screen;
  pointer-events:none;
  transition: filter .2s ease, opacity .18s ease, transform .2s ease;
  z-index:1;
}

/* hover */
.dual-border-btn:hover{
  transform:translateY(-2px) scale(1.01);
}
.dual-border-btn:hover::after{
  filter:blur(26px);
  opacity:.85;
}

/* focus */
.dual-border-btn:focus{ outline:none; }


/****************************************************************
*****************************************************************
************************* THE SHOW PAGE *************************
*****************************************************************
*****************************************************************/

/*Title on video gradient*/
/* .title-the-show {
  background: linear-gradient(90deg, #FF77E7 0%, #64C3FE 80%);
    -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    display: inline-block;
} */




/*Button gradient: "Explore all segments", "Get Featured", "Explore Euconvi"*/
.btn-black-gradient, .btn-segments{
  display: inline-block;
  background: #000;
  padding: 20px 30px;
  border-radius: 20px;
  position: relative;
  text-decoration: none;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  overflow: visible;
  width: 210px;
  text-align: center;
  transition: .3s;
  font-family: 'Momo Trust Display';
  font-weight: 300;
}
.btn-segments { /*Snapshots section*/
	width: 250px;
}
.btn-black-gradient:hover {
	transform: translate(2px, 2px) scale(1.01);
}
.btn-explore-gradient:hover {
	transform: translate(-2px, 2px) scale(1.01);
}
.btn-segments:hover { /*Snapshots section*/
	transform: translate(0, 2px) scale(1.01);
}
.btn-black-gradient::before, .btn-segments::before{
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: inherit;
  background: linear-gradient(90deg, #FF77E7 0%, #64C3FE 80%);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.btn-explore-gradient::before {
	background: linear-gradient(90deg, #64C3FE 0%, #FF77E7 80%);
}
.btn-gradient-text, .btn-segments-text{
	color: #fff;
	font-weight: 500;
    font-size: 18px;
}
.btn-segments-text {
	display: inline-block;
  font-weight: 600;
  font-size: 18px;
  color: transparent;
  background-image: linear-gradient(90deg, #FF77E7 0%, #64C3FE 80%);
  -webkit-background-clip: text;
  background-clip: text;
  z-index: 2;
  position: relative;
}


/***************************************************************
****************************************************************
************************* CONTACT PAGE *************************
****************************************************************
****************************************************************/

/*MAP SVG*/
.map-svg-contact {
	width: 700px;
	height: 700px;
	margin-top: -130px;
	margin-left: -130px;
}
@media (max-width: 1280px){
  .map-svg-contact{
	/* width: 650px;
	height: 650px;
	margin-top: -160px;
	margin-left: -160px; */
  }
}
@media (max-width: 767px){
  .map-svg-contact{
	display: none;
  }
}

/* 

.t3 {
	background-image: url('media/biotech-hero.png');
}

.t4 {
	background-image: url('media/energy-hero.jpg');
}

.tile{
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position:relative;
	overflow:hidden;
}

.tile::after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:60%;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background: linear-gradient(to top,
        rgba(255,255,255,0.75) 0%,
        rgba(255,255,255,0.55) 35%,
        rgba(255,255,255,0.28) 70%,
        rgba(255,255,255,0.00) 100%
  );
  -webkit-mask-image: linear-gradient(to top,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,1) 55%,
    rgba(0,0,0,0) 100%
  );
  mask-image: linear-gradient(to top,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,1) 55%,
    rgba(0,0,0,0) 100%
  );
	pointer-events:none;
	z-index:1;
}

.tile .inner{
  position:relative;
  z-index:2;
} */