@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

:root {
  --secondaryColor: rgb(255, 123, 0);
}

.secondaryColor {
  color: var(--secondaryColor);
}

.bgSecondaryColor {
  background-color: var(--secondaryColor);
}

body {
  background-color: #eaeaea;
  font-family: "Poppins", sans-serif;
  color: #2d2d2d;
  font-size: 14px;
}

/* Elemen kiri */
  /* BreadCrumb */
    .BreadCrumb {
      margin-top: 100px !important;
      margin-bottom: 30px !important;
      border-radius: 10px;
      overflow: hidden;
    }
    .breadcrumb {
      border-radius: 10px;
      overflow: hidden;
      margin-bottom: 0px !important;
    }
    .breadcrumb-list {
      border-radius: 10px;
      overflow: hidden;
      margin-bottom: 0px !important;
    }
  /* akhir BreadCrumb */

  /* gambar produk */
    .row-produk {
      background-color: #fff;
      border-radius: 10px;
      margin: 0;
      padding: 5px;
      padding-top: 16px;
    }
  /* akhir gambar produk */
/* akhir Elemen kiri */

/* Elemen Kanan */
  /* Garis nama*/
    .garis-nama {
      border: 2px solid var(--secondaryColor);
      margin-top: 10px;
      margin-bottom: 25px;
    }
  /*Akhir Garis nama*/


  /* masukkan data akun */
    .form-control {
      width: 100%;
      font-size: 0.9rem;
    }

    .form-group {
      align-items: center;
      width: 100%;
    }

    .card-body {
      padding: 1rem;
    }
  /*Akhir masukkan data akun */

  /* list nominal */
    .list-nominal_item .checkbox {
      position: absolute;
      z-index: 1;
      opacity: 0;
    }

    .list-nominal_inner {
      border-radius: 10px;
    }

    .list-nominal_inner {
      cursor: pointer;
      transition: 0.2s;
      overflow: hidden;
      border-radius: 10px;
    }

    .list-nominal {
      border-radius: 10px;
      overflow: hidden;
    }

    .list-nominal_item .checkbox:checked ~ .list-nominal_inner {
      border: 2px solid var(--secondaryColor);
    }
  /* akhir list nominal */

  /* payment */
    /*Logo Payment*/
      .logo-payment {
        width: 100%;
      }
    /*Akhir Logo Payment*/

    .payment_item .checkbox {
      position: absolute;
      z-index: 1;
      opacity: 0;
    }

    .payment_item {
      border-radius: 10px;
      overflow: hidden;
    }

    .payment_inner {
      border-radius: 10px;
      overflow: hidden;
      cursor: pointer;
      transition: 0.2s;
    }

    .payment {
      border-radius: 10px;
      overflow: hidden;
    }

    .payment_item .checkbox:checked ~ .payment_inner {
      border: 2px solid var(--secondaryColor);
    }
  /* end payment */

  /* Order */
    .form-control {
      font-size: 14px;
    }

    .btn-custom {
      padding: 15px;
      font-size: 14px;
      text-decoration: none;
    }
  /*Akhir Order */
/* Akhir Elemen Kanan */

/* Navbar responsive*/
  @media screen and (min-width: 994px) {
    .form-control {
      width: 350px;
    }
  }
/* Akhir Navbar responsive*/

/* payment responsive */
  @media screen and (max-width: 576px) {
    #nominal_bca {
      font-size: 9px;
    }

    #nominal_bni {
      font-size: 9px;
    }

    #bcaVa {
      font-size: 9px;
    }
    
    #bniVa {
      font-size: 9px;
    }
    
    #briVa {
      font-size: 9px;
    }
    
    #bsiVa {
      font-size: 9px;
    }
    
    #cimbVa {
      font-size: 9px;
    }
    
    #mandiriVa {
      font-size: 9px;
  }
    
    #maybankVa {
      font-size: 9px;
    }
    
    #permataVa {
      font-size: 9px;
    }
    
    #sinarmasVa {
      font-size: 9px;
    
    }
  }
/* end payment responsive */

/* order start */
.modal-body{
  text-align: center;
}
/* end order */