/*
Theme Name: Osa1
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the ussama
Author URI: https://wordpress.org
Description: Osa emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 6.2
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
/* reset and set body css */
@charset "utf-8";










/* CSS Document */
/* @font-face {
    font-family: 'Droid Arabic Kufi';
    src: url(../fonts/DroidKufi-Regular.ttf);
}

@font-face {
    font-family: 'Droid Arabic Kufi';
    src: url(../fonts/DroidKufi-Bold.ttf);
    font-weight: bold;
} */


@font-face {
    font-family: 'Cairo';
    src: url(./fontcairo/static/Cairo-Regular.ttf);
}

@font-face {
     font-family: 'Cairo', Avenir ,HelveticaNeue, 'Droid Sans', sans-serif, serif, Tahoma, Geneva, sans-serif, Verdana;
 
    src: url(../fontcairo/Cairo-Bold.ttf);
    font-weight: bold;
}

/* Start Global */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*
To secure html5 correct behavior in older browsers
header, section, footer, aside, nav, main, article, figure {display: block;}
.affix { top: 0;width: 100%;}
.affix + .container-fluid {padding-top: 70px;}
*/





html {
  scroll-behavior: smooth;
}
.container {
    margin: auto;
}
body {
    overflow: auto;
    background: #ffffff;
     font-family: 'Cairo', Avenir ,HelveticaNeue, 'Droid Sans', sans-serif, serif, Tahoma, Geneva, sans-serif, Verdana;
 
}

