:root {
--main-color:#5d331f;
--main-link-color:#ff6525;
--bg-light-color:#f6f1ed;
}

@import url('https://fonts.googleapis.com/css2?family=Kufam:wght@600&family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap');

html, body{height:100%;}

body{font:400 20px/1.4 'Roboto', serif; color:#23211f; background-color:#fff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;}


a{color:#9c4a28; text-decoration:none;}

a:hover, .page-link:hover {
    color: hsl(20,70%,38%);}

a:focus{outline:thin dotted;}
a:active, a:hover{outline:0; text-decoration:underline;}




.header{padding:15px 0; background:#503520;}

.header .logo{display:flex; align-items:center;}
.header span{font-size:16px; letter-spacing:-.01rem; color:#cfa461; margin-left:10px; display: block;}
.header svg{filter: drop-shadow(0 0 1px rgba(0, 0, 0,.2));}
.header a{color:#d4ad6f;}

.lang{float:right; font-size:15px; font-family:sans-serif; color:hsl(28deg 20% 88%); margin-top:9px;}

.navbar-light{background-color:#fcfbf2; border-bottom:1px solid #fbe19c;}
.navbar-light .navbar-toggler{border:0;}

.navbar-light .navbar-nav .nav-link{font-size:18px; font-weight:500; color:#5d331f;}

@media (min-width: 992px){
	.navbar-collapse{margin-left:-9px; margin-right:-9px;}
}

@media (max-width: 991.98px){
	.navbar-light{background-image:linear-gradient(#634021 63px, #fff 63px);}
	.navbar-collapse .navbar-nav{padding-top:8px;}
	.navbar-light .navbar-nav .nav-link{padding:.8rem 0; border-bottom:1px solid #eee;}
	.navber-brand_name{color:#eecaab; margin-left:10px;}
}


.navbar-expand-lg .navbar-nav + .navbar-nav{flex-direction:row; padding-top:1px;}

.navbar-brand{font-size:13px;}

h1, h2, h3, h4, h5, .header span, .navber-brand_name{/*font-family:'Cairo', sans-serif;*/ font-weight:bold;}

h1{font-size:2.5rem;}

h2{font-size:2.2rem;}
h3{font-size:1.7rem;}
h4{font-size:1rem;}

@media (min-width: 768px){
h1{font-size: calc(2rem + 2vmin);}
h2{font-size: calc(2rem + 1vmin);}
h3{font-size: calc(1.3rem + 1vmin);}
}

.light-color{color:#5a5a5a;}
.ar-lang{font-family: 'Almarai', sans-serif;}

/*- Home --------------------------------------------------------------------------------*/

.light-bkg{background-color:var(--bg-light-color);}

.hero-bkg{position:relative; background:url(../images/hero-bkg.jpg) center; background-size: cover;}
.hero-bkg::before{content:""; position:absolute; left:0; right:0; top:0; bottom:0; opacity:.9; z-index:1; background-color: hsl(28deg 64% 22% / 96%);}
.hero-bkg .container{position: relative; z-index:2;}

.media-highlight{padding:80px 0;}
.media-highlight_hdr{margin-bottom:2rem;}

.media-highlight_title{font-size:calc(32px * 1.618); line-height:1; color:var(--main-color); letter-spacing: -.03rem;  position: relative;}
.media-highlight_hdr p{color:var(--main-color);}

@media (max-width:992px){
  .media-highlight_title{font-size:calc(32px * 1.618);}
}

.media-highlight__item{}
.media-highlight__item h3{font-size:calc(1rem * 1.618);}
.media-highlight__item__img{margin-bottom:2rem;}

.media-highlight__item__date{ color:#969592; margin-bottom:.5rem;}
.media-highlight__item__text a{color:currentColor;}

.btn-more{padding-top:.5rem; display:inline-block; border-top:1px solid;}

.invert h3, .invert a{color:#fff;}

.invert .btn-more{color:#000;}
.invert .media-highlight_title, .invert .media-highlight_hdr p{color:#fff;}

@media (min-width:769px){.hero-bkg .row:last-of-type {margin-top:5rem;}}
@media (max-width:768px){.media-highlight__item{margin-bottom:50px;}}


/*- Footer page -----------------------------------------------------------------*/

.footer{color:#fff; background:hsl(28deg 50% 28%); padding-bottom:80px; font-size:16px;}
.footer  a{color:#fff;}

.siteInfo{padding-top:40px;}
.siteInfo p{color:#b7b4af;} .siteInfo a{color:#b7b4af;}

@media (min-width:992px){
.powered{text-align:left;}
}

.ftr-nav{border-bottom:1px solid rgba(0,0,0,.3);}


.breadcrumb-bg{padding:10px 0; background-color:#F7F6FB; margin-bottom:3rem;}
.breadcrumb{margin:0; background-color:transparent;}



.v-space{padding:60px 0;}
.bnr{border-top:1px solid #eee8e4;}

.newsletter h3 {color: #5d331f;}
.newsletter .form-control {font-size:inherit;
height: 50px; border-color: #ffffff; border-radius:0;}
.newsletter .form-control:focus {
box-shadow: none; border:1px solid #79584c;}
.newsletter .btn { font-size:inherit;
min-height:50px; border-radius:0; background:var(--main-color); color: #fff;}

.carousel-item h2{font-size:70px; margin-bottom:2rem; color:var(--main-color);}
.line{width:150px; margin-bottom:1rem; height:10px; background-color:#c49d5a;}

.carousel{padding:100px 0; background-image: radial-gradient(#f0f0f0 20%, transparent 20%); background-color: #fff; background-size: 10px 10px;}

.carousel-inner{padding-top:50px;}

@media (min-width:769px){
	.media-highlight{padding:130px 0;}
	.media-highlight_hdr{margin-bottom:4rem;}

	.carousel-img{position: relative;}
	.carousel-img::before{content:""; border:13px solid #c49d5a; width:100%; height:100%; position: absolute; right:-50px; top:-50px;}
	.carousel-img img{position:relative;}
}
	


.carousel-indicators li{background-color:var(--main-color);}

.content{margin-bottom:4rem;}

.content :is(h1, h2, h3, h4, h5){margin-top:2.5rem; margin-bottom:1.3rem;}

.sub-col-list{padding-top:1rem;}
.link-list{border-top:2px solid #EAE3D6;}
.link-list li {
    padding: 10px 2px;
    border-bottom: 1px solid #EAE3D6;}


	.media-item{margin-bottom:0rem; padding:3rem 0; border-bottom: 1px solid #dee2e6;}
	.media-item_img{}
	
	.media-item_content{}
	
	.media-item_content_title{margin-top:0 !important;}
	.media-item_content_text{}
	
	.media-item__6{height:100%;}
	.media-item__6 .media-item_date{margin-top:1rem;}
	
	.media-item_date{font-size:;}


#search { position: fixed; z-index: 999999; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translate(0px, -100%) scale(0, 0); -moz-transform: translate(0px, -100%) scale(0, 0); -o-transform: translate(0px, -100%) scale(0, 0); -ms-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); opacity: 0;  }
#search.open { -webkit-transform: translate(0px, 0px) scale(1, 1); -moz-transform: translate(0px, 0px) scale(1, 1); -o-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); opacity: 1; }
#search input[type="search"] { position: absolute; top: 50%; width: 60%; border: 1px solid #ccc; color: #000; background: #fff; font-size: 40px; line-height: 40px; font-weight: 300; text-align: center; margin: 0px 20%; margin-top: -51px; padding: 10px 0; outline: none; border-radius: 50px; }
#search .btn { position: absolute; top: 50%; left: 50%; margin-top: 61px; margin-left: -70px; padding: 15px 50px; }
#search .close { position: fixed; top: 15px; right: 15px; color: #fff; background-color: #201d1b; border-color: #201d1b; opacity: 1; padding: 10px 17px; font-size: 20px; }
.btn-style-two { position: relative; padding: 13px 25px; line-height: 25px; text-transform: capitalize; background: #d44727; color: #ffffff; border: 2px solid #d44727; font-size: 15px; font-weight: 600; border-radius: 50px; }
.btn-style-two:hover, .btn-style-two:focus, .btn-style-two:active { background: none; color: #d44727; }	
.media-item h3{margin-top:0;}
.dropdown-submenu {
	position: relative;
  }
  
  .dropdown-submenu a::after {
	transform: rotate(-90deg);
	position: absolute;
	right: 6px;
	top: .8em;
	left: initial;
  }
   
  .dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
	margin-left: .1rem;
	margin-right: .1rem;
  }

  
.dropdown-menu{
	font-size:	1.25rem; 
	padding:0;
	border-radius:0;
	border:0;
	border-bottom: 
	1px solid 
	rgba(0,0,0,.2);
	background-color:#e2d9ce;
}
	
.dropdown-item
{padding:	.5rem 1.5rem;
}
	
.btn-success{
    font-size: inherit;
    background: #6b4524;
    border: 0;}


    .btn-success  {
    margin-bottom: 30px;}

	.page-item a {
		position: relative;
		display: block;
		padding: .5rem .75rem;
		margin-left: -1px;
		line-height: 1.25;
		color: #007bff;
		background-color: #fff;
		border: 1px solid #dee2e6;
	}
	.logo{
		text-decoration: none;
	}
	.website-logo{
font-size:20px !important;
text-decoration: none;
	}

	.nav-item{
		border-right: 1px solid #a1a1a1;
	}

	.nav-item:last-child , .x{
		border:0px !important;
	}

.contact-col{
    background-color: #f7f6fb;
    padding: 30px;}

.invert .media-highlight__item__img{filter:invert(1);}
.carousel-control-prev, .carousel-control-next{display:none;}