/*=========================================================
FINAL CTA
=========================================================*/

.final-cta{

    background:#F7FAFD;

    padding:70px 20px;

    border-top:1px solid var(--border);

    
    padding-top:60px;  

}



.final-cta-content{

    max-width:760px;

    margin:0 auto;

    text-align:center;

}



.final-cta-logo{

    width:130px;
    margin:-20px auto 24px;

}



.final-cta h2{

    font-size:42px;

    margin-bottom:18px;

}



.final-cta p{

    max-width:620px;

    margin:0 auto 30px;

    font-size:18px;

}



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

.site-footer{

    background:#FFFFFF;

    border-top:1px solid var(--border);

    padding:22px 20px;

    

}



.site-footer .container{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:30px;

    flex-wrap:wrap;

}



.footer-top{

    color:var(--text);

    font-size:15px;

}



.footer-links{

    display:flex;

    gap:24px;

    flex-wrap:wrap;

}



.footer-links a{

    color:var(--text);

    font-size:15px;

}



.footer-links a:hover{

    color:var(--secondary);

}



.footer-bottom{

    color:#8A97AA;

    font-size:14px;

}



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

@media (max-width:991px){

.final-cta{

    padding:60px 24px;

}

.final-cta h2{

    font-size:36px;

}

.site-footer .container{

    flex-direction:column;

    text-align:center;

    gap:18px;

}

}



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

@media (max-width:768px){

.final-cta{

    padding:50px 20px;

}

.final-cta-logo{

    width:150px;

}

.final-cta h2{

    font-size:30px;

}

.final-cta p{

    font-size:16px;

}

.footer-links{

    justify-content:center;

    gap:14px;

}

}



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

@media (max-width:480px){

.final-cta{

    padding:40px 18px;

}

.final-cta h2{

    font-size:26px;

}

.final-cta p{

    font-size:15px;

}

.footer-links{

    flex-direction:column;

    gap:10px;

}

}
/*=========================================================
EXTRA SPACE AFTER FOOTER - TABLETS
=========================================================*/

@media (min-width:768px) and (max-width:1024px){

.site-footer::after{

    content:"";
    display:block;
    width:100%;
    height:500px;

}

}

/*=========================================================
EXTRA SPACE AFTER FOOTER - MOBILE
=========================================================*/

@media (max-width:767px){

.site-footer{

    padding-bottom:140px;

}

}