.feature-highlight {
    margin: 54px 0;
}

/* Container Row */
.feature-highlight__row {
    gap: clamp(24px, 4vw, 80px);
    margin-inline: auto;
    padding: 86px 141px 91px 80px;
    background-color: var(--color-light-blue);
    border-radius: 17px;
    max-width: 1036px;
    width: 100%;
}

.feature-highlight__button .btn {
    width: 100%;
    text-align: center;
}

/* Image Column */
.feature-highlight__col--image {
    max-width: 400px;
    width: 100%;
}

.feature-highlight__image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Content Column */
.feature-highlight__col--content {
    display: flex;
    align-items: center;
}

.feature-highlight__content {
    max-width: 520px;
}

.feature-highlight__text p:first-child {
    margin-bottom: 55px;
}

.feature-highlight__text ul {
    margin: 0 0 63px 0;
}

.feature-highlight__text li:not(:last-child) {
    margin-bottom: 15px;
}

.feature-highlight__text li::before {
    background-size: 20px;
}

.feature-highlight__text li {
    font-size: 14px;
}

/* Typography */
.feature-highlight__title {
    font-size: var(--font-size-24);
    line-height: 1.2;
    margin-bottom: 16px;
}

.feature-highlight__text {
    margin-bottom: 24px;
}

/* Button */
.feature-highlight__button .btn {
    display: inline-block;
    font-family: var(--font-Gotham);
}

@media screen and (max-width:1200px) {
    .feature-highlight__row {
        padding: 70px 110px 70px 80px;
    }

    .feature-highlight__text p:first-child {
        margin-bottom: 45px;
    }

    .feature-highlight__text ul {
        margin: 0 0 50px 0;
    }
}

@media screen and (max-width:991px) {
    .feature-highlight__row {
        padding: 50px 80px 50px 60px;
    }

    .feature-highlight__col--image {
        max-width: 290px;
    }

    .feature-highlight__text ul {
        margin: 0 0 40px 0;
    }

    .feature-highlight__text p:first-child {
        margin-bottom: 35px;
    }

    .feature-highlight__text li:not(:last-child) {
        margin-bottom: 12px;
    }
}

@media screen and (max-width:767px) {
    .feature-highlight__row {
        padding: 40px 30px;
    }

    .feature-highlight__col--image {
        max-width: 250px;
    }

    .feature-highlight__text p:first-child {
        margin-bottom: 25px;
    }

    .feature-highlight__text ul {
        margin: 0 0 30px 0;
    }

    .feature-highlight__text li::before {
        background-size: contain;
    }
}

@media screen and (max-width:640px) {
    .feature-highlight__row {
        padding: 40px 30px 70px 30px;
    }

    .feature-highlight__col--image {
        max-width: 250px;
        margin-inline: auto;
    }

    .feature-highlight__title br {
        display: none;
    }

    .feature-highlight__button {
        text-align: center;
    }

    .feature-highlight__button .btn {
        max-width: 229px;
        padding: 10px 15px;
    }

}