.af-turnto-container
{
	margin-top:1%;
}
.afjoinheader
{
	padding-top:2%;
	padding-bottom: 0%;
	padding-left:6%;
}
.afheadtext
{
	padding-top: 8%;
	padding-left: 5%;
}
.afjoinh
{
	margin-bottom: 10%;
}
.afjoinh h1
{

	font-weight: 700;
	font-size: 56px;
	line-height: 72px; 
	letter-spacing: -0.02em;
	color: #31343F;
	margin-top:100px;
	display: inline;
}
.afheadimg
{
	padding-left:0%;
	position: relative;
	max-width: 565px;
	max-height: 544px;
}
.visitorsTxt
{
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #31343F;
	top: calc(21% - 105px/2);
	left: calc(20% - 50px/2);
}
.accheadTxt
{
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #ffffff;
	top: calc(50% - 88px/2);
	left: calc(55% - 48px/2);
}
.statTitle
{
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	left: calc(65% - 40px/2);
}
.statdesc
{
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	opacity: 0.6;
	left: calc(65% - 40px/2);
}

.st1{top: calc(60% - 60px/2);}
.sd1{top: calc(65% - 66px/2);}
.st2{top: calc(70% - 35px/2);}
.sd2{top: calc(75% - 40px/2);}
.st3 {top: calc(80% - 10px/2);}
.sd3{top: calc(85% - 15px/2);}

.afheadimg span
{
	position: absolute;
}
.earntext
{
	background-image: url(../img/affiliate/Earn.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
	padding-left: 3%;
	padding-right: 2%;
	padding-bottom: 1%;
	margin-left: -20px;
}

.Af-applybtn
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 22px 39px;
	gap: 10px;
	width: 196px;
	height: 56px;
	/* cta */
	background: #004FE5;
	border-radius: 100px;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	color: #FFFFFF;
}
.Af-applybtn:hover{
	color: #FFFFFF !important;
}
.afturnto
{
	background-color: #FFF6ED;
	max-height: 100%;
	height: auto;
	padding:6% 0% 8%;
}

.af-turn-header
{
	font-weight: 700;
	font-size: 40px;
	line-height: 48px;
	/* or 120% */
	/* black */
	color: #31343F;
	margin-bottom: 8%;
}
.af-turn-benf 
{
	padding-top: 3%;
}
.af-turn-benf p
{
	display: inline;
	margin-left:5%;
	margin-top: 1%;
	font-weight: 600;
	font-size: 18px;
	line-height: 26px;
	/* black */
	color: #31343F;
}

.af-turn-benf div
{
	margin-bottom:3%;
	display: flex;
	padding:10px;
}

.af-turnsecond
{
	background-color:#ffffff;
	box-shadow: 0px 11px 19px rgba(46, 48, 84, 0.06);
	border-radius: 10px;
	width: 90%;
}
.af-turnsecond p 
{
	padding-left: 1%;
}

.whyContainer
{
	padding-top:5%;
}
.af-whytext
{
	padding-left: 5%;
}
.af-whytext h2
{
	font-weight: 700;
	font-size: 40px;
	line-height: 48px;
	/* or 120% */
	/* black */
	color: #31343F;
}
.af-whytext p 
{
	font-weight: 400;
	font-size: 14px;
	line-height: 26px;
	/* or 162% */
	/* black */
	color: #31343F;
	margin-bottom: 6%;
}
.af-whytext .Af-applybtn
{
	margin-left:25px;
}
.why_title{	
	font-size: 18px;
	color: #31343F;
}
.affwhylist li{
	padding: 2.3% 5%;
	margin-top: 0px !important;
}
.affwhylist li.uk-open{
	background: #FFFFFF;
	box-shadow: 0px 11px 19px rgba(46, 48, 84, 0.06);
	border-radius: 16px;
}
.affwhylist li.uk-open .faq_title{
	color: #EC7F47;
}
.affwhylist li.uk-open .uk-accordion-title::before{
	background-color: #EC7F47;
	content: '\2212';
    display: inline-block;
    color: #fff;
    font-size: 16px;
    background-image: none;
    text-align: center;
}
.af-whyimg
{
	padding-left:12%;
	padding-top:3%;
}

