/*Loader Css  */
/* Hide page content */
body {
  opacity: 0;
}

/* Loader MUST stay visible */
#mr-loader {
  position: fixed;
  inset: 0;
  z-index: 999999;
  background: #f5f0e7;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
}

/* Spinner */
#mr-loader .mr-spinner {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 4px solid rgba(27, 58, 95, 0.25);
  border-top-color: #d4af37;
  animation: mrspin .8s linear infinite;
}

@keyframes mrspin {
  to { transform: rotate(360deg); }
}


/*end loader  */

body{
  background-color: #F3EFEA;
}
section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(1) > .container {
  max-width: 100%;
  margin-top: 0;
  padding: 0;
}

section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(1) > .container {
  margin-top: 0;
  max-width: 100%;
}

section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type {
  margin-top: 0;
  height: 100%;
  overflow: hidden;
}
.store-footer__inner {
  background-color: #1B3A5F !important;
}

.footer-is-light .store-footer {
    background-color: #1B3A5F;
}
footer.store-footer a,
footer.store-footer ul li,
footer.store-footer h3,
footer.store-footer p,
footer.store-footer b
{
  color: #fff;
}
/* 🔥 بوردر للكارد بلون الهوية */
.s-products-slider-card custom-salla-product-card,
custom-salla-product-card.s-product-card-entry {
  border: 2px solid #9E8E67 !important;
  border-radius: 18px;
  overflow: hidden;
  transition: 0.35s ease;
}

/* ✨ تأثير أثناء الهوفر */
.s-products-slider-card custom-salla-product-card:hover,
custom-salla-product-card.s-product-card-entry:hover {
  transform: translateY(-6px);
  box-shadow: 0 0 18px rgba(158, 142, 103, 0.45);
  border-color: #9E8E67;
}

/* ✨ تحسين بسيط للصورة مع الهوفر */
.s-products-slider-card custom-salla-product-card:hover img {
  transform: scale(1.04);
  transition: 0.4s ease-in-out;
}

/* 🎨 تنسيق زر إضافة للسلة بلون الهوية */
button[product-type="product"].s-button-element {
  background-color: #9E8E67 !important;
  border: 2px solid #9E8E67 !important;
  color: #fff !important;
  border-radius: 12px;
  font-weight: 600;
  position: relative;
  overflow: hidden;
  transition: 0.35s ease;
}

/* ✨ كتابة النص أيقونة + نص بالأبيض */
button[product-type="product"].s-button-element .s-button-text,
button[product-type="product"].s-button-element .s-button-text span,
button[product-type="product"].s-button-element i {
  color: #fff !important;
}

/* ⚡ تأثير الهوفر */
button[product-type="product"].s-button-element:hover {
  transform: translateY(-4px);
  box-shadow: 0 0 15px rgba(158, 142, 103, 0.55);
}

/* ✨ اللمعة المتحركة */
button[product-type="product"].s-button-element::after {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.55) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  transition: 0.5s;
}

/* ⚡ تحريك اللمعة عند الهوفر */
button[product-type="product"].s-button-element:hover::after {
  left: 130%;
}
.s-button-element {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  border: 2px solid #9E8E67;
  color: #9E8E67;
}

.s-button-element:hover {
  background-color: #9E8E67;
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(158, 142, 103, 0.4);
}

.s-button-element::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
}

.s-button-element:hover::before {
  animation: shine 0.8s forwards;
}

@keyframes shine {
  100% { left: 125%; }
}
/* ضبط العنوان في الوسط */
.s-slider-block__title-right h2 {
  text-align: center; /* نص في الوسط */
  color: #9E8E67; /* لون الهوية */
  font-size: 28px;
  font-weight: 700;
  position: relative;
  display: inline-block;
  cursor: pointer;
  transition: color 0.35s ease, transform 0.35s ease;
}

/* تأثير تحريك عند الهوفر */
.s-slider-block__title-right h2:hover {
  color: #9E8E67;
  transform: translateY(-4px);
}

/* خط تحته مع أنيميشن */
.s-slider-block__title-right h2::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  transform: translateX(-50%);
  width: 0%;
  height: 3px;
  background-color: #9E8E67;
  border-radius: 2px;
  transition: width 0.4s ease;
}

/* توسيع الخط عند الهوفر */
.s-slider-block__title-right h2:hover::after {
  width: 60%;
}

