.container2{
    margin: 0;
    padding: 0;
    height: 100%;
    background-image: url("../images/fff.jpg");
    background-size: cover;
    background-attachment: fixed;
}
a{
    /* text-decoration: none; */
    color: white;
}
label{
    color: white;
}
.innerContainer{
    background: rgba(0, 0, 0, 0.4);
    width: 100%; /* Full width */
    height: 100vh; /* Full viewport height */
}
.innerContainerSignup{
    background: rgba(0, 0, 0, 0.4);
    width: 100%; /* Full width */
    /* height: 100vh;  */
}
.loginInput{
    border: none;
    border-bottom: 2px solid white;
    width: 100%;
    padding: 0.5rem;
    background-color: rgba(0, 0, 0, 0.1);
    color: white;
}
.btnLogin{
    background-color: #72A0C1;
    border: none;
}
.btnSignup{
    background-color: #72A0C1;
    border: none;
}
.headerContainer{
    background-color: #72A0C1;
    /* border: none; */
    color: white;
    position: sticky;
    top: 0;
}
.CreditBar{
    background-color: #72A0C1;
    color: white;
    text-align: center;
    padding: 0.5rem;
}
.pd{
    font-size: 0.7rem;
}
/* Circle container */
.circle-container {
    width: 30px; /* Diameter of the circle */
    height: 30px; /* Diameter of the circle */
    background-color: #72A0C1; /* Circle background color */
    border-radius: 50%; /* Makes it a circle */
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Optional: Adds a shadow */
  }
  .sideMenuContainer{
    border-bottom: 2px solid white;
    color: white;
    padding: 0.5rem;
    cursor: pointer;
  }
  .indexicons{
    width: 8%;
  }


   /* Right Sidebar */
/*   .right-sidebar {*/
/*    height: 100%;*/
/*    width: 0;*/
/*    position: fixed;*/
/*    top: 0;*/
/*    right: 0;*/
/*    background-color: #333;*/
/*    overflow-x: hidden;*/
/*    transition: 0.5s;*/
/*    padding-top: 60px;*/
/*  }*/

/*  .right-sidebar h2 {*/
/*    color: white;*/
/*    text-align: center;*/
/*    margin-bottom: 20px;*/
/*  }*/
  
/*  .right-sidebar ul {*/
/*    list-style-type: none;*/
/*    padding-left: 0;*/
/*  }*/
  
/*  .right-sidebar ul li {*/
/*    margin: 15px 0;*/
/*  }*/
  
/*  .right-sidebar ul li a {*/
/*    color: white;*/
/*    text-decoration: none;*/
/*    display: block;*/
/*    padding: 10px 15px;*/
/*    transition: background-color 0.3s ease;*/
/*  }*/
  
/*  .right-sidebar ul li a:hover {*/
/*    background-color: #575757;*/
/*  }*/
  
  /* Close button inside the sidebar */
/*  .right-sidebar .closebtn {*/
/*    font-size: 36px;*/
/*    color: white;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 10px;*/
/*    padding: 0;*/
/*    cursor: pointer;*/
/*  }*/
  
  /* Content section */
/*  .content {*/
/*    margin-right: 0;*/
/*    padding: 20px;*/
/*  }*/
  
/*  .content h1 {*/
/*    font-size: 2rem;*/
/*  }*/
  
/*  .content p {*/
/*    font-size: 1rem;*/
/*  }*/
/*  .credit-bar {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*    width: 250px;*/
/*    margin: 10px auto;*/
/*    font-size: 14px;*/
/*}*/

/*.progress-container {*/
/*    flex-grow: 1;*/
/*    height: 8px;*/
/*    background-color: #555;*/
/*    border-radius: 10px;*/
/*    margin: 0 10px;*/
/*    position: relative;*/
/*}*/

/*.progress-bar {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-color: gold;*/
/*    border-radius: 10px;*/
/*}*/

/*.credit-text {*/
/*    font-weight: bold;*/
/*}*/

/*.menu {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    margin-top: 20px;*/
/*    gap: 20px;*/
/*}*/

/*.menu-item {*/
/*    text-align: center;*/
/*    cursor: pointer;*/
/*}*/

/*.icon {*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    background-color: gold;*/
/*    border-radius: 50%;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    font-size: 20px;*/
/*    font-weight: bold;*/
/*    color: #222;*/
/*}*/

/*.label {*/
/*    margin-top: 5px;*/
/*    font-size: 14px;*/
/*}*/