.bannerDashboard .bannerPoint img {
 max-width: 85px
}
.bannerDashboard .bannerPoint {
    margin-top: -10px !important
}
.geex-sidebar__logo img {
    max-width: 195px;
}
.geex-content__header {
    padding: 10px 22px 10px 22px;
    margin-bottom: 5px !important;
}
.geex-content__pagination__link {
    width: 30px;
    height: 30px;
    background-color: #fff
}
.shadow-cs {
    box-shadow: 0 0.125rem 0.15rem rgba(5, 2, 0, 0.375) !important;
    
}
.geex-content__section ul {
    padding-left: 20px;
}.geex-content__section ul li {
    list-style: auto;
    margin-bottom: 10px;
}
.input-label {
    font-size: 1.1rem !important;
    color: #464255 !important;
}
.geex-content__form__single__box .input-icon select {
    -webkit-padding-start: 45px;
            padding-inline-start: 45px;
}
.geex-content__form__single__box input, .geex-content__form__single__box select, .geex-content__form__single__box textarea {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    width: 100%;
    min-width: 200px;
    padding: 16px;
    border: none;
    outline: none;
    border-radius: 18px;
    color: var(--body-color);
    background-color: var(--white-color);
    border: 1px solid var(--sec-color);
    resize: none;

    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
}
.geex-content__form__single__box .input-icon:focus-within i, .geex-content__form__single__box input:focus, .geex-content__form__single__box select:focus, .geex-content__form__single__box textarea:focus {
    color: color: var(--body-color) !important;
    border-color: var(--bs-red) !important;
}
.geex-content__form__single__box select:focus {
    outline: none !important;
    box-shadow: none !important;
}
.geex-content__form__single__box label {
    margin-bottom: 0px;
    font-weight: bold;
}
.red {color: red;}
.geex-content__form__single__box {
    gap: 10px;
}
.cs-border {
    border: 1px solid var(--sec-color);
    margin: 35px 0 0;
}
.geex-content__form__single__box input::placeholder {
    font-size: 18px;
    color: var(--body-color);
    opacity: 1; /* Firefox */
}
.geex-content__form__single__box input::-ms-input-placeholder { /* Edge 12 -18 */
    color: var(--body-color);
    font-size: 18px;
}
.catatan-angka::after {
    content: "*Hanya angka yang bisa dimasukan";
    display: block;
    font-size: 0.875em; /* Ukuran font lebih kecil */
    color: #6c757d; /* Warna teks abu-abu Bootstrap */
    margin-top: 0.25rem; /* Memberikan sedikit jarak di atas */
}
.upload-struk input, .upload-struk select {
    font-size: 18px;
}
.small-notes {
    display: inline-block;
    width: 100%;
    text-align: right;
    font-size: 12px;
    margin-top: -5px;
    color: #a19e9e;
}
.small-notes-inline {
    font-size: 13px;
    color: #a19e9e;
}
.btn-custom {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    color: #fff;
    padding: 20px;
    background: rgb(139,1,0);
    background: linear-gradient(180deg, rgba(139,1,0,1) 0%, rgba(196,1,1,1) 100%);
}
.btn-custom:hover {
    background: rgb(121,2,1);
    background: linear-gradient(180deg, rgba(121,2,1,1) 43%, rgba(196,1,1,1) 100%);
}
.img-peview img, .img-peview {
    max-width: 100%;
    width: 100%;
}
.rounded-5 {
	-webkit-border-radius: 15px !important;
	border-radius: 15px !important;
}
.geex-content__section {
    margin: 45px 35px !important;
}
.icon-upload {
    position: absolute;
    font-size: 35px;
    z-index: 10000;
    right: 10px;
    cursor: pointer;
    top: 0px;
}
.table-reviews-geex-1 thead tr th {
    color: #464255;
}
.geex-content__section {
    background-color: #fff !important;
}
.table-reviews-geex-1 thead tr th {
    padding: 15px 10px;
}
.table-reviews-geex-1 tbody tr td {
    padding: 10px 10px;
}
table .head-small {
    display: block;
    font-size: 0.7em;
}
.table-style tr:nth-child(odd), .card-table .card:nth-child(odd) {
    background-color: #fff; /* Merah muda */
}
.table-style tr:nth-child(even) {
    background-color: var(--light-color); /* Biru muda */
}
.card-table .card:nth-child(even) {
    background-color: #f5f5f5c2;
    padding-bottom: 15px;
}
.table-style tr:hover, .card-table .card:hover {
    background-color: var(--sectionTwo-color); /* Merah lebih gelap saat hover */
}
.table-reviews-geex-1 td {
    border-radius: 0px;
}
.img-preview-list {
    max-width: 80px;
    min-width: 80px !important;
}
#geex-todo-tab {
    gap: 5px;
}
#geex-todo-tab select {
    background-color: #fdfdfd26 !important;
    border: 1px solid var(--sec-color) !important;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
}
#geex-todo-tab  i {
    color: var(--body-color);
}
#geex-todo-tab li {
    list-style: none;
    margin-bottom: 0px !important;
}
#geex-todo-tab .geex-content__todo__header__filter__sortby {
    margin-inline-end: 0px;
    margin-inline-start: 5px;
}
#geex-todo-tab input::placeholder , #geex-todo-tab input {
    font-size: 16px !important;
    color: var(--body-color) !important;
    opacity: 1; /* Firefox */
}
#geex-todo-tab input::-ms-input-placeholder { /* Edge 12 -18 */
    color: var(--body-color) !important;
    font-size: 16px !;
}
#toggleButtons {
    display: none;
}
.geex-content__testimonial {
    margin: 45px 35px !important;
}
.geex-content__testimonial__single {
    padding: 20px;
}
.active .badge-stamp-redeem {
    color: #00A389;
    background-color: #2ed6a338;
}
.badge-stamp-redeem {
    color: #A3A3A3;
    background-color: #F3F2F7;
}
.geex-content__testimonial .active .geex-content__testimonial__single {
    border: 2px solid #00A389 !important;
}
.geex-content__testimonial__single__author__subtitle {
    font-size: 14px;
}
.geex-content__widget__single__progress.fixing-position {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: center !important;
    align-content: center !important;
    justify-content: space-between !important;
}
.geex-content__stempel_cukup {
    color: #00A389 !important;
    background-color: #2ed6a338;
    width: 144px;
    gap: 6px;
    display: flex;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: center !important;
    align-content: center !important;
    justify-content: center !important;
    position: relative;
    margin-top: -35px !important;
    margin-left: -72px;
    left: 50%;
    border-radius: 10px;
    margin-bottom: 35px;
}
.image-product-container {
    display: block;
    border-radius: 15px !important;
    width: 100% !important;
    max-height: 223px !important;
    overflow: hidden;
}
.geex-content__testimonial a .geex-content__testimonial__single, .image-product-container {

    transition: all 0.3s ease-out;
}
.geex-content__testimonial a:hover .geex-content__testimonial__single {
    box-shadow: -1px 10px 20px -7px rgba(0,0,0,0.32);
    -webkit-box-shadow: -1px 10px 20px -7px rgba(0,0,0,0.32);
    -moz-box-shadow: -1px 10px 20px -7px rgba(0,0,0,0.32);
}
.geex-content__testimonial a:hover .image-product-container {
    box-shadow: -1px 10px 20px -7px rgba(0,0,0,0.15);
    -webkit-box-shadow: -1px 10px 20px -7px rgba(0,0,0,0.15);
    -moz-box-shadow: -1px 10px 20px -7px rgba(0,0,0,0.15);
    background-color: #f1f1f1;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
}
.breadcrumb-item.active {
    color: #000;
}
.geex-content__detail {
    margin-top: 0px !important;
}
.geex-content__detail .badge-stamp-redeem {
    padding: 20px 25px;
}
.badge-stamp-redeem strong {
    font-size: 2rem;
    font-weight: bold;
    color: #575757 !important;
}
.geex-content__detail .geex-btn.btn-custom {
    display: block;
    text-align: center;
}
.geex-content__detail .geex-btn.btn-custom.disabled {
    background: linear-gradient(180deg, rgb(166 166 166) 0%, rgb(208 208 208) 100%);
    color: #494949 !important;
}
.cs-w-85 {
    width: 85%;
}
.signup .geex-content__authentication__img {
    margin-right: 50px;
}
#otp {
    text-align: center;
}
.desktop {
    display: block;
}
.mobile {
    display: none;
}
.signup, .signin, .otp {overflow: hidden;}
.geex-content__authentication__content {
    padding: 40px 40px !important;
    margin: 50px 100px !important;
    box-shadow: 9px 8px 21px -2px rgba(0,0,0,0.52);
    -webkit-box-shadow: 9px 8px 21px -2px rgba(0,0,0,0.52);
    -moz-box-shadow: 9px 8px 21px -2px rgba(0,0,0,0.52);
}
.geex-content__authentication__label-wrapper a {
    color: darkred;
}
.geex-content__authentication__label-wrapper a:hover {
    color: darkred;
    text-decoration: underline;
}
.geex-content__authentication__form-submit {
    text-transform: uppercase !important;
}
.geex-content__authentication__content {
    animation: slideUpAnimation 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
}
.geex-content__section, .geex-content__testimonial, .geex-content__calendar__sidebar, .geex-content__calendar__content {
    animation: slideUpAnimation 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
}
.geex-content__authentication__img, .bannerDashboard, .container_summary, .geex-content__section-wrapper .small_title {
    opacity: 0;
    animation: slideUpAnimationNormal 0.5s forwards ;
    animation-delay: 0.2s;
}
.modal_banner, .helapchat {
    opacity: 0;
    animation: fadeInAnimation 1s forwards ;
    animation-delay: 1s;
}
.modal_banner .desktop, .modal_banner .mobile {
    animation: slideUpAnimationNormal 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
    animation-delay: 1s;
}
@keyframes fadeInAnimation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes slideUpAnimation {
    0% {
        opacity: 0;
        transform: translateY(15%);
    }
    40% {
        transform: translateY(-0.5%); /* Menambahkan sedikit "bounce" */
    }
    70% {
        transform: translateY(0.5%); /* Menambahkan sedikit "bounce" */
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes slideUpAnimationNormal {
    from {
        opacity: 0;
        transform: translateY(10%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.geex-content__authentication__form-group label {
    font-size: 15px;
    font-weight: bold;
}
.geex-content__authentication__form-group textarea:focus {
    background: #e5e5e5;
    border-radius: 12px;
}
.geex-content__section.profile {
    background: transparent !important;
}
.geex-badge.profile-card {
    gap: 5px;
    font-size: 16px;
}
.geex-badge.profile-card i {
    font-size: 23px;
}
.bg-red {
    background-color: #be0101 !important;
}
.geex-content__calendar__sidebar {
    height: 435px;
}
.geex-content__calendar__content {
    padding: 40px;
}
.stamp-icon {
    width: 35px;
}
.geex-content__header__quickaction__item:last-child .geex-content__header__popup:before {
    inset-inline-end: 15px;
}
.geex-content__header__quickaction__item:first-child .geex-content__header__popup:before {
    inset-inline-end: unset;
    inset-inline-start: 342px;
}
.geex-content__header__popup--notification {
    margin-right: -10px;
}
.geex-content__header__popup--author {
    margin-top: 0;
}
.geex-content__header__action a:hover, .geex-content__header__popup--author .geex-content__header__popup__link:hover {
    color: #bb0100 !important;
}
.geex-content__calendar__sidebar__meeting__single__tag__item.active {
    color: #bc0100;
    background-color: #b9010121;
    font-weight: bold;

    height: auto !important;
    padding: 8px 22px !important;
    font-size: 16px !important;
}
.geex-content__calendar__sidebar__meeting__single__tag__item.default {
    color: #383838;
    background-color: #f1f1f1;

    height: auto !important;
    padding: 8px 22px !important;
    font-size: 16px !important;
}
.invalid-feedback {
    margin-top: -30px;
    margin-bottom: 15px;
}
.otp #whatsapp {
    text-align: center;
}
#autoLoadModal .modal-body {
    text-align: center;
}
.geex-content__todo__header__filter {
    padding-left: 0px !important;
}
#signUpForm #upload_ktp, #form-update-profile #upload_ktp {
    padding: 18px !important;
}
.swal2-confirm.swal2-styled {
    background-color: #bb0100 !important;
}
.geex-content__authentication__form input[type="number"]::-webkit-inner-spin-button,
.geex-content__authentication__form input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Untuk Firefox */
.geex-content__authentication__form input[type="number"] {
    -moz-appearance: textfield;
}
#form-upload-struk .invalid-feedback {
    z-index: 999;
    padding-left: 17px;
}
#productDetailModal .modal-content {
    border-radius: 24px;
}
#productDetailModal .modal-title {
    font-size: 18px;
}
#productDetailModal .geex-badge {
    padding: 20px 25px;
}
#productDetailModal .modal-body {
    padding: 0 1.75rem 1.75rem;
}
.geex-content__header__popup {
    z-index: 1000000;
}
.swal2-popup {
    border-radius: 24px !important;
}
.geex-content__testimonial .geex-content__testimonial__single__author__subtitle {
    height: 145px;
}

