/*=========================================
 SSSP PREMIUM FOOTER
 PART 2
==========================================*/

.ssspFooter{

    position:relative;

    overflow:hidden;

    background:
    radial-gradient(circle at top left,#5a0b0b 0%,#250909 60%,#120504 100%);

    color:#fff;

    padding:80px 0 0;

}

/*-----------------------------
Container
-----------------------------*/

.ssspFooter .container{

    position:relative;

    z-index:10;

}

/*-----------------------------
Top Area
-----------------------------*/

.ssspFooterTop{

    display:grid;

    grid-template-columns:2.2fr 1fr 1fr 1fr;

    gap:60px;

    padding-bottom:55px;

}

/*-----------------------------
Logo
-----------------------------*/

.ssspFooterLogo{

    margin-bottom:25px;

}

.ssspFooterLogo img{

    max-width:120px;

    height:auto;

}

/*-----------------------------
About
-----------------------------*/

.ssspFooterAbout h3{

    font-family:"Playfair Display",serif;

    font-size:34px;

    line-height:1.3;

    margin-bottom:15px;

    color:#fff;

}

.ssspFooterTagline{

    color:#d9b15b;

    letter-spacing:3px;

    text-transform:uppercase;

    font-size:13px;

    margin-bottom:25px;

}

.ssspFooterAbout p{

    color:#d7cbc7;

    line-height:2;

    font-size:15px;

    margin-bottom:30px;

}

/*-----------------------------
Social
-----------------------------*/

.ssspFooterSocial{

    display:flex;

    gap:14px;

}

.ssspFooterSocial a{

    width:48px;

    height:48px;

    border-radius:50%;

    border:1px solid rgba(214,170,70,.35);

    display:flex;

    justify-content:center;

    align-items:center;

    color:#d7b15b;

    text-decoration:none;

    transition:.35s;

}

.ssspFooterSocial a:hover{

    background:#c9972d;

    color:#fff;

    transform:translateY(-5px);

}

/*-----------------------------
Columns
-----------------------------*/

.ssspFooterColumn h4{

    position:relative;

    color:#fff;

    font-size:20px;

    margin-bottom:28px;

    font-family:"Playfair Display",serif;

    padding-bottom:14px;

}

.ssspFooterColumn h4::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:65px;

    height:2px;

    background:#d8aa44;

}

.ssspFooterColumn h4::before{

    content:"◆";

    position:absolute;

    left:70px;

    bottom:-9px;

    font-size:11px;

    color:#d8aa44;

}

.ssspFooterColumn ul{

    margin:0;

    padding:0;

    list-style:none;

}

.ssspFooterColumn ul li{

    margin-bottom:15px;

}

.ssspFooterColumn ul li a{

    color:#ddd;

    text-decoration:none;

    transition:.35s;

    display:inline-flex;

    align-items:center;

    gap:10px;

    font-size:15px;

}

.ssspFooterColumn ul li a::before{

    content:"›";

    color:#d8aa44;

    font-size:18px;

}

.ssspFooterColumn ul li a:hover{

    color:#d8aa44;

    transform:translateX(8px);

}

/*-----------------------------
Decorations
-----------------------------*/

.ssspFooterMandala{

    position:absolute;

    right:-70px;

    top:-70px;

    width:320px;

    height:320px;

    border:1px solid rgba(214,170,70,.10);

    border-radius:50%;

}

.ssspFooterMandala::before{

    content:"";

    position:absolute;

    inset:25px;

    border:1px solid rgba(214,170,70,.08);

    border-radius:50%;

}

.ssspFooterMandala::after{

    content:"";

    position:absolute;

    inset:55px;

    border:1px solid rgba(214,170,70,.06);

    border-radius:50%;

}

.ssspFooterVeena{

    position:absolute;

    right:20px;

    top:120px;

    width:260px;

    height:260px;

    opacity:.05;

    background:
    radial-gradient(circle,#d6aa44 0%,transparent 70%);

    border-radius:50%;

}
/*=========================================
 SSSP PREMIUM FOOTER
 PART 3
 CONTACT BAR + FOOTER BOTTOM
==========================================*/

/*==================================
CONTACT STRIP
==================================*/

.ssspFooterContactBar{

    margin-top:20px;

    padding:22px 0;

    border-top:1px solid rgba(214,170,68,.25);

    border-bottom:1px solid rgba(214,170,68,.25);

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

    align-items:center;

}

.ssspContactItem{

    display:flex;

    align-items:center;

    gap:14px;

}

.ssspContactItem i{

    width:42px;

    height:42px;

    border-radius:50%;

    border:1px solid rgba(214,170,68,.35);

    display:flex;

    justify-content:center;

    align-items:center;

    color:#d7aa49;

    font-size:15px;

    transition:.35s;

}

.ssspContactItem:hover i{

    background:#d7aa49;

    color:#fff;

    transform:rotate(360deg);

}

.ssspContactItem span{

    color:#d7cbc7;

    font-size:14px;

    line-height:1.8;

}

/*==================================
BOTTOM
==================================*/

.ssspFooterBottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:26px 0;

}

.ssspCopyright{

    color:#cbb9b4;

    font-size:14px;

}

.ssspFooterBottomLinks{

    display:flex;

    gap:25px;

}

.ssspFooterBottomLinks a{

    color:#d7cbc7;

    text-decoration:none;

    transition:.35s;

    position:relative;

}

.ssspFooterBottomLinks a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-5px;

    width:0;

    height:2px;

    background:#d8aa44;

    transition:.35s;

}

.ssspFooterBottomLinks a:hover{

    color:#d8aa44;

}

.ssspFooterBottomLinks a:hover::after{

    width:100%;

}

/*==================================
GOLD CENTER ORNAMENT
==================================*/

