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

    .footer{

        background:#0F1824;

        padding:20px 20px 15px;
        

    }

    .footer__container{

        width:100%;

        max-width:1280px;

        margin:auto;

    }


    /*==================================================
                            TOP
    ==================================================*/

    .footer__top{

        text-align:center;

        margin-bottom:35px;

    }

    .footer__logo{

        display:block;

        width:170px;

        height:auto;

        margin:0 auto 6px;

    }

    .footer__top h2{

        font-family:"Cormorant Garamond",serif;

        font-size:50px;

        font-weight:500;

        color:#FFFFFF;

        margin-bottom:18px;

        margin-top:0;

    }

    .footer__line{

        width:90px;

        height:2px;

        background:var(--primary);

        margin:auto;

    }


    /*==================================================
                            GRID
    ==================================================*/

    .footer__grid{

        display:grid;

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

        gap:70px;

        margin-bottom:45px;

    }

    .footer__column h3{

        color:#FFFFFF;

        font-size:18px;

        font-weight:600;

        margin-bottom:25px;

    }

    .footer__column ul{

        list-style:none;

    }

    .footer__column li{

        margin-bottom:12px;

    }

    .footer__column a{

        display:flex;

        align-items:center;

        gap:12px;

        text-decoration:none;

        color:#BFC7D2;

        transition:.3s;

    }

    .footer__column a:hover{

        color:var(--primary);

        padding-left:6px;

    }

    .footer__column i{

        width:18px;

        text-align:center;

    }


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

    .footer__bottom{

        border-top:1px solid rgba(255,255,255,.08);

        padding-top:10px;

        display:flex;

        justify-content:space-between;

        align-items:center;

        color:#8B95A4;

        font-size:14px;

    }

    .footer__bottom span{

        color:var(--primary);

        letter-spacing:1px;

    }

    /*==================================================
                        FOOTER RESPONSIVE
    ==================================================*/

    @media(max-width:768px){


        .footer{

            padding:40px 20px 20px;

        }


        .footer__top{

            margin-bottom:45px;

        }


        .footer__logo{

            width:140px;

        }


        .footer__top h2{

            font-size:38px;

            margin-bottom:15px;

        }


        .footer__grid{

            grid-template-columns:1fr;

            gap:35px;

            margin-bottom:35px;

            text-align:center;

        }


        .footer__column h3{

            margin-bottom:18px;

        }


        .footer__column a{

            justify-content:center;

        }


        .footer__column a:hover{

            padding-left:0;

        }


        .footer__bottom{

            flex-direction:column;

            justify-content:center;

            gap:10px;

            text-align:center;

            font-size:13px;


        }


    }