.elementor-3755 .elementor-element.elementor-element-aa6811b:not(.elementor-motion-effects-element-type-background), .elementor-3755 .elementor-element.elementor-element-aa6811b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-3755 .elementor-element.elementor-element-aa6811b > .elementor-container{min-height:80vh;}.elementor-3755 .elementor-element.elementor-element-aa6811b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-120px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-3755 .elementor-element.elementor-element-aa6811b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3755 .elementor-element.elementor-element-9c0ad41 > .elementor-element-populated{padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-3755 .elementor-element.elementor-element-b23c625{left:0px;}body.rtl .elementor-3755 .elementor-element.elementor-element-b23c625{right:0px;}.elementor-3755 .elementor-element.elementor-element-b23c625{top:0px;}.elementor-3755 .elementor-element.elementor-element-e426c9a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:120px 0px 0px 0px;}.elementor-3755 .elementor-element.elementor-element-e1e8875:not(.elementor-motion-effects-element-type-background), .elementor-3755 .elementor-element.elementor-element-e1e8875 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #020000 0%, #202020 19%);}.elementor-3755 .elementor-element.elementor-element-e1e8875 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #00000000 100%);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3755 .elementor-element.elementor-element-e1e8875{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-3755 .elementor-element.elementor-element-03ca633 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-3755 .elementor-element.elementor-element-0ecdcf0:not(.elementor-motion-effects-element-type-background), .elementor-3755 .elementor-element.elementor-element-0ecdcf0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-3755 .elementor-element.elementor-element-0ecdcf0 > .elementor-container{min-height:110vh;}.elementor-3755 .elementor-element.elementor-element-0ecdcf0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3755 .elementor-element.elementor-element-0ecdcf0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-3755 .elementor-element.elementor-element-a2b495b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3755 .elementor-element.elementor-element-a2b495b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3755 .elementor-element.elementor-element-a2b495b.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-3755 .elementor-element.elementor-element-a2b495b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3755 .elementor-element.elementor-element-8989a64{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3755 .elementor-element.elementor-element-ae4b241:not(.elementor-motion-effects-element-type-background), .elementor-3755 .elementor-element.elementor-element-ae4b241 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-3755 .elementor-element.elementor-element-ae4b241 > .elementor-container{min-height:110vh;}.elementor-3755 .elementor-element.elementor-element-ae4b241{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3755 .elementor-element.elementor-element-ae4b241 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3755 .elementor-element.elementor-element-b549970 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3755 .elementor-element.elementor-element-4101730{width:var( --container-widget-width, 99.933% );max-width:99.933%;--container-widget-width:99.933%;--container-widget-flex-grow:0;}.elementor-3755 .elementor-element.elementor-element-4b68d13:not(.elementor-motion-effects-element-type-background), .elementor-3755 .elementor-element.elementor-element-4b68d13 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-3755 .elementor-element.elementor-element-4b68d13 > .elementor-container{min-height:110vh;}.elementor-3755 .elementor-element.elementor-element-4b68d13{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3755 .elementor-element.elementor-element-4b68d13 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3755 .elementor-element.elementor-element-7d757f8 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3755 .elementor-element.elementor-element-8cb1ed7{width:100%;max-width:100%;}.elementor-3755 .elementor-element.elementor-element-5046e95:not(.elementor-motion-effects-element-type-background), .elementor-3755 .elementor-element.elementor-element-5046e95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-3755 .elementor-element.elementor-element-5046e95 > .elementor-container{min-height:110vh;}.elementor-3755 .elementor-element.elementor-element-5046e95{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3755 .elementor-element.elementor-element-5046e95 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3755 .elementor-element.elementor-element-2caf31b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3755 .elementor-element.elementor-element-dbed9d4{width:100%;max-width:100%;}.elementor-3755 .elementor-element.elementor-element-09b40c6:not(.elementor-motion-effects-element-type-background), .elementor-3755 .elementor-element.elementor-element-09b40c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-3755 .elementor-element.elementor-element-09b40c6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3755 .elementor-element.elementor-element-09b40c6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3755 .elementor-element.elementor-element-dbcb969 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3755 .elementor-element.elementor-element-7f039d5{width:100%;max-width:100%;}.elementor-3755 .elementor-element.elementor-element-f028dca:not(.elementor-motion-effects-element-type-background), .elementor-3755 .elementor-element.elementor-element-f028dca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-3755 .elementor-element.elementor-element-f028dca{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3755 .elementor-element.elementor-element-f028dca > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3755 .elementor-element.elementor-element-9776eb7 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3755 .elementor-element.elementor-element-194200f{width:100%;max-width:100%;}.elementor-3755 .elementor-element.elementor-element-a8072a1:not(.elementor-motion-effects-element-type-background), .elementor-3755 .elementor-element.elementor-element-a8072a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-3755 .elementor-element.elementor-element-a8072a1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3755 .elementor-element.elementor-element-a8072a1 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3755 .elementor-element.elementor-element-ea3c62d > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3755 .elementor-element.elementor-element-a9f78bd{width:100%;max-width:100%;}.elementor-3755 .elementor-element.elementor-element-76f36fb:not(.elementor-motion-effects-element-type-background), .elementor-3755 .elementor-element.elementor-element-76f36fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-3755 .elementor-element.elementor-element-76f36fb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3755 .elementor-element.elementor-element-76f36fb > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3755 .elementor-element.elementor-element-b8463a8 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3755 .elementor-element.elementor-element-3e67afe{width:100%;max-width:100%;}body.elementor-page-3755:not(.elementor-motion-effects-element-type-background), body.elementor-page-3755 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}html{height:100vh;margin:0;overflow:hidden;}body{height:100vh;overflow:auto;scroll-snap-type:y mandatory;}:root{--page-title-display:none;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:center;scroll-snap-stop:normal;}@media(max-width:1024px){.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}@media(max-width:767px){.elementor-3755 .elementor-element.elementor-element-aa6811b{margin-top:0px;margin-bottom:0px;}.elementor-3755 .elementor-element.elementor-element-b23c625{top:295px;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}/* Start custom CSS for html, class: .elementor-element-9756ef6 */.elementor-3755 .elementor-element.elementor-element-9756ef6{
    position: absolute;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b23c625 */.elementor-3755 .elementor-element.elementor-element-b23c625{
    position: absolute;
    opacity: 0.5;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e426c9a */.elementor-3755 .elementor-element.elementor-element-e426c9a * {
  padding: 0;
  margin: 0;
  font-family: 'Bebas Neue', sans-serif;
  box-sizing: border-box;
}

.elementor-3755 .elementor-element.elementor-element-e426c9a .hero-section{
  display: flex;
  height: 75vh;
  background: no-repeat center/cover url("http://royaleventsanimation.it/wp-content/uploads/2023/12/herosection-background.png");
}

.elementor-3755 .elementor-element.elementor-element-e426c9a .container {
  text-align: left;
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3% 128px;
}

.elementor-3755 .elementor-element.elementor-element-e426c9a .container span {
  width: 100%;
  text-transform: uppercase;
  display: block; 
}

.elementor-3755 .elementor-element.elementor-element-e426c9a .text1 {
  color: white;
  font-size: 60px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 55px;
  margin-bottom: 20px;
  position: relative;
  animation: text1 1s ease forwards;
  user-select: none;
}

.elementor-3755 .elementor-element.elementor-element-e426c9a .text2 {
  font-size: 25px;
  opacity: 0;
  color: #EEC637;
  user-select: none;
  animation: text2 1s ease forwards;
}

.elementor-3755 .elementor-element.elementor-element-e426c9a .text2 span{
  display: inline;
}

.elementor-3755 .elementor-element.elementor-element-e426c9a .image-wrapper{
  height: 100%;
  width: 100%;
  padding: 3% 5%;
  margin: 0;
}

.elementor-3755 .elementor-element.elementor-element-e426c9a .image-scroller{
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 16px;
  overflow: hidden;
}

.elementor-3755 .elementor-element.elementor-element-e426c9a .column{
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.elementor-3755 .elementor-element.elementor-element-e426c9a .column div{
  width: 100%;
  border-radius: 20px;
}

.elementor-3755 .elementor-element.elementor-element-e426c9a .column:nth-child(1){
  animation: scroll 1s cubic-bezier(.62,.05,0,.99) forwards;
  animation-delay: 0s;
  transform: translateY(-100%);

}

.elementor-3755 .elementor-element.elementor-element-e426c9a .column:nth-child(2){
  animation: scroll 1s cubic-bezier(.62,.05,0,.99) forwards;
  animation-delay: 1s;
  transform: translateY(100%);

}

.elementor-3755 .elementor-element.elementor-element-e426c9a .column:nth-child(3){
  animation: scroll 1.5s cubic-bezier(.62,.05,0,.99) forwards;
  animation-delay: 2s;
  transform: translateY(-100%);

}

.elementor-3755 .elementor-element.elementor-element-e426c9a .column:nth-child(1) div:nth-child(1){
  aspect-ratio: 1 / 1;
  background: no-repeat center/80% url("http://royaleventsanimation.it/wp-content/uploads/2024/01/wedding-rings-transparent.png"), #fff ;
  background-color: #303030;
  border: 2px solid #EEC637;

}

.elementor-3755 .elementor-element.elementor-element-e426c9a .column:nth-child(1) div:nth-child(2){
  background: no-repeat center/cover url("http://royaleventsanimation.it/wp-content/uploads/2023/12/matrimonio-scaled.jpg") ;
  flex-grow: 2;
}

.elementor-3755 .elementor-element.elementor-element-e426c9a .column:nth-child(2) div:nth-child(1){
  background: no-repeat center/cover url("http://royaleventsanimation.it/wp-content/uploads/2023/12/diciottesimo-scaled.jpg") ;
  flex-grow: 2;
}

.elementor-3755 .elementor-element.elementor-element-e426c9a .column:nth-child(2) div:nth-child(2){
  background: no-repeat center/70% url("http://royaleventsanimation.it/wp-content/uploads/2023/12/thumb-diciottesimo.png"), #202020;
  aspect-ratio: 1 / 1;
}

.elementor-3755 .elementor-element.elementor-element-e426c9a .column:nth-child(3) div:nth-child(1){
  background: no-repeat center/cover url("http://royaleventsanimation.it/wp-content/uploads/2023/12/thumb-animazione-bambini.svg") ;
  aspect-ratio: 1 / 1;
}
.elementor-3755 .elementor-element.elementor-element-e426c9a .column:nth-child(3) div:nth-child(2){
  background: no-repeat center/cover url("http://royaleventsanimation.it/wp-content/uploads/2023/12/animazione-bambini-scaled.jpg") ;
  flex-grow: 2;
}


@keyframes text1 {
  50% {
    letter-spacing: 0;
    margin-bottom: -50px;
  }
  100% {
    letter-spacing: 3px;
    margin-bottom: 0;
  }
}

@keyframes text2 {
  50%{
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes scroll{
  to{
    transform: translateY(0%);
  }
}

@media (max-width: 767px){
    
.elementor-3755 .elementor-element.elementor-element-e426c9a .container {
  text-align: left;
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3% 32px;
}

.elementor-3755 .elementor-element.elementor-element-e426c9a .image-wrapper{
    display: none;
}
    
.elementor-3755 .elementor-element.elementor-element-e426c9a .text1 {
  color: white;
  font-size: 60px;
  font-weight: 700;
  line-height: 55px;
  letter-spacing: 0px;
  margin-bottom: 0;
  position: relative;
  animation: text1 1s ease forwards;
  user-select: none;
  text-align: center;
}

.elementor-3755 .elementor-element.elementor-element-e426c9a .text2 {
  font-size: 25px;
  opacity: 0;
  color: #EEC637;
  user-select: none;
  animation: text2 1s ease forwards;
  text-align: center;
}

.elementor-3755 .elementor-element.elementor-element-e426c9a .text2 span{
  display: inline;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5213a96 */.elementor-3755 .elementor-element.elementor-element-5213a96 p, .elementor-3755 .elementor-element.elementor-element-5213a96 h1{
    color: #fff;
    margin: 0;
    font-family: "Montserrat", sans-serif;
}

.elementor-3755 .elementor-element.elementor-element-5213a96 h1{
    font: 800 1.7rem "Montserrat", sans-serif;
}

.elementor-3755 .elementor-element.elementor-element-5213a96 p{
    font: 300 .9rem "Montserrat", sans-serif;
    line-height: 130%;
}
.elementor-3755 .elementor-element.elementor-element-5213a96 section{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image:
    linear-gradient(180deg, #000000dd, #00000088),
    url('http://royaleventsanimation.it/wp-content/uploads/2023/12/background-waves.png');

    display: flex;
    height: 100vh;
    width: 100%;
    gap: 64px;
    padding: 150px 128px 64px 128px;
}

.elementor-3755 .elementor-element.elementor-element-5213a96 .image-section{
    position: relative;
    width: 100%;
 /*   animation: ease fade-in-right both;*/
	/*animation-timeline: view();*/
	/*animation-range: entry 50% exit 50%;*/
}

.elementor-3755 .elementor-element.elementor-element-5213a96 .image-section div{
    border-radius: 20px;
    outline: 10px solid #202020;
    outline-offset: -1px;
}

.elementor-3755 .elementor-element.elementor-element-5213a96 .image-section div:nth-child(1){
    position: absolute;
    width: 80%;
    height: 30%;
    background: no-repeat center/cover url("http://royaleventsanimation.it/wp-content/uploads/2022/11/eventi-e-ricorrenze-1.jpg");
    z-index: 1;
}

.elementor-3755 .elementor-element.elementor-element-5213a96 .image-section div:nth-child(2){
    width: 94%;
    height: 85%;
    background: no-repeat center/cover url("http://royaleventsanimation.it/wp-content/uploads/2023/12/yellow-party.png");
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 3%;
    z-index: 0;
}

.elementor-3755 .elementor-element.elementor-element-5213a96 .image-section div:nth-child(3){
    width: 80%;
    height: 35%;
    background: no-repeat center/cover url("http://royaleventsanimation.it/wp-content/uploads/2022/11/296989874_4749046405197692_732627377774265875_n.jpg");
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 1;
}

.elementor-3755 .elementor-element.elementor-element-5213a96 .text-section{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 24px;
    width: 100%;
 /*   animation: ease fade-in-left both;*/
	/*animation-timeline: view();*/
	/*animation-range: entry 50% exit 50%;*/
}

.elementor-3755 .elementor-element.elementor-element-5213a96 .text-section > div:nth-child(1){
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
}

.elementor-3755 .elementor-element.elementor-element-5213a96 .info-section{
    display: flex;
    width: 100%;
    gap: 24px;
}

.elementor-3755 .elementor-element.elementor-element-5213a96 .info-section > div:nth-child(1){
    color: #202020;
    border-radius: 20px;
    background: linear-gradient(135deg, #E3A300 0%, #E8D100 37.4%, #EBE5A7 69.69%, #E2CE6D 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    gap: 16px;
    min-width: 220px;
    height: 220px;
}

.elementor-3755 .elementor-element.elementor-element-5213a96 .info-section > div:nth-child(1) > div{
    padding: 8px 16px;
}


.elementor-3755 .elementor-element.elementor-element-5213a96 .info-section > div:nth-child(2){
    flex-grow: 1;
    background: #0e0e0e;
    border: 1px solid #444;
    padding: 32px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;    
    gap: 12px;
}

.elementor-3755 .elementor-element.elementor-element-5213a96 .info-section > div:nth-child(2) p{
    display: flex;
    gap: 8px;
}

@keyframes fade-in-right{
    0%{
        transform: translateX(-100%);
        opacity: 0;
    }
    50%{
        transform: translateX(0px);
        opacity: 1;
    }
    100%{
        transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes fade-in-left{
    0%{
        transform: translateX(100%);
        opacity: 0;
    }
    50%{
        transform: translateX(0px);
        opacity: 1;
    }
    100%{
        transform: translateX(100%);
        opacity: 0;
    }
}

@media (max-width: 767px){
    .elementor-3755 .elementor-element.elementor-element-5213a96 .info-section{
        flex-direction: column;
    }
    
    .elementor-3755 .elementor-element.elementor-element-5213a96 section{
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-image:
        linear-gradient(180deg, #000000dd, #00000088),
        url('http://royaleventsanimation.it/wp-content/uploads/2023/12/background-waves.png');
    
        display: flex;
        flex-direction: column;
        height: fit-content;
        width: 100%;
        gap: 64px;
        padding: 64px 32px 200px 32px;
    }
    
    .elementor-3755 .elementor-element.elementor-element-5213a96 .image-section{
        display: none;
    }


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8989a64 */.elementor-3755 .elementor-element.elementor-element-8989a64 * {
    font-family: "Montserrat", sans-serif !important;
    outline: none;
    width: 100%;
}
.elementor-3755 .elementor-element.elementor-element-8989a64 {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image:
    linear-gradient(180deg, #00000088, #000000dd),
    url('http://royaleventsanimation.it/wp-content/uploads/2023/12/background-waves-reverse.png');
    
    margin: 0;
	height: 110vh;
	display: flex;
	align-items: center;
    scroll-snap-align: center;
}

.elementor-3755 .elementor-element.elementor-element-8989a64 p{
    color: #fff;
    margin: 0;
	font: 300 0.9rem "Montserrat", sans-serif;
}

.elementor-3755 .elementor-element.elementor-element-8989a64 h2{
    margin: 0;
    color: #fff;
	font: 700 1.7rem "Montserrat", sans-serif;
}

.elementor-3755 .elementor-element.elementor-element-8989a64 h3{
    margin: 0;
    color: #fff;
	font: 700 1.4rem "Montserrat", sans-serif;
}

.elementor-3755 .elementor-element.elementor-element-8989a64 section {
    padding: 3% 128px;
	display: flex;
	gap: 128px;
	width: 100%;
	height: 100vh;
	align-items: center;
	animation: linear fade both;
	animation-timeline: view();
	animation-range: entry 50% exit 50%;
}

.elementor-3755 .elementor-element.elementor-element-8989a64 section div{
	display: flex;
	gap: 8px;
	width: 100%;
}

.elementor-3755 .elementor-element.elementor-element-8989a64 section .text{
	flex-direction: column;
}

.elementor-3755 .elementor-element.elementor-element-8989a64 section > .images{
    display: flex;
    flex-wrap: wrap;
    height: 60%;
    gap: 12px;
    align-content: center;
    justify-content: center;
    flex-direction: row;
    padding: 0;
}

.elementor-3755 .elementor-element.elementor-element-8989a64 section > .images div{
    border-radius: 20px;
}

.elementor-3755 .elementor-element.elementor-element-8989a64 .boxMedia {
	width: 100%;
	height: 100%;
    display: flex;
    align-items: flex-end;
}

.elementor-3755 .elementor-element.elementor-element-8989a64 .boxMedia > div{
    width: 100%;
    border: 1px solid #444;
    backdrop-filter: blur(10px); 
    height: fit-content;
    background: #202020bb;
    display: flex;
    align-items: center;
    gap: 0;
    flex-direction: row;
    padding: 16px 8px;
}

.elementor-3755 .elementor-element.elementor-element-8989a64 .boxMedia > div > div{
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 0;
    
}

.elementor-3755 .elementor-element.elementor-element-8989a64 .boxMedia {
	background: 50%/cover url(http://royaleventsanimation.it/wp-content/uploads/2022/11/sposa-1.jpg);
}

/* Button */

.elementor-3755 .elementor-element.elementor-element-8989a64 .gradBtn {
	position: relative;
	width: 250px;
	height: 55px;
	font: 600 16px "Montserrat";
	color: #fff;
	cursor: pointer;
	padding: 0px;
	overflow: hidden;
	margin: 0;
    border: 1px solid #222;
    background: #0e0e0e;	
    border-radius: 16px;
    z-index: 1;
	text-shadow: 2px 2px 0px #000;
	margin-top: 24px;
}

.elementor-3755 .elementor-element.elementor-element-8989a64 .gradBtn:hover{
}

.elementor-3755 .elementor-element.elementor-element-8989a64 .gradBtn div{
    color: var(--e-global-color-text)!important;
	position: relative;
	justify-content: center;
    width: 98%;
    height: auto;
	padding: 16px 48px;
	z-index: 2;
	
}

.elementor-3755 .elementor-element.elementor-element-8989a64 .gradBtn:before {
	--size: 0;
	content: "";
	position: absolute;
	left: var(--x);
	top: var(--y);
	width: var(--size);
	height: var(--size);
	background: radial-gradient(circle closest-side, #333, transparent);
	transform: translate(-50%, -50%);
	transition: width 0.3s ease, height 0.3s ease;
    z-index: 1;
}

.elementor-3755 .elementor-element.elementor-element-8989a64 .gradBtn:hover:before {
	--size: 300px;
}

@keyframes fade {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@media (max-width: 767px){
    
    .elementor-3755 .elementor-element.elementor-element-8989a64{
        height: fit-content;
    }
    
    .elementor-3755 .elementor-element.elementor-element-8989a64 .gradBtn, .elementor-3755 .elementor-element.elementor-element-8989a64 a:has(.gradBtn){
        width: 100%;
    }
    
    .elementor-3755 .elementor-element.elementor-element-8989a64 .gradBtn{
        margin: 0;
    }
    
    .elementor-3755 .elementor-element.elementor-element-8989a64 .boxMedia{
        height: 250px;
        
    }
    
    .elementor-3755 .elementor-element.elementor-element-8989a64 section {
        padding: 64px 32px 200px 32px;
    	display: flex;
    	flex-direction: column;
    	gap: 32px;
    	width: 100%;
    	height: fit-content;
    	align-items: center;
    }
    
    .elementor-3755 .elementor-element.elementor-element-8989a64 section > div{
        width: 100% !important;
        padding: 0 !important;
    }
    
    .elementor-3755 .elementor-element.elementor-element-8989a64 section div{
    	display: flex;
    	gap: 8px;
    	width: 50%;
    	animation: none;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4101730 */.elementor-3755 .elementor-element.elementor-element-4101730 * {
    font-family: "Montserrat", sans-serif !important;
    outline: none;
    width: 100%;
}
.elementor-3755 .elementor-element.elementor-element-4101730 {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image:
    linear-gradient(180deg, #000000dd, #00000088),
    url('http://royaleventsanimation.it/wp-content/uploads/2023/12/background-waves.png');
    
    margin: 0;
	height: 110vh;
	display: flex;
	align-items: center;
    scroll-snap-align: center;
}

.elementor-3755 .elementor-element.elementor-element-4101730 p{
    color: #fff;
    margin: 0;
	font: 300 0.9rem "Montserrat", sans-serif;
}

.elementor-3755 .elementor-element.elementor-element-4101730 h2{
    margin: 0;
    color: #fff;
	font: 700 1.7rem "Montserrat", sans-serif;
}


.elementor-3755 .elementor-element.elementor-element-4101730 h3{
    margin: 0;
    color: #fff;
	font: 700 1.4rem "Montserrat", sans-serif;
}

.elementor-3755 .elementor-element.elementor-element-4101730 section {
    padding: 3% 128px;
	display: flex;
	gap: 128px;
	width: 100%;
	height: 100vh;
	align-items: center;
	animation: linear fade both;
	animation-timeline: view();
	animation-range: entry 50% exit 50%;
}

.elementor-3755 .elementor-element.elementor-element-4101730 section div{
	display: flex;
	gap: 8px;
    width: 100%;
}

.elementor-3755 .elementor-element.elementor-element-4101730 section .text{
	flex-direction: column;
}
.elementor-3755 .elementor-element.elementor-element-4101730 section > .images{
    display: flex;
    flex-wrap: wrap;
    height: 60%;
    gap: 12px;
    align-content: center;
    justify-content: center;
    flex-direction: row;
    padding: 0;
}

.elementor-3755 .elementor-element.elementor-element-4101730 section > .images div{
    border-radius: 20px;
}

.elementor-3755 .elementor-element.elementor-element-4101730 .boxMedia {
	width: 100%;
	height: 100%;
    display: flex;
    align-items: flex-end;
}

.elementor-3755 .elementor-element.elementor-element-4101730 .boxMedia > div{
    width: 100%;
    border: 1px solid #444;
    backdrop-filter: blur(10px); 
    height: fit-content;
    background: #202020bb;
    display: flex;
    align-items: center;
    gap: 0;
    flex-direction: row;
    padding: 16px 8px;
}

.elementor-3755 .elementor-element.elementor-element-4101730 .boxMedia > div > div{
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 0;
    
}

.elementor-3755 .elementor-element.elementor-element-4101730 .boxMedia {
	background: 50%/cover url(http://royaleventsanimation.it/wp-content/uploads/2022/11/293429519_4685955398173460_4725732639021308008_n.jpg);
}

/* Button */

.elementor-3755 .elementor-element.elementor-element-4101730 .gradBtn {
	position: relative;
	width: 250px;
	height: 55px;
	font: 600 16px "Montserrat";
	color: #fff;
	cursor: pointer;
	padding: 0px;
	overflow: hidden;
	margin: 0;
    border: 1px solid #222;
    background: #0e0e0e;	
    border-radius: 16px;
    z-index: 1;
	text-shadow: 2px 2px 0px #000;
	margin-top: 24px;
}

.elementor-3755 .elementor-element.elementor-element-4101730 .gradBtn:hover{
}

.elementor-3755 .elementor-element.elementor-element-4101730 .gradBtn div{
    color: var(--e-global-color-text)!important;
	position: relative;
	justify-content: center;
    width: 98%;
    height: auto;
	padding: 16px 48px;
	z-index: 2;
	
}

.elementor-3755 .elementor-element.elementor-element-4101730 .gradBtn:before {
	--size: 0;
	content: "";
	position: absolute;
	left: var(--x);
	top: var(--y);
	width: var(--size);
	height: var(--size);
	background: radial-gradient(circle closest-side, #333, transparent);
	transform: translate(-50%, -50%);
	transition: width 0.3s ease, height 0.3s ease;
    z-index: 1;
}

.elementor-3755 .elementor-element.elementor-element-4101730 .gradBtn:hover:before {
	--size: 300px;
}

@keyframes fade {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@media (max-width: 767px){
    
    .elementor-3755 .elementor-element.elementor-element-4101730{
        height: fit-content;
    }
    
    .elementor-3755 .elementor-element.elementor-element-4101730 .gradBtn, .elementor-3755 .elementor-element.elementor-element-4101730 a:has(.gradBtn){
        width: 100%;
    }
    
    .elementor-3755 .elementor-element.elementor-element-4101730 .gradBtn{
        margin: 0;
    }
    
    .elementor-3755 .elementor-element.elementor-element-4101730 .boxMedia{
        height: 250px;
        
    }
    
    .elementor-3755 .elementor-element.elementor-element-4101730 section {
        padding: 64px 32px 200px 32px;
    	display: flex;
    	flex-direction: column;
    	gap: 32px;
    	width: 100%;
    	height: fit-content;
    	align-items: center;
    }
    
    .elementor-3755 .elementor-element.elementor-element-4101730 section > div{
        width: 100% !important;
        padding: 0 !important;
    }
    
    .elementor-3755 .elementor-element.elementor-element-4101730 section div{
    	display: flex;
    	gap: 8px;
    	width: 50%;
    	animation: none;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8cb1ed7 */.elementor-3755 .elementor-element.elementor-element-8cb1ed7 * {
    font-family: "Montserrat", sans-serif !important;
    outline: none;
    width: 100%;
}
.elementor-3755 .elementor-element.elementor-element-8cb1ed7 {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image:
    linear-gradient(180deg, #00000088, #000000dd),
    url('http://royaleventsanimation.it/wp-content/uploads/2023/12/background-waves-reverse.png');
    
    margin: 0;
	height: 110vh;
	display: flex;
	align-items: center;
    scroll-snap-align: center;
}

.elementor-3755 .elementor-element.elementor-element-8cb1ed7 p{
    color: #fff;
    margin: 0;
	font: 300 0.9rem "Montserrat", sans-serif;
}

.elementor-3755 .elementor-element.elementor-element-8cb1ed7 h2{
    margin: 0;
    color: #fff;
	font: 700 1.7rem "Montserrat", sans-serif;
}

.elementor-3755 .elementor-element.elementor-element-8cb1ed7 h3{
    margin: 0;
    color: #fff;
	font: 700 1.4rem "Montserrat", sans-serif;
}

.elementor-3755 .elementor-element.elementor-element-8cb1ed7 section {
    padding: 3% 128px;
	display: flex;
	gap: 128px;
	width: 100%;
	height: 100vh;
	align-items: center;
	animation: linear fade both;
	animation-timeline: view();
	animation-range: entry 50% exit 50%;
}

.elementor-3755 .elementor-element.elementor-element-8cb1ed7 section div{
	display: flex;
	gap: 8px;
    width: 100%;
}

.elementor-3755 .elementor-element.elementor-element-8cb1ed7 section .text{
	flex-direction: column;
}

.elementor-3755 .elementor-element.elementor-element-8cb1ed7 section > .images{
    display: flex;
    flex-wrap: wrap;
    height: 60%;
    gap: 12px;
    align-content: center;
    justify-content: center;
    flex-direction: row;
    padding: 0;
}

.elementor-3755 .elementor-element.elementor-element-8cb1ed7 section > .images div{
    border-radius: 20px;
}

.elementor-3755 .elementor-element.elementor-element-8cb1ed7 .boxMedia {
	width: 100%;
	height: 100%;
    display: flex;
    align-items: flex-end;
}

.elementor-3755 .elementor-element.elementor-element-8cb1ed7 .boxMedia > div{
    width: 100%;
    border: 1px solid #444;
    backdrop-filter: blur(10px); 
    height: fit-content;
    background: #202020bb;
    display: flex;
    align-items: center;
    gap: 0;
    flex-direction: row;
    padding: 16px 8px;
}

.elementor-3755 .elementor-element.elementor-element-8cb1ed7 .boxMedia > div > div{
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 0;
    
}

.elementor-3755 .elementor-element.elementor-element-8cb1ed7 .boxMedia {
	background: 50% 60%/cover url(http://royaleventsanimation.it/wp-content/uploads/2022/11/WhatsApp-Image-2022-03-14-at-13.50.20.jpeg);
}

/* Button */

.elementor-3755 .elementor-element.elementor-element-8cb1ed7 .gradBtn {
	position: relative;
	width: 250px;
	height: 55px;
	font: 600 16px "Montserrat";
	color: #fff;
	cursor: pointer;
	padding: 0px;
	overflow: hidden;
	margin: 0;
    border: 1px solid #222;
    background: #0e0e0e;	
    border-radius: 16px;
    z-index: 1;
	text-shadow: 2px 2px 0px #000;
	margin-top: 24px;
}

.elementor-3755 .elementor-element.elementor-element-8cb1ed7 .gradBtn:hover{
}

.elementor-3755 .elementor-element.elementor-element-8cb1ed7 .gradBtn div{
    color: var(--e-global-color-text)!important;
	position: relative;
	justify-content: center;
    width: 98%;
    height: auto;
	padding: 16px 48px;
	z-index: 2;
	
}

.elementor-3755 .elementor-element.elementor-element-8cb1ed7 .gradBtn:before {
	--size: 0;
	content: "";
	position: absolute;
	left: var(--x);
	top: var(--y);
	width: var(--size);
	height: var(--size);
	background: radial-gradient(circle closest-side, #333, transparent);
	transform: translate(-50%, -50%);
	transition: width 0.3s ease, height 0.3s ease;
    z-index: 1;
}

.elementor-3755 .elementor-element.elementor-element-8cb1ed7 .gradBtn:hover:before {
	--size: 300px;
}

@keyframes fade {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@media (max-width: 767px){
    
    .elementor-3755 .elementor-element.elementor-element-8cb1ed7{
        height: fit-content;
    }
    
    .elementor-3755 .elementor-element.elementor-element-8cb1ed7 .gradBtn, .elementor-3755 .elementor-element.elementor-element-8cb1ed7 a:has(.gradBtn){
        width: 100%;
    }
    
    .elementor-3755 .elementor-element.elementor-element-8cb1ed7 .gradBtn{
        margin: 0;
    }
    
    .elementor-3755 .elementor-element.elementor-element-8cb1ed7 .boxMedia{
        height: 250px;
        
    }
    
    .elementor-3755 .elementor-element.elementor-element-8cb1ed7 section {
        padding: 64px 32px 200px 32px;
    	display: flex;
    	flex-direction: column;
    	gap: 32px;
    	width: 100%;
    	height: fit-content;
    	align-items: center;
    }
    
    .elementor-3755 .elementor-element.elementor-element-8cb1ed7 section > div{
        width: 100% !important;
        padding: 0 !important;
    }
    
    .elementor-3755 .elementor-element.elementor-element-8cb1ed7 section div{
    	display: flex;
    	gap: 8px;
    	width: 50%;
    	animation: none;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dbed9d4 */.elementor-3755 .elementor-element.elementor-element-dbed9d4 * {
    font-family: "Montserrat", sans-serif !important;
    outline: none;
    width: 100%;
}
.elementor-3755 .elementor-element.elementor-element-dbed9d4 {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image:
    linear-gradient(180deg, #000000dd, #00000088),
    url('http://royaleventsanimation.it/wp-content/uploads/2023/12/background-waves.png');
    
    margin: 0;
	height: 110vh;
	display: flex;
	align-items: center;
    scroll-snap-align: center;
}

.elementor-3755 .elementor-element.elementor-element-dbed9d4 p{
    color: #fff;
    margin: 0;
	font: 300 0.9rem "Montserrat", sans-serif;
}

.elementor-3755 .elementor-element.elementor-element-dbed9d4 h2{
    margin: 0;
    color: #fff;
	font: 700 1.7rem "Montserrat", sans-serif;
}


.elementor-3755 .elementor-element.elementor-element-dbed9d4 h3{
    margin: 0;
    color: #fff;
	font: 700 1.4rem "Montserrat", sans-serif;
}

.elementor-3755 .elementor-element.elementor-element-dbed9d4 section {
    padding: 3% 128px;
	display: flex;
	gap: 128px;
	width: 100%;
	height: 100vh;
	align-items: center;
	animation: linear fade both;
	animation-timeline: view();
	animation-range: entry 50% exit 50%;
}

.elementor-3755 .elementor-element.elementor-element-dbed9d4 section div{
	display: flex;
	gap: 8px;
    width: 100%;
}

.elementor-3755 .elementor-element.elementor-element-dbed9d4 section .text{
	flex-direction: column;
}

.elementor-3755 .elementor-element.elementor-element-dbed9d4 section > .images{
    display: flex;
    flex-wrap: wrap;
    height: 60%;
    gap: 12px;
    align-content: center;
    justify-content: center;
    flex-direction: row;
    padding: 0;
}

.elementor-3755 .elementor-element.elementor-element-dbed9d4 section > .images div{
    border-radius: 20px;
}

.elementor-3755 .elementor-element.elementor-element-dbed9d4 .boxMedia {
	width: 100%;
	height: 100%;
    display: flex;
    align-items: flex-end;
}

.elementor-3755 .elementor-element.elementor-element-dbed9d4 .boxMedia > div{
    width: 100%;
    border: 1px solid #444;
    backdrop-filter: blur(10px); 
    height: fit-content;
    background: #202020bb;
    display: flex;
    align-items: center;
    gap: 0;
    flex-direction: row;
    padding: 16px 8px;
}

.elementor-3755 .elementor-element.elementor-element-dbed9d4 .boxMedia > div > div{
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 0;
    
}

.elementor-3755 .elementor-element.elementor-element-dbed9d4 .boxMedia {
	background: 50% 60%/cover url(http://royaleventsanimation.it/wp-content/uploads/2022/11/292792354_4679530188815981_1160396976838998927_n.jpg);
}

/* Button */

.elementor-3755 .elementor-element.elementor-element-dbed9d4 .gradBtn {
	position: relative;
	width: 250px;
	height: 55px;
	font: 600 16px "Montserrat";
	color: #fff;
	cursor: pointer;
	padding: 0px;
	overflow: hidden;
	margin: 0;
    border: 1px solid #222;
    background: #0e0e0e;	
    border-radius: 16px;
    z-index: 1;
	text-shadow: 2px 2px 0px #000;
	margin-top: 24px;
}

.elementor-3755 .elementor-element.elementor-element-dbed9d4 .gradBtn:hover{
}

.elementor-3755 .elementor-element.elementor-element-dbed9d4 .gradBtn div{
    color: var(--e-global-color-text)!important;
	position: relative;
	justify-content: center;
    width: 98%;
    height: auto;
	padding: 16px 48px;
	z-index: 2;
	
}

.elementor-3755 .elementor-element.elementor-element-dbed9d4 .gradBtn:before {
	--size: 0;
	content: "";
	position: absolute;
	left: var(--x);
	top: var(--y);
	width: var(--size);
	height: var(--size);
	background: radial-gradient(circle closest-side, #333, transparent);
	transform: translate(-50%, -50%);
	transition: width 0.3s ease, height 0.3s ease;
    z-index: 1;
}

.elementor-3755 .elementor-element.elementor-element-dbed9d4 .gradBtn:hover:before {
	--size: 300px;
}

@keyframes fade {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@media (max-width: 767px){
    
    .elementor-3755 .elementor-element.elementor-element-dbed9d4{
        height: fit-content;
    }
    
    .elementor-3755 .elementor-element.elementor-element-dbed9d4 .gradBtn, .elementor-3755 .elementor-element.elementor-element-dbed9d4 a:has(.gradBtn){
        width: 100%;
    }
    
    .elementor-3755 .elementor-element.elementor-element-dbed9d4 .gradBtn{
        margin: 0;
    }
    
    .elementor-3755 .elementor-element.elementor-element-dbed9d4 .boxMedia{
        height: 250px;
        
    }
    
    .elementor-3755 .elementor-element.elementor-element-dbed9d4 section {
        padding: 64px 32px 200px 32px;
    	display: flex;
    	flex-direction: column;
    	gap: 32px;
    	width: 100%;
    	height: fit-content;
    	align-items: center;
    }
    
    .elementor-3755 .elementor-element.elementor-element-dbed9d4 section > div{
        width: 100% !important;
        padding: 0 !important;
    }
    
    .elementor-3755 .elementor-element.elementor-element-dbed9d4 section div{
    	display: flex;
    	gap: 8px;
    	width: 50%;
    	animation: none;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7f039d5 */.elementor-3755 .elementor-element.elementor-element-7f039d5 * {
    font-family: "Montserrat", sans-serif !important;
    outline: none;
}
.elementor-3755 .elementor-element.elementor-element-7f039d5 {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image:
    linear-gradient(180deg, #00000088, #000000dd),
    url('http://royaleventsanimation.it/wp-content/uploads/2023/12/background-waves-reverse.png');
    
    margin: 0;
	height: 100vh;
}

.elementor-3755 .elementor-element.elementor-element-7f039d5 p{
    color: #fff;
    margin: 0;
    font: 300 .9rem "Montserrat", sans-serif;
    line-height: 130%;
}

.elementor-3755 .elementor-element.elementor-element-7f039d5 h2{
    margin: 0;
    color: #fff;
	font: 700 1.7rem "Montserrat", sans-serif;
}

.elementor-3755 .elementor-element.elementor-element-7f039d5 h3{
    margin: 0;
    color: #fff;
	font: 700 1.4rem "Montserrat", sans-serif;
}

.elementor-3755 .elementor-element.elementor-element-7f039d5 section {
    padding: 3% 128px;
	display: flex;
	gap: 128px;
	width: 100%;
	height: 100vh;
	align-items: center;
}

.elementor-3755 .elementor-element.elementor-element-7f039d5 section div{
	display: flex;
	gap: 8px;
	width: 50%;
	animation: linear fade both;
	animation-timeline: view();
	animation-range: entry 50% exit 50%;
}

.elementor-3755 .elementor-element.elementor-element-7f039d5 section .text{
	flex-direction: column;
}

.elementor-3755 .elementor-element.elementor-element-7f039d5 section > .images{
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
    gap: 12px;
    align-content: center;
    justify-content: center;
    flex-direction: row;
    padding: 0;
}

.elementor-3755 .elementor-element.elementor-element-7f039d5 section > .images div{
    border-radius: 20px;
}

.elementor-3755 .elementor-element.elementor-element-7f039d5 .boxMedia {
	width: 100%;
	height: 250px;
    display: flex;
    align-items: flex-end;
}

.elementor-3755 .elementor-element.elementor-element-7f039d5 .boxMedia > div{
    width: 100%;
    backdrop-filter: blur(10px); 
    height: fit-content;
    background: #202020bb;
    display: flex;
    align-items: center;
    gap: 0;
    flex-direction: row;
    padding: 16px 8px;
}

.elementor-3755 .elementor-element.elementor-element-7f039d5 .boxMedia > div > div{
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 0;
    
}

.elementor-3755 .elementor-element.elementor-element-7f039d5 .boxMedia {
	background: 50%/cover url(http://royaleventsanimation.it/wp-content/uploads/2022/11/sposa-1.jpg);
}

/* Button */

.elementor-3755 .elementor-element.elementor-element-7f039d5 .gradBtn {
	position: relative;
	width: 250px;
	height: 55px;
	font: 600 16px "Montserrat";
	color: #fff;
	cursor: pointer;
	padding: 0px;
	overflow: hidden;
	margin: 0;
    border: 1px solid #222;
    background: #0e0e0e;	
    border-radius: 16px;
    z-index: 1;
	text-shadow: 2px 2px 0px #000;
	margin-top: 24px;
}

.elementor-3755 .elementor-element.elementor-element-7f039d5 .gradBtn:hover{
}

.elementor-3755 .elementor-element.elementor-element-7f039d5 .gradBtn div{
    color: var(--e-global-color-text)!important;
	position: relative;
	justify-content: center;
    width: 98%;
    height: auto;
	padding: 16px 48px;
	z-index: 2;
	
}

.elementor-3755 .elementor-element.elementor-element-7f039d5 .gradBtn:before {
	--size: 0;
	content: "";
	position: absolute;
	left: var(--x);
	top: var(--y);
	width: var(--size);
	height: var(--size);
	background: radial-gradient(circle closest-side, #333, transparent);
	transform: translate(-50%, -50%);
	transition: width 0.3s ease, height 0.3s ease;
    z-index: 1;
}

.elementor-3755 .elementor-element.elementor-element-7f039d5 .gradBtn:hover:before {
	--size: 300px;
}

@keyframes fade {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@media (max-width: 767px){
    
    .elementor-3755 .elementor-element.elementor-element-7f039d5{
        height: fit-content;
    }
    
    .elementor-3755 .elementor-element.elementor-element-7f039d5 .gradBtn, .elementor-3755 .elementor-element.elementor-element-7f039d5 a:has(.gradBtn){
        width: 100%;
    }
    
    .elementor-3755 .elementor-element.elementor-element-7f039d5 .gradBtn{
        margin: 0;
    }
    
    .elementor-3755 .elementor-element.elementor-element-7f039d5 .boxMedia{
        height: 250px;
        
    }
    
    .elementor-3755 .elementor-element.elementor-element-7f039d5 section {
        padding: 64px 32px 200px 32px;
    	display: flex;
    	flex-direction: column;
    	gap: 32px;
    	width: 100%;
    	height: fit-content;
    	align-items: center;
    }
    
    .elementor-3755 .elementor-element.elementor-element-7f039d5 section > div{
        width: 100% !important;
        padding: 0 !important;
    }
    
    .elementor-3755 .elementor-element.elementor-element-7f039d5 section div{
    	display: flex;
    	gap: 8px;
    	width: 50%;
    	animation: none;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-194200f */.elementor-3755 .elementor-element.elementor-element-194200f * {
    font-family: "Montserrat", sans-serif !important;
    outline: none;
}
.elementor-3755 .elementor-element.elementor-element-194200f {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image:
    linear-gradient(180deg, #000000dd, #00000088),
    url('http://royaleventsanimation.it/wp-content/uploads/2023/12/background-waves.png');
    
    margin: 0;
	height: 100vh;
}

.elementor-3755 .elementor-element.elementor-element-194200f p{
    color: #fff;
    margin: 0;
    font: 300 .9rem "Montserrat", sans-serif;
    line-height: 130%;
}

.elementor-3755 .elementor-element.elementor-element-194200f h2{
    margin: 0;
    color: #fff;
	font: 700 1.7rem "Montserrat", sans-serif;
}

.elementor-3755 .elementor-element.elementor-element-194200f h3{
    margin: 0;
    color: #fff;
	font: 700 1.4rem "Montserrat", sans-serif;
}

.elementor-3755 .elementor-element.elementor-element-194200f .logo {
	width: 80px;
}

.elementor-3755 .elementor-element.elementor-element-194200f section {
    padding: 3% 128px;
	display: flex;
	gap: 128px;
	width: 100%;
	height: 100vh;
	align-items: center;
	
}

.elementor-3755 .elementor-element.elementor-element-194200f section div{
	display: flex;
	gap: 8px;
	width: 50%;
	animation: linear fade both;
	animation-timeline: view();
	animation-range: entry 50% exit 50%;
}

.elementor-3755 .elementor-element.elementor-element-194200f section > .text{
	flex-direction: column;
}

.elementor-3755 .elementor-element.elementor-element-194200f section > .images{
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    gap: 12px;
    align-content: center;
    justify-content: center;
    flex-direction: row;
}

.elementor-3755 .elementor-element.elementor-element-194200f section > .images div{
    border-radius: 20px;
}

.elementor-3755 .elementor-element.elementor-element-194200f .boxMedia {
	width: 100%;
	height: 100%;
    display: flex;
    align-items: flex-end;
}

.elementor-3755 .elementor-element.elementor-element-194200f .boxMedia > div{
    width: 100%;
    backdrop-filter: blur(10px); 
    height: fit-content;
    background: #202020bb;
    display: flex;
    align-items: center;
    gap: 0px;
    flex-direction: row;
    padding: 16px 8px;
}

.elementor-3755 .elementor-element.elementor-element-194200f .boxMedia > div > div{
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 0px;
    
}

.elementor-3755 .elementor-element.elementor-element-194200f .boxMedia {
	background: 50% 50%/cover url(http://royaleventsanimation.it/wp-content/uploads/2022/11/293429519_4685955398173460_4725732639021308008_n.jpg);
}

/* Button */

.elementor-3755 .elementor-element.elementor-element-194200f .gradBtn {
	position: relative;
	width: 250px;
	height: 60px;
	background: var(--e-global-color-secondary);
	font: 600 16px "Montserrat";
	color: #fff;
	cursor: pointer;
	padding: 0px;
	overflow: hidden;
	margin: 0;
    border: 1px solid #222;
    background: #0e0e0e;	
    border-radius: 16px;
    z-index: 1;
	text-shadow: 2px 2px 0px #000;
	margin-top: 24px;
}

.elementor-3755 .elementor-element.elementor-element-194200f .gradBtn:hover{
}

.elementor-3755 .elementor-element.elementor-element-194200f .gradBtn div{
    color: var(--e-global-color-text)!important;
    justify-content: center;
	position: relative;
    width: 98%;
    height: auto;
	padding: 16px 48px;
	z-index: 2;
	
}

.elementor-3755 .elementor-element.elementor-element-194200f .gradBtn:before {
	--size: 0;
	content: "";
	position: absolute;
	left: var(--x);
	top: var(--y);
	width: var(--size);
	height: var(--size);
	background: radial-gradient(circle closest-side, #333, transparent);
	transform: translate(-50%, -50%);
	transition: width 0.3s ease, height 0.3s ease;
    z-index: 1;
}

.elementor-3755 .elementor-element.elementor-element-194200f .gradBtn:hover:before {
	--size: 300px;
}

@keyframes fade {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@media (max-width: 767px){
    
    .elementor-3755 .elementor-element.elementor-element-194200f{
        height: fit-content;
    }
    
    .elementor-3755 .elementor-element.elementor-element-194200f .gradBtn, .elementor-3755 .elementor-element.elementor-element-194200f a:has(.gradBtn){
        width: 100%;
    }
    
    .elementor-3755 .elementor-element.elementor-element-194200f .gradBtn{
        margin: 0;
    }
    
    .elementor-3755 .elementor-element.elementor-element-194200f .boxMedia{
        height: 250px;
        
    }
    
    .elementor-3755 .elementor-element.elementor-element-194200f section {
        padding: 64px 32px 200px 32px;
    	display: flex;
    	flex-direction: column;
    	gap: 32px;
    	width: 100%;
    	height: fit-content;
    	align-items: center;
    }
    
    .elementor-3755 .elementor-element.elementor-element-194200f section > div{
        width: 100% !important;
        padding: 0 !important;
    }
    
    .elementor-3755 .elementor-element.elementor-element-194200f section div{
    	display: flex;
    	gap: 8px;
    	width: 50%;
    	animation: none;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a9f78bd */.elementor-3755 .elementor-element.elementor-element-a9f78bd * {
    font-family: "Montserrat", sans-serif !important;
    outline: none;
}
.elementor-3755 .elementor-element.elementor-element-a9f78bd {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image:
    linear-gradient(180deg, #00000088, #000000dd),
    url('http://royaleventsanimation.it/wp-content/uploads/2023/12/background-waves-reverse.png');
    margin: 0;
	height: 100vh;
}

.elementor-3755 .elementor-element.elementor-element-a9f78bd p{
    color: #fff;
    margin: 0;
    font: 300 .9rem "Montserrat", sans-serif;
    line-height: 130%;
}

.elementor-3755 .elementor-element.elementor-element-a9f78bd h2{
    margin: 0;
    color: #fff;
	font: 700 1.7rem "Montserrat", sans-serif;
}

.elementor-3755 .elementor-element.elementor-element-a9f78bd h3{
    margin: 0;
    color: #fff;
	font: 700 1.4rem "Montserrat", sans-serif;
}

.elementor-3755 .elementor-element.elementor-element-a9f78bd .logo {
	width: 80px;
}

.elementor-3755 .elementor-element.elementor-element-a9f78bd section {
    padding: 3% 128px;
	display: flex;
	gap: 128px;
	width: 100%;
	height: 100vh;
	align-items: center;
	
}

.elementor-3755 .elementor-element.elementor-element-a9f78bd section div{
	display: flex;
	gap: 8px;
	width: 50%;
	animation: linear fade both;
	animation-timeline: view();
	animation-range: entry 50% exit 50%;
}

.elementor-3755 .elementor-element.elementor-element-a9f78bd section > .text{
	flex-direction: column;
}

.elementor-3755 .elementor-element.elementor-element-a9f78bd section > .images{
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    gap: 12px;
    align-content: center;
    justify-content: center;
    flex-direction: row;
}

.elementor-3755 .elementor-element.elementor-element-a9f78bd section > .images div{
    border-radius: 20px;
}

.elementor-3755 .elementor-element.elementor-element-a9f78bd .boxMedia {
	width: 100%;
	height: 100%;
    display: flex;
    align-items: flex-end;
}

.elementor-3755 .elementor-element.elementor-element-a9f78bd .boxMedia > div{
    width: 100%;
    backdrop-filter: blur(10px); 
    height: fit-content;
    background: #202020bb;
    display: flex;
    align-items: center;
    gap: 0px;
    flex-direction: row;
    padding: 16px 8px;
}

.elementor-3755 .elementor-element.elementor-element-a9f78bd .boxMedia > div > div{
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 0px;
    
}


.elementor-3755 .elementor-element.elementor-element-a9f78bd .boxMedia {
	background: 50% 60%/cover url(http://royaleventsanimation.it/wp-content/uploads/2022/11/sfondo-feste-bambini2.png);
}

/* Button */

.elementor-3755 .elementor-element.elementor-element-a9f78bd .gradBtn {
	position: relative;
	width: 250px;
	height: 60px;
	background: var(--e-global-color-secondary);
	font: 600 16px "Montserrat";
	color: #fff;
	cursor: pointer;
	padding: 0px;
	overflow: hidden;
	margin: 0;
    border: 1px solid #222;
    background: #0e0e0e;	
    border-radius: 16px;
    z-index: 1;
	text-shadow: 2px 2px 0px #000;
	margin-top: 24px;
}

.elementor-3755 .elementor-element.elementor-element-a9f78bd .gradBtn:hover{
}

.elementor-3755 .elementor-element.elementor-element-a9f78bd .gradBtn div{
    color: var(--e-global-color-text)!important;
    justify-content: center;
	position: relative;
    width: 98%;
    height: auto;
	padding: 16px 48px;
	z-index: 2;
	
}

.elementor-3755 .elementor-element.elementor-element-a9f78bd .gradBtn:before {
	--size: 0;
	content: "";
	position: absolute;
	left: var(--x);
	top: var(--y);
	width: var(--size);
	height: var(--size);
	background: radial-gradient(circle closest-side, #333, transparent);
	transform: translate(-50%, -50%);
	transition: width 0.3s ease, height 0.3s ease;
    z-index: 1;
}

.elementor-3755 .elementor-element.elementor-element-a9f78bd .gradBtn:hover:before {
	--size: 300px;
}

@keyframes fade {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@media (max-width: 767px){
    
    .elementor-3755 .elementor-element.elementor-element-a9f78bd{
        height: fit-content;
    }
    
    .elementor-3755 .elementor-element.elementor-element-a9f78bd .gradBtn, .elementor-3755 .elementor-element.elementor-element-a9f78bd a:has(.gradBtn){
        width: 100%;
    }
    
    .elementor-3755 .elementor-element.elementor-element-a9f78bd .gradBtn{
        margin: 0;
    }
    
    .elementor-3755 .elementor-element.elementor-element-a9f78bd .boxMedia{
        height: 250px;
        
    }
    
    .elementor-3755 .elementor-element.elementor-element-a9f78bd section {
        padding: 64px 32px 200px 32px;
    	display: flex;
    	flex-direction: column;
    	gap: 32px;
    	width: 100%;
    	height: fit-content;
    	align-items: center;
    }
    
    .elementor-3755 .elementor-element.elementor-element-a9f78bd section > div{
        width: 100% !important;
        padding: 0 !important;
    }
    
    .elementor-3755 .elementor-element.elementor-element-a9f78bd section div{
    	display: flex;
    	gap: 8px;
    	width: 50%;
    	animation: none;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3e67afe */.elementor-3755 .elementor-element.elementor-element-3e67afe * {
    font-family: "Montserrat", sans-serif !important;
    outline: none;
}
.elementor-3755 .elementor-element.elementor-element-3e67afe {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image:
    linear-gradient(180deg, #000000dd, #00000088),
    url('http://royaleventsanimation.it/wp-content/uploads/2023/12/background-waves.png');
    
    margin: 0;
	height: 100vh;
}

.elementor-3755 .elementor-element.elementor-element-3e67afe p{
    color: #fff;
    margin: 0;
    font: 300 .9rem "Montserrat", sans-serif;
    line-height: 130%;
}

.elementor-3755 .elementor-element.elementor-element-3e67afe h2{
    margin: 0;
    color: #fff;
	font: 700 1.7rem "Montserrat", sans-serif;
}

.elementor-3755 .elementor-element.elementor-element-3e67afe h3{
    margin: 0;
    color: #fff;
	font: 700 1.4rem "Montserrat", sans-serif;
}

.elementor-3755 .elementor-element.elementor-element-3e67afe .logo {
	width: 80px;
}

.elementor-3755 .elementor-element.elementor-element-3e67afe section {
    padding: 3% 128px;
	display: flex;
	gap: 128px;
	width: 100%;
	height: 100vh;
	align-items: center;
	
}

.elementor-3755 .elementor-element.elementor-element-3e67afe section div{
	display: flex;
	gap: 8px;
	width: 50%;
	animation: linear fade both;
	animation-timeline: view();
	animation-range: entry 50% exit 50%;
}

.elementor-3755 .elementor-element.elementor-element-3e67afe section > .text{
	flex-direction: column;
}

.elementor-3755 .elementor-element.elementor-element-3e67afe section > .images{
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    gap: 12px;
    align-content: center;
    justify-content: center;
    flex-direction: row;
}

.elementor-3755 .elementor-element.elementor-element-3e67afe section > .images div{
    border-radius: 20px;
}

.elementor-3755 .elementor-element.elementor-element-3e67afe .boxMedia {
	width: 100%;
	height: 100%;
    display: flex;
    align-items: flex-end;
}

.elementor-3755 .elementor-element.elementor-element-3e67afe .boxMedia > div{
    width: 100%;
    backdrop-filter: blur(10px); 
    height: fit-content;
    background: #202020bb;
    display: flex;
    align-items: center;
    gap: 0px;
    flex-direction: row;
    padding: 16px 8px;
}

.elementor-3755 .elementor-element.elementor-element-3e67afe .boxMedia > div > div{
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 0px;
    
}


.elementor-3755 .elementor-element.elementor-element-3e67afe .boxMedia {
	background: 50% 60%/cover url(http://royaleventsanimation.it/wp-content/uploads/2022/11/292792354_4679530188815981_1160396976838998927_n.jpg);
}

/* Button */

.elementor-3755 .elementor-element.elementor-element-3e67afe .gradBtn {
	position: relative;
	width: 250px;
	height: 60px;
	background: var(--e-global-color-secondary);
	font: 600 16px "Montserrat";
	color: #fff;
	cursor: pointer;
	padding: 0px;
	overflow: hidden;
	margin: 0;
    border: 1px solid #222;
    background: #0e0e0e;	
    border-radius: 16px;
    z-index: 1;
	text-shadow: 2px 2px 0px #000;
	margin-top: 24px;
}

.elementor-3755 .elementor-element.elementor-element-3e67afe .gradBtn:hover{
}

.elementor-3755 .elementor-element.elementor-element-3e67afe .gradBtn div{
    color: var(--e-global-color-text)!important;
    justify-content: center;
	position: relative;
    width: 98%;
    height: auto;
	padding: 16px 48px;
	z-index: 2;
	
}

.elementor-3755 .elementor-element.elementor-element-3e67afe .gradBtn:before {
	--size: 0;
	content: "";
	position: absolute;
	left: var(--x);
	top: var(--y);
	width: var(--size);
	height: var(--size);
	background: radial-gradient(circle closest-side, #333, transparent);
	transform: translate(-50%, -50%);
	transition: width 0.3s ease, height 0.3s ease;
    z-index: 1;
}

.elementor-3755 .elementor-element.elementor-element-3e67afe .gradBtn:hover:before {
	--size: 300px;
}

@keyframes fade {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@media (max-width: 767px){
    
    .elementor-3755 .elementor-element.elementor-element-3e67afe{
        height: fit-content;
    }
    
    .elementor-3755 .elementor-element.elementor-element-3e67afe .gradBtn, .elementor-3755 .elementor-element.elementor-element-3e67afe a:has(.gradBtn){
        width: 100%;
    }
    
    .elementor-3755 .elementor-element.elementor-element-3e67afe .gradBtn{
        margin: 0;
    }
    
    .elementor-3755 .elementor-element.elementor-element-3e67afe .boxMedia{
        height: 250px;
        
    }
    
    .elementor-3755 .elementor-element.elementor-element-3e67afe section {
        padding: 64px 32px 200px 32px;
    	display: flex;
    	flex-direction: column;
    	gap: 32px;
    	width: 100%;
    	height: fit-content;
    	align-items: center;
    }
    
    .elementor-3755 .elementor-element.elementor-element-3e67afe section > div{
        width: 100% !important;
        padding: 0 !important;
    }
    
    .elementor-3755 .elementor-element.elementor-element-3e67afe section div{
    	display: flex;
    	gap: 8px;
    	width: 50%;
    	animation: none;
}
}/* End custom CSS */
/* Start custom CSS */body.elementor-page-3755{
    overflow-x: hidden;
}/* End custom CSS */