@charset "UTF-8";
/* CSS Document */
 
 


<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

body{ font-family: "Cairo", sans-serif  !important;}

h1, h2, h3, h4, h5, h6, li, p {  direction: rtl !important; text-align: right; font-family: "Cairo", sans-serif  !important;}

h1{  direction: rtl !important; font-family: "Cairo", sans-serif  !important;}
h2{  direction: rtl !important; font-family: "Cairo", sans-serif  !important;}
h3{  direction: rtl !important; font-family: "Cairo", sans-serif  !important;}
h4{  direction: rtl !important; font-family: "Cairo", sans-serif  !important;}
h5{  direction: rtl !important; font-family: "Cairo", sans-serif  !important;}
h6{  direction: rtl !important; font-family: "Cairo", sans-serif  !important;}
p{  direction: rtl !important;  font-family: "Cairo", sans-serif  !important;}
span{  direction: ltr !important; text-align: center }


.gallery{background: #F2ECDE !important;}


  .hero-text{  font-family: "Cairo", sans-serif  !important; direction: rtl; letter-spacing: 0px; }
  .hero-small-text{  font-family: "Cairo", sans-serif  !important; direction: rtl; letter-spacing: 0px;  }
  .hero-small-text b{  direction: ltr !important;    }
  .hero-small-text span{  direction: ltr !important;    }





.vline{ border-left:1px solid #fff; height:100px; width: 1px; margin:20px auto; display: block; }


.height30{ height:30px; display: block; clear: both}

.gallery{background: #000000 !important;}

 .hero-text{ font-family: "Cairo", sans-serif  !important; }
 p{ font-family: "Cairo", sans-serif  !important;  }
.about{ background: #0D0B0E;}
.about p{ color: #ffffff; font-size: 16px; margin:0px; padding:0px;}
.about h5{ color: #D4A68B; font-size:24px;}
.about h5 span{ color: #ffffff; direction: ltr !important; }


.row{ text-align: left;}
.row ul{ margin:0px !important; padding:0px !important}
 
.featuredlisting li{ padding:3px 25px; list-style-position: inside; list-style:none; display: inline-block; text-align: center; width:90%; margin:0 0 1px 0; font-size:18px}


.contact-link li  { list-style: none; }
.contact-link li img {width:30px; }
.contact-link li a{ color:#000000; font-size:18px;   padding:5px 0; margin:5px 0 5px 0;  display: inline-block; list-style: none;  }



.bulkbooking h2{ color:#fff !important; font-size:1.5rem; line-height: 1.25; margin-bottom:10px;}
.bulkbooking h4{ color:#fff !important; font-size:1.3rem; line-height: 1.25; margin-bottom:20px;}

.subtitle-services{ font-size:15px !important; display: block; line-height: 24px}
.btn-primary{ margin:0px auto !important; text-align: center;    display: inline-block;   line-height:30px !important; background: #000000 !important;}
 
.mt-5, .my-5{ margin:0px !important}

.spacer{ display:block !important; clear:both !important; float:none !important; height:40px; width:100%;}

.contactno p{
	position:relative;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 200;
	letter-spacing: 1px;
	font-size: 26px;
	line-height: 100px;
	height: 100px;
	background-color: #000000;
	text-align: left;
	border:none;
	color: #333333;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear; 
}


.eatapp-widget{ border:3px solid #f66;}





	/* Floating WhatsApp Icon */
.whatsapp-float {
    position: fixed;
    bottom: 60px;
    right: 60px;
    width: 80px;
    height: 80px;
    background-color: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    animation: bounce 1.5s infinite, pulse 2s infinite;
    transition: transform 0.3s ease-in-out;
	z-index: 999999999;
}

/* WhatsApp Icon */
.whatsapp-float img {
    width: 40px;
    height: 40px;
}

/* Hover Effect */
.whatsapp-float:hover {
    transform: scale(1.1);
}

/* Bounce Animation */
@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
}



.tnc b{ font-weight:bold !important;}




/* Pulsating Effect */
@keyframes pulse {
    0% {
        box-shadow: 0px 0px 10px rgba(37, 211, 102, 0.5);
    }
    50% {
        box-shadow: 0px 0px 20px rgba(37, 211, 102, 0.8);
    }
    100% {
        box-shadow: 0px 0px 10px rgba(37, 211, 102, 0.5);
    }
}





/*mobile*/

@media (max-width: 768px) {
	

		.aboutblocks .l{   background: url("../img/about-left.jpg"); padding:80px 20px !important; margin:0px !important;  min-height:400px; text-align: right; display: inline-block; width:100% !important}
		.aboutblocks .l span{   background:#000; padding:5px;}
		.aboutblocks .r span{   background:#000; padding:5px;}	
	
	.aboutblocks .l .col-10{  width:100% !important; max-width:100% !important;  }
		.aboutblocks .r .col-10{   width:100% !important; max-width:100% !important;  }
	
	
	
 
	
		.aboutblocks .r{   background: url("../img/about-right.jpg"); padding: 80px 20px !important; margin:0px !important;  min-height:400px;  text-align: right; display: inline-block; width:100% !important}
	
	
	.padding-top-bottom{ padding:40px 0 !important;}
	

	.hfhgallery .col-lg-3{ flex:0% !important}
	.hfhgallery  div{ padding:0px !important}
	
	.hfh82{ background: #000000;}
	.hfh82 h3{ color: #D4A68B;}
	.hfh82 p{ color: #fff;}
	.hfh82 .text-center{ text-align: right !important;}
	
	
	
	.opadding{ padding:0px !important}
	.opadding .services-text-over{ text-transform: inherit !important;  font-family: "Cairo", sans-serif  !important; top:auto !important; bottom:10% !important; background: none; direction: rtl }
	.fulltext{background: #D4A68B; color: #fff}
	.fulltext h5{ color: #fff}
	.menu > ul > li{ font-family: "Cairo", sans-serif  !important; }
	
	
	
	
		.ftgallery  {   background: url("../img/parallex1.jpg"); background-position: bottom;  padding:60px 20px !important;  min-height:430px;  text-align: right; display: inline-block}
	.ftgallery .r{  background: rgba(0, 0, 0, 0.3);  padding:5px; font-size:18px; line-height: 24px; direction: rtl;  text-align: right;  }	
	
	
	
	
	
	
	.mhfh{ padding:60px 0; margin:0px !important;  text-align: right; }
	.mparallex .services-wrap{ padding:0;margin:0px !important;  text-align: right; }
	.mparallex .services-text-over{ position: relative; width:100%; margin:0px !important; padding: 40px;  text-align: right; }
	
	
	.slide{ padding-bottom: 0px !important;}
	
}





/*desktop*/

@media (min-width: 769px) {
	
	
		.ftgallery  {   background: url("../img/parallex1.jpg"); background-position: bottom;  padding:60px 20px !important;  min-height:430px;  text-align: right; display: inline-block}
	.ftgallery .r{  background: rgba(0, 0, 0, 0.3);  padding:5px; font-size:18px; line-height: 24px; direction: rtl;   text-align: right; }	
	
	
	
 .aboutblocks  { margin:0px; padding:0px;}
		 

 	
		.aboutblocks .l{   background: url("../img/about-left.jpg"); padding:60px 20px !important;  min-height:450px; text-align: right; display: inline-block}
		.aboutblocks .l span{   background:#000; padding:5px;}
		.aboutblocks .r{   background: url("../img/about-right.jpg");  padding:60px 20px !important;  min-height:450px;  text-align: right; display: inline-block}
	
	
	
	
	
	
	
	

	.hfhgallery .col-lg-3{ flex:0% !important}
	.hfhgallery  div{ padding:0px !important}
	
	.hfh82{ background: #000000;}
	.hfh82 h3{ color: #D4A68B;}
	.hfh82 p{ color: #fff;}
	.hfh82 .text-center{ text-align: right !important;}
	
	
	
	.opadding{ padding:0px !important}
	.opadding .services-text-over{ text-transform: inherit !important;   font-family: "Cairo", sans-serif  !important; top:auto !important; bottom:10% !important; background: none; direction: rtl }
	.fulltext{background: #D4A68B; color: #fff}
	.fulltext h5{ color: #fff}
	.menu > ul > li{  font-family: "Cairo", sans-serif  !important;}
 
}