/* GENERAL */
@font-face{
    font-family: "Zain";
    src: url("../fonts/Zain/Zain-Regular.woff")format("woff"),
        url("../fonts/Zain/Zain-Regular.woff2")format("woff2"),
        url("../fonts/Zain/Zain-Regular.ttf")format("truetype");
}

@font-face{
    font-family: "coco";
    src: url("../fonts/coco/CoconNextArabic-Regular.woff")format("woff"),
        url("../fonts/coco/CoconNextArabic-Regular.woff2")format("woff2"),
        url("../fonts/coco/CoconNextArabic-Regular.ttf")format("truetype");
}

@charset "UTF-8";
body.rtl{direction:rtl;font-family: 'Zain', sans-serif;}

body.rtl .dropdown-menu{float:right;text-align:right}
body.rtl .close{float:left}
body.rtl .float-start{float:right !important}
body.rtl .float-end{float:left !important}


 body.rtl h1, body.rtl h2, body.rtl h3,body.rtl h4,body.rtl h5,body.rtl h6 {
	ffont-family: 'Zain', sans-serif;
	font-weight:700;
}
/*--- Top Menu ---*/

body.rtl .sp-megamenu-parent > li > a, 
body.rtl .sp-megamenu-parent > li > span{
	font-size:20px;
}
 
body.rtl .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{
	font-size:18px;
}

body.rtl .offcanvas-menu .offcanvas-inner ul.menu>li>ul li a{
	line-height:18px;
}


body.rtl .sp-megamenu-parent>li.sp-has-child>a:before, 
body.rtl .sp-megamenu-parent>li.sp-has-child>span:before{
	font-weight:600;
}



.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{
	font-weight:600;
	font-size:15px;
}

.offcanvas-menu .offcanvas-inner {
	overflow-y:hidden;
}

.offcanvas-menu .menu-toggler::after{
	color:#bd9071;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a, 
.offcanvas-menu .offcanvas-inner ul.menu>li span{
	color:#58392a;
	opacity:1;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active>a{
	color:#bd9071;
	opacity:1;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>ul li{
	border-bottom: 1px solid #bd9071;
	padding-left:10px;
}

body.rtl .offcanvas-menu .offcanvas-inner ul.menu>li>ul li{
	border-bottom: 1px solid #bd9071;
	padding-right:10px;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>ul li{
	transition:  0.5s ;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a{
	font-weight:600;
	line-height:30px;
	transition:  0.5s ;
}



.offcanvas-menu .offcanvas-inner ul.menu>li>ul li:hover{
	transform: translateX(10px); /* Lifts the card slightly up */
	transition:  0.5s ;
}

body.rtl .offcanvas-menu .offcanvas-inner ul.menu>li>ul li a{
	font-weight:600;
	line-height:30px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:18px;
	transition:  0.5s ;
}

body.rtl .offcanvas-menu .offcanvas-inner ul.menu>li>ul li{
	transition:  0.5s ;
}

body.rtl .offcanvas-menu .offcanvas-inner ul.menu>li>ul li:hover{
	transform: translateX(-10px); /* Lifts the card slightly up */
	transition:  0.5s ;
}



.sp-megamenu-parent>li.active>a, 
.sp-megamenu-parent>li.active:hover>a{
	font-weight:600;
}

/* SUBMENU */

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	box-shadow: 0px 3px 18px 0px rgba(0,0,0,0.07);
	padding: 0 10px;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
	text-transform: uppercase;
	position: relative;
}

.sp-megamenu-parent .sp-dropdown li:not(:last-child){
	border-bottom: 1px solid #bd9071;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

.sp-megamenu-parent .no-uppercase .sp-dropdown li.sp-menu-item {text-transform: capitalize;}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
	font-size: 14px;
	line-height: 23px;
	display: block;
	padding: 12px 23px;
	cursor: pointer;
	font-weight: 500;
	letter-spacing: 0.5px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
	transition:  0.5s ;
	
}

body.rtl .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
	transform: translateX(-10px); /* Lifts the card slightly up */
	transition:  0.5s ;
	
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
	transform: translateX(10px); /* Lifts the card slightly up */
	transition:  0.5s ;
	
}



.sp-megamenu-parent .sp-dropdown li.sp-menu-item .sp-menu-item {text-transform: capitalize;}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item .sp-menu-item a {font-weight: 400;}


.sp-megamenu-parent .left-drop .sp-dropdown.sp-dropdown-sub {
	top: 0;
	left: auto;
	right: 100%;
}

.sp-megamenu-parent .sp-mega-group {
	list-style: none;
	padding: 20px 0px 30px 0px;
	margin: 0;
}

.sp-megamenu-parent .sp-mega-group > li > a {
	text-transform: uppercase;
	padding: 12px 23px;
	letter-spacing: 0.5px;
	padding-bottom: 10px;
	font-weight: 600;
	margin: 0;
}

.sp-megamenu-parent .sp-dropdown .sp-mega-group li.sp-menu-item {
	border-bottom: 0px solid #bd9071;
	text-transform: none;
	position: relative;
}

.sp-megamenu-parent .sp-dropdown .sp-mega-group li.sp-menu-item a {
	padding: 8px 23px;
	font-weight: 400;
}

.sp-megamenu-parent .sp-dropdown .sp-mega-group li.sp-menu-item a i {margin-right: 3px;}

/* sticky */
#sp-header.header-sticky {
	background-color:#efebe8;
	/*background-image:linear-gradient(180deg, rgba(59, 38, 28, 0.7) 0%, rgb(34, 21, 15, 0.7) 75%);*/
	/*background: linear-gradient(225deg, rgba(15, 30, 77, 0.9) 0%, rgba(30, 58, 138, 0.9) 50%, rgba(15, 30, 77, 0.9) 100%);*/
}

.header-sticky .sp-megamenu-parent>li.active>a, 
.header-sticky .sp-megamenu-parent>li.active:hover>a, 
.header-sticky .sp-megamenu-parent>li:hover>a{
	color:#935b36;
}

.header-sticky .sp-megamenu-parent>li>a {
  color: #58392a;
}
*/
/*--- Top Social Icons ---*/
#sp-menu ul.social-icons a{
	color:#ffffff;
}

#sp-header.header-sticky #sp-menu ul.social-icons a{
	color:#58392a;
}