/* حركة خفيفة عند ظهور الصفحة */
@keyframes titleEntrance {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}

.s-slider-block__title-right h2 {
  animation: titleEntrance 0.8s ease forwards;
}


.inner.bg-inherit.w-full {
    background-color: #f5f0e7;
}
.navbar-brand img {
  max-height: 4rem;
}
@media (min-width: 1024px) {
  .main-menu{
    margin-left: 0;
  }
  .main-nav-container {
        display: flex;
        align-items: center;
    }
    .navbar-brand {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
    }
}
@media (max-width: 767px) {

  .s-block--banners .grid.two-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }

  #photos-0-slider > div.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-ios.swiper-backface-hidden {
    padding: 0;
  }

  .s-products-slider-card {
    max-width: 185px;
  }

  .main-nav-container {
    min-height: 56px;
  }

  .s-button-element:not(:disabled):not([loading]) {
    font-size: 11px;
  }
}
.text-primary {
    color: #ffffff;
}
    .main-menu li>a:hover {
        color: #000000;
    }
.main-menu li>a:hover {
    color: #D7B548 !important;
}
       .main-menu>.has-children:hover>a {
        color: #000000 !important;
    }
#mainnav .sicon-menu{
   color: #0f2f3f;
}
/*my css  */
section#best-offers-1-slider .s-slider-block__title h2{
  color: #d6b04a;
}
.s-product-card-content-title a:hover{
  color: #000 !important;
}

/* span.s-button-text i.sicon-heart {
    color: #c98b18;
} */
.s-product-card-vertical .s-product-card-wishlist-btn button{
  background-color: #c98b18 !important;
}
.store-footer{
  margin-top: 0 !important;
}
footer.store-footer .lg\:col-span-2 img {
  margin-bottom: 10px;
}
.main-menu li.root-level>a{
  color: #0f2f3f;
}
custom-main-menu {
    min-height: 50px;
}

/* =========================================================
   Categories Section (RTL Arabic / LTR English) - No Search Bar
   ========================================================= */
.swiper-slide.slide--one-sixth a.slide--cat-entry{
  background: #f5f0e7;
}

.swiper-slide.slide--one-sixth .slide--cat-entry i {
    /* background-color: 
 color-mix(in oklab, #1b3a5f 10%, transparent); */
    padding: 20px 20px;
    border-radius: 35px;
}
.swiper-slide.slide--one-sixth:nth-child(odd) i {
  background-color: 
 color-mix(in oklab, #1b3a5f 100%, transparent);
}

.swiper-slide.slide--one-sixth:nth-child(even) i {
  background-color: 
 color-mix(in oklab, #d4af37
 100%, transparent); 
}
.swiper-slide.slide--one-sixth:nth-child(even) .sicon-inbox-full:before
{
  /* color: #1b3a5f; */
  color: #fff;

}
.swiper-slide.slide--one-sixth:nth-child(odd) .sicon-inbox-full:before
{
  color: #d4af37;
}
/* Categories Section after hero sec*/



/* Model css */
.s-slider-nav-arrow:not(:disabled):hover{
  background-color: #d6b04a;
  
}
salla-modal#salla-modal .s-localization-modal-section [type=radio]:checked {
    color: #c98b18 !important;
}
.s-modal-xs {
        background: beige !limportant;
    }
salla-modal#salla-modal .s-localization-modal-section [type=radio]:checked {
    color: #c98b18 !important;
}
.s-localization-modal-inner .s-button-element{
  border: 2px solid #c98b18 !important;
  background: #c98b18 !important;
  color: #fff !important;
}
.s-modal-close svg {
    fill: #c98b18 !important;
}
.s-button-element{
  border: 2px solid #c98b18 !important;
  background: #c98b18 !important;
  color: #fff !important;
}
.s-comments.s-comments-product {
    display: none;
}
.s-products-slider-slider {
    margin-bottom: 50px !important;
}
.carousel-slider .s-slider-block__title-nav{
  gap:10px;
}
/* end model css */

/* section creation */
/* =========================================================
   Hero Section (RTL Arabic / LTR English) - No Search Bar
   ========================================================= */

