/* Contact Form Section */
 .contact-section {
     padding: 80px 60px 100px;
     background: white;
 }

 .contact-container {
     max-width: 1400px;
     margin: 0 auto;
     display: grid;
     grid-template-columns: 1fr 1.5fr;
     gap: 80px;
     align-items: start;
 }

 /* Left Column - Options */
 .contact-options {
     position: sticky;
     top: 120px;
 }

 .contact-options h3 {
     font-size: 32px;
     font-weight: 700;
     margin-bottom: 30px;
     color: #0A1F44;
 }

 .contact-options p {
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 20px;
     color: #333;
 }

 .contact-options ol {
     list-style: none;
     counter-reset: item;
     padding: 0;
 }

 .contact-options li {
     counter-increment: item;
     margin-bottom: 15px;
     padding-left: 35px;
     position: relative;
     font-size: 16px;
     line-height: 1.6;
     color: #555;
 }

 .contact-options li:before {
     content: counter(item) ".";
     position: absolute;
     left: 0;
     font-weight: 700;
     color: #0A1F44;
 }

 /* Right Column - Form */
 .contact-form {
     background: #F7F9FC;
     padding: 50px;
     border-radius: 12px;
 }

 .form-headline {
     font-size: 28px;
     font-weight: 700;
     margin-bottom: 40px;
     color: #0A1F44;
 }

 .form-group {
     margin-bottom: 25px;
 }

 .form-group label {
     display: block;
     font-size: 14px;
     font-weight: 600;
     margin-bottom: 8px;
     color: #333;
 }

 .form-group input,
 .form-group select,
 .form-group textarea {
     width: 100%;
     padding: 14px 16px;
     border: 2px solid #e0e0e0;
     border-radius: 6px;
     font-size: 16px;
     font-family: inherit;
     background: white;
     transition: border-color 0.3s;
 }

 .form-group input:focus,
 .form-group select:focus,
 .form-group textarea:focus {
     outline: none;
     border-color: #0A1F44;
 }

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

 .required {
     color: #FF6B35;
 }

 /* Checkbox Groups */
 .checkbox-group {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 12px;
     margin-top: 12px;
 }

 .checkbox-item {
     display: flex;
     align-items: center;
     gap: 10px;
     padding: 10px;
     background: white;
     border: 2px solid #e0e0e0;
     border-radius: 6px;
     cursor: pointer;
     transition: all 0.3s;
 }

 .checkbox-item:hover {
     border-color: #0A1F44;
     background: #f9fafb;
 }

 .checkbox-item input[type="checkbox"] {
     width: 20px;
     height: 20px;
     cursor: pointer;
 }

 .checkbox-item label {
     margin: 0;
     cursor: pointer;
     font-weight: 500;
     font-size: 15px;
 }

 /* Submit Button */
 .submit-btn {
     background: #0A1F44;
     color: white;
     padding: 18px 50px;
     border: none;
     border-radius: 6px;
     font-size: 18px;
     font-weight: 600;
     cursor: pointer;
     transition: background 0.3s;
     width: 100%;
     margin-top: 10px;
 }

 .submit-btn:hover {
     background: #152d54;
 }

 /* Direct Contact Section */
 .direct-contact {
     padding: 80px 60px;
     background: #F7F9FC;
 }

 .direct-contact-container {
     max-width: 1400px;
     margin: 0 auto;
 }

 .direct-contact h3 {
     font-size: 36px;
     font-weight: 700;
     margin-bottom: 50px;
     color: #0A1F44;
     text-align: center;
 }

 .contact-methods {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 40px;
     margin-bottom: 60px;
 }

 .contact-card {
     background: white;
     padding: 30px;
     border-radius: 12px;
     text-align: center;
     border: 2px solid #e0e0e0;
 }

 .contact-card h4 {
     font-size: 18px;
     font-weight: 700;
     margin-bottom: 15px;
     color: #0A1F44;
 }

 .contact-card p {
     font-size: 15px;
     line-height: 1.8;
     color: #666;
     margin: 8px 0;
 }

 .contact-card a {
     color: #0A1F44;
     text-decoration: none;
     font-weight: 600;
 }

 .contact-card a:hover {
     text-decoration: underline;
 }

 /* What to Expect Section */
 .expect-section {
     padding: 80px 60px;
     background: white;
 }

 .expect-container {
     max-width: 1400px;
     margin: 0 auto;
     text-align: center;
 }

 .expect-headline {
     font-size: 36px;
     font-weight: 700;
     margin-bottom: 60px;
     color: #0A1F44;
 }

 .expect-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 60px;
 }

 .expect-item {
     text-align: center;
 }

 .expect-number {
     font-size: 48px;
     font-weight: 700;
     color: #FF6B35;
     margin-bottom: 20px;
 }

 .expect-item h4 {
     font-size: 22px;
     font-weight: 700;
     margin-bottom: 15px;
     color: #0A1F44;
 }

 .expect-item p {
     font-size: 16px;
     line-height: 1.7;
     color: #666;
 }

 /* Footer CTA */
 .footer-cta {
     background: linear-gradient(135deg, #0A1F44 0%, #1a3a5c 100%);
     padding: 100px 60px;
     text-align: center;
     color: white;
 }

 .footer-cta h2 {
     font-size: 56px;
     font-weight: 700;
     margin-bottom: 20px;
     line-height: 1.2;
 }

 .footer-cta p {
     font-size: 20px;
     max-width: 800px;
     margin: 0 auto 50px;
     line-height: 1.7;
 }

 .cta-buttons {
     display: flex;
     gap: 20px;
     justify-content: center;
 }

 .btn-primary {
     background: white;
     color: #0A1F44;
     padding: 18px 40px;
     border-radius: 6px;
     font-size: 18px;
     font-weight: 600;
     text-decoration: none;
     display: inline-block;
     transition: background 0.3s;
 }

 .btn-primary:hover {
     background: #f0f0f0;
 }

 .btn-secondary {
     background: transparent;
     color: white;
     padding: 18px 40px;
     border: 2px solid white;
     border-radius: 6px;
     font-size: 18px;
     font-weight: 600;
     text-decoration: none;
     display: inline-block;
 }





 /* CUSTOM STYLES  */

 /* Contact */
 #contactform {
     position: sticky;
     top: 120;
 }

 /*custom contact */
 .direct-contact-container {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }

 .direct-contact-container h2 {}

 .direct-contact-container .contact-methods {
     display: flex;
     justify-items: center;
     /*     grid-template-columns: repeat(2,1fr); */
     gap: 0;
     margin-top: 100px;

     justify-content: space-around;
     width: 100%;

 }

 @media(max-width: 768px) {
     .direct-contact-container .contact-methods {
         margin-top: 60px;
     }
 }

 .direct-contact-container .contact-methods .contact-card {
     border: none;
     background: none;
     padding: 0;
     flex: 1;
     /*max-width: 347px;*/
 }

 .direct-contact h2 {
     font-size: 2rem;
     font-weight: 700;
     color: #0A1F44;
     text-transform: uppercase;
 }

 .direct-contact-container .contact-methods .contact-card h3 {
     font-size: 18px;
     text-decoration: underline;

 }

 .direct-contact-container .contact-methods .contact-card h4 {
     font-size: 16px;
     margin-bottom: -10px;
 }

 .direct-contact-container .contact-methods .contact-card p {
     color: #0A1F44;
     margin-bottom: 40px;
 }

 .direct-contact-container .contact-methods .contact-card.general-inquiries p {
     font-weight: 700;
     color: #0A1F44;
 }

 .direct-contact-container .contact-methods .contact-card.general-inquiries .general-inquiries-sales {
     font-size: 18px;
     text-decoration: underline;
     margin-bottom: 5px;
     margin-top: 20px;

 }

 .direct-contact-container .contact-methods .contact-card.general-inquiries p {
     margin-bottom: 10px;
 }

 .footer-logo-desktop {
     width: 240px;
     max-width: 100%;
 }

 @media(max-width: 768px) {
     .section-introduction {
         padding-bottom: 0 !important;
         margin-bottom: 0 !important;
         min-height: 60vh !important;
     }

     .contact-container {
         display: flex !important;
         ;
         flex-direction: column;
     }

     .contact-options {
         position: static !important;
         ;
     }

     .contact-section {
         padding: 0 30px !important;
         ;
     }

     .checkbox-group {
         display: flex !important;
         flex-direction: column;

     }

     .direct-contact h2 {
         text-align: center;
         font-size: 24px;
     }

     .direct-contact .contact-methods {
         display: flex;
         flex-direction: column;
         gap: 20px !important;
     }
 }