footer {
     background: var(--footerbg);
     padding: 20px;
     border-radius: 15px;
     margin: 20px 0px 0px 0px;
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
     flex-wrap: wrap;
     border: var(--border);
     font-family: 'Outfit-Regular';
     overflow: hidden;
}
 footer .logo-section {
     display: flex;
     align-items: center;
     margin-right: 40px;
}
 footer .logo-section img {
     height: 63px;
     margin-right: 8px;
     border: 2px solid white;
     border-radius: 100px;
}
 footer .logo-section .company-info {
     display: flex;
     flex-direction: column;
}
 footer .logo-section .company-name {
     font-size: 20px;
     font-weight: bold;
     color:rgba(238, 238, 238, 0.884);
     margin-top: 0px;
}
 footer .logo-section .slogan {
     font-size: 14px;
     color: rgba(238, 238, 238, 0.884);
     margin-top: -5px;
}
 footer .column {
     display: flex;
     flex-direction: column;
     margin: 0px 20px;
}
 footer .column h3 {
     margin-bottom: 10px;
     font-size: 1.2em;
     color:rgba(238, 238, 238, 0.884);
     font-weight: 600;
     margin-top: 10px;
}
 .footerheadings{
     font-weight: bold;
     font-size: 1.2em;
     color: rgba(238, 238, 238, 0.884);
     margin-top: 10px;
     margin-bottom: 10px;
}
 footer .column a {
     color: rgba(238, 238, 238, 0.884);
     text-decoration: none;
     margin: 1px 0;
}
 footer .column a:hover {
     text-decoration: none;
}
 footer .social-links {
     display: flex;
     justify-content: left;
     width: 70%;
     margin-top: 10px;
     margin-left: -10px;
}
 footer .social-links a {
     margin: 0 10px;
     color: rgba(238, 238, 238, 0.884);
     text-decoration:rgb(34, 34, 34);
     font-size: 20px;
}
 footer .copyright {
     text-align: left;
     width: 100%;
     margin-top: 5px;
     font-size: 0.9em;
     color: rgba(238, 238, 238, 0.884);
}
 @media (max-width: 768px) {
     footer {
         flex-direction: column;
         align-items: flex-start;
         margin: 20px 0px 0px 0px;
         padding: 10px;
    }
     footer .logo-section {
         margin-right: 0;
         margin-bottom: 20px;
    }
     footer .column {
         margin: 0px 0px;
    }
     footer .social-links {
         justify-content: flex-start;
    }
     footer .copyright {
         text-align: left;
    }
}