@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap");
body {
  font-family: "Inter", sans-serif;
  background: #fff;
  color: #3B3C36;
  overflow-x: hidden;
  font-size: 16px;
  line-height: 27px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  margin-bottom: 0;
}

h2,
.h2 {
  font-size: 32px;
  line-height: 39px;
}

h3,
.h3 {
  font-size: 24px;
  line-height: 29px;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  aspect-ratio: attr(width)/attr(height);
}

ul {
  padding-left: 0;
}
ul li {
  list-style-type: none;
}

button,
input {
  font-family: "Inter", sans-serif;
  border-radius: 4px !important;
}

:focus {
  outline: none;
}

.btn-success {
  background: #8A9B6E;
  border-color: #8A9B6E;
}

.btn-outline-success {
  border-color: #8A9B6E;
  color: #8A9B6E;
}

.color-gray {
  color: #F8F9FB;
}

.color-green {
  color: #8A9B6E;
}

.color-white {
  color: #fff;
}

.gray-bg {
  background: #F8F9FB;
}

.green-bg {
  background: #8A9B6E;
}

.font-14 {
  font-size: 14px;
  line-height: 22px;
}

.font-20 {
  font-size: 20px;
  line-height: 29px;
}

.my-96 {
  margin: 96px auto;
}

.fw-bold {
  font-weight: 600;
}

.fw-semibold {
  font-weight: 500;
}

.opacity-50 {
  opacity: 50%;
}

.z-index-5 {
  z-index: 5;
}

.border-radius-4 {
  border-radius: 4px;
}

/* ---------- Card item -------------- */
.card-item {
  background: #F8F9FB;
}

/* ---------- Card item -------------- */
.about-section .checklist {
  background: #F8F9FB url(../images/about/tea.png) no-repeat bottom right;
}
.about-section .checklist .icon {
  border-radius: 0 0 4px 4px;
  width: 48px;
  height: 48px;
  background: #8A9B6E;
  font-size: 30px;
  color: #fff;
}
.about-section .checklist ul li {
  position: relative;
  margin-bottom: 10px;
}
.about-section .checklist ul li:before {
  content: "\f26e";
  font-family: "bootstrap-icons";
  color: #8A9B6E;
}

/* ----------  Advantages -------------- */
.advantages-section .advantages-box {
  background-color: #8A9B6E;
  background-image: url(../images/advantages/leaf-1.svg), url(../images/advantages/leaf-2.svg), url(../images/advantages/leaf-3.svg), url(../images/advantages/leaf-4.svg);
  background-repeat: no-repeat;
  background-position: top left, top right, bottom right 23px, bottom left 12px;
  border-radius: 4px;
}
.advantages-section .steps {
  gap: 48px;
  margin: 78px 0;
}
.advantages-section .steps .step {
  width: 192px;
}
.advantages-section .steps .step .icon {
  position: relative;
  background: #F8F9FB;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  margin: 0 auto;
}
.advantages-section .steps .step .icon:before {
  content: url(../images/advantages/arrow.svg);
  position: absolute;
  right: -100%;
  top: calc(50% - 13px);
}
.advantages-section .steps .step:last-child .icon:before {
  display: none;
}

/* ----------  Tabs Custom-------------- */
.nav-tabs {
  border-bottom: 1px solid #3B3C36;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link.active {
  color: #8A9B6E;
  background-color: transparent;
  border: none;
}

.nav-tabs .nav-link {
  color: #3B3C36;
  border: none;
}

/* ----------  Proposal Section -------------- */
.proposal-section .proposal-box {
  border: 1px solid #8A9B6E;
  border-radius: 4px;
}
.proposal-section .proposal-box img {
  width: 232px;
}
.proposal-section .proposal-desc {
  overflow: hidden;
  position: relative;
  border-radius: 4px;
  background-color: #F8F9FB;
  background-image: url(../images/proposals/proposal-bg.svg), url(../images/proposals/hand-cap.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom right -20px;
}
.proposal-section .proposal-desc::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(244, 242, 233, 0)), to(#F4F2E9));
  background: -o-linear-gradient(top, rgba(244, 242, 233, 0) 0%, #F4F2E9 100%);
  background: linear-gradient(180deg, rgba(244, 242, 233, 0) 0%, #F4F2E9 100%);
  width: 100%;
  height: 330px;
  z-index: 1;
}

.decorative-line {
  background: rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 1px;
  position: relative;
}
.decorative-line::after {
  content: "";
  position: absolute;
  left: calc(50% - 32px);
  width: 64px;
  height: 32px;
  background: #fff;
}
.decorative-line::before {
  content: "";
  position: absolute;
  top: -16px;
  left: calc(50% - 16px);
  width: 32px;
  height: 32px;
  background: url(../images/decorate.svg) no-repeat;
  z-index: 2;
}

/* ----------  Footer -------------- */
.footer {
  border-top: 1px solid rgba(59, 60, 54, 0.25);
  padding-bottom: 96px;
}
.footer .social {
  gap: 24px;
  margin-bottom: 0;
}
.footer .social a {
  color: rgba(59, 60, 54, 0.5);
}