.footer-logo {
    width: clamp(1px, 17.188vw, 660px);
}

.fb-icon img,
.x-icon img,
.ig-icon img,
.in-icon img {
    width: clamp(1px, 2.6043vw, 106px);
    height: clamp(1px, 2.6043vw, 106px);
}

.contact-icon img {
    width: clamp(1px, 1.459vw, 56px);
    height: clamp(1px, 1.459vw, 56px);
}

.f-submit p,
.f-email p {
    margin: 0 !important;
}
/* Footer email */
.f-email input {
    border: none !important;
    border-radius: 50px !important;
    padding: 10px clamp(1px, 1.083332vw, 90px);
    width: 100%;
    height: clamp(1px, 2.917vw, 120px);
    transition: all 0.3s ease; 
}

.f-email input:focus-visible {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.f-email input:invalid,
.f-email input.wpcf7-not-valid {
    border: 1px solid #A70107 !important;
    background-color: white !important;
    border-right: none !important;
}

.f-email input:user-invalid,
.f-email input:invalid:focus,
.f-email input.wpcf7-not-valid:focus {
    border: 1px solid #A70107 !important;
}


form:invalid .f-submit input {
    border:  none !important;
}

.f-email::placeholder {
    color: #78758B !important;
}

/* .f-submit .wpcf7-spinner {
    display: none;
} */

.form-btn-footer p {
    position: relative;
    width: 100%;
    margin: 0 !important;
}

.f-submit {
    height: clamp(1px, 2.917vw, 120px);
    position: absolute;
    top: 0;
    right: 0;
}

.f-submit .wpcf7-spinner {
    position: absolute;
    top: clamp(1px,1.4vw,54px);
    left: clamp(-140px,-3.7vw,1px);
    display: none;
    margin: 0;
/*     transform: translate(-50%, -50%) !important; */
    width: clamp(1px, 1.042vw, 40px) !important;
    height: clamp(1px, 1.042vw, 40px) !important;
    border: 2px solid #28C76F;
    background-color: #fff0;
    border-top: 2px solid #28C76F;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
}

.f-submit input {
    background: url('../images/custom/H.H.F/send.png') no-repeat center center;
    background-size: contain;
    border: none;
    width: clamp(1px, 2.084vw, 90px);
    height: clamp(1px, 2.084vw, 90px);
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    padding: 0;
    margin: clamp(1px,.41666655vw,16px);
	border: 50px !important;
}

.pac-group img {
    width: clamp(1px, 11.146vw, 428px);
}

.border-top-white {
    border-top: 2px solid #FFFFFF;
}
.footer-form .wpcf7 form.aborted .wpcf7-response-output,
.footer-form .wpcf7 form.invalid .wpcf7-response-output,
.footer-form .wpcf7 form.unaccepted .wpcf7-response-output,
.footer-form .wpcf7 form.payment-required .wpcf7-response-output {
    /* position: relative;
    background-color: rgb(0, 33, 102);
    padding: clamp(1px, 0.520834vw, 20px) clamp(1px, 3.20834vw, 200px) clamp(1px, 0.520834vw, 20px) clamp(1px, 3.20834vw, 130px);
    color: #FFFFFF;
    margin: 10px 0 0 0 !important;
    height: clamp(1px, 2.6042vw, 100px);
    display: flex;
    align-items: center;
    border: 1PX solid transparent !important;
    border-radius: 10px;
    font-size: clamp(1px, 0.9375vw, 36px) !important; */
    display: none !important;
}

.footer-form .wpcf7 form.invalid .wpcf7-response-output::before,
.footer-form .wpcf7 form.unaccepted .wpcf7-response-output::before,
.footer-form .wpcf7 form.payment-required .wpcf7-response-output::before {
    content: "";
    background-image: url('../images/custom/Global/circle-exclamation-solid.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: clamp(1px, 1.042vw, 40px);
    height: clamp(1px, 1.042vw, 40px);
    position: absolute;
    left: clamp(1px, 1.042vw, 40px);
    top: 50%;
    transform: translateY(-50%);
}

.footer-form .wpcf7-not-valid-tip {
	position: relative;
    background-color: rgb(0, 33, 102);
    padding: clamp(1px, 0.520834vw, 20px) clamp(1px, 3.20834vw, 200px) clamp(1px, 0.520834vw, 20px) clamp(1px, 3.20834vw, 130px);
    color: #FFFFFF;
    margin: 10px 0 0 0 !important;
    height: clamp(1px, 2.6042vw, 100px);
	width: 100%;
    border: 1PX solid transparent !important;
    border-radius: 10px;
    font-size: clamp(1px, 0.9375vw, 36px) !important;
}

.footer-form .wpcf7-not-valid-tip::before {
    content: "";
    background-image: url('../images/custom/Global/circle-exclamation-solid.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: clamp(1px, 1.042vw, 40px);
    height: clamp(1px, 1.042vw, 40px);
    position: absolute;
    left: clamp(1px, 1.042vw, 40px);
    top: 50%;
    transform: translateY(-50%);
}


.f-email .wpcf7-form-control-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width:767px) {
    .pac-group img {
        width: clamp(1px, 62.9vw, 270px);
    }

    .footer-logo {
        width: clamp(1px, 69.77vw, 340px);
    }

    .footer .fs-24 {
        font-size: clamp(1px, 5.6vw, 24px) !important;
    }

    .footer .fs-20 {
        font-size: clamp(1px, 4.7vw, 20px) !important;
    }

    .footer .fs-16 {
        font-size: clamp(1px, 3.8vw, 16px) !important;
    }

    .contact-icon img {
        width: clamp(1px, 5.625vw, 28px);
        height: clamp(1px, 5.625vw, 28px);
    }

    .f-submit input {
        width: clamp(1px, 10.233vw, 45px);
        height: clamp(1px, 10.233vw, 45px) !important;
        margin: clamp(1px, 1.63vw,7px) clamp(1px,1.9vw,8px);
    }

    .f-submit {
        height: clamp(1px, 13.432vw, 60px);
    }

    .f-email input {
        padding: 10px clamp(1px, 9.30232vw, 45px);
        width: 100%;
        height: clamp(1px, 13.431vw, 60px);
    }

    .fb-icon img,
    .x-icon img,
    .ig-icon img,
    .in-icon img {
        width: clamp(1px, 11.396vw, 53px);
        height: clamp(1px, 11.396vw, 53px);
    }

    .line-lg img {
        width: clamp(1px, 6.98vw, 106px) !important;
    }

    .line-sm img {
        width: clamp(1px, 6.98vw, 80px) !important;
    }
	
	.f-submit .wpcf7-spinner {
		top: clamp(1px, 6.3vw, 27px);
    	left: clamp(-70px, -14.6vw, 1px);
    	width: clamp(1px, 3.72092vw, 40px) !important;
    	height: clamp(1px, 3.72092vw, 40px) !important;
	}
	
    .footer-form .wpcf7 form.sent .wpcf7-response-output{
        padding: clamp(1px, 1.627906vw, 14px) clamp(1px, 5.7907vw, 200px) clamp(1px, 1.627906vw, 14px) clamp(1px, 12.7907vw, 130px);
        height: fit-content;
		white-space: nowrap;
        width: fit-content;
        font-size: clamp(1px, 3.72092vw, 18px) !important;
    }
	
    .footer-form .wpcf7-not-valid-tip{
        padding: clamp(1px, 1.627906vw, 14px) clamp(1px, 5.7907vw, 200px) clamp(1px, 1.627906vw, 14px) clamp(1px, 12.7907vw, 130px);
        height: fit-content;
        width: 100%;
        font-size: clamp(1px, 3.72092vw, 18px) !important;
    }

    .footer-form .wpcf7 form.sent .wpcf7-response-output::before,
    .footer-form .wpcf7-not-valid-tip::before {
        width: 100%;
        height: clamp(1px, 4.187vw, 50px);
        left: clamp(1px, 4.65116vw, 50px);
    }
}