/**
 * @tableofcontents
 *
 * 1. Banner
 * 2. Ligh House Result Wrap
 * 3. Key Factors
 * 4. Report Page
 * 5. Page Form
 * 6. Revamp 2023 Styling
 */

/* @section 1. Banner */

.cw_glhBnrSec {
	position: relative;
	padding: 200px 0 240px;
	background: #1c2bf7;
	background: -moz-linear-gradient(45deg, #1c2bf7 0, #061c59 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, #1c2bf7), color-stop(100%, #061c59));
	background: -webkit-linear-gradient(45deg, #1c2bf7 0, #061c59 100%);
	background: -o-linear-gradient(45deg, #1c2bf7 0, #061c59 100%);
	background: -ms-linear-gradient(45deg, #1c2bf7 0, #061c59 100%);
	background: linear-gradient(45deg, #1c2bf7 0, #061c59 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c2bf7',endColorstr='#061c59',GradientType=1);
}

.cw_glhBnrSec::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(../../img/landing/glh-bnr-sec-img.png) no-repeat center transparent;
	background-size: cover;
}

.cw_glhBnrSec .container {
	position: relative;
}

.cw_glhBnr_ttlBox {
	max-width: 900px;
	margin: 0 auto;
}

.cw_glhBnr_ttlBox .beta {
	display: inline;
	font-weight: 500;
	font-size: 20px;
	line-height: 0;
	letter-spacing: -0.02em;
	text-transform: capitalize;
	color: #0e134f;
	padding: 4px 7px;
	text-shadow: none;
	vertical-align: middle;
	margin-left: 8px;
	background-color: #09ebaf;
	border-radius: 6px;
}

.cw_glhBnr_ttlBox span {
	font-weight: 500;
	font-size: 30px;
	text-transform: uppercase;
	color: #ffffff;
	display: block;
}

.cw_glhBnr_ttlBox h1,
.cw_glhBnr_ttlBox h1 span {
	font-weight: 800;
	font-size: 54px;
	letter-spacing: -0.05em;
	color: #ffffff;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	margin: 0 0 30px;
}

.cw_glhBnr_ttlBox p {
	font-size: 20px;
	color: #ffffff;
	font-weight: 400;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.cw_glhBnr_ttlBox p b {
	font-size: 20px;
	color: #ffffff;
	font-weight: 700;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.cw_glhBnr_frmBox {
	max-width: 550px;
	margin: 50px auto 0;
	position: relative;
	padding-bottom: 25px;
}

.cw_glhBnr_frmBox .form-group {
	display: flex;
	margin: 0;
}

.cw_glhBnr_frmBox .form-group * {
	white-space: nowrap;
}

.glhRunTestBtn {
	cursor: pointer;
	border-radius: 3px !important;
	min-width: 150px;
	text-align: center;
}

.cw_glhBnr_frmBox input {
	background: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.7) !important;
	box-sizing: border-box;
	border-radius: 3px;
	outline: none !important;
	box-shadow: none !important;
	margin-right: 10px;
	font-weight: 400;
	font-size: 14px;
	color: #0e134f;
	height: auto;
	flex: 1;
	padding: 12px 15px;
}

.cw_glhBnr_frmBox input:placeholder-shown,
.cw_glhBnr_frmBox input::placeholder,
.cw_glhBnr_frmBox input::-webkit-input-placeholder,
.cw_glhBnr_frmBox input::-moz-placeholder {
	font-size: 14px;
	color: #777777;
}

.cw_wpThmChk_bnr_errBox * {
	position: absolute;
	bottom: 0;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	margin-left: 15px;
	display: none;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	transition: all 0.3s ease-in-out;
	flex: 1;
}
.cw_wpThmChk_bnr_errBox .emailError {
	left: calc(50% - 60px);
}

/* @section 2. Ligh House Result Wrap */
.glh_rslt_mainBox {
	display: none;
}

.glh_score_sec .container {
	position: relative;
}

.glh_score_box {
	padding: 40px 60px 40px;
	background: #ffffff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	border-radius: 3px;
	margin-top: -130px;
	position: relative;
	overflow: hidden;
}

.glh_score_loader {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(47, 57, 191, 0.2);
	height: 10px;
	display: none;
}

.glh_score_loader::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 40%;
	background: #fdb054;
	bottom: 0;
	animation: glh_score_loader 3s linear infinite both;
	background-image: linear-gradient(
		45deg,
		rgba(255, 255, 255, 0.15) 25%,
		transparent 25%,
		transparent 50%,
		rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%,
		transparent 75%,
		transparent
	);
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px;
}

@keyframes glh_score_loader {
	0% {
		left: -30%;
		width: 20%;
		/* background: #18b663; */
	}
	50% {
		width: 70%;
		left: 0%;
		/* background: #fb8c00; */
	}
	100% {
		width: 20%;
		left: 100%;
		/* background: #e53935; */
	}
}

.glh_score_lhLink {
	position: absolute;
	bottom: 30px;
	text-align: center;
	left: 60px;
	right: 60px;
	max-width: max-content;
	margin: 0 auto;
}

.glh_score_lhLink::before {
	position: absolute;
	content: "";
	cursor: no-drop;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	opacity: 0.8;
}

.glh_score_lhLink a {
	display: block;
	font-weight: 600;
	font-size: 16px;
	text-decoration-line: underline;
	text-transform: uppercase;
	color: #2f39bf;
}

.glh_score_box ul {
	margin: 0;
	padding: 0;
	display: flex;
	list-style: none;
}

.glh_score_box ul li {
	flex: 1;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.glh_score_box ul li span {
	font-size: 20px;
	font-weight: 500;
	color: #0a1e43;
	display: block;
}

.glh_score_svg {
	transform: scale(0.75);
	width: 120px;
	height: 120px;
	top: calc(50% - 60px);
	right: 0;
}

.glh_score_svg circle {
	fill: none;
	stroke: #0a1e43;
	stroke-width: 10px;
	stroke-dasharray: 333;
	stroke-dashoffset: 333;
	transition: stroke-dashoffset 1s linear;
}

.glh_score_svg circle:nth-of-type(1) {
	stroke-dashoffset: 0;
	stroke: #f3f3f3;
}

.glh_score_pBar {
	stroke: #ff9f1e !important;
	stroke-dashoffset: calc(333 - (1 * 333) / 100) !important;
}

.glh_score_svg text {
	text-anchor: middle;
	font-size: 30px;
	font-weight: 500;
}

.glh_prevScore_box {
	position: absolute;
	top: -190px;
	margin: 0;
	left: 15px;
	right: 15px;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
	opacity: 0;
	visibility: hidden;
}

.glh_prevScore_box h3 {
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0 0 5px;
	display: block;
	width: 100%;
	flex: none;
}

.glh_prevScore_box span {
	font-size: 16px;
	margin-right: 8px;
	font-weight: 400;
	flex: 1;
	color: #fff !important;
}

.glh_prevScore_box span b {
	font-size: inherit;
	color: inherit;
	font-weight: 700;
}

.glh_prevScore_box span .glh_prevScore_box span:last-child {
	margin: 0;
}

.glh_stats_box {
	padding: 30px;
	margin: 20px 0;
	background-color: #fff;
	border-radius: 6px;
	box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
}

.glh_stats_box ul {
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	max-width: 850px;
}

.glh_stats_box ul li {
	font-size: 16px;
	color: #0e134f;
	list-style: none;
	font-weight: 500;
	flex: 1 1 45%;
	border-bottom: 1px solid #e8eaed;
	padding: 10px;
	margin: 0 10px;
}

.glh_stats_box ul li.webVital {
	position: relative;
}

.glh_stats_box ul li.webVital::after {
	position: relative;
	content: "\f02e";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 14px;
	color: #3740ff;
	margin-left: 8px;
	display: inline-block;
	vertical-align: middle;
}

.glh_stats_box ul li b {
	color: #0a1e43;
	font-size: 16px;
	font-weight: 500;
	float: right;
}

.glh_stats_box ul li b .fa {
	font-size: 14px;
	margin-left: 4px;
}

.glh_stats_box ul li b .fa-warning {
	color: #e53935;
}

.glh_stats_box ul li b .fa-exclamation {
	color: #fff;
	width: 15px;
	height: 15px;
	line-height: 15px;
	background: #fb8c00;
	border-radius: 50px;
	font-size: 12px !important;
	text-align: center;
}

.glh_stats_box ul li b .fa-check {
	color: #fff;
	width: 15px;
	height: 15px;
	line-height: 15px;
	background: #18b663;
	border-radius: calc(50% + 50px);
	font-size: 12px !important;
	text-align: center;
}

.glh_stats_box .coreWebVitals {
	font-size: 14px;
	padding-top: 16px;
	font-size: 16px;
	color: #0e134f;
	text-align: center;
}

.glh_stats_box .coreWebVitals i {
	font-size: 18px;
	color: #3740ff;
	margin-right: 8px;
	vertical-align: middle;
}

.glh_stats_box .coreWebVitals a {
	font-size: inherit;
	font-weight: inherit;
	color: #3740ff;
	margin-left: 5px;
}

.scoreFragmentWrap {
	padding: 0;
	list-style: none;
	display: flex;
	max-width: max-content;
	margin: 15px 0 0 auto;
	align-items: center;
	flex-wrap: nowrap;
}

.scoreFragmentWrap li {
	margin-left: 4px;
	font-size: 14px;
	font-weight: 400;
	color: #42526e;
}

.scoreFragmentWrap li span {
	vertical-align: middle;
	width: 14px;
	height: 8px;
	border-radius: 4px;
	display: inline-block;
	margin: 0 5px;
	background-color: blue;
	position: relative;
	top: -2px;
}

.scoreFragmentWrap li span.low {
	background-color: #e53935;
}

.scoreFragmentWrap li span.med {
	background-color: #fb8c00;
}

.scoreFragmentWrap li span.high {
	background-color: #18b663;
}

.glh_snaps_box {
	margin: 20px 0 50px;
}

.glh_snaps_box ul {
	display: flex;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
	text-align: center;
}

.glh_snaps_box ul li {
	list-style: none;
	margin: 0 5px 10px;
	flex: 1;
}

.glh_snaps_box ul li img {
	border: 1px solid #ebebeb;
	max-height: 100px;
	max-width: 80px;
}

.glh_cta_box {
	text-align: center;
	margin: 30px 0;
}

.glh_cta_box a {
	min-width: 200px;
}

#glh_score_shrLink {
	margin-left: 10px;
	background-color: transparent;
}

.glhSuggestionsWrap,
.glhOptimizatioinsWrap,
.glhAppSuggestionsWrap {
	padding: 50px 0;
	position: relative;
}

.glhSuggestionsWrap h3,
.glhOptimizatioinsWrap h3,
.glhAppSuggestionsWrap h3 {
	font-size: 30px;
	color: #0a1e43;
	margin: 0 0 10px;
	font-weight: 700;
}

.glhSuggestionsWrap p,
.glhOptimizatioinsWrap p,
.glhAppSuggestionsWrap p {
	font-size: 16px;
	color: #42526e;
	margin: 0 0 30px;
	font-weight: 400;
}

.glhSuggestionsWrap > ul,
.glhOptimizatioinsWrap > ul,
.glhAppSuggestionsWrap > ul {
	padding: 0;
	margin: 0;
	list-style: none;
	padding: 15px;
	overflow: hidden;
	position: relative;
	transition: all 0.5s ease-in-out;
}
.glhSuggestionsWrap > ul > li,
.glhOptimizatioinsWrap > ul > li,
.glhAppSuggestionsWrap > ul > li {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	margin: 0 0 10px;
	font-size: 18px;
	color: #42526e;
}
.glhSuggestionsWrap li [data-toggle="collapse"],
.glhAppSuggestionsWrap li [data-toggle="collapse"],
.glhOptimizatioinsWrap li [data-toggle="collapse"] {
	padding: 25px;
	font-size: 18px;
	font-weight: 700;
	color: #0a1e43;
	border-bottom: 1px solid #ccc;
	position: relative;
	cursor: pointer;
	text-transform: capitalize;
}
.glhSuggestionsWrap li [data-toggle="collapse"][aria-expanded="true"] i,
.glhAppSuggestionsWrap li [data-toggle="collapse"][aria-expanded="true"] i,
.glhOptimizatioinsWrap li [data-toggle="collapse"][aria-expanded="true"] i {
	transform: translateY(-50%) rotate(180deg);
}

.glhSuggestionsWrap li [data-toggle="collapse"] i,
.glhAppSuggestionsWrap li [data-toggle="collapse"] i,
.glhOptimizatioinsWrap li [data-toggle="collapse"] i {
	font-size: 16px;
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
	color: #0a1e43;
	transition: all 0.3s ease-in-out;
}

.glhSuggestionsWrap .collapseBody .description,
.glhAppSuggestionsWrap .collapseBody .description,
.glhOptimizatioinsWrap .collapseBody .description {
	padding: 10px 15px;
	font-size: 16px;
	color: #42526e;
}

.glhSuggestionsWrap ul ul,
.glhAppSuggestionsWrap ul ul,
.glhOptimizatioinsWrap ul ul {
	margin: 15px 0 0;
	overflow-x: scroll;
	list-style: disc;
}

.glhSuggestionsWrap ul ul li,
.glhAppSuggestionsWrap ul ul li,
.glhOptimizatioinsWrap ul ul li {
	margin: 0 0 8px;
}

.glhSuggestionsWrap ul li a,
.glhAppSuggestionsWrap ul li a,
.glhOptimizatioinsWrap ul li a {
	font-size: inherit;
	display: inline-block;
	color: #2e39bf;
}

.glhSuggestionsWrap ul li .score,
.glhAppSuggestionsWrap ul li .score,
.glhOptimizatioinsWrap ul li .score {
	display: none;
}
.glhAppSuggestionsWrap {
	display: none;
}

.viewAllSugstion {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 5px 15px;
	text-align: right;
	font-weight: 700;
	font-size: 16px;
	line-height: 16px;
	text-decoration-line: underline;
	text-transform: uppercase;
	color: #2f39bf;
	background-color: #ffff;
	z-index: 9;
	cursor: pointer;
	box-shadow: none !important;
	outline: none !important;
	width: 100%;
	border: 0;
	display: none;
	z-index: 0;
}

/* Safe Browsing */

.glh_appsUsingBox {
	display: none;
}

.glh_appUsing_wrap {
	display: flex;
	align-items: center;
	padding: 30px;
	background-color: #fff;
	border-radius: 6px;
	border: none;
	border-top: 4px solid #18b663;
	box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
	margin-bottom: 30px;
}

.glh_appUsing_wrap.react {
	border-top-color: #61dafb;
}

.glh_appUsing_wrap.magento {
	border-top-color: #f26322;
}

.glh_appUsing_wrap.wordpress {
	border-top-color: #2f3439;
}

.glh_appUsing_wrap.drupal {
	border-top-color: #25aae1;
}

.glh_appUsing_wrap.angular {
	border-top-color: #b52e31;
}

.glh_appUsing_wrap.amp {
	border-top-color: #0379c4;
}

.glh_appUsing_wrap .appImg {
	max-width: 80px;
	max-height: 80px;
	margin-right: 20px;
	flex: 1;
}

.glh_appUsing_txtBox {
	flex: 1;
}

.glh_appUsing_txtBox h3 .appUsingNme {
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	display: inline-block;
}

.glh_safeBrws_wrap,
.glh_chckSSL_wrap,
.glh_mblCheck_wrap {
	margin: 0 0 30px;
	position: relative;
}

.glh_safeBrws_wrap .loader,
.glh_mblCheck_wrap .loader {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.7);
	z-index: 9;
}

.glh_safeBrws_wrap .loader .before,
.glh_mblCheck_wrap .loader .before {
	position: absolute;
	width: 150px;
	height: 150px;
	background: url(https://www.claudwoys.com/wp-content/uploads/2021/02/psi-score-loader.gif) no-repeat center
		transparent;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-size: contain;
}

.glh_safeBrws_wrap h2,
.glh_chckSSL_wrap h2 {
	font-size: 30px;
	color: #0a1e43;
	margin: 0 0 30px;
}

.glh_safeBrws_txtBox,
.glh_chckSSL_txtBox,
.glh_mblCheck_txtBox {
	padding: 30px;
	background-color: #fff;
	border-radius: 6px;
	border: none;
	border-top: 4px solid transparent;
	box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
}

.glh_safeBrws_txtBox,
.glh_chckSSL_txtBox {
	border-top-color: #18b663;
}

.glh_safeBrws_txtBox span,
.glh_safeBrws_txtBox span {
	font-size: 16px;
	color: #42526e;
	margin: 0 0 10px;
}

.glh_safeBrws_txtBox h3,
.glh_chckSSL_txtBox h3,
.glh_mblCheck_txtBox h3,
.glh_appUsing_txtBox h3 {
	font-weight: 700;
	font-size: 24px;
	color: #0e134f;
	margin: 0 0 10px;
}
.glh_appUsing_txtBox h3 {
	margin: 0;
}

.glh_safeBrws_txtBox h3 i.fa-check-circle,
.glh_chckSSL_txtBox h3 i.fa-check-circle,
.glh_mblCheck_txtBox h3 i.fa-check-circle {
	font-weight: 300;
	font-size: 24px;
	color: #18b663;
	margin-right: 5px;
}

.glh_safeBrws_txtBox h3 i.fa-exclamation-circle,
.glh_chckSSL_txtBox h3 i.fa-exclamation-circle,
.glh_mblCheck_txtBox h3 i.fa-exclamation-circle {
	font-weight: 300;
	font-size: 24px;
	color: #e53935;
	margin-right: 5px;
}

.glh_safeBrws_txtBox p,
.glh_chckSSL_txtBox p,
.glh_mblCheck_txtBox p,
.glh_appUsing_txtBox p {
	font-weight: 400;
	font-size: 16px;
	margin: 0 0 10px;
	color: #0e134f;
}

.glh_appUsing_txtBox p {
	margin: 0;
}

.glhInterstitialsSec {
	margin-top: 30px;
}

.glhInterstitialsSec h3 {
	font-size: 28px;
	color: #0a1e43;
	margin: 0 0 10px;
	font-weight: 700;
}

.glhInterstitialsSec p {
	font-size: 16px;
	color: #42526e;
	margin: 0 0 10px;
	font-weight: 400;
}

.glhInterstitialsWrap {
	display: flex;
	margin: 10px -15px 0;
	flex-wrap: wrap;
}

.glhInterstitialsBox {
	padding: 30px;
	background-color: #fff;
	border-radius: 6px;
	border: none;
	box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
	margin: 15px;
	width: calc(50% - 30px);
	border-top: 4px solid #2e39bf;
}

.glhInterstitialsBox h4 {
	font-size: 24px;
	color: #0a1e43;
	margin: 0 0 10px;
	font-weight: 700;
	text-transform: capitalize;
}

.glhInterstitialsBox p {
	font-size: 16px;
	color: #42526e;
	margin: 0;
	font-weight: 400;
}

/* @Section 3. Key Factors */

.glh_score_keyFactors_sec {
	padding: 80px 0 80px;
}

.glh_score_keyFactors_sec .topTxt {
	max-width: 750px;
	margin: 0 auto 40px;
}

.glh_score_keyFactors_sec .topTxt h2 {
	font-weight: 700;
	font-size: 36px;
	color: #0e134f;
	margin: 0;
}

.glh_score_keyFactors_sec .topTxt p {
	margin: 15px 0 0;
	font-size: 20px;
	font-weight: 400;
	color: #42526e;
}

.glh_score_keyFactors_wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}

.glh_score_keyFactors_box {
	width: 33.33%;
	margin: 30px auto 0;
	padding: 0 15px;
	text-align: center;
}

.glh_score_keyFactors_box img {
	max-width: max-content;
	margin: 0 auto 10px;
	height: 45px;
}

.glh_score_keyFactors_box .explain h3 {
	font-weight: 700;
	margin: 0 0 8px;
	font-size: 22px;
	text-transform: capitalize;
	color: #0e134f;
}

.glh_score_keyFactors_box .explain p {
	font-weight: 400;
	margin: 0;
	font-size: 16px;
	color: #42526e;
}

.errorMsgModal .modal-dialog {
	top: 20%;
	transform: translateY(-50%);
	max-width: 400px;
	margin: 0 auto;
}

.errorMsgModal .modal-dialog .modal-content {
	padding: 30px 40px;
	border: 0;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
}

body.modal-open {
	padding: 0 !important;
}

.errorMsgModal .close {
	position: absolute;
	right: 20px;
	top: 10px;
	line-height: normal;
	opacity: 0.5;
	transition: all 0.3s ease-in-out;
}

.errorMsgModal .close:hover {
	opacity: 0.8;
}

.errorMsgModal .close span {
	font-size: 30px;
}

.errorMsgModal .errorMsg {
	font-size: 22px;
	font-weight: 300;
	color: #0e134f;
	margin: 0;
	text-align: center;
	line-height: 32px;
}

.errorMsgModal i {
	display: block;
	max-width: max-content;
	margin: 0 auto 15px;
	font-size: 70px;
	color: red;
}

/* afterTestWrap */

.afterTestWrap {
	display: none;
}

.visitorsBarGraphSec {
	padding: 100px 0;
	background: #f8f9fb;
}

.visitorsBarGraphSec h2 {
	font-size: 36px;
	color: #0a1e43;
	font-weight: 800;
	margin: 0 0 10px;
}

.visitorsBarGraphSec p {
	font-size: 18px;
	font-weight: 400;
	color: #42526e;
	line-height: 30px;
	max-width: 900px;
	margin: 0 auto;
}

.visitorsBarGraphSec .barGraphWrap {
	background: #ffffff;
	-webkit-box-shadow: 0px 4px 40px rgb(0 0 0 / 10%);
	box-shadow: 0px 4px 40px rgb(0 0 0 / 10%);
	border-radius: 0px 6px 6px 6px;
	margin-top: 30px;
	width: 100%;
	padding: 40px;
}

.visitorsBarGraphSec .barGraphWrap iframe {
	display: inherit;
	max-width: 100%;
	margin: 0 auto;
}

/* customerQuotes */

.customerQuotesSec {
	padding: 70px 0;
	position: relative;
}

.customerQuotesSec::after {
	content: "";
	background-image: url(../../img/ppc/agency-dots-image3.png);
	width: 150px;
	height: 310px;
	position: absolute;
	right: -25px;
	bottom: -140px;
}

.customerQuotesSec::before {
	content: "";
	background-image: url(../../img/ppc/agency-dots-image3.png);
	width: 150px;
	height: 310px;
	position: absolute;
	left: -25px;
	top: -140px;
}

.customerQuotesSec .topContent h2 {
	color: #0a1e43;
	font-size: 36px;
	font-weight: 700;
	margin: 0 0 10px;
}

.customerQuotesSec .topContent p {
	font-size: 20px;
}

.customerQuotesWrap {
	margin: 80px auto 0;
	max-width: calc(100% - 80px);
}

.customerQuotesWrap .carousel-inner {
	overflow: visible;
}

.customerQuotesBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.customerQuotesBox .imageWrap {
	-webkit-box-flex: 4;
	-ms-flex: 4;
	flex: 4;
	position: relative;
	border-radius: 8px;
	margin-right: 50px;
}

.customerQuotesBox .imageWrap::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	-webkit-transform: translate(-40%, -25%);
	transform: translate(-40%, -25%);
	width: 150px;
	height: 310px;
	background: url(../../img/ppc/agency-dots-image3.png) no-repeat center transparent;
	z-index: -1;
}

.customerQuotesBox .imageWrap img {
	border-radius: 8px;
	position: relative;
}

.customerQuotesBox .contentWrap {
	-webkit-box-flex: 5;
	-ms-flex: 5;
	flex: 5;
}

.customerQuotesSec .customerQuotesBox .contentWrap i {
	font-size: 35px;
	line-height: 50px;
	color: #0031fe;
}

.customerQuotesSec .customerQuotesBox .contentWrap p {
	font-weight: 400;
	font-size: 30px;
	color: #0a1e43;
}

.customerQuotesBox .contentWrap .authorName {
	font-weight: 700;
	font-size: 20px;
	margin: 15px 0 0;
	color: #2f39bf;
}

.customerQuotesBox .contentWrap .authorInfo {
	font-size: 14px;
	font-weight: 400;
	color: #42526e;
}

.customerQuotesWrap .item.active .customerQuotesBox .imageWrap img {
	-webkit-animation: animateOpc 1s linear forwards;
	animation: animateOpc 1s linear forwards;
}

@-webkit-keyframes animateOpc {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes animateOpc {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.customerQuotesWrap .item.active .customerQuotesBox .contentWrap i,
.customerQuotesWrap .item.active .customerQuotesBox .contentWrap p {
	-webkit-animation: animateTop 1s linear forwards;
	animation: animateTop 1s linear forwards;
}

@-webkit-keyframes animateTop {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes animateTop {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.customerQuotesWrap .item.active .customerQuotesBox .contentWrap .authorImage,
.customerQuotesWrap .item.active .customerQuotesBox .contentWrap .authorName,
.customerQuotesWrap .item.active .customerQuotesBox .contentWrap .authorInfo {
	-webkit-animation: animateBot 1s linear forwards;
	animation: animateBot 1s linear forwards;
}

@-webkit-keyframes animateBot {
	0% {
		opacity: 0;
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes animateBot {
	0% {
		opacity: 0;
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.customerQuotesWrap .carousel-indicators {
	position: relative;
	margin: 40px 0 0;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
}

.customerQuotesWrap .carousel-indicators li {
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #c4c4c4;
	width: 18px;
	height: 18px;
	margin: 0 2px;
}

.customerQuotesWrap .carousel-indicators li.active {
	box-shadow: inset 1px 4px 4px rgba(0, 0, 0, 0.25);
}

.customerQuotesWrap .carousel-control {
	display: none;
}

.webHostComprwrap {
	background: #ffffff;
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	padding: 40px;
	margin-top: 50px;
	text-align: center;
	position: relative;
	z-index: 9;
}

.webHostComprwrap h3 {
	font-weight: 500;
	font-size: 24px;
	text-align: center;
	color: #0e134f;
}

.webHostComprwrap img {
	display: inline-block;
	margin: 30px auto;
}

.webHostComprwrap .quote {
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	color: #42526e;
	position: relative;
	max-width: 900px;
	margin: 30px auto 0;
}

.webHostComprwrap .quote::before {
	position: absolute;
	content: "\f10d";
	font-family: FontAwesome;
	top: 0;
	left: -25px;
	font-size: 60px;
	color: rgba(27, 220, 177, 0.25);
	line-height: 50px;
	z-index: -1;
}

.webHostComprwrap .quote b {
	font-size: 20px;
	font-weight: 700;
	color: #0e134f;
}

.hm-new_sldr3_ttlBox {
	max-width: 800px;
	margin: 0 auto 40px;
}

.glhChecker_pHunt_btn {
	position: fixed;
	bottom: 20px;
	left: 20px;
}

.glh_shareRslt_wrap{
	display: none;
}

.copyUrlField{
	position: absolute;
	height: 0;
	opacity: 0;
}

.glh_sclShr_wrap ul .tooltip-inner{
	background-color: #fff;
    color: #42526e;
    font-size: 14px;
    padding: 10px;
    font-weight: 400;
    -webkit-box-shadow: 0 4px 8px rgb(0 0 0 / 15%);
	box-shadow: 0 4px 8px rgb(0 0 0 / 15%);
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	width: 200px;
}

.glh_sclShr_wrap ul .tooltip .tooltip-arrow{
	border-right-color: #fff;
}

.glh_sclShr_wrap ul {
	padding: 0;
	margin: 0;
	position: fixed;
	left: 50px;
	top: 25%;
	list-style: none;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index: 999;
}

.glh_sclShr_wrap ul li {
	margin-bottom: 12px;
}

.glh_sclShr_wrap ul li a {
	width: 30px;
	height: 30px;
	text-align: center;
	background-color: #b4b5bc;
	border-radius: 50px;
	display: inline-block;
	transition: all 0.3s ease-in-out;
}

.glh_sclShr_wrap ul li a i {
	color: #fff;
	font-size: 18px;
	line-height: 30px;
}

.glh_sclShr_wrap ul li:nth-of-type(1) a:hover
{
	background-color: #3b5998;
}

.glh_sclShr_wrap ul li:nth-of-type(2) a:hover
{
	background-color: #00acee;
}

.glh_sclShr_wrap ul li:nth-of-type(3) a:hover
{
	background-color: #0e76a8;
}

.glh_sclShr_wrap ul li:nth-of-type(4) a:hover
{
	background-color: #000;
}

.glh_sclShr_wrap ul li:nth-of-type(5) a:hover
{
	background-color: #4FCE5D;
}

.glh_sclShr_wrap ul li:nth-of-type(6) a:hover
{
	background-color: #2e39bf ;
}

.glh_sclShr_wrap ul li:nth-of-type(6) i{
	font-size: 16px;
}

/* @Section 4. Report Page */

.glhReportBnrSec {
	padding: 100px 0 80px;
}

.glhReportBnrSec .glhReportBnrWrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 40px;
	background: #ffffff;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
	border-radius: 6px;
	position: relative;
	overflow: hidden;
}

.glhReportBnrSec .glhReportBnrLeftWrap {
	flex: 5;
	padding-right: 60px;
}

.glhReportBnrSec .glh_score_box {
	padding: 0;
	background: #ffffff;
	box-shadow: none;
	border-radius: 0;
	margin-top: 0;
	position: initial;
	overflow: hidden;
}

.glhReportBnrSec .glh_score_loader {
	display: none !important;
}

.glhReportBnrSec .scoreFragmentWrap {
	margin: 30px auto 0;
}

.glhReportBnrSec .glh_score_box ul li {
	padding: 0 5px;
}

.glhReportBnrSec .glh_score_box ul li span {
	font-size: 18px;
}

.glhReportBnrSec .glhReportBnrRightWrap {
	flex: 2;
}

.glhReportBnrSec .glhReportBnrRightWrap .glh_web_infoBox {
	margin-top: 20px;
	text-align: center;
}

.glhReportBnrSec .glhReportBnrRightWrap .finalScreenshot {
	filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.25));
}

.glhReportBnrSec .glhReportBnrRightWrap .glh_web_infoBox i {
	font-size: 14px;
	color: #2f39bf;
	margin-right: 5px;
	vertical-align: middle;
}

.glhReportBnrSec .glhReportBnrRightWrap .glh_web_infoBox a {
	font-weight: 400;
	font-size: 14px;
	text-decoration-line: underline;
	color: #2f39bf;
}

.testYouSiteWrap {
	background: #2f39bf;
	box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.08);
	border-radius: 6px;
	padding: 65px 80px;
	align-items: center;
	display: flex;
	margin: 70px 0;
	justify-content: space-between;
}
.testYouSiteTxt h2 {
	font-weight: 700;
	font-size: 42px;
	letter-spacing: -0.01em;
	color: #ffffff;
	margin: 0 0 10px;
}
.testYouSiteTxt p {
	font-weight: 400;
	font-size: 18px;
	color: #ffffff;
	margin: 0;
}

.reportLoader {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100vw;
	height: 100vh;
	background: linear-gradient(to bottom, #fff 0%, #eee 100%);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	transition: all 0.5s ease-in-out;
	opacity: 1;
}

.reportLoader.hide {
	opacity: 0;
}

.logoBox {
	margin-bottom: 50px;
	font-size: 8em;
	color: white;
	transform-origin: center;
	-webkit-animation: cloud--color-change 30s linear infinite;
	animation: cloud--color-change 30s linear infinite;
	z-index: 1;
}

.reportLoader .number__wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	width: 100px;
	height: 100px;
	position: absolute;
}

.reportLoader .number {
	font-family: "Space Mono";
	font-size: 1em;
	color: #0e134f;
	transform: translateY(70px);
	-webkit-animation: rising-numbers 0.7s linear infinite;
	animation: rising-numbers 0.7s linear infinite;
}
.reportLoader .number::before {
	content: "1";
}
.reportLoader .number:nth-child(even)::before {
	content: "0";
}
.reportLoader .number:nth-child(2) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.reportLoader .number:nth-child(3) {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.reportLoader .number:nth-child(4) {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.reportLoader .number:nth-child(5) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

@-webkit-keyframes rising-numbers {
	from {
		transform: translateY(70px);
		opacity: 0;
	}
	to {
		transform: translateY(-70px);
		opacity: 1;
	}
}

@keyframes rising-numbers {
	from {
		transform: translateY(70px);
		opacity: 0;
	}
	to {
		transform: translateY(-70px);
		opacity: 1;
	}
}

/* Section 5:  Page Form Styling */

.glhCheckerPopupSec{
	position: fixed;
	bottom: 0;
	right: 40px;
	width: 310px;
	height: 300px;
	background: #fbd808;
	padding: 20px;
	text-align: center;
	z-index: 99;
	transition: all .3s ease-in-out;
}

.glhCheckerPopupSec.closedpopup{
	transform: translateY(170px)
}

.glhCheckerPopupSec.closedpopup.opendpopup{
	transform: translateY(0);
}

.glhCheckerPopupSec.closedpopup .closeBtn{
	transform: rotate(180deg);
}

.glhCheckerPopupSec.closedpopup.opendpopup .closeBtn{
	transform: rotate(0deg);
}

.glhCheckerPopupSec .closeBtn{
	position: absolute;
	top: 10px;
	right: 10px;
	font-weight: 800;
	font-size: 16px;
	cursor: pointer;
}

.glhCheckerPopupSec .closeBtn::before{
	content: "\f0d7";
    font-family: 'FontAwesome';
}

.glhCheckerPopupSec h2{
	font-size: 25px;
	font-weight: 700;
}

.glhCheckerPopupSec h2 span{
	background: #fff;
}

.glhCheckerPopupSec p{
	color: rgb(0, 0, 0);
    font-size: 19px;
    font-weight: 400;
}

.glhCheckerPopupSec a{
	background: #000000;
	border-radius: 6px;
    box-shadow: 0px 4px 0px 0px rgb(14 84 159 / 14%);
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    cursor: pointer;
	padding: 10px;
	display: inline-block;
	margin-top: 10px;
}


/* @section 6. Revamp 2023 Styling */

.glhCheckerRevamp2023 .cw_glhBnrSec{
	background: linear-gradient(143.38deg, #001468 17.39%, #071AD3 93.68%), linear-gradient(180deg, #000DA8 0%, #081069 100%);
	padding-bottom: 180px;
}

.glhCheckerRevamp2023 .cw_glhBnrSec::before{
	background: url(../../img/alternatives/cw-alternatives-new-bg.png) no-repeat center transparent;
    background-size: cover;
	mix-blend-mode: overlay;
}

.glhCheckerRevamp2023 .cw_glhBnr_frmBox, .glhCheckerRevamp2023 .glhRunTestBtn{
	position: relative;
}

.glhCheckerRevamp2023 .cw_glhBnr_frmBox{
	max-width: 775px;
	margin-top: 60px;
}

.glhCheckerRevamp2023 .cw_glhBnr_frmBox input{
	position: relative;
}

.glhCheckerRevamp2023 .cw_glhBnr_frmBox::before{
	position: absolute;
	content: "";
	left: -25px;
	right: -25px;
	bottom: 0px;
	top: -25px;
	background: rgba(0, 0, 0, 0.17);
	mix-blend-mode: overlay;
	border-radius: 6px;
}

.glhCheckerRevamp2023 .glhCheckerDataTabsSec{
	padding: 80px 0;
}

.glhCheckerRevamp2023 .glhCheckerDataTabsSec .glhCheckerDataTabsHeader{
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
}

.glhCheckerRevamp2023 .glhCheckerDataTabsSec .glhCheckerDataTabsHeader h2{
	font-weight: 800;
	font-size: 36px;
	color: #0E134F;
	margin: 0;
}

.glhCheckerRevamp2023 .glhCheckerDataTabsSec .glhCheckerDataTabsHeader p{
	font-weight: 400;
	font-size: 18px;
	color: #42526E;
	margin: 15px 0 0;
}

.glhCheckerRevamp2023 .glhCheckerDataTabsSec .glhCheckerDataTabsNavWrap{
	margin-top: 90px;
	text-align: center;
}

.glhCheckerRevamp2023 .glhCheckerDataTabsSec .glhCheckerDataTabsNavWrap ul{
	border: 0;
	display: flex;
	justify-content: space-between;
}

.glhCheckerRevamp2023 .glhCheckerDataTabsSec .glhCheckerDataTabsNavWrap ul li{
	width: calc(20% - 3px);
	background: #F2F4F9;
	border-radius: 6px 6px 0px 0px !important;
	transition: all .3s ease-in-out;
}

.glhCheckerRevamp2023 .glhCheckerDataTabsSec .glhCheckerDataTabsNavWrap ul li a{
	padding: 20px 30px;
	border: 1px solid #E2E8F2;
	background: #F2F4F9;
	border-radius: 6px 6px 0px 0px !important;
	font-weight: 400;
	font-size: 18px;
	color: #42526E;
	transition: all .3s ease-in-out;
}

.glhCheckerRevamp2023 .glhCheckerDataTabsSec .glhCheckerDataTabsNavWrap ul li.active{
	margin-top: -25px;
	background: #2F39BF;
	border-radius: 6px 6px 0px 0px !important;
}

.glhCheckerRevamp2023 .glhCheckerDataTabsSec .glhCheckerDataTabsNavWrap ul li.active a{
	background: #2F39BF;
	border: 1px solid #2F39BF;
	box-shadow: 0px -11px 30px rgba(0, 0, 0, 0.04);
	border-radius: 4px 4px 0px 0px !important;
	padding-top: 30px;
	color: #fff;
	font-weight: 600;
}

.glhCheckerRevamp2023 .glh_stats_box{
	padding: 0;
	box-shadow: none;
	background-color: transparent;
}

.glhCheckerRevamp2023 .glh_stats_box ul{
	max-width: 100%;
}

.glhCheckerRevamp2023 .glh_stats_box ul li{
	background: #FFFFFF;
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.06);
	border-radius: 6px;
	margin-bottom: 25px;
	padding: 25px;
	font-weight: 600;
	font-size: 18px;
	color: #0E134F;
	position: relative;
}

.glhCheckerRevamp2023 .glh_stats_box ul li b{
	font-size: 24px;
    font-weight: 700;
	position: absolute;
	right: 25px;
	top: 18px;
	display: flex;
	align-items: center;
}

.glhCheckerRevamp2023 .glh_stats_box ul li b .fa-check, .glhCheckerRevamp2023 .glh_stats_box ul li b .fa-exclamation, .glhCheckerRevamp2023 .glh_stats_box ul li b .fa-warning{
	width: 24px;
	height: 24px;
    line-height: 24px;
    font-size: 16px !important;
}

.glhCheckerRevamp2023 .glhSuggestionsWrap li [data-toggle="collapse"], .glhCheckerRevamp2023 .glhAppSuggestionsWrap li [data-toggle="collapse"], .glhCheckerRevamp2023 .glhOptimizatioinsWrap li [data-toggle="collapse"]{
	border-bottom: 0 !important;
}

.glhCheckerRevamp2023 .glhSuggestionsWrap > ul > li, .glhCheckerRevamp2023 .glhOptimizatioinsWrap > ul > li, .glhCheckerRevamp2023 .glhAppSuggestionsWrap > ul > li{
	box-shadow: 0px 4px 30px rgb(0 0 0 / 6%);
}

.glhCheckerRevamp2023 .glhSuggestionsWrap > ul, .glhCheckerRevamp2023 .glhOptimizatioinsWrap > ul, .glhCheckerRevamp2023 .glhAppSuggestionsWrap > ul{
	padding: 25px;
	margin: -25px;
}

.glhCheckerRevamp2023 .viewAllSugstion{
	background: transparent;
}

.glhCheckerRevamp2023 .glh_appUsing_wrap, .glhCheckerRevamp2023 .glh_safeBrws_txtBox, .glhCheckerRevamp2023 .glh_chckSSL_txtBox, .glhCheckerRevamp2023 .glh_mblCheck_txtBox, .glhCheckerRevamp2023 .glhInterstitialsBox{
	border: 0;
	background: #FFFFFF;
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.06);
	border-radius: 6px;
}

.summaryTabHeader h3{
	font-weight: 700;
	font-size: 30px;
	color: #000000;
	margin: 60px 0 0;
}

.glhCheckerRevamp2023 .glhInterstitialsSec h3, .glhCheckerRevamp2023 .glhSuggestionsWrap h3, .glhCheckerRevamp2023 .glhOptimizatioinsWrap h3, .glhCheckerRevamp2023 .glhAppSuggestionsWrap h3{
	font-weight: 700;
	font-size: 30px;
	color: #000000;
	margin: 60px 0 0;
}

.glhCheckerRevamp2023 .glhInterstitialsSec h3{
	margin-bottom: 70px;
}

.quoteNew23{
	text-align: center;
	padding: 55px 40px;
	position: relative;
	background: #F3F4FF;
	border: 1px solid #2F39BF;
	border-radius: 10px;
	margin-top: 100px;
}

.quoteNew23 .quoteImg{
	position: absolute;
	top: -35px;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 70px;
	width: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #2F39BF;
	border: 1px solid rgba(66, 82, 110, 0.18);
	box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05);
	border-radius: 50%;
}

.quoteNew23 .quoteImg i svg{
	margin-bottom: -5px;
}

.quoteNew23 p{
	font-weight: 400;
	font-size: 24px;
	color: #42526E;
	margin: 0;
}

.quoteNew23 p b{
	color: #2F39BF;
	font-weight: 500;
	margin-top: 15px;
	display: inline-block;
}

.summaryTabHeader p, .glhCheckerRevamp2023 .glhSuggestionsWrap p, .glhCheckerRevamp2023 .glhOptimizatioinsWrap p, .glhCheckerRevamp2023 .glhAppSuggestionsWrap p{
	font-weight: 400;
	font-size: 18px;
	color: #42526E;
	margin: 10px 0 60px;
}

.glhCheckerRevamp2023 .glhSuggestionsWrap, .glhCheckerRevamp2023 .glhOptimizatioinsWrap, .glhCheckerRevamp2023 .glhAppSuggestionsWrap{
	padding-top: 0;
}

.glhCheckerRevamp2023 .webHostComprwrap{
	box-shadow: none;
}

.glhChecker23FormSec{
	padding: 80px 0;
	
}
.glhChecker23FormSec .formMainWrap h2{
	font-weight: 800;
	font-size: 36px;
	color: #0E134F;
	margin: 0;
	text-align: center;
}

.glhChecker23FormSec .formMainWrap p{
	font-weight: 400;
	font-size: 18px;
	color: #42526E;
	margin: 15px 0 0;
	text-align: center;
}

.glhChecker23FormSec .comparisonModalMainWrap{
	display: flex;
	justify-content: space-between;
	margin-top: 70px;
}

.glhChecker23FormSec .comparisonModalLeftWrap, .glhChecker23FormSec .comparisonModalMiddleWrap, .glhChecker23FormSec .comparisonModalRightWrap{
	width: calc(33.33% - 15px);
}

.glhChecker23FormSec .comparisonModalLeftWrap h3, .glhChecker23FormSec .comparisonModalMiddleWrap h3, .glhChecker23FormSec .comparisonModalRightWrap h3{
	font-weight: 700;
	font-size: 16px;
	color: #0E134F;
	margin: 30px 0 10px;
}

.glhChecker23FormSec input, .glhChecker23FormSec select{
	width: 100%;
	padding: 15px 20px;
	border: 1px solid rgba(66, 82, 110, 0.15);
	border-radius: 6px;
}

.glhChecker23FormSec input[type=checkbox]{
	width: auto;
}

.glhChecker23FormSec .consent{
	margin-top: 40px;
}

.glhChecker23FormSec .ctaWrap{
	margin-top: -40px;
	text-align: right;
}

.glhCheckerRevamp2023 .glh_cta_box{
	margin-top: 60px;
}

.glhCheckerRevamp2023 .glh_score_keyFactors_wrap{
	justify-content: space-between;
}

.glhCheckerRevamp2023 .glh_score_keyFactors_box{
	padding: 30px;
	width: calc(33.33% - 12px);
	background: #FFFFFF;
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.06);
	border-radius: 8px;
	justify-content: space-between;
	margin: 30px 0 0;
}

.glhCheckerRevamp2023 .glh_score_keyFactors_sec .topTxt h2{
	font-weight: 800;
	font-size: 36px;
	color: #0E134F;
}

.glhCheckerRevamp2023 .glh_score_keyFactors_box .explain h3{
	font-weight: 700;
	font-size: 20px;
	color: #0A1E43;
	margin: 25px 0 0;
}

.glhCheckerRevamp2023 .glh_score_keyFactors_box .explain p{
	font-weight: 400;
	font-size: 14px;
	color: #42526E;
	margin: 10px 0 0;
}

.glhCheckerRevamp2023 .scoreFragmentWrap {
	padding: 0;
	list-style: none;
	display: flex;
	max-width: 400px;
	margin: 30px auto 0;
	align-items: center;
	flex-wrap: nowrap;
	justify-content: center;
}

.glhCheckerRevamp2023 .scoreFragmentWrap li {
	margin-left: 4px;
	font-size: 14px;
	font-weight: 400;
	color: #42526e;
	flex: unset;
}

.glhCheckerRevamp2023 .scoreFragmentWrap li span {
	vertical-align: middle;
	width: 14px;
	height: 8px;
	border-radius: 4px;
	display: inline-block;
	margin: 0 5px;
	background-color: blue;
	color: transparent;
	position: relative;
	top: -2px;
}

.glhCheckerRevamp2023 .scoreFragmentWrap li span.low {
	background-color: #e53935;
}

.glhCheckerRevamp2023 .scoreFragmentWrap li span.med {
	background-color: #fb8c00;
}

.glhCheckerRevamp2023 .scoreFragmentWrap li span.high {
	background-color: #18b663;
}

.glhCheckerRevamp2023 .glh_score_box ul li{
	border-right: 1px solid #D9D9D9;
}

.glhCheckerRevamp2023 .glh_score_box ul li:last-child, .glhCheckerRevamp2023 .scoreFragmentWrap li{
	border-right: 0 !important;
}

.glhCheckerRevamp2023 .glh_safeBrws_txtBox p, .glhCheckerRevamp2023 .glh_chckSSL_txtBox p, .glhCheckerRevamp2023 .glh_mblCheck_txtBox p, .glhCheckerRevamp2023 .glh_appUsing_txtBox p{
	margin: 0 0 0 32px;
}

.glhCheckerRevamp2023 .customerQuotesSec::before, .glhCheckerRevamp2023 .customerQuotesSec::after{
	display: none;
}

.glhCheckerRevamp2023 .visitorsBarGraphSec h2, .glhCheckerRevamp2023 .customerQuotesSec .topContent h2{
    font-weight: 800;
    font-size: 36px;
    color: #0E134F;
}

.glhCheckerRevamp2023 .alert-success, .glhCheckerRevamp2023 .alert-danger{
	text-align: left;
}

.glhCheckerRevamp2023 .cw-tstimnial-tabs-sec .cw-tstimnial-tabs-head-wrap h2{
	margin-top: 0;
}

.glhCheckerRevamp2023 .glh_stats_box ul li b .fa-check{
	margin-bottom: 2px;
}

#loadingDataModal {
	
}

#loadingDataModal .modal-dialog{
	background: #FFFFFF;
	box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.15);
	border-radius: 30px !important;
	padding: 45px;
	max-width: 470px;
	border: 0;
	top: 20%;
	margin: 0 auto;
}

#loadingDataModal .modal-dialog .modal-content{
	border: 0;
	box-shadow: none;
}

#loadingDataModal img{
	max-width: 200px;
}