body.page-template-tpl-affiliate .faqssec
{
	width:50%;
	margin: 0px auto;		
}
.af-google-reviews
{ 	
	background-image: url(../img/af-google-head.png),url(../img/af-google.png);
	background-position: center top, center top;
	background-repeat: no-repeat, no-repeat;
	background-size: 100% 320px, 100% 150%;
	background-color: transparent;
	max-width: 1009px;
	border-top: none;
	border-left: 2px solid #e6eaee;
	border-right: 2px solid #e6eaee;
	border-bottom: 2px solid #e6eaee;
}

body.page-template-tpl-affiliate .cutreviewbox
{
	padding-top:4%;
	font-size:16px;
}

.cutreviewbox  .uk-dotnav .uk-active a
{
	background-color: #fff !important;
	border: 2px solid #EC7F47 !important;
}
.cutreviewbox  .uk-dotnav a
{
	background-color: #fff !important;
	border: 2px solid #ccc !important;
}
.reviecontent .review-more-link
{
	color : #222;
	font-weight: bold;
}
.reviecontent .review-more-link:hover
{
	color : #0043ff;
}
.af-dotnavcustom, .gmbrr .listing + .attribution, .gmbrr .navigation + .attribution, .gmbrr .rating + .attribution
{
	display: none !important;
}
.googleicondiv, .allreviewsdiv
{
	position: relative;
}
.googleicon
{
	position: absolute;
	left: calc(50% - 48px/2);
	top: calc(52% - 30px/2);
}
.af-RightArrow
{
	transform: translateY(-50%) translateY(-15px) scaleX(-1) !important;
	position: absolute;
}
.af-Arrow
{
	width: 28px;
	height: 28px;
	top: 35%;
	opacity: 0.4;
}
.af-Arrow:hover
{
	opacity: 1;
	cursor: url(../img/Hand.svg), auto;
}

