/* Barakat Palette */
/* Neutrals */
/* Barakat Brand Colors */
/* Barakat Accent Colors */
/*--------------------------------------------------------------
>>> RTL OPTIMIZED STYLES (SCSS VERSION)
----------------------------------------------------------------
# Typography - Arabic Font Integration with GE SS Two
# Layout - RTL Direction Support  
# Components - RTL-specific adjustments based on existing modules
# Navigation - Menu and link adjustments
# Forms - Input and button RTL support
# Utilities - Helper classes
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Typography - Arabic Font Integration
--------------------------------------------------------------*/
.rtl,
.lang-ar,
.arabic-version {
  direction: rtl;
  text-align: right;
}

.rtl html,
.rtl body,
.lang-ar html,
.lang-ar body,
.arabic-version html,
.arabic-version body {
  font-family: "GE SS Two", sans-serif !important;
  font-weight: 400;
}
.rtl h1,
.rtl h2,
.rtl h3,
.rtl h4,
.rtl h5,
.rtl h6,
.lang-ar h1,
.lang-ar h2,
.lang-ar h3,
.lang-ar h4,
.lang-ar h5,
.lang-ar h6,
.arabic-version h1,
.arabic-version h2,
.arabic-version h3,
.arabic-version h4,
.arabic-version h5,
.arabic-version h6 {
  font-family: "GE SS Two", sans-serif !important;
  font-weight: 500;
}
.rtl p,
.rtl li,
.rtl span,
.rtl a,
.lang-ar p,
.lang-ar li,
.lang-ar span,
.lang-ar a,
.arabic-version p,
.arabic-version li,
.arabic-version span,
.arabic-version a {
  font-family: "GE SS Two", sans-serif !important;
  font-weight: 400;
}
.rtl .btn,
.rtl button,
.lang-ar .btn,
.lang-ar button,
.arabic-version .btn,
.arabic-version button {
  font-family: "GE SS Two", sans-serif !important;
  font-weight: 500;
}

/*--------------------------------------------------------------
# Layout - RTL Direction Support
--------------------------------------------------------------*/
.rtl .container,
.rtl .row,
.rtl .d-flex,
.lang-ar .container,
.lang-ar .row,
.lang-ar .d-flex,
.arabic-version .container,
.arabic-version .row,
.arabic-version .d-flex {
  direction: rtl;
}

/*--------------------------------------------------------------
# Header - RTL Navigation (based on _header.scss)
--------------------------------------------------------------*/
.rtl header,
.lang-ar header,
.arabic-version header {
  direction: rtl;
}
.rtl header .navbar-nav,
.lang-ar header .navbar-nav,
.arabic-version header .navbar-nav {
  direction: rtl;
}
.rtl header .nav-link,
.lang-ar header .nav-link,
.arabic-version header .nav-link {
  text-align: right;
}
.rtl header .language-switcher,
.lang-ar header .language-switcher,
.arabic-version header .language-switcher {
  direction: ltr;
}
.rtl header .header-buttons,
.lang-ar header .header-buttons,
.arabic-version header .header-buttons {
  direction: rtl;
}

/*--------------------------------------------------------------
# Home Page Components (based on _home.scss)
--------------------------------------------------------------*/
.rtl .hero-slider .hero-box-content,
.lang-ar .hero-slider .hero-box-content,
.arabic-version .hero-slider .hero-box-content {
  text-align: right;
}
.rtl .section-content,
.lang-ar .section-content,
.arabic-version .section-content {
  text-align: right;
}
.rtl .alternating-slide,
.lang-ar .alternating-slide,
.arabic-version .alternating-slide {
  text-align: right;
}
.rtl .testimonial,
.lang-ar .testimonial,
.arabic-version .testimonial {
  text-align: right;
}
.rtl .brand-slider,
.lang-ar .brand-slider,
.arabic-version .brand-slider {
  direction: rtl;
}

/*--------------------------------------------------------------
# About Page Components (based on _about.scss)
--------------------------------------------------------------*/
.rtl .timeline-row,
.lang-ar .timeline-row,
.arabic-version .timeline-row {
  direction: rtl;
}
.rtl .display-content,
.lang-ar .display-content,
.arabic-version .display-content {
  text-align: right;
}
.rtl .alternating-description,
.lang-ar .alternating-description,
.arabic-version .alternating-description {
  text-align: right;
}
.rtl .leadership-slider,
.lang-ar .leadership-slider,
.arabic-version .leadership-slider {
  direction: rtl;
}

