.site-footer{

position:relative;

overflow:hidden;

background:
linear-gradient(
180deg,
#e7e7e7,
#dddddd,
#d5d5d5
);

padding:48px 42px 14px;

color:#000;

}


/* GLASS SHINE */

.site-footer::before{

content:"";

position:absolute;

left:-30%;

top:-180%;

width:18%;

height:400%;

transform:rotate(26deg);

background:

linear-gradient(
90deg,
transparent,
rgba(255,255,255,.8),
transparent
);

animation:

footerShine 12s linear infinite;

pointer-events:none;

}

@keyframes footerShine{

0%{

left:-30%;

}

100%{

left:130%;

}

}



/* LAYOUT */

.footer-container{

max-width:1400px;

margin:auto;

padding:0 50px;

display:grid;

grid-template-columns:

1fr
auto
1fr;

align-items:start;

gap:50px;

}



/* REMOVE BOX */

.footer-col{

flex:1;

min-width:240px;

padding:0;

background:none;

backdrop-filter:none;

border:none;

box-shadow:none;

}


.footer-contact{

font-size:14px;

font-weight:400;

line-height:1.8;

}

.footer-contact p,


/* CONTACT (EMAIL + PHONE) HOVER */
.footer-contact a:hover{

font-weight:700;

transform:none;

background:none;

border:none;

box-shadow:none;

text-shadow:
0 0 8px rgba(255,255,255,.45);

}


.footer-col h3{

display:inline-flex;

align-items:center;

justify-content:center;

padding:10px 22px;

font-size:20px;

font-weight:800;

background:transparent;

border:1px solid #000;

border-radius:16px;

color:#000;

margin-bottom:22px;

transition:.25s;

}

.footer-col h3:hover{

background:#000;

color:#fff;

transform:scale(1.03);

}




/* ALIGN */

.footer-col:first-child{

justify-self:start;

}

.footer-col:nth-child(2){

justify-self:center;

}

.footer-col:last-child{

justify-self:end;

}



/* LOGO */

.footer-logo{

height:62px;

margin-bottom:20px;

}



/* BUTTON */

.footer-btn{

margin-bottom:18px;

display:inline-flex;

align-items:center;

justify-content:center;

padding:12px 22px;

background:#000;

color:#fff !important;

font-weight:800;

font-size:15px;

border:1px solid #000;

border-radius:14px;

transition:.25s;

position:relative;

z-index:5;

}

.footer-btn{

display:inline-flex;

width:max-content;

white-space:nowrap;

flex-shrink:0;

}

.footer-btn{

display:inline-flex;

white-space:nowrap;

}

.footer-btn:hover{

background:#fff;

color:#000 !important;

transform:none;

box-shadow:
0 0 10px rgba(255,255,255,.4);

}

.footer-social{

display:flex;

gap:14px;

align-items:center;

}

.footer-social a{

width:26px;

height:26px;

display:flex;

align-items:center;

justify-content:center;

}

.footer-social img{

width:100%;

height:100%;

display:block;

object-fit:contain;

filter:brightness(0);

transition:.25s;

}

.footer-social a:hover img{

transform:scale(1.15);

filter:
brightness(0)
drop-shadow(
0 0 10px rgba(255,255,255,.7)
);

}


/* TEXT */

.footer-contact p,
.footer-col li,
.footer-col a{

font-size:16px;

font-weight:400;

line-height:1.8;

color:#000;

}


.footer-bottom{

padding-top:10px;

padding-bottom:6px;

margin-top:24px;

}



.footer-col ul{

list-style:none;

padding:0;

margin:0;

}



.footer-col li{

margin-bottom:8px;

}



.footer-col a{

transition:.22s;

}



.footer-col ul a{

display:inline-block;

font-weight:400;

transition:
transform .22s,
font-weight .22s,
text-shadow .22s;

}

.footer-col ul a:hover{

font-weight:700;

transform:translateX(4px);

text-shadow:
0 0 10px rgba(255,255,255,.45);

}



/* BOTTOM */

.footer-bottom{

margin-top:28px;

padding:

14px 50px;

display:flex;

justify-content:space-between;

align-items:center;

border-top:

1px solid rgba(0,0,0,.08);

}



.footer-bottom p{

font-size:13px;

font-weight:400;

}



/* SOCIAL */

.footer-social{

display:flex;

gap:20px;

align-items:center;

}

.footer-social a{

display:flex;

align-items:center;

justify-content:center;

width:30px;

height:30px;

overflow:hidden;

}

.footer-social img{

display:block;

width:24px !important;

height:24px !important;

object-fit:contain;

filter:none !important;

}

.footer-social a:hover img{

transform:scale(1.15);

transition:.25s;

}


/* MOBILE */

@media(max-width:992px){

.footer-container{

align-items:flex-start;

grid-template-columns:1fr;

gap:30px;

padding:0 24px;

}



.footer-col{

min-width:0;

justify-self:start!important;

}



.footer-bottom{

padding:18px 24px;

flex-direction:column;

gap:16px;

}

}



@media(max-width:600px){

.footer-logo{

height:52px;

}


.footer-contact p,
.footer-col a{

font-size:13px;

}


}