.tgmenu__navbar-wrap > ul > li a {
    color: #000 !important;
    font-size: 17px !important;
}

.banner-content p {
    color: #434343 !important;
    font-size: 18px !important;
}

/* Mobile: change text color to white */
@media (max-width: 768px) {
    .banner-content p {
        color: #fff !important;
    }
}


.banner-content .title {
    font-size: 54px !important;
}

/* Mobile: change font size to 40px */
@media (max-width: 768px) {
    .banner-content .title {
        font-size: 40px !important;
    }
}

.section-title .title {
    font-size: 27px !important;
}

/* Slide logos slowly */
.brand-area {
    overflow: hidden;
    position: relative;
}

.brand-area .brand-track {
    display: flex;
    animation: slideLeft 30s linear infinite;
}

@keyframes slideLeft {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Disable clicking and hand cursor */
.brand-area a {
    pointer-events: none;
    cursor: default !important;
}

.shortcode-services .truncate-1-custom {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* show 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center; /* center text */
}

.shortcode-services {
    background-color: #f5f5f5; /* Light grey example */
}

.request-bg:before {
    background: #242424 !important;
}

/* Set h5 and p text color to black inside .card-step .card-info */
.card-step .card-info h5,
.card-step .card-info p {
    color: #000000 !important;
}

/* Set all text color inside .steps__area-seven to #494949 */
.steps__area-seven * {
    color: #494949 !important;
}



@media screen and (max-width: 991px) {
    .shortcode-hero-banner {
        background-position: 25% 50%;
        position: relative;
    }
}

.banner-social .title {
    font-size: 18px;
    letter-spacing: 0;
}

.scroll__top {
    right: auto !important;
    left: 15px !important; /* Adjust as needed */
}
.scroll__top.open {
    bottom: 15px;
}

/* brands mainpage logos */
.brand-area .slick-cloned,
.brand-area .owl-item.cloned,
.brand-area .swiper-slide-duplicate{display:none!important}


/* MRF - Our Companies page (v3) */
.mrf-co{direction:rtl;text-align:right;font-family:inherit;color:#111;padding:20px 0 80px;line-height:1.8}
.mrf-co *{box-sizing:border-box}
.mrf-co__head{text-align:center;max-width:720px;margin:0 auto 50px}
.mrf-co__head p{color:#5f6368;margin:0;font-size:17px}
.mrf-co__tag{display:inline-block;color:#9c1a58;font-size:14px;font-weight:600;background:#f6e4ee;padding:2px 18px;border-radius:50px;margin-bottom:12px}
.mrf-co__head h2{font-size:36px;font-weight:800;margin:0 0 14px;color:#111}
.mrf-co__head h2:after{content:"";display:block;width:60px;height:4px;border-radius:4px;background:#9c1a58;margin:14px auto 0}
.mrf-co__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:1100px;margin:0 auto;padding:0 15px}
.mrf-co__card{position:relative;background:#fff;border-radius:22px;border:1px solid #f0e3ea;box-shadow:0 8px 30px rgba(0,0,0,.06);
  overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s}
.mrf-co__card:before{content:"";position:absolute;top:0;right:0;left:0;height:5px;background:#9c1a58;z-index:3}
.mrf-co__card:hover{transform:translateY(-8px);box-shadow:0 20px 45px rgba(156,26,88,.2);border-color:#e9c3d6}
.mrf-co__logo{height:210px;display:flex;align-items:center;justify-content:center;padding:30px;position:relative;overflow:hidden;
  background:linear-gradient(135deg,#ffffff 0%,#fbeff5 100%)}
.mrf-co__logo:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(156,26,88,.06);top:-110px;right:-80px}
.mrf-co__logo:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:rgba(156,26,88,.05);bottom:-70px;left:-40px}
.mrf-co__logo img{position:relative;z-index:1;width:auto;height:auto;max-height:130px;max-width:72%;object-fit:contain;transition:transform .3s}
.mrf-co__card:hover .mrf-co__logo img{transform:scale(1.06)}
.mrf-co__badge{position:absolute;z-index:2;top:16px;left:16px;background:#111;color:#fff;font-size:12px;padding:2px 14px;border-radius:50px}
.mrf-co__body{padding:26px 30px 32px;display:flex;flex-direction:column;flex:1}
.mrf-co__loc{align-self:flex-start;font-size:13px;color:#9c1a58;font-weight:600;background:#f6e4ee;padding:0 12px;border-radius:50px;margin-bottom:10px}
.mrf-co__body h3{font-size:24px;font-weight:700;margin:0 0 10px;color:#111}
.mrf-co__body p{color:#5f6368;margin:0;font-size:16px;flex:0 0 auto}
.mrf-co__body p:nth-last-child(2){flex:1 1 auto;margin-bottom:26px}
.mrf-co__btn{display:block;text-align:center;background:#9c1a58;color:#fff!important;padding:12px 24px;border-radius:12px;
  font-weight:600;text-decoration:none!important;box-shadow:0 6px 16px rgba(156,26,88,.28);transition:background .25s,transform .25s}
.mrf-co__btn:hover{background:#111;transform:translateY(-2px)}
.mrf-co__btn.is-off{background:#ececec;color:#777!important;box-shadow:none;cursor:default;pointer-events:none}

/* responsive */
@media(min-width:1600px){.mrf-co__grid{max-width:1300px}.mrf-co__head p{font-size:18px}}
@media(max-width:900px) and (min-width:769px){.mrf-co__grid{gap:20px}.mrf-co__body{padding:22px 20px 26px}.mrf-co__body h3{font-size:21px}}
@media(max-width:768px){.mrf-co__grid{grid-template-columns:1fr}.mrf-co__head h2{font-size:28px}.mrf-co__logo{height:170px}}
@media(max-width:480px){.mrf-co{padding-bottom:50px}.mrf-co__body{padding:22px 20px 26px}.mrf-co__logo{height:150px;padding:20px}.mrf-co__logo img{max-height:90px;max-width:75%}.mrf-co__head h2{font-size:24px}}
.mrf-co--en{direction:ltr;text-align:left}
.mrf-co--en .mrf-co__badge{left:auto;right:16px}


/* Brands strip: static, centered, spaced */
.brand-area .slick-track,
.brand-area .owl-stage,
.brand-area .swiper-wrapper{
  display:flex!important;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:30px 70px;
  width:100%!important;
  transform:none!important;
  transition:none!important;
}
.brand-area .slick-slide,
.brand-area .owl-item,
.brand-area .swiper-slide{
  width:auto!important;
  margin:0!important;
  flex:0 0 auto;
  float:none!important;
}
.brand-area .slick-slide img,
.brand-area .owl-item img,
.brand-area .swiper-slide img{max-height:70px;width:auto}

@media(max-width:768px){
  .brand-area .slick-track,.brand-area .owl-stage,.brand-area .swiper-wrapper{gap:24px 36px}
  .brand-area .slick-slide img,.brand-area .owl-item img,.brand-area .swiper-slide img{max-height:44px;max-width:120px}
}


/* Phone numbers: keep digits in the correct order inside RTL pages */
a[href^="tel:"]{
  direction:ltr;
  unicode-bidi:isolate;
}

/* Arabic: neutralize the split-text heading animation */
.animation-style3 .title,
.tg-heading-subheading.animation-style3 .title{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  perspective:none!important;
}
.animation-style3 .title *{
  display:contents!important;
}

/* Space between the brands strip and the "why choose" section */
.whychoose__area-home7{padding-top:70px!important}
@media(max-width:768px){.whychoose__area-home7{padding-top:40px!important}}

/* Brands strip on phones: 3 + 2, centered and even */
@media(max-width:768px){
  .brand-area .slick-track,
  .brand-area .owl-stage,
  .brand-area .swiper-wrapper{
    gap:22px 0!important;
    padding:22px 8px!important;
    justify-content:center!important;
  }
  .brand-area .slick-slide,
  .brand-area .owl-item,
  .brand-area .swiper-slide{
    flex:0 0 33.333%!important;
    display:flex!important;
    justify-content:center;
    align-items:center;
  }
  .brand-area .slick-slide img,
  .brand-area .owl-item img,
  .brand-area .swiper-slide img{
    max-height:38px;
    max-width:86%;
    width:auto;
  }
}

/* Brands strip: always hide cloned slides (must stay last) */
.brand-area .slick-slide.slick-cloned,
.brand-area .owl-item.cloned,
.brand-area .swiper-slide.swiper-slide-duplicate{
  display:none!important;
}

/* Brands strip: bigger logos on every screen */
@media(min-width:992px){
  .brand-area .slick-track,.brand-area .owl-stage,.brand-area .swiper-wrapper{
    flex-wrap:nowrap!important;gap:0!important;padding:26px 0!important;
  }
  .brand-area .slick-slide,.brand-area .owl-item,.brand-area .swiper-slide{
    flex:0 0 20%!important;display:flex!important;justify-content:center;align-items:center;
  }
  .brand-area .slick-slide img,.brand-area .owl-item img,.brand-area .swiper-slide img{
    max-width:88%!important;max-height:100px!important;width:auto;
  }
}
@media(min-width:769px) and (max-width:991px){
  .brand-area .slick-track,.brand-area .owl-stage,.brand-area .swiper-wrapper{
    flex-wrap:wrap!important;gap:26px 0!important;padding:26px 10px!important;
  }
  .brand-area .slick-slide,.brand-area .owl-item,.brand-area .swiper-slide{
    flex:0 0 33.333%!important;display:flex!important;justify-content:center;align-items:center;
  }
  .brand-area .slick-slide img,.brand-area .owl-item img,.brand-area .swiper-slide img{
    max-width:85%!important;max-height:80px!important;width:auto;
  }
}
@media(max-width:768px){
  .brand-area .slick-slide img,.brand-area .owl-item img,.brand-area .swiper-slide img{
    max-width:94%!important;max-height:60px!important;width:auto;
  }
}

/* Contact page map */
.mrf-map{width:100%;max-width:100%;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.08)}
.mrf-map iframe{display:block;width:100%!important;height:500px!important;border:0}
@media(max-width:768px){.mrf-map iframe{height:360px!important}}