body h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	margin: 0;
}

a {
	text-decoration: none !important;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-background-clip: text;
	-webkit-text-fill-color: #93a3c7 !important;
	transition: background-color 5000s ease-in-out 0s;
	box-shadow: inset 0 0 20px 20px #23232329;
}

/*validation*/
.not-allowed {
	cursor: not-allowed !important;
}

.error,
.success {
	width: 100%;
	margin-top: 0.25rem;
	font-size: 80%;
	color: #dc3545 !important;
}

.success {
	color: #28a745 !important;
}

/* .//validation****/

/* subscribe-wrapper/* navbar style */
.navbar {
	padding: 1rem !important;
}

.navbar-expand-sm .navbar-nav .nav-item a {
	font-size: 18px;
	color: #0C0C0C;
	position: relative;
}

.navbar-expand-sm .navbar-nav .nav-link {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

a.nav-link.active {
	color: #4DA873 !important;
}

a.nav-link::before {
	content: "";
	height: 2px;
	background-color: #4DA873;
	border-radius: 100px;
	position: absolute;
	bottom: 0;
	left: 5%;
	width: 0;
	z-index: 99;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

a.nav-link.active:before {
	width: 90%;
}

.nav-item:hover a::before {
	width: 95%;
}

.navbar .navbar-toggler span::after {
	content: url('../images/nav-cross-icon.svg');
}

.navbar .collapsed span::after {
	content: url('../images/nav-collapsed-icon.svg');
}

.btn {
	background-color: #4DA873 !important;
	border-radius: 8px !important;
	font-family: 'Rubik' !important;
	font-style: normal !important;
	font-weight: 600 !important;
	font-size: 18px;
	line-height: 21px !important;
	color: #FFFFFF !important;
	padding: 15px 40px;
}

.dropdown-:focus {
	background-color: #fff !important;
	border-radius: 8px !important;
	font-family: 'Rubik' !important;
	font-style: normal !important;
	font-weight: 600 !important;
	font-size: 18px !important;
	line-height: 21px !important;
	color: #7D869B !important;
	padding: 15px 40px !important;
	border: none;
	outline: none !important;
}

button:focus {
	outline: none !important;
}

li.nav-item {
	margin: auto !important;
}

@media (max-width: 992px) {
	.navbar-brand img {
		width: 140px !important;
	}

	.navbar-expand-sm .navbar-nav .nav-item a {
		font-size: 15px;
		padding: 7px 7px !important;
	}

	.nav-item button {
		padding: 15px 20px !important;
	}
}

@media (max-width: 575px) {
	.navbar-nav {
		list-style: disc;
		color: #4DA873;
		padding-top: 15px;
	}

	li.nav-item {
		margin: 0 !important;
		margin-left: 11% !important;
		padding: 10px 0;
	}

	.navbar-nav li:last-child {
		list-style: none;
		margin-left: 0 !important;
	}

	.nav-item button {
		margin-top: 1rem;
	}

	.nav-item button {
		width: 97%;
	}

	a.nav-link.active:before,
	.nav-item:hover a::before {
		width: 0;
	}

	.navbar {
		padding: 0 !important;
	}

	.mobile-nav {
		width: 100%;
		heigh: 100%;
		display: flex;
		justify-content: space-between;
		box-shadow: 0px 10px 30px rgb(0 0 0 / 10%);
		padding: 1rem !important;
	}

	.mobile-nav .navbar-toggler-icon {
		display: flex;
		align-items: center;
		justify-content: space-around
	}

	#navbarCollapse {
		overflow: hidden;
		background: url(../images/nav-half-network-icon.svg) no-repeat;
		background-position: right 10px top -31px;
		padding: 1rem;
	}
}

/* nav bar end */


/** */


.search-cdn {
	background: rgba(255, 255, 255, 0.11);
	border: 0.5px solid #FFFFFF;
	backdrop-filter: blur(10px);
	/* Note: backdrop-filter has minimal browser support */

	border-radius: 8px;
	height: 86px;
}

.search-cdn input {
	width: 100%;
	height: 100%;
	color: #757575;
}

.subscribe-box .subscribe-frm .search-cdn {
	background: rgba(255, 255, 255, 0.34);
	border: 1px solid #FFFFFF;
	backdrop-filter: blur(10px);
	/* Note: backdrop-filter has minimal browser support */
	border-radius: 8px;
	width: 689px;
	height: 86px;
	justify-content: space-between;
}

.search-cdn .btn {
	margin-right: 8px;
	padding: 22px 40px;
}

@media (max-width: 767px) {
	.search-cdn {
		height: 57px;
	}

	.search-cdn input {
		font-size: 13px;
	}

	.search-cdn .btn {
		height: 50px !important;
		padding: 15px 15px !important;
		margin-right: 3px !important;
		font-size: 14px !important;
	}
}

/* */

@media (min-width: 1200px) {
	.container {
		max-width: 1460px !important;
	}

	.custom-card {
		max-width: 33% !important;
		background: #FFFFFF;
		box-shadow: 0px 112px 500px rgba(0, 0, 0, 0.08), 0px 25.0167px 111.682px rgba(0, 0, 0, 0.0476886), 0px 7.44811px 33.2505px rgba(0, 0, 0, 0.0323114);
		border-radius: 8px;
		width: 30%;
		margin: 15px;
	}

	.card-m {
		flex-wrap: nowrap !important;
	}

}


@media (min-width: 767px) {

	.w-60 {
		max-width: 60%;
	}

	.custom-card {
		max-width: 100%;
		background: #FFFFFF;
		box-shadow: 0px 112px 500px rgba(0, 0, 0, 0.08), 0px 25.0167px 111.682px rgba(0, 0, 0, 0.0476886), 0px 7.44811px 33.2505px rgba(0, 0, 0, 0.0323114);
		border-radius: 8px;
		width: 100%;
		margin: 15px;
	}

	.custom-card:hover {
		transform: scale(1.02);
	}

	.card-m {
		flex-wrap: wrap;
	}
}


.top-main-section {
	background-image: url(../images/background.jpg);
	margin-top: 80px;
	background-size: 100% 100%;
	background-position: auto;
	background-repeat: no-repeat;
}

.top-section-small-head {
	text-align: center;
	color: #48CD7D;
	margin-top: 7%;
	margin-bottom: 1rem;
}

.top-section-head {
	font-weight: 600;
	font-size: 51px;
	line-height: 70px;
	text-align: center;
	color: #FFFFFF;
}

.top-section-ptext {
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	color: #FFFFFF;
	opacity: 0.6;
}

/* search form */
.search-from {
	background: rgba(255, 255, 255, 0.11);
	border: 0.5px solid #FFFFFF;
	backdrop-filter: blur(10px);
	border-radius: 8px;
	display: flex;
	justify-content: space-between;
	padding: 8px;
	position: relative;
	height: 86px;
}

.search-from input {
	width: 100%;
}

.search-from button {
	position: absolute;
	right: 5px;
	height: 68px;
}

.search-box {
	background-color: transparent;
	border: none;
	font-size: 19px;
	line-height: 30px;
	color: #ffffff85;
	padding-left: 20px;
}

@media (max-width: 575px) {
	.search-from {
		height: 65px;
	}

	.search-from [name="target"] {
		width: 60%;
	}


	.search-from button {
		height: 47px;
		font-size: 14px !important;
		padding: 15px 29px !important;
	}

	.search-box {
		font-size: 15px;
	}
}

/* search form end*/

:focus-visible {
	outline: none !important;
}

.top-section-list {
	display: flex;
	justify-content: center;
	gap: 50px;
}


@media (max-width: 767px) {
	.card-m {
		flex-wrap: wrap;
	}

	.top-section-list {
		display: block;
		padding-left: 5%;
	}

	.top-section-list li {
		padding: 10px 0;
	}

	.top-main-section {
		padding-left: 20px;
		padding-right: 20px;
	}

	.top-section-small-head {
		font-size: 14px;
		line-height: 35px;
		text-align: center;
		color: #48CD7D;
	}

	.top-section-head {
		font-weight: 600;
		font-size: 30px;
		line-height: 35px;
		text-align: center;
		color: #FFFFFF;
	}

	.top-section-ptext {
		font-size: 16px;
		line-height: 30px;
		text-align: center;
		color: #FFFFFF;
		opacity: 0.6;
	}

	.custom-card {
		max-width: 100%;
		background: #FFFFFF;
		box-shadow: 0px 112px 500px rgba(0, 0, 0, 0.08), 0px 25.0167px 111.682px rgba(0, 0, 0, 0.0476886), 0px 7.44811px 33.2505px rgba(0, 0, 0, 0.0323114);
		border-radius: 8px;
		width: 100%;
		margin: 15px 0;
	}

	.top-title {
		padding-left: 0 !important;
	}

	.box-ms-tit {
		font-size: 12px !important;
	}

	.box-ms-dis {
		font-weight: 400;
		font-size: 12px !important;
		line-height: 20px;
		/* identical to box height, or 143% */
		color: #0C0C0C;
	}


	.box-rating {
		font-size: 14px !important;
		line-height: 10px !important;
	}

}


@media (max-width: 575px) {
	.top-section-head {
		font-size: 1.5rem;
	}

	.top-section-list li {
		font-size: 14px !important;
	}

	.top-section-list li:before {
		transform: scale(0.7);
	}
}

.custom-bg-light-green {
	background-color: #FAFFFC;
}

.top-section-list li:before {
	content: url(../images/checkmark.svg);
	/* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1.5em;
	position: absolute;
	margin-top: 0px;
}

.top-section-list li {
	font-size: 18px;
	line-height: 20px;
	color: #4DA873;
}

.top-section-list ::marker {
	display: none;
	color: transparent !important;
}

.mi-cust {
	background: #7D869B;
	opacity: 0.6;
	border-radius: 6px 6px 6px 6px;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.mi-btn-group {
	text-align: center;
	cursor: pointer;
	position: relative;
	display: flex;
	z-index: 4;
}

.mi-btn {
	width: 100%;
	border: 1px solid transparent;
	color: #fff;
	line-height: 50px;
	font-size: 30px;
	text-decoration: none;
	margin: 0 -2px;
	display: inline-block;
	box-sizing: border-box;

	font-size: 22px;
	text-align: center;
	color: #FFFFFF !important;
}


.active-area {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: #48CD7D;
	opacity: 0.3;
	opacity: 0.6;
	color: #fff;
	width: 50% !important;
	display: none;
}


.f-mi-cust {
	background: #7e869c19;
	width: 35%;
	border-radius: 6px 6px 6px 6px;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.f-mi-btn-group {
	text-align: center;
	cursor: pointer;
	position: relative;
	display: flex;
	z-index: 4;
	margin: 0;
}

.f-mi-btn-group input {
	display: none;
}

.f-mi-btn {
	display: inline-block;
	text-align: center;
	width: 50%;
	border: 1px solid transparent;
	line-height: 50px;
	font-size: 30px;
	text-decoration: none;
	margin: 0 -2px;
	display: inline-block;
	box-sizing: border-box;

	font-size: 20px;
	text-align: center;
	color: #FFFFFF !important;

}

/* //custom for index */
.cust-toogle .f-active-area {
	background: #daede2;
}

.cust-toogle .f-mi-btn {
	color: #000 !important;
}

.cust-bropbox .dropdown-btn {
	color: #7E869C !important;
}

@media (max-width: 767px) {
	.cust-toogle {
		width: 100%;
	}

	.cust-bropbox .cdn-dropdown {
		background: #FFFFFF;
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-radius: 8px;
	}
}

/* //custom for index */

@media (max-width: 575px) {
	.f-mi-btn {
		font-size: 16px;
	}
}


.f-active-area {
	display: inline-block;
	/* remove*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: #2b6773;
	color: #000 !important;
	width: 50% !important;
	height: 100%;
	border-left: 2px solid #4DA873;
	display: none;
}

/* small title discription blue */
.top-title {
	padding-left: 15px;
}

.s-title-blue {
	font-size: 22px;
	line-height: 40px;
	color: #0049B4;
}

.m-title {
	font-weight: 600;
	font-size: 28px;
	line-height: 30px;
	color: #0C0C0C;

}

.box-title {
	font-weight: 500;
	font-size: 22px;
	line-height: 20px;
	color: #0C0C0C;
}

.box-rating {
	width: fit-content;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: #4DA873;
	background: rgba(77, 168, 115, 0.08);
	box-shadow: 0px 112px 500px rgba(0, 0, 0, 0.08), 0px 25.0167px 111.682px rgba(0, 0, 0, 0.0476886), 0px 7.44811px 33.2505px rgba(0, 0, 0, 0.0323114);
	border-radius: 4px;
	padding: 10px 20px;
	margin: 0;
}

.box-discription-text {
	font-size: 15px;
	line-height: 24px;
	color: #0C0C0C;
	opacity: 0.6;
	margin-bottom: 0;
	height: 70px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cust-bg-grey {
	padding: 10px 20px;
	background: rgba(3, 28, 84, 0.03);
	border-radius: 0px 0px 8px 8px;
}

.custom-innercard {
	padding: 25px;
}

.box-logo {
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	max-width: 90%;
}

.box-ms-tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #0C0C0C;
	opacity: 0.3;
	text-align: center;
}

.box-ms-dis {
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	color: #0C0C0C;
	text-align: center;
}

.text-align-center {
	text-align: center;
}

@media (max-width: 575px) {
	.box-logo {
		max-width: 100%;
	}

	.box-title {
		font-size: 14px;
		font-weight: 600;
	}

	.box-discription-text {
		font-size: 14px;
		line-height: 22px;
	}
}

/* cdn-caed end*/


/* CDN PROVIDERS latency & UPTIME SECTION */

.CDNs-latency-uptime-section {
	margin-top: 80px;
}

.cdns-latency-uptime-wrapper {
	width: 100%;
	height: auto;
	background: #FFFFFF;
	border-radius: 12px;
}


.cdns-latency-uptime-wrapper .header {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.cdns-latency-uptime-wrapper .card-body+.header {
	border: none;
	margin-bottom: 0.7rem;
}

.cdns-latency-uptime-wrapper .header .cdn-provider,
.cdns-latency-uptime-wrapper .header .cdn-performance {
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	/* identical to box height, or 111% */
	color: #031C54;
	opacity: 0.4;
	text-transform: uppercase;
	white-space: nowrap;
}

.cdns-latency-uptime-wrapper .provider-row {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 32px;
	padding-bottom: 12px;
}

.cdns-latency-uptime-wrapper .header .cdn-provider p {
	padding-left: 60px;
}

.cdn-latency-uptime-parameter .ruler .marks {
	width: calc(100%/11);
	font-weight: 500;
	font-size: 18px;
	padding-left: 1%;
}

.cdn-latency-uptime-parameter .ruler .marks:nth-child(10) {
	padding-left: 2%;
}

.cdn-latency-uptime-parameter .ruler .marks:nth-child(11) {
	padding-left: 2.7%;
}

.cdn-latency-uptime-mesurment {
	height: 33px;
	background: linear-gradient(to right, #4DA873 0%, #FF6B00 65.9%, #FF0000 100%);
}


.red-green-parameter {
	height: 33px;
	background: linear-gradient(to left, #4DA873 0%, #FF6B00 65.9%, #FF0000 100%);
}

.cdn-latency-uptime-mesurment .scale {
	width: 100%;
	height: 33px;
	position: relative;
	background: linear-gradient(to left, transparent, transparent 90%, #ffffff 90%, #ffffff) center left / calc(100%/20) 4px;
}


.cdn-provider-name span {
	width: 30px;
	height: 30px;
	border-radius: 4px;
	background: #f5f6f9;
	float: left;
	text-align: center;
	margin-right: 17px;
}

.sno {
	font-weight: 500;
	font-size: 16px;
	line-height: 30px;
	/* identical to box height, or 125% */
	color: #0C0C0C;
	opacity: 0.5;
}

.cdn-provider-name .provider {
	float: left;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	/* identical to box height, or 100% */
	color: #0C0C0C;
}


.perf-result,
.latency-uptime-result {
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	/* identical to box height, or 100% */
	color: #4DA873;
}

@media(max-width: 1200px) {
	.mesurment-scale-wrapper {
		padding-right: 0 !important;
	}
}

@media (max-width: 992px) {
	.cdns-latency-uptime-wrapper .header .parameter {
		display: none;
	}

	.cdns-latency-uptime-wrapper .latency-uptime-card-footer {
		display: none;
	}

	.cdns-latency-uptime-wrapper .header .cdn-provider p {
		padding-left: 35px;
	}

	.cdn-latency-uptime-mesurment {
		border-radius: 3px;
		margin-left: 46px;
	}

	.cdn-latency-uptime-mesurment .scale {
		background: none;
	}

	.cdn-latency-uptime-mesurment .scale>div {
		background: #F5F6F8 !important;
		opacity: 1 !important;
		height: 20px !important;
	}

	.cdns-latency-uptime-wrapper .provider-row {
		padding-bottom: 24px;
	}

	.cdns-latency-uptime-wrapper .provider-row .cdn-provider-name,
	.mesurment-scale-wrapper {
		padding-left: 0;
	}


	.cdn-latency-uptime-mesurment {
		height: 20px;
	}

	.cdns-latency-uptime-wrapper .header .cdn-performance,
	.perf-result {
		/*gggggggggggggggggggggggggg*/
		text-align: end;
		padding-left: 0;
	}
}

/*red green latency & uptime scale*/
@media (min-width: 992px) {
	.red-green-parameter {
		height: 33px;
		background: linear-gradient(to left, #4DA873 0%, #FF6B00 65.9%, #FF0000 100%);
	}

	.red-green-parameter .scale {
		width: 100%;
		height: 33px;
		position: relative;
		background: linear-gradient(to left, transparent, transparent 90%, #ffffff 90%, #ffffff) center left / calc(100%/20) 4px;
	}
}

/*// red green latency & uptime scale*/


/* CDN PROVIDERS latency & UPTIME SECTION END*/


.all-providers-link-box {
	background: #F7F7F9;
	border-radius: 12px;
	width: 100%;
	height: 91px;
	padding: 32px 42px 35px 42px;
}

.all-providers-link-box .link {
	font-weight: 500;
	font-size: 22px;
	line-height: 20px;
	/* identical to box height, or 91% */
	text-decoration-line: underline;
	color: #9AA4BB;
	white-space: nowrap;
}

@media (max-width: 575px) {

	.CDNs-latency-uptime-section {
		margin-top: 50px;
	}

	.all-providers-link-box .link {
		font-size: 14px;
		line-height: 20px;
		/* identical to box height, or 143% */
		text-decoration-line: underline;
	}

	.cdn-provider-name span {
		width: 17px;
		height: 17px;
	}

	.sno {
		font-size: 12px;
		line-height: 20px;
	}


	.cdns-latency-wrapper .header .cdn-provider,
	.cdns-latency-wrapper .header .latency,
	.cdns-uptime-wrapper .header .cdn-provider,
	.cdns-uptime-wrapper .header .uptime,
	.cdns-latency-uptime-wrapper .header .cdn-provider,
	.cdns-latency-uptime-wrapper .header .perormance {
		font-size: 14px;
	}

	.cdn-provider-name .provider,
	.perf-result,
	.cdn-provider-name .provider,
	.uptime-percentage {
		font-size: 15px;
		line-height: 20px;
		width: 76%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}


	.cdn-latency-mesurment,
	.cdn-uptme-mesurment,
	.cdn-latency-uptime-mesurment {
		margin-left: 35px;
	}

	.cdns-latency-wrapper .header,
	.cdns-uptime-wrapper .header,
	.cdns-latency-uptime-wrapper .header {
		padding-bottom: 7px;
		padding-top: 5px;
	}
}


/****CDN compare page */

.compare-cdn-title {
	color: #48CD7D !important;
}

.compare-cdn-title h1 {
	color: #FFFFFF;
	font-weight: 600;
	font-size: 51px !important;
	/*3.6rem*/
}


.cdn-para {
	font-size: 18px;
	line-height: 30px;
	color: rgba(255, 255, 255, 0.6);
}

/* small box */
.small-box {
	height: 226px;
	background: rgba(255, 255, 255, 0.06);
	border: 0.5px solid #FFFFFF;
	backdrop-filter: blur(10px);
	/* Note: backdrop-filter has minimal browser support */
	border-radius: 8px;
	align-items: center;
	flex-direction: column;
	/**/
	cursor: pointer;
}

.small-box .inner {
	width: 102px;
	height: 102px;
	border: 0.5px dashed #FFFFFF;
	border-radius: 50%;
}

.inner::after {
	content: url('../images/plush.svg');
	transform: scale(0.4);
	text-align: center;
	line-height: 110px;
	margin: 37%;
}

.small-box .header {
	width: 100%;
	height: 19px;
	display: none;
}

.small-box .header .box-tool {
	width: 100%;
	height: 100%;
}

.small-box .header .box-tool button {
	background: transparent;
	float: right;
	margin: 12px;
	background: #4DA873;
	border: 0.5px solid #FFFFFF;
	backdrop-filter: blur(10px);
	width: 31px;
	height: 31px;
	padding: 0;
	border-radius: 50%;
}

.small-box .header .box-tool button span::before {
	content: url('../images/cancel.svg');
}

.title-box {
	height: 50px;
	background: rgba(255, 255, 255, 0.06);
	backdrop-filter: blur(10px);
	/* Note: backdrop-filter has minimal browser support */
	border-radius: 0px 0px 8px 8px;
	width: 100%;
	display: none;
}

.cdn-title {
	font-size: 18px;
	line-height: 30px;
	/* or 167% */
	text-align: center;
	margin: 0;
	color: #FFFFFF;
	height: 100%;
}


/*chart*/
/* .chart {
	overflow-x: scroll;
} */

/* #myChart {
	min-height: 463px;
	height: 463px;
	margin: 0 auto;
} */

/* @media (max-width: 480px) {
	#myChart {
		min-height: 281px !important;
		height: 281px !important;
	}
} */


@media (max-width: 575px) {

	.box-logo {
		max-width: 70%;
	}

	.small-box {
		height: 190px;
	}

	.cdn-title {
		font-size: 12px;
	}
}


@media (max-width: 425px) {
	.small-box {
		height: 150px;
	}

	.small-box .inner {
		width: 75px;
		height: 75px;
	}

	.inner::after {
		line-height: 88px;
		margin: 33%;
	}
}

/* end small box */

/* COMPARE BTN */
.compare-cdn-group {
	min-height: 86px;
}

.compare-btn {
	width: 100%;
	height: 100%;
	background: #A7ADB9;
	border-radius: 8px;
}

.compare-option {
	min-height: 86px;
	background: rgba(255, 255, 255, 0.11);
	border: 0.5px solid #7D869B;
	backdrop-filter: blur(10px);
	border-radius: 8px;
	z-index: 9;
	padding: 0 3%;
}

.compare-option .btn-group {
	opacity: 0.18;
	border-left: 1px solid #FFFFFF;
}


@media (max-width: 992px) {
	.compare-cdn-group {
		flex-direction: column;
	}

	.compare-option {
		/* background: none; */
		/* border: 0; */
	}

	.compare-btn {
		margin-top: 34px;
	}

	.mi-cust {
		margin-left: 0;
		margin-right: 0;
	}

	.slice {
		line-height: 1px;
	}
}

.drop-box {
	height: 100% !important;
}

.slice::after {
	display: inline-block;
	content: "";
	margin-top: 4px;
	width: 0;
	height: 30px;
	opacity: 0.18;
	border-left: 1px solid #FFFFFF;
}

@media (max-width: 767px) {
	.compare-option {
		background: none;
		border: none;
	}

	.compare-option .slice {
		display: none;
	}

	.drop-box {
		width: 100% !important;
		background: rgba(255, 255, 255, 0.11);
		border: 0.5px solid #FFFFFF;
		backdrop-filter: blur(10px);
		/* Note: backdrop-filter has minimal browser support */
		border-radius: 8px;
		margin: 14px 0 !important;
	}

	.f-mi-cust {
		width: 75%;
	}

	.f-mi-cust {
		margin-right: auto;
		padding: 0 10%;
		margin-bottom: 15px;
	}

	.cdn-dropdown {
		padding: 0 10%;
	}

	/* .compare-btn{
   margin-left: auto;
   margin-right: auto;
   width: 100%;
 } */
	.cdn-btn-gp {
		line-height: 67px !important;
		padding: 0 2%;
	}
}

@media (max-width: 992px) {
	.cdn-btn-gp {
		line-height: 84px;
	}
}

/**COMPARE BTN END*/


/*########### FOOTER ###############*/
footer {
	background: #FAFFFC;
	width: 100%;

}

footer .container {
	padding-top: 40px;
	padding-bottom: 40px;
	border-top: 0.5px solid rgba(154, 164, 187, 0.45);
}

footer .inner-footer {
	justify-content: space-between;
}

footer .inner-footer .inner-left {
	height: 24px;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	/* identical to box height, or 120% */
	text-align: center;
}

footer .inner-footer .inner-left a {
	font-size: 22px;
	line-height: 24px;
	/* identical to box height, or 109% */
	text-align: center;
	text-decoration-line: underline;
	color: #4DA873;
}

footer .inner-footer .inner-right {
	height: 24px;
	font-size: 20px;
	line-height: 24px;
	/* identical to box height, or 120% */
	text-align: center;
	color: #0C0C0C;
	opacity: 0.5;
}

@media (max-width: 802px) {
	footer .inner-footer {
		flex-direction: column
	}

	footer .inner-footer .inner-right {
		margin-top: 16px;
	}

	footer .inner-footer .inner-left,
	footer .inner-footer .inner-right,
	footer .inner-footer .inner-left a {
		font-size: 18px;
	}
}

/*########### end FOOTER ###############*/


/*########### CONTACT US###############*/
/***************************************/


.contact-us-wrapper p {
	font-size: 18px;
	line-height: 30px;
	color: rgba(255, 255, 255, 0.6);
}

.contact-us-wrapper h2 {
	font-weight: bold;
	font-size: 50px;
	color: #FFFFFF;
}

.contact-us-wrapper hr {
	opacity: 0.1;
	border: 1px solid #FFFFFF;
	width: 80%;
	float: left;
	margin-top: 15px;
}


.info-kit .address p {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.6);
}

.info-kit .active-hrs {
	margin-top: 54px;
}

.info-kit .active-hrs p {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.6);
}

.contact-us-wrapper h3,
.social-block .email-box span,
.email-box span a {
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	/* identical to box height, or 111% */
	text-transform: uppercase;
	color: #9AA4BB;
}

.contact-us-wrapper .info-kit,
.contact-us-wrapper .social-block,
.contact-us-wrapper .email-box {
	width: 100%;

}

.social-media {
	margin: 37px 0;
}

.social-media .icon {
	margin-right: 28px;
}

/* contact-section ***/
.contact-section {
	margin-bottom: 5%;
}

.cdn-contact .contact-frm {
	background: rgba(255, 255, 255, 0.06);
	/* opacity: 0.5; */
	border: 0.5px solid #818da9;
	backdrop-filter: blur(10px);
	/* Note: backdrop-filter has minimal browser support */
	border-radius: 8px;
}

.cdn-contact form {
	margin-left: 78px;
	margin-right: 78px;
	margin-top: 53px;
	margin-bottom: 53px;
}

.cdn-contact form label {
	font-size: 18px;
	line-height: 20px;
	/* identical to box height, or 111% */
	text-transform: uppercase;
	color: #FFFFFF;
	opacity: 0.3;
	width: 100%;
	margin: 0;
}

.cdn-contact form input,
.cdn-contact form textarea,
.cdn-contact form textarea:focus,
.cdn-contact form input:focus {
	background-color: rgba(0, 0, 0, 0);
	background: transparent;
	border: 0;
	border-bottom: 1px solid #FFFFFF;
	opacity: 0.5;

}

.cdn-contact form #attachment {
	display: none;
}

/* check box */
[class*=cdncheck-]>input:first-child {
	position: absolute !important;
	opacity: 0 !important;
	margin: 0;
}

[class*=cdncheck-]>label {
	padding-left: 29px !important;
	min-height: 22px;
	line-height: 22px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin-bottom: 0;
	font-weight: 400;
	cursor: pointer;
}

.cdncheck-primary>input:first-child:checked+input[type=hidden]+label::before,
.cdncheck-primary>input:first-child:checked+label::before {
	background-color: #007bff;
	border-color: #007bff;
}

.cdncheck-primary>input:first-child:checked+input[type=hidden]+label::before,
.cdncheck-primary>input:first-child:checked+label::before {
	background-color: #4DA873;
	border-color: #FFFFFF;
}

[class*=cdncheck-]>input:first-child+input[type=hidden]+label::before,
[class*=cdncheck-]>input:first-child+label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 22px;
	height: 22px;
	border: 1px solid #D3CFC8;
	border-radius: 4px;
	margin-left: -29px;
}

[class*=cdncheck-]>input:first-child:checked+input[type=hidden]+label::after,
[class*=cdncheck-]>input:first-child:checked+label::after {
	content: url('../images/checkbox-agree.svg');
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(3.75px, 0.5px) rotate(1deg);
	-ms-transform: translate(3.75px, 0.5px) rotate(1deg);
}

/* end check box */

.cdn-contact form input,
.cdn-contact form textarea {
	border-radius: 0;
	color: #93a3c7 !important;
}

.cdn-contact form input {
	padding: 0;
}

.cdn-contact textarea:focus,
.cdn-contact textarea.form-control:focus,
.cdn-contact input.form-control:focus,
.cdn-contact input[type=text]:focus,
.cdn-contact input[type=password]:focus,
.cdn-contact input[type=email]:focus,
.cdn-contact input[type=number]:focus {
	box-shadow: inset 0 -1px 0 #ddd;
}

@media (max-width: 575px) {
	.cdn-contact form {
		margin-left: 25px;
		margin-right: 25px;
	}

	.cdn-contact form label {
		font-size: 14px;
	}
}


/*###### end contact us ##########*/

/**************####### Subscribe new latter css ######*********/
.subscribe-section .subscribe-wrapper {
	min-height: 350px;
	width: 100%;
	margin-top: 65px;
	margin-bottom: 87px;
	background-image: url(../images/subscribe-bg.jpg);
	background-size: 100% 100%;
	background-position: auto;
	background-repeat: no-repeat;
	position: relative;
	padding-left: 5%;
	padding-right: 5%;

}

.subscribe-section .subscribe-wrapper .pointer {
	position: absolute;
	z-index: 0;
	float: right;
	right: 0;
}

.subscribe-section .subscribe-boxe {
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
}

.subscribe-section .message h2 {
	font-weight: 600;
	font-size: 46px;
	line-height: 65px;
	/* identical to box height, or 141% */
	text-align: center;
	color: #0C0C0C;
	margin-top: 57px;
}

.subscribe-section .message p {
	font-size: 22px;
	line-height: 26px;
	/* or 118% */
	text-align: center;
	color: #0C0C0C;
	margin-top: 18px;
}

.overlap-circles {
	position: absolute;
	bottom: 0;
	margin-left: 60px;
	margin-bottom: 40px;
}

.subscribe-box .frm-wrapper {
	margin-top: 58px;
	margin-bottom: 58px;
}





.subscribe-box .subscribe-frm {
	background: rgba(255, 255, 255, 0.34);
	border: 1px solid #FFFFFF;
	backdrop-filter: blur(10px);
	/* Note: backdrop-filter has minimal browser support */
	border-radius: 8px;
	width: 689px;
	height: 86px;
	justify-content: space-between;
}

.subscribe-box .subscribe-frm input {
	width: 100%;
	height: 100%;
	color: #000;
}


.subscribe-box .subscribe-frm .btn {
	width: 180px;
	height: 68px;
	margin-right: 11px;
}

@media (max-width: 1200px) {
	.overlap-circles {
		position: relative;
	}

	.subscribe-box .frm-wrapper {
		margin-top: 21px;
	}

	.subscribe-section .subscribe-wrapper .pointer {
		display: none;
	}
}

@media (max-width: 767px) {
	.subscribe-section .message h2 {
		font-size: 32px;
		line-height: 52px;
	}

	.subscribe-section .message p {
		font-size: 16px;
		line-height: 23px;
	}

	.overlap-circles {
		margin-bottom: 15px;
	}

	.overlap-circles svg {
		width: 40px;
		height: 40px;
	}
}

@media (max-width: 575px) {
	.frm-wrapper {
		margin-bottom: 30px;
	}

	.subscribe-box .subscribe-frm {
		height: 57px;
	}

	.subscribe-section .message h2 {
		font-size: 23px;
		line-height: 36px;
	}

	.subscribe-section .message p {
		opacity: 0.6;
		text-align: center;
		/* font-size: 14px; */
		line-height: 26px;
	}

	.overlap-circles {
		margin-left: 20px;
		margin-bottom: 22px;
	}

	.overlap-circles svg {
		width: 26.63px;
		height: 26.63px;
	}

	.subscribe-box .subscribe-frm input {
		/* font-size: 12px; */
		padding-left: 10px;
	}

	.subscribe-box .subscribe-frm .btn {
		height: 47px;
		padding: 0 !important;
		font-size: 15px !important;
		/* font-size: 13px !important; */
		margin-right: 5px;
	}

	.subscribe-section .subscribe-wrapper {
		margin-top: 52px;
		margin-bottom: 52px;
	}


	.contact-us-wrapper hr {
		width: 100%;
	}
}

/********** end Subscribe new latter css */


/*######### FAQ SECTION START ###########*/
.faq-section .faq-title p {
	font-size: 20px;
	text-align: center;
	color: #0049B4;
}

.faq-section .faq-title h3 {
	font-weight: bold;
	line-height: 42px;
	text-align: center;
}

.faq-section .faq-accordion {
	/* min-height: 91px; */
	background: #FFFFFF;
	border: 1px solid rgba(154, 164, 187, 0.3);
	border-radius: 8px;
}

.faq-section .accordion {
	color: #444;
	cursor: pointer;
	padding: 40px;
	width: 100%;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
	border: none;
	background: #FFFFFF;

	padding-right: 12%;
	position: relative;
}

.faq-section .active,
.accordion:hover {
	background: #FFFFFF;
}

.faq-section .accordion:after {
	content: url(../images/down.svg);
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 5px;

	position: absolute;
	top: 40px;
	right: 6%;
}

.faq-section .active:after {
	content: url(../images/up.svg);
}

.faq-section .faq-accordion {
	margin-bottom: 26px;
}

.faq-section .faq-accordion .accordion {
	font-size: 20px;
	line-height: 20px;
	color: #0C0C0C;
}

.faq-section .panel {
	padding: 0 40px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;

	font-size: 20px;
	line-height: 30px;
	color: #9BA6BD;
}

.faq-section .panel p {
	padding-bottom: 25px;
}

@media (max-width: 575px) {
	.faq-section .faq-accordion .accordion {
		font-size: 16px;
		line-height: 24px;
		padding: 20px;
		padding-right: 13%;
	}

	.faq-section .accordion:after {
		transform: scale(0.7);
		top: 22px;
	}

	.faq-section .panel {
		padding-left: 20px;
		padding-right: 20px;
	}

	.faq-section .panel p {
		font-size: 16px;
		line-height: 24px;
		right: 5%;
		padding-bottom: 0;
	}
}

/*######### FAQ SECTION END ###########*/


.drop-shadow {
	margin-top: 4%;
	margin-bottom: 4%;
	background: #FFFFFF;
	box-shadow: 0px 40px 250px rgba(0, 0, 0, 0.03);
	border-radius: 12px;
}


/*################   NetworkTest page ##############*/

.world {
	font-size: 18px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	opacity: 0.56;
}

/* IP ADDRESS Section*/
.ip-section {
	height: 67px;
	background: #eef7f1;
}

.ip-section p {
	font-weight: 500;
	font-size: 22px;
	line-height: 25px;
	/* identical to box height, or 114% */
	margin: 0;
	line-height: 67px;
	color: #4DA873;
}

/* // end IP ADDRESS Section*/


/* latency list section */
.latency-result-section .header,
.http-result-section .header,
.dns-result-section .header {
	height: 100px;
	border-bottom: 2px dashed #cdcdcd;
}

.latency-result-section .result-box,
.dns-result-section .result-box,
.http-result-section .result-box {
	border-bottom: 2px dashed #cdcdcd !important;
	padding-bottom: 30px;
}

.latency-result-section .header .inner-header,
.dns-result-section .header .inner-header,
.http-result-section .header .inner-header {
	height: 100%;
	align-items: center
}

.latency-result-section .header p,
.dns-result-section .header p,
.http-result-section .header p {
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	color: #9aa4bb;
	margin: 0;
}

.result-row {
	padding: 25px 0;
}

.result-row .latency-time {
	font-size: 20px;
	line-height: 20px;
	margin: 0;
}

.result-row .low-latency-time {
	color: #4DA873;
}

.result-row .country-icon {
	margin-top: -4px;
	line-height: 1.8;
}

.result-row .country-icon img {
	/* width: 30px;
	height: 19px; */
	width: 35px;
	height: 25px;
	border-radius: 2px;
}

.result-row .location {
	font-weight: 500;
	font-size: 20px;
	line-height: 26px;
	color: #0C0C0C;
	margin: 0;
}

.network {
	padding: 0;
	height: 100%;
	right: 0;
	bottom: -50px;
	z-index: 0;
}

.cdn-inner-section .compare-cdn-title, .cdn-inner-section .cdn-para {
	position: relative;
	z-index: 1 !important;
}

@media (max-width: 992px) {
	.cdn-inner-section {
		flex-direction: column-reverse;
	}

	.network svg {
		position: absolute;
		width: 250px;
		height: 250px;
		right: 0;
		top: -95px;
	}
}

@media (max-width: 768px) {
	.network svg {
		width: 200px;
		height: 200px;
		top: -70px;
	}
}

@media (max-width: 575px) {
	.network svg {
		width: 138px;
		height: 138px;
		top: -100px;
	}
}

@media (max-width: 992px) {

	.world {
		margin-top: 20px;
	}

	.latency-result-section .header,
	.dns-result-section .header,
	.http-result-section .header {
		height: 80px;
	}
}

@media (max-width: 991px) {
	.latency-result-section .right-list .header,
	.dns-result-section .right-list .header,
	.http-result-section .right-list .header {
		display: none;
	}
}

@media (min-width: 992px) {
	.search-from {
		background: none;
		border: 0;
	}

	.search-from input {
		background: rgba(255, 255, 255, 0.11);
		border: 0.5px solid #FFFFFF;
		backdrop-filter: blur(10px);
		border-radius: 8px;
		margin-right: 2%;
	}
}



.result-box {
	padding: 15px;
}

@media (min-width: 992px) {
	.search-from {
		width: 60%;
	}

	.search-from button {
		right: -170px;
		width: 170px;
	}

	.world {
		margin-left: 5px;
	}
}


@media (max-width: 575px) {
	.latency-result-section .header,
	.dns-result-section .header,
	.http-result-section .header {
		height: 65px;
	}

	.result-row .location {
		font-size: 14px;
	}

	.result-row .latency-time {
		font-size: 16px;
		line-height: 20px;
	}

	.latency-result-section .header p,
	.dns-result-section .header p,
	.http-result-section .header p {
		font-size: 12px;
	}
}

/*############## End NetworkTest page ###############*/


/*########### CDN-providers/providername page #######*/
.text-align-left {
	text-align: left;
}

.np-top-section-small-head {
	line-height: 40px;
	text-align: left;
	color: #48CD7D;
}

.np-top-main-section {
	background-image: url(../images/np-background.jpg);
	margin-top: 80px;
	background-size: 100% 100%;
	background-position: auto;
	background-repeat: no-repeat;
}

.anchorlink:after {
	content: url(../images/external-link.svg);
}

.anchorlink,
.anchorlink:hover,
.anchorlink:visited,
.anchorlink:active {
	font-weight: 500;
	font-size: 18px;
	line-height: 30px;
	text-decoration-line: underline;
	color: #48CD7D;
	text-decoration: none;
}

.country-name {
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	/* identical to box height, or 111% */
	color: #FFFFFF;
}

.ranked-title {
	font-size: 16px;
	line-height: 30px;
	color: #ffffff61;
}

.data-content {
	display: flex;
	justify-content: center;
}

.ranked-result {
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	color: #FFFFFF;
}

.ranked-result.free {
	color: #48CD7D;
}

.ranked-wrapper {
	margin: 30px 0;
	background: rgba(255, 255, 255, 0.11);
	border: 0.5px solid #FFFFFF;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-radius: 8px;
	padding: 20px;
}

.ranked-wrapper .lu-wrapper {
	width: 25%;
	float: left;
	padding: 0;
}

.ranked-wrapper .psrs-wraper {
	width: 56%;
	float: left;
	padding: 0;
}

.ranked-wrapper .psrs-wraper .cdn-overview {
	width: 20%;
	padding: 0;
}

.ranked-wrapper .comp-wraper {
	width: 19%;
	float: left;
}

.ranked-wrapper .btn-wrapper {
	width: 100%;
	display: flex;
	justify-content: center;
}

.comp-wraper .btn {
	padding: 15px 16px !important;
}

.w-85 {
	width: 85% !important;
}

/* card cdn provider */
.graph-section .card-body {
	padding: 0 8% 6% 8%;
}

.graph-section .desc {
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	color: #9aa4bb;
	margin-top: 64px;
}

.graph-section .para {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 34px;
	color: #0C0C0C;
	margin-top: 31px;
}

.graph-dropdown {
	padding: 0 !important;
}

.graph-dropdown .dropdown-btn {
	min-width: 25% !important;
	width: auto !important;
	height: 94px !important;
	background: #FFFFFF !important;
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
	border-radius: 10px !important;
	margin: 64px 0 !important;
	/* padding: 0 35px!important; */
	padding-left: 35px !important;
	padding-right: 60px !important;
	color: #7D869B !important;
}

.graph-dropdown .dropdown-btn::after {
	margin-right: 35px !important;
}

/* chart */
/* .chart {
	overflow-x: scroll;
}

#latencyChart,
#upTimeChart {
	min-height: 393px;
	height: 393px;
	min-width: 1376px;
	margin: 0 auto;
} */

/* end chart */

@media (max-width: 992px) {
	.cdn-container {
		flex-direction: column-reverse;
	}

	.cdn-img {
		width: 45%;
		margin-bottom: 30px;
	}

	.ranked-wrapper {
		width: 100% !important;
		margin-bottom: 108px;
	}

	.ranked-wrapper .comp-wraper {
		width: 100%;
		position: absolute;
		bottom: -109px;
		left: 0;
	}

	.ranked-wrapper .btn-wrapper {
		justify-content: start;
	}

	.ranked-wrapper .lu-wrapper {
		width: 35%;
	}

	.ranked-wrapper .psrs-wraper {
		width: 65%;
	}

	.comp-wraper .btn {
		padding: 15px 23px !important;
	}
}


@media (max-width: 767px) {

	.ranked-wrapper .lu-wrapper {
		width: 100%;
		padding: 15px 0;
	}
	
	.ranked-result {
		text-align: left !important;
	}

	.ranked-wrapper .psrs-wraper {
		width: 100%;
		flex-wrap: wrap;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-out;
	}

	.ranked-wrapper .psrs-wraper .cdn-overview {
		width: 50%;
		padding: 8px 0;
	}

	#ranked-toogle {
		width: 45px;
		height: 46px;
		border-radius: 50%;
		background: #031C54;
		position: absolute;
		bottom: -25px;
		left: 45%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#ranked-toogle span {
		width: 35px;
		height: 36px;
		border-radius: 50%;
		background: #4DA873;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.ranked-toogle span::after {
		content: url(../images/cdn-ranked-caret.svg);
		transform: rotate(180deg);
		margin-top: 6px;
	}

	.ranked-active span::after {
		transform: rotate(360deg);
		margin-top: -7px;
	}

}


@media (max-width: 480px) {

	.graph-section .para {
		font-size: 16px;
		margin-top: 20px;
	}

	.graph-section .desc h4 {
		font-size: 16px;
	}

	/* #latencyChart,
	#upTimeChart {
		min-height: 250px !important;
		height: 250px !important;
	} */

	.graph-dropdown .dropdown-btn {
		height: 54px !important;
		width: 100% !important;
	}
}

.globe svg {
	position: absolute;
	bottom: -50px;
	width: 100%;
	height: 100%;
}

@media (max-width: 992px) {
	.globe svg {
		position: absolute;
		width: 250px;
		height: 250px;
		right: 0;
		top: -143px;
	}

}

@media (max-width: 768px) {
	.globe svg {
		width: 200px;
		height: 200px;
		top: -155px;
	}
}

@media (max-width: 575px) {
	.globe svg {
		width: 138px;
		height: 138px;
		top: -120px;
	}
}

/*########### END CDN-providers/providername page #######*/



/**media query */

@media (max-width: 575px) {
	.compare-cdn-title h1 {
		font-size: 1.9rem !important;
	}

	.contact-us-wrapper h2 {
		font-size: 25px;
	}

	.top-section-ptext,
	.cdn-para,
	.contact-us-wrapper p,
	.contact-us-wrapper h3,
	.info-kit .address p,
	.info-kit .active-hrs p,
	.contact-us-wrapper .email-box {
		font-size: 16px;
		line-height: 26px;
	}

	.anchorlink,
	.country-name {
		font-size: 14px;
	}
}

.tooltip {
	font-size: 0.7rem !important;
}

.clipboard-box {
	height: 54px;
	width: 258px;
	border: 0.5px solid #4DA873;
	background: #4DA8734D;
	color: #4DA873;
	font-family: Rubik;
	font-size: 20px;
	font-weight: 500;
	line-height: 23.7px;
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	border-radius: 7px;
}

.result-info {
	width: 50%;
	height: 19px;
	gap: 0px;
	opacity: 0px;
	font-size: 16px;
	font-weight: 400;
	line-height: 18.96px;
	color: #9AA4BB;
}