/* ===================================================
   FOOTER CSS
=================================================== */


*{
    box-sizing:border-box;
}


html,
body{
    margin:0;
    padding:0;
    overflow-x:hidden;
}



/* ==========================
   FOOTER MAIN
========================== */

.footer{

    width:100%;

    background:#0b1220;

    color:#fff;

    padding:70px 40px 25px;

    margin-top:70px;

}



/* ==========================
   FOOTER CONTAINER
========================== */

.footer-container{

    width:100%;

    max-width:1300px;

    margin:auto;

    display:grid;

    grid-template-columns:
    2fr 1fr 1.3fr;

    gap:50px;

}



/* ==========================
   FOOTER BOX
========================== */

.footer-box{

    min-width:0;

}



.footer-box h2{

    color:#FEAA03;

    font-size:30px;

    font-weight:700;

    margin:0 0 18px;

}



.footer-box h3{

    color:#FEAA03;

    font-size:20px;

    font-weight:600;

    margin:0 0 20px;

}



.footer-box p{

    color:#cbd5e1;

    font-size:16px;

    line-height:1.8;

    margin:0;

}



/* Marka açıklama */

.footer-brand p{

    max-width:380px;

}





/* ==========================
   FOOTER LINKS
========================== */

.footer-links{

    list-style:none;

    padding:0;

    margin:0;

}



.footer-links li{

    margin-bottom:13px;

}



.footer-links a{

    text-decoration:none;

    color:#cbd5e1;

    font-size:16px;

    transition:.3s ease;

}



.footer-links a:hover{

    color:#FEAA03;

    padding-left:6px;

}





/* ==========================
   CONTACT
========================== */

.footer-contact a{

    display:block;

    text-decoration:none;

    color:#cbd5e1;

    font-size:16px;

    margin-bottom:14px;

    transition:.3s ease;

}



.footer-contact a:hover{

    color:#FEAA03;

}



.footer-contact p{

    margin-top:10px;

}





/* ==========================
   FOOTER BOTTOM
========================== */

.footer-bottom{

    width:100%;

    max-width:1300px;

    margin:50px auto 0;

    padding-top:25px;

    text-align:center;

    border-top:

    1px solid rgba(255,255,255,.12);

}



.footer-bottom p{

    color:#94a3b8;

    font-size:14px;

    margin:0;

}





/* ==========================
   TABLET
========================== */

@media(max-width:1024px){


    .footer{

        padding:60px 30px 25px;

    }



    .footer-container{

        grid-template-columns:repeat(2,1fr);

        gap:35px;

    }


}





/* ==========================
   MOBILE
========================== */

@media(max-width:768px){


    .footer{

        padding:50px 20px 20px;

        margin-top:50px;

    }



    .footer-container{

        grid-template-columns:1fr;

        gap:35px;

    }



    .footer-box{

        text-align:center;

    }



    .footer-brand p{

        margin:auto;

    }



    .footer-links a:hover{

        padding-left:0;

    }



    .footer-contact a{

        font-size:15px;

    }


}





/* ==========================
   SMALL MOBILE
========================== */

@media(max-width:480px){


    .footer{

        padding:45px 15px 20px;

    }



    .footer-box h2{

        font-size:24px;

    }



    .footer-box h3{

        font-size:18px;

    }



    .footer-box p,
    .footer-links a{

        font-size:15px;

    }



    .footer-bottom p{

        font-size:13px;

    }


}