/* Contact Page Styles */

/* Contact Info Wrapper */
.contact-info-wrapper {
   background: #fff;
   padding: 40px;
   border-radius: 16px;
   box-shadow: 0 10px 40px rgba(0,0,0,0.08);
}

.contact-info-title {
   color: #1a3a5c;
   font-size: 24px;
   font-weight: 700;
}

.contact-info-item {
   display: flex;
   gap: 20px;
   margin-bottom: 25px;
   padding-bottom: 25px;
   border-bottom: 1px solid #eee;
}

.contact-info-item:last-child {
   margin-bottom: 0;
   padding-bottom: 0;
   border-bottom: none;
}

.contact-info-item .contact-info-icon {
   width: 50px;
   height: 50px;
   background: linear-gradient(135deg, #1a3a5c 0%, #2d5a87 100%);
   border-radius: 12px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
}

.contact-info-item .contact-info-icon i {
   font-size: 20px;
   color: #fff;
}

.contact-info-item .contact-info-content h5 {
   color: #1a3a5c;
   font-size: 16px;
   font-weight: 600;
   margin-bottom: 8px;
}

.contact-info-item .contact-info-content p {
   color: #4a5568;
   font-size: 15px;
   line-height: 1.7;
   margin: 0;
}

.contact-info-item .contact-info-content a {
   color: #4a5568;
   transition: color 0.3s ease;
}

.contact-info-item .contact-info-content a:hover {
   color: #d4a844;
}

.contact-info-item .info-label {
   display: block;
   color: #1a3a5c;
   font-weight: 600;
   font-size: 14px;
   margin-top: 10px;
   margin-bottom: 5px;
}

/* Bank Details Accordion */
.bank-details-accordion .accordion-item {
   border: none;
   border-radius: 12px;
   overflow: hidden;
   box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}

.bank-details-accordion .accordion-button {
   background: linear-gradient(135deg, #1a3a5c 0%, #2d5a87 100%);
   color: #fff;
   font-weight: 600;
   padding: 18px 25px;
}

.bank-details-accordion .accordion-button:not(.collapsed) {
   background: linear-gradient(135deg, #1a3a5c 0%, #2d5a87 100%);
   color: #fff;
   box-shadow: none;
}

.bank-details-accordion .accordion-button::after {
   filter: brightness(0) invert(1);
}

.bank-details-accordion .accordion-body {
   padding: 25px;
   background: #fff;
}

.bank-detail-row {
   display: flex;
   justify-content: space-between;
   padding: 12px 0;
   border-bottom: 1px dashed #eee;
}

.bank-detail-row:last-child {
   border-bottom: none;
}

.bank-detail-row .label {
   color: #4a5568;
   font-weight: 500;
}

.bank-detail-row .value {
   color: #1a3a5c;
   font-weight: 600;
}

/* Enquiry Form Wrapper */
.enquiry-form-wrapper {
   background: #fff;
   padding: 40px;
   border-radius: 16px;
   box-shadow: 0 10px 40px rgba(0,0,0,0.08);
   height: 100%;
}

.form-title {
   color: #1a3a5c;
   font-size: 24px;
   font-weight: 700;
}

.enquiry-form .form-group {
   margin-bottom: 20px;
}

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

.enquiry-form .form-group label .required {
   color: #e53e3e;
}

.enquiry-form .form-control {
   border: 1px solid #e2e8f0;
   border-radius: 8px;
   padding: 12px 16px;
   font-size: 15px;
   transition: all 0.3s ease;
}

.enquiry-form .form-control:focus {
   border-color: #d4a844;
   box-shadow: 0 0 0 3px rgba(212, 168, 68, 0.1);
}

.enquiry-form select.form-control {
   cursor: pointer;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background-color: #fff;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%231a3a5c' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: right 16px center;
   padding-right: 40px;
   height: 48px;
}

.enquiry-form select.form-control.no-nice-select {
   display: block !important;
}

.enquiry-form .submit-btn {
   background: linear-gradient(135deg, #d4a844 0%, #e8b84c 100%);
   color: #1a3a5c;
   border: none;
   padding: 14px 40px;
   font-size: 16px;
   font-weight: 600;
   border-radius: 8px;
   transition: all 0.3s ease;
}

.enquiry-form .submit-btn:hover {
   transform: translateY(-2px);
   box-shadow: 0 10px 30px rgba(212, 168, 68, 0.3);
}

/* Responsive */
@media (max-width: 991px) {
   .contact-info-wrapper,
   .enquiry-form-wrapper {
      padding: 30px;
   }
}

@media (max-width: 767px) {
   .contact-info-wrapper,
   .enquiry-form-wrapper {
      padding: 25px;
   }

   .bank-detail-row {
      flex-direction: column;
      gap: 5px;
   }
}