*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
    -webkit-font-smoothing: antialiased;
}
body{
    background-color: aliceblue;
}
.tanmay-top-header{
    background:var(--primary-color);
    /* min-height:72px; */
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:5px 50px;
    flex-wrap:wrap;
}
/* LEFT */
.tanmay-header-left{
    display:flex;
    align-items:center;
    gap:35px;
    flex-wrap: wrap;
    justify-content: center;
}
.tanmay-nav-social-icons{
    display:flex;
    gap:12px;
}

.tanmay-nav-social-icons a{
    width:35px;
    height:35px;
    border:1px solid var(--primary-dark);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:var(--white);
    transition:var(--transition);
}

.tanmay-social-icons a:hover{
    background:var(--primary-dark);
    color:var(--accent-color);
}

.tanmay-menu-links{
    display:flex;
    gap:12px;
}

.tanmay-menu-links a{

    text-decoration:none;
    color:var(--white);

    font-weight:600;
}

.tanmay-menu-links span{
    color:var(--white);
}

.tanmay-login-link a{

    text-decoration:none;
    color:var(--white);

    font-weight:600;
}

.tanmay-login-link i{
    margin-right:6px;
}

/* RIGHT */

.tanmay-header-right{
    display:flex;
    align-items:center;
    gap:25px;
    background-color:var(--glass-bg2);
    padding:3px 8px;
    border-radius:30px 0px 00px 30px;
    position:relative;
}

.tanmay-header-right::before{
    position:absolute;
    content:" ";
    right:-50px;
    top:0px;
    height:49px;
    width:50px;
    background-color:var(--glass-bg2);
}

.tanmay-info-box{
    display:flex;
    align-items:center;
    gap:12px;
}

.tanmay-icon{
    width:35px;
    height:35px;
    background:var(--glass-bg2);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    color:var(--white);
    transition:all .3s;
}

.tanmay-icon:hover{
    background:var(--primary-dark);
    color:var(--accent-color);
    transition:all .2s;
}

.tanmay-text span{

    display:block;
    /* margin-bottom: 5px; */
    font-size:13px;
    color:var(--paragraph-color);
}

.tanmay-text h4{

    font-size:15px;
    color:var(--heading-color);

    font-weight:700;
}

@media (max-width:1381px){
.tanmay-top-header{
    justify-content: center;
    gap: 5px;
}
.tanmay-header-right::before{
        display:none;
    }
.tanmay-header-right{
    border-radius:30px 30px 30px 30px;
}
}

@media (max-width:918px){
    .tanmay-header-right {
        gap: 10px;
        justify-content:space-between;
    }
    .tanmay-top-header{
        padding:3px 8px;
        justify-content:center;
    }
}
@media (max-width:805px){
    .tanmay-top-header{
        padding: 3px 0px 0px 0px;
        justify-content:center;
    }
.tanmay-header-right {
        width: 100%;
        flex-wrap: wrap;
        justify-content:center;
        border-radius: 0px 0px 0px 0px;
    }

}
/* ===========================
   MOBILE (576px)
=========================== */
@media (max-width:576px){

    .tanmay-top-header{
        /* padding:15px; */
    }

    .tanmay-nav-social-icons{
        justify-content:center;
        flex-wrap:wrap;
    }

    .tanmay-nav-social-icons a{
        width:32px;
        height:32px;
        font-size:14px;
    }

    .tanmay-menu-links{
        gap:8px;
    }

    .tanmay-menu-links a,
    .tanmay-login-link a{
        font-size:14px;
    }

    .tanmay-header-right{
        /* padding:15px 10px; */
        /* gap:15px; */
    }

    .tanmay-info-box{
        /* flex-direction:column; */
        /* text-align:center; */
        /* gap:8px; */
    }

    .tanmay-icon{
        width:40px;
        height:40px;
        font-size:16px;
    }

    .tanmay-text span{
        font-size:12px;
    }

    .tanmay-text h4{
        font-size:15px;
    }

}

@media (max-width:413px){
    .tanmay-header-left{
    gap:0px;
}
.tanmay-nav-social-icons{
   margin-right: 35px;
}
.tanmay-menu-links{
    
}
.tanmay-login-link {
    margin-left: 35px;
}
.tanmay-nav-social-icons a{
        width:30px;
        height:30px;
        font-size:13px;
}
.tanmay-text h4{
        font-size:14px;
}
.tanmay-text span{
        font-size:11px;
}
}
/* ===========================
   SMALL MOBILE (400px)
=========================== */
@media (max-width:300px){

    .tanmay-top-header{
        padding:12px;
    }

    .tanmay-menu-links{
        flex-direction:column;
        gap:6px;
    }

    .tanmay-menu-links span{
        display:none;
    }

    .tanmay-header-left{
        gap:12px;
    }

    .tanmay-nav-social-icons a{
        width:30px;
        height:30px;
        font-size:13px;
    }

    .tanmay-text h4{
        font-size:14px;
    }

    .tanmay-text span{
        font-size:11px;
    }

}