@import 'parts/general.css';
@import 'parts/header.css';
@import 'parts/footer.css';

.blue-check {
	display: inline-block;
    margin-left: 5px;
    position: relative;
    top: -1px;
}
.blue-highlight {
	color: #0088F0;
}
.underscored {
	text-decoration: underline;
}
.titled {
	cursor: help;
}
.relative {
	position: relative;
}

.btn {
	display: inline-block;
	box-shadow: 0px 5px 28px rgba(50, 152, 226, 0.4);
	font-family: Lato;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	color: #FFFFFF;
	padding: 15px 44px;
}
.btn:hover {
	color: #fff;
    background: #1373bc;
}
.btn-blue {
	background: #0088F0;
}
.btn-rounded {
	border-radius: 68px;
}

.content {
	padding-bottom: 150px;
}
@media (max-width: 1269px) {
	.content {
		padding-bottom: 40px;
	}
}
@media (max-width: 767px) {
	.content {
		padding-bottom: 70px;
	}
}

.above-the-fold {
	background: #fff;
	padding: 160px 0 48px;
}
@media (max-width: 1269px) {
	.above-the-fold {
		padding: 100px 0 34px;
	}
}
@media (max-width: 767px) {
	.above-the-fold {
		padding: 69px 0 30px;
	}
}

.page-title {
	color: #172755;
	font-family: Lato;
	font-style: normal;
	font-weight: bold;
	font-size: 46px;
	line-height: 55px;
	max-width: 820px;
	margin: 0 auto;
	text-align: center;
	text-transform: capitalize;
}
.page-subtitle {
	color: #737FA3;
	font-family: Lato;
	font-size: 18px;
	line-height: 28px;
	margin: 20px auto 0;
	max-width: 720px;
	text-align: center;
}
.pricing-product-toggle {
	background: #F3F8FC;
	border: 1px solid #DCE5F2;
	border-radius: 999px;
	display: flex;
	gap: 4px;
	margin: 36px auto 0;
	max-width: 360px;
	padding: 5px;
}
.pricing-product-option {
	background: transparent;
	border: 0;
	border-radius: 999px;
	color: #172755;
	cursor: pointer;
	flex: 1;
	font-family: Lato;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	padding: 12px 18px;
}
.pricing-product-option.active {
	background: #0088F0;
	box-shadow: 0px 5px 18px rgba(50, 152, 226, 0.28);
	color: #FFFFFF;
}
@media (max-width: 1269px) {
	.page-title {
		font-size: 40px;
		line-height: 48px;
		max-width: 495px;
	}
}
@media (max-width: 767px) {
	.page-title {
		font-size: 36px;
		line-height: 40px;
		max-width: none;
	}
	.page-subtitle {
		font-size: 16px;
		line-height: 24px;
	}
	.pricing-product-toggle {
		max-width: 320px;
	}
}

