/* header */
.advBanner {width: 100%;max-height: 75px;z-index: 1000;display: block;}
.advBanner img {width: 100%;height: auto;max-height: 100%;display: block;}
.advBanner .desktop { display: block; }
.advBanner .mobile { display: none; }
.contact_btn {font-size: 18px;background: #0d6efd;color: #fff;border: 1px solid #0d6efd;font-family: "ProximaNova-Regular", sans-serif;border-radius: 5px;padding: 5px 32px;cursor: pointer;white-space: nowrap;margin-left: 55px;}

/* FLEX FIX */
.navbar-content {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;width: 100%;gap: 1rem;}
.right-section {display: flex;align-items: center;gap: 1.5rem;flex-wrap: wrap;}
.right-section img {max-height: 60px;width: auto;}
#navbar_main {background: #fff;}

@media screen and (max-width: 500px) {
    .advBanner .desktop { display: none !important; }
    .advBanner .mobile { display: block !important; }
    .contact_btn { margin-left: 0; }
    .d-flex {gap: 3rem;}
    .right-section {justify-content: center;width: 100%;}
}

body {width: 100%;min-height: 100vh;overflow-x: hidden;background-color: #f8f9fa;color: #333;}
.container {max-width: 1200px !important;margin: 0 auto;padding: 20px;margin-top: 0;}
#contactSection {padding-top: 35px;}

/* Contact Form Styles */
.contact-form {background: #334053;border-radius: 15px;padding: 40px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}
.contact-title {text-align: center;margin-bottom: 20px;font-size: 2.5rem;font-family: "Inter", sans-serif;font-weight: 700;color: #fff;max-width: 100%;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;}
.contact-title span {font-size: 1.8rem;display: inline-block;max-width: 100%;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;}
.contact-subtitle {text-align: center;margin-bottom: 30px;font-size: 1.1rem;color: #fff;font-family: "Inter", sans-serif;}
.form-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 40px;}
.form-grid_1 {display: block;margin: 0 auto;width: 50%;}
.form-group {margin-bottom: 10px;}
.form-label {display: block;font-size: 14px;font-weight: 500;color: #fff;margin-bottom: 8px;font-family: "Inter", sans-serif;}
.form-control {background: rgba(255, 255, 255, 0.1) !important;border: 1px solid rgba(255, 255, 255, 0.2) !important;border-radius: 8px !important;color: white !important;padding: 0.75rem 1rem !important;font-size: 0.99rem !important;height: 50px;}
.form-control::placeholder {color: #fff !important;}
.form-control:focus {outline: none;border-color: #20c997 !important;color: white;}
.form-check {display: flex;align-items: center;gap: 8px;margin-bottom: 10px;padding-left: 0;height: 30px;}
.form-check-input {width: 16px;height: 16px;border: 1px solid #000 !important;}
.form-check-label {font-size: 14px;color: #333;font-family: "Inter", sans-serif;}
.dropdown-container {position: relative;width: 100%;}
.dropdown-trigger {width: 100%;padding: 10px 12px;border: 1px solid #d1d5db;border-radius: 6px;font-size: 14px;font-family: "Inter", sans-serif;background-color: white;cursor: pointer;display: flex;justify-content: space-between;align-items: center;background: rgba(255, 255, 255, 0.1) !important;border: 1px solid rgba(255, 255, 255, 0.2) !important;color: #fff !important;}
.dropdown-trigger:focus {outline: none;border-color: #1e3a8a;box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);}
.dropdown-arrow {transition: transform 0.2s;}
.dropdown-arrow.open {transform: rotate(180deg);}
.dropdown-content {position: absolute;top: 100%;left: 0;right: 0;background: #e4e4e4;border: 1px solid #d1d5db;border-radius: 6px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);z-index: 1000;padding: 15px;display: none;padding-left: 50px;}
.dropdown-content.show {display: block;}
.form-textarea {width: 100%;padding: 10px 12px;border: 1px solid #d1d5db;border-radius: 6px;font-size: 14px;font-family: "Inter", sans-serif;resize: vertical;background-color: #f8f9fa;}
.form-textarea:focus {outline: none;border-color: #1e3a8a;box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);}
.form-submit {text-align: center;margin-top: 30px;}
.btn-submit {background: linear-gradient(90deg, #009644 0%, #18ADC0 100%);border: none;padding: 12px 30px;border-radius: 10px;color: white;font-weight: 600;cursor: pointer;transition: all 0.3s ease;font-family: "Inter", sans-serif;font-size: 20px;width: 20%;text-transform: uppercase;}
.btn-submit:hover {background: linear-gradient(90deg, #007a3a 0%, #148899 100%);transform: translateY(-2px);box-shadow: 0 8px 25px rgba(0, 150, 68, 0.4);color: white;}

/* Responsive Design */
@media (max-width: 768px) {
    .form-grid {grid-template-columns: 1fr;gap: 0;}
    .contact-title span {font-size: 1rem;}
    .form-grid_1 {display: block;margin: 0 auto;width: 100%;}
    .form-textarea {height: 70px;}
    .btn-submit {width: 100%;}
    #contactSection {padding-top: 25px;}
    .contact-title {font-size: 1.7rem;}
}
@media (max-width: 480px) {
    .contact-form {padding: 25px 15px;}
    .contact-title {font-size: 1.4rem;}
    .contact-title span {font-size: 0.95rem;line-height: 1.4;margin-top: 8px;}
    .contact-subtitle {font-size: 1rem;}
}