@use '../utils' as *;

/*----------------------------------------*/
/*  why choose css
/*----------------------------------------*/

.why-choose-item {
    border: 1px solid rgba($white, $alpha: 0.1);
    border-radius: 20px;
    padding: 30px 26px 35px;
    @include td-transition(.3s);
    &:hover {
        background: rgba($white, $alpha: 0.05);
        box-shadow: 4px 7px 34px rgba($black, $alpha: 0.25);
        .icon {
            transform: translateY(-5px);
            @include td-transition();
        }
    }
    .icon {
        margin-bottom: 25px;
        width: 60px;
    }
    .contents {
        .title {
            font-size: 16px;
            margin-bottom: 12px;
        }
        .description {
            font-size: 14px;
        }
    }
}
