/* enquiry_popup.css - Premium Enquiry Popup Styles */
 .enquiry-modal-overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(15, 23, 42, 0.6);
     backdrop-filter: blur(8px);
     -webkit-backdrop-filter: blur(8px);
     z-index: 99999;
     display: none;
     align-items: center;
     justify-content: center;
     padding: 20px 20px;
     opacity: 0;
     transition: opacity 0.3s ease;
}

 .enquiry-modal-overlay.active {
     display: flex;
     opacity: 1;
}

 .enquiry-modal-container {
     width: 100%;
     max-width: 1080px;
     height: 600px;
     max-height: calc(100vh - 80px);
     background: #ffffff;
     border-radius: 10px;
     box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
     display: flex;
     overflow: hidden;
     position: relative;
     transform: scale(0.95);
     transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

 .enquiry-modal-overlay.active .enquiry-modal-container {
     transform: scale(1);
}

/* Close Button */
 .enquiry-modal-close {
     position: absolute;
     top: 10px;
     right: 10px;
     width: 32px;
     height: 32px;
     border-radius: 50%;
     background: rgba(15, 23, 42, 0.08);
     border: none;
     color: #0f172a;
     font-size: 20px;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 10;
     transition: background-color 0.2s, transform 0.2s;
}

 .enquiry-modal-close:hover {
     background: rgba(15, 23, 42, 0.15);
     transform: rotate(90deg);
}

/* Left Panel - Branding & Logos */
 .enquiry-modal-left {
     width: 50%;
     background: #1A508E;
     padding: 40px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     color: #ffffff;
     overflow-y: auto;
}

 .enquiry-modal-left h3 {
     font-family: 'Inter', sans-serif;
     font-size: 22px;
     font-weight: 700;
     line-height: 1.4;
     margin: 0 0 24px 0;
     color: #ffffff;
     text-align: center;
}

 .enquiry-logo-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 12px;
     margin-bottom: auto;
}

 .enquiry-logo-card {
     background: #ffffff;
     border-radius: 5px;
     height: 75px;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 8px;
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

 .enquiry-logo-card img {
     max-width: 95%;
     max-height: 95%;
     object-fit: contain;
}

 .enquiry-left-footer {
     font-size: 13px;
     opacity: 0.85;
     line-height: 1.5;
     margin-top: 20px;
     border-top: 1px solid rgba(255, 255, 255, 0.15);
     padding-top: 20px;
}

/* Right Panel - Form */
 .enquiry-modal-right {
     width: 50%;
     padding:35px;
     overflow-y: auto;
     display: flex;
     flex-direction: column;
}

 .enquiry-form-header {
     margin-bottom: 24px;
}

 .enquiry-form-header h4 {
     font-family: 'Inter', sans-serif;
     font-size: 22px;
     font-weight: 700;
     color: #0f172a;
     margin: 0 0 8px 0;
     text-align: center;
}

 .enquiry-form-header p {
     font-size: 13px;
     color: #64748b;
     margin: 0;
     line-height: 1.4;
}

/* Form Styles */
 .enquiry-form {
     display: flex;
     flex-direction: column;
     gap: 16px;
}

 .enquiry-form-row {
     display: flex;
     gap: 16px;
}

 .enquiry-form-group {
     flex: 1;
     display: flex;
     flex-direction: column;
     position: relative;
}

 .enquiry-form-group.full-width {
     width: 100%;
}

 .enquiry-form-group label {
     font-size: 12px;
     font-weight: 600;
     color: #475569;
     margin-bottom: 6px;
}

 .enquiry-form-group label span {
     color: #FF0000;
}

 .enquiry-input, .enquiry-select, .enquiry-textarea {
     width: 100%;
     padding: 10px 14px;
     font-size: 13px;
     border: 1px solid #0000001A;
     border-radius: 7px;
     background-color: #ffffff;
     color: #0f172a;
     outline: none;
     font-family: 'Inter', sans-serif;
     transition: border-color 0.2s, box-shadow 0.2s;
}

 .enquiry-input::placeholder, .enquiry-textarea::placeholder {
     font-family: 'Inter', sans-serif;
     color: #525252;
     opacity: 1;
}

 .enquiry-select {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-position: right 14px center;
     background-size: 14px;
     padding-right: 36px !important;
}

 .enquiry-input:focus, .enquiry-select:focus, .enquiry-textarea:focus {
     border-color: #1e40af;
     box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.15);
     background-color: #ffffff;
}

 .enquiry-textarea {
     height: 90px;
     resize: none;
}

/* Phone input flag container adjustments */
 .enquiry-form-group .iti {
     width: 100%;
}

/* Error Validations */
 .error-msg {
     font-size: 11px;
     color: #FF0000;
     margin-top: 4px;
     display: none;
}

 .enquiry-form-group.has-error .error-msg {
     display: block;
}

 .enquiry-form-group.has-error .enquiry-input, .enquiry-form-group.has-error .enquiry-select, .enquiry-form-group.has-error .enquiry-textarea {
     border-color: #FF0000;
     background-color: #fff5f5;
}

