/* Footer */
/* General Footer Styling */
.Footer-container {
    background-color: #0E323D;
    color: #fff;
    /* position: absolute;
    bottom: 0; */
    /* width: 100%; */
    padding-top: 2vw;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 0.5vw;
    font-family: 'Poppins', sans-serif;
}

.Footer-content {
    display: flex;
    justify-content: space-between;
    /* align-items: flex-start; */
    align-items: center;
    flex-wrap: wrap;
    gap: 2vw;
}

/* Footer Logo & Address */
.Footer-logo {
    /* flex: 1; */
    /* min-width: 20vw; */
}

.Footer-logo-h2 {
    font-size: 1.5vw;
    font-weight: 400;
    margin-bottom: 0.8vw;
}

.Footer-logo a,.Footer-bottom a{
    text-decoration: none;
    color: white;
}
.Footer-logo-p {
    font-size: 1vw;
    /* line-height: 1.8vw; */
    width: 17vw;
    opacity: 0.8;
    font-weight: 300;
}

/* Quick Links */
.Footer-links {
    /* flex: 1; */
    /* min-width: 20vw; */
}

.Footer-links h3 {
    font-size: 1.5vw;
    font-weight: 400;
    margin-bottom: 1vw;
}

.Footer-links ul {
    list-style: none;
    padding: 0;
}

.Footer-links ul li {
    margin: 0.8vw 0;
}

.Footer-links ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 1vw;
    font-weight: 300;
    opacity: 0.8;
    transition: all 0.5s ease-in-out;
    display: inline-block;
    position: relative;
}

.Footer-links ul li a:hover {
    opacity: 1;
    color: #c7c7c7;
    /* transform: translateX(0.3vw); */
}

/* Social Media */
.Footer-social {
    /* flex: 1; */
    min-width: fit-content;
}

.Footer-social h3 {
    font-size: 1.5vw;
    font-weight: 400;
    margin-bottom: 1vw;
}

.Footer-social-icons {
    display: flex;
    gap: 0.5vw;
}
.footer-compass-logo{
    height: 4vw;
}
.Footer-qlinks{
    display: flex;
    gap: 10px;
}

.Footer-social-icons a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3vw;
    height: 3vw;
    border-radius: 50%;
    font-size: 1.5vw;
    transition: all 0.5s ease-in-out;
    position: relative;
}


/* Hover Effects */
.Footer-social-icons a:hover {
    transform: scale(1.1);
}
.Footer-social-icons-hw{
    height: 2vw;
    width: 2vw;
}

/* Footer Bottom */
.Footer-bottom {
    text-align: center;
    margin-top: 2vw;
    font-size: 1vw;
    font-weight: 300;
    opacity: 0.7;
}

@media (max-width: 1024px) and (orientation: portrait){
    .Footer-links h3 {
        font-size: 2.5vw;
    }
    .footer-compass-logo{
        height: 4.7vw;
    }
    
    .Footer-logo-p {
        font-size: 1.5vw;
        line-height: 1.3;
    }
    .Footer-links ul li a {
        font-size: 1.5vw;
    }
    .Footer-social h3 {
        font-size: 2.5vw;
    }
    .Footer-social-icons {
        padding: 1vw 0vw;
    }

    .Footer-bottom {
        font-size: 1.5vw;
        }
}
/* Responsive Design */
@media (max-width: 500px) {
    .Footer-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }


    .Footer-social-icons a {
        width: 4vw;
        height: 4vw;
        font-size: 2vw;
    }
}
@media(max-width:480px){
    .Gallaey-Contents-Placer-h1{
        font-size: 9vw;
    }
    .Footer-container {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding-top: 7vw;
        padding-left: 2vw;
        padding-right: 2vw;
        gap: 10vw;
    }
    .Footer-content {
    gap: 5vw;
    }
    .Footer-logo-h2 {
        font-size: 4.5vw;
    }
    .Footer-links{
        margin-top: 30px;
    }
    .Footer-links h3 {
        font-size: 4.5vw;
    }
    .Footer-logo-p{
        font-size: 4.5vw;
        text-align: center;
        width: 75vw;
    }
    .Footer-links ul li a {
        font-size: 4.5vw;
    }
    .Footer-social{
        margin-top: 30px;
    }
    .Footer-social-icons-hw{
        height: 7vw;
        width: 7vw;
    }
    .Footer-social h3 {
        font-size: 4.5vw;
        margin-bottom: 5vw;
    }
    .Footer-social-icons {
        gap: 30px;
    }
    .Footer-bottom {
        text-align: center;
        margin-top: 10vw;
        font-size: 4vw;
        font-weight: 300;
        opacity: 0.7;
    }
    .footer-compass-logo{
        height: 15vw;
        margin-top: 30px;
        margin-bottom: 20px;
    }
}
/* Footer ends*/