/*--------------------------------------------------------------
# Contact Page Components (based on _contact.scss)
--------------------------------------------------------------*/
.rtl .form-control,
.lang-ar .form-control,
.arabic-version .form-control {
  text-align: right;
  direction: rtl;
  font-family: "GE SS Two", sans-serif !important;
  font-weight: 400;
}
.rtl .form-label,
.lang-ar .form-label,
.arabic-version .form-label {
  text-align: right;
}
.rtl .nav-tabs,
.lang-ar .nav-tabs,
.arabic-version .nav-tabs {
  direction: rtl;
}
.rtl .tab-content,
.lang-ar .tab-content,
.arabic-version .tab-content {
  direction: rtl;
}

/*--------------------------------------------------------------
# Products & Services (based on _product.scss)
--------------------------------------------------------------*/
.rtl .tab-topics,
.lang-ar .tab-topics,
.arabic-version .tab-topics {
  direction: rtl;
}
.rtl .tab-pane,
.lang-ar .tab-pane,
.arabic-version .tab-pane {
  direction: rtl;
  text-align: right;
}

/*--------------------------------------------------------------
# Downloads & Press Releases (based on _download.scss)
--------------------------------------------------------------*/
.rtl .download-item,
.lang-ar .download-item,
.arabic-version .download-item {
  text-align: right;
}
.rtl .press-release-card,
.lang-ar .press-release-card,
.arabic-version .press-release-card {
  text-align: right;
}

/*--------------------------------------------------------------
# Awards & Timeline (based on _awards.scss)
--------------------------------------------------------------*/
.rtl .timeline-awards,
.lang-ar .timeline-awards,
.arabic-version .timeline-awards {
  direction: rtl;
}

/*--------------------------------------------------------------
# Sustainability (based on _sustainability.scss)
--------------------------------------------------------------*/
.rtl .sustainability-content,
.lang-ar .sustainability-content,
.arabic-version .sustainability-content {
  text-align: right;
}

/*--------------------------------------------------------------
# Career Page (based on _career.scss)
--------------------------------------------------------------*/
.rtl .career-content,
.lang-ar .career-content,
.arabic-version .career-content {
  text-align: right;
}

/*--------------------------------------------------------------
# Footer Components (based on _footer.scss)
--------------------------------------------------------------*/
.rtl footer,
.lang-ar footer,
.arabic-version footer {
  direction: rtl;
}
.rtl footer .footer-links-content,
.lang-ar footer .footer-links-content,
.arabic-version footer .footer-links-content {
  direction: rtl;
}
.rtl footer .footer_content,
.lang-ar footer .footer_content,
.arabic-version footer .footer_content {
  text-align: right;
}
.rtl footer .footer-options ul,
.lang-ar footer .footer-options ul,
.arabic-version footer .footer-options ul {
  direction: rtl;
}
.rtl footer .footer-sm,
.lang-ar footer .footer-sm,
.arabic-version footer .footer-sm {
  direction: rtl;
}

/*--------------------------------------------------------------
# Buttons - RTL Arrows and Icons (based on _button.scss)
--------------------------------------------------------------*/
.rtl .btn-arrow-svg,
.lang-ar .btn-arrow-svg,
.arabic-version .btn-arrow-svg {
  transform: scaleX(-1);
}
.rtl .swiper-button-next,
.lang-ar .swiper-button-next,
.arabic-version .swiper-button-next {
  left: 10px;
  right: auto;
}
.rtl .swiper-button-prev,
.lang-ar .swiper-button-prev,
.arabic-version .swiper-button-prev {
  right: 10px;
  left: auto;
}

/*--------------------------------------------------------------
# Forms - RTL Input Support
--------------------------------------------------------------*/
.rtl input[type=text],
.rtl input[type=email],
.rtl input[type=tel],
.rtl textarea,
.rtl select,
.lang-ar input[type=text],
.lang-ar input[type=email],
.lang-ar input[type=tel],
.lang-ar textarea,
.lang-ar select,
.arabic-version input[type=text],
.arabic-version input[type=email],
.arabic-version input[type=tel],
.arabic-version textarea,
.arabic-version select {
  text-align: right;
  direction: rtl;
  font-family: "GE SS Two", sans-serif !important;
  font-weight: 400;
}
.rtl input::-moz-placeholder, .rtl textarea::-moz-placeholder, .lang-ar input::-moz-placeholder, .lang-ar textarea::-moz-placeholder, .arabic-version input::-moz-placeholder, .arabic-version textarea::-moz-placeholder {
  text-align: right;
  font-family: "GE SS Two", sans-serif !important;
  font-weight: 400;
}
.rtl input::placeholder,
.rtl textarea::placeholder,
.lang-ar input::placeholder,
.lang-ar textarea::placeholder,
.arabic-version input::placeholder,
.arabic-version textarea::placeholder {
  text-align: right;
  font-family: "GE SS Two", sans-serif !important;
  font-weight: 400;
}

