@charset "utf-8";
/* CSS Document */ 
@font-face{font-family: 'GE_Hili_Book Light'; src:url("../fonts/Montserrat-Light.otf") format("Opentype"); font-weight: 300; font-display: swap;  font-style: normal;}
@font-face{font-family: 'GE_Hili_Book Medium'; src:url("../fonts/montserrat-regular.otf") format("Opentype"); font-weight: 400; font-display: swap;}
@font-face{font-family: 'Montserrat-medium'; src:url("../fonts/Montserrat-Medium.otf") format("Opentype"); font-weight: 500; font-display: swap;}
@font-face{font-family: 'Montserrat', sans-serif; src:url("../fonts/Montserrat-SemiBold.otf") format("Opentype"); font-weight: 600; font-display: swap;}
@font-face{font-family: 'Montserrat', sans-serif; src:url("../fonts/Montserrat-ExtraLight.ttf") format("Truetype"); font-weight: 200; font-display: swap;}
@font-face{font-family: 'GE_Hili_Book'; src:url("../fonts/GE_Hili_Book.otf") format("Opentype"); font-display: swap;}
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');

@font-face{font-family: 'GE_Hili_Book Light'; src:url("../fonts/GE Dinar One Light.otf") format("Opentype"); font-display: swap;}
@font-face{font-family: 'GE_Hili_Book Medium'; src:url("../fonts/GE Dinar One Medium.otf") format("Opentype"); font-display: swap;}