ul {
    list-style: none;
    padding: 0;
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
.lead {
    font-family: 'Cairo', Avenir ,HelveticaNeue, 'Droid Sans', sans-serif, serif, Tahoma, Geneva, sans-serif, Verdana;
 
}

/* @import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css); */


/* //To secure html5 correct behavior in older browsers */
header,
section,
footer,
aside,
nav,
main,
article,
figure {
    display: block;
}
/* ==================================
   GLOBAL / CORE
================================== */

/* ==================================
   HEADER / NAVBAR
================================== */

/* ==================================
   SLIDER / HERO
================================== */

/* ==================================
   FLOORING SECTION
================================== */

/* ==================================
   DOORS SECTION
================================== */

/* ==================================
   GALLERIES (FOOGALLERY)
================================== */

/* ==================================
   FOOTER
================================== */

/* ==================================
   RTL
================================== */





*::-moz-placeholder {
    color: #c6c6c6;
    opacity: 1;
}

*::-moz-selection {
    background: #b3d4fc none repeat scroll 0 0;
    text-shadow: none;
}




/* // ------------- start navbar */



 .dropdown-menu:hover  li ul  {
    top: -3px;
     left: 100%;
     position:absolute;
     z-index: 999;
    
   
}  




 .navbar-light ul {

     padding: 0;
   margin: auto ;
    
   
}

.navbar-light ul li {
    border-bottom: 5px solid transparent;
   padding: 1px;
   margin: 0 15px !important;
    
} 
.navbar-light .navbar-nav .nav-link {
  color: #2E2E2E;
}
.navbar-light ul li a {
   
    text-decoration: none;

} 

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav 
.nav-link.active, .navbar-light .navbar-nav .nav-link.show,
 .navbar-light .navbar-nav .show > .nav-link {
  color:#4A4A4B;
   -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    color:  #E05127;
}
.navbar-light .navbar-nav .nav-link:hover {
  color:  #E05127;
}

.navbar-light ul li.active a,
.navbar-light ul li a:hover {
    /* // padding: 3px; */
    color:rgba(0,0,0,.5);

    border-bottom: 1.5px solid #E05127;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.dropdown-menu {
    font-family: "Cairo", Avenir ,Tahoma, Geneva, sans-serif, Verdana;
 
   
    min-width: 203px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    
}

.dropdown-toggle {
    right: 0;
}



.navbar-light .dropdown-menu>li>a {
    border-bottom: 2px solid transparent; 
     margin: 1px 1px;

}

.navbar-light .dropdown-menu>li.active a,
.navbar-light .dropdown-menu>li>a:hover {
      display: block;
      
    padding: 3px 10px;
    border-bottom: 1.5px #E05125 solid;
    color: #E05125;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out; 
}

.dropdown-menu .divider {
     height: 10px; 
 

}
 
/* Navbar height & spacing */
.custom-navbar {
  padding: 0.8rem 0;
  box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}

/* Logo size */
.navbar-brand img {
  height: 42px;
}

/* Center menu spacing */
.navbar-nav .nav-link {
  font-weight: 500;
  color: #1f2a44;
  padding: 0.5rem 1rem;
}

/* Right-side alignment */
.navbar-right .nav-link {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

/* Language pill */
.lang-pill .nav-link {
  border: 1px solid #ddd;
  border-radius: 20px;
  padding: 0.25rem 0.75rem;
  font-size: 14px;
}

/* Contact Sales button */
.contact-btn {
  border-radius: 8px;
  padding: 0.45rem 1rem;
  font-size: 14px;
}

/* Dropdown hover (desktop only) */
@media (min-width: 992px) {
  .navbar .dropdown:hover > .dropdown-menu {
    display: block;
  }
}



html[dir="ltr"] .navbar {
  direction: ltr;
}

html[dir="rtl"] .navbar {
  direction: rtl;
}

html[dir="ltr"] .navbar-right {
  margin-left: auto;
}

html[dir="rtl"] .navbar-right {
  margin-right: auto;
}

.navbar-right .nav-link {
  padding-inline: 0.75rem;
}

.swiper {
  height: 500px !important; 
  
  /* Set to your desired height */
}

.swiper-slide {
  height: 100%; /* Make slide take full container height */
  display: flex;
  align-items: center;
  justify-content: center;
}








/* bx slider  */
.sliderShow {

    min-height: 250px !important;
    overflow: hidden !important;
}


.bx-wrapper {
    height: 100% !important;
    overflow: visible !important;
    box-shadow: none;
    /* //border-top:  5px solid #f8f9fa !important; */
    border-top: none !important;
}

.bx-wrapper .bx-viewport {
    /* // box-shadow: none !important; */
    border: 0;
    background: none;
    /* //   height: 100% !important; */
    overflow: visible !important;
}

.bxslider {
    height: 100%
}


.bxslider li {
    display: block;
}

.bxslider li img {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 1400px;
    height: 500px;
    position: relative;
    text-align: center;
}

/* // to make dirction button  */
*/ .bx-wrapper .bx-controls-direction a {
    z-index: 999 !important;
}




/* bx slider end */


/* bx slider caption start */

.carousel-caption {
    position: absolute;
    bottom: 35px;
    width: 500px;
    height: 268px;
    background-color: rgba(3, 3, 3, .3);
    padding-right: 10px;
    padding-left: 10px;
}






.carousel-caption p {
    font-size: 13px;
    margin: 5px 0 40px;

    line-height: 1.9;

    font-size: 20px;

    color: #E2E2E2;
    height: 95px;
}

.carousel-caption .btn {
    background: transparent;
    padding: 10px 0;
    width: 130px;
    font-size: 14px;
    border: 1px solid #909090;
    margin: 0 8px;
    border-radius: 10px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;


}


.swiper {
    width: 100%;
    height: 100vh;
}

.swiper-slide {
    position: relative;
    pointer-events: auto;
}

.slide-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Overlay */
.slide-overlay-bar {
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    width: 78%;
    max-width: 1200px;
    z-index: 10;
    pointer-events: none;
}

/* Header */
.overlay-header {
    background: rgba(235,238,240,.9);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 32px;
}

.overlay-header h2 {
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1f3a4a;
}

/* Body */
.overlay-body {
    background: rgba(255,255,255,.95);
    padding: 14px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.overlay-body p {
    margin: 0;
    font-size: 15px;
    color: #4a5a66;
    max-width: 70%;
}

.overlay-body a {
    pointer-events: auto;
    font-weight: 600;
    color: #1f3a4a;
    text-decoration: none;
}

/* Navigation */
.overlay-nav {
    pointer-events: auto;
    display: flex;
    gap: 12px;
}

.overlay-nav .swiper-button-next,
.overlay-nav .swiper-button-prev {
    position: static;
    width: 34px;
    height: 34px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0,0,0,.15);
}

.overlay-nav .swiper-button-next::after,
.overlay-nav .swiper-button-prev::after {
    font-size: 14px;
    color: #1f3a4a;
}
.overlay-nav {
    padding-top: 30px;   /* try 4–10px */
}

.swiper {
    width: 100%;
    height: 100vh;
}

.swiper-slide {
    position: relative;
    pointer-events: auto;
}

/* SLIDE IMAGE */
.slide-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 1;
}

/* LEFT BLUE OVERLAY */
.swiper-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        rgba(20, 55, 85, 0.75) 0%,
        rgba(20, 55, 85, 0.55) 25%,
        rgba(20, 55, 85, 0.25) 45%,
        rgba(20, 55, 85, 0) 65%
    );
}

/* OVERLAY BAR */
.slide-overlay-bar {
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    width: 78%;
    max-width: 1200px;
    z-index: 10;
    pointer-events: none;
}

