.footer-section{
background:#3e2723;
color:#ddd;
padding-top:60px;
}

.footer-top{
padding-bottom:30px;

}

.footer-company p{
font-size:14px;
line-height:1.7;
margin-top:10px;
text-align: justify;
}

.footer-links ul{
list-style:none;
padding:0;
}

.footer-links li{
margin-bottom:10px;
}

.footer-links a{
color:#ddd;
text-decoration:none;
transition:0.3s;
}

.footer-links a:hover{
color:#d7a86e;
}

.footer-bottom{
background:#2b1b17;
padding:15px 0;
font-size:14px;
margin-top:30px;
}


.footer-section{
background: linear-gradient(135deg,#3e2723,#5d4037);
color:#eee;
padding-top:70px;
}

.footer-brand{
display:flex;
align-items:center;
gap:12px;
margin-bottom:15px;
}

.footer-brand img{
height:45px;
}

.footer-brand h5{
margin:0;
font-weight:600;
}

.footer-desc{
max-width:520px;
line-height:1.7;
font-size:14px;
margin-bottom:20px;
}

.footer-links h6{
margin-bottom:20px;
font-weight:600;
position:relative;
}

.footer-links h6::after{
content:"";
display:block;
width:40px;
height:2px;
background:#d7a86e;
margin-top:6px;
}

.footer-links ul{
list-style:none;
padding:0;
margin:0;
}

.footer-links li{
margin-bottom:12px;
}

.footer-links a{
color:#ddd;
text-decoration:none;
transition:0.3s;
font-size:15px;
}

.footer-links a:hover{
color:#d7a86e;
padding-left:6px;
}

.footer-social a{
color:white;
font-size:20px;
margin-right:15px;
transition:0.3s;
}

.footer-social a:hover{
color:#d7a86e;
}

.footer-bottom{
background:#2b1b17;
text-align:center;
padding:16px;
font-size:14px;
margin-top:40px;
}
.footer-product p{
font-size:14px;
margin-bottom:10px;
line-height:1.6;
}

.footer-product strong{
color:#c49b63;
}
.footer-product h6{
    margin-bottom:20px;
    font-weight:600;
    position:relative;
}

.footer-product h6::after{
    content:"";
    display:block;
    width:40px;
    height:2px;
    background:#d7a86e;
    margin-top:6px;
}

/*Designed by CSS*/
.footer-bottom{
display:flex;
justify-content:space-between;
align-items:center;
background:#2b1b17;
padding:16px 40px;
font-size:14px;
margin-top:40px;
flex-wrap:wrap;
}

.footer-credit a{
color:#c49b63;
text-decoration:none;
font-weight:500;
}

.footer-credit a:hover{
text-decoration:underline;
}
@media (max-width:768px){

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

}
/*Designed By CSS*/
/* PHP Image Alignment for Footer */
.footer-product img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}