@font-face {
	font-family: "Arial";
	src: url("../fonts/Arial.eot");
	src: local("Arial"), url("../fonts/Arial.woff") format("woff"),
		url("../fonts/Arial.ttf") format("truetype");
}

:root {
	--color-primary: #013f5e;
	--color-omlaw: #9a002b;
	--color-capital: #6eba44;
	--color-mawji: #013f5e;
	--color-dm: #65A343;
	--color-horizon: #013f5e;
	--color-gray: #939598;
	--color-gradient-start: #013f5e;
	--color-gradient-stop: #013f5e;
	--color-white: #ffffff;
}
.bg-capital {
	background-color: var(--color-capital);
}
.bg-omlaw {
	background-color: var(--color-omlaw);
}
.bg-mawji {
	background-color: var(--color-mawji);
}
.bg-dm {
	background-color: var(--color-dm);
}
.bg-horizon {
	background-color: var(--color-horizon);
}

.text-capital {
	color: var(--color-capital);
}

.text-omlaw {
	color: var(--color-omlaw);
}
.text-mawji {
	color: var(--color-mawji);
}
.text-dm {
	color: var(--color-dm);
}
.text-horizon {
	color: var(--color-horizon);
}

body {
	font-family: Arial, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.53em;
	color: #67615d;
}

#content {
	background-color: #000;
}
#content .vc_row {
	background-color: #f4f4ef;
}

.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
	font-family: Arial, sans-serif;
	font-weight: 300;
	color: #503c2f;
}

.h1,
h1 {
	font-size: 52px;
	line-height: 1.2em;
}

.h2,
h2 {
	font-size: 42px;
	line-height: 1.2em;
}

.h3,
h3 {
	font-size: 38px;
	line-height: 1.2em;
}

.h4,
h4 {
	font-size: 34px;
	line-height: 1.2em;
}

.h5,
h5 {
	font-size: 20px;
	line-height: 1.2em;
}

.h6,
h6 {
	font-size: 18px;
	line-height: 1.2em;
	font-weight: 400;
	color: #c19a5d;
}

.main-nav > li > a {
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	color: rgba(255, 255, 255, 0.8);
}

.main-nav > li.is-active > a,
.main-nav > li.current-menu-item > a,
.main-nav > li:hover > a,
.main-nav > li > a:hover {
	color: #fff;
}

.main-header .header-module .btn {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.2em;
	color: rgba(255, 255, 255, 0.85);
}
.main-header .header-module .btn:hover {
	color: #fff;
}

.main-header .header-module .social-icon {
	font-size: 22px;
}
.main-header .header-module .social-icon a {
	color: rgba(255, 255, 255, 0.6);
}
.main-header .header-module .social-icon a:hover {
	color: #fff;
}

.navbar-brand {
	padding-left: 85px;
	padding-right: 100px;
	padding-top: 10px;
	padding-bottom: 0;
}

.btn {
	font-size: 13px;
}
.btn.text-uppercase {
	letter-spacing: 0.2em;
}

.fancy-title h5 {
	font-size: 80px;
}

.main-footer {
	background-color: #191919;
	color: rgba(255, 255, 255, 0.5);
}
.main-footer a:not(.btn) {
	color: rgba(255, 255, 255, 0.5);
}
.main-footer a:not(.btn):hover {
	color: #fff;
}
.main-footer hr {
	border-color: #333;
}
.main-footer .widget_title {
	margin-bottom: 50px;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	color: #bb9857;
}
.main-footer .ld-sf input {
	color: rgba(242, 242, 242, 0.5);
	border-color: rgba(242, 242, 242, 0.5);
}
.main-footer .ld-sf input:focus {
	color: #fff;
	border-color: #fff;
}
.main-footer .social-icon a {
	color: #ffffff;
	background-color: #595959;
}
.main-footer .social-icon a:hover {
	background-color: var(--color-primary);
}

