@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;700&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap");

html {

  font-size: 16px;

  font-family: "Plus Jakarta Sans", "sans-serif";

}



body {

  font-family: "Plus Jakarta Sans", "sans-serif";

}



button {

  border: none;

}



.main-container {

  padding-left: 3.5rem;

  padding-right: 3.5rem;

}



h3,

h4,

h5,

h6 {

  font-family: "Plus Jakarta Sans";

  font-style: normal;

  font-weight: 600;

}



h5 {

  font-size: 18px;

}



p {

  font-family: "Plus Jakarta Sans";

  font-style: normal;

  font-weight: 400;

  font-size: 16px;

  color: #262626;

  margin-bottom: 0 !important;

}



button {

  border: none !important;

  background-color: rgba(0, 42, 91, 0);

}



.hide {

  display: none;

}



main .navigation p {

  color: #164520;

}

main .checkout-main .order-list-section {

  width: 100%;

}

main .checkout-main .order-list-section .order-item .order-list-detail {

  gap: 12px;

}

main .checkout-main .order-list-section .order-item .order-list-detail img {

  align-self: center;

  width: 150px;

}

main .checkout-main .order-list-section .order-item .order-list-detail .order-desc p {

  font-size: 12px;

}

main .checkout-main .order-list-section .order-item .order-list-detail .order-desc .course-badge {

  width: min-content;

   padding: 2px 9px;

  color: white;

  font-weight: 700;

  background-color: #A9CAFD;

}

main .checkout-main .order-list-section .order-item .order-list-detail .order-desc .bundling-badge {

  width: min-content;

  padding: 2px 9px;

  color: white;

  font-weight: 700;

  background-color: #F5C64C;

}

main .checkout-main .order-list-section .order-item .order-list-detail .order-desc .webinar-badge {

  width: min-content;

  padding: 2px 9px;

  color: white;

  font-weight: 700;

  background-color: #F2ACF3;

}

main .checkout-main .order-list-section .order-item .order-list-detail .order-desc .training-badge {

  width: min-content;

  padding: 2px 9px;

  color: white;

  font-weight: 700;

  background-color: #F32828;

}

main .checkout-main .order-list-section .order-item .order-list-detail .order-desc .desc {

  font-size: 15px;

  font-weight: 500;

}

main .checkout-main .order-list-section .order-item .order-list-subtotal div {

  font-size: 18px;


}

main .checkout-main .order-list-section .order-item .order-list-subtotal hr {

  margin: 0 !important;

}

main .checkout-main .order-summary-card {

  border-radius: 7px;

  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.247);

  width: 100%;


}

main .checkout-main .order-summary-card .total-count-prize {

  gap: 30px;

}

main .checkout-main .order-summary-card .final-prize {

  border: 1px solid #a7a7a7;

  border-radius: 7px;

}

main .checkout-main .order-summary-card .final-prize p {

  width: min-content;

  font-size: 12px;

}

main .checkout-main .order-summary-card .email {

  font-weight: 500;

}

main .checkout-main .order-summary-card .user-email {

  border: 1px solid #a7a7a7;

  background-color: #D9D9D9;

  color: #8F8585;

  border-radius: 7px;

}

main .checkout-main .order-summary-card button {

  font-weight: 600;

  color: white;

  border-radius: 7px;

  width: 100%;

  background-color: #164520;

  grid-column: span 8;

}

main .checkout-main .order-summary-card #cart-form-redeem input:focus {

  box-shadow: none;

  border-color: #164520;

}

main .checkout-main .order-summary-card .btn-modal-referral {

  padding: 0.5rem 1.5rem;

  display: flex;

  gap: 1rem;

  align-items: center;

  font-weight: 300;

  color: #248043;

  border-radius: 8px;

  background-color: white;

}

main .checkout-main .order-summary-card .btn-modal-referral:hover {

  background-color: #f3f4f6;

}

main .checkout-main .order-summary-card #cart-referral-modal .modal-dialog {

  width: 90%;

  height: 90%;

  display: flex;

  justify-content: center;

  align-items: center;

  

}

main .checkout-main .order-summary-card .cart-referral-modal-container {

  padding: 1.5rem;

}

main .checkout-main .order-summary-card .cart-referral-modal-container .cart-referral-modal-header {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-bottom: 1rem;

  border-bottom: 3px solid #f3f4f6;

}

main .checkout-main .order-summary-card .cart-referral-modal-container .cart-referral-modal-header-btn {

  display: flex;

  align-items: center;

  gap: 1rem;

}

main .checkout-main .order-summary-card .cart-referral-modal-container .cart-referral-modal-header-btn a {

  font-weight: 500;

  color: gray;

}

main .checkout-main .order-summary-card .cart-referral-modal-container .cart-referral-modal-header-btn .btn-close {

  width: 6px;

  height: 6px;

}

main .checkout-main .order-summary-card .cart-referral-modal-container .cart-referral-modal-form {

  border-bottom: 3px solid #f3f4f6;

}

main .checkout-main .order-summary-card .cart-referral-modal-container .cart-referral-modal-form form {

  padding-top: 0rem;

  display: flex;

  justify-content: space-between;

  gap: 1rem;

}

main .checkout-main .order-summary-card .cart-referral-modal-container .cart-referral-modal-form form input:focus {

  box-shadow: none;

  border-color: gray;

}

main .checkout-main .order-summary-card .cart-referral-modal-container .cart-referral-modal-coucher-btn {

  background-color: transparent;

  padding: 0;

}

main .checkout-main .order-summary-card .cart-referral-modal-container .referral-item {

  display: flex;

}

main .checkout-main .order-summary-card .cart-referral-modal-container .referral-item .icon {

  background-color: #164520;

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

  padding-right: 1.5rem;

  padding-left: 1.5rem;

  display: flex;

  align-items: center;

  position: relative;

}

main .checkout-main .order-summary-card .cart-referral-modal-container .referral-item .icon img {

  height: 1rem;

}

main .checkout-main .order-summary-card .cart-referral-modal-container .referral-item .icon::after {

  content: "";

  width: 20px;

  height: 20px;

  border-radius: 50%;

  background-color: white;

  position: absolute;

  left: -10px;

  top: 50%;

  transform: translateY(-50%);

}

main .checkout-main .order-summary-card .cart-referral-modal-container .referral-item .disc {

  background-color: #70BD81;

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

  padding-right: 2rem;

  padding-left: 1.5rem;

  color: white;

  font-weight: bold;

  position: relative;

}

main .checkout-main .order-summary-card .cart-referral-modal-container .referral-item .disc::after {

  content: "";

  width: 20px;

  height: 20px;

  border-radius: 50%;

  background-color: white;

  position: absolute;

  right: -10px;

  top: 50%;

  transform: translateY(-50%);

}




/*# sourceMappingURL=checkout.css.map */