@media (max-width: 768px) {
    .form-container {
        padding: 5px;
    }

    .select-container {
        max-width: 100%;
    }

    @media (max-width: 767px) {
        .form-group {
            display: flex;
            flex-direction: column;
        }

        .col-md-4,
        .col-md-6 {
            width: 100%;
            margin-top: 10px;
        }

        @media (max-width: 45em) {
            .tabs .tab,
            .tabs label {
                order: initial;
            }

            .tabs label {
                width: 100%;
                margin-right: 0;
                margin-top: 0.2rem;
            }

            @media (max-width: 600px) {
                .form-container {
                    width: 100%;
                    max-width: none;
                }

                .col-md-4,
                .col-md-6 {
                    width: 100%;
                }
            }

            @media (max-width: 768px) {
                .form-container {
                    width: 100%;
                    max-width: none;
                    /* Adjust the max-width for smaller screens */
                    margin: 0 auto; /* Center the form horizontally */
                }

                .col-md-4,
                .col-md-6 {
                    width: 100%;
                }
            }

            @media only screen and (max-width: 600px) {
                .table-responsive {
                    display: block;
                    width: 100%;
                    overflow-x: auto;
                }

                    .table-responsive table {
                        width: 100%;
                        border-collapse: collapse;
                    }

                        .table-responsive table td {
                            text-align: left;
                            padding: 8px;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }

                            .table-responsive table td:hover {
                                /* Adjust tooltip as per your choice */
                                overflow: visible;
                                white-space: normal;
                                z-index: 1;
                                position: relative;
                                background: white;
                                color: black;
                                max-width: 200px; /* Adjust according to your layout */
                                padding: 5px;
                                border: 1px solid #ccc;
                                box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
                            }

                @-webkit-keyframes load8 {
                    0% {
                        -webkit-transform: rotate(0deg);
                        transform: rotate(0deg);
                    }

                    100% {
                        -webkit-transform: rotate(360deg);
                        transform: rotate(360deg);
                    }
                }

                @keyframes load8 {
                    0% {
                        -webkit-transform: rotate(0deg);
                        transform: rotate(0deg);
                    }

                    100% {
                        -webkit-transform: rotate(360deg);
                        transform: rotate(360deg);
                    }
                }

                a.navbar-brand {
                    white-space: normal;
                    text-align: center;
                    word-break: break-all;
                }

                a {
                    color: #0077cc;
                }

                .btn-primary {
                    color: #fff;
                    background-color: #1f8dcf;
                    border-color: #1861ac;
                }

                .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
                    color: #fff;
                    background-color: #1b6ec2;
                    border-color: #1861ac;
                }

                html {
                    font-size: 14px;
                }

                @media (min-width: 768px) {
                    html {
                        font-size: 16px;
                    }
                }

                .border-top {
                    border-top: 1px solid #e5e5e5;
                }

                .border-bottom {
                    border-bottom: 1px solid #e5e5e5;
                }

                .box-shadow {
                    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
                }

                button.accept-policy {
                    font-size: 1rem;
                    line-height: inherit;
                }

                html {
                    position: relative;
                    min-height: 100%;
                }

                body {
                    margin-bottom: 60px;
                    font-size: 14px;
                }

                .footer {
                    position: absolute;
                    bottom: 0;
                    width: 100%;
                    white-space: nowrap;
                    line-height: 60px;
                }
            }


            .tabs {
                display: flex;
                flex-wrap: wrap;
            }

                .tabs label {
                    order: 1;
                    display: block;
                    padding: 1rem 1rem;
                    margin-right: 0.2rem;
                    cursor: pointer;
                    background: #9999995e;
                    font-weight: bold;
                    transition: background ease 0.2s;
                    width: 100%;
                    margin-right: 0;
                    margin-top: 0.2rem;
                    border-radius: 15px;
                }

                .tabs input[type="radio"] {
                    display: none;
                }

                    .tabs input[type="radio"]:checked + label {
                        background: #1f8dcf;
                        color: white;
                    }

                    .tabs input[type="radio"]:hover + label {
                        background: #1f8dcf;
                        color: white;
                    }

                .tabs .tab {
                    display: none;
                }

                .tabs input[type="radio"]:checked + label + .tab {
                    display: block;
                }

            /* Tab specific colors */
            #tab1-content {
                color: white;
                background: red;
            }

            #tab2-content {
                color: white;
                background: #f7961d;
            }

            /* Add styles for other tabs as needed */

            #tab1:checked + label {
                background: #1f8dcf;
                color: white;
            }

            .quotation-item {
                border: 1px solid #ccc; /* Add border styling */
                padding: 10px; /* Add padding for better spacing */
                margin-bottom: 15px; /* Add margin to separate items */
            }

            .hide {
                display: none;
            }




            /* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
            @media (max-width: 768px) {
                .form-container {
                    padding: 5px;
                }

                .select-container {
                    max-width: 100%;
                }

                @media (max-width: 767px) {
                    .form-group {
                        display: flex;
                        flex-direction: column;
                    }

                    .col-md-4,
                    .col-md-6 {
                        width: 100%;
                        margin-top: 10px;
                    }

                    @media (max-width: 45em) {
                        .tabs .tab,
                        .tabs label {
                            order: initial;
                        }

                        .tabs label {
                            width: 100%;
                            margin-right: 0;
                            margin-top: 0.2rem;
                        }

                        @media (max-width: 600px) {
                            .form-container {
                                width: 100%;
                                max-width: none;
                            }

                            .col-md-4,
                            .col-md-6 {
                                width: 100%;
                            }
                        }

                        @media (max-width: 768px) {
                            .form-container {
                                width: 100%;
                                max-width: none;
                                /* Adjust the max-width for smaller screens */
                                margin: 0 auto; /* Center the form horizontally */
                            }

                            .col-md-4,
                            .col-md-6 {
                                width: 100%;
                            }
                        }

                        @media only screen and (max-width: 600px) {
                            .table-responsive {
                                display: block;
                                width: 100%;
                                overflow-x: auto;
                            }

                                .table-responsive table {
                                    width: 100%;
                                    border-collapse: collapse;
                                }

                                    .table-responsive table td {
                                        text-align: left;
                                        padding: 8px;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                    }

                                        .table-responsive table td:hover {
                                            /* Adjust tooltip as per your choice */
                                            overflow: visible;
                                            white-space: normal;
                                            z-index: 1;
                                            position: relative;
                                            background: white;
                                            color: black;
                                            max-width: 200px; /* Adjust according to your layout */
                                            padding: 5px;
                                            border: 1px solid #ccc;
                                            box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
                                        }

                            @-webkit-keyframes load8 {
                                0% {
                                    -webkit-transform: rotate(0deg);
                                    transform: rotate(0deg);
                                }

                                100% {
                                    -webkit-transform: rotate(360deg);
                                    transform: rotate(360deg);
                                }
                            }

                            @keyframes load8 {
                                0% {
                                    -webkit-transform: rotate(0deg);
                                    transform: rotate(0deg);
                                }

                                100% {
                                    -webkit-transform: rotate(360deg);
                                    transform: rotate(360deg);
                                }
                            }

                            a.navbar-brand {
                                white-space: normal;
                                text-align: center;
                                word-break: break-all;
                            }

                            a {
                                color: #0077cc;
                            }

                            .btn-primary {
                                color: #fff;
                                background-color: #1f8dcf;
                                border-color: #1861ac;
                            }

                            .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
                                color: #fff;
                                background-color: #1b6ec2;
                                border-color: #1861ac;
                            }

                            html {
                                font-size: 14px;
                            }

                            @media (min-width: 768px) {
                                html {
                                    font-size: 16px;
                                }
                            }

                            .border-top {
                                border-top: 1px solid #e5e5e5;
                            }

                            .border-bottom {
                                border-bottom: 1px solid #e5e5e5;
                            }

                            .box-shadow {
                                box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
                            }

                            button.accept-policy {
                                font-size: 1rem;
                                line-height: inherit;
                            }

                            html {
                                position: relative;
                                min-height: 100%;
                            }

                            body {
                                margin-bottom: 60px;
                                font-size: 14px;
                            }

                            .footer {
                                position: absolute;
                                bottom: 0;
                                width: 100%;
                                white-space: nowrap;
                                line-height: 60px;
                            }
                        }


                        .tabs {
                            display: flex;
                            flex-wrap: wrap;
                        }

                            .tabs label {
                                order: 1;
                                display: block;
                                padding: 1rem 1rem;
                                margin-right: 0.2rem;
                                cursor: pointer;
                                background: #9999995e;
                                font-weight: bold;
                                transition: background ease 0.2s;
                                width: 100%;
                                margin-right: 0;
                                margin-top: 0.2rem;
                                border-radius: 15px;
                            }

                            .tabs input[type="radio"] {
                                display: none;
                            }

                                .tabs input[type="radio"]:checked + label {
                                    background: #1f8dcf;
                                    color: white;
                                }

                                .tabs input[type="radio"]:hover + label {
                                    background: #1f8dcf;
                                    color: white;
                                }

                            .tabs .tab {
                                display: none;
                            }

                            .tabs input[type="radio"]:checked + label + .tab {
                                display: block;
                            }

                        /* Tab specific colors */
                        #tab1-content {
                            color: white;
                            background: red;
                        }

                        #tab2-content {
                            color: white;
                            background: #f7961d;
                        }

                        /* Add styles for other tabs as needed */

                        #tab1:checked + label {
                            background: #1f8dcf;
                            color: white;
                        }

                        .quotation-item {
                            border: 1px solid #ccc; /* Add border styling */
                            padding: 10px; /* Add padding for better spacing */
                            margin-bottom: 15px; /* Add margin to separate items */
                        }

                        .hide {
                            display: none;
                                        
                        }