.elementor-7 .elementor-element.elementor-element-ac64356{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--overlay-opacity:0.5;}.elementor-7 .elementor-element.elementor-element-ac64356:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-ac64356 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dudexyz.co/wp-content/uploads/2023/05/DUDEco.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-ac64356::before, .elementor-7 .elementor-element.elementor-element-ac64356 > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-ac64356 > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-ac64356 > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-ac64356 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-ac64356 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-7 .elementor-element.elementor-element-686a5bf{width:var( --container-widget-width, 198px );max-width:198px;--container-widget-width:198px;--container-widget-flex-grow:0;}.elementor-7 .elementor-element.elementor-element-54b10013{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:69px 69px;--row-gap:69px;--column-gap:69px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-7 .elementor-element.elementor-element-54b10013:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-54b10013 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7 .elementor-element.elementor-element-54b10013 > .elementor-shape-top .elementor-shape-fill, .elementor-7 .elementor-element.elementor-element-54b10013 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#030D11;}.elementor-7 .elementor-element.elementor-element-54b10013 > .elementor-shape-top svg, .elementor-7 .elementor-element.elementor-element-54b10013 > .e-con-inner > .elementor-shape-top svg{height:348px;transform:translateX(-50%) rotateY(180deg);}.elementor-7 .elementor-element.elementor-element-5e5980c9.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-5e5980c9 img{width:100%;max-width:100%;height:490px;border-style:none;border-radius:250px 250px 250px 250px;}.elementor-7 .elementor-element.elementor-element-4a9d9250{--display:flex;--gap:11px 11px;--row-gap:11px;--column-gap:11px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:15%;}.elementor-7 .elementor-element.elementor-element-4a9d9250.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-7 .elementor-element.elementor-element-3ca8446a > .elementor-widget-container{margin:0px 0px -5px 0px;}.elementor-7 .elementor-element.elementor-element-3ca8446a{text-align:left;}.elementor-7 .elementor-element.elementor-element-3ca8446a .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:50px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0px;color:#000000;}.elementor-7 .elementor-element.elementor-element-321f6ff > .elementor-widget-container{margin:-22px 0px 0px 0px;padding:0% 0% 0% 0%;}.elementor-7 .elementor-element.elementor-element-321f6ff{text-align:left;}.elementor-7 .elementor-element.elementor-element-321f6ff .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:100px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0px;color:#A5840F;}.elementor-7 .elementor-element.elementor-element-7c23fe7c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;columns:1;text-align:left;color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:1.2em;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;}.elementor-7 .elementor-element.elementor-element-59d6cee5 .elementor-button{background-color:#61CE7000;font-family:"Manrope", Sans-serif;font-size:16px;font-weight:800;text-transform:capitalize;line-height:1em;letter-spacing:2px;fill:#FFFFFF;color:#FFFFFF;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-59d6cee5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-7 .elementor-element.elementor-element-59d6cee5 .elementor-button .elementor-button-content-wrapper{gap:15px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-54b10013{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-5e5980c9{width:var( --container-widget-width, 38% );max-width:38%;--container-widget-width:38%;--container-widget-flex-grow:0;}.elementor-7 .elementor-element.elementor-element-5e5980c9.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-5e5980c9 img{width:100%;}.elementor-7 .elementor-element.elementor-element-4a9d9250{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-7 .elementor-element.elementor-element-3ca8446a .elementor-heading-title{font-size:36px;}.elementor-7 .elementor-element.elementor-element-321f6ff .elementor-heading-title{font-size:36px;}.elementor-7 .elementor-element.elementor-element-7c23fe7c{--container-widget-width:558px;--container-widget-flex-grow:0;width:var( --container-widget-width, 558px );max-width:558px;font-size:21px;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-ac64356:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-ac64356 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dudexyz.co/wp-content/uploads/2023/05/DUDEco.jpg");background-position:bottom center;background-size:cover;}.elementor-7 .elementor-element.elementor-element-54b10013{--justify-content:center;--gap:34px 34px;--row-gap:34px;--column-gap:34px;--padding-top:15%;--padding-bottom:15%;--padding-left:3%;--padding-right:3%;}.elementor-7 .elementor-element.elementor-element-5e5980c9{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-7 .elementor-element.elementor-element-5e5980c9 img{width:280px;max-width:100%;height:280px;}.elementor-7 .elementor-element.elementor-element-4a9d9250{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-7 .elementor-element.elementor-element-3ca8446a .elementor-heading-title{font-size:3.1em;}.elementor-7 .elementor-element.elementor-element-321f6ff .elementor-heading-title{font-size:5.5em;}.elementor-7 .elementor-element.elementor-element-7c23fe7c{width:100%;max-width:100%;text-align:justify;font-size:20px;}.elementor-7 .elementor-element.elementor-element-7c23fe7c > .elementor-widget-container{padding:14px 14px 14px 14px;}}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-54b10013{--content-width:1300px;}}@media(min-width:1025px){.elementor-7 .elementor-element.elementor-element-ac64356:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-ac64356 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for html, class: .elementor-element-686a5bf */.loader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  height: 55px;
  width: 200px;
  overflow: hidden;
}

