.dpt{
	font-family: Cabin;
    overflow: hidden;
	padding-bottom: 80px;
	color: #212529;
}
.rtl .dpt{
    text-align: right;
}
.dpt+.footer{
	margin-top: 0
}
.dpt__head {
    padding-top: 70px;
    padding-bottom: 80px;
	position: relative
}
	.dpt__head:before{
		content: '';
		background: rgb(186 186 186 / 15%);
		background-blend-mode: soft-light;
		width: 786.4px;
		height: 786.4px;
		position: absolute;
		top: 30%;
		left: 50%;
		display: block;
		border-radius: 50%;
	}
	.dpt__head-subtitle{
		font-size: 16px;
	}
	.dpt__head-subtitle img{
		height: 32px;
	}
	.dpt__head-title{
		font-weight: normal;
		font-size: 80px;
		line-height: 96px;
		margin-top: 24px;
		font-family: Fjalla One;
		max-width: 80%;
	}
	.dpt__head-description{
		margin-top: 90px;
		letter-spacing: 0.16em;
		text-transform: uppercase;
		opacity: 0.8;
	}
	
	
.dpt__about{
	z-index: 2;
    position: relative;
	background-position: center top;
    background-repeat: no-repeat;
}
	.dpt__about-container {
		display: flex;
		justify-content: space-between;
	}	
		.dpt__about-description {
			font-weight: 500;
			font-size: 16px;
			line-height: 24px;
			letter-spacing: 0.02em;
			padding-right: 120px;
			flex: 2;
		}
		.dpt__about-description span{
			font-family: Fjalla One;
			font-style: normal;
			font-weight: normal;
			font-size: 32px;
			line-height: 56px;
			display: block;
			margin-bottom: 15px;
			color: var(--project-color);
		}
		.dpt__about-conten{
			flex: 3
		}
			.dpt__about-item{
				margin-bottom: 100px;
				font-size: 14px;
				line-height: 20px;
				letter-spacing: 0.02em;
				color: #16151A;
				z-index: 5;
				position: relative;
			}
			.dpt__about-item:last-child{
				margin-bottom: 0
			}
			.dpt__about-item span{
				font-family: Fjalla One;
				font-style: normal;
				font-weight: normal;
				font-size: 32px;
				line-height: 56px;
				display: block;
				margin-bottom: 15px;
			}
			.dpt__system .dpt__about-item span{
				color: var(--project-color);
			}
		.dpt__about-decor{
			flex: 2;
			padding-top: 50px;
			padding-bottom: 110px
		}
		.dpt__about-image{
			flex: 3;
			text-align: right;
			margin-top: -150px;
		}

