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

.sgl-footer-wrap{

    background:#0f3556;

    padding:38px 20px;

}

.sgl-footer-strip{

    max-width:1200px;

    margin:auto;

    background:linear-gradient(90deg,#243128,#2d3830);

    border:1px solid rgba(255,194,34,.45);

    border-radius:18px;

    padding:18px 26px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:26px;

}

.sgl-footer-head{

    display:flex;

    align-items:center;

    gap:14px;

    min-width:310px;

}

.sgl-footer-icon{

    width:48px;

    height:48px;

    border-radius:12px;

    background:#ffb300;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    flex-shrink:0;

}

.sgl-footer-eyebrow{

    display:block;

    color:#ffcc33;

    text-transform:uppercase;

    font-size:.66rem;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:2px;

}

.sgl-footer-title{

    display:block;

    color:#fff;

    font-size:1.02rem;

    font-weight:700;

    line-height:1.2;

}

.sgl-footer-sub{

    display:block;

    color:#cfd6da;

    font-size:.82rem;

    margin-top:2px;

}

.sgl-footer-dev{

    display:flex;

    align-items:center;

    gap:14px;

    padding-left:22px;

    border-left:1px solid rgba(255,255,255,.10);

}

.sgl-footer-avatar{

    width:44px;

    height:44px;

    border-radius:50%;

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

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-weight:700;

    font-size:.92rem;

    flex-shrink:0;

}

.sgl-footer-role{

    display:block;

    color:#aeb6bc;

    text-transform:uppercase;

    font-size:.60rem;

    font-weight:700;

    letter-spacing:.8px;

}

.sgl-footer-name{

    display:block;

    color:#fff;

    font-size:.95rem;

    font-weight:700;

    line-height:1.25;

}

.sgl-footer-cargo{

    display:block;

    color:#d6d6d6;

    font-size:.78rem;

    margin-top:2px;

}

.sgl-footer-actions{

    display:flex;

    align-items:center;

    gap:8px;

    padding-left:22px;

    border-left:1px solid rgba(255,255,255,.10);

    flex-wrap:wrap;

}

.sgl-btn{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:10px 16px;

    border-radius:10px;

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

    color:#fff;

    text-decoration:none;

    font-size:.82rem;

    font-weight:600;

    transition:.25s;

}

.sgl-btn:hover{

    color:#fff;

    text-decoration:none;

    transform:translateY(-2px);

    background:#1f4f76;

}

.sgl-btn-primary{

    border-color:#d8aa29;

    background:#5b5a2d;

}

.sgl-btn-primary:hover{

    background:#857322;

}