/* Start custom CSS for html, class: .elementor-element-75b87a9 */.clove-footer{

background:#133E24;

color:#fff;

padding:80px 8% 20px;

font-family:'Poppins',sans-serif;

}

.footer-container{

display:grid;

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

gap:60px;

align-items:flex-start;

}

.footer-logo{

width:170px;

margin-bottom:20px;

}

.footer-about h3{

color:#EE771C;

margin-bottom:15px;

font-size:20px;

letter-spacing:2px;

}

.footer-about p{

line-height:1.8;

opacity:.85;

max-width:340px;

}

.footer-links h4,

.footer-hours h4,

.footer-contact h4{

font-size:22px;

margin-bottom:25px;

color:#F7F3EB;

font-family:"Cormorant Garamond",serif;

}

.footer-links ul{

list-style:none;

padding:0;

margin:0;

}

.footer-links li{

margin-bottom:14px;

}

.footer-links a{

color:#fff;

text-decoration:none;

transition:.3s;

}

.footer-links a:hover{

color:#EE771C;

padding-left:8px;

}

.footer-hours p{

margin:15px 0 4px;

font-weight:600;

}

.footer-hours span{

opacity:.8;

}

.footer-contact p{

margin-bottom:18px;

opacity:.85;

}

.footer-btn{

display:inline-block;

margin-top:20px;

background:#EE771C;

color:#fff;

padding:15px 35px;

text-decoration:none;

font-weight:600;

transition:.35s;

}

.footer-btn:hover{

background:#fff;

color:#133E24;

transform:translateY(-3px);

}

.socials{

display:flex;

gap:15px;

margin-top:30px;

}

.socials a{

width:45px;

height:45px;

display:flex;

align-items:center;

justify-content:center;

border:1px solid rgba(255,255,255,.2);

border-radius:50%;

color:#fff;

text-decoration:none;

transition:.35s;

}

.socials a:hover{

background:#EE771C;

border-color:#EE771C;

transform:translateY(-5px);

}

.footer-bottom{

margin-top:70px;

padding-top:25px;

border-top:1px solid rgba(255,255,255,.15);

display:flex;

justify-content:space-between;

flex-wrap:wrap;

font-size:15px;

opacity:.8;

}

.footer-bottom span{

color:#EE771C;

font-weight:600;

}

@media(max-width:992px){

.footer-container{

grid-template-columns:1fr 1fr;

gap:40px;

}

}

@media(max-width:768px){

.clove-footer{

padding:60px 25px 25px;

}

.footer-container{

grid-template-columns:1fr;

text-align:center;

}

.footer-about p{

margin:auto;

}

.socials{

justify-content:center;

}

.footer-bottom{

flex-direction:column;

gap:12px;

text-align:center;

}

.footer-btn{

width:100%;

max-width:260px;

}

}/* End custom CSS */