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

.footer-cta{

    background:#fff;

    padding:100px 0 80px;

    border-top:1px solid #ececec;

}

.footer-cta-wrapper{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:60px;

}

.section-tag{

    display:block;

    margin-bottom:18px;

    font-size:12px;

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;

    color:#164A97;

}

.footer-cta h2{

    font-size:54px;

    line-height:1.15;

    color:#111;

    max-width:700px;

}

.footer-cta-button{

    flex-shrink:0;

}


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

.site-footer{

    background:#0E1830;

    position:relative;

    color:#fff;

    overflow:hidden;

}

.site-footer::before{

    content:"";

    position:absolute;

    inset:0;

    background-image:
        linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);

    background-size:80px 80px;

    opacity:.12;

    pointer-events:none;

}

.footer-main{

    position:relative;

    z-index:2;

    padding:90px 0 35px;

}


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

.footer-grid{

    display:grid;

    grid-template-columns:1.6fr 1fr 1fr 1.2fr;

    gap:70px;

}


/*==================================================
    COMPANY
==================================================*/

.footer-logo img{

    height:50px;

    width:auto;

    margin-bottom:28px;

}

.footer-company p{

    color:rgba(255,255,255,.70);

    line-height:1.9;

    margin-bottom:30px;

    max-width:340px;

}


/*==================================================
    SOCIAL
==================================================*/

.footer-social{

    display:flex;

    gap:14px;

}

.footer-social a{

    width:44px;

    height:44px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

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

    color:#fff;

    transition:.35s ease;

}

.footer-social a:hover{

    background:#164A97;

    border-color:#164A97;

    transform:translateY(-4px);

}


/*==================================================
    TITLES
==================================================*/

.footer-column h4{

    margin-bottom:30px;

    font-size:15px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

    color:#fff;

}


/*==================================================
    MENU
==================================================*/

.footer-menu{

    list-style:none;

    margin:0;

    padding:0;

}

.footer-menu li{

    margin-bottom:16px;

}

.footer-menu li:last-child{

    margin-bottom:0;

}

.footer-menu a{

    color:rgba(255,255,255,.72);

    transition:.3s;

}

.footer-menu a:hover{

    color:#fff;

    padding-left:8px;

}


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

.footer-contact{

    list-style:none;

    margin:0;

    padding:0;

}

.footer-contact li{

    display:flex;

    align-items:flex-start;

    gap:14px;

    margin-bottom:22px;

    color:rgba(255,255,255,.72);

}

.footer-contact li:last-child{

    margin-bottom:0;

}

.footer-contact i{

    color:#164A97;

    margin-top:4px;

    width:18px;

}

.footer-contact a{

    color:rgba(255,255,255,.72);

    transition:.3s;

}

.footer-contact a:hover{

    color:#fff;

}


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

.footer-bottom{

    margin-top:70px;

    padding-top:30px;

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

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

}

.footer-bottom p{

    color:rgba(255,255,255,.55);

    margin:0;

}

.footer-bottom a{

    color:rgba(255,255,255,.70);

    transition:.3s;

}

.footer-bottom a:hover{

    color:#fff;

}


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

@media(max-width:1199px){

.footer-grid{

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

    gap:50px;

}

.footer-cta h2{

    font-size:46px;

}

}

@media(max-width:991px){

.footer-cta{

    text-align:center;

}

.footer-cta-wrapper{

    flex-direction:column;

}

.footer-cta h2{

    font-size:38px;

}

.footer-company p{

    max-width:100%;

}

.footer-social{

    justify-content:center;

}

}

@media(max-width:767px){

.footer-grid{

    grid-template-columns:1fr;

    gap:40px;

}

.footer-bottom{

    flex-direction:column;

    text-align:center;

}

.footer-cta{

    padding:70px 0 60px;

}

.footer-cta h2{

    font-size:30px;

}

.footer-main{

    padding:70px 0 30px;

}

.footer-column{

    text-align:center;

}

.footer-contact li{

    justify-content:center;

}

.footer-logo img{

    margin:0 auto 25px;

}

.footer-social{

    justify-content:center;

}

}