main {
  padding-bottom: 100px;
}
main .banner {
  padding: 30px 0px;
  background: url("../../image/ompos/background-banner.png") no-repeat;
}
main .banner .content-banner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
main .banner .content-banner .left-banner {
  display: grid;
  align-items: center;
}
main .banner .content-banner .left-banner .content-left-banner h1 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 4.8000001907px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #F7F0ED;
}
main .banner .content-banner .left-banner .content-left-banner .text-banner {
  font-size: 45.28px;
  font-weight: 500;
  line-height: 50.6px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #F7F0ED;
}
main .banner .content-banner .left-banner .content-left-banner .summary-banner {
  margin-top: 12px;
  font-size: 17.72px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #F7F0ED;
}
main .banner .content-banner .left-banner .content-left-banner .btn-banner {
  display: flex;
  gap: 12px;
  margin-top: 32px;
}
main .banner .content-banner .left-banner .content-left-banner .btn-banner .banner-button-contact {
  padding: 12px 0rem;
  border-radius: 8px;
  width: 110px;
  background: #054A9F;
  display: grid;
  justify-content: center;
}
main .banner .content-banner .left-banner .content-left-banner .btn-banner .banner-button-contact .span_1 {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.03px;
  text-align: center;
  vertical-align: middle;
}
main .banner .content-banner .left-banner .content-left-banner .btn-banner .banner-button-hotline {
  padding: 12px 0rem;
  border-radius: 8px;
  width: 215px;
  background: #F76F00;
  display: grid;
  justify-content: center;
}
main .banner .content-banner .left-banner .content-left-banner .btn-banner .banner-button-hotline .span_1 {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.03px;
  text-align: center;
  vertical-align: middle;
}
main .banner .content-banner .left-banner .content-left-banner .btn-banner .banner-button-zalo {
  padding: 11px 0rem;
  border-radius: 8px;
  width: 160px;
  background: unset;
  border: 1px solid #fff;
  display: grid;
  justify-content: center;
  height: auto;
}
main .banner .content-banner .left-banner .content-left-banner .btn-banner .banner-button-zalo span {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.03px;
  text-align: center;
  vertical-align: middle;
  position: relative;
  padding-left: 35px;
}
main .banner .content-banner .left-banner .content-left-banner .btn-banner .banner-button-zalo span img {
  width: 28px;
  position: absolute;
  left: 0px;
  top: -2px;
}
main .about {
  margin-top: 100px;
  padding-top: 45px;
  background: #E9E9E9;
}
main .about .content-about {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
main .about .content-about .left-about .nav-tabs {
  border-bottom: 0px;
  gap: 12px;
}
main .about .content-about .left-about .nav-tabs li button {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #282C39;
  background: unset;
  border: unset;
  border-bottom: 3px solid #282C39;
}
main .about .content-about .left-about .nav-tabs li button:focus {
  outline: unset;
}
main .about .content-about .left-about .nav-tabs li .active {
  background: unset;
  border: unset;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #0E72ED;
  border-bottom: 3px solid #0E72ED;
}
main .about .content-about .left-about .tab-pane {
  padding-top: 60px;
}
main .about .content-about .left-about .tab-pane .title-about {
  font-size: 45.1px;
  font-weight: 500;
  line-height: 50.6px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}
main .about .content-about .left-about .tab-pane .summary-about {
  margin-top: 12px;
  font-size: 17.58px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}
main .about .content-about .left-about .tab-pane .about-button-more {
  margin-top: 32px;
  width: 120px;
  border-radius: 30px;
  background: #005CF7;
  border-radius: 8px;
  padding: 12px 0px;
  display: grid;
  justify-content: center;
}
main .about .content-about .left-about .tab-pane .about-button-more .span_1 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.03px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}
main .about .content-about .left-about .tab-pane .about-button-more .span_1:after {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.03px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}
main .about .content-about .right-about {
  display: grid;
  align-items: end;
}
main .about .content-about .right-about img {
  max-width: 100%;
}
main .development {
  margin-top: 100px;
}
main .development .title-development {
  font-size: 37.55px;
  font-weight: 500;
  line-height: 45.6px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}
main .development .summary-development {
  margin-top: 32px;
  font-size: 17.72px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}
main .development .content-development {
  margin-top: 40px;
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(3, 1fr);
}
main .development .content-development .item {
  background: #F8F8F8;
  border-radius: 12px;
  padding: 20px;
}
main .development .content-development .item .title {
  margin-top: 24px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.400000006px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}
