.hero-section{
	background: #fff;
}
.hero-section h1{
	font-style: normal;
	font-weight: 600;
	font-size: 45px;
	line-height: 58px;
	margin-bottom: 23px;
	color: #27283C;
}
.hero-section h1 .highlight{
	color: #1863DC;
}
.hero-section p{
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 15px;
	color: #092C4C;
}
.hero-section ul.laws{
	padding: 0;
	margin-left: -5px;
	margin-right: -5px;
	display: block;
	margin-bottom: 30px;
}
.hero-section ul.laws li{
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	background: rgba(24, 99, 220, 0.12);
	border-radius: 5px;
	color: #1863DC;
	margin: 5px;
	display: inline-block;
	padding: 3px 10px 3px 27px;
	position: relative;
}
.hero-section ul.laws li:before{
	position: absolute;
	content: '';
	left: 10px;
	height: 22px;
	width: 12px;
	background-image: url(../images/home-page/tick-icon.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.hero-section form input[type=email]::placeholder{
	color: rgb(101 101 101 / 50%);
}
.hero-section form input[type=email]{
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #656565;
	padding: 17px 15px;
	background: #FFFFFF;
	mix-blend-mode: normal;
	border: 1px solid #1863DC;
	border-radius: 2px 0px 0px 2px;
	height: 60px;
}
.hero-section form input[type=email]:focus{
	outline: none;
	border: 1px solid #1863DC;
	box-shadow: none;
}
.hero-section form input[type=submit]{
	background: #1863DC;
	border-radius: 0px 2px 2px 0px;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	padding: 15px 25px;
	color: #FFFFFF;
	border: 1px solid #1863DC;
}
.hero-section p.note {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 28px;
	margin-top: 10px;
	margin-bottom: 0;
	color: rgba(9, 44, 76, 0.7);
}
.hero-section p.note span{
	padding-left: 22px;
	padding-right: 20px;
	position: relative;
	display: inline-block;
}
.hero-section p.note span:before{
	content: '';
	position: absolute;
	left: 0;
	background-image: url(../images/green-tick.svg);
	background-repeat: no-repeat;
	background-position: center;
	height: 28px;
	width: 13px;
	background-size: contain;
}
.hero-section form{
	max-width: 500px;
}
.clients h2{
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 36px;
	text-align: center;
	color: #27283C;
	margin-bottom: 40px;
}
.clients h2 .highlight{
	color: #1863DC;
	font-weight: 500;
}
.clients h2 b{
	font-weight: 600;
}
.clients img{
	max-height: 34px;
	height: 34px;
	width: auto;
	margin: 20px;
}
.scan-cookie h2{
	margin-bottom: 30px;
}
.scan-cookie p{
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: rgb(39 40 60 / 70%);
	margin-bottom: 30px;
}
.scan-cookie form{
	max-width: 550px;
}
.scan-cookie form input[type=text]::placeholder{
	color: rgb(101 101 101 / 50%);
}
.scan-cookie form input[type=text]{
	background: #FFFFFF;
	mix-blend-mode: normal;
	border: 1px solid #1863DC;
	border-radius: 2px 0px 0px 2px;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	padding: 17px 20px;
	color: #656565;
	height: 60px;
}
.scan-cookie form input[type=submit]{
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: #FFFFFF;
	padding: 15px 25px;
	background: #1863DC;
	border-radius: 0px 2px 2px 0px;
	border: 1px solid #1863DC;
}
.why-cy-section h2,.policy-generator-ctas h2{
	font-style: normal;
	font-weight: 600;
	font-size: 42px;
	line-height: 63px;
	color: #27283C;
	margin-bottom: 30px;
}
.why-cy-section .dots{
	background: #1863DC;
	display: block;
	border-radius: 50%;
	position: relative;
	width: 20px;
	height: 20px;
}
.why-cy-section .mob-content .dots{
	width: 10px;
	height: 10px;
}
.why-cy-section .mob-content .dots:before{
	height: 10px;
	width: 10px;
}
.why-cy-section .mobile-view .item {
	border-bottom: 1px solid #ecf3fe;
}
.all-platforms h2{
	margin-bottom: 20px;
}
.all-platforms p{
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: rgb(39 40 60 / 70%);
	margin-bottom: 45px;
}
.all-platforms img{
	width: 100%;
	padding: 20px 0;
	height: auto;
}
.review-section h3{
	margin-bottom: 50px;
}
.review-section form{
	max-width: 550px;
}
.review-section  form input[type=email]::placeholder{
	color: rgb(101 101 101 / 50%);
}
.review-section form input[type=email]{
	background: #FFFFFF;
	mix-blend-mode: normal;
	border: 1px solid #1863DC;
	border-radius: 2px 0px 0px 2px;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	padding: 17px 20px;
	color: #656565;
	height: 60px;
}
.review-section form input[type=submit]{
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: #FFFFFF;
	padding: 15px 25px;
	background: #1863DC;
	border-radius: 0px 2px 2px 0px;
	border: 1px solid #1863DC;
}
.review-section p.note{
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 28px;
	color: rgba(9, 44, 76, 0.7);
	margin-top: 22px;
	margin-bottom: 50px;
}
.review-section p.note span{
	position: relative;
	padding-left: 22px;
	padding-right: 20px;
	display: inline-block;
}
.review-section p.note span:before{
	content: '';
	position: absolute;
	height: 28px;
	width: 11px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: url(../images/home-page/list-icon.svg);
	left: 0;
}
.review-section .g2-capterra img{
	height: 40px;
	width: auto;
}
.review-section .g2-capterra .rating-wrapper{
	height: 27px;
	width: calc(5 * 27px);
	background-repeat: repeat-x;
	background-size: contain;
	background-position: left;
	background-image: url(../images/home-page/empty-star.svg);
	position: relative;
	margin-bottom: 0px;
}
.review-section .g2-capterra .rating-wrapper span.rating{
	height: 27px;
	background-repeat: repeat-x;
	background-size: 27px;
	background-position: left;
	background-image: url(../images/home-page/star.svg);
	position: absolute;
	left: 0;
}
.review-section .g2-capterra p.total-rating{
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	line-height: 20px;
	color: #27283C;
	margin-bottom: 0;
}
.review-section .carousel .white-wrapper{
	background: #FFFFFF;
	box-shadow: 2px 2px 20px rgba(157, 180, 210, 0.4);
	border-radius: 7px;
	padding: 45px 40px;
	max-width: 400px;
	margin: 20px auto;
}
.review-carousel p{
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 160.9%;
	margin-bottom: 40px;
	color: #27283C;
}
.review-carousel .review-footer img{
	border-radius: 50px;
	height: 62px;
	width: auto;
	margin-right: 20px;
}
.review-carousel p.commenter-name{
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 20px;
	color: #27283C;
	margin-bottom: 6px;
}
.review-carousel p.commenter-job{
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 0;
	color: #27283C;
}
.review-carousel .carousel-indicators li{
	height: 10px;
	width: 10px;
	border-radius: 50px;
	border: none;
	opacity: 1;
	background-color: #C4C4C4;
	margin-right: 8px;
	margin-left: 8px;
}
.review-carousel .carousel-indicators li.active{
	background-color: #1963dc;
}
.review-carousel ol.carousel-indicators{
	bottom: -30px;
}
.policy-generator-ctas .policy-wrapper{
	background: #EFF5FE;
	border-radius: 12px;
	padding: 60px 40px;
	min-height: 100%;
}
.policy-generator-ctas .policy-wrapper img{
	height: 210px;
	width: auto;
	margin-right: 25px;
}
.policy-generator-ctas .policy-wrapper p{
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 30px;
	color: #27283C;
}
.policy-generator-ctas .policy-wrapper a.blue-btn{
	background: #1863DC;
	border-radius: 2px;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	padding: 15px 25px;
	line-height: 20px;
	color: #FFFFFF;
	display: inline-block;
	text-align: center;
	transition: all .2s ease;
}
.policy-generator-ctas .policy-wrapper a.blue-btn:hover{
	opacity: .8;
	transition: all .2s ease;
}
.why-cy-section .dots:before{
	width: 20px;
	height: 20px;
	animation: scaleIn 1s infinite cubic-bezier(.36, .11, .89, .32);
	content: '';
	position: absolute;
	background: #1863DC;
	border-radius: 100%;
	top: 0;
	left: 0;
	animation-fill-mode: forwards;
}
.why-cy-section .tooltip-inner{
	max-width: 330px;
	height: auto;
	font-size: 12px;
	padding: 16px 24px;
	background: #1863DC;
	border-radius: 5px;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 28px;
	color: #FCFCFC;
	border: 1px solid #1863DC;
	text-align: left;
}
.why-cy-section .bs-tooltip-auto[x-placement^=right] .arrow:before,
.why-cy-section .bs-tooltip-right .arrow:before{
	border-right-color: #1863DC;
}
.why-cy-section .bs-tooltip-auto[x-placement^=left] .arrow:before,
.why-cy-section .bs-tooltip-left .arrow:before{
	border-left-color: #1863DC;
}
.why-cy-section .img-tooltip{
	position: relative;
	width: 100%;
}
.why-cy-section .img-tooltip img{
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
}
.why-cy-section .img-tooltip .tab1-tt{
	position: absolute;
	margin-top: 20%;
	margin-left: 30%;
	top: 0;
	left: 0;
}
.why-cy-section .img-tooltip .tab2-tt{
	position: absolute;
	margin-top: 23%;
	margin-left: 70%;
	top: 0;
	left: 0;
}
.why-cy-section .img-tooltip .tab3-tt{
	position: absolute;
	margin-top: 10%;
	margin-left: 41%;
	top: 0;
	left: 0;
}
.why-cy-section .img-tooltip .tab4-tt{
	position: absolute;
	margin-top: 11%;
	margin-left: 31%;
	top: 0;
	left: 0;
}
.why-cy-section .img-tooltip .tab5-tt{
	position: absolute;
	margin-top: 34%;
	margin-left: 39%;
	top: 0;
	left: 0;
}
.why-cy-section .cy-tab a.nav-link,
.why-cy-section .cy-tab h5,
.why-cy-section .cy-tab h5[aria-expanded=false]{
	display: flex;
	align-items: center;
	padding: 20px;
	position: relative;
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	line-height: 28px;
	color: #092C4C;
	transition: color .2s ease;
	background-color: transparent;
	text-decoration: none;
	text-align: left;
}
.why-cy-section .cy-tab a.nav-link:hover{
	color: #1863DC;
}
.why-cy-section .cy-tab a.nav-link.active,
.why-cy-section .cy-tab h5[aria-expanded=true]{
	background-color: #ECF3FF;
	border-radius: 6px;
	color: #1863DC;
	position: relative;
	transition: color .2s ease;
	text-decoration: none;
	font-weight: 500;
}
.why-cy-section .cy-tab h5{
	margin: 0!important;
}
.why-cy-section .cy-tab a.nav-link.active:after {
	position: absolute;
	content: "";
	width: 0px;
	height: 0px;
	border-top: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #ECF3FF;
	top: 50%;
	right: -30px;
	transform: translateY(-50%);
}
.why-cy-section .cy-tab a img,
.why-cy-section .cy-tab h5 img{
	background: #FFFFFF;
	border-radius: 9px;
	padding: 8px;
	width: 40px;
	height: auto;
	min-width: 40px;
	min-height: 40px;
	max-height: 40px;
	margin-right: 20px;
}
.why-cy-section .cy-tab h5[aria-expanded=true],
.why-cy-section  .mob-content{
	background: #ECF3FF;
}
.why-cy-section .tab-content img{
	filter: drop-shadow(0px 4px 27px rgba(179, 205, 255, 0.56));
	border-radius: 8px;
}
.why-cy-section .mobile-view .cy-tab h5[aria-expanded=true]{
	border-radius: 0;
}
.why-cy-section .mobile-view .cy-tab h5{
	position: relative;
	padding-right: 30px!important;
}
.why-cy-section .mobile-view .cy-tab h5:after{
	content: '';
	right: 20px;
	position: absolute;
	height: 100%;
	width: 10px;
	background-image: url(../images/dd-icon.svg);
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 10px;
	background-position: center;
	transition: all .2s ease;
}
.why-cy-section .mobile-view .cy-tab h5[aria-expanded=true]:after{
	transform: rotate(180deg);
}
.why-cy-section .mobile-view .cy-tab h5[aria-expanded=false]:after{
	transform: rotate(0deg);
}
.why-cy-section .mob-content{
	padding: 0 20px 20px 20px;
}
.slideshow{
	height: 40px;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	transform: translate3d(0, 0, 0);
}
.slideshow>div{
	height: 40px;
	width: 3000px;
	background: url(../images/client-logos.svg);
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	transform: translate3d(0, 0, 0);
	animation: moveSlideshow 20s linear infinite;
}
.slideshow:before {
	left: 0px;
	background: linear-gradient( to right,#fff,#fff0 );
}
.slideshow:after{
	right: 0px;
	background: linear-gradient( to left,#fff,#fff0);
}
.slideshow:before, .slideshow:after {
	content: "";
	height: 100%;
	width: 150px;
	position: absolute;
	top: 0px;
	z-index: 1;
}
.scan-cookie .spinner-box {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent; 
	top: 0;
	left: 0;
}
.scan-cookie .pulse-container {
	width: 120px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.scan-cookie .pulse-bubble {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #065ae7;
}

.scan-cookie .pulse-bubble-1 {
	animation: pulse .4s ease 0s infinite alternate;
}
.scan-cookie .pulse-bubble-2 {
	animation: pulse .4s ease .2s infinite alternate;
}
.scan-cookie .pulse-bubble-3 {
	animation: pulse .4s ease .4s infinite alternate;
}
.scan-cookie .report-wrapper{
	background: linear-gradient(180deg, rgba(241, 247, 255, 0.2) 0%, rgba(241, 247, 255, 0.2) 100%), #FFFFFF;
	border-radius: 12px;
	padding: 65px 50px;
}
.scan-cookie .report-wrapper .cookies-no {
	font-style: normal;
	font-weight: 600;
	font-size: 49px;
	line-height: 100%;
	color: #1863DC;
	background: #F1F7FF;
	border-radius: 14px;
	height: 105px;
	min-width: 105px;
	max-width: fit-content;
	display: flex;
	justify-content: center;
	align-items: center;
}
.scan-cookie .report-wrapper form{
	max-width: 100%;
}
.scan-cookie .report-wrapper .scan-report p{
	font-style: normal;
	font-weight: 400;
	font-size: 28px;
	line-height: 50px;
	color: #000000;
	margin: 0;
}
.scan-cookie .report-wrapper .scan-report .cookies_no{
	font-weight: 600;
	position: relative;
}
.scan-cookie .report-wrapper .scan-report .cookies_no:after{
	background: #1863DC;
	height: 5px;
	width: 100%;
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
}
.scan-cookie .report-wrapper .scan-report #scanned_url{
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	line-height: 52px;
	color: #1863DC;
}
.scan-cookie .report-wrapper input[type=submit],
.scan-cookie .report-wrapper button.blue-btn{
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	background: #1863DC;
	border-radius: 2px;
	color: #FFFFFF;
	padding: 20px 25px;
	min-width: 220px;
	display: block;
	text-align: center;
	margin: auto;
	border: none;
}
.scan-cookie button.btn-with-icon{
	position: relative;
	padding-right: 55px!important;
}
.scan-cookie button.btn-with-icon:after {
	content: '';
	position: absolute;
	height: 20px;
	width: 20px;
	background-image:url(../images/external-link.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 10px;
}
.scan-cookie .report-wrapper input[type=submit]:hover,
.scan-cookie .report-wrapper button:hover{
	opacity: .8;
}
.scan-cookie .report-wrapper p.note.email-icon{
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: rgba(39, 40, 60, 0.7);
	text-align: center;
	padding-left: 27px;
	margin-top: 20px;
	position: relative;
}
.scan-cookie .report-wrapper p.note.email-icon:before{
	content: '';
	position: absolute;
	height: 18px;
	width: 18px;
	margin-left: -27px;
	background-image:url(../images/no-email.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;

}
body.home header .top-navbar,body.home  header .primary-menu{
	background: #fff;
}

@media(max-width: 767px){
	.scan-cookie .report-wrapper{
		padding: 20px;
	}
}
@media(max-width: 500px){
	.policy-generator-ctas .policy-wrapper img{
		height: 120px;
	}
	.hero-section h1{
		font-size: 40px;
		max-width: 400px;
	}
	.front-page h2{
		font-size: 36px;
		line-height: 50px;
	}
}
@media(max-width: 400px){
	body.home form .input-group input,
	body.home form .input-group .input-group-append{
		width: 100%;
	}
	body.home form .input-group .input-group-append{
		margin: 0;
	}
	body.home form .input-group input{
		border-radius: 2px!important;
	}
	body.home form .input-group input[type=submit]{
		margin-top: 10px;
	}
	body.home form .input-group input[type=submit]{
		min-height: 60px;
	}
}
@keyframes scaleIn {
	from {
		transform: scale(.5, .5);
		opacity: .5;
	}
	to {
		transform: scale(2.5, 2.5);
		opacity: 0;
	}
}