/** 3 Point Plane **/
.tsu-3-point-plane {
	position: relative;
	margin-left: -9.5%;
	margin-right: -9.5%;
	padding-left: 9.5%;
	padding-right: 9.5%;
	padding-top: 5%;
	padding-bottom: 5%;
	background: var(--global--color-light-gray-blue);
}
@media (max-width: 991px){
	.tsu-3-point-plane {
		padding-top: 10%;
		padding-bottom: 6%;
	}
}
.tsu-3-point-plane > .container-fluid,
.tsu-3-point-plane > .row {
    position: relative;
    z-index: 1;
}

.tsu-3-point-plane .preamble + .row {
	margin-bottom: 100px;
}

.tsu-3-point-plane .three-point-plane-inner-wrap {
	position: relative;
}
.tsu-3-point-plane .three-point-plane-inner-wrap .svg-wrap #plane-path {
	color: #B3B8BF;
}
.tsu-3-point-plane .three-point-plane-inner-wrap .svg-wrap #plane {
	color: #6B717B;
}
.tsu-3-point-plane .point-wrap {
	text-align: center;
	position: absolute;
	/*width: 200px;*/
	width: 33.33%;
	top: 66.6%;
	/*left: 12%;*/
	left: 2%;
	transition: all ease-in-out .2s;
}
.tsu-3-point-plane .point-wrap + .point-wrap {
	top: 16.6%;
	/*left: 44%;*/
	left: 34%;
}
.tsu-3-point-plane .point-wrap + .point-wrap + .point-wrap {
	top: 46%;
	/*left: 76.1%;*/
	left: 66.1%;
}
@media screen and (max-width: 1600px){
	.tsu-3-point-plane .point-wrap {
		top: 62%;
		/*left: 10.6%;*/
		left: 1.6%;
	}
	.tsu-3-point-plane .point-wrap + .point-wrap {
		top: 11%;
		/*left: 42.5%;*/
		left: 33.5%;
	}
	.tsu-3-point-plane .point-wrap + .point-wrap + .point-wrap {
		top: 41%;
		/*left: 74.2%;*/
		left: 65.2%;
	}
}
@media screen and (max-width: 1300px){
	.tsu-3-point-plane .point-wrap {
		top: 57%;
		/*left: 9.4%;*/
		left: 2.4%;
	}
	.tsu-3-point-plane .point-wrap + .point-wrap {
		top: 8%;
		/*left: 40.8%;*/
		left: 33.8%;
	}
	.tsu-3-point-plane .point-wrap + .point-wrap + .point-wrap {
		top: 37%;
		/*left: 72.2%;*/
		left: 65.2%;
	}
}
@media screen and (max-width: 1024px){
	.tsu-3-point-plane .point-wrap {
		top: 54%;
		/*left: 7.4%;*/
		left: 2.4%;
	}
	.tsu-3-point-plane .point-wrap + .point-wrap {
		top: 5%;
		/*left: 38.8%;*/
		left: 33.8%;
	}
	.tsu-3-point-plane .point-wrap + .point-wrap + .point-wrap {
		top: 34%;
		/*left: 69.2%;*/
		left: 64.2%;
	}
}
@media screen and (max-width: 991px){
	.tsu-3-point-plane .three-point-plane-inner-wrap {
		display: flex;
	}
	.tsu-3-point-plane .three-point-plane-inner-wrap .svg-wrap {
		display: none;
	}
	.tsu-3-point-plane .point-wrap {
		position: static;
		display: block;
		width: 33.33%;
		flex: 0 0 33.33%;
		margin: 0;
	}
}
@media screen and (max-width: 767px){
	.tsu-3-point-plane .three-point-plane-inner-wrap {
		display: block;
	}
	.tsu-3-point-plane .point-wrap {
		width: 100%;
		flex: 0 0 100%;
		/*max-width: 200px;*/
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50px;
	}
	.tsu-3-point-plane .preamble + .row {
		margin-bottom: 0;
	}
}
.tsu-3-point-plane .point-wrap img {
	width: 110px;
	margin: auto auto 1em;
}
/*.tsu-3-point-plane .point-wrap::before {
	content: "";
	background: #dbe4f3;
	width: 110px;
	height: 110px;
	position: absolute;
	border-radius: 50%;
	z-index: -1;
	left: calc(50% - 55px);
	top: -26px;
}*/

.point-content {
  padding: 0 8%;
}

/* Arabic */
.rtl .tsu-3-point-plane .point-wrap {
	top: 66.6%;
	left: initial;
	right: 2%
}
.rtl .tsu-3-point-plane .point-wrap + .point-wrap {
	top: 16.6%;
	left: initial;
	right: 34%;
}
.rtl .tsu-3-point-plane .point-wrap + .point-wrap + .point-wrap {
	top: 46%;
	left: initial;
	right: 66.1%;
}


@media screen and (max-width: 1600px){
	.rtl .tsu-3-point-plane .point-wrap {
		top: 62%;
		left: initial;
		right: 1.6%;
	}
	.rtl .tsu-3-point-plane .point-wrap + .point-wrap {
		top: 11%;
		left: initial;
		right: 33.5%;
	}
	.rtl .tsu-3-point-plane .point-wrap + .point-wrap + .point-wrap {
		top: 41%;
		left: initial;
		right: 65.2%;
	}
}
@media screen and (max-width: 1300px){
	.rtl .tsu-3-point-plane .point-wrap {
		top: 57%;
		left: initial;
		right: 2.4%;
	}
	.rtl .tsu-3-point-plane .point-wrap + .point-wrap {
		top: 8%;
		left: initial;
		right: 33.8%;
	}
	.rtl .tsu-3-point-plane .point-wrap + .point-wrap + .point-wrap {
		top: 37%;
		left: initial;
		right: 65.2%;
	}
}
@media screen and (max-width: 1024px){
	.rtl .tsu-3-point-plane .point-wrap {
		top: 54%;
		left: initial;
		right: 2.4%;
	}
	.rtl .tsu-3-point-plane .point-wrap + .point-wrap {
		top: 5%;
		left: initial;
		right: 33.8%;
	}
	.rtl .tsu-3-point-plane .point-wrap + .point-wrap + .point-wrap {
		top: 34%;
		left: initial;
		right: 64.2%;
	}
}