.footer-glass{
    position:relative;
    overflow:hidden;
    padding:70px 20px 25px;
    background:
    linear-gradient(
        145deg,
        #133785,
        #031546
    );
    color:white;
    isolation:isolate;
}

.footer-glow{
    position:absolute;
    width:300px;
    height:300px;
    border-radius:50%;
    filter:blur(100px);
    opacity:.25;
    z-index:-1;
}

.glow-one{
    background:#00d9ff;
    top:-100px;
    left:-100px;
}

.glow-two{
    background:#7c3cff;
    bottom:-120px;
    right:-80px;
}

.footer-container{
    display:flex;
    flex-direction:column;
    gap:35px;
    max-width:1200px;
    margin:auto;
}

.footer-brand{
    padding:30px;
    background:
    linear-gradient(
        145deg,
        rgba(255,255,255,.12),
        rgba(255,255,255,.04)
    );
    border:
    1px solid rgba(255,255,255,.12);
    border-radius:28px;
    backdrop-filter:blur(20px);
}

.footer-logo{
    width:65px;
    height:65px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    border-radius:20px;
    margin-bottom:20px;
    background:
    linear-gradient(
        135deg,
        #00d4ff,
        #645cff
    );
}

.footer-brand h2{
    font-size:1.7rem;
    margin:0 0 15px;
}

.footer-brand h2 span{
    color:#ffd500;
}

.footer-brand p{
    color:rgba(255,255,255,.65);
    line-height:1.6;
    font-size:1.2rem;
}

.footer-call{
    margin-top:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    font-size:1.3rem;
    height:55px;
    border-radius:18px;
    background:
    linear-gradient(
        135deg,
        #00d9ff,
        #0077ff
    );
    color:white;
    text-decoration:none;
    font-weight:700;
    transition:.35s;
}

.footer-call:hover{
    transform:translateY(-4px);
    box-shadow:
    0 15px 35px #00d9ff55;
}

.footer-column{
    padding:25px;
    border-radius:25px;
    background:
    rgba(255,255,255,.05);
    border:
    1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(15px);
}

.footer-column h3{
    margin-top:0;
    margin-bottom:20px;
    font-size:1.1rem;
}

.footer-column a{
    display:block;
    color:rgba(255,255,255,.65);
    text-decoration:none;
    margin-bottom:13px;
    transition:.3s;


}

.footer-column a:hover{
    color:#00d9ff;
    transform:translateX(5px);
}

.footer-bottom{
    max-width:1200px;
    margin:40px auto 0;
    padding-top:25px;
    border-top:
    1px solid rgba(255,255,255,.1);
    display:flex;
    flex-direction:column;
    gap:15px;
    text-align:center;
}

.footer-bottom p{
    color:rgba(255,255,255,.45);
    font-size:1.15rem;
}

.footer-social{
    display:flex;
    justify-content:center;
    gap:20px;
}

.footer-social a{
    color:white;
    text-decoration:none;
    font-size:1.10rem;
}

@media(min-width:768px){
.footer-container{
    display:grid;
    grid-template-columns:
    1.5fr 1fr 1fr;
}

.footer-bottom{
    flex-direction:row;
    justify-content:space-between;
    text-align:left;
}
}

@media(min-width:1200px){
.footer-glass{
    padding-left:40px;
    padding-right:40px;
}

.footer-brand{
    padding:40px;
}
}