#loadingDataModal h2{
	font-weight: 700;
	font-size: 40px;
	color: #0E134F;
	margin: 25px 0 0;
}

#loadingDataModal p{
	font-weight: 400;
	font-size: 16px;
	color: #42526E;
	margin: 15px 0 0;
}

@media (max-width: 992px) {
	.cw_glhBnrSec {
		padding: 120px 0 180px;
	}
	.cw_glhBnr_ttlBox span,
	.glh_score_keyFactors_box .explain h3 {
		font-size: 20px;
	}
	.cw_glhBnr_ttlBox h1,
	.cw_glhBnr_ttlBox h1 span {
		font-size: 36px;
		margin: 0 0 10px;
	}
	.cw_glhBnr_ttlBox p,
	.customerQuotesSec .topContent p,
	.visitorsBarGraphSec p {
		font-size: 16px;
	}
	.cw_glhBnr_frmBox {
		margin: 30px auto 0;
	}
	.glhRunTestBtn {
		min-width: auto;
	}
	.glh_prevScore_box span {
		flex: none;
		width: calc(50% - 8px);
		margin: 0 4px 10px;
	}
	.glh_score_box {
		padding: 30px;
		margin-top: -100px;
	}
	.glh_score_box ul li span {
		font-size: 18px;
	}
	.glh_score_keyFactors_sec {
		padding: 60px 0;
	}
	.glh_score_keyFactors_sec .topTxt h2,
	.customerQuotesSec .topContent h2,
	.visitorsBarGraphSec h2 {
		font-size: 28px;
	}
	.glh_snaps_box ul li {
		flex: none;
	}
	.glh_stats_box {
		padding: 15px;
	}
	.glh_stats_box ul li:last-child,
	.glh_stats_box ul li:nth-last-child(2) {
		border: 0;
	}
	.glh_appUsing_wrap,
	.glh_safeBrws_txtBox,
	.glh_chckSSL_txtBox,
	.glh_mblCheck_txtBox {
		padding: 15px;
	}
	.glhSuggestionsWrap,
	.glhOptimizatioinsWrap,
	.glhAppSuggestionsWrap {
		padding: 30px 0;
	}
	.glhSuggestionsWrap h3,
	.glhOptimizatioinsWrap h3,
	.glhAppSuggestionsWrap h3 {
		font-size: 24px;
		margin: 0 0 10px;
	}
	.visitorsBarGraphSec .barGraphWrap {
		overflow-x: scroll;
	}
	.customerQuotesSec {
		padding: 40px 0;
	}
	.customerQuotesSec .customerQuotesBox .contentWrap i {
		font-size: 30px;
	}
	.customerQuotesSec .customerQuotesBox .contentWrap p {
		font-size: 18px;
	}
	.glh_safeBrws_txtBox h3,
	.glh_chckSSL_txtBox h3,
	.glh_mblCheck_txtBox h3,
	.glh_appUsing_txtBox h3 {
		font-size: 20px;
	}
	.visitorsBarGraphSec {
		padding: 60px 0;
	}
	.glhInterstitialsBox {
		padding: 15px;
	}
	.glhInterstitialsBox h4 {
		font-size: 20px;
	}
	.glhReportBnrSec .glhReportBnrWrap {
		flex-direction: column-reverse;
	}
	.glhReportBnrSec .glhReportBnrLeftWrap {
		padding: 0;
		margin-top: 40px;
	}
	.testYouSiteWrap {
		padding: 30px 40px;
		margin: 40px 0;
	}
	.testYouSiteTxt h2 {
		font-size: 28px;
	}
	.testYouSiteTxt p {
		font-size: 16px;
	}

	.glhChecker23FormSec, .glhCheckerRevamp2023 .glhCheckerDataTabsSec{
		padding: 60px 0;
	}
	.glhChecker23FormSec .formMainWrap h2, .glhCheckerRevamp2023 .glhCheckerDataTabsSec .glhCheckerDataTabsHeader h2, #loadingDataModal h2{
		font-size: 28px;
	}
	.glhChecker23FormSec .formMainWrap p, .glhCheckerRevamp2023 .glhCheckerDataTabsSec .glhCheckerDataTabsHeader p, .quoteNew23 p, #loadingDataModal p {
		font-size: 16px;
	}

}

