.texte-arche-casino {
    width: 1000px;
    height: 250px;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    margin-bottom: -90px; 
}

.texte-arche-casino svg {
    width: 100%;
    height: 300px;
    overflow: visible;
}

.texte-arche-casino text {
    font-size: 42px;
    fill: url(#gradient-gold);
    font-family: 'Delighter', Arial, sans-serif;
    letter-spacing: 3px;
}

.texte-arche-casino-inverse {
    width: 1000px;
    height: 250px;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    margin-top: -70px;
}

.texte-arche-casino-inverse svg {
    width: 100%;
    height: 250px;
    overflow: visible; !important
}
.texte-arche-casino-inverse {
  overflow: visible !important;
  width: 100%;
  display: flex;
  justify-content: center;
}

.elementor-widget-container {
  overflow: visible !important;
}
.elementor-element {
  overflow: visible !important;
}

.texte-arche-casino-inverse text {
    font-size: 26px;
    fill: url(#gradient-gold-2);
    font-family: 'Palatino', Arial, sans-serif;
    letter-spacing: 3px;
}


.bouton-gradient-poker span {
    background: linear-gradient(to bottom, #f0e0b2 0%, #8b6f3d 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.bouton-gradient-roulette span {
    background: linear-gradient(to bottom, #f0e0b2 0%, #8b6f3d 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.bouton-gradient-blackjack span {
    background: linear-gradient(to bottom, #f0e0b2 0%, #8b6f3d 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.bouton-gradient-chuckluck span {
    background: linear-gradient(to bottom, #f0e0b2 0%, #8b6f3d 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}


.bouton-gradient-rouedelafortune span {
    background: linear-gradient(to bottom, #f0e0b2 0%, #8b6f3d 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.texte-arche-deroule {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0;
}

.texte-arche-deroule svg {
    width: 800px;
    height: 300px;
    overflow: visible;
}

.texte-arche-deroule text {
    font-size: 50px;
    fill: url(#gradient-deroule);
    font-family: 'Delighter', Arial, sans-serif;
    letter-spacing: 2px;
}

@media (max-width: 768px) {
    .texte-arche-deroule text {
        font-size: 42px;
    }
}

.texte-arche-pourquoi {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0;
}

.texte-arche-pourquoi svg {
    width: 800px;
    height: 300px;
    overflow: visible;
}

.texte-arche-pourquoi text {
    font-size: 50px;
    fill: url(#gradient-deroule);
    font-family: 'Delighter', Arial, sans-serif;
    letter-spacing: 2px;
}

@media (max-width: 768px) {
    .texte-arche-pourquoi text {
        font-size: 42px;
    }
}

.gradient-qualite {
    background: linear-gradient(to bottom, #f0e0b2 0%, #8b6f3d 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.gradient-cle {
    background: linear-gradient(to bottom, #f0e0b2 0%, #8b6f3d 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.gradient-options {
    background: linear-gradient(to bottom, #f0e0b2 0%, #8b6f3d 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.gradient-reactivite {
    background: linear-gradient(to bottom, #f0e0b2 0%, #8b6f3d 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.texte-arche-decoration {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0;
}

.texte-arche-decoration svg {
    width: 800px;
    height: 300px;
    overflow: visible;
}

.texte-arche-decoration text {
    font-size: 50px;
    fill: url(#gradient-deroule);
    font-family: 'Delighter', Arial, sans-serif;
    letter-spacing: 2px;
}

@media (max-width: 768px) {
    .texte-arche-decoration text {
        font-size: 42px;
    }
}

.gradient-cartes {
    background: linear-gradient(to bottom, #f0e0b2 0%, #8b6f3d 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.gradient-lettres {
    background: linear-gradient(to bottom, #f0e0b2 0%, #8b6f3d 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.gradient-tapis {
    background: linear-gradient(to bottom, #f0e0b2 0%, #8b6f3d 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.gradient-jetons {
    background: linear-gradient(to bottom, #f0e0b2 0%, #8b6f3d 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.gradient-sonorisation {
    background: linear-gradient(to bottom, #f0e0b2 0%, #8b6f3d 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.gradient-photobooth {
    background: linear-gradient(to bottom, #f0e0b2 0%, #8b6f3d 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.texte-arche-references {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0;
}

.texte-arche-references svg {
    width: 800px;
    height: 300px;
    overflow: visible;
}

.texte-arche-references text {
    font-size: 50px;
    fill: url(#gradient-deroule);
    font-family: 'Delighter', Arial, sans-serif;
    letter-spacing: 2px;
}

@media (max-width: 768px) {
    .texte-arche-references text {
        font-size: 42px;
    }
}

.texte-arche-organisons {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0;
}

.texte-arche-organisons svg {
    width: 800px;
    height: 300px;
    overflow: visible;
}

.texte-arche-organisons text {
    font-size: 50px;
    fill: url(#gradient-deroule);
    font-family: 'Delighter', Arial, sans-serif;
    letter-spacing: 2px;
}

@media (max-width: 768px) {
    .texte-arche-organisons text {
        font-size: 42px;
    }
}

.elementor-button[type="submit"],
.elementor-field-type-submit .elementor-button {
    background: transparent !important;
}

.elementor-button[type="submit"] span,
.elementor-field-type-submit .elementor-button span {
    background: linear-gradient(to bottom, #f0e0b2 0%, #8b6f3d 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

	/* ========== RESPONSIVE ========== */

/* TABLETTE */
@media (max-width: 1024px) {
  
  .texte-arche-casino,
  .texte-arche-casino-inverse {
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto !important;
    width: 90% !important;
  }

 
  .texte-arche-casino svg {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    transform: translateY(110px); 
  }

  .texte-arche-casino-inverse svg {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    transform: translateY(-70px); 
  }

  
  .texte-arche-casino text,
  .texte-arche-casino-inverse text {
    text-anchor: middle !important;
  }
	
	.texte-arche-deroule,
    .texte-arche-pourquoi,
    .texte-arche-decoration,
    .texte-arche-references,
    .texte-arche-organisons {
        width: 90% !important;
    }
    
    .texte-arche-deroule svg,
    .texte-arche-pourquoi svg,
    .texte-arche-decoration svg,
    .texte-arche-references svg,
    .texte-arche-organisons svg {
        width: 100% !important;
        height: auto !important;
    }
    
    .texte-arche-deroule text,
    .texte-arche-pourquoi text,
    .texte-arche-decoration text,
    .texte-arche-references text,
    .texte-arche-organisons text {
        font-size: 40px !important;
    }
}

/* MOBILE */
@media (max-width: 767px) {
  
  .texte-arche-casino,
  .texte-arche-casino-invers {
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto !important;
    width: 95% !important;
  }

 
  .texte-arche-casino svg {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    transform: translateY(115px); 
  }

  .texte-arche-casino-invers svg {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    transform: translateY(-80px); 
		font-family: 'Palatino', Arial, sans-serif;
  }


  .texte-arche-casino text,
  .texte-arche-casino-invers text {
    text-anchor: middle !important;
  }
	
	 .texte-arche-deroule text,
    .texte-arche-pourquoi text,
    .texte-arche-decoration text,
    .texte-arche-references text,
    .texte-arche-organisons text {
        font-size: 45px !important;
        letter-spacing: 1px !important;
    }
}

html, body {
  overflow-x: hidden;
}