.custom-hr {
    height: 1.6vh;
    background-color: #949165;
    border: none;
     margin: 1vh 0; /* Optional: adds spacing above and below */
}
.bottom-polygon {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5vw; /* Covers the bottom 20% of the viewport height */
    background-color: white;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    z-index: 1000; /* Ensures it stays on top */
}
footer {
    background-color: white !important;;
}
.zolchili-logo {
    width: 30vw;
}

.daralo-logo {
    position: fixed;
    top: 10vh;
    right: 10vw;
    width: 25vw;
}

.imgdoboz {
    width: 20vw;
}
.imgdoboz2 {
    width: 10vw;
}
.imgdoboz3 {
    width: 20vw;
}
.imgdoboz4 {
    width: 10vw;
}
.container {
    margin-top: 10vh;
    margin-left: 3vw;
    font-size: 2vh;
}
.daralocontainer {
    margin-top: 5vh;
    margin-left: 3vw;
    font-size: 2vh;
}
.bottom-line {
    position: fixed;
    bottom: 3.8vw; /* Leave space for the logo */
    left: 0;
    width: 100%;
    height: 1.6vh;
    background-color: #949165;
    border: none;
    margin: 1vh 0; /* Optional: adds spacing above and below */
}

.bottom-logo {
    position: fixed;
    bottom: 0;
    width: 30vw;
    bottom: 1vh;
}


@media (max-aspect-ratio: 1/1) {

.daralo-logo {
    position: fixed;
    top: 0;
    right: 0;
    width: 0;
}

.container {
    margin-top: 5vh;
    margin-left: 2vw;
    font-size: 2vh;
}

.daralocontainer {
    font-size: 1.6vh;
}
    .zolchili-logo {
        width: 86vw;
    }
.imgdoboz {
    width: 42vw;
}
.imgdoboz2 {
    width: 18vw;
}
.imgdoboz3 {
    width: 36vw;
}
.imgdoboz4 {
    width: 16vw;
}
   
    
.bottom-line {
    position: fixed;
    bottom: 12vw; /* Leave space for the logo */
    left: 0;
    width: 100%;
    height: 1.6vh;
    background-color: #949165;
    border: none;
    margin: 1vh 0; /* Optional: adds spacing above and below */
}

.bottom-logo {
    position: fixed;
    width: 86vw;
    bottom: 1vh;
}
}