/*
  Why Us Section
  --------------
*/
.highlights .highlight-box {
    padding: 30px;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    color: var(--light-color);
    background: var(--accent-color);
}

    .highlights .highlight-box .text-2 {
        color: var(--light-color);
        font-size: 34px;
        margin-bottom: 30px;
    }

    .highlights .highlight-box p {
        margin-bottom: 30px;
    }

.highlights .icon-box {
    background-color: var(--light-color);
    text-align: center;
    padding: 40px 30px;
    width: 100%;
    height: 100%;
    border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

    .highlights .icon-box i {
        color: var(--accent-color);
        font-size: 32px;
        margin-bottom: 30px;
        background: color-mix(in srgb, var(--accent-color), transparent 95%);
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 72px;
        height: 72px;
        transition: 0.3s;
    }

    .highlights .icon-box .text-5 {
        margin: 0 0 30px 0;
    }

    .highlights .icon-box .text-p {
        font-size: 15px;
        color: color-mix(in srgb, var(--default-color), transparent 30%);
    }

    .highlights .icon-box:hover i {
        color: var(--light-color);
        background: var(--accent-color);
    }