footer{
    width:100%;
    background-color: rgb(248 248 248);
    display:flex;
    align-items:center;
    justify-content:center;
}

.footer-data{
    width:100%;
    max-width:110rem;
    display:flex;
    flex-direction: column;
    padding:4.8rem 0px 2.2rem;
}

.top-section{
    justify-content: space-between;
    align-items:center;
    margin-bottom:4rem;
    width:100%;
}

.top-section img{
    height:2.8rem;
    width:13.2rem;
}

.top-section .dropdowns{
    gap:10px;
}

.top-section .dropdown{
  min-width: 10rem;
  width: max-content;
  max-width: 100%;
  cursor: pointer;
  position: relative;
  padding: 0.3rem 0.7rem;
  border: 1px solid rgb(181, 181, 181);
  border-radius: 0.6rem;
  font-size: 1.6rem;
  font-weight: 200;
  gap: 5px;
  display:flex;
  align-items: center;
  justify-content: center;
  text-overflow: ellipsis;
}

.top-section .dropdown img{
    height:3rem;
    width:auto;
}

.middle-section{
    width:100%;
    display:flex;
    justify-content: space-between;
}

.footer-links{
    position:relative;
    max-width:18.3333%;
    width:100%;
    flex-grow:0;
    flex-shrink:0;
}

.footer-links ul{
    list-style:none;
}
footer .heading-6{
    font-size:1.4rem;
    letter-spacing:0.2rem;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0px 0px 1.2rem;
    width: 100%;
}

.footer-links ul li {
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: rgb(105, 105, 105);
    margin: 0.5rem 0px;
    cursor: pointer;
    width: 100%;
  }

  .middle-section .column{
    gap:20px;
  }

  .middle-section .column .footer-links{
    max-width:fit-content;
  }

  .middle-section .socials {
    gap:10px;
    margin:1rem 0;
  }

.socials li i{
    background-color:black;
    color:white;
    padding:0.5rem;
    border-radius:100%;
    width:2.2rem;
    height:2.2rem;
    display:flex;
    justify-content:center;
    align-items:center;
}
  
.footer-links .buttons img{
    width:13.7rem;
    height:4rem;
}

.footer-links .buttons{
    gap:5px;
}

footer hr{
    margin-top:5rem;
    border-top:  1px solid rgb(207 207 207);
}

.end-section{
    font-size:1.3rem;
    color:rgb(79 79 79);
    line-height:1.7rem;
    margin-top:2.3rem;
}
.footer-links .socials ul{
    gap:10px;
}

@media(max-width:800px){
    .footer-data{
        padding:4.8rem 2.4rem 2.2rem;
    }

    .socials{
        display:none;
    }

    footer .top-section{
        flex-direction: column;
        align-items: flex-start;
    }

    footer .top-section img {
        margin-bottom: 3rem;
    }

    footer .row{
        flex-wrap:wrap;
        width:100%;
    }

    .middle-section .footer-links {
        max-width: 48%;
        margin-bottom: 3rem;
        font-size: 1.6rem;
    }

    .footer-links .buttons{
        flex-direction: row;
    }

}