body {
       background: linear-gradient(135deg, #fff8e1 70%, #ffe082 100%);
       padding-top: 68px;
   }

   .input-container {
       position: relative;
       margin-top: 20px;
       width: 100%;
   }

   .input-container input,
   .input-container textarea {
       width: 100%;
       padding: 15px;
       border: 1px solid #ccc;
       border-radius: 4px;
       font-size: 16px;
       outline: none;
   }

   .input-container label {
       position: absolute;
       top: 12px;
       left: 12px;
       color: #777;
       background: #fff;
       transition: 0.3s ease all;
       pointer-events: none;
       font-size: 16px;
   }

   /* Floating effect when input focused or has value */
   .input-container input:focus+label,
   .input-container textarea:focus+label,
   .input-container input:not(:placeholder-shown)+label,
   .input-container textarea:not(:placeholder-shown)+label {
       top: -8px;
       left: 10px;
       font-size: 13px;
       color: #0d6efd;
   }

   .form-container {
       max-width: 100%;
       margin: 50px auto;
       padding: 20px;
       border: 1px solid #ddd;
       border-radius: 8px;
       background: #fff;
       height: auto;
       min-height: fit-content;
   }

   .btn-submit {
       margin-top: 20px;
       animation: ctaPulse 1.5s infinite alternate;
       font-size: 1.2rem;
       font-weight: 600;
       background: #ffe082;
       color: #791236;
       border: none;
       border-radius: 8px;
       padding: 14px 36px;
       box-shadow: 0 4px 16px 0 rgba(191, 161, 74, 0.10);
       transition: background 0.2s;
   }

   .btn-submit:hover {
       background: #bfa14a;
       color: #fff;
   }

   /* Autofill background fix */
   input:-webkit-autofill {
       -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
       box-shadow: 0 0 0px 1000px #fff inset !important;
       -webkit-text-fill-color: #000 !important;
       background-color: #fff !important;
       transition: background-color 5000s ease-in-out 0s;
   }

   /* To handle focus on autofill */
   input:-webkit-autofill:focus {
       -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
       box-shadow: 0 0 0px 1000px #fff inset !important;
   }

   .contact-container {
       margin-top: 50px;
       margin-left: 50px;
       margin-right: 50px;
       width: calc(100% - 100px);
       display: flex;
       flex-wrap: wrap;
       align-items: stretch;
   }

   .contact-image {
       width: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       min-height: 500px;
   }

   .contact-image img {
       width: 100%;
       height: auto;
       max-height: 600px;
       object-fit: contain;
       border-radius: 8px;
   }

   .contact-form {
       width: 50%;
       padding-left: 20px;
       display: flex;
       align-items: flex-start;
   }

   .contact-form form {
       width: 100%;
       height: auto;
   }

   .contact-form form input {
       width: 100%;
   }

   /* Responsive Design */
   @media (max-width: 991.98px) {
       .contact-container {
           margin-top: 30px;
           margin-left: 15px;
           margin-right: 15px;
           width: calc(100% - 30px);
           flex-direction: column;
           align-items: stretch;
       }

       .contact-image {
           width: 100%;
           min-height: auto;
           margin-bottom: 20px;
       }

       .contact-image img {
           height: auto;
           max-height: 40vh;
           min-height: 250px;
           object-fit: contain;
       }

       .contact-form {
           width: 100%;
           padding-left: 0;
       }

       .form-container {
           margin: 20px auto;
           padding: 20px;
       }
   }

   @media (max-width: 767.98px) {
       .contact-container {
           margin-top: 20px;
           margin-left: 10px;
           margin-right: 10px;
           width: calc(100% - 20px);
       }

       .contact-image img {
           max-height: 35vh;
           min-height: 200px;
       }

       .form-container {
           margin: 15px auto;
           padding: 15px;
       }

       .input-container {
           margin-top: 15px;
       }

       .input-container input,
       .input-container textarea {
           padding: 12px;
           font-size: 14px;
       }

       .input-container label {
           font-size: 14px;
       }

       .btn-submit {
           font-size: 1rem;
           padding: 12px 24px;
       }
   }

   @media (max-width: 575.98px) {
       body {
           padding-top: 60px;
       }

       .contact-container {
           margin-top: 15px;
           margin-left: 5px;
           margin-right: 5px;
           width: calc(100% - 10px);
       }

       .contact-image img {
           max-height: 30vh;
           min-height: 180px;
       }

       .form-container {
           margin: 10px auto;
           padding: 15px;
           border-radius: 6px;
       }

       .input-container input,
       .input-container textarea {
           padding: 10px;
           font-size: 14px;
       }
   }

   /* Handle zoom levels and different display sizes */
   @media (min-width: 992px) {
       .contact-image {
           min-height: 500px;
       }

       .contact-image img {
           max-height: 600px;
       }
   }

   /* Ensure form doesn't exceed viewport */
   @media (min-width: 1200px) {
       .contact-image img {
           max-height: 700px;
       }
   }