.text-nav-items {
    color: #7c7c7c;
}

.text-gmb-gray {
    color: #7c7c7c;
}
.border-gmb-gray {
    border-color: #7c7c7c;
}

/* .text-nav-items:hover {
    color: red;
} */

.btn-signup {
    background-color: #7e7e7e;
    color: #fff;
}

.btn-hire-reviewers {
    background-color: #7e7e7e;
    color: #fff;
}

.btn-hire-reviewers:hover {
    background-color: transparent;
    color: #7e7e7e;
}

.btn-apply-reviewer {
    background-color: transparent;
    color: #7e7e7e;
    border: 1px solid #7e7e7e;
}

.btn-apply-reviewer:hover {
    background-color: #7e7e7e;
    color: #fff;
}

/* Perfect Reviewers Start */
.bg-perfect-section {
    background-color: #f3f3f3;
}
.btn-gmb {
    background-color: transparent;
    color: #7e7e7e;
    border: 1px solid #7e7e7e;
}

.btn-gmb:hover {
    background-color: #7e7e7e;
    color: #fff;
}

/* Perfect Reviewers End */

/* Reviewers Jobs Start */
.btn-see-rjobs {
    background-color: transparent;
    color: #7e7e7e;
    border: 1px solid #7e7e7e;
}

.btn-see-rjobs:hover {
    background-color: #7e7e7e;
    color: #fff;
}
/* Reviewers Jobs End */

/* Customer Reviews Start */
.bg-customer-reviews {
    background-color: #f3f3f3;
}
/* Customer Reviews End */

/* Plan Start */
.free {
    background-color: #f8f8f8 !important;
}
.pro {
    background-color: #efefef !important;
}
.standard {
    background-color: #f8f8f8 !important;
}
.btn-free {
    background-color: transparent;
    color: #7e7e7e;
    border: 1px solid #7e7e7e;
}
.btn-free:hover {
    background-color: #7e7e7e;
    color: #fff;
}
.btn-standard {
    background-color: transparent;
    color: #7e7e7e;
    border: 1px solid #7e7e7e;
}
.btn-standard:hover {
    background-color: #7e7e7e;
    color: #fff;
}
.btn-pro {
    background-color: transparent;
    color: #7e7e7e;
    border: 1px solid #7e7e7e;
}
.btn-pro:hover {
    background-color: #7e7e7e;
    color: #fff;
}
/* Plan End */

/* Started Start */
.btn-started {
    background-color: transparent;
    color: #7e7e7e;
    border: 1px solid #7e7e7e;
}
.btn-started:hover {
    background-color: #7e7e7e;
    color: #fff;
}
/* Started End */

@media (min-width: 768px) {
    .md\:flex {
        display: flex !important;
    }
}

/* Datables */

/* Datables */