/* AL-Raeda Corporation brand overrides */
:root {
  --color-border: rgba(0, 132, 142, 0.18);
}

.loader-wrapper,
.loader {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.header-two .main-header .content .header-left a.thumbnail,
.header-seven .main-header .content .header-left a.thumbnail {
  display: inline-flex;
  align-items: center;
  background: transparent;
  padding: 0;
  line-height: 0;
}

.header-two .main-header .content .header-left a.thumbnail img,
.header-seven .main-header .content .header-left a.thumbnail img {
  width: auto !important;
  max-width: 320px;
  max-height: 96px;
  height: auto;
  object-fit: contain;
}

.rts-sidebar-menu-desktop a.logo-1,
#side-bar .logo-1 {
  display: block;
  width: 100%;
}

.rts-sidebar-menu-desktop a.logo-1 img.logo,
#side-bar .logo-1 img.logo {
  max-width: 100% !important;
  width: 100% !important;
  max-height: 160px;
  height: auto;
  background: transparent;
  padding: 0;
  object-fit: contain;
  object-position: center center;
}

@media only screen and (max-width: 991px) {
  .header-two .main-header {
    padding: 0 !important;
  }

  .header-two .main-header .content {
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding: 4px 10px;
    gap: 10px;
  }

  .header-two .main-header .content .header-left {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
    margin: 0;
  }

  .header-two .main-header .content .header-left a.thumbnail {
    display: flex !important;
    align-items: center;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .header-two .main-header .content .header-left a.thumbnail img,
  .header-seven .main-header .content .header-left a.thumbnail img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 110px;
    height: auto !important;
    object-fit: contain;
    object-position: left center;
  }

  html[dir="rtl"] header.header-two .main-header .content .header-left a.thumbnail {
    padding: 0 !important;
    margin: 0 !important;
  }

  html[dir="rtl"] .header-two .main-header .content .header-left a.thumbnail img {
    object-position: right center;
  }

  .header-two .main-header .content .header-right {
    flex: 0 0 auto;
    margin-left: 0 !important;
    padding: 0 !important;
    gap: 8px;
  }

  html[dir="rtl"] .header-two .main-header .content .header-right {
    margin-right: 0 !important;
  }

  .header-two .main-header .content .header-right .call-area {
    display: none !important;
  }

  .header-two .main-header .content .header-right a.rts-btn,
  .header-two .main-header .content .header-right #langSwitch {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: inline-flex !important;
    padding: 8px 12px;
  }

  .header-two .main-header .content .header-right button,
  .header-two .main-header .content .header-right #menu-btn {
    padding: 8px !important;
  }

  .rts-sidebar-menu-desktop a.logo-1 img.logo,
  #side-bar .logo-1 img.logo {
    max-height: 150px;
  }

  .rts-sidebar-menu-desktop .logo {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .header-two .main-header .content {
    padding: 4px 8px;
    gap: 8px;
  }

  .header-two .main-header .content .header-left a.thumbnail img,
  .header-seven .main-header .content .header-left a.thumbnail img {
    max-width: 100% !important;
    max-height: 104px;
  }

  .rts-sidebar-menu-desktop a.logo-1 img.logo,
  #side-bar .logo-1 img.logo {
    max-height: 140px;
  }
}

/* Primary buttons: teal default, orange hover */
.rts-btn.btn-primary {
  background: var(--color-primary);
}

.rts-btn.btn-primary:hover {
  background: var(--color-accent);
  color: #fff;
}

.rts-btn.btn-primary.btn-white {
  color: var(--color-primary);
}

.rts-btn.btn-primary.btn-white:hover {
  color: #fff;
}

/* Accent highlights */
span.pre,
.title-area-left .pre,
.banner-inner-conten .pre {
  color: var(--color-accent) !important;
}

.main-nav > a:hover,
.main-nav.project-a-after > a:hover,
.header-two .nav-area ul li a:hover {
  color: var(--color-accent) !important;
}

.header-top-area-wrapper,
.header-two .header-top::after {
  background: var(--color-primary-dark) !important;
}

.header-two .header-top .content .right-header-top .ht-social ul li a:hover i,
.header-two .header-top .content .left-header-top p a:hover {
  color: var(--color-accent) !important;
}

/* Footer developer link */
.rts-copy-right-1 a[href*="matrixdevelopment.agency"],
.rts-copy-right-1 small a {
  color: var(--color-accent) !important;
}

/* Progress / back-to-top */
.progress-wrap svg.progress-circle path {
  stroke: var(--color-accent) !important;
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
  color: var(--color-primary);
}

