/* ================== SERVICES ================== */
.services { margin-top: 40px; }

.services-title {
    text-align: center;
    font-size: 20px;
    margin-bottom: 25px;
    color: #D4A94F;
}

.services-row {
    width: 1300px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.service {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: 220px;
}

.service img { width: 64px; height: 64px; object-fit: contain; }

.service h3 { font-size: 14px; color: #fff; margin-bottom: 4px; }
.service p { font-size: 12px; color: #888; line-height: 1.4; }

.divider { width: 1px; height: 40px; background: linear-gradient(to bottom, transparent, #d4a94f, transparent); opacity: 0.6; }

.services-bottom {
    width: 1300px;
    margin: 60px auto 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 80px;
}

.services-left { max-width: 500px; }
.services-left h3 { font-size: 20px; color: #e6ded3; margin-bottom: 12px; }
.services-left p { font-size: 14px; color: #888; line-height: 1.6; }

.services-right { display: flex; flex-direction: column; gap: 14px; font-size: 13px; color: #aaa; }
.services-right span { color: #d4a94f; margin-right: 10px; }

/* ================== TESTIMONIAL ================== */
.testimonials { padding: 100px 8%; text-align: center; }
.testimonials h2 { margin-bottom: 40px; }

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

.testimonial-card {
    padding: 32px; border: 1px solid rgba(212, 169, 79, 0.25);
    border-radius: 18px; background: rgba(255, 255, 255, 0.03);
}

.testimonial-card p { font-size: 1rem; line-height: 1.7; }
.testimonial-card span { display: block; margin-top: 20px; color: #D4A94F; }

/* ================== CONTACT ================== */
.contact { margin: 50px 0 15px; text-align: center; }
.contact img { width: 64px; }

.contact-box p, .contact-note { color: #888; margin-bottom: 20px; }

.contact-form {
    width: 100%; max-width: 520px; margin: 0 auto;
    display: flex; flex-direction: column; gap: 12px;
}

.contact-form input,
.contact-form select,
.contact-form textarea {
    width: 100%; background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(212, 169, 79, 0.35);
    color: #fff; padding: 12px 14px; border-radius: 8px; font-size: 13px; outline: none;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder { color: #777; }

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

.contact-form .cta {
    width: 100%; padding: 13px 24px; border-radius: 30px;
    font-size: 24px; font-weight: 500; margin-top: 2px;
}

/* ================== CUSTOM SELECT ================== */
.custom-select { position: relative; width: 100%; }

.custom-select-btn {
    width: 100%; background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(212, 169, 79, 0.35); color: #aaa;
    padding: 12px 14px; border-radius: 8px; font-size: 13px;
    text-align: left; cursor: pointer;
}
.custom-select-btn.disabled { opacity: 0.45; cursor: not-allowed; }

.custom-select-menu {
    display: none; position: absolute; top: calc(100% + 6px); left: 0;
    width: 100%; background: #010202; border: 1px solid rgba(212, 169, 79, 0.45);
    border-radius: 8px; overflow: hidden; z-index: 20;
}

.custom-select.active .custom-select-menu { display: block; }

.custom-select-menu div {
    padding: 10px 14px; color: #aaa; font-size: 13px; cursor: pointer;
}

.custom-select-menu div:hover { background: rgba(212, 169, 79, 0.12); color: #D4A94F; }