@media only screen and (max-width: 1450px) {
    .geex-content__authentication__content {
        margin: 50px 60px !important;
      }
    .signup .geex-content__authentication__img.position-fixed {
        width: 50%;
        margin-right: 0;
    }
}

@media only screen and (max-width: 1150px) {
    .geex-content__authentication__content {
      margin: 50px 40px !important;
    }
    .signup .geex-content__authentication__img.position-fixed {
        width: 42%;
        margin-right: 0;
    }
}
.close-modal {
    width: 40px !important;
    height: 40px !important;
    background-color: transparent !important;
    font-size: 40px !important;
    font-weight: normal !important;
}
ol li ul, ol ul {
  list-style-type: square !important;
  margin-top:10px !important;
  margin-left: 20px !important;
  padding-left: 10px !important;
}
ol li ul li {
  margin-bottom: 10px !important;
  list-style: circle !important;
}
ol li {
	margin-bottom: 10px !important;
	list-style: decimal;
}
.geex-content__terms__wrapper ol>li {
	margin-bottom: 10px !important;
	list-style: decimal !important;
}
.geex-content__terms__wrapper p, #termsModal p {
    margin-bottom: 10px !important;
}

@media (max-width: 767px) {
    html, body {height: 100% !important;}
    .geex-content__authentication {
        background: url(../../assets/img/bg.jpg) !important;
    }
    .geex-sidebar.active, .geex-sidebar, .overlay_active {
        transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28) !important;
    }
    .cs-border {
        margin: 35px 0 20px !important;
    }
    .bannerDashboard .bannerPoint img {
        max-width: 70px !important;
    }
    .geex-content__header .geex-content__header__content {
        width: 50% !important;
    }
    h2.geex-content__header__title {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .geex-content__calendar__sidebar {
        height: auto !important;
    }
    .geex-content__authentication__form-group select {
        height: 56px;
        padding: 0 23px;
        margin: 0 0 23px;
        color: var(--body-color) !important;
    }
    .geex-content__header {
        padding: 10px 20px 10px 20px;
    }
    .bannerDashboard .bannerPoint {
        margin-top: 0px !important;
    }
    .geex-content__summary__count__single {
        padding: 15px 15px !important;
    }
    .geex-sidebar {
        left: -400px !important;
        display: block;
    }
    .geex-sidebar.active {
        left: 0px !important;
    }
    .container_summary .geex-content__summary__count__single__subtitle {
        line-height: 18px !important;
    }
    .geex-sidebar__wrapper {
        position: relative;
        opacity: 0;
        left: -200px !important;
        transition: all 0.3s ease-out 0.2s !important;
    }
    .stamp-icon {
        width: 25px;
    }
    .custom_summary .geex-badge--label-icon {
        gap: 10px;
        font-size: 14px;
        padding: 5px 16px 5px 16px;
        margin: 5px 0px;
    }
    .custom_summary .small {
        font-size: 14px !important;
    }
    .active .geex-sidebar__wrapper {
        opacity: 1;
        left: 0px !important;
        transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0.2s !important;
    }
    .geex-sidebar__close {
        font-size: 1.5rem;
        z-index: 1000;
    }
    a.geex-sidebar__menu__link span {
        font-size: 18px;
    }
    .geex-sidebar__menu__link {
        padding: 15px 25px;
    }
    .geex-content__testimonial .geex-content__testimonial__single__author__subtitle {
        height: 230px;
    }
    .geex-content__testimonial h3 {
        font-size: 16px;
        font-weight: 600;
    }
    .cs-w-85 {
        width: 100%;
    }
    .geex-content__summary__count__single__icon {
        min-width: 40px;
        height: 40px;
    }
    .geex-content__summary__count__single {
        gap: 8px;
    }
    .gutter-20 .col-6 {
        --bs-gutter-x: 1rem;
    }
    .geex-content__testimonial__single {
        padding: 12px;
    }
    .geex-content__widget__single__progress {
        display: block;
        margin-top: 10px !important;
        text-align: start;
    }
    .geex-content__widget__single__progress p {
        margin-bottom: 5px;
    }
    .geex-content__widget__single__progress .geex-badge {
        font-size: 20px !important;
        display: inline-block;
    }
    .mb-40 {
        margin-bottom: 1.5rem !important;
    }
    .geex-content__section {
        margin: 10px 0px !important;
        padding: 25px !important;
    }
    .banner_summary.gradient {
        margin-bottom: 20px !important;
        padding: 20px !important;
    }
    .geex-sidebar {
        min-width: 333px !important;
    }
    .upload-struk .col-md-6 {
        margin-top: 15px;
    }
    .geex-content__header {
        margin-bottom: 20px !important;
    }
    .uil-times:before {
        color: #fff !important;
    }
    .geex-btn {
        font-size: 20px;
    }
    .geex-content__summary__count__single.position-absolute {
        height: 200px !important;
        margin-bottom: 50px;
        width: 206% !important;
        margin-top: 5px;
    }
    .geex-content__wrapper {
        margin-bottom: 70px;
    }
    .geex-content__summary__count__single {
        flex: 0 !important;
        height: 90px !important;
    }
    .container-toko {
        position: relative !important;
    }
    .card-table .card {
        padding: 0 15px;
    }
    .table-responsive {
        padding: 20px 10px !important;
    }
    .card-table .card img {
        border-radius: 10px;
    }
    .card-table .card p {
        margin-bottom: 5px;
    }
    .card-table .card .geex-badge {
        font-size: 18px;
    }
    .signup .geex-content__authentication__img.position-fixed {
        width: 100%;
    }
    #geex-todo-tab input, #geex-todo-tab select, .geex-content__detail .geex-todo-tab select, .geek-todo select {
        padding: 10px 16px;
        width: 100% !important;
    }
    #geex-todo-tab select {
        font-size: 16px;
    }
    #geex-todo-tab {
        margin-top: 10px;
    }
    #toggleButtons {
        display: block;
        color: var(--body-color);
    }
    #geex-todo-tab {
        padding: 0 10px;
    }
    .hidden-section {
        display: none;
    }
    #toggleButtons:hover {
        background-color: var(--section-color) !important;
    }
    .hidden-section {
        transition: max-height 0.5s ease-out, opacity 0.5s ease-out;
    }
    #geex-todo-tab input, #geex-todo-tab select, .geex-content__detail .geex-todo-tab select, .geek-todo select {
        margin-bottom: 5px;
    }
    .geex-content__testimonial {
        margin: 0px 0px !important;
    }
    .geex-content__stempel_cukup {
        margin-bottom: 30px;
    }
    .geex-content__testimonial .geex-todo-tab, .geek-todo {
        padding: 0px !important;
    }
    .geex-content__testimonial .geex-todo-tab li, .geek-todo li {
        margin-inline-start: 0px !important;
    }
    .geex-content__testimonial .geex-todo-tab select, .geex-content__detail .geex-todo-tab select, .geek-todo select {
        padding: 10px 25px 10px 15px !important;
        background-color: #fdfdfd63 !important;
    }
    .geex-content__testimonial .geex-content__todo__header__filter__sortby i, .geek-todo i {
        top: 11px;
        margin-right: -5px;
    }
    .breadcrumb {display: none;}
    .geex-content__detail .badge-stamp-redeem {
        display: flex;
        padding: 25px;
        font-weight: normal;
        width: 100%;
    }
    .breadcrumb-container {
        display: none;
    }
    .geex-content__detail {
        margin-top: 0px !important;
    }
    .geex-content__detail {
        overflow: hidden;
    }
    .geex-content__authentication__img.position-fixed {
        position: relative !important;
    }
    .otp .geex-content__authentication__img {
        display: block !important;
        padding: 20px !important;
    }
    .desktop {
        display: none !important;
    }
    .mobile {
        display: block !important;
        max-width: 85%;
        max-height: 85%;
        margin: auto;
    }
    .custom_summary {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    button.helapchat {
        right: 0;
        bottom: 10px;
        max-width: 95px;
    }
    .geex-content__authentication {
        height: 100%;
        padding-bottom: 80px;
    }
    .signin .geex-content__authentication__img {
        padding: 20px !important;
    }
    .geex-content__authentication__content {
        padding: 25px !important;
        margin: 0px 100px 20px !important;
    }
    .geex-content.otp {
        overflow: auto;
        height: 100%;
        background: url(../../assets/img/bg.jpg) !important;
    }
    .otp .geex-content__authentication__content {
        margin: 10px 100px !important;
    }
    .otp .geex-content__authentication {
        height: auto;
    }
    .signup .geex-content__authentication__img {
        margin-right: auto;
        padding: 20px !important;
    }
    .container_summary {
        height: 375px;
    }
    .geex-footer {
        padding-left: 15px;
    }
    .small-notes-inline, .small-notes {
        font-size: 14px;
    }
    .geex-content__calendar__content {
        margin: 10px 0px !important;
        padding: 25px !important;
    }
    .geex-content__section.profile {
        padding: 0px !important;
    }
    .geex-content__calendar__sidebar {
        position: relative;
        min-width: fit-content;
        width: 100%;
        display: block !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .geex-content__calendar {
        display: contents !important;
    }
    .geex-content__header__quickaction__item:first-child .geex-content__header__popup:before {
        inset-inline-end: unset;
        inset-inline-start: 220px;
    }
    .geex-content__header__quickaction__item:last-child .geex-content__header__popup:before {
        inset-inline-end: 17px;
    }
}

@media (max-width: 768px) {
    .table-responsive table {
        display: none; /* Hide table on small screens */
    }
    .card-table {
        display: block;
    }
}

@media (min-width: 769px) {
    .card-table {
        display: none; /* Hide cards on larger screens */
    }
}