/* ---------- Mindrains Hero ---------- */
main#main-content {
    background: #fff;
}
#mr-hero.mr-hero {
  padding: 28px 0;
  display: block !important; /* NEW: Force visibility on mount */
  visibility: visible !important; /* NEW: Prevent theme hiding */
}
#mr-hero .mr-container {
  max-width: 1366px;
  margin: 0 auto;
  padding: 0 18px;
}
#mr-hero .mr-card {
  background: #fff;
  overflow: hidden;
  /* box-shadow: 0 10px 30px rgba(0,0,0,0.06); */
}
/* Main layout */
#mr-hero .mr-grid {
  display: flex !important; /* UPDATED: !important to override conflicts */
  align-items: stretch;
  gap: 0; /* no gap */
  flex-direction: row
}
#mr-hero[dir="rtl"] .mr-grid {
  flex-direction: row-reverse;
}
/* Image controls the height */
#mr-hero .mr-col-image {
  width: 40%;
  height: clamp(70vh, 55vh, 620px); /* premium responsive height */
}
#mr-hero .mr-col-image img {
  width: 100%;
  height: 100%;
  display: block !important; /* UPDATED: Ensure image shows */
  object-fit: cover;
  border-radius: 18px;
}
/* Content matches image height */
#mr-hero .mr-col-content {
  width: 60%;
  height: clamp(360px, 55vh, 620px); /* same as image */
  padding: 34px 40px;
  display: flex !important; /* UPDATED: Force flex for content */
  flex-direction: column;
  justify-content: center;
  gap: 14px;
  text-align: start;
}
/* Titles */
#mr-hero .mr-title {
  margin: 0;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.2px;
  font-size: clamp(60px, 3vw, 44px);
  padding-top: 100px;
}
#mr-hero .mr-title-top {
  display: inline;
  color: #0f2f3f;
}
#mr-hero .mr-brand {
  display: block;
  margin-top: 8px;
  color: #c98b18;
}
/* Subtitle */
#mr-hero .mr-subtitle {
  margin: 0;
  max-width: 520px;
  color: #6b7280;
  line-height: 1.7;
  font-size: 25px;
}
/* Buttons */
#mr-hero .mr-actions {
  display: flex !important; /* UPDATED: Force flex for buttons */
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 8px;
}
#mr-hero .mr-btn {
  display: inline-flex !important; /* UPDATED: Ensure buttons visible */
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 50px;
  padding: 0 18px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 20px;
  text-decoration: none;
  transition: 0.2s ease;
  white-space: nowrap;
}
#mr-hero .mr-btn-primary {
  background: #c98b18;
  color: #fff;
  border: 1px solid #c98b18;
}
#mr-hero .mr-btn-primary:hover {
  filter: brightness(0.95);
}
#mr-hero .mr-btn-outline {
  background: #fff;
  color: #0f2f3f;
  border: 1px solid #0f2f3f;
}
#mr-hero .mr-btn-outline:hover {
  background: #0f2f3f;
  color: #fff;
}
#mr-hero .mr-play {
  font-size: 12px;
  line-height: 1;
}
/* Stats */
#mr-hero .mr-stats {
  display: flex !important; /* UPDATED: Force flex for stats */
  gap: 22px;
  margin-top: 16px;
  flex-wrap: wrap;
}
#mr-hero .mr-stat {
  min-width: 110px;
}
#mr-hero .mr-stat-num {
  font-weight: 900;
  color: #c98b18;
  font-size: 36px;
}
#mr-hero .mr-stat-label {
  margin-top: 4px;
  color: #6b7280;
  font-size: 18px;
}
/* RTL/LTR swapping:
   Arabic (rtl) => image left, content right
   English (ltr) => content left, image right */
