/* SECTION: section 6 */
.section-ket-noi-voi-chung-toi {
  padding: 4rem 0 4rem 0;
  position: relative;
}

.section-ket-noi-voi-chung-toi .section-container {
  width: 80rem;
  margin: auto;
}

.section-ket-noi-voi-chung-toi .section-order {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

.section-ket-noi-voi-chung-toi .section-order > * + * {
  margin-left: 2.17rem;
}

.section-ket-noi-voi-chung-toi .section-order p {
  color: var(--Text-Sub);
  text-align: center;
  font-family: Inter;
  font-size: 0.80206rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.20313rem;
}

.section-ket-noi-voi-chung-toi .section-order .divider {
  width: 3.64581rem;
  height: 0.05206rem;
  background: rgba(3, 25, 44, 0.49);
}

.section-ket-noi-voi-chung-toi h2 {
  font-family: Quicksand;
  font-size: 3.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 4.1875rem;
  letter-spacing: -0.0685rem;
  margin-bottom: 4.5rem;
  background: linear-gradient(180deg, #00ad87 0%, #00c57e 75.83%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.section-ket-noi-voi-chung-toi .content-container {
  box-shadow:
    0px 210px 59px 0px rgba(237, 237, 237, 0),
    0px 134px 54px 0px rgba(237, 237, 237, 0.01),
    0px 75px 45px 0px rgba(237, 237, 237, 0.05),
    0px 34px 34px 0px rgba(237, 237, 237, 0.09),
    0px 8px 18px 0px rgba(237, 237, 237, 0.1);
  border-radius: 1.5rem;
  border: 1px solid #deebe6;
  display: flex;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.section-ket-noi-voi-chung-toi .content-container .text-container {
  padding: 2.25rem 5rem 4rem 3.2rem;
  flex-basis: 64%;
}

.section-ket-noi-voi-chung-toi .content-container .text-container .first-row,
.section-ket-noi-voi-chung-toi .content-container .text-container .second-row {
  display: flex;
  align-items: flex-start;
}

.section-ket-noi-voi-chung-toi .content-container .text-container .first-row {
  margin-bottom: 3.5rem;
}

.section-ket-noi-voi-chung-toi .content-container .text-container .first-row .first-col,
.section-ket-noi-voi-chung-toi .content-container .text-container .second-row .first-col {
  flex-basis: 20%;
}

.section-ket-noi-voi-chung-toi .content-container .text-container .first-row .first-col p,
.section-ket-noi-voi-chung-toi .content-container .text-container .second-row .first-col p {
  color: var(--Foundation-Grey-Darker, #2f2f2f);
  font-family: SVN-Gilroy;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.83313rem;
  text-transform: uppercase;
  margin-top: 0.75rem;
}

.section-ket-noi-voi-chung-toi .content-container .text-container .first-row .second-col,
.section-ket-noi-voi-chung-toi .content-container .text-container .second-row .second-col {
  flex-basis: 80%;
  color: var(--foundation-grey-dark-active, #3d3d3d);
  font-family: SVN-Gilroy;
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.section-ket-noi-voi-chung-toi .content-container .text-container .first-row .second-col > p:not(:last-child),
.section-ket-noi-voi-chung-toi .content-container .text-container .second-row .second-col > p:not(:last-child) {
  margin-bottom: 1rem;
}

.section-ket-noi-voi-chung-toi .content-container .text-container .second-row .second-col a {
  width: 12.75rem;
  height: 3rem;
  border-radius: 9999px;
  background: var(--Foundation-Bonus, #00b189);
  color: var(--Background-White, #fff);
  font-family: SVN-Gilroy;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  position: relative;
}

.section-ket-noi-voi-chung-toi .content-container .text-container .second-row .second-col a > svg {
  width: 0.94963rem;
  height: 0.60431rem;
  margin-left: 0.52rem;
}

.section-ket-noi-voi-chung-toi .content-container .image-container {
  flex-basis: 36%;
  position: relative;
}

.section-ket-noi-voi-chung-toi .content-container .image-container .image-container-deco {
  width: 130%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  right: 0;
}

.section-ket-noi-voi-chung-toi .content-container .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  right: 0;
  mask-image: var(--image-url);
  -webkit-mask-image:  var(--image-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center center;
  z-index: 2;
}

.section-ket-noi-voi-chung-toi .content-container > img {
  width: 17.5rem;
  height: 12rem;
  object-fit: cover;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
}

.section-ket-noi-voi-chung-toi .content-container p {
  z-index: 1;
  position: relative;
}

.section-ket-noi-voi-chung-toi .section-deco {
  width: 20.1875rem;
  height: 18.35844rem;
  position: absolute;
  left: -5.12281rem;
  bottom: 1.75825rem;
  z-index: 0;
  border-radius: 9999px;
  opacity: 0.12;
  background: radial-gradient(50% 50% at 50% 50%, #00b189 0%, rgba(0, 177, 137, 0) 100%);
}

@media (max-width: 768px) {
  .section-ket-noi-voi-chung-toi {
    padding: 3.5rem 0 3.5rem 0;
  }

  .section-ket-noi-voi-chung-toi .section-container {
    width: 21.9375rem;
    margin: auto;
  }

  .section-ket-noi-voi-chung-toi .section-order {
    margin-bottom: 0.62rem;
  }

  .section-ket-noi-voi-chung-toi .section-order > * + * {
    margin-left: 1.13rem;
  }

  .section-ket-noi-voi-chung-toi .section-order p {
    color: var(--Text-Sub, #382e27);
    font-family: SVN-Gilroy;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.00375rem;
  }

  .section-ket-noi-voi-chung-toi h2 {
    color: var(--Foundation-Bonus, #00b189);
    font-family: Quicksand;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.03rem;
    margin-bottom: 1.25rem;
  }

  .section-ket-noi-voi-chung-toi .content-container {
    box-shadow: none;
    border-radius: 0.75rem;
    border: 0.554px solid #deebe6;
    display: flex;
    overflow: hidden;
    position: relative;
    flex-direction: column;
    z-index: 1;
    padding: 2.31rem;
  }

  .section-ket-noi-voi-chung-toi .first-row,
  .section-ket-noi-voi-chung-toi .second-row {
    flex-direction: column;
  }

  .section-ket-noi-voi-chung-toi .content-container .text-container .first-row .first-col p,
  .section-ket-noi-voi-chung-toi .content-container .text-container .second-row .first-col p {
    color: var(--foundation-grey-dark-active);
    font-family: Quicksand;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 0.83313rem;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0.62rem;
  }

  .section-ket-noi-voi-chung-toi .content-container .text-container .first-row {
    margin-bottom: 1.75rem;
  }

  .section-ket-noi-voi-chung-toi .content-container .text-container {
    padding: 0;
  }

  .section-ket-noi-voi-chung-toi .content-container .text-container .first-row .second-col,
  .section-ket-noi-voi-chung-toi .content-container .text-container .second-row .second-col {
    flex-basis: 100%;
    color: var(--foundation-grey-dark-active, #3d3d3d);
    font-family: Quicksand;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }

  .section-ket-noi-voi-chung-toi .content-container .text-container .first-row .second-col > p:not(:last-child),
  .section-ket-noi-voi-chung-toi .content-container .text-container .second-row .second-col > p:not(:last-child) {
    margin-bottom: 0.62rem;
  }

  .section-ket-noi-voi-chung-toi .content-container .text-container .second-row .second-col a {
    width: 9.25rem;
    height: 2.125rem;
    border-radius: 9999px;
    background: var(--Foundation-Bonus, #00b189);
    color: var(--Background-White, #fff);
    font-family: SVN-Gilroy;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    position: relative;
  }

  .section-ket-noi-voi-chung-toi .content-container .text-container .second-row .second-col a > svg {
    width: 0.6875rem;
    height: 0.4375rem;
    margin-left: 0.34rem;
  }

  .section-ket-noi-voi-chung-toi .content-container .image-container {
    display: none;
  }

  .section-ket-noi-voi-chung-toi .content-container > img {
    width: 10rem;
    height: 7rem;
    object-fit: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    pointer-events: none;
  }
}