.height-100pr,
.yorum-page-detail .flip-card--color-yorum .flip-card__bg {
    height: 100%
}

.howto-trowas__img,
.txt-center {
    text-align: center
}

@media (max-width:576px) {
    .howto-trowas {
        min-height: 1000px
    }
}

.d-none {
    display   : none;
    visibility: hidden;
    opacity   : 0
}

.product__other__wrapper {
    align-items: start
}

.product__features__wrapper table {
    border-collapse: collapse;
    width          : 100%;
    border-radius  : 20px;
    overflow       : hidden
}

.product__features__wrapper th {
    background-color: var(--c-primary);
    color           : #fff;
    padding         : 20px;
    text-align      : center
}

.product__features__wrapper td {
    padding: 20px
}

.product__features__wrapper tr:nth-child(2n) td {
    background-color: #f2f2f2
}

.product__features__wrapper tr:nth-child(odd) td,
.with-bg.with-menu:not(.darkmode) .header {
    background-color: #fff
}

.product__features__wrapper tr {
    border-bottom: 1px solid #000
}

.product__features__wrapper tbody tr:last-child {
    border-bottom: none
}

.product__features__wrapper .border {
    width        : 100%;
    border       : 1px solid;
    border-radius: 20px
}

.icon-font-x {
    width : 5em;
    height: 5em
}

.icon-font-x svg {
    fill: #fff
}

.row {
    display: flex;
    gap    : 1rem
}

.col-10 {
    width: 83.33%
}

.col-2 {
    width: 16.66%
}

.yorum-page .accordion-content {
    height: unset
}

.yorum-page .accordion-header {
    padding-left: 40px
}

.yorum-page .accordion-header__title {
    font-weight: 700;
    font-size  : 24px
}

.page_links {
    margin-top: 50px;
    gap       : 10px
}

.icon_reverse {
    transform: scaleX(-1)
}

.no-border {
    border: unset
}

@media (min-width:993px) {
    .mobile-menu {
        display  : block !important;
        max-width: 600px
    }

    .header__mobile-button {
        display: block
    }

    .mobile-menu__top {
        display: none
    }

    .mobile-menu__wrapper {
        padding-left: 50px
    }
}

.flip-card--color-yorum .flip-card__bg {
    height: 360px
}

.no-flip-card.flip-card:hover .flip-card__inner {
    transform        : unset;
    -webkit-transform: unset
}

.stand-page .flip-card:hover .flip-card__inner {
    -webkit-transform: unset;
    transform        : unset
}

.stand-page .flip-card__inner img {
    object-fit: contain
}

.product__right__button__input input {
    width: 40px
}

@media (max-width:770px) {

    .circle+img,
    img.w90 {
        width: 90%
    }

    .detail-products__wrapper .card-trowas__item {
        width       : 50%;
        margin-right: 0;
        margin-top  : 40px;
        height      : 100%;
        padding     : .3rem
    }

    .flip-card--color-yorum .flip-card__bg,
    .flip-card__inner {
        min-height: 150px !important
    }

    .detail-products__wrapper .card-trowas__item:nth-child(2) {
        margin-top: 0
    }
}

.referance__logos {
    width: 100%
}

.header__menu__item {
    font-size: 1.1rem
}

@media (max-width:1200px) {
    .header__menu__item {
        font-size: .9rem
    }
}

.header__mobile-button {
    cursor: pointer
}

input.productNumberCorporate {
    width         : 5rem !important;
    pointer-events: all;
    border        : 1px solid;
    margin-right  : .5rem;
    padding       : 0 .5rem
}

.howto-trowas__right ul>li {
    text-align : left;
    color      : #fff;
    font-weight: 400;
    font-size  : 18px;
    line-height: 28px;
    margin-top : 1.5rem
}

.howto-trowas__right h2,
.sustainable__content h2 {
    font-size  : 48px;
    color      : #fff;
    font-weight: 300
}

