.hero-section{
	background: linear-gradient(to bottom right, rgba(45, 112, 173, 0.18) 4%, rgba(24, 99, 220, 0.15) 12%, rgba(45, 173, 112, 0.06) 28%, rgba(236, 243, 252, 0.00) 38%, rgba(236, 243, 252, 0.00) 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, rgba(45, 112, 173, 0.18) 4%, rgba(24, 99, 220, 0.15) 12%, rgba(45, 173, 112, 0.06) 28%, rgba(236, 243, 252, 0.00) 38%, rgba(236, 243, 252, 0.00) 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, rgba(45, 112, 173, 0.18) 4%, rgba(24, 99, 220, 0.15) 12%, rgba(45, 173, 112, 0.06) 28%, rgba(236, 243, 252, 0.00) 38%, rgba(236, 243, 252, 0.00) 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, rgba(45, 112, 173, 0.18) 4%, rgba(24, 99, 220, 0.15) 12%, rgba(45, 173, 112, 0.06) 28%, rgba(236, 243, 252, 0.00) 38%, rgba(236, 243, 252, 0.00) 50%) top right / 50% 50% no-repeat, #F1F6FD;
	padding-bottom: 250px;
}
.hero-bg-img {
    background-image: url(https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/guideline-images/hero-bg.png);
    background-position: center bottom;
    background-repeat: no-repeat;
       background-size: 130% auto;
}
.hero-section h1{
	font-style: normal;
font-weight: 600;
font-size: 48px;
line-height: 56px;
margin-bottom: 28px;
color: #27283C;
}
.hero-section p{
color: var(--greyscale-cy-shade-90-body, #3D3E50);
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 177.778% */
max-width: 750px;
        margin-left: auto;
    margin-right: auto;
}
.form-wrapper{
	max-width: 520px;
	margin: -250px auto auto auto;
}
.form-wrapper .white-wrapper{
	background: #FFFFFF;
padding: 56px 40px;
position: relative;
border-radius: 8px;
background: #FFF;
box-shadow: 0px 8px 28px -4px rgba(24, 99, 220, 0.20);
}
.form-wrapper h2{
color: var(--greyscale-cy-shade-title, #27283C);
text-align: center;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 38px; /* 135.714% */
letter-spacing: -0.25px;
margin-top: 0;
margin-bottom: 40px;
}
.form-wrapper label{
color: var(--greyscale-cy-shade-80-label, #525363);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 173.333% */
    width: 100%;
    display: block;
    margin-bottom: 6px;
}
.form-wrapper .text-input-wrapper{
	margin-bottom: 20px;
}
.form-wrapper .text-input-wrapper input{
	border-radius: 4px;
border: 1px solid var(--greyscale-cy-shade-30-line, #BEBFC5);
background: var(--White, #FFF);
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 26px;
color: #27283C;
width: 100%;
    padding: 11px 16px;
}
.form-wrapper .text-input-wrapper input:focus{
	border: 1px solid rgb(25 99 220);
	outline: none;
	box-shadow: none;
}
.form-wrapper form p{
color: var(--greyscale-cy-shade-80-label, #525363);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 171.429% */
}
.form-wrapper p.checkbox {
    margin-bottom: 40px;
}
.form-wrapper form a{
	font-style: inherit;
font-weight: inherit;
font-size: inherit;
text-decoration: underline;
color: inherit;
}
.form-wrapper form a:hover{
	text-decoration: none;
	color: #1863DC;
}
.form-wrapper button,.form-wrapper input[type=submit]{
	background: #1863DC;
border-radius: 2px;
color: var(--greyscale-cy-white, #FFF);
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 32px; /* 177.778% */
padding: 12px 24px;
color: #FFFFFF;
width: 100%;
text-align: center;
border: none;
display: block;
transition: all .2s ease;
}
.form-wrapper button:hover,.form-wrapper input[type=submit]:hover{
background-color: #134FB0;
transition: all .2s ease;
}
.form-wrapper p.note{
color: #525363;
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 173.333% */
}
@media(max-width: 767px){
	.hero-section h1{
		font-size: 32px;
		line-height: 40px;
	}
	.form-wrapper h2{
		font-size: 28px;
		line-height: 38px;
	}
	.hero-section p{
		font-style: normal;
		font-size: 18px;
		line-height: 28px;

		letter-spacing: 0.25px;
	}
	}
@media(max-width: 500px){
	.form-wrapper .white-wrapper{
		padding: 20px;
	}
	.hero-section h1{
		font-size: 36px;
		line-height: 42px;
	}
}