.footer{
    float:left;
    width:100%;
    background:#f8f8f8 ;
    padding:30px 0px;
    box-sizing:border-box;
    border-top:5px solid #ffde3c;
}
.top-white-footer{
    float:left;
    width:100%;
    background: #fff;
    padding:20px;
    box-sizing:border-box;
    display:flex;
    justify-content:space-between;
    border-radius:10px;
}
.left-white-footer{
    display:flex;
    gap:20px;
    align-items:center;
}
.left-white-footer .phone, .left-white-footer .email{
    display:flex;
    gap:10px;
    align-items:center;
}
.left-white-footer .phone svg, .left-white-footer .email svg{
    width:45%;
}
.left-white-footer .txt, .right-white-footer .txt{
    font-size:16px;
    color:#333;
    text-transform:uppercase;
    font-family:"Oswald", sans-serif;
    font-weight: 600;

}
.left-white-footer .phone span, .left-white-footer .email span{
    background: #ffde3c;
    width:50px;
    height: 50px;
    border-radius:100%;
    display:flex;
    align-items:center;
    justify-content:space-around;
}
.left-white-footer .phone a, .left-white-footer .email a{
    color:#000;
    font-size:14px;
}
.right-white-footer{
    display:flex;
    gap:10px;
    align-items:center;
}
.right-white-footer input{
    border:1px solid #333;
    height: 40px;
    line-height: 40px;
    padding-left:10px;
    box-sizing:border-box;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
.right-white-footer .submit{
    border:none;
    height: 40px;
    line-height: 40px;
    padding:0 10px;
    box-sizing:border-box;
    color:#000;
    background:#ffde3c;
    text-transform:uppercase;
    font-family:"Oswald", sans-serif;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;

}
.right-white-footer .submit:hover{
    background: #333;
    color:#fff;
}
.footer-colums{
    float:left;
    width:100%;
    display:flex;
    gap:30px;
    
}
.footer-colum{
    display:flex;
    flex-direction:column;
    gap:10px;
    width:25%;
}
.footer-colum .f-title{
    float:left;
    width:100%;
    color:#333;
    font-size:16px;
    text-transform: uppercase;
    font-family:"Oswald", sans-serif;
    font-weight: 600;
}
.footer-colum .f-link{
    float:left;
    width:100%;
    color:#333;
}
.footer-colum .f-link:hover{
    color:#FFDE3C;
}
.black-part{
    float:left;
    width:100%;
    background: #333;
    padding:30px 0px;
    box-sizing:border-box;
}
.bottom-footer{
    float:left;
    width:100%;
    display:flex;
    justify-content:space-between;
}
.bottom-footer span{
    font-size:12px;
    color:#fff;
}