@charset "UTF-8";

.site-counter {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
}

.site-counter li {
    color: var(--sitew);
    padding: 15px;
    flex-direction: column;
    align-items: center;
    margin: 5px;
    display: flex;
    font-size: 20px;
}


.search-btn {
    width: 100%;
    background: var(--siteyellow);
    border-radius: 5px;
    margin-left: 5px;
    transition: all 500ms ease;
}

.cs-p {
    padding: 0;
}


.site-title {
    color: var(--sitew);
    font-size: 40px;
}

.site-dsc {
    color: var(--sitew);
    font-size: 18px;
}

.srent {
    position: relative;
}

.site-search {
    height: 413px;
    position: relative;
}


.site-search-box {
    width: 100%;
    height: 413px;
    background: var(--site);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.site-search:before {
    content: "";
    background: rgba(0, 0, 0, 0.6);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6), transparent);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgb(0 0 0 / 19%));
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

}


.custom-input-bar {
    border-radius: 0;
}

.search-btn:hover {
    background: var(--sitew);
    transition: all 500ms ease;
}