@charset "utf-8";
  @font-face {
font-family: 'Cairo';
src: url(https://daarstore.ly/wp-content/themes/Daar/fontcairo/static/Cairo-Regular.ttf);
}
@font-face {
font-family: 'Cairo', Avenir ,HelveticaNeue, 'Droid Sans', sans-serif, serif, Tahoma, Geneva, sans-serif, Verdana;
src: url(//daarstore.ly/wp-content/themes/fontcairo/Cairo-Bold.ttf);
font-weight: bold;
} * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} 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;
}  header,
section,
footer,
aside,
nav,
main,
article,
figure {
display: block;
}        *::-moz-placeholder {
color: #c6c6c6;
opacity: 1;
}
*::-moz-selection {
background: #b3d4fc none repeat scroll 0 0;
text-shadow: none;
} .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 { 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; 
} .custom-navbar {
padding: 0.8rem 0;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
} .navbar-brand img {
height: 42px;
} .navbar-nav .nav-link {
font-weight: 500;
color: #1f2a44;
padding: 0.5rem 1rem;
} .navbar-right .nav-link {
padding-left: 0.75rem;
padding-right: 0.75rem;
} .lang-pill .nav-link {
border: 1px solid #ddd;
border-radius: 20px;
padding: 0.25rem 0.75rem;
font-size: 14px;
} .contact-btn {
border-radius: 8px;
padding: 0.45rem 1rem;
font-size: 14px;
} @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; }
.swiper-slide {
height: 100%; display: flex;
align-items: center;
justify-content: center;
} .sliderShow {
min-height: 250px !important;
overflow: hidden !important;
}
.bx-wrapper {
height: 100% !important;
overflow: visible !important;
box-shadow: none; border-top: none !important;
}
.bx-wrapper .bx-viewport { border: 0;
background: none; 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;
} */ .bx-wrapper .bx-controls-direction a {
z-index: 999 !important;
}  .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;
} .slide-overlay-bar {
position: absolute;
top: 70px;
left: 50%;
transform: translateX(-50%);
width: 78%;
max-width: 1200px;
z-index: 10;
pointer-events: none;
} .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;
} .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;
} .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; }
.swiper {
width: 100%;
height: 100vh;
}
.swiper-slide {
position: relative;
pointer-events: auto;
} .slide-img {
width: 100%;
height: 100%;
object-fit: cover;
position: relative;
z-index: 1;
} .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%
);
} .slide-overlay-bar {
position: absolute;
top: 70px;
left: 50%;
transform: translateX(-50%);
width: 78%;
max-width: 1200px;
z-index: 10;
pointer-events: none;
} .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;
} .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;
} .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-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;
} .doors-eyebrow {
font-size: 12px;
letter-spacing: 0.15em;
color: #e35b2a;
font-weight: 700;
} .doors-main-title {
font-size: 2.6rem;
font-weight: 800;
color: #0d2c54;
line-height: 1.2;
} .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;
} .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 {
font-size: 10px;
letter-spacing: 0.1em;
color: #e35b2a;
font-weight: 700;
} .doors-image-card {
border-radius: 16px;
overflow: hidden;
position: relative;
} .doors-link {
font-weight: 600;
color: #0d2c54;
text-decoration: none;
} .doors-gallery-clip {
overflow: hidden;
transition: max-height 0.4s ease;
} @media (max-width: 767px) {
.doors-main-title {
font-size: 2rem;
}
} body.rtl .med-doors-section {
direction: rtl;
text-align: right;
}
.partners-section {
background-color: #f8f9fa;
} .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;
} .partner-logo img {
max-width: 100px;
max-height: 45px;
width: auto;
height: auto;
filter: grayscale(100%);
opacity: 0.85;
transition: all 0.3s ease;
} .partner-logo:hover {
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
}
.partner-logo:hover img {
filter: grayscale(0%);
opacity: 1;
} @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;
} 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; } .ceiling-showcase-section {
background: #ffffff;
} .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;
} .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;
} .gallery-link {
font-weight: 600;
color: #0f172a;
text-decoration: none;
}
.gallery-link:hover {
text-decoration: underline;
} .gallery-section {
margin-bottom: 120px;
}
.gallery-clip {
overflow: hidden;
transition: max-height 0.4s ease;
} body.rtl .feature-grid {
direction: rtl;
} @media (max-width: 768px) {
.display-title {
font-size: 32px;
}
.feature-grid {
grid-template-columns: 1fr;
}
} .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;
} .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;
} .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;
} .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-section {
margin-bottom: 120px;
}
.gallery-clip {
overflow: hidden;
transition: max-height .4s ease;
} body.rtl .feature-grid {
direction: rtl;
} @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;
} .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 {
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-section {
margin-bottom: 120px;
}
.gallery-clip {
overflow: hidden;
transition: max-height .4s ease;
} @media (max-width: 768px) {
.display-title { font-size: 32px; }
.feature-grid { grid-template-columns: 1fr; }
} .medical-portfolio-section {
background-color: #ffffff;
} .portfolio-kicker {
display: inline-block;
font-size: 12px;
letter-spacing: 2px;
font-weight: 700;
color: #FF7B4B;
text-transform: uppercase;
margin-bottom: 6px;
} .portfolio-title {
font-size: 36px;
font-weight: 800;
color: #0B1221;
margin: 0;
line-height: 1.2;
} .section-title-line {
width: 64px;
height: 4px;
background-color: #FF7B4B;
border-radius: 3px;
} .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;
} .portfolio-intro {
font-size: 16px;
color: #555;
line-height: 1.75;
max-width: 780px;
} .portfolio-divider {
width: 100%;
height: 1px;
background-color: #e0e0e0;
} .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);
} @media (max-width: 767px) {
.portfolio-title {
font-size: 28px;
}
} .admin-portfolio-section {
background-color: #0c4a6e;
} .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;
} .admin-portfolio-section .portfolio-title {
font-size: 36px;
font-weight: 800;
margin: 0;
line-height: 1.25;
} .admin-portfolio-section .section-title-line {
width: 64px;
height: 4px;
background-color: #FF7B4B;
border-radius: 3px;
} .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;
} .admin-portfolio-section .portfolio-intro {
font-size: 16px;
line-height: 1.75;
max-width: 780px;
} .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);
} .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);
} @media (max-width: 767px) {
.admin-portfolio-section .portfolio-title {
font-size: 28px;
}
} .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; border-radius: 3px;
}
#s-topup:hover {
background-color: #ffffff;
} .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-color:#EFF2F3;
padding-top: 50px;
padding-bottom: 20px;
clear: both;
} #service-flooring { background-image: url(https://mlxw2b4crvp9.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://daarstore.ly/wp-content/themes/Daar/img/b2.webp);  background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative;
z-index: 1;
color: #000; }
#service-flooring::before {
content: '';
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(255, 255, 255, 0.85); z-index: 0;
} #flooring-services .container {
position: relative;
z-index: 2;
}
#ot-services { background-image: url(https://mlxw2b4crvp9.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://daarstore.ly/wp-content/themes/Daar/img/b1.webp);  background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative;
z-index: 1;
color: #000; }
#ot-services::before {
content: '';
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(255, 255, 255, 0.85); z-index: 0;
} #ot-services .container {
position: relative;
z-index: 2;
}
#Moudler-services { background-image: url(https://mlxw2b4crvp9.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://daarstore.ly/wp-content/themes/Daar/img/b2.webp);  background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative;
z-index: 1;
color: #000; }
#Moudler-services::before {
content: '';
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(255, 255, 255, 0.85); z-index: 0;
} #Moudler-services .container {
position: relative;
z-index: 2;
}
.DaarInfo {
padding-top: 20px;
padding-bottom: 20px;
clear: both;
background: url(https://mlxw2b4crvp9.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://daarstore.ly/wp-content/themes/Daar/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;
} .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;
} .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;
} .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;
}  .social-list 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 { opacity: 0.7;
filter: alpha(opacity=70);
line-height: 55px;
margin-left: 5px;
color: #f7600e; 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);
} #ascrail2000 {
z-index: 99999 !important;
}
.social-icons {
display: flex;
gap: 15px;
justify-content: left;
padding: 20px 0; }
.social-icons a {
color: #fff;
font-size: 20px;
transition: color 0.3s;
}
.social-icons a:hover {
color: #1da1f2; }
.contact .btn{
margin-top: 10px;
}
.Partner1{ background-color:#F5F5F5;
padding: 20px;
}
.Partner1 img
{
width:100%;
height: 100%;;
padding: 15px 0;
}
.Partner2{
padding: 10px; background-color:#072E48; }
.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; border: none;
}
.transparent-navbar {
position: fixed;
width: 100%;
top: 0;
z-index: 1000;
} .swiper {
width: 100%;
height: 75vh; position: relative;
} .slide-img {
width: 100%;
height: 100%;
object-fit: cover;
} .slide-overlay {
position: absolute;
top: 50%;
left: 8%; transform: translateY(-50%);
width: 35%; padding: 30px 40px;
background: rgba(0,0,0,0.45); color: #fff;
border-radius: 4px;
} .slide-overlay h2 {
font-size: 34px;
font-weight: bold;
line-height: 1.2;
margin-bottom: 15px;
} .slide-overlay p {
font-size: 16px;
line-height: 1.5;
opacity: 0.9;
} .overlay-btn {
display: inline-block;
margin-top: 18px;
padding: 10px 20px;
background: #fff;
color: #000;
font-weight: bold;
text-decoration: none;
border-radius: 3px;
} .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%; transform: translateY(-50%);
width: 85%; padding: 25px ; background: #FFFFFFCC;
color: #FFFFFFCC;
border-radius: 0;
height: 35%; }
.slide-overlay h2 {
font-size: 36px; 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%); }
} .swiper-button-next,
.swiper-button-prev {
color: #fff; opacity: 0.7; width: 50px;
height: 50px;
top: 50%; transform: translateY(-50%);
} .swiper-button-next {
right: 4%; }
.swiper-button-prev {
left: 4%; } .swiper-button-next:hover,
.swiper-button-prev:hover {
opacity: 1;
} .swiper-button-next::after,
.swiper-button-prev::after {
font-size: 28px;
font-weight: 600;
} @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;
}