.content-right {
	text-align: right !important;
	direction: rtl !important;
}

.content-left {
	text-align: left !important;
	direction: rtl !important;
}

.content-center {
	text-align: center !important;
	direction: rtl !important;
}

.red-text-color {
	color: var(--theme-secound-color) !important;
}

.box-country-index {
	background-image: url(../img/bg/service_bg-3overlay.png) !important;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	direction:rtl
}
.mb-5-percentage {
	margin-bottom:5%;
}
.video-box-index {
	padding: 20px;
	background-image: url(../img/video-bg3-1.png);
}


.image-box-index {
	padding: 20px;
	background-image: url(../img/image-About-1.png);
}
.p-5-pixel{
	padding:5px;
}
.border-raduis-10-pixel{
	border-radius:10px;
}

.h1-target-page {
	font-size: 47px;
	text-align: center;
}


/*----------------------------scrollbar-------------------*/

/* width */
::-webkit-scrollbar {
	width: 10px;
	background: var(--background-color);
}

/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #212227;
	border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: var(--theme-color);
	border-radius: 10px;
}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
		background: var(--theme-color);
	}

#de-carousel .mask {
	background: rgba(30, 30, 30, .5);
}

.mask {
	width: 100%;
	position: relative;
	overflow: hidden !important;
	display: inline-block;
}

.mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-attachment: fixed;
}