@media(max-width: 767px){
	.glhCheckerRevamp2023 .cw_glhBnrSec{
		padding-bottom: 80px;
	}
	.glhChecker23FormSec .comparisonModalMainWrap{
		margin-top: 20px;
	}
	.glhChecker23FormSec .comparisonModalMainWrap{
		flex-direction: column;
	}
	.glhChecker23FormSec .comparisonModalLeftWrap, .glhChecker23FormSec .comparisonModalMiddleWrap, .glhChecker23FormSec .comparisonModalRightWrap{
		width: 100%;
	}
	.glhCheckerRevamp2023 .glhCheckerDataTabsSec .glhCheckerDataTabsNavWrap ul{
		flex-wrap: wrap;
		justify-content: center;
	}
	.glhCheckerRevamp2023 .glhCheckerDataTabsSec .glhCheckerDataTabsNavWrap ul li{
		width: calc(50% - 10px);
		margin-bottom: 10px;
	}
	.glhCheckerRevamp2023 .glhCheckerDataTabsSec .glhCheckerDataTabsNavWrap ul li.active{
		margin-top: 0;
	}
	.glhCheckerRevamp2023 .glhCheckerDataTabsSec .glhCheckerDataTabsNavWrap ul li.active a{
		padding: 20px 30px;
	}
	.glhCheckerRevamp2023 .glh_score_keyFactors_box{
		width: 100%;
	}
	.glhCheckerRevamp2023 .glhCheckerDataTabsSec .glhCheckerDataTabsNavWrap{
		margin-top: 30px;
	}
	.glhChecker23FormSec .ctaWrap{
		margin-top: 30px;
		text-align: center;
	}
}

