.use-case-border {
    padding: 50px 0;
}

.use-case-border .use-border-head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding-bottom: 64px;
}

.use-case-border .use-border-head h1 {
    font-size: var(--fs-50);
    line-height: var(--lh-60);
    font-weight: var(--fw-500);
    color: var(--color-primary);
    margin: 0;
}

.use-case-border .use-border-head h2 {
    font-size: var(--fs-40);
    line-height: var(--lh-50);
    font-weight: var(--fw-500);
    color: var(--color-primary);
    margin: 0;
}

.use-case-border .use-border-head h3 {
    font-size: var(--fs-30);
    line-height: var(--lh-40);
    font-weight: var(--fw-500);
    color: var(--color-primary);
    margin: 0;
}

.use-case-border .use-border-head h4 {
    font-size: var(--fs-30);
    line-height: var(--lh-40);
    font-weight: var(--fw-500);
    color: var(--color-primary);
    margin: 0;
}

.use-case-border .use-border-head h5 {
    font-size: var(--fs-26);
    line-height: var(--lh-36);
    font-weight: var(--fw-500);
    color: var(--color-primary);
    margin: 0;
}

.use-case-border .use-border-head h6 {
    font-size: var(--fs-26);
    line-height: var(--lh-36);
    font-weight: var(--fw-500);
    color: var(--color-primary);
    margin: 0;
}

.use-case-border .use-border-head p {
    font-size: var(--fs-20);
    line-height: var(--lh-30);
    font-weight: var(--fw-400);
    color: var(--color-secondary);
    margin: 0;
}

.use-case-border .use-border-head p a {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: var(--color-ternary);
}

.use-case-border .item_header h2 {
    font-size: var(--fs-24);
    line-height: var(--lh-34);
    color: var(--color-white);
    font-weight: var(--fw-600);
    margin: 0;
    padding-bottom: 20px;
    border-bottom: 2px solid var(--color-white);
}

.use-case-border .border_item {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 30px;
    border: 8px solid #0d68b6;
    border-radius: 16px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.use-case-border .border-item-without-image {
    background: #084987;
    padding: 30px;
    border-radius: 16px;
    border: 8px solid #0d68b6;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* .use-case-border .border_item::after {
    position: absolute;
    content: "";
    top: 20px;
    left: -19px;
    width: 37px;
    background-size: contain;
    height: 38px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 42.77 52.97'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D .cls-2 %7B fill: %230d6dbc; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' x='16.65' y='4.04' width='9.68' height='38.29'/%3E%3Cpolygon class='cls-2' points='21.49 5.87 26.33 13.04 26.33 -.2 16.65 -.2 16.65 13.04 21.49 5.87'/%3E%3Cpolygon class='cls-2' points='.49 49.53 21.49 18.39 42.49 49.53 .49 49.53'/%3E%3Crect class='cls-2' x='16.65' y='47' width='9.68' height='5.85'/%3E%3C/svg%3E");
    transform: unset;
    background-repeat: no-repeat;
} */

.use-case-border .item_inner {
    position: relative;
    z-index: 2;
    padding: 20px;
}

.use-case-border .item_inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bg-secondary-blue);
    top: 0;
    opacity: 0.9;
    left: 0;
    z-index: -1;
}

.use-case-border .item_inner h1 {
    font-size: var(--fs-40);
    line-height: var(--lh-50);
    color: var(--color-white);
    font-weight: var(--fw-500);
    margin: 0;
    padding-bottom: 20px;
}

.use-case-border .item_inner h2 {
    font-size: var(--fs-32);
    line-height: var(--lh-42);
    color: var(--color-white);
    font-weight: var(--fw-500);
    margin: 0;
    padding-bottom: 20px;
}

.use-case-border .item_inner h3 {
    font-size: var(--fs-28);
    line-height: var(--lh-38);
    color: var(--color-white);
    font-weight: var(--fw-500);
    margin: 0;
    padding-bottom: 20px;
}

