/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 03 2024 | 21:28:13 */
.grecaptcha-badge {
    display: none !important;
}

.landigEmail input:focus-visible {
    outline: none;
    border: 1px solid var(--greyscale-100, #E5E5EA);
}


/**/

.header_landing{
	background: linear-gradient(0deg, rgba(19, 41, 84, 0.80) 0%, rgba(19, 41, 84, 0.80) 100%), url(<path-to-image>), lightgray 50% / contain no-repeat;
}

.wpcf7-response-output {
    color: white;
}

#site-footer, #site-header{
	display:none;
}

.landing_home{
    height: 100%;
}

.landingForm {
    display: flex;
    gap: 20px;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
}

.landigEmail {
    position: relative;
}

.landigEmail img {
    position: absolute;
    left: 14px; 
    top: 56%;
    transform: translateY(-50%);
    height: auto;
    width: 20px;
}

.landigEmail input {
    padding-left: 36px;
    color: #808080;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border-radius: 8px;
    border: 1px solid var(--greyscale-100, #E5E5EA);
    background: var(--White, #FFF);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    display: flex;
    align-items: center;
    height: 48px;
    padding-right: 14px;
	width: 400px;
}

.landingBtn button {
    display: flex;
    width: 200px;
    padding: 12px 174px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    height: 48px;
    color: var(--White, #FFF);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
	margin: 0;
}

.landigEmail span.wpcf7-not-valid-tip {
    position: absolute;
    top: 80px;
    color: red;
}

.landigEmail input.wpcf7-not-valid {
    border: 1px solid red !important;
}

form.wpcf7-form.invalid .wpcf7-response-output {
    color: red;
    position: absolute;
    font-size: 12px;
    left: 9px;
    margin: 10px 0 0 0;
}

@media (max-device-width: 575.98px){
	.landingForm {
		flex-direction: column;
		gap:0;
	}
	
	.landingForm div {
    	width: 328px;
	}
	
	.landingBtn input{
		padding: 12px 164px;
	}
	
	.landigEmail span.wpcf7-not-valid-tip {
		position: relative;
		top: 0px;
		color: red;
	}
	
	.form.wpcf7-form.invalid .wpcf7-response-output{
		top: 0;
	}
	
	form.wpcf7-form.invalid .landigEmail img {
    	top: 43%;
	}
}
