/**
 * HighMarket Academy LLP - Contact Us Stylesheet
 * Used on contact-us.php
 * Styling: Professional Square Architecture
 */

.contact-card-box {
   background: #ffffff;
   border-radius: 0;
   padding: 36px 32px;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
   border: 1px solid #e2e8f0;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   transition: all 0.3s ease;
}
.contact-card-box:hover {
   border-color: #eecbc0;
   box-shadow: 0 14px 35px rgba(182, 117, 95, 0.08);
}

.contact-input-label {
   font-size: 13.5px;
   font-weight: 600;
   color: #1e293b;
   margin-bottom: 7px;
   display: block;
}

.contact-form-control {
   height: 48px;
   border-radius: 0;
   border: 1.5px solid #cbd5e1;
   padding: 10px 16px;
   font-size: 14.5px;
   color: #1e293b;
   width: 100%;
   transition: all 0.25s ease;
   background: #ffffff;
   outline: none;
}
.contact-form-control:focus {
   border-color: #b6755f;
   box-shadow: 0 0 0 2px rgba(182, 117, 95, 0.18);
   outline: none;
}

textarea.contact-form-control {
   height: auto;
   min-height: 120px;
   resize: vertical;
}

.contact-info-row {
   display: flex;
   align-items: flex-start;
   gap: 18px;
   margin-bottom: 24px;
   padding-bottom: 20px;
   border-bottom: 1px solid #f1f5f9;
}
.contact-info-row:last-child {
   border-bottom: none;
   margin-bottom: 0;
   padding-bottom: 0;
}

.contact-icon-pill {
   width: 50px;
   height: 50px;
   border-radius: 0;
   background: #fbf0eb;
   color: #b6755f;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 22px;
   flex-shrink: 0;
   transition: all 0.3s ease;
   border: 1px solid rgba(182, 117, 95, 0.2);
}
.contact-info-row:hover .contact-icon-pill {
   background: linear-gradient(135deg, #c4856f, #b6755f);
   color: #182232;
   transform: scale(1.04);
}

.map-wrapper {
   border-radius: 0;
   overflow: hidden;
   border: 2px solid #e2e8f0;
   box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}