.top-section{
  display: flex;
  justify-content: space-between;
  width: 1248px;
  align-items: center;
  padding: 10px;
}
.normalDashboardPage .top-section{
  margin-top: 35px;
}
.normalDashboardPage .top-menu-section{
  margin-top: 25px;
}
.normalPage{
  height: 70px;
  background: linear-gradient(180deg, rgba(26, 37, 57, 0.92) 0%, rgba(26, 37, 57, 0.8) 100%), url(https://maroon-lark-115977.hostingersite.com/wp-content/uploads/2025/03/alexander-mils-YiW9WVFFJ40-unsplash-scaled.jpg);
}
.top-menu-section{
  display: flex;
  align-items: center;
  gap: 15px;
  height: fit-content;
}

.top-menu-btns{
    z-index: 4;
    border: none;
    border-radius: 50%;
    width: fit-content;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-right: 55px;
    gap: 15px;
}
.top-menu-btns > button {
    z-index: 4;
    background: #3dc6ef;
    border: none;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    color: #fff;
    padding: 1px 6px;
 }
#authModal .poolplanLogo{
  height: 30px;
  position: absolute;
  top: 47px;
  left: 50%;
  transform: translate(-50%, -50%);
}
#authModal .waves {
  width: 100%;
  height: 50px;
  margin-bottom: -7px;
}
#sendSignupOtpBtn {
    width: fit-content;
    margin: auto;
    display: block;
}
#authModal .otp-btn {
  background-color: #36C6F5;
  color: #fff;
  border: none;
  border-radius: 13px;
  font-weight: 600;
  padding: 9px 20px;
  cursor: pointer;
}
#forgotModal .sendotp-btn{
  background-color: #36C6F5;
  color: #fff;
  border: none;
  border-radius: 13px;
  font-weight: 600;
  padding: 9px 20px;
  cursor: pointer;
}
#otpModal .otpverify-btn{
  background-color: #36C6F5;
  color: #fff;
  border-radius: 13px;
  font-weight: 600;
  padding: 9px 20px;
  cursor: pointer;
  border: none;
  width: fit-content;
  margin: auto;
}
#resetModal .resetpws-btn{
  background-color: #36C6F5; 
  color: #fff;
  border-radius: 13px;
  font-weight: 600;
  padding: 9px 20px;
  cursor: pointer;
  margin-top:16px;
  border: none;
  width: fit-content;
  margin: auto;
}
/* Animation */

#authModal .parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
#authModal .parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
#authModal .parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
#authModal .parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
#authModal .parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
 #authModal .waves {
    height:40px;
    min-height:40px;
  }
}
#authModal #closeModal {
    padding: 0px !important;
    border-radius: 0px !important;
}
#logoutBtn{
  padding:8px 18px;
  background:#5b43f7;
  color:#fff;
  border:none;
  border-radius:6px;
  cursor:pointer;
  font-weight:500;
}
.builder_btn{
    border-radius: 8px !important;
    width: fit-content !important;
    background-color:#fff !important;
    color:#000 !important;
}
.builder_btn img{
    height: 30px;
    border-radius: 50%;
    margin-right: 5px;
}
#offcanvasMenu .close-btn:hover {
  color: #fff;
}