@charset "utf-8";

h1.title-main,h2.title-main{
	color: #30373b;
}

.bkg-gradient-price::before{
	content: "";
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #EBF0F5 100%), linear-gradient(78deg, #D7EDFE 0%, #F0D7DC 100%);
	position: absolute;
	width: 100%;
	height: 500px;
	left: 0;
	top: 0;
}

.price-button{
	padding-left: 0;
	padding-top: 90px;
}
.price-button .title{
	color: #495359;
	font-size: 33px;
	line-height: 1.27;

}
.price-button .text{
	color: #495359;
	font-size: 18px;
	line-height: 25px;
	margin-top: 15px;
}
.price-button .text .bold{
	font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 600;
	margin-top: 48px;
}


.p-panel{
	margin: 0 25px;
}
.p-panel.row{
	margin: 0 10px;
}

.pricing-panel, .cp-panel{
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	padding: 40px 40px 50px;
	margin: 0 25px;
}
.pricing-panel{
	background-color: #ffffff;
	padding-bottom: 40px;
}
.cp-panel{
	background-image: linear-gradient(235deg, #4bc4ff, #128afb), linear-gradient(29deg, #724bff, rgba(18, 138, 251, 0.73));
}

.pricing-panel .top-text, .cp-panel .top-text{
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	background-color: #ffd82e;
	font-size: 13px;
	line-height: 13px;
	padding: 6px 10px 3px;
	display: inline-block;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 600;
}
.pricing-panel .title,
.cp-panel .title{
	font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
font-weight: 600;
	font-size: 24px;
	line-height: 32px;
}
.cp-panel .title{
	color: #ffffff;
}
.cp-panel .text{
	font-size: 18px;
	line-height: 25px;
	color: rgba(255, 255, 255, 0.75);
}
.cp-panel .text a.link{
	display: block;
	margin-top: 20px;
	font-size: 20px;
	color: #ffd82e;
	border: none;
}
.cp-panel .img {
	margin: 13px -40px 19px;
	text-align: right;
}
.cp-panel .img img{
	display: inline;
}




.trial-conteiner{
	padding-bottom: 80px;
}
.trial-conteiner .container{
	border-radius: 7px;
	background-image: linear-gradient(70deg, #724bff, rgba(18, 138, 251, 0.73));
}
.trial-button{
	padding-top: 50px;
	padding-bottom: 20px;
	background: url("/images/pricing/requestCoverBgChoose@2x.png") right center no-repeat;
}
.trial-button .title{
	font-size: 31px;
}
.trial-button .text{
	font-size: 18px;
    line-height: 25px;
	padding-top: 8px;
}
.trial-button .index-button-footer{
	margin-top: 50px;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
}
.trial-button .index-button-footer a{
	color: #ffffff;
	border-bottom: none;
}



.pricing-plans .notice{
	font-size: 15px;
	line-height:20px;
}
.pricing-plans .price-table{
	margin: 25px 0;
	line-height: 30px;
	font-size: 13px;
	font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
font-weight: 600;
	width: 100%;
}
.pricing-plans .price-table tr th{
	line-height: 20px;
	padding: 5px 0;
}
.pricing-plans .price-table tr{
	border-top:solid 1px #dbe1e7;
}
.pricing-plans .price-table tr:last-child{
	border-bottom: solid 1px #dbe1e7;
}


.pricing-plans .title-main{
/*	font-size: 24px;*/
	margin-bottom: 30px;
	text-align: left;
}
.faq .title-main{
	margin-top: 10px;
	margin-bottom: 36px;
	text-align: left;
	font-size: 28px;
	line-height: normal;
}
html[lang="ar"] .faq .title-main {
	text-align: right;
}
.faq .features .feature{
	margin-bottom: 22px;
}
.faq .features .title-content,
.faq .features .text-content{
	font-size: 14px;
	line-height: 22px;	
	padding-left: 26px;
	font-weight: 500;
	color: #30373B;
}
html[lang="ar"] .faq .features .title-content {
	padding-left: 0;
	padding-right: 30px;
}
.faq .features .title-content:before{
	content: "?";
	color: #fff;
	background-color: #128afb;
	border-radius: 11px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	width: 16px;
	height: 16px;
	text-align: center;
	font-size: 10px;
	line-height: 10px;
	padding: 3px 0;
	margin-left: -26px;
	position: absolute;
	top: 3px;
}
html[lang="ar"] .faq .features .title-content:before {
	margin-left: auto;
	margin-right: -26px;
}
.faq .features .title-content{
	margin:0;
	padding-bottom: 15px;
	color: #30373B;
	font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
	font-weight: 700;
}
.faq .content-padding{
	padding: 32px 79px;
	margin-bottom: 48px;
}
.faq .text-content a{
	color: #30373B;
	font-weight: 500;
	text-decoration: underline;
}

.features-add-opt{
	padding-top: 80px;
}
.features-add-opt .title-main{
	text-align: left;
	margin-bottom: 40px
}
.features-add-opt .top-image{
	margin-bottom: 24px;
}
.features-add-opt .text-content{
	font-size: 15px;
	text-align: left;
}
.features-add-opt .text-content b{
	font-size: 18px;
	margin-bottom: 8px;
	font-weight: 600;
}
.features-add-opt .text-content .badge{
	margin-top: 16px;
}

.tooltip-link{
	border-bottom: 1px dashed #495359; 
	cursor: pointer;
}
.pricing-but-v4 .tooltip-inner,
.pricing-but-v2 .tooltip-inner,
.pricing-but-v3 .tooltip-inner,
.pricing-table-row .tooltip-inner{
	background-color: #495359;
	font-size: 13px;
	max-width: 250px;
	min-width: 200px;
    padding: 14px;
	margin: 0 10px;
}
.tooltip.top .tooltip-arrow{
	border-top-color:#495359;
	top: auto !important;
}

.pricing-buttons {
	padding: 60px 60px 30px;
	margin-top: 60px;
}
.pricing-buttons .title{
	font-size: 17px;
	line-height: 22px;
	color: #8a99a2;
	margin-bottom: 20px;
}
.pricing-buttons .title h2{
	font-size: 28px;
	line-height: 33px;
	color: #495359;
	margin-bottom: 4px;
	margin-top: 0;
}
.pricing-buttons .text{
	font-size: 15px;
	line-height: 21px;
	min-height: 130px;
}
.pricing-buttons .text ul{
	list-style: none outside none;
    margin: 0;
    padding: 0 0 0 16px;
}
.pricing-buttons .text ul li{
	margin-bottom: 10px;
}
.pricing-buttons .text ul li:before{
	content: " ";
    display: inline-block;
    position: absolute;
    margin-left: -16px;
	background: url(/images/icons/checkIconImage.png) center no-repeat;
	background-size: 8px 8px;
	height: 22px;
	width: 8px;
}
.pricing-buttons .pr-buttons-block{
	margin-top: 25px;
	margin-bottom: 18px;
	font-size: 17px;
}
.pricing-buttons .pr-button-footer{
	font-size: 13px;
	line-height: 22px;
	color: #8a99a2;
	text-align: center;
}
.pricing-buttons .pr-button-footer a{
	color: #2894fa;
	border-bottom: inherit;
}
.pricing-buttons.bkg-282d31 .title h2{
	color: #ffffff;
}
.pricing-buttons.bkg-282d31 .text{
	color: #ffffff;
}
.for-educational{
	font-size: 15px;
	color: #8a99a2;
	margin-bottom: 100px;
}

.custom-dev{
	background: url(/images/pricing/customDevNewImage.png) left center no-repeat;
	background-size: 320px 203px;
	margin-bottom: 0px;
	padding: 52px 30px;
}
.custom-dev-wrap{
	background-image: linear-gradient(122deg, rgba(18, 138, 251, 0.73) 5%, #724bff 82%);	
	margin-bottom: 50px;
}
.share-note.custom-dev .content{
	padding: 20px 0;
}
.custom-dev .title{
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	background-color: #ffd82e;
	font-size: 13px;
	line-height: 13px;
	padding: 5px 10px 5px;
	display: inline-block;
	margin-bottom: 20px;
	text-transform: uppercase;
	color: #49535a;
}
.custom-dev .text{
	color: #ffffff;
	font-size: 24px;
	line-height: 32px;
}
.custom-dev .text .note{
	padding-top: 15px;
	font-size: 18px;
	line-height: 25px;
	color: rgba(255, 255, 255, 0.75);
}
.custom-dev .text  a.link {
	display: block;
	margin-top: 20px;
	font-size: 20px;
	color: #ffd82e;
	border: none;
}
.custom-dev .text a.link:hover{
	text-decoration: underline;
}
@media (max-width: 1199px) {

}
@media (max-width:991px) {
	.prices-page .container{
		padding-left: 30px;
		padding-right: 30px;
	}
	.p-panel,.pricing-panel, .cp-panel{ margin: 0; }
	.p-panel.row{ margin: 0 -15px; }
	.for-educational{ margin: 10px 0 40px;}
	.pricing-buttons{ margin-top: 40px;}
	.custom-dev{background-image: none;padding: 20px 0;}

	.prices-v4 .owl-carousel .owl-stage{
		display: flex;
	}
	.prices-v4 .owl-nav {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	html[lang="ar"] .prices-v4 .owl-nav {
		direction: ltr;
	}
	.prices-v4 .owl-nav button{
		width: 44px;
		height: 44px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		background: rgba(255, 255, 255, 0.70);
		margin: 0 36px;
	}
	.prices-v4 .owl-nav button > i{
		display: flex;
		align-items: center;
		justify-content: center;
		width: calc(100% - 7px);
        height: calc(100% - 7px);
        border-radius: 50%;
        border: 2px solid #30373B;
	}
	.prices-v4 .owl-nav button.disabled{
		cursor: default;
	}
	.prices-v4 .owl-nav button.disabled > i{
		border-color: rgba(48, 55, 59, 0.30);
	}
	.circle-arrow-next::before{
		width: 24px;
        height: 25px;
        display: block;
		content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDI0IDI1IiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMgMTIuNUMzIDExLjk0NzcgMy40NDc3MiAxMS41IDQgMTEuNUgyMEMyMC41NTIzIDExLjUgMjEgMTEuOTQ3NyAyMSAxMi41QzIxIDEzLjA1MjMgMjAuNTUyMyAxMy41IDIwIDEzLjVINEMzLjQ0NzcyIDEzLjUgMyAxMy4wNTIzIDMgMTIuNVoiIGZpbGw9IiMzMDM3M0IiLz4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyLjI5MjkgNC43OTI4OUMxMi42ODM0IDQuNDAyMzcgMTMuMzE2NiA0LjQwMjM3IDEzLjcwNzEgNC43OTI4OUwyMC43MDcxIDExLjc5MjlDMjEuMDk3NiAxMi4xODM0IDIxLjA5NzYgMTIuODE2NiAyMC43MDcxIDEzLjIwNzFMMTMuNzA3MSAyMC4yMDcxQzEzLjMxNjYgMjAuNTk3NiAxMi42ODM0IDIwLjU5NzYgMTIuMjkyOSAyMC4yMDcxQzExLjkwMjQgMTkuODE2NiAxMS45MDI0IDE5LjE4MzQgMTIuMjkyOSAxOC43OTI5TDE4LjU4NTggMTIuNUwxMi4yOTI5IDYuMjA3MTFDMTEuOTAyNCA1LjgxNjU4IDExLjkwMjQgNS4xODM0MiAxMi4yOTI5IDQuNzkyODlaIiBmaWxsPSIjMzAzNzNCIi8+Cjwvc3ZnPg==');
	}
	.circle-arrow-prev::before{
		width: 24px;
        height: 25px;
        display: block;
		content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDI0IDI1IiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjI5MjkgNC43OTI4OUMxMC42ODM0IDQuNDAyMzcgMTEuMzE2NiA0LjQwMjM3IDExLjcwNzEgNC43OTI4OUMxMi4wOTc2IDUuMTgzNDIgMTIuMDk3NiA1LjgxNjU4IDExLjcwNzEgNi4yMDcxMUw2LjQxNDIxIDExLjVIMjBDMjAuNTUyMyAxMS41IDIxIDExLjk0NzcgMjEgMTIuNUMyMSAxMy4wNTIzIDIwLjU1MjMgMTMuNSAyMCAxMy41SDYuNDE0MjFMMTEuNzA3MSAxOC43OTI5QzEyLjA5NzYgMTkuMTgzNCAxMi4wOTc2IDE5LjgxNjYgMTEuNzA3MSAyMC4yMDcxQzExLjMxNjYgMjAuNTk3NiAxMC42ODM0IDIwLjU5NzYgMTAuMjkyOSAyMC4yMDcxTDMuMjkyODkgMTMuMjA3MUMzLjEwOTgzIDEzLjAyNCAzLjAxMjU4IDEyLjc4NzcgMy4wMDExNCAxMi41NDhDMy4wMDAzOCAxMi41MzIgMyAxMi41MTYgMyAxMi41TTMuMDc1ODggMTIuMTE3MkMzLjEyNDY4IDExLjk5OTMgMy4xOTcwMiAxMS44ODg4IDMuMjkyODkgMTEuNzkyOUwxMC4yOTI5IDQuNzkyODlNMy4wNzU4OCAxMi4xMTcyQzMuMDI4MSAxMi4yMzI0IDMuMDAxMjQgMTIuMzU4NSAzLjAwMDA0IDEyLjQ5MDhMMy4wNzU4OCAxMi4xMTcyWiIgZmlsbD0iIzMwMzczQiIvPgo8L3N2Zz4=');
	}
	.prices-v4 .owl-nav button.disabled > i::before{
		opacity: .3;
	}
	.prices-v4 .controls-group{
		position: relative;
		margin-top: 12px;
	}
	.prices-v4 .controls-group .owl-dots {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		display: inline-flex;
	}
	.prices-v4 .owl-dots .owl-dot{
		margin: 0 4px;
	}
	.prices-v4 .owl-dots .owl-dot span{
		width: 8px;
        height: 8px;
		background: rgba(48, 55, 59, 0.20);
		display: block;
		-webkit-backface-visibility: visible;
		transition: opacity .2s ease;
		border-radius: 30px;
	}
	.prices-v4 .owl-dots .owl-dot.active span{
		background: #30373B;
	}

	.faq .content-padding{
		padding: 32px 15px;
	}
	.faq .title-main{
		margin-top: 0;

	}
}
@media (max-width: 767px) {
	.faq {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.prices-page .faq{
		padding: 0;
	}
	.features-add-opt{
		padding-top: 40px;
	}
	.features-add-opt .top-image{
		margin-bottom: 10px;
	}
	.features-add-opt .top-image img{
		margin: 0 auto;
		display: block;
	}
	.features-add-opt .text-content{
		text-align: center;
	}
	.features-add-opt .features .feature{
		margin-bottom: 40px;
	}
	.trial-conteiner{ padding: 0 15px; }
	.trial-button{
		padding-left: 0px;
		background-image: none;
	}
	.price-button{padding: 40px 0 20px;}
	.price-button .title{font-size: 26px;}
	
	.pricing-panel, .cp-panel{
		padding: 40px 15px 40px;
	}
	.cp-panel .img{margin-right: -15px;}
	.pricing-buttons {
		padding: 20px 15px;
		margin-top: 20px;
	}
	.pricing-buttons.pbb-xs-first{
		margin-top: 40px;
	}
	.pricing-buttons .text{
		min-height: auto;
	}
}

/* retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	.custom-dev{	background-image: url(/images/pricing/customDevNewImage@2x.png);	}

	@media (max-width:991px) {
		.custom-dev{background-image: none;}
	}
}