@media screen and (min-width: 768px) {
	.fancy-title h2 {
		font-size: 52px;
		line-height: 1.13em;
	}
}

@media screen and (max-width: 767px) {
	h1,
	.h1 {
		font-size: 40px;
	}
	h2,
	.h2 {
		font-size: 32px;
	}
	h3,
	.h3 {
		font-size: 24px;
	}
	h4,
	.h4 {
		font-size: 18px;
	}
	h5,
	.h5 {
		font-size: 16px;
	}
	h6,
	.h6 {
		font-size: 15px;
	}
	.fancy-title h5 {
		font-size: 60px;
	}
}

@media screen and (min-width: 767px) {
	/*.mainbar-wrap:not(.is-stuck) .navbar-brand {
    display: none;
  }*/
}

@media screen and (min-width: 1200px) {
	.main-nav-hover-asiri-colors > li > .link-ext.bg-omlaw {
		background-color: var(--color-omlaw);
	}
	.main-nav-hover-asiri-colors > li > .link-ext.bg-mawji {
		background-color: var(--color-mawji);
	}
	.main-nav-hover-asiri-colors > li > .link-ext.bg-dm {
		background-color: var(--color-dm);
	}

	.main-nav-hover-asiri-colors > li > .link-ext {
		display: inline-block;
		width: 100%;
		height: 7px;
		position: absolute;
		bottom: 3px;
		left: 0;
		transform-origin: bottom;
		transform: scaleY(1);
		transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1);
	}

	.mainbar-wrap.is-stuck .main-nav-hover-asiri-colors > li > .link-ext {
		bottom: 0;
	}

	.main-nav-hover-asiri-colors > li.is-active > .link-ext,
	.main-nav-hover-asiri-colors > li:hover .link-ext {
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
		-webkit-transform: scaleY(10);
		transform: scaleY(10);
	}

	.mainbar-wrap.is-stuck
		.main-nav-hover-asiri-colors
		> li.is-active
		> .link-ext,
	.mainbar-wrap.is-stuck .main-nav-hover-asiri-colors > li:hover .link-ext {
		-webkit-transform: scaleY(12);
		transform: scaleY(12);
	}

	.mainbar-wrap.is-stuck
		.main-nav-hover-asiri-colors
		> li.active
		> .link-ext,
	.mainbar-wrap.is-stuck .main-nav-hover-asiri-colors > li:hover .link-ext {
		-webkit-transform: scaleY(12);
		transform: scaleY(12);
	}

	.mainbar-wrap.is-stuck .navbar-brand {
		padding: 10px 85px;
	}

	.mainbar-wrap .main-nav > li > a {
		padding: 0 40px;
	}
	.mainbar-wrap:not(.is-stuck) .main-nav > li > a {
		padding: 40px 40px 0;
		/* margin-top: 40px; */
	}
}

.mainbar-stripe {
	position: absolute;
	bottom: -12px;
	display: block;
	height: 20px;
	width: 100%;
}

img.header-stripe {
	position: absolute;
	bottom: -5px;
	display: block;
	height: 20px;
	width: 100%;
}

.is-stuck {
	background-color: rgba(15, 54, 82, 0.74);
	-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
	-webkit-backdrop-filter: blur(20px) saturate(180%);
	backdrop-filter: blur(20px) saturate(180%);
}

.tabs-nav li.iconbox {
	line-height: 1;
	margin: 0 10px;
	width: 18%;
	opacity: 0.9;
	background-image: url(./../images/asiri_pattern_light.svg);
	background-color: #fafafa;
	background-size: 70%;
	background-position: -50px 10px;
	background-repeat: no-repeat;
	border-radius: 0;
}

.tabs-nav li.iconbox.active,
.tabs-nav li.iconbox:hover,
.iconbox-filled-hover:hover:before {
	opacity: 1;
	background-size: 70%;
	background-position: -50px 10px;
	background-repeat: no-repeat;
}

