:root {
  --black-avian: #000;
  --green-yellow: #c6fb50;
  --footer-green-avian: #00685f;
  --white-avian: #fff;
  --transparent-avian: transparent;
  --light-green-avian: #3cae49;
  --black: #121212;
  --gray-avian: #939393;
  --project-green-avian: #114634;
  --project-detail-green-avian: #0b6860;
  --light-gray-avian: #eee;
  --white-smoke: #eaeaea;
  --product-filter: 30vw;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  color: var(--black-avian);
  letter-spacing: 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 500;
}

p {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 150%;
}

a {
  color: var(--black-avian);
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 23px;
}

label {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  display: block;
}

blockquote {
  border-left: .3em solid #e2e2e2;
  margin-bottom: 1em;
  padding: 1em 2em 1em 1.7em;
  font-size: 1.2em;
  line-height: 1.6;
}

.hero {
  padding: 5rem 6%;
}

.overflow-scroll-div {
  background-color: #222;
  border-radius: 1rem;
  width: 100%;
  height: 18.3em;
  padding: 3rem 2.1rem;
  overflow: scroll;
}

.tag {
  color: var(--green-yellow);
  background-color: #c6fb501a;
  border-radius: .5em;
  padding: .8em 1em;
  font-size: .9em;
  line-height: 1;
  display: inline-block;
}

.button {
  border: 1px solid var(--footer-green-avian);
  background-color: var(--white-avian);
  color: var(--black-avian);
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: .5em 1.2em;
  font-size: 16px;
  transition: all .4s;
  display: flex;
}

.button:hover {
  background-color: var(--footer-green-avian);
  color: var(--white-avian);
}

.button.footer_button {
  border-color: var(--white-avian);
  background-color: var(--footer-green-avian);
  color: var(--white-avian);
}

.button.footer_button:hover {
  border-color: var(--footer-green-avian);
  background-color: var(--white-avian);
  color: var(--black-avian);
}

.button.button--secondary {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: var(--transparent-avian);
  color: var(--footer-green-avian);
  border-style: none;
  border-radius: 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  font-size: 18px;
  display: flex;
}

.button.button--secondary:hover {
  color: var(--footer-green-avian);
  text-underline-offset: 6px;
  text-decoration: underline;
}

.button.button--secondary.flex.row.gap_xxsmall:hover {
  background-color: var(--transparent-avian);
}

.button.button--secondary.flex.row.gap_xxsmall.underline_white {
  -webkit-text-decoration-color: var(--white-avian);
  text-decoration-color: var(--white-avian);
}

.button.button--secondary.underline_black {
  transition: none;
}

.button.button--secondary.underline_black:hover {
  background-color: var(--transparent-avian);
  -webkit-text-decoration-color: var(--black-avian);
  text-decoration-color: var(--black-avian);
}

.button.button--secondary.underline_white {
  text-decoration: none;
  -webkit-text-decoration-color: var(--white-avian);
  text-decoration-color: var(--white-avian);
}

.button.button--secondary.underline_white:hover {
  background-color: var(--transparent-avian);
  -webkit-text-stroke-color: var(--transparent-avian);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--white-avian);
  text-decoration-color: var(--white-avian);
}

.button.button--secondary.pii_ltk {
  justify-content: space-between;
}

