.elementor-279 .elementor-element.elementor-element-94ec203{--display:flex;}.elementor-279 .elementor-element.elementor-element-f5bcf31{width:100%;max-width:100%;}/* Start custom CSS for html, class: .elementor-element-f5bcf31 */.custom-footer{
font-family:'Roboto', sans-serif;
background:linear-gradient(135deg,#7a0000,#b30000);
color:#fff;
padding-top:60px;
}

/* logo */

.footer-logo{
text-align:center;
margin-bottom:50px;
}

.footer-logo img{
max-width:140px;
}

/* container */

.footer-container{
max-width:1100px;
margin:auto;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:40px;
padding:0 20px 60px;
text-align:center;
}

/* text */

.footer-col h4{
margin-bottom:15px;
font-size:16px;
}

.footer-col p{
color:#eee;
font-size:14px;
margin:5px 0;
}

/* phone */

.phone{
color:#f4b000;
font-weight:600;
}

/* socials */

.socials{
margin-top:10px;
display:flex;
justify-content:center;
gap:10px;
}

.socials span{
width:35px;
height:35px;
background:#fff;
color:#b30000;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
cursor:pointer;
}

/* newsletter */

.newsletter{
display:flex;
margin-top:10px;
}

.newsletter input{
flex:1;
padding:10px;
border:none;
outline:none;
border-radius:6px 0 0 6px;
}

.newsletter button{
background:#f4b000;
border:none;
padding:10px 15px;
cursor:pointer;
border-radius:0 6px 6px 0;
font-weight:600;
}

/* bottom */

.footer-bottom{
background:#5c0000;
padding:15px 20px;
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
gap:10px;
}

/* payments */

.payments{
display:flex;
align-items:center;
gap:10px;
}

.payments img{
height:22px;
background:#fff;
padding:3px;
border-radius:4px;
}

.cod{
background:#fff;
color:#000;
padding:3px 8px;
border-radius:4px;
font-size:12px;
}

/* responsive */

@media(max-width:768px){

.footer-container{
grid-template-columns:1fr 1fr;
}

.footer-bottom{
flex-direction:column;
text-align:center;
}

}

@media(max-width:500px){

.footer-container{
grid-template-columns:1fr;
}

.newsletter{
flex-direction:column;
}

.newsletter input,
.newsletter button{
border-radius:6px;
margin-bottom:10px;
}

}/* End custom CSS */