/* HEADER */
.overlay-header {
    background: rgba(235,238,240,.9);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 32px;
}

.overlay-header h2 {
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1f3a4a;
}

/* BODY */
.overlay-body {
    background: rgba(255,255,255,.95);
    padding: 14px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.overlay-body p {
    margin: 0;
    font-size: 15px;
    color: #4a5a66;
    max-width: 70%;
}

.overlay-body a {
    pointer-events: auto;
    font-weight: 600;
    color: #1f3a4a;
    text-decoration: none;
}

/* NAVIGATION */
.overlay-nav {
    pointer-events: auto;
    display: flex;
    gap: 12px;
    padding-top: 30px;
}

.overlay-nav .swiper-button-next,
.overlay-nav .swiper-button-prev {
    position: static;
    width: 34px;
    height: 34px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0,0,0,.15);
}

.overlay-nav .swiper-button-next::after,
.overlay-nav .swiper-button-prev::after {
    font-size: 14px;
    color: #1f3a4a;
}


















.medproject-section {
  background-color: #f8f9fa;
  position: relative;
  overflow: visible;
}

.badge-soft {
  background-color: #eef3f8;
  color: #0d2c54;
  font-weight: 600;
  letter-spacing: 0.05em;
  padding: 8px 16px;
}

.flooring-title {
  font-size: 2.8rem;
  font-weight: 700;
  color: #0d2c54;
  line-height: 1.2;
}
.flooring-title span {
  color: #e35b2a;
}

.text-accent {
  color: #e35b2a;
}

.flooring-card {
  background: #ffffff;
  border-radius: 14px;
  padding: 30px;
}

.btn-primary {
  background-color: #0d2c54;
  border-color: #0d2c54;
}
.btn-primary:hover {
  background-color: #081e3a;
  border-color: #081e3a;
}

/* FooGallery safety */
.foogallery-wrapper {
  width: 100%;
  clear: both;
  display: block !important;
}

.foogallery-wrapper,
.foogallery-wrapper .foogallery,
.foogallery-wrapper .fg-item {
  opacity: 1 !important;
  visibility: visible !important;
}

.foogallery-wrapper img {
  filter: grayscale(80%);
  opacity: 0.9;
  transition: all 0.3s ease;
}
.foogallery-wrapper img:hover {
  filter: grayscale(0%);
  opacity: 1;
}

@media (max-width: 767px) {
  .flooring-title {
    font-size: 2rem;
  }
}



.med-doors-section {
  background-color: #f8f9fa;
}

/* Eyebrow */
.doors-eyebrow {
  font-size: 12px;
  letter-spacing: 0.15em;
  color: #e35b2a;
  font-weight: 700;
}

/* Title */
.doors-main-title {
  font-size: 2.6rem;
  font-weight: 800;
  color: #0d2c54;
  line-height: 1.2;
}

/* Feature cards */
.doors-feature-card {
  background: #ffffff;
  border-radius: 14px;
  padding: 24px;
  height: 100%;
  box-shadow: 0 10px 25px rgba(0,0,0,0.04);
}

.doors-feature-card h6 {
  font-weight: 700;
  color: #0d2c54;
  margin-bottom: 8px;
}

.doors-feature-card p {
  font-size: 14px;
  color: #6c757d;
  margin-bottom: 0;
}

/* Icons */
.icon-box {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #eef3f8;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0d2c54;
  font-size: 18px;
}

/* Feature tag */
.feature-tag {
  font-size: 10px;
  letter-spacing: 0.1em;
  color: #e35b2a;
  font-weight: 700;
}

/* Image card */
.doors-image-card {
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}

/* Link */
.doors-link {
  font-weight: 600;
  color: #0d2c54;
  text-decoration: none;
}

/* Gallery clip */
.doors-gallery-clip {
  overflow: hidden;
  transition: max-height 0.4s ease;
}

/* Responsive */
@media (max-width: 767px) {
  .doors-main-title {
    font-size: 2rem;
  }
}

/* RTL FIX */
body.rtl .med-doors-section {
  direction: rtl;
  text-align: right;
}


.partners-section {
  background-color: #f8f9fa;
}

