.bg-dark {
     background-color: rgb(5, 43, 61) !important;
}
.bg-primary {
background: linear-gradient(90deg, rgba(11, 85, 110, 0.95), rgba(15, 157, 88, 0.95));
    color: #fff;
    padding: 40px 0;
}


    .service-icon {
      font-size: 40px;
      color: #0d6efd;
      margin-bottom: 15px;
    }
    
.service-card {
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      cursor:pointer !important;
    }
    .service-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    }
    .icon-box {
      font-size: 40px;
      margin-bottom: 15px;
    }
    
    .quotation-box {
      max-width: 700px;
      margin: 50px auto;
      background: #fff;
      padding: 30px;
      border-radius: 15px;
      box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    }
    .form-icon {
      width: 45px;
      text-align: center;
      color: #0d6efd;
    }
    .form-control, .form-select {
      border-radius: 10px;
    }
    .btn-submit {
      border-radius: 30px;
      padding: 10px 30px;
    }
    
    .about-header {
      padding: 60px 0;
      background-color: #f8f9fa;
      text-align: center;
    }
    .about-mission {
      padding: 40px 0;
    }
    .founder {
      padding: 40px 0;
      background-color: #f8f9fa;
    }
    .icon {
      font-size: 3rem;
      color: #007bff;
      margin-bottom: 20px;
    }
    
    
    .dropdown-menu {
      display: none;
      margin-top: 0;
    }
    .dropdown:hover .dropdown-menu {
      display: block;
    }
    
     .navbar {
      background: rgb(12 74 104) !important;
      box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    }
    .navbar-brand {
      font-weight: 700;
      font-size: 1.5rem;
      color: #fff !important;
      letter-spacing: 1px;
    }
    .nav-link {
      color: #fff !important;
      margin: 0 3px;
      font-weight: 400;
      position: relative;
      transition: color 0.3s;
    }


    /* Search */
    .search-box input {
      border-radius: 20px;
      padding: 5px 15px;
      border: none;
    }
    .search-box input:focus {
      outline: none;
      box-shadow: 0 0 6px #00d9ff;
    }
    .search-box button {
      border-radius: 20px;
      margin-left: 5px;
      background: #00d9ff;
      border: none;
      color: #000;
    }

    /* CTA Button */
    .btn-cta {
      border-radius: 25px;
      padding: 6px 18px;
      font-weight: 500;
      background: #00d9ff;
      border: none;
      color: #000;
    }
    .btn-cta:hover {
      background: #00a5cc;
      color: #fff;
    }
    
    #logo{
        width: 174px;
  height: 43px;
    }
    
    .ui-autocomplete {
    max-height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
    overflow-y: auto;
    background: #f8f8f8!important;
    color: #5e5e5e!important;
    z-index: 215000000 !important;
    line-height: 25px !important;
    padding-left: 0px !important;
    list-style-type: none !important;
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em;
  font-size: 13px !important;
}

.nav-link {
    font-weight:100px !important;
}
    
footer a, footer p {
    font-size: .875em !important;
}


.hero { background:#007bff; color:#fff; padding:40px 20px; text-align:center; }
    .card { border-radius:15px; box-shadow:0px 4px 10px rgba(0,0,0,0.1); }
    .card i { font-size:40px; color:#007bff; }
    .content-section { padding:40px 20px; }
    
    .service-box {
      border: 1px solid #ddd;
      border-radius: 10px;
      padding: 20px;
      background: #fff;
      text-align: center;
      transition: all 0.3s ease;
    }
    .service-box:hover {
      transform: translateY(-5px);
      box-shadow: 0px 4px 12px rgba(0,0,0,0.1);
    }
    .service-box i {
      font-size: 40px;
      color: #007bff;
      margin-bottom: 15px;
    }
    
    
    .job-thumb { transition: transform 0.3s; }
    .job-thumb:hover { transform: translateY(-5px); }
    .content { margin-top: 30px; }
    
     .job-card { border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: 0.3s; }
    .job-card:hover { transform: translateY(-5px); }
    .icon-circle { width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; font-size: 24px; color: #fff; }
    .bg-blue { background:#007bff; }
    .bg-green { background:#28a745; }
    .bg-orange { background:#fd7e14; }
    .bg-purple { background:#6f42c1; }
    .bg-teal { background:#20c997; }
    
    
    .mypage .card { border-radius:15px; box-shadow:0 2px 8px rgba(0,0,0,0.1); text-align:center; padding:20px; }
    .mypage .card .fa { font-size:48px; color:#0d6efd; margin-bottom:15px; }
    .mypage .card-title { font-weight:bold; }
    .mypage .seo-content { text-align:justify; }
    
    
    .highlight { background: #fff; padding: 30px; border-radius: 15px; box-shadow: 0 0 10px rgba(0,0,0,0.1); margin-top: -40px; }
    .thumbnail i { font-size: 40px; color: #007bff; margin-bottom: 15px; }
    .section-title { font-weight: 700; color: #343a40; margin-bottom: 20px; }
    
    .icon-box i { font-size: 40px; color: #007bff; margin-bottom: 15px; }
    .highlight { color: #007bff; font-weight: 600; }
    .icon-wrap { width:72px; height:72px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:#f1f6ff; margin: 0 auto 12px; }
     :root { --brand: #0d6efd; --muted: #6c757d; }
     
     
     
ul li{
    list-style-type: none !important;
}