.hero-container{
    position:relative;
    overflow:hidden;
    width:100%;
    min-width: 0;
    min-height:500px !important;
}

.swiper{
    width:100%;
    height:100%;
}

.swiper-slide img{
    display: block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.swiper-pagination-bullet {
    background:#D6D6D6;
    opacity: 1;
    width:10px;
    height:10px;
    margin:5px 7px !important;
}

.swiper-pagination-bullet-active{
    background:var(--primary-color-darkest);
}


.home-shortcut-section{
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    z-index: 10;
    text-align: center;
    
}

.home-shortcut-container{
    position: relative;
    background: rgba(240, 240, 240, 0.7);
    border-bottom: 8px solid #DAC078;
    display: inline-block;
    text-align: center;
    display:inline-grid;
    grid-template-columns: repeat(6, 1fr);
    margin: 0 auto;
}
@media (max-width: 991px) {
  .home-shortcut-container {
    grid-template-columns: repeat(3,1fr); /* 3 columns on smaller screens */
    display: grid; /* change back to block grid on small screens */
    width: 80%;
  }
}
@media (max-width: 575px) {
  .home-shortcut-container {
    grid-template-columns: repeat(2,1fr); /* 3 columns on smaller screens */
    display: grid; /* change back to block grid on small screens */
    width: 90%;
  }
}


.home-shortcut-container:before{
    content: "";
    display: block;
    position: absolute;
    border-width: 20px;
    bottom: 100%;
    left: 0;
    right: 0;
    border-bottom: 20px solid rgba(240, 240, 240, 0.7);
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
}
.home-shortcut a{
    display:block;
    padding: 0 2rem 20px;
}
.home-shortcut img{
    max-width: 70px;
    transition: all 0.3s ease;
}
.home-shortcut span{
    display:block;
}

.home-shortcut a:hover{
    font-weight:bold;
    color:#483512;
}
.home-shortcut a:hover img{
    transform:scale(1.1);
}


.footer-wrapper {
    display:flex;
    flex-wrap:wrap;
}

.footer-left {
    min-width:300px;
    flex:1;
    display:flex;
    flex-wrap:wrap;
    row-gap:0.5rem;
}

.footer-left > div{
    padding: 0 1rem;
    border-right:1px solid rgba(255, 255, 255, 0.5);
    display:flex;
    align-items: center;
}
.footer-left > div:last-child{
    border-right:none;
}

.footer-left a{
    display:block;
    line-height:1.2;
}

@media (max-width: 576px){
    .footer-left{
        margin-bottom:1rem;
    }
    .footer-left > div{
        width:50%;
        border-right:0px solid transparent;
    }
}