/**************Area Operation ***************/

.operation {
    padding: 2rem 0rem 4rem 0;
    text-align: center;
}

.operation-title {
    font-size: 2.7rem;
    font-weight: 600;
    margin-bottom: 4rem;
}

.operation-inner {
    margin: 0 auto;
}

.operation-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 25px;
}

.op-box {
    padding: 20px 20px;
    font-size: 2rem;
    border-radius: 20px;
}


.gold {
    background: var(--primary-color);
    color: rgb(13, 15, 18);
}

.black {
    background: rgb(13, 15, 18);
    color: white;
}


@media (max-width: 992px) {
    .operation-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 15px;
    }



    .operation-title {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 20px;
        ;
    }

    .op-box {
        padding: 30px 20px;
        font-size: 1.6rem;
    }
}

@media (max-width: 576px) {
    .operation-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .op-box {
        padding: 19px 5px;
    }
}