#sp-menu ul.social-icons a:hover,
#sp-menu ul.social-icons a:focus{
	color:#bd9071;
}

#sp-header.header-sticky #sp-menu ul.social-icons a:hover,
#sp-header.header-sticky #sp-menu ul.social-icons a:focus{
	color:#935b36;
}

#sp-menu ul.social-icons>li:not(:last-child){
	margin-left:20px;
	margin-right:0px;
}

body.ltr #sp-menu ul.social-icons>li:not(:last-child){
	margin-left:0px;
	margin-right:20px;
}
/*--- Side menu ---*/
body.rtl .offcanvas-menu .menu-toggler::after {
    content: "\f104";
}

.burger-icon>span{
	background-color:#ffffff !important;
}

.header-sticky .burger-icon>span{
	background-color:#58392a !important;
}

/*----- floors --*/
.sp-page-builder .page-content #section-id-ddd10c61-eac1-4fa9-a97a-301a7a692ca3{
	z-index:3;
}
.sp-page-builder .page-content #section-id-f2e76932-be30-4cbd-9cf6-b02b7143c5e2{
	z-index:2;
}
/*
#sppb-addon-da8b1d04-0fee-4b2b-8ac7-04f5b0fb1d8e .sppb-addon-single-image-container img,
#sppb-addon-a2b01c40-d02d-4842-91fa-5d81f83e8370 .sppb-addon-single-image-container img,
#sppb-addon-96bbec5e-0e14-4495-b404-c8ab8c718882 .sppb-addon-single-image-container img{
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25); 
}
*/

#column-id-11137d5b-7081-4426-b7c1-4468c10dbf23 #sppb-addon-wrapper-da8b1d04-0fee-4b2b-8ac7-04f5b0fb1d8e,
#column-id-7196487e-144a-43b4-9321-c7d0ea223480 #sppb-addon-wrapper-a2b01c40-d02d-4842-91fa-5d81f83e8370,
#column-id-e6806265-310f-45e3-9b51-71ee17c5f70e #sppb-addon-wrapper-96bbec5e-0e14-4495-b404-c8ab8c718882{
	transition:  0.5s ;
}
	
#column-id-609ba21b-dee2-46c7-bd5a-f689932aa4e4:hover #sppb-addon-wrapper-da8b1d04-0fee-4b2b-8ac7-04f5b0fb1d8e{
	transform: translateY(-35px); /* Lifts the card slightly up */
	transition:  0.7s ;
}

#column-id-609ba21b-dee2-46c7-bd5a-f689932aa4e4:hover #sppb-addon-wrapper-a2b01c40-d02d-4842-91fa-5d81f83e8370{
	transform: translateY(-20px); /* Lifts the card slightly up */
	transition:  0.8s ;
}

