.hero-section{
	background-position: center;
	background-repeat: no-repeat;
	background-size: 70%;
	position: relative;
	overflow: hidden;
}

.home-page .hero-section{
	background-image: url(../images/grid.svg);
	background-position: left top;
	background-repeat: repeat;
	background-size: 25px 25px;
}
.home-page .hero-section .hero-content{
	position: relative;
	z-index: 1;
}
.home-page h1{
	font-size: 54px;
	font-weight: 600;
	line-height: 68px;
	letter-spacing: 0em;
	text-align: center;
	color: #fff;
}
.home-page .subhead{
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
	letter-spacing: 0em;
	text-align: center;
	color: #fff;
}
.home-page .hero-section .subhead{
	color: rgb(255 255 255 / 70%);
}
.home-page .trust-score {
	backdrop-filter: blur(1px);
	border-radius: 69px;
	border: 0.5px solid #b5c8ed70;
	background: rgba(255, 255, 255, 0.15);
	display: block;
	max-width: 845px;
	margin: 42px auto 50px auto;
}
.home-page .trust-score .wp,
.home-page .trust-score .tp{
	padding: 16px 5px;
	justify-content: center;
}
.home-page .trust-score .wp img{
	height: 20px;
	width: auto;
}
.home-page .trust-score .sep{
	min-height: 100%;
	height: 40px;
	width: .5px;
	align-self: center;
	background-color: #b5c8ed70;
}
.home-page .mouse-shadow{
	position: absolute;
	top: 0;
	left: 0;
	width: 1500px;
	height: 1500px;
	transform: translate(25%,-100px);
	background: url(https://www.webtoffee.dev/wp-content/themes/webtoffee/assets/images/front-page/new/circle-bg.svg) center center / contain no-repeat;
	opacity: .7;
}
.home-page .trusted-by-logos h2{
	color: #FFF;
	text-align: center;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
	letter-spacing: 1px!important;
}
.home-page .gradient-border-top{
	position: relative;
}
.home-page .gradient-border-top:before{
	content:'';
	position:absolute;
	width:100%;
	height:0.7px;
	top:0px;
	left:0;
	background:linear-gradient(to left, #001949,#fff 50%, #001949 100%);
}
.home-page .trusted-by-logos .clients img{
	margin: 10px 20px;
}
.home-page .blue-bg{
	background-color: #001949;
}
.home-page .circle-bg1{
	background-image: url(../images/front-page/new/circle-bg1.svg);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: 0 250px;
	background-attachment: fixed;
}
.home-page .circle-bg2{
	background-image: url(../images/front-page/new/circle-bg2.svg);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: right center;
	background-attachment: fixed;
}
.home-page .product-bg1{
	background-image: url(../images/front-page/new/product-bg1.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.home-page .product-bg2{
	background-image: url(../images/front-page/new/product-bg2.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: left bottom;
}
.home-page .light-blue-bg{
	background-color: #F5FAFF;
}
.home-page h2{
	color: #212121;
	text-align: center;
	font-size: 34px;
	font-style: normal;
	font-weight: 500;
	line-height: 50px; 
}
.home-page p.subhead{
	color: #000;
	text-align: center;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height:25px
}
.home-page .offsite-reviews p.title{
font-size: 15px;
font-weight: 500;
line-height: 25px;
letter-spacing: 1px;
text-align: center;
color: #F3F3F3;
}
.home-page .offsite-reviews a{
font-size: 18px;
font-weight: 500;
line-height: 16.94px;
color: #fff;
	transition: all .2s ease;
}
.home-page .offsite-reviews a:hover{
	text-decoration: underline;
	transition: all .2s ease;
}
.home-page .offsite-reviews p{
font-size: 13px;
font-weight: 400;
line-height: 25px;
text-align: center;
color: #fff;
}
.home-page .offsite-reviews p .rating{
font-size: 18px;
font-weight: 600;
line-height: 26px;
text-align: center;
letter-spacing: 1px!important;
}
.home-page .offsite-reviews .leaf-icon{
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
}
.home-page .offsite-reviews .leaf-icon:before,
.home-page .offsite-reviews .leaf-icon:after{
	content: '';
	position: absolute;
	height: 100%;
	width: 14px;
	background-image: url(../images/front-page/leaf.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	top: 0;
}
.home-page .offsite-reviews .leaf-icon:before{
	left: 0;
}
.home-page .offsite-reviews .leaf-icon:after{
	right: 0;
	transform: scaleX(-1);
}
.home-page .solutions-tab .nav{
	border: none;
}
.home-page .solutions-tab a.nav-link{
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 21px;
	padding: 16px 30px 16px 68px;
	border: none;
	color: #000;
	background-color: #E9F4FF;
	transition: all .2s ease;
	border-radius: 0;
	position: relative;
}
.home-page .solutions-tab a.nav-link:before{
	content: '';
	position: absolute;
	height: 100%;
	width: 30px;
	left: 30px;
	top: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: all .2s ease;
}
.home-page .solutions-tab a.nav-link.wp:before{
	background-image: url(../images/front-page/new/wp-logo-dark.svg);
}
.home-page .solutions-tab a.nav-link.sf:before{
	
	background-image: url(../images/front-page/new/spfy-logo-dark.svg);
}
.home-page .solutions-tab a.nav-link.active.wp:before{
	background-image: url(../images/front-page/new/wp-logo-white.svg);
}
.home-page .solutions-tab a.nav-link.active.sf:before{
	
	background-image: url(../images/front-page/new/spfy-logo-white.svg);
}
.home-page .solutions-tab .nav>li:first-child a{
	border-radius: 50px 0 0 50px;
}
.home-page .solutions-tab .nav>li:last-child a{
	border-radius: 0 50px 50px 0;
}
.home-page .solutions-tab a.nav-link.active{
	background-color: #007FFF;
	color: #fff;
	transition: all .2s ease;
	box-shadow: 1px 4px 9px 2px #027ffe40;
}
.home-page .our-solutions .wrapper{
	border-radius: 9px;
	border: 1px solid #E7EFFF;
	background-color: #FFF;
	padding: 33px 35px;
	min-height: 100%;
	position: relative;
	transition: all .2s ease;
}
.home-page .our-solutions .wrapper:hover{
	box-shadow: 0px 12px 17px 0px #E8F1FF;
	transition: all .2s ease;
}
.home-page .our-solutions .wrapper a.product-link {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.home-page .our-solutions .wrapper h3{
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 21px;
	margin: 0;
}
.home-page .our-solutions .wrapper .card-body{
	padding: 24px 0 0px 0;
}
.home-page .our-solutions .wrapper .card-body p{
	color: #5C637E;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 21.5px; /* 165.385% */
	margin-bottom: 10px;
}
.home-page .our-solutions .wrapper p.desc{
	color: #434343;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px; 
}
.home-page .our-solutions .wrapper img.logo{
	width: 30px;
	height: auto;
	border-radius: 6px;
	border: 1px solid #D9EAF6;
	margin-right: 20px;

}
.home-page .our-solutions .card.wrapper .card-header,
.home-page .our-solutions .card.wrapper .card-footer{
	background: transparent;
	border: none;
	padding: 0;
}
.home-page p.star-rating-wrap {
	background-image: url(../images/empty-star.svg);
	background-repeat: repeat-x;
	width: calc(18px * 5);
	height: 12px;
	background-position: left;
	background-size: contain;
	font-size: 0px;
	position: relative;
}
.home-page  p.star-rating-wrap .star-rating{
	background-image: url(../images/yellow-star.svg);
	background-repeat: repeat-x;
	height: 12px;
	background-position: left;
	background-size: auto 12px;
	position: absolute;
	left: 0;
}
.home-page .our-solutions .wrapper .price{
	color: #222;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.home-page .our-solutions .wrapper .price span.billing-cycle {
	color: #5C637E;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 21.5px;
}
.home-page .neg-padding{
	padding-bottom: 200px;
}
.home-page .neg-margin{
	margin-top: -200px;
	width: 100%;
}
.home-page .numbers-wrap{
	min-width: 200px;
	position: relative;
	border-radius: 20px;
}
.home-page .blue-text{
	color: #0057FF;
}

.home-page .number-wrap{
	flex: 1;
	min-width: 145px;
	padding-bottom: 50px;
}
.home-page .number-wrap .icon-wrap {
	background: #fff;
	box-shadow: 0px 24px 32px #ECF5FF;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	border-radius: 50%;
	height: 68px;
	width: 68px;
	margin: 35px auto;

}
.home-page .number-wrap.bg-1{
	background-image: linear-gradient(360deg, #F4F7FF 0%, rgba(255, 255, 255, 0) 131.63%);

}
.home-page .number-wrap.bg-2{
	background-image: linear-gradient(0deg, #FBF7FE 0%, rgba(255, 255, 255, 0.00) 131.63%);
}
.home-page .number-wrap .icon-wrap img{
	height: 36px;
	width: auto;
	transition: all .2s ease;
}
.home-page .number-wrap:hover .icon-wrap img{
	transform: scale(1.5);
	transition: all .2s ease;
}
.home-page .number-wrap .numbers{
	color: #001949;
	text-align: center;
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: 57.7px; 
	margin-bottom: 10px;
}
.home-page .number-wrap .label{
	color: #001949;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 25px;

}
.home-page .features h2{
	color: #FFF;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 0;
}
.home-page .features h2 .heart{
	color: #FA0101;
}
.home-page .features .icon-wrap{
	background-color: #FFFFFF;
	padding: 8px;
	width: 43px;
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	text-align: center;
	font-size: 21px;
	font-style: normal;
	font-weight: 600;
	line-height: 25px;
	border-radius: 10px;
	margin-bottom: 32px;
}
.home-page .features h3{
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px; 
	margin-bottom: 18px;
}
.home-page .features p{
	color: #CADCFF;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 0;
}
.home-page .blend_text_wrapper{
	position: sticky;
	left: 0;
}
.home-page .blend_text_wrapper h2{
	color: #c0d5ff;
	font-size: 49px;
	line-height: 68px;
	font-weight: 200;
	position: relative;
	filter: blur(0);
	transition: all .4s ease;
}
.home-page .blend_text_wrapper.lettersFixed h2{
	filter: blur(0);
}
.home-page .blend_text_wrapper.lettersFixedAfter h2{
/*animation: bluranim .4s ease-in-out;
animation-delay: .5s;*/
transition: all .4s ease;
/*filter: blur(5px);*/
}
.home-page .blend_text_wrapper .non_blend_text{
	position: absolute;
	left: 0;
	top: 0;
	color: #4C6595;
	z-index: 1;
}
.home-page .blend_text_wrapper .blend_text{
	background-image: linear-gradient(0deg,#fff,#fff);
	background-position: 0 90%;
	background-repeat: no-repeat;
	background-size: var(--size-blend) 80px;
	transform: translateZ(0);
	padding: 0.2777777778rem 0;
	color: #fff;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	position: relative;
	z-index: 2;
}
.home-page a.pri-btn{
	border-radius: 4px;
	background: #0057FF;
	padding: 16px 24px;
	color:#fff;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 27px;
	display: inline-block;
	max-width: 300px;
	width: 100%;
	transition: all .3s ease;
	position: relative;
}
.home-page a.pri-btn:hover,
.home-page a.pri-btn:focus{
	text-decoration: none;
	transition: all .3s ease;
	transform: translateY(1px);
	opacity: .9;
}
.home-page a.pri-btn.arrow-on-hover span{
	position: relative;
}
.home-page a.pri-btn.arrow-on-hover span:after{
	content: '';
	position: absolute;
	width:14px ;
	height: 100%;
	background-image: url(../images/external-products/lp/view-icon.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: 0;
	right: 0;
	top: 0;
}
.home-page a.pri-btn.arrow-on-hover * {
	transition: all .3s ease;
}
.home-page a.pri-btn.arrow-on-hover:hover span{
	padding-right: 20px;
}
.home-page a.pri-btn.arrow-on-hover:hover span:after,
.home-page a.pri-btn.arrow-on-hover:focus span:after{
	opacity: 1;
	right: -9px;
}
.home-page .clients img{
	height: 27px;
	width: auto;
}
.home-page h1 span.high-light {
	position: relative;
	z-index: 1;
}
.home-page h1 span.high-light:before {
	position: absolute;
	content: '';
	height: 200%;
	top: -50%;
	left: -10%;
	width: 120%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/front-page/new/round-icon.svg);
	z-index: -1;
	transition: all .3s ease;
}
.home-page .hero-section .trust-score p{
	font-size: 14px;
	line-height: 16px;
	color: #fff;
}
.home-page .sec-link {
	background: linear-gradient(to right, #007FFF,#007FFF ), linear-gradient(to right, #0057FF, #0057FF);
	color: #007FFF;
}
.home-page .sec-link-white{
	background: linear-gradient(to right, #007FFF,#007FFF ), linear-gradient(to right, #fff, #fff);
	color: #fff;
}
.home-page .sec-link-white,
.home-page .sec-link {
	background-size: 100% 1.5px, 0 1.5px;
	background-position: 100% 100%, 0 100%;
	background-repeat: no-repeat;
	transition: background-size 400ms;
	transition-delay: 200ms;
	padding-bottom: 5px;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.home-page .sec-link:hover,
.home-page .sec-link:focus{
	background-size: 0 1.5px, 100% 1.5px;
	text-decoration: none;
	color: #0057FF;
}
.home-page .sec-link-white:focus,
.home-page .sec-link-white:hover{
	background-size: 0 1.5px, 100% 1.5px;
	text-decoration: none;
	color: #fff;
}
.home-page .sec-link:hover svg path{
	fill: #0057FF;
	transition: all .2s ease;
}
.home-page .sec-link-white:hover svg path{
	fill: #fff;
	transition: all .2s ease;
}
.home-page .reviews{
	overflow: hidden;
}
.home-page .reviews h2{
	color: #FFF;
	text-align: center;
	font-style: normal;
	font-weight: 500; 
}
.home-page .reviews .review-wrap{
	background: #092e6454;
	backdrop-filter: blur(5px);
	padding: 30px 24px 24px 24px;
	min-height: 100%;
	border-radius: 11px;
	border: 0.5px solid rgba(255, 255, 255, 0.27);
	position: relative;
	transition: all .2s ease;
}
.home-page .reviews .review-wrap:before {
	content: '';
	position: absolute;
	height: 24px;
	width: 32px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	left: 24px;
	top: -13px;
	background-image: url(../images/front-page/new/quote-icon2.svg);
}
.home-page .reviews .review-wrap .card-body,
.home-page .reviews .review-wrap .card-header,
.home-page .reviews .review-wrap .card-footer{
	background: transparent;
	border-radius: 0;
	border: none;
	padding: 0;
}
.home-page .review-wrap .review-title{
	color: #fff;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 25px;
}
.home-page .review-wrap .comments{
	color: #ffffffbf;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px; /* 176.923% */
}
.home-page .review-wrap .review-footer p{
	color: #fff;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px;
	margin-bottom: 0;
}
.home-page .review-wrap .review-footer p .name{
	color: #fff;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
}
.home-page .review-wrap .review-footer p .sep{
	color: #fff;
}

.home-page .reviews .avatar{
	margin-right: 20px;
}
.home-page .reviews .avatar img{
	min-width: 50px;
	width: 50px;
	height: auto;
	border-radius: 50%;
}
.home-page .posts-section .post-wrapper {
	background: #fff;
	box-shadow: 0px 4px 17px #E8F1FF;
	padding: 28px;
	border-radius: 5px;
	position: relative;
	transition: all .2s ease;
	max-width: 920px;
	margin-right: auto;
	margin-left: auto;
}

.home-page .posts-section .post-title{
	color: #212121;
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: 38px; /* 152% */
	margin-bottom: 12px;
	transition: all .2s ease;
}
.home-page .posts-section .recent-posts> .post-wrapper:first-child .post-title{
	font-size: 25px;
	margin-bottom: 15px!important;
}
.home-page .posts-section .post-wrapper p{
	color: #434343;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 22px;
}
.home-page .posts-section .post-wrapper p.post-meta{
	margin-bottom: 0;
	font-size: 13px;
}
.home-page .posts-section .post-excerpt{
	margin-bottom: 12px;
}
.home-page .posts-section span.sep {
	color: #B6B6B6;
	margin: 0 14px;
}
.home-page .posts-section img{
	border-radius: 5px;
	width: 100%;
	height: auto;
}

.home-page .posts-section .post-wrapper a.read-more{
	position: absolute;
	font-size: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.home-page .posts-section .post-wrapper:hover{
	box-shadow: 0px 4px 17px #d7e5fb;
	transition: all .2s ease;
}
.home-page .posts-section .post-wrapper:hover .post-title{
	color: #0057FF;
	transition: all .2s ease;
}
.home-page .support-cta{
	background: #E9F4FF;
	border-radius: 15px;
	border: 1px solid #E7EFFF;
	padding: 3.5rem 5rem;
}
.home-page .support-cta h2{
	font-size: 34px;
	font-weight: 500;
	line-height: 48px;
	letter-spacing: 0em;
	margin-bottom: 20px;
}
.home-page .support-cta p{
	color: #434343;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}
.home-page .blend_text_wrapper{
	position: relative;

}
.home-page .blend_text_wrapper > div {
	position: sticky;
	top: 25vh; 
}
.home-page .container-fluid {
	max-width: 2000px;
}
main.front-page * {
	letter-spacing: 0!important;
}

@media(min-width: 1400px){
	.d-xxl-block{
		display: block!important;
	}
	.home-page .container-fluid.animated-reviews{
		max-width: 100vw!important;
	}
	.home-page .hero-section .animated-reviews{
		position: absolute;
		top: 0;
	}
	.home-page .hero-section .animated-reviews .review-elem{
		position: absolute;
		top: 0;
		max-width: 213px;
	}
	.home-page .hero-section .animated-reviews .review-elem.left-reviews{
		left: 0;
	}
	.home-page .hero-section .animated-reviews .review-elem.right-reviews{
		right: 0;
	}
	.home-page .hero-section .animated-reviews .review-wrap{
		position: relative;
	}
	.home-page .hero-section .animated-reviews .review-elem .review-icon{
		animation:rotateIcon 4s linear infinite;
		position: absolute;
		top: calc(50% - 14px);
		height: 10px;
		width: 10px;
		padding: 14px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.home-page .hero-section .animated-reviews .review-elem .review-icon svg{
		position: absolute;
		animation: blinkStar 2s ease-in-out infinite;
	}
	.home-page .hero-section .animated-reviews .show-review-onhover{
		opacity: 0;
		background-color: #fff;
		border-radius: 10px;
		height: 100%;
		width: 100%;
		padding: 10px;
		position: relative;	
		max-width: 190px;
		min-width: 190px;
		transition: all .8s ease;
	}
	.home-page .hero-section .animated-reviews .left-reviews .show-review-onhover{
		margin-left: 40px;
	}
	.home-page .hero-section .animated-reviews .right-reviews .show-review-onhover{
		margin-right: 30px;
		left: -200px;
		z-index: -1;
	}
	.home-page .hero-section .animated-reviews .show-review-onhover:before{
		position: absolute;
		content: '';
		background-image: url(../images/front-page/new/dialog-arrow.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		height: 100%;
		top: 0;
		width: 12px;
	}
	.home-page .hero-section .animated-reviews .show-review-onhover svg{
		height: 12px;
		width: 12px;
		margin-right: 4px;
	}
	.home-page .hero-section .animated-reviews .left-reviews .show-review-onhover:before{

		left: -9px;
	}
	.home-page .hero-section .animated-reviews .right-reviews .show-review-onhover:before{
		right: -9px;
		transform: rotate(180deg);
	}
	.home-page .hero-section .animated-reviews .show-review-onhover img{
		height: auto;
		width: 25px;
		min-width: 25px;
		border-radius: 4px;
	}
	.home-page .hero-section .animated-reviews .show-review-onhover .rtitle{
		font-size: 12px;
		font-weight: 600;
		line-height: 14px;
		letter-spacing: 0.01em;
		text-align: left;
		margin-bottom: 0;
		margin-left: 10px;
	}
	.home-page .hero-section .animated-reviews .show-review-onhover .rname{
		font-size: 11px;
		font-weight: 500;
		line-height: 14px;
		letter-spacing: 0em;
		text-align: left;
		color: #686868;
	}
	.home-page .hero-section .animated-reviews .show-review-onhover .sep{
		color: #E2E2E2;
		margin: 0 5px;
		line-height: 14px;
	}
	.home-page .hero-section .animated-reviews .review-icon:hover{
		animation-play-state: paused;
	}
	.home-page .hero-section .animated-reviews .review-icon:hover + .show-review-onhover{
		opacity: 1;
		transition: all .2s ease;
		box-shadow: 10px 10px 10px #00000033;
		z-index: 1;
	}
	.home-page .hero-section .animated-reviews .review-elem >div{
		position: absolute;
	}
	.home-page .hero-section .animated-reviews .review-elem .review-0,
	.home-page .hero-section .animated-reviews .review-elem .review-1,
	.home-page .hero-section .animated-reviews .review-elem .review-2{
		left: 75px;
	}
	.home-page .hero-section .animated-reviews .review-elem .review-15,
	.home-page .hero-section .animated-reviews .review-elem .review-16,
	.home-page .hero-section .animated-reviews .review-elem .review-17{
		left: -75px;
	}
	.home-page .hero-section .animated-reviews .review-elem .review-0,
	.home-page .hero-section .animated-reviews .review-elem .review-15{
		top: 90px;
	}
	.home-page .hero-section .animated-reviews .review-elem .review-1,
	.home-page .hero-section .animated-reviews .review-elem .review-7,
	.home-page .hero-section .animated-reviews .review-elem .review-9,
	.home-page .hero-section .animated-reviews .review-elem .review-16{
		top: 270px;
	}
	.home-page .hero-section .animated-reviews .review-elem .review-2,
	.home-page .hero-section .animated-reviews .review-elem .review-8,
	.home-page .hero-section .animated-reviews .review-elem .review-10,
	.home-page .hero-section .animated-reviews .review-elem .review-17{
		top: 450px;
	}
	.home-page .hero-section .animated-reviews .review-elem .review-3,
	.home-page .hero-section .animated-reviews .review-elem .review-4,
	.home-page .hero-section .animated-reviews .review-elem .review-5,
	.home-page .hero-section .animated-reviews .review-elem .review-6{
		left: 150px;
	}
	.home-page .hero-section .animated-reviews .review-elem .review-11,
	.home-page .hero-section .animated-reviews .review-elem .review-12,
	.home-page .hero-section .animated-reviews .review-elem .review-13,
	.home-page .hero-section .animated-reviews .review-elem .review-14{
		left: -150px;
	}
	.home-page .hero-section .animated-reviews .review-elem .review-3,
	.home-page .hero-section .animated-reviews .review-elem .review-11{
		top: 0;
	}
	.home-page .hero-section .animated-reviews .review-elem .review-4,
	.home-page .hero-section .animated-reviews .review-elem .review-12{
		top: 180px;
	}
	.home-page .hero-section .animated-reviews .review-elem .review-5,
	.home-page .hero-section .animated-reviews .review-elem .review-13{
		top: 360px;
	}
	.home-page .hero-section .animated-reviews .review-elem .review-6,
	.home-page .hero-section .animated-reviews .review-elem .review-14{
		top: 540px;
	}
	.home-page .hero-section .animated-reviews .review-elem .review-7,
	.home-page .hero-section .animated-reviews .review-elem .review-8{
		left: 225px;
	}
	.home-page .hero-section .animated-reviews .review-elem .review-9,
	.home-page .hero-section .animated-reviews .review-elem .review-10{
		left: -225px;
	}
}

@media(min-width: 1201px){
	.home-page .numbers-wrap {
		background-image: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 27%, rgba(255,255,255,0) 36%, rgba(255,255,255,0) 100%);
	}
	.home-page .number-wrap{
		background-color: #fff;
	}
	.home-page .number-wrap.bg-1{
		border-radius: 0 0 20px 20px;
	}
	.number-wrap.first-child{
		border-radius: 0 0 0 20px;
	}
	.number-wrap.last-child{
		border-radius: 0 0 20px 0;
	}
}
@media(max-width: 1200px){
	.home-page .numbers-wrap{
		background-color: #fff;
		border-radius: 20px;
		position: relative;
		overflow: hidden;
	}

}
@media(min-width: 992px){
	.home-page .numbers-wrap h2{
		font-size: 30px;
	}
	.sticky-div{
		position: sticky;
		top: 200px;
		height: 100%;
		overflow-y: auto;
	}
	.home-page .blend_text_wrapper{
		height: 2500px;
		position: sticky;
	}
	.home-page .gradient-bg.blue-bg:before{
		content: '';
		position: absolute;
		height: 100px;
		width: 100%;
		top: -100px;
		left: 0;
		background: linear-gradient(0deg, rgb(1 25 73) 0%,rgb(1 25 73) 20%, rgba(0,25,64,0) 100%);
	}
	body.home main.front-page{
		padding-top: 0!important;
	}
	body.home header nav.transparent .header-cart-icon span.item-count{
		background-color: #fff;
		color: #001949;
	}
	body.home header nav.transparent a.nav-link{
		color: #fff!important;
		opacity: .8;
	}
	body.home header nav.transparent a.nav-link.active,
	body.home header nav.transparent a.nav-link:focus,
	body.home header nav.transparent a.nav-link:hover{
		opacity: 1!important;
	}
	body.home nav.transparent .header-cart-icon img {
		filter: invert(1);
	}
	body.home header nav.transparent a.my-account-link {
		filter: invert(1);
	}
	body.home nav.front-page-navbar .navbar-brand img{
		width: 168px;
	}
	body.home nav.front-page-navbar.navshadow .navbar-brand img.dark,
	body.home nav.front-page-navbar.transparent .navbar-brand img.light {
		display: block!important;
	}
	body.home nav.front-page-navbar.navshadow .navbar-brand img.light ,
	body.home nav.front-page-navbar.transparent .navbar-brand img.dark {
		display: none!important;
	}
	
}
@media(max-width: 991px){
	.home-page .number-wrap .numbers{
		line-height: 36px;
	}
	.home-page .blend_texts{
		--size-blend: 100%!important;
	}
	.home-page .blend_text_wrapper{
		position: relative;
	}
}
@media(min-width: 768px){
	.home-page .trust-score .tp{
		width: 455px;
	}
	.home-page .neg-positions {
		margin-top: -300px; 
		padding-top: 300px; 
	}
}
@media(max-width: 767px){
	.home-page .number-wrap{
		min-width: 200px;
	}
}
@media(min-width: 567px){
	.home-page .features .feature-wrap {
		width: 49%;
		display: inline-block;
	}
	.home-page .features .feature-wraps{
		display: flex;
		flex-wrap: wrap;
	}
	.home-page .features .feature-wraps .feature-wrap{
		padding-bottom: 45px;
		padding-top: 45px;
		vertical-align: top;
		border-bottom: .5px dashed rgba(255, 255, 255, 0.30);
	}
	.home-page .features .feature-wraps .feature-wrap:nth-child(2n){
		padding-left: 46px;
	}
	.home-page .features .feature-wraps .feature-wrap:nth-child(2n+1){
		padding-right: 46px;
		border-right: .5px dashed rgba(255, 255, 255, 0.30);
	}
	.home-page .features .feature-wraps .feature-wrap:last-child,
	.home-page .features .feature-wraps .feature-wrap:nth-last-child(2){
		padding-bottom: 0;
		border-bottom: none;
	}
	.home-page .features .feature-wraps .feature-wrap:first-child,
	.home-page .features .feature-wraps .feature-wrap:nth-child(2)
	{
		padding-top: 0;
	}
	.home-page .posts-section img.thumbnail{
		width: 200px;
		height: auto;
		min-width: 200px;
		max-width: 200px;
	}
	.home-page .posts-section .img-wrapper {
		max-width: 200px;
	}
	.home-page .support-cta a.pri-btn{
		max-width: 245px;
	}
	

}
@media(max-width: 566px){
	.home-page .features .icon-wrap{
		margin-bottom: 22px;
	}
	.home-page .features .feature-wrap {
		margin-bottom: 30px;
		border-bottom: 0.5px dashed rgba(255, 255, 255, 0.30);
		padding-bottom: 30px;
	}
	.home-page .blend_text_wrapper h2 {
		color: #c0d5ff;
		font-size: 36px;
		line-height: 46px;
	}
}
@media(max-width: 767px){
	.home-page h1 {
		font-size: 36px;
		line-height: 48px;
	}
	.home-page h2{
		font-size: 30px;
		line-height: 42px;
	}
	.home-page .blend_text_wrapper h2{
		color: #c0d5ff;
		font-size: 37px;
		font-weight: 200;
	}
	.home-page .posts-section .post-title{
		font-size: 20px;
		line-height: 27px;
	}
	.home-page .posts-section .recent-posts> .post-wrapper:first-child .post-title {
		font-size: 25px;
		line-height: 34px;
	}
	.home-page .number-wrap{
		padding-bottom: 30px;
	}
	.home-page .support-cta{
		padding: 2rem;
	}
	.home-page #globeViz{
		display: none;
	}
	.home-page .trust-score{
		border-radius: 20px;
	}
}
@media(max-width: 430px){
	.home-page .solutions-tab .nav {
		border: none;
		display: flex;
		flex-wrap: nowrap;
		word-break: auto-phrase;
	}
	.home-page .solutions-tab a.nav-link:before{
		content: none;
	}
	.home-page .solutions-tab a.nav-link{
		padding: 16px 20px;
		text-align: center;
	}
	.home-page .our-solutions .card.wrapper .card-header{
		flex-wrap: wrap;
	}
	.home-page .our-solutions .card.wrapper .card-header img{
		margin-bottom: 10px;
	}
	.home-page .blend_text_wrapper h2{
		line-height: 36px;
		font-size: 22px;
	}
	.home-page .flex-wrap-xs{
		flex-wrap: wrap;
		row-gap: 10px;
	}
	.home-page .posts-section .post-wrapper p.post-meta span {
		display: inline-block;
	}
	.home-page .posts-section .post-wrapper p.post-meta span.sep{
		display: none;
	}
	.home-page .number-wrap{
		min-width: 145px;
	}
}
@media(max-width: 265px){
	.home-page .trust-score{
		display: none;
	}
}


@keyframes bluranim {
	0% {
		filter: blur(0px);
	}
	50%{
		filter: blur(2px);
	}
	100% {
		filter: blur(4px);
	}
}
@keyframes rotateIcon {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
@keyframes blinkStar {
	0% { opacity: 1; }
	50% { opacity: 0.2; }
	100% { opacity: 1; }
}