.tabs-nav li.iconbox.active a {
	color: #ffffff;
}
.tabs-nav li.iconbox.bg-horizon.active,
.tabs-nav li.iconbox.bg-horizon:hover,
.iconbox-filled-hover.bg-horizon:hover:before {
	background-color: var(--color-primary) !important;
	background-image: url(./../images/asiri_pattern.svg);
}

.tabs-nav li.iconbox.bg-capital.active,
.tabs-nav li.iconbox.bg-capital:hover,
.iconbox-filled-hover.bg-capital:hover:before {
	background-color: var(--color-capital) !important;
	background-image: url(./../images/asiri_pattern_dm.svg);
}

.tabs-nav li.iconbox.bg-omlaw.active,
.tabs-nav li.iconbox.bg-omlaw:hover,
.iconbox-filled-hover.bg-omlaw:hover:before {
	background-color: var(--color-omlaw) !important;
	background-image: url(./../images/asiri_pattern_omlaw.svg);
}

.tabs-nav li.iconbox.bg-mawji.active,
.tabs-nav li.iconbox.bg-mawji:hover,
.iconbox-filled-hover.bg-mawji:hover:before {
	background-color: var(--color-mawji) !important;
	background-image: url(./../images/asiri_pattern.svg);
}

.tabs-nav li.iconbox.bg-dm.active,
.tabs-nav li.iconbox.bg-dm:hover,
.iconbox-filled-hover.bg-dm:hover:before {
	background-color: var(--color-dm) !important;
	background-image: url(./../images/asiri_pattern_dm.svg);
}

@media screen and (min-width: 767px) {
	.tabs-nav li.iconbox a {
		padding: 30px 40px !important;
		font-size: 20px;
		color: #333333;
		font-weight: 700;
		letter-spacing: 0px;
		line-height: 30px;
	}

	.tabs-nav li.iconbox.active a img.open,
	.tabs-nav li.iconbox:not(.active) a img.closed {
		display: block;
	}
	.tabs-nav li.iconbox.active a img.closed,
	.tabs-nav li.iconbox:not(.active) a img.open {
		display: none;
	}

	.tabs-pane.active {
		display: inline-block;
	}
	.tabs-pane {
		margin: 0 10px;
	}
}

@media screen and (max-width: 767px) {
	.tabs-nav li.iconbox a {
		padding: 20px 40px !important;
	}
	.tabs-nav li.iconbox {
		line-height: 1;
		margin: 6px 10px;
		width: 100%;
		opacity: 0.9;
		background-image: url(./../images/asiri_pattern_light.svg);
		background-color: #fafafa;
		background-size: 70%;
		background-position: -50px 10px;
		background-repeat: no-repeat;
	}
}

.nav-trigger .bar {
	background-color: #ffffff;
}

@media screen and (max-width: 1200px) {
	.main-header .mainbar-wrap:not(.is-stuck) {
		display: none !important;
	}
}

.tabs-nav li.iconbox.bg-horizon:after {
	background-color: var(--color-horizon);
}

.tabs-nav li.iconbox.bg-capital:after {
	background-color: var(--color-capital);
}

.tabs-nav li.iconbox.bg-dm:after {
	background-color: var(--color-dm);
}
.tabs-nav li.iconbox.bg-mawji:after {
	background-color: var(--color-mawji);
}
.tabs-nav li.iconbox.bg-omlaw:after {
	background-color: var(--color-omlaw);
}

.tabs-nav li.iconbox.bg-capital:after {
	background-color: var(--color-capital);
}

.tabs-nav li.iconbox:after {
	height: 7px;
	width: 100%;
	content: "";
	bottom: 0;
	position: absolute;
}

.tabs-nav li.iconbox.active:after,
.tabs-nav li.iconbox.active:hover::after {
	height: 0;
}

.tabs-nav {
	margin-bottom: 0.5em;
}


.text-decoration-underline{
	text-decoration: underline;
}

.fw-bold{
	font-weight: bold;
}