/* Global Styles */
body {
    background-color: var(--bg-light);
    overflow-x: hidden;
    color: var(--natural-Txt);
}

section{
    margin:5rem 0;
}


/* Section Title */
.section-title {
    text-align: center;
    font-size: var(--font-size-2xl);
    color: var(--natural-Txt);
    margin-bottom: 1rem;
    font-weight: 500;
}

.section-desc{
    text-align: center;
    font-size: var(--font-size-xl);
    color: var(--natural-Txt);
    margin-bottom: 2rem;
}

/* App Download Buttons */
.app-buttons {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.app-btn {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: transform var(--transition-fast);
}

.app-btn:hover {
    transform: translateY(-3px);
    color: var(--text-white);
}

.app-btn i {
    font-size: 1.5rem;
}

[dir="ltr"] .text-lg-end {
    text-align: left !important;
}

/* Flip when page is LTR (English) */
html[dir="ltr"] .hero-image img {
  transform: rotateY(180deg);
}

/* Normal orientation for RTL (Arabic) */
html[dir="rtl"] .hero-image img {
  transform: rotateY(0deg);
}

/* LTR (English) */
html[dir="ltr"] .hero-image  {
  left:100px;
  right:unset;
}

/*  RTL (Arabic) */
html[dir="rtl"] .hero-image  {
  right:100px;
  left:unset;
}

/* LTR (English) */
html[dir="ltr"] .carousel-indicators
{
    left:290px;
    right:unset;
}

/*  RTL (Arabic) */
html[dir="rtl"] .carousel-indicators
{
    right:290px;
    left:unset;
}

/* LTR (English) */
html[dir="ltr"] .left-img {
    right: 50px;
    left:unset;
}


/*  RTL (Arabic) */
html[dir="rtl"] .left-img {
    left: 50px;
    right:unset;
}


/* LTR (English) */
html[dir="ltr"] .right-img {
   left: 140px;
   right:unset;
}

/*  RTL (Arabic) */
html[dir="rtl"] .right-img {
    right: 140px;
    left:unset;
}

/* LTR (English) */
html[dir="ltr"] .main-img {
   left: 300px;
}

/*  RTL (Arabic) */
html[dir="rtl"] .main-img {
    left:-300px;
}