/* Shop mini-cart accents */
.mini-cart-price {
  color: var(--color-primary) !important;
}

/* Footer contact — keep multi-line address aligned with icon */
.footer-two-single-wized .contact-info-location {
  align-items: flex-start;
}

.footer-two-single-wized .contact-info-location .icon {
  margin-top: 4px;
}

.footer-two-single-wized .contact-info-location .disc a {
  line-height: 1.5;
  display: inline-block;
  max-width: 100%;
}

[dir="rtl"] .footer-two-single-wized .contact-info-location .disc {
  margin-right: 30px;
  margin-left: 0;
}

/* Project / service detail gallery slider — full cover */
.project-details-wrapper-image-top .thumbnail.with-video-area .mySwiper-pd-slider,
.service-details-left-area .thumbnail.with-video-area .mySwiper-pd-slider {
  width: 100%;
  height: 650px;
  overflow: hidden;
}

.project-details-wrapper-image-top .thumbnail.with-video-area .mySwiper-pd-slider .swiper-wrapper,
.service-details-left-area .thumbnail.with-video-area .mySwiper-pd-slider .swiper-wrapper {
  height: 100%;
}

.project-details-wrapper-image-top .thumbnail.with-video-area .mySwiper-pd-slider .swiper-slide,
.service-details-left-area .thumbnail.with-video-area .mySwiper-pd-slider .swiper-slide {
  height: 100%;
}

.project-details-wrapper-image-top .thumbnail.with-video-area .mySwiper-pd-slider .swiper-slide img,
.service-details-left-area .thumbnail.with-video-area .mySwiper-pd-slider .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media only screen and (max-width: 991px) {
  .project-details-wrapper-image-top .thumbnail.with-video-area .mySwiper-pd-slider,
  .service-details-left-area .thumbnail.with-video-area .mySwiper-pd-slider {
    height: 480px;
  }
}

@media only screen and (max-width: 767px) {
  .project-details-wrapper-image-top .thumbnail.with-video-area .mySwiper-pd-slider,
  .service-details-left-area .thumbnail.with-video-area .mySwiper-pd-slider {
    height: 320px;
  }
}

@media only screen and (max-width: 575px) {
  .project-details-wrapper-image-top .thumbnail.with-video-area .mySwiper-pd-slider,
  .service-details-left-area .thumbnail.with-video-area .mySwiper-pd-slider {
    height: 260px;
  }
}

/* Hide decorative section background numbers / outline text */
.bg-content,
.bg-title,
.title-style-two::before,
.title-style-two::after {
  display: none !important;
  content: none !important;
}

/* Mobile: photo in document flow so following sections cannot overlay it */
@media only screen and (max-width: 991px) {
  .banner-three-box-clip-area {
    height: auto !important;
    min-height: 0;
    clip-path: none;
    display: block;
    overflow: hidden;
    z-index: 1;
    padding: 24px 0 0;
    background: #fff;
  }

  .banner-three-box-clip-area .banner-inner-conten {
    padding: 8px 0 20px !important;
    background: transparent !important;
    position: relative;
    z-index: 2;
  }

  .banner-three-box-clip-area .right-thumbnail {
    position: relative !important;
    inset: auto;
    right: auto;
    top: auto;
    bottom: auto;
    max-width: 100% !important;
    width: 100%;
    height: auto !important;
    clip-path: none;
    z-index: 0;
    overflow: hidden;
  }

  .banner-three-box-clip-area .right-thumbnail img {
    width: 100%;
    max-width: 100% !important;
    height: auto !important;
    max-height: 420px;
    object-fit: cover;
    display: block;
  }

  .banner-three-box-clip-area .all-shape {
    display: none;
  }

  .rts-service-area {
    position: relative;
    z-index: 2;
    background: #fff;
  }
}

.service-details-left-area.no-service-image {
  margin-top: 0;
  padding-top: 40px;
}

@media only screen and (max-width: 767px) {
  .service-details-left-area.no-service-image {
    margin-top: 0;
    padding-top: 28px;
  }
}

.service-step-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 48px;
}

.service-step-buttons .rts-btn {
  margin: 0;
}

@media only screen and (max-width: 991px) {
  .testimonials-main-wrapper-two .left-thumbnail {
    min-width: 0 !important;
    max-width: 100%;
    width: 100%;
    padding: 28px 24px 8px;
  }

  .testimonials-main-wrapper-two .left-thumbnail img {
    width: auto;
    max-width: min(220px, 70vw);
    max-height: 110px;
    height: auto;
    object-fit: contain;
    object-position: center;
  }
}