main .development .content-development .item .summary {
  margin-top: 17px;
  font-size: 17.72px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}
main .integration {
  margin-top: 100px;
}
main .integration .content-integration {
  display: grid;
  grid-template-columns: 1.8fr 1fr;
  gap: 40px;
}
main .integration .content-integration .left-content-integration {
  display: grid;
  align-items: center;
}
main .integration .content-integration .left-content-integration .title {
  font-weight: 500;
  font-size: 38px;
  line-height: 130%;
  letter-spacing: -2.24px;
  vertical-align: middle;
}
main .integration .content-integration .left-content-integration .content-list {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
main .integration .content-integration .left-content-integration .content-list .item {
  border: 1px solid #D3D3D3;
  border-radius: 12px;
  padding: 20px;
}
main .integration .content-integration .left-content-integration .content-list .item .title-item {
  position: relative;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: -2%;
  vertical-align: middle;
  padding-left: 32px;
}
main .integration .content-integration .left-content-integration .content-list .item .title-item img {
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translate(0, -50%);
}
main .integration .content-integration .left-content-integration .content-list .item .summary-item {
  margin-top: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.03px;
  vertical-align: middle;
  color: var(--black-3);
}
main .integration .content-integration .right-content-integration img {
  max-width: 100%;
}
main .foundation {
  margin-top: 64px;
}
main .foundation .content-foundation {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
}
main .foundation .content-foundation .left-foundation {
  display: grid;
  align-items: center;
}
main .foundation .content-foundation .left-foundation img {
  max-width: 100%;
}
main .foundation .content-foundation .right-foundation {
  display: grid;
  align-items: center;
}
main .foundation .content-foundation .right-foundation .title {
  font-size: 38px;
  font-weight: 500;
  line-height: 45.6px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}
main .foundation .content-foundation .right-foundation .summary {
  margin-top: 12px;
  font-size: 17.72px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}
main .foundation .content-foundation .right-foundation ul {
  margin-top: 36px;
  border-top: 1px solid #dddddd;
}
main .foundation .content-foundation .right-foundation ul li {
  border-bottom: 1px solid #dddddd;
  padding: 11px 0px;
}
main .foundation .content-foundation .right-foundation ul li span {
  display: block;
  font-size: 15.25px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  padding-left: 28px;
  color: #000000;
  background: url("../../image/ompos/icon-fill.svg") no-repeat top left;
}
main .partner {
  margin-top: 64px;
}
main .partner .content-partner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
}
main .partner .content-partner .left-foundation {
  display: grid;
  align-items: center;
}
main .partner .content-partner .left-foundation .title {
  font-size: 37.7px;
  font-weight: 500;
  line-height: 45.6px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}
main .partner .content-partner .left-foundation .summary {
  margin: 12px 0px 35px;
  font-size: 17.72px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}