/* Logo card */
.partner-logo {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 16px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

/* Logo image */
.partner-logo img {
  max-width: 100px;
  max-height: 45px;
  width: auto;
  height: auto;
  filter: grayscale(100%);
  opacity: 0.85;
  transition: all 0.3s ease;
}

/* Hover effect */
.partner-logo:hover {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
}

.partner-logo:hover img {
  filter: grayscale(0%);
  opacity: 1;
}

/* Mobile refinement */
@media (max-width: 575px) {
  .partner-logo {
    height: 80px;
    padding: 14px;
  }

  .partner-logo img {
    max-width: 90px;
  }
}

  .medical-specialist-section {
  background:#f8fafc;
}

.section-kicker {
  font-size:11px;
  letter-spacing:1px;
  color:#2563eb;
  font-weight:600;
}

.section-title {
  font-size:34px;
  font-weight:800;
  color:#0f172a;
}

.section-desc {
  max-width:680px;
  color:#64748b;
  font-size:15px;
}

.corporate-tabs {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}

.corporate-tabs .room-tab {
  background:#fff;
  border:1px solid #dbeafe;
  padding:10px 20px;
  border-radius:999px;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
}

.corporate-tabs .room-tab.active {
  background:#2563eb;
  color:#fff;
}

.corporate-room-card {
  background:#fff;
  padding:36px;
  border-radius:18px;
  box-shadow:0 16px 36px rgba(0,0,0,0.08);
}

.room-image-wrapper {
  border-radius:16px;
  overflow:hidden;
}

.room-title {
  font-size:22px;
  font-weight:700;
}

.section-text {
  color:#475569;
}

.room-features {
  list-style:none;
  padding:0;
}

.corporate-features li {
  padding-left:28px;
  position:relative;
  margin-bottom:8px;
}

.corporate-features li::before {
  content:"✓";
  position:absolute;
  left:0;
  color:#2563eb;
}

.room-service-link {
  font-weight:600;
  color:#2563eb;
  text-decoration:none;
}

.room-service-link:hover {
  text-decoration:underline;
}

.gallery-clip {
  overflow:hidden;
  transition:max-height .4s ease;
}

/* RTL */
body.rtl .corporate-tabs { justify-content:flex-start; }
body.rtl .corporate-features li { padding-left:0; padding-right:28px; }
body.rtl .corporate-features li::before { right:0; left:auto; }


 /* SECTION */
.ceiling-showcase-section {
  background: #ffffff;
}

/* HEADINGS */
.display-title {
  font-size: 44px;
  font-weight: 800;
  line-height: 1.15;
  color: #0f172a;
  margin: 12px 0 18px;
}

.lead-text {
  font-size: 17px;
  font-weight: 500;
  color: #475569;
}

.body-text {
  color: #64748b;
  max-width: 600px;
}

/* FEATURES */
.feature-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.feature-card {
  background: #f8fafc;
  border-radius: 16px;
  padding: 28px;
  transition: transform .2s ease, box-shadow .2s ease;
}

.feature-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.feature-card i {
  font-size: 22px;
  color: #2563eb;
  margin-bottom: 14px;
}

.feature-card h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px;
}

/* CTA */
.gallery-link {
  font-weight: 600;
  color: #0f172a;
  text-decoration: none;
}

.gallery-link:hover {
  text-decoration: underline;
}

/* GALLERY */
.gallery-section {
  margin-bottom: 120px;
}

.gallery-clip {
  overflow: hidden;
  transition: max-height 0.4s ease;
}

/* RTL FIX */
body.rtl .feature-grid {
  direction: rtl;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .display-title {
    font-size: 32px;
  }
  .feature-grid {
    grid-template-columns: 1fr;
  }
}

/* SECTION */
.handrail-showcase-section {
  position: relative;
  padding: 120px 0;
  background-image: url("https://localhost/wordpress/wp-content/themes/Daar/public/static/img/bg2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

/* Overlay */
.handrail-showcase-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.97);
  z-index: 1;
}

.handrail-showcase-section .container {
  position: relative;
  z-index: 2;
}

/* Typography */
.display-title {
  font-size: 44px;
  font-weight: 800;
  line-height: 1.15;
  color: #0f172a;
  margin: 12px 0 18px;
}

.lead-text {
  font-size: 17px;
  font-weight: 500;
  color: #475569;
}

.body-text {
  color: #64748b;
  max-width: 600px;
}

.section-kicker {
  font-weight: 700;
  color: #2563eb;
  letter-spacing: .08em;
}

/* Features */
.feature-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.feature-card {
  background: rgba(255,255,255,.97);
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  transition: transform .2s ease, box-shadow .2s ease;
}

.feature-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
}

.feature-card i {
  font-size: 22px;
  color: #2563eb;
  margin-bottom: 14px;
}

.feature-card h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px;
}

/* Gallery */
.gallery-section {
  margin-bottom: 120px;
}

.gallery-clip {
  overflow: hidden;
  transition: max-height .4s ease;
}

/* RTL */
body.rtl .feature-grid {
  direction: rtl;
}