#column-id-609ba21b-dee2-46c7-bd5a-f689932aa4e4:hover #sppb-addon-wrapper-96bbec5e-0e14-4495-b404-c8ab8c718882{
	transform: translateY(-10px); /* Lifts the card slightly up */
	transition:  0.9s ;
}

/*---- Our values ---*/
#column-id-e4174fb7-23da-4a42-a916-dde4bce8e451,
#column-id-754f2833-b971-4034-b8e5-7b348a111aff,
#column-id-888cd07e-2154-4bca-bce5-28b1f36de8aa,
#column-id-cd09a8cd-a090-49aa-8588-f8fadfd634bc,
#column-id-f74046b3-bf07-4b84-ad90-a12858c9ca38,
#sppb-addon-49ca57bc-93e3-4dee-88b2-44de118d9f23 .sppb-icon .sppb-icon-container,
#sppb-addon-36193432-b8b0-4f01-a733-7056afe12a4c .sppb-icon .sppb-icon-container,
#sppb-addon-038fb5b7-d7af-4fda-b212-361bfbac1ff0 .sppb-icon .sppb-icon-container,
#sppb-addon-c6053287-f6f7-4bca-ac66-973d42cc15c4 .sppb-icon .sppb-icon-container
{
	transition:  0.5s ;
}

#column-id-e4174fb7-23da-4a42-a916-dde4bce8e451:hover,
#column-id-754f2833-b971-4034-b8e5-7b348a111aff:hover,
#column-id-888cd07e-2154-4bca-bce5-28b1f36de8aa:hover,
#column-id-cd09a8cd-a090-49aa-8588-f8fadfd634bc:hover
{
	background-color:rgba(255, 255, 255, 0.8);
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25); /* Adds a deep soft drop-shadow underneath */
	transform: translateY(-8px); /* Lifts the card slightly up */
	transition:  0.5s ;
}

#sppb-addon-49ca57bc-93e3-4dee-88b2-44de118d9f23:hover .sppb-icon .sppb-icon-container,
#sppb-addon-36193432-b8b0-4f01-a733-7056afe12a4c:hover .sppb-icon .sppb-icon-container,
#sppb-addon-038fb5b7-d7af-4fda-b212-361bfbac1ff0:hover .sppb-icon .sppb-icon-container,
#sppb-addon-c6053287-f6f7-4bca-ac66-973d42cc15c4:hover .sppb-icon .sppb-icon-container
{
	transition:  0.5s ;
}

/*---- Our Services ---*/
#section-id-c1c429e7-8777-4dda-b238-0e0a34626eb8 .sppb-section-title .sppb-title-subheading{
	color:#ffffff;
	font-size:25px;
}

#sppb-addon-0a1699b7-b033-4bfd-bf39-740eb31a716a,
#sppb-addon-c4752693-634c-4f6a-9044-737290f4f83f,
#sppb-addon-c1b29a7e-989b-4292-9783-fddc44ce69ea,
#sppb-addon-2f72688b-26a2-4e6f-b573-b750b28d4da9,
#sppb-addon-0a35f9d6-1c51-41f4-b104-ac10b74206a6,
#sppb-addon-c0e7487d-24bd-4160-8b22-e1360d6b7dc0,
#sppb-addon-9595c6d6-0265-46b5-a026-efa06b5d113e,
#sppb-addon-692dd20a-ef2f-4a8d-9fa4-22a4ae55a789,
#sppb-addon-1db6a247-e179-47f8-af88-2845ad9d0d59,
#sppb-addon-c9070adb-dda9-4fb4-9bfe-e42dbe2ecc4b{
	transition:  0.5s ;
}

#sppb-addon-0a1699b7-b033-4bfd-bf39-740eb31a716a:hover,
#sppb-addon-c4752693-634c-4f6a-9044-737290f4f83f:hover,
#sppb-addon-c1b29a7e-989b-4292-9783-fddc44ce69ea:hover,
#sppb-addon-2f72688b-26a2-4e6f-b573-b750b28d4da9:hover,
#sppb-addon-0a35f9d6-1c51-41f4-b104-ac10b74206a6:hover,
#sppb-addon-c0e7487d-24bd-4160-8b22-e1360d6b7dc0:hover,
#sppb-addon-9595c6d6-0265-46b5-a026-efa06b5d113e:hover,
#sppb-addon-692dd20a-ef2f-4a8d-9fa4-22a4ae55a789:hover,
#sppb-addon-1db6a247-e179-47f8-af88-2845ad9d0d59:hover,
#sppb-addon-c9070adb-dda9-4fb4-9bfe-e42dbe2ecc4b:hover{
	transition:  0.5s ;
	transform: translateY(-15px); /* Lifts the card slightly up */
}


