footer {
   margin-top: 7em;
   position: relative;
   width: 100%;
   padding: 24px 60px;
   background: url("../img/background-footer.png") no-repeat center;
   background-size: cover;
   border-radius: 16px;
   
   .footer-container {
       width: 100%;
       position: relative;
   
       .footer-header {
           position: relative;
           padding-bottom: 16px;
           display: flex;
           justify-content: space-between;
   
           .footer-logo {
               display: flex;
               align-items: center;
               width: 12rem;
               height: 2rem;
               position: relative;
               left: -1.75rem;
               img {
                   width: 100%;
               }
           }
           .social-icons {
               gap: 16px;
               display: flex;
               align-items: flex-end;
   
               a {
                   color: #fff;
               }
           }
       }
       .footer-header::before {
           content: '';
           position: absolute;
           bottom: 0;
           right: 0;
           width: 100%;
           height: 1px;
           background: #D5EFE6;
       }
   
       .footer-content {
           display: flex;
           justify-content: space-between;
           margin-top: 16px;
           gap: 1rem;

           .footer-column {

               .title {
                   color: #FFF;
                   margin-bottom: 16px;
                   font-size: 20px;
                   font-weight: 700;
                   line-height: 30px; /* 150% */
               }
               ul {
                   list-style: none;
                   display: flex;
                   flex-direction: column;
                   gap: 5px;
       
                   li {
                       color: #FFF;
                       font-size: 16px;
                       font-weight: 400;
                       line-height: 24px;
       
                       a {
                           color: #FFF;
                       }
                   }
               }
               
           }
           
           .about-us {
               min-width: 120px;
           }
       
           .our-services {
               min-width: 240px;
           }

           .contact-us {
               display: flex;
               flex-direction: column;
           
               .align-center {
                   align-items: center;
               }
               .info-item {
                   display: inline-flex;
                   margin-bottom: 16px;
                   gap: 16px;
           
                   i {
                       width: 30px;
                       height: 30px;
                       flex-shrink: 0;
                       background-color: #FFF;
                   }
                   .label {
                       min-width: 88px;
                       color: #FFF;
                       font-size: 16px;
                       font-weight: 700;
                       line-height: 24px;
                   }
                   .text {
                       color: #FFF;
                       font-size: 16px;
                       font-weight: 400;
                       line-height: 24px;
                   }
       
                   .no-icon {
                       background-color: transparent !important;
                   }
               }
           }
       }
       .social-icons-mobile {
           display: none;
       }
       
   }
}


@media (max-width: 767px) {
    footer {
        margin-top: 24px;
        margin-bottom: 16px;
        padding: 24px 16px;

        .footer-container {
            .footer-header {
                padding-bottom: 8px;

                &&::before {
                    display: none;
                }
        
                .social-icons {
                    display: none;
                }
            }
            .footer-content {
                position: relative;
                padding-bottom: 8px;

                &&::before {
                    content: '';
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    width: 100%;
                    height: 1px;
                    background: #D5EFE6;
                }
                .about-us, .our-services {
                    display: none;
                }
                .footer-column .title {
                    display: none;
                }
            }
            .social-icons-mobile {
                gap: 24px;
                margin-top: 24px;
                display: flex;
    
                a {
                    color: #fff;
                }
            }
        }
    }
}