.bg-gray-800{
    background-color: #393A46 !important;
}

.bg-yellow-500{
    background-color:#FEC42D !important
}

.bg-gradient-custom {
    background: linear-gradient(103deg, #ffffff 68%, #facc15 68%);
}
.bg-gradient-customheader{
    background: linear-gradient(103deg, #ffffff 75%, #facc15 68%);

}



body{
    font-family: "SF Pro Display", Sans-serif;

}

/**** faq css */  

.hidden-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease;
    opacity: 0;
}
.visible-content {
    max-height: 1000px; 
    transition: max-height 0.3s ease, opacity 0.3s ease;
    opacity: 1;
}

.job-card:hover {
    transform: translateY(-5px);
    transition: transform 0.2s;
}

.mobile-menu {
    transition: transform 0.3s ease-in-out;
    backdrop-filter: blur(10px); 
    
}

.mobile-menu.open {
    transform: translateX(0);
    z-index: 1111;
}

.mobile-menu-overlay {
    transition: opacity 0.3s ease-in-out;
}

.mobile-menu-overlay.visible {
    display: block;
    opacity: 1;
}

.mobile-menu a {
    font-size: 1.2rem; 
    font-weight: 600; 
}

.mobile-menu button {
    transition: background-color 0.3s ease, color 0.3s ease;
    
}

#mobile-menu-button{
    position: relative;
    left: 120px;
}

.mobile-menu .dropdown-menu {
    display: none; 
}

.mobile-menu .dropdown-menu.show {
    display: block; 
}


.mobile-menu button:hover {
    transform: scale(1.05); 
}


.mobile-menu .dropdown-menu {
    border-radius: 8px; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 
}


.mobile-menu .dropdown-menu a {
    transition: background-color 0.3s ease;
}

.mobile-menu .dropdown-menu a:hover {
    background-color: rgba(255, 255, 0, 0.2); 
}

#header {
    transition: all 0.3s ease; 
}

.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000; 
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); 
}