@media (max-width: 600px) {
	.glh_score_box {
		padding: 0;
		background: transparent;
		box-shadow: none;
	}
	.glh_score_box ul {
		flex-wrap: wrap;
		margin: 0 -15px;
	}
	.glh_score_box ul li {
		flex: auto;
		width: calc(50% - 30px);
		padding: 15px;
		background: #ffffff;
		box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
		border-radius: 6px;
		margin: 0 15px 15px;
	}
	.glh_score_keyFactors_box {
		width: 50%;
	}
	.glh_stats_box ul li {
		flex: none;
		width: 100%;
	}
	.customerQuotesWrap {
		margin: 30px 0 0;
		max-width: 100%;
	}
	.customerQuotesBox .imageWrap::before,
	.customerQuotesSec::before,
	.customerQuotesSec::after {
		display: none;
	}
	.customerQuotesBox .imageWrap {
		margin-right: 10px;
	}
	.glh_score_loader {
		z-index: 9;
	}
	.glh_score_loader {
		top: 0;
		bottom: auto;
	}
	.glhInterstitialsBox {
		width: 100%;
	}
	.webHostComprwrap {
		padding: 20px;
	}
	.webHostComprwrap img {
		margin: 15px auto;
	}
	.webHostComprwrap .quote {
		font-size: 16px;
	}
	.webHostComprwrap .quote b {
		font-size: 18px;
		display: block;
	}
	.glhReportBnrSec .glh_score_box ul li {
		box-shadow: none;
	}
	.testYouSiteWrap {
		flex-direction: column;
	}
	.testYouSiteTxt {
		text-align: center;
		margin-bottom: 20px;
	}
	#loadingDataModal{
		padding-right: 0 !important;
	}
	.glhCheckerRevamp2023 #glh_score_shrLink{
		margin: 15px 0 0;
	}
}

