/* -------------------------------------------------
   CONTACT SECTION
---------------------------------------------------*/
.contact-section {
    margin-top: 40px;
    background: #FFFFFF;
}

/* Section Title */
.contact-title {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #0F4C5C; /* Primary Deep Teal */
    margin-bottom: 25px;
}

/* Contact Card */
.contact-box {
    background: #F4F6F8; /* Secondary Light Gray */
    padding: 25px 30px;
    border-radius: 6px;
    border-left: 5px solid #FF7F50; /* Accent Soft Orange */
    box-shadow: 0 3px 12px rgba(0,0,0,0.08);
    max-width: 600px;
    margin: 0 auto;
}

/* Contact Text */
.contact-line {
    font-size: 17px;
    color: #2E2E2E; /* Charcoal Text */
    line-height: 1.7;
    margin-bottom: 12px;
}

/* Contact Links */
.contact-line a {
    color: #0F4C5C; /* Primary */
    text-decoration: none;
    font-weight: 600;
}

.contact-line a:hover {
    color: #FF7F50; /* Accent on hover */
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 768px) {
    .contact-title {
        font-size: 24px;
    }

    .contact-line {
        font-size: 16px;
    }

    .contact-box {
        padding: 20px;
    }
}