.container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 200px;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.carousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  width: 100%;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.loader .container:nth-child(3) {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  justify-items: flex-start;
  -webkit-animation: scroll-up 4s infinite ease-in-out;
          animation: scroll-up 4s infinite ease-in-out;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.loader .container:nth-child(2) {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  justify-items: flex-end;
  -webkit-animation: scroll-down 4s infinite ease-in-out;
          animation: scroll-down 4s infinite ease-in-out;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.loader .container:nth-child(1) {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  justify-items: flex-end;
  -webkit-animation: scroll-down 3s infinite ease-in-out;
          animation: scroll-down 3s infinite ease-in-out;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.love {
  background: #F100FF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 8px;
  margin: 0.8rem 4px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.love::before, .love::after {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #F100FF;
}

.love::before {
  left: -16px;
}

.love::after {
  top: -16px;
}

.death {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 55px;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-animation: rotation 3s infinite ease-in-out;
          animation: rotation 3s infinite ease-in-out;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.death:after {
  content: '';
  height: 63px;
  position: absolute;
  border-left: 12px solid red;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  border-radius: 8px;
  top: -4px;
}

.death:before {
  content: '';
  height: 60px;
  position: absolute;
  border-left: 12px solid red;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.loader:hover {
  -webkit-animation: none;
          animation: none;
}

.robots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 55px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #0020FF;
  border-radius: 0 8px 8px;
  padding: 8px;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}

.robots::after {
  content: '';
  width: 12px;
  height: 12px;
  top: 0;
  left: 0;
  background-color: #FFF900;
  border-radius: 50%;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation: blink 0.5s 2 forwards;
          animation: blink 0.5s 2 forwards;
}

.robots::before {
  content: '';
  width: 12px;
  height: 12px;
  top: 0;
  left: 0;
  background-color: #FFF900;
  border-radius: 50%;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation: blink 0.5s 2 forwards;
          animation: blink 0.5s 2 forwards;
}

@-webkit-keyframes scroll-up {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-filter: blur(0);
            filter: blur(0);
  }

  30% {
    -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }

  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}

@keyframes scroll-up {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-filter: blur(0);
            filter: blur(0);
  }

  30% {
    -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }

  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}

@-webkit-keyframes scroll-down {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-filter: blur(0);
            filter: blur(0);
  }

  30% {
    -webkit-transform: translateY(150%);
            transform: translateY(150%);
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }

  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}

@keyframes scroll-down {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-filter: blur(0);
            filter: blur(0);
  }

  30% {
    -webkit-transform: translateY(150%);
            transform: translateY(150%);
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }

  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}

@-webkit-keyframes rotation {
  20%, 100% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

@keyframes rotation {
  20%, 100% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

@-webkit-keyframes blink {
  0% {
    height: 0;
  }

  20% {
    height: 12px;
  }

  100% {
    height: 12px;
  }
}

@keyframes blink {
  0% {
    height: 0;
  }

  20% {
    height: 12px;
  }

  100% {
    height: 12px;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-321f6ff */.elementor-7 .elementor-element.elementor-element-321f6ff:hover {
  transform: scale(1.2) rotate(-5deg);
  transition: all 0.3s ease-in-out;
}/* End custom CSS */