/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 19 2026 | 20:13:36 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

/* ===================================
   SMTC CONTACT FORM 7 DESIGN
=================================== */

html, body {
	overflow-x: hidden;
}

.smtc-contact-form {
    width: 100%;
    font-family: "Poppins", sans-serif;
}

/* Two-column rows */
.smtc-form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-bottom: 20px;
}

.smtc-form-field {
    width: 100%;
}

.smtc-form-field br {
	display: none;
}

.smtc-form-field label {
    display: block;
    margin-bottom: 8px;
    color: #102f72;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}

.smtc-form-field label span {
    color: #f39c12;
}

/* Contact Form 7 wrapper */
.smtc-contact-form .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

/* Fields */
.smtc-contact-form input[type="text"],
.smtc-contact-form input[type="email"],
.smtc-contact-form input[type="tel"],
.smtc-contact-form input[type="number"],
.smtc-contact-form select,
.smtc-contact-form textarea {
    width: 100%;
    min-height: 52px;
    margin: 0;
    padding: 13px 16px;
    border: 1px solid #d7e1f2;
    border-radius: 9px;
    outline: none;
    background-color: #f8fbff;
    color: #1b2430;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    box-sizing: border-box;
    transition:
        border-color 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease;
}

/* Textarea */
.smtc-contact-form textarea {
    min-height: 135px;
    resize: vertical;
}

/* Placeholder */
.smtc-contact-form input::placeholder,
.smtc-contact-form textarea::placeholder {
    color: #8995a8;
    opacity: 1;
}

/* Focus effect */
.smtc-contact-form input:focus,
.smtc-contact-form select:focus,
.smtc-contact-form textarea:focus {
    border-color: #12469b;
    background-color: #ffffff;
    box-shadow: 0 0 0 4px rgba(18, 70, 155, 0.1);
}

/* Select arrow */
.smtc-contact-form select {
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image:
        linear-gradient(45deg, transparent 50%, #12469b 50%),
        linear-gradient(135deg, #12469b 50%, transparent 50%);
    background-position:
        calc(100% - 18px) 22px,
        calc(100% - 13px) 22px;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    padding-right: 42px;
}

/* Submit section */
.smtc-submit-area {
    position: relative;
    margin-top: 8px;
}

/* Submit button */
.smtc-contact-form input[type="submit"] {
    width: 100%;
    min-height: 54px;
    padding: 14px 28px;
    border: 0;
    border-radius: 9px;
    background: linear-gradient(135deg, #0c347e, #1253b5);
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.1px;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(12, 52, 126, 0.2);
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease;
}

.smtc-contact-form input[type="submit"]:hover {
    background: linear-gradient(135deg, #f5a800, #ffbd24);
    color: #102f72;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(245, 168, 0, 0.25);
}

.smtc-contact-form input[type="submit"]:active {
    transform: translateY(0);
}

/* CF7 validation errors */
.smtc-contact-form .wpcf7-not-valid {
    border-color: #d63638 !important;
    background-color: #fffafa !important;
}

.smtc-contact-form .wpcf7-not-valid-tip {
    margin-top: 6px;
    color: #d63638;
    font-size: 12px;
    font-weight: 500;
}

/* Response message */
.smtc-contact-form + .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output {
    margin: 20px 0 0;
    padding: 12px 16px;
    border-radius: 8px;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    line-height: 1.6;
}

.wpcf7 form.sent .wpcf7-response-output {
    border: 1px solid #1f9d55;
    background-color: #effcf4;
    color: #147a41;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border: 1px solid #d63638;
    background-color: #fff4f4;
    color: #a82424;
}

/* Spinner */
.smtc-contact-form .wpcf7-spinner {
    position: absolute;
    top: 50%;
    right: 15px;
    margin: 0;
    transform: translateY(-50%);
}

/* Autofill correction */
.smtc-contact-form input:-webkit-autofill,
.smtc-contact-form input:-webkit-autofill:hover,
.smtc-contact-form input:-webkit-autofill:focus {
    -webkit-text-fill-color: #1b2430;
    -webkit-box-shadow: 0 0 0 1000px #f8fbff inset;
    transition: background-color 5000s ease-in-out 0s;
}

/* Tablet and mobile */
@media screen and (max-width: 767px) {
    .smtc-form-row {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-bottom: 16px;
    }

    .smtc-contact-form input[type="text"],
    .smtc-contact-form input[type="email"],
    .smtc-contact-form input[type="tel"],
    .smtc-contact-form select,
    .smtc-contact-form textarea {
        font-size: 16px;
    }

    .smtc-contact-form input[type="submit"] {
        min-height: 52px;
    }
}



.smtc-form-card {
    position: relative;
    padding: 35px;
    overflow: hidden;
    border: 1px solid rgba(18, 70, 155, 0.1);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 18px 50px rgba(15, 48, 105, 0.1);
}

.smtc-form-card::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(
        90deg,
        #0c347e 0%,
        #1253b5 70%,
        #f5a800 70%,
        #f5a800 100%
    );
    content: "";
}

@media screen and (max-width: 767px) {
    .smtc-form-card {
        padding: 24px 18px;
        border-radius: 14px;
    }
	.mobile-sticky {
		position: fixed;
	}
	.smtc-submit-area .wpcf7-submit {
		padding: 0!important;
		text-align: center;
	}
}