.account-menu {
    list-style-type: none;
    padding: 0;
    font-family: sans-serif;
    top: 39px;
    position: absolute;
    background-color: #f1efef;
    z-index: 9;
    border-radius: 7px;
    width: 108%;
  } 
  .account-menu li {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 12px;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  .account-menu li:hover {
    background-color: #fff;
  }
  .account-menu{display:none}

  .account-menu li img,
  .account-menu li svg {
    width: 30px !important;
    height: 30px !important;
  }
  .user-profile{  
      position: absolute;
  }
  .eye-style{ 
    position: absolute;
    margin-top: 30px; 
    margin-left: -29px; 
    }
    .eye-style-reg {
      position: absolute;
    margin-top: -31px;
    right: 30px;
  }
  .eye-style-login {
    position: absolute;
    margin-top: 20px;
    margin-left: -29px;
}
  
@media (max-width: 600px) {
  .eye-style-reg { 
    margin-left: 256px !important;
}
.eye-style{  
  margin-left: -29px !important; 
  }
}

.chapter-style {
  border: 1px solid #ddd;
  padding: 10px;
  font-size: 22px;
  font-weight: normal;
  border-radius:5px ;
  display: flex;
    justify-content: space-between;
}
.correct-answer-bg{
  background-color:#c8e6c9;color:#388e3c;border:1px solid #4caf50
}
.wrong-answer-bg{
  background-color:#ffcdd2;color:#d32f2f;border:1px solid #f44336
}
.dashboard-icon {
  background: #17a2b8;
  padding: 10px;
  color: white;
  width: 57px;
  text-align: center;
  align-content: center;
  height: 52px;
  margin-top: 6px;
  margin-right: 7px;
  border-radius: 5px;
}
.cursor-pointer{
  cursor:  pointer !important;
}
  
.profile-update-picture{
  width: 100px;height: 100px;border-radius: 59px;border: 2px solid #ddd;position: relative;
}
.svg-profile-image-div{
    
}
.custom-breadcrumb{ 
    margin-top: 79px;
    background: rgb(241,242,242); 
    padding: 5px 4px 0px 4px;
    height: 46px;
  }
  .nowrap {
    white-space: nowrap;
 }