
.footer-headings{
font-family: Josefin Sans;
font-weight: 700;
font-style: Bold;
font-size: 16px;
padding: 10px 0px;
color: white;
}
 footer p{
       font-family: DM Sans;
font-weight: 400;
font-style: Regular;
font-size: 14px;

    color: #FFFFFF;
 }
#footer{
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #0B0C0E;
    justify-content: center;
}
#footer-bottom{
    background-color: #0B0C0E;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top  : 1px solid rgb(56, 56, 56);
   width: 94%;
   padding: 30px 0px;
}
#footer-top{
    padding: 50px;
    background-color: #0B0C0E;
    display: flex;
    align-items: start;
    justify-content: space-between;
}
#footer-left{
    display: flex;
     width:50%;
    gap:40px;
    /* background-color: #C8A648; */

}
#linebetweencont{
    width: .1px;
         border: 1px solid rgb(34 34 34);

}
#log-content{
    display: flex;
    flex-direction: column;
    /* background-color: blueviolet; */
    padding: 0px 0px 30px 0px;
}
#log-content img{
    width: 100px;
}

.footer-right-content{
    display: flex;
    flex-direction: column; 

}
#footer-right{
    width: 100%;
    display: flex;
    align-items: start;
    justify-content: space-evenly;
    /* background-color: rgb(74, 75, 77); */
}
#emailadress{
    /* background-color: red; */
   display: flex;
   gap: 30px;
   align-items: start;
   justify-content: space-between;
}
 table{
    padding: 10px;
    text-align: start;
    color: #FFFFFF;
    /* background-color: #C8A648; */
   
 }
 tr,td{
    text-align: start;
    padding: 10px;
 }
 #footer-button{
    width:fit-content;
    outline: none;
    border: none;
    border-radius: 8px;
    padding: 5px 14px;
    background-color:#C8A648;
    margin: 0rem 0rem 1rem 3.4rem;
 }
 #footer-input{
    width: fit-content;
    outline: none;
    border: none;
    padding: 5px 15px;
    background-color: white;
    color:black;
    border-radius: 8px;
 }
 #footer-images{
display: flex;
gap: 20px;
 }
 /* Tablets */
@media (min-width: 577px) and (max-width: 991px) {

    #footer-top{
       width: 100%;
    padding: 10px;
    /* background-color: #1049bb; */
    display: flex;
    align-items: start;
    flex-direction: column;
    /* justify-content: space-between; */
}
.footer-right-content{
    padding: 20px;
    /* background-color: #C8A648; */
}
#footer-bottom{
    background-color: #0B0C0E;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top  : 1px solid rgb(156, 154, 154);
   width:100%;
   padding: 20px 20px;
}
#footer-left{
    display: flex;
    flex-direction: row;
   width: 100%;
   padding:20px  100px 20px 20px;
    /* background-color: rgb(91, 97, 95); */
     border:none;
     justify-content: space-between;
     
}
#linebetweencont{
    display: none
}
#emailadress{
    display: flex;
    flex-direction: row;
}
#footer-right{
    display: flex;
    align-items: start;
    justify-content: space-between;
     padding:20px  90px 20px 0px;
    width: 100%;
 /* background-color: red; */
}
}
/* for mobile respsonsive */

@media (max-width:576px){
  
    #footer-top{
    padding: 10px;
    background-color: #0B0C0E;
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: space-between;
}
#footer-right{
    padding: 10px;
    width: 100%;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    margin: none;
}
#footer-left{
    width: 100%;
   margin: 0px;
   padding: 10px;
    border:none;
    display: flex;
    flex-direction: column;
   /* background-color:#C8A648; */
}
#linebetweencont{
    display: none
}
#footer-bottom{
    display: flex;
    align-items: start;
    justify-content: start;
    flex-direction: column-reverse;
    padding: 10px;
    gap: 10px;
}
#footer-button{
    margin: 10px 0px;
}
#footer-images{
    display: flex;
    gap: 20px;
}
}