@use '../utils' as *;

/*----------------------------------------*/
/* clients css
/*----------------------------------------*/
.clients-glow {
    position: absolute;
    top: 0;
    left: -154;
    z-index: -1;
    background: rgba(100, 20, 138, 0.6);
    filter: blur(430px);
}
.clients-coin-wrapper {
    width: 374px;
    height: 283px;
    position: relative;
    margin: 0 auto;
    @media #{$xxs} {
        width: 100%;
    }
    .group-coins {
        .coin-one {
            position: absolute;
            top: 0;
            inset-inline-start: 0;
            filter: drop-shadow(0px 4px 144px rgba($white, $alpha: 0.25));
        }
        .coin-two {
            position: absolute;
            inset-inline-end: 0;
            filter: drop-shadow(0px 4px 144px rgba($white, $alpha: 0.25));
            @media #{$xs} {
                max-width: 100px;
            }
        }
        .coin-three {
            position: absolute;
            inset-inline-start: 0;
            bottom: 0;
            filter: drop-shadow(0px 4px 144px rgba($white, $alpha: 0.25));
            @media #{$xs} {
                max-width: 100px;
            }
        }
        .coin-four {
            position: absolute;
            inset-inline-end: 0;
            bottom: 0;
            filter: drop-shadow(0px 4px 144px rgba($white, $alpha: 0.25));
        }
    }
}
