body {
      transition: background-color 0.3s, color 0.3s;
      padding-top: 70px;
    }
    .light-mode {
      background-color: #f0f4f8;
      color: #000;
    }
    .dark-mode {
      background-color: #001f3f;
      color: #fff;
    }
    .blue-mode {
      background-color: #0056b3;
      color: #fff;
    }
    /* Stats Section */
    body.light-mode #stats {
      background-color: #e2e6ea;
      color: #000;
    }
    body.dark-mode #stats {
      background-color: #141c3a;
      color: #fff;
    }
    body.blue-mode #stats {
      background-color: #003366;
      color: #fff;
    }
    /* Tech Section always in light-mode */
    #tech {
      background-color: #e2e6ea;
      color: #001f3f;
    }
    .theme-toggle {
      position: fixed;
      bottom: 10px;
      right: 10px;
      z-index: 1000;
    }
    .avatar {
      border-radius: 50%;
      width: 140px;
      height: 140px;
      object-fit: cover;
      margin-bottom: 10px;
    }
    .logo {
      width: 200px;
      height: auto;
    }
    /* Custom Navbar Styles */
    .custom-navbar {
      background: linear-gradient(90deg, #ffffff, #f0f4f8);
      border-bottom: 1px solid #0056b3;
    }
    .custom-navbar .nav-link {
      color: #001f3f;
      font-weight: bold;
      transition: color 0.3s;
    }
    .custom-navbar .nav-link:hover {
      color: #0056b3;
    }
    .custom-navbar .navbar-toggler {
      border-color: #fff;
    }
    .custom-navbar .btn {
      background-color: #ff851b;
      color: #fff;
      font-weight: bold;
    }
    .custom-navbar .btn:hover {
      background-color: #ffb347;
      color: #0056b3;
    }
    .language-switch .btn {
      border-color: #001f3f;
      color: #001f3f;
      font-weight: 700;
      letter-spacing: 0.04em;
    }
    .language-switch .btn.active {
      background-color: #001f3f;
      color: #fff;
    }
    .img-top {
      width: 250px;
      height: 250px;
      object-fit: cover;
      margin: 0 auto;
    }
    .card-text {
      padding: 10px;
      height: 90px;
      margin-bottom: 10px;
    }
    .custompadding {
      padding-top: 40px;
      padding-bottom: 40px;
    }
    .img-logo-clean {
      width: 140px;
      height: 140px;
      object-fit: cover;
      margin: 0 auto;
    }
    .app-img {
      height: 60px;
    }
    .primary-color {
      color: #001f3f;
    }
    .img-color {
      width: 50px;
      height: 50px;
    }
    .bg-custom {
      background-color: #001f3f;
    }
    .app-card-placeholder {
      height: 220px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      font-size: 1.2rem;
      color: #001f3f;
      background: linear-gradient(135deg, #e2e6ea, #f8f9fa);
      text-align: center;
      padding: 20px;
    }
    /* Short Border for Headings */
    .heading-border {
      width: 60px;
      height: 3px;
      background-color: #001f3f;
      margin: 10px auto;
      margin-bottom: 50px;
    }
    .heading-border-custom{
        background-color: #f0f4f8;
    }