body {
      background-color: #f8f9fa;
      font-family: "IBM Plex Sans Arabic", sans-serif;
      direction: rtl;
    }

    /* Hero section */
    .hero-section {
      background-color: #2D3389;
      color: #fff;
      border-radius: 1rem;
      padding: 4rem 2rem;
      text-align: center;
      margin-bottom: 2rem;
    }
    .hero-section p 
    {
      color: #FFF;
      text-align: center;
      font-size: 20px;
      font-weight: 400;
      line-height: 31px;
      margin: 24px; 
    }
    .hero-section h2 {
      font-weight: 600;
      line-height: 40px;
      margin-bottom: 1rem;
      font-size: 40px;
    }

    /* Subscribe button */
    .btn-subscribe {
      background-color: #fff;
      color: #2D3389;
      font-weight: 500;
      border-radius: 2rem;
      padding: 0.7rem 1.5rem;
      transition: 0.3s ease;
      font-size: 16px;
    }
    .btn-subscribe:hover {
      background-color: #f0f0f0;
      color: #2D3389;
    }

    /* Info cards */
    .infoCardSec
    {
      margin-top: 48px;
      margin-bottom: 48px;
    }
    .info-card {
      border: none;
      border-radius: 1rem;
      padding: 20px;
      background-color: #fff;
      border-radius: 20px;
      border: 1px solid #CCC;
      background: #FFF;
      margin-bottom: 2rem;
      text-align: right;
    }
    .info-card h5 {
      color: #000;
      font-size: 16.8px;
      font-weight: 600;
      line-height: 16.8px; 
      margin-bottom: 16px;
    }
    .info-card p {
      color: #3A3838;
      font-size: 16.8px;
      font-weight: 400;
      line-height: 26.04px;
    }

    /* Subscribe form section */
    .subscribe-box {
      background-color: #fff;
      padding: 60px;
      text-align: center;
      border-radius: 20px;
      border: 1px solid #CCC;
      margin-bottom: 2rem;
    }
    .subscribe-box input {
      border-radius: 16px;
      border: 1px solid var(--Gray-neutral-200, #E5E7EB);
      background: var(--Background-Primary, #FFF);
      height: 48px;
      padding: 12px 16px;
      text-align: right;
    }
    .info-card:last-child {
    margin-bottom: 0;
    }
.blueBgClr
{
  text-align: right;
}