/* General RTL adjustments */
body {
  direction: rtl;
  background: #f8f9fa;
}

.navbar .btn-success {
  background: #13d6a4;
  border: none;
  font-weight: bold;
  padding: 0.5rem 1.5rem;
  border-radius: 10px;
}

.navbar .nav-link.active {
  color: #13d6a4 !important;
  font-weight: bold;
}

.hero-section {
  background: #fff;
  border-radius: 0 0 40px 40px;
  box-shadow: 0 2px 16px rgba(0,0,0,0.03);
}

.hero-img {
  max-width: 90%;
  padding-bottom: 25px;
  /*border-radius: 30px;*/
  box-shadow: 0 4px 24px rgba(19,214,164,0.08);
  /*border: 4px solid #13d6a4;*/
}

.features-section {
  margin-top: -40px;
  z-index: 2;
  position: relative;
}

.feature-card {
  border: 1px solid #e0e0e0;
  border-radius: 20px;
  transition: box-shadow 0.2s;
  background: #fff;
}
.feature-card:hover {
  box-shadow: 0 8px 32px rgba(19,214,164,0.10);
}
.feature-card .card-img-top {
  height: 325px;
  object-fit: cover;
  border-radius: 20px 20px 0 0;
}

.footer-section {
    background: linear-gradient(90deg, #13d6a4 0%, #0e6b6b 100%);
    color: #fff;
}
 /* border-radius: 40px 40px 0 0;
}
.footer-section a {
  color: #fff;
  text-decoration: underline;
}
.footer-section a:hover {
  color: #13d6a4;
}

@media (max-width: 991px) {
  .hero-img {
    margin-bottom: 2rem;
  }
}

/* Mobile improvements */
@media (max-width: 767.98px) {
  .hero-section {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .hero-section .btn {
    width: 100%;
    margin-top: 1rem;
  }
  .feature-card {
    margin-bottom: 1.5rem;
  }
  .footer-section {
    padding: 2rem 1rem 1rem 1rem;
    text-align: right;
  }
  .mbfooter {
    margin-bottom: 1rem;
  }
}

/* Offcanvas side menu placeholder */
.offcanvas-rtl {
  right: 0;
  left: auto;
  direction: rtl;
  text-align: right;
}
.offcanvas-rtl .offcanvas-header {
  justify-content: flex-start;
}
.offcanvas-rtl .offcanvas-title {
  margin-right: 1rem;
}
.btn-success {
    color: #fff;
    background-color: #00dcb4;
    border-color: #00dcb4;
}
.card-title {
    margin-bottom: .75rem;
    text-align: center;
    font-size: large;
    font-weight: bold;
}
.card-text:last-child {
    margin-bottom: 0;
    text-align: center;
}