/* footer */
.main-footer {
    width: 100vw;
}

.footer-section {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    padding-top: 4rem;
    background-color: var(--glass-bg-card);
    color: var(--text-color);
    width: 100%;
    justify-content: center;
    align-items: center;
    padding-bottom: 1rem;
}

.footer-info {
    display: flex;
    gap:4rem;
    width: 90%;
}

.footer-info ul {
 display: flex;
 flex-direction: column;
 gap: 1rem;
}

.footer-info a {
    color: var(--link-color) !important;
}

.footer-info a:hover {
    color: var(--link-hover-color) !important;
}

.footer-logo { 
    display: flex;
    width: 50%;
    gap: 2rem;
    justify-content: center;
    align-items: center;
}

.footer-logo-image {
    width : 160px; 
}

.footer-brandname-image {
    height: 30px;
}

.copyright {
    border-top: 1px solid var(--glass-border);
    width: 100%;
    text-align: center;
    padding-top: 1rem;
    color: var(--text-color);
    opacity: 0.7;
}

.footer-contact {
    display: flex;
    flex-direction: column;
    gap:1rem; 
    flex-grow: 1;
}

.social-media-icons {
    display: flex;
    gap: 1rem;
    align-items: center;
    width: 100%;
    justify-content: right;
}


.social-media-icons img:hover {
    background-color: #0091ff80;
    border-radius: 2px;
    box-shadow: 0 0 15px 2px #0091ff ;
}
/*end of footer */


/* Mobile Devices*/
@media screen and (max-width: 480px) {
    .footer-section {
        display: flex;
        flex-direction: column;
        gap: 4rem;
        padding-top: 2rem;
        margin-top: 0;
    }
    
    .footer-info {
        display: flex;
        flex-direction: column;
        gap:2rem;
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    
    .footer-info ul {
  
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        text-align: center;
    }
    
    .footer-info li {
        all:unset;
        color:white;
        text-align: left;
       }
    
    .footer-logo { 
        display: flex;
        flex-direction: column;
        width: 50%;
        gap: 1rem;
    }
    
    .footer-logo-image {
        width: 80px;
        }
    
    .footer-brandname-image {
        height: 24px;
    }
    
    .copyright {
        padding-top: 0.5rem;
    }
    
    .social-media-icons {
        justify-content: center;
    }
    .social-media-icons img{
        height: 20px;
        width:20px;
    }

}

  
/*iPads and Tablets */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .footer-section {
        gap: 2rem;
        padding-top: 2rem;
    }
    
    .footer-info {
        gap:2rem;
    }
    
    .footer-info ul {
        gap: 0.5rem;
    }
    
    
    .footer-logo { 
        flex-direction: column;
        gap: 1rem;
        justify-content: center;
        align-items: center;
    }
    
    .footer-logo-image {
        width : 60px; 
    }
    
    .footer-brandname-image {
        height: 16px;
    }
    
    .copyright {
        padding-top: 0.5rem;
    }


    .social-media-icons img {
        height: 20px;
        width: 20px;
    }
}

/* Laptops and Small Screens (769px - 1024px) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
   
    
    .footer-section {
        gap: 3rem;
        padding-top: 3rem;
    }
    
    .footer-info {
        gap:3rem;
    }
    
    .footer-info ul {
     gap: 0.75rem;
    }
    
    
    .footer-logo { 
        gap: 1.5rem;
    }
    
    .footer-logo-image {
        width : 120px; 
    }
    
    .footer-brandname-image {
        height: 20px;
    }
    
    .copyright {
        padding-top: 0.75rem;
    }
    

}

/*Large Screens and Desktops (1025px - 1280px) */
@media screen and (min-width: 1025px) and (max-width: 1200px){
   

}

/*TV Screen*/
@media screen and (min-width: 1201px) {


}


@keyframes appear {
    0% {
        opacity: 1; 
    }
    30% {
        opacity: 0.8; 
    }
    60% {
        opacity: 0; 
    }
    100% {
        opacity: 1; 
    }
}