@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Montserrat:wght@400;500;600;700;800&display=swap');

/* Contact Page Layout */
.contact-sec1-container {
    width: 100%;
    position: relative;
    background-color: #fff;
}

.contact-info-col {
    background-image: url('../img/home-section2-pattern.svg');
    background-size: 100% 70%;
    /* Specific width and height */
    background-position: left top;
    background-repeat: no-repeat;
}

.contact-info-col {
    display: flex;
    justify-content: center;
    /* Align right so it touches middle on large screens */
}

.contact-info-content {
    max-width: 680px;
    width: 100%;
    padding: 80px 40px 80px 80px;
}

/* Left typography */
.contact-sec1-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 42px;
    line-height: 48px;
    letter-spacing: 0%;
    color: #D45052;
    margin-bottom: 24px;
}

.contact-sec1-highlight {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0%;
    color: #39B54A;
    margin-bottom: 0;
}

.contact-sec1-desc {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #323031;
    margin-bottom: 0;
}

/* Contact Details List */
.contact-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    /* Gap between header/icon and text value below */
    padding: 24px 0;
    border-bottom: 1px solid #EAE0E0;
}

.contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-bottom: 8px;
}

.contact-label {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #323031;
    margin-bottom: 8px;
}

.contact-value {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 26px;
    line-height: 26px;
    letter-spacing: 0%;
    color: #323031;
    margin: 0;
}

.address-value {
    font-size: 20px;
    line-height: 28px;
}

/* Mobile adjustments */
@media (max-width: 991px) {
    .contact-info-content {
        padding: 50px 20px;
        max-width: 100%;
        justify-content: center;
    }

    .contact-value {
        font-size: 18px;
        line-height: 22px;
    }

    .address-value {
        font-size: 14px;
        line-height: 20px;
    }
    }
}

/* Form Styles Right */
.contact-form-col {
    background-color: #FFFCEF;
    /* very light pinkish bg */
    display: flex;
    justify-content: flex-start;
    /* Align left to touch middle */
}

.contact-form-content {
    max-width: 600px;
    width: 100%;
    padding: 80px 80px 80px 40px;
}

@media (max-width: 991px) {
    .contact-form-content {
        padding: 50px 20px;
        max-width: 100%;
    }
}

.contact-form-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 26px;
    letter-spacing: 0%;
    color: #D45052;
    margin-bottom: 30px;
}

.contact-form .form-label {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0%;
    color: #323031;
    margin-bottom: 8px;
}

.contact-form .form-control,
.contact-form .form-select {
    background-color: #FFF6F6;
    border: 1px solid #EAE0E0;

    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #323031;
    padding: 12px 15px;
}

.contact-form .form-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 9.16667L10 11.6667L7.5 9.16667M10 2.5C9.01509 2.5 8.03982 2.69399 7.12987 3.0709C6.21993 3.44781 5.39314 4.00026 4.6967 4.6967C4.00026 5.39314 3.44781 6.21993 3.0709 7.12987C2.69399 8.03982 2.5 9.01509 2.5 10C2.5 10.9849 2.69399 11.9602 3.0709 12.8701C3.44781 13.7801 4.00026 14.6069 4.6967 15.3033C5.39314 15.9997 6.21993 16.5522 7.12987 16.9291C8.03982 17.306 9.01509 17.5 10 17.5C11.9891 17.5 13.8968 16.7098 15.3033 15.3033C16.7098 13.8968 17.5 11.9891 17.5 10C17.5 8.01088 16.7098 6.10322 15.3033 4.6967C13.8968 3.29018 11.9891 2.5 10 2.5Z' stroke='%23607882' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px;
    padding-right: 40px;
}

.contact-form .form-control::placeholder {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #323031;
}

.contact-form .form-control:focus,
.contact-form .form-select:focus {
    box-shadow: none;
    border-color: #F3743C;
    outline: none;
}

/* Buttons */
.btn-cancel {
    background-color: transparent;
    border: 1px solid #F3743C;
    color: #F3743C;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 11px;
    padding: 12px 24px;

    transition: all 0.3s ease;
}

.btn-cancel:hover,
.btn-cancel:focus,
.btn-cancel:active {
    background-color: transparent !important;
    border-color: #F3743C !important;
    color: #F3743C !important;
    box-shadow: none !important;
    outline: none !important;
}

.btn-submit {
    background-color: #F3743C;
    border: 1px solid #F3743C;
    color: white;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 11px;
    padding: 12px 24px;

    transition: all 0.3s ease;
}

.btn-submit:hover,
.btn-submit:focus,
.btn-submit:active {
    background-color: #F3743C !important;
    border-color: #F3743C !important;
    color: white !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Map Bottom */
.contact-map-section {
    width: 100%;
    margin-top: 0;
}

.contact-map-img {
    height: 400px;
    object-fit: cover;
    display: block;
}