.main-footer{ width: 100%; padding: 0 20px 20px; margin-top: 50px; }
.main-footer .content{ background: rgba(0,0,0,.5); box-shadow: 0 4px 30px rgba(0,0,0,.1); backdrop-filter: blur(10px); border-radius: 15px; padding: 60px; display: flex; justify-content: space-between; padding-left: 350px; }
.main-footer .column{ display: flex; flex-direction: column; gap: 20px; }
.main-footer .updated{ margin-top: 15px; }
.main-footer .updated a{ color: var(--yellow); font-size: 14px; margin-top: 30px; }
.main-footer .updated a:hover{ color: var(--white); }
.main-footer .logo{ position: relative; }
.main-footer .logo .bd{ display: block; font-size: 16px; color: var(--white); font-family: var(--poppins); position: absolute; top: 30px; left: 158px; font-weight: 600; }

/* Social Box */
.main-footer .social-box{}
.main-footer .social-box h3{ line-height: 1.3; font-size: 14px; font-weight: 500; color: var(--grey-888); }
.main-footer .social-box .links{ display: flex; gap: 10px; margin-top: 10px; align-items: center; }
.main-footer .social-box .links li{}
.main-footer .social-box .links li a{ font-size: 24px; color: var(--white-aaa); transition: var(--transition); }
.main-footer .social-box .links li a:hover{ color: var(--yellow); }

/* Links Menu */
.main-footer .links-menu{}
.main-footer .links-menu.proyect-menu{ margin-top: 50px; }
.main-footer .links-menu li{ display: block; margin-bottom: 10px; }
.main-footer .links-menu li.menu-title{ font-size: 16px; font-weight: 600; color: var(--white-ccc); margin-bottom: 20px; line-height: 1.4; font-family: var(--poppins); border-bottom: 1px solid var(--grey-222); padding-bottom: 10px; }
.main-footer .links-menu li a{ display: inline-block; transition: var(--transition); font-size: 14px; line-height: 1.4; font-weight: 500; }
.main-footer .links-menu li a:hover{ color: var(--white); }

/* Logo */
.main-footer .column-one{ position: absolute; top: 60px; left: 40px; }
.main-footer .logo{ width: 150px; opacity: .1; }
.main-footer .logo img{ width: 100%; }

/* Column Two */
.main-footer .column-two{ display: flex; flex-direction: row; }
.main-footer .column-two .links-menu{ margin-right: 100px; }

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


}

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

    .main-footer{ padding: 0; }
    .main-footer .content{ flex-direction: column; padding: 40px 20px; border-radius: 0; }

    .main-footer .column-one{ position: relative; top: 0; left: 0; margin-bottom: 30px; width: 100%; }
    .main-footer .updated{ margin-top: 0; }
    .main-footer .logo .bd{ top: 23px; left: 128px; font-size: 15px; }

    
    .main-footer .column-two{ flex-direction: column; margin-bottom: 30px; width: 100%; }
    .main-footer .column-two .links-menu{ margin-right: 0; }

    .main-footer .logo{ width: 120px; }

}

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

}