html {
  scroll-behavior: smooth;
}

.package .form-label { color: var(--light-gray); font-size: 16px; font-weight: 400; text-transform: capitalize; }
.package .form-control { border-color: var(--light-gray); border-radius: inherit; color: var(--light-gray); font-size: 16px; font-weight: 600; padding: 0.65rem 1.5rem; }
.package .form-control::placeholder { color: var(--light-gray); text-transform: uppercase; }
.package .form-select { border-color: var(--light-gray); border-radius: inherit; color: var(--light-gray); font-size: 16px; padding: 0.55rem 1.5rem; text-transform: uppercase; }
.package .form-control:focus, .package .form-select:focus { border-color: var(--light-gray); box-shadow: inherit; }
.package .loc { font-weight: 600; padding: 0.65rem 0.75rem; }
.package .code { background-color: #F4F4F4; border-left: inherit; border-right: inherit; text-align: center; }
.package .btn-primary { background-color: #F4F4F4; border: inherit; border-radius: inherit; color: var(--light-gray); font-size: 16px; padding: 1rem 1.5rem; text-align: left; text-transform: uppercase; max-width: 400px; width: 100%; }
.package .btn-primary img { float: right; }
.package .btn-primary:focus { background-color: var(--gray-1); }
.package .box { border: 1px solid var(--light-gray); height: 250px; overflow-y: auto; width: 100%; }
.package .box ul { list-style: none; margin: 0; padding: 0; }
.package .box ul li { color: var(--light-gray); border-bottom: 1px solid var(--light-gray); font-size: 16px; font-weight: 400; padding: 5px 10px; text-transform: capitalize; width: 100%; }
.package .box ul li:last-child { border: inherit; }
.package .box ul li .form-check-input { float: right; }
.package .box p { margin: 0 0 5px; }
.package .box .form-check-input:checked { background-color: var(--gray-1); }
.package .box .form-check-input:focus { box-shadow: inherit; }
.package .box .form-check-input { border-color: var(--light-gray); border-radius: inherit; }
.package .box .form-check-label { color: var(--light-gray); font-size: 14px; font-weight: 400; }

input.form-control.valid, input.valid, #locations-column.valid, #packages-content.valid { border-color: #28a745; }
input.form-control.invalid, input.invalid, #locations-column.invalid, #packages-content.invalid { border-color: #dc3545 !important; border-width: 2px; }

.success-box { text-align: center; padding: 30px; margin: 20px auto; background-color: #f0f9f8; border: 1px solid #b5e0dc; border-radius: 8px; max-width: 500px; color: #2b635e; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.success-box h2 { font-size: 24px; margin-bottom: 10px; color: #1d4d47;}

.success-box p { font-size: 16px; margin: 0; line-height: 1.5; color: #285d58;}