/* Main Footer */
.main-footer{ background: var(--black); padding: 100px 0; color: var(--white); }
.main-footer .content{ display: flex; justify-content: space-between; padding-left: 300px; position: relative; }

/* Logo */
.main-footer .logo{ position: absolute; width: 180px; top: 0; left: 0; filter: grayscale(1); opacity: .8; }
.main-footer .logo img{ width: 100%; }

/* Footer Columns */
.main-footer .footer-columns .footer-widget-title{ font-size: 20px; color: var(--white); margin-bottom: 20px; font-weight: 600; }

/* Footer Menu */
.main-footer .footer-columns{ display: flex; width: 100%; justify-content: space-between; }
.main-footer .footer-columns .footer-column .menu li{ padding: 8px 0; }
.main-footer .footer-columns .footer-column .menu li a{ color: var(--orange); text-decoration: none; transition: var(--transition); }
.main-footer .footer-columns .footer-column .menu li a:hover{ color: var(--white); }

/* Social Menu */
.main-footer .social-menu{ margin-left: 200px; }
.main-footer .social-menu ul{ display: flex; gap: 5px; }
.main-footer .social-menu ul li{}
.main-footer .social-menu ul li a{ color: var(--orange); display: flex; width: 40px; height: 40px; align-items: center; justify-content: center; transition: var(--transition); text-decoration: none; }
.main-footer .social-menu ul li a:hover{ color: var(--white); }

    .main-footer .social-menu ul li.instagram a{ font-size: 28px; }
    .main-footer .social-menu ul li.linkedin a{ font-size: 30px; }
    .main-footer .social-menu ul li.facebook a{ font-size: 25px; }
    .main-footer .social-menu ul li.x a{ font-size: 26px; }

/* Post Footer */
.post-footer{ padding: 30px 0; background: var(--grey-111); color: var(--white); font-size: 14px; }
.post-footer .content{ display: flex; justify-content: space-between; align-items: center; }

@media screen and (max-width: 1280px){

}

@media screen and (max-width: 1023px){

    /* Main Footer */
    .main-footer{ padding: 60px 0; }
    .main-footer .content{ flex-direction: column; padding: 0 20px; }

    /* Logo */
    .main-footer .logo{ position: relative; margin-bottom: 40px; width: 80px; }
    
    /* Footer Columns */
    .main-footer .footer-widget-title{ font-size: 20px; }
    .main-footer .footer-columns{ flex-direction: column; }
    .main-footer .footer-columns .footer-column{ margin-bottom: 50px; }
    .main-footer .footer-columns .footer-column .menu li a{ font-size: 15px; }

    /* Post Footer */
    .post-footer{ font-size: 13px; }

    /* Social Menu */
    .main-footer .social-menu{ margin-left: 0; }
    
}

@media screen and (max-width: 767px){
    
}

@media screen and (max-width: 540px){
    
}