footer {}

footer a {
    text-decoration: none !important;
    color: inherit !important;
    font-family: inherit;
    font-size: inherit;
}

/* footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1;
} */

.footer-section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    background-color: #2a2424;
    /* background: linear-gradient(0deg, #2a2424 0%, #2a2424 100%, transparent 100%); */
    background: linear-gradient(135deg, hsla(0, 0%, 0%, 0.922) 0%, #3b2b21 100%, transparent 80%, hsla(0, 0%, 0%, 0.922) 100%);
    font-size: 14px;
    font-weight: 600;
    color: #eee;
    padding: 5% 10%;
    /* border-top-left-radius: 2%;
    border-top-right-radius: 2%; */
}

.footer-section .brand {
    /* background: linear-gradient(to right, #f32170, #ff6b08, #cf23cf, #eedd44);
    -webkit-background-clip: text;
    color: transparent; */
}

.footer-section .header {
    font-size: 18px;
    font-weight: 400;
    color: #d3cccc;
}

.branding-cn,
.explore-links_container,
.quick-links_container,
.social-media-links, .social-links {
    display: flex;
    flex-direction: column;
}

.social-media-links {}

.social-link {}

.location-change a,
.social-link a,
.explore-link a,
.quick-link a {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    white-space: nowrap;
    padding: 9px 10px 5px 12px;
}

.loc-title,
.social-title {
    padding-left: 10px;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: center;
}

.loc-title b {
    padding-right: 15px;
}

.location-change,
.copyright {
    width: 100%;
}

.copyright {
    text-align: center;
    position: relative;
    top: 17px;
    /* font-size: 12px; */
    /* color: #d3cccc; */
    color: #908b8b;
    font-family: Poppins;
    font-weight: 400;
}

.location-change-link {
    margin-top: 8px;
    text-align: center;
}

span.language-wise {
    display: block;
    padding-left: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow: hidden;
    height: 20px;
    /* animation: openclose 5s ease-in-out infinite; */
    /* position: absolute; */
}

span.language-wise>span {
    position: absolute;
}

span.sanskrit {
    animation: sanskrit-slide 8s ease-in-out infinite;
    animation-delay: 1s;
    animation-direction: normal;
    /* animation-fill-mode: backwards; */
}

span.bengali {
    animation: bengali-slideup 8s ease-in-out infinite;
    animation-delay: 1s;
    animation-direction: normal;
    /* animation-fill-mode: backwards; */
}

@keyframes bengali-slideup {
    /* 5% {
        transform: translateY(-20px);
        opacity: 0;
        visibility: hidden;
    } */

    60%,
    80% {
        transform: translateY(0px);
        opacity: 1;
        visibility: visible;
    }

    0%,
    55% {
        transform: translateY(-20px);
        opacity: 0;
        visibility: hidden;
    }

    85%,
    100% {
        transform: translateY(20px);
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes sanskrit-slide {
    /* 5% {
        transform: translateY(-20px);
        opacity: 0;
    } */

    20%,
    40% {
        transform: translateY(0px);
        opacity: 1;
        visibility: visible;
    }

    /* 45% {
        transform: translateY(0px);
        opacity: 1;
        visibility: visible;
    } */

    0%,
    15% {
        transform: translateY(-20px);
        opacity: 0;
        visibility: hidden;
    }

    45%,
    100% {
        transform: translateY(20px);
        opacity: 0;
        visibility: hidden;
    }

    /* 80% {
        transform: translateY(0px);
        opacity: 1;
    }

    100% {
        transform: translateY(20px);
        opacity: 0;
    } */
}

.explore-cn {}

.explore-links_container {}

.explore-link {}

.explore-link a {}

.quick-links_container {}

.quick-link {}

.quick-link a {}

:root {
    --social-icons-size: 20px;
}

.twitter-icon>svg,
.pinterest-icon>svg,
.instagram-icon>img,
.facebook-icon>svg,
.globe-icon>svg {
    height: var(--social-icons-size, 16px);
    width: var(--social-icons-size, 16px);
}

.twitter-icon>svg {
    fill: hsl(219, 79%, 66%);
}

.pinterest-icon>svg {
    fill: red;
}

.instagram-icon>img {}


@media  screen and (max-width: 600px) {
    .social-links {
        flex-direction: row;
    }

    .social-title {
        display: none;
    }
}