body, p, span {
  font-family: 'Red Hat Display', sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, a {
  font-family: 'Space Grotesk', sans-serif;
}

.font-red-hat-display {
  font-family: 'Red Hat Display', sans-serif;
}

.font-space-grotesk {
  font-family: 'Space Grotesk', sans-serif;
}

h1, .h1 {
  font-size: 2.5rem;
  line-height: 120%;
}

@media (max-width: 768px) {
  h1, .h1 {
    font-size: 2rem;
  }
}

p {
  font-size: 1.2rem;
  line-height: 120%;
}

@media (min-width: 375px) {
  .container {
    max-width: 312px;
  }
}

@media (min-width: 576px) {
  .container {
    max-width: 500px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 608px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 772px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 840px;
  }
}

@media (min-width: 1440px) {
  .container {
    max-width: 1080px;
  }
}

@media (max-width: 768px) {
  p {
    font-size: 1.125rem;
  }
}

a {
  color: #11EEA9;
}

a:hover {
  color: #0395FC;
}

.padding-section {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.padding-section-top {
  padding-top: 7rem;
}

.padding-section-bottom {
  padding-bottom: 7rem;
}

@media (max-width: 768px) {
  .padding-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .padding-section-top {
    padding-top: 5rem;
  }

  .padding-section-bottom {
    padding-bottom: 5rem;
  }
}

@media (max-width: 375.5px) {
  .padding-section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .padding-section-top {
    padding-top: 3rem;
  }

  .padding-section-bottom {
    padding-bottom: 3rem;
  }
}

.text-light-gray {
  color: #FBFBFC;
}

.text-green {
  color: #28E8A3;
}

.text-light-blue {
  color: #11D9ED;
}

.bg-dark-blue {
  background: #011046;
}

.bg-banner {
  height: 600px;
  object-fit: cover;
}

#hero h1 {
  font-size: 3rem;
  line-height: 120%;
}

#hero h2 {
  font-size: 2rem;
  line-height: 120%;
}

#hero p {
  color: #FBFBFC;
  font-size: 1.5rem;
  line-height: 120%;
}

@media (max-width: 768px) {
  #hero h2 {
    font-size: 1.75rem;
  }
}

@media (max-width: 375.5px) {
  #hero h1 {
    font-size: 2rem;
  }

  #hero h2 {
    font-size: 1.625rem;
  }
}

.images-logos {
  grid-gap: 13px;
}

.images-logos img {
  max-height: 50px;
  object-fit: contain;
}

ul.list-border-left, ul.list-bullet-color {
  list-style: none;
}

ul.list-border-left li {
  font-size: 20px;
  border-left: 10px solid #0395FC;
  line-height: 24px;
  font-weight: 500;
}

ul.list-bullet-color li {
  list-style-image: url('./../img/bullet-color.svg');
}

ul.list-bullet-color li::marker {
  text-align: center;
}

.card-feature span img {
  width: 165px;
  height: 165px;
}

.card-feature h2 {
  font-size: 1.875rem;
  line-height: 120%;
}

.card-feature h4 {
  line-height: 120%;
}

.card-feature h5 {
  line-height: 120%;
}

@media (max-width: 768px) {
  .card-feature span img {
    width: 141px;
    height: 141px;
  }
}

.btn-contact {
  color: #061E3A;
  line-height: 24px;
  background-color: #11EEA9;
  border-color: #11EEA9;
  transition: 0.3s;
}

.btn-contact:hover {
  color: #061E3A;
  background-color: #0395FC;
  border-color: #0395FC; 
}

.btn-contact:focus, .btn-contact.focus {
  -webkit-box-shadow: none;
  box-shadow: none; 
}

.btn-contact.disabled, .btn-contact:disabled {
  color: #061E3A;
  background-color: #11EEA9;
  border-color: #11EEA9; 
}

.btn-contact:not(:disabled):not(.disabled):active, .btn-contact:not(:disabled):not(.disabled).active, .show > .btn-contact.dropdown-toggle {
  color: #061E3A;
  background-color: #0395FC;
  border-color: #0395FC;
}

.btn-contact:not(:disabled):not(.disabled):active:focus, .btn-contact:not(:disabled):not(.disabled).active:focus, .show > .btn-contact.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none; 
}

.socials svg {
  width: 1.5rem;
  height: 1.5rem;
  color: #FFFFFF;
  cursor: pointer;
  margin: 1rem 1rem;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .15s;
}

.socials svg:hover {
  color: #28E8A3!important;
  transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1.1) scaleY(1.1);
}

.links a {
  color: #FFFFFF;
  text-decoration: underline;
}

.links a:hover {
  color: #28E8A3;
}