
@use '../utils' as *;

/*----------------------------------------*/
/* About style
/*----------------------------------------*/
.coinefy-about-thumb-wrap {
    position: relative;
    margin-inline-end: 60px;
    @media #{$xs,$sm,$md,$lg,$xl} {
        margin-inline-end: 0;
    }
    .card-text {
        p {
            position: absolute;
            left: 0;
            bottom: 40px;
            padding: 10px 20px;
            background: var(--td-primary);;
            color: var(--td-white);
            font-size: 22px;
            @media #{$xs,$sm,$md} {
                font-size: 18px;
            }
            @media #{$xxs} {
                font-size: 14px;
            }
        }
    }
    .shape-one {
        position: absolute;
        inset-inline-start: -24%;
        top: 0%;
        z-index: -1;
        filter: drop-shadow(0px 4px 144px rgba(255, 255, 255, 0.25));
    }
}
.coinefy-about-thumb {
    img {
        width: 100%;
        border-radius: 10px;
    }
}