.switch-container {
	align-items: center;
	display: flex;
	justify-content: center;
	margin: 65px auto 0;
}
#testing-pricing > .switch-container {
	margin-top: 0;
	margin-bottom: 68px;
}
.switch {
	align-items: center;
	display: flex;
	height: 34px;
	position: relative;
	width: 64px;
}
.switch-input {
	opacity: 0;
	width: 0;
	height: 0;
}
.switch-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: .4s;
	background: #DFF1FF;
	border: 1px solid #0088F0;
	box-sizing: border-box;
	border-radius: 110px;
}
.switch-slider:before {
	position: absolute;
	content: "";
	height: 24px;
	width: 24px;
	left: 4px;
	bottom: 4px;
	border-radius: 50%;
	background: #0088F0;
	transition: .4s;
}
input:checked + .switch-slider:before {
  transform: translateX(30px);
}
.switch-option {
	color: #172755;
	cursor: pointer;
	font-family: Lato;
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	line-height: 33px;
	position: absolute;
	white-space: nowrap;
}
.switch-option_first {
	left: -30px;
	transform: translateX( -100% );
}
.switch-option_second {
	right: -30px;
	transform: translateX( 100% );
}
.switch-option-tip {
	display: block;
	color: #5D6683;
	cursor: default;
	font-family: Lato;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	text-align: right;
    right: 0;
    text-align: right;
    position: absolute;
    width: 200px;
}
@media (max-width: 1269px) {
	.switch-container{
		margin-top: 40px;
	}
	#testing-pricing > .switch-container {
		margin-top: 0;
		margin-bottom: 54px;
	}
	.switch-container_cloud {
		margin-top: 45px;
	}
	.switch {
		flex-shrink: 0;
		height: 26px;
		width: 47px;
	}
	.switch-slider:before {
		height: 18px;
		bottom: 3px;
		width: 18px;
	}
	input:checked + .switch-slider:before {
		transform: translateX(19px);
	}
	.switch-option {
		font-size: 17px;
		line-height: 26px;
	}
	.switch-option-tip {
		font-size: 14px;
		line-height: 21px;
	}
	.switch-option_first {
		left: -27px;
	}
	.switch-option_second {
		right: -27px;
	}
}
@media (max-width: 767px) {
	.switch-container {
		margin-top: 46px;
	}
	#testing-pricing > .switch-container {
		margin-top: 0;
		margin-bottom: 46px;
	}
	.switch {
		flex-shrink: 0;
		height: 28px;
		width: 54px;
	}
	.switch-slider:before {
		height: 20px;
		bottom: 3px;
		width: 20px;
	}
	input:checked + .switch-slider:before {
		transform: translateX(24px);
	}
	.switch-option {
		font-size: 18px;
		line-height: 24px;
		white-space: normal;
	}
	.switch-option_first {
		left: -20px;
		text-align: right;
	}
	.switch-option_cloud.switch-option_first {
		width: 110px;
	}
	.switch-option_second {
		right: -20px;
	}
}
@media (max-width: 370px) {
	.switch-option {
		font-size: 16px;
		line-height: 21px;
	}
	.switch-option_first {
		left: -10px;
	}
	.switch-option_cloud.switch-option_first {
		width: 100px;
	}
	.switch-option_second {
		right: -10px;
	}
}

.switch-line-container {
	align-items: center;
	background: #FFFFFF;
	border: 1px solid #0088F0;
	border-radius: 110px;
	display: flex;
	height: 47px;
	margin: 65px auto 0;
	position: relative;
}
.switch-line-input {
	color: #fff;
	height: 0;
	opacity: 0;
	width: 0;
}
.switch-line-slider {
	background: #0088F0;
	border-radius: 110px;
	height: 47px;
	left: 0;
	position: absolute;
	top: -1px;
	transition: .4s;
}
.switch-line-option {
	cursor: pointer;
	display: inline-block;
	font-family: Lato;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 27px;
	padding: 9px 0;
	position: relative;
	text-align: center;
	z-index: 1;
}
.switch-line-option_first {
	color: #fff;
}
.switch-line-input:checked ~ .switch-line-option_first {
	color: #172755;
}
.switch-line-option_second {
	color: #172755;
}
.switch-line-input:checked ~ .switch-line-option_second{
	color: #fff;
}
.switch-line-container_cloud .switch-line-option_first,
.switch-line-container_cloud .switch-line-option_second {
	color: #172755;
}
.switch-line-input.value_1 ~ .switch-line-option_first,
.switch-line-input.value_2 ~ .switch-line-option_second
{
	color: #fff;
}

@media (max-width: 1269px) {
	.switch-line-container {
		margin-top: 45px;
	}
	.switch-line-option {
		font-size: 14px;
		line-height: 21px;
	}
}
@media (max-width: 767px) {
	.switch-line-container {
		margin-top: 42px;
	}
	.switch-line-option {
		font-size: 15px;
		line-height: 19px;
	}
}
@media (max-width: 370px) {
	.switch-line-option {
		font-size: 13px;
		line-height: 18px;
	}
	.switch-option-tip {
		font-size: 12px;
		line-height: 18px;
	}
}

.switch-line-container_cloud {
	width: 560px;
}
.switch-line-slider_cloud {
	width: 300px;
}
.switch-line-input.value_2 ~ .switch-line-slider_cloud {
	left: 280px;
	width: 280px;
}

.switch-line-option_cloud.switch-line-option_first {
	padding-left: 32px;
	padding-right: 32px;
}
.switch-line-option_cloud.switch-line-option_second {
	padding-left: 44px;
	padding-right: 47px;
}

