body{
    background-image: url('../img/aboutbg.jpg');
    background-repeat : no-repeat;
    background-position : center;
    background-size : cover;
}
/* Navbar */
nav{
    position : fixed;
    top : 0;
    left : 0;
    display : flex;
    align-items : center;
    justify-content : space-around;
    width : 100%;
    padding : 20px 0;
    font-family: "Poppins";
    z-index : 100;
}
.logo{
    display : flex;
    align-items : center;
    justify-content : center;
    flex-direction: column;
    gap : 7px;
    letter-spacing: 2px;
}
.logo img{
    height : 25px;
    width : 25px;
}
.logo div{
    color : #fff;
}
.logo div span{
    color : orange;
}
.navbar-items ul li{
    display : inline-block;
    margin-right: 30px;
}
nav a{
    text-decoration : none;
    color : #eee;
    position : relative;
    font-weight : bold;
}
nav a:focus{
    color : orange;
}
nav a::after{
    content : '';
    position : absolute;
    bottom : -10px;
    left : 0px;
    height : 2px;
    width : 0;
    background-color : orange;
    transition : 0.5s ease;
}
nav a:hover::after{
    width : 105%;
}
#hamburger{
    display : none;
    height : 30px;
    width : 30px;
    padding : 4px;
    transition : 0.5s ease;
    cursor : pointer;
}
#hamburger img{
    height : 17px;
    width : 17px;
    filter : invert(100%);
    cursor : pointer;
    transition : 0.5s ease;
}
#hamburger img:hover{
    filter : invert(60%);
}
.active{
    /* background : hsla(0, 100%, 100%, .8); */
    background : #121212;
}

.comming-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh; /* Adjust as needed */
    text-align: center;
}

/* Style the thank you text */
.cs-text {
    font-size: 35px; /* Adjust the font size as needed */
    font-family: 'Exo 2', sans-serif; /* Use your desired font */
    margin-bottom: 20px; /* Add space below the text */
    color: white;
}

@media only screen and (max-width : 750px){
    
    .navbar-items ul{
        position : absolute;
        top : 0;
        left : -100%;
        height : 100vh;
        display : flex;
        justify-content : center;
        align-items : center;
        flex-direction: column;
        background: hsla(0, 0, 100%, 0.2);
        backdrop-filter: blur(24px);
        --webkit-backdrop-filter: blur(24px);
        width : 70vw;
        transition : 0.5s ease;
        text-align : center;
        position : absolute;
    }
    .navbar-items ul li{
        font-size : 1.6rem;
        margin-bottom : 20px;
        /* text-align : center; */
    }
    .navbar-items ul li a{
        color : #eee;
        font-weight : bold;
    }
    #hamburger{
        display : block;
    }
    
}