.bg-dark-overlay-4:before {
    content: " ";
    background: var(--bs-black);
    opacity: 0.4;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.bg-dark-overlay-3:before {
    content: " ";
    background: var(--bs-black);
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.search-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all .6s
}

.is-focus-search .search-overlay {
    opacity: 1;
    visibility: visible
}

.is-focus-search {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.is-focus-search {
    display: block !important
}

.is-focus-search:hover {
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.25);
    background-color: #fff
}

body.is-focus-search {
    overflow: hidden
}