.prop-igs-grid-wrap {
  width: 100%;
  min-width: 0;
}

.prop-igs-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 15px;
  width: 100%;
  aspect-ratio: 1 / 1;
}

.prop-igs-card {
  width: 100%;
  aspect-ratio: 1 / 1;
  min-width: 0;
  min-height: 0;
  background-color: #858585;
  border-radius: 19px;
  overflow: hidden;
}

@media (max-width: 1380px) and (min-width: 901px) {
  .prop-igs-hero-row.prop-igs-hero-row.prop-igs-hero-row.prop-igs-hero-row > .e-con-inner {
    column-gap: min(100px, 6vw) !important;
  }
  .prop-igs-content.prop-igs-content.prop-igs-content.prop-igs-content {
    width: min(595px, 46vw) !important;
  }
  .prop-igs-grid-wrap.prop-igs-grid-wrap.prop-igs-grid-wrap.prop-igs-grid-wrap {
    width: min(596px, 44vw) !important;
  }
}

@media (max-width: 900px) {
  .prop-igs-hero-row.prop-igs-hero-row.prop-igs-hero-row.prop-igs-hero-row > .e-con-inner {
    flex-direction: column !important;
    align-items: center !important;
  }
  .prop-igs-content.prop-igs-content.prop-igs-content.prop-igs-content {
    width: 100% !important;
    max-width: 595px !important;
    text-align: left;
  }
  .prop-igs-grid-wrap.prop-igs-grid-wrap.prop-igs-grid-wrap.prop-igs-grid-wrap {
    width: 100% !important;
    max-width: 560px !important;
    margin-top: 40px;
  }
  .prop-igs-grid {
    gap: 12px;
  }
  .prop-igs-card {
    border-radius: 16px;
  }
}

@media (max-width: 480px) {
  .prop-igs-hero-row.prop-igs-hero-row.prop-igs-hero-row.prop-igs-hero-row {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .prop-igs-grid {
    gap: 10px;
  }
  .prop-igs-card {
    border-radius: 12px;
  }
}