/*==================================================
        DDS LUXURY GOLD + BLACK FOOTER
==================================================*/

.footer-area{
    position:relative;
    overflow:hidden;
    background:linear-gradient(180deg,#050505,#0b0b0b,#111);
    padding:90px 0 35px;
    color:#cfcfcf;
    border-top:4px solid #d4af37;
}

/*==============================
        GOLD GLOW
==============================*/

.footer-area::before{
    content:"";
    position:absolute;
    top:-220px;
    left:-180px;
    width:500px;
    height:500px;
    border-radius:50%;
    background:rgba(212,175,55,.08);
    filter:blur(90px);
    animation:goldGlow1 8s ease-in-out infinite alternate;
}

.footer-area::after{
    content:"";
    position:absolute;
    bottom:-220px;
    right:-180px;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(255,215,0,.05);
    filter:blur(80px);
    animation:goldGlow2 10s ease-in-out infinite alternate;
}

@keyframes goldGlow1{

0%{
transform:translateX(0);
}

100%{
transform:translateX(70px);
}

}

@keyframes goldGlow2{

0%{
transform:translateY(0);
}

100%{
transform:translateY(-60px);
}

}

/*==============================
        WIDGET
==============================*/

.single-footer-widget{
    position:relative;
    z-index:2;
    margin-bottom:35px;
}

.single-footer-widget h6{
    color:#d4af37;
    font-size:24px;
    font-weight:700;
    margin-bottom:22px;
    letter-spacing:1px;
    position:relative;
    display:inline-block;
}

.single-footer-widget h6::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-8px;
    width:60px;
    height:3px;
    background:#d4af37;
    border-radius:30px;
}

.single-footer-widget p{
    color:#bbbbbb;
    line-height:1.9;
    font-size:15px;
}

/*==============================
        LINKS
==============================*/

.footer-links{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-links li{
    margin-bottom:14px;
}

.footer-links li a{
    color:#d8d8d8;
    text-decoration:none;
    transition:.35s;
    display:inline-block;
}

.footer-links li a::before{
    content:"✦";
    color:#d4af37;
    margin-right:10px;
}

.footer-links li a:hover{
    color:#d4af37;
    transform:translateX(8px);
}

/*==============================
        SOCIAL
==============================*/

.footer-social{
    display:flex;
    gap:14px;
    margin-top:18px;
}

.footer-social a{
    width:52px;
    height:52px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#d4af37;
    border:2px solid rgba(212,175,55,.35);
    background:#111;
    font-size:20px;
    transition:.45s;
}

.footer-social a:hover{
    background:#d4af37;
    color:#111;
    transform:translateY(-8px) rotate(360deg);
    box-shadow:0 0 30px rgba(212,175,55,.6);
}

/*==============================
        FOOTER BOTTOM
==============================*/

.footer-bottom{
    margin-top:50px;
    border-top:1px solid rgba(212,175,55,.2);
    padding-top:30px;
    text-align:center;
}

.footer-text{
    color:#c6c6c6;
    line-height:2;
    font-size:15px;
}

.footer-text a{
    color:#d4af37;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
}

.footer-text a:hover{
    color:#fff;
}

/*==============================
        HEART
==============================*/

.heart-icon,
.fa-heart,
.fa-heart-o{
    color:#ff4d5a;
    animation:heartBeat 1.2s infinite;
}

@keyframes heartBeat{

0%,100%{
transform:scale(1);
}

50%{
transform:scale(1.3);
}

}

/*==============================
        HOVER EFFECT
==============================*/

.single-footer-widget{
    transition:.45s;
}

.single-footer-widget:hover{
    transform:translateY(-10px);
}

.single-footer-widget:hover h6{
    text-shadow:0 0 12px rgba(212,175,55,.7);
}

/*==============================
        RESPONSIVE
==============================*/

@media(max-width:991px){

.single-footer-widget{
text-align:center;
}

.single-footer-widget h6::after{
left:50%;
transform:translateX(-50%);
}

.footer-social{
justify-content:center;
}

}

@media(max-width:767px){

.footer-area{
padding:70px 0 25px;
}

.footer-bottom{
margin-top:25px;
}

.footer-text{
font-size:14px;
}

}
/*==================================
        FLOATING WHATSAPP BUTTON
===================================*/

.dds-whatsapp-float{

    position:fixed;

    right:30px;

    bottom:30px;

    width:65px;

    height:65px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#25D366;

    color:#fff;

    border-radius:50%;

    font-size:34px;

    text-decoration:none;

    z-index:9999;

    box-shadow:
    0 10px 30px rgba(0,0,0,.35);

    transition:.4s ease;

    animation:ddsWhatsappPulse 2s infinite;

}


.dds-whatsapp-float:hover{

    background:#128C7E;

    color:#fff;

    transform:translateY(-8px) scale(1.05);

}



/* Pulse Animation */

@keyframes ddsWhatsappPulse{


0%{

    box-shadow:
    0 0 0 0 rgba(37,211,102,.6);

}


70%{

    box-shadow:
    0 0 0 20px rgba(37,211,102,0);

}


100%{

    box-shadow:
    0 0 0 0 rgba(37,211,102,0);

}


}



/* Mobile */

@media(max-width:767px){


.dds-whatsapp-float{

    width:55px;

    height:55px;

    right:20px;

    bottom:20px;

    font-size:28px;

}


}