@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap");
* {
  margin: 0px;
  padding: 0px;
}
/* similer styles */
.section-title {
  text-align: center;
  font-size: 32px;
  font-weight: 800;
}
.section-description {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  padding: 24px 0px;
}

body {
  font-family: "Poppins", sans-serif;
  max-width: 100%;
  margin: 0px auto;
}
nav {
  display: flex;
  justify-content: space-between;
  padding: 30px 60px;
  max-width: 1140px;
  margin: 0px auto;
}

nav > button {
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 5px;
  background-color: white;
  cursor: pointer;
}
/* header */
/* banner section */
header > section {
  height: 652px;
  background-image: url("assets/Hero-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px 221px;
  text-align: center;
}

header > section h1 {
  font-size: 48px;
  font-weight: 800;
  margin-top: 25px;
}
header > section p {
  font-size: 16px;
  font-weight: 400;
  margin-top: 25px;
}
header > section button {
  font-size: 20px;
  font-weight: 600;
  margin-top: 50px;
  color: #ffffff;
  background-color: #000000;
  padding: 18px 25px;
  border-radius: 5px;
  cursor: pointer;
}
/* main section */
main {
  max-width: 1140px;
  margin: 0px auto;
}

main > section {
  margin: 90px 0px;
  border-radius: 10px;
  padding: 80px 0px;
}
.main-section-class {
  border-radius: 10px;
  padding: 80px 97px;
}

.background-gradient {
  background-image: linear-gradient(to right, #a8c1ff35, #795df326);
}
.background-gradient-right {
  background-image: linear-gradient(to right, #795df326, #feffff69);
}
.background-gradient-left {
  background-image: linear-gradient(to right, #feffff35, #795df326);
}
.development-items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
  margin-top: 32px;
  padding: 48px;
}
.development-item {
  max-width: 477px;
}
.development-item > h3 {
  font-size: 24px;
  font-weight: 700;
}
.development-item > p {
  font-size: 16px;
  font-weight: 400;
  padding: 16px 0px;
}
.anckor-btn {
  background-color: rgba(255, 255, 255, 0.311);
  border-radius: 5px;
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  text-decoration: none;
  padding: 12px 20px;
}
.anckor-btn a {
  text-decoration: none;
  color: #000000;
}
/* current target section */
.background-color-1 {
  background-color: rgb(255, 76, 30, 5%);
}

.background-color-2 {
  background-color: rgb(0, 76, 232, 5%);
}
.background-color-3 {
  background-color: rgb(255, 223, 0, 5%);
}
.current-target-items {
  display: flex;
  margin-top: 20px;
  gap: 24px;
}
.target-item {
  border-radius: 5px;
  padding: 40px;
}

.target-item > h4 {
  font-size: 24px;
  font-weight: 800;
  margin-top: 10px;
}
.target-item > p {
  font-size: 16px;
  font-weight: 400;
  margin: 10px 0px;
}

.target-item-anckor {
  color: #000000;
  border-bottom: 2px solid #0d1321;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  margin-top: 10px;
}
/* support-section */
.support-section {
  background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.4),
      rgba(0, 0, 0, 0.5)
    ),
    url("assets/handshake.jpg");
  background-repeat: no-repeat;
  height: 250px;
  background-position: 40%;
  background-size: cover;
  border-radius: 20px;
  text-align: center;
  align-items: center;
}
.support-section > h2 {
  font-size: 32px;
  color: #ffffff;
  font-weight: 700;
}
.support-section > p {
  color: #ffffff;
  font-size: 16px;
  margin-top: 40px;
  font-weight: 400;
}
.input-item {
  font-size: 16px;
  color: #4950614a;
  background-color: #ffffff;
  font-weight: 400;
  border: none;
  padding: 19px 215px 19px 20px;
  border-radius: 5px;
  margin-top: 40px;
}
.submit-button {
  background-color: #ffffff;
  color: #0d1321;
  font-size: 16px;
  font-weight: 600;
  padding: 19px 20px;
  border-radius: 5px;
  border: none;
  margin-top: 40px;
  cursor: pointer;
}

/* footer */
footer {
  background-color: rgb(13, 19, 33, 3%);
}
.footer-div {
  max-width: 1140px;
  display: flex;

  align-items: center;
  justify-content: space-between;
  margin: 0px auto;
  padding: 24px 0px;
}

.footer-div-img {
  margin-right: 10px;
}