.switch-line-container_performance {
	width: 536px;
}
.switch-line-slider_performance {
	width: 254px;
}
.switch-line-input:checked ~ .switch-line-slider_performance {
	left: 238px;
	width: 298px;
}
.switch-line-option_performance.switch-line-option_first {
	padding-left: 42px;
	padding-right: 42px;
}
.switch-line-input:checked ~ .switch-line-option_performance.switch-line-option_first {
	padding-right: 27px;
}
.switch-line-option_performance.switch-line-option_second {
	padding-left: 14px;
	padding-right: 17px;
}
.switch-line-input:checked ~ .switch-line-option_performance.switch-line-option_second {
	padding-left: 28px;
}
@media (max-width: 1269px) and (min-width: 768px) {

	.switch-line-container_cloud {
		width: 500px;
	}
	.switch-line-slider_cloud {
		width: 265px;
	}
	.switch-line-input.value_2 ~ .switch-line-slider_cloud {
		left: 238px;
		width: 262px;
	}

	.switch-line-option_cloud.switch-line-option_first {
		padding-left: 30px;
		padding-right: 30px;
	}
	.switch-line-option_cloud.switch-line-option_second {
		padding-left: 44px;
		padding-right: 47px;
	}
	.switch-line-container_performance {
		width: 456px;
	}
	.switch-line-container_performance,
	.switch-line-slider_performance {
		height: 40px;
	}
	.switch-line-slider_performance {
		width: 216px;
	}
	.switch-line-input:checked ~ .switch-line-slider_performance {
		left: 204px;
		width: 251px;
	}
	.switch-line-option_performance.switch-line-option_first {
		padding-left: 42px;
		padding-right: 42px;
	}
	.switch-line-input:checked ~ .switch-line-option_performance.switch-line-option_first {
		padding-right: 32px;
	}
	.switch-line-option_performance.switch-line-option_second {
		padding-left: 17px;
		padding-right: 27px;
	}
	.switch-line-input:checked ~ .switch-line-option_performance.switch-line-option_second {
		padding-left: 27px;
	}
	#performance-api-testing .package{
		max-width: 265px !important;
	}
}
@media (max-width: 767px) {

	.switch-line-container_cloud {
		width: 306px;
		height: 70px;
	}
	.switch-line-slider_cloud {
		width: 156px;
		height: 70px;

	}
	.switch-line-input.value_2 ~ .switch-line-slider_cloud {
		left: 145px;
		width: 160px;
	}

	.switch-line-option_cloud.switch-line-option_first {
		padding-left: 5px;
		padding-right: 10px;
	}
	.switch-line-option_cloud.switch-line-option_second {
		padding-left: 10px;
		padding-right: 10px;
	}


	.switch-line-container_performance {
		width: 306px;
	}
	.switch-line-container_performance,
	.switch-line-slider_performance {
		height: 55px;
	}
	.switch-line-slider_performance {
		width: 152px;
	}
	.switch-line-input:checked ~ .switch-line-slider_performance {
		left: 142px;
		width: 163px;
	}
	.switch-line-option_performance.switch-line-option_first {
		padding-left: 32px;
		padding-right: 32px;
	}
	.switch-line-input:checked ~ .switch-line-option_performance.switch-line-option_first {
		padding-right: 32px;
	}
	.switch-line-option_performance.switch-line-option_second {
		padding-left: 13px;
		padding-right: 13px;
	}
	.switch-line-input:checked ~ .switch-line-option_performance.switch-line-option_second {
		padding-left: 13px;
	}
	#performance-api-testing .package{
		max-width: 265px !important;
	}
}
@media (max-width: 370px) {
	.switch-line-container_performance {
		width: 100%;
	}
	.switch-line-slider_performance {
		width: 135px;
	}
	.switch-line-input:checked ~ .switch-line-slider_performance {
		left: 130px;
		width: 135px;
	}
}