/* Responsive */
@media (max-width: 768px) {
  .display-title { font-size: 32px; }
  .feature-grid { grid-template-columns: 1fr; }
  .handrail-showcase-section { padding: 80px 0; }
}


  .medproject-modular-section {
  background: #ffffff;
}

/* Typography */
.section-kicker {
  font-size: 12px;
  letter-spacing: 1px;
  color: #2563eb;
  font-weight: 600;
}

.display-title {
  font-size: 44px;
  font-weight: 800;
  line-height: 1.15;
  margin: 12px 0 18px;
  color: #0f172a;
}

.lead-text {
  font-size: 17px;
  font-weight: 500;
  color: #475569;
}

.body-text {
  color: #64748b;
  max-width: 620px;
}

/* Feature Grid */
.feature-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.feature-card {
  background: #f8fafc;
  border-radius: 18px;
  padding: 30px;
  transition: transform .25s ease, box-shadow .25s ease;
}

.feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(0,0,0,.08);
}

.feature-card i {
  font-size: 22px;
  color: #2563eb;
  margin-bottom: 14px;
}

.feature-card h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #0f172a;
}

/* Gallery */
.gallery-section {
  margin-bottom: 120px;
}

.gallery-clip {
  overflow: hidden;
  transition: max-height .4s ease;
}

/* Responsive */
@media (max-width: 768px) {
  .display-title { font-size: 32px; }
  .feature-grid { grid-template-columns: 1fr; }
}



 /* Section Wrapper */
.medical-portfolio-section {
  background-color: #ffffff;
}

/* Kicker */
.portfolio-kicker {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: 700;
  color: #FF7B4B;
  text-transform: uppercase;
  margin-bottom: 6px;
}

/* Main Title */
.portfolio-title {
  font-size: 36px;
  font-weight: 800;
  color: #0B1221;
  margin: 0;
  line-height: 1.2;
}

/* Accent Line */
.section-title-line {
  width: 64px;
  height: 4px;
  background-color: #FF7B4B;
  border-radius: 3px;
}

/* View Link */
.portfolio-view-link {
  font-size: 14px;
  font-weight: 600;
  color: #0B1221;
  text-decoration: none;
  border-bottom: 2px solid #FF7B4B;
  padding-bottom: 4px;
  transition: all 0.3s ease;
}

.portfolio-view-link:hover {
  color: #FF7B4B;
}

/* Intro Text */
.portfolio-intro {
  font-size: 16px;
  color: #555;
  line-height: 1.75;
  max-width: 780px;
}

/* Divider */
.portfolio-divider {
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
}

/* Grid Images */
.medical-projects-grid img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.medical-projects-grid img:hover {
  transform: scale(1.04);
}

/* Responsive */
@media (max-width: 767px) {
  .portfolio-title {
    font-size: 28px;
  }
}

  /* Section Wrapper */
.admin-portfolio-section {
  background-color: #0c4a6e;
}

