.elementor-50 .elementor-element.elementor-element-615d1bc{--display:flex;--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:center;--align-items:center;}.elementor-50 .elementor-element.elementor-element-6f4bc69{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-50 .elementor-element.elementor-element-cbf2d76 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:4em;font-weight:800;color:#FFFFFF00;}.elementor-50 .elementor-element.elementor-element-4853082{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-50 .elementor-element.elementor-element-5c127f6{--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;--justify-content:center;--align-items:center;--gap:118px 118px;--row-gap:118px;--column-gap:118px;}.elementor-50 .elementor-element.elementor-element-454d9bf{--display:flex;}.elementor-50 .elementor-element.elementor-element-b3491b5{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-50 .elementor-element.elementor-element-d9d1fa5 img{width:15%;}.elementor-50 .elementor-element.elementor-element-90f8c5f{text-align:center;}.elementor-50 .elementor-element.elementor-element-90f8c5f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.2em;font-weight:600;letter-spacing:2.5px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-50 .elementor-element.elementor-element-cd4bd50{text-align:center;font-family:"Montserrat", Sans-serif;font-size:1em;font-weight:400;color:#CECECE;}.elementor-50 .elementor-element.elementor-element-14719e9{--display:flex;--min-height:237px;--justify-content:center;}.elementor-50 .elementor-element.elementor-element-936a3a9{--display:flex;}.elementor-50 .elementor-element.elementor-element-b182b66 img{width:45%;}.elementor-50 .elementor-element.elementor-element-8911af5{text-align:center;}.elementor-50 .elementor-element.elementor-element-8911af5 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.2em;font-weight:600;letter-spacing:2.5px;color:#FFFFFF;}.elementor-50 .elementor-element.elementor-element-df1787c{text-align:center;font-family:"Montserrat", Sans-serif;font-size:0.9em;font-weight:400;color:#CECECE;}.elementor-50 .elementor-element.elementor-element-4f23283{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-50 .elementor-element.elementor-element-f65d16c{--display:flex;}.elementor-50 .elementor-element.elementor-element-3f7a050 img{width:15%;}.elementor-50 .elementor-element.elementor-element-8476f69{text-align:center;}.elementor-50 .elementor-element.elementor-element-8476f69 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.2em;font-weight:600;letter-spacing:2.5px;color:#FFFFFF;}.elementor-50 .elementor-element.elementor-element-6293274{text-align:center;font-family:"Montserrat", Sans-serif;font-size:0.9em;font-weight:400;color:#CECECE;}.elementor-50 .elementor-element.elementor-element-0aaf43c{--display:flex;--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:center;--align-items:center;--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-50 .elementor-element.elementor-element-c193941{--display:flex;--min-height:323px;--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;--justify-content:center;--align-items:center;border-style:none;--border-style:none;--border-radius:15px 15px 15px 15px;}.elementor-50 .elementor-element.elementor-element-ca43100{--display:flex;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-50 .elementor-element.elementor-element-6d03e6c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:3em;font-weight:700;color:#FFFFFF;}.elementor-50 .elementor-element.elementor-element-474ec1c{--display:flex;}.elementor-50 .elementor-element.elementor-element-accc270.elementor-element{--align-self:center;}.elementor-50 .elementor-element.elementor-element-b41b007{--display:flex;--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:center;--align-items:center;}.elementor-50 .elementor-element.elementor-element-7d2c31d{--display:flex;}.elementor-50 .elementor-element.elementor-element-694d7bf{--display:flex;--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:center;--align-items:center;}.elementor-50 .elementor-element.elementor-element-2fb4611{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-50 .elementor-element.elementor-element-223e96e{--display:flex;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-50 .elementor-element.elementor-element-27d6a0f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.5em;font-weight:700;color:#FFFFFF;}.elementor-50 .elementor-element.elementor-element-f45d252 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:3em;font-weight:700;color:#FFFFFF;}.elementor-50 .elementor-element.elementor-element-ee3e0d5{--display:flex;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-50 .elementor-element.elementor-element-0192c69{columns:2;column-gap:46px;font-family:"Montserrat", Sans-serif;font-size:1.4em;font-weight:600;color:#FFFFFF;}body.elementor-page-50:not(.elementor-motion-effects-element-type-background), body.elementor-page-50 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-baf99e1 );}@media(max-width:1024px){.elementor-50 .elementor-element.elementor-element-cbf2d76 .elementor-heading-title{font-size:3.5em;}.elementor-50 .elementor-element.elementor-element-5c127f6{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:70px 70px;--row-gap:70px;--column-gap:70px;}.elementor-50 .elementor-element.elementor-element-90f8c5f .elementor-heading-title{font-size:1.2em;}.elementor-50 .elementor-element.elementor-element-8911af5 .elementor-heading-title{font-size:1.2em;}.elementor-50 .elementor-element.elementor-element-8476f69 .elementor-heading-title{font-size:1.2em;}.elementor-50 .elementor-element.elementor-element-c193941{--min-height:262px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-50 .elementor-element.elementor-element-6d03e6c{text-align:center;}.elementor-50 .elementor-element.elementor-element-6d03e6c .elementor-heading-title{font-size:1.5em;}.elementor-50 .elementor-element.elementor-element-27d6a0f{text-align:center;}.elementor-50 .elementor-element.elementor-element-27d6a0f .elementor-heading-title{font-size:1.2em;}.elementor-50 .elementor-element.elementor-element-f45d252{text-align:center;}.elementor-50 .elementor-element.elementor-element-f45d252 .elementor-heading-title{font-size:1.8em;}.elementor-50 .elementor-element.elementor-element-0192c69{columns:1;column-gap:36px;font-size:1em;}}@media(max-width:767px){.elementor-50 .elementor-element.elementor-element-cbf2d76 .elementor-heading-title{font-size:2.4em;}.elementor-50 .elementor-element.elementor-element-454d9bf{--width:100%;}.elementor-50 .elementor-element.elementor-element-d9d1fa5 img{width:22%;}.elementor-50 .elementor-element.elementor-element-90f8c5f .elementor-heading-title{font-size:1em;}.elementor-50 .elementor-element.elementor-element-8911af5 .elementor-heading-title{font-size:1em;}.elementor-50 .elementor-element.elementor-element-3f7a050 img{width:25%;}.elementor-50 .elementor-element.elementor-element-8476f69 .elementor-heading-title{font-size:1em;}.elementor-50 .elementor-element.elementor-element-6d03e6c .elementor-heading-title{font-size:1.3em;}.elementor-50 .elementor-element.elementor-element-27d6a0f .elementor-heading-title{font-size:1em;}.elementor-50 .elementor-element.elementor-element-f45d252 .elementor-heading-title{font-size:1.8em;}}@media(min-width:768px){.elementor-50 .elementor-element.elementor-element-6f4bc69{--width:90%;}.elementor-50 .elementor-element.elementor-element-4853082{--width:90%;}.elementor-50 .elementor-element.elementor-element-5c127f6{--width:90%;}.elementor-50 .elementor-element.elementor-element-c193941{--width:90%;}.elementor-50 .elementor-element.elementor-element-474ec1c{--width:37%;}.elementor-50 .elementor-element.elementor-element-2fb4611{--width:90%;}.elementor-50 .elementor-element.elementor-element-223e96e{--width:40%;}.elementor-50 .elementor-element.elementor-element-ee3e0d5{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-50 .elementor-element.elementor-element-454d9bf{--width:8%;}.elementor-50 .elementor-element.elementor-element-14719e9{--width:500px;}.elementor-50 .elementor-element.elementor-element-ca43100{--width:94%;}.elementor-50 .elementor-element.elementor-element-223e96e{--width:94%;}.elementor-50 .elementor-element.elementor-element-ee3e0d5{--width:94%;}}/* Start custom CSS for heading, class: .elementor-element-cbf2d76 */.gradient-text h1, .gradient-text h2, .gradient-text h3, .gradient-text h4, .gradient-text h5, .gradient-text h6 {
 background: linear-gradient(45deg, #F80000, #BA0000, #7C0000,#FF9800);
 background-size:400%;
 animation: text-gradient 15s ease infinite;
 padding:5px 0;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 background-clip: text;
   text-fill-color: transparent;
}

@keyframes text-gradient {
 0% {
  background-position: 0% 50%;
 }
 50% {
  background-position: 100% 50%;
 }
 100% {
  background-position: 0% 50%;
 }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-454d9bf */.card {
 width: 25%;
 height: 50%;
 background-color: #212121;
 box-shadow: 15px 15px 30px #191919,
              -15px -15px 30px #292929;
 transition: border-radius cubic-bezier(0.075, 0.82, 0.165, 1) 1s,
              transform cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
}

.card:hover {
 border-bottom-right-radius: 50px;
 border-top-left-radius: 50px;
 transform: scale(1.05);
}


@media only screen and (min-width: 768px) {

.card {
     width: 70% ;
 height: 50%;
}

    
}



@media only screen and (min-width: 360px) {

.card {
     width: 80% !important;
 height: 50%;
}

    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14719e9 */.card {
 width: 25%;
 height: 25%;
 background-color: #212121;
 box-shadow: 15px 15px 30px #191919,
              -15px -15px 30px #292929;
 transition: border-radius cubic-bezier(0.075, 0.82, 0.165, 1) 1s,
              transform cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
}

.card:hover {
 border-bottom-right-radius: 50px;
 border-top-left-radius: 50px;
 transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f23283 */.card {
 width: 25%;
 height: 25%;
 background-color: #212121;
 box-shadow: 15px 15px 30px #191919,
              -15px -15px 30px #292929;
 transition: border-radius cubic-bezier(0.075, 0.82, 0.165, 1) 1s,
              transform cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
}

.card:hover {
 border-bottom-right-radius: 50px;
 border-top-left-radius: 50px;
 transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-accc270 */a {
    color: white;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-474ec1c */button,button::after {
  padding: 10px 50px;
  font-size: 20px;
  border: solid 1px;
  border-radius: 5px;
  color: white;
  background-color: transparent;
  position: relative;
}

button::after {
  --move1: inset(50% 50% 50% 50%);
  --move2: inset(31% 0 40% 0);
  --move3: inset(39% 0 15% 0);
  --move4: inset(45% 0 40% 0);
  --move5: inset(45% 0 6% 0);
  --move6: inset(14% 0 61% 0);
  clip-path: var(--move1);
  content: 'GLITCH';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
}

button:hover::after {
  animation: glitch_4011 1s;
  text-shadow: 10 10px 10px black;
  animation-timing-function: steps(2, end);
  text-shadow: -3px -3px 0px #1df2f0, 3px 3px 0px #E94BE8;
  background-color: transparent;
  border: 3px solid rgb(0, 255, 213);
}

button:hover {
  text-shadow: -1px -1px 0px #1df2f0, 1px 1px 0px #E94BE8;
}

button:hover {
  background-color: transparent;
  border: 1px solid rgb(0, 255, 213);
  box-shadow: 0px 10px 10px -10px rgb(0, 255, 213);
}

@keyframes glitch_4011 {
  0% {
    clip-path: var(--move1);
    transform: translate(0px,-10px);
  }

  10% {
    clip-path: var(--move2);
    transform: translate(-10px,10px);
  }

  20% {
    clip-path: var(--move3);
    transform: translate(10px,0px);
  }

  30% {
    clip-path: var(--move4);
    transform: translate(-10px,10px);
  }

  40% {
    clip-path: var(--move5);
    transform: translate(10px,-10px);
  }

  50% {
    clip-path: var(--move6);
    transform: translate(-10px,10px);
  }

  60% {
    clip-path: var(--move1);
    transform: translate(10px,-10px);
  }

  70% {
    clip-path: var(--move3);
    transform: translate(-10px,10px);
  }

  80% {
    clip-path: var(--move2);
    transform: translate(10px,-10px);
  }

  90% {
    clip-path: var(--move4);
    transform: translate(-10px,10px);
  }

  100% {
    clip-path: var(--move1);
    transform: translate(0);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0aaf43c */.container {
  /* Basic dimensions and centering */
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;

  /* Dark mode colors and gradient */
  background: #121212; /* Fallback for browsers that don't support gradients */
  background: linear-gradient(
    135deg,
    #121212 25%,
    #1a1a1a 25%,
    #1a1a1a 50%,
    #121212 50%,
    #121212 75%,
    #1a1a1a 75%,
    #1a1a1a
  );
  background-size: 40px 40px;

  /* Animation */
  animation: move 4s linear infinite;
}

@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 40px 40px;
  }
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-eef6804 */.swiper-wrapper {
  transition-timing-function: linear !important; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f45d252 */.red {
    color: red;
}/* End custom CSS */