.switch-line-container_functional {
	width: 502px;
}
.switch-line-slider_functional {
	width: 254px;
}
.switch-line-input:checked ~ .switch-line-slider_functional {
	left: 233px;
	width: 267px;
}
.switch-line-option_functional.switch-line-option_first {
	padding-left: 59px;
	padding-right: 61px;
}
.switch-line-input:checked ~ .switch-line-option_functional.switch-line-option_first {
	padding-right: 43px;
}
.switch-line-option_functional.switch-line-option_second {
	padding-left: 41px;
	padding-right: 71px;
}
.switch-line-input:checked ~ .switch-line-option_functional.switch-line-option_second {
	padding-left: 58px;
}
@media (max-width: 1269px) {
	.switch-line-container_functional {
		width: 320px;
	}
	.switch-line-container_functional,
	.switch-line-slider_functional {
		height: 40px;
	}
	.switch-line-slider_functional {
		width: 161px;
	}
	.switch-line-input:checked ~ .switch-line-slider_functional {
		left: 147px;
		width: 172px;
	}
	.switch-line-option_functional.switch-line-option_first {
		padding-left: 30px;
		padding-right: 30px;
	}
	.switch-line-input:checked ~ .switch-line-option_functional.switch-line-option_first {
		padding-right: 19px;
	}
	.switch-line-option_functional.switch-line-option_second {
		padding-left: 19px;
		padding-right: 30px;
	}
	.switch-line-input:checked ~ .switch-line-option_functional.switch-line-option_second {
		padding-left: 30px;
	}
}
@media (max-width: 767px) {
	.switch-line-container_functional {
		width: 306px;
	}
	.switch-line-slider_functional {
		width: 158px;
	}
	.switch-line-input:checked ~ .switch-line-slider_functional {
		left: 144px;
		width: 162px;
	}
	.switch-line-option_functional.switch-line-option_first {
		padding-left: 25px;
		padding-right: 25px;
	}
	.switch-line-input:checked ~ .switch-line-option_functional.switch-line-option_first {
		padding-right: 14px;
	}
	.switch-line-option_functional.switch-line-option_second {
		padding-left: 10px;
		padding-right: 20px;
	}
	.switch-line-input:checked ~ .switch-line-option_functional.switch-line-option_second {
		padding-left: 20px;
	}
}
@media (max-width: 370px) {
	.switch-line-container_functional {
		width: 100%;
	}
	.switch-line-slider_functional {
		width: 137px;
	}
	.switch-line-input:checked ~ .switch-line-slider_functional {
		left: 127px;
		width: 138px;
	}
}

.card {
	border: none;
	border-radius: 20px;
	box-shadow: 0px 18px 50px -15px rgba(25, 42, 89, 0.15);
	padding: 70px;
	position: relative;
}
.card:before {
	background: linear-gradient(to top, #fff 0%, #fff 92%, #0088F0 50%, #0088F0 100%);
	border-radius: 20px;
	content: '';
	display: block;
	height: 40px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.card-title {
	font-family: Lato;
	font-style: normal;
	font-weight: bold;
	font-size: 26px;
	line-height: 39px;
	text-align: center;
	color: #172755;
	margin: 0 auto;
}
#testable-cloud {
	padding: 70px 40px 112px;
}
@media (max-width: 1269px) {
	.card {
		padding: 48px 42px 57px;
	}
	.card-title {
		font-size: 20px;
		line-height: 30px;
	}
	.card-title br {
		display: none;
	}
	#testable-cloud {
		padding: 50px 50px 72px;
	}
	#testable-cloud .card-title {
		max-width: 400px;
	}
	#per-virtual-user-hour {
		margin-top: 50px;
	}
}
@media (max-width: 767px) {
	.card {
		padding: 40px 12px 48px;
	}
	.card-title {
		font-size: 20px;
		line-height: 27px;
		margin: 0 auto;
		max-width: 310px;
	}
	#testable-cloud {
		padding: 40px 12px 43px;
	}
	#testable-cloud .card-title {
		max-width: 260px;
	}
	#per-virtual-user-hour {
		margin-top: 56px;
	}
}

.enterprise-list-container {
	display: flex;
	justify-content: center;
	margin-top: 60px;
}
.enterprise-ul {
	list-style: none;
	padding: 5px 0;
}
.enterprise-ul_first {
	padding-right: 110px;
}
.enterprise-ul_second {
	border-left: 1px solid #C5CED5;
	padding-left: 109px;
}
.enterprise-li {
	font-family: Lato;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 38px;
	color: #172755;
}
.enterprise-button {
	margin: 55px auto 0;
}
@media (max-width: 1269px) {
	.enterprise-li br {
		display: none;
	}
}
@media (max-width: 1269px) and (min-width: 768px) {
	.enterprise-list-container {
		margin-top: 50px;
	}
	.enterprise-ul_first {
		flex-shrink: 0;
		margin-right: 70px;
		margin-left: 44px;
		padding: 0;
		width: 184px;
	}
	.enterprise-ul_second {
		padding: 0 0 0 70px;
		width: 307px;
	}
	.enterprise-li {
		font-size: 15px;
		line-height: 22px;
		margin-bottom: 14px;
	}
	.enterprise-li:last-of-type {
		margin-bottom: 0;
	}
}
@media (max-width: 767px) {
	.enterprise-list-container {
		flex-direction: column;
		margin-top: 32px;
	}
	.enterprise-ul {
		padding: 0;
		text-align: center;
	}
	.enterprise-ul_second {
		border: none;
		margin-top: 40px;
		padding-top: 34px;
	}
	.enterprise-ul_second:before {
		background-color: #C5CED5;
		content: '';
		display: block;
		height: 1px;
		margin: 0 auto;
		position: relative;
		top: -34px;
		width: 190px;
	}
	.enterprise-li {
		font-size: 15px;
		line-height: 32px;
		margin-bottom: 0;
	}
	.enterprise-button {
		margin-top: 36px;
		padding: 15px 29px;
	}
}