/* Kicker */
.admin-portfolio-section .portfolio-kicker {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.admin-portfolio-section .portfolio-kicker.light {
  color: #FF7B4B;
}

/* Main Title */
.admin-portfolio-section .portfolio-title {
  font-size: 36px;
  font-weight: 800;
  margin: 0;
  line-height: 1.25;
}

/* Accent Line */
.admin-portfolio-section .section-title-line {
  width: 64px;
  height: 4px;
  background-color: #FF7B4B;
  border-radius: 3px;
}

/* View Link */
.admin-portfolio-section .portfolio-view-link {
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid #FF7B4B;
  padding-bottom: 4px;
  transition: all 0.3s ease;
}

.admin-portfolio-section .portfolio-view-link.light {
  color: #ffffff;
}

.admin-portfolio-section .portfolio-view-link:hover {
  color: #FF7B4B;
}

/* Intro Text */
.admin-portfolio-section .portfolio-intro {
  font-size: 16px;
  line-height: 1.75;
  max-width: 780px;
}

/* Divider */
.admin-portfolio-section .portfolio-divider {
  width: 100%;
  height: 1px;
  opacity: 0.5;
}

.admin-portfolio-section .portfolio-divider.light {
  background-color: rgba(255, 255, 255, 0.35);
}

/* Grid Images */
.admin-projects-grid img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.admin-projects-grid img:hover {
  transform: scale(1.04);
}

/* Responsive */
@media (max-width: 767px) {
  .admin-portfolio-section .portfolio-title {
    font-size: 28px;
  }
}



/* ===============================
   CORPORATE FOOTER (ISOLATED)
================================ */

.site-footer {
  background: linear-gradient(180deg, #020617 0%, #020617 100%);
  padding: 80px 0 40px;
  color: #9ca3af;
  font-size: 15px;
  position: relative;
  z-index: 10;
}

.site-footer .footer-logo {
  max-width: 180px;
}

.site-footer .footer-title {
  color: #ffffff;
  font-size: 13px;
  letter-spacing: 1.4px;
  margin-bottom: 22px;
  text-transform: uppercase;
  font-weight: 600;
}

.site-footer .footer-text {
  line-height: 1.8;
  color: #9ca3af;
  margin-bottom: 20px;
}

.site-footer .footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.site-footer .footer-links li {
  margin-bottom: 10px;
  cursor: pointer;
  transition: color 0.25s ease, transform 0.25s ease;
}

.site-footer .footer-links li:hover {
  color: #f59e0b;
  transform: translateX(4px);
}

.site-footer .footer-email {
  display: inline-block;
  background: #fbbf24;
  color: #020617;
  padding: 12px 22px;
  font-weight: 600;
  border-radius: 4px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.site-footer .footer-email:hover {
  background: #f59e0b;
  color: #020617;
}

.site-footer .footer-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #0f172a;
  color: #9ca3af;
  margin-right: 10px;
  transition: all 0.3s ease;
}

.site-footer .footer-social a:hover {
  background: #f59e0b;
  color: #020617;
}

.site-footer .footer-divider {
  height: 1px;
  background: rgba(255,255,255,0.08);
  margin-top: 60px;
}

.site-footer .footer-copy {
  margin-top: 25px;
  font-size: 13px;
  color: #9ca3af;
}

.site-footer .footer-copy span {
  color: #f59e0b;
  font-weight: 600;
}

#s-topup {
  width: 35px;
  height: 35px;
  right: 15px;
  bottom: 10px;
  z-index: 99999;
  display: none;
  position: fixed;
  background-color: #969ea3;
  cursor: pointer; /* IMPORTANT */
  border-radius: 3px;
}


#s-topup:hover {
  background-color: #ffffff;
}





/* End posts shufflecss  */

.AdminBuildProjects .post-gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.AdminBuildProjects .ALLPosts .gallery .row>div {
    width: 32.66666%;
    float: left;
    margin-bottom: 12px;
    background-color: #DDD;
    position: relative
}
.AdminBuildProjects.ALLPosts {
    padding: 35px 0;

}
.AdminBuildProjects .ALLPosts ul {
    margin-top: 50px;
    margin-bottom: 10px;
    float: left;
}
.AdminBuildProjects .ALLPosts ul li.selected {
    background-color: #1abc9c;
    border: 2px solid #1abc9c;
    color: #FFF
}
.AdminBuildProjects{
    padding-bottom: 30px;
    /* background: url('img/bg2.jpg'); */
    background-color:#EFF2F3;
    padding-top: 50px;
    padding-bottom: 20px;
    clear: both;
}



/* daar libya info*/

#service-flooring {
    /* Background image */
    background-image: url('img/b2.webp'); /* Replace with your image path */
       
    /* Make it cover the whole section */
    background-size: cover;
    
    /* Position the image — adjust focus if needed */
    background-position: center center;
    
    /* Prevent repeating */
    background-repeat: no-repeat;
    
    /* Optional: add overlay for readability */
    position: relative;
    z-index: 1;
    color: #000; /* default text color if needed */
}

#service-flooring::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(255, 255, 255, 0.85); /* white overlay, adjust opacity */
    z-index: 0;

}

/* Make sure container content is above overlay */
#flooring-services .container {
    position: relative;
    z-index: 2;
}






#ot-services {
    /* Background image */
    background-image: url('img/b1.webp'); /* Replace with your image path */
       
    /* Make it cover the whole section */
    background-size: cover;
    
    /* Position the image — adjust focus if needed */
    background-position: center center;
    
    /* Prevent repeating */
    background-repeat: no-repeat;
    
    /* Optional: add overlay for readability */
    position: relative;
    z-index: 1;
    color: #000; /* default text color if needed */
}

#ot-services::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(255, 255, 255, 0.85); /* white overlay, adjust opacity */
    z-index: 0;

}

/* Make sure container content is above overlay */
#ot-services .container {
    position: relative;
    z-index: 2;
}


#Moudler-services {
     /* Background image */
    background-image: url('img/b2.webp'); /* Replace with your image path */
       
    /* Make it cover the whole section */
    background-size: cover;
    
    /* Position the image — adjust focus if needed */
    background-position: center center;
    
    /* Prevent repeating */
    background-repeat: no-repeat;
    
    /* Optional: add overlay for readability */
    position: relative;
    z-index: 1;
    color: #000; /* default text color if needed */
}

