/* Page Title Section */
   .page-title {
   background-color: #f2f2f9;
   padding: 150px 0;
   text-align: center;
   }
   /* Center container */
   .container {
   max-width: 900px; /* <-- MAKE CONTENT NARROWER */
   margin: auto;
   }
   /* Card General */
   .card{
   border: none;
   border-radius: 1rem;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
   background: #fff;
   padding: 0 1.2rem;
   margin-bottom: 2rem;
   }
   /* Upload Card */
   .card-title {
   font-size: 1.75rem;
   margin-bottom: 1.5rem;
   }
   /* Custom File Input */
   .custom-file {
   position: relative;
   display: block;
   width: 100%;
   margin-bottom: 1rem;
   }
   .custom-file-input {
   opacity: 0;
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   z-index: 2;
   cursor: pointer;
   }
   /* Analyze Button */
   .btn-primary {
   border-radius: 0.5rem;
   padding: 0.6rem 1.2rem;
   font-weight: 600;
   font-size: 1rem;
   }
   /* Image Container */
   .image-container {
   margin-top: 1rem;
   overflow: hidden;
   border-radius: 0.5rem;
   margin-bottom: 0;
   }
   .result-image {
   width: 100%;
   height: auto;
   object-fit: cover;
   }
   /* Download Button */
   .btn-outline-success {
   border-radius: 0.5rem;
   font-weight: 500;
   }
   /* Table */
   .table {
   background: #fff;
   border-radius: 0.5rem;
   overflow: hidden;
   }
   thead.thead-light th {
   background-color: #f8f9fa;
   font-weight: 600;
   color: #495057;
   }
   .table-bordered th,
   .table-bordered td {
   vertical-align: middle;
   }
   /* Alert */
   .alert-danger {
   border-radius: 0.5rem;
   }
   /* Custom File Upload Styling */
   .custom-file {
   border: 2px dashed #ced4da;
   border-radius: 0.5rem;
   padding: 1.2rem;
   text-align: center;
   position: relative;
   background-color: #f9f9f9;
   transition: border-color 0.3s ease-in-out;
   }
   .custom-file:hover {
   border-color: #007bff;
   background-color: #eef4ff;
   }
   .custom-file-label {
   display: inline-block;
   margin-top: 0.5rem;
   font-weight: 500;
   color: #495057;
   cursor: pointer;
   transition: color 0.3s ease-in-out;
   }
   .custom-file-label:hover {
   color: #007bff;
   }
   /* Ensure the hidden input covers the full container */
   .custom-file-input {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   z-index: 5;
   opacity: 0;
   cursor: pointer;
   }

   .btn-analyze {
   background: var(--nav-hover-color);
   color: var(--contrast-color);
   border: 0;
   padding: 13px 50px;
   transition: 0.4s;
   border-radius: 4px;
   }
   .row.h-100 {
   min-height: 600px; /* Or any value that gives enough height */
   }