html, body{ margin: 0; padding: 0;}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #eaeaea;
    opacity: 0.6; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:  #eaeaea;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color:  #eaeaea;
}
.center{
    text-align: center;
    justify-content: center;
}
.v-center-table{
    display: table;
}
.v-center-table-cell{
    display: table-cell;
    vertical-align: center;
}




.cta {
    background: linear-gradient(to right, #623389, #623389);
    color: #fff;
    padding: 48pt 0;
    text-align: center; }

.cta--reverse {
    background: linear-gradient(to left, #623389, #623389); }

.cta--plain {
    background: #6C63FF; }

.cta--secondary {
    background: #4641FF; }

.cta__title {
    color: inherit; }

.cta__sub {
    opacity: 0.85;
    max-width: 58ch;
    margin: 16pt auto 24pt auto; }
.cta__sub--center {
    text-align: center; }

.c-pointer{cursor: pointer;}

.input1{
   transition: 0.3s; display: block; min-width: 360px;margin: 10px auto;  border: 0; border-bottom: 1px solid #d8d8d8; padding: 10px; color: white;
}
.input1:focus{ border-bottom: 1px solid #45deb0;}
.circle-button{transition: 0.3s; cursor: pointer; border-radius: 100px; background-color:#45deb0; padding: 12px; color: #fff; width: 38px; height: 38px;}
.circle-button:hover{background-color: #444fa9; color: white;}

.shadow-hover{transition: 0.3s;}
.shadow-hover:hover{-webkit-box-shadow:7px 9px 22px 0 rgba(50,50,50,.3);-moz-box-shadow:7px 9px 22px 0 rgba(50,50,50,.3);box-shadow:7px 9px 22px 0 rgba(50,50,50,.3)}
.invert-shadow-hover{transition: 0.3s; -webkit-box-shadow:7px 9px 22px 0 rgba(50,50,50,.3);-moz-box-shadow:7px 9px 22px 0 rgba(50,50,50,.3);box-shadow:7px 9px 22px 0 rgba(50,50,50,.3)}
.invert-shadow-hover:hover{box-shadow: none;}
.full-width{width: 100%;}
.full-height{height: 100%;}
.container{
    position: relative;
    width: 90%;
    margin: 0 auto;
    max-width: 1920px;
}




.is-visible .heading {
    transform: translate(-50%, -50%);
}.anim.is-visible {
     opacity: 1;
     transform: rotateY(0);
 }.anim {
    margin: 2em 0;
      opacity: 0;
      transform: translateY(4em);
      transition: transform 2.5s .25s cubic-bezier(0,1,.3,1),
      opacity 0.3s .25s ease-out;
      will-change: transform, opacity;
  }
.show-on-scroll{}
/* width */
::-webkit-scrollbar {
    width: 5px;
    background: transparent;
}

/* Track */
::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom,#2BAFB4,#3981D6,#8E5ACD);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to top,#2BAFB4,#3981D6,#8E5ACD);
}