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

.footer{

    position:relative;

    background:#031b34;

    color:white;

    margin-top:120px;

    overflow:hidden;

}

.footer-wave{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    line-height:0;

}

.footer-wave svg{

    width:100%;

    height:90px;

    display:block;

}

.footer-wave path{

    fill:#ffffff;

}

.footer .container{

    width:min(92%,1300px);

    margin:auto;

    padding:120px 0 30px;

}

.footer-grid{

    display:grid;

    grid-template-columns:

    2fr 1fr 1fr 1.3fr;

    gap:60px;

}

.footer-logo{

    width:170px;

    margin-bottom:25px;

}

.footer p{

    color:#cbd5e1;

    line-height:1.9;

}

.footer-col h3{

    margin-bottom:25px;

    font-size:22px;

    color:white;

}

.footer-col ul{

    list-style:none;

    padding:0;

    margin:0;

}

.footer-col li{

    margin-bottom:16px;

    color:#cbd5e1;

    display:flex;

    align-items:center;

    gap:10px;

}

.footer-col a{

    color:#cbd5e1;

    text-decoration:none;

    transition:.3s;

}

.footer-col a:hover{

    color:#00d4ff;

    padding-left:8px;

}

.footer-social{

    display:flex;

    gap:15px;

    margin-top:30px;

}

.footer-social a{

    width:48px;

    height:48px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    display:flex;

    justify-content:center;

    align-items:center;

    color:white;

    transition:.35s;

}

.footer-social a:hover{

    background:#00cfff;

    transform:translateY(-6px);

}

.footer hr{

    border:none;

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

    margin:60px 0 30px;

}

.footer-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    flex-wrap:wrap;

}

.footer-bottom p{

    margin:0;

}

.footer-bottom div{

    display:flex;

    gap:30px;

}

.footer-bottom a{

    color:#cbd5e1;

    text-decoration:none;

    transition:.3s;

}

.footer-bottom a:hover{

    color:#00d4ff;

}

/*==========================
TABLETTE
==========================*/

@media(max-width:992px){

.footer-grid{

grid-template-columns:1fr 1fr;

gap:40px;

}

}

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

@media(max-width:768px){

.footer{

margin-top:80px;

}

.footer .container{

padding:90px 0 25px;

}

.footer-grid{

grid-template-columns:1fr;

text-align:center;

}

.footer-col li{

justify-content:center;

}

.footer-social{

justify-content:center;

}

.footer-bottom{

flex-direction:column;

text-align:center;

}

.footer-bottom div{

flex-direction:column;

gap:12px;

}

.footer-logo{

margin:auto auto 25px;

}

}