:root {
    --color-heading: #ffffff;
    --color-overhead: #9E9E9E;
    --color-paragraph: #E8E8E8;
    --color-border: #2F2F30;
    --color-bg: #151517;
    --color-surface: #202123;
    --color-grey-100: #1A1A1C;
    --color-grey-200: #151617;
}

.box-outer {
    border-bottom: 5px solid #191A1B;
    box-shadow: 0 2.5rem 3.125rem rgba(0, 0, 0, 0.1) !important;
}

.sidebar .avatar-box {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    background-color: var(--color-grey-100);
}

.review-item .avatar-wrap,
.full-rewiew-con-avatar .avatar-wrap,
.comment .avatar-wrap {
    filter: drop-shadow(0 0.25rem 0.25rem rgba(0, 0, 0, 0.25)) drop-shadow(0 0.5rem 0.5rem rgba(0, 0, 0, 0.4));
} 

.news-item {
    box-shadow: 0 1.5rem 2.5rem rgba(0, 0, 0, 0.3);
}

.gallery-grid__item a:hover {
    text-decoration-color: #fff;
}

@media only screen and (max-width: 768px) {
    .select ul {
        box-shadow: 0 0.625rem 3.75rem rgba(0, 0, 0, 0.5);
    }
}

@media only screen and (min-width: 769px) {
    .nav ul {
        box-shadow: 0 1rem 3.125rem rgba(0, 0, 0, 0.5);
    }
}