#mr-hero[dir="ltr"] .mr-grid {
  flex-direction: row-reverse;
}
/* Mobile */
@media (max-width: 992px) {
  #mr-hero .mr-grid {
    flex-direction: column !important; /* UPDATED: Force on mobile */
  }
  #mr-hero[dir="ltr"] .mr-grid {
    flex-direction: column; /* keep stacked on mobile */
  }
  #mr-hero .mr-col-image,
  #mr-hero .mr-col-content {
    width: 100%;
    height: auto;
  }
  #mr-hero .mr-col-image {
    height: 320px;
  }
  #mr-hero .mr-col-content {
    padding: 22px 18px 26px;
  }
  #mr-hero .mr-stats {
    gap: 14px;
  }
}
@media (max-width: 430px){
  #mr-hero .mr-col-content {
    padding: 0px 0px 26px;
  }
  .mr-card{
    padding-left: 0px;
  }
  .s-slider-block__title-right h2 {
    padding-left: 8px;
}
  h1.s-reviews-header {
    padding-left: 18px;
}
  #mr-hero.mr-hero{
    padding-bottom: 0px;
  }
  #mr-how-it-works.mr-how{
    padding-top: 0px !important;
  }
  section#best-offers-1-slider{
    margin-bottom: 2rem !important;
  }
  section.s-block.s-block--testimonials.s-block--custom-testimonials.container.overflow-hidden {
    padding-bottom: 4rem !limportant;
}
}
/* product slider css  */
section#best-offers-1-slider button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center
{
  background-color: #d4af37;
  border: 1px solid #d4af37 !important;
  color: #fff !important;
}
.s-products-slider-card custom-salla-product-card, custom-salla-product-card.s-product-card-entry
{
  border-color: #d4af37 !important;
}
section#best-offers-1-slider {
    margin-bottom: 4rem;
}
@media (max-width: 430px){
  #mr-hero .mr-title{
    font-size: clamp(45px, 3vw, 44px);
    padding-top: 0px;
  }

  .mr-col.mr-col-image {
    display: none;
}
}
/*How mindraons work  */
/* =========================
   Mindrains "How it works"
   ========================= */

/* ========== HOW IT WORKS (Mindrains) ========== */
#mr-how-it-works.mr-how {
  padding: 70px 0;
  background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.03));
}

#mr-how-it-works .mr-container {
  width: min(1100px, 92%);
  margin: 0 auto;
}

#mr-how-it-works .mr-head {
  text-align: center;
  margin-bottom: 40px;
}

#mr-how-it-works .mr-title {
  font-weight: 800;
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1.2;
  margin: 0 0 10px;
  color: #d6b04a;
}

#mr-how-it-works .mr-subtitle {
  margin: 0 auto;
  max-width: 650px;
  opacity: 0.75;
  font-size: 18px;
}

#mr-how-it-works .mr-grid {
  display: grid;
  gap: 22px;
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  #mr-how-it-works .mr-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
  }
}

#mr-how-it-works .mr-step {
  position: relative;
}

#mr-how-it-works .mr-card {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 18px;
  padding: 28px;
  text-align: center;
  transition: transform .25s ease, box-shadow .25s ease;
}

#mr-how-it-works .mr-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.08);
}

#mr-how-it-works .mr-iconWrap {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto 18px;
  display: grid;
  place-items: center;
}

#mr-how-it-works .mr-icon {
  width: 80px;
  height: 80px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: #d6b04a; /* gold */
  color: #fff;
}

#mr-how-it-works .mr-icon svg {
  width: 38px;
  height: 38px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#mr-how-it-works .mr-badge {
  position: absolute;
  top: -8px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #103b63; /* navy */
  color: #fff;
  font-weight: 800;
  font-size: 13px;
}

/* RTL badge on right */
#mr-how-it-works[dir="rtl"] .mr-badge {
  right: -8px;
  left: auto;
}

/* LTR badge on left */
#mr-how-it-works[dir="ltr"] .mr-badge {
  left: -8px;
  right: auto;
}

#mr-how-it-works .mr-cardTitle {
  margin: 0 0 10px;
  font-weight: 800;
  font-size: 18px;
  color: #0f2f4f;
}

#mr-how-it-works .mr-cardText {
  margin: 0;
  opacity: 0.75;
  line-height: 1.7;
  font-size: 15px;
}

/* connector line between cards */
@media (min-width: 768px) {
  #mr-how-it-works .mr-line {
    position: absolute;
    top: 40px;
    height: 2px;
    width: 100%;
    opacity: 0.35;
    z-index: 0;
    pointer-events: none;
  }

  /* RTL: line fades to LEFT */
  #mr-how-it-works[dir="rtl"] .mr-line {
    right: 0;
    left: auto;
    background: linear-gradient(to left, rgba(214,176,74,.35), transparent);
    transform: translateX(50%);
  }

  /* LTR: line fades to RIGHT */
  #mr-how-it-works[dir="ltr"] .mr-line {
    left: 0;
    right: auto;
    background: linear-gradient(to right, rgba(214,176,74,.35), transparent);
    transform: translateX(-50%);
  }

  #mr-how-it-works .mr-card {
    position: relative;
    z-index: 1;
  }
}

