body .global_modal{background-color:#fff; color:#1e7eee; padding:50px;}
body .ft{font-family: 'Termina', sans-serif;}

.platform{color:#2e2e2e; font-size:18px; letter-spacing:0.2px}

.platform h1{font-size: 42px; font-weight: 400;}
.platform h2{font-size: 36px; font-weight: 400;}
.platform h3{font-size: 30px; font-weight: 400;}
.platform h4{font-size: 24px; font-weight: 400;}
.platform p{font-size: 18px;}

.platform .strong{font-weight: 600;}

@media screen and (max-width:767.5px){
    .platform h1{font-size: 28px;}
    .platform h2{font-size: 24px;}
    .platform h3{font-size: 20px;}
    .platform h4{font-size: 18px;}
    .platform p{font-size: 16px;}
}

@media screen and (max-width:767.5px){
    .platform section .heading{margin-bottom: 10px; margin-top: 0;}
    .platform section .container{padding-bottom: 0;}
    .platform section .container-fluid{padding-bottom: 0;}
}

.platform .btn,
.platform .btn:hover,
.platform .btn:focus{border-radius:16px; font-family: 'Termina', sans-serif; font-size:14px; font-weight: 500; padding: 13px 16px; text-align: center; width: 220px}
.platform .btn.btn-primary,
.platform .btn.btn-primary:hover,
.platform .btn.btn-primary:focus{background-color:#0054b5; color:#fff;}
.platform .btn.btn-secondary,
.platform .btn.btn-secondary:hover,
.platform .btn.btn-secondary:focus{background-color:#1a1a1a; color:#fff;}

.platform .btn-panel{display:none;}
.platform .btn-panel .btn{box-shadow: 0 12px 28px 0 rgba(40, 210, 35, 0.15);}
@media screen and (max-width:991px){
	.platform .btn-panel{
		background-color:#fff;
		display:block;
		padding:12px 20px 4px;
		position:fixed;
		text-align:center;
		right:0; bottom:0; left:0;
		z-index:9999;
	}
	.platform .btn-panel .btn{max-width:375px; width:100%;}
}

.platform .bg-blue{background-color:#1e7eee;}


/** section.MAIN **/
	.platform section.main{
		background-color: #1e7eee;
		color: #fff;
		background-image:url(/img/lp/services/platform/shape-1.png);
		background-position:right center;
		background-repeat: no-repeat;
		background-size: 45%;
	}
	.platform section.main .ic{
		background-color: #0054b5;
		color: #fff;
		border-radius: 15px;
		display: inline-block;
		padding: 6px 32px;
	}
	.platform section.main img.photos{margin-bottom: -110px; margin-left: -110px; max-width: none; width: calc(100% + 110px);}

	@media screen and (max-width:1199.5px){
	}
	@media screen and (max-width:991.5px){
		.platform section.main img.photos{margin: -20px 0 25px -15px; width: 100%;}
	}
	@media screen and (max-width:767.5px){
		.platform section.main{
			background-image:url(/img/lp/services/platform/shape-1.png);
			background-position: 0 100px;
			background-size: cover;
		}
		.platform section.main h1{font-size: 22px;}
		.platform section.main .btn-box{padding-bottom: 60px; text-align: center;}
	}


/** section.ADVANTAGES **/
	.platform section.advantages{}
	.platform section.advantages h2{max-width: 820px; margin-left: 0;}
	.platform section.advantages .container{padding-top: 50px; padding-bottom: 50px;}
	.platform section.advantages .box-txt .items{padding-bottom: 50px; position: relative;}
	.platform section.advantages .box-txt .items .item{
		background-color: #f9f6f3;
		border-radius: 37px;
		margin-bottom: 20px;
		min-height: 180px;
		padding: 34px;
		text-align:left;
	}
	.platform section.advantages .box-txt .items .item .txt{font-size: 20px;}

	.platform section.advantages .box-imgs .summary{display: none;}
	.platform section.advantages .box-imgs .items{align-items: center; display: flex; flex-wrap: wrap;}
	.platform section.advantages .box-imgs .items .item{
		flex: 1;
		flex-basis: calc(100% / 6);
		padding: 20px;
		text-align: center;
	}
	.platform section.advantages .box-imgs .items .item img{max-width:100%; max-height:60px;}
	.platform section.advantages .box-imgs .btn{font-family: inherit; font-size: 16px; text-transform: none; margin: 20px auto 60px;}
	.platform section.advantages .box-imgs .hidden-row {
		display: none;
	}


	@media screen and (max-width:767.5px){
		.platform section.advantages .box-txt .items .item{min-height: auto; padding: 40px 30px; position: relative;}
		.platform section.advantages .box-imgs{margin-top: -20px;}
		.platform section.advantages .box-imgs .items .item{
			flex-basis: calc(100% / 3);
			padding: 10px;
		}
	}


/** section.SMART-PRICING **/
	.platform section.smart-pricing{
		background-color: rgba(246,242,245,1);
		background: linear-gradient(180deg,  rgba(246,242,245,1) 0%,  rgba(246,242,245,1) 69%, rgba(30,126,238,1) 69%, rgba(30,126,238,1) 100%);
		border-radius: 0 150px 0 0;
	}
	.platform section.smart-pricing .img-1{border-radius:12px; margin-left: -200px; max-width: none; width:calc(100% + 200px);}
	.platform section.smart-pricing .img-2{display: none;}
	.platform section.smart-pricing .items{}
	.platform section.smart-pricing .items .item{
		background-color: #00387a;
		border-radius: 16px;
		color: #fff;
		display: inline-block;
		padding: 10px 30px;
	}
	.platform section.smart-pricing .items .item p{margin: 0;}
	.platform section.smart-pricing .items>div{margin-top: 12px;}

	@media screen and (max-width:991.5px){
		.platform section.smart-pricing .img-1{margin: 50px auto -100px; width: 100%;}
	}
	@media screen and (max-width:767.5px){
		.platform section.smart-pricing{
			background-color: rgba(246,242,245,1);
			background: linear-gradient(180deg,  rgba(246,242,245,1) 0%,  rgba(246,242,245,1) 50%, rgba(30,126,238,1) 50%, rgba(30,126,238,1) 100%);
			border-radius: 0 150px 0 0;
		}
		.platform section.smart-pricing .img-1{display: none;}
		.platform section.smart-pricing .img-2{display: block; margin-left: -15px; margin-bottom: 20px;}
		.platform section.smart-pricing .img-2 + p{color: #fff;}
		.platform section.smart-pricing .items{padding-bottom: 40px;}
	}


/** section.ASPECTS **/
	.platform section.aspects{}
	.platform section.aspects .items{}
	.platform section.aspects .items .item{
		background-color: #f9f6f3;
		border-radius: 0 37px 37px 37px;
		margin-bottom: 24px;
		min-height: 250px;
		padding: 10px 30px;
		position: relative;
	}
	.platform section.aspects .items .item .title{font-size: 18px; margin: 12px 0;}
	.platform section.aspects .items .item .desc{font-size: 14px;}
	.platform section.aspects .items .item img{
		height: 20px;
		position: absolute;
		bottom: 20px;
		right: 20px;
	}
	@media screen and (max-width:991.5px){
		.platform section.aspects .items .item{padding-bottom: 50px;}
	}

	@media screen and (max-width:767.5px){
		.platform section.aspects .items-box{
			margin-right: -15px;
			overflow: auto;
		}
		.platform section.aspects .items .row{
			display: flex;
			flex-direction: row;
			gap:24px;
			justify-content: space-between;
			overflow-x: hidden;
			width: 1200px;
		}
		.platform section.aspects .items .row .col-xs-12{
			flex: 1 1 0;
			margin: 0;
			padding: 0;
			width: auto;
		}
	}


/** section.FEATURES **/
	.platform section.features{
		background: rgb(242,243,243);
		background: linear-gradient(140deg, rgba(242,243,243,1) 0%, rgba(247,241,248,1) 100%);
		border-radius: 0 100px 100px 0;
		overflow: hidden;
	}
	.platform section.features .container{padding-top: 1px;}
	.platform section.features .wrapper{
		background-color: #fff;
		border-radius: 0 70px 70px 0;
		padding: 40px 0;
		position: relative;
	}
	.platform section.features .wrapper:before{
		background-color: #fff;
		border-radius: 0 70px 70px 0;
		box-shadow: 0 22px 64px 0 rgba(0, 0, 0, 0.05);
		content: '';
		display: block;
		position: absolute;
		top: 0; bottom: 0; left: -9999px; right: 0;
	}
	.platform section.features .wrapper h2{position: relative;}

	.platform section.features .nav-tabs{border:none; padding-right: 60px;}
	.platform section.features .nav-tabs>li{display: block; width: 100%;}
	.platform section.features .nav-tabs>li a,
	.platform section.features .nav-tabs>li a:hover,
	.platform section.features .nav-tabs>li a:focus{
		background-color: transparent;
		border: none;
		border-radius: 16px;
		padding: 16px 32px;
		text-align: left;
		width: 100%;
	}
	.platform section.features .nav-tabs>li.active a,
	.platform section.features .nav-tabs>li.active a:hover,
	.platform section.features .nav-tabs>li.active a:focus{
		background-color: #1e7eee;
		box-shadow: 0 6px 16px 0 rgba(30, 126, 238, 0.3);
		color: #fff;
	}

	.platform section.features .tab-content{text-align: center;}
	.platform section.features .tab-content img{margin-top: 56px; width: 90%;}
	.platform section.features .tab-content .items{margin-top: 29px; text-align: left;}
	.platform section.features .tab-content .items .item{
		display: inline-block;
		font-size: 16px;
		vertical-align: top;
		padding-left: 32px;
		position: relative;
		width: calc(50% - 4px);
	}
	.platform section.features .tab-content .items .item:before{
		background-color: #1e7eee;
		border-radius: 100%;
		content: '';
		display: block;
		height: 8px;
		position: absolute;
		top:8px; left:8px;
		width: 8px;
	}
	@media screen and (max-width:767.5px){
		.platform section.features .container{padding-top: 24px;}
		.platform section.features .wrapper{margin-right: 40px;}
		.platform section.features .tab-content .items{padding-bottom: 60px;}
		.platform section.features .tab-content img{margin-top: 40px; width: 100%;}
		.platform section.features .nav-tabs>li.active a,
		.platform section.features .nav-tabs>li.active a:hover,
		.platform section.features .nav-tabs>li.active a:focus{
			font-size: 14px;
		}
	}



/** section.PAYMENT **/
.platform section.payment{margin-top: 40px;}
.platform section.payment .heading{margin-top: 80px;}
@media screen and (max-width:767.5px){
	.platform section.payment{margin-top: 0;}
	.platform section.payment .heading{margin-top: 0;}
}



/** section.AUTOMATION **/
.platform section.automation{margin-bottom: 200px;}
.platform section.automation .container{padding-bottom: 40px;}
.platform section.automation h2{max-width: 600px;}
.platform section.automation .bg{background-color: #00387a; border-radius: 0 100px 100px 0; color: #fff; position: relative;}
.platform section.automation .bg:before{
	background-color: #1e7eee;
	border-radius: 0 100px 100px 0;
	content: '';
	display: block;
	position: absolute;
	top: 0; left: 0; right: 50%; bottom: 0;
}
.platform section.automation .bg img{position: absolute; bottom: -50px; right: 40px; width: 220px;}
@media screen and (max-width:991.5px){
	.platform section.automation .bg img{bottom: -100px;}
	.platform section.automation .bg:before{
		background-color: #1e7eee;
		top: 0; left: 0; right: 0; bottom: 50%;
	}
	.platform section.automation .item{padding: 20px 0;}
}
@media screen and (max-width:767.5px){
	.platform section.automation .container{padding-bottom: 20px;}
	.platform section.automation .item{padding: 20px 20px 40px;}
	.platform section.automation .bg:before{
		bottom: 45%;
	}
}