.ssspFooterContactBar::before{

    content:"❖";

    position:absolute;

    left:50%;

    transform:translateX(-50%);

    margin-top:-35px;

    color:#d8aa44;

    background:#250909;

    padding:0 18px;

    font-size:16px;

}

/*==================================
TOP GLOW
==================================*/

.ssspFooter::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:1px;

    background:

    linear-gradient(

    90deg,

    transparent,

    rgba(255,215,120,.6),

    transparent

    );

}

/*==================================
HOVER GLOW
==================================*/

.ssspFooterColumn ul li a{

    position:relative;

}

.ssspFooterColumn ul li a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-2px;

    width:0;

    height:1px;

    background:#d8aa44;

    transition:.35s;

}

.ssspFooterColumn ul li a:hover::after{

    width:100%;

}

/*==================================
LOGO HOVER
==================================*/

.ssspFooterLogo img{

    transition:.45s;

}

.ssspFooterLogo:hover img{

    transform:scale(1.05);

}

/*==================================
ABOUT
==================================*/

.ssspFooterAbout{

    max-width:420px;

}

/*==================================
COLUMN SPACING
==================================*/

.ssspFooterColumn{

    padding-top:10px;

}

/*==================================
ANIMATION
==================================*/

@keyframes footerFade{

    from{

        opacity:0;

        transform:translateY(30px);

    }

    to{

        opacity:1;

        transform:none;

    }

}

.ssspFooterTop,
.ssspFooterContactBar,
.ssspFooterBottom{

    animation:footerFade .8s ease;

}

/*==================================================
 SSSP PREMIUM FOOTER
 PART 4 (FINAL)
==================================================*/

/*==============================
1400px
==============================*/

@media(max-width:1400px){

.ssspFooterTop{

grid-template-columns:1.8fr 1fr 1fr 1fr;

gap:40px;

}

.ssspFooterAbout h3{

font-size:30px;

}

}

/*==============================
1200px
==============================*/

@media(max-width:1199px){

.ssspFooter{

padding-top:70px;

}

.ssspFooterTop{

grid-template-columns:1fr 1fr;

gap:50px;

}

.ssspFooterAbout{

max-width:100%;

}

.ssspFooterContactBar{

grid-template-columns:repeat(2,1fr);

gap:25px;

}

}

/*==============================
991px
==============================*/

@media(max-width:991px){

.ssspFooterTop{

grid-template-columns:1fr;

text-align:center;

}

.ssspFooterLogo{

display:flex;

justify-content:center;

}

.ssspFooterSocial{

justify-content:center;

}

.ssspFooterColumn h4::after{

left:50%;

transform:translateX(-50%);

}

.ssspFooterColumn h4::before{

left:50%;

margin-left:45px;

}

.ssspFooterColumn ul li a{

justify-content:center;

}

.ssspFooterContactBar{

grid-template-columns:1fr;

text-align:center;

}

.ssspContactItem{

justify-content:center;

flex-direction:column;

gap:10px;

}

.ssspFooterBottom{

flex-direction:column;

gap:18px;

text-align:center;

}

}

/*==============================
768px
==============================*/

@media(max-width:768px){

.ssspFooter{

padding-top:60px;

}

.ssspFooterLogo img{

max-width:90px;

}

.ssspFooterAbout h3{

font-size:26px;

}

.ssspFooterTagline{

font-size:11px;

letter-spacing:2px;

}

.ssspFooterAbout p{

font-size:14px;

line-height:1.9;

}

.ssspFooterColumn{

padding-top:0;

}

.ssspFooterColumn h4{

font-size:20px;

}

.ssspFooterColumn ul li{

margin-bottom:12px;

}

.ssspFooterColumn ul li a{

font-size:14px;

}

.ssspFooterSocial a{

width:42px;

height:42px;

}

.ssspFooterContactBar{

padding:30px 0;

}

.ssspContactItem span{

font-size:13px;

}

.ssspFooterBottomLinks{

flex-wrap:wrap;

justify-content:center;

gap:15px;

}

}

/*==============================
576px
==============================*/

@media(max-width:576px){

.ssspFooter{

padding-top:50px;

}

.ssspFooterTop{

gap:40px;

}

.ssspFooterLogo img{

max-width:75px;

}

.ssspFooterAbout h3{

font-size:22px;

}

.ssspFooterTagline{

font-size:10px;

}

.ssspFooterAbout p{

font-size:13px;

}

.ssspFooterColumn h4{

font-size:18px;

}

.ssspFooterColumn ul li a{

font-size:13px;

}

.ssspFooterSocial{

gap:10px;

}

.ssspFooterSocial a{

width:40px;

height:40px;

font-size:14px;

}

.ssspContactItem i{

width:38px;

height:38px;

font-size:13px;

}

.ssspFooterBottom{

padding:20px 0;

}

.ssspCopyright{

font-size:12px;

}

.ssspFooterBottomLinks a{

font-size:12px;

}

}

/*==============================
ANIMATIONS
==============================*/

.ssspFooterColumn ul li{

transition:.35s;

}

.ssspFooterColumn ul li:hover{

transform:translateX(6px);

}

.ssspFooterSocial a{

box-shadow:0 0 0 rgba(216,170,68,0);

}

.ssspFooterSocial a:hover{

box-shadow:0 0 20px rgba(216,170,68,.35);

}

.ssspContactItem{

transition:.35s;

}

.ssspContactItem:hover{

transform:translateY(-4px);

}

.ssspFooterWrapper{

overflow:hidden;

}

/*==============================
SCROLLBAR SAFE
==============================*/

.ssspFooter{

overflow:hidden;

}

/*==============================
SELECTION
==============================*/

.ssspFooter ::selection{

background:#d8aa44;

color:#fff;

}