/********** Template CSS **********/
:root {--primary: #AB7442;--light: #F5F5F5;--dark: #353535;}
.fw-medium {font-weight: 500 !important;}
.fw-bold {font-weight: 700 !important;}
.fw-black {font-weight: 900 !important;}
.back-to-top {position: fixed;display: none;left: 45px;bottom: 45px;z-index: 99;}

/*** Spinner ***/
#spinner {opacity: 0;visibility: hidden;transition: opacity .5s ease-out, visibility 0s linear .5s;z-index: 99999;}
#spinner.show {transition: opacity .5s ease-out, visibility 0s linear 0s;visibility: visible;opacity: 1;}

/*** Button ***/
.btn {font-weight: 500;transition: .5s;}
.btn.btn-primary, .btn.btn-secondary {color: #FFFFFF;}
.btn-square {width: 38px;height: 38px;}
.btn-sm-square {width: 32px;height: 32px;}
.btn-lg-square {width: 48px;height: 48px;}
.btn-square, .btn-sm-square, .btn-lg-square {padding: 0;display: flex;align-items: center;justify-content: center;font-weight: normal;}
/*** Navbar ***/
.navbar .dropdown-toggle::after {border: none;content: "\f107";font-family: "Font Awesome 5 Free";font-weight: 900;vertical-align: middle;margin-right: 8px;}
.navbar-light .navbar-nav .nav-link {margin-left: 30px;padding: 25px 0;color: #FFFFFF;font-size: 15px;font-weight: 500;text-transform: uppercase;outline: none;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active {color: var(--primary);}
@media (max-width: 991.98px) {
	.navbar-light .navbar-nav .nav-link {margin-left: 0; padding: 10px 0;}
	.navbar-light .navbar-nav {border-top: 1px solid #EEEEEE;}
}

.navbar-light .navbar-brand, .navbar-light a.btn {height: 75px;}
.navbar-light .navbar-nav .nav-link {color: var(--dark);font-weight: 500;}
.navbar-light.sticky-top {top: -100px;transition: .5s;}
@media (min-width: 992px) {
	.navbar .nav-item .dropdown-menu {display: block; border: none; margin-top: 0; top: 150%; opacity: 0; visibility: hidden; transition: .5s;}
	.navbar .nav-item:hover .dropdown-menu {top: 100%; visibility: visible; transition: .5s; opacity: 1;}
}


/*** Header ***/
@media (max-width: 768px) {
	.header-carousel .owl-carousel-item {position: relative; min-height: 500px;}
	.header-carousel .owl-carousel-item img {position: absolute; width: 100%; height: 100%; object-fit: cover;}
	.header-carousel .owl-carousel-item h5, .header-carousel .owl-carousel-item p {font-size: 14px !important; font-weight: 400 !important;}
	.header-carousel .owl-carousel-item h1 {font-size: 30px; font-weight: 600;}
}

.header-carousel .owl-nav {position: absolute;width: 200px;height: 45px;bottom: 30px;right: 50%;transform: translateX(50%);display: flex;justify-content: space-between;}
.header-carousel .owl-nav .owl-prev, .header-carousel .owl-nav .owl-next {width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;color: #FFFFFF;background: transparent;border: 1px solid #FFFFFF;font-size: 22px;transition: .5s;}
.header-carousel .owl-nav .owl-prev:hover, .header-carousel .owl-nav .owl-next:hover {background: var(--primary);border-color: var(--primary);}
.header-carousel .owl-dots {position: absolute;height: 45px;bottom: 30px;right: 50%;transform: translateX(50%);display: flex;align-items: center;justify-content: center;}
.header-carousel .owl-dot {position: relative;display: inline-block;margin: 0 5px;width: 15px;height: 15px;background: transparent;border: 1px solid #FFFFFF;transition: .5s;}
.header-carousel .owl-dot::after {position: absolute;content: "";width: 5px;height: 5px;top: 4px;right: 4px;background: transparent;border: 1px solid #FFFFFF;}
.header-carousel .owl-dot.active {background: var(--primary);border-color: var(--primary);}
.page-header {background: linear-gradient(rgba(53, 53, 53, .7), rgba(53, 53, 53, .7)), url(../images/carousel-1.jpg) center center no-repeat;background-size: cover;}
.breadcrumb-item + .breadcrumb-item::before {color: var(--light);}

/*** Section Title ***/
.section-title h1 {position: relative;display: inline-block;padding: 0 60px;}
.section-title.text-start h1 {padding-right: 0;}
.section-title h1::before, .section-title h1::after {position: absolute;content: "";width: 45px;height: 5px;bottom: 0;background: var(--dark);}
.section-title h1::before {right: 0;}
.section-title h1::after {left: 0;}
.section-title.text-start h1::before {display: none;}

/*** About ***/
@media (min-width: 992px) {
	.container.about {max-width: 100% !important;}
	.about-text {padding-left: calc(((100% - 960px) / 2) + .75rem);}
}

@media (min-width: 1200px) {
	.about-text {padding-left: calc(((100% - 1140px) / 2) + .75rem);}
}

@media (min-width: 1400px) {
	.about-text {padding-left: calc(((100% - 1320px) / 2) + .75rem);}
}

/*** Service ***/
.service-item img {transition: .5s;}
.service-item:hover img {transform: scale(1.1);}

/*** Feature ***/
@media (min-width: 992px) {
	.container.feature {max-width: 100% !important;}
	.feature-text {padding-right: calc(((100% - 960px) / 2) + .75rem);}
}
@media (min-width: 1200px) {
	.feature-text {padding-right: calc(((100% - 1140px) / 2) + .75rem);}
}
@media (min-width: 1400px) {
	.feature-text {padding-right: calc(((100% - 1320px) / 2) + .75rem);}
}

/*** Project Portfolio ***/
#portfolio-flters li {display: inline-block;font-weight: 500;color: var(--dark);cursor: pointer;transition: .5s;border-bottom: 2px solid transparent;}
#portfolio-flters li:hover, #portfolio-flters li.active {color: var(--primary);border-color: var(--primary);}
.portfolio-item img {transition: .5s;}
.portfolio-item:hover img {transform: scale(1.1);}
.portfolio-item .portfolio-overlay {position: absolute;display: flex;align-items: center;justify-content: center;width: 0;height: 0;bottom: 0;right: 50%;background: rgba(53, 53, 53, .7);transition: .5s;}
.portfolio-item:hover .portfolio-overlay {width: 100%;height: 100%;right: 0;}
.portfolio-item .portfolio-overlay .btn {opacity: 0;}
.portfolio-item:hover .portfolio-overlay .btn {opacity: 1;}

/*** Quote ***/
@media (min-width: 992px) {
	.container.quote {max-width: 100% !important;}
	.quote-text {padding-left: calc(((100% - 960px) / 2) + .75rem);}
}
@media (min-width: 1200px) {
	.quote-text {padding-left: calc(((100% - 1140px) / 2) + .75rem);}
}
@media (min-width: 1400px) {
	.quote-text {padding-left: calc(((100% - 1320px) / 2) + .75rem);}
}


/*** Team ***/
.team-item img {transition: .5s;}
.team-item:hover img {transform: scale(1.1);}
.team-item .team-social {position: absolute;width: 38px;top: 50%;right: -38px;transform: translateY(-50%);display: flex;flex-direction: column;background: #FFFFFF;transition: .5s;}
.team-item .team-social .btn {color: var(--primary);background: #FFFFFF;}
.team-item .team-social .btn:hover {color: #FFFFFF;background: var(--primary);}
.team-item:hover .team-social {right: 0;}

/*** Testimonial ***/
.testimonial-carousel::before {position: absolute;content: "";top: 0;right: 0;height: 100%;width: 0;background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);z-index: 1;}
.testimonial-carousel::after {position: absolute;content: "";top: 0;left: 0;height: 100%;width: 0;background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);z-index: 1;}
@media (min-width: 768px) {
	.testimonial-carousel::before, .testimonial-carousel::after {width: 200px;}
}

@media (min-width: 992px) {
	.testimonial-carousel::before, .testimonial-carousel::after {width: 300px;}
}

.testimonial-carousel .owl-item .testimonial-text {border: 5px solid var(--light);transform: scale(.8);transition: .5s;}
.testimonial-carousel .owl-item.center .testimonial-text {transform: scale(1);}
.testimonial-carousel .owl-nav {position: absolute;width: 350px;top: 10px;right: 50%;transform: translateX(50%);display: flex;justify-content: space-between;opacity: 0;transition: .5s;z-index: 1;}
.testimonial-carousel:hover .owl-nav {width: 300px;opacity: 1;}
.testimonial-carousel .owl-nav .owl-prev, .testimonial-carousel .owl-nav .owl-next {position: relative;color: var(--primary);font-size: 45px;transition: .5s;}
.testimonial-carousel .owl-nav .owl-prev:hover, .testimonial-carousel .owl-nav .owl-next:hover {color: var(--dark);}

/*** Contact ***/
@media (min-width: 992px) {
	.container.contact {max-width: 100% !important;}
	.contact-text {padding-right: calc(((100% - 960px) / 2) + .75rem);}
}

@media (min-width: 1200px) {
	.contact-text {padding-right: calc(((100% - 1140px) / 2) + .75rem);}
}
@media (min-width: 1400px) {
	.contact-text {padding-right: calc(((100% - 1320px) / 2) + .75rem);}
}

/*** Footer ***/
.footer {background: linear-gradient(rgba(53, 53, 53, .7), rgba(53, 53, 53, .7)), url(../images/footer.jpg) center center no-repeat;background-size: cover;}
.footer .btn.btn-social {margin-left: 5px;width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;color: var(--light);border: 1px solid #FFFFFF;transition: .3s;}
.footer .btn.btn-social:hover {color: var(--primary);}
.footer .btn.btn-link {display: block;margin-bottom: 5px;padding: 0;text-align: right;color: #FFFFFF;font-size: 15px;font-weight: normal;text-transform: capitalize;transition: .3s;}
.footer .btn.btn-link::before {position: relative;content: "\f105";font-family: "Font Awesome 5 Free";font-weight: 900;margin-left: 10px;}
.footer .btn.btn-link:hover {color: var(--primary);letter-spacing: 1px;box-shadow: none;}
.footer .copyright {padding: 25px 0;font-size: 15px;border-top: 1px solid rgba(256, 256, 256, .1);}
.footer .copyright a {color: var(--light);}
.footer .copyright a:hover {color: var(--primary);}

/* Arabic Version */
* {letter-spacing: 0px !important;}
/*@font-face {font-family: DroidNaskh;src: url(../fonts/droidnaskh/DroidArabicNaskh.woff) format("woff"),url(../fonts/droidnaskh/DroidArabicNaskh.woff2) format("woff2"),url(../fonts/droidnaskh/DroidArabicNaskh-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/droidnaskh/DroidArabicNaskh-Bold.woff?) format("woff"),url(../fonts/droidnaskh/DroidArabicNaskh-Bold.ttf) format("truetype"),url(../fonts/droidnaskh/DroidArabicNaskh-Bold.svg) format("svg");font-weight: 700;font-style: normal;font-display:swap}*/
@font-face {font-family: Cairo;src: url('../fonts/Cairo/Cairo-Regular.eot');src: url('../fonts/Cairo/Cairo-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Cairo/Cairo-Regular.woff2') format('woff2'),url('../fonts/Cairo/Cairo-Regular.woff') format('woff'),url('../fonts/Cairo/Cairo-Regular.ttf') format('truetype'),url('../fonts/Cairo/Cairo-Regular.svg#Cairo-Regular') format('svg');font-weight: normal;font-style: normal;font-display: swap;}
body{font-family:Cairo,"Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;}
h1, h2, h3, h4, h5, h6, [class^="heading-"] {font-family:Cairo,"Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif !important;}
.h1, .h2, .h3, .h4, .h5, .h6 {font-family:Cairo,"Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif !important;}
.fa-arrow-left:before {content: "\f061";}
.fa-arrow-right:before {content: "\f060";}
.fa-chevron-left:before {content: "\f054";}
.fa-chevron-right:before {content: "\f053";}
.fa-angle-left:before {content: "\f105";}
.fa-angle-right:before {content: "\f104";}
.fa-angle-double-left:before {content: "\f101";}
.fa-angle-double-right:before {content: "\f100";}
.footer .btn.btn-link:before {content: "\f104";}