.contact-text-container {
     width: 100%;
     background: white;
 }

 .contact-text-container .contact-text {
     display: flex;
     flex-direction: column;
     gap: 2rem;
     justify-content: center;
     align-items: center;
     text-align: center;
     font-size: 1.1rem;
 }

 .contact-text-container .contact-box {
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     text-align: left;
     gap: 1rem;
 }

 .contact-text-container .contact-box a {
     color: var(--main-color);
     text-decoration: none;
 }

 .contact-text-container .contact-box a:hover {
     text-decoration: underline;
     color: var(--secondary-color);
 }

 .contact-text-container .contact-box .contact-item {
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
     align-items: center;
     text-align: left;
     gap: 1rem;
 }

 .contact-text-container .contact-text a {
     text-decoration: none;
 }

 .contact-text-container .contact-text a:hover {
     text-decoration: underline;
     color: var(--secondary-color);
 }

 .contact-form {
     background: #fff;
     max-width: 720px;
     width: 100%;
     padding: 2rem;
     margin: 3.75rem auto;
     border-radius: 0.75rem;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 }

 .contact-form h2 {
     margin: 0 0 0.5rem;
     font-size: 1.5rem;
 }

 .contact-form p {
     margin: 0 0 2rem;
     color: #666;
     font-size: 0.9rem;
 }

 .contact-form .form-group {
     margin-bottom: 1.125rem;
 }

 .contact-form .form-group .control-label {
     display: block;
     margin-bottom: 0.375rem;
     font-size: 0.875rem;
     font-weight: 600;
 }

 .contact-form .form-group input,
 .contact-form .form-group textarea {
     width: 100%;
     padding: 0.75rem 0.875rem;
     font-size: 0.9375rem;
     border-radius: 0.5rem;
     border: 1px solid #ccc;
     outline: none;
     transition: border 0.2s, box-shadow 0.2s;
     box-sizing: border-box;
     background: #f7f9fa;
 }

 .contact-form .form-group input:focus,
 .contact-form .form-group textarea:focus {
     background: white;
 }

 .contact-form .form-group textarea {
     resize: vertical;
     min-height: 120px;
 }

 .contact-form .form-group .help-block {
     font-size: 0.75rem;
     color: #e53935;
     margin-top: 0.25rem;
 }

 .contact-form button {
     width: 100%;
     padding: 0.875rem;
     font-size: 1rem;
     border: none;
     border-radius: 0.625rem;
     background: var(--main-color);
     color: white;
     cursor: pointer;
     transition: background 0.2s;
 }

 .contact-form button:hover {
     background: var(--main-hover-color);
 }

 .contact-form .form-group .checkbox-field {
     display: flex;
     align-items: center;
     justify-content: flex-start;
     gap: 1rem;
 }

 .contact-form .form-group input[type="checkbox"] {
     width: 1.2rem;
     height: 1.2rem;
     margin-top: 0.25rem;
     accent-color: var(--main-color);
 }

 .checkbox-field label {
     margin: 0;
     font-weight: 400;
     cursor: pointer;
 }

 .checkbox-remark {
     margin: 0.375rem 0;
     font-size: 0.85rem;
     color: #8c8d8e;
 }

 .checkbox-remark a {
     text-decoration: none;
 }

 .checkbox-remark a:hover {
     text-decoration: underline;
 }

 .required-asterisk {
     color: #b91c1c;
     font-weight: bold;
     margin-right: 0.25rem;
 }

 .success {
     text-align: center;
     padding: 1.5rem 1rem;
 }

 .success p.highlight {
     color: #1f2937;
     /* font-weight: 500; */
 }

 .success-icon {
     color: #2e7d32;
     margin-bottom: 0.75rem;
 }

 .contact-form .actions {
     max-width: 400px;
     margin: 2rem auto 0;
     display: flex;
     flex-direction: row;
     justify-content: center;
     gap: 0.75rem;
 }

 .contact-form .actions a {
     text-decoration: none;
     border-radius: 0.625rem;
     white-space: nowrap;
     flex: 1;
 }

 .contact-form .btn-muted {
     background: #666;
 }

 .contact-form .btn-muted:hover {
     background: #888;
 }

 .radio-vertical label {
     display: block;
     margin: 8px 0;
 }

 .radio-vertical input[type="radio"] {
     width: auto;
     accent-color: var(--main-color);
 }

 @media(max-width: 768px) {
     .contact-form .actions {
         flex-direction: column;
     }

     .contact-form .actions a {
         width: 100%;
     }
 }