/* SADAD POS TAB — scoped overrides only. Do not change Edge classes globally. */

/**POS TAB CSS START**/
.page-pos-tab .edge-hero-image {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  max-width: 48%;
}

.page-pos-tab .edge-hero-image img {
  height: 100%;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: bottom center;
}

.page-pos-tab .self-service-wrapper .selef-ser-box {
  flex: 1 1 0;
  min-width: 0;
}

.page-pos-tab .self-service-wrapper .self-ser-figure img {
  width: 100%;
  height: 540px;
  object-fit: fill;
  object-position: center;
}

.page-pos-tab .choose-edge-box {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.page-pos-tab .choose-edge-figure img,
.page-pos-tab .choose-edge-figure video {
  width: 100%;
  height: auto;
  display: block;
}

.page-pos-tab .self-ser-figure img,
.page-pos-tab .business-h-figure img,
.page-pos-tab .custom-card-img {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
}

.page-pos-tab .divers-envi-figure img{
  width: 100%;
  height: 500px;
  max-width: 100%;
  display: block;
}

.page-pos-tab .divers-envi-content {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 14px 0px;
}

.page-pos-tab .business-h-figure img {
  border-radius: 15px;
}

.page-pos-tab .qatar-bus-title,
.page-pos-tab .qatar-bus-contente {
  position: relative;
  z-index: 2;
}

.page-pos-tab .business-qat-device {
  z-index: 1;
  pointer-events: none;
}

.page-pos-tab .business-qat-device img {
  width: auto;
  height: 400px;
  max-width: 460px;
  display: block;
  object-fit: contain;
}
/**POS TAB CSS END**/

/**POS TAB RESPONSIVE CSS START**/
@media (max-width: 1299.98px) {
  .page-pos-tab .business-qat-device img {
    height: 320px;
    max-width: 340px;
  }
}

@media (max-width: 991.98px) {
  .page-pos-tab .choose-edge-box {
    grid-template-columns: 1fr;
  }

  .page-pos-tab .edge-hero-image {
    max-width: 100%;
    height: auto;
    position: relative;
    right: auto;
    top: auto;
    bottom: auto;
  }

  .page-pos-tab .edge-hero-image img {
    height: auto;
    width: 100%;
  }

  .page-pos-tab .business-qat-device img {
    height: auto;
    width: auto;
    max-width: 280px;
    margin: 0 auto;
  }

  .page-pos-tab .self-service-wrapper .selef-ser-box {
    flex: none;
  }

  .page-pos-tab .self-service-wrapper .self-ser-figure img {
    height: auto;
  }
}
/**POS TAB RESPONSIVE CSS END**/

/**POS TAB ARABIC CSS START**/
html[dir="rtl"] .page-pos-tab .edge-hero-image {
  justify-content: flex-start;
}

html[dir="rtl"] .page-pos-tab .edge-hero-image img {
  object-position: bottom center;
}
/**POS TAB ARABIC CSS END**/

/**POS TAB ARABIC RESPONSIVE CSS START**/
@media (min-width: 992px) {
  html[dir="rtl"] .page-pos-tab .self-service-wrapper {
    flex-direction: row-reverse;
  }
}
/**POS TAB ARABIC RESPONSIVE CSS END**/

/** JVB **/
@media (max-width: 992px) {
.page-pos-tab .business-happen-section .business-h-figure{
    width: auto !important;
    height: auto !important;
}
}
.page-pos-tab .divers-envi-figure{
  height: auto !important;
}

.page-pos-tab .self-ser-figure{
  height: auto !important;
}

/* JVB */

@media (min-width: 992px) {
    .page-pos-tab .edge-hero-image {
        right: -5px;
        position: absolute;
        top: 0;
        bottom: 0;
    }
    .page-pos-tab .qatar-bus-title h1{
          max-width: 655px !important;
    }
    html[dir="rtl"] .page-pos-tab .divers-envi-figure{
      width: max-content !important;
      height: auto !important;
    }

    .page-pos-tab .what-come-item {
        justify-content: space-around !important;
        
    }
    

}