#Moudler-services::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(255, 255, 255, 0.85); /* white overlay, adjust opacity */
    z-index: 0;

}

/* Make sure container content is above overlay */
#Moudler-services .container {
    position: relative;
    z-index: 2;
}







.DaarInfo {
    padding-top: 20px;
    padding-bottom: 20px;
    clear: both;
    background: url('img/bg1.jpg');

}



.DInfo {
    margin-top: 30px;
    height: auto;
    width: auto;

}

.DInfo .text-black {
    font-family: 'Cairo', Avenir ,HelveticaNeue, 'Droid Sans', sans-serif, serif, Tahoma, Geneva, sans-serif, Verdana;
     --bs-text-opacity: 1;
    color: rgba(0, 0, 0, .5) !important;
}


/*end daar libya
 */


.portfilio img {
    max-width: 250px;
    height: 250px;
    margin: 13px;


}

.portfilio .row {
    margin: 0px;
}

.portfilio .info {
    padding: 10px;
}

.portfilioard .info h3 {
    margin: 0;
}

.portfilio .info p {
    color: #777;
    line-height: 1.6;
    margin-bottom: 0;
}



/* here we go project shuffle ends*/




.footerwork {
    padding-bottom: 20px;
    padding-top: 20px;
    background: #19283F;
    color: #a2a287;
    text-align: left;
}

.footerwork a:hover {
    color: #fff;
}

.footerwork h3 {
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 30;
}

.footerMap {
    background: #19283F;
    color: #fff;
    padding: 7px 0;
    font-family: 'Cairo', Avenir ,HelveticaNeue, 'Droid Sans', sans-serif, serif, Tahoma, Geneva, sans-serif, Verdana;
    font-size: 17px;
    min-height: 400px;
}

/*
//---------------------------copyright section----------------------------
*/


.footerMap a {
    color: #fff;
}

.linksFont a {
    font-size: 18px;
    color: #fff;
}

.copyrightMod {
    background: #303030;
    color: #fff;
    padding: 7px 0;
    font-family: 'Cairo', Avenir ,HelveticaNeue, 'Droid Sans', sans-serif, serif, Tahoma, Geneva, sans-serif, Verdana;
     font-size: 14px;
}

.footwork .social-list li:hover {
    opacity: 1;
}

.CopyRightsArdo {
    background: #19283F;
    color: #fff;
}

.CopyRightsArdo span {
    padding: 3px;
    color: red;
}

.social-list ul {
    margin-top: 8px;
    list-style: none;
    line-height: 1.6;
    padding: 0px;
    margin: 0px;
    text-align: right !important;
    float: right;

}

.social-list li {
    display: inline;
    opacity: 0.7;
    filter: alpha(opacity=70);
    line-height: 55px;
    float: left;
    margin-right: 3px;
}

.social-list li:hover {
    opacity: 0.9;
    filter: alpha(opacity=70);
}

.CopyRightsArdo {
    background: #303030;
    padding: 5px 0;
    margin-top: 20px;
}

.copyrightMod {
    color: #fff;
    font-family: 'Cairo', Avenir ,HelveticaNeue, 'Droid Sans', sans-serif, serif, Tahoma, Geneva, sans-serif, Verdana;
     font-size: 13px;
    line-height: 50px;
}

.footerinfo {
    font-size: 17px;
}

.footerinfo img {
    vertical-align: middle;
    border-style: none;
    max-width: 130px;
    height: 65px;
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, .5) !important;
}

.footerinfo .copyright>span {
    color: #33D1CC;
}

.footerinfo div span {
    color: #E05026;
}

/* // end footer */

/* grouping css*/
.social-list li:hover
/* .navbar-light ul li:hover, */
 {
    opacity: 0.9;
    filter: alpha(opacity=70);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.ArticalsSegment i {
color: #f7600e;
  border: 3px solid #CCC;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  line-height: 100px;
}

.iconLi li {
    /* display: inline; */
    opacity: 0.7;
    filter: alpha(opacity=70);
    line-height: 55px;
 
    margin-left: 5px;
   
    color: #f7600e;

   
/*     border-radius: 25%; */
    line-height: 120px;
}

.iconLi li i {
  
   
   
    line-height: 55px;
    float: left;
    margin-left: 3px;
    color: #f7600e;
    line-height: 120px;
  
    width: 20px;
    height: 20px;
    font-size: 20px;
  
}

.iconLi li:hover {
    opacity: 0.9;
    filter: alpha(opacity=70);
}

/* make the nicescroll over all other*/
#ascrail2000 {
    z-index: 99999 !important;
}

