:root{
    --bg-color:#FFFFFF;
    --rgba-img:rgba(0, 0, 0, 0.60);
    --primary-text:#FFFFFF;
    --primary-description:#FFFFFFCC;
    --catg-color:#555555;
    --text-color:#1A1A1A;
    --bg-box:#F7F7F7;
    --btn-color:#E5C07B;
}
@media(max-width:1000px) {
    nav ul li a span{
        display: none;
    }
    nav{
        background:var(--btn-color);
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 1rem min(1rem);
        z-index: 9999;
        box-shadow: var(--rgba-img) 3px 6px 9px;
    }
    .logo{
        width: 100%;
        padding: 1rem;
    }
    swiper-slide {
        width: 250px;
        height: 100%;
    }
    .navigation{
        background: none;
        position: initial;
    }
}
@media(max-width:613px){
    dialog{
    margin: auto 3rem;
    opacity: 0;
    padding: 2rem 0;
    }
}
@media(max-width:396px){
    .AboutUs{
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
}