body {
  overflow-x: hidden;
  position: relative;
  background-image: url("../footer.png");
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: bottom right;
}

:root {
  --main-color: #006cb7;
  --second-color: #777777;
}

nav {
  width: 100%;
  background-color: #fff;
  position: fixed;
}

.navbar_brand img {
  width: 80%;
  max-width: 350px;
  height: auto;
  margin-left: 2%;
}


/* home */
.home {
  background-color: var(--main-color);
  height: 590px;
  max-width: 100%;
  margin: auto;
  border-bottom-right-radius: 200px;
  overflow-x: hidden !important;
  clip: rect(5px 40px 40px 5px);
}

.home img {
  object-fit: cover;
  display: block;
  width: 100%;
  height: 550px;
  border-bottom-right-radius: 200px;
}

.home_info {
  width: 90%;
  margin: auto;
  line-height: 1.3;
}

.home_info h1 {
  color: var(--main-color);
  font-size: 40px;
  font-weight: 600;
}

.home_info h2 {
  font-size: 30px;
  color: var(--second-color);
  font-weight: 600;
}

.home_info p {
  color: #333;
  font-size: 18px;
  line-height: 1.4;
}

/* main content */

.main_content {
  width: 90%;
  margin: auto;
  z-index: -1;
}

.img_row {
  text-align: center;
}

.content_img {
  width: 90%;
  margin: auto;
  max-width: 300px;
}

/* features */

.features_and_benifit {
  width: 100%;
  margin: auto;
}

.main_content h3 {
  color: var(--main-color);
  font-size: 25px;
}

.features_and_benifit li {
  list-style: none;
  line-height: 1.8rem;
}

.features_and_benifit span {
  color: var(--main-color);
  padding-right: 10px;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.35;
}

/* table */
.table {
  width: 100%;
  margin: auto;
}

.table li {
  list-style: square;
  margin-bottom: 1.1%;
  font-size: 18px;
}

.table th {
  background-color: var(--main-color);
}

.container-btn a {
  background-color: var(--main-color);
}

/* form */
form {
  width: 90%;
  margin: auto;
  align-items: center;
  height: 850px;
  margin-top: 50px;
  padding-left: 10%;
  box-shadow: 0px 5px 25px -10px rgb(0 108 183 / 75%)
}

.hr {
  color: #006cb7;
}

/* footer */
.upper_footer_p {
  text-align: right;
}

footer {
  width: 100%;
  margin: auto;
  /* background-image: url("../footer.png"); */
  /* background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom right;
  line-height: 2rem; */
}

footer strong {
  font-size: 19px;
}

@media only screen and (max-width: 768px) {
  .upper_footer {
    text-align: center;
  }

  .upper_footer_p {
    text-align: center;
  }
}