main .partner .content-partner .left-foundation .partner-button-more {
  padding: 12px 0rem;
  border-radius: 8px;
  width: 110px;
  background: #005CF7;
  display: grid;
  justify-content: center;
}
main .partner .content-partner .left-foundation .partner-button-more .span_1 {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.03px;
  text-align: center;
  vertical-align: middle;
}
main .partner .content-partner .right-foundation {
  display: grid;
  align-items: center;
}
main .contact-home {
  margin-top: 48px;
  padding: 80px 0px;
  background: #f0f0f0;
}
main .contact-home .content-contact-home .title {
  font-size: 37.41px;
  font-weight: 500;
  line-height: 45.6px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
  margin-bottom: 45px;
}
main .contact-home .content-contact-home a {
  width: 280px;
  margin: auto;
  display: grid;
  background: #FF6B00;
  justify-content: center;
}
main .contact-home .content-contact-home a .span_1 {
  font-size: 17.86px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0.3600000143px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
main .session14 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-top: 100px;
}
main .session14 .left-session14 .content-left {
  position: sticky;
  top: 70px;
  left: 0px;
  width: 100%;
  display: grid;
  align-items: center;
}
main .session14 .left-session14 .content-left img {
  max-width: 100%;
}
main .session14 .left-session14 .content-left .content-text-why {
  position: absolute;
  background: rgba(0, 0, 0, 0.2901960784);
  width: 100%;
  height: 100%;
  padding: 32px;
  top: 0px;
  left: 0px;
  border-radius: 12px;
}
main .session14 .left-session14 .content-left .content-text-why .text1 {
  font-weight: 500;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -1.44px;
  color: #fff;
}
main .session14 .left-session14 .content-left .content-text-why .text2 {
  margin-top: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -0.03px;
  color: #fff;
}
main .session14 .left-session14 .content-left .content-text-why a {
  margin-top: 20px;
  width: 100px;
  padding: 0px;
  background: #fff;
  height: 44px;
  display: grid;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
main .session14 .left-session14 .content-left .content-text-why a span {
  color: var(--main-1);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.1px;
  vertical-align: middle;
}
main .session14 .left-session14 .content-left .content-text-why a span:after {
  color: var(--main-1);
}
main .session14 .right-session14 .title {
  padding: 8px 0px;
}
main .session14 .right-session14 .title span {
  padding: 8px 20px;
  border-radius: 8px;
  color: #0070F2;
  font-weight: 600;
  font-size: 14px;
  line-height: 19.6px;
  letter-spacing: -0.21px;
  text-align: center;
  vertical-align: middle;
  background: #EBF2FF;
}
main .session14 .right-session14 .contentFaq {
  margin-top: 24px;
}
main .session14 .right-session14 .contentFaq .itemFaq {
  padding: 18px 0px 20px;
  border-bottom: 1px solid #d3d3d3;
}
main .session14 .right-session14 .contentFaq .itemFaq:first-child {
  border-top: 1px solid #d3d3d3;
}
main .session14 .right-session14 .contentFaq .itemFaq .btn {
  width: 100%;
  padding: 0px;
  border: unset;
  padding-right: 40px;
  position: relative;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  vertical-align: middle;
  color: var(--black-1);
  background: #fff;
  text-align: left;
}
main .session14 .right-session14 .contentFaq .itemFaq .btn p {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  right: 0px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ECF2F7;
  display: grid;
  align-items: center;
  justify-content: center;
  padding: 5px;
}
main .session14 .right-session14 .contentFaq .itemFaq .btn .plus {
  display: none;
}
main .session14 .right-session14 .contentFaq .itemFaq .btn .minus {
  display: grid;
}
main .session14 .right-session14 .contentFaq .itemFaq .collapsed .plus {
  display: grid;
}
main .session14 .right-session14 .contentFaq .itemFaq .collapsed .minus {
  display: none;
}
main .session14 .right-session14 .contentFaq .itemFaq .collapsing .card {
  border: unset;
  padding: 16px 0px 0px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.0320000015px;
  text-align: left;
  color: #6D727C;
}
main .session14 .right-session14 .contentFaq .itemFaq .collapse .card {
  padding: 16px 0px 0px;
  border: unset;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.0320000015px;
  text-align: left;
  color: #6D727C;
}

@media screen and (max-width: 1550px) {
  main .foundation .content-foundation {
    gap: 32px;
  }
  main .foundation .content-foundation .right-foundation .title {
    font-size: 38px;
  }
  main .partner .content-partner {
    gap: 32px;
  }
  main .partner .content-partner .left-foundation .title {
    font-size: 38px;
  }
  main .development .content-development {
    gap: 32px;
  }
  main .session14 {
    gap: 32px;
  }
  main .integration .content-integration {
    gap: 32px;
  }
  main .integration .content-integration .right-content-integration {
    display: grid;
    align-items: center;
  }
}
@media screen and (max-width: 1425px) {
  main .about .content-about .left-about .tab-pane .title-about {
    font-size: 36px;
  }
  main .development .title-development {
    font-size: 36px;
  }
  main .foundation .content-foundation .right-foundation .title {
    font-size: 36px;
  }
  main .foundation .content-foundation .right-foundation ul {
    margin-top: 24px;
  }
  main .partner .content-partner .left-foundation .title {
    font-size: 36px;
  }
  main .partner .content-partner .left-foundation .summary {
    margin: 24px 0px;
  }
  main .contact-home .content-contact-home .title {
    font-size: 36px;
    line-height: 130%;
  }
}
@media screen and (max-width: 1024px) {
  main .banner .content-banner .left-banner .content-left-banner .text-banner {
    font-size: 32px;
    line-height: 130%;
  }
  main .banner .content-banner .left-banner .content-left-banner .btn-banner .banner-button-zalo {
    display: none;
  }
  main .about .content-about .left-about .tab-pane {
    padding-top: 32px;
  }
  main .about .content-about .left-about .tab-pane .title-about {
    font-size: 28px;
    line-height: 130%;
  }
  main .integration .content-integration .left-content-integration .title {
    font-size: 28px;
  }
  main .development .title-development {
    font-size: 28px;
  }
  main .development .summary-development {
    margin-top: 24px;
  }
  main .development .content-development {
    margin-top: 32px;
    gap: 24px;
  }
  main .foundation .content-foundation .right-foundation .title {
    font-size: 28px;
    line-height: 130%;
  }
  main .foundation .content-foundation .right-foundation .summary {
    margin-top: 12px;
  }
  main .foundation .content-foundation .right-foundation ul {
    margin-top: 12px;
  }
  main .partner .content-partner .left-foundation .title {
    font-size: 28px;
    line-height: 130%;
  }
  main .partner .content-partner .left-foundation .summary {
    margin: 12px 0px;
  }
  main .contact-home {
    padding: 40px 0px;
  }
  main .contact-home .content-contact-home .title {
    font-size: 28px;
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 900px) {
  main {
    padding-bottom: 60px;
  }
  main .integration {
    margin-top: 60px;
  }
  main .integration .content-integration {
    grid-template-columns: 1fr;
  }
  main .foundation .content-foundation {
    display: flex;
    flex-direction: column-reverse;
  }
  main .session14 {
    grid-template-columns: 1fr;
  }
  main .banner {
    background-size: cover;
  }
  main .banner .content-banner {
    grid-template-columns: 1fr;
    gap: 0px;
  }
  main .banner .content-banner .right-banner {
    display: none;
  }
  main .about {
    padding-top: 24px;
  }
  main .about .content-about {
    grid-template-columns: 1fr;
  }
  main .development {
    margin-top: 60px;
  }
  main .development .content-development {
    grid-template-columns: 1fr;
  }
  main .development .content-development .item {
    border: 1px solid #dddddd;
    padding: 12px;
    border-radius: 12px;
  }
  main .foundation {
    margin-top: 60px;
  }
  main .foundation .content-foundation {
    grid-template-columns: 1fr;
  }
  main .foundation .content-foundation .right-foundation .title br {
    display: none;
  }
  main .partner {
    margin-top: 60px;
  }
  main .partner .content-partner {
    grid-template-columns: 1fr;
  }
  main .partner .content-partner .left-foundation .title br {
    display: none;
  }
  main .contact-home {
    margin-top: 60px;
  }
  main .contact-home .title br {
    display: none;
  }
  main .about {
    margin-top: 60px;
  }
  main .session14 {
    margin-top: 60px;
  }
}
@media screen and (max-width: 550px) {
  main .banner .content-banner .left-banner .content-left-banner .text-banner {
    font-size: 25px;
  }
  main .integration .content-integration .left-content-integration .content-list {
    grid-template-columns: 1fr;
    margin-top: 32px;
  }
  main .integration .content-integration .left-content-integration .content-list .item .title-item {
    font-size: 16px;
  }
  main .foundation .content-foundation .right-foundation .summary {
    font-size: 16px;
    line-height: 130%;
  }
  main .foundation .content-foundation .right-foundation ul li span {
    font-size: 16px;
  }
  main .partner .content-partner .left-foundation .summary {
    font-size: 16px;
  }
  main .about .content-about .left-about .tab-pane .summary-about {
    font-size: 16px;
  }
  main .about .content-about .left-about .tab-pane .title-about {
    font-size: 24px;
  }
  main .development .title-development {
    font-size: 24px;
    line-height: 130%;
    text-align: left;
  }
  main .development .content-development .item .title {
    margin-top: 15px;
    font-size: 16px;
    line-height: 130%;
  }
  main .development .content-development .item .summary {
    margin-top: 12px;
    font-size: 16px;
    line-height: 130%;
  }
  main .foundation .content-foundation .right-foundation .title {
    font-size: 24px;
  }
  main .partner .content-partner .left-foundation .title {
    font-size: 24px;
  }
  main .partner .content-partner .left-foundation .title br {
    display: none;
  }
  main .foundation .content-foundation .right-foundation .title br {
    display: block;
  }
  main .contact-home .content-contact-home .title {
    font-size: 24px;
  }
  main .session14 .left-session14 .content-left .content-text-why {
    padding: 10px;
  }
  main .session14 .right-session14 .contentFaq .itemFaq .btn {
    font-size: 16px;
  }
  main .session14 .right-session14 .contentFaq .itemFaq .btn p {
    width: 22px;
    height: 22px;
  }
}

/*# sourceMappingURL=ompos.css.map */