body {
    --sb-track-color: #f2f2f2;
    --sb-thumb-color: var(--color-primary);
    --sb-size: 14px;
}

body::-webkit-scrollbar {
    width: var(--sb-size)
}

body::-webkit-scrollbar-track {
    background: var(--sb-track-color);
    border-radius: 2px;
}

body::-webkit-scrollbar-thumb {
    background: var(--sb-thumb-color);
    border-radius: 2px;

}

@supports not selector(::-webkit-scrollbar) {
    body {
        scrollbar-color: var(--sb-thumb-color)
        var(--sb-track-color);
    }
}

.workplaces__logo{
    margin-bottom: 0px;
    border-radius: 5px;
}
.workplaces__filter:hover{
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
}

.workplace-detail{
    margin-top: 6.5rem;
}


.gallery__social-media {
    display: flex;
    gap: .75rem;
}
.gallery-contact__detail i {
    font-size: 16px!important;
    color: #be1622;
}
.gallery__social-media-link {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-secondary);
    border-radius: 50%;
    text-decoration: none;
    transition: all .3s ease;
}
.gallery__social-media-link:hover {
    transform: translateY(-2px);
}
.gallery__social-media-link i {
    font-size: 20px!important;
    color: #c4c4c4;
    text-align: center;
}
.gallery__social-media-link i:hover {
    color: #be1622;
}

.workplaces__filters {
    justify-content: flex-end;
}

.help-section__fullscreen-button {
    right: 1.5rem!important;
    bottom: 1.5rem!important;
    top: unset;
    left: unset;
}
.page-banner__image{
    height: unset!important;
    max-height: 520px!important;
}

.gallery-detail__hero-img {
    max-height: 450px;
}
.menu-list .menu-link--location{
    border-right: none;
    padding-left: 1.5rem !important;
    padding-right: 0px !important;
}

.services__item{
    height: 300px !important;
}
@media (max-width: 576px) {
    .services__item--with-image {
        height: 200px!important;
    }
}

.blog-content__footer {
    margin-bottom: 1rem;
}

.notyf__ripple{
    border-radius: unset!important;
}