html,
body {
  overflow-x: hidden;
}

.cursor {
  position: fixed;
  width: 10px;
  height: 10px;
  background: linear-gradient(to right, #276ea2, #5f9d39);
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: transform 0.1s ease;
  z-index: 9999;
}

.banner {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.banner img {
  width: 100%;
  height: auto;
  display: block;
}

.container-contant {
  display: flex;
  flex-wrap: wrap;
  margin: 20px;
  letter-spacing: .5px;
  font-weight: 500;
  gap: 20px;
}

.content-con {
  flex: 2;
  padding: 20px;
}

.content-con h1 {
  font-size: 1.9em;
  letter-spacing: .5px;
  font-weight: 500;
  color: #222;
  margin-bottom: 20px;
}

.content-con p {
  margin-bottom: 15px;
  text-align: justify;
  color: #222;
  font-size: .9em;
  letter-spacing: .5px;
  font-weight: 500;
}

.content-con a {
  color: #276ea2;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: .5px;
  font-weight: 500;
}

.content-con a:hover {
  text-decoration: underline;
}
.form {
  flex: 1;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-top: 80px;
}

form label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  letter-spacing: .5px;
  font-weight: 500;
  font-size: 0.9em;
}

form input {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: 1em;
  letter-spacing: .5px;
  font-weight: 500;
}

form button {
  width: 100%;
  padding: 10px;
  background-color: #276ea2;
  color: white;
  border: none;
  border-radius: 3px;
  font-size: 1em;
  cursor: pointer;
  font-weight: bold;
  letter-spacing: .5px;
  font-weight: 500;
}

form button:hover {
  background-color: #286b9b;
}

@media (max-width: 768px) {
  .container-contant {
    flex-direction: column;
  }

  .content,
  .form {
    flex: 1;
  }

}
@media (max-width: 480px) {
  .form {
    flex: 1;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: -35px;
  }
}

@media (max-width: 768px) {

  .content-con h1 {
    font-size: 1.9em;
    letter-spacing: .5px;
    font-weight: 500;
    color: #222;
    margin-left: -3px;
    margin-bottom: 20px;
  }
}

.content-con h1 span {
  color: #276ea2;
}

.content-section {
  padding: 20px;
  margin: 0 auto;
}

/* .content-section h2 {
  font-size: 2em;
  letter-spacing: .5px;
  font-weight: 500;
  margin-left: 18px;
  color: #222;
  margin-bottom: 20px;
} */

.content-section h2 {
  font-size: 1.1em;
  color: #222;
  letter-spacing: .5px;
  font-weight: 500;
  margin-top: 20px;
  margin-left: 48px;
}
.content-section h3 {
  font-size: 1.1em;
  color: #222;
  letter-spacing: .5px;
  font-weight: 500;
  margin-top: 20px;
  margin-left: 48px;
} 
.content-section p {
  font-size: .9em;
  text-align: justify;
  color: #222;
  margin-right: 130px;
  margin-left: 48px;
  line-height: 1.6;
  letter-spacing: .5px;
  font-weight: 500;
}

@media (max-width: 768px) {
  .content-section p {
    font-size: .9em;
    color: #222;
    margin-right: 9px;
    margin-left: 18px;
    text-align: justify;
    line-height: 1.6;
    letter-spacing: .5px;
    font-weight: 500;
  }

  .content-section h2 {
    font-size: 1.1em;
    color: #222;
    letter-spacing: .5px;
    font-weight: 500;
    margin-top: 20px;
    margin-left: 16px;
  }
    .content-section h3 {
    font-size: 1.1em;
    color: #222;
    letter-spacing: .5px;
    font-weight: 500;
    margin-top: 20px;
    margin-left: 16px;
  }
}

.con-con {
  letter-spacing: .5px;
  font-weight: 500;
  font-size: 1.8em;
  color: #222;
  margin-left: 28px;
}

@media (max-width: 480px) {

  .con-con {
    letter-spacing: .5px;
    font-weight: 500;
    font-size: 1.4em;
    color: #222;
    margin-left: 0px;
  }
}

.li {
  letter-spacing: .5px;
  font-weight: 500;
  font-size: 1em;
  color: #222;
}

.char {
  letter-spacing: .5px;
  font-weight: 500;
  font-size: 1.7em;
  color: #222;
}
.responsive-section-2 {
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
  gap: 20px;
  align-items: center;
  justify-content: center;
}

.content-2 {
  flex: 1 1 45%;
  margin-top: 40px;
  margin-left: 60px;
  max-width: 600px;
}

.illustration-2 {
  flex: 1 1 45%;
  text-align: center;
}

.illustration-2 img {
  max-width: 100%;
  width: 55%;
  margin-top: 30px;
  height: auto;
}

.hub {
  color: #276ea2;
  letter-spacing: .5px;
  font-weight: 500;
  font-size: 1.5em;
  margin-bottom: 10px;
}


.accordion-2 {
  margin-top: 20px;
  width: 650px;
  letter-spacing: .5px;
  font-weight: 500;

}

@media (max-width: 768px) {

  .accordion-2 {
    margin-top: 20px;
    width: 90%;
    letter-spacing: .5px;
    font-weight: 500;
  }
}

.accordion-item-2 {
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.accordion-button-2 {
  width: 100%;
  background: #f7f7f7;
  border: none;
  padding: 10px;
  color: black;
  font-size: 16px;
  text-align: left;
  cursor: pointer;
  outline: none;
  letter-spacing: .5px;
  font-weight: 500;

}

.accordion-content-2 {
  display: none;
  padding: 10px;
  background: #fff;
  border-top: 1px solid #ddd;
  letter-spacing: .5px;
  font-weight: 500;

}

.faq-heading {
  text-align: center;
  letter-spacing: .5px;
  font-weight: 500;
  font-size: 1.7em;
  color: #222;
}


@media (max-width: 480px) {
  .responsive-section-2 {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    gap: 20px;
    margin-left: -5px;
    align-items: center;
    justify-content: center;
  }

  .hub {
    color: #276ea2;
    letter-spacing: .5px;
    font-weight: 500;
    font-size: 1em;
    margin-left: 107px;
    margin-bottom: 10px;
  }

  .faq-paragraph {
    margin-left: 101px;
    font-size: .9em;
  }

  .accordion-2 {
    margin-top: 20px;
    width: 507px;
    margin-left: 93px;
    letter-spacing: .5px;
    font-weight: 500;
  }

  .accordion-item-2 {
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 70%;
  }

  .illustration-2 img {
    max-width: 100%;
    width: 88%;
    margin-top: -10px;
    height: auto;
  }
}


.submit {
  color: #fff;
}



.hidden {
  display: inline;
}