* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }

 .header {
     background-color: #172242;
     /* Blue header */
     padding: 20px 30px;
     display: flex;
     justify-content: center;
     /* centers content horizontally */
 }

 .bar {
     background-color: #ece6c4;
     padding: 20px;
     display: flex;
     justify-content: space-evenly;
     align-items: center;
 }
.links a {
    text-decoration: none;
    color: #1a1a1a;
    font-weight: 500;
    padding: 5px 10px;
    border: 0;
    border-right: 1px solid #cec7a2;
}
.bar-link {
    align-items: center;
}
.bar_last {
    border: 0 !important;
}
 .start a{
     padding: 10px 20px;
     background-color: #f1ba05;
     text-decoration: none;
     color: #dde9f7;
     border-radius: 50px;
     font-weight: 700;
     text-align: center;
 }

 .logo_page {
     display: flex;
     /* logo + text side by side */
     align-items: center;
     /* vertically align text with image */
     gap: 8px;
     /* space between logo and text */
 }

 .logo_page img {
     width: 90px;
     /* logo size */
     height: auto;
 }

 .logo_page div {
     display: flex;
     flex-direction: column;
     justify-content: center;
     /* vertically center h1 + p relative to image */
 }

 .logo_page h1 {
     color: #ceba49;
     /* golden text */
     font-size: 2rem;
     font-weight: bold;
     margin: 0;
     line-height: 1.1;
 }

 .logo_page p {
     color: #837d57;
     /* white subtitle text */
     font-size: 1rem;
     margin: 5px 0 0 0;
     font-weight: 500;
     line-height: 1.3;
 }

 /* Responsive */
 @media (max-width: 600px) {
     .header {
         padding: 15px 20px;
     }

     .logo_page {
         flex-direction: column;
         text-align: center;
     }

     .logo_page img {
         margin-bottom: 10px;
     }

     .logo_page h1 {
         font-size: 1.6rem;
     }

     .logo_page p {
         font-size: 0.95rem;
     }
 }


 .body {
     padding: 20px;
     background: #ffffff;

 }

 .art_1,
 .art_2 {
     text-align: left;
 }

 .art_1 p,
 .art_2 p {
     font-size: 1.14rem;
     margin: 20px 40px 20px 40px;
     line-height: 1.6;
 }

 .small {
     font-size: 0.9rem !important;
     padding: 10px;
     background-color: #eeeeee81;
 }

 .pic_group {
     display: flex;
 }

 .corp_pic+.corp_pic {
     margin-left: -25px;
     /* each image overlaps the previous by 10px */
 }

 .corp_pic_a+.corp_pic_a {
     margin-left: -25px;
     /* each image overlaps the previous by 10px */
 }

 .gp {
     display: flex;
     align-items: center;
     width: fit-content;
     margin-left: 45px;
 }

 .gp a {
     text-decoration: none;
     color: #333;
 }

 .pg {
     margin-left: 20px;
 }

 .corp_pic {
     width: 45px;
     height: 45px;
     overflow: hidden;
     border-radius: 40px;
 }

 .corp_pic_a {
     width: 35px;
     height: 35px;
     overflow: hidden;
     border-radius: 40px;
 }

 .g_note {
     width: 100%;
 }

 .corp_pic img,
 .corp_pic_a img {
     position: relative;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     height: auto;
     width: 100%;
     text-align: center;
     align-items: center;
     margin: auto;
 }

 .main_form {
     border: 1.5px solid #c4c4c4;
     background: #ffffff;
     padding: 40px 35px;
     border-radius: 16px;
     width: 100%;
     margin-top: 50px;
 }


 .title {
     width: 70%;
     margin: auto;
     font-size: 1.5rem;
     color: #1a1a1a;
     text-align: center;
     padding-bottom: 25px;
     line-height: 1.7;
     border: 0;
     border-bottom: 2px solid #f0edb4;
 }

 .succ {
     margin: 20px;
     padding: 20px;
     font-size: 1.05rem !important;
     background-color: #00ffe13a;
     border-radius: 10px;
 }

 .error {
     margin: 20px;
     padding: 20px;
     font-size: 1.05rem !important;
     background-color: #ff22003a;
     border-radius: 10px;
 }

 .pro {
     margin: 20px;
     padding: 20px;
     font-size: 1.05rem !important;
     background-color: #0040ff3a;
     border-radius: 10px;
 }

 .main_form h3 {
     text-align: center;
     font-size: 1.35rem;
     padding: 0px 20px 20px 20px;
     color: #007bff;
 }

 .main_form p {
     margin: 10px;
     text-align: left;
     margin-bottom: 30px;
     line-height: 1.7;
     color: #333;
     font-size: 1.1rem;
     line-height: 1.4;
 }

 .benefits-message {
     background-color: #f0f2f6;
     /* light blue for contrast */
     border-radius: 10px;
     /* matches theme */
     line-height: 1.9;
     margin-bottom: 25px;
     padding-bottom: 20px;
 }

 .benefits-message .mes_law {
     display: flex;
     align-items: center;
     color: #0056b3;
     font-size: 1.2rem;
     padding: 14px 16px;
     border-left: #007bff solid 8px;
     background-color: #dde9f7;
     margin-bottom: 20px;
     gap: 10px;
 }

 .benefits-message .mes_law h3 {
     font-size: 1rem;
 }

 .law-icon {
     width: 22px;
     height: 22px;
     filter: invert(28%) sepia(92%) saturate(6397%) hue-rotate(198deg) brightness(95%) contrast(90%);

 }

 .benefits-message p {
     font-size: 1rem;
     padding: 5px 20px 5px 20px;
 }

 .benefits-message p strong {
     color: #0056b3;
     /* darker blue to highlight key points */
 }

 .dis_what {
     padding: 20px 25px;
     font-size: 1.1rem !important;
 }

 .sub_inf {
     padding: 20px 25px;
     font-size: 1.1rem !important;
 }

 form {
     display: flex;
     flex-direction: column;
     margin-top: 30px;
 }

 label {
     margin-bottom: 8px;
     font-weight: 600;
     color: #333333;
 }

 input,
 select,
 textarea {
     padding: 14px 16px;
     margin-bottom: 20px;
     border-radius: 10px;
     border: 1px solid #c4c4c4;
     font-size: 1rem;
     width: 100%;
     transition: border-color 0.3s ease, box-shadow 0.3s ease;
 }

 input:focus,
 select:focus,
 textarea:focus {
     outline: none;
     border-color: #007bff;
     box-shadow: 0 0 8px rgba(0, 123, 255, 0.2);
 }

 select {
     cursor: pointer;
 }

 button {
     padding: 15px;
     background-color: #007bff;
     color: #fff;
     font-size: 1.1rem;
     font-weight: 600;
     border: none;
     border-radius: 10px;
     cursor: pointer;
     transition: background 0.3s ease, transform 0.2s ease;
 }

 button:hover {
     background-color: #0056b3;
     transform: translateY(-2px);
 }

 .footer {
     text-align: center;
     margin-top: 18px;
     font-size: 0.85rem;
     color: #888888;
 }

 /* Hide 'Other' input initially */
 #otherLender {
     display: none;
     margin-top: 10px;
 }

 /* Responsive */
 @media (max-width: 600px) {
     .container {
         padding: 40px 20px;
     }

     h1 {
         font-size: 1.6rem;
     }

     button {
         font-size: 1rem;
     }
 }

 .end {
     background-color: #172242;
     /* Blue header */
     padding: 20px 30px;
     color: #f0f2f6;
     /* centers content horizontally */
 }

 .social {
     padding: 20px 30px;
     background-color: #0f1730;
     color: #f0f2f6;
 }

 .social a {
     text-decoration: none;
     color: #c4c4c4;
     margin-right: 30px;
 }

 .resources-container {
     background-color: #c4d7eb;
     padding: 20px 40px;
 }

 .resource-item {
     padding: 20px;
 }

 .resources-container h2 {
     padding: 20px 20px;
     border: 0;
     border-bottom: 1px solid #a5b5c5a8;
 }