body {
  overflow-x: hidden;
}

a:hover {
  cursor: url('../images/dot.png') 8 8, auto;
}

body,
html {
 height: 100%;
 width: 100%;
 margin: 0;
 padding: 0;
 background-color: black;
 cursor: url('../images/cursor.png') 50 50, auto;
}

span, p, div {
  font-family: 'Okta Neue', sans-serif;
  color: #DCDDDE;
}


/* Cummins and Partners. We partner.
It is in our name. Growth obsessed to help you */

.intro1 {
  font-size: 150px;
  line-height: 117%;
  letter-spacing: -0.02em;

  color: #DCDDDE;
  font-weight: 600;
  /* padding-top: 25vh; */
  padding-bottom: 7vh;
}

.lets-talk-intro {
  padding-top: 50px;
  padding-bottom: 20px;
  color: #DCDDDE;
  font-weight: 400;
  font-size: 44px;
  line-height: 100%;
}

/* Grow Wildly */
.intro2 {
  font-weight: 400;
  font-size: 140px;
  line-height: 219px;
  text-align: center;
  letter-spacing: -0.02em;
}

.full-height {
  width: 100%;
  min-height: 100vh;
}

.white {
  color: #DCDDDE;
}
.purple {
  color: #9300FF;
}

.header {
  width: 100%;
  padding-top: 25px;
}
.lets-talk {
  position: relative;
  width: 25%;
}
.lottie {
  width: 100%; height: 100%;
}
.logo {
  width: 25%;
}

.intro-text {
  font-family: 'Okta Neue';
  font-style: normal;
  font-weight: 400;
  font-size: 168.32px;
  line-height: 78.7%;
  color: #1C1C1C;
  padding-top: 10rem;
}


.head-copy {
  position: relative;
  width: 50%;
  text-align: center;
  font-family: 'Okta Neue';
  font-style: normal;
  font-weight: 400;
  font-size: 11.5px;
  line-height: 18px;
  /* identical to box height */
  text-align: center;

  /* BLACK */
  color: #000000;
}

.onblack {
  background-color: #000000;
}


.lets-talk-header {
  font-weight: 600;
  font-size: 85px;
  line-height: 100%;
  padding-bottom: 150px;
  color: #DCDDDE;
}

.contact {
  text-align: left;
  color: #DCDDDE;
  font-size: 4vw;
  font-weight: 300;
  line-height: 150%;
}

.contact a, .contact a:visited {
  transition: color 500ms;
  text-decoration: none;
  color: #DCDDDE;
}

.contact a:hover {
  color: #9300FF;
}

div.contact {
  padding-left: 90px;
}

.contact h2 {
  font-weight: 400;
  line-height: 118.5%;
  color: #DCDDDE;
  font-size: 40px;
  transition: transform 500ms;
}

.contact h2:hover {
  transform: translateY(-10px);
}
.socials, .socials a {
  font-family: 'Okta Neue';
  font-style: normal;
  font-weight: 300;
  font-size: 4vw;
  line-height: 105%;
  color: #F2F2F2;
  text-decoration: none;
}
.socials a:hover {
  color: #9300FF;
}

.socials-connect {
  padding-left: 90px !important;
  padding-top: 40px;
}
.individual-contacts {
  padding-left: 90px !important;
}

.smhead {
  font-weight: 400;
  line-height: 125%;
  color: #F2F2F2;
  font-size: 4vw;
}

.logo {
  margin-left: 25px;
    /* width: 150px; */
    margin-top: 19px;
    /* background-blend-mode: difference; */
}

.lets-talk-img {
  width: 200px;
  margin-top: 50px;
  margin-right: 25px;
}

.still-growing {
  color: #DCDDDE;
  font-weight: 400;
  font-size: 28px;
  margin-bottom: 10vh;
}

.video-container {
  margin-top: 60%;
}

@media (min-width: 1024px) {
  .socials-connect {
    padding-left: 0 !important;
    padding-top: 10px;
  }

  .individual-contacts {
    padding-left: 0 !important;
  }

  .intro1 {
    font-size: 90px
  }

  .video-container {
      margin: 0;
  }

  div.contact {
    padding-left: 0;
  }

  .smhead {
    font-size: 16px;
  }

  .logo {
    margin-top: 0;
    width: 50px;
  }

  .lets-talk-img {
    margin-top: 0;
    width: 76px;
  }

  .contact {
    font-size: 14px;
  }

  .contact h2 {
    font-size: 40px;
  }

  .socials, .socials a {
    font-size: 16px;
  }
}

.textblind {
  overflow: hidden;
}
.textblind span {
  display: block;
  transform: translate(0,100%);
}

.textblind span strong {
  color: #9300FF;
  font-weight: 600;
}

.blind-copy {
  animation: reveal 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0.1s;
  animation-fill-mode: forwards !important;
}

@keyframes reveal {
  0% {
    transform: translate(0,100%);
  }
  100% {
    transform: translate(0,0);
  }
}



.smline {
    background-color: #DCDDDE;
    /* bottom: 0; */
    content: "";
    height: 1px;
    /* left: 0; */
    /* position: absolute; */
    /* right: 0; */
    display: block;
    transform: scaleX(0);
    transition: transform .6s cubic-bezier(.215,.61,.355,1);
    transform-origin: center left;
}

.smline-do {
  transform: scaleX(1) !important;
}

.sm-divider {
  width: 80%;
  margin: auto;
}

.child-to {
  display: flex;
}

.child-to div {
  flex-grow: 1;
  width: 0;
}