/*--- footer ---*/
#sp-footer-a{
    background-image: linear-gradient(
        180deg,
        #C48A4A 0%,
        #7A4A21 75%
    );
}

/*----- footer menu ---*/
//*sppb-addon-74b97b20-d4b2-415a-b5f0-18ed6b4f971f #sp-footer ul.menu{*/
	
#sp-bottom .sp-module ul{
   display: table-caption;
   padding-tp:50px;
}


#sp-footer .container{
	text-align:center;
	color:#a2a2a2;
}

#sp-footer ul.menu{
	display:grid;
}

#sp-footer ul.menu li a{
	padding-bottom:5px;
	transition:  0.5s ;
	font-size:18px;
}

#sp-footer ul.menu li a:hover{
	transform: translateX(8px); /* Lifts the card slightly up */
	transition:  0.5s ;
}

body.rtl #sp-footer ul.menu li a:hover{
	transform: translateX(-8px); /* Lifts the card slightly up */
	transition:  0.5s ;
}


/*--- breadcrumb ---*/
.breadcrumb{
	background-color:#ffffff;
}

body.rtl .breadcrumb-item+.breadcrumb-item::before{
	float:right;
	padding-left:7px;
}

body.rtl .pagenavigation .pagination .previous{
	float:right;
}

body.rtl .pagenavigation .pagination .next{
	float:left;
}

.breadcrumb a {
    color: #bd9071;
}

/*----- Website Button  ---*/

.sppb-btn{
	border:1px solid lightgray;
}

.sppb-btn .bt-btonzy{
	background-color: red;
	border:1px solid lightgray;
}

/*---- Value Card ---*/
.sppb-section .value-card{
	padding:10px 0px 10px 0px!important;
}

.sppb-section .value-card .sppb-container-inner{
	background: rgba(167, 119, 85, 0.3) !important;
	padding: 0px;
    margin: 0px 15px 0px 15px;
    border: 1px solid rgba(167, 119, 85, 0.3);
	border-radius:20px;
	transition:  0.5s ;
}

.sppb-section .value-card .sppb-container-inner:hover{
	background: rgba(255, 255, 255, 1) !important;
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25);
	transition:  0.5s ;
	transform: translateY(-10px); /* Lifts the card slightly up */
}

.sppb-section .value-card .sppb-container-inner:hover  .sppb-icon-container,
.sppb-section .value-card .sppb-container-inner .sppb-icon-container{
	transition:  0.5s ;
}

.sppb-section .value-card .sppb-container-inner .sppb-icon .sppb-icon-container{
	padding-top: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 15px !important;
    padding-left: 20px !important;
}

.sppb-section .value-card .sppb-container-inner .sppb-icon .sppb-icon-container > i{
	font-size:30px !important;
	width:30px !important;
	height:30px !important;
	line-height:30px !important;
}

/*-- Contact Cards --*/

.sppb-section .con-sec .sppb-container-inner,
.sppb-section .con-cards .sppb-addon-content .sppb-icon .sppb-icon-container,
.sppb-section .con-cards .sppb-addon-content:hover .sppb-icon-container{
	transition:  0.5s ;
}

.sppb-section .con-sec .sppb-container-inner:hover{
	transform: translateY(-15px);
	transition:  0.5s ;
}

/*
.sppb-section .con-cards{
	padding:10px 0px 10px 0px!important;
}

.sppb-section .con-cards .sppb-container-inner{
	background: rgba(167, 119, 85, 0.3) !important;
	padding: 0px;
    margin: 0px 15px 0px 15px;
    border: 1px solid rgba(167, 119, 85, 0.3);
	border-radius:20px;
	transition:  0.5s ;
}

.sppb-section .con-cards .sppb-container-inner:hover{
	background: rgba(255, 255, 255, 1) !important;
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25);
	transition:  0.5s ;
	transform: translateY(-10px); 
}

.sppb-section .con-cards .sppb-container-inner:hover  .sppb-icon-container,
.sppb-section .con-cards .sppb-container-inner .sppb-icon-container{
	transition:  0.5s ;
}

.sppb-section .con-cards .sppb-container-inner .sppb-icon .sppb-icon-container{
	padding-top: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 15px !important;
    padding-left: 20px !important;
}


.sppb-section .con-cards .sppb-container-inner .sppb-icon .sppb-icon-container > i{
	font-size:30px !important;
	width:30px !important;
	height:30px !important;
	line-height:30px !important;
}
*/

