body {
      font-family: 'Vazirmatn', sans-serif;
      background-color: #011C40;
      color: #FFFFFF;
    }

    header {
      background: url('../img/bg.png') no-repeat center center;
      background-size: cover;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      position: relative;
      color: white;
    }

    header::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-color: rgba(1, 28, 64, 0.6);
      z-index: 1;
    }

    header .container {
      z-index: 2;
      position: relative;
    }

    header h1 {
      font-size: 3.5rem;
    }

    .btn-store {
      margin: 0.5rem;
    }

    .btn-primary {
      background-color: #54ACBF;
      border-color: #54ACBF;
      color: #011C40;
    }

    .btn-primary:hover {
      background-color: #26658C;
      border-color: #26658C;
      color: white;
    }

    .btn-outline-light {
      color: #A7EBF2;
      border-color: #A7EBF2;
    }

    .btn-outline-light:hover {
      background-color: #A7EBF2;
      color: #011C40;
    }

    .features .icon {
      font-size: 2.5rem;
      margin-bottom: 10px;
      color: #A7EBF2;
    }

    section {
      padding-top: 4rem;
      padding-bottom: 4rem;
    }

    section:nth-of-type(even) {
      background-color: #023859;
    }

    section:nth-of-type(odd) {
      background-color: #011C40;
    }

    footer {
      background-color: #011C40;
      padding: 1rem 0;
      text-align: center;
      color: #A7EBF2;
    }

    .btn-outline-info {
      color: #54ACBF;
      border-color: #54ACBF;
    }

    .btn-outline-info:hover {
      background-color: #54ACBF;
      color: #011C40;
    }