@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap');
html{ direction: rtl;}
*{font-family: 'Tajawal', sans-serif;} 
a{text-decoration: none;}
a{color: #3c3d41;}
footer  a{color: #D8C047;}
.appjad-image{position: relative;width: 100%;padding-bottom: 100%;overflow: hidden;}
.appjad-image.re{padding-bottom: 60%; }
.appjad-image.ro{ transform: translateY(-1px) rotate(0deg); }
.appjad-image img{position: absolute; left: 50%;top: 50%; min-height: 100%; width: 100%;
  -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);transition: all .5s;
  transform: translate(-50%,-50%);object-fit: cover;object-position: center;}
.w-color{color: #D8C047;}
.btn-warning,.bg-warning{background-color: #D8C047 !important;}
.bg-mishwar{background-color: #924C8A !important; color: #FFF;}
.text-justify{text-align: justify;}
.header{position: absolute; width: 100%; height: max-content; z-index: 99999;}
.header-inside{position: relative; background-color: #3c3d41;}
.top-header{ width: max-content;}
.nav-link{ font-size: large;}
.nav-link:hover{color: #D8C047 !important; font-size: large;}

.sub-nav{ height: 50px; line-height: 50px; }

.carousel .bg{background-color: rgba(0, 0, 0, .5); width: 100%; height: 100%; position: absolute;}

.about-list,.says-list{background-image: linear-gradient(180deg, #DBC845 0%, #924C8A 85%);}

.vision{position: relative; height: 60vh;}
.bg-image{position: absolute; width: 100%; height: 100%; z-index: -1;} 
.owl-dot{width: 10px; height: 10px; background-color: #D8C047;}

.googlemap {  position: relative;  padding-bottom: 20%; /* 4:3 ratio*/  height: 0;  overflow: hidden;}
.googlemap iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}

.footer-bs {
  background-color: #3c3d41;
padding: 60px 40px;
color: rgba(255,255,255,1.00);

border-bottom-right-radius: 6px;
border-top-left-radius: 0px;
border-bottom-left-radius: 6px;
}
.footer-bs .footer-brand, .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { padding:10px 25px; }
.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-color: transparent; }
.footer-bs .footer-brand h2 { margin:0px 0px 10px; }
.footer-bs .footer-brand p { font-size:12px; color:rgba(255,255,255,0.70); }

.footer-bs .footer-nav ul.pages { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.pages li { padding:5px 0px;}
.footer-bs .footer-nav ul.pages a { color:rgba(255,255,255,1.00); font-weight:bold; text-transform:uppercase; }
.footer-bs .footer-nav ul.pages a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }
.footer-bs .footer-nav h4 {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom:10px;
}

.footer-bs .footer-nav ul.list { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.list li { padding:5px 0px;}
.footer-bs .footer-nav ul.list a { color:rgba(255,255,255,0.80); }
.footer-bs .footer-nav ul.list a:hover { color:rgba(255,255,255,0.60); text-decoration:none; }

.footer-bs .footer-social ul { list-style:none; padding:0px; }
.footer-bs .footer-social h4 {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 3px;
}
.footer-bs .footer-social li { padding:5px 4px;}
.footer-bs .footer-social a { color:rgba(255,255,255,1.00);}
.footer-bs .footer-social a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }

.footer-bs .footer-ns h4 {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom:10px;
}
.footer-bs .footer-ns p { font-size:12px; color:rgba(255,255,255,0.70); }

@media (min-width: 768px) {
  
.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-left:solid 1px rgba(255,255,255,0.10); }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
  
.vision{position: relative; height: 80vh;}
.googlemap {  padding-bottom: 80%; }
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
 
.vision{position: relative; height: 80vh;}
.googlemap {  padding-bottom: 80%; }
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
 
.vision{position: relative; height: 80vh;}
.googlemap {  padding-bottom: 80%; }
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
 
.vision{position: relative; height: 80vh;}
.googlemap {  padding-bottom: 40%; }
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
  .googlemap {  padding-bottom: 30%; }
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
  .googlemap {  padding-bottom: 30%; }
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
  .googlemap {  padding-bottom: 30%; }
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
  .googlemap {  padding-bottom: 30%; }
}