.address{
 font-size: 15px;
}

 #empverify{  
      
      margin: 0;
      display: flex;
      justify-content: center;
      align-items: flex-start;
      padding: 3rem 1rem;
      color: #2d2d2d;
    }
    .empverify-container {
      background: #fff;
      box-shadow: 0 20px 40px rgba(0,0,0,0.15); 
      width: 100%;
      padding: 2.5rem 3rem 3rem;
      display: flex;
      flex-direction: column;
      gap: 2.5rem;
      text-align: center;
    }
    .empverify-header {
      color: #4b3f72;
      margin:auto;
    }
    .empverify-header-title {
      font-weight: 700;
      font-size: 2.75rem;
      margin-bottom: 0.25rem;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: 0.75rem;
      user-select: none;
    }
    .empverify-header-title i {
      color: #fec42d;
      font-size: 2.75rem;
      filter: drop-shadow(0 0 6px #fec42d);
    }
    .empverify-header-subtitle {
      font-weight: 500;
      font-size: 1.125rem;
      color: #6b5b95;
      user-select: none;
      margin-top: 0;
    }
    .empverify-search-wrapper {
      position: relative;
      max-width: 480px;
      margin: 0 auto;
      width: 100%;
    }
    .empverify-input {
      width: 100%;
      padding: 0.85rem 3.5rem 0.85rem 1.5rem;
      font-size: 1.125rem;
      border-radius: 9999px;
      border: 2.5px solid #fec42d;
      color: #4b3f72;
      font-weight: 600;
      box-shadow: 0 0 12px 0 rgba(254,196,45,0.3);
      transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }
    .empverify-input::placeholder {
      color: #d9b84c;
      font-weight: 400;
    }
    .empverify-input:focus {
      outline: none;
      border-color: #d4a300;
      box-shadow: 0 0 20px 5px rgba(254,196,45,0.5);
    }
    .empverify-search-icon {
      position: absolute;
      right: 1.25rem;
      top: 50%;
      transform: translateY(-50%);
      color: #d4a300;
      font-size: 1.4rem;
      pointer-events: none;
      user-select: none;
    }
    .empverify-table-container {
       
      overflow-x: auto;
      border-radius: 1.25rem;
      box-shadow: 0 15px 30px rgba(254,196,45,0.25);
      border: 2px solid #fec42d;
      background: #fff8dc;
      padding: 0.5rem;
      margin:auto;
      margin-top: 1rem;
    }
    .empverify-table {
      width: 100%;
      border-collapse: separate;
      border-spacing: 0;
      border-radius: 1.25rem;
      overflow: hidden;
      min-width: 700px;
      font-size: 1rem;
      color: #4b3f72;
    }
    .empverify-table thead tr {
      background: #fec42d;
      color: #4b3f72;
      user-select: none;
    }
    .empverify-table thead th {
      padding: 1rem 1.75rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      text-align: left;
      border-right: 1px solid rgba(255 255 255 / 0.3);
      transition: background-color 0.3s ease;
    }
    .empverify-table thead th:last-child {
      border-right: none;
    }
    .empverify-table tbody tr {
      background: white;
      transition: background-color 0.3s ease, box-shadow 0.3s ease;
      cursor: default;
      border-radius: 0.75rem;
      box-shadow: 0 0 0 transparent;
    }
    .empverify-table tbody tr:hover {
      background: #d4a300;
      color: white;
      box-shadow: 0 10px 25px rgba(212,163,0,0.4);
      cursor: pointer;
    }
    .empverify-table tbody td {
      padding: 1rem 1.75rem;
      font-weight: 500;
      border-bottom: 1px solid #f7e3a1;
      white-space: nowrap;
      vertical-align: middle;
      transition: color 0.3s ease;
    }
    .empverify-table tbody tr:hover td {
      color: white;
      border-color: transparent;
    }
    .empverify-table tbody td.email {
      text-decoration: underline;
      cursor: pointer;
      word-break: break-word;
    }
    .empverify-table tbody tr:last-child td {
      border-bottom: none;
    }
    .empverify-noResults {
      padding: 3rem 1rem;
      text-align: center;
      font-weight: 600;
      font-size: 1.25rem;
      color: #a67c00;
      display: none;
      user-select: none;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.75rem;
    }
    .empverify-noResults i {
      font-size: 1.75rem;
      color: #d4a300;
    }
    /* Responsive */
    @media (max-width: 768px) {
      .empverify-container {
        padding: 2rem 1.5rem 2.5rem;
      }
      
      .empverify-table-container {
        width: -webkit-fill-available;
    
    }
       
      .empverify-table {
        min-width: 100%;
        font-size: 0.9rem;
      }
      .empverify-table thead th {
        padding: 0.75rem 1rem;
      }
      .empverify-table tbody td {
        padding: 0.75rem 1rem;
      }
      .empverify-header-title {
        font-size: 2rem;
      }
      .empverify-header-title i {
        font-size: 2rem;
      }
      .empverify-header-subtitle {
        font-size: 1rem;
      }
      .empverify-input {
        font-size: 1rem;
        padding-right: 3rem;
      }
      .empverify-search-icon {
        font-size: 1.2rem;
        right: 1rem;
      }
    }
    @media (max-width: 400px) {
      .empverify-container {
        padding: 1.5rem 1rem 2rem;
      }
      .empverify-table-container {
        width: -webkit-fill-available;
    
    }
      .empverify-header-title {
        font-size: 1.5rem;
      }
      .empverify-header-title i {
        font-size: 1.5rem;
      }
      .empverify-header-subtitle {
        font-size: 0.9rem;
      }
      .empverify-input {
        font-size: 0.9rem;
      }
      .empverify-search-icon {
        font-size: 1rem;
      }
      .empverify-table thead th {
        font-size: 0.7rem;
        padding: 0.5rem 0.75rem;
      }
      .empverify-table tbody td {
        font-size: 0.75rem;
        padding: 0.5rem 0.75rem;
      }
    }


/* thank you page */