@media (max-width: 450px) {
	.glh_score_box ul li {
		width: 100%;
		margin: 0 0 15px;
	}
	.glh_score_keyFactors_box {
		width: 100%;
	}
	.customerQuotesBox {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		max-width: 490px;
		margin: 30px auto 0;
		background-color: #fff;
		border-radius: 8px;
		overflow: hidden;
	}
	.customerQuotesBox .contentWrap {
		padding: 20px;
	}
	.cw_glhBnr_frmBox .form-group {
		flex-wrap: wrap;
	}
	.cw_glhBnr_frmBox .form-group * {
		width: 100%;
		margin: 0 0 10px;
	}
	.glh_score_box ul {
		margin: 0;
		padding: 0 15px;
	}
	.scoreFragmentWrap {
		margin: 0 auto;
	}
	.glh_score_loader {
		left: 15px;
		right: 15px;
		overflow: hidden;
		border-radius: 3px 3px 0 0;
	}
	.glh_sclShr_wrap ul {
		top: auto;
		bottom: 0;
		left: 0;
		right: 0;
		background: #fff;
		box-shadow: 0px -10px 20px rgb(0 0 0 / 15%);
		display: flex;
		justify-content: space-between;
		padding: 10px 20px;
	}
	.glh_sclShr_wrap ul li {
		margin: 0 5px;
	}
	.glhCheckerPopupSec{
		width: 100%;
		right: 0;
	}
}