/* Reset & Base */
    body, html {
        margin: 0;
        padding: 0;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        background-color: #f4f6f8;
    }

    /* Header */
    .header {
        background-color: #808285;
        color: #ecf0f1;
        position: sticky;
        top: 0;
        z-index: 1000;
        padding: 15px 0;
        text-align: center;
        font-weight: bold;
        border-bottom: 2px solid #34495e;
        letter-spacing: 2px;
    }

    /* Overlay */
    .overlay span {
        display: inline-block;
        background-color: #014421;
        color: #fff;
        padding: 12px 25px;
        border-radius: 7px;
        font-weight: bold;
        font-size: 20px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    /* Card */
    .card {
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease;
        background: linear-gradient(to bottom right, #fff, #f1f1f1);
        border: 1px solid #e7e7e7;
    }

    .card:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
        background: linear-gradient(to bottom right, #f9f9f9, #e7e7e7);
    }

    .card-header {
        background-color: #0c6c3a;
        color: #fff;
        padding: 10px 15px;
        font-size: 1.1em;
        font-weight: bold;
        border-bottom: 1px solid #014421;
    }

            .equal-size-btn {
        width: 150px;      /* You can adjust this value according to your preference */
        height: 45px;      /* You can adjust this value according to your preference */
        padding: 8px 12px; /* Adjust padding if needed */
        line-height: 1.5;  /* This helps with vertical alignment of the text */
    }
    /* Submit Button */
    .submit-button {
        background: linear-gradient(45deg, #0c6c3a, #014421);
        border: none;
        color: #fff;
        padding: 10px 20px;
        border-radius: 5px;
        transition: background 0.2s, transform 0.2s;
        cursor: pointer;
    }

    .submit-button:hover {
        background: linear-gradient(45deg, #014421, #0c6c3a);
    }

    .submit-button:active {
        transform: scale(0.98);
    }

    /* Navbar */
    .navbar {
        background: linear-gradient(45deg, #0c6c3a, #014421);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

    .flex-grow-1 {
        color: #fff;
    }

    .navbar-brand {
        font-size: 24px;
        padding-left: 20px;
    }

    .navbar-dark .navbar-nav .nav-link {
        padding: 10px 20px;
        border-radius: 5px;
        transition: background 0.2s;
    }

    .navbar-dark .navbar-nav .nav-link:hover {
        background: rgba(255, 255, 255, 0.1);
    }

    .navbar-dark .navbar-nav .active>.nav-link {
        background: rgba(255, 255, 255, 0.15);
    }

    /* Table */
    .table {
        border-collapse: separate;
        border-spacing: 0 0px;
    }

    .table th {
        padding: 10px 15px;
        background-color: #0c6c3a;
        color: #fff;
        border-radius: 7px;
    }

    .table td {
        vertical-align: middle;
        padding: 10px 15px;
        background-color: #fff;
        border-radius: 7px;
    }

    .table td:first-child {
        font-weight: bold;
        color: #0c6c3a;
    }

    /* Form Controls */
    .form-control {
        border-radius: 5px;
        border: 1px solid #e7e7e7;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    }

    .bg-light {
        background-color: #f4f6f8 !important;
        border-radius: 15px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

            /* Add any necessary styles here */
            #quote-section {
        border: 1px solid #ccc;
        padding: 15px;
        margin-top: 20px;
    }

    .visually-hidden {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px 1px 1px 1px); /* for IE6, IE7 */
        clip: rect(1px, 1px, 1px, 1px);
        white-space: nowrap; /* added line */
    }
    .custom-left-padding {
    padding-left: 5rem; /* Adjust the value as needed */
}