/* =========================
       RESET
    ========================== */
    /* *{
      margin:0;
      padding:0;
      box-sizing:border-box;
    }

    body{
      font-family: "Segoe UI", sans-serif;
      background:#ffffff;
    } */
    a{
        text-decoration:none;
        color:inherit;
    }
    ul{
        list-style:none;
    }
    /* =========================
       FOOTER
    ========================== */
    .footer{
        padding:70px 8% 25px;
        color:#111827;
        border-top: 1px solid #f0f0f0;
    }
    .footer-container{
        max-width:1400px;
        margin:auto;
        display:grid;
        grid-template-columns:
        1.2fr
        1fr
        1fr;
        gap:80px;
        align-items:flex-start;
    }
    /* =========================
       LOGO COLUMN
    ========================== */
    .footer-logo img{
        width:150px;
        margin-bottom:16px;
        display:block;
    }
    .footer-description{
        font-size:14px;
        line-height:1.7;
        color:#4b5563;
        max-width:280px;
    }
    /* =========================
       TITLES
    ========================== */
    .footer-title{
        font-size:40px;
        font-family: Georgia, serif;
        font-weight:500;
        margin-bottom:28px;
        color:#0f172a;
    }
    /* =========================
       LINKS
    ========================== */
    .footer-links{
        display:flex;
        flex-direction:column;
        gap:16px;
    }
    .footer-links a{
        color:#374151;
        font-size:15px;
        transition:0.25s ease;
        width:fit-content;
        position:relative;
    }
    .footer-links a::after{
        content:"";
        position:absolute;
        left:0;
        bottom:-4px;
        width:0%;
        height:1px;
        background:#079992;
        transition:0.3s ease;
    }
    .footer-links a:hover{
        color:#079992;
    }
    .footer-links a:hover::after{
        width:100%;
    }
    /* =========================
       SOCIALS
    ========================== */
    .socials{
        display:flex;
        align-items:center;
        gap:14px;
        margin-top:24px;
    }
    .socials a{
        width:46px;
        height:46px;
        border-radius:12px;
        display:flex;
        align-items:center;
        justify-content:center;
        background:#ffffff;
        box-shadow:0 4px 12px rgba(0,0,0,0.06);
        font-size:22px;
        transition:0.3s ease;
    }
    .socials a:hover{
        transform:translateY(-4px);
    }
    .socials .linkedin{
        color:#0a66c2;
    }
    .socials .facebook{
        color:#1877f2;
    }
    .socials .instagram{
        color:#e1306c;
    }
    /* =========================
       BOTTOM BAR
    ========================== */
    .footer-bottom{
        border-top:1px solid #d9d9d9;
        margin-top:60px;
        padding-top:22px;
        display:flex;
        justify-content:center;
        align-items:center;
        flex-wrap:wrap;
        gap:14px;
        text-align:center;
    }
    .footer-bottom a{
        font-size:14px;
        color:#374151;
        transition:0.25s ease;
    }
    .footer-bottom a:hover{
        color:#079992;
    }
    .separator{
        color:#9ca3af;
    }
    /* =========================
       TABLET
    ========================== */
    @media (max-width: 992px){
        .footer{
                padding:60px 6% 25px;
        }
        .footer-container{
            grid-template-columns:1fr 1fr;
            gap:50px;
        }
        .footer-logo{
            grid-column:1 / -1;
        }
        .footer-title{
            font-size:34px;
        }
    }
    /* =========================
       MOBILE
    ========================== */
    @media (max-width: 768px){
        .footer{
            padding:50px 24px 25px;
        }
        .footer-container{
            grid-template-columns:1fr;
            gap:45px;
        }
        .footer-title{
            font-size:30px;
            margin-bottom:20px;
        }
        .footer-description{
            max-width:100%;
        }
        .socials{
            margin-top:20px;
        }
        .footer-bottom{
            flex-direction:column;
            gap:10px;
        }
        .separator{
            display:none;
        }
    }