.dpt__video{
	position: relative;
	padding-top: 130px; 
}		
	.dpt__video-container{
		position: relative;
	}	
		.dpt__video-container:before{
			content:'';
			background: url('../img/desing/icon-decor-2.png') no-repeat 50%;
			background-size: contain;
			height: 490px;
			width: 490px;
			position: absolute;
			transform: translate(-60%, -60%);
		}		
	.dpt__video-youtube {
		overflow: hidden;
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		border-radius: 8px;
		margin-bottom: 20px;
		z-index: 5;
	}

		.dpt__video-youtube iframe,
		.dpt__video-youtube a		{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		.dpt__video-youtube:after {
			content: '';
			height: 100%;
			width: 100%;
			z-index: 5;
			display: block;
			left: 0;
			top: 0;
			position: absolute;
		}
		.dpt__video-youtube a{
			z-index: 10
		}
			.dpt__video-youtube a:after{
				content:'';
				background: url('../img/play-2.png') no-repeat 50%;
				display: block;
				left:0;
				top:0;
				width:100%;
				height: 100%;
				position: absolute;
			}
			.dpt__video-youtube a img {
				height: 100%;
				width: 100%;
				object-fit: contain;
			}
.dpt__system{
	padding-top: 80px;
	overflow: hidden;
	position: relative;
}
	.dpt__system:before{
		content: '';
		width: 1646.3px;
		height: 1646.3px;
		background: #FAFBFD;
		border-radius: 50%;
		position: absolute;
		left: 20%;
		top: 30%
	}	
	.dpt__system:after{
		content: '';
		width: 400px;
		height: 300px;
		background: url('../img/desing/icon-decor-1.png') no-repeat 50%;
		background-size: contain;
		position: absolute;
		left: 50%;
		top: 50%
	}
	.dpt__system-container{
		position: relative;
		padding-top: 100px;
		padding-bottom: 170px;
	}
	.dpt__system-container .dpt__about-item{
		max-width: 50%
	}
	.dpt__system-container:before{
		width: 222px;
		height: 222px;
		background: #FAFBFD;
		content: '';
		display: block;
		border-radius: 50%;
		position: absolute;
		transform: translate(-50%, -50%);
	}
	.dpt__system-container:after{
		content: '';
		width: 149px;
		height: 149px;
		background: url('../img/desing/icon-decor-3.png') no-repeat 50%;
		background-size: contain;
		position: absolute;
		left: 100%;
		top: 0%
	}

.dpt__gallery {
	position: relative;
	overflow: hidden
}
	.dpt__gallery-carusel{
		position: relative;
		margin: 0 !important
	}
		.dpt__gallery-item{
			height: 100vh;
			display: flex !important;
			align-items: center;
			justify-content: center;
			background-size: cover;
		}
		.dpt__gallery-item img{
			width: auto;
			display: block;
			height: 100%;
			object-fit: contain;
		}
	.dpt__gallery-nav{
		position: absolute;
		top:50%;
		transform:translateY(-50%);
		width: 100% 
	}
		.dpt__gallery-nav .container{
			position: relative;
		}
	.dpt__gallery-nav .slick-next{
		width: 40px;
		height: 40px;
		left: 100%;
		margin-left: 50px;
		right: inherit;
	} 
	.dpt__gallery-nav .slick-prev{
		width: 40px;
		height: 40px;	
		right: 100%;
		margin-right: 50px;
		left: inherit;
	}	
	.dpt__gallery-nav .slick-next:before, 
	.dpt__gallery-nav .slick-prev:before{
		display: none;
	}	
	.dpt__gallery-nav .slick-next, 
	.dpt__gallery-nav .slick-prev{
		opacity: 0.5
	}	
	.dpt__gallery-nav .slick-next:hover, 
	.dpt__gallery-nav .slick-prev:hover{
		opacity: 1
	}
	.dpt__gallery .slick-dots {
		position: absolute;
		bottom: 30px;
		left: 0;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		.dpt__gallery .slick-dots li button{
			display: none;
		}
		.dpt__gallery .slick-dots li{
			background: #F2F2F2;
			opacity: 0.5;
			border-radius: 2px;
			width: 10px;
			height: 10px;
			margin: 0 20px;
			width: 8px;
			height: 8px;
		}
		.dpt__gallery .slick-dots li.slick-active{
			width: 10px;
			height: 10px;
			background: #FFFFFF;
			opacity: 1
		}
.dpt__review{
	padding-top: 120px;
	padding-bottom: 120px;
}
	.dpt__review-container {
		position: relative;
		padding-left: 40%;
	}	
		.dpt__review-container:before{
			content:'';
			background-size: contain;
			-webkit-mask: url('../img/desing/icon-quotes.svg') no-repeat 50% 50%;
			mask: url('../img/desing/icon-quotes.svg') no-repeat 50% 50%;
			-webkit-mask-size: contain;
			mask-size: contain;
			background-color: var(--project-color);			
			height: 63px;
			width: 63px;
			position: absolute;
			left: 20%;
			top: 10%;
		}
	.rtl .dpt__review-container{
		padding-left: 0;
		padding-right: 40%;
	}
		.rtl .dpt__review-container:before{
			right: 20%;
			left: inherit;
			transform: rotateZ(180deg)
		}
	.dpt__review-text{
		border-bottom: 1px solid rgb(172 193 218 / 40%);
		font-size: 16px;
		line-height: 24px;
		color: #4D5154;
		opacity: 0.8;	
		padding-bottom: 30px;
		margin-bottom: 24px
	}
	.dpt__review-meta{
		position: relative;
		padding-left: 75px;
	}
	.dpt__review-photo{
		height: 48px;
		width: 48px;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
		.dpt__review-photo img{
			height: 100%;
			width: 100%;
			border-radius: 50%;
			object-fit: cover
		}
		.dpt__review-name {
			font-family: Fjalla One;
			font-size: 14px;
			line-height: 20px;
			color: #212529;
			margin-bottom: 4px;
		}
		.dpt__review-position {
			font-size: 14px;
			line-height: 20px;
			letter-spacing: 0.16em;
			color: #7C8B9C;
		}
		.rtl .dpt__review-meta{
			padding-right: 75px;
			padding-left: 0
		}
		.rtl .dpt__review-photo{
			right: 0;
			left: inherit;
		}
		
.dpt__form{}
	.dpt__form-container {
		background: #323A44;
		border-radius: 8px;
		padding: 56px 20%;
		color: #fff;
		text-align: center;
		position: relative;
		overflow: hidden;
	}	
		.dpt__form-title{
			font-family: Fjalla One;
			font-style: normal;
			font-weight: normal;
			font-size: 32px;
			line-height: 40px;
			color: #FFFFFF;
			margin-bottom: 8px
		}
		.dpt__form-description{
			font-size: 16px;
			line-height: 24px;
			text-align: center;
			letter-spacing: 0.16em;
			color: #FFFFFF;
			opacity: 0.8;	
			margin-bottom: 32px;
		}
		.dpt__form-container:before{
			content: '';
			height: 120px;
			width: 120px;
			position: absolute;
			opacity: 0.1;
			left: 50px;
			bottom: -120px;
			border: 57px solid #ACC1DA;
			border-radius: 50%;
			box-sizing: content-box;
		}		
		.dpt__form-container:after{
			content: '';
			height: 128px;
			width: 128px;
			position: absolute;
			opacity: 0.1;
			right: 15%;
			top: -60px;
			border-radius: 50%;
			background: #ACC1DA;
		}
		.dpt__form .wpcf7-text, 
		.dpt__form .wpcf7-textarea,
		.dpt__form .view_phone{
			text-indent: 0;
			height: 40px;
			min-height: auto;
			font-size: 14px;
			padding: 0 15px;
		}	
		.dpt__form .intl-tel-input{
			color:#363636
		}
		.dpt__form .wpcf7-textarea{
			padding:  15px;
			height:88px
		}
		.cf7-fileattach{
			outline: none;
			border: none;
			background: none;
			display: flex;
			align-items: center;
			position: relative;
			/* margin-bottom: 35px; */
		}
		.cf7-fileattach:before {
			content: attr(data-before);
			display: block;
			font-family: 'Cabin', sans-serif;
			font-style: normal;
			font-weight: normal;
			font-size: 14px;
			line-height: 24px;
			color: #000;
			background: url(../img/contact-us/paperclip.svg);
			background-repeat: no-repeat;
			padding-left: 50px;
			position: absolute;
			line-height: 30px;
			color:#fff
		}	
			.cf7-fileattach input{
				opacity: 0
			}	
			.cf7-fileattach:hover:before{
				opacity: 0.7
			}			
		.form-field-item{
			text-align: left;
			text-transform: uppercase;
			font-size: 10px;
			line-height: 18px;
			text-transform: uppercase;
			margin-bottom: 12px;
		}
		.dpt__form .wpcf7-submit{
			margin: 0 auto;
			font-weight: normal !important;
		}
		
		
.dpt__other{
	padding-top: 150px;
	padding-bottom: 10px
}	
	.dpt__other-container{
		border: 0.5px solid #ACC1DA;
		border-radius: 8px;
		padding: 0 48px;
		border-top-left-radius:0;
		position: relative;
	}
	.dpt__other-title{
		font-family: Fjalla One;
		font-style: normal;
		font-weight: normal;
		font-size: 32px;
		line-height: 56px;
		color: #FFFFFF;
		background: #F22F47;
		height: 64px;
		display: inline-flex;
		align-items: center;
		padding: 0 16px;
		margin-bottom: 50px;
		position: relative;
		margin-top: 0;
		transform: translateY(-34px);
	}
		.dpt__other-title:before{
			content:'';
			height:4px;
			width:30px;
			right:100%;
			top:50%;
			margin-bottom: -2px;
			display: block;
			background: #fff;
			position: absolute
		}		
		.dpt__other-title:after{
			content:'';
			height:4px;
			width:30px;
			left:100%;
			top:50%;
			margin-bottom: -2px;
			display: block;
			background: #fff;
			position: absolute
		}
	.dpt__other-item{
		display: block;
		padding-bottom: 50px
	}
		.dpt__other-image{
			padding-bottom: 20px;
			border-bottom: 1px solid rgb(172 193 218 / 40%);
			margin-bottom: 12px
		}
			.dpt__other-item a{
				display: block;
			}
			.dpt__other-item img{
				height: 168px;
				width: 100%;
				object-fit: contain
			}
		.dpt__other-meta{}
			.dpt__other-meta a{
				font-family: Fjalla One;
				font-size: 14px;
				line-height: 20px;
				color: #212529;
			}
			.dpt__other-meta span{
				display: block;
				font-size: 14px;
				line-height: 20px;
				letter-spacing: 0.16em;
				color: #7C8B9C;
			}
			.dpt__other-meta p{
				margin-top: 16px;
				margin-bottom: 0
				display: -webkit-box;
				-webkit-line-clamp: 4;
				-webkit-box-orient: vertical;
				overflow: hidden;
			}
		.dpt__other-carusel{
			margin-bottom: 0 !important;
			position: initial;
		}	
			.dpt__other-carusel .slick-list{
				margin: 0 -50px;
			}
			.dpt__other-carusel .slick-slide {
				padding: 0 50px;
			}
			
	.dpt__other .slick-dots {
		position: absolute;
		bottom: -5px;
		left: 50%;
		width: auto;
		display: flex;
		justify-content: center;
		align-items: center;
		transform: translateX(-50%);
		background: #fff;
		padding: 0 10px;
		max-width: calc(100% - 40px);
	}
		.dpt__other .slick-dots li button{
			display: none;
		}
		.dpt__other .slick-dots li{
			background: #7C8B9C;
			opacity: 0.5;
			border-radius: 2px;
			width: 10px;
			height: 10px;
			margin: 0 20px;
			width: 8px;
			height: 8px;
		}
		.dpt__other .slick-dots li.slick-active{
			width: 10px;
			height: 10px;
			background: #506074;
			opacity: 1
		}
		
	.dpt__other-carusel .slick-next{
		width: 40px;
		height: 40px;
		left: 100%;
		margin-left: 50px;
		right: initial;
	} 
	.dpt__other-carusel .slick-prev{
		width: 40px;
		height: 40px;	
		right: 100%;
		margin-right: 50px;
		left: initial;
	}	
	.dpt__other-carusel .slick-next svg path,
	.dpt__other-carusel .slick-prev svg path{
		fill: #4C637E
	}
	.dpt__other-carusel .slick-next:before, 
	.dpt__other-carusel .slick-prev:before{
		display: none;
	}	
@media (max-width: 1199.98px) {
	.dpt__gallery-item {
		height: 100vh;
	}
	.dpt__other-carusel .slick-slide {
		padding: 0 20px;
	}	
	.dpt__other .slick-dots{
		flex-wrap: wrap;
	}
	.dpt__other .slick-dots li{
		margin: 0 15px;
	}	
}
@media (max-width: 991.98px) {
	.dpt__other-carusel .slick-next, 
	.dpt__other-carusel .slick-prev,
	.dpt__gallery-carusel .slick-prev,
	.dpt__gallery-carusel .slick-next{
		display: none !important;
	}
	.dpt__other .slick-dots {
		width: fit-content;
	}
}	
@media (max-width: 767.98px) {
	.dpt{
		padding-bottom: 60px
	}
	.dpt__head {
		padding-top: 40px;
		padding-bottom: 40px
	}
	.dpt__head-title {
		font-size: 24px;
		line-height: 32px;
		max-width: 100%;
	}
	.dpt__head-description{
		display: none;
	}
	.dpt__about-container{
		flex-wrap: wrap
	}
	.dpt__about-image{
		order: 1;
		flex: 0 0 100%;
		margin-top: 40px;
		margin-bottom: 80px
	}
	.dpt__head:before{
		height: 400px;
		width: 400px;
		left: 20%;
	}
	.dpt__about-description,
	.dpt__about-conten{
		padding: 0;
		flex: 0 0 100%;
	}
	.dpt__about-description{
		margin-bottom: 50px
	}
	.dpt__about-item{
		margin-bottom: 0;
		margin-top: 0px;
		border-bottom: 1px solid rgb(172 193 218 / 40%);
		padding-bottom: 15px;
		margin-bottom: 15px
	}
	.dpt__about-item span{
		font-size: 20px;
		line-height: 32px;
		position: relative;
	}
	.dpt__about-item span+div{
		display: none;
	}
	.dpt__about-item span:after{
		content: '';
		background-size: contain;
		-webkit-mask: url('../img/plus.svg') no-repeat 50% 50%;
		mask: url('../img/plus.svg') no-repeat 50% 50%;
		-webkit-mask-size: contain;
		mask-size: contain;
		background-color: var(--project-color);				
		height: 16px;
		width: 16px;
		position: absolute;
		background-size: contain;
		right: 0;
		top: 50%;
		top: 6px;
		transition: all 0.3s;
	}
	.rtl .dpt__about-item span:after{
		left: 0;
		right: inherit;
	}
	.dpt__about-item span.open:after{
		transform: rotate(225deg);
	}
	.dpt__about-item span{
		margin-bottom: 0
	}
	.dpt__video{
		padding-top: 60px
	}
		.dpt__video-youtube{
			margin-bottom: 0
		}
		.dpt__video-container:before{
			display: none
		}
	.dpt__system{
		padding-top: 0
	}
	.dpt__system-container{
		padding-top: 60px;
		padding-bottom: 60px
	}
	.dpt__system-container .dpt__about-item{
		max-width: 100%
	}
	.dpt__gallery-item{
		height: auto
	}
	.dpt__gallery .slick-dots{
		bottom: 16px;
	}
	.dpt__gallery .slick-dots li{
		margin: 0 8px;
	}
	.dpt__review{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.dpt__review-container{
		padding-left: 80px;
	}
	.dpt__review-container:before {
		height: 24px;
		width: 24px;
		left: 0;
		top: 0;
	}	
	.dpt__review-text {
		font-size: 14px;
		line-height: 20px;
	}	
	.dpt__review-meta{
		padding-left: 60px
	}
	.dpt__form-title{
		font-size: 20px;
		line-height: 32px;
		padding: 0 15px;
	}
	.dpt__form-description{
		padding: 0 15px;
	}
	.dpt__form-container{
		padding: 40px 5px
	}
	.dpt__other {
		padding-top: 76px;
		padding-bottom: 0
	}
	.dpt__other-container{
		padding: 0;
	}
	.dpt__other-carusel .slick-list{
		margin: 0
	}
	.dpt__other .slick-dots li {
		margin: 0 8px;
	}
	.dpt__other-title{
		font-size: 18px;
		height: 40px;
		transform: translateY(-20px);
		margin-bottom: 20px;
		margin-left: -1px
	}
	.rtl .dpt__review-container{
		padding-right: 20%;
	}
	.rtl .dpt__review-container:before{
		right: 0
	}
}