.h1 {
    font-size: 32px;
    line-height: 40px;
}

.h2 {
    font-size: 28px;
    line-height: 36px;
}

.h3 {
    font-size: 24px;
    line-height: 36px;
}

.h4 {
    font-size: 16px;
    line-height: 26px;
}

.h1 {
    font-size: 32px;
    line-height: 40px;
}

.h2 {
    font-size: 28px;
    line-height: 36px;
}

.h3 {
    font-size: 24px;
    line-height: 36px;
}

.h4 {
    font-size: 16px;
    line-height: 26px;
}

.text-content {
    font-family: "SF Pro Display" !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 26px !important;
    color: #1E2832 !important;
    margin-bottom: 18px !important;
}

.ul-list {
    margin: 12px 0 !important;
    padding: 0 !important;
    list-style: none !important;
    color: #1E2832 !important;
}

.ul-list li {
    list-style: disc !important;
    padding: 8px 0 !important;
    margin-left: 16px !important;
    line-height: 26px !important;
}

.first-screen__bg--mob picture {
    width: 100%;
    height: 100%;
    display: block;
}
@media (max-width: 1200px) {
    .first-screen__wrapper .first-screen__bg--mob img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
}

/* The legacy .gi_mural layout is loaded after the new catalog bundle. */
.gi_mural.o-catalog__items {
    display: grid;
}

/* The legacy homepage wrapper also overrides the new grid with flex. */
.index__services-wrapper.o-service__items {
    display: grid;
    margin: 0;
}

.index__services-wrapper.o-service__items > .index__service.o-service__item {
    box-sizing: border-box;
    width: auto;
    margin: 0;
    padding: 40px 47px;
}

@media (max-width: 1200px) {
    .index__services-wrapper.o-service__items > .index__service.o-service__item {
        padding: 40px 18px;
    }
}

@media (max-width: 1024px) {
    .index__services-wrapper.o-service__items > .index__service.o-service__item {
        min-height: 342px;
    }
}

@media (max-width: 768px) {
    .index__services-wrapper.o-service__items > .index__service.o-service__item {
        min-height: 302px;
    }
}

@media (max-width: 601px) {
    .index__services-wrapper.o-service__items > .index__service.o-service__item {
        min-height: 338px;
        padding: 40px 18px !important;
    }
}

@media (max-width: 450px) {
    .index__services-wrapper.o-service__items > .index__service.o-service__item {
        min-height: auto;
        padding: 40px 32px !important;
    }
}