body {
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      margin: 0;
      padding: 0;
    }


    .navbar {
      transition: background 0.3s ease, padding 0.3s ease;
      padding: 20px 0;
      z-index: 1000;
    }

    .navbar-brand {
      font-size: 1.6rem;
      font-weight: 700;
      color: #fff !important;
    }

    .navbar-nav .nav-link {
      font-size: 1rem;
      font-weight: 500;
      color: #fff !important;
      margin-left: 20px;
      transition: color 0.3s;
    }

    .navbar-nav .nav-link:hover {
      color: #ffc107 !important;
    }

    @media (min-width: 992px) {
      .navbar {
        background: transparent !important;
      }

      .navbar.scrolled {
        background: #6C5994 !important;
        padding: 10px 0;
      }
    }

    @media (max-width: 991px) {
      .navbar {
        background: #6C5994 !important;
      }

      .navbar-collapse {
        background: #6C5994 !important;
        padding: 15px;
        border-radius: 5px;
      }

      .navbar-nav .nav-link {
        margin-left: 0;
        padding: 10px 0;
        color: #fff !important;
      }
    }

    /* Hero Section */
    .hero_section {
      position: relative;
      background: url('../img/WhatsApp Image 2024-06-20 at 2.25.49 PM.webp') no-repeat center center/cover;
      min-height: 100vh;
      display: flex;
      align-items: center;
      color: #fff;
    }

    .hero_section::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.3);
      z-index: 1;
    }

    .hero_content {
      position: relative;
      z-index: 2;
    }

    .hero_content h1 {
      font-size: 3rem;
      font-weight: 700;
    }

    .hero_content p {
      font-size: 1.2rem;
      margin: 20px 0;
      line-height: 1.6;
    }

    .btn-custom {
      background-color: #004aad;
      color: #fff;
      padding: 12px 30px;
      border-radius: 50px;
      font-size: 1.1rem;
      font-weight: 600;
      transition: all 0.3s;
    }

    .btn-custom:hover {
      background-color: #002f6c;
    }

    .hero_image img {
      max-height: 500px;
      width: 100%;
      object-fit: contain;
    }

    /* Story Section */
    .apps_section {
      background: #f9f9f9;
      padding: 80px 0;
    }

    .ourstory {
      color: #6C5994;
    }

    .imgstory img {
      max-width: 100%;
      height: auto;
      max-height: 250px;
      object-fit: contain;
      display: block;
      margin: 0 auto;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    }

    /* Feature Section */
    .feature_section {
      position: relative;
      background: url('../img/WhatsApp Image 2024-06-20 at 2.25.49 PM.webp') no-repeat center center/cover;
      min-height: 100vh;
      color: #fff;
      padding: 80px 0;
    }

    .feature_taital {
      font-size: 2.5rem;
      letter-spacing: 1px;
      color: #f9f9ff;
      margin-bottom: 20px;
    }

    .feature_text {
      font-size: 1rem;
      max-width: 600px;
      margin: 0 auto 50px auto;
      color: #f9f9ff;
    }

    .feature_box {
      display: flex;
      align-items: center;
      gap: 15px;
      background: #fff;
      padding: 15px 20px;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
      transition: all 0.3s ease;
      margin-bottom: 20px;
    }

    .feature_box h5 {
      margin: 0;
      font-size: 1.1rem;
      font-weight: 600;
      color: #333;
    }

    .feature_box:hover {
      transform: translateY(-8px);
      box-shadow: 0 6px 25px rgba(0, 0, 0, 0.15);
      background: #6C5994;
    }

    .feature_box:hover h5 {
      color: #fff;
    }

    .icon_wrap img {
      width: 50px;
      height: 50px;
      object-fit: cover;
      border-radius: 50%;
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    }

    .feature_center_img {
      max-height: 400px;
      transition: transform 0.4s ease;
    }

    .feature_center_img:hover {
      transform: scale(1.05);
    }

    /* Video Section */
    .video_section {
      background: #fff;
      padding: 80px 0;
    }

    .video_section h1 {
      color: #6C5994;
      font-size: 2.5rem;
      font-weight: 700;
      margin-bottom: 20px;
    }

    .video_section h2 {
      font-size: 1.1rem;
      color: #555;
      line-height: 1.6;
    }

    .video_section video {
      border-radius: 12px;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
      width: 100%;
      height: auto;
    }

    /* About Section */
    .about_section {
     
      text-align: center;
    }

    .about_section h1 {
       width: 100%;
  float: left;
  
  font-size: 40px;
  color: #6C5994;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
    }

    .about_section img {
      max-width: 100%;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
      border-radius: 12px;
    }

    /* Download Section */
    .download_section {
      padding: 60px 0;
    
      text-align: center;
    }

    .download_section h1 {
      width: 100%;
  float: left;
  font-size: 40px;
  color: #6C5994;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
    }

    .apps_main .google_img img {
      width: 200px;
      margin: 10px;
      cursor: pointer;
      transition: transform 0.3s ease;
    }

    .apps_main .google_img img:hover {
      transform: scale(1.05);
    }

    /* Footer Section */
    .footer_section {
     
      color: #fff;
      padding: 60px 0;
    }

    .footer_section a {
      color: #fff;
      text-decoration: none;
    }

    .footer_section a:hover {
      text-decoration: underline;
    }

    .copyright_section {
        border-top: 1px solid white;
      background: #6C5994;
      color: #fff;
      text-align: center;
      padding: 15px 0;
    }
    .copyright_section a {
        font-weight: bold;
     
      color: #fff;

    }