/* Submit Button */
 .enquiry-submit-btn {
     width: 100%;
     padding: 14px;
     background: #1a508e;
     color: #ffffff;
     border: none;
     border-radius: 8px;
     font-size: 15px;
     font-weight: 600;
     cursor: pointer;
     transition: background-color 0.2s, transform 0.1s;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     margin-top: 10px;
}

 .enquiry-submit-btn:hover {
     background: #1e3a8a;
}

 .enquiry-submit-btn:active {
     transform: scale(0.98);
}

 .enquiry-submit-btn:disabled {
     background: #94a3b8;
     cursor: not-allowed;
}

/* SSL Secured block */
 .enquiry-ssl-secured {
     display: flex;
     align-items: center;
     gap: 12px;
     margin-top: 16px;
     font-size: 11px;
     color: #64748b;
     border-top: 1px solid #e2e8f0;
     padding-top: 16px;
}

 .enquiry-ssl-secured img {
     height: 32px;
     object-fit: contain;
}

/* Responsive Styles */
 @media (max-width: 991px) {
     .enquiry-modal-container {
         height: auto;
         max-height: calc(100vh - 40px);
         max-width: 540px;
         width: 100%;
    }

     .enquiry-modal-left {
         display: none;
    }

     .enquiry-modal-right {
         width: 100%;
         padding: 30px;
    }
}

 @media (max-width: 576px) {
     .enquiry-modal-container {
         max-height: calc(100vh - 20px);
    }

     .enquiry-modal-right {
         padding:40px 20px 20px;
    }

     .enquiry-form-row {
         flex-direction: column;
         gap: 16px;
    }

     .enquiry-form-header h4 {
         font-size:18px
    }

     .enquiry-modal-close {
         right:10px;
         top:5px
    }
}

/* Custom Select Box Dropdown Styles */
 .custom-select-wrapper {
     position: relative;
     user-select: none;
     width: 100%;
}

 .custom-select-trigger {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 10px 14px;
     font-size: 13px;
     border: 1px solid #cbd5e1;
     border-radius: 8px;
     background-color: #ffffff;
     color: #525252;
     cursor: pointer;
     font-family: 'Inter', sans-serif;
     transition: border-color 0.2s, box-shadow 0.2s;
     height: 42px;
}

 .custom-select-trigger.has-value {
     color: #0f172a;
}

 .custom-select-trigger:focus, .custom-select-wrapper.open .custom-select-trigger {
     border-color: #1e40af;
     box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.15);
}

 .custom-select-trigger .arrow {
     width: 16px;
     height: 16px;
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-position: center;
     transition: transform 0.2s;
}

 .custom-select-wrapper.open .custom-select-trigger .arrow {
     transform: rotate(180deg);
}

 .custom-options {
     position: absolute;
     display: block;
     top: calc(100% + 4px);
     left: 0;
     right: 0;
     border: 1px solid #cbd5e1;
     border-radius: 8px;
     background: #ffffff;
     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
     z-index: 100;
     max-height: 220px;
     overflow-y: auto;
     opacity: 0;
     visibility: hidden;
     transform: translateY(-10px);
     transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}

 .custom-select-wrapper.open .custom-options {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
}

 .custom-option {
     position: relative;
     display: block;
     padding: 10px 14px;
     font-size: 14px;
     color: #334155;
     cursor: pointer;
     transition: background-color 0.15s, color 0.15s;
     font-family: 'Inter', sans-serif;
     text-align: left;
}

 .custom-option:hover {
     background-color: #f1f5f9;
     color: #0f172a;
}

 .custom-option.selected {
     background-color: #eff6ff;
     color: #1e40af;
     font-weight: 500;
}

 .enquiry-form-group.has-error .custom-select-trigger {
     border-color: #ef4444;
     background-color: #fff5f5;
}

/* Custom Overrides for intlTelInput Country Dropdown */
 .iti {
     width: 100%;
}

 .iti__country-list {
     background-color: #ffffff !important;
     border: 1px solid #cbd5e1 !important;
     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
     border-radius: 8px !important;
     max-width: 300px !important;
     z-index: 99999 !important;
     padding: 4px 0 !important;
     margin: 0 !important;
     list-style: none !important;
}

 .iti__country {
     padding: 8px 12px !important;
     font-size: 13px !important;
     display: flex !important;
     align-items: center !important;
     gap: 8px !important;
     color: #0f172a !important;
}

 .iti__country:hover {
     background-color: #f1f5f9 !important;
}

 .iti__flag-container {
     z-index: 5 !important;
}

 .iti__selected-flag {
     background-color: transparent !important;
}

 .iti--separate-dial-code .iti__selected-dial-code {
     font-size: 13px !important;
}