.static_home__background_image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    padding: 7.3125rem 0 0;
    text-align: center;
    background: linear-gradient(rgb(0 0 0 / 0.3), rgb(0 0 0 / 0.1)), url(https://eu.viva-images.com/vivastreet_gb/home/Homepage_Static3.jpg) center center no-repeat;
    background-size: cover;
}

@media only screen and (max-width: 768px) {
    .static_home__background_image {
        height: 14.375rem;
        background: url(https://static.viva-images.com/templates/viwii3/images/home/header_uk_768.jpg);
        background-position: center;
    }
}

.static_home {
    width: 100%;
    height: 36.25rem;
    position: relative;
}

.static_home__title {
    top: 42%;
}

.static_home__category {
    top: 60%;
    padding: 1.25rem;
    background: transparent;
    display: flex;
    flex-direction: column;
    margin-bottom: 7.5rem;
}

.static_home__category__form {
    background: linear-gradient(to top, #252830, #25283066 40%);
    padding: 1.25rem;
    height: 7.5rem;
    border-radius: 1rem;
    box-shadow: 0rem 0.1875rem 0.8125rem 0rem #33190766;
}

.pre_footer {
    background-color: transparent;
    margin: 1.25rem auto;
    width: 62.5rem;
    height: auto;
}

.homepage_redesign {
    & .btn-green {
        border-radius: 0.5rem;
        background-color: #65B21C;
        border: 0.0625rem solid #65B21C;
    }

    & .btn-green:hover {
        background-color: #518e16;
        border: 0.0625rem solid #518e16;
    }
}

.static_home__mega_menu__list__item {
    border: 0 !important;
    border-right: 0.0625rem solid rgba(0, 0, 0, .32) !important;
}

.static_home__mega_menu__map {
    border: 0.0625rem solid rgba(0, 0, 0, .32) !important;
    border-radius: 0 0 0.5rem 0.5rem;
}

@media only screen and (max-width: 750px) {
    .static_home__mega_menu_mobile__list_sub__item__heading {
        display: inline-block;
        padding: 0.9375rem;
        width: 100%;
        color: #000;
        font-weight: bold;
    }

    .static_home__header__content_mobile {
        & .ico-menu {
            height: 2rem;
            width: 2rem;
        } 

        & .ico-search  {
            height: 2rem;
            width: 2rem;
            top: 0.3125rem;
        }
    }
}

@media only screen and (max-width: 600px) {
    .static_home__search_card {
        display: none;
    }
}

.static_home__mobile__list__header {
    display: inline-block;
    padding: 0.9375rem;
    color: #000;
    background-color: #f3f3f3;
    border-bottom: 0.0625rem solid #fff;
    width: 100%;
    font-size: 1rem;
}

.static_home__mobile__list_sub__item {
    background-color: #fff;
    border-bottom: 0.0625rem solid #f6f7f8;
    padding: 0.9375rem;
}

.static_home__mobile__list_sub__item__link {
    color: #000;
}

.static_home__title__content {
    font-weight: 400;
    margin-bottom: 12.5rem;

    & span {
        font-weight: bold;
    }

    & svg {
        width: 1.5625rem;
        stroke: white;
    }

    & svg path {
        fill: white 
    }
}

.static_home__search_card {
    border-radius: 0.5rem;
    box-shadow: 0rem 0.1875rem 0.8125rem 0rem #33190766;
}

.static_home__category__form {
    display: flex;
    justify-content: center;
    flex-direction: column;

    & fieldset {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0.625rem;
    }

    & select {
        padding: 0.75rem 2.5rem 0.75rem 0.75rem;
        flex: 5;
        border-radius: 0.5rem;
        border: none;
        appearance: none;
        -webkit-appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 0.75rem center;
    }

    & input {
        flex: 1;
        border-radius: 0.5rem;
        padding-top: 0.5625rem;
        padding-bottom: 0.5625rem;
    }
}

.desk--four-twelfths {
    flex: 1;
}

.static_home__search_panel {
    background-color: #111;
    overflow-y: auto;
}

.promotional-tiles {
        display: flex;
        gap: 1.25rem;
        height: 8.75rem;
        justify-content: center;
        padding: 1.25rem;
        background: #fff;
        border-radius: 0rem 0rem 0.5rem 0.5rem;
        color: black;
        line-height: 1.3125rem;
        width: 90%;
        align-self: center;

        & .tile {
            display: flex;
            align-items: center;
            flex: 1;
            gap: 1.25rem;
            padding: 1.25rem;
        }

        & .badge {
            min-width: 2.5rem;
            min-height: 2.5rem;
            border-radius: 100%;
            background-color: #FFCBA7;
            border: 0.25rem solid #FFD8BD;
            box-shadow: 0rem 0rem 0.1875rem 0rem #CB651BE3;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        & .heading {
            font-size: 1rem;
            font-weight: bold;
            margin-bottom: 0.3125rem;
        }
}

@media only screen and (max-width: 992px) {
    .tile {
        padding: 0.125rem !important;
    }
}

.static_home__mega_menu__list > li:first-child {
  border-top-left-radius: 0.5rem;
}

.static_home__mega_menu__list > li:last-child {
  border-top-right-radius: 0.5rem;
}

.grid__item a .btn {
    border-radius: 8px;
    background-color: #ff7f04;
}

.grid__item a .btn:hover {
    background-color: #cb651b;
}

.mobile_aside_content {
    width: 100%;
    min-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

    & form {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        max-width: 21.5rem;
    }

    & fieldset {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 1.25rem;
        background: linear-gradient(360deg, #252830 17.39%, rgba(37, 40, 48, 0.4) 100%);
        border-radius: 1rem;
        box-shadow: 0rem 0rem 0.75rem 0rem #00000059;
        gap: 1rem;
    }

    & fieldset p {
        font-weight: 600;
        font-size: 1.125rem;
        line-height: 1.75rem;
        color: white;
    }

    & fieldset div {
        width: fit-content;
        display: flex;
        flex-direction: column;
    }

    & input, & select {
        width: 100%;
        border-radius: 0.5rem
    }

    & .promotional-tiles {
        width: 90%;
        flex-direction: column;
        height: fit-content;
        box-shadow: inset 0 1.25rem 1.25rem -1.25rem rgba(0,0,0,0.8);

        & .tile {
            padding: 0.625rem;
        }
    }
}