body {
        background-color: #fff;
        font-family: Arial, sans-serif;
    }
    .bg-light {
            background: #fff !important;
    box-shadow: 0 7px 35px #f1f1f1;
    }
    .navbar-nav .dropdown-menu {
    border: none;
}
.navbar-toggler {
    border: none;
}
.navbar-toggler:hover {
    border: none;
}
.navbar-toggler:focus {
    
box-shadow:unset;
}
    .calculator {
        background-color: #fff;
        padding: 20px;
        margin: 25px auto;
        border-radius: 7px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    }
    .form-inline {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
    }
    .form-inline input {
        width: auto;
        flex: 1;
        text-align: left;
    }
    .result {
        font-weight: bold;
        margin-left: 10px;
        padding: 5px 10px;
        border-radius: 5px;
        display: none; /* ابتدا مخفی */
    }
    .clear-btn {
        margin-left: 5px;
        font-size: 0.9rem;
        cursor: pointer;
        text-decoration: underline;
        background: none;
        border: none;
        padding: 0;
        display: none; /* ابتدا مخفی */
        color: #0d6efd;
    }
    .calculator h2 {
        font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
    }
    .sidebar {
                background-color: #fff;
        padding: 20px;
        margin: 25px auto;
        border-radius: 7px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
            /* Desktop hover for dropdown */
    @media(min-width: 992px) {
      .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
        display: block;
      }
    }

    /* Footer styling */
    footer {
      text-align: center;
      padding: 30px 0;
      font-size: 14px;
    }
    h1 {
    font-size: 20px;
    font-weight: bold;
    padding: 20px 0 0 0;
    text-align: center;
}