:root {
  --color-primary: #0D2342;
  --color-gray-150: #f4f4f4;
}

.info-sup {
    padding: 26px;

    background-color: var(--color-gray-150);
}

.info-sup.info-sup--watermark {
    position: relative;
    padding-left: 112px;
}

@media screen and (max-width: 620px) {
    .info-sup.info-sup--watermark {
        padding-left: 26px;
        padding-top: 64px;
    }
}

.info-sup__waterwark {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;

    width: 112px;
    height: 188px;

    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 620px) {
    .info-sup__waterwark {
        opacity: 0.45;
    }
}

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

.info-sup__waterwark.watermark--icons-casa1 {
    background-image: url('watermark-1.svg');
}

.info-sup__waterwark.watermark--icons-casa2 {
    background-image: url('watermark-2.svg');
}

.info-sup__waterwark.watermark--icons-casa3 {
    background-image: url('watermark-3.svg');
}

.info-sup h3 {
    border-bottom: 1px solid var(--color-primary);
    padding-bottom: 10px;
}