.book-a-call {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  display: flex;
  min-height: 546px;
  width: 100%;
  padding-top: 50px;
}

@media (max-width: 991px) {
  .div {
    max-width: 100%;
  }
}

.content-container {
  position: relative;
  align-items: center;
  display: flex;
  margin-top: 129px;
  width: 100%;
  flex-direction: column;
  padding: 0 80px 50px;
}

@media (max-width: 991px) {
  .div-2 {
    max-width: 100%;
    margin-top: 40px;
    padding: 0 20px;
  }
}

.title {
  color: var(--Base-0, #fff);
  text-align: center;
  letter-spacing: -0.64px;
  z-index: 1;
  margin-top: -59px;
  max-width: 863px;
  font: 500 64px/77px Manrope, sans-serif;
}

.title span {
  background: linear-gradient(45deg, #3892e4 9.47%, #6affc0 34.36%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (max-width: 991px) {
  .div-3 {
    max-width: 100%;
    font-size: 40px;
    line-height: 53px;
  }
}

.subtitle {
  color: var(--Base-300, #cdd5df);
  text-align: center;
  letter-spacing: 0.72px;
  margin-top: 16px;
  font: 400 18px/156% Manrope, sans-serif;
}

@media (max-width: 991px) {
  .div-4 {
    max-width: 100%;
  }
}

.button {
  color: var(--Base-900, #121926);
  letter-spacing: 0.36px;
  white-space: nowrap;
  justify-content: center;
  border-radius: 14px;
  border: 1px solid #121926;
  /* box-shadow: 0px 0px 0px 1px #178484, 0px 1px 2px 0px rgba(23, 132, 132, 0.5); */
  background: linear-gradient(45deg, #3892e4 9.47%, #6affc0 89.49%);
  margin: 32px 0 59px;
  padding: 16px 32px;
  font: 700 18px/156% Manrope, sans-serif;
}

@media (max-width: 991px) {
  .div-5 {
    white-space: initial;
    margin-bottom: 40px;
    padding: 0 20px;
  }
}