footer {

    width:100vw;
    background-color: black;
    color:#fff;
}

footer .footer-top h5 {
    margin-top:0;
    margin-bottom:0;
}

footer .sponsors-logos {
    display: flex;
    justify-content: space-between;
   gap:30px;
    width:100%;
}

footer .footer-top {
    width:60%;
  
    margin:auto;
    
    border-bottom: none; /* Make sure to remove any existing border-bottom */
    background-image: linear-gradient(
    to right,
    #989898 6px, /* The line segment (6px) */
    transparent 6px /* The space between the lines (3px) */
    );
    background-size: 9px 2px; /* The total size of the repeating pattern: (6px line + 3px space) x (2px height) */
    background-repeat: repeat-x;
    background-position: bottom;

}

/*
footer .footer-top .inner-container{
    padding:30px 60px 60px 60px;
      
    display: flex;
    flex-direction: column;
    gap:30px;
    align-items: center;
}*/

footer .footer-top .inner-container{
    padding:30px;
      
    display: flex;
    flex-direction: column;
    gap:30px;
    align-items: center;
}

footer .footer-top img {
    width:100%;
}

footer .company-logo {
    width:50%;
}

footer .nacionalie-logo {
   
    width:100%;
    display: flex;
    justify-content: space-around;
}

footer .nacionalie-logo .image-placeholder {
    width:100%;
}

.footer-bottom{
    width:60%;
    margin:0px auto 0px auto;
    padding:40px 0px;
}

footer a {
    color:#fff;
    /*text-decoration: none;*/
}

footer .footer-bottom p {
    margin:0;
}

footer .footer-bottom .text-content {
    display: flex;
    justify-content: space-between;
}

footer .footer-bottom .text-content .kontakti {
    text-align: left;
}

footer .footer-bottom .text-content .linki {
    text-align: right;
}


footer .social-icons {
    
    margin: auto;
    padding: 60px 0px;
}

footer .social-icons .inner-icon-container {
    width: 100%; 
    display: flex;
    gap: 7px;
    justify-content: center;
}

footer .social-icons .inner-icon-container img {
    width: 30px; 
    height: auto;
    transition: transform 0.3s ease;
}
footer .social-icons .inner-icon-container img:hover{
    transform: scale(1.15);
} 



footer .mobile-footer-img {
        display:none;
    }
footer .desktop-footer-img {
        display: block;
    }