@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeueLight.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
body {font-family: 'HelveticaNeue', system-ui, sans-serif;height: 100vh;background: linear-gradient(288.47deg, #02066F -9.72%, #A899E6 106.26%);font-weight: 300;margin: 0;display: flex;flex-direction: column;}
.container {display: flex;flex-direction: column;justify-content: center;height: 100vh;}
.timer {display: flex;justify-content: center;padding: 20px;border-radius: 10px;flex-wrap: wrap;}
.time-unit {margin: 0 15px;text-align: center;color: rgba(255, 255, 255, 0.7);position: relative;}
.time-unit span {display: block;font-size: 53px;color: rgba(255, 255, 255, 0.9);}
.time-unit:last-child span {color: #D0A7E3;}
.label {font-size: 22px;margin-top: 5px;color: rgba(255, 255, 255, 0.7);}
.white_text {color: #fff;text-align: center;margin: 10px 0px;}
.top_area {font-size: 24px;}
.heading {font-size: 53px;font-weight: 500;margin: 10px 0px;}
.seperator {background: url('../img/icon.webp') no-repeat center center;width: 100px;height: 80px;}
p {margin: 5px 0px;}
.form_layout {position: relative;width: 600px;margin: 20px auto;}
.subscription-form {text-align: center;margin: 0px auto;}
input[type="email"] {padding: 14px 16px;border: none;border-radius: 30px;width: 95%;background: #F5F4FA33;color:#fff;box-shadow: 0px 38px 50px rgba(0, 0, 0, 0.5);}
input::-webkit-input-placeholder{color: #fff;}
input::-moz-placeholder{color: #fff;opacity: 1;}
input:-ms-input-placeholder{color: #fff;}
input::placeholder {color: #fff;}
input:placeholder-shown{color: #fff;}
button {padding: 12px 20px;color: #fff;border: none;border-radius: 30px;cursor: pointer;position: absolute;right: 0px;top: 2px;background-image: linear-gradient(to bottom, #02066F 0%, #02066F 100%);}
p.subscribe_text {font-size: 16px;width:80%;margin:0px auto;}
#subscriptionForm{margin:30px 0px;}
.horizental_border {width: 100%;height: 20px;background: url('../img/border-horizental.webp') no-repeat center center;}
.message {display: none;margin: 20px auto;font-size: 1.1em;width:320px;}
.message p{padding:15px;border-radius:20px;}
.success {color: #fff;}
.error {color: #fff; text-decoration: underline; -webkit-text-decoration-color: #ff0000;  text-decoration-color: #ff0000;}
#loading{display: none;}
.grecaptcha-badge {visibility: hidden;}
/**** Responsive Design ****/
@media (max-width: 1024px) 
{
	.form_layout {width: 80%;}  
	.heading {font-size: 48px;}
	.time-unit span {font-size: 45px;}
}

@media (max-width: 768px) 
{
	body{background:linear-gradient(269deg, #02066F -9.72%, #A899E6 106.26%);}
	.form_layout {width: 90%;}
	.time-unit span {font-size: 40px;}
	.heading {font-size: 40px;}
	.label {font-size: 18px;}
	.white_text {font-size: 20px;}
	input[type="email"] {width: 90%;}
}

@media (max-width: 480px) 
{	
	.container {justify-content: flex-start; }
	.seperator.hm{display:none;}
	.timer {flex-direction: row;align-items: center;}
	.time-unit {margin: 20px 0;width:30%;	}
	.heading {font-size: 30px;}
	.label {font-size: 16px;}
	input[type="email"] {padding: 12px;font-size: 16px;}
	button {padding: 10px 16px;right: 8px;top: 4px;}
	.horizental_border{background-size:80%;}
	p.subscribe_text{}
	.subscription-form{margin:0px auto 100px auto;}
	.container {height:auto;}
}