/* Testimonials */
section.s-block.s-block--testimonials.s-block--custom-testimonials.container.overflow-hidden .s-reviews-testimonial {
    background: #1B3A5F;
    color: #fff;
}
section.s-block.s-block--testimonials.s-block--custom-testimonials.container.overflow-hidden .s-reviews-header
{
  color: #d6b04a;
  font-size: 28px;
}

section.s-block.s-block--testimonials.s-block--custom-testimonials.container.overflow-hidden {
    padding-bottom: 6rem;
}


/*About page  */

/* ====== FULL WIDTH FIX FOR SINGLE PAGES (ONLY THIS THEME) ====== */

/* 1) Remove the "card" wrapper styling that squeezes content */
.page-single.salla-1298199463 .content.content--single-page{
  width: 100% !important;
  max-width: none !important;

  /* remove the card look */
  background: transparent !important;
  border-radius: 0 !important;

  /* remove extra padding that shifts content */
  padding: 0 !important;

  /* keep spacing from top (optional) */
  margin-top: 0 !important;
}

/* 2) Make sure breadcrumbs + content align under header container */
.page-single.salla-1298199463 #main-content > .container{
  max-width: 1300px !important;
  width: 100% !important;
  margin-inline: auto !important;
  padding-inline: 24px !important;
  box-sizing: border-box !important;
}

/* 3) Mobile padding */
@media (max-width: 768px){
  .page-single.salla-1298199463 #main-content > .container{
    padding-inline: 16px !important;
  }
}
/* Auto direction for hero layout */
   :root{
    --gold:#c98b18;
    --navy:#1B3A5F;
    --light-gray:#e5e7eb;
    --white:#ffffff;
  }

  /* Full-width wrapper (no centering here) */
  .mindrains-about{
    width: 100%;
  }

  /* ✅ This is the aligned container (matches header/breadcrumb line) */
  .mindrains-inner{
    width: 100%;
  padding-block: 40px;
  text-align: start;
  box-sizing: border-box;
  }

  /* Header underline */
  .section-header{
    text-align:center;
    margin-bottom: 60px;
  }
  .section-header h2{
    font-size: 2.2rem;
    display:inline-block;
    position:relative;
    padding-bottom:15px;
    margin:0;
  }
  .section-header h2::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0; right:0;
    margin:0 auto;
    width:60px;
    height:4px;
    background:var(--gold);
  }

  /* Hero layout */
  .hero-flex{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:50px;
    margin-bottom:80px;
  }
  .hero-content{ flex:1; min-width:320px; }
  .hero-image{ flex:1; min-width:320px; }
  .hero-image img{
    width:100%;
    border-radius:24px;
    box-shadow:0 15px 30px rgba(27,58,95,0.15);
    display:block;
  }

  .hero-title{
    color:var(--gold);
    margin:0 0 20px 0;
    font-size: 2.1rem;
    line-height:1.25;
  }
  .hero-text{ margin:0; font-size: 1.05rem; }

  /* Cards grid */
  .services-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
    gap:25px;
    margin-bottom:80px;
  }
  .service-card{
    background:var(--light-gray);
    padding:40px 25px;
    border-radius:18px;
    text-align:center;
    transition: all .3s ease;
  }
  .service-card:hover{
    background:var(--white);
    box-shadow:0 10px 25px rgba(0,0,0,.05);
    transform:translateY(-5px);
  }
  .service-card h3{
    color:var(--gold);
    margin:0 0 12px 0;
    font-size:1.25rem;
  }
  .service-card p{ margin:0; }

  /* Vision banner */
  .vision-banner{
    background:var(--navy);
    color:var(--white);
    padding:50px;
    border-radius:30px;
    text-align:center;
  }
  .vision-banner h2{
    color:var(--gold);
    margin:0 0 20px 0;
  }
  .vision-banner p{ margin:0; }