/*--------------------------------------------------------------
# Swiper/Carousel - RTL Support
--------------------------------------------------------------*/
.rtl .swiper,
.lang-ar .swiper,
.arabic-version .swiper {
  direction: rtl;
}
.rtl .swiper-slide,
.lang-ar .swiper-slide,
.arabic-version .swiper-slide {
  text-align: right;
}

/*--------------------------------------------------------------
# Utilities - RTL Helper Classes
--------------------------------------------------------------*/
.rtl .text-start,
.lang-ar .text-start,
.arabic-version .text-start {
  text-align: right !important;
}
.rtl .text-end,
.lang-ar .text-end,
.arabic-version .text-end {
  text-align: left !important;
}
.rtl .ms-auto,
.lang-ar .ms-auto,
.arabic-version .ms-auto {
  margin-right: auto !important;
  margin-left: 0 !important;
}
.rtl .me-auto,
.lang-ar .me-auto,
.arabic-version .me-auto {
  margin-left: auto !important;
  margin-right: 0 !important;
}
.rtl .float-start,
.lang-ar .float-start,
.arabic-version .float-start {
  float: right !important;
}
.rtl .float-end,
.lang-ar .float-end,
.arabic-version .float-end {
  float: left !important;
}

/*--------------------------------------------------------------
# Media Queries - RTL Responsive (based on _media-queries.scss)
--------------------------------------------------------------*/
@media (max-width: 768px) {
  .rtl .section-content,
  .lang-ar .section-content,
  .arabic-version .section-content {
    text-align: right;
    padding: 20px;
  }
  .rtl .hero-box-content,
  .lang-ar .hero-box-content,
  .arabic-version .hero-box-content {
    text-align: right;
  }
  .rtl .navbar-toggler,
  .lang-ar .navbar-toggler,
  .arabic-version .navbar-toggler {
    margin-left: 0;
    margin-right: auto;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .rtl .container,
  .lang-ar .container,
  .arabic-version .container {
    direction: rtl;
  }
}
/*--------------------------------------------------------------
# Print Styles - RTL Support
--------------------------------------------------------------*/
@media print {
  .rtl,
  .lang-ar,
  .arabic-version {
    direction: rtl;
    font-family: "GE SS Two", sans-serif !important;
    font-weight: 400;
  }
}
/*--------------------------------------------------------------
# Accessibility - RTL Support
--------------------------------------------------------------*/
.rtl *:focus,
.lang-ar *:focus,
.arabic-version *:focus {
  outline-offset: 2px;
}
.rtl .screen-reader-text,
.lang-ar .screen-reader-text,
.arabic-version .screen-reader-text {
  direction: rtl;
}

.navbar-primary .arabic,
.navbar-solid .arabic {
  padding: 10px;
}

/*--------------------------------------------------------------
# Home page 
--------------------------------------------------------------*/
.hero-box-content {
  text-align: right;
}

.home-panel .section-content {
  text-align: right;
}
.home-panel .branch-location .homel-box .btn-link {
  gap: 10px;
}
.home-panel .branch-location .homel-box .homel-image {
  left: 5%;
}
.home-panel .branch-location .homer-image {
  left: 95%;
  right: auto;
}
.home-panel .home-yellow {
  right: auto;
  left: 5%;
}
.home-panel .home-arrow #left-arrow {
  rotate: 0deg;
}
.home-panel .home-arrow #right-arrow {
  rotate: 180deg;
}

.testimonialSwiper .custom-navigation .testi-arrow-left {
  rotate: 0deg;
}
.testimonialSwiper .custom-navigation .testimonial-nav-right {
  rotate: 180deg;
}

.brand .brand_slider .swiper-button-next {
  left: 10px;
  right: auto;
}

.sub-section-content {
  text-align: right;
}
.sub-section-content a {
  justify-content: flex-start;
}

.impact .split-box .content-split .extra-decoration {
  left: 2%;
  right: auto;
}
.impact .split-box .content-split .csr-down {
  left: 2%;
  right: auto;
}

/*--------------------------------------------------------------
# About page 
--------------------------------------------------------------*/
.overflow-chart .overflow-box .overflow-deco {
  right: auto;
  left: 5%;
}
.overflow-chart .overflow-star {
  right: auto;
  left: 0%;
}
.overflow-chart .overflow-footer {
  bottom: -12px;
  right: auto;
  left: 5%;
}
.overflow-chart .section-content {
  text-align: right;
}