/*-- Maps ---*/
.jux-m-info h1{
	font-size:18px;
}
.jux-m-act,.dirform-inner{
	visibility:hidden;
	height:0px;
}
/*-- Contact Us --*/
/*-- Maps ---*/
.jux-m-info h1{
	font-size:18px;
}
.jux-m-act,.dirform-inner{
	visibility:hidden;
	height:0px;
}
/*-- Contact Us --*/
.my-email{
	background-color:#F2EEEF;
}

.my-email .row > h2{
	visibility:hidden;
}

.sp-column .com-contact .contact .my-email .row h2{
	color:#6a442b;
}

.com-contact .contact{
	background-color:rgba(255, 255, 255, 0.5);
	padding:40px;
	border-radius:20px;
}

#jform_spacer-lbl, .star{
	color:#a51f18;
}

/*--- Pagination ---*/

[dir="rtl"] .breadcrumb-item+.breadcrumb-item::before{
	float:right;
	padding-left:7px;
}

[dir="rtl"] .pagenavigation .pagination .previous{
	float:right;
}

[dir="rtl"] .pagenavigation .pagination .next{
	float:left;
}

.pagenavigation .pagination a {
	background-color: rgba(106, 68, 43, 0.05);
    color: rgb(106, 68, 43);
	border: 1px solid lightgray;
	transition:  0.5s ;
}

.pagenavigation .pagination a:hover {
	background-color: #6A442B;
    color: #ffffff;
	border: 1px solid lightgray;
	transition:  0.5s ;
}
/*--- Submit button  ---*/
.btn-primary, .sppb-btn-primary {
    background-color: rgba(106, 68, 43, 0.05);
    color: rgb(106, 68, 43);
	border: 1px solid lightgray;
	transition:  0.5s ;
}

.btn-primary:hover, .sppb-btn-primary:hover {
   background-color: #6A442B;
    color: #ffffff;
	border: 1px solid lightgray;
	transition:  0.5s ;
}

/*--- Counter box ---*/
.my-construction-stats .sp-counter-box {
    border: 2px solid #eaebec;
}

.my-construction-stats .sp-counter-title {
    color: #ff0000 !important; /* Force custom color */
}
/*--- Custom Slider ---*/
/* Custom class override example */
.my-custom-hero .hero-title {
    font-size: 4rem; /* Increase heading size */
}

.my-custom-hero .hero-btn {
    border-radius: 30px; /* Rounded pill button */
}


/*-- Hide social icons above articals ---*/

.article-details .article-ratings-social-share{
	visibility:hidden;
	height:0;
}

/*--- Media ---*/
@media (max-width: 575.98px) {
	
	#sp-header {
        height: 70px !important;
    }
		
	#column-wrap-id-9366f10e-fa31-4563-9531-1e1be9174ffe{
		text-align:center;
	}
	
	.team .sppb-addon-content {
        margin-bottom: 20px;
    }

}

@media (max-width: 767px){
    #sp-menu .social-wrap {
        visibility: hidden;
        width: 0px;
		height:0px;
    }
	
	body.rtl .jux-tl-item.left .arrow, .jux-tl-item.right .arrow{
		left:auto;
		right:50%;
		margin-right:-10px;
		margin-left:auto;
	
	}
	
	
}

@media (max-width: 1200px) {
    .sp-megamenu-parent>li>a, .sp-megamenu-parent>li span {
        padding: 0 10px;
		font-size:0px !important;
    }
	
	 #sp-menu .social-wrap {
        visibility: hidden;
        width: 0px;
		height:0px;
    }
	/*
	.col-values1 .sppb-row-column {
        max-width: 50% !important;
        flex-basis: 50% !important;
    }*/
}

@media (max-width: 991.98px) {
    
	
	
	
	#sp-menu .social-wrap {
        visibility: hidden;
        width: 0px;
		height:0px;
    }
}

@media print{}

@media(width >= 1400px){}
@media(min-width: 576px){}
@media(min-width: 768px){}
@media(min-width: 992px){}
@media(min-width: 1200px){}
@media(min-width: 1400px){}
@media(max-width: 1199px){}
@media(max-width: 991px){}

