.cy-template .laws{
	margin: 0 -4px;
}
.cy-template .laws span.law{
	margin: 4px;
	display: inline-flex;
	color: var(--blue-dark);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; 
	padding: 4px 12px 4px 26px;
	border-radius: 8px;
	background: var(--blue-bg1);
	border-radius: 8px;
	position: relative;
	align-items: center;
}
.cy-template .laws span.law:before{
	content: '';
	position: absolute;
	width: 14px;
	height: 100%;
	background-image: url(https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/green-tick.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	left: 8px;
}
.hero-section p.laws a.toggle-text.collapsed:after {
	transform: rotate(180deg);
}
.hero-section p.laws a.toggle-text:after {
	position: absolute;
	content: '';
	right: 8px;
	top: 0;
	height: 100%;
	width: 14px;
	background-image: url(https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/arrow-left.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: all .2s ease-in-out;
	transform: rotate(90deg);
}
.hero-section p.laws a.toggle-text {
	border-radius: 8px;
	border: 1px solid var(--blue-bg1);
	background: transparent;
	padding: 4px 26px 4px 12px;
	color: var(--blue-main);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	position: relative;
	transition: all .2s ease-in-out;
	margin: 4px;
}
.hero-section p.laws a.toggle-text:hover {
	text-align: center;
	transition: all .2s ease-in-out;
	border-color: var(--blue-main);
	text-decoration: none;
}
.cy-template .pri-lg-btn{
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 30px;
	padding: 12px 24px;
	min-width: 140px;
	border: none;
	border-radius: 4px;
	border: 1.5px solid var(--blue-main);
	background: var(--blue-main);
	display: inline-flex;
	align-items: center;
}
.cy-template .pri-lg-btn:hover{
	border-color: var(--blue-dark);
	transition: all .2s ease;
	outline: none;
	box-shadow: none;
	text-decoration: none;
	background-color:var(--blue-dark) ;
}
.cy-template .steps-wrapper .steps{
	max-width: 340px;
}
.cy-template .steps-wrapper .steps img{
	background: #fff;
}
.cy-template .main-features .feat-wrapper{
	position: relative;
	padding: 20px;
	align-items: center;
	transition: all .2s ease-in-out;
	justify-content: space-between;
	min-height: 135px;
}
.cy-template .main-features .feat-wrapper.expanded{
	background-color: var(--blue-bg3);
}
.cy-template .main-features .feat-wrapper h3{
	margin: 0;
}
.cy-template .main-features .feat-wrapper button.hide-show-hover:focus{
	outline: none;
	box-shadow: none;
	border: none;
}
.cy-template .main-features .feat-wrapper button.hide-show-hover{
	background-color: transparent!important;
	border: none!important;
	width: 24px!important;
	min-width: 24px;
}
.cy-template .main-features .feat-wrapper button.hide-show-hover span{
	background-image: url(https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/cpg/plus.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transform: rotate(90deg);
	transition: all .2s ease;
	width: 24px!important;
	padding: 0;
	height: 24px;
	display: block;
}
.cy-template .main-features .feat-wrapper button.hide-show-hover[aria-expanded=true] span{
	transition: all .2s ease;
	transform: rotate(0deg);
	background-image: url(https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/cpg/minus.svg);
}
.cy-template .main-features .feat-wrapper button.hide-show-hover:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: block;
}
.cy-template .main-features .feat-wrapper img{
	min-width: 86px;
}
.cy-template .main-features .collapsible{
	opacity: 0;
	transition: all .2s ease;
	height: 0;
}
.cy-template .main-features .collapsible.fadein{
	opacity: 1;
	transition: all .2s ease;
	height: auto;
	margin-top: 12px;
}
.cy-template .divider-bottom{
	border-bottom: 1px solid var(--grey-line);
}
.cy-template .review-wrapper{
	border-radius: 8px;
	background-color: #fff;
	padding: 40px;
	min-height: 100%;
}
.cy-template .review-wrapper .card,
.cy-template .review-wrapper .card-body,
.cy-template .review-wrapper .card-footer{
	background: transparent!important;
}
.cy-template .review-wrapper .card-body,
.cy-template .review-wrapper .card-footer{
	border: none;
	padding: 0;
}
.cy-template .review-wrapper img{
	border-radius: 50%;
}
.cy-template .cp-features .card{
	border: none;
	border-radius: 8px;
	background: #FFF;
	padding: 0!important;
}
.cy-template .cp-features .card .card-header{
	padding: 0;
	background: transparent;
	border: none;
}
.cy-template .cp-features button{
	background: transparent;
	border: none;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 33px;
	letter-spacing: -0.25px;
	color: var(--grey-title);
	padding: 40px 48px 40px 20px;
	width: 100%;
	position: relative;
	display: inline-flex;
	align-items: center;
	text-align: left;
}
.cy-template .cp-features .card-body{
	padding: 0 20px 40px 20px;
}
.cy-template .cp-features button:focus,
.cy-template .cp-features button:hover,
.cy-template .cp-features button[aria-expanded=true]{
	outline: none;
	text-decoration: none;
	color: var(--blue-main);
	box-shadow: none;

}

.cy-template .cp-features button:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 100%;
	right: 20px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: block;
	filter: grayscale(1);
}
.cy-template .cp-features button[aria-expanded=true]:after{
	background-image: url(https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/cpg/minus-blue.svg);
}
.cy-template .cp-features button[aria-expanded=false]:after{
	background-image: url(https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/cpg/plus-blue.svg);
}
.cy-template .cp-features button:focus:after,
.cy-template .cp-features button:hover:after,
.cy-template .cp-features button[aria-expanded=true]:after{
	filter: grayscale(0);
}
.cy-template .cp-features button[aria-expanded=true] {
	padding-bottom: 20px;
}
.cy-template .blue-tick span{
	position: relative;
	padding-left: 30px;
	align-items: center;
	display: inline-flex;
}
.cy-template .blue-tick span:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 24px;
	height: 100%;
	background-image: url(https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/cpg/blue-tick.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.cy-template .cp-features .border-lines{
	position: relative;
}
.cy-template .cp-features .border-lines .dash-line{
	border-radius: 6px;
	border: 3px dashed var(--primary-primary, #1578F7);
	background: transparent;
	position: absolute;
	width: 81%;
	left: 40px;
	opacity: 0;
	transition: all .3s ease;
}
.cy-template .cp-features .border-lines .dash-line.fadein{
	opacity: 1;
}
.cy-template .cp-features .border-lines .collapseOne{
	top: 106px;
	height: 100px;
}
.cy-template .cp-features .border-lines .collapseTwo{
	top: 200px;
	height: 100px;
}
.cy-template .cp-features .border-lines .collapseThree{
	top: 326px;
	height: 93px;
}
.cy-template iframe{
	border-radius: 10px;
}
@media(max-width: 1200px){
	.cy-template .cp-features .border-lines .dash-line{
		left: 9%;
	}
	.cy-template .cp-features .border-lines .collapseOne{
		top: 25%;
		height: 76px;
	}
	.cy-template .cp-features .border-lines .collapseTwo{
		top: 45%;
		height: 90px;
	}
	.cy-template .cp-features .border-lines .collapseThree{
		top: 75%;
		height: 95px;
	}
}
@media(min-width: 992px){
	.cy-template .steps-wrapper .steps{
		position: relative;
	}
	.cy-template .steps-wrapper .steps:after {
		content: '';
		position: absolute;
		top: 63px;
		right: -71px;
		width: 100%;
		height: 2px;
		background: #4682E3;
		z-index: -2;
	}
	.cy-template .steps-wrapper .steps:last-child:after{
		content: none;
	}
}
@media(max-width: 767px){
	.cy-template .hero-gradient-bg{
		background: var(--gradient-cy-bg-gradient-1, linear-gradient(108deg, rgba(24, 99, 220, 0.15) 11.72%, rgba(236, 243, 252, 0.00) 47.88%, rgba(45, 173, 112, 0.13) 87.71%), #ECF3FC);
	}
}
@media(max-width: 575px){
	.cy-template .main-features .img{
		display: none;
	}
	.cy-template .review-wrapper{
		padding: 20px;
	}
}