#Intro {
  padding: 4rem 0
}

#Intro .image-area img {
  border-radius: 20px
}

#Intro .text-area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding-left: 1rem
}

#Intro .text-area h2 {
  color: #2d3958;
  font-size: 35px;
  font-weight: 500;
  margin-bottom: 1.5rem
}

#Intro .text-area p {
  color: #7b88a8;
  font-size: 18px;
  margin-bottom: 0
}

#MarketSectors {
  padding: 4rem 0;
  background-color: #eff2f6
}

#MarketSectors h2 {
  color: #2d3958;
  font-size: 35px;
  font-weight: 500;
  margin-bottom: 1.5rem;
  text-align: center
}

#MarketSectors .sectors-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly
}

#MarketSectors .sectors-area a {
  display: flex;
  width: 30%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0px 20px 50px 0px rgba(79, 119, 255, .2);
  background-color: #fff;
  margin-top: 1.5rem;
  transition: .2s
}

#MarketSectors .sectors-area a:hover {
  transform: scale(1.02)
}

#MarketSectors .sectors-area a p {
  color: #120f1f;
  margin: .5rem 0 0 0;
  font-size: 22px;
  font-weight: bold
}

#Partners {
  padding: 4rem 0 0 0
}

#Partners h2 {
  color: #2d3958;
  font-size: 35px;
  font-weight: 500;
  margin-bottom: 2rem;
  text-align: center
}

#Partners .partners-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

#Partners .partners-area .logo-tile {
  width: 20%;
  padding: .25rem
}

#Partners hr {
  margin-top: 4rem;
  background-color: #cdcdcd
}

#Contact {
  padding: 4rem 0
}

#Contact .title-area {
  margin-bottom: 2rem
}

#Contact .title-area h2 {
  color: #2d3958;
  font-size: 48px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 1.5rem
}

#Contact .title-area p {
  text-align: center;
  color: #7b88a8;
  font-size: 20px;
  max-width: 870px;
  margin: 0 auto
}

#Contact .form-area {
  background-color: #f5faff;
  padding: 2rem 1.5rem 0 1.5rem;
  border-radius: 10px
}

#Contact .form-area .col-12 {
  margin-bottom: 1rem
}

#Contact .form-area h4 {
  color: #2d3958;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 1.5rem
}

#Contact .form-area .form-text {
  color: #2d3958;
  margin-bottom: .5rem;
  font-weight: 500
}

#Contact .form-area input:not([type=checkbox]),
#Contact .form-area textarea {
  width: 100%;
  color: #464f66;
  border-color: #e4e4e4;
  padding: .3rem .5rem
}

#Contact .form-area input:not([type=checkbox])::placeholder,
#Contact .form-area textarea::placeholder {
  color: rgba(70, 79, 102, .5450980392)
}

#Contact .form-area .wpcf7-checkbox .wpcf7-list-item {
  padding: 0 .5rem 0 0
}

#Contact .form-area .wpcf7-checkbox .wpcf7-list-item label {
  cursor: pointer
}

#Contact .form-area .wpcf7-checkbox .wpcf7-list-item label input {
  cursor: pointer
}

#Contact .form-area .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label {
  color: #2d3958
}

#Contact .form-area textarea {
  height: 170px
}

#Contact .form-area input[type=submit] {
  color: #fff;
  background-color: #4f77ff;
  display: inline-block;
  padding: .75rem 2rem;
  border-radius: 52px;
  border: solid thin #4f77ff;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 500
}

#Contact .form-area input[type=submit]:hover {
  text-decoration: none;
  color: #4f77ff;
  background-color: #fff
}

#Contact .image-area {
  display: flex;
  height: 100%;
  border-radius: 10px;
  overflow: hidden
}

#Contact .image-area img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

@media only screen and (max-width: 768px) {
  #Intro .text-area h2 {
    font-size: 30px
  }

  #MarketSectors h2 {
    font-size: 30px
  }

  #MarketSectors .sectors-area a {
    width: 47%
  }

  #Partners h2 {
    font-size: 30px
  }

  #Partners .partners-area {
    flex-wrap: wrap
  }

  #Partners .partners-area .logo-tile {
    width: 33%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem
  }

  #Contact .title-area h2 {
    font-size: 30px
  }
}

@media only screen and (max-width: 430px) {
  #Intro .image-area {
    margin-bottom: 1rem
  }

  #MarketSectors .sectors-area {
    flex-direction: column;
    align-items: left
  }

  #MarketSectors .sectors-area a {
    width: 100%;
    max-width: 320px;
    margin: 1.5rem auto
  }

  #Partners .partners-area .logo-tile {
    width: 50%
  }

  #Contact .form-area {
    margin-bottom: 2rem
  }
}