.preloader{position: fixed; width: 100%; display: block; height: 100%; left:0px; right: 0px; top:0px; bottom:0px; background-color: #000; z-index: 999; }
.bg-dark{background-color: #000 !important;}
.preloader img{position: absolute; top:50%; left:50%; margin-top:-58px; margin-left:-50px; animation: zoom-in-zoom-out 1s ease infinite;}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}
body{font-size: 18px; line-height: 1.6; font-family: 'GE_Hili_Book Light'; font-weight: 300; position:relative;}
body.arabic-lang .section3, body.arabic-lang  footer, body.arabic-lang .accordion-item, body.arabic-lang #inquiryModal, body.arabic-lang #inquiryModal .form-control, body.arabic-lang #feedbackModal .form-control, body.arabic-lang #feedbackModal .form-group{text-align: right;}
.ptb-70{padding: 70px 0px;}
.ptb-150{padding: 150px 0px;}
.ptb-100{padding: 100px 0px;}
strong{font-family: 'Montserrat-medium';}
a{text-decoration: none;}
header{display: block; width: 100%; padding: 20px 0px; position:absolute; top:0px; z-index: 99; background-color: rgba(0,0,0,0.5); }
/*header.darkHeader{background-color: rgba(0,0,0,0.9);} */
header .container-fluid{width:90%;}
header ul{margin: 0px; padding: 0px;}
header ul li{display: inline-block; margin: 0px 15px; position: relative;}
/*header ul li:last-child{margin-right: 0px;}*/
header ul  li.search-icon a{color:#d5c8b5;}
header ul  li.lang{top:-20px;}
header ul  li.lang a{background-color: #fff; color: #000; padding: 3px 15px; border-radius: 10px; font-size: 14px; font-family: 'GE_Hili_Book Light';}
header ul  li.navigation{position: relative; top:15px; padding-bottom: 30px; }
header ul  li.navigation a{display: block; padding: 10px 5px;}
header ul  li.navigation a span{display: block; width:18px; height: 2px; border-radius: 5px; background-color:#fff; position: relative;  transition: 1000ms}
header ul  li.navigation a span:before, header ul  li.navigation a span:after{position: absolute; width:30px; height: 2px; border-radius: 5px; background-color:#fff; content: ""; right:0px;  transition: 500ms}
header ul  li.navigation a span:before{top:-7px;}
header ul  li.navigation a span:after{bottom:-7px;}
/*header ul  li.navigation:hover a span{background-color: transparent;}
header ul  li.navigation:hover a span:before{transform: rotate(45deg);}
header ul  li.navigation:hover a span:after{transform: rotate(145deg); top:-7px }*/
header ul  li.navigation .dropdown-alt{position: absolute; width:200px; padding: 10px 30px; top:25px; font-size: 13px; color: #d5c8b5; display: none; background-color: rgba(0,0,0,0.7); text-align:center;}
header ul  li.navigation:hover .dropdown-alt{  right:0px; display: block;}
header ul  li.navigation .dropdown-alt ul li{display: block; margin: 0px; text-align:center; }
header ul  li.navigation .dropdown-alt ul.be-social li{display: inline-block; margin: 0px 0px; text-align:center;}
header ul  li.navigation .dropdown-alt ul li a{font-size: 13px; display: block; padding: 5px; color: #ffffff; line-height: 2; text-align:center;}
header ul  li.navigation .dropdown-alt ul li a:hover{color:#FFF;}
.section1 video{transition: all .3s ease-out 0s; position: absolute;    top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; max-width: none; transform-origin: center; display: block; object-fit:cover;}
.section1 .sec1-shadow{position: absolute;  top: 0;  left: 0;   width: 100%;  height: 100%; background: -webkit-gradient(linear,left top, left bottom,from(#000),color-stop(2.5%, #000),color-stop(50%, hsla(0,0%,100%,0)),color-stop(80%, rgba(0,0,0,.790835084)),to(#000)); background: linear-gradient(180deg,#000,#000 2.5%,hsla(0,0%,100%,0) 50%,rgba(0,0,0,.790835084) 90%,#000); opacity: 1; z-index: 5;}
.section1 h1{ font-family: 'GE_Hili_Book'; font-size: 80px; text-align: center; font-weight: 800; line-height: 1; position: absolute; transform: translate(-50%, -50%); top:50%; left:50%; color:#FFFFFF;}
.section1 .handle-preloader{ font-family: 'GE_Hili_Book'; font-size: 80px; text-align: center; font-weight: 800; line-height: 1; position: absolute; transform: translate(-50%, -50%); top:50%; left:50%; color:#FFFFFF;}
/*.home__scroll-down{opacity:0;width:7.5rem;height:7.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:100vh;top:calc(var(--vh, 1vh)*100 - 2.5rem);left:50%;-webkit-transform:translate3d(-50%,0%,0);transform:translate3d(-50%,0%,0);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;z-index:99;color:#fff;text-decoration:none;font-size:.75rem;cursor:pointer;overflow:hidden; bottom:0px; top: auto;}*/
.home__scroll-down{color:#fff;text-decoration:none;font-size:.75rem;cursor:pointer;overflow:hidden; bottom:40px; top: auto; position:absolute; text-align:center; left:50%; transform:translateX(-50%)}

.section2 {height: auto;}
.sec-2{display: block; width: 100%;}
.section2 p{color:rgba(255,255,255,1);}
@media(min-width:992px){
	.home__scroll-down{top:100vh; bottom:40px; top: auto;}
	.sec-2.sec2-fixed{position: fixed !important; top:0px; width:100%; height: auto;}
}

/*.home__scroll-down:before{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-top:1px solid #fff;border-radius:50%;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
.home__scroll-down span{-webkit-animation:scrollKey 3s ease-in-out infinite;animation:scrollKey 3s ease-in-out infinite}
.home__scroll-down:hover{color:#fff}
.home__scroll-down:hover:before{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
.home__scroll-down span{position:absolute;top:3.5rem;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.home__scroll-down i{font-style:normal;margin-top:.75rem}
@-webkit-keyframes scrollKey{25%{opacity:0;-webkit-transform:translate3d(-50%,150%,0);transform:translate3d(-50%,150%,0)}50%{opacity:0;-webkit-transform:translate3d(-50%,-100%,0);transform:translate3d(-50%,-100%,0)}75%,to{opacity:1;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}}
@keyframes scrollKey{25%{opacity:0;-webkit-transform:translate3d(-50%,150%,0);transform:translate3d(-50%,150%,0)}50%{opacity:0;-webkit-transform:translate3d(-50%,-100%,0);transform:translate3d(-50%,-100%,0)}75%,to{opacity:1;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}}
*//*Section 2 */
.section2{display: block; background-color: #000;}
h2.title, h1.title{font-size: 50px; font-weight: 100; font-family: 'GE_Hili_Book Light'; color:#000}
.section2-content h3{font-size: 50px; font-weight: 100 !important;}
.section2 h2, .section2 h3, .section2 h1{color: #ffffff; }
#the_brand a {color: #ffffff; text-transform: uppercase; line-height: 10px; position: relative; font-size: 14px; font-family: 'GE_Hili_Book Light'; word-wrap: break-word; width: 90px; margin: 0 auto; display: block; width: 70px;  margin: 0 auto; display: block;}
#the_brand a span{display: block; /*text-align: right;*/ text-align: right; line-height: 1.1; font-size: 13px; float: left; width:43px;}
/*#the_brand a span:after{width:17px; height: 30px; content: ""; background-image: url(../images/arrow.png); position: absolute; top:-1px; right:0px;}*/
/*#the_brand a img{position: absolute; right: -16px; top:-1px; float: left;}*/
/*#the_brand a span{position: relative; }
#the_brand a span b{font-size: 14px; line-height: 1;display: block; padding-right: 23px; margin: 0.5px;  font-family: 'GE_Hili_Book Light';}*/
/*Section 3 */
.section3{display: block; background-color: #000;  position: relative;}
.bg-lgreen{background-color: #e2edcf;}
.section3 a {color: #000; font-family: 'GE_Hili_Book Light';}
.section3 .sec3-a a i{font-size: 35px; line-height: 1;}
.section3 .sec3-a a span{line-height: 3; font-size: 14px; margin-left: 10px;}
.section3 p{color:#000; font-family: 'GE_Hili_Book Light';}
/*section 4*/
.section4{background-color:  #f1edea; display: block;}
.section4 p{font-size: 20px;}
.section4 i{font-size: 100px;}
.section4 span{display:block; text-align: center; font-weight: 600;}

/*section 5*/
.section5{display: block; background-color: #dadada;  position: relative;}
.section5-sec1{display: block; background-color: #dadada; background-image:linear-gradient(#f1edea 50%,  #dadada 50% );}
.franchise-content p{font-size: 20px;}
.inquiry-btn{display: inline-block; padding: 10px 25px; background-color: #242426; color: #d5c8b5; font-size: 18px; text-transform: uppercase; border-radius: 15px 15px 15px 0px;}

/*section6*/
.section6{display: block; }
.section6 .owl-news{position:relative;}
.section6 .owl-news .owl-nav{position: absolute; top:50%; transform:translateY(-50%); width:100%;}
.section6 .owl-news .owl-nav .owl-prev, .section6 .owl-news .owl-nav .owl-next{position: absolute; width:40px; height: 40px; line-height: 20px; text-align: center; border:1px solid #000; border-radius:50%; top:-20px; transition: 1000ms; }
.section6 .owl-news .owl-nav .owl-prev:hover, .section6 .owl-news .owl-nav .owl-next:hover{background-color: #d5c8b5; color: #000;}
.section6 .owl-news .owl-nav .owl-prev{left:30px; opacity: 0;}
.section6 .owl-news .owl-nav .owl-next{right:30px; opacity: 0;}
.section6 .owl-news:hover .owl-nav .owl-prev{left:0px; opacity: 1;}
.section6 .owl-news:hover .owl-nav .owl-next{right:0px; opacity: 1;}

/*section7*/
.section7{display: block; background-color: #f1edea;}
.section7 a{color:#000; font-weight:500; font-size:18px;}
.whatsapp-icon a{letter-spacing: 1px;}
.whatsapp-icon a i, .feedback-icon a i{font-size:30px;}
.chat-icon{text-align: center; line-height: 1;}
.chat-icon i{display: block; font-size:60px; margin-top: 3px;}
.chat-icon small{display: block; letter-spacing:0px; font-size:12px; /*font-weight:bold;*/ margin-bottom: 3px;}
.section7 .scrolltop{position:absolute; width:60px; height:60px; line-height:60px; border:1px solid #000; bottom:20px; left:50%; transform:translateX(-50%); text-align: center; border-radius:50%;}

/*section 8*/
.section8{display: block; }
.section8 iframe{position: absolute; width:100%; height: 100%; top:0px; bottom:0px;}
.section8:before{position: absolute; background-color: rgba(0,0,0,0.7); width: 100%; height: 100%; top:0px; bottom:0px; content:""; z-index: 9;}
.section8 .container{z-index: 100; position: relative;}
.section8 .title{color: #f1edea}
.findus-sec{padding: 20px 20px 30px; background-color: #f1edea; border-radius:20px;}
.sec8-search{position: relative;}
.sec8-search .form-control{background-color: transparent; border-radius:0px; border-color: transparent; border-bottom: 1px solid #000; box-shadow: 0px 0px 0px transparent; font-family: 'GE_Hili_Book Light';}
.sec8-search button{position: absolute; right:0px; top:5px; border-color: transparent;}
.section8 ul li{list-style-type: none; }
.section8 ul{margin:0px; padding: 0px;}
.section8 ul li a{display: block; border-top:1px solid #000; padding: 10px 20px 10px 10px; color:#000; position: relative; font-family: 'GE_Hili_Book Light';}
.section8 ul li:last-child a{ border-bottom:1px solid #000;}
.section8 ul li a:after{font-family:'font awesome 5 free'; content:"\f054"; position: absolute; right:10px; font-weight: 900; opacity:0; transition: 500ms}
.section8 ul li a:hover{background-color: #dadada;}
.section8 ul li a:hover:after{opacity:1;}

footer{padding: 50px 0px 10px; display: block; background-color: #3e3e3e; position: relative; z-index: 9;}
footer ul, .footer-btm .be-social {margin: 0px; padding: 0px; list-style-type: none;}
footer ul li a, footer h4, footer p{color: #f1edea;}
footer h4{font-size: 20px; margin-bottom: 2px;}
footer p{font-size: 16px;}
footer p a, footer p a:hover{color:#f1edea}
.footer-btm{margin-top: 30px;}
.footer-btm p{margin-bottom: 0px;}
.footer-btm .be-social{margin-bottom: 10px;}
.footer-btm .be-social li{display: inline-block; margin: 0px 20px;}
.footer-btm .be-social li a{color: #e2edcf; font-size: 25px;}

@media (max-width:767.98px){
	.section1 h1{font-size: 70px;}
	h2.title{font-size: 40px;}
	.section2-content h3{font-size:24px;}
	header .container-fluid{width: 96%;}
	.modal-dialog{max-width: 85%; margin-right: auto !important;  margin-left: auto !important;}
}
.modal-backdrop.show{background-color: rgba(0,0,0,0.8);}
/*header .logo, .section1 h1 span{animation: fadeInAnimation ease 3s;	animation-iteration-count: 1;	animation-fill-mode: forwards;}
header ul {animation: fadeInAnimation ease 6s;	animation-iteration-count: 1;	animation-fill-mode: forwards;}
@keyframes fadeInAnimation {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}*/

.pp-img{position: relative; overflow: hidden}
.pp-img:before{position: absolute;	top: 0;	left: -75%;	z-index: 2;	display: block;	content: '';	width: 50%;	height: 100%;	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);	-webkit-transform: skewX(-25deg);	transform: skewX(-25deg);}
.pp-img:hover::before { -webkit-animation: shine .75s; animation: shine .75s;}
.pz-img{position: relative; overflow: hidden}
.pz-img img{transition: 500ms}
.pz-img:hover img{transform: scale(1.1);}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

.menu-dropmenu{position: absolute; top:0px; right:0px;  padding: 20px 0px; z-index: 99; font-size: 18px; text-align: center; color:#FFFFFF; width:300px; display: none;}
.menusdropdown{display: block;background-color: rgba(0,0,0,0.5); }
.menu-dropmenu ul li{display: block;  text-align: center;}
.menu-dropmenu ul li a{color: #FFFFFF; line-height: 2;}
#hide-menu{color: #FFF; text-align: center; padding: 10px 0px 37px; display: inline-block;}
.menu-dropmenu  .be-social li{display: inline-block; margin: 5px 5px 0px;}
.menu-dropmenu  .be-social li a{font-size: 18px;}
.pr-btn{display: inline-block; padding: 0px 20px; border:2px solid #000;}
.accordion-button:not(.collapsed){background-color: #FFF;}
.accordion-item{border-radius: 0px !important; border-bottom-color: #000; border-top-color: #000; border-left: none; border-right: none;}
.findus-sec .accordion-body{background-color: #f2f2f2;}
.accordion-button:focus{border-color: transparent; box-shadow: none;}
.accordion{font-family: 'GE_Hili_Book Light'; font-size: 20px; }
.accordion-header button{font-size: 20px;}
.accordion .accordion-header{font-size: 16px; font-family: 'GE_Hili_Book Medium';}
.accordion .accordion-button{background-color: #f2f2f2;padding: 10px; box-shadow: none;}
.accordion .accordion-button.collapsed:hover{background-color: #f2f2f2; color: #000;}
.accordion .accordion-button:not(.collapsed), .accordion .accordion-button:not(.collapsed)::after{color:#000;}

.accordion .accordion-button.collapsed{background-color: #f1edea;}
.accordion .accordion-button.collapsed:after{opacity: 0;}
.accordion-body{padding: 10px; font-size: 16px;}
.accordion-body a{color: #000; font-family: 'GE_Hili_Book Medium';}
.accordion-button:not(.collapsed)::after{transform:rotate(270deg);}
.modal{font-family: 'GE_Hili_Book Light';}
#feedbackModal .modal-header, #inquiryModal .modal-header, #brandModal .modal-header{border-bottom: none; padding: 30px;}
#feedbackModal .modal-body{padding: 0px 30px 30px; font-size: 18px;}
#feedbackModal .btn-close, #inquiryModal .btn-close, #brandModal .btn-close{border:2px solid #000; border-radius:50%; padding: 0px; width: 40px; height: 40px;}
#feedbackModal .form-control{border-radius: 0px; border:none; border-bottom: 1px solid #000; padding: .375rem .1rem }
#feedbackModal .form-control:focus{box-shadow:none;}
#inquiryModal input.form-control{border-radius:30px;}
#inquiryModal  textarea{border-radius: 5px;}
#inquiryModal label{margin-bottom: 0px;}
#inquiryModal h5{font-size: 1.15rem}
#inquiryModal{font-family: 'GE_Hili_Book Medium';}
.modal-content{border-radius: 30px;}
.feedback-btn{display: inline-block; padding: 10px 25px; background-color: #000000; color: #FFF; border:1px solid #000; border-radius: 25px; width:220px; font-weight: bold; margin: 0 auto;}
.feedback-btn:hover{background-color: #fff; color: #000;}
#brandModal p{color:#FFFFFF; font-family: 'GE_Hili_Book Light'; font-weight: 300;}
#brandModal .btn-close{color:#FFF; border-color: #fff; background-image: url("../images/btn-close-white.SVG");}
/*.accordion-button::after{margin-right: auto !important; margin-left: 0px;}
*/ /* Customize the label (the container) */
.c-radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body.arabic-lang .c-radio {padding-left: 0px; padding-right: 35px; text-align: right;}
/* Hide the browser's default radio button */
.c-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.c-radio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border:1px solid #000;
  border-radius: 50%;
	top:0px;
}
body.arabic-lang .c-radio  .checkmark {left: auto; right: 0px;}
/* On mouse-over, add a grey background color */
.c-radio:hover input ~ .checkmark {
  
}

/* When the radio button is checked, add a blue background */
.c-radio input:checked ~ .checkmark {
  background-color: #ffffff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.c-radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.c-radio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.c-radio .checkmark:after {
  top: 4px;
  left: 4px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #000;
} 
.form-group{position: relative;}
.form-group label.error{position: absolute; font-size: 12px; color: #f00; bottom: -15px; left: 0px; display: block;   width: 100%;}