.panel-footer {
    background-color: var(--purple);
    position: relative;
}

.panel-footer::after {
    content: '';
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    translate: 0 -50%;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(/includes/public/assets/images/v-for-vegas.svg);
    background-repeat: no-repeat;
    background-position: top 2% right;
    z-index: 1;
    background-size: 100%;
    max-width: 375px;
}

.panel-footer .footer-inner {
    padding: 30px 20px 40px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    position: relative;
    z-index: 2;
}

.panel-footer .footer-top .phone,
.panel-footer .footer-top .address {
    font-size: 0.9375rem;
    color: var(--white);
    font-weight: var(--font-weight-bold);
}

.panel-footer .footer-top .address {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.panel-footer .footer-middle {
    margin-block-end: 35px;
}

.panel-footer .footer-bottom {
    padding-block: 26px 23px;
    margin-inline: auto;
    width: calc(100% - 40px);
    border-top: solid 1px var(--white);
    position: relative;
    z-index: 2;
}

.panel-footer .social-buttons .title {
    font-family: Archivo;
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 26px;
    text-transform: uppercase;
    color: var(--white);
    margin-block-end: 20px;

}

.panel-footer .social-buttons .icons {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.panel-footer .social-buttons a {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 45px;
    height: 45px;
    border-radius: var(--rounded-full);
    background-color: var(--white);
    color: var(--black);
    text-decoration: none;
}

.panel-footer .social-buttons a i {
    color: var(--black);
}

.panel-footer .logo a {
    display: block;
    width: 240px;
    height: auto;
    aspect-ratio: 220/102;
    background-image: url('https://assets.simpleviewcms.com/simpleview/image/upload/v1/clients/lasvegas-redesign/logo_tagline_white_d71c1794-5ea1-423d-b38b-fc3827708000.png');
    background-repeat: no-repeat;
    background-size: 100%;
    margin-block-end: 40px;
}

.panel-footer .copyright,
.panel-footer .navigation-footer a,
.panel-footer .footer-links a,
.panel-footer .site-links a {
    color: var(--white); 
    line-height: 1;
}

.panel-footer .navigation-footer,
.panel-footer .footer-links,
.panel-footer .site-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
    
    

    & a {
        text-decoration: none;
    }
}

.panel-footer .nav-links a,
.panel-footer .navigation-footer a {
    font-size: 0.9375rem;
}


.panel-footer .site-links a {
    text-transform: capitalize;
    font-size: 0.875rem;
}

.panel-footer .footer-links {
    flex-direction: row;
    margin-block-end: 25px;

    & a {
        font-size: 0.875rem;
    }
}

.panel-footer .copyright {
    font-size: 0.8125rem;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.panel-footer .footer-middle {
    display: grid;
    gap: 32px;
}

.panel-footer .footer-middle .footer-links {
    display: none;
}

@media screen and (min-width: 64em) {
    .panel-footer::after {
        width: 762px;
        max-width: 762px;
        height: 100%;
        background-position: bottom -36px right;
        background-image: url(/includes/public/assets/images/v-for-vegas-desk.svg);
    }

    .panel-footer .footer-top {
        display: grid;
        grid-template-columns: 2.4fr 5fr 2.4fr;
        gap: 20px;
    }

    .panel-footer .footer-middle {
        grid-template-columns: repeat(2, 1fr);
    }

    .panel-footer .footer-right .title {
        text-align: right;
    }

    .panel-footer .social-buttons .title {
        font-size: 1.5rem;
    }

    .panel-footer .social-buttons .icons {
        justify-content: flex-end;
        font-size: 20px;
    }

    .panel-footer .footer-bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 30px 80px;
    }

    .panel-footer .footer-links {
        margin-block-end: 0;
    }

    .panel-footer .copyright {
        flex-direction: row;
    }
}

@media screen and (min-width: 90em) {
    .panel-footer .footer-inner {
        padding: 30px 80px;
    }
    .panel-footer .footer-top {
        gap: 100px;
    }
}