footer {
    .card {
        position: relative;
        overflow: hidden;
        background: #fff;
        box-shadow: 4px 4px 12px 0px #68686840;
        z-index: 1;
    }
    .card::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: var(--Bg-blue, #E6EFFB);
        clip-path: polygon(100% 0%, 100% 50%, 50% 63%, 0% 50%, 0% 0%);
        z-index: -1;
        opacity: 1;
    }
}

.foot_shimmer:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn2 4s ease-in-out infinite;
}
@-webkit-keyframes shiny-btn2 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
.star-blink {
    animation: blink 1s infinite ease-in-out;
    transform-origin: center;
}

@keyframes blink {
    0%   { opacity: 1; transform: scale(1); }
    50%  { opacity: 0.2; transform: scale(1.15); }
    100% { opacity: 1; transform: scale(1); }
}

#share img {
    width: 30px;
    transition: 0.4s;
}
#share img:hover {
    transform: scale(1.1);
}
@media (max-width: 1024px) {
    footer {
        .footer_logo_div {
            text-align: -webkit-center;
        }
        .navbar-brand{
            place-self: center;
        }
        .card::before {
            clip-path: polygon(100% 0%, 100% 40%, 50% 50%, 0% 40%, 0% 0%);
        }
    }
}
@media (max-width: 600px) {
    footer {
        .card::before {
            clip-path: polygon(100% 0%, 100% 43%, 50% 47%, 0% 43%, 0% 0%);
        }
    }
}