/* Universal Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
    scroll-behavior: smooth;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
  }
  
  /* Body Styling */
  body {
    background-color: #f8f9fa;
    color: #222;
  }

  .bg{
    background-color: #0d6efd !important;;
  }
  
  /* Navbar Styling */
  .navbar {
    background-color: #212529 !important;
    padding: 15px 20px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
  }
  
  .navbar .nav-link,
  .navbar-brand {
    color: #fff !important;
  }
  
  .navbar .nav-link.active,
  .navbar .nav-link:hover {
    color: #0d6efd !important;
  }
  
  /* Dropdown Styling */
  .drop {
    background-color: #f8f9fa;
  }
  
  .item-color {
    color: #0d6efd !important;
    font-weight: 500;
  }
  
  /* Section Styling */
  section {
    background: #fff;
    color: #222;
    padding: 60px 0;
  }
  
  /* Hero Section */
  .hero-section {
    background: #fff;
    color: #222;
    padding: 80px 0 60px 0;
  }
  
  .hero-section .display-4,
  .hero-section h1 {
    color: #0d6efd;
  }
  
  .hero-section .lead {
    color: #444;
  }
  
  .hero-section .btn-primary {
    background-color: #0d6efd;
    border: none;
    color: #fff;
    transition: background 0.2s;
  }
  
  .hero-section .btn-primary:hover {
    background-color: #0056b3;
  }
  
  /* Profile Image */
  .hero-img,
  .image img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #e9ecef;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  }
  
  /* About Section */
  #about {
    background: #f8f9fa;
    color: #222;
  }
  
  #about .fw-bold {
    color: #0d6efd;
  }
  
  #about .text-muted {
    color: #6c757d !important;
  }
  
  #about .card {
    background: #fff;
    border: 1px solid #e9ecef;
    box-shadow: none;
  }
  
  #about .card i {
    color: #0d6efd !important;
  }
  
  #about .card .bi-shield-lock {
    color: #495057 !important;
  }
  
  #about .card .bi-terminal {
    color: #495057 !important;
  }
  
  #about .card .bi-bug-fill {
    color: #495057 !important;
  }
  
  /* Portfolio Section */
  #portfolio {
    background: #fff;
    color: #222;
  }
  
  #portfolio .fw-bold {
    color: #0d6efd;
  }
  
  #portfolio .text-muted {
    color: #6c757d !important;
  }
  
  #portfolio .card {
    border: 1px solid #e9ecef;
    background: #fff;
    box-shadow: none;
  }
  
  #portfolio .card-title {
    color: #0d6efd;
  }
  
  #portfolio .btn-outline-primary {
    border-color: #0d6efd;
    color: #0d6efd;
    background: transparent;
    transition: background 0.2s, color 0.2s;
  }
  
  #portfolio .btn-outline-primary:hover {
    background: #0d6efd;
    color: #fff;
  }
  
  /* Contact Section */
  #contact {
    background: #f8f9fa;
    color: #222;
  }
  
  #contact .fw-bold {
    color: #0d6efd;
  }
  
  #contact .text-muted {
    color: #6c757d !important;
  }
  
  #contact .form-label {
    color: #222;
  }
  
  #contact .form-control {
    border: 1px solid #e9ecef;
    background: #fff;
    color: #222;
  }
  
  #contact .btn-primary {
    background-color: #0d6efd;
    border: none;
    color: #fff;
    transition: background 0.2s;
  }
  
  #contact .btn-primary:hover {
    background-color: #0056b3;
  }
  
  #contact .btn-dark {
    background: #343a40;
    border: none;
    color: #fff;
  }
  
  #contact .btn-dark:hover {
    background: #23272b;
  }
  
  #contact .btn-danger {
    background: #dc3545;
    border: none;
    color: #fff;
  }
  
  #contact .btn-danger:hover {
    background: #a71d2a;
  }
  
  /* Projects Section */
  #projects {
    background: #fff;
    color: #222;
  }
  
  #projects h2 {
    color: #0d6efd;
  }
  
  #projects .card {
    border: 1px solid #e9ecef;
    background: #fff;
    box-shadow: none;
  }
  
  #projects .card-title {
    color: #0d6efd;
  }
  
  #projects .badge {
    background-color: #e9ecef !important;
    color: #0d6efd !important;
    font-weight: 500;
    margin-right: 4px;
  }
  
  #projects .badge.bg-dark,
  #projects .badge.bg-success,
  #projects .badge.bg-warning,
  #projects .badge.bg-secondary,
  #projects .badge.bg-danger,
  #projects .badge.bg-info {
    background-color: #e9ecef !important;
    color: #0d6efd !important;
  }
  
  #projects .btn-outline-primary {
    border-color: #0d6efd;
    color: #0d6efd;
    background: transparent;
    transition: background 0.2s, color 0.2s;
  }
  
  #projects .btn-outline-primary:hover {
    background: #0d6efd;
    color: #fff;
  }
  
  /* Footer Styling */
  footer {
    background-color: #212529;
    color: #fff;
  }
  
  footer p {
    margin: 0;
    font-size: 0.95rem;
  }
  
  footer .btn-primary {
    background-color: #0d6efd;
    border: none;
    color: #fff;
  }
  
  footer .btn-primary:hover {
    background-color: #0056b3;
  }
  
  footer .btn-dark {
    background: #343a40;
    border: none;
    color: #fff;
  }
  
  footer .btn-dark:hover {
    background: #23272b;
  }
  
  footer .btn-danger {
    background: #dc3545;
    border: none;
    color: #fff;
  }
  
  footer .btn-danger:hover {
    background: #a71d2a;
  }
  
  /* Back to Top Button */
  #backToTop {
    background: #0d6efd;
    color: #fff;
    border: none;
    box-shadow: 0 2px 8px rgba(13, 110, 253, 0.15);
    transition: background 0.2s;
  }
  
  #backToTop:hover {
    background: #0056b3;
  }
  
  /* Responsive */
  @media (max-width: 768px) {
    .text {
      text-align: center;
    }
    .text h2 {
      font-size: 2rem;
    }
    .text p {
      font-size: 1rem;
    }
    .image img,
    .hero-img {
      width: 160px;
      height: 160px;
    }
  }
  
  /* Dropdown on Hover (Desktop only) */
  @media (min-width: 769px) {
    .dropdown-menu {
      display: none;
    }
    .dropdown:hover .dropdown-menu {
      display: block;
    }
  }