.af-allreviewsbtn
{
	box-sizing: border-box;
	padding: 15px 35px;
	position: absolute;
	left: calc(45% - 60px/2);
	top: calc(30% - 60px/2);
	/* wtite */
	background: #FFFFFF;
	/* black */
	border: 1px solid #31343F;
	border-radius: 100px;
	font-weight: 600;
	font-size: 14px;
	line-height: 24px;
	/* identical to box height, or 171% */
	/* black */
	color: #31343F;
}
.af-apply-modal
{
	position: fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right: 0px;
	background:rgba(39, 42, 70, 0.5);
	z-index: 100;
	display: none;
	justify-content: center;
	align-items: center;
}
.modal
{

	background: #FFFFFF;
	padding: 10px 0px 20px 0px;
	border-radius: 16px;
	width: 640px;
	height: 432px;
	text-align: center;
}
.top-form
{
	display: flex;
	justify-content: flex-end;
}
.top-form .close-modal
{
	padding: 10px 25px;
	cursor:pointer;
	color:rgba(71, 84, 103, 1);
	opacity: 0.4;
	font-size:14px;
}
.top-form .close-modal:hover
{
	opacity: 1	;
}
.af-apply-form
{
	position: relative;
}
.af-apply-form h2
{
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	/* identical to box height, or 133% */
	color: #31343F;
	margin-top: 15px;
}
.af-apply-form .emailtxt
{
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	/* identical to box height, or 129% */
	/* Secondary */
	color: #475467;
	position: absolute;
	top: 180px;
	left: 75px;
	background: #ffffff;
}
.af-apply-form .errormsg
{
	display: block;
	font-size: 16px;
	line-height: 18px;
	/* identical to box height, or 129% */
	/* Secondary */
	color: #475467;
	margin-top: 20px;
	color: red;
}
.af-apply-form .inputbox
{	
	box-sizing: border-box;
	width: 520px;
	height: 48px;
	background-color: #FFFFFF !important;
	border: 1px solid #E6EAEE;
	border-radius: 8px;
	padding-left:15px;
	font-size:16px;
	color:#31343F;
	margin-top: 30px;
}
.af-apply-form .inputbox:focus,
.af-apply-form .inputbox:hover
{
	outline: none !important;
	border:1px solid #EC7F47;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}
.af-apply-form .applybutton
{	
	width: 520px;
	height: 48px;
	/* cta */
	border-radius: 100px;
	margin-top: 15px;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	cursor: pointer;
}
.aff-custom-button
{
	height: 45px !important;
	font-size: 15px !important;
	color: #FFFFFF;
	padding: 12px 9% 10px !important;
	background: #004FE5;
	border-radius: 100px;
	cursor: pointer;
}
.aff-custom-button:hover {
	color: #FFFFFF !important;
}
.aff-custom-label
{
	margin-top:30px !important;
}
.aff-subBtn-Container
{
	position: relative;
}
.affloadingicon
{
	position: absolute;
	bottom: 25%;
	right: 30%;
}
.affloadingicon svg
{
	width: 24px;
	height: 24px;
}
@media screen and (max-width: 961px) {
	.afjoinh {text-align: center;}
	.afjoinh h1{font-size: 3.8rem;}
	.Af-applybtn{margin-left: calc(44% - 50px);}
	.afheadimg {margin-top:100px !important; text-align: center;}
	.afjoinheader{padding-left: 0%}
	.af-turnto-container{flex-direction: column-reverse;}
	body.page-template-tpl-affiliate .faqssec {width: 100%;}
	.af-whyimg {text-align: center;}
}
@media screen and (max-width: 766px) {
	.afjoinheader{padding-bottom:0%;}
	.modal {width: 320px;height: 375px;}
	.af-apply-form h2{font-size: 20px;line-height: 26px;}
	.af-apply-form .emailtxt{font-size: 12px;line-height: 18px; left:30px; top:142px;}
	.af-apply-form .errormsg{font-size: 12px;}
	.af-apply-form .inputbox{width: 288px;height: 44px;font-size:14px;}
	.af-apply-form .applybutton{width: 288px;height: 48px; margin-top:10px;}
	.aff-image{width: 64px; height: 64px;}
}

@media screen and (max-width: 576px) {
	.afjoinheader{padding-left: 2%; padding-right: 2%;}
	.afjoinh h1{font-size: 3rem;line-height: 56px;}
	.Af-applybtn{margin-left: calc(41% - 50px);}
	.af-whyimg{padding-left:4%;}
	.af-allreviewsbtn{left: calc(38% - 60px/2);}
}
@media screen and (max-width: 476px) {
	.afjoinh h1{font-size: 2.6rem;line-height: 48px;}
	.earntext{margin-left:-10px}
	.afheadimg {margin-top:60px !important;}
	.visitorsTxt, .accheadTxt {font-size: 1rem; line-height: 12.74px}
	.visitorsTxt{top: calc(25% - 105px/2); left: calc(21% - 50px/2);}
	.accheadTxt{top: calc(52% - 85px/2);left: calc(55% - 45px/2);}
	.statTitle {font-size: 0.8rem; line-height: 12.74px}
	.statdesc {font-size: 0.6rem; line-height: 10.62px}
	.st1{top: calc(60% - 45px/2);}
	.sd1{top: calc(65% - 45px/2);}
	.st2{top: calc(70% - 20px/2);}
	.sd2{top: calc(75% - 20px/2);}
	.st3 {top: calc(81% - 10px/2);}
	.sd3{top: calc(86% - 12px/2);}
	.Af-applybtn{width: 180px;height: 50px;font-size: 14px;line-height: 18px;margin-left: calc(40% - 50px);}
	.af-turn-benf p{font-size:14px;line-height: 20px;}
	.af-turnsecond{width: 95%}
	.af-turn-header{text-align: center;font-size: 28px;line-height: 36px;}
	.afbreak{display:none;}
	.af-faqtitle {font-size:1.7rem}
	.why_title{font-size:1rem}
	.af-whytext p{font-size: 0.6rem;line-height: 1rem;text-align: center;}
	.af-whytext .Af-ApplyNow {width: 160px; height: 44px;}
	body.page-template-tpl-affiliate .faqssec h2 {line-height: 36px;}
	body.page-template-tpl-affiliate .faq_title{font-size:14px;}
	body.page-template-tpl-affiliate .more_review_link,
	body.page-template-tpl-affiliate .less_review_link
	{width: 120px; height: 40px;}
	.af-google-reviews {background-image: url(../img/af-google-mob-head.png), url(../img/af-google-mob.png);background-size: 100% 400px, 100% 150%;}
	.googleicon {width: 36px; height: 36px;left: calc(50% - 35px/2);top: calc(52% - 25px/2);}
	.cutreviewbox {position: static !important;}
	.af-google-reviews li.reviecontent {font-size:14px !important;}
	.af-allreviewsbtn {left: calc(38% - 45px/2);width: 140px;height:40px;font-size: 12px;padding: 7px 0px; top:60px;}
	.review-wrapper {position: relative;}
	.af-dotnavcustom {display:flex;position: absolute;left: calc(45% - 50px/2);top: 101%;}
	.chatsec{margin-top: 18%}
}
@media screen and (max-width: 361px) {
	.afjoinh h1{font-size: 2rem;line-height: 48px;}
	.earntext{margin-left:-10px}
	.af-allreviewsbtn {left: calc(35% - 45px/2);}
	.visitorsTxt, .accheadTxt {font-size: 0.67rem; line-height: 12.74px}
	.visitorsTxt{top: calc(25% - 90px/2); left: calc(21% - 40px/2);}
	.accheadTxt{top: calc(52% - 65px/2);left: calc(55% - 35px/2);}
	.statTitle {font-size: 0.53rem; line-height: 12.74px}
	.statdesc {font-size: 0.46rem; line-height: 10.62px}
	.st1{top: calc(60% - 40px/2);}
	.sd1{top: calc(65% - 40px/2);}
	.af-faqtitle {font-size:1.5rem}
	.why_title{font-size:0.8rem}

}
/* ------------------------------------------------------------------------- */

/*google reviews section*/
.reviews-mob-slider .flicking-pagination-bullet{
	background-color: #fff !important;
	border: 2px solid #ccc !important;
	height: 18px !important;
	width: 18px !important;
}
.reviews-mob-slider .flicking-pagination-bullet-active {
	background-color: #fff !important;
	border: 2px solid #EC7F47 !important;
}
.reviews-mob-slider .flicking-pagination{
/*	bottom: 0;*/
	position: static;
	margin-top: 25px;
}
.reviews-mob-slider .flicking-pagination .flicking-pagination-bullet:first-child{
	margin-left: 0 !important;
}
.google-review{
	padding:0;
	display: flex;
	flex-flow: row wrap;
}
.reviews-summry{
	width: 40%;
	text-align: left;
	padding: 2%;
	margin-top: 2%;
}
.reviews-summry h2{
	font-size: 40px;
	line-height: 48px;
	color: #31343F;
	width: 85%;
}
.reviews-summry p{
	font-size: 16px;
	color: #31343F;
}
.features-goo{
	margin-bottom: 20%;
}
.features-goo ul, .rating-num, .stars-div{
	display: flex;
}
.rating-num{
	gap: 10px;
}
.features-goo ul li{
	font-size: 15px;
}
.features-goo span.number-st{
	color: #EC7F47;
}
.features-goo span.span-back{
	background: #fff;
	border-radius: 100px;
	padding: 8px 10px;
}
.features-first-line li:first-child{
	width: 50%;
}
.second-third-child{
	width: 40%;
}
.features-second-line li{
	width: 30%;
}
.gmbrr > .rating{
	font-size: 25px;
}
.listing li{
	text-align: left;
}
.listing li .text-excerpt{
	padding-left: 0 !important;
}
.review-elements li{
	border-radius: 8px;
	border: 1px solid #E1E3E6;
	background: #FFF;
	box-shadow: 0px 11px 19px 0px rgba(46, 48, 84, 0.06);
	padding: 5% !important;
}
.gmbrr .listing{
	gap:1rem;
}
.left-reviews, .right-reviews{
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.left-reviews{
	margin-right: 3%;
}
.right-reviews{
	margin-left: 3%;
}
#rating-num-h3{
	font-size: 80px;
	margin-bottom: 0;
	font-weight: 700;	
	color: #31343F;
}
.google-ico{
	display: inline-grid;
	align-self: center;
	margin-top: -17px;
}
.google-ico span{
	margin-top: -10px;
	text-align: left;
}
.google-ico img{
	margin-top: 13px;
}
.all-reviews{
	margin-top: 5%;
	margin-left: 15%;
	font-size: 14px;
	width: 128px;
	height: 42px;
	padding: 10px;
}
.reviews-content-desktop{
	width: 60%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 0 0 0 5%;
}
.rating-elements-mob{
	display: none;
}
.reviews-content-mobile{
	display: none;
}
.features-second-line .second-third-child{
	width: 45% !important;
}
.rating-elements-mob .all-number a{
	color: #EC7F47;
} 
.rating_sum{
	font-size: 17px;font-weight: bold;margin: 0 10px;
}
.gmbrr .listing .review-meta + .text, .gmbrr .listing .text + .review-meta{
	margin-block: 1.1rem;
	padding-inline-start: 0;
}
@media only screen and (min-width: 851px) and (max-width: 1200px) {
	.features-goo ul li{
		font-size: 12px;
	}
}
@media only screen and (max-width: 1024px) {	
	.reviews-summry{
		width: 40%;
		padding: 0;
	}
	.reviews-content-desktop{
		width: 60%;
	}
	.features-second-line li{
		width: 30%;
	}
	.second-third-child{
		width: 40% !important;
	}
	.reviews-summry h2{
		width: 100%;
	}
	.features-goo span.span-back{
		padding: 6px;
	}	
}
@media only screen and (max-width: 850px) {	
	.features-goo{
		margin-bottom:5%;
	}
	.google-review{
		flex-flow: column;
		padding-bottom: 1%;
	}
	.reviews-summry{
		width: 100%;
		text-align: center;
	}		
	.features-goo ul li{
		margin: 0 1%;
	}
	.features-goo span.span-back{
		padding: 5px;
	}
	.features-goo ul{
		justify-content: center;
	}
	.rating-elements, .all-reviews, .flex-direction-nav{
		display: none;
	}
	.rating-elements-mob{
		display: block;
		margin-top: 10%;
	}
	.rating-elements-mob .rating-num, .rating-elements-mob .stars-div{
		justify-content: center;
	}
	.features-first-line li{
		width: 40%;
	}
	.features-second-line li{
		width: 30%;
	}
	.review-elements .google-business-reviews-rating{
		width: 100%;
	}
	.rating-elements-mob .gmbrr > .rating{
		font-size: 35px;
	}
	.rating-elements-mob .all-reviews{
		margin: auto;
		display: inline-block;
		font-size: 13px;
	}
	.reviews-content-desktop{
		display: none;
	}
	.reviews-content-mobile{
		display: block;
	}
	.reviews-content-mobile .review-elements{
		margin: auto;
	}
	.rating-elements-mob #rating-num-h3-mob{
		font-size: 70px;
		font-weight: 700;		
		color: #31343F;
	}
	.rating-elements-mob .all-number{
		color: #31343F;
		font-size: 15px;
		font-weight: bold;
		margin: 0;
		margin-top: 11px;
	}
	.reviews-summry h2{
		width: 100%;
	}
	.stars-div{
		display: block;
	}	
	.google-business-reviews-rating .author-avatar{
		top: 0;
		line-height: 0;
		margin-bottom: 10px;
	}	
	.reviews-mob-slider .flicking-viewport:not(.vertical){
		height: auto;
	}
	.flicking-camera .panel{
		min-height: 460px;
		border: 1px solid #E1E3E6;
		border-radius: 8px;
		padding: 5%;
		width: 99% !important;
	}
	.review-elements li{
		border-radius: 0;
		border: none;
		background: #FFF;
		box-shadow: none;
		padding: 0% !important;
	}
}
@media only screen and (max-width: 500px) {
	.google-business-reviews-rating .review-meta{
		vertical-align: top;
	}	
	.google-ico img{
		margin-top: 0px;
		width: 80%;
	}	
	.review-elements .google-business-reviews-rating{
		width: 100% !important;
		margin: 0;
	}
	.features-first-line li{
		width: 50% !important;
		font-size: 14px !important;
	}
	.features-second-line .second-third-child{
		width: 45% !important;
	}
}
@media only screen and (max-width: 380px) {	
	.features-first-line li{
		width: 50% !important;
		margin: 0 !important;
		font-size: 11px !important;
	}
	.features-second-line li{
		margin: 0 !important;
		font-size: 12px !important;		
	}		
	.features-second-line .second-third-child{
		width: 45% !important;
	}
	.review-elements .google-business-reviews-rating{
		width: 100% !important;
	}
	.rating-elements-mob .gmbrr > .rating, .reviews-summry h2{
		font-size: 30px;
	}	
	.reviews-summry p{
		font-size: 14px;
	}	
}