.howto-trowas__right p,
.sustainable__content p {
    font-weight  : 400;
    margin-bottom: 30px;
    margin-top   : 50px;
    font-size    : 22px;
    color        : #fff
}

.howto-trowas__right::before {
    width : 1220px !important;
    height: 1220px !important;
    right : -600px !important
}

@media (max-width:768px) {
    .howto-trowas {
        min-height: 1150px
    }

    .howto-trowas__img img {
        width  : 100%;
        display: none !important
    }
}

.popup-bookmark {
    right: unset;
    left : 20px
}

.detail-page .detail-top__right.page-bottom {
    display: none;
}

.product-detail-page-x {
    padding-top: 250px;
}

.product-detail-page {
    padding-top: 250px;
}



.product-detail-page .container .detail-top__content {
    padding: 0;
}

.product-detail-page .container .detail-top__right {
    padding: 0;
}

.product-detail-page .container .detail-top__right .circle {
    display: none;
}

.product-detail-page .product {
    padding-top: 20px;
}

@media (max-width:768px) {
    .yorum-page .flip-card--image {
        max-height: 300px !important;
    }

    .yorum-page .detail-products__wrapper .card-trowas__item {
        margin: 0 !important;
    }

    .detail-page .detail-top__right.page-bottom {
        display: block;
        padding: 0;


    }

    .detail-page .detail-top__right.page-bottom a {

        margin: 0;

    }

    .detail-page .detail-top__right.page-top {
        display: none;
    }

    .yorum-page .detail-products {
        padding-top: 0 !important;
    }

    .product-detail-page .detail-top__right.page-top {
        display: unset;
    }
}

.custom-w-75px {
    width: 75px;
}

.app-logo {
    margin-top: 2rem;
}

.app-logo img,
.app-logo a {
    max-width: 150px;
}

.qr-page .detail-top__img__big {
    margin: auto !important;
}

.qr-page .product__features--form {
    padding: 0 !important;
}


.howto-trowas__right::before {
    height: 1350px !important;
}

@media (max-width: 1200px) {
    .qr-page .detail-top__right {
        margin : 0 !important;
        padding: 0 !important;
    }


}

.howto-trowas__right {
    max-width: 540px;
}

@media (max-width: 576px) {
    .product-detail-page-x {
        padding-top: 200px;
    }

    .product-detail-page {
        padding-top: 200px;
    }

    .howto-trowas__right {
        margin-bottom: 420px;
    }
}

.howto-trowas__img img {
    width: 100% !important;
}

.why-trowas__item .icon {
    display        : -webkit-box;
    display        : -ms-flexbox;
    display        : flex;
    -webkit-box-align    : center;
        -ms-flex-align    : center;
            align-items    : center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.why-trowas__item .icon img {
    width : 100%;
    height: 100%;
}

.why-trowas .section-top {
    margin-bottom: 0;
}

.mobil-app-page .about-values__items {
 gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.mobil-app-page .about-values__items .about-values__item {
    width        : calc(30% - 20px);
    margin       : 0;
    margin-bottom: 5rem;
}

.mobil-app-page .about-values__items .about-values__item .in_layerx {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}
.mobil-app-page .about-values__items .about-values__item .in_layerx .about-values__item--icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 992px) {
    .mobil-app-page .about-values__items .about-values__item {
        width: calc(45% - 20px);
    }
}
@media (max-width: 769px) and (min-width: 577px) {
    .mobil-app-page .about-values__items .about-values__item img {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .mobil-app-page .about-values__items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .mobil-app-page .about-values__items .about-values__item {
        width: 100% ;
    }
}
@media (max-width: 576px) {
  .credit-card-wrapper, .sustainable__bottom__img {
    height: unset !important;
  }
}

.flex-colm-custom{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5rem;
}
.corporate-order__slider__item {
    overflow-y: hidden !important
}

.rewards_area{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
gap:1rem;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}