.alternating-section .row .col .alternating-slide .alternating-description {
  text-align: right;
}

.investor-box .section-content {
  text-align: right;
}

/*--------------------------------------------------------------
# Product page 
--------------------------------------------------------------*/
.hero-box-content {
  text-align: right;
}

.dual-block .section-content {
  text-align: right;
}

/*--------------------------------------------------------------
# Sustainability page 
--------------------------------------------------------------*/
.dual-block .dual-block-right .cropped-polygon-image {
  transform: translateX(0px);
}

.impact-section .section-content {
  text-align: right;
}
.impact-section .left-side-image {
  transform: translateX(0px);
}
.impact-section .right-side-image {
  transform: translateX(0px);
}

/*--------------------------------------------------------------
# CSR page 
--------------------------------------------------------------*/
.dual-block .dual-block-right img {
  transform: translateX(0px);
}

.impact-section a {
  justify-content: right;
}

.csr-slider .swiper .swiper-slide .section-content p {
  text-align: right;
}

/*--------------------------------------------------------------
# Career page 
--------------------------------------------------------------*/
.career-swiper .slider-fix {
  transform: translate(0px);
}

.text-visual img {
  left: -50px;
}

/*--------------------------------------------------------------
# Contact page 
--------------------------------------------------------------*/
.section-content h5,
.section-content h6 {
  text-align: right;
}

/*--------------------------------------------------------------
# Timeline page 
--------------------------------------------------------------*/
.timeline {
  text-align: right;
}

