@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

@font-face {
	font-family: 'DIN';
	src: url('../fonts/DIN-NEXT-ARABIC-BLACK.otf');
}

@font-face {
	font-family: 'DIN';
	src: url('../fonts/DIN\ NEXT™\ ARABIC\ BOLD.otf');
	font-weight: bold;
}

@font-face {
	font-family: 'DIN';
	src: url('../fonts/DIN\ NEXT™\ ARABIC\ HEAVY.otf');
	font-weight: 800;
}

@font-face {
	font-family: 'DIN';
	src: url('../fonts/DIN\ NEXT™\ ARABIC\ LIGHT.otf');
	font-weight: 200;
}

@font-face {
	font-family: 'DIN';
	src: url('../fonts/DIN\ NEXT™\ ARABIC\ MEDIUM\ .otf');
	font-weight: 300;
}

@font-face {
	font-family: 'DIN';
	src: url('../fonts/DIN\ NEXT™\ ARABIC\ REGULAR.otf');
	font-weight: 500;
}

@font-face {
	font-family: 'DIN';
	src: url('../fonts/DIN-NEXT-ARABIC-ULTRALIGHT.otf');
	font-weight: 100;
}


body {
	font-family: DIN;
	background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6,
.custom-font {
	font-family: DIN;
}

p {
	color: #999;
	font-size: 14px;
	font-weight: 300;
}

.navbar {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.nav-scroll {
	background: var(--secondary-color);
}

.navbar .dropdown-menu {
	background: #fff;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

.navbar .navbar-nav .dropdown-item:hover,
.main-color,
.progress-wrap::after,
.nav-scroll .navbar-collapse .active,
.light .navbar-collapse .active {
	color: var(--primary-color) !important;
}

.navbar .dropdown-menu .dropdown-item:after,
.back-color,
.line,
.cursor-inner,
.pace .pace-progress {
	background: var(--primary-color) !important;
}

.cursor-outer,
.testimonials .arrows .next:hover,
.testimonials .arrows .prev:hover {
	border-color: var(--primary-color) !important;
}

.main-content {
	background: #fff;
}

.color-font {
	color: var(--primary-color);
	-webkit-text-fill-color: var(--primary-color);
	background: none;
}

.progress-wrap svg.progress-circle path {
	stroke: var(--primary-color);
}

.sub-bg {
	background: var(--cta-color);
}

.line {
	opacity: .1;
}

.testimonials .item {
	background: transparent;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.testimonials .arrows .next,
.testimonials .arrows .prev {
	border-color: rgba(0, 0, 0, 0.3);
	border-radius: 0;
}

.team .item.cir .img:after {
	display: none;
}

@media screen and (max-width: 991px) {

	.navbar .navbar-collapse {
		max-height: 340px;
		overflow: auto;
		background: #262626;
		text-align: center;
		padding: 10px 15px;
	}

	.navbar .dropdown-menu {
		background: #232323;
	}

	.nav-scroll .navbar-collapse .active,
	.light .navbar-collapse .active,
	.navbar .navbar-nav .nav-link:hover {
		color: var(--primary-color) !important;
	}

}