@import url('https://fonts.googleapis.com/css2?family=Agdasima:wght@700&display=swap');
*{
    margin:0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Agdasima', sans-serif;
}
body{
        background-color: #71797E !important;

}
@media (max-width: 768px) {
  #logoContainer .logo {
      display: none; /* Hide the logo */
  }

  #logoContainer .home-btn {
      display: block; /* Show the home icon */
      color: #2ecc71; /* White icon color */
      border: none;
      padding: 10px;
      border-radius: 10%;
      text-align: center;
      text-decoration: none;
      font-size: 24px; /* Icon size */
      width: 50px; /* Circle size */
      height: 50px; /* Circle size */
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 10px;
  }

  #logoContainer .home-btn i {
      font-size: 24px; /* Icon size */
  }
}


        /* Account Balance Button Styling */
        .account-balance-btn {
          display: inline-flex;
          align-items: center;
          padding: 8px 15px;
          font-size: 18px;
          font-weight: bold;
          color: #edf5e1;
          background-color: #2ecc71; /* Button background color */
          border: none;
          border-radius: 5px;
          text-decoration: none;
          transition: background-color 0.3s ease;
      }
      
      .account-balance-btn i {
          margin-right: 5px;
      }
      
      .account-balance-btn .fa-plus-circle {
          font-size: 1.2em;
      }
      .logo,h2{
        color: #379863 !important;
      }
      
      .account-balance-btn:hover {
          background-color: #27ae60; /* Darker shade on hover */
          color: #fff;
      }
      @media (max-width: 768px) {
        .logo {
            display: none;
        }
    }


.logo{
    font-size: 2em;
  font-weight: bolder;
  color:   #379863;
  user-select: none;
}

span{
    color: #edf5e1;

}

/* General Styling */
body {
  background-color: #71797E !important;
}

/* Custom Navbar Background */
.bg-custom {
  background-color: #2f3338;
}

/* Navbar */
nav.navbar {
  padding: 10px 20px; /* Adjusted padding for better alignment */
  display: flex;
  align-items: center;
  justify-content: space-between; /* Ensure items are evenly spaced */
}

/* Navbar Brand (Logo) */
.navbar-brand {
  font-size: 1.8em;
  font-weight: bolder;
  color: #379863;
  user-select: none;
  margin-right: 20px; /* Space between logo and account balance */
  padding: 0;
}

/* Account Balance Styling */
.account-balance {
  color: #edf5e1;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
  display: flex;
  align-items: center;
  margin-right: auto; /* Push the menu to the right */
}

.account-balance i {
  margin-right: 5px;
}

/* Navbar Toggler */
.navbar-toggler {
  border-color: rgba(255, 255, 255, 0.1);
  margin-left: 10px;
}

/* Navbar Menu Items */
.navbar-nav .nav-link {
  color: #05386b !important;
  font-size: 18px !important;
  font-weight: bold;
  padding: 10px 15px; /* Adjusted padding for alignment */
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
  color: #2ecc71 !important;
}

/* Dropdown Toggle Arrow */
.navbar .dropdown-toggle::after {
  border: none !important;
  font-weight: 500 !important;
  vertical-align: middle !important;
  margin-left: 5px !important;
  transition: .5s !important;
}

.navbar .dropdown-toggle[aria-expanded=true]::after {
  transform: rotate(-180deg);
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .navbar-brand {
      font-size: 1.5em; /* Smaller logo for mobile */
  }

  .navbar-nav .nav-link {
      font-size: 16px !important; /* Adjusted font size for mobile */
      padding: 10px 0;
  }

  .account-balance {
      font-size: 16px;
  }
}


  .container-xxl {
    background-color:#28282B		;
  }


  .tab-class .nav-link {
    color: #9b59b6;
  }

  .job-item {
    background-color: #343434	;
    color: #9b59b6;
    border: 1px solid #9b59b6;
  }

  .btn-primary {
    background-color: #9b59b6;
    border-color: #9b59b6;
  }

  .btn-light {
    color: #9b59b6;
    border-color: #9b59b6;
  }

  .btn-primary:hover,
  .btn-light:hover {
    background-color: #8e44ad;
    border-color: #8e44ad;
  }

  .fa-heart,
  .fa-map-marker-alt,
  .fa-clock,
  .fa-money-bill-alt,
  .fa-calendar-alt {
    color: #9b59b6;
  }




.job-item {
    border: 1px solid transparent;
    border-radius: 15px;
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
    transition: .5s;
}

.job-item:hover {
    border-color: rgba(0, 0, 0, .08);
    box-shadow: none;
}

.btn.btn-primary{
    background-color: #4F7942	;
    border: 1px solid greenyellow;
    color: greenyellow;
    margin: 20px;
}

.btn.btn-primary:hover{
    background-color: greenyellow;
    border: solid greenyellow;
    color: #2B3940;


}

.btn.btn-primary:active{
    background-color: #4F7942	;
    border: 1px solid greenyellow;
    color: greenyellow;
}

h1{
  color: purple !important;
  font-size: 2em !important;
  padding: 10px ;
}

/* user account */
main {
  display: flex ;
  justify-content: center ;
  align-items: center;
  min-height: 80vh ;
  margin-top: 30px;
}

main .profile {

  border-radius: 10px;
  padding: 30px;
  box-shadow: #379863;
  max-width: 800px; /* Set a maximum width for the container */
  margin: 0 auto;
  text-align: center;


}

main h2 {
  margin-bottom: 15px ;
  color:#730e99;

}


main p{
  color: #05386b;
}

.balance-amount {
  font-size: 24px;
}

.btc-address {
  background-color: #333;
  padding: 10px;
  border-radius: 6px;
  margin-top: 10px;
  font-family: monospace;

}

.qr-code {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* feedback */


.feedback-form {
  max-width: 400px;
  margin: 100px auto; /* Center the form vertically */
  padding: 55px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  margin-top: 30px;
}

.feedback-form h2 {
  text-align: center;
  margin-bottom: 20px;
  color: #9c27b0; /* Purple color */
}

.feedback-form form label {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
}

.feedback-form form input[type="text"],
.feedback-form form input[type="email"],
.feedback-form form textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;

  border: none;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.feedback-form form textarea {
  resize: vertical;
}

.feedback-form form button[type="submit"] {
  background-color: #9c27b0; /* Purple color */
  color: black;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.3s;
  display: block;
  margin: 0 auto; /* Center the button horizontally */
}

.feedback-form form button[type="submit"]:hover {
  background-color: #7e3878; /* Darker purple color */
}

.feedback-form form button[type="submit"]:active {
  background-color: #7e3878; /* Darker purple color */
  transform: scale(0.95); /* Slightly scale down on click */
}