/* ===== FOOTER EASYPOSE STYLE ===== */ #footer { background: linear-gradient(135deg, #0b5ea8, #0a4c8a); color: #ffffff; padding: 50px 0 30px; font-size: 15px; } #footer a { color: #ffffff; text-decoration: none; transition: all 0.3s ease; } #footer a:hover { color: #ffd966; text-decoration: underline; } /* Logo */ .logoes-footer { display: flex; align-items: center; gap: 25px; margin-bottom: 30px; } .logoes-footer img { height: 48px; object-fit: contain; } /* Heading */ .footer-col-heading { font-size: 16px; font-weight: 600; margin-bottom: 15px; position: relative; } .footer-col-heading::after { content: ""; width: 35px; height: 3px; background: #ffd966; display: block; margin-top: 6px; border-radius: 2px; } /* Slogan */ .footer-slogan { font-weight: 600; margin-bottom: 8px; } /* Footer info */ .footer-info { list-style: none; padding: 0; margin: 0; } .footer-info li { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px; line-height: 1.5; } .footer-info img { width: 18px; height: 18px; margin-top: 3px; } /* Link list */ .list-title-footer { list-style: none; padding: 0; margin: 0; } .list-title-footer li { margin-bottom: 10px; } .list-title-footer a { position: relative; padding-left: 14px; } .list-title-footer a::before { content: "›"; position: absolute; left: 0; color: #ffd966; font-weight: bold; } /* Responsive */ @media (max-width: 768px) { #footer { text-align: center; } .logoes-footer { justify-content: center; flex-wrap: wrap; } .footer-info li { justify-content: center; } .list-title-footer a { padding-left: 0; } .list-title-footer a::before { display: none; } }