html, body {overflow-x: hidden;}
body {font-family: 'Graphik'; background-size:cover;  margin: 0 auto; position: relative;}
img {max-width: 100%}
a {outline: none; text-decoration: none;}
header { background: #414456; padding:20px 0 }
input:-internal-autofill-selected {background-color: transparent!important;}
.header-logo {width: 12.38rem; margin-top: 5px; }
.header-logo svg {fill: #ffffff}
.lp-banner {padding: 100px 0; padding-top: 130px}
.lp-banner-text h2 { font-size: 62px; text-align: center; font-weight: 600; line-height: 130px; color: #3f3f3f}

.lp-banner-text h2 .span2:after {content: ''; position: absolute; left: 0; right: 0; margin: auto;     bottom: -10px; background-image: linear-gradient(to right, #2881db, #a230dd, #cf15e2, #f15a22, #ffcb05); width: 100%; height: 2px;}
.lp-banner-text h3 {font-size: 62px;line-height: 140px; text-transform: uppercase; font-weight: 600; text-align: center; color: transparent;
    background-clip: text; /*-webkit-background-clip: text; text-fill-color: transparent;  -webkit-text-fill-color: transparent;
    background-image: linear-gradient(45deg, #2881db 0%, #a230dd 30%, #cf15e2 40%, #f15a22 60%, #ffcb05 100%); */ line-height: 1.3em; color: #3f3f3f;}
.lp-banner-img {text-align: center; margin-top: 30px}
.client-logo {margin-top: 100px}
.client-logo-listimg {width: 90%; margin: 0 auto;text-align: center;}
.client-logo-list1 img { /*background-color: #f8f8f8;*/  cursor: pointer;width: 240px;    margin: 10px 0;}
.client-logo-list2 img {/*background-color: #f8f8f8;*/  cursor: pointer;width: 240px;    margin: 5px 0;}

.client-logo-list1 img:hover { filter: grayscale(0);}
.client-logo-list2 img:hover {filter: grayscale(0);}
.see-action {padding: 115px 0;}
.section-heading h2 {font-size: 60px;  font-weight: 600; color: #231f20; text-align: center;}
.see-action-img {margin-top: 30px}
.see-action-img:first-child {margin-bottom: 115px}
.see-action-img p {font-size: 35px;color: #231f20;text-align: center;    margin: 0 auto; margin-bottom: 25px;
   font-weight: 500;}
.see-action-img img {margin-top: 20px}
.see-action-img {text-align: center;}
.contact-form-he {text-align: center; margin-bottom: 20px}
.contact-form-he h2 {font-size: 67px; text-transform: uppercase; font-weight: 600; text-align: center; color: transparent;
    background-clip: text; -webkit-background-clip: text; text-fill-color: transparent;  -webkit-text-fill-color: transparent;
    background-image: linear-gradient(45deg, #2881db 0%, #a230dd 30%, #cf15e2 40%, #f15a22 60%, #ffcb05 100%); line-height: 1.3em;}
.contact-form-he p {font-size: 35px;}
.lp-banner-img {text-align: center; margin-top: 30px}
.contact-form input {font-size: 24px;}
.contact-form {max-width: 700px; width: 100%; text-align: center; margin: 0 auto;  margin-bottom: 20px; }
.contact-form input {border: none; border-bottom: 1px solid #ad77c6;text-align: center;padding: 7px 0;width: 85%;margin-bottom: 15px;}
.contact-form input.submit {width: fit-content; background-color: #005fb6;padding: 9px 40px;border-radius: 30px; color: #fff;
    font-size: 20px;font-weight: 500; margin-top: 30px; border: 1px solid #005fb6}
.contact-form input.email {width: 100%}
input:focus-visible {outline: none;}
.contact-form input.submit:hover {background-color: transparent; color: #005fb6}
.phone-flex {display: flex; position: relative; border-bottom: 1px solid #ad77c6; justify-content: center; width: 85%; margin: 0 auto;}
.phone-flex input {border-bottom: none;}
.intl-tel-input.allow-dropdown .selected-flag {  width: 58px;}
.intl-tel-input { width: 55px; background: #fff; margin-right: 5px; border-radius: 3px;}

.phone-flex .phone {width: 32%; text-align: left;}
#name-error { color: #f10d18; display: none;}
#email-error { color: #f10d18;}
label.error { color: #f10d18;}
#mobile-error {position: absolute; bottom: -24px;}

.lp-banner {padding: 0 !important;}
.lp-banner-text { height: 100vh; display: flex; flex-direction: column;  align-items: flex-start; justify-content: center}
.google-recaptcha {margin-top: 35px}
.lp-banner-img {margin-bottom: 30px}

::-ms-input-placeholder { /* Edge 12-18 */
  color: #a9a8a8!important;
}

::placeholder {
  color: #a9a8a8!important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {  transition: background-color 5000s ease-in-out 0s;}
.form-control:focus {border-color: transparent;outline: 0;box-shadow: none;}

 
.home{
  width:100%;
}

.home h3{
/*  position:absolute;*/
  font-size:74px;
  text-align: left;
    color:#009393;
  margin-left:8px;
  font-weight:700;
}
#changingword { margin-right:8px;color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(45deg, #2881db 0%, #a230dd 30%, #cf15e2 40%, #f15a22 60%, #ffcb05 100%);
    width: 390px;    flex-shrink: 0;   transition-delay: 20s;}
.stage{
  width: 555px;
  margin-top: 15px;
    height: 100px;
  }
  .cubespinner{
  -webkit-animation-name:spincube;
  -webkit-animation-timing-function:ease-in-out;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-duration:8s;
  animation-name:spincube;

  animation-timing-function:ease-in-out;
  animation-iteration-count:infinite;
  animation-duration:8s;
  -webkit-transform-style:preserve-3d;
  -moz-transform-style:preserve-3d;
  -ms-transform-style:preserve-3d;
  transform-style:preserve-3d;
  -webkit-transform-origin:40px 40px 0;
  -moz-transform-origin:40px 40px 0;
  -ms-transform-origin:40px 40px 0;
  transform-origin:40px 40px  0;
    transition-delay: 20s;
  }
  .cubespinner div{
      position: absolute;
    width: 100%;
    height: 90px;
    text-align: left;
    font-size: 67px;
    font-weight: 600;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(45deg, #2881db 0%, #a230dd 30%, #cf15e2 40%, #f15a22 60%, #ffcb05 100%);
    }
  .cubespinner .face1{
    color:#000;
    -webkit-transform:translateZ(40px);
    -moz-transform:translateZ(40px);
    -ms-transform:translateZ(40px);
    transform:translateZ(40px);
    -webkit-backface-visibility: hidden;
    transition-delay: 20s;
    }
  .cubespinner .face2{
    color:#000;
    -webkit-transform: rotateX(90deg) translateZ(40px);
    -moz-transform: rotateX(90deg) translateZ(40px);
    -ms-transform: rotateX(90deg) translateZ(40px);
    transform: rotateX(90deg) translateZ(40px);
    -webkit-backface-visibility: hidden;
    transition-delay: 20s;
  }
  .cubespinner .face3{
  color:#000;
    -webkit-transform:rotateX(180deg)  translateZ(40px);
    -moz-transform:rotateX(180deg)  translateZ(40px);
    -ms-transform:rotateX(180deg)  translateZ(40px);
    transform:rotateX(180deg)  translateZ(40px);
    -webkit-backface-visibility: hidden;
    transition-delay: 20s;
    }
  .cubespinner .face4{
 color:#000;
    -webkit-transform:rotateX(270deg) translateZ(40px);
    -moz-transform:rotateX(270deg) translateZ(40px);
    -ms-transform:rotateX(270deg) translateZ(40px);
    transform:rotateX(270deg) translateZ(40px);
    -webkit-backface-visibility: hidden;
    transition-delay: 20s;
  }


/*Cubical Flipping or rotation*/
@-webkit-keyframes spincube {
    from,to  { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);transition-delay: 20s;}
    15%      { -webkit-transform: rotateX(90deg);}
    25%      { -webkit-transform: rotateX(90deg);}
    40%      { -webkit-transform: rotateX(180deg);}
    50%      { -webkit-transform: rotateX(180deg);}
    65%      { -webkit-transform: rotateX(270deg);}
  75%      { -webkit-transform: rotateX(270deg);}
  95%      { -webkit-transform: rotateX(360deg);}
  100%      { -webkit-transform: rotateX(360deg);}
  }@keyframes spincube {
    from,to {
    -webkit-transform: rotateX(0deg);
      -moz-transform: rotateX(0deg);
      -ms-transform: rotateX(0deg);
      transform: rotateX(0deg);
      transition-delay: 20s;
    }
    15% {
    -webkit-transform: rotateX(90deg);
      -moz-transform: rotateX(90deg);
      -ms-transform: rotateX(90deg);
      transform: rotateX(90deg);
    }
  25% {
    -webkit-transform: rotateX(90deg);
      -moz-transform: rotateX(90deg);
      -ms-transform: rotateX(90deg);
      transform: rotateX(90deg);
    }
  40% {
    -webkit-transform: rotateX(180deg);
      -moz-transform: rotateX(180deg);
      -ms-transform: rotateX(180deg);
      transform: rotateX(180deg);
    }
  50% {
    -webkit-transform: rotateX(180deg);
      -moz-transform: rotateX(180deg);
      -ms-transform: rotateX(180deg);
      transform: rotateX(180deg);
    }
    65% {
    -webkit-transform: rotateX(270deg);
      -moz-transform: rotateX(270deg);
      -ms-transform: rotateX(270deg);
      transform: rotateX(270deg);
    }
  75% {
    -webkit-transform: rotateX(270deg);
      -moz-transform: rotateX(270deg);
      -ms-transform: rotateX(270deg);
      transform: rotateX(270deg);
    }
  90% {
    -webkit-transform: rotateX(360deg);
      -moz-transform: rotateX(360deg);
      -ms-transform: rotateX(360deg);
      transform: rotateX(360deg);
    }
    100% {
    -webkit-transform: rotateX(360deg);
      -moz-transform: rotateX(360deg);
      -ms-transform: rotateX(360deg);
      transform: rotateX(360deg);
    }
}


.home2 .stage {    width: 445px; margin-right: 10px;}
.home2 .cubespinner div {text-align: right;}

.word-slider1 h2 {text-align: left;font-size: 62px; margin-right: 10px;
    font-weight: 600;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(45deg, #2881db 0%, #a230dd 30%, #cf15e2 40%, #f15a22 60%, #ffcb05 100%);
      }      
.word-slider2 h2 {text-align: left;font-size: 62px;margin-left: 10px;
    font-weight: 600;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(45deg, #2881db 0%, #a230dd 30%, #cf15e2 40%, #f15a22 60%, #ffcb05 100%);
   } 


.lp-banner2 .lp-banner-text h2 {text-align: left;  width: 100%!important; font-size: 80px}
.lp-banner2 .lp-banner-text h2 .spans {flex-shrink: 0}
.lp-banner2 .lp-banner-text h3 {text-align: left;font-size: 80px}
.lp-banner2 .lp-banner-text {align-items: flex-start;}
.lp-banner2 .word-slider2 h2 {font-size: 80px}
.lp-banner2 .word-slider1 h2 {font-size: 80px}

.intl-tel-input.iti-container {width: auto!important; height: auto!important;}