.button.product {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button.product.document {
  font-size: 14px;
}

.button.product.button-green.certif {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.button.product.button-green.certif_ac {
  width: 100%;
}

.button.hp_type {
  width: 100%;
  font-size: 18px;
}

.button.hp_type:active {
  background-color: var(--footer-green-avian);
}

.button.pdc_op {
  margin-top: -2.1rem;
  position: relative;
}

.button.product-active {
  background-color: var(--footer-green-avian);
  color: var(--white-avian);
}

.button.pdc_result {
  padding-left: 1.8em;
  padding-right: 1.8em;
}

.button.cookie {
  border-color: var(--white-avian);
  background-color: var(--transparent-avian);
  color: var(--white-avian);
  width: 14rem;
}

.button.cookie:hover {
  background-color: var(--white-avian);
  color: var(--black-avian);
}

.button.calculator {
  width: 10.5rem;
}

.button.button-white-shadow {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 0px none var(--transparent-avian);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  box-shadow: 0 5px 15px #00000026;
}

.button.button-white-shadow.kar_tp {
  padding-top: .5em;
  padding-bottom: .5em;
  font-size: 18px;
}

.button.button-green:hover {
  background-color: #004f49;
}

.button.pii_ahi {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 0px none var(--transparent-avian);
  flex-flow: row;
  align-self: center;
}

.button.pii_ahi.box-shadow {
  margin-top: 1rem;
}

.button.hi_tkp_knr {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
}

.button.no-hover:hover {
  background-color: var(--white-avian);
  color: var(--black-avian);
}

.button.kar_tp_lihatlamaran {
  display: flex;
}

.button.clr_button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-color: var(--black-avian);
  background-color: var(--transparent-avian);
  flex-flow: row;
}

.button.clr_button:hover {
  background-color: var(--white-avian);
  color: var(--black-avian);
}

.button.clr_button.pencahayaan:hover {
  filter: none;
}

.button.kar_bp {
  margin-top: auto;
}

.wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.grid {
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  display: grid;
}

.grid.gap_small {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.grid.gap_xsmall {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.grid.gap_xxsmall {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.grid.left_center {
  place-items: center start;
}

.grid.row {
  grid-auto-flow: row;
}

.grid.row.left_top {
  place-items: start;
}

.grid.row.left_bottom {
  place-items: end start;
}

.grid.row.center_top {
  place-items: start center;
}

.grid.row.center_center {
  place-items: center;
}

.grid.row.center_bottom {
  place-items: end center;
}

.grid.row.right_top {
  place-items: start end;
}

.grid.row.right_center {
  place-items: center end;
}

.grid.row.right_bottom {
  place-items: end;
}

.grid.column {
  grid-auto-flow: column;
}

.grid.gap_medium {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
}

.grid.gap_medium.flex-tablet.hp_inspiration {
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  flex-flow: row;
  display: flex;
  overflow: auto clip;
}

.grid.news {
  grid-template-rows: 16.5rem auto 1.25rem;
  grid-template-columns: 1fr;
  width: 100%;
  transition: all .4s;
}

.grid.news:hover {
  color: var(--footer-green-avian);
}

.grid.news.gap_xsmall {
  grid-template-rows: auto auto 1.25rem;
}

.grid.pda_product_container {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

.grid.pdd_product_advantage {
  flex: none;
  grid-template-rows: 3.5rem auto;
  grid-template-columns: 1fr;
  place-items: start center;
}

.grid.pdd_product_advantage.gap_xxsmall.full-width.center_center {
  place-items: center;
}

.grid.pdd_product_advantage.gap_xxsmall.full-width.pdd_product_advantage_arrow {
  place-items: start center;
  max-width: 3rem;
}

.grid.pdd_description {
  grid-template-columns: 1fr 1fr;
}

.grid.grid_pdd_modal {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid.pdc_description_grid {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-columns: .9fr 1fr 1fr 1fr;
  padding: 1rem 0;
}

.grid.pdc_description_grid.padding-vertical.padding-small {
  grid-template-columns: .75fr 1fr 1fr 1fr;
}

.grid.pdc_description_grid.border-bottom {
  grid-template-columns: .9fr 1fr 1fr 1fr;
}

.grid.grid_clr_item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  padding-top: .5rem;
  padding-left: .5rem;
  padding-right: .5rem;
}

.grid.grid_pdd_modal_result_area_wrapper {
  grid-template-columns: 1fr;
}

.grid.grid_pdd_modal_result_area {
  grid-template-columns: 1fr 1fr;
}

.grid.grid_pdd_modal_result_area_item {
  grid-template-columns: 1fr 1fr;
  place-items: center stretch;
}

.grid.grid_pdd_modal_result_area_item.right {
  place-items: center end;
}

.grid.bg_darkgray.grid_prd_detail_factory_mobile {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  padding-right: 5rem;
}

.grid.grid_prd_detail_factory_mobile {
  grid-template-columns: 1fr 1fr;
  padding-left: .5rem;
  padding-right: 5rem;
}

.grid.grid-pct_home,
.grid.grid-pct_home.gap_small {
  grid-template-columns: 1fr 1fr;
}

.grid.grid_cta {
  grid-column-gap: 4rem;
  grid-template-columns: 1fr 1fr;
}

.grid.grid_navbar-search {
  grid-template-columns: 1fr 1fr;
  padding-bottom: 2rem;
}

.grid.grid_navbar-search-item {
  grid-template-columns: .4fr .5fr;
  align-self: flex-start;
  transition: all .4s;
}

.grid.grid_navbar-search-item:hover {
  color: var(--light-green-avian);
}

.grid.grid_navbar-search-item.gap_xsmall {
  grid-template-columns: .25fr .5fr;
}

.grid.grid_navbar-search-item.gap_xxsmall {
  grid-template-columns: 6.5rem auto;
}

.grid.grid_pdc_op {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid.gap_hp_news {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
}

.grid.grid_hp_whyavian {
  border-bottom: 1px solid #0003;
  grid-template-columns: auto 1fr 1fr;
  place-items: center start;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.grid.grid_hp_whyavian.gap_xsmall {
  grid-template-columns: auto 1fr auto;
}

.grid.grid_pdd_calculator {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
}

.grid.grid_pdd_calculator_result {
  grid-template-columns: 1fr 1fr;
}

.grid.grid_psd_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-columns: auto 1fr auto;
  place-items: center;
}

.container {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.heading {
  letter-spacing: -.07em;
  font-size: 18vw;
  line-height: .8;
}

.text {
  max-width: 35em;
  margin-left: auto;
  margin-right: auto;
}

.image {
  object-fit: cover;
  width: 100%;
}

.image.portrait {
  aspect-ratio: 2 / 3;
}

.image.square {
  aspect-ratio: 1;
}

.image.square.contain.pd_img {
  width: 100%;
}

.image.square.pra_img {
  position: absolute;
}

.image.small {
  width: .6rem;
  height: 100%;
}

.image.relative.find {
  pointer-events: none;
  object-fit: contain;
  width: 1rem;
}

.image.contain.clr_icon {
  width: 1.1rem;
}

.image.contain.clr_icon.arrow {
  width: .6rem;
}

.image.contain.prd_img {
  aspect-ratio: 1;
  width: 100%;
  height: auto;
}

.image.contain.kbt_hp_performance {
  aspect-ratio: 1;
}

.image.prd_hero_img {
  height: 100%;
}

.image.netflix {
  aspect-ratio: 2;
}

.image.prd_detail_img {
  aspect-ratio: 3 / 2;
  width: 100%;
}

.image.icon-faq {
  width: 1.6rem;
}

.image.icon-faq.store {
  width: 2.1rem;
}

.image.icon-faq.store.contain {
  margin-left: -.1rem;
}

.image.type {
  aspect-ratio: 1;
  width: 2.5rem;
  height: auto;
}

.image.pda_product_img {
  aspect-ratio: 1;
  object-fit: contain;
  height: auto;
  margin-top: -6rem;
}

.image.pda_product_img.compare {
  width: 12rem;
  margin-top: 0;
}

.image.pda_product_img.hi_hp {
  margin-top: -4rem;
}

.image.arrow.contain.product {
  transition: all .2s;
  transform: translate(0);
}

.image.product {
  object-fit: contain;
}

.image.product.close {
  cursor: pointer;
  width: 1.5rem;
  height: auto;
}

.image.product.close.absolute {
  inset: -.5rem -.5rem auto auto;
}

.image.product.relative.front {
  z-index: 4;
}

.image.breadcrumbs {
  width: .4rem;
  height: auto;
}

.image.pdd_product {
  width: 3rem;
}

.image.pdd_op_img {
  aspect-ratio: 1;
  width: 10rem;
  height: auto;
}

.image._6 {
  object-fit: contain;
  width: 31rem;
  height: auto;
}

.image._6.radius_small.popup_img {
  width: 60dvw;
}

.image.pdd_calculator {
  width: 17rem;
}

.image.image_height_auto {
  height: auto;
}

.image.image_height_auto.contain.pda_product_pagination_arrow {
  width: 1rem;
}

.image.image_height_auto.prd_detail_factory_icon {
  width: 1.5rem;
}

.image.image_height_auto.aspect-ratio-square.pct {
  width: 35rem;
}

.image.image_height_auto.pct {
  width: 100%;
}

.image.image_height_auto.qty-btn {
  cursor: pointer;
}

.image.pct_img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image.cta_close_modal {
  width: 1rem;
  height: auto;
  position: absolute;
  inset: 1.5rem 1.5rem auto auto;
}

.image.pra_img {
  height: 100%;
  transition: all .4s;
  position: absolute;
  inset: 0%;
}

.image.chevron {
  width: 1.2rem;
}

.image.abt_hp_value_icon {
  aspect-ratio: 1;
  object-fit: contain;
  height: auto;
}

.image.abt_tirta_logis {
  border-radius: 5px;
}

.image.pii_ltk {
  width: 3rem;
}

.image.kbt_report {
  border-radius: 5px;
}

.image.clr_icon {
  object-fit: contain;
}

.image.kar_hp_hero {
  width: 28rem;
  padding-top: 2rem;
}

.image.clr_detail_pencahayaan {
  width: 1.3rem;
}

.image.kar_hp_batik {
  height: 100%;
  position: absolute;
  inset: 0%;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.padding-top,
.padding-top.padding-large,
.padding-top.padding-medium,
.padding-top.padding-small,
.padding-top.padding-xlarge,
.padding-top.padding-huge,
.padding-top.padding-xsmall {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.max-width-full {
  width: 100%;
  max-width: none;
}

.fs-styleguide_label {
  color: #fff;
  background-color: #2d62ff;
  border-radius: .25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .75rem .3rem;
  font-weight: 600;
  display: flex;
}

.fs-styleguide_label.is-tag {
  background-color: #dd23bb;
}

.text-size-tiny {
  font-size: .75rem;
}

.nav_menu_link {
  color: #fff;
  padding: 1rem;
}

.heading-style-h2 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.fs-styleguide_section-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #eee;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 3rem;
  line-height: 1.4;
  display: grid;
}

.padding-section-large {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.icon-1x1-medium {
  width: 2rem;
  height: 2rem;
}

.fs-styleguide_hero-label {
  color: #000;
  text-transform: uppercase;
  background-color: #eee;
  border-radius: .25rem;
  padding: .25rem .375rem;
  font-size: .75rem;
  font-weight: 500;
  text-decoration: none;
}

.padding-custom3 {
  padding: 3.5rem;
}

.heading-style-h6 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.spacer-xxhuge {
  width: 100%;
  padding-top: 12rem;
}

.fs-styleguide_background {
  border: 1px solid #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.background-color-secondary {
  background-color: #2d62ff;
}

.spacer-xhuge {
  width: 100%;
  padding-top: 8rem;
}

.overflow-visible {
  overflow: visible;
}

.fs-styleguide_header-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.overflow-hidden {
  overflow: hidden;
}

.pointer-events-none {
  pointer-events: none;
}

.margin-xsmall {
  margin: .5rem;
}

.icon-1x1-large {
  width: 2.5rem;
  height: 2.5rem;
}

.margin-horizontal {
  margin-top: 0;
  margin-bottom: 0;
}

.fs-styleguide_item-header {
  border-bottom: 1px solid #0000001a;
  width: 100%;
  padding-bottom: 2rem;
}

.padding-bottom,
.padding-bottom.padding-xxlarge,
.padding-bottom.padding-xlarge,
.padding-bottom.padding-large,
.padding-bottom.padding-medium,
.padding-bottom.padding-huge,
.padding-bottom.padding-small {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.fs-styleguide_heading-header {
  font-size: 6rem;
}

.fs-styleguide_item-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-weight-xbold {
  font-weight: 800;
}

.fs-styleguide_section {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.fs-styleguide_section.is-vertical {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-columns: 1fr;
}

.icon-1x1-small {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.form_checkbox {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.padding-small {
  padding: 1rem;
}

.fs-styleguide_header {
  color: #fff;
  background-color: #000;
  background-image: radial-gradient(circle at 100% 100%, #dd23bb40, #0000 40%), radial-gradient(circle at 0 100%, #2d62ff4d, #0000 60%);
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical.padding-small.navbar {
  padding-bottom: 0;
}

.padding-vertical.padding-large {
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical.padding-large.padding-bottom-two-times {
  padding-bottom: 6rem;
}

.padding-vertical.padding-large.padding-top-two-times {
  padding-top: 6rem;
}

.padding-vertical.padding-xlarge,
.padding-vertical.padding-xxlarge {
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical.padding-xxlarge.padding-bottom-two-times {
  padding-bottom: 10rem;
}

.padding-vertical.padding-medium,
.padding-vertical.padding-huge,
.padding-vertical.padding-xsmall,
.padding-vertical.padding-xxhuge {
  padding-left: 0;
  padding-right: 0;
}

.pointer-events-auto {
  pointer-events: auto;
}

.max-width-medium {
  width: 100%;
  max-width: 32rem;
}

.text-color-alternate {
  color: #fff;
}

.padding-horizontal {
  padding-top: 0;
  padding-bottom: 0;
}

.padding-horizontal.padding-large {
  width: 100%;
  padding: 0 4vw;
}

.padding-horizontal.padding-large.cta_custom {
  width: 100%;
}

.padding-horizontal.padding-medium {
  padding-top: 0;
  padding-bottom: 0;
}

.padding-horizontal.padding-xxlarge {
  padding: 0 7vw;
}

.text-weight-medium {
  font-weight: 500;
}

.spacer-medium {
  width: 100%;
  padding-top: 2rem;
}

.text-style-muted {
  opacity: .6;
}

.margin-custom1 {
  margin: 1.5rem;
}

.container-small {
  width: 100%;
  max-width: 59rem;
  margin-left: auto;
  margin-right: auto;
}

.text-size-regular {
  font-size: 1rem;
}

.fs-styleguide_spacing-all {
  display: none;
}

.form_component {
  margin-bottom: 0;
}

.spacer-xxlarge {
  width: 100%;
  padding-top: 5rem;
}

.text-align-left {
  text-align: left;
}

.spacer-huge {
  width: 100%;
  padding-top: 6rem;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.margin-xxlarge {
  margin: 5rem;
}

.margin-small {
  margin: 1rem;
}

.text-align-center {
  text-align: center;
}

.text-align-center.body_m.font-semibold.text_abt_ep_purple {
  color: #4842a4;
}

.text-align-center.body_m.font-semibold.text_abt_ep_green {
  color: #064e3b;
}

.text-align-center.body_m.font-semibold.text_kbt_ep_orange {
  color: #d19e05;
}

.hide {
  display: none;
}

.heading-style-h1 {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1;
}

.overflow-scroll {
  overflow: scroll;
}

.margin-tiny {
  margin: .125rem;
}

.padding-xhuge {
  padding: 8rem;
}

.max-width-small {
  width: 100%;
  max-width: 20rem;
}

.icon-height-small {
  height: 1rem;
}

.padding-xxhuge {
  padding: 12rem;
}

.text-color-primary {
  color: #000;
}

.padding-large {
  padding: 4rem;
}

.aspect-ratio-portrait {
  aspect-ratio: 2 / 3;
  object-fit: cover;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.z-index-1 {
  z-index: 1;
  position: relative;
}

.text-align-right {
  text-align: right;
}

.padding-section-small {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.aspect-ratio-landscape {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.text-weight-normal {
  font-weight: 400;
}

.padding-custom1 {
  padding: 1.5rem;
}

.form_radio {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.text-weight-light {
  font-weight: 300;
}

.fs-styleguide_classes {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.spacer-xlarge {
  width: 100%;
  padding-top: 4rem;
}

.padding-0 {
  padding: 0;
}

.padding-0.pdd_padding-right {
  width: 100%;
}

.overflow-auto {
  overflow: auto;
}

.text-style-italic {
  font-style: italic;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.margin-xxhuge {
  margin: 12rem;
}

.text-weight-semibold {
  font-weight: 600;
}

.padding-custom2 {
  padding: 2.5rem;
}

.fs-styleguide_2-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.fs-styleguide_2-col.is-align-start {
  align-items: start;
}

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

.fs-styleguide_empty-box {
  z-index: -1;
  background-color: #2d40ea0d;
  border: 1px dashed #2d40ea;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.text-color-secondary {
  color: #222;
}

.margin-vertical {
  margin-left: 0;
  margin-right: 0;
}

.spacer-tiny {
  width: 100%;
  padding-top: .125rem;
}

.aspect-ratio-widescreen {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.heading-style-h4 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.margin-large {
  margin: 3rem;
}

.margin-0 {
  margin: 0;
}

.icon-height-large {
  height: 3rem;
}

.margin-xxsmall {
  margin: .25rem;
}

.form_message-success {
  color: #114e0b;
  background-color: #cef5ca;
  padding: 1.25rem;
}

.aspect-ratio-square {
  aspect-ratio: 1;
  object-fit: cover;
}

.background-color-alternate {
  background-color: #fff;
}

.heading-style-h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

.fs-styleguide_heading-medium {
  font-size: 4rem;
}

.margin-xlarge {
  margin: 4rem;
}

.button-2 {
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: .25rem;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

.button-2.is-text {
  color: #000;
  background-color: #0000;
  border: 2px solid #0000;
}

.button-2.is-secondary {
  color: #000;
  background-color: #0000;
  border: 1px solid #222;
}

.button-2.is-large {
  padding: 1rem 2rem;
}

.button-2.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-2.is-small {
  padding: .5rem 1.25rem;
}

.margin-medium {
  margin: 2rem;
}

.padding-left,
.padding-left.padding-xxsmall,
.padding-left.padding-xsmall,
.padding-left.padding-medium {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.padding-left.padding-large {
  padding-left: 4vw;
}

.align-center {
  align-self: center;
  margin-left: auto;
  margin-right: auto;
}

.text-style-allcaps {
  text-transform: uppercase;
}

.fs-styleguide_spacing {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(to top, #2d40ea1a, #fff0);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start stretch;
  display: grid;
  position: relative;
}

.margin-custom2 {
  margin: 2.5rem;
}

.nav_button {
  padding: 1rem;
}

.text-weight-bold {
  font-weight: 700;
}

.padding-medium {
  padding: 2rem;
}

.form_radio-icon {
  width: .875rem;
  height: .875rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.form_radio-icon.w--redirected-checked {
  border-width: .25rem;
  width: .875rem;
  height: .875rem;
}

.form_radio-icon.w--redirected-focus {
  width: .875rem;
  height: .875rem;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.fs-styleguide_background-space {
  width: 1px;
  height: 1px;
  margin: 5rem;
}

.text-size-small {
  font-size: .875rem;
}

.padding-xxlarge {
  padding: 5rem;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.text-size-large {
  font-size: 1.5rem;
}

.form_message-error {
  color: #3b0b0b;
  background-color: #f8e4e4;
  margin-top: .75rem;
  padding: .75rem;
}

.padding-xsmall {
  padding: .5rem;
}

.spacer-xsmall {
  width: 100%;
  padding-top: .5rem;
}

.container-large {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.container-large.hi_hp {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.container-large.hi_hp_laporan_container {
  max-width: 75rem;
}

.container-large.navbar_search {
  background-color: var(--white-avian);
  height: calc(80vh - 7rem);
  overflow: clip auto;
}

.spacing-clean {
  margin: 0;
  padding: 0;
}

.fs-styleguide_4-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.heading-style-h5 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

.spacer-small {
  width: 100%;
  padding-top: 1rem;
}

.fs-styleguide_3-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.fs-styleguide_3-col.is-align-start {
  align-items: start;
}

.fs-styleguide_item {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  border-bottom: 1px solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 3rem;
  display: grid;
  position: relative;
}

.fs-styleguide_item.is-stretch {
  justify-items: stretch;
}

.text-style-nowrap {
  white-space: nowrap;
}

.margin-huge {
  margin: 6rem;
}

.page-wrapper {
  overflow-x: clip;
}

.nav_component {
  background-color: #000;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  inset: 0% 0% auto;
}

.padding-xxsmall {
  padding: .25rem;
}

.z-index-2 {
  z-index: 2;
  position: relative;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-xhuge {
  margin: 8rem;
}

.padding-huge {
  padding: 6rem;
}

.fs-styleguide_spacer-box {
  background-color: #2d40ea1a;
  border: 1px dashed #2d40ea;
  width: 100%;
  position: relative;
}

.form_input {
  background-color: #0000;
  border: 1px solid #eee;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .5rem 1rem;
  font-size: 1rem;
}

.form_input::placeholder,
.form_input.is-select-input {
  color: #222;
}

.form_input.is-text-area {
  min-height: 8rem;
  padding-top: .75rem;
  font-size: 1rem;
}

.padding-global {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 12rem;
}

.text-style-link {
  color: #2d62ff;
  text-decoration: underline;
}

.padding-tiny {
  padding: .125rem;
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.max-width-xsmall {
  width: 100%;
  max-width: 16rem;
}

.background-color-tertiary {
  background-color: #dd23bb;
}

.text-size-medium {
  font-size: 1.25rem;
}

.padding-xlarge {
  padding: 4rem;
}

.margin-left {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.fs-styleguide_row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.spacer-large {
  padding-top: 3rem;
}

.background-color-primary {
  color: #fff;
  background-color: #000;
}

.container-medium {
  width: 100%;
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
}

.container-medium.hi_hp_container {
  max-width: 66rem;
}

.text-style-quote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.spacer-xxsmall {
  width: 100%;
  padding-top: .25rem;
}

.fs-styleguide_1-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.fs-styleguide_message {
  color: #5e5515;
  background-color: #fcf8d8;
  border-radius: .25rem;
  padding: .25rem .5rem;
  font-size: .875rem;
}

.nav_logo {
  width: 10rem;
}

.margin-custom3 {
  margin: 3.5rem;
}

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.form_checkbox-icon {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-checked {
  background-size: 90%;
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-focus {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.nav_container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.icon-height-medium {
  height: 2rem;
}

.padding-right {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.padding-right.padding-large {
  padding-right: 4vw;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.section {
  z-index: 1;
  position: relative;
}

.section.bg_green {
  background-color: var(--footer-green-avian);
}

.section.bg_other_products {
  background-image: url('../images/jycfjfgj-1_1.avif');
  background-position: 50%;
  background-size: cover;
}

.section.bg_white.pdd_custom {
  z-index: 2;
}

.section.cta {
  height: 100vh;
}

.section.hi_hp-2 {
  margin-top: -3.2rem;
}

.section.hi_hp_laporan {
  background-color: #d9d9d9;
}

.section.bg_clr_cream {
  background-color: #dfdbcd;
}

.section.clr_hp_cta {
  background-color: #f2e7c7;
}

.section.clr_softpetal {
  background-color: #f6d9d5;
}

.section.clr_goldenhalo {
  background-color: #ffcf6b;
}

.section.my_soulmate {
  background-color: #664b86;
}

.section.color_white {
  color: var(--white-avian);
}

.navbar {
  z-index: 99;
  background-color: var(--white-avian);
  transition: top .2s;
  position: sticky;
  top: 0;
}

.navbar_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar_logo_wrapper {
  width: 10rem;
}

.navbar_logo {
  object-fit: contain;
  width: 100%;
}

.navbar_menu_wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  display: flex;
}

.body {
  background-color: var(--white-avian);
}

.text_black {
  color: var(--black-avian);
}

.navbar_right_wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.navbar_right_upper_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.navbar_language_wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  padding-right: 1rem;
  display: flex;
}

.navbar_search_icon {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.circle {
  background-color: var(--black);
  border-radius: 200rem;
  width: .3rem;
  height: .3rem;
}

.circle.hp_color {
  aspect-ratio: 1;
  width: 1rem;
  height: auto;
  transition: all .2s;
}

.circle.hp_color.red {
  background-color: #c82e32;
}

.circle.hp_color.orange {
  background-color: #e7592f;
}

.circle.hp_color.yellow {
  background-color: #fecd32;
}

.circle.hp_color.green {
  background-color: #219830;
}

.circle.hp_color.blue {
  background-color: #1977ae;
}

.circle.hp_color.purple {
  background-color: #75549e;
}

.circle.hp_color.gray {
  background-color: #b8bab6;
}

.circle.hp_color.cream {
  background-color: #cdb9a1;
}

.circle.hp_color.is-active {
  transition: all .2s;
}

.circle.pdc_product_price {
  aspect-ratio: 1;
  background-color: #fbbc04;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 1.725rem;
  height: auto;
  display: flex;
}

.circle.pdc_product_price.flex.row.center_center.is-active {
  opacity: 1;
  background-color: #fbbc04;
}

.circle.pdc_product_price.small {
  width: 1.325rem;
  height: 1.325rem;
}

.circle.yellow {
  background-color: #fbbc04;
}

.navbar_search_wrapper {
  width: 15.84px;
  height: 15.83px;
  margin-top: -.1rem;
  display: flex;
}

.navbar_top_img {
  z-index: 99;
  object-fit: cover;
  width: 100%;
}

.footer {
  background-color: var(--footer-green-avian);
  position: sticky;
  bottom: 0;
}

.footer_container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: space-between;
  display: flex;
  overflow: hidden;
}

.footer_logo_wrapper {
  cursor: pointer;
}

.footer_logo {
  width: 9rem;
}

.footer_menu_wrapper {
  flex-flow: column;
  display: flex;
}

.footer_menu_wrapper.brands {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.text_white {
  color: var(--white-avian);
}

.text_white.text-align-center.max-width-hp_color {
  max-width: 10rem;
}

.text_white.max-width-type {
  max-width: 13rem;
}

.footer_menu {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.font-semibold {
  font-weight: 600;
}

.font-semibold.text-kbt-blue {
  color: #59abc1;
}

.font-semibold.text-kbt-purple {
  color: #4842a4;
}

.font-semibold.text-kbt-green {
  color: #6ba856;
}

.font-semibold.text-kbt-orange {
  color: #e6ac00;
}

.footer_seemore_wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 22.7rem;
  display: flex;
}

.footer_heading {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  flex-flow: column;
  max-width: 26rem;
}

.footer_socmed_icon_wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.footer_socmed_icon {
  object-fit: cover;
  width: 1.5rem;
}

.footer_socmed_icon.facebook {
  width: .9rem;
}

.footer_install_img_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer_install_img {
  object-fit: contain;
  height: 2.1rem;
}

.footer_right_wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 2rem;
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.footer_bottom_img_wrapper {
  display: flex;
}

.footer_bottom_img {
  object-fit: cover;
  width: 100%;
}

.hp_hero_img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.hp_type_img {
  object-fit: cover;
  width: 100%;
}

.hp_type_container {
  background-color: var(--white-avian);
  flex-flow: row;
  justify-content: space-between;
  max-width: 90rem;
  margin-top: -3rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hp_type_container.box-shadow {
  justify-content: space-between;
  align-items: center;
  padding-left: 5rem;
  display: flex;
}

.hp_type_left {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 22rem;
  padding-left: 4rem;
  display: flex;
}

.hp_type_right {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.hp_type_left_button_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hp_type_right_item_wrapper {
  height: 100%;
  display: flex;
}

.hp_type_right_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 2rem 4rem;
  transition: all .4s;
  display: flex;
}

.hp_type_right_item:hover,
.hp_type_right_item.is-active {
  background-color: var(--footer-green-avian);
  color: var(--white-avian);
}

.hp_type_right_item.hi_hk {
  aspect-ratio: 1 / 1.1;
  border-radius: 5px;
  justify-content: space-between;
}

.hp_type_item_img {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 100vw;
  width: 12rem;
}

.hp_type_item_img.hi_hk {
  object-position: 79% 50%;
}

.hp_type_item_img.hi_hk.ls-2 {
  object-position: 57% 50%;
}

.hp_type_text_max-width {
  max-width: 10rem;
}

.hp_color_container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.hp_color_item_wrapper {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.hp_color_item {
  scroll-snap-align: start;
  border-radius: 10px;
  flex: none;
  width: 100%;
  max-width: calc(33.3333% - 2rem);
  height: 100%;
  overflow: hidden;
}

.hp_color_item.red {
  background-color: #a53c42;
}

.hp_color_img {
  aspect-ratio: 2 / 2.3;
  width: 100%;
}

.hp_color_description_wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr .9fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hp_color_description {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: .7rem 1rem;
  display: flex;
}

.hp_color_description.grey {
  background-color: #939393;
}

.hp_color_description.grey.right {
  justify-content: center;
  align-items: center;
}

.hp_color_selection {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hp_hero_slider {
  height: 100%;
}

.hp_whyavian_container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.hp_find_container {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  place-items: center start;
  display: grid;
}

.hp_find_container.grid.find {
  grid-template-columns: 1fr 1fr;
}

.flex {
  display: flex;
}

.flex.vertical {
  flex-flow: column;
}

.flex.vertical.gap_small,
.flex.gap_small {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.flex.gap_xxsmall {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.flex.gap_xsmall {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.flex.justify_content_center {
  justify-content: center;
  align-items: center;
}

.flex.row {
  flex-flow: row;
}

.flex.row.right_top {
  margin-right: -1rem;
  position: sticky;
  top: 0;
}

.flex.row.prd_detail_factory_detail_close_width {
  width: 1.5rem;
}

.flex.column {
  flex-flow: column;
}

.flex.column.center_top {
  justify-content: flex-start;
  align-items: center;
}

.flex.column.center_top.gap_small.max-width-calculator_result {
  max-width: 29rem;
}

.flex.column.center_right,
.flex.column.right_top {
  justify-content: flex-start;
  align-items: flex-end;
}

.flex.column.center_left {
  justify-content: center;
  align-items: flex-start;
}

.flex.column.center_center.max-width-pdd-advantage {
  max-width: 6rem;
}

.flex.column.right_center {
  justify-content: center;
  align-items: flex-end;
}

.flex.column.left_bottom {
  justify-content: flex-end;
  align-items: flex-start;
}

.flex.column.center_bottom {
  justify-content: flex-end;
  align-items: center;
}

.flex.column.gap_medium {
  transition: all .4s;
}

.flex.column.gap_small.absolute.full.bg_white.pct_home_filter.full-width.move-x {
  transform: none;
}

.flex.column.gap_small.absolute.full.bg_white.pct_toko.full-width.transition-ease.move-x {
  transform: translate(101%);
}

.flex.column.gap_xsmall.pct_home_height {
  height: 31rem;
}

.flex.column.gap_xsmall.pct_filter_modal {
  scrollbar-width: thin;
  height: 35rem;
}

.flex.column.gap_xsmall.max-width-pdd_product,
.flex.column.gap_xxsmall.max-width-pdd_product {
  max-width: 50rem;
}

.flex.column.full-width.max-width-clr_item {
  max-width: 11rem;
}

.flex.gap_medium {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
}

.flex.space-between,
.flex.space-between.center {
  justify-content: space-between;
}

.flex.center {
  justify-content: flex-start;
  align-items: center;
}

.flex.left_top {
  justify-content: flex-start;
  align-items: flex-start;
}

.flex.left_center {
  justify-content: flex-start;
  align-items: center;
}

.flex.left_bottom {
  justify-content: flex-start;
  align-items: flex-end;
}

.flex.center_top {
  justify-content: center;
  align-items: flex-start;
}

.flex.center_center {
  justify-content: center;
  align-items: center;
}

.flex.center_bottom {
  justify-content: center;
  align-items: flex-end;
}

.flex.right_top {
  justify-content: flex-end;
  align-items: flex-start;
}

.flex.right_center {
  justify-content: flex-end;
  align-items: center;
}

.flex.right_bottom {
  justify-content: flex-end;
  align-items: flex-end;
}

.relative {
  position: relative;
}

.relative.pdd_product_compare_img {
  width: 1.3rem;
  height: 1.3rem;
  display: flex;
}

.relative.pda_product_compare_img {
  width: 1.7rem;
  height: 1.7rem;
}

.relative.flex.left_center.pda_product_pagination_arrow {
  width: .8rem;
  height: .8rem;
}

.relative.clr_item_height_custom {
  width: 1.3rem;
}

.absolute {
  position: absolute;
}

.absolute.full {
  z-index: 2;
  inset: 0%;
}

.absolute.full.flex.center_center.project {
  z-index: 3;
  transition: all .4s;
}

.absolute.right {
  inset: 0% 0% 0% auto;
}

.absolute.right.half-width.bg_gray.padding.padding-medium {
  overflow-y: scroll;
}

.absolute.right.half-width.bg_gray.padding.padding-medium.padding-xsmall-mobile.prd_detail_factory_anim {
  z-index: 2;
  transform: none;
}

.absolute.left {
  inset: 0% auto 0% 0%;
}

.absolute.bottom {
  inset: auto 0% 0%;
}

.absolute.top {
  inset: 0% 0% auto;
}

.absolute.top_left {
  inset: 0% auto auto 0%;
}

.absolute.top_right {
  inset: 0% 0% auto auto;
}

.absolute.bottom_left {
  inset: auto auto 0% 0%;
}

.absolute.bottom_right {
  inset: auto 0% 0% auto;
}

.absolute.prd_plus_icon {
  cursor: pointer;
  inset: 13rem auto auto 8rem;
}

.box-shadow {
  box-shadow: -3px 3px 7px #0000000d, 3px 4px 5px #0000000d;
}

.border {
  border: 1px solid #000;
}

.radius_small {
  border-radius: 5px;
}

.hp_find_left {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hp_find_right {
  width: 50vw;
  min-width: 50vw;
  height: 100%;
  margin-right: calc(-50vw + 100%);
  display: flex;
}

.hp_find_img {
  width: 100%;
}

.cover {
  object-fit: cover;
}

.contain {
  object-fit: contain;
}

.form_hp_find {
  width: 31rem;
  margin-bottom: 0;
}

.form_hp_find.radius_small.overflow-hidden {
  height: 2.4rem;
}

.form_hp_find.radius_small.overflow-hidden.pct {
  width: 100%;
}

.gray {
  background-color: var(--gray-avian);
}

.hp_article_container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}

.full-width {
  width: 100%;
}

.full-width.bg_findproduct {
  background-color: var(--gray-avian);
}

.landscape {
  aspect-ratio: 3 / 2;
}

.text_gray {
  color: var(--gray-avian);
}

.font_size_small {
  font-size: 16px;
  line-height: 135%;
}

.page-divider {
  z-index: 99;
  background-image: url('../images/Batik-Avian-Brands-2025-1_1.avif');
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  height: 7rem;
  display: flex;
  position: relative;
}

.pra_wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}

.project_paint_container.grid.paint,
.project_paint_container.grid.project {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.pra_item {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.pra_item.bg_green {
  background-color: var(--project-green-avian);
}

.pra_item.relative.portrait {
  aspect-ratio: auto;
  height: 100%;
}

.pra_item.relative.landscape {
  aspect-ratio: 3 / 2;
}

.uppercase {
  text-transform: uppercase;
}

.uppercase.text_white.max-width-project {
  max-width: 8rem;
}

.uppercase.text_white.max-width-leakproof {
  max-width: 10rem;
}

.uppercase.text_white.max-width-paint {
  max-width: 8rem;
}

.divider_horizontal {
  background-color: var(--white-avian);
  width: 100%;
  height: 1px;
}

.divider_horizontal.project {
  width: 50%;
}

.divider_horizontal.bg_gray {
  opacity: .25;
  background-color: #939393;
}

.divider_horizontal.pdc_op {
  background-color: #0003;
  width: calc(100% + 164px);
  height: 4px;
}

.divider_horizontal.pdc_op.pdc_op_category {
  background-color: var(--footer-green-avian);
}

.divider_horizontal.pdc_op.pdc_op_active {
  display: block;
  inset: 3rem 0% 0%;
}

.divider_horizontal.pdc_op.full {
  border-radius: 5px;
  width: 100%;
  display: block;
  position: absolute;
  inset: 3rem 0% 0%;
}

.divider_horizontal.pdc_op.is-first-visible,
.divider_horizontal.pdc_op.is-last-visible {
  border-radius: 5px;
}

.divider_horizontal.pdc_op_active {
  background-color: var(--footer-green-avian);
  border-radius: 5px;
  height: 4px;
}

.divider_horizontal.hi_hp_top_left {
  width: 11rem;
}

.divider_horizontal.hi_hp_top_left.black,
.divider_horizontal.bg_black {
  background-color: var(--black-avian);
}

.divider_horizontal.kbt_pp {
  background-color: #59abc1;
  border-radius: 5px;
  max-width: 16rem;
  height: 5px;
}

.pra_container.grid.pra {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.overlay {
  z-index: 3;
  background-color: #00000080;
  width: 100%;
  height: 100%;
  position: absolute;
}

.overlay.project {
  transition: all .4s;
}

.overlay.fixed {
  position: fixed;
  inset: 0%;
}

.overlay.fixed.calculator,
.overlay.fixed.front {
  z-index: 9999;
}

.overlay.navbar_search {
  background-color: #00000005;
  position: fixed;
  inset: 11.04rem 0% 0%;
}

.overlay.psc_overlay {
  z-index: 99;
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  justify-content: center;
  align-items: center;
  padding-left: 4vw;
  padding-right: 4vw;
  display: none;
  position: fixed;
  inset: 0%;
}

.overlay.cookie_overlay {
  z-index: 999;
  display: none;
  position: fixed;
  inset: 0%;
}

.overlay.kar_tp_overlay {
  z-index: 999;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
}

.overlay.abt_tirta_overlay {
  z-index: 999;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.overlay.abt_tirta_overlay.journey {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.overlay.kar_tk_overlay {
  z-index: 999;
  position: fixed;
  inset: 0%;
}

.pra_item_hover {
  z-index: 5;
  background-color: var(--project-detail-green-avian);
  width: 100%;
  transition: all .4s;
  position: absolute;
}

.pra_item_hover.flex.row.center_center {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.hp_find_left_container {
  width: 100%;
  height: 100%;
}

.hp_type_bottom_wrapper {
  width: 64rem;
  height: 100%;
}

.prd_filler_container {
  max-width: 68rem;
  margin-left: auto;
  margin-right: auto;
}

.prd_detail_container {
  width: 100%;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}

.text_green {
  color: var(--footer-green-avian);
}

.text_green.text-align-center.font-semibold.product {
  height: 3.4rem;
}

.text_green.font-semibold.body_m {
  line-height: 120%;
}

.prd_detail_slider {
  height: 40rem;
}

.js-accordion-icon {
  width: 1.3em;
  height: 1.3em;
  transition: transform .2s;
}

.js-accordion-icon.active {
  transform: rotate(90deg);
}

.accordion-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #2e323c;
  align-items: center;
  display: flex;
}

.accordion-header.js-accordion-header {
  cursor: pointer;
}

.question-text {
  flex: 1;
  margin-top: 0;
  margin-bottom: -.2rem;
}

.accordion__item {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  text-align: left;
  background-color: #121212;
  border-width: 1px;
  border-color: #717171 #717171 #7f7f7f;
  border-bottom-style: solid;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  padding-top: 1.5em;
  padding-bottom: 20px;
  text-decoration: none;
  transition: box-shadow .3s;
  display: grid;
  overflow: hidden;
}

.accordion__item:hover {
  box-shadow: 0 3px 9px #2e323c17;
}

.accordion__item.js-accordion-item {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  cursor: pointer;
  background-color: #0000;
  padding-bottom: 1.5em;
  display: flex;
}

.accordion__item.js-accordion-item:hover {
  box-shadow: none;
}

.accordion-body {
  color: #9096a4;
  display: block;
}

.accordion-body.js-accordion-body {
  color: #9096a4;
}

.accordion-body__contents {
  opacity: 1;
  max-width: 68em;
  margin-top: 8px;
}

.accordion {
  border-top: 1px #7f7f7f;
  border-bottom-width: 1px;
  border-bottom-color: #7f7f7f;
}

.accordion.js-accordion {
  width: 100%;
}

.hp_type_bottom_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center;
  width: 100%;
  height: 100%;
  padding: 1.4rem 1rem;
  transition: all .4s;
  display: flex;
}

.hp_type_bottom_item:hover {
  background-color: var(--footer-green-avian);
}

.hp_type_bottom_item.flex.column.gap_xsmall.center_center {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  transition: all .4s;
}

.hp_type_bottom_item.flex.column.gap_xsmall.center_center:hover,
.hp_type_bottom_item.is-active {
  background-color: var(--footer-green-avian);
}

.capitalize_every_word {
  text-transform: capitalize;
}

.capitalize_every_word.text_white.max-width-type {
  max-width: 5.1rem;
}

.pda_product_container {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.pda_product_left {
  width: 20vw;
}

.pda_product_right {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: calc(100% - 20vw);
  padding-bottom: 2rem;
  display: flex;
}

.pda_product_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--white-avian);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-top: 7rem;
  padding-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.pda_product_item.abt_certif_item {
  width: 100%;
}

.pda_product_item_description {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-2 {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.drp {
  line-height: 0;
  transition: all .2s;
  display: block;
}

.drop {
  border-bottom: 1px solid #ffffff1a;
  width: 500px;
  transition: all .2s;
  display: block;
}

.drop:hover {
  background-color: #ffffff1a;
}

.drop.w--open {
  color: #fff;
}

.text-block {
  line-height: 20px;
}

.icon {
  object-fit: contain;
  width: 1rem;
}

.icon.pct_location {
  width: .9rem;
}

.drp-list {
  background-color: #fff;
  height: 0;
  line-height: 23px;
  transition: all .5s;
  display: block;
  position: static;
  overflow: hidden;
}

.drp-list.w--open {
  line-height: 23px;
  position: static;
  overflow: hidden;
}

.text-wrapper {
  padding: 30px 25px;
}

.bg_transparent {
  background-color: var(--transparent-avian);
}

.dropdown {
  background-color: var(--transparent-avian);
  color: var(--black-avian);
  border: 0 #000;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 0;
  font-size: 18px;
}

.dropdown.w--open {
  padding-left: 0;
  padding-right: 0;
}

.dropdown.calculator {
  border-bottom: 0;
  grid-area: 1 / 3 / 2 / 4;
  margin-top: -.5rem;
  font-size: 18px;
}

.fs-dropdown_icon-line-2 {
  background-color: #000;
  width: 100%;
  height: 2px;
}

.fs-checkbox_field-10 {
  color: #000;
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding: 0;
  font-weight: 500;
  display: flex;
  position: relative;
}

.fs-dropdown_list-2.w--open {
  background-color: #0000;
  padding: 0 1.25rem 1rem;
  position: relative;
}

.fs-dropdown_icon-block-2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 1.2rem;
  margin-left: 1rem;
  transition: all .4s;
  display: flex;
  position: relative;
}

.fs-checkbox_label-10 {
  margin-bottom: 0;
  font-weight: 500;
}

.fs-dropdown_label-2 {
  margin-right: 0;
  transition: all .4s;
  display: inline-block;
}

.fs-dropdown_label-2:hover {
  color: var(--footer-green-avian);
}

.fs-dropdown_toggle-2 {
  border: 2px solid #0000;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
  font-weight: 500;
  display: flex;
}

.fs-dropdown_toggle-2:focus-visible,
.fs-dropdown_toggle-2[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #9b9b9b;
}

.fs-dropdown-2 {
  width: 100%;
  margin-left: 0;
}

.fs-dropdown-2.is-active {
  color: var(--footer-green-avian);
}

.fs-dropdown_group-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  place-items: start;
  display: grid;
}

.fs-checkbox_button-10.w--redirected-checked {
  background-color: #501aff;
}

.fs-dropdown_icon-bar-2 {
  background-color: #000;
  flex: none;
  width: 2px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.pda_product_item_wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.pda_product_right_heading {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pda_product_compare {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  background-color: var(--white-avian);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-top: 4rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: sticky;
  bottom: 0;
}

.pda_product_compare.box-shadow.box-shadow-top {
  display: none;
  box-shadow: 3px -3px 5px #0003;
}

.pda_product_compare.box-shadow.box-shadow-top.pdc_product {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.pda_product_compare.pdc_product {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: .9fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  margin-top: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  bottom: auto;
}

.pda_product_compare_heading {
  width: 100%;
  max-width: 12.8rem;
}

.pda_product_compare_heading.price {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  max-width: 14.9rem;
  display: flex;
}

.pda_product_compare_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1.5rem 1.6rem 1.5rem 1.5rem;
  display: flex;
  position: relative;
}

.pda_product_compare_item.box-shadow.pdc_product {
  border-radius: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  padding: 2rem 3rem;
  display: grid;
}

.pda {
  opacity: .25;
  background-color: #939393;
  width: 100%;
}

.pda_product_top {
  flex-flow: row;
  display: flex;
}

.pda_product_top.grid.pda_product {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-columns: .25fr 1fr;
}

.breadcrumbs {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-size: 16px;
  display: flex;
}

.pdd_product_container.grid.pdd_product {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-columns: auto 1fr;
}

.pdd_product_left {
  width: 25rem;
  padding-left: 4rem;
  display: flex;
}

.pdd_product_right_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pdd_product_item_description {
  max-width: 34rem;
}

.pdd_product_calculator_close {
    cursor: pointer;
  }

.bg_gray {
  background-color: #fafafa;
}

.pdd_description_container {
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  background-color: var(--white-avian);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  padding: 4rem 3rem;
  display: grid;
}

.pdd_description_container.bg_white.padding.padding-medium.grid.pdd_description {
  grid-template-rows: auto auto;
  grid-template-columns: .75fr 1fr;
}

.bg_white {
  background-color: var(--white-avian);
}

.pdd_description_right {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 32rem;
  padding-right: 1rem;
  display: flex;
}

.pdd_op_container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.pdd_op_item_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 63rem;
  display: flex;
}

.pdd_op_item_wrapper.grid.grid_pdd_op {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.pdd_product_modal {
  z-index: 99999999;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.pdd_product_modal_container {
  z-index: 2147483647;
  background-color: var(--white-avian);
  pointer-events: auto;
  width: 45vw;
  height: 100dvh;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow-y: auto;
}

.pdd_product_modal_dropdown_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.rotate180 {
  transform: rotate(180deg);
}

.pdc_product_bg {
  aspect-ratio: 1;
  background-color: #93939366;
  justify-content: center;
  align-items: center;
  width: 12rem;
  display: flex;
  position: relative;
}

.psc_rm_container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.psc_tinting_container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.clr_item_wrapper {
  z-index: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 5rem;
  display: flex;
  position: relative;
}

.clr_item_wrapper.red {
  background-color: #c82e32;
}

.clr_item_wrapper.orange {
  background-color: #e7592f;
}

.clr_item_wrapper.yellow {
  background-color: #fecd32;
}

.clr_item_wrapper.green {
  background-color: #219830;
}

.clr_item_wrapper.blue {
  background-color: #1977ae;
}

.clr_item_wrapper.purple {
  background-color: #75549e;
}

.clr_item_wrapper.neutral {
  background-color: #cdb9a1;
}

.aspect-ratio-anamorphic {
  aspect-ratio: 2.39;
  object-fit: cover;
}

.aspect-ratio-anamorphic.color_soft_petal,
.color_soft_petal {
  background-color: #f6d9d5;
}

.color_pure_indulgence {
  background-color: #fde9e4;
}

.color_tender_heart {
  background-color: #f7dad6;
}

.color_pink_venus {
  background-color: #fcdad6;
}

.color_turkish_rose {
  background-color: #fdebe6;
}

.color_fever_diva {
  background-color: #fdeae7;
}

.clr_item {
  aspect-ratio: 1.7;
  border-radius: 2px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: .75rem 1rem;
  display: flex;
}

.clr_item.clr_fp {
  aspect-ratio: 8;
  border-radius: 5px;
  width: 100%;
}

.clr_item.clr_fp.purple,
.clr_item.full-width.purple {
  background-color: #664b86;
}

.clr_item.is-white {
  color: var(--white-avian);
}

.half-width {
  width: 50%;
}

.prd_detail_factory {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.bg_darkgray {
  background-color: #e1e1e1;
}

.pdd_op_item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  display: flex;
}

.swiper {
  width: 100%;
}

.swiper.flex.row.overflow-hidden.full-width.relative.pdd_product {
  width: 100%;
  max-width: 50rem;
  margin-left: 0;
  padding-right: 2rem;
}

.swiper.hp_type {
  max-width: 90rem;
  padding-right: 1.5rem;
}

.swiper.pdc_op {
  border-radius: 5px;
  height: 4rem;
  position: relative;
}

.swiper.prd_swiper {
  width: 100%;
  overflow: hidden;
}

.swiper.hp_find_top {
  align-self: flex-end;
  width: 55rem;
  margin-right: -.1rem;
}

.swiper.abt-wu-swiper {
  padding-left: 4vw;
  padding-right: 4vw;
}

.swiper.certif-swiper {
  padding-left: 2vw;
  padding-right: 2vw;
}

.swiper.pii-mp,
.swiper.karir-bpd {
  padding-left: 2rem;
  padding-right: 2rem;
}

.swiper.hi_hp {
  padding-left: 5rem;
  padding-right: 5rem;
}

.swiper.hi_hp.kbt {
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.swiper.abt_hp_journey {
  padding-left: 1.8rem;
  padding-right: 1.8rem;
}

.swiper-wrapper {
  cursor: grab;
}

.swiper-wrapper.hp_type_bottom_wrapper {
  flex-flow: row;
  width: 100%;
  display: flex;
}

.swiper-wrapper.hp_hero {
  display: flex;
}

.swiper-wrapper.pdc_op {
  padding-right: 2rem;
  display: flex;
}

.swiper-wrapper.pdc_op_products {
  display: flex;
}

.swiper-wrapper.prd_swiper {
  width: 100%;
  display: flex;
}

.swiper-wrapper.psc_swiper {
  width: 80vw;
  display: flex;
}

.swiper-wrapper.abt-wu-swiper.pii_mp {
  flex-flow: row;
  display: flex;
}

.swiper-wrapper.clr_hp_cta {
  width: 60vw;
}

.swiper-slide.no-shrink.pdc_op {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.swiper-slide.no-shrink.prd_detail {
  width: 100%;
}

.swiper-slide.pdc_op {
  border-radius: 5px;
  flex-flow: column;
  flex: none;
  display: flex;
  width: auto !important;
}

.swiper-slide.pii-mp {
  width: 100%;
  max-width: -moz-fit-content;
  max-width: fit-content;
  display: flex;
}

.swiper-slide.kar_tk {
  width: 100%;
}

.swiper-slide.swiper-height-auto {
  height: auto !important;
}

.no-shrink {
  flex: none;
}

.swiper-button-next {
  cursor: pointer;
}

.swiper-button-next.hp_type_button {
  background-color: var(--gray-avian);
}

.swiper-button-next.pdd_product {
  background-color: var(--white-avian);
}

.swiper-button-next.abt-wu-swiper {
  background-color: var(--white-avian);
  justify-content: flex-end;
  align-items: center;
  width: 3rem;
  height: 100%;
  margin-top: 0;
  top: 0;
  right: 0;
}

.swiper-button-next.abt-wu-swiper.personel {
  padding-bottom: 5rem;
}

.swiper-button-next.abt-wu-swiper.hi_hp {
  background-color: var(--transparent-avian);
  width: -moz-fit-content;
  width: fit-content;
}

.swiper-button-next.abt-wu-swiper.kar_bp {
  padding-bottom: 8.4rem;
}

.swiper-button-next.abt-wu-swiper.abt_abs {
  padding-bottom: 4rem;
}

.swiper-button-next.abt-wu-swiper.pii {
  width: -moz-fit-content;
  width: fit-content;
}

.swiper-button-next.abt-wu-swiper.certif {
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 2rem;
}

.swiper-button-next.karir_bpd {
  justify-content: flex-end;
  align-items: center;
  width: 3rem;
  height: 100%;
  margin-top: 0;
  padding-bottom: 8.2rem;
  top: 0;
  right: 0;
}

.swiper-button-next.karir_bpd.kar_tk {
  background-color: var(--white-avian);
  padding-bottom: 0;
}

.swiper-button-next.abt_hp_journey {
  background-color: var(--white-avian);
  justify-content: flex-end;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
  top: 0;
  right: 0;
}

.divider_horizontal-2 {
  background-color: #e8c88e;
  width: 100%;
  height: 1px;
}

.hp_footer_copyright {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 1em;
  display: flex;
}

.navbar-close-menu.prd_detail_factory_close {
  cursor: pointer;
  position: absolute;
  inset: 0%;
}

.op-0 {
  opacity: 0;
}

.navbar_logo-2 {
  width: 100%;
}

.navbar_logo_wrapper-2 {
  width: 6em;
}

.container-medium-2 {
  width: 100%;
  max-width: 64em;
}

.responsive-item {
  display: none;
}

.border_green {
  border: 1px solid var(--footer-green-avian);
}

.hp_hero_slider_item {
  width: 100vw;
  height: 100%;
}

.prd_detail_close {
  cursor: pointer;
  position: absolute;
  inset: 0%;
}

.pda_product_pagination_wrapper {
  display: none;
}

.pda_product_pagination_number {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 1rem;
  transition: all .4s;
  display: flex;
}

.pda_product_pagination_number:hover,
.pda_product_pagination_number.is-active {
  background-color: var(--project-detail-green-avian);
  color: var(--white-avian);
}

.cursor-pointer {
  cursor: pointer;
}

.pda_product_filter {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  scrollbar-width: thin;
  flex-flow: column;
  width: 100%;
  height: 48rem;
  margin-bottom: 0;
  padding-right: 1rem;
  display: flex;
  position: sticky;
  top: 7.5rem;
  overflow: hidden auto;
}

.checkbox {
  accent-color: #00685f;
  margin-top: 0;
}

.hp_type_arrow {
  justify-content: flex-start;
  align-items: center;
  width: .7rem;
  height: 100%;
  display: flex;
}

.hp_type_arrow.hi_ki_pr {
  cursor: pointer;
  height: auto;
  display: flex;
}

.landscape-item,
.none {
  display: none;
}

.footer_wrapper_anim {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: sticky;
  top: 0;
}

.footer_content {
  width: 100%;
}

.max-width-pct {
  max-width: 36rem;
}

.align-right {
  align-self: flex-end;
}

.align-left {
  align-self: flex-start;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-auto {
  overflow-x: auto;
}

.rotate270 {
  transform: rotate(270deg);
}

.transition-ease {
  transition: all .4s;
}

.pct_toko {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--white-avian);
  flex-flow: column;
  display: none;
  position: absolute;
  inset: 0%;
  transform: none;
}

.pct_toko.bg_white {
  width: 100%;
}

.cta_container {
  z-index: 4;
  background-color: var(--white-avian);
  border-radius: 5px;
  max-width: 70rem;
  max-height: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: visible;
}

.cta_img {
  width: 100%;
  height: auto;
}

.cta_select {
  color: var(--black-avian);
  background-color: #0000;
  border: 0 solid #000;
  border-bottom: 1px solid #0006;
  border-radius: 0;
  height: 3em;
  margin-bottom: 0;
  padding: .1em .5em .1em .2em;
  overflow: visible;
  font-size: 18px !important;
}

.cta_select:active {
  color: #0d0c09;
}

.cta_select:focus {
  color: #0d0c09;
  border-bottom-color: #0d0c09;
}

.cta_select:focus-visible,
.cta_select[data-wf-focus-visible] {
  color: #0d0c09;
}

.cta_select::placeholder {
  color: var(--black-avian);
}

.cta_select.textarea {
  resize: vertical;
  height: 5em;
}

.input {
  margin-bottom: 0;
  font-size: 18px;
}

.input.input-pdd_product {
  border: 0px none var(--transparent-avian);
  color: var(--black-avian);
  text-align: center;
}

.cta_popup {
  z-index: 99;
  justify-content: center;
  align-items: center;
  height: 100dvh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.modal {
  display: none;
}

.modal.cta_modal {
  z-index: 9999;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  position: relative;
}

.navbar_link_anim {
  padding: 1rem;
  transition: all .4s;
}

.navbar_link_anim:hover {
  color: var(--footer-green-avian);
  background-color: #e0e6df;
}

.footer_link {
  color: var(--white-avian);
  transition: all .4s;
}

.footer_link:hover {
  color: #3cae49;
}

.hp_hero_full {
  z-index: 9999;
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.hp_color {
  aspect-ratio: 1;
  object-fit: cover;
  background-color: #000;
  border-radius: 200rem;
  width: 1.5rem;
  margin-left: 8px;
  margin-right: 8px;
  transition: all .4s;
}

.hp_color.is-active {
  width: 1.9rem;
}

.hp_color_bullet {
  justify-content: center;
  align-items: center;
  height: 2.3rem;
  display: flex;
}

.nav-link {
  color: #000;
  align-items: center;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  font-size: .875rem;
  text-decoration: none;
  display: flex;
}

.button-text-wrapper {
  z-index: 10;
  flex-direction: column;
  height: 1.3rem;
  line-height: 1.5;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-text {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  height: 1.3rem;
  min-height: 1.3rem;
  padding: 0;
}

.navbar_search_popup {
  background-color: var(--white-avian);
  border-top: 1px solid #0003;
  border-bottom: 1px solid #0003;
  justify-content: flex-start;
  align-items: center;
  width: 96vw;
  max-width: 90rem;
  height: 4rem;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
}

.navbar_search_input {
  border: 0px none var(--transparent-avian);
  color: var(--black-avian);
  margin-bottom: 0;
}

.navbar_form {
  width: 100%;
  margin-bottom: 0;
}

.navbar_search_popup_menu {
  z-index: 99;
  background-color: var(--white-avian);
  width: 96vw;
  max-width: 90rem;
  height: calc(80vh - 7rem);
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  inset: 11.1rem 0% 0%;
  overflow: clip auto;
}

.pdd_product_button {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: -4.8rem;
  display: grid;
  position: relative;
  top: .6rem;
}

.pdc_op_container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.navbar_link_wrapper {
  cursor: pointer;
  transition: all .4s;
}

.navbar_link_wrapper:hover {
  color: var(--footer-green-avian);
  background-color: #e0e6df;
}

.navbar_link_wrapper.product:hover {
  color: var(--footer-green-avian);
}

.body_m {
  font-size: 22px;
  line-height: 150%;
}

.body_m.ellipsis {
  white-space: pre-line;
}

.lang-active {
  color: var(--footer-green-avian);
}

.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
  overflow: hidden;
}

.move-x {
  transform: translate(101%);
}

.pct_home_filter {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--white-avian);
  flex-flow: column;
  width: 100%;
  display: none;
  position: absolute;
  inset: 0%;
  transform: none;
}

.pct_home_filter.bg_white.move-x {
  transform: translate(101%);
}

.pct_home_filter.bg_white.transition-ease.move-x {
  transform: none;
}

.pdc_img {
  cursor: pointer;
  object-fit: contain;
  position: absolute;
  inset: 1rem 1rem auto auto;
}

.border-bottom {
  border-bottom: 1px solid #93939380;
}

.rotate-180 {
  transform: rotate(-180deg);
}

.overflow-x-clip {
  overflow-x: clip;
}

.div-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.pct_img_wrapper {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}

.hp_find_image {
  object-fit: cover;
  width: 50vw;
  min-width: 50vw;
  max-width: none;
  height: 100%;
  margin-right: calc(-50vw + 100%);
}

.hp_find_image.portrait {
  aspect-ratio: 2 / 3;
}

.hp_find_image.square {
  aspect-ratio: 1;
}

.hp_find_image.square.contain.pd_img {
  width: 21rem;
}

.hp_find_image.small {
  width: .6rem;
  height: 100%;
}

.hp_find_image.relative.find {
  pointer-events: none;
  object-fit: contain;
  width: 1rem;
  right: .7rem;
}

.hp_find_image.contain.clr_icon {
  width: 1.1rem;
}

.hp_find_image.contain.clr_icon.arrow {
  width: .6rem;
}

.hp_find_image.contain.prd_img {
  width: 6rem;
}

.hp_find_image.prd_hero_img {
  height: auto;
}

.hp_find_image.netflix {
  aspect-ratio: 2;
}

.hp_find_image.prd_detail_img {
  width: 100%;
}

.hp_find_image.icon-faq {
  width: 1.6rem;
}

.hp_find_image.type {
  aspect-ratio: 1;
  width: 2rem;
  height: auto;
}

.hp_find_image.pda_product_img {
  aspect-ratio: 1;
  object-fit: contain;
  width: 12rem;
  height: auto;
  margin-top: -6rem;
}

.hp_find_image.pda_product_img.compare {
  width: 12rem;
  margin-top: 0;
}

.hp_find_image.arrow.contain.product {
  transition: all .2s;
  transform: translate(0);
}

.hp_find_image.product.close {
  cursor: pointer;
  width: 1.5rem;
  height: auto;
}

.hp_find_image.product.close.absolute {
  inset: -.5rem -.5rem auto auto;
}

.hp_find_image.product.relative.front {
  z-index: 4;
}

.hp_find_image.breadcrumbs {
  width: .4rem;
  height: auto;
}

.hp_find_image.pdd_product {
  width: 3rem;
}

.hp_find_image.pdd_op_img {
  aspect-ratio: 1;
  width: 10rem;
  height: auto;
}

.hp_find_image.psc_rm_img {
  object-fit: contain;
  width: 31rem;
  height: auto;
}

.hp_find_image.pdd_calculator {
  width: 17rem;
}

.hp_find_image.image_height_auto {
  height: auto;
}

.hp_find_image.image_height_auto.contain.pda_product_pagination_arrow {
  width: 1rem;
}

.hp_find_image.image_height_auto.prd_detail_factory_icon {
  width: 1.5rem;
}

.hp_find_image.image_height_auto.aspect-ratio-square.pct {
  width: 35rem;
}

.hp_find_image.image_height_auto.pct {
  width: 100%;
}

.hp_find_image.pct_img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.pdc_op_category {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 40px;
  display: flex;
  position: relative;
}

.divider_horizontal_pdc_op {
  border-radius: 5px;
  width: 0;
  height: 4px;
  transition: all .4s;
}

.divider_horizontal_pdc_op.pdc_op_active {
  background-color: var(--footer-green-avian);
}

.font_size_rp {
  font-size: 13px;
  line-height: 1;
}

.font_size_rp_small {
  font-size: 10px;
  line-height: 1;
}

.ms-checkbox-wrap {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 10px;
  margin-right: -10px;
  display: flex;
}

.ms-checkbox-wrap.co {
  justify-content: flex-start;
  align-items: center;
  margin-right: 0;
}

.ms-checkbox-wrap.co.margin-0 {
  margin-bottom: 0;
}

.ms-checkbox-wrap.kar_tp {
  justify-content: flex-start;
  align-items: flex-start;
  line-height: 136%;
}

.ms-checkbox-wrap.margin-0 {
  margin-bottom: 0;
  margin-right: 0;
}

.ms-checkbox {
  border: 1.5px solid #00685f;
  border-radius: 5px;
  flex: none;
  width: 16px;
  height: 16px;
  margin-top: 0;
  margin-right: 10px;
}

.ms-checkbox:hover {
  background-image: linear-gradient(#ffffffe6, #ffffffe6), linear-gradient(#00685f, #00685f);
  border-style: solid;
  border-color: #00685f;
}

.ms-checkbox.w--redirected-checked {
  background-color: var(--footer-green-avian);
  background-image: url('../images/smallcheck.svg');
  background-size: 70%;
  border-style: solid;
  border-color: #00685f;
  border-radius: 5px;
}

.ms-checkbox.certif {
  border-style: solid;
  border-color: #00685f;
  border-radius: 100%;
  width: 26px;
  height: 26px;
}

.ms-checkbox.certif_iso {
  width: 2rem;
  height: 2rem;
}

.ms-checkbox.kar_tp_checkbox {
  margin-top: 4px;
}

.checkbox-label {
  display: none;
}

.checkbox-label.co {
  display: block;
}

.radio {
  border: 1.5px solid var(--footer-green-avian);
  width: 16px;
  height: 16px;
  margin-top: 0;
  margin-right: 10px;
}

.radio.w--redirected-checked {
  border: 1px solid var(--footer-green-avian);
  background-color: var(--footer-green-avian);
}

.radio-button-field {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.pct_filter_button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: center;
  display: flex;
}

.pda_product_description {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 17rem;
  height: 100%;
  padding: .5rem 1rem;
  display: flex;
}

.pda_product_description.abt_sp {
  max-width: 24rem;
}

.prd_detail_factory_wrapper {
  z-index: 2;
  background-color: #eee;
  width: 50%;
  padding: 1.5rem;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: clip auto;
}

.button-green {
  background-color: var(--footer-green-avian);
  color: var(--white-avian);
}

.font-20 {
  font-size: 20px;
}

.pdd_product_calculator_input {
  grid-template-rows: auto;
  grid-template-columns: auto 1fr auto;
  grid-auto-columns: 1fr;
  padding-left: .5rem;
  padding-right: .5rem;
  display: grid;
}

.pdd_product_calculator_input.border_green.radius_small {
  place-items: center;
}

.pdd_product_calculator_input.text {
  grid-template-columns: auto 1fr;
}

.qty-btn {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  width: .7rem;
}

.pdd_product_area {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.pdd_product_area_substract {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  width: 1.3rem;
}

.pdd_product_area_item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
  box-shadow: 0 -3px 7px #0000000d, -3px 3px 7px #0000000d, 3px 4px 5px #0000000d;
}

.pdd_product_area_item_first {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.cw-cookie_options {
  grid-column-gap: 1.75rem;
  grid-row-gap: 1.75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 2rem;
  display: flex;
}

.cw-cookie_checkbox {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: center;
  display: flex;
}

.cw-button_primary {
  color: #fff;
  text-align: center;
  background-color: #0d0c09;
  border: 1px solid #0d0c09;
  padding: .7em 2em .5em;
  font-weight: 300;
  line-height: 1em;
  transition: transform .3s, background-color .3s;
}

.cw-button_primary:hover {
  color: #0d0c09;
  background-color: #0000;
  border: 1px solid #0d0c09;
}

.cw-cookie_banner {
  z-index: 999;
  background-color: var(--footer-green-avian);
  border-radius: 5px;
  width: 100%;
  max-width: 62rem;
  padding: 2em;
  display: none;
  position: fixed;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}

.icon-1x1-tiny {
  width: .7em;
  height: .7em;
}

.btn_wrapper {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  justify-content: center;
  align-items: center;
  height: 1.8em;
  margin-bottom: -1.2em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-size-tiny-2 {
  color: #0d0c09;
  font-size: 1em;
}

.text_black-2 {
  color: #0d0c09;
}

.cw-cookies_description {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  display: flex;
}

.cw-button_secondary {
  color: #1e1a35;
  text-align: center;
  background-color: #0000;
  border: 1px solid #0d0c09;
  justify-content: center;
  padding: .7em 2em .5em;
  line-height: 1em;
  transition: transform .3s, color .3s, background-color .3s;
}

.cw-button_secondary:hover {
  color: #fff;
  background-color: #0d0c09;
  border-color: #0d0c09;
}

.cw-cookie_checkbox-check {
  border-radius: 4px;
  width: 20px;
  height: 20px;
  margin-top: 0;
}

.cw-cookie_checkbox-check.w--redirected-checked {
  background-color: #000;
  background-size: 14px 14px;
}

.button-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-icon.button-icon-bottom {
  position: absolute;
  bottom: -100%;
  left: -100%;
}

.clip {
  z-index: 10;
  flex-direction: column;
  padding-right: 1px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.divider_horizontal-3 {
  background-color: #fff;
  width: 100%;
  height: 1px;
}

.divider_horizontal-3.button-3 {
  background-color: #333;
  height: 1px;
  min-height: 0;
  position: absolute;
  inset: auto auto 0% 0%;
}

.button-3 {
  color: #fff;
  text-align: center;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  min-height: 2em;
  font-weight: 100;
  text-decoration: none;
  display: flex;
}

.button-3.is-icon {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  color: #333;
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 15em;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-text-2.button-text-bottom {
  position: absolute;
  bottom: -100%;
}

.cw-cookie_content {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: row;
  display: flex;
}

.cw-button_secondary-2 {
  color: #1e1a35;
  text-align: center;
  background-color: #0000;
  border: 1px solid #1e1a35;
  border-radius: 80px;
  justify-content: center;
  padding: 1rem 1.5rem;
  line-height: 1;
  transition: transform .3s, color .3s, background-color .3s;
}

.cw-button_secondary-2:hover {
  color: #fff;
  background-color: #a78aff;
  border-color: #a78aff;
  transform: translate(0, -2px);
}

.cw-cookie_script {
  display: none;
}

.cw-cookie_selection {
  display: none;
  overflow: hidden;
}

.cw-cookie_buttons {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.cw-cookie_icon {
  z-index: 2;
  cursor: pointer;
  width: 40px;
  height: 40px;
  padding: 5px;
  display: none;
  position: fixed;
  inset: auto auto 20px 20px;
}

.cw-cookie-img {
  width: 7rem;
}

.navbar_popup_hover_wrapper {
  background-color: var(--white-avian);
  opacity: 0;
  scrollbar-width: none;
  width: 96vw;
  max-width: 90rem;
  height: calc(90vh - 7rem);
  max-height: 0;
  margin-left: auto;
  margin-right: auto;
  transition-property: all;
  transition-duration: .4s;
  transition-timing-function: ease;
  position: fixed;
  inset: 7.5rem 0% auto;
  overflow-y: auto;
  transform: none;
  box-shadow: -3px 3px 7px #0000000d, 3px 4px 5px #0000000d;
}

.navbar_popup_hover_wrapper.product {
  opacity: 1;
  scrollbar-width: thin;
  height: auto;
}

.navbar_popup_hover_wrapper.about {
  height: auto;
}

.navbar_popup_hover_wrapper.relations {
  z-index: -5;
  height: auto;
}

.navbar_product_container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.navbar_product_link_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.navbar_product_link_wrapper.relations {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.navbar_product_link {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.navbar_product_link.about {
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  display: flex;
}

.navbar_product_link.relations {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.navbar_product_link.relations.link {
  padding-left: 4rem;
  display: flex;
}

.navbar_product_link.category {
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-flow: column;
}

.navbar_popup_link {
  transition: all .4s;
}

.navbar_popup_link:hover {
  color: #3eb049;
}

.navbar_popup_link.has-submenu {
  color: var(--gray-avian);
}

.psd_map_description_number {
  background-color: var(--footer-green-avian);
  border-radius: 3px;
  margin-left: -.5rem;
  padding: .2rem .5rem;
}

.psd_map_description_number.list {
  margin-left: .4rem;
}

.psd_map_list_wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.psd_map_list_item {
  cursor: pointer;
  border: 1px solid #93939380;
}

.psd_map_list_item.child-1 {
  margin-left: 1.1rem;
}

.psd_map_list_item.third {
  margin-left: 2.5rem;
}

.psd_map_list_item.child-2 {
  cursor: default;
  margin-left: 2.5rem;
}

.psd_map_list_item.is-checked {
  background-color: #e1f4ed;
}

.psd_map_list_item_second,
.psd_map_list_item_wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.psd_map_list_item_wrapper.second,
.psd_map_list_item_wrapper.third,
.psd_map_list_item_wrapper.first {
  display: flex;
}

.navbar_link {
  padding: 1rem;
}

.navbar_link:hover {
  color: var(--footer-green-avian);
}

.pdd_product_right {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  align-self: center;
  width: 100%;
  display: flex;
}

.font-14 {
  font-size: 14px;
}

.pdd_product_calculator_close {
  width: 1rem;
  position: absolute;
  inset: 1.5rem 1.3rem auto auto;
}

.prd_plus_remove_icon {
  cursor: pointer;
}

.tablet-item {
  display: none;
}

.move-x-left {
  transform: translate(-100vw);
}

.bg_green {
  background-color: var(--footer-green-avian);
}

.code-embed-2 {
  display: none;
}

.swiper_line {
  background-color: #0003;
  border-radius: 5px;
  height: 4px;
  position: absolute;
  inset: 2.55rem 0% auto;
}

.scroll-loader {
  margin-top: -1rem;
  display: flex;
}

.scroll-loader.search {
  justify-content: center;
  align-items: center;
  display: none;
}

.scroll-loader.kbt_pcp {
  margin-top: 2rem;
}

.div-block-3 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.divider_vertical {
  background-color: #0003;
  width: 1px;
  height: 100%;
}

.navbar_popup_link_wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
}

.navbar_popup_link_relations {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  display: flex;
}

.navbar_popup_relations {
  opacity: 0;
  border-left: 1px solid #0003;
  height: 100%;
  display: none;
  position: relative;
  inset: 0% 0% 0% auto;
}

.submenu-links {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: none;
}

.prd_detail_description {
  background-color: var(--footer-green-avian);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: flex;
}

.hi_hp_top_container {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 60rem;
  margin-top: -3.5rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  overflow: hidden;
}

.radius_huge {
  border-radius: 30px;
}

.hi_hp_top_content_wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bg_gray_hi_hp {
  background-color: #eee;
}

.hi_hp_bottom_container {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hi_hp_icon {
  width: 7rem;
}

.hi_hp_bottom_item {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hi_hp_bottom_item.radius_small.box-shadow {
  margin-top: 7rem;
}

.hi_hp_description {
  max-width: 11.5rem;
  padding-top: 2.5rem;
  padding-bottom: 2rem;
}

.hi_hp_laporan_container {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.hi_hp_laporan_item {
  background-color: var(--white-avian);
  width: 100%;
  height: 100%;
}

.hi_hp_laporan_item.radius_small {
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.hi_hp_laporan_img {
  border-radius: 5px;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.hi_hp_laporan_img.pii_ltk {
  justify-content: center;
  align-items: center;
  width: 30%;
  display: flex;
}

.hi_hp_laporan_img.kbt {
  padding-left: 1rem;
  padding-right: 1rem;
}

.hi_hp_newsletter_container {
  grid-column-gap: 1rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr auto;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
}

.hi_hp_newsletter_top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hi_hp_newsletter_icon {
  width: 1.7rem;
}

.hi_hp_newsletter_send_icon {
  background-color: var(--footer-green-avian);
  color: var(--white-avian);
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: .3rem .8rem .4rem;
  display: flex;
}

.hi_hp_newsletter_send {
  width: 1.5rem;
}

.hi_tkp_bp_hero_link_top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  scrollbar-width: thin;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
  overflow: auto clip;
}

.hi_tkp_bp_hero_link_top.vabt_hp_top {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
}

.hi_tkp_bp_hero_link_top.abt_hp_top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.hi_tkp_bp_link {
  color: var(--gray-avian);
  flex: none;
}

.hi_tkp_bp_link.is-active {
  color: var(--footer-green-avian);
  font-weight: 600;
}

.top_shadow {
  box-shadow: 0 19px 28px #0000001a;
}

.hi_tkp_bp_hero_wrapper {
  position: relative;
}

.hi_tkp_bp_heading_wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 5vw 0% auto;
}

.hi_tkp_bp_heading_wrapper.pii {
  left: 5vw;
  right: auto;
}

.hi_tkp_bp_heading {
  font-size: 50px;
}

.hi_tkp_bp_hero_link_bottom {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  scrollbar-width: thin;
  justify-content: space-between;
  display: flex;
  overflow: auto clip;
}

.hi_tkp_bp_hero_link_bottom.aic {
  max-width: 73rem;
  margin-left: auto;
  margin-right: auto;
}

.hi_tkp_bp_hero_link_bottom.tirta {
  max-width: 78rem;
  margin-left: auto;
  margin-right: auto;
}

.hi_tkp_bp_hero_link_bottom.template {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.hi_tkp_bp_container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hi_tkp_bp_container.dk {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.hi_tkp_bp_container.certif_ac {
  align-items: stretch;
}

.hi_tkp_dk {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hi_tkp_dk.hi_tkp_knr {
  grid-template-columns: 1fr 1fr 1fr;
}

.hi_tkp_dk_item {
  background-color: var(--white-avian);
  flex-flow: column;
  grid-template-rows: 19rem auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 22rem;
  padding-top: 3rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  box-shadow: 0 4px 21px #00000026;
}

.hi_tkp_dk_item.box-shadow {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hi_tkp_dk_item.radius_small {
  grid-template-rows: auto auto;
}

.hi_tkp_dk_item.detail {
  grid-template-rows: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 24rem;
  padding-bottom: 2.5rem;
}

.hi_tkp_dk_item_description {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.bg_gray-2 {
  background-color: #eee;
}

.hi_tkp_dk_item_anim {
  background-color: var(--footer-green-avian);
  height: 0%;
  transition: all .4s;
  position: absolute;
  inset: auto 0% 0%;
}

.hi_tkp_dk_item_anim.personel {
  bottom: .1rem;
}

.hi_tkp_dk_item_img {
  object-position: center top;
    aspect-ratio: 443 / 477;
  width: 100%;
  margin-top: -2.3rem;
  display: flex;
  position: relative;
}

.hi_tkp_dk_item_img img{
    object-position: center top;
}

.hi_tkp_dk_item_img.right {
  margin-top: -1.8rem;
}

.hi_tkp_dk_item_img.personel {
  width: 100%;
  margin-top: 0;
}

.hi_tkp_dk_item_img.detail {
  border-radius: 5px;
  width: 100%;
  overflow: hidden;
}

.hi_tkp_dk_item_bg_wrapper {
  display: flex;
  position: relative;
  padding-left: .5rem;
  padding-right: .5rem;
}

.hi_tkp_dk_item_bg_wrapper.personel {
  padding-top: 1rem;
  padding-left: 0;
  padding-right: 0;
}

.hi_tkp_dk_item_bg_wrapper.detail {
  border-radius: 5px;
  width: 100%;
}

.hi_tkp_dk_item_anim_wrapper {
  background-color: #eee;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.hi_tkp_dk_item_anim_wrapper.bg_green {
  background-color: var(--footer-green-avian);
}

.prd_product {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 12.4rem;
  display: flex;
}

.height-100 {
  height: 100%;
}

.cta_left {
  background-color: var(--footer-green-avian);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 16rem;
  position: relative;
}

.cta_img_wrapper {
  width: 17rem;
  position: absolute;
  bottom: 2rem;
  right: 2rem;
}

.cta_form {
  height: 28rem;
  max-height: 28rem;
  overflow: clip auto;
}

.product_img_wrapper {
  aspect-ratio: 1;
  width: 100%;
  padding: .5rem;
}

.product_img_wrapper.pda_product_img {
  width: 12rem;
  margin-top: -6rem;
}

.product_img_wrapper.pda_product_img.abt_sp_tkdn {
  width: 14rem;
  margin-top: -7.8rem;
}

.product_img_wrapper.pda_product_img.kar_lb {
  width: 17rem;
  margin-top: -9rem;
}

.product_img_wrapper.prd_img {
  width: 9rem;
}

.product_img_wrapper.abt_aic_product {
  width: 17rem;
}

.product_img_wrapper.certif_img {
  height: 100%;
}

.pct_home {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  scrollbar-width: thin;
  flex-flow: column;
  display: flex;
}

.pda_product_compare_container {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr 1.25fr 1.25fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 100%;
  display: grid;
}

.icon-2 {
  margin-right: 0;
}

.dropdown-2 {
  width: 100%;
}

.psc_img_popup_arrow {
  cursor: pointer;
  width: 1.5rem;
}

.psc_img_popup_arrow.disabled {
  opacity: .4;
  cursor: auto;
}

.popup-trigger {
  cursor: pointer;
}

.link-block {
  display: flex;
}

.psc_img_wrapper {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.clr_item_heading_wrapper {
  display: flex;
}

.cta_success_container {
  background-color: var(--transparent-avian);
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
}

.cta_success_container.kar_tk {
  background-color: var(--white-avian);
  border-radius: 5px;
  display: flex;
}

.cta_success_img {
  width: 14rem;
}

.cta_success {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 26rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cta_success.kart_tk {
  max-width: 40rem;
}

.cta_success.hi {
  max-width: 48rem;
}

.form_select {
  z-index: 1;
  text-transform: none;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #0006;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 2.5rem;
  padding: .8rem .5rem .8rem .2rem;
  display: flex;
  position: relative;
}

.select-arrow {
  width: 1rem;
}

.form_select-list {
  z-index: 5;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  transition: all .2s;
  display: none;
  position: absolute;
  inset: 3rem 0% auto;
  box-shadow: 0 5px 10px 2px #0000001a;
}

.form_select-list.w--open {
  top: 3.2rem;
  left: .15rem;
  box-shadow: 0 2px 8px #0003;
}

.form_select-list.open {
  display: flex;
}

.form_select-option {
  text-transform: none;
  cursor: pointer;
  background-color: #fff;
  width: 100%;
  padding: .85rem 1.4rem;
  transition: all .25s;
}

.form_select-option:hover {
  background-color: var(--footer-green-avian);
  color: #fff;
}

.select-code {
  display: none;
}

.flex-vert-lt {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.style-settings {
  display: none;
}

.product_dropdown {
  margin-bottom: .3rem;
  transition: all .4s;
}

.product_dropdown.is-active {
  color: var(--footer-green-avian);
}

.product_dropdown_heading {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: .7rem;
  padding-bottom: 1rem;
  transition: all .4s;
  display: flex;
}

.product_dropdown_heading:hover {
  color: var(--footer-green-avian);
}

.product_dropdown_list {
  padding-top: 1.1rem;
  padding-bottom: 1rem;
  display: block;
}

.pct_toko_detail {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  scrollbar-width: thin;
  flex-flow: column;
  display: flex;
  overflow: clip auto;
}

.cta_right {
  scrollbar-width: thin;
  width: 100%;
  height: auto;
  max-height: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: clip auto;
}

.swiper-button-prev.abt-wu-swiper {
  background-color: var(--white-avian);
  justify-content: flex-start;
  align-items: center;
  width: 3rem;
  height: 100%;
  margin-top: 0;
  top: 0;
  left: 0;
}

.swiper-button-prev.abt-wu-swiper.abt_hp_personel_item {
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 5rem;
}

.swiper-button-prev.abt-wu-swiper.hi_hp {
  background-color: var(--transparent-avian);
  width: -moz-fit-content;
  width: fit-content;
}

.swiper-button-prev.abt-wu-swiper.kar_bp {
  padding-bottom: 8.4rem;
}

.swiper-button-prev.abt-wu-swiper.abt_abs {
  padding-bottom: 4rem;
}

.swiper-button-prev.abt-wu-swiper.pii {
  width: 1.5rem;
}

.swiper-button-prev.abt-wu-swiper.certif {
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 2rem;
}

.swiper-button-prev.karir_bpd {
  justify-content: flex-start;
  align-items: center;
  width: 3rem;
  height: 100%;
  margin-top: 0;
  padding-bottom: 8.2rem;
  top: 0;
  left: 0;
}

.swiper-button-prev.karir_bpd.kar_tk {
  background-color: var(--white-avian);
  padding-bottom: 0;
}

.swiper-button-prev.abt_hp_journey {
  background-color: var(--white-avian);
  justify-content: flex-start;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
  top: 0;
  left: 0;
}

.hi_tkp_sticky {
  z-index: 10;
  background-color: var(--white-avian);
  position: sticky;
  top: 7rem;
  box-shadow: 0 -4px 28.1px #0003, 0 19px 28px #0000001a;
}

.hi_tkp_sticky.ls-2,
.hi_tkp_sticky.so {
  top: 9.5rem;
}

.hi_tkp_detail_top_wrapper {
  background-image: url('../images/Group-11_1.avif');
  background-position: 50%;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.hi_tkp_detail_top_wrapper.pii_ltk {
  border-radius: 5px;
}

.hi_tkp_detail_top_description {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.hi_tkp_detail_top_description.pii_ltk {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  width: 100%;
  max-width: 30rem;
}

.hi_tkp_detail_content {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  width: 100%;
  max-width: 70rem;
  display: flex;
}

.hi_tkp_detail_content.pii_ltk {
  justify-content: center;
  align-items: center;
}

.hi_tkp_detail_bottom_wrapper {
  background-color: var(--light-gray-avian);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.hi_tkp_detail_bottom_content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 70rem;
  display: flex;
}

.abt_hp_content_wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  display: flex;
}

.abt_hp_value_wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.abt_hp_value_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: 5.5rem auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: flex-start;
  place-items: start center;
  padding: 1.2rem;
  display: grid;
}

.abt_hp_value_img_wrapper {
  width: 6rem;
}

.abt_hp_value_img_wrapper.integrity {
  width: 5.1rem;
}

.abt_hp_value_img_wrapper.cf {
  margin-top: -.5rem;
}

.abt_hp_value_img_wrapper.profesional {
  width: 5.3rem;
}

.abt_hp_value_description {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 16.2rem;
  display: flex;
}

.abt_hp_management {
  grid-column-gap: 2rem;
  grid-row-gap: 5rem;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 100%;
  display: flex;
}

.abt_hp_management.tirta {
  grid-template-rows: auto auto;
}

.abt_hp_personel_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.abt_hp_personel_item {
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: flex;
}

.abt_hp_personel_item.aic {
  grid-template-rows: 20.5rem auto;
}

.abt_hp_factory_content {
  grid-template-rows: auto;
  grid-template-columns: .8fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.abt_hp_factory {
  background-color: var(--light-gray-avian);
}

.abt_hp_factory_img_wrapper {
  width: 100%;
  overflow: hidden;
}

.abt_hp_factory_description {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  max-width: 44rem;
  padding: 3rem 1rem 3rem 3rem;
  display: flex;
}

.abt_hp_factory_wu {
  height: 100%;
  overflow: hidden;
}

.abt_hp_factory_wu.karir {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.abt_hp_factory_wu_description {
  background-color: var(--light-gray-avian);
  justify-content: center;
  align-items: center;
  padding: .5rem;
  transition: all .4s;
  display: flex;
}

.abt_hp_factory_wu_img_wrapper {
  aspect-ratio: 2.39;
  width: 100%;
}

.abt_hp_factory_wu_img_wrapper.karir {
  aspect-ratio: 3 / 2;
  border-radius: 5px;
  height: auto;
  overflow: hidden;
}

.abt_aic_video {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 5px;
  width: 72vw;
  overflow: hidden;
}

.abt_aic_ahli_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.abt_abs_services {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.abt_abs_whyus {
  background-color: var(--light-gray-avian);
  width: 100vw;
}

.abt_abs_whyus_wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}

.abt_abs_whyus_item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--white-avian);
  grid-template-rows: auto;
  grid-template-columns: .38fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  padding: 2rem;
  display: grid;
}

.font-50 {
  font-size: 50px;
  line-height: 100%;
}

.text-abt-red {
  color: #da487a;
}

.text-abt-orange {
  color: #ea875b;
}

.text-abt-green {
  color: #40a991;
}

.text-abt-blue {
  color: #29b2d0;
}

.abt_abs_whyus_heading {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 20rem;
  display: flex;
}

.abt_abs_whyus_description {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--white-avian);
  flex-flow: column;
  width: 100%;
  max-width: 27rem;
  display: flex;
}

.abt_abs_whyus_description.ls-3-1 {
  max-width: none;
}

.abt_abs_whyus_description.ls-4-1 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: var(--light-gray-avian);
  border-radius: 5px;
  overflow: hidden;
}

.abt_abs_whyus_description_wrapper {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  display: grid;
}

.abt_abs_whyus_description_wrapper.ls-4 {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  display: grid;
}

.abt_abs_whyus_description_wrapper.ls-2 {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.abt_abs_whyus_description_wrapper.ls-3 {
  display: flex;
}

.abt_abs_whyus_description_wrapper.kbt {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
}

.abt-bg-blue {
  background-color: #29b2d0;
}

.abt_abs_project {
  background-color: #128477;
}

.abt_abs_project_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.abt_abs_project_item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  max-width: 19rem;
  display: flex;
}

.abt_abs_project_icon {
  width: 4rem;
}

.abt_abs_comment_item {
  aspect-ratio: 1;
  background-color: var(--light-gray-avian);
  border-radius: 5px;
}

.abt_abs_comment_img_wrapper {
  width: 5rem;
}

.abt_abs_comment_top {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.abt_tirta_distribution_text {
  max-width: 52rem;
}

.abt_tirta_distribution_item {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.abt_tirta_distribution_item.reverse {
  grid-template-columns: 1fr .75fr;
}

.abt_tirta_distribution_wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  display: flex;
}

.abt_certif_wrapper {
  grid-column-gap: 7rem;
  grid-row-gap: 7rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 1rem;
  display: grid;
}

.certif_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.certif_left_wrapper {
  width: 100%;
  max-width: 20rem;
}

.certif_right_wrapper {
  width: calc(100% - 20rem);
}

.certif_left_dropdown {
  overflow: hidden;
}

.certif_left_dropdown_item {
  cursor: pointer;
  padding: 1rem 1.5rem 1rem 2rem;
  transition: all .4s;
}

.certif_left_dropdown_item:hover {
  background-color: var(--light-gray-avian);
}

.certif_left_dropdown_item.certif_heading {
  background-color: var(--footer-green-avian);
  justify-content: space-between;
  align-items: center;
  padding-left: 1.5rem;
  display: flex;
}

.certif_left_dropdown_item.is-active {
  background-color: var(--light-gray-avian);
  font-weight: 600;
}

.certif_icon {
  aspect-ratio: 1;
  width: 1rem;
  height: .75rem;
  display: flex;
}

.certif_right_content_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.certif_right_content_top {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: flex-start;
  align-items: center;
  padding-top: 2rem;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
}

.certif_right_img_wrapper {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 36rem;
  display: flex;
}

.certif_right_content_bottom {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.certif_right_item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.certif_checkbox {
  color: var(--footer-green-avian);
  width: 1.3rem;
  height: 1.3rem;
  position: absolute;
  inset: .3rem 1rem auto auto;
}

.certif_iso_container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.certif_iso_wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.certif_iso_item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fafafa;
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr auto;
  grid-auto-columns: 1fr;
  margin-left: 0;
  padding: 1.5rem;
  display: grid;
}

.certif_iso_item.certif_iso_heading {
  background-color: var(--footer-green-avian);
  color: var(--white-avian);
  display: flex;
}

.certif_iso_item.is-active {
  background-color: #e1f4ed;
}

.certif_iso_item.psd_map_list_item.child-2 {
  border: 0 #0000;
  margin-left: 0;
}

.certif_iso_item_wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.certif_iso_icon {
  aspect-ratio: 1;
  background-color: var(--footer-green-avian);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: .4rem;
  display: flex;
}

.certif_iso_form {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  flex-flow: column;
  display: flex;
}

.select-field {
  align-self: flex-end;
}

.certif_ac_chevron {
  aspect-ratio: 1;
  width: 1rem;
  margin-top: -.15rem;
  transition: all .4s;
  display: flex;
}

.certif_ac_chevron.is-active {
  transform: rotate(90deg);
}

.certif_folder_icon {
  width: 1.2rem;
  transition: all .4s;
}

.certif_folder_icon.back {
  opacity: 0;
  width: 1.3rem;
  position: absolute;
  inset: 0%;
}

.certif_folder_icon.front {
  opacity: 1;
}

.certif_folder_wrapper {
  width: 1.2rem;
  margin-top: -.2rem;
  position: relative;
}

.certif_ac_item_last {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr auto;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.pii_ahi_calendar_wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  display: flex;
}

.pii_ahi_top_wrapper {
  display: flex;
}

.pii_ahi_calendar {
  width: 29rem;
}

.pii_ahi_calendar_description {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  scrollbar-width: thin;
  flex-flow: column;
  width: calc(100% - 31rem);
  height: 100%;
  max-height: 17rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-right: 2rem;
  padding-left: 3rem;
  padding-right: 2rem;
  display: flex;
  overflow: auto;
}

.pii_ahi_container {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  display: flex;
}

.pii_ahi_calendar_item {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  border-bottom: 1px solid var(--gray-avian);
  flex-flow: column;
  padding-bottom: 1.5rem;
  display: flex;
}

.pii_ahi_calendar_icon {
  width: 1.6rem;
}

.pii_ahi_bottom_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.pii_ahi_activity_wrapper {
  border-radius: 5px;
  width: 100%;
  overflow: hidden;
}

.pii_ahi_activity_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid var(--gray-avian);
  background-color: var(--white-avian);
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr 1fr .25fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  padding: 1.5rem;
  display: grid;
}

.pii_ahi_activity_item.pii_ahi_activity_heading {
  background-color: var(--footer-green-avian);
}

.pii_ahi_activity_item.pii_ahi_activity_heading.pii_it_item {
  grid-template-columns: .5fr .75fr .25fr .35fr .25fr;
}

.pii_ahi_activity_item.pii_ahi_activity_heading.pii_knr {
  grid-template-columns: .5fr 1fr .25fr;
}

.pii_ahi_activity_item.pii_it_item {
  grid-template-columns: .5fr .75fr .25fr .35fr .25fr;
}

.pii_ahi_activity_item.pii_knr {
  grid-template-columns: .5fr 1fr .25fr;
}

.pii_ahi_select {
  justify-content: flex-end;
  align-self: flex-end;
  align-items: center;
  margin-bottom: 0;
  display: flex;
  font-size: 18px !important;
}

.pii_it_lembaga_wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  padding-top: 1rem;
  display: flex;
}

.pii_it_lembaga_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  display: flex;
}

.pii_it_lembaga_item_wrapper {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  display: grid;
}

.pii_it_lembaga_text {
  max-width: 22rem;
}

.container-ki-pr {
  max-width: 25rem;
  margin-left: auto;
  margin-right: auto;
}

.hi_ki_pr_item_wrapper {
  grid-column-gap: 7rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hi_ki_pr_container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hi_ki_pr_pagination {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hi_ki_pr_pagination.hi_ki_ki_pagination {
  padding-top: 1.5rem;
}

.hi_ki_pr_pagination.koleksi {
  margin-top: 2rem;
}

.hi_ki_pr_pagination_number_wrapper {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  display: flex;
}

.hi_ki_pr_pagination_number {
  aspect-ratio: 1;
  cursor: pointer;
  background-color: #f6f6f6;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: .5rem;
  line-height: 1;
  display: flex;
}

.hi_ki_pr_pagination_number.is-active {
  background-color: var(--footer-green-avian);
  color: var(--white-avian);
}

.hi_ki_pr_pagination_dot {
  color: var(--gray-avian);
  align-self: flex-end;
  line-height: 1;
}

.hi_ki_ki_container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.hi_ki_ki_icon {
  background-color: var(--footer-green-avian);
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.hi_hk_item_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.hi_hk_text {
  max-width: 14rem;
}

.hi_hk_container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}

.hi_hk_kk_top {
  border-radius: 5px;
  display: flex;
  overflow: hidden;
}

.hi_hk_kk_sekre {
  background-color: var(--light-gray-avian);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-top: .8rem;
  padding-bottom: .8rem;
  display: flex;
}

.hi_hk_kk_sekre.is-active {
  background-color: var(--footer-green-avian);
  color: var(--white-avian);
}

.error-messages {
  color: red;
  font-size: 16px;
}

.hi_tkp_knr_container {
  flex-flow: column;
  display: flex;
}

.kar_hp_container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-red {
  color: red;
}

.kar_lb_item_wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.kar_lb_item_description {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 21rem;
  height: 100%;
  margin-top: -4rem;
  display: flex;
}

.kar_bp_container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}

.kar_bp_top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-self: center;
  max-width: 69rem;
  display: flex;
}

.kar_bp_center {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text_blue {
  color: #025cac;
}

.text_blue.font-semibold.body_m.text-align-center {
  line-height: 120%;
}

.kar_bpd_container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.kar_bpd_container.tk {
  height: 100%;
  display: flex;
}

.kar_bpd_img_wrapper {
  aspect-ratio: 3 / 2;
  border-radius: 5px;
  overflow: hidden;
}

.kar_bpd_img_wrapper.tk {
  aspect-ratio: 1;
  width: 50vw;
  margin-right: calc(100% - 50vw);
}

.kar_bpd_others {
  background-image: url('../images/Batik-Avian-Brands-2026-Gray.png');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
}

.kar_bpd_others.tk {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.kar_tk_container {
  flex-flow: column;
  display: flex;
}

.kar_tk_img_wrapper {
  aspect-ratio: 3 / 2;
  object-fit: contain;
}

.kar_tk_joinus {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding-top: 4rem;
  padding-right: 4vw;
  display: flex;
}

.kar_tk_joinus_wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.kar_tp_filter_container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.kar_tp_form {
  margin-bottom: 0;
}

.kar_tp_bg_gray {
  background-color: #f5f5f5;
}

.kar_tp_select {
  border-bottom-color: #0000;
  border-radius: 5px;
  height: 100%;
  margin-bottom: 0;
  box-shadow: 0 18.63px 88.49px #c9cbcc4d;
  border-bottom: none !important;
  border-radius: 5px !important;
  font-size: 18px !important;
}

.kar_tp_job_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.kar_tp_job_item_heading {
  justify-content: space-between;
  display: flex;
}

.kar_tp_order {
  margin-bottom: 0;
  border-bottom: 0 !important;
  height: 100% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.kar_tp_job_item {
  border-radius: 5px;
  box-shadow: 0 -3px 7px #0000000d, -3px 3px 7px #0000000d, 3px 4px 5px #0000000d;
}

.kar_tp_job_item_content {
  grid-column-gap: 3.8vw;
  grid-row-gap: 3.8vw;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1.25fr .5fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.kar_tp_job_item_description_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.kar_tp_job_item_description {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.kar_tp_job_icon {
  width: 2rem;
}

.kar_tp_job_item_extend {
  padding-top: 3rem;
  display: none;
}

.kar_tp_job_img_wrapper {
  width: 12rem;
}

.kar_tp_job_button_seemore {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  height: 100%;
  display: flex;
}

.kar_faq_container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.kar_faq_item_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.kar_faq_item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  cursor: pointer;
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  width: 100%;
  padding: 1.5rem 2rem;
  display: grid;
  box-shadow: 0 -3px 7px #0000000d, -3px 3px 7px #0000000d, 3px 4px 5px #0000000d;
}

.kar_faq_icon {
  width: 2rem;
}

.kar_faq_content_wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  width: 100%;
  max-width: 56rem;
  padding-top: .2rem;
  display: flex;
}

.kar_tp_popup {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-color: var(--white-avian);
  flex-flow: column;
  width: 100%;
  padding: 3rem 5rem;
  display: flex;
  position: relative;
}

.kar_tp_popup.abt_tirta_personel {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.kar_tp_close {
  cursor: pointer;
  width: 1rem;
  position: absolute;
  inset: 1.5rem 1.5rem auto auto;
}

.kar_faq_content_inside {
  display: flex;
}

.abt_hp_journey_wrapper {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 43.9rem;
  display: flex;
  position: relative;
}

.abt_hp_journey_centerline {
  background-color: var(--black-avian);
  width: 100%;
  height: 1rem;
  position: absolute;
  top: 50%;
  bottom: 50%;
}

.abt_hp_journey_line-vertical {
  background-color: var(--black-avian);
  width: 3px;
  height: 28rem;
}

.abt_hp_journey_item {
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
  transform: translate(8rem, 4rem);
}

.abt_hp_journey_item.ls-1 {
  left: 2rem;
  transform: translate(-29rem, 4rem);
}

.abt_hp_journey_item.ls-3 {
  left: 0;
  transform: translate(17rem, 4rem);
}

.abt_hp_journey_item.ls-2 {
  left: 3rem;
}

.abt_hp_journey_item.bottom-item {
  flex-flow: column-reverse wrap-reverse;
}

.abt_hp_journey_item.bottom-item.ls-2 {
  transform: translate(-5rem, 11.5rem);
}

.abt_hp_journey_item.bottom-item.ls-1 {
  transform: translate(-29rem, 11.3rem);
}

.abt_hp_journey_item.bottom-item.ls-3 {
  transform: translate(17rem, 11.3rem);
}

.abt_hp_journey_item.top-item.ls-2 {
  transform: translate(-8rem, 4rem);
}

.abt_hp_journey_icon {
  width: 6rem;
  height: 6rem;
  position: absolute;
  inset: 16.4rem 10rem 0% -2.8rem;
  transform: translate(0, -15%);
}

.abt_hp_journey_icon.bottom-item {
  top: 17.8rem;
  transform: translate(0, -165%);
}

.abt_hp_journey_line {
  background-color: var(--black-avian);
  width: 4.5rem;
  height: 3px;
}

.abt_hp_journey_dots {
  background-color: var(--black-avian);
  border-radius: 100vw;
  width: .5rem;
  height: .5rem;
  transform: translate(-.15rem);
}

.abt_hp_journey_dots.bottom-item {
  transform: translate(-.15rem, 27.5rem);
}

.abt_hp_journey_text {
  width: 22rem;
}

.abt_hp_journey_description {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
  position: absolute;
  top: -4.2rem;
  left: -3.6rem;
}

.abt_hp_journey_description.bottom-item {
  top: auto;
  bottom: -4.2rem;
}

.abt_hp_journey_img_wrapper {
  aspect-ratio: 1;
  filter: grayscale();
  cursor: pointer;
  border-radius: 100vw;
  width: 11rem;
  position: absolute;
  bottom: -5rem;
  left: 4.6rem;
  overflow: hidden;
}

.abt_hp_journey_img_wrapper.bottom-item {
  top: -5rem;
  bottom: auto;
}

.abt_hp_journey_popup_img {
  width: 100%;
  max-width: 40rem;
  margin: 5rem auto;
}

.right.kar_tp_order {
  width: 10rem;
}

.right.wide.kar_tp_order {
  width: 10rem !important;
}

.right.wide.pii_ahi_select {
  max-width: 13rem;
}

.abt_hp_value {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.abt_abs_whyus_number {
  font-size: 50px;
  font-weight: 600;
  line-height: 108%;
}

.abt_tirta_distribution_item_description {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.flex-end {
  align-self: flex-end;
}

.text-align-justify {
  text-align: justify;
}

.line-height-150 {
  line-height: 150%;
}

.hi_hp_laporan_wrapper {
  background-image: url('../images/Background-Foto---Laporan-Tahunan_1.avif');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  width: 100%;
  display: flex;
}

.div-block-5 {
  align-self: flex-end;
  max-width: 20rem;
}

.abt_hp_journey_number {
  width: 2.7rem;
}

.abt_hp_text {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 78.6rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.kar_tp_job_content_grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: 4.75rem auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.kar_tp_job_content_grid.kar_tp_job_seemore {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: 4.75rem auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.abt_hp_management_item {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  justify-content: center;
  width: 100%;
  display: flex;
}

.abt_hp_management_item.ls-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
}

.hi_tkp_dk_grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pagination_number {
  line-height: .9;
}

.abt_abs_whyus_item_second {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.abt_abs_whyus_item_fourth {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.kbt_hp_hero {
  position: relative;
}

.kbt_hp_hero_img_wrapper {
  width: 75vw;
  position: relative;
}

.kbt_hp_hero_heading {
  max-width: 25vw;
  position: absolute;
  inset: auto 0% 4vh 29vw;
}

.div-block-6 {
  width: 25vw;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.kbt_hp_hero_item {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 2rem;
  display: flex;
}

.kbt_hp_hero_item.purple {
  background-color: #4842a4;
}

.kbt_hp_hero_item.blue {
  background-color: #59abc1;
}

.kbt_hp_hero_text {
  color: var(--white-avian);
  text-transform: uppercase;
  text-orientation: mixed;
  writing-mode: vertical-lr;
  margin-left: 0;
  margin-right: 0;
  font-weight: 600;
  transform: rotate(180deg);
}

.kbt_hp_hero_text_wrapper {
  justify-content: flex-start;
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.kbt_hp_hero_heading_text {
  color: var(--white-avian);
  text-transform: uppercase;
  font-size: 1.7vw;
  font-weight: 600;
}

.div-block-8 {
  width: 100%;
  height: 100%;
  display: flex;
}

.roadmap_panel-content {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 64vw;
  transition: all .3s ease-out;
  display: flex;
  position: relative;
}

.roadmap_panel {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-color: var(--footer-green-avian);
  will-change: width, height;
  flex-flow: column;
  width: 7.5vw;
  padding: 2.5rem 3.125rem 2.5rem 2rem;
  display: flex;
  position: relative;
}

.roadmap_panel.active {
  width: 100%;
}

.roadmap_panel.ls-1 {
  aspect-ratio: 1280 / 1169;
  width: 70vw;
  padding: 0;
  position: absolute;
  inset: 0%;
}

.roadmap_panel-heading {
  font-size: 50px;
  line-height: 130%;
}

.roadmap_arrow {
  border: 5px solid #fffc;
  border-radius: 5rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  padding: .5rem;
  transition: background-color .4s ease-out;
  display: flex;
}

.roadmap_arrow:hover {
  background-color: #ffffff80;
}

.roadmap_arrow.disabled {
  opacity: .4;
  cursor: not-allowed;
}

.roadmap_arrow-icon {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.roadmap_panel-number-wrap {
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 5rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  min-height: 3rem;
  font-size: 2.125rem;
  font-weight: 600;
  line-height: 1.2;
  display: flex;
  position: relative;
}

.roadmap_arrow-block {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  transition: opacity .3s ease-out;
  display: flex;
  position: absolute;
  right: -5.815rem;
}

.roadmap_component {
  padding-top: 0;
  position: relative;
}

.roadmap_layout {
  color: #fff;
  justify-content: flex-end;
  min-height: 63vw;
  display: flex;
  overflow: hidden;
}

.roadmap_para {
  margin-bottom: 0;
}

.roadmap_sub-heading {
  color: #ffdc5e;
  margin-bottom: 0;
  font-weight: 500;
}

.roadmap_panel-content-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 23rem;
  display: flex;
}

.roadmap_panel-content-header.ls-3 {
  max-width: 34rem;
}

.horizontal-accordian_embed {
  display: none;
}

.kbt_hp_commitment {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.kbt_hp_commitment_container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.kbt_hp_commitment_img_wrapper {
  aspect-ratio: 1;
  border: 1px solid var(--gray-avian);
  border-radius: 5px;
  width: 100%;
  display: flex;
}

.kbt_hp_goals_container {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.kbt_hp_goals_icon {
  width: 8.375rem;
}

.kbt_hp_goals_heading {
  max-width: 9rem;
}

.kbt_hp_performance_container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.kbt_hp_performance_item_wrapper_first {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.kbt_hp_performance_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #e4f1dc80;
  border-radius: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 7rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.kbt_hp_performance_img_wrapper {
  aspect-ratio: 2;
  object-fit: contain;
  width: 16rem;
  margin-top: -4rem;
}

.kbt_hp_performance_item_inside {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid var(--footer-green-avian);
  background-color: #00685f33;
  border-radius: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 1rem;
  display: flex;
}

.kbt_hp_performance_item_inside_grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: 1.75rem auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch center;
  height: 100%;
  display: flex;
}

.kbt_hp_performance_item_wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.kbt_hp_performance_item_wrapper_second {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  display: flex;
}

.kbt_hp_performance_item_bottom {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.kbt_hp_performance_item_bottom_description {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.kbt_hp_report_container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.kbt_hp_report_item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-radius: 5px;
  flex-flow: column;
  height: 100%;
  padding: 2rem 1rem 1.5rem;
  display: flex;
  box-shadow: 0 -2px 10px #0003, 0 3px 10px #0003;
}

.kbt_hp_report_item_description {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: -1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
}

.kbt_hp_hero_icon {
  aspect-ratio: 1;
  width: 30vw;
  height: 30vw;
  display: flex;
  position: absolute;
  inset: 16vh 5vw 0% auto;
}

.bg_warna {
  background-image: url('../images/Batik-Avian-Brands-2026-Gray.png');
  background-position: 50%;
  background-size: cover;
}

.clr_hp_container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.clr_hp_tren_heading {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.clr_hp_tren_item_wrapper {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  justify-content: flex-end;
  display: flex;
  overflow: hidden;
}

.clr_hp_tren_item_wrapper.left {
  border-radius: 5px 0 0 5px;
  justify-content: flex-start;
}

.clr_hp_tren_item {
  aspect-ratio: 2 / 2.5;
  justify-content: flex-start;
  align-items: flex-end;
  width: 20vw;
  padding: .75rem 1rem;
  display: flex;
}

.clr_hp_tren_item.sweet_november {
  background-color: #de9b93;
}

.clr_hp_tren_item.pink_aroma {
  background-color: #ebbdb8;
}

.clr_hp_tren_item.detail {
  aspect-ratio: 1;
  width: 100%;
}

.clr_hp_tren_item.detail.closetoyou {
  background-color: #feb7b7;
}

.clr_hp_tren_item.detail.elegant_affair {
  background-color: #ee918f;
}

.clr_hp_tren_item.detail.nuansa {
  aspect-ratio: 2 / 3;
}

.clr_hp_tren_item.detail.nuansa.lemon_pie {
  background-color: #f7e7c5;
}

.clr_hp_tren_item.detail.nuansa.float_away {
  background-color: #f6e1aa;
}

.clr_hp_tren_item.detail.nuansa.citrus_splash {
  background-color: #fcdb94;
}

.clr_hp_tren_item.detail.nuansa.honey_drops {
  background-color: #ffc963;
}

.clr_hp_tren_item.detail.nuansa.tokyo_lights {
  background-color: #f5b54f;
}

.clr_hp_tren_item.detail.nuansa.sweet_maple {
  background-color: #dfa34a;
}

.clr_hp_tren_item.detail.dream_girl {
  background-color: #f5f6eb;
}

.clr_hp_tren_item.detail.lounge_vibe {
  background-color: #f3ebd6;
}

.clr_hp_tren_item.detail.earth_white {
  background-color: #f9f5e5;
}

.clr_hp_tren_item.detail.water_lilies {
  background-color: #f2e5ba;
}

.clr_hp_tren_item.is-white {
  color: var(--white-avian);
}

.clr_hp_tren_container {
  grid-column-gap: 2.8rem;
  grid-row-gap: 2.8rem;
  flex-flow: column;
  display: flex;
}

.clr_hp_cta_heading {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 13rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
}

.clr_hp_cta_container {
  justify-content: space-between;
  display: flex;
}

.clr_hp_cta_item {
  height: 100%;
  max-height: 80%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.clr_hp_cta_item.is-active {
  max-height: 100%;
}

.clr_hp_cta_item_description {
  background-color: #f2e7c7;
  border-top-right-radius: 5px;
  flex-flow: column;
  width: 60%;
  padding-top: .5rem;
  display: none;
  position: absolute;
  inset: auto auto 0% 0%;
}

.clr_collection_pagination {
  cursor: pointer;
  background-color: #f6f6f6;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: .5rem;
  display: flex;
}

.clr_collection_pagination.is-active {
  color: var(--white-avian);
  background-color: #c82e32;
}

.clr_detail_hero_container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.clr_detail_hero_description {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.clr_detail_hero_desc_wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 3rem;
  padding-bottom: 2rem;
  padding-right: 2rem;
  display: flex;
}

.clr_detail_pencahayaan {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.clr_detail_pencahayaan_img_wrapper {
  aspect-ratio: 2.01;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.clr_detail_pencahayaan_img {
  z-index: 0;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.clr_detail_pencahayaan_recommendation {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.clr_detail_pencahayaan_recom_top {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.clr_detail_pencahayaan_recom_top_item_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.clr_detail_pencahayaan_recom_top_item_wrapper.bottom {
  display: flex;
}

.clr_detail_pencahayaan_recom_top_item {
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  overflow: hidden;
}

.clr_detail_pencahayaan_recom_top_item.bottom {
  display: flex;
}

.hp_article_heading {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.kbt_pp_hero {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.kbt_pp_hero_icon {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 17rem;
  display: flex;
}

.kbt_pp_advantage_container {
  grid-column-gap: 1rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.kbt_pp_advantage_item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.kbt_pp_advantage_item_description {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.kbt_pp_target_container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.kbt_pp_target_wrapper {
  width: 100%;
}

.kbt_pp_target_item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: grid;
}

.kbt_pp_target_item_description {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.kbt_pp_target_item_img {
  border-radius: 5px;
  width: 100%;
  overflow: hidden;
}

.kbt_certificate_content.pp {
  background-color: #4842a41a;
}

.kbt_certificate_content.ep {
  background-color: #eff7f9;
}

.kbt_certificate_content.pcp {
  background-color: #f1f7ef;
}

.kbt_certificate_container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.kbt_certificate_wrapper {
  z-index: 1;
  width: 100%;
  position: relative;
}

.kbt_certificate_item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 16rem 1fr;
  grid-auto-columns: 1fr;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: grid;
}

.kbt_certificate_img {
  aspect-ratio: 2 / 2.8;
  border-radius: 5px;
  display: flex;
}

.kbt_certificate_item_description {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.kbt_certificate_button {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  margin-top: -1.4rem;
  display: flex;
}

.kbt_certificate {
  padding-bottom: 4rem;
}

.kbt_target_icon {
  width: 1.7rem;
}

.kbt_target_icon.star {
  width: 1.9rem;
}

.kbt_hero_heading {
  max-width: 23.9rem;
}

.kbt_hero_heading.environment {
  max-width: 16rem;
}

.kbt_ep_advantage_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.kbt_ep_advantage_item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-radius: 5px;
  flex-flow: column;
  grid-template-rows: 6rem 3.75rem auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: start center;
  max-width: 24.7rem;
  margin-top: 4rem;
  padding-bottom: 2.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: grid;
}

.kbt_ep_advantage_item.purple {
  background-color: #e0dfee;
}

.kbt_ep_advantage_item.green {
  background-color: #d3e6cd;
}

.kbt_ep_advantage_item.orange {
  background-color: #f8e7b3;
}

.kbt_ep_advantage_item_img {
  width: 9rem;
  margin-top: -4rem;
}

.kbt_pcp_container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.kbt_pcp_peduli {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: .9fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.kbt_pcp_peduli_maps {
  aspect-ratio: 3.35;
  border-radius: 5px;
  overflow: hidden;
}

.clr_detail_icon_wrapper {
  z-index: 2;
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  flex-flow: column;
  display: flex;
  position: absolute;
  inset: 34% auto 34% 4vw;
}

.clr_detail_icon_item {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  cursor: pointer;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  height: 7vw;
  transition: all .2s;
  display: flex;
}

.pdd_button_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: .25fr .25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.clr_detail_icon {
  width: 2.5vw;
}

.prd_detail_wrapper {
  border-radius: 5px;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.hp_find_icon {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.hp_find_submit {
  background-color: var(--gray-avian);
  position: absolute;
  inset: 0%;
}

.kar_bpd_description {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  padding: 2rem;
  display: flex;
}

.clr_detail_pencahayaan_button {
  position: absolute;
  inset: 2vh 2vw auto auto;
}

.margin-top-auto {
  margin-top: auto;
}

.clr_fp_heading {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.clr_detail_hero_img {
  aspect-ratio: 2 / 3;
  border-radius: 5px;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.product_filter_close,
.portrait-item {
  display: none;
}

.kar_hp_hero {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.kar_hp_text {
  z-index: 1;
  max-width: 12.4rem;
  margin-bottom: 10rem;
}

.kar_hp_wrapper {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.batik_wrapper {
  background-image: url('../images/Gradient.png');
  background-position: 50%;
  background-size: 100%;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.batik_wrapper.navbar_batik {
  height: 1.1rem;
}

.batik_wrapper.footer_batik {
  height: 1.8rem;
}

.batik_img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 991px) {
  body {
    font-size: 16px;
  }

  h1 {
    font-size: 28px;
  }

  h2 {
    font-size: 24px;
  }

  .button.button--secondary {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    font-size: 16px;
  }

  .button.button-white-shadow.kar_tp {
    font-size: 16px;
  }

  .button.pii_ahi {
    width: 100%;
  }

  .grid.gap_small,
  .grid.gap_small.gap_xsmall--tablet {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .grid.gap_small.flex-tablet,
  .grid.gap_small.flex-tablet.overflow-x-scroll {
    flex-flow: row;
  }

  .grid.gap_medium {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .grid.gap_medium.flex-tablet {
    flex-flow: row;
    display: flex;
  }

  .grid.news.gap_xsmall {
    grid-template-rows: auto auto 1.25rem;
    width: 100%;
  }

  .grid.pdd_product_advantage.gap_xsmall.full-width,
  .grid.pdd_product_advantage.gap_xxsmall.full-width {
    flex: none;
  }

  .grid.pdc_description_grid {
    grid-template-columns: .9fr 1fr 1fr;
  }

  .grid.pdc_description_grid.padding-vertical.padding-small {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid.pdc_description_grid.border-bottom {
    grid-template-columns: .9fr 1fr 1fr;
  }

  .grid.grid_clr_item {
    grid-template-columns: 1fr 1fr;
  }

  .grid.grid_clr_item.gap_xxsmall.padding.padding-xsmall {
    grid-template-columns: 1fr;
  }

  .grid.grid_clr_item.gap_xxsmall.padding.padding-xsmall.flex-column-tablet {
    display: none;
  }

  .grid.grid_clr_item.gap_xxsmall.padding-xsmall {
    grid-template-columns: 1fr 1fr;
  }

  .grid.grid_cta.gap_xsmall {
    grid-column-gap: 2rem;
  }

  .grid.grid_navbar-search.gap_medium {
    grid-row-gap: 2rem;
  }

  .grid.gap_hp_news {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .grid.grid_hp_whyavian.gap_small {
    grid-template-columns: auto 1fr auto;
  }

  .grid.grid_hp_whyavian.gap_xsmall {
    grid-template-columns: auto 2.5fr 1fr;
  }

  .grid.grid_psd_item {
    grid-template-columns: auto .5fr auto;
    place-items: center start;
  }

  .image.square.contain.pd_img {
    width: 15rem;
  }

  .image.small {
    width: .5rem;
  }

  .image.contain.kbt_hp_performance {
    width: 13rem;
  }

  .image.prd_detail_img.contain.image_height_auto_tablet {
    height: auto;
  }

  .image._6.radius_small {
    width: 20rem;
  }

  .image._6.radius_small.popup_img {
    width: 95dvw;
  }

  .image.icon {
    width: .4rem;
  }

  .image.hi_hp_hero {
    aspect-ratio: 16 / 9;
  }

  .image.pii_ltk {
    width: 2.3rem;
  }

  .image.zoom-img {
    cursor: pointer;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-top.padding-large.padding-medium-tablet {
    padding-top: 2rem;
  }

  .padding-top.padding-large.padding-prd {
    padding-top: 3rem;
  }

  .padding-top.padding-large.padding-small-tablet {
    padding-top: 1rem;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .spacer-xxhuge {
    padding-top: 8rem;
  }

  .spacer-xhuge {
    padding-top: 6rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom.padding-xlarge {
    padding-bottom: 4rem;
  }

  .fs-styleguide_heading-header {
    font-size: 4rem;
  }

  .fs-styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-small.padding-xsmall-tablet {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .padding-vertical.padding-large.padding-bottom-two-times {
    padding-bottom: 5rem;
  }

  .padding-vertical.padding-large.padding-top-two-times {
    padding-top: 5rem;
  }

  .padding-vertical.padding-large.padding-medium-tablet,
  .padding-vertical.padding-huge.padding-medium-tablet {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-horizontal.padding-large.padding-project-tablet {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .padding-horizontal.padding-xxlarge.proyek {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .spacer-medium {
    padding-top: 1.5rem;
  }

  .spacer-xxlarge {
    padding-top: 4rem;
  }

  .spacer-huge {
    padding-top: 5rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .text-align-center.text-align-left-tablet {
    text-align: left;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .text-align-right.text-align-left-responsive {
    text-align: left;
  }

  .spacer-xlarge {
    padding-top: 3rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

  .fs-styleguide_2-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .fs-styleguide_heading-medium {
    font-size: 3rem;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav_button {
    color: #fff;
  }

  .fs-styleguide_4-col,
  .fs-styleguide_3-col {
    grid-template-columns: 1fr;
  }

  .margin-huge {
    margin: 5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .max-width-xxsmall {
    max-width: 11.8rem;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .hide-tablet {
    display: none;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .padding-xlarge {
    padding: 3rem;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .spacer-large {
    padding-top: 2.5rem;
  }

  .fs-styleguide_1-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .section.hi_hp-2 {
    margin-top: -.1rem;
  }

  .navbar_logo_wrapper {
    width: 8rem;
  }

  .text_black.menu_product_max-width {
    max-width: 18rem;
  }

  .navbar_search_wrapper {
    width: 1rem;
    height: 100%;
    margin-top: -.1rem;
  }

  .navbar_top_img {
    object-fit: cover;
    height: 1rem;
    margin-top: -1.1rem;
  }

  .footer {
    min-height: auto;
    margin-top: 0;
    position: static;
  }

  .footer_container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
  }

  .footer_logo_wrapper.aspect-ratio-square {
    width: 12rem;
  }

  .footer_logo_wrapper.aspect-ratio-square.aspect-ratio-auto-tablet {
    aspect-ratio: auto;
  }

  .text_white.max-width-type.text-align-center.font-20 {
    font-size: 18px;
  }

  .footer_socmed_icon_wrapper {
    grid-row-gap: 1rem;
    flex-flow: wrap;
  }

  .footer_install_img_wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-auto-columns: 1fr;
  }

  .footer_right_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .footer_right_wrapper.padding-right.padding-small {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: row;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    padding-right: 0;
    display: flex;
  }

  .footer_bottom_img {
    object-fit: cover;
  }

  .hp_type_left {
    width: 20rem;
    padding-left: 2vw;
  }

  .hp_type_left.flex.column.center_left.padding-left.padding-large {
    padding-left: 1rem;
  }

  .hp_type_right {
    width: calc(100% - 20rem);
  }

  .hp_type_right_item {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .hp_type_right_item.hi_hk.box-shadow {
    aspect-ratio: auto;
  }

  .hp_type_item_img {
    width: 9rem;
  }

  .hp_type_text_max-width.text-align-center.font-20 {
    font-size: 18px;
  }

  .hp_color_container.flex.column.gap_medium {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .hp_color_item {
    scroll-snap-align: center;
    flex: none;
    max-width: calc(43.4783% - .869565rem);
  }

  .hp_hero_slider {
    object-fit: cover;
    height: auto;
  }

  .hp_whyavian_container.flex.column.gap_xsmall {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .hp_find_container.grid.find.left_center.flex-tablet {
    grid-row-gap: 0rem;
  }

  .hp_find_container.container-large {
    flex-flow: column;
    grid-template-columns: .75fr 1fr;
    display: flex;
  }

  .flex.row.gap_small.flex-column-tablet {
    flex-flow: column;
  }

  .flex.row.gap_small.flex-column-tablet.gap_xsmall_tablet {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .flex.row.gap_small.grid-tablet {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .flex.row.gap_small.grid-tablet.gap_xsmall_tablet {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .flex.row.gap_xxsmall.overflow-hidden {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .flex.row.right_top {
    margin-right: -.6rem;
  }

  .flex.row.flex-column-tablet {
    flex-flow: column;
  }

  .flex.column.center_top.gap_small.gap_xsmall_tablet {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .flex.column.gap_xsmall.pct_filter_modal.overflow-y-auto.overflow-x-clip {
    height: 36rem;
  }

  .absolute.right.half-width.bg_gray.padding.padding-medium {
    width: 70%;
  }

  .absolute.prd_plus_icon {
    width: 2rem;
    top: 9rem;
    left: 6rem;
  }

  .hp_find_left.flex.column.gap_small {
    width: 100%;
  }

  .hp_find_right {
    width: 100vw;
    height: 100%;
    margin-right: 0;
  }

  .form_hp_find.radius_small.overflow-hidden {
    width: 90%;
  }

  .hp_article_container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .font_size_small {
    font-size: 14px;
  }

  .pra_item.bg_green.padding-large {
    padding-left: 1.5rem;
  }

  .divider_horizontal.pdc_op {
    width: calc(100% + 100px);
  }

  .pra_container.grid.pra {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .overlay.navbar_menu {
    z-index: 0;
    position: fixed;
    inset: 0%;
  }

  .overlay.psc_overlay {
    cursor: pointer;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }

  .prd_detail_container.flex.column.gap_medium {
    width: auto;
  }

  .text_green.text-align-center.font-semibold.product {
    height: 3rem;
  }

  .prd_detail_slider {
    height: 100%;
  }

  .hp_type_bottom_item {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .flex-tablet {
    display: flex;
  }

  .pda_product_left {
    width: 27vw;
  }

  .pda_product_right {
    width: calc(100% - 27vw);
  }

  .dropdown.calculator {
    font-size: 16px;
  }

  .fs-dropdown_toggle-2 {
    padding-left: .5rem;
  }

  .pda_product_item_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .pda_product_compare.box-shadow.box-shadow-top {
    grid-column-gap: 1rem;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    place-items: center start;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .pda_product_compare.pdc_product {
    grid-template-columns: .9fr 1fr 1fr;
    padding-top: 0;
    top: 4.7rem;
  }

  .pda_product_compare_heading {
    max-width: none;
  }

  .pda_product_compare_item.box-shadow.pdc_product.padding.padding-small.radius_small.hide-tablet,
  .pda_product_compare_item.box-shadow.pdc_product.hide-tablet {
    display: none;
  }

  .pda_product_top.grid.pda_product {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .pda_product_top.grid.pda_product.padding-horizontal.padding-large {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .breadcrumbs {
    font-size: 16px;
  }

  .pdd_product_container.grid.pdd_product {
    flex-flow: column;
    display: flex;
  }

  .pdd_product_left {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
    position: sticky;
    top: 5rem;
  }

  .pdd_product_right_wrapper {
    z-index: 1;
    background-color: var(--white-avian);
    width: 100%;
    padding-top: 2rem;
    position: relative;
  }

  .pdd_product_right_wrapper.flex.column.gap_small.center_left {
    width: 100%;
  }

  .pdd_product_right_wrapper.flex.column.gap_small.center_left.padding-vertical-medium-mobile {
    width: 22rem;
  }

  .pdd_description_container {
    flex-flow: column;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: flex;
  }

  .pdd_description_container.bg_white.padding.padding-medium.grid.pdd_description.gap_small.radius_small {
    display: flex;
  }

  .pdd_description_right {
    order: -1;
    justify-content: center;
    align-items: flex-start;
  }

  .pdd_op_item_wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
  }

  .pdd_op_item_wrapper.flex.row.gap_small.left_center {
    width: auto;
  }

  .pdd_op_item_wrapper.flex.row.gap_small.left_center.flex_column_tablet {
    flex-flow: column;
  }

  .pdd_op_item_wrapper.flex.row.gap_small.left_center.flex_column_tablet.left_center_tablet {
    justify-content: center;
    align-items: flex-start;
  }

  .pdd_product_modal_container {
    width: 70vw;
  }

  .pdd_product_modal_container.none {
    display: none;
  }

  .clr_item {
    aspect-ratio: 5 / 1.5;
  }

  .pdd_op_item.flex.row.gap_small {
    flex-flow: row;
  }

  .swiper.hp_find_top {
    width: 100%;
    margin-right: 0;
  }

  .swiper.karir-bpd {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .swiper.hi_hp {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .swiper.hi_hp.kbt {
    width: 92vw;
    margin-left: 4vw;
    margin-right: 4vw;
  }

  .swiper.abt_hp_journey.hide-tablet {
    display: none !important;
  }

  .swiper-slide.abt-wu-swiper.tirta {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .swiper-button-next.abt-wu-swiper {
    width: 1.5rem;
  }

  .swiper-button-next.abt-wu-swiper.kar_bp {
    padding-bottom: 5.8rem;
  }

  .swiper-button-next.abt-wu-swiper.abt_sp_detail {
    padding-bottom: 4rem;
  }

  .swiper-button-next.karir_bpd {
    padding-bottom: 6rem;
  }

  .swiper-button-next.karir_bpd.kar_tk {
    width: -moz-fit-content;
    width: fit-content;
    padding-bottom: 3rem;
  }

  .swiper-button-next.karir_bpd.hide-tablet {
    display: none !important;
  }

  .swiper-button-next.abt_hp_journey {
    width: 1rem;
  }

  .divider_horizontal-2.menu {
    background-color: #f2f1eb;
  }

  .hp_footer_copyright {
    padding-top: 0;
  }

  .hp_footer_copyright.menu_footer_copyright {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .menu_links_wrapper {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .navbar-close-menu {
    z-index: 100;
    cursor: pointer;
    flex-flow: row;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 1.7em;
    display: flex;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .navbar-close-menu.prd_detail_factory_close {
    width: auto;
  }

  .navbar_menu_tablet_wrapper {
    width: 2em;
    margin-right: -2em;
  }

  .navbar_menu_tablet_wrapper.responsive-item {
    z-index: 999;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    position: relative;
  }

  .op-0 {
    opacity: 0;
  }

  .menu_container {
    background-color: var(--white-avian);
    flex-flow: column;
    width: 80vw;
    height: calc(100dvh - 4.6rem);
    display: flex;
    position: fixed;
    inset: 4.6rem auto 0% 0%;
  }

  .menu_container.desktop-item {
    background-color: var(--white-avian);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 80vw;
    height: 100vh;
    display: flex;
    position: fixed;
    inset: 0% 0% 0% auto;
  }

  .menu_hamburger_lottie {
    z-index: 99;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 2.5em;
    height: 1.7em;
    display: flex;
    position: relative;
  }

  .container-medium-2.custom_menu_container {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: none;
    height: 100%;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    display: flex;
  }

  .menu_brand_wrapper {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .responsive-item {
    display: flex;
  }

  .prd_detail_close {
    cursor: pointer;
    width: 100%;
    height: 1.5rem;
    position: absolute;
  }

  .pda_product_filter {
    top: 6rem;
  }

  .flex-column-tablet {
    flex-flow: column;
    display: flex;
  }

  .footer_wrapper_anim {
    height: auto;
    position: static;
  }

  .pct_toko.bg_white.transition-ease.move-x {
    transform: translate(101%);
  }

  .cta_select {
    font-size: 16px !important;
  }

  .nav-link {
    padding: 1rem 3rem;
  }

  .navbar_search_popup {
    height: 3rem;
    margin-left: 1.1rem;
    margin-right: 1.1rem;
  }

  .navbar_search_popup_menu {
    height: calc(90dvh - 7rem);
    margin-left: 1.2rem;
    margin-right: 1.2rem;
    top: 7.9rem;
  }

  .pdd_product_button {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0;
    top: 0;
  }

  .body_m {
    font-size: 18px;
  }

  .pct_home_filter.bg_white.transition-ease.move-x {
    padding-left: 0;
  }

  .hp_find_image {
    width: 100%;
    margin-right: 0;
  }

  .hp_find_image.square.contain.pd_img {
    width: 23rem;
  }

  .hp_find_image.prd_detail_img {
    height: 50vh;
  }

  .hp_find_image.prd_detail_img.contain.image_height_auto_tablet {
    height: auto;
  }

  .hp_find_image.psc_rm_img.radius_small {
    width: 20rem;
  }

  .ms-checkbox.certif_iso {
    width: 1.2rem;
    height: 1.2rem;
  }

  .prd_detail_factory_wrapper {
    width: 70%;
  }

  .prd_detail_factory_wrapper.bg_gray.transition-ease {
    scrollbar-width: none;
    overflow-y: auto;
  }

  .prd_detail_factory_wrapper.bg_gray.transition-ease.move-x {
    width: 70%;
  }

  .cw-cookie_banner {
    max-width: 44rem;
  }

  .navbar_popup_hover_wrapper.product.tablet-item {
    opacity: 1;
    width: 100%;
    height: 100%;
    max-height: none;
    display: block;
    position: static;
  }

  .navbar_popup_hover_wrapper.tablet-item {
    opacity: 1;
    width: 80vw;
    height: 100%;
    max-height: none;
    position: static;
  }

  .navbar_product_container.product,
  .navbar_product_link_wrapper.tablet-item {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .navbar_product_link.tablet-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    display: grid;
  }

  .navbar_product_link.tablet-item.ls-1 {
    grid-template-rows: auto auto auto auto auto auto;
  }

  .pdd_product_right {
    align-self: auto;
    width: 100%;
    max-width: 42rem;
  }

  .prd_plus_remove_icon {
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 1rem 1rem auto auto;
  }

  .div-block-2 {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .tablet-item {
    display: flex;
  }

  .menu_popup_responsive {
    z-index: 1;
    background-color: var(--white-avian);
    width: 80vw;
    height: calc(100dvh - 4.6rem);
    position: fixed;
    inset: auto 0% 0%;
  }

  .menu_popup_responsive.move-x-left {
    transform: translate(-100%);
  }

  .navbar_menu_close_popup {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    cursor: pointer;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
    display: flex;
  }

  .scroll-loader {
    margin-top: -2rem;
  }

  .scroll-loader.kbt_pcp {
    margin-top: 0;
    margin-bottom: -2rem;
  }

  .hi_hp_bottom_container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .hi_hp_icon {
    width: 7rem;
  }

  .hi_hp_laporan_img.pii_ltk {
    width: 100%;
  }

  .hi_tkp_bp_hero_link_top {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    overflow: auto;
  }

  .hi_tkp_bp_hero_link_top.abt_hp_top {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .hi_tkp_bp_link {
    flex: none;
  }

  .hi_tkp_bp_hero_wrapper {
    aspect-ratio: 2.39;
  }

  .hi_tkp_bp_hero_wrapper.karir {
    aspect-ratio: 4;
  }

  .hi_tkp_bp_heading {
    font-size: 30px;
  }

  .hi_tkp_bp_hero_link_bottom {
    overflow: auto;
  }

  .hi_tkp_dk {
    grid-column-gap: 6rem;
    width: 100%;
  }

  .hi_tkp_dk_item {
    flex: none;
    grid-template-rows: 15rem auto;
    min-width: 18rem;
    max-width: 18rem;
    box-shadow: 0 4px 21px #00000026;
  }

  .hi_tkp_dk_item.detail {
    grid-template-rows: 1fr;
    max-width: 18rem;
    height: auto;
  }

  .cta_left {
    display: none;
  }

  .product_img_wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .product_img_wrapper.pda_product_img.abt_sp_tkdn {
    width: 10rem;
    margin-top: -6rem;
  }

  .product_img_wrapper.pda_product_img.abt_sp {
    width: 10rem;
  }

  .pda_product_compare_container {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: .75fr .75fr 1fr 1fr 1fr 1fr;
  }

  .psc_img_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .cta_success.hi {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .swiper-button-prev.abt-wu-swiper {
    width: 1.5rem;
  }

  .swiper-button-prev.abt-wu-swiper.kar_bp {
    padding-bottom: 5.8rem;
  }

  .swiper-button-prev.abt-wu-swiper.abt_sp_detail {
    padding-bottom: 4rem;
  }

  .swiper-button-prev.karir_bpd {
    padding-bottom: 6rem;
  }

  .swiper-button-prev.karir_bpd.kar_tk {
    width: -moz-fit-content;
    width: fit-content;
    padding-bottom: 3rem;
  }

  .swiper-button-prev.karir_bpd.hide-tablet {
    display: none !important;
  }

  .swiper-button-prev.abt_hp_journey {
    width: 1rem;
  }

  .hi_tkp_sticky.top_shadow {
    top: 4.6rem;
  }

  .hi_tkp_sticky.top_shadow.ls-2 {
    top: 7rem;
  }

  .hi_tkp_sticky.top_shadow.so {
    top: 7.1rem;
  }

  .hi_tkp_sticky.abt_sp_tkdn {
    top: 4.9rem;
  }

  .hi_tkp_detail_content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .abt_hp_value_wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .abt_hp_management {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    scrollbar-width: none;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: auto 1fr;
    grid-auto-columns: 1fr;
    justify-content: start;
    place-items: stretch start;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: grid;
    overflow: auto;
  }

  .abt_hp_management.center {
    grid-template-columns: auto;
    justify-content: center;
    place-items: stretch center;
    overflow: visible;
  }

  .abt_hp_personel_wrapper {
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    scroll-snap-align: start;
    display: flex;
    overflow: auto;
  }

  .abt_hp_personel_item {
    scroll-snap-align: center;
    flex: none;
    width: 100%;
    max-width: 13rem;
  }

  .abt_hp_personel_item.aic {
    width: 100%;
  }

  .abt_hp_factory_content {
    flex-flow: column;
    display: flex;
  }

  .abt_hp_factory_img_wrapper {
    aspect-ratio: 3 / 2;
  }

  .abt_hp_factory_description {
    padding-top: 2rem;
    padding-bottom: 1rem;
    padding-left: 0;
  }

  .abt_hp_factory_wu.karir {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .abt_hp_factory_wu_img_wrapper {
    height: 12rem;
  }

  .abt_aic_ahli_wrapper {
    display: flex;
    overflow: auto;
  }

  .abt_abs_services {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .abt_abs_whyus_item.radius_small {
    grid-template-columns: .9fr 1fr;
    place-items: start;
  }

  .font-50.clr_heading {
    font-size: 37px;
  }

  .abt_abs_whyus_heading {
    position: sticky;
    top: 11.5rem;
  }

  .abt_abs_whyus_heading.ls-4 {
    top: 12rem;
  }

  .abt_abs_whyus_heading.kbt {
    justify-content: flex-start;
    align-items: center;
  }

  .abt_abs_whyus_description {
    padding-top: .8rem;
    padding-bottom: .8rem;
  }

  .abt_abs_whyus_description.ls-3-1 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .abt_abs_whyus_description.ls-4-1 {
    padding-top: 0;
    padding-bottom: 0;
    top: 12rem;
  }

  .abt_abs_whyus_description.ls-1-1 {
    padding-top: 0;
  }

  .abt_abs_whyus_description.ls-2-5 {
    z-index: 2;
  }

  .abt_abs_whyus_description.ls-2-4 {
    z-index: 1;
  }

  .abt_abs_whyus_description_wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    background-color: var(--white-avian);
    grid-template-columns: 1fr;
    display: block;
  }

  .abt_abs_whyus_description_wrapper.ls-4 {
    flex-flow: column;
    display: flex;
  }

  .abt_abs_whyus_description_wrapper.ls-2 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    display: flex;
  }

  .abt_abs_project_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .abt_tirta_distribution_item {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .abt_tirta_distribution_item.reverse {
    flex-flow: column-reverse;
  }

  .abt_certif_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .certif_left_wrapper {
    max-width: 15rem;
  }

  .certif_right_wrapper {
    width: calc(100% - 15rem);
  }

  .certif_right_content_top {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .certif_right_img_wrapper {
    width: 9rem;
  }

  .certif_right_item {
    cursor: pointer;
  }

  .pii_ahi_calendar {
    width: 21rem;
  }

  .pii_ahi_calendar_description {
    width: calc(100% - 21rem);
    max-height: 15.3rem;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
  }

  .pii_ahi_container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .pii_ahi_select {
    font-size: 16px !important;
  }

  .pii_it_lembaga_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .pii_it_lembaga_item_wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .hi_ki_pr_item_wrapper {
    grid-column-gap: 3rem;
  }

  .kar_lb_item_wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .kar_bpd_container {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .kar_tp_filter_container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    display: grid;
  }

  .kar_tp_select {
    font-size: 16px !important;
  }

  .kar_tp_job_item_content {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr .5fr;
  }

  .kar_tp_job_item_content.desc {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .kar_faq_item {
    grid-row-gap: 1rem;
  }

  .abt_hp_journey_item.ls-1 {
    left: auto;
    transform: translate(-6rem, 4rem);
  }

  .abt_hp_journey_item.bottom-item.ls-2 {
    transform: translate(-9rem, 11.5rem);
  }

  .abt_hp_journey_item.bottom-item.ls-1 {
    transform: translate(-6.1rem, 11.3rem);
  }

  .abt_hp_journey_item.top-item.ls-2 {
    transform: translate(-9rem, 4rem);
  }

  .abt_hp_journey_description {
    left: -3.6rem;
  }

  .abt_hp_value {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .abt_abs_whyus_number {
    font-size: 50px;
    font-weight: 700;
    line-height: 91%;
    position: sticky;
    top: 11.5rem;
  }

  .abt_tirta_distribution_item_description {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .abt_hp_management_item {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex: none;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    width: max-content;
    min-width: max-content;
    display: flex;
  }

  .hi_tkp_dk_grid {
    width: -moz-fit-content;
    width: fit-content;
  }

  .abt_abs_whyus_item_second {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .abt_abs_whyus_item_fourth {
    justify-content: flex-start;
    align-items: center;
  }

  .text-align-left-tablet {
    text-align: left;
  }

  .kbt_hp_hero_heading {
    max-width: 50vw;
    bottom: 2rem;
    left: 41.9vw;
    right: 0%;
  }

  .kbt_hp_hero_text {
    text-orientation: unset;
    writing-mode: unset;
    transform: none;
  }

  .kbt_hp_hero_heading_text {
    font-size: 3vw;
  }

  .roadmap_panel-content {
    min-width: auto;
    max-width: none;
    padding-right: 1.875rem;
    position: absolute;
  }

  .roadmap_panel {
    width: auto;
    height: 5.375rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }

  .roadmap_panel.active {
    height: 100%;
  }

  .roadmap_panel.ls-1 {
    width: 100%;
    height: auto;
  }

  .roadmap_arrow {
    transform: none;
  }

  .roadmap_panel-number-wrap {
    width: 2.875rem;
    min-width: 2.875rem;
    height: 2.875rem;
    min-height: 2.875rem;
    font-size: 2rem;
  }

  .roadmap_component {
    height: calc(91.3281vw + 21.5rem);
  }

  .roadmap_layout {
    flex-flow: column;
    height: 100%;
    min-height: 0;
  }

  .kbt_hp_commitment {
    display: flex;
  }

  .kbt_hp_goals_icon {
    width: 5rem;
  }

  .kbt_hp_performance_item {
    margin-top: 5rem;
  }

  .kbt_hp_performance_img_wrapper {
    width: 13rem;
  }

  .kbt_hp_performance_item_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .kbt_hp_performance_item_bottom {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    display: flex;
  }

  .kbt_hp_performance_item_bottom_description {
    height: 100%;
  }

  .kbt_hp_report_container {
    width: 100%;
  }

  .kbt_hp_report_item {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .kbt_hp_report_item_description {
    padding-left: 0;
    padding-right: 0;
  }

  .kbt_pp_hero_icon {
    width: 11rem;
  }

  .kbt_hero_heading {
    max-width: 20.9rem;
  }

  .kbt_hero_heading.environment {
    max-width: 14rem;
  }

  .kbt_ep_advantage_item {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: 2.25rem 5rem auto;
    padding-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .kbt_ep_advantage_item_img {
    width: 6.3rem;
  }

  .kbt_pcp_peduli_maps {
    aspect-ratio: 2;
  }

  .clr_detail_icon_wrapper {
    font-size: 14px;
    top: 31%;
    bottom: 31%;
  }

  .clr_detail_icon_item.is-active {
    grid-column-gap: .4rem;
    grid-row-gap: .4rem;
  }

  .pdd_button_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: .5fr .5fr;
  }

  .kar_bpd_description {
    padding-top: 0;
    padding-bottom: 0;
  }

  .kbt_hp_commitment_text {
    max-width: 31rem;
  }

  .kar_hp_text {
    max-width: 10.5rem;
    right: 70%;
  }

  .batik_wrapper.navbar_batik {
    height: .9rem;
  }

  .hi_tkp_dk_item_bg_wrapper {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media screen and (max-width: 767px) {

  .button,
  .button.button--secondary {
    font-size: 14px;
  }

  .button.kar_bp {
    margin-top: auto;
  }

  .button.product_mobile {
    width: 100%;
  }

  .grid.gap_small.flex-tablet {
    flex-flow: row;
  }

  .grid.gap_medium {
    grid-template-columns: 1fr 1fr;
  }

  .grid.pdc_description_grid,
  .grid.pdc_description_grid.border-bottom {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .grid.grid_clr_item.gap_xxsmall.padding.padding-xsmall.flex-column-tablet {
    flex-flow: column;
  }

  .grid.bg_darkgray.grid_prd_detail_factory_mobile {
    padding-right: 0;
  }

  .grid.grid_prd_detail_factory_mobile {
    grid-template-columns: 1fr 1fr;
    padding-right: 0;
  }

  .grid.grid-pct_home.gap_small {
    flex-flow: column;
    display: flex;
  }

  .grid.grid_cta {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    display: flex;
  }

  .grid.grid_cta.gap_xsmall {
    grid-column-gap: 1rem;
  }

  .grid.gap_hp_news {
    grid-template-columns: 1fr 1fr;
  }

  .grid.grid_hp_whyavian.gap_xsmall {
    grid-template-columns: auto 2.5fr auto;
    place-items: center start;
  }

  .grid.grid_psd_item {
    grid-template-columns: auto .75fr auto;
  }

  .image.prd_hero_img {
    aspect-ratio: auto;
  }

  .image.prd_detail_img {
    height: auto;
  }

  .image.pda_product_img.compare.result,
  .image._6.radius_small.popup_img {
    width: 100%;
  }

  .image.cta_close_modal.close-modal.cursor-pointer {
    top: 1rem;
  }

  .image.hi_hp_laporan {
    aspect-ratio: 2.39;
    height: auto;
  }

  .image.pii_ltk {
    width: 2rem;
  }

  .image.kar_hp_hero {
    width: 20rem;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-style-h2 {
    font-size: 2rem;
  }

  .fs-styleguide_section-header {
    font-size: .875rem;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .heading-style-h6 {
    font-size: .75rem;
  }

  .spacer-xxhuge {
    padding-top: 4.5rem;
  }

  .spacer-xhuge {
    padding-top: 4rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-small.padding-xsmall-tablet {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .padding-vertical.padding-large.padding-bottom-two-times {
    padding-bottom: 3.5rem;
  }

  .padding-vertical.padding-large.padding-top-two-times {
    padding-top: 3rem;
  }

  .padding-vertical.padding-large.pagination {
    padding-bottom: 2rem;
  }

  .padding-vertical.padding-xlarge {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-horizontal.padding-large.pdd,
  .padding-horizontal.padding-xxlarge.proyek {
    padding-left: 0;
    padding-right: 0;
  }

  .spacer-medium {
    padding-top: 1.25rem;
  }

  .spacer-xxlarge {
    padding-top: 3rem;
  }

  .spacer-huge {
    padding-top: 3.5rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .heading-style-h1 {
    font-size: 2.5rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .padding-large {
    padding: 2rem;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .padding-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .spacer-xlarge {
    padding-top: 2rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h4 {
    font-size: 1rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .heading-style-h3 {
    font-size: 1.5rem;
  }

  .fs-styleguide_heading-medium {
    font-size: 2rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-medium {
    padding: 1rem;
  }

  .text-size-large {
    font-size: 1.25rem;
  }

  .heading-style-h5 {
    font-size: .875rem;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .padding-huge {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .spacer-large {
    padding-top: 1.5rem;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-right.padding-small.landscape-no-padding {
    padding-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .navbar_top_img {
    object-fit: cover;
  }

  .footer_right_wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer_right_wrapper.padding-right.padding-small {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer_bottom_img {
    object-fit: cover;
  }

  .hp_type_container.flex.space-between.radius_small {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    height: auto;
  }

  .hp_type_container.radius_small {
    flex-flow: column;
  }

  .hp_type_left {
    padding-top: 2rem;
    padding-left: 2rem;
  }

  .hp_type_left.flex.column.center_left.padding-left.padding-large {
    padding-top: 1rem;
  }

  .hp_type_right,
  .hp_type_right_item_wrapper {
    width: 100%;
  }

  .hp_type_right_item {
    flex: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .hp_color_container.container-large {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .hp_color_item {
    flex: none;
    max-width: calc(76.9231% - 1.53846rem);
  }

  .hp_find_container.grid.find.left_center.flex-tablet {
    grid-row-gap: 0rem;
  }

  .hp_find_container.container-large {
    flex-flow: column;
    display: flex;
  }

  .flex.row.left_center.gap_small {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .flex.row.left_center.gap_small.flex_column_mobile {
    flex-flow: column;
  }

  .flex.row.left_center.gap_small.flex_column_mobile.left_center_mobile {
    justify-content: center;
    align-items: flex-start;
  }

  .flex.row.center_top.full-width.gap_small.flex_column_mobile {
    flex-flow: column;
  }

  .flex.row.center_top.full-width.gap_small.flex_column_mobile.center_top_mobile,
  .flex.row.center_top.full-width.gap_medium.flex-column-mobile {
    justify-content: flex-start;
    align-items: center;
  }

  .flex.row.flex-column-mobile {
    flex-flow: column;
  }

  .flex.column.gap_small.gap_xsmall_landscape {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .flex.column.gap_xsmall {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .flex.column.gap_xsmall.pct_filter_modal.overflow-y-auto.overflow-x-clip {
    height: 68dvh;
  }

  .flex.column.gap_xxsmall.full-width.width-custom-pdd_advantage-mobile {
    max-width: 31rem;
  }

  .flex.column.overflow-hidden.relative.pct {
    order: 1;
  }

  .absolute.right.half-width.bg_gray.padding.padding-medium {
    width: 100%;
  }

  .absolute.prd_plus_icon {
    z-index: 1;
    width: 1.5rem;
    top: 6rem;
    left: 4rem;
  }

  .hp_find_right {
    width: 100vw;
    min-width: 100%;
    margin-right: 0;
  }

  .form_hp_find.radius_small.overflow-hidden {
    width: 100%;
  }

  .hp_article_container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .hp_article_container.flex.column.gap_medium {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .pra_item.bg_green.padding-large.project_heading {
    aspect-ratio: auto;
  }

  .pra_item.relative.portrait.project_anim {
    aspect-ratio: 2 / 3;
  }

  .pra_item.relative.portrait.project_anim.square-mobile {
    aspect-ratio: 1;
    height: auto;
  }

  .pra_item.relative.landscape.pra_anim.square-mobile {
    aspect-ratio: 1;
  }

  .divider_horizontal.pdc_op {
    width: calc(100% + 32px);
  }

  .pra_container.grid.pra {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .overlay.psc_overlay {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    cursor: pointer;
  }

  .accordion__item {
    padding-left: 1em;
    padding-right: 1em;
  }

  .accordion-body__contents {
    max-width: 33em;
  }

  .flex-mobile {
    display: flex;
  }

  .overflow-x-scroll {
    overflow: scroll;
  }

  .pda_product_left,
  .pda_product_right {
    width: 100%;
  }

  .pda_product_item.abt_certif_item {
    max-width: 15rem;
    height: calc(100% - 7rem);
  }

  .icon.pct_location,
  .icon.pct_phone {
    width: .8rem;
  }

  .pda_product_item_wrapper {
    grid-column-gap: 1rem;
  }

  .pda_product_right_heading {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column-reverse;
    margin-top: -.4rem;
  }

  .pda_product_compare.box-shadow.box-shadow-top {
    place-items: center start;
    padding: 1.5rem 0;
  }

  .pda_product_compare.pdc_product {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    top: 2.2rem;
  }

  .pda_product_compare_item.box-shadow.pdc_product.radius_small {
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .pda_product_top.grid.pda_product {
    flex-flow: column;
  }

  .pda_product_top.grid.pda_product.padding-horizontal.padding-large {
    display: flex;
  }

  .breadcrumbs {
    font-size: 14px;
  }

  .breadcrumbs.profile {
    padding-left: 4vw;
  }

  .breadcrumbs.column-mobile {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .pdd_product_container.grid.pdd_product.gap_medium {
    display: flex;
  }

  .pdd_product_left {
    background-color: var(--white-avian);
    position: sticky;
    top: 7rem;
  }

  .pdd_product_right_wrapper.flex.column.gap_small.center_left {
    background-color: var(--white-avian);
  }

  .pdd_product_right_wrapper.flex.column.gap_small.center_left.padding-vertical-medium-mobile {
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .pdd_description_container {
    padding-top: 0;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .pdd_description_container.bg_white.padding.padding-medium.grid.pdd_description.gap_small.radius_small {
    display: flex;
  }

  .pdd_description_right {
    order: -1;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-right: 0;
  }

  .pdd_product_modal_container {
    width: 100vw;
  }

  .clr_item {
    aspect-ratio: 5 / 2;
  }

  .pdd_op_item {
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: flex;
  }

  .swiper.hp_find_top {
    align-self: flex-start;
  }

  .swiper.abt-wu-swiper,
  .swiper.certif-swiper {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .swiper.pii-mp {
    padding-left: 0;
    padding-right: 0;
  }

  .swiper.karir-bpd {
    width: 100dvw;
    margin-left: -4vw;
    margin-right: -4vw;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .swiper-button-next.abt-wu-swiper.personel,
  .swiper-button-next.abt-wu-swiper.pii,
  .swiper-button-next.abt-wu-swiper.hide-mobile-landscape {
    display: none;
  }

  .swiper-button-next.karir_bpd {
    padding-bottom: 5.8rem;
  }

  .hp_footer_copyright.menu_footer_copyright {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .navbar_menu_tablet_wrapper.responsive-item {
    justify-content: flex-end;
    align-items: center;
    width: 1.5em;
    margin-right: 0;
    display: flex;
  }

  .menu_container {
    width: 100vw;
    bottom: auto;
  }

  .menu_container.desktop-item {
    width: 100vw;
  }

  .menu_hamburger_lottie {
    width: 1.5em;
    height: 1.5em;
  }

  .container-medium-2.custom_menu_container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .pda_product_filter {
    overflow-y: unset;
    width: auto;
    height: auto;
    padding-right: 0;
  }

  .landscape-item {
    display: flex;
  }

  .pct_toko {
    z-index: 1;
    max-height: calc(100dvh - 5rem);
    padding: 2rem 1.25rem;
    position: fixed;
    top: 5rem;
  }

  .hp_color {
    margin-left: 6px;
    margin-right: 6px;
  }

  .hp_color_bullet {
    margin-top: .5rem;
  }

  .nav-link {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .navbar_search_popup {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .navbar_search_popup_menu {
    width: 100%;
    height: calc(100dvh - 7rem);
    margin-left: 0;
    margin-right: 0;
  }

  .navbar_search_popup_menu.box-shadow {
    width: 100%;
  }

  .pdd_product_button {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .pct_home_filter {
    z-index: 1;
    height: 100%;
    max-height: calc(100dvh - 5rem);
    padding: 2rem 1.25rem;
    position: fixed;
    top: 4.7rem;
  }

  .pct_img_wrapper {
    order: -1;
  }

  .hp_find_image {
    width: 100%;
    min-width: 100%;
    margin-right: 0;
  }

  .hp_find_image.prd_hero_img {
    aspect-ratio: auto;
  }

  .hp_find_image.prd_detail_img {
    height: auto;
  }

  .prd_detail_factory_wrapper.transition-ease.move-x {
    width: 100%;
  }

  .pdd_product_area,
  .cw-cookie_options {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .cw-button_primary {
    padding-left: 40px;
    padding-right: 40px;
  }

  .cw-cookie_banner {
    max-width: 34rem;
    padding: 2em;
  }

  .cw-cookie_banner.radius_small {
    max-width: 33rem;
    right: 50%;
  }

  .cw-button_secondary {
    padding-left: 40px;
    padding-right: 40px;
  }

  .cw-cookie_content {
    flex-flow: column;
  }

  .cw-button_secondary-2 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .navbar_popup_hover_wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .navbar_popup_hover_wrapper.tablet-item {
    width: 100vw;
  }

  

  .menu_popup_responsive {
    width: 100vw;
    height: calc(100dvh - 4.8rem);
    top: 4.8rem;
  }

  .menu_popup_responsive.transition-ease.move-x-left {
    width: 100vw;
  }

  .scroll-loader {
    margin-top: -2rem;
  }

  .hi_hp_bottom_item {
    flex: none;
  }

  .hi_hp_laporan_img.pii_ltk {
    width: 60%;
  }

  .hi_tkp_bp_hero_link_top {
    scrollbar-width: none;
  }

  .hi_tkp_bp_heading_wrapper {
    right: 4vw;
  }

  .hi_tkp_bp_heading_wrapper.pii {
    max-width: 13rem;
  }

  .hi_tkp_bp_heading {
    font-size: 25px;
    line-height: 130%;
  }

  .hi_tkp_bp_hero_link_bottom {
    scrollbar-width: none;
  }

  .hi_tkp_bp_container,
  .hi_tkp_bp_container.dk {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .hi_tkp_dk {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .hi_tkp_dk_item {
    min-width: 16.5rem;
    max-width: 16.5rem;
  }

  .cta_form {
    height: 100%;
    max-height: 70vh;
  }

  .product_img_wrapper.pda_product_img {
    width: 11rem;
  }

  .product_img_wrapper.pda_product_img.kar_lb {
    width: 100%;
  }

  .pda_product_compare_container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .psc_img_wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .pct_toko_detail {
    max-height: 65dvh;
  }

  .swiper-button-prev.abt-wu-swiper.abt_hp_personel_item,
  .swiper-button-prev.abt-wu-swiper.pii,
  .swiper-button-prev.abt-wu-swiper.hide-mobile-landscape {
    display: none;
  }

  .swiper-button-prev.karir_bpd {
    padding-bottom: 5.8rem;
  }

  .hi_tkp_detail_content {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hi_tkp_detail_content.pii_ltk {
    justify-content: center;
    align-items: flex-start;
  }

  .abt_hp_content_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .abt_hp_management {
    grid-auto-columns: 1fr;
  }

  .abt_hp_management.center {
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
    overflow: auto;
  }

  .abt_hp_management.tentang {
    flex-flow: column;
    grid-template-columns: auto 1fr 1fr;
    align-items: center;
    display: flex;
  }

  .abt_hp_factory_content {
    flex-flow: column;
    display: flex;
  }

  .abt_hp_factory_description {
    padding-right: 2rem;
  }

  .abt_hp_factory_wu_img_wrapper.karir {
    display: flex;
  }

  .abt_aic_video {
    width: 100%;
  }

  .abt_abs_services {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .abt_abs_whyus_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .abt_abs_whyus_item {
    flex-flow: column;
    grid-template-rows: auto auto;
    display: flex;
  }

  .font-50.clr_heading {
    text-align: center;
    line-height: 130%;
  }

  .abt_abs_whyus_heading {
    width: 100%;
    max-width: 26rem;
    position: static;
  }

  .abt_abs_whyus_heading.ls-3 {
    top: auto;
  }

  .abt_abs_whyus_heading.kbt {
    justify-content: center;
    align-items: center;
    max-width: none;
    padding-bottom: 0;
  }

  .abt_abs_whyus_description,
  .abt_abs_whyus_description.ls-4-1 {
    top: 16rem;
  }

  .abt_abs_whyus_description_wrapper.ls-4 {
    grid-template-rows: auto auto;
    grid-template-columns: .75fr 1fr;
  }

  .abt_tirta_distribution_item {
    flex-flow: column;
    display: flex;
  }

  .abt_tirta_distribution_wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .abt_certif_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 0rem;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: start center;
    display: grid;
  }

  .certif_wrapper {
    flex-flow: column;
  }

  .certif_left_wrapper {
    max-width: none;
  }

  .certif_right_wrapper {
    width: 100%;
  }

  .certif_left_dropdown_content_wrapper {
    background-color: var(--white-avian);
    width: 100%;
    max-width: none;
  }

  .certif_right_content_top {
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .certif_gls_text {
    text-align: justify;
  }

  .certif_checkbox {
    top: .2rem;
    right: .5rem;
  }

  .certif_iso_icon {
    width: 1.6rem;
    height: 1.6rem;
    padding: .3rem;
  }

  .certif_ac_item_last {
    place-items: start;
  }

  .pii_ahi_top_wrapper.box-shadow.radius_small {
    flex-flow: column;
  }

  .pii_ahi_calendar,
  .pii_ahi_calendar_description {
    width: 100%;
  }

  .pii_ahi_bottom_wrapper {
    margin-bottom: -1rem;
  }

  .pii_ahi_activity_item {
    flex-flow: column;
    grid-template-columns: .25fr .5fr .75fr .25fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .pii_ahi_activity_item.pii_ahi_activity_heading {
    grid-template-columns: .25fr .5fr .75fr .25fr;
    display: none;
  }

  .pii_ahi_activity_item.pii_ahi_activity_heading.pii_knr,
  .pii_ahi_activity_item.pii_knr {
    grid-template-columns: .25fr .5fr .25fr;
  }

  .pii_it_lembaga_item_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    display: flex;
  }

  .hi_ki_pr_item_wrapper,
  .hi_hk_item_wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .error-messages {
    font-size: 14px;
  }

  .kar_bpd_container {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    display: flex;
  }

  .kar_bpd_img_wrapper.tk {
    order: -1;
    width: 100%;
  }

  .kar_bpd_others.tk {
    padding-top: 4rem;
  }

  .kar_tk_joinus {
    padding-top: 2rem;
  }

  .kar_tk_joinus_wrapper {
    flex-flow: column;
    display: flex;
  }

  .kar_tp_job_item_content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .kar_tp_popup {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .abt_hp_journey_item.ls-1 {
    transform: translate(-7rem, 4rem);
  }

  .abt_hp_journey_item.bottom-item.ls-2 {
    transform: translate(-10rem, 11.5rem);
  }

  .abt_abs_whyus_number.text-abt-blue {
    top: 11.5rem;
  }

  .abt_abs_whyus_number.text-abt-green {
    top: auto;
  }

  .abt_abs_whyus_number.text-abt-orange {
    top: 11.7rem;
  }

  .pii_ahi_activity_scroll {
    overflow-x: auto;
  }

  .abt_hp_text {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .abt_hp_management_item.tentang {
    flex-flow: column;
  }

  .kbt_hp_hero_heading {
    max-width: 40vw;
    top: auto;
    bottom: 1rem;
    left: 41vw;
  }

  .kbt_hp_hero_heading_text {
    font-size: 2.6vw;
  }

  .roadmap_panel-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .roadmap_panel-heading {
    font-size: 2rem;
    line-height: 1.2;
  }

  .roadmap_arrow-block {
    right: -5.815rem;
  }

  .roadmap_component {
    height: calc(91.3281vw + 21.5rem);
  }

  .kbt_hp_commitment {
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .kbt_hp_commitment_img_wrapper {
    max-width: 13rem;
  }

  .kbt_hp_goals_heading {
    max-width: 11rem;
  }

  .kbt_hp_performance_item {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .kbt_hp_hero_icon {
    width: 40vw;
    height: 40vw;
    right: 15vw;
  }

  .clr_hp_container {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .clr_hp_tren_item_wrapper {
    scroll-snap-type: x mandatory;
    scroll-snap-align: start;
    overflow-x: auto;
  }

  .clr_hp_tren_item_wrapper.right {
    justify-content: flex-start;
  }

  .clr_hp_tren_item {
    scroll-snap-align: center;
    flex: none;
    width: 40%;
  }

  .clr_hp_tren_item.detail {
    flex: none;
  }

  .clr_hp_tren_item.detail.nuansa {
    aspect-ratio: 1;
    scroll-snap-align: start;
    width: 45%;
  }

  .clr_hp_cta_heading {
    padding-top: 0;
    padding-bottom: 3rem;
  }

  .clr_hp_cta_container {
    flex-flow: column;
  }

  .clr_hp_cta_item {
    max-height: 90%;
  }

  .clr_detail_hero_container {
    flex-flow: column;
    display: flex;
  }

  .clr_detail_hero_description {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .clr_detail_hero_desc_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .clr_detail_pencahayaan {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .clr_detail_pencahayaan_recom_top_item_wrapper {
    flex-flow: column;
    display: flex;
  }

  .clr_detail_pencahayaan_recom_top_item {
    flex: none;
  }

  .clr_detail_pencahayaan_recom_top_item.bottom {
    scroll-snap-type: x mandatory;
    scroll-snap-align: start;
    scrollbar-width: none;
    overflow-x: auto;
  }

  .clr_detail_pencahayaan_recom_top_item.top {
    scroll-snap-align: center;
  }

  .kbt_pp_hero_icon {
    width: 9rem;
  }

  .kbt_pp_advantage_container {
    flex-flow: column;
    display: flex;
  }

  .kbt_pp_target_container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .kbt_pp_target_item {
    flex-flow: column;
    display: flex;
  }

  .kbt_certificate_item {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .kbt_certificate_img {
    width: 40%;
  }

  .kbt_certificate_item_description {
    justify-content: flex-start;
    align-items: center;
  }

  .kbt_certificate {
    padding-bottom: 2rem;
  }

  .kbt_hero_heading {
    max-width: 19.9rem;
  }

  .kbt_ep_advantage_wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .kbt_ep_advantage_item {
    grid-template-rows: 3rem 3.75rem auto;
  }

  .kbt_pcp_peduli {
    flex-flow: column;
    display: flex;
  }

  .clr_detail_icon_wrapper {
    top: 28%;
    bottom: 25%;
  }

  .pdd_button_wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: .6fr;
  }

  .clr_detail_icon {
    width: 4vw;
  }

  .kar_bpd_description {
    padding-top: 2rem;
    padding-bottom: 0;
    padding-left: 0;
  }

  .clr_detail_pencahayaan_button.landscape-item {
    margin-top: -.5rem;
    margin-left: 4vw;
    position: relative;
    top: auto;
    right: auto;
  }

  .clr {
    line-height: 140%;
  }

  .clr_detail_hero_img {
    width: 15rem;
  }

  .product_filter_close {
    cursor: pointer;
    width: 1.2rem;
    display: block;
    position: absolute;
    inset: .7rem 4vw auto auto;
  }

  .filter-content {
    z-index: 100;
    background-color: var(--white-avian);
    height: 100%;
    max-height: calc(100dvh - 4.6rem);
    padding: 3rem 4vw;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.455, .03, .515, .955);
    position: fixed;
    inset: 4.7rem 0% 0%;
    overflow-y: auto;
    transform: translate(107%);
  }

  .filter-content.active {
    transform: none;
  }

  .kbt_hp_commitment_text {
    text-align: justify;
  }

  .padding-0-landscape {
    padding: 0;
  }

  .clr_subheading {
    text-align: center;
    line-height: 140%;
  }

  .kar_hp_text {
    margin-bottom: 6rem;
    left: 4vw;
    right: auto;
  }

  .batik_wrapper.footer_batik {
    height: 1.6rem;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 24px;
  }

  h2 {
    font-size: 22px;
  }

  .button.cookie {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .button.calculator {
    width: 11rem;
  }

  .grid.gap_medium {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .grid.gap_medium.flex-tablet.hp_inspiration {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    width: 100vw;
    margin-left: -4vw;
    margin-right: -4vw;
    padding-bottom: 10px;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .grid.news.gap_xsmall {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: auto auto auto;
  }

  .grid.pdd_description.ukuran {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .grid.grid_pdd_modal.gap_xsmall {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .grid.pdc_description_grid.padding-vertical.padding-small {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: .75fr 1fr 1fr;
  }

  .grid.grid_clr_item.gap_xxsmall.padding.padding-xsmall.flex-column-tablet {
    flex-flow: column;
  }

  .grid.bg_darkgray.grid_prd_detail_factory_mobile {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .grid.grid_prd_detail_factory_mobile {
    grid-template-columns: 1fr 1fr;
    padding-left: 0;
  }

  .grid.grid-pct_home.gap_small {
    flex-flow: column;
    display: flex;
  }

  .grid.grid_navbar-search.gap_medium {
    display: flex;
  }

  .grid.gap_hp_news {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .grid.grid_psd_item {
    grid-template-columns: auto 1fr auto;
  }

  .image.contain.clr_icon.absolute.full.front {
    opacity: 1;
  }

  .image._6.radius_small.popup_img {
    width: 75vw;
  }

  .image.cta_close_modal.close-modal.cursor-pointer {
    right: 1rem;
  }

  .image.abt_tirta_logis {
    border-radius: 5px;
  }

  .image.hi_hp_hero {
    aspect-ratio: 3 / 2;
    height: auto;
  }

  .image.pii_ltk {
    width: 1.8rem;
  }

  .image.kar_hp_hero {
    width: 57vw;
  }

  .image.height-100.left {
    object-position: 80% 50%;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-xxlarge.full-width.padding-top-small-mobile {
    padding-top: 1rem;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-horizontal.padding-large.flex.row.center_top.full-width.padding-horizontal-0-mobile {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal.padding-large.padding-xsmall-mobile {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .padding-horizontal.padding-large.pdd {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal.padding-medium {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .max-width-xxsmall {
    max-width: 10.4rem;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .fs-styleguide_row {
    flex-wrap: wrap;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .circle.pdc_product_price {
    width: 1.3rem;
  }

  .navbar_search_wrapper {
    width: .9rem;
    display: flex;
  }

  .text_white.text-align-center.max-width-hp_color.body_m.text-align-left-portrait {
    max-width: none;
  }

  .text_white.max-width-type.text-align-center.font-20 {
    font-size: 16px;
  }

  .footer_install_img_wrapper {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer_right_wrapper {
    display: flex;
  }

  .footer_right_wrapper.padding-right.padding-small {
    flex-flow: column;
  }

  .hp_type_img {
    aspect-ratio: 3 / 2;
  }

  .hp_type_container.flex.space-between.radius_small {
    height: auto;
    margin-top: -1rem;
  }

  .hp_type_container.radius_small {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .hp_type_left {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .hp_type_left.flex.column.center_left.padding-left.padding-large,
  .hp_type_left_button_wrapper {
    width: 100%;
  }

  .hp_type_right_item_wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .hp_type_right_item {
    flex: none;
  }

  .hp_color_item {
    width: 14rem;
    margin-left: 2vw;
    margin-right: 2vw;
  }

  .hp_color_description_wrapper {
    flex-flow: column;
    display: flex;
  }

  .hp_color_description.grey.right {
    justify-content: center;
    align-items: flex-start;
    display: none;
  }

  .hp_find_container.container-large {
    flex-flow: column;
  }

  .flex.row.gap_small.flex-column-tablet.gap_xsmall_tablet {
    display: flex;
  }

  .flex.row.gap_small.gap_xxsmall_mobile {
    grid-column-gap: .6rem;
    grid-row-gap: .6rem;
  }

  .flex.row.gap_xsmall.left_center.space-between-mobile {
    justify-content: space-between;
  }

  .flex.row.center_top.gap_small {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .flex.row.center_top.gap_small.center_center_portrait {
    justify-content: center;
    align-items: center;
  }

  .flex.row.right_top {
    margin-right: .3rem;
  }

  .flex.column.center_top.gap_small.gap_xsmall_tablet.left_top_portrait,
  .flex.column.center_top.gap_small.left_top_portrait,
  .flex.column.center_top.gap_xsmall.left_top_portrait {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .flex.column.gap_medium {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .flex.column.gap_xsmall.center_left.center_center_mobile {
    justify-content: center;
    align-items: center;
  }

  .relative.pdd_product_compare_img {
    width: 1.1rem;
    height: 1.1rem;
  }

  .absolute.right.half-width.bg_gray.padding.padding-medium.padding-xsmall-mobile {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .absolute.right.half-width.bg_gray.padding.padding-medium.padding-xsmall-mobile.prd_detail_factory_anim {
    z-index: 2;
  }

  .absolute.prd_plus_icon {
    top: 3.5rem;
    left: 2rem;
  }

  .hp_find_left.flex.column.gap_small,
  .form_hp_find.radius_small.overflow-hidden {
    width: 100%;
  }

  .pra_item.bg_green.padding-large.project_heading.project {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .pra_item.relative.landscape {
    aspect-ratio: 1;
  }

  .divider_horizontal.pdc_op {
    width: calc(100% + 32px);
  }

  .pra_container.grid.pra {
    flex-flow: column;
    display: flex;
  }

  .overlay.psc_overlay {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .hp_find_left_container.flex.center_center {
    justify-content: flex-start;
    align-items: center;
  }

  .text_green.font-semibold.body_m.text_align_center_mobile {
    line-height: 150%;
  }

  .question-text {
    flex: 0 100%;
  }

  .accordion__item.js-accordion-item {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    padding-left: 0;
    padding-right: 0;
  }

  .accordion-body {
    padding-left: 56px;
  }

  .accordion-body.js-accordion-body {
    border-top: 0 #0000;
    padding-left: 0;
    padding-right: 0;
  }

  .pda_product_item {
    margin-top: 4rem;
    padding-bottom: 1rem;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .pda_product_item.radius_small.box-shadow {
    margin-top: 4rem;
  }

  .pda_product_item.abt_certif_item {
    max-width: none;
  }

  .icon.pct_location {
    width: .7rem;
  }

  .pda_product_item_wrapper {
    grid-column-gap: .5rem;
  }

  .pda_product_right_heading {
    margin-top: 0;
  }

  .pda_product_compare_heading {
    max-width: 11rem;
  }

  .pda_product_compare_heading.header {
    max-width: none;
  }

  .pda_product_compare_item {
    padding: .5rem;
  }

  .pda_product_compare_item.box-shadow.pdc_product {
    padding: 1.5rem 1.5rem .5rem;
  }

  .pda_product_compare_item.box-shadow.radius_small.bg_darkgray {
    padding: 1.5rem 1.2rem 2rem;
  }

  .pda_product_top.grid.pda_product {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .pda_product_top.grid.pda_product.padding-horizontal.padding-large.padding-small-mobile {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .breadcrumbs {
    font-size: 14px;
    line-height: 130%;
  }

  .pdd_product_left {
    z-index: 0;
  }

  .pdd_product_right_wrapper.flex.column.gap_small.center_left.padding-vertical-medium-mobile.gap_xsmall_mobile {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .pdd_description_container {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .pdd_op_item_wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .pdd_product_modal_container {
    width: 100vw;
    top: 0%;
    bottom: 0%;
  }

  .pdd_product_modal_dropdown_item {
    grid-template-columns: 1fr .75fr;
  }

  .clr_item {
    aspect-ratio: 1.7;
  }

  .clr_item.clr_fp {
    aspect-ratio: 4;
  }

  .pdd_op_item {
    grid-column-gap: 1rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .pdd_op_item.flex.row.gap_small {
    flex-flow: wrap;
  }

  .swiper.hp_type.relative.overflow-hidden {
    height: auto;
  }

  .swiper.hp_find_top {
    align-self: flex-start;
  }

  .swiper.karir-bpd {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .swiper.hi_hp {
    margin-left: 4vw;
    margin-right: 4vw;
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .swiper.abt_hp_journey.tablet-item {
    padding-left: 0;
    padding-right: 0;
  }

  .swiper-button-next.abt-wu-swiper.hi_hp {
    width: .7rem;
  }

  .swiper-button-next.abt-wu-swiper.kar_bp {
    padding-bottom: 6rem;
  }

  .swiper-button-next.abt-wu-swiper.abt_abs {
    padding-bottom: 3.5rem;
  }

  .swiper-button-next.abt-wu-swiper.kbt_hp {
    width: -moz-fit-content;
    width: fit-content;
  }

  .swiper-button-next.karir_bpd {
    padding-bottom: 6.7rem;
  }

  .hp_footer_copyright.menu_footer_copyright {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .navbar-close-menu {
    right: 0;
  }

  .navbar_menu_tablet_wrapper.responsive-item {
    margin-right: 0;
  }

  .container-medium-2.custom_menu_container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .menu_brand_wrapper {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .cta_container {
    height: 100%;
  }

  .cta_select {
    border-radius: 0;
  }

  .cta_popup {
    bottom: 3rem;
  }

  .navbar_search_popup_menu {
    width: 100%;
  }

  .navbar_search_popup_menu.box-shadow {
    top: 7.8rem;
  }

  .pdd_product_button {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .pdc_img {
    top: .7rem;
    right: .5rem;
  }

  .pct_img_wrapper {
    order: -1;
  }

  .hp_find_image.contain.clr_icon.absolute.full.front {
    opacity: 1;
  }

  .text-align-left-portrait {
    text-align: left;
  }

  .font_size_rp {
    font-size: 10px;
  }

  .ms-checkbox-wrap {
    display: flex;
  }

  .pda_product_description {
    padding-left: 0;
    padding-right: 0;
  }

  .prd_detail_factory_wrapper {
    width: 100%;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .prd_detail_factory_wrapper.bg_gray.transition-ease.move-x {
    z-index: 1;
    width: 100%;
  }

  .cw-cookie_options {
    flex-wrap: wrap;
  }

  .cw-button_primary {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 19px;
  }

  .cw-cookie_banner {
    max-width: 19rem;
    height: 100%;
    max-height: 70dvh;
    bottom: 0;
    overflow: hidden;
  }

  .btn_wrapper {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .text-size-tiny-2 {
    font-weight: 300;
  }

  .cw-cookies_description {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .cw-button_secondary {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 19px;
  }

  .button-3.is-icon {
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 13em;
    min-height: 2em;
  }

  .cw-cookie_content {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    scrollbar-width: thin;
    height: 100%;
    overflow: clip auto;
  }

  .cw-button_secondary-2 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 19px;
  }

  .cw-cookie_buttons {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .cw-cookie-img {
    width: 4rem;
  }

  .pdd_product_right {
    width: 100%;
  }

  .pdd_product_calculator_close {
    right: 1rem;
  }

  .hi_hp_top_container {
    flex-flow: column;
    display: flex;
  }

  .hi_hp_top_container.radius_small {
    margin-top: -3rem;
  }

  .hi_hp_bottom_container {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1rem;
  }

  .hi_hp_description {
    padding-top: 2rem;
  }

  .hi_hp_laporan_container {
    width: 100vw;
    margin-left: -4vw;
    margin-right: -4vw;
  }

  .hi_hp_laporan_img.pii_ltk {
    width: 70%;
  }

  .hi_hp_newsletter_container {
    flex-flow: column;
    display: flex;
  }

  .hi_hp_newsletter_top {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: auto 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .hi_hp_newsletter_icon {
    width: 2.7rem;
  }

  .hi_hp_newsletter_send_icon {
    width: 100%;
    padding-top: .6rem;
    padding-bottom: .6rem;
  }

  .hi_hp_newsletter_send {
    display: none;
  }

  .hi_tkp_bp_hero_wrapper {
    aspect-ratio: 3 / 2;
  }

  .hi_tkp_bp_hero_wrapper.karir {
    aspect-ratio: 2.39;
  }

  .hi_tkp_bp_hero_wrapper.peduli {
    aspect-ratio: 2;
  }

  .hi_tkp_bp_heading_wrapper {
    max-width: 10rem;
  }

  .hi_tkp_bp_heading_wrapper.pii {
    max-width: 12.4rem;
  }

  .hi_tkp_dk {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    display: grid;
  }

  .hi_tkp_dk_item {
    grid-template-rows: 7.5rem auto;
    max-width: 16rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .hi_tkp_dk_item_description {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .product_img_wrapper.pda_product_img {
    width: 8rem;
    margin-top: -4rem;
  }

  .product_img_wrapper.pda_product_img.abt_sp_tkdn {
    width: 11.5rem;
  }

  .product_img_wrapper.pda_product_img.kar_lb {
    width: 12rem;
    margin-top: -6rem;
  }

  .product_img_wrapper.prd_img {
    width: 6.5rem;
  }

  .product_img_wrapper.abt_aic_product {
    align-self: center;
  }

  .psc_img_popup_arrow {
    width: 1.3rem;
  }

  .clr_item_heading_wrapper {
    grid-template-rows: auto;
    grid-template-columns: 1fr auto;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .cta_success.hi {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .swiper-button-prev.abt-wu-swiper.hi_hp {
    width: .7rem;
  }

  .swiper-button-prev.abt-wu-swiper.kar_bp {
    padding-bottom: 6rem;
  }

  .swiper-button-prev.abt-wu-swiper.abt_abs {
    padding-bottom: 3.5rem;
  }

  .swiper-button-prev.abt-wu-swiper.kbt_hp {
    width: -moz-fit-content;
    width: fit-content;
  }

  .swiper-button-prev.karir_bpd {
    padding-bottom: 6.7rem;
  }

  .hi_tkp_sticky.top_shadow {
    top: 4.6rem;
  }

  .hi_tkp_sticky.top_shadow.ls-2 {
    top: 6.9rem;
  }

  .hi_tkp_detail_top_description.pii_ltk {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .hi_tkp_detail_bottom_content,
  .abt_hp_content_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .abt_hp_value_wrapper {
    flex-flow: column;
    display: flex;
  }

  .abt_hp_value_item {
    background-color: var(--white-avian);
    padding-left: 0;
    position: sticky;
    top: 14rem;
  }

  .abt_hp_personel_wrapper {
    scrollbar-width: none;
  }

  .abt_hp_personel_item {
    scroll-snap-align: start;
    grid-template-rows: 20.5rem auto;
    margin-left: auto;
    margin-right: auto;
  }

  .abt_hp_factory_description {
    padding-right: 1rem;
  }

  .abt_aic_video {
    width: 100%;
  }

  .abt_aic_ahli_wrapper {
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    scroll-snap-align: start;
  }

  .abt_abs_services {
    flex-flow: column;
    display: flex;
  }

  .abt_abs_whyus_item {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .font-50.clr_heading {
    font-size: 31px;
  }

  .abt_abs_whyus_heading.ls-2.kbt {
    padding-bottom: 0;
  }

  .abt_abs_project_wrapper {
    flex-flow: column;
    display: flex;
  }

  .abt_abs_project_item {
    align-items: center;
  }

  .abt_abs_comment_item {
    aspect-ratio: 2 / 2.3;
  }

  .abt_abs_comment_img_wrapper {
    width: 4rem;
  }

  .abt_certif_wrapper {
    grid-row-gap: 2rem;
    flex-flow: column;
    display: flex;
  }

  .certif_ac_chevron {
    width: .9rem;
    height: .9rem;
  }

  .pii_ahi_calendar_description {
    padding: 1.5rem 1rem;
  }

  .pii_ahi_activity_item.pii_ahi_activity_heading.pii_it_item,
  .pii_ahi_activity_item.pii_it_item {
    grid-template-columns: .25fr .75fr .25fr .35fr .25fr;
  }

  .pii_it_lembaga_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .hi_ki_pr_item_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 2rem;
    width: 100%;
  }

  .hi_hk_item_wrapper {
    flex-flow: column;
    display: flex;
  }

  .hi_hk_kk_top {
    flex-flow: column;
  }

  .hi_hk_kk_sekre {
    width: 100%;
  }

  .kar_lb_item_wrapper {
    flex-flow: column;
    display: flex;
  }

  .kar_lb_item_description {
    margin-top: -3rem;
  }

  .kar_tp_filter_container {
    display: flex;
  }

  .kar_tp_job_item_heading {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .kar_tp_job_item_content {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .kar_tp_job_button {
    width: 100%;
  }

  .kar_faq_item {
    grid-column-gap: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .kar_faq_item.box-shadow {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .kar_faq_icon {
    width: 1.2rem;
  }

  .kar_tp_popup {
    max-height: 32rem;
    padding-left: 2rem;
    padding-right: 2rem;
    overflow: auto;
  }

  .abt_hp_journey_item.ls-1 {
    transform: translate(-4rem, 4rem);
  }

  .abt_hp_journey_item.bottom-item.ls-2 {
    transform: translate(-6rem, 11.5rem);
  }

  .abt_hp_journey_text {
    width: 14rem;
  }

  .abt_hp_value_heading,
  .abt_abs_services_heading {
    position: sticky;
    top: 12rem;
  }

  .hi_hp_laporan_wrapper {
    display: flex;
  }

  .abt_hp_text {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .kbt_hp_hero_heading {
    max-width: 56vw;
    bottom: .3rem;
  }

  .kbt_hp_hero_heading_text {
    font-size: 5vw;
  }

  .roadmap_panel-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .roadmap_panel {
    padding: 2rem 1.25rem;
  }

  .roadmap_arrow {
    border-width: 3px;
    width: 2rem;
    height: 2rem;
    padding: .2rem;
  }

  .roadmap_component {
    height: calc(91.3281vw + 21.5rem);
  }

  .kbt_hp_commitment_img_wrapper {
    max-width: 9rem;
  }

  .kbt_hp_performance_item_wrapper {
    flex-flow: column;
    display: flex;
  }

  .kbt_hp_performance_item_bottom {
    justify-content: flex-start;
    align-items: center;
  }

  .kbt_hp_hero_icon {
    width: 30vw;
    height: 30vw;
    top: 12.5rem;
    left: 0;
    right: auto;
  }

  .clr_hp_tren_item {
    width: 60%;
  }

  .clr_hp_tren_item.detail.nuansa {
    width: 46%;
  }

  .clr_hp_cta_item {
    aspect-ratio: 4 / 5;
    width: 100%;
  }

  .clr_detail_hero_desc_wrapper {
    padding-right: 0;
  }

  .clr_detail_pencahayaan_img_wrapper {
    aspect-ratio: 3 / 2;
  }

  .clr_detail_pencahayaan_img {
    height: 100%;
  }

  .hp_article_heading {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .kbt_pp_hero {
    flex-flow: column;
    padding: 1rem;
  }

  .kbt_pp_hero_icon {
    width: 7rem;
  }

  .kbt_pp_advantage_item,
  .kbt_pp_target_container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .kbt_certificate_item {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .kbt_certificate_img {
    width: 12rem;
  }

  .kbt_hero_heading.environment {
    max-width: 19rem;
  }

  .kbt_ep_advantage_wrapper {
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .kbt_ep_advantage_item {
    flex-flow: column;
    grid-template-rows: 3rem 3.5rem auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .clr_detail_icon_wrapper {
    top: 21%;
    bottom: 21%;
  }

  .pdd_button_wrapper {
    grid-template-columns: 1fr;
  }

  .clr_detail_icon {
    width: 1.5rem;
  }

  .kar_bpd_description {
    padding-right: 0;
  }

  .clr_fp_heading {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .text_align_center_mobile {
    text-align: center;
  }

  .text-align-justify-portrait {
    text-align: justify;
  }

  .portrait-item {
    display: block;
  }

  .max-width-xsmall-portrait {
    max-width: 16rem;
  }

  .kar_hp_hero {
    position: relative;
  }

  .kar_hp_text {
    width: 100%;
    max-width: 17rem;
    margin-bottom: 3rem;
  }

  .kar_hp_wrapper {
    padding-left: 4vw;
    padding-right: 4vw;
  }
}

#w-node-bc5ae739-12b2-6ac7-3ce0-b733b2c08d2a-87cfe4c9,
#w-node-_357dc236-1267-c170-8533-4f810f14e118-87cfe4c9,
#w-node-aae71026-ee3d-d76c-7343-431854f8352d-87cfe4c9 {
  justify-self: end;
}

#w-node-d0d8a86a-8425-ede5-ca14-a021a5664f42-87cfe4c9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_869db613-fc70-8ba3-dd5d-201f1c9d2c36-87cfe4c9 {
  justify-self: center;
}

#w-node-_62afb9d9-3260-b8e0-03dd-9c002a2da867-87cfe4c9 {
  justify-self: end;
}

#w-node-_38bbc758-6cc6-08e0-2132-17f942f2c551-87cfe4c9 {
  grid-area: 1 / 3 / 3 / 4;
}

#w-node-_8787ecf3-71dc-3a19-7ebf-23baad8c911f-87cfe4c9 {
  grid-area: 1 / 4 / 3 / 5;
}

#w-node-f192904c-9ed1-fbdf-7d4e-bb7ddac0b655-87cfe4c9 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_2f64549b-fa04-8451-9929-2f24440687ef-87cfe4c9,
#w-node-_86152d69-1d76-49bf-c2aa-750e21399820-87cfe4c9 {
  grid-column: span 2 / span 2;
}

#w-node-_1715287a-bbf2-3149-caa9-02d5a525aa57-87cfe4c9 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_1715287a-bbf2-3149-caa9-02d5a525aa61-87cfe4c9 {
  grid-area: 1 / 3 / 3 / 4;
}

#w-node-_1715287a-bbf2-3149-caa9-02d5a525aa6a-87cfe4c9 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_1715287a-bbf2-3149-caa9-02d5a525aa73-87cfe4c9 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_1715287a-bbf2-3149-caa9-02d5a525aa85-87cfe4c9,
#w-node-_1715287a-bbf2-3149-caa9-02d5a525aa8e-87cfe4c9 {
  grid-column: span 2 / span 2;
}

#w-node-_7b7eeeeb-bb20-61ef-454b-5f0f2107b4e1-87cfe4c9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e1dd8ae2-3015-64a1-350e-d3c8a15f0411-87cfe4c9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d9f2b67b-52c2-a8d6-cfe4-90503a565214-87cfe4c9,
#w-node-_2d4a1ccf-d081-85ac-6aaf-5c1046c91380-87cfe4c9,
#w-node-_7dac765f-cce6-ef80-549e-f702ae61221d-87cfe4c9,
#w-node-_28d33eba-754e-2b75-d3af-f91e5929d6d1-87cfe4c9 {
  place-self: center;
}

#w-node-_47ba43ef-1a8e-b10b-52cd-492534c7b910-87cfe4c9 {
  place-self: start center;
}

#w-node-_714a5ac4-1232-9458-1650-99f5ff18517f-87cfe4c9,
#w-node-_4ba03a15-4b02-c00c-c4da-a7d06c6f92b3-87cfe4c9,
#w-node-_093923a3-6ba7-319f-8bc5-0d9a23746fba-87cfe4c9,
#w-node-_825eb762-e722-2a49-1316-8f4135060656-87cfe4c9,
#w-node-_2f51ad46-6bf7-4e34-9fbe-86bd5cc3f8fe-87cfe4c9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5db9e2d4-b5a0-4049-71d8-28a41f054244-87cfe4c9,
#w-node-d315970e-b0c8-b9a4-1293-971db675eaa2-87cfe4c9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_8a05538c-0de3-28f3-b7b2-5ae59251a471-87cfe4c9 {
  place-self: center;
}

#w-node-b2986f33-4f74-d155-cd6e-70f94a3c44cc-87cfe4c9 {
  grid-column: span 2 / span 2;
}

#w-node-_3305d5be-4877-2b57-f12c-04aaee473de6-87cfe4c9,
#w-node-_3305d5be-4877-2b57-f12c-04aaee473de9-87cfe4c9,
#w-node-_66d86d36-1fef-9794-a111-8b4f31bb3d46-87cfe4c9,
#w-node-_3305d5be-4877-2b57-f12c-04aaee473def-87cfe4c9,
#w-node-_2e7b8182-3cf1-6050-9cb3-c68995589b92-87cfe4c9,
#w-node-_23055128-1d98-093b-53cb-3f68136e4fb4-87cfe4c9,
#w-node-_1bc67fd7-f919-c389-d9fe-c825c4e35f44-87cfe4c9,
#w-node-b5b27aa5-7bbf-8271-b451-6886a9727900-87cfe4c9,
#w-node-_045e4da3-05e1-019a-7e00-e3faf903cf13-87cfe4c9,
#w-node-_045e4da3-05e1-019a-7e00-e3faf903cf16-87cfe4c9,
#w-node-bc7846e9-4c2f-3311-ee08-c20c7d040e6f-87cfe4c9,
#w-node-_045e4da3-05e1-019a-7e00-e3faf903cf1c-87cfe4c9,
#w-node-_016ffbf5-178d-36fb-de09-56687088b788-87cfe4c9,
#w-node-_016ffbf5-178d-36fb-de09-56687088b78b-87cfe4c9,
#w-node-_016ffbf5-178d-36fb-de09-56687088b78e-87cfe4c9,
#w-node-_016ffbf5-178d-36fb-de09-56687088b791-87cfe4c9 {
  place-self: center;
}

#w-node-_16b8b69b-aa78-4804-312d-05c888139d8f-87cfe4c9 {
  place-self: start center;
}

#w-node-_630a476e-b6fe-ddd4-baa2-759161436af7-87cfe4c9,
#w-node-_630a476e-b6fe-ddd4-baa2-759161436b03-87cfe4c9,
#w-node-_630a476e-b6fe-ddd4-baa2-759161436b08-87cfe4c9,
#w-node-_630a476e-b6fe-ddd4-baa2-759161436b0d-87cfe4c9,
#w-node-_630a476e-b6fe-ddd4-baa2-759161436b12-87cfe4c9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_816f85df-73b0-7c9e-d62c-561214c30c09-87cfe4c9 {
  justify-self: center;
}

#w-node-_91bbc0f2-c878-416c-7458-f746c094a25f-15ba210d {
  justify-self: start;
}

#w-node-_57bdb3e6-93bc-3e3c-3f33-18621363a1e3-15ba210d,
#w-node-_48cf0df2-7ec1-8b00-2b4c-13b03b67005d-15ba210d,
#w-node-_08f9b0e9-4fd5-ecc4-0bf5-f7deb4088369-15ba210d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f922e22a-000c-1ebc-5227-3c90c759ff0c-c759ff0b {
  place-self: center start;
}

#w-node-f922e22a-000c-1ebc-5227-3c90c759ff0f-c759ff0b,
#w-node-f922e22a-000c-1ebc-5227-3c90c759ff14-c759ff0b,
#w-node-f922e22a-000c-1ebc-5227-3c90c759ff19-c759ff0b {
  place-self: center;
}

#w-node-a21ba39e-7592-5f24-e82e-cd529a1605ee-9a1605ed {
  align-self: start;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283eed52-87cfe4cb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283eed71-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eed76-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eed7b-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eed80-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eed86-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eed8c-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eed92-87cfe4cb {
  justify-self: start;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283eee74-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eee7c-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eee93-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eeeac-87cfe4cb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283eeeaf-87cfe4cb {
  justify-self: start;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283eeeb1-87cfe4cb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283eeeb4-87cfe4cb {
  justify-self: start;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283eef04-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eef0e-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eef0f-87cfe4cb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283eef81-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eef86-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eef8b-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eef90-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eef95-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eef9a-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefa4-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefa9-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefae-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefb3-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefb8-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefbd-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefc2-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefc7-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefcc-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefd1-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefd6-87cfe4cb {
  justify-self: start;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefda-87cfe4cb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefdb-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefe0-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefe5-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefea-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eeffe-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef003-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef008-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef00d-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef012-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef017-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef021-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef026-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef02b-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef030-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef035-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef03a-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef03f-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef044-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef049-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef04e-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef053-87cfe4cb {
  justify-self: start;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef057-87cfe4cb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef058-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef05d-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef062-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef067-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef078-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef07d-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef082-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef087-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef08c-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef091-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef096-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef09b-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef0a0-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef0a5-87cfe4cb {
  justify-self: start;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef0a9-87cfe4cb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef0aa-87cfe4cb {
  justify-self: start;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef0ad-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef12e-87cfe4cb,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef15b-87cfe4cb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef199-87cfe4cb {
  justify-self: start;
}

#w-node-_77e48f06-15bc-ca32-bf37-363c714649df-f1ee1e3f {
  grid-area: 1 / 3 / 3 / 4;
}

#w-node-_77e48f06-15bc-ca32-bf37-363c714649e8-f1ee1e3f {
  grid-area: 1 / 4 / 3 / 5;
}

#w-node-_77e48f06-15bc-ca32-bf37-363c714649f1-f1ee1e3f {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_77e48f06-15bc-ca32-bf37-363c71464a03-f1ee1e3f,
#w-node-_77e48f06-15bc-ca32-bf37-363c71464a0c-f1ee1e3f {
  grid-column: span 2 / span 2;
}

#w-node-_77e48f06-15bc-ca32-bf37-363c71464a1b-f1ee1e3f {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_77e48f06-15bc-ca32-bf37-363c71464a25-f1ee1e3f {
  grid-area: 1 / 3 / 3 / 4;
}

#w-node-_77e48f06-15bc-ca32-bf37-363c71464a2e-f1ee1e3f {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_77e48f06-15bc-ca32-bf37-363c71464a37-f1ee1e3f {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_77e48f06-15bc-ca32-bf37-363c71464a49-f1ee1e3f,
#w-node-_77e48f06-15bc-ca32-bf37-363c71464a52-f1ee1e3f {
  grid-column: span 2 / span 2;
}

#w-node-fafea219-721a-a408-d13e-8142dec42f70-31539e9c,
#w-node-fafea219-721a-a408-d13e-8142dec42f85-31539e9c,
#w-node-fafea219-721a-a408-d13e-8142dec42f9a-31539e9c,
#w-node-fafea219-721a-a408-d13e-8142dec42fab-31539e9c,
#w-node-fafea219-721a-a408-d13e-8142dec42fbc-31539e9c,
#w-node-fafea219-721a-a408-d13e-8142dec42fcd-31539e9c,
#w-node-fafea219-721a-a408-d13e-8142dec42fde-31539e9c,
#w-node-fafea219-721a-a408-d13e-8142dec42fef-31539e9c,
#w-node-fafea219-721a-a408-d13e-8142dec43000-31539e9c,
#w-node-fafea219-721a-a408-d13e-8142dec43011-31539e9c,
#w-node-fafea219-721a-a408-d13e-8142dec43022-31539e9c,
#w-node-fafea219-721a-a408-d13e-8142dec43033-31539e9c,
#w-node-fafea219-721a-a408-d13e-8142dec43044-31539e9c,
#w-node-fafea219-721a-a408-d13e-8142dec43055-31539e9c,
#w-node-fafea219-721a-a408-d13e-8142dec43066-31539e9c,
#w-node-fafea219-721a-a408-d13e-8142dec43077-31539e9c,
#w-node-fafea219-721a-a408-d13e-8142dec43088-31539e9c,
#w-node-fafea219-721a-a408-d13e-8142dec43099-31539e9c,
#w-node-fafea219-721a-a408-d13e-8142dec430aa-31539e9c,
#w-node-fafea219-721a-a408-d13e-8142dec430bb-31539e9c,
#w-node-fafea219-721a-a408-d13e-8142dec430cc-31539e9c,
#w-node-_9cc7a9cd-febb-04a4-afeb-f929137aa433-31539e9c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_878027ab-b8e7-5c1e-f663-d078b077b5ad-31539e9c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_878027ab-b8e7-5c1e-f663-d078b077b5ae-31539e9c {
  place-self: center start;
}

#w-node-_878027ab-b8e7-5c1e-f663-d078b077b5b1-31539e9c,
#w-node-_878027ab-b8e7-5c1e-f663-d078b077b5b4-31539e9c,
#w-node-_878027ab-b8e7-5c1e-f663-d078b077b5b7-31539e9c {
  place-self: center;
}

#w-node-_878027ab-b8e7-5c1e-f663-d078b077b5b8-31539e9c {
  justify-self: end;
}

#w-node-ff19dc53-58db-8bb1-833d-89cd3d37eab8-f805a2f2 {
  align-self: start;
}

#w-node-ff19dc53-58db-8bb1-833d-89cd3d37eace-f805a2f2,
#w-node-ff19dc53-58db-8bb1-833d-89cd3d37eada-f805a2f2,
#w-node-ff19dc53-58db-8bb1-833d-89cd3d37eadf-f805a2f2,
#w-node-ff19dc53-58db-8bb1-833d-89cd3d37eae4-f805a2f2,
#w-node-ff19dc53-58db-8bb1-833d-89cd3d37eae9-f805a2f2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#field-7.w-node-c3a2b424-781b-939f-d944-1d037a921120-f805a2f2,
#field-7.w-node-ebaac8e7-30b3-a1e6-ea66-306657e3dc87-f805a2f2 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_3cfe7358-7c22-d4f4-e665-a27c48a8533b-f805a2f2,
#w-node-a88f06d3-f81a-57d6-15c2-b45a56e2db96-f805a2f2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ff19dc53-58db-8bb1-833d-89cd3d37eb67-f805a2f2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ff19dc53-58db-8bb1-833d-89cd3d37eb6a-f805a2f2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ff19dc53-58db-8bb1-833d-89cd3d37eb73-f805a2f2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_8ec0dcf3-0f0d-90c3-0a94-8f6a7e116128-f805a2f2,
#w-node-_8ec0dcf3-0f0d-90c3-0a94-8f6a7e116134-f805a2f2,
#w-node-_3a27331b-ca3d-67db-9ad6-0ab727f6787e-f805a2f2 {
  justify-self: end;
}

#w-node-_7663f0ae-e7c2-fb84-6734-07187ed075d2-f805a2f2 {
  align-self: center;
}

#w-node-ff19dc53-58db-8bb1-833d-89cd3d37eb9c-f805a2f2 {
  place-self: start end;
}

#w-node-ff19dc53-58db-8bb1-833d-89cd3d37eba0-f805a2f2 {
  grid-column: span 2 / span 2;
}

#w-node-fa5c0267-28dc-84d0-fd20-d8aaabef3865-ada8b469 {
  align-self: start;
}

#w-node-fa5c0267-28dc-84d0-fd20-d8aaabef3867-ada8b469 {
  place-self: start center;
}

#w-node-fa5c0267-28dc-84d0-fd20-d8aaabef387b-ada8b469,
#w-node-fa5c0267-28dc-84d0-fd20-d8aaabef3887-ada8b469,
#w-node-fa5c0267-28dc-84d0-fd20-d8aaabef388c-ada8b469,
#w-node-fa5c0267-28dc-84d0-fd20-d8aaabef3891-ada8b469,
#w-node-fa5c0267-28dc-84d0-fd20-d8aaabef3896-ada8b469 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fa5c0267-28dc-84d0-fd20-d8aaabef3914-ada8b469,
#w-node-fa5c0267-28dc-84d0-fd20-d8aaabef3920-ada8b469 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a005d3fd-86ae-e189-9b85-bfe50c7e4fa5-243210f7 {
  place-self: center start;
}

#w-node-a005d3fd-86ae-e189-9b85-bfe50c7e4fa8-243210f7,
#w-node-a005d3fd-86ae-e189-9b85-bfe50c7e4fad-243210f7,
#w-node-a005d3fd-86ae-e189-9b85-bfe50c7e4fb2-243210f7 {
  place-self: center;
}

#w-node-a005d3fd-86ae-e189-9b85-bfe50c7e4fb9-243210f7 {
  place-self: center start;
}

#w-node-a005d3fd-86ae-e189-9b85-bfe50c7e4fbc-243210f7,
#w-node-a005d3fd-86ae-e189-9b85-bfe50c7e4fbf-243210f7,
#w-node-a005d3fd-86ae-e189-9b85-bfe50c7e4fc2-243210f7 {
  place-self: center;
}

#w-node-a005d3fd-86ae-e189-9b85-bfe50c7e4fd6-243210f7 {
  place-self: center start;
}

#w-node-a005d3fd-86ae-e189-9b85-bfe50c7e4fd9-243210f7,
#w-node-a005d3fd-86ae-e189-9b85-bfe50c7e4fe9-243210f7,
#w-node-a005d3fd-86ae-e189-9b85-bfe50c7e4ff9-243210f7 {
  place-self: center;
}

#w-node-a005d3fd-86ae-e189-9b85-bfe50c7e4ffc-243210f7 {
  place-self: center start;
}

#w-node-a005d3fd-86ae-e189-9b85-bfe50c7e4ffd-243210f7,
#w-node-a005d3fd-86ae-e189-9b85-bfe50c7e5000-243210f7,
#w-node-a005d3fd-86ae-e189-9b85-bfe50c7e5003-243210f7 {
  place-self: end center;
}

#w-node-_4e15d97f-3d9d-934e-be1c-3d47d94371a5-464fedf2 {
  place-self: center;
}

#w-node-cda90bf3-044b-b18b-5240-d49942ec070c-e4079246,
#w-node-b81ffde2-c4c8-23f8-9878-a1831d447c85-e4079246,
#w-node-d8d40e5a-4c57-52af-dd84-27815626e427-e4079246,
#w-node-_0d95df67-0e45-d3b3-b0b0-a97059bbcc42-e4079246,
#w-node-d55e265f-fa29-6e57-d772-6b3cbe6b9559-e4079246,
#w-node-_48404b61-6823-3a6f-9b52-97ffd3dee351-e4079246,
#w-node-_42c0be1f-99f5-be08-e44f-990d96709e93-e4079246,
#w-node-_7af7fe4d-43c3-e318-4a31-1046d7fe321f-e4079246,
#w-node-ba5bdba8-2dff-67ec-1351-658505925645-e4079246,
#w-node-_70c19896-bd1d-ab04-b329-476232aa21c8-e4079246,
#w-node-b48a6681-8c19-6c36-4e5f-62bf1995c726-e4079246,
#w-node-_0ef75674-981d-266f-34b0-f3d568031ff5-e4079246,
#w-node-_18e52749-39c6-9716-02f1-93da4d5e6b8c-e4079246,
#w-node-_26a3ab77-afa7-3e32-3a7d-a8630392efdf-e4079246,
#w-node-_510d7127-cc1e-8bfc-b94e-b2a97b702042-e4079246,
#w-node-ae712e31-82f2-1f2d-9747-ec0ea4286e85-e4079246,
#w-node-ac614b68-355c-7d8a-1b70-2ff9d7a5e671-e4079246,
#w-node-_6d9e2721-ad8b-7209-b461-199b9e28bfc2-e4079246,
#w-node-_41bb5011-0344-2894-cb5f-f1c746741ae8-e4079246,
#w-node-_46677c6a-9457-125d-eac0-3ddc2b0d48f7-e4079246,
#w-node-e6747520-8948-96e9-aa32-f95fc0810d3b-e4079246,
#w-node-_90cb4647-2eb6-4e1f-b9d5-027c7aebf991-e4079246 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_90cb4647-2eb6-4e1f-b9d5-027c7aebf9e7-e4079246 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_90cb4647-2eb6-4e1f-b9d5-027c7aebf9e8-e4079246,
#w-node-_90cb4647-2eb6-4e1f-b9d5-027c7aebf9eb-e4079246,
#w-node-_90cb4647-2eb6-4e1f-b9d5-027c7aebf9ee-e4079246,
#w-node-_90cb4647-2eb6-4e1f-b9d5-027c7aebf9f1-e4079246 {
  place-self: center;
}

#w-node-_53388b5a-d698-403f-cfca-a4167df7afd1-e4079246 {
  place-self: center start;
}

#w-node-_53388b5a-d698-403f-cfca-a4167df7afd4-e4079246,
#w-node-_53388b5a-d698-403f-cfca-a4167df7afd8-e4079246,
#w-node-_53388b5a-d698-403f-cfca-a4167df7afdc-e4079246 {
  place-self: center;
}

#w-node-_53388b5a-d698-403f-cfca-a4167df7afdf-e4079246 {
  justify-self: end;
}

#w-node-_16508b59-2838-c568-d13e-d40fdfd71d0c-0ca9bd5a {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-b45bf659-1e5f-bd5f-364b-931b112f16a8-6041ad69 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5742cc37-46b1-6577-7ffd-84aeaf8f7919-b2717edc,
#w-node-_5742cc37-46b1-6577-7ffd-84aeaf8f7919-970e11b3 {
  align-self: center;
}

#w-node-_47c71889-bec6-36b5-2ff1-7d65b7f112bc-4bddcc9b,
#w-node-_71adea21-d994-ed01-f17f-228cff09f184-4bddcc9b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1f7a6b5c-3882-fbfa-7fb6-96a313881d6b-94c010d6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1ad80e01-74d0-b7f1-8ae9-98cc9d8c7cb4-94c010d6,
#w-node-_71adea21-d994-ed01-f17f-228cff09f184-94c010d6,
#w-node-_5a9807c8-2b0f-6f50-55e7-85f0e2d562e0-94c010d6,
#w-node-_4684bec7-a09f-4b2c-6144-152ab551092e-94c010d6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ec509adf-56da-509f-0e73-9ca29bf25fbd-94c010d6 {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-deb9882a-f636-427e-b5f5-78f519f76b61-94c010d6 {
  grid-area: 2 / 4 / 3 / 6;
}

#w-node-_23f3deec-4413-a830-4a8b-f76d9ad5af05-a4ae3674,
#w-node-_468f7de1-cf0f-84ce-a0f9-fe8eba261cb6-a4ae3674,
#w-node-_430b9005-6d06-a33b-5ce9-6931eb869b29-a4ae3674,
#w-node-_0cf97717-7e16-b596-7414-a8954ad1cb42-a4ae3674,
#w-node-_6fa22f7e-58a2-2127-b571-625e08aeec7d-a4ae3674,
#w-node-fae006df-a188-d880-a517-82a01244ad58-a4ae3674,
#w-node-e27993bb-e97f-9a63-40aa-c8af83782b45-a4ae3674,
#w-node-_78c253ff-00d6-e828-0d9b-8952a5ddb306-a4ae3674,
#w-node-_42ab0bdd-2b62-7e93-f5f0-82c44f41bed0-a4ae3674,
#w-node-_188ff3e0-51a8-6ae4-e7ff-abcdfcbd68a1-a4ae3674,
#w-node-_23f3deec-4413-a830-4a8b-f76d9ad5af05-9d5ac787,
#w-node-_5bd5de7a-d23a-d190-4862-a3208d5c0603-9d5ac787,
#w-node-_8cc0c5ac-64c8-486c-6abb-6fb78b6d7920-9d5ac787,
#w-node-_77e48ad7-3f71-f510-bc00-859b4542808d-9d5ac787,
#w-node-bebe6b56-1878-0cfd-8838-1f59b21193e4-9d5ac787,
#w-node-_9cb8b73e-2671-e0bb-759f-1f416803020f-fbf57e90,
#w-node-_57de76c1-ed9b-ce27-4427-51de8b081549-fbf57e90,
#w-node-f31daa53-fdee-1574-a208-1a6f0f2bcb96-fbf57e90,
#w-node-_63c76a94-f697-6563-47f8-a8f237d119a9-fbf57e90,
#w-node-_7d6a1eac-6550-9cf3-41ad-7c5ecd372d11-fbf57e90,
#w-node-b5b7566b-a4ad-387b-64cf-b6f61d49c595-fbf57e90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7b9a1f6d-01b3-c059-851a-8caccc27894b-a921ed59,
#w-node-ed019222-3777-29c1-4ca8-3d1845aff528-408f6b17 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f05b7472-1a36-775a-14ae-ddcdec41a635-408f6b17 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-fd96ab6d-d0ca-5b28-1f6d-3f26289422c0-408f6b17 {
  grid-area: 1 / 3 / 2 / 5;
}

#w-node-_80160604-10cb-19a3-40cb-4b324e3a2e9d-408f6b17 {
  grid-area: 1 / 5 / 2 / 7;
}

#w-node-_3a7643e0-716c-c102-deb7-346f2dd8da06-408f6b17,
#w-node-_6f6df9aa-9e4d-a86e-49b4-94a5387be515-408f6b17,
#w-node-e3d669d6-c272-ee02-3791-02aa4de590c9-408f6b17 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3ce01536-2bbf-5db5-64de-9f177a08cafa-408f6b17 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_5742cc37-46b1-6577-7ffd-84aeaf8f7919-fec8c3fc {
  align-self: center;
}

#w-node-_2b4ef1ee-eac9-9313-12de-59fc2d90326c-62a63438 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_69dbab26-bbf1-80b1-450c-a3b1bba43c70-b75ff577 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#field-8.w-node-c3fe0be6-0384-62b9-6a51-891ec1d6623c-4222d778,
#field-8.w-node-e81c63d0-6699-6f11-6a70-ddcbf8c8dc0a-4222d778 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b49ef27d-2737-87b7-0728-ebe27f1be965-d8bd0633,
#w-node-_48537119-b65a-3602-1849-713fc443a987-d8bd0633,
#w-node-_8216b2a9-e7b7-eef1-ed7c-b110220d5f21-d8bd0633,
#w-node-_5f24cfb0-1233-96eb-3117-9727c5182762-d8bd0633 {
  align-self: center;
}

#w-node-_79758140-707e-ae4e-164c-7d5b759b7f7a-f9257144,
#w-node-bb02955b-df9c-53f2-85b9-b8344f13d47b-f9257144,
#w-node-_5aa561ff-5037-2d6b-ea3a-07196b91b243-f9257144,
#w-node-_58256522-c615-ffe2-24a3-6f384c48d4a0-f9257144,
#w-node-_349aff3b-f14f-e668-3fcc-24a31963fe37-f9257144 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_349aff3b-f14f-e668-3fcc-24a31963fe3b-f9257144 {
  justify-self: center;
}

#w-node-_349aff3b-f14f-e668-3fcc-24a31963fe41-f9257144 {
  justify-self: end;
}

#w-node-_8c5f44f3-14c9-454c-d8f2-cc87dc76dc7d-f9257144 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_35e6e4e1-4215-64f7-54dc-4d9c023ab588-5c359781,
#w-node-cda90bf3-044b-b18b-5240-d49942ec070c-e12d39f4,
#w-node-b81ffde2-c4c8-23f8-9878-a1831d447c85-e12d39f4,
#w-node-d8d40e5a-4c57-52af-dd84-27815626e427-e12d39f4,
#w-node-_0d95df67-0e45-d3b3-b0b0-a97059bbcc42-e12d39f4,
#w-node-d55e265f-fa29-6e57-d772-6b3cbe6b9559-e12d39f4,
#w-node-_90cb4647-2eb6-4e1f-b9d5-027c7aebf991-e12d39f4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_90cb4647-2eb6-4e1f-b9d5-027c7aebf9e7-e12d39f4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_90cb4647-2eb6-4e1f-b9d5-027c7aebf9e8-e12d39f4,
#w-node-_90cb4647-2eb6-4e1f-b9d5-027c7aebf9eb-e12d39f4,
#w-node-_90cb4647-2eb6-4e1f-b9d5-027c7aebf9ee-e12d39f4,
#w-node-_90cb4647-2eb6-4e1f-b9d5-027c7aebf9f1-e12d39f4 {
  place-self: center;
}

#w-node-_53388b5a-d698-403f-cfca-a4167df7afd1-e12d39f4 {
  place-self: center start;
}

#w-node-_53388b5a-d698-403f-cfca-a4167df7afd4-e12d39f4,
#w-node-_53388b5a-d698-403f-cfca-a4167df7afd8-e12d39f4,
#w-node-_53388b5a-d698-403f-cfca-a4167df7afdc-e12d39f4 {
  place-self: center;
}

#w-node-_53388b5a-d698-403f-cfca-a4167df7afdf-e12d39f4 {
  justify-self: end;
}

#w-node-_0b125fec-cc12-f606-6aeb-34decdcc107a-66d69e99 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_518318db-c5be-88d9-a489-84002711e6a7-66d69e99 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_7ec68e8f-c8f1-f5e6-f1cb-af9c57ea3e1e-66d69e99 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_8eae8572-c444-4ab4-dd89-124a88bac6e0-29b64612,
#w-node-_8eae8572-c444-4ab4-dd89-124a88bac6e6-29b64612,
#w-node-_8eae8572-c444-4ab4-dd89-124a88bac6ec-29b64612,
#w-node-_8eae8572-c444-4ab4-dd89-124a88bac6f2-29b64612,
#w-node-_8eae8572-c444-4ab4-dd89-124a88bac6f8-29b64612,
#w-node-_8eae8572-c444-4ab4-dd89-124a88bac6fe-29b64612,
#w-node-_35e6e4e1-4215-64f7-54dc-4d9c023ab588-da83d73e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-d9f2b67b-52c2-a8d6-cfe4-90503a565214-87cfe4c9 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    justify-self: start;
  }

  #w-node-_2d4a1ccf-d081-85ac-6aaf-5c1046c91380-87cfe4c9,
  #w-node-_7dac765f-cce6-ef80-549e-f702ae61221d-87cfe4c9 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_0c688750-9392-98c3-9f80-96069a9c99ee-87cfe4c9 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-d4e9a295-99cd-4631-26eb-410138f45bbe-87cfe4c9,
  #w-node-_630a476e-b6fe-ddd4-baa2-759161436af2-87cfe4c9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_77e48f06-15bc-ca32-bf37-363c714649d1-f1ee1e3f,
  #w-node-_77e48f06-15bc-ca32-bf37-363c714649d6-f1ee1e3f {
    grid-column: span 2 / span 2;
  }

  #w-node-_77e48f06-15bc-ca32-bf37-363c714649df-f1ee1e3f {
    grid-area: 2 / 3 / 3 / 5;
  }

  #w-node-_77e48f06-15bc-ca32-bf37-363c714649e8-f1ee1e3f {
    grid-column: 5 / 7;
    grid-row-start: 2;
  }

  #w-node-_77e48f06-15bc-ca32-bf37-363c714649f1-f1ee1e3f {
    grid-column: 1 / 3;
  }

  #w-node-_77e48f06-15bc-ca32-bf37-363c714649fa-f1ee1e3f {
    grid-column: span 2 / span 2;
  }

  #w-node-_77e48f06-15bc-ca32-bf37-363c71464a03-f1ee1e3f,
  #w-node-_77e48f06-15bc-ca32-bf37-363c71464a0c-f1ee1e3f {
    grid-column: span 3 / span 3;
  }

  #w-node-_77e48f06-15bc-ca32-bf37-363c71464a16-f1ee1e3f {
    grid-column: span 2 / span 2;
  }

  #w-node-_77e48f06-15bc-ca32-bf37-363c71464a1b-f1ee1e3f {
    grid-column: 3 / 5;
    grid-row-end: 2;
  }

  #w-node-_77e48f06-15bc-ca32-bf37-363c71464a25-f1ee1e3f {
    grid-row-start: 2;
    grid-column-end: 5;
  }

  #w-node-_77e48f06-15bc-ca32-bf37-363c71464a2e-f1ee1e3f {
    grid-column: 5 / 7;
  }

  #w-node-_77e48f06-15bc-ca32-bf37-363c71464a37-f1ee1e3f {
    grid-column-end: 3;
  }

  #w-node-_77e48f06-15bc-ca32-bf37-363c71464a40-f1ee1e3f {
    grid-column: span 2 / span 2;
  }

  #w-node-_77e48f06-15bc-ca32-bf37-363c71464a49-f1ee1e3f,
  #w-node-_77e48f06-15bc-ca32-bf37-363c71464a52-f1ee1e3f {
    grid-column: span 3 / span 3;
  }

  #w-node-_9cc7a9cd-febb-04a4-afeb-f929137aa43d-31539e9c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_878027ab-b8e7-5c1e-f663-d078b077b5ae-31539e9c {
    grid-area: span 1 / span 4 / span 1 / span 4;
    justify-self: start;
  }

  #w-node-_878027ab-b8e7-5c1e-f663-d078b077b5b1-31539e9c,
  #w-node-_878027ab-b8e7-5c1e-f663-d078b077b5b4-31539e9c {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_878027ab-b8e7-5c1e-f663-d078b077b5b8-31539e9c {
    grid-area: span 1 / span 4 / span 1 / span 4;
    justify-self: start;
  }

  #w-node-ff19dc53-58db-8bb1-833d-89cd3d37eac9-f805a2f2,
  #w-node-fa5c0267-28dc-84d0-fd20-d8aaabef3876-ada8b469 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4e15d97f-3d9d-934e-be1c-3d47d94371a5-464fedf2 {
    order: 0;
  }

  #w-node-_90cb4647-2eb6-4e1f-b9d5-027c7aebf99b-e4079246 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_90cb4647-2eb6-4e1f-b9d5-027c7aebf9e8-e4079246 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    justify-self: start;
  }

  #w-node-_90cb4647-2eb6-4e1f-b9d5-027c7aebf9eb-e4079246,
  #w-node-_90cb4647-2eb6-4e1f-b9d5-027c7aebf9ee-e4079246 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_90cb4647-2eb6-4e1f-b9d5-027c7aebf9f2-e4079246 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_53388b5a-d698-403f-cfca-a4167df7afd1-e4079246 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: start;
  }

  #w-node-_53388b5a-d698-403f-cfca-a4167df7afd4-e4079246,
  #w-node-_53388b5a-d698-403f-cfca-a4167df7afd8-e4079246 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_53388b5a-d698-403f-cfca-a4167df7afdf-e4079246 {
    grid-area: span 1 / span 6 / span 1 / span 6;
    justify-self: start;
  }

  #w-node-b45bf659-1e5f-bd5f-364b-931b112f16a8-6041ad69,
  #w-node-_47c71889-bec6-36b5-2ff1-7d65b7f112bc-4bddcc9b,
  #w-node-_71adea21-d994-ed01-f17f-228cff09f184-4bddcc9b,
  #w-node-_1ad80e01-74d0-b7f1-8ae9-98cc9d8c7cb4-94c010d6 {
    grid-column: span 1 / span 1;
  }

  #w-node-ed019222-3777-29c1-4ca8-3d1845aff528-408f6b17 {
    grid-column: span 3 / span 3;
  }

  #w-node-fdf42b69-c3da-c5be-37c2-02600356b9bd-dfb22c24 {
    align-self: center;
  }

  #w-node-_980127df-52ab-7aae-a6a0-25e72646b0bb-4222d778 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_38681137-d3e1-2b26-aba9-7a985f78001c-4222d778 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_861aa3f0-2494-48fb-1faf-84f004126165-4222d778 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-b9d3cedd-d0d0-f50e-a09f-0c85c5d6132a-4222d778 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b9d3cedd-d0d0-f50e-a09f-0c85c5d61346-4222d778 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_90cb4647-2eb6-4e1f-b9d5-027c7aebf99b-e12d39f4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_90cb4647-2eb6-4e1f-b9d5-027c7aebf9e8-e12d39f4 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    justify-self: start;
  }

  #w-node-_90cb4647-2eb6-4e1f-b9d5-027c7aebf9eb-e12d39f4,
  #w-node-_90cb4647-2eb6-4e1f-b9d5-027c7aebf9ee-e12d39f4 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_90cb4647-2eb6-4e1f-b9d5-027c7aebf9f2-e12d39f4 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_53388b5a-d698-403f-cfca-a4167df7afd1-e12d39f4 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    justify-self: start;
  }

  #w-node-_53388b5a-d698-403f-cfca-a4167df7afd4-e12d39f4,
  #w-node-_53388b5a-d698-403f-cfca-a4167df7afd8-e12d39f4 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_53388b5a-d698-403f-cfca-a4167df7afdf-e12d39f4 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    justify-self: start;
  }
}

@media screen and (max-width: 767px) {
  #hp_color1.w-node-bf217c07-f9d0-4a04-425f-b2f957b68d67-87cfe4c9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_859c0125-3838-7c01-566e-3fce093cc568-87cfe4c9 {
    grid-column: span 2 / span 2;
  }

  #w-node-_38bbc758-6cc6-08e0-2132-17f942f2c551-87cfe4c9 {
    grid-area: 3 / 1 / 5 / 2;
  }

  #w-node-_8787ecf3-71dc-3a19-7ebf-23baad8c911f-87cfe4c9 {
    grid-area: 3 / 2 / 5 / 3;
  }

  #w-node-f192904c-9ed1-fbdf-7d4e-bb7ddac0b655-87cfe4c9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2f64549b-fa04-8451-9929-2f24440687ef-87cfe4c9 {
    grid-column: span 1 / span 1;
  }

  #w-node-_1715287a-bbf2-3149-caa9-02d5a525aa52-87cfe4c9 {
    grid-column: span 2 / span 2;
  }

  #w-node-_1715287a-bbf2-3149-caa9-02d5a525aa57-87cfe4c9,
  #w-node-_1715287a-bbf2-3149-caa9-02d5a525aa61-87cfe4c9,
  #w-node-_1715287a-bbf2-3149-caa9-02d5a525aa6a-87cfe4c9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1715287a-bbf2-3149-caa9-02d5a525aa85-87cfe4c9 {
    grid-column: span 1 / span 1;
  }

  #w-node-_3305d5be-4877-2b57-f12c-04aaee473de6-87cfe4c9 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_3305d5be-4877-2b57-f12c-04aaee473de9-87cfe4c9 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_66d86d36-1fef-9794-a111-8b4f31bb3d46-87cfe4c9 {
    grid-area: 2 / 3 / 3 / 4;
  }

  #w-node-f922e22a-000c-1ebc-5227-3c90c759ff0c-c759ff0b {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_77e48f06-15bc-ca32-bf37-363c714649d1-f1ee1e3f {
    grid-column: span 2 / span 2;
  }

  #w-node-_77e48f06-15bc-ca32-bf37-363c714649d6-f1ee1e3f {
    grid-column: span 1 / span 1;
  }

  #w-node-_77e48f06-15bc-ca32-bf37-363c714649df-f1ee1e3f {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-_77e48f06-15bc-ca32-bf37-363c714649e8-f1ee1e3f {
    grid-column: 1 / 2;
  }

  #w-node-_77e48f06-15bc-ca32-bf37-363c714649f1-f1ee1e3f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_77e48f06-15bc-ca32-bf37-363c714649fa-f1ee1e3f,
  #w-node-_77e48f06-15bc-ca32-bf37-363c71464a03-f1ee1e3f {
    grid-column: span 1 / span 1;
  }

  #w-node-_77e48f06-15bc-ca32-bf37-363c71464a0c-f1ee1e3f,
  #w-node-_77e48f06-15bc-ca32-bf37-363c71464a16-f1ee1e3f {
    grid-column: span 2 / span 2;
  }

  #w-node-_77e48f06-15bc-ca32-bf37-363c71464a1b-f1ee1e3f,
  #w-node-_77e48f06-15bc-ca32-bf37-363c71464a25-f1ee1e3f,
  #w-node-_77e48f06-15bc-ca32-bf37-363c71464a2e-f1ee1e3f,
  #w-node-_77e48f06-15bc-ca32-bf37-363c71464a37-f1ee1e3f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_77e48f06-15bc-ca32-bf37-363c71464a40-f1ee1e3f,
  #w-node-_77e48f06-15bc-ca32-bf37-363c71464a49-f1ee1e3f {
    grid-column: span 1 / span 1;
  }

  #w-node-_77e48f06-15bc-ca32-bf37-363c71464a52-f1ee1e3f {
    grid-column: span 2 / span 2;
  }

  #w-node-a005d3fd-86ae-e189-9b85-bfe50c7e4fa5-243210f7,
  #w-node-a005d3fd-86ae-e189-9b85-bfe50c7e4fb9-243210f7,
  #w-node-a005d3fd-86ae-e189-9b85-bfe50c7e4fd6-243210f7 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-a005d3fd-86ae-e189-9b85-bfe50c7e4ffc-243210f7 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_53388b5a-d698-403f-cfca-a4167df7afd1-e4079246,
  #w-node-_53388b5a-d698-403f-cfca-a4167df7afdf-e4079246 {
    grid-column: span 4 / span 4;
  }

  #w-node-ec509adf-56da-509f-0e73-9ca29bf25fc3-4bddcc9b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c4f01c6f-9a77-5c50-bbec-08938e8bdff8-bdf29d01,
  #w-node-_9c413a06-cd2e-e2dc-8f54-275682033ace-bdf29d01,
  #w-node-bcd44179-0398-eab8-bba7-37175270d5c1-bdf29d01,
  #w-node-_82b905e1-b8cd-d4f3-fcb5-3c059e949534-bdf29d01,
  #w-node-_8600f499-ec58-68ae-f325-73fa9598f478-bdf29d01,
  #w-node-bb02955b-df9c-53f2-85b9-b8344f13d480-f9257144,
  #w-node-bb02955b-df9c-53f2-85b9-b8344f13d49b-f9257144,
  #w-node-_98303df2-1772-d4cd-e373-ba50ddbfe110-f9257144,
  #w-node-d9b6c52e-4527-20df-71c2-f98912898669-f9257144 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {

  #w-node-d9f2b67b-52c2-a8d6-cfe4-90503a565214-87cfe4c9,
  #w-node-_3305d5be-4877-2b57-f12c-04aaee473de6-87cfe4c9 {
    justify-self: start;
  }

  #w-node-f922e22a-000c-1ebc-5227-3c90c759ff0c-c759ff0b {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_9cc7a9cd-febb-04a4-afeb-f929137aa41f-31539e9c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_878027ab-b8e7-5c1e-f663-d078b077b5ae-31539e9c {
    justify-self: start;
  }

  #field-7.w-node-c3a2b424-781b-939f-d944-1d037a921120-f805a2f2,
  #field-7.w-node-ebaac8e7-30b3-a1e6-ea66-306657e3dc87-f805a2f2 {
    grid-column: 2 / 3;
  }

  #w-node-a005d3fd-86ae-e189-9b85-bfe50c7e4fa5-243210f7 {
    grid-column: span 2 / span 2;
    justify-self: start;
  }

  #w-node-a005d3fd-86ae-e189-9b85-bfe50c7e4fa8-243210f7,
  #w-node-a005d3fd-86ae-e189-9b85-bfe50c7e4fad-243210f7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a005d3fd-86ae-e189-9b85-bfe50c7e4fb9-243210f7,
  #w-node-a005d3fd-86ae-e189-9b85-bfe50c7e4fd6-243210f7 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-a005d3fd-86ae-e189-9b85-bfe50c7e4ffc-243210f7 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_90cb4647-2eb6-4e1f-b9d5-027c7aebf9e8-e4079246,
  #w-node-_53388b5a-d698-403f-cfca-a4167df7afd1-e4079246 {
    justify-self: start;
  }

  #w-node-_53388b5a-d698-403f-cfca-a4167df7afdf-e4079246 {
    justify-self: center;
  }

  #w-node-_662f330a-1f4a-b8f9-8f39-3d4191bc2a06-6041ad69,
  #w-node-_57de76c1-ed9b-ce27-4427-51de8b081548-fbf57e90,
  #w-node-_3a7643e0-716c-c102-deb7-346f2dd8da02-408f6b17,
  #w-node-_6c891adf-2c53-d047-5b03-b0cddb2f0ed2-5c359781 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_90cb4647-2eb6-4e1f-b9d5-027c7aebf9e8-e12d39f4,
  #w-node-_53388b5a-d698-403f-cfca-a4167df7afd1-e12d39f4 {
    justify-self: start;
  }

  #w-node-_6c891adf-2c53-d047-5b03-b0cddb2f0ed2-da83d73e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}