/* ========================= */
/* Main Wrapper */
/* ========================= */
.contact-form.bg-secondary {
    background: #1f1f1f;
    padding: 30px;
    border-radius: 12px;
}

/* Form Container */
#wpcf7-f522-o1 {
    color: #fff;
}

/* ========================= */
/* Remove duplicate span issue */
/* ========================= */
#wpcf7-f522-o1 .wpcf7-form-control-wrap {
    display: block;
}

/* ========================= */
/* Spacing */
/* ========================= */
#wpcf7-f522-o1 p {
    margin-bottom: 15px;
}

/* ========================= */
/* Labels */
/* ========================= */
#wpcf7-f522-o1 label {
    font-size: 14px;
    font-weight: 600;
    color: black;
    display: block;
    margin-bottom: 6px;
}

/* ========================= */
/* Inputs */
/* ========================= */
#wpcf7-f522-o1 .wpcf7-form-control {
    width: 100%;
    padding: 12px 14px;
    border-radius: 8px;
    border: 1px solid #444;
    background: #2b2b2b;
    color: #fff;
    font-size: 14px;
    transition: all 0.3s ease;
}

/* Placeholder */
#wpcf7-f522-o1 .wpcf7-form-control::placeholder {
    color: #aaa;
}

/* Focus */
#wpcf7-f522-o1 .wpcf7-form-control:focus {
    border-color: #ff6600;
    background: #333;
    outline: none;
}

/* Filled state */
#wpcf7-f522-o1 .wpcf7-form-control:not(:placeholder-shown) {
    border-color: #00c851;
/*     background: #1e3a2f; */
}

/* ========================= */
/* Select */
/* ========================= */
#wpcf7-f522-o1 select[multiple] {
    min-height: 120px;
}

/* ========================= */
/* Textarea */
/* ========================= */
#wpcf7-f522-o1 textarea {
    resize: none;
}

/* ========================= */
/* Button */
/* ========================= */
#wpcf7-f522-o1 .wpcf7-submit {
    background: #ff6600;
    border: none;
    padding: 12px;
    color: #fff;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s;
}

#wpcf7-f522-o1 .wpcf7-submit:hover {
    background: #e65c00;
}

/* Spinner */
#wpcf7-f522-o1 .wpcf7-spinner {
    margin-left: 10px;
}

/* ========================= */
/* Validation */
/* ========================= */
#wpcf7-f522-o1 .wpcf7-not-valid {
    border-color: red !important;
    background: #3a1e1e;
}

#wpcf7-f522-o1 .wpcf7-not-valid-tip {
    font-size: 12px;
    color: #ff4d4d;
    margin-top: 5px;
    display: block;
}

/* Remove duplicate error messages */
#wpcf7-f522-o1 .wpcf7-not-valid-tip ~ .wpcf7-not-valid-tip {
    display: none;
}

/* ========================= */
/* Response Message */
/* ========================= */
#wpcf7-f522-o1 .wpcf7-response-output {
    margin-top: 15px;
    padding: 10px;
    border-radius: 6px;
    background: #2b2b2b;
}

/* ========================= */
/* Desktop Grid */
/* ========================= */
@media (min-width: 992px) {
    #wpcf7-f522-o1 form #contact-page {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }

    /* Full width fields */
    #wpcf7-f522-o1 form #contact-page p:nth-child(1),
    #wpcf7-f522-o1 form #contact-page p:nth-child(6),
    #wpcf7-f522-o1 form #contact-page p:nth-child(7),
    #wpcf7-f522-o1 form #contact-page p:nth-child(8) {
        grid-column: span 2;
    }
}

/* ========================= */
/* Tablet */
/* ========================= */
@media (max-width: 768px) {
    .contact-form.bg-secondary {
        padding: 20px !important;
    }

    #wpcf7-f522-o1 .wpcf7-form-control {
        padding: 10px;
        font-size: 13px;
    }
}

/* ========================= */
/* Mobile */
/* ========================= */
@media (max-width: 480px) {

    .contact-form.bg-secondary {
        padding: 15px !important;
    }

    #wpcf7-f522-o1 label {
        font-size: 13px;
    }

    #wpcf7-f522-o1 .wpcf7-form-control {
        padding: 8px;
        font-size: 12px;
    }

    #wpcf7-f522-o1 .wpcf7-submit {
        width: 100%;
    }
}

/* -------------- */

.input-group .wpcf7-form-control-wrap {
    flex: 1;
}

.input-group .wpcf7-form-control {
    height: auto;
}

/* top bar */

@media (max-width: 768px) {
	small{
		font-size: 63%;
	}	
	#top-bar-details{
		align-items:center;
	}
	#Quick-Links{
		margin-top:30px;
	}
}