.trust-state {
    padding: var(--section-gap);
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    color: var(--medium-white);
}

.trust-state::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--dark-blue-bg);
    opacity: 0.9;
    z-index: -1;

}

.trust-state::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../../images/img/trust-bg.webp');
    background-size: cover;
    background-position: center;
    z-index: -2;
}

.trust-states-container {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    /* margin: 0 auto; */
    justify-content: space-between;
    gap: 20px;
}

.trust-state-item {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    /* flex: 1 1 200px; */
}

.trust-state-content {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.trust-state-content h1 {
    font-size: var(--small-head);
    font-weight: 600;
}

.trust-state-content p {
    font-size: var(--mini-text);
    color: var(--dark-white);
}

@media (max-width: 1000px) {
    .trust-states-container {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
        align-items: center;
    }

    .trust-state-item {
        width: 100%;
    }
}

@media (max-width: 576px) {

    /* .trust-states-container {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: var(--space-md);
    } */
    .trust-states-container img {
        width: 70%;
        height: auto;
        object-fit: cover;
    }

    .trust-state-item {
        width: 100%;
    }
    .trust-state::before{
        background-image: url('../../images/img/trust-bg-mobile.webp');
    }
}

@media (max-width: 400px) {
     .trust-states-container {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 20px;
        align-items: center;
    }
}