.hero-image img {
    height: 350px;
    object-fit: cover;
}
  /* RTL/LTR layout based on SECTION dir */
  #mindrainsAbout[dir="rtl"] .hero-flex{ flex-direction: row-reverse; }
  #mindrainsAbout[dir="ltr"] .hero-flex{ flex-direction: row; }

  /* Responsive */
  @media (max-width: 768px){
    .mindrains-inner{
      padding-inline: 16px;
      padding-block: 28px;
    }
    .hero-flex{ flex-direction: column !important; gap:24px; margin-bottom: 56px; }
    .section-header{ margin-bottom: 40px; }
    .section-header h2{ font-size:1.8rem; }
    .hero-title{ font-size:1.7rem; }
    .vision-banner{ padding:28px; border-radius:22px; }
    .service-card{ padding:28px 18px; }
    .services-grid{ margin-bottom: 56px; }
  }

.content.content--single-page h1.font-bold.text-2xl.mb-6 {
    display: none;
}

/* When site is Arabic */
body.rtl #mindrainsAbout .hero-flex{
  flex-direction: row-reverse !important;
}

/* When site is English */
body.ltr #mindrainsAbout .hero-flex{
  flex-direction: row !important;
}
html[dir="rtl"] #mindrainsAbout .hero-flex{
  flex-direction: row-reverse !important;
}
html[dir="ltr"] #mindrainsAbout .hero-flex{
  flex-direction: row !important;
}
#mindrainsAbout { 
  text-align: start; 
}
.content--single-page{
  width:100% !important;
  max-width:1366px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* 4) LTR order (default) */
html[dir="ltr"] #mindrainsAbout .hero-content{ order:1; text-align:left; }
html[dir="ltr"] #mindrainsAbout .hero-image{   order:2; }

/* 5) RTL order (Arabic) — THIS is the real fix */
html[dir="rtl"] #mindrainsAbout .hero-content{ order:2; text-align:right; }
html[dir="rtl"] #mindrainsAbout .hero-image{   order:1; }

@media (max-width: 992px){
  #mindrainsAbout .hero-flex{
    flex-wrap:wrap;
  }
  #mindrainsAbout .hero-content,
  #mindrainsAbout .hero-image{
    order:unset !important;
    width:100%;
  }
}