.faq {
	margin-top: 150px;
}
.faq-title {
	font-family: Lato;
	font-style: normal;
	font-weight: bold;
	font-size: 40px;
	line-height: 48px;
	text-align: center;
	text-transform: capitalize;
	color: #172755;
}
.faq-list {
	margin-top: 60px;
}
.faq-box {
	background: #FFFFFF;
	box-shadow: 0px 11px 50px -15px rgba(25, 42, 89, 0.15);
	border-radius: 9px;
	padding: 0 28px 0 34px;
	margin: 0 auto 24px;
	max-width: 1070px;
}
.faq-question {
	color: #172755;
	cursor: pointer;
	font-family: Lato;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 33px;
	margin: 0;
	padding: 21px 0;
	position: relative;
}
.faq-icon {
	background-image:
		linear-gradient(#0088F0,#0088F0);
	background-position:center;
	background-size: 23px 2px, 2px 23px; /*thickness = 2px, length = 50% (25px)*/
	background-repeat:no-repeat;
	height: 33px;
	margin-left: auto;
	position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-49%);
	width: 33px;
}
.faq-box_collapsed .faq-icon {
	background-image:
		linear-gradient(#0088F0,#0088F0),
		linear-gradient(#0088F0,#0088F0);
}
.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
}
.faq-text {
	border-top: 1px solid #ECECEC;
	color: #737FA3;
	font-family: Lato;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 30px;
	margin: 0;
	padding: 16px 0 40px;
}
@media (max-width: 1269px) {
	.faq {
		margin-top: 86px;
	}
	.faq-title {
		font-size: 30px;
		line-height: 36px;
	}
	.faq-list {
		margin-top: 36px;
	}
	.faq-box {
		margin-bottom: 14px;
		padding: 0 15px 0 22px;
	}
	.faq-question {
		font-size: 15px;
		line-height: 21px;
		padding: 17px 120px 17px 0;
	}
	.faq-icon {
		background-size: 15px 2px, 2px 15px;
	}
	.faq-text {
		font-size: 13px;
		line-height: 21px;
		padding-bottom: 20px;
		padding-top: 12px;
	}
}
@media (max-width: 767px) {
	.faq {
		margin-top: 64px;
	}
	.faq-title {
		font-size: 32px;
	}
	.faq-list {
		margin-top: 30px;
	}
	.faq-box {
		margin-bottom: 20px;
		padding: 0 24px;
	}
	.faq-question {
		padding-right: 86px;
	}
	.faq-icon {
		background-size: 21px 2px, 2px 21px;
	}
	.faq-text {
		font-size: 14px;
		line-height: 23px;
		padding-top: 20px;
	}
}

.contact-container {
	align-items: center;
	display: flex;
	background: rgba(0, 0, 0, 0.4);
	bottom: 0;
	justify-content: center;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99;
}
.contact-us {
	background: #FFFFFF;
	border-radius: 5px;
	box-shadow: 0px 7px 38px rgba(0, 0, 0, 0.1);
	padding: 70px 90px;
	position: relative;
	max-width: 710px;
	width: 100%;
}
.contact-title {
	color: #172755;
	font-family: Lato;
	font-style: normal;
	font-weight: bold;
	font-size: 26px;
	line-height: 35px;
	margin: 0;
	text-align: center;
}
.contact-close {
	background-image:
		linear-gradient(#465B95,#465B95),
		linear-gradient(#465B95,#465B95);
	background-position:center;
	background-size: 22px 2px, 2px 22px; /*thickness = 2px, length = 50% (25px)*/
	background-repeat: no-repeat;
	cursor: pointer;
	height: 22px;
	position: absolute;
	right: 32px;
	top: 29px;
	transform: rotate( 45deg );
	width: 22px;
}
.contact-form {
	display: flex;
	flex-direction: column;
	margin-top: 34px;
	max-width: 530px;
	width: 100%;
}
.contact-input,
.contact-textarea {
	border: 1px solid #D1DBE3;
	border-radius: 5px;
	box-sizing: border-box;
	font-family: Lato;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 18px;
	color: #727272;
	padding: 18px 26px;
}
.contact-input {
	margin-bottom: 13px;
}
.contact-input:focus,
.contact-textarea:focus {
	border-color: #0088F0;
	outline: none;
}
.contact-textarea {
	resize: none;
}
.contact-button {
	margin: 30px auto 0;
	width: 170px;
}

@media (max-width: 1269px) {
	.contact-us {
		max-width: 500px;
    	padding: 40px 50px;
	}
}
@media (max-width: 767px) {
	.contact-us {
		padding: 62px 26px 70px;
		max-width: 340px;
		max-height: 96vh;
		overflow: auto;
	}
	.contact-close {
		right: 20px;
		top: 20px;
	}
	.contact-input,
	.contact-textarea {
		padding: 16px 14px;
	}
	.contact-input {
		margin-bottom: 12px;
	}
}
@media (max-width: 370px) {
	.contact-us {
		max-width: 300px;
	}
}

.packages {
	display: flex;
	justify-content: space-between;
	margin-top: 84px;
}
.package {
	align-items: center;
	background: #F3F8FC;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	max-width: 265px;
	padding: 30px 17px 38px;
	width: 100%;
}
#performance-api-testing .package {
	max-width: 210px;
}
.monitoring-pricing-card .card-title {
	max-width: 760px;
}
.monitoring-pricing-summary {
	color: #51617a;
	font-family: Lato;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.6;
	margin: 14px auto 0;
	max-width: 900px;
	text-align: center;
}
.monitoring-packages {
	align-items: stretch;
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(3, minmax(0, 285px));
	justify-content: center;
	max-width: 100%;
	min-width: 0;
	width: 100%;
}
.monitoring-package {
	max-width: none;
	min-width: 0;
	width: 100%;
}
.monitoring-package .package-ul {
	width: 100%;
}
.monitoring-package .package-button {
	margin-top: auto;
}
.monitoring-enterprise-package {
	border-color: rgba(0, 136, 240, .35);
}
.monitoring-free-package {
	background: #eef9f5;
	border: 1px solid rgba(56, 183, 174, .38);
}
.package-description {
	color: #51617a;
	font-family: Lato;
	font-size: 14px;
	line-height: 1.5;
	margin: 10px 0 0;
	min-height: 63px;
	text-align: center;
}
.package-limitations {
	background: rgba(255, 255, 255, .7);
	border-radius: 10px;
	color: #51617a;
	font-family: Lato;
	font-size: 13px;
	line-height: 1.5;
	margin: 0 0 20px;
	padding: 12px;
	text-align: left;
}
.monitoring-upgrade-note {
	background: #f4f9fd;
	border: 1px solid rgba(0, 136, 240, .2);
	border-radius: 12px;
	color: #304566;
	font-family: Lato;
	font-size: 15px;
	line-height: 1.6;
	margin: 28px auto 0;
	max-width: 940px;
	padding: 16px 20px;
	text-align: left;
}
@media (max-width: 767px) {
	.monitoring-pricing-summary {
		font-size: 15px;
		line-height: 1.55;
		max-width: 310px;
	}
}
.package-title {
	color: #0088F0;
	font-family: Lato;
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	line-height: 39px;
	margin-bottom: 0;
	text-align: center;
}
.package-price {
	color: #172755;
	font-family: Lato;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 39px;
	text-align: center;
}
.package-ul {
	list-style: none;
	margin: 15px 0 18px;
	padding: 24px 0 0;
	text-align: center;
}
.package-ul:before {
	background-color: #C7C7C7;
	content: '';
	display: block;
	height: 1px;
	margin: 0 auto;
	position: relative;
	top: -24px;
	width: 95px;
}
.package-li {
	color: #172755;
	font-family: Lato;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 15px;
}
.package-button {
	margin-top: auto;
	width: 189px;
}
@media (max-width: 1269px) {
	.packages {
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 65px;
	}
}
@media (max-width: 1269px) and (min-width: 768px) {
	.package:nth-of-type( 2n + 1 ) {
		margin-right: 38px;
	}
	.package:nth-of-type( n + 3 ) {
		margin-top: 38px;
	}
	.monitoring-packages {
		grid-template-columns: repeat(2, minmax(0, 285px));
	}
	.monitoring-packages .monitoring-package {
		margin: 0;
	}
}
@media (max-width: 767px) {
	.packages {
		align-items: center;
		flex-direction: column;
		margin-top: 65px;
	}
	.package {
		padding-bottom: 45px;
		margin-right: 0;
		margin-top: 0;
	}
	.package:not(:last-of-type) {
		margin-bottom: 28px;
	}
	.monitoring-packages {
		grid-template-columns: minmax(0, 285px);
	}
	.monitoring-packages .monitoring-package {
		margin: 0;
	}
}

.notes {
	margin-top: 140px;
}
.notes-title {
	color: #172755;
	font-family: Lato;
	font-style: normal;
	font-weight: 600;
	font-size: 26px;
	line-height: 35px;
	text-align: center;
}
.notes-list {
	display: flex;
	justify-content: center;
	margin: 36px -20px 0;
}
.note {
	align-items: center;
	background: #F3F8FC;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 153px;
	margin: 0 20px;
	max-width: 100%;
	position: relative;
	width: 300px;
}
.note_pt {
	padding-top: 10px;
}
.note-discount {
	background: #DFF1FF;
	border-radius: 8px;
	color: #172755;
	font-family: Lato;
	font-style: normal;
	font-weight: 600;
	font-size: 17px;
	line-height: 36px;
	padding: 8px 43px;
	position: absolute;
    right: -29px;
	text-align: center;
	top: -27px;
	transform: rotate(10.93deg);
}
.note-title {
	color: #0088F0;
	font-family: Lato;
	font-style: normal;
	font-weight: bold;
	font-size: 26px;
	line-height: 29px;
	margin: 0 0 5px;
	text-align: center;
}
.note-text {
	color: #172755;
	font-family: Lato;
	font-style: normal;
	font-weight: 600;
	font-size: 17px;
	line-height: 39px;
	text-align: center;
}
@media (max-width: 1269px) {
	.notes {
		margin: 62px -12.5px 0;
	}
	.note {
		margin: 0 12.5px;
		width: 182px;
	}
}
@media (max-width: 1269px) and (min-width: 768px) {
	.note {
		height: 120px;
	}
	.note-title {
		font-size: 17px;
		line-height: 19px;
	}
	.note-text {
		font-size: 15px;
		line-height: 24px;
	}
	.note-discount {
		font-size: 13px;
		line-height: 27px;
		padding: 2px 18px;
		right: -20px;
		top: -13px;
	}
}
@media (max-width: 767px) {
	.notes {
		margin: 52px 0 14px;
	}
	.notes-list {
		align-items: center;
		flex-direction: column;
		margin: 34px 0 0;
	}
	.note {
		margin: 0 0 46px;
		width: 265px;
	}
	.note:last-of-type {
		margin-bottom: 0;
	}
	.note_mt {
		margin-top: 15px;
	}
	.note-discount {
		padding: 8px 24px;
	}
}

.annual-contracts {
	background: #F3F8FC;
	border-radius: 20px;
	margin-top: 71px;
	padding: 60px 94px 70px;
}
.annual-contracts-title {
	color: #0088F0;
	font-family: Lato;
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	line-height: 39px;
	text-align: center;
	margin: 0;
}
.annual-contracts-text {
	color: #172755;
	font-family: Lato;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	margin: 17px 0 0;
	text-align: center;
}
.annual-contracts-container {
	margin: 39px auto 0;
	max-width: 840px;
	padding: 37px 0 0;
	width: 100%;
}
.annual-contracts-container:before {
	background-color: #C7C7C7;
	content: '';
	display: block;
	height: 1px;
	margin: 0 auto;
	position: relative;
	top: -37px;
	width: 95px;
}
.annual-contracts-ul {
	columns: 240px 3;
	column-gap: 60px;
	list-style: none;
	padding: 0;
}
.annual-contracts-li {
	background: left center url('../img/check.svg') no-repeat;
	display: inline-block;
	font-family: Lato;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 34px;
	color: #172755;
	padding-left: 24px;
}
.annual-contracts-button {
	display: block;
	margin: 59px auto 0;
	width: 189px;
}
@media (max-width: 1269px) {
	.annual-contracts {
		margin-top: 54px;
		padding: 48px 42px 57px;
	}
	.annual-contracts-title {
		font-size: 26px;
		line-height: 36px;
	}
	.annual-contracts-text {
		font-size: 18px;
		line-height: 28px;
		margin-top: 12px;
	}
	.annual-contracts-text br {
		display: none;
	}
	.annual-contracts-li {
		background-size: 15px 12px;
		font-size: 16px;
		line-height: 32px;
	}
	.annual-contracts-button {
		margin-top: 40px;
	}
}
@media (max-width: 1269px) and (min-width: 768px) {
	.annual-contracts-container {
		margin-top: 30px;
		padding-top: 30px;
	}
	.annual-contracts-container:before {
		top: -30px;
	}
	.annual-contracts-ul {
		columns: 2;
		column-gap: 40px;
		margin: 0 auto;
		max-width: 470px;
	}
}
@media (max-width: 767px) {
	.annual-contracts {
		margin: 42px auto 0;
		padding: 30px 18px 42px;
		width: 300px;
	}
	.annual-contracts-title {
		font-size: 22px;
		line-height: 27px;
	}
	.annual-contracts-text {
		font-size: 15px;
		line-height: 21px;
		margin-top: 14px;
	}
	.annual-contracts-container {
		margin: 25px auto 0;
		padding: 17px 0 0;
	}
	.annual-contracts-container:before {
		top: -17px;
		width: 127px;
	}
	.annual-contracts-ul {
		width: 215px;
		margin: 0 auto;
	}
	.annual-contracts-button {
		margin-top: 28px;
	}
}

.pricing-select {
	margin-top: 15px;
	position: relative;
	max-width: 231px;
	width: 100%;
}
.pricing-select select {
	display: none;
}
.select-selected {
	border: 1px solid rgba(0, 136, 240, 0.4);
	border-radius: 5px;
	box-sizing: border-box;
	color: #4CABF4;
	height: 53px;
    line-height: 53px;
	padding-left: 112px;
}
.select-selected:after {
	background: center url('../img/select-arrow-icon.svg') no-repeat;
	content: "";
	height: 8px;
	position: absolute;
	right: 24px;
	top: 24px;
	transform: rotate( 180deg );
	width: 14px;
}
.select-selected:before {
	color: #172755;
	content: 'Parallel Tests:';
	font-family: Lato;
	font-style: normal;
	font-weight: 600;
	font-size: 15px;
	line-height: 22px;
	left: 15px;
	position: absolute;
	top: 50%;
	transform: translateY( -50% );
}
.select-arrow-active {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.select-selected.select-arrow-active:after {
	transform: rotate( 0 );
}
.select-items {
	background: #f3f8fc;
	border: 1px solid rgba(0, 136, 240, 0.4);
	border-radius: 5px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-sizing: border-box;
	left: 0;
	padding: 14px 20px 16px;
	position: absolute;
	right: 0;
	top: 52px;
	z-index: 99;
}
.select-items:after {
	background-color: #92CBF7;
	border-radius: 5px;
	content: '';
	display: block;
	height: 1px;
	left: 50%;
	position: absolute;
	top: -1px;
    transform: translateX(-50%);
	width: 201px;
}
.select-items:before {
	background-color: #f3f8fc;
	border-radius: 5px;
	content: '';
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	right: 0;
	top: -1px;
}
.select-items div,
.select-selected {
	cursor: pointer;
	font-family: Lato;
	font-style: normal;
	font-weight: 600;
	font-size: 15px;
}
.select-items div {
	color: #172755;
	line-height: 28px;
	text-align: center;
}
.select-hide {
	display: none;
}
.select-items div:hover,
.same-as-selected {
	color: #4CABF4;
}
@media (max-width: 1269px) {
	.pricing-select {
		margin-bottom: 30px;
		max-width: 226px;
	}
	.selct-select:after {
		right: 23px;
	}
}

@media (max-width: 767px) {
	.footer {
		border: none;
		padding-top: 0;
	}
}