/* Contact Form Card */
.contact-form-card {
    background-color: #111e3b !important;
    border: 2px solid rgba(242, 235, 82, 0.4); /* Soft yellow*/
    color: #ffffff;
}

.contact-form-card .card-body {
    background-color:  #1e293b; !important;
}

.contact-form-card:hover {
  border-color: rgba(242, 235, 82, 0.9);
  box-shadow: 0 0 20px 4px rgba(242, 235, 82, 0.35),
              0 4px 8px rgba(0,0,0,0.3);
}

/* Form inputs */
.contact-form-card .form-control,
.contact-form-card .form-select {
    background-color: #ffffff;
    color: #111e3b;
    border: 1px solid #54ACBF;
}

/* Input focus */
.contact-form-card .form-control:focus,
.contact-form-card .form-select:focus {
    background-color: #ffffff;
    color: #111e3b;
    border-color: #f2eb52;
    box-shadow: 0 0 0 0.2rem rgba(242, 235, 82, 0.25);
}

/* Placeholder text */
.contact-form-card .form-control::placeholder {
    color: #6c757d;
}


/* Contact Links (mirrors navbar link hover/active effect) */
.contact-link {
    color: rgba(255, 255, 255, 0.6) !important;
    position: relative;
    display: inline-block;
    text-decoration: none;
    transition: color 0.3s ease;
}

.contact-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background-color: #f2eb52;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.3s ease;
}

.contact-link:hover {
    color: #f2eb52 !important;
}

.contact-link:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

.contact-link.active {
    color: #f2eb52 !important;
}

.contact-link.active::after {
    transform: scaleX(1);
    transform-origin: left;
}