/*Contact US  */
/* Contact Page - Mindrains (Salla safe) */
/* Contact Page - Mindrains (Salla safe) */
.mr-contact{ padding: 28px 0 40px; }
.mr-container{
  max-width: 1366px;
  margin: 0 auto;
  padding: 0 16px;
}
.mr-hero{
  display:grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 18px;
  align-items: stretch;
  margin-bottom: 18px;
}
.mr-kicker{
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 12px;
  opacity: .7;
  margin: 0 0 6px;
}
.mr-title{
  font-size: clamp(22px, 3vw, 36px);
  margin: 0 0 10px;
  line-height: 1.15;
  color: #0f2f3f;
}
.mr-subtitle{
  margin: 0 0 14px;
  opacity: .85;
  line-height: 1.7;
}
.mr-badges{ display:flex; flex-wrap:wrap; gap:10px; }
.mr-badge{
  display:inline-flex;
  align-items:center;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.04);
  font-size: 13px;
}
.mr-panel{
  height: 100%;
  border-radius: 18px;
  padding: 14px;
  background: rgba(0,0,0,.03);
  display:flex;
  flex-direction:column;
  gap: 10px;
}
.mr-panel__row{
  display:flex;
  justify-content:space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.7);
}
.mr-label{ font-size: 13px; opacity: .65; }
.mr-value{ font-size: 13px; font-weight: 600; opacity: .9; }
.mr-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 14px 0 18px;
}
.mr-card{
  border-radius: 18px;
  background: rgba(0,0,0,.03);
  padding: 14px;
  min-height: 220px;
  display:flex;
  flex-direction:column;
  gap: 10px;
}
.mr-card__icon{
  width: 42px; height: 42px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.75);
  font-size: 20px;
}
.mr-card__title{ margin: 0; font-size: 18px; }
.mr-card__text{ margin: 0; opacity: .85; line-height: 1.6; }
.mr-field{ margin-top:auto; }
.mr-field__label{ display:block; font-size: 12px; opacity:.65; margin-bottom: 6px; }
.mr-field__value{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.75);
  overflow:hidden;
}
.mr-actions{ display:flex; gap: 10px; margin-top: 10px; }
.mr-actions--wide{ width:100%; flex-wrap:wrap; }
.mr-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 999px;
  padding: 10px 14px;
  font-size: 14px;
  cursor:pointer;
  border: 1px solid transparent;
  text-decoration:none;
  user-select:none;
  white-space:nowrap;
}
.mr-btn--primary{
  background: #c98b18;
  color:#fff;
}
.mr-btn--ghost{
  background: transparent;
  border-color: rgba(0,0,0,.15);
  color: inherit;
}
.mr-btn:active{ transform: translateY(1px); }
.mr-social{ display:flex; flex-wrap:wrap; gap:10px; margin-top:auto; }
.mr-social__link{
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.75);
  text-decoration:none;
  color: inherit;
  font-size: 14px;
  border: 1px solid rgba(0,0,0,.08);
}
.mr-message{
  display:grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 14px;
  margin: 18px 0;
}
.mr-section-title{
  margin: 0 0 8px;
  font-size: 20px;
}
.mr-muted{ margin:0 0 12px; opacity:.85; line-height:1.7; }
.mr-inputs{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.mr-input--full{ grid-column: 1 / -1; }
.mr-input__label{ display:block; font-size: 13px; opacity:.7; margin-bottom: 6px; }
.mr-input__control{
  width:100%;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(255,255,255,.9);
  padding: 12px 12px;
  outline: none;
}
.mr-input__control--area{ resize: vertical; min-height: 120px; }
.mr-input__control:focus{ border-color: rgba(0,0,0,.25); }
.mr-hint{ margin: 10px 0 0; font-size: 13px; opacity: .8; }
.mr-note, .mr-mini{
  border-radius: 18px;
  background: rgba(0,0,0,.03);
  padding: 14px;
  margin-bottom: 10px;
}
.mr-note__title, .mr-mini__title{ margin:0 0 6px; font-size: 16px; }
.mr-note__text, .mr-mini__text{ margin:0; opacity:.85; line-height: 1.6; }
.mr-note__chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top: 10px; }
.mr-chip{
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.75);
  font-size: 13px;
  border: 1px solid rgba(0,0,0,.08);
}
.mr-faq{ margin-top: 16px; }
.mr-acc{ border-radius: 18px; overflow:hidden; background: rgba(0,0,0,.03); }
.mr-acc__item{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap: 10px;
  padding: 14px;
  background: transparent;
  border: none;
  cursor:pointer;
  font-size: 15px;
}
.mr-acc__panel{
  display:none !important;
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  padding: 0 14px 14px;
  background: rgba(255,255,255,.5);
}
.mr-acc__panel[aria-hidden="false"],
.mr-acc__item[aria-expanded="true"] + .mr-acc__panel {
  display: block !important;
  max-height: 500px !important;  /* or a large number */
  opacity: 1 !important;
}
.mr-acc__a{ margin:0; opacity:.85; line-height:1.7; }
.mr-acc__icon{ font-size: 18px; opacity:.7; transition: transform 0.2s ease; }

/* RTL support */
html[dir="rtl"] .mr-badges,
html[dir="rtl"] .mr-actions,
html[dir="rtl"] .mr-social,
html[dir="rtl"] .mr-note__chips{
  justify-content:flex-start;
}
html[dir="rtl"] .mr-panel__row{ flex-direction: row-reverse; }
html[dir="rtl"] .mr-field__value{ flex-direction: row-reverse; }
/* html[dir="rtl"] .mr-acc__item{ flex-direction: row-reverse; } */
/* Responsive */
@media (max-width: 1100px){
  .mr-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px){
  .mr-hero{ grid-template-columns: 1fr; }
  .mr-message{ grid-template-columns: 1fr; }
}
@media (max-width: 560px){
  .mr-grid{ grid-template-columns: 1fr; }
  .mr-inputs{ grid-template-columns: 1fr; }
}

/*Cart Page  */
.no-content-placeholder {
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: start !important;   
  margin-inline: 0 !important;
}
/* Explicit LTR */
html[dir="ltr"] .no-content-placeholder {
  text-align: left !important;
}

/* Explicit RTL */
html[dir="rtl"] .no-content-placeholder {
  text-align: right !important;
}
.no-content-placeholder p{
  position: relative;
  left: 25px;
}

/*End Loader Css  */
/* Hinde contact page section  */
.mr-card.call-card,
.mr-card.scoial-card,
.mr-message.contact-message-sec
{
  display: none;
}