.use-case-border .item_inner h4 {
    font-size: var(--fs-28);
    line-height: var(--lh-38);
    color: var(--color-white);
    font-weight: var(--fw-500);
    margin: 0;
    padding-bottom: 20px;
}

.use-case-border .item_inner h5 {
    font-size: var(--fs-26);
    line-height: var(--lh-36);
    color: var(--color-white);
    font-weight: var(--fw-500);
    margin: 0;
    padding-bottom: 20px;
}

.use-case-border .item_inner h6 {
    font-size: var(--fs-26);
    line-height: var(--lh-36);
    color: var(--color-white);
    font-weight: var(--fw-500);
    margin: 0;
    padding-bottom: 20px;
}

.use-case-border .item_inner p {
    font-size: var(--fs-20);
    line-height: var(--lh-30);
    color: var(--color-white);
    font-weight: var(--fw-400);
    margin: 0;
    padding-bottom: 20px;
}

.use-case-border .item_inner p:last-child {
    padding-bottom: 0;
}

.use-case-border .item_inner p a {
    font-size: inherit;
    line-height: inherit;
    font-weight: var(--fw-700);
    color: inherit;
}

.use-case-border .item_inner ul li {
    font-size: var(--fs-18);
    line-height: var(--lh-28);
    color: var(--color-white);
    font-weight: var(--fw-400);
    margin: 0;
    padding-bottom: 20px;
}

.use-case-border .item_inner ol li {
    font-size: var(--fs-18);
    line-height: var(--lh-28);
    color: var(--color-white);
    font-weight: var(--fw-400);
    margin: 0;
    padding-bottom: 20px;
}

@media(max-width:1024px) {

    .use-case-border .item_header h2 {
        font-size: var(--fs-20);
        line-height: var(--lh-30);
    }

    .use-case-border .border_item {
        padding: 20px;
    }

    .use-case-border .border-item-without-image {
        padding: 15px;
    }

    .use-case-border .item_inner {
        padding: 10px;
    }
}

@media(max-width:767px) {

    .use-case-border .use-border-head {
        padding-bottom: 40px;
    }

    .use-case-border .use-border-head h1 {
        font-size: var(--fs-30);
        line-height: var(--lh-40);
    }

    .use-case-border .use-border-head h2 {
        font-size: var(--fs-24);
        line-height: var(--lh-34);
    }

    .use-case-border .use-border-head h3 {
        font-size: var(--fs-22);
        line-height: var(--lh-32);
    }

    .use-case-border .use-border-head h4 {
        font-size: var(--fs-22);
        line-height: var(--lh-32);
    }

    .use-case-border .use-border-head h5 {
        font-size: var(--fs-20);
        line-height: var(--lh-30);
    }

    .use-case-border .use-border-head h6 {
        font-size: var(--fs-20);
        line-height: var(--lh-30);
    }

    .use-case-border .use-border-head p {
        font-size: var(--fs-18);
        line-height: var(--lh-26);
    }

    .use-case-border .item_inner h1 {
        font-size: var(--fs-32);
        line-height: var(--lh-42);
    }

    .use-case-border .item_inner h2 {
        font-size: var(--fs-28);
        line-height: var(--lh-38);
    }

    .use-case-border .item_inner h3 {
        font-size: var(--fs-26);
        line-height: var(--lh-36);
    }

    .use-case-border .item_inner h4 {
        font-size: var(--fs-26);
        line-height: var(--lh-36);
    }

    .use-case-border .item_inner h5 {
        font-size: var(--fs-24);
        line-height: var(--lh-34);
    }

    .use-case-border .item_inner h6 {
        font-size: var(--fs-24);
        line-height: var(--lh-34);
    }

    .use-case-border .item_inner p {
        font-size: var(--fs-18);
        line-height: var(--lh-28);
    }

    .use-case-border .item_inner ul li {
        font-size: var(--fs-16);
        line-height: var(--lh-26);
    }

    .use-case-border .item_inner ol li {
        font-size: var(--fs-16);
        line-height: var(--lh-26);
    }
}