/* =========================
   TRAVORA LOGO
========================= */

.logo{
    position:relative;
    font-family:'Poppins',sans-serif;
    font-size:2.2rem;
    font-weight:900;
    white-space:nowrap;
}

.brand{
    position:relative;
    display:inline-block;

    font-family:'Poppins',sans-serif;
    font-size:2.2rem;
    font-weight:900;

    background:linear-gradient(45deg,#00c6ff,#00ff99);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

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

@media(max-width:768px){

    

    .brand{
        font-size:2.2rem;
    }

    .icon{
        font-size:2.8rem;
    }

    .brand::after{
        width:70px;
        height:70px;
    }

}.logo{
    display:flex;
    align-items:center;
    gap:6px;
    position:relative;
}

/* IMPORTANT FIX */
.brand{
    position:relative;
    display:inline-block;
}

/* CIRCLE FIX */
.brand::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);

    width:80px;
    height:70px;

    border:2px solid rgba(0,198,255,.35);
    border-radius:50%;

    z-index:0;
    pointer-events:none;
}

/* ensure text above circle */
.brand{
    z-index:2;
}

.icon{
    display:flex;
    align-items:center;
    font-size:2.8rem;
    line-height:1;
}