/*--------------------------------------------------------------
# Awards page 
--------------------------------------------------------------*/
.timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .slider-content {
  text-align: right;
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .slider-content .custom-navigation .nav-left-awards {
  transform: rotate(0deg);
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .slider-content .custom-navigation img {
  transform: rotate(180deg);
}

/*--------------------------------------------------------------
# press release page
--------------------------------------------------------------*/
.card-arrow-image .arrow-swiper-svg {
  left: 0;
  right: auto;
}

.tabbed-gallery .tab-menu .tab-link {
  text-align: right;
}

.btn-outline {
  margin-left: 10px;
}

.navbar-primary .arabic,
.navbar-solid .arabic {
  margin-left: 0;
}

footer .footer_content a .footer-contact-icon {
  margin-left: 10px;
  margin-right: 0;
}

.product-slider .swiper-slide .slide-description {
  text-align: right;
}

.btn-arrow-svg {
  transform: rotate(225deg);
  margin-right: 10px;
}

.btn-link:hover .btn-arrow-svg {
  transform: rotate(180deg);
}

.card-arrow-image .arrow-swiper-svg {
  transform: rotate(270deg);
}

.card-arrow-image:hover .arrow-swiper-svg {
  transform: rotate(225deg);
}

.product-slider .swiper-slide .card-arrow-image:hover .arrow-swiper-svg {
  transform: rotate(225deg);
}

.offcanvas.offcanvas-end .offcanvas-body .section-content {
  text-align: right;
}

.offcanvas.offcanvas-end .offcanvas-header .btn-close {
  margin-left: 0;
  margin-right: auto;
}

.follow .follow-section .section-content {
  text-align: right;
}

.product-accordion .accordion-button {
  margin-right: 100px;
}

.product-accordion .accordion-button::after {
  margin-left: 0;
}

footer a {
  font-weight: 400;
}

.job-listing .accordion .accordion-item .accordion-content .accordion-right .job-right-arrow {
  transform: rotate(270deg);
}

.job-listing .accordion .accordion-item .accordion-content:hover .job-right-arrow {
  transform: rotate(225deg);
}

.job-listing .accordion .accordion-item .accordion-toggle-buttons .accordion-button::after {
  margin-right: 5px;
}

.impact-section .impact-representation1 .row .col .impact-representation-box {
  margin-left: 20px;
  margin-right: 0;
}

.selection-tab .tab-pane .tab-description .section-content p {
  text-align: right;
}

.about-and-stats .metrics_bg .metrics .metrics_2 {
  margin-right: 40%;
  margin-left: unset;
}

.about-and-stats .metrics_bg .metrics .metrics_1 {
  margin-right: 15%;
  margin-left: unset;
}

.about-and-stats .metrics_bg .metrics .metrics_3 {
  margin-right: 65%;
  margin-left: unset;
}

.about-and-stats .metrics_bg .metrics .metrics_4 {
  margin-right: 30%;
  margin-left: unset;
}

/* RTL Blog Preview Display Fixes
--------------------------------------------- */
.blog-preview-banner .preview-display p {
  margin-left: 30px;
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .blog-preview-banner .preview-display p {
    margin-left: 15px;
    margin-right: 0;
  }
}
/* Arabic Language Fixes
--------------------------------------------- */
/* Fix odometer numbers displaying in reverse order in Arabic RTL mode */
.rtl .odometer,
.rtl .count,
.rtl .odometer-inside,
.rtl .odometer-digit,
.rtl .odometer-value,
.arabic-version .odometer,
.arabic-version .count,
.arabic-version .odometer-inside,
.arabic-version .odometer-digit,
.arabic-version .odometer-value {
  direction: ltr !important;
  unicode-bidi: embed;
  display: inline-block;
  text-align: left;
}

/* Ensure number containers maintain proper display */
.rtl .sign .count,
.arabic-version .sign .count {
  direction: ltr !important;
  unicode-bidi: embed;
}

/* Fix for any numeric content in RTL mode */
.rtl [data-target],
.arabic-version [data-target] {
  direction: ltr !important;
  unicode-bidi: embed;
}

/* Ensure numbers use proper font and display in Arabic mode */
.arabic-version .odometer,
.arabic-version .count,
.lang-ar .odometer,
.lang-ar .count {
  font-family: "GE SS Two", sans-serif;
  font-feature-settings: "tnum" 1; /* Use tabular numbers for consistent width */
  font-variant-numeric: tabular-nums;
}

/* Additional safeguard for odometer animation elements */
.rtl .odometer-inside .odometer-digit,
.arabic-version .odometer-inside .odometer-digit {
  direction: ltr !important;
  text-align: center;
}

/*--------------------------------------------------------------
# Media quries 
--------------------------------------------------------------*/
@media (max-width: 1024px) {
  .overflow-chart .overflow-box:nth-child(2) {
    transform: translateX(-50px);
  }
  .overflow-chart .overflow-index-image {
    height: 20vh;
  }
  .overflow-chart .overflow-star {
    top: 2%;
  }
  .number-stats .alternating-slide span {
    font-size: 26px !important;
  }
  .testimonialSwiper .testi-decoration-left {
    width: 120px;
    left: 2%;
  }
  .testimonialSwiper .testi-decoration-right {
    width: 60px;
    bottom: 5%;
  }
}
@media (max-width: 820px) {
  .overflow-chart .overflow-box:nth-child(2) {
    transform: translateX(0px);
  }
  .testimonialSwiper .testimonial_section .testimonial_wrapper .image_stack {
    height: 350px;
  }
  .testimonialSwiper .testi-decoration-left {
    left: -10px;
    top: 2%;
    width: 150px;
  }
  .testimonialSwiper .testi-decoration-right {
    width: 50px;
  }
  .about-and-stats .metrics_bg .metrics .metrics_4 {
    margin-right: 27%;
    margin-left: unset;
  }
}
@media (max-width: 768px) {
  .overflow-chart .overflow-footer {
    bottom: -10px;
  }
  .overflow-chart .overflow-star {
    left: 2%;
    top: 2%;
  }
  .impact-section .impact-representation1 .row .col .impact-representation-box h3 {
    font-size: 20px;
  }
  .navbar-primary .arabic,
  .navbar-solid .arabic {
    margin-left: auto;
    margin-right: auto;
  }
  .navbar-primary .navbar-toggler,
  .navbar-solid .navbar-toggler {
    margin-right: auto;
    margin-left: 30px;
  }
  .btn-outline {
    margin-left: 0;
  }
}
@media (max-width: 599px) {
  .overflow-chart .overflow-footer {
    bottom: -38px;
  }
  .overflow-chart .overflow-star {
    left: 3%;
    top: 0%;
  }
  .testimonialSwiper .testi-decoration-left {
    width: 100px;
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title {
    transform: translate(-5px);
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.first {
    width: 100%;
  }
  footer .footer-end .footer-bottom .footer-bottom-right {
    display: block;
  }
  footer .footer-end .footer-bottom .footer-bottom-right a {
    margin-bottom: 10px;
  }
  footer .footer-end .footer-bottom {
    justify-content: space-evenly;
  }
  .about-and-stats .metrics_bg .metrics .metrics_2 {
    margin-right: unset;
    margin-left: unset;
  }
  .about-and-stats .metrics_bg .metrics .metrics_1 {
    margin-right: unset;
    margin-left: unset;
  }
  .about-and-stats .metrics_bg .metrics .metrics_3 {
    margin-right: unset;
    margin-left: unset;
  }
  .about-and-stats .metrics_bg .metrics .metrics_4 {
    margin-right: unset;
    margin-left: unset;
  }
}/*# sourceMappingURL=style-rtl.css.map */