.hide {
      display: none;
    }

    /* Efek buram untuk semua elemen kecuali modal */
    .blur {
      filter: blur(5px);
      pointer-events: none;
    }


    .footer {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      background-color: #2c4888;
      color: white;
      padding: 15px 0;
      text-align: center;
    }



    .top-row{
      margin-top: 5%;
      margin-bottom: 3%;
    }
    .img-align-left {
    margin-right:2%; text-align:right; float: left; width: 40%;
    }


    .green{
      background: green !important;
      color: white !important;
    }

    .red{
      background: red !important;
      color: white !important;
    }

    .blue{
      background: #2c4888 !important;
      color: white !important;
    }

    .orange{
      background: #bf7c08 !important;
      color: white !important;
    }



    .mr-b-10{
      margin-bottom: 10%;
    }

    .pd-t-b-2{
      padding: 2% 0;
    }


    h1, h2, h3, h4, h5, h6 {
      font-weight: 900;
      margin-bottom: 1rem;
    }


    /** Mobile **/
    @media (max-width:480px) {
      .top-row{
        margin-top: 5%;
      }

      .img-align-left {
      margin-right:0; text-align:center; float: none; width: 100%;
      }

      .footer {
        padding: 10px 0;
      }
    }