/* Step3 - Dark Theme */
.section-zstep3{margin-bottom:25px;}

.zstep3-box{display:flex;gap:8px;}
.zstep3-column{
    width:27%;text-align:center;background:#0f2341;padding:15px 10px;
    border:2px solid #1a2a44;
    border-radius:8px;
}
.zstep3-column.zean{
    width:19%;background:none;border:none;
}
.zstep3-column .z-logo{
    display:inline-block;width:100px;height:100px;overflow:hidden;
    border-radius:8px;
}
.zstep3-column .z-logo img{vertical-align:top;width:100%;}
.zstep3-column .z-name{
    background:#00a651;color:#fff;padding:2px 15px;margin-top:-50px;
    font-family:"Prompt",Tahoma,Arial;display:block;width:90%;margin:-8px auto 0 20px;
    transform: rotate(-12deg);
    border-radius:3px;
}

.zstep3-column .t-logo{
    display:inline-block;vertical-align:middle;width:95px;height:95px;overflow:hidden;
    text-align:center;padding:8px;margin:0;border:2px solid #1a2a44;
    border-radius:50%;
}
.zstep3-column .t-logo img{vertical-align:top;width:100%;}
.zstep3-column .detail{margin-top:8px;}
.zstep3-column .bg-zstep3{
    display:inline-block;padding:3px 15px;
    background:rgba(0,166,81,0.15);font-family:"Prompt",Tahoma,Arial;color:#00a651;font-size:0.85rem;font-weight:600;
    border-radius:15px;
}

@media screen and (min-width:590px) and (max-width:799px){
    .zstep3-box{gap:5px;flex-wrap:wrap;justify-content:space-between;}
    .zstep3-column{width:32%;}
    .zstep3-column.zean{width:100%;padding:5px 10px;}
    .zstep3-column .z-name{
        margin:1px auto 0 auto;
        transform: rotate(0deg);
    }
}

@media screen and (min-width:280px) and (max-width:589px){
    .zstep3-box{gap:5px;flex-wrap:wrap;}
    .zstep3-column .z-logo{width:80px;height:80px;}
    .zstep3-column{width:100%;}
    .zstep3-column.zean{width:100%;padding:5px 10px;}
    .zstep3-column .z-name{
        margin:1px auto 0 auto;
        transform: rotate(0deg);
    }
}