@font-face {
  font-family: 'Recoleta';
  src: url("recoleta.woff2") format("woff2");
  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

h1, h2, h3, h4, h4 {
  font-family: 'Recoleta';
  margin: 0;
  padding: 0;
}

.green, .green:hover, .green:active, .green:focus, .green:visited {
  color: #138B43;
}

.headline {
  font-size: 60px;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .headline {
    font-size: 40px;
    margin-top: 0px;
  }
}

.tagline {
  font-size: 18px;
}

p {
  padding: 0;
  margin: 0;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

p {
  font-family: 'Montserrat' !important;
}

video::-webkit-media-controls {
  display: none !important;
}

.highlight {
  position: relative;
}

.highlight:after {
  content: "";
  height: 3px;
  background: #138B43;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0px;
  bottom: -3px;
}

a:active, a:visited {
  outline: none;
  color: black;
}

body {
  background: #ffffff;
  color: #000000;
}

.btn {
  border: none;
  padding: 12px 22px;
  border-radius: 0px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
}

.btn:active, .btn:focus, .btn:hover, .btn:visited {
  outline: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-primary {
  background: #138B43;
  color: #ffffff !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus {
  background: #138B43;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-secondary {
  background: #E4F4E6;
  color: #000000;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:active:focus {
  background: #E4F4E6;
  color: black;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.dot:after {
  content: '';
  background-color: #138B43;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
}

.navbar-brand {
  margin-right: 30px;
}

.nav-link {
  color: #000000;
  font-family: 'Montserrat';
  font-weight: 600;
}

.nav-link:hover, .nav-link:focus, .nav-link:active, .nav-link:active:focus {
  color: #000000;
}

.navbar {
  margin: 40px 0px;
}

.navbar .nav-item {
  margin-right: 50px;
  position: relative;
}

.navbar .nav-item::after {
  content: '';
  background-color: #138B43;
  width: 0%;
  height: 3px;
  display: inline;
  position: absolute;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  opacity: 1;
}

.navbar .nav-item:hover::after {
  width: 30%;
}

.navbar .nav-item .nav-link {
  color: #000000;
  font-family: 'Montserrat';
  font-weight: 600;
}

.feats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.feats img {
  height: 40px;
  margin-bottom: 5px;
}

.feats li {
  margin-right: 30px;
}

.feats li, .feats h5 {
  font-size: 0.9rem;
}

.team {
  position: relative;
}

.team .stamp {
  position: absolute;
}

.about {
  background-color: #050E2D;
  color: #ffffff;
  padding: 100px 0px;
  position: relative;
}

.about .stamp {
  -webkit-animation: rotate 20s linear infinite;
          animation: rotate 20s linear infinite;
  width: 200px;
  position: absolute;
  right: 213px;
  bottom: 102px;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.numbers {
  margin-top: 20px;
}

.numbers li {
  margin-right: 40px;
  border-right: 1px solid #4C6BD6;
  padding-right: 20px;
}

.numbers li:last-child {
  border: none;
}

.services {
  color: #000000;
  padding-top: 50px;
  position: relative;
}

.services .wave {
  position: absolute;
  top: -23px;
  left: 0;
  right: 0;
  width: 100%;
}

.services .shapes {
  margin: 60px auto;
  display: block;
}

.services h2 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.services .service {
  padding: 35px 20px;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  -webkit-transition: -webkit-box-shadow .3s ease-in-out;
  transition: -webkit-box-shadow .3s ease-in-out;
  transition: box-shadow .3s ease-in-out;
  transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
}

.partners {
  text-align: center;
}

.partners img {
  display: block;
  margin: 30px auto;
  width: 1100px;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-transition: -webkit-filter 0.5s ease-in-out;
  transition: -webkit-filter 0.5s ease-in-out;
  transition: filter 0.5s ease-in-out;
  transition: filter 0.5s ease-in-out, -webkit-filter 0.5s ease-in-out;
}

.partners img:hover {
  -webkit-filter: none;
          filter: none;
}

.cta-bg {
  position: relative;
}

.cta-bg .wave {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  width: 100%;
}

.cta {
  background-color: #050E2D;
  color: #ffffff;
  padding: 40px;
  width: 50%;
  margin: 60px auto;
  position: relative;
}

.cta img {
  width: 100px;
  position: absolute;
  right: 5px;
  bottom: 5px;
}

@media screen and (max-width: 768px) {
  .cta {
    width: 100%;
    margin: 0px auto;
  }
}

.footer {
  border-top: 1px solid #ccc;
  padding: 20px;
  font-weight: 600;
  font-size: 1.1rem;
  font-family: 'Montserrat';
}

.footer a, .footer a:active, .footer a:visited {
  text-decoration: none;
  color: black;
}

.footer li {
  margin-top: 10px;
}

.footer .logo {
  width: 160px;
}

#icon-wave {
  width: 100%;
}

#icon-content {
  width: 60px;
}

#icon-content #bar1 {
  width: 100%;
}

#icon-content #bar2 {
  width: 70%;
}

#icon-content #bar3 {
  width: 50%;
}

.content:hover #icon-content #bar1, .content:hover #icon-content #bar2, .content:hover #icon-content #bar3 {
  width: 0%;
}

.content:hover #bar1 {
  -webkit-animation: grow1 .5s ease-out forwards;
          animation: grow1 .5s ease-out forwards;
}

@-webkit-keyframes grow1 {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}

@keyframes grow1 {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}

.content:hover #bar2 {
  -webkit-animation: grow2 .5s ease-out .3s forwards;
          animation: grow2 .5s ease-out .3s forwards;
}

@-webkit-keyframes grow2 {
  from {
    width: 0%;
  }
  to {
    width: 70%;
  }
}

@keyframes grow2 {
  from {
    width: 0%;
  }
  to {
    width: 70%;
  }
}

.content:hover #bar3 {
  -webkit-animation: grow3 .5s ease-out .4s forwards;
          animation: grow3 .5s ease-out .4s forwards;
}

@-webkit-keyframes grow3 {
  from {
    width: 0%;
  }
  to {
    width: 50%;
  }
}

@keyframes grow3 {
  from {
    width: 0%;
  }
  to {
    width: 50%;
  }
}

#icon-crm {
  width: 50px;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

@-webkit-keyframes box1 {
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
}

@keyframes box1 {
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
}

.crm:hover #box1 {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: box1 .5s ease-out .2s   forwards;
          animation: box1 .5s ease-out .2s   forwards;
}

@-webkit-keyframes box2 {
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
}

@keyframes box2 {
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
}

.crm:hover #box2 {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: box2 .5s ease-out .3s   forwards;
          animation: box2 .5s ease-out .3s   forwards;
}

@-webkit-keyframes box3 {
  to {
    width: 30%;
  }
}

@keyframes box3 {
  to {
    width: 30%;
  }
}

.crm:hover #box3 {
  width: 0;
  -webkit-animation: box3 .5s ease-out 0s   forwards;
          animation: box3 .5s ease-out 0s   forwards;
}

[data-inviewport="flow"].is-inViewport {
  width: 100% !important;
}

[data-inviewport="flow"].is-inViewport .path {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
  -webkit-animation: dash 3s ease-out forwards;
          animation: dash 3s ease-out forwards;
}

@-webkit-keyframes dash {
  from {
    stroke-dashoffset: 2000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  from {
    stroke-dashoffset: 2000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

html, body {
  height: 100%;
}

.toggle__wrapper {
  position: absolute;
  top: 80px;
  right: 100px;
  z-index: 3;
}
/*# sourceMappingURL=style.css.map */