.social-icons {
  display: flex;
  gap: 15px;
  justify-content: left;
  padding: 20px 0;
  /* background-color: #222; */
}

.social-icons a {
  color: #fff;
  font-size: 20px;
  transition: color 0.3s;
}

.social-icons a:hover {
  color: #1da1f2; /* Light blue hover effect */
}

.contact .btn{
    margin-top: 10px;
}
.Partner1{

/* min-height: 100%; */
    background-color:#F5F5F5;
    padding: 20px;
}
.Partner1 img
{
    width:100%;
    height: 100%;;
    padding: 15px 0;
}

.Partner2{

    padding: 10px;
/* min-height: 100%; */
    background-color:#072E48;
   /* padding: 10px;*/
}

.Partner2 p
{
      color: #fff;
    
  font-size: 12px;
  transition: color 0.3s;
  
}
.Partner2 img
{
    width:50%;
    height: 70%;;
    padding: 5px 0;
  
}


.lang-toggle-button {
    display: inline-block;
    padding: 8px 16px;
    background-color: #004B87;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-weight: bold;
    transition: background 0.3s ease;
}
.lang-toggle-button:hover {
    background-color: #FFC107;
}
.transparent-navbar {
  background-color: transparent !important;
  
 background-color: rgba(255, 255, 255, 0.85) !important; /* white with 30% opacity */
  border: none;
}
.transparent-navbar {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
}

/* Make slider full width */
.swiper {
    width: 100%;
    height: 75vh; /* Same height ratio as Forbo */
    position: relative;
}

/* Image style similar to Forbo */
.slide-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Overlay container */
.slide-overlay {
    position: absolute;
    top: 50%;
    left: 8%; /* Forbo style: text aligned left */
    transform: translateY(-50%);
    width: 35%; /* Forbo overlay width */
    padding: 30px 40px;
    background: rgba(0,0,0,0.45); /* Forbo dark overlay */
    color: #fff;
    border-radius: 4px;
}

/* Title */
.slide-overlay h2 {
    font-size: 34px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 15px;
}

/* Paragraph */
.slide-overlay p {
    font-size: 16px;
    line-height: 1.5;
    opacity: 0.9;
}

/* Button like Forbo */
.overlay-btn {
    display: inline-block;
    margin-top: 18px;
    padding: 10px 20px;
    background: #fff;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    border-radius: 3px;
}

/* Fade in like Forbo */
.swiper-slide {
    position: relative;
}
.swiper-slide-active .slide-overlay {
    animation: fadeIn 0.9s ease-in-out forwards;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-40%); }
    to   { opacity: 1; transform: translateY(-50%); }
}
.slide-overlay {
    position: absolute;
    top: 35%;
    left: 6.2%;           /* EXACT Forbo position */
    transform: translateY(-50%);
    width: 85%;           /* EXACT Forbo overlay width */
    padding: 25px ;   /* EXACT Forbo padding */
    background: #FFFFFFCC;
    color: #FFFFFFCC;
    border-radius: 0;
    height: 35%; 
        /* Forbo uses no rounding */
}
.slide-overlay h2 {
    font-size: 36px;      /* very close to Forbo */
    font-weight: 700;
    margin-bottom: 5px;
    color:#23415A;
}

.slide-overlay p {
    font-size: 17px;
    line-height: 1.55;
    opacity: 0.95;
    color: #23415A;
}
.swiper-slide-active .slide-overlay {
    animation: forboFade 0.9s ease forwards;
}

@keyframes forboFade {
    from { opacity: 0; transform: translateY(-40%); }
    to   { opacity: 1; transform: translateY(-50%); }
}
/* Position arrows vertically center */
.swiper-button-next,
.swiper-button-prev {
    color: #fff;              /* white arrow color */
    opacity: 0.7;             /* default transparency */
    width: 50px;
    height: 50px;
    top: 50%;                  /* vertical center */
    transform: translateY(-50%);
}

/* Place arrows outside overlay */
.swiper-button-next {
    right: 4%;                 /* outside overlay/content */
}
.swiper-button-prev {
    left: 4%;                  /* outside overlay/content */
}

/* Hover effect */
.swiper-button-next:hover,
.swiper-button-prev:hover {
    opacity: 1;
}

/* Use thin lines like Forbo arrows */
.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 28px;
    font-weight: 600;
}

/* Hide arrows on small screens like Forbo */
@media screen and (max-width: 992px) {
    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }
}
#s-topup {
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: none;
    z-index: 9999;
}

html[dir="rtl"] .portfolio-view-link {
  float: left;
}

html[dir="rtl"] .portfolio-subtitle {
  letter-spacing: 1px;
}