.footerUpchild {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;
      text-decoration: none;
      list-style: none;
    }

    .footerUpchild a {
      text-decoration: none;
      list-style: none;
    }

    .footerUpchild p {
      margin-top: 0;
      margin-bottom: 0;
    }
 
    .iti {
      width: 100%;
    }

    .iti input {
      background: #000;
      color: white;
      border-radius: 12px;
      padding: 14px;
      border: 1px solid #333;

    }

    .iti__flag-container {
      border-right: 1px solid #333;
    }
    

/* 🔥 Overlay Background */
.dasboard {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(8px);
  display: flex;
  justify-content: center; /* Drawer from right */
  align-items: center;
  z-index: 100;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}

/* When Active */
.dasboard.active {
  opacity: 1;
  visibility: visible;
}

/* 🔥 Drawer Panel */
.dasboardContainer {
  /* background: #ffffff; */
  width: 500px;
  max-width: 100%;
  height: 100vh;
 
  transform: translateX(100%);
  transition: transform 0.4s ease;
  padding: 40px;
}

/* Slide In */
.dasboard.active .dasboardContainer {
  transform: translateX(0);
}

/* Prevent scroll when open */
body.drawer-open {
  overflow: hidden;
}
.div-block-34{
    position: relative;
}
.dasboardCloseBtn{
  color: #ffffff;
  position: absolute;
  right: 6%;
  top: 5%;
  cursor: pointer;
  width: 20px;
  height: 20px;
}