/*
|--------------------------------------------------------------------------
| Bali Indo Tour
| Homepage Trust
|--------------------------------------------------------------------------
*/


/*
|--------------------------------------------------------------------------
| Trust
|--------------------------------------------------------------------------
*/

.home-trust {

    position: relative;

    z-index: 5;

    margin-top: -1.5rem;

    margin-bottom: 1rem;

}


/*
|--------------------------------------------------------------------------
| Trust Grid
|--------------------------------------------------------------------------
*/

.home-trust-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    overflow: hidden;

    background: rgba(255, 255, 255, .10);

    border: 1px solid rgba(255, 255, 255, .20);

    border-radius: var(--radius-lg);

    box-shadow:
        0 12px 30px rgba(15, 23, 42, .16),
        inset 0 1px 0 rgba(255, 255, 255, .16);

    backdrop-filter: blur(16px);

    -webkit-backdrop-filter: blur(16px);

}


/*
|--------------------------------------------------------------------------
| Trust Item
|--------------------------------------------------------------------------
*/

.home-trust-item {

    display: flex;

    align-items: center;

    gap: var(--space-md);

    min-height: 78px;

    padding: var(--space-md) var(--space-lg);

    color: var(--white);

    background: rgba(255, 255, 255, .025);

}


/*
|--------------------------------------------------------------------------
| Item Divider
|--------------------------------------------------------------------------
*/

.home-trust-item+.home-trust-item {

    border-left: 1px solid rgba(255, 255, 255, .12);

}


/*
|--------------------------------------------------------------------------
| Trust Icon
|--------------------------------------------------------------------------
*/

.home-trust-icon {

    width: 38px;

    height: 38px;

    flex: 0 0 38px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--white);

    background: var(--secondary);

    border: 1px solid rgba(255, 255, 255, .14);

    border-radius: 50%;

    font-size: var(--font-sm);

    box-shadow:
        0 4px 12px rgba(15, 23, 42, .12),
        inset 0 1px 0 rgba(255, 255, 255, .20);

}


/*
|--------------------------------------------------------------------------
| Trust Content
|--------------------------------------------------------------------------
*/

.home-trust-item strong {

    display: block;

    margin-bottom: 2px;

    color: var(--white);

    font-size: var(--font-xs);

    font-weight: var(--fw-bold);

    line-height: var(--lh-sm);

}


.home-trust-item span {

    display: block;

    color: rgba(255, 255, 255, .65);

    font-size: .6875rem;

    font-weight: var(--fw-normal);

    line-height: var(--lh-sm);

}


/*
|--------------------------------------------------------------------------
| Trust Hover
|--------------------------------------------------------------------------
*/

.home-trust-item {

    transition: var(--transition);

}

.home-trust-item:hover {

    background: rgba(255, 255, 255, .06);

}


/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 991.98px) {

    .home-trust {

        margin-top: -1.25rem;

    }

    .home-trust-grid {

        grid-template-columns: repeat(2, 1fr);

    }

    .home-trust-item {

        min-height: 72px;

    }

    .home-trust-item:nth-child(3) {

        border-left: 0;

        border-top: 1px solid rgba(255, 255, 255, .12);

    }

    .home-trust-item:nth-child(4) {

        border-top: 1px solid rgba(255, 255, 255, .12);

    }

}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 767.98px) {

    .home-trust {

        margin-top: -1rem;

    }

    .home-trust-grid {

        grid-template-columns: 1fr;

        border-radius: var(--radius);

    }

    .home-trust-item {

        min-height: 64px;

        padding: var(--space-sm) var(--space-md);

    }

    .home-trust-item+.home-trust-item {

        border-left: 0;

        border-top: 1px solid rgba(255, 255, 255, .12);

    }

    .home-trust-icon {

        width: 36px;

        height: 36px;

        flex-basis: 36px;

    }

}