@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap");

@media (max-width: 1520px) {
  .left-svg {
    display: none;
  }
}

/* small css for the mobile nav close */
#nav-mobile-btn.close span:first-child {
  transform: rotate(45deg);
  top: 4px;
  position: relative;
  background: #a0aec0;
}

#nav-mobile-btn.close span:nth-child(2) {
  transform: rotate(-45deg);
  margin-top: 0px;
  background: #a0aec0;
}

/* Header Section  */
.header {
  background: linear-gradient(rgba(231, 244, 250, 1), rgba(255, 255, 255, 1));
}

h1 {
  color: #252c38;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 3.125rem;
  font-family: "Poppins", "san-serif";
  letter-spacing: -0.5px;
}

p {
  color: #6b747b;
  font: 400 1rem/1.625rem "Poppins", sans-serif;
}

.btn-solid-lg {
  display: inline-block;
  padding: 1.625rem 2.75rem 1.625rem 2.75rem;
  border: 1px solid #594cda;
  border-radius: 32px;
  background-color: #594cda;
  color: #ffffff;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 0;
  text-decoration: none;
  transition: all 0.2s;
  margin-right: 0.25rem;
  margin-bottom: 1.25rem;
  margin-left: 0.25rem;
}

.hero-section h1 span {
  color: #1090cb;
}

.hero-section .left-section {
  padding-top: 100px;
}