@media (max-width: 768px) {
            .modal-dialog {
                width: 100%;
                margin: 0;
            }

            td,
            th,
            table {

                font-size: 11px
            }
        }

 

        .btn-animated {
            transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
        }
        .form-control, .form-select{
            border: 2px solid #dad7d7!important;
            
        }

        .form-control:focus {
            border-color: #fd9d0d !important; /* Bootstrap Primary */
            box-shadow: 0 0 5px rgba(253, 157, 13, 0.5);
        }
        /* Custom Select2 Styling */
        .select2-container--default .select2-selection--single, .form-select {
            height: 45px!important;
            border: 2px solid #dad7d7 !important;
            border-radius: 8px !important;
            display: flex;
            align-items: center;
            padding: 6px 12px;
            font-size: 16px;
            background-color: #fff;
            transition: border-color 0.3s ease, box-shadow 0.3s ease;
        }

        /* Focus effect */
        .select2-container--default .select2-selection--single:focus,
        .select2-container--default.select2-container--open .select2-selection--single {
            border-color: #fd9d0d !important; /* Bootstrap Primary */
           
        }

        /* Dropdown */
        .select2-container--default .select2-results__option {
            padding: 10px 14px;
            font-size: 15px;
            border-bottom: 1px solid #f1f1f1;
        }

        .select2-container--default .select2-results__option--highlighted[aria-selected] {
            background-color: #e99c37 !important;
            color: #fff !important;
        }

        /* Arrow */
        .select2-container--default .select2-selection__arrow {
            top: 50% !important;
            transform: translateY(-50%);
            right: 10px !important;
        }
        /* Custom Select2 Styling */
        .select2-container--default .select2-selection--single {
            height: 48px;
            border: 2px solid #dad7d7 !important;
            border-radius: 8px !important;
            display: flex;
            align-items: center;
            padding: 6px 12px;
            font-size: 16px;
            background-color: #fff;
            transition: border-color 0.3s ease, box-shadow 0.3s ease;
        }

         

        .btn-pulse {
            animation: pulse 2s infinite;
            /* Apply a pulsing effect */
        }

        .btn-gradient {
            background: linear-gradient(45deg, #ff324d, #e99c37);
            transition: 0.3s ease-in-out;
             
        }

        .btn-gradient:hover {
            background: linear-gradient(45deg, #e99c37, #ff324d);
            transform: translateY(-1px);
        }

        .form-control,
        .form-select {
            border-radius: 12px;
            padding: 0.6rem 0.9rem;
            box-shadow: none !important;
            transition: 0.2s;
        }

       

        .input-group-text {
            border-radius: 12px 0 0 12px;
            border-right: 0;
        }

        .card {
            border-radius: 20px;
        }

        .form-animate {
            animation: fadeInUp 0.5s ease-in-out;
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .main-card {
            background: linear-gradient(135deg, #ff9a3d, #FF0200);
            border-radius: 20px;
            padding: 4px;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
             
        }

        label {
        font-weight: bold
    }