:root {
    --ftc: 0px;
    --app-height: 100vh;
}

body {
    font-family: 'Kanit', sans-serif;
    font-style: normal;
    background-color: #a19c9c;
}

.content {
    max-width: 556px;
    margin: 0 auto;
    min-height: var(--app-height);
    background: #1C1C1C;
    display: flex;
    flex-direction: column;
    position: relative;

}

.content2 {
    max-width: 556px;
    margin: 0 auto;
    min-height: var(--app-height);
    background-image: url(../images/bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;


    position: relative;
    overflow: auto;

}



.btn-lineID {

    height: 51px;
    border-radius: 41px;
    padding-left: 60px;
    position: relative;
    background-color: #FFF;
    padding-right: 15px;
    border: 0;
}

.btn-lineID:hover {
    background-color: #FFF;
}

.btn-lineID .logoLine {
    width: 52.55px;
    height: 51px;
    position: absolute;
    left: 0;
    top: 0;
}

.cbottom {
    padding: 27px 29px 36px 29px;
    border-radius: 32px 32px 0px 0px;
    background: #FFF;
    min-height: 213px;
    position: fixed;
    bottom: 0;
    max-width: 556px;
    margin: 0 auto;
    width: 100%;

}

.btn-st-0 {
    border-radius: 9px;
    background: linear-gradient(180deg, #9b9b9b 0%, #8b8b8b 85.09%, #888888 100%);
    border: 0;
    padding: 12px;
    width: 100%;
    color: #000000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.btn-st-1 {
    text-align: center;
    font-family: Kanit;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 9px;
    border-radius: 9px;
    border: 1px solid #FFE17B;
    background: linear-gradient(180deg, #535353 0%, #0A0A09 85.09%, #222 100%);
}

.btn-st-1 .tx {
    background: linear-gradient(137deg, #FDCE2D 17.37%, #FEF0A5 82.04%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.img-flag {
    width: 24px;

    margin-top: -3px;
}

.form-st-1 {
    color: #191A1C;
    font-family: Kanit;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.21px;
    border-radius: 9px;
    border: 1px solid #DADADA;
    background: #FFF;
    padding: 14px 9px;
}

.form-st-1+.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 51px;
}

.form-st-1+.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 51px;
    user-select: none;
    -webkit-user-select: none;
    border-radius: 9px;
    border: 1px solid #DADADA;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="8" viewBox="0 0 13 8" fill="none"><path d="M1 1L6.5 6L12 1" stroke="%23191A1C" stroke-width="2" stroke-linecap="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center center;
    top: 15px;
    right: 9px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.input-otp {
    background: #FFFEFF;
    border: 1px solid #3F3F46;
    box-sizing: border-box;
    border-radius: 6px;
    width: 42px;
    height: 45px;
    flex: 0 0 42px;
    margin-left: 6px;
    margin-right: 6px;
    color: var(--grayscale-black, #191A1C);
    font-family: Kanit;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.36px;
    text-align: center;
}

.input-otp.is-invalid,
.was-validated .input-otp:invalid {
    border-color: #dc3545;
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.btn-resend-otp {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M4 3.99999V8.99999H4.582M4.582 8.99999C5.24585 7.35812 6.43568 5.9829 7.96503 5.08985C9.49438 4.1968 11.2768 3.8364 13.033 4.06513C14.7891 4.29386 16.4198 5.09878 17.6694 6.35377C18.919 7.60875 19.7168 9.24285 19.938 11M4.582 8.99999H9M20 20V15H19.419M19.419 15C18.7542 16.6409 17.564 18.015 16.0348 18.9073C14.5056 19.7995 12.7237 20.1595 10.9681 19.9309C9.21246 19.7022 7.5822 18.8979 6.33253 17.6437C5.08287 16.3896 4.28435 14.7564 4.062 13M19.419 15H15" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 38px;
    border: 0;
    color: #000;
    font-family: Kanit;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

*::-webkit-input-placeholder {
    color: #CCC;
}

*:-moz-placeholder {
    /* FF 4-18 */
    color: #CCC;
    opacity: 1;
}

*::-moz-placeholder {
    /* FF 19+ */
    color: #CCC;
    opacity: 1;
}

*:-ms-input-placeholder {
    /* IE 10+ */
    color: #CCC;
}

*::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #CCC;
}

*::placeholder {
    /* modern browser */
    color: #CCC;
}


.modal-backdrop {

    --bs-backdrop-opacity: 0.8;

    background: rgba(217, 217, 217, 0.90);
}


.header {
    border-radius: 0px 0px 18px 18px;
    background: #1C1C1C;
    padding-bottom: 60px;
}

.header.cpb {
    padding-bottom: 35px;
}

.btn-sidebar {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M4 18H20M4 6H20H4ZM4 12H20H4Z" stroke="url(%23paint0_linear_1843_158)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="paint0_linear_1843_158" x1="12" y1="6" x2="12" y2="18" gradientUnits="userSpaceOnUse"><stop stop-color="%23A0824E"/><stop offset="1" stop-color="%23F3E4BE"/></linearGradient></defs></svg>');
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;

}

.logo {
    width: 50%;
}

.point {
    background-image: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9.5" cy="9.5" r="9.5" fill="url(%23paint0_linear_1843_152)"/><circle cx="9.50016" cy="9.49999" r="7.41667" stroke="url(%23paint1_linear_1843_152)"/><path d="M7.79901 13V5.72727H10.3913C10.9571 5.72727 11.4259 5.83026 11.7976 6.03622C12.1693 6.24219 12.4474 6.52391 12.6321 6.88139C12.8168 7.23651 12.9091 7.6366 12.9091 8.08168C12.9091 8.52912 12.8156 8.93158 12.6286 9.28906C12.4439 9.64418 12.1645 9.9259 11.7905 10.1342C11.4188 10.3402 10.9512 10.4432 10.3878 10.4432H8.60511V9.51278H10.2884C10.6458 9.51278 10.9358 9.45123 11.1584 9.32812C11.3809 9.20265 11.5443 9.0322 11.6484 8.81676C11.7526 8.60133 11.8047 8.3563 11.8047 8.08168C11.8047 7.80705 11.7526 7.56321 11.6484 7.35014C11.5443 7.13707 11.3797 6.97017 11.1548 6.84943C10.9323 6.72869 10.6387 6.66832 10.2741 6.66832H8.89631V13H7.79901Z" fill="white"/><defs><linearGradient id="paint0_linear_1843_152" x1="9.5" y1="0" x2="9.5" y2="19" gradientUnits="userSpaceOnUse"><stop stop-color="%23A0824E"/><stop offset="1" stop-color="%23F3E4BE"/></linearGradient><linearGradient id="paint1_linear_1843_152" x1="9.73074" y1="1.58333" x2="9.73074" y2="17.4167" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="0.604167" stop-color="white" stop-opacity="0.71125"/><stop offset="1" stop-color="%23919191" stop-opacity="0"/></linearGradient></defs></svg>');
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.card-bag {
    margin-top: -51px;
    background: #FFF;

    border-radius: 20px;

}

.card-bag .card-header {
    background-image: url(../images/bg2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    border-radius: 18px;
    padding: 12px;
    padding-bottom: 18px;
    padding-left: 22px;
}

.card-bag .card-body {

    border-radius: 0 0 17px 17px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.13);
}

.btx {
    display: inline-block;
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 16px;
    background: #FFF;
    padding: 2px 13px;
}

.bx-st-1 {
    border-radius: 12px;
    border: 1px solid var(--G11, #A0824E);
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.07);
    padding: 20px;
}

.tx-linear {
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: linear-gradient(180deg, #A0824E 0%, #C39F42 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-family: Inter;
}

.tx-linear-2 {}

.btn-history {
    border-radius: 10px;
    background: #FFF;
    color: var(--BG2, #2D2D2D);
    text-align: center;
    font-family: Kanit;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: normal;
    background-color: #FFF;
    background-image: url(../images/icon1.png);
    background-repeat: no-repeat;
    background-position: left 15px center;
    padding: 11px;
    background-size: 20px auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.04));
}

.btn-menu {
    width: 90px;
    height: 80px;
    flex-shrink: 0;
    border-radius: 11px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.04));
    background-color: #FFF;
    display: block;

    padding: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
    display: flex;
    flex-direction: column;
}

.border-right-s1 {
    /* 	border-right:2px solid #A0824E;
*/
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="2" height="37" viewBox="0 0 2 37" fill="none"><path d="M1 1L1 36" stroke="url(%23paint0_linear_1847_148)" stroke-opacity="0.22" stroke-width="2" stroke-linecap="round"/><defs><linearGradient id="paint0_linear_1847_148" x1="0.500001" y1="18.5" x2="-0.499999" y2="18.5" gradientUnits="userSpaceOnUse"><stop stop-color="%23A0824E"/><stop offset="1" stop-color="%23F3E4BE"/></linearGradient></defs></svg>');
    background-repeat: no-repeat;
    background-position: right -1px center;
}

.btn-m-reload {
    color: #000;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 8px;
    background-color: #FBF9F9;
    padding: 7px 10px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none"><path d="M2.8335 2.83333V6.375H3.24575M3.24575 6.375C3.71597 5.21201 4.55877 4.23789 5.64206 3.60532C6.72535 2.97274 7.9879 2.71746 9.23185 2.87947C10.4758 3.04149 11.6308 3.61165 12.516 4.50059C13.4011 5.38954 13.9663 6.54703 14.1229 7.79167M3.24575 6.375H6.37516M14.1668 14.1667V10.625H13.7553M13.7553 10.625C13.2844 11.7873 12.4414 12.7607 11.3582 13.3927C10.275 14.0247 9.01281 14.2797 7.76923 14.1177C6.52566 13.9557 5.37089 13.386 4.48571 12.4976C3.60053 11.6093 3.03491 10.4525 2.87741 9.20833M13.7553 10.625H10.6252" stroke="%234D4D4D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: right 10px center;
    padding-right: 34px;
    background-repeat: no-repeat;
}

.modal-open {
    padding-right: 0 !important;
}

.btn-close-modal {
    color: var(--BG2, #2D2D2D);
    text-align: center;
    font-family: Kanit;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.bx-2 {
    border-radius: 6px 6px 6px 6px;
    background: #F4F4F6;
    padding: 10px 15px;
}

.bx-4 {
    border-radius: 6px 6px 6px 6px;
    background: #F4F4F4;
    padding: 10px 15px;

}

.scroll {
    height: calc(100vh - 400px);
    overflow: auto;
}

.tablelist {
    list-style: none;
    padding: 0;
    margin: 0;


}

.tablelist li {
    background-color: #FFF;
    border-bottom: 1px solid #F4F4F6;
    padding: 8px 4px;
}

/* width */
.scroll::-webkit-scrollbar {
    width: 4px;
    height: 8px;
}

/* Track */
.scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.scroll::-webkit-scrollbar-thumb {
    background: #AAA;
    border-radius: 2px;
}

/* Handle on hover */
.scroll::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.nav-pills-st-1 li {
    width: 33.33%;
}

.nav-pills.nav-pills-st-1 {
    border-bottom: 2px solid #FFF;
}

.nav-pills.nav-pills-st-1 .nav-item {}

.nav-pills.nav-pills-st-1 .nav-link {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: -1.5px;
    width: 100%;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

.nav-pills.nav-pills-st-1 .nav-link.active,
.nav-pills.nav-pills-st-1 .show>.nav-link {
    border-bottom: 2px solid #A0824E;
    border-radius: 0;
    background-color: transparent;
}

@media (max-width:450px) {
    .btn-menu {
        width: 73.687px;
        height: 76px;
    }
}

.card-st-1 {
    border-radius: 9px;
    background: #FFF;
    padding: 5px;
}

.btn-collapse {
    padding: 7px 14px;
}

.btn-collapse:hover,
.btn-collapse:active,
.btn-collapse:focus {
    border: 0;
}

.btn-collapse .arrow {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8" fill="none"><path d="M1.69043 1L7.0498 6L12.4092 1" stroke="%236C6C6C" stroke-width="2" stroke-linecap="round"/></svg>');
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 15px;
}

.btn-collapse.collapsed .arrow {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="13" viewBox="0 0 8 13" fill="none"><path d="M1.61377 12L6.48593 6.5L1.61377 1" stroke="%236C6C6C" stroke-width="2" stroke-linecap="round"/></svg>');
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 15px;
}

.btn-collapse.collapsed .flag {
    display: flex !important;
}

.btn-collapse .flag {
    display: none !important;
}


.bx-3 {
    background-color: #FFF;
    border: 1px solid rgba(172, 172, 172, 0.12);
    padding: 13px 9px;
    border-radius: 6px;
}

.bx-3 .col-8 {
    background-image: url('data:image/svg+xml,<svg width="1" height="126" viewBox="0 0 1 126" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="0.25" y1="0.25" x2="0.250005" y2="125.75" stroke="%23EAEAEA" stroke-width="0.5" stroke-linecap="round" stroke-dasharray="6 6"/></svg>');
    background-position: right center;
    background-repeat-y: repeat;
    background-repeat-x: no-repeat
}

.btn-detail {
    color: var(--BG1, #242424);
    font-family: Kanit;
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M10.5 10.5L7.5 7.5M8.5 5C8.5 5.45963 8.40947 5.91475 8.23358 6.33939C8.05769 6.76403 7.79988 7.14987 7.47487 7.47487C7.14987 7.79988 6.76403 8.05769 6.33939 8.23358C5.91475 8.40947 5.45963 8.5 5 8.5C4.54037 8.5 4.08525 8.40947 3.66061 8.23358C3.23597 8.05769 2.85013 7.79988 2.52513 7.47487C2.20012 7.14987 1.94231 6.76403 1.76642 6.33939C1.59053 5.91475 1.5 5.45963 1.5 5C1.5 4.07174 1.86875 3.1815 2.52513 2.52513C3.1815 1.86875 4.07174 1.5 5 1.5C5.92826 1.5 6.8185 1.86875 7.47487 2.52513C8.13125 3.1815 8.5 4.07174 8.5 5Z" stroke="%233F3F46" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: left 3px center;
    padding: 2px 5px;
    padding-left: 20px;
    background-repeat: no-repeat;
    border-radius: 3px;
    border: 1px solid #EAEAEA;
    background-color: #FFF;

}

.bx-status {
    border-radius: 3px;
    padding: 2px 7px;
    color: #06C755;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.bx-status.status-0 {
    background-color: transparent;
    color: #000;
}

.bx-status.status-1 {
    color: #06C755;
    background: #C9F1D9;
}

.bx-status.status-2 {
    color: #CE0E02;
    background: #FFCBCB;
}

.bx-type {
    display: inline-block;
    color: #FFF;
    text-align: center;
    font-family: Kanit;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 18px;
    padding: 1px 12px;
}

.bx-type.type-1 {
    background: #8C8C8C;
}

.bx-type.type-2 {
    background: #B68535;
}

.table-st-1 tr th {
    color: #B68535 !important;
    font-family: Kanit;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
}

.table-st-1 tr td {
    color: #343434 !important;
    font-family: Kanit;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

.card-st-2 {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
    border: 0;
}

.btn-st-2 {
    border-radius: 9px;
    background: var(--G11, linear-gradient(180deg, #A0824E 0%, #F3E4BE 100%));
    border: 0;
    padding: 12px;
    width: 100%;
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.btn-back {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M9.99992 12.6667L5.33325 8L9.99992 3.33333" stroke="%233F3F46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: left top 2.4px;
    padding-left: 24px;
    color: #000;
    text-align: center;

    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.nav-pills-st-2 li {
    width: 33.33%;
}

.nav-pills.nav-pills-st-2 {
    border-bottom: 18px solid #FFF;
}

.nav-pills.nav-pills-st-2 .nav-item {
    padding-right: 2px;

}

.nav-pills.nav-pills-st-2 .nav-item:last-child {
    padding-right: 0;
}

.nav-pills.nav-pills-st-2 .nav-link {
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #A0824E;
    background: #FFF;
    /*	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);*/
    color: #000;
    font-size: 11.5px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 8px;
    padding-bottom: 14px;
    width: 100%;
    padding-left: 3px;
    padding-right: 3px;

}

.nav-pills.nav-pills-st-2 .nav-link.active,
.nav-pills.nav-pills-st-2 .show>.nav-link {
    border-radius: 5px;
    border: 1px solid #A0824E;
    background: var(--G11, linear-gradient(180deg, #A0824E 0%, #F3E4BE 100%));
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.tsp {
    border-radius: 5px;
    background: #373737;
    margin-top: -12px;
    position: absolute;
    width: 100%;
}

#pills-tab-st-2 {
    border-radius: 5px;
    background: #373737;
    width: 100%;
    min-height: calc(100vh - 450px);
    margin-bottom: 20px;
}

.bx-right {
    background: #FFF;
    width: 146px;
    min-height: calc(100vh - 330px)
}

.form-check-st-3 label {
    border-radius: 4px;
    background: #FFF;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 9px;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.form-check-st-3 input:checked+label {
    border-radius: 4px;
    background: var(--G11, linear-gradient(180deg, #A0824E 0%, #F3E4BE 100%));
}

.hide-input {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
}

.form-check-st-4 label {
    border-radius: 4px;
    background: rgba(253, 253, 253, 0.39);
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 9px;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.form-check-st-4 input:checked+label {
    border-radius: 4px;
    background: var(--G11, linear-gradient(180deg, #A0824E 0%, #F3E4BE 100%));
}

.i-sw {
    background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><rect width="14" height="14" fill="url(%23pattern0)"/><defs><pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="%23image0_1560_16340" transform="scale(0.00195312)"/></pattern><image id="image0_1560_16340" width="512" height="512" xlink:href="data:image/png;base64,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"/></defs></svg>');
    padding-left: 14px;
    background-position: center center;
    background-repeat: no-repeat;
}


.input-number {
    background: #FFFEFF;
    border: 1px solid #3F3F46;
    box-sizing: border-box;
    border-radius: 6px;
    width: 41px;
    height: 46px;
    flex: 0 0 41px;
    margin-left: 6px;
    margin-right: 6px;
    color: var(--grayscale-black, #191A1C);
    font-family: Kanit;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.36px;
    text-align: center;
}

.input-number.is-invalid,
.was-validated .input-number:invalid {
    border-color: #dc3545;
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.btn-st-3 {
    border-radius: 5px;
    border: 4px solid #A0824E;
    background: var(--BG1, #242424);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 10px;

}

.btn-st-3:focus,
.btn-st-3:active {
    background: var(--BG1, #A0824E);
    border: 1px solid #A0824E;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.btn-st-3 .tx {
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background: var(--G11, linear-gradient(180deg, #A0824E 0%, #F3E4BE 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.btn-st-3-cus {
    background: #997537;
}

.btn-st-3-cus .tx {
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background: var(--G11, linear-gradient(180deg, #A0824E 0%, #F3E4BE 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btn-st-4 {
    border-radius: 5px;
    background: #5b5b5b;
    padding: 10px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: 1px solid #820000;
}

.form-control.is-invalid+label,
.was-validated .form-control:invalid+label {
    border: 5px solid #dc3545;
    animation: blink 2s linear infinite;
}

@keyframes blink {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

.form-check-number {
    margin-bottom: 7px;
    margin-right: 7px;
}

.form-check-number label {
    width: 34px;
    height: 24px;
    color: #B68535;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 3px 5px;
    border-radius: 3px;
    border: 1px solid #B68535;
    background: #FFF;
    text-align: center;
    cursor: pointer;

}

.form-check-number input:checked+label {
    border-radius: 3px;
    border: 0.5px solid #B68535;
    background: #000;
    color: #F6DAAC;
}

.form-check-number-group label {
    background: linear-gradient(0deg, #000000, #000000), linear-gradient(0deg, #535353, #535353);
    border: 0.5px solid rgba(83, 83, 83, 1);
    color: rgba(246, 218, 172, 1);
}

.form-check-number input:checked+label .tx {}

.aml {
    display: flex;
    align-items: center;
    color: #FFF;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100px;
    flex: 0 0 100px;
}

.aml img {
    width: 33px;
    height: 32px;
    flex: 0 0 32px;
    margin-right: 10px;
}

.btn-collapse .arrow2 {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8" fill="none"><path d="M1.69043 1L7.0498 6L12.4092 1" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round"/></svg>');
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 15px;
    transform: rotate(180deg);
}

.btn-collapse.collapsed .arrow2 {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="13" viewBox="0 0 8 13" fill="none"><path d="M1.61377 12L6.48593 6.5L1.61377 1" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round"/></svg>');
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 15px;
    transform: rotate(0deg);
}

.listnumber {
    border-radius: 2px;
    /*	border: 1px solid var(--G11, #A0824E);*/
    padding: 6px 15px;
    background-image: url(../images/border.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;

}

.bx-5 {
    border-radius: 5px;
    background: #373737;
    padding: 10px;
    min-height: calc(100vh - 290px)
}


.btn-back-st2 {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M9.99992 12.6667L5.33325 8L9.99992 3.33333" stroke="%233F3F46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: left 3px center;
    padding: 3px 11px;
    padding-left: 24px;

    color: #000;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    background-color: #FFF;
}

.bx-number-group {
    margin-top: 5px;
    border-bottom: 1px solid #CECECE;
    padding-bottom: 2px;
}

.bx-number {
    margin-bottom: 10px;
}

.tx-s2 {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    min-width: 84px;
    padding: 3px;
    border-radius: 5px 2px 2px 2px;
    background: #000;
    display: inline-block;
    font-weight: 300;
}

.btn-delete-st-1 {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    border-radius: 50%;
    background-color: #EA5455;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3.5 3.5L10.5 10.5M3.5 10.5L10.5 3.5L3.5 10.5Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0;
}

.form-st-2 {
    color: #000;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 7px;
    width: 90px;
    height: 32px;
}

.btn-st-5 {
    border-radius: 8px;
    border: 1px solid rgba(45, 45, 45, 0.19);
    background: #FFF;
    padding: 9px;
    color: var(--BG2, #2D2D2D);
    text-align: center;
    font-family: Kanit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}


.btn-st-6 {
    border-radius: 9px;
    background: var(--G11, linear-gradient(180deg, #A0824E 0%, #F3E4BE 100%));
    border: 0;
    padding: 10px;
    width: 100%;
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.btn-add-number {
    width: 47.543px;
    height: 26px;
    border-radius: 3px;
    border: 0.5px solid #535353;
    background: #FFF;
    color: var(--BA1, #6C6C6C);
    text-align: center;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    margin-bottom: 5px;
}

.bx-6 {
    border-radius: 3px;
    background: #F4F4F4;
    padding: 8px;
}

.table-st-2 thead th {
    color: #B68535;
    font-family: Kanit;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
}

.table-st-2 tbody td {
    color: #343434;
    font-family: Kanit;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.overlay2 {
    width: 100%;
    height: 100%;
    position: fixed;

    background: rgba(217, 217, 217, 0.62);

    z-index: 998;

    top: 0;
    left: 0;
    display: none;
}


.cbottom2 {
    padding: 27px 29px 36px 29px;
    border-radius: 32px 32px 0px 0px;
    background: #FFF;
    min-height: 213px;
    position: fixed;
    bottom: 0;
    max-width: 556px;
    margin: 0 auto;
    width: 100%;
    display: none;
    z-index: 999;
}

.cbottom2.show {
    display: block;
}

.cbottom2.show+.overlay2 {
    display: block;
}

.btn-pay {
    color: #282828;
    text-align: center;
    font-family: Kanit;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 9px;
    border: 1px solid #F3F3F3;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    padding: 9px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="18" viewBox="0 0 22 18" fill="none"><path d="M14.5 1H4C2.34315 1 1 2.34315 1 4V14C1 15.6569 2.34315 17 4 17H18.5C20.1569 17 21.5 15.6569 21.5 14V10.5" stroke="black" stroke-linecap="round"/><path d="M15 7C15.2761 7 15.5 6.77614 15.5 6.5C15.5 6.22386 15.2761 6 15 6V7ZM1 7H15V6H1V7Z" fill="black"/><path d="M19.5 1.5V7.5M19.5 7.5L17 5M19.5 7.5L21.5 5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 13.5H7" stroke="black" stroke-linecap="round"/><path d="M10 13.5H15" stroke="black" stroke-linecap="round"/></svg>');
    background-repeat: no-repeat;
    background-position: left 5px center;
}

.card-st-3 {
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #FFF;

}

.card-st-3 .card-body {
    min-height: calc(100vh - 245px);
    display: flex;
    flex-direction: column;
}

.btn-copy {
    color: #3D3D3D;
    text-align: center;
    font-family: Kanit;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 6px;
    border: 1px solid #DADADA;
    padding: 6px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M4.66683 4.08333V8.75C4.66683 9.05942 4.78975 9.35616 5.00854 9.57496C5.22733 9.79375 5.52408 9.91667 5.8335 9.91667H9.3335M4.66683 4.08333V2.91667C4.66683 2.60725 4.78975 2.3105 5.00854 2.09171C5.22733 1.87292 5.52408 1.75 5.8335 1.75H8.50866C8.66336 1.75003 8.81171 1.81151 8.92108 1.92092L11.4959 4.49575C11.6053 4.60512 11.6668 4.75347 11.6668 4.90817V8.75C11.6668 9.05942 11.5439 9.35616 11.3251 9.57496C11.1063 9.79375 10.8096 9.91667 10.5002 9.91667H9.3335M4.66683 4.08333H3.50016C3.19074 4.08333 2.894 4.20625 2.6752 4.42504C2.45641 4.64383 2.3335 4.94058 2.3335 5.25V11.0833C2.3335 11.3928 2.45641 11.6895 2.6752 11.9083C2.894 12.1271 3.19074 12.25 3.50016 12.25H8.16683C8.47625 12.25 8.773 12.1271 8.99179 11.9083C9.21058 11.6895 9.3335 11.3928 9.3335 11.0833V9.91667" stroke="%23A8A8A8" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    padding-left: 24px;
    background-position: left 6px center;
    background-repeat: no-repeat;
}

.rounded {
    border-radius: 6px !important;
}

.btn-upload-st-1 {
    color: #282828;
    text-align: center;
    font-family: Kanit;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 9px;
    border-radius: 9px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    padding: 11px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15 5V7M15 11V13M15 17V19M5 5C4.46957 5 3.96086 5.21071 3.58579 5.58579C3.21071 5.96086 3 6.46957 3 7V10C3.53043 10 4.03914 10.2107 4.41421 10.5858C4.78929 10.9609 5 11.4696 5 12C5 12.5304 4.78929 13.0391 4.41421 13.4142C4.03914 13.7893 3.53043 14 3 14V17C3 17.5304 3.21071 18.0391 3.58579 18.4142C3.96086 18.7893 4.46957 19 5 19H19C19.5304 19 20.0391 18.7893 20.4142 18.4142C20.7893 18.0391 21 17.5304 21 17V14C20.4696 14 19.9609 13.7893 19.5858 13.4142C19.2107 13.0391 19 12.5304 19 12C19 11.4696 19.2107 10.9609 19.5858 10.5858C19.9609 10.2107 20.4696 10 21 10V7C21 6.46957 20.7893 5.96086 20.4142 5.58579C20.0391 5.21071 19.5304 5 19 5H5Z" stroke="%233F3F46" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: left 10px center;

}

.btn-upload-st-1.active {
    border-radius: 9px;
    background-color: #F7D249;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    border: 0;
}

.dropify-wrapper {
    border-radius: 9px;
    border: 1px dashed #DADADA;
    background: #FFF;
}

.bx-upload {
    display: none;
}

.btn-upload-st-1.active+.bx-upload {
    display: block;
}

.btn-st-7 {
    color: #FFF;
    text-align: center;
    font-family: Kanit;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 10px;
    border-radius: 9px;
    background: #000;
}

.bank-check {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="23.7805" height="23.7805" rx="11.8902" fill="%233AC124"/><g clip-path="url(%23clip0_1524_16834)"><path d="M16.1798 8.70517L15.6095 8.2462C15.3284 8.02029 15.1651 8.0229 14.9244 8.32016L10.7797 13.4351L8.85086 11.8325C8.58475 11.609 8.41829 11.6209 8.19951 11.8944L7.75933 12.4675C7.53603 12.7486 7.56457 12.9081 7.82853 13.1286L10.5776 15.4025C10.8605 15.6403 11.0199 15.6158 11.2387 15.3497L16.2513 9.39004C16.4868 9.10706 16.4725 8.93798 16.1798 8.70517Z" fill="white"/></g><defs><clipPath id="clip0_1524_16834"><rect width="9.98781" height="9.98781" fill="white" transform="translate(6.89648 6.89648)"/></clipPath></defs></svg>');
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -5px;
    right: -10px;
}

.bx-7 {
    border-radius: 9px;
    background: #F3F3F3;
    padding: 6px;
    color: #53A451;
    font-family: Kanit;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
}

.btn-st-8 {
    color: #FFF;
    font-family: Kanit;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 8px 30px;
    border-radius: 6px;
    background: var(--BG2, #2D2D2D);
}

.input-st-1 {
    border-radius: 6px;
    border: 1px solid #DADADA;
    background-color: #FFF;
    color: #000;
    font-family: Kanit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 8px 16px;

    background-image: url('data:image/svg+xml,<svg width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.12439 13.376V12H0.908391V1.696H4.12439V0.32H5.42039V1.696H5.90039C6.92439 1.696 7.68172 1.936 8.17239 2.416C8.66306 2.896 8.90839 3.57333 8.90839 4.448C8.90839 5.00267 8.79639 5.472 8.57239 5.856C8.34839 6.22933 8.04972 6.512 7.67639 6.704C8.17772 6.84267 8.57239 7.09333 8.86039 7.456C9.15906 7.808 9.30839 8.33067 9.30839 9.024C9.30839 10.0267 9.03639 10.7733 8.49239 11.264C7.95906 11.7547 7.16972 12 6.12439 12H5.42039V13.376H4.12439ZM2.65239 6.096H4.12439V3.008H2.65239V6.096ZM5.42039 6.096H5.66039C6.24706 6.096 6.66306 5.96267 6.90839 5.696C7.16439 5.41867 7.29239 5.05067 7.29239 4.592C7.29239 4.05867 7.16439 3.664 6.90839 3.408C6.65239 3.14133 6.17239 3.008 5.46839 3.008H5.42039V6.096ZM2.65239 10.72H4.12439V7.376H2.65239V10.72ZM5.42039 10.72H5.75639C6.37506 10.72 6.82839 10.592 7.11639 10.336C7.40439 10.0693 7.54839 9.61067 7.54839 8.96C7.54839 8.42667 7.40439 8.032 7.11639 7.776C6.83906 7.50933 6.32706 7.376 5.58039 7.376H5.42039V10.72Z" fill="black"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
}


.card-st-4 {
    border-radius: 9px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
}

.btn-st-9 {
    color: #FFF;
    text-align: center;
    font-family: Kanit;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    border-radius: 48px;
    background-color: #141414;
    padding: 5px 12px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"><path d="M9.85327 5.28751V10.275M9.85327 10.275V15.2625M9.85327 10.275H14.5464M9.85327 10.275H5.16016" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: left 5px center;
    background-repeat: no-repeat;
    padding-left: 26px;
}

.d-flex-cen {
    justify-content: center;
}

.d-flex-end {
    justify-content: end;
}

.form-check-st-5 {
    /* margin-right: 12px; */
    /* margin-bottom: 12px; */
    margin: 7px;
}

.form-check-st-5 label {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    filter: grayscale(100%);
    cursor: pointer;
    box-shadow: 0px 4px 4px 0px rgba(126, 126, 126, 0.25);
}

.form-check-st-5 label img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    object-fit: cover;
}

.form-check-st-5 input:checked+label {
    filter: grayscale(0%);
}

.form-st-4 {
    border-radius: 9px;
    background: #F0F0F0;
    color: #A5A5A5;
    font-family: Kanit;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    padding: 12px;
    border: 0;
}

.istatus {
    width: 48px;
    height: 47px;

    flex: 0 0 48px;
    background: #F4F4F4;
    border-radius: 50%;
    margin-right: 20px;
}

.istatus.status-1 {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="18" viewBox="0 0 22 18" fill="none"><path d="M14.5 1H4C2.34315 1 1 2.34315 1 4V14C1 15.6569 2.34315 17 4 17H18.5C20.1569 17 21.5 15.6569 21.5 14V10.5" stroke="black" stroke-linecap="round"/><path d="M15 7C15.2761 7 15.5 6.77614 15.5 6.5C15.5 6.22386 15.2761 6 15 6V7ZM1 7H15V6H1V7Z" fill="black"/><path d="M19.5 7V1M19.5 1L17.5 3M19.5 1L21.5 3" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 13.5H7" stroke="black" stroke-linecap="round"/><path d="M10 13.5H15" stroke="black" stroke-linecap="round"/></svg>');
    background-position: center center;
    background-repeat: no-repeat;
}

.istatus.status-2 {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="18" viewBox="0 0 22 18" fill="none"><path d="M14.5 1H4C2.34315 1 1 2.34315 1 4V14C1 15.6569 2.34315 17 4 17H18.5C20.1569 17 21.5 15.6569 21.5 14V10.5" stroke="black" stroke-linecap="round"/><path d="M15 7C15.2761 7 15.5 6.77614 15.5 6.5C15.5 6.22386 15.2761 6 15 6V7ZM1 7H15V6H1V7Z" fill="black"/><path d="M19.5 1.5V7.5M19.5 7.5L17 5M19.5 7.5L21.5 5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 13.5H7" stroke="black" stroke-linecap="round"/><path d="M10 13.5H15" stroke="black" stroke-linecap="round"/></svg>');
    background-position: center center;
    background-repeat: no-repeat;
}

.hstatus {
    display: inline-block;
    border-radius: 27px;
    background: #FFDA5A;
    min-width: 52px;
    color: #FFF;
    text-align: center;
    font-family: Kanit;
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 2px;
}

.hstatus.status-1 {
    background: #FFDA5A;
}

.hstatus.status-2 {
    background: #06C755;
}

.hstatus.status-3 {
    background: #FF6F6F;
}

.disabled-link {
    pointer-events: none;
    filter: contrast(0.5);
}

.disabled-link:after {
    content: 'Coming Soon';
    visibility: visible;
    display: block;
    position: absolute;
    padding: 5px;
    font-size: 12px;
    font-weight: 500;
    top: 15px;
    color: black;
    transform: rotate(327deg);
}

@media (min-width: 450px) {
    .disabled-link:after {
        top: 23px;
    }
}

.none-alink {
    color: inherit;
    text-decoration: none;
}

.copy-success {
    background-color: #83ff87 !important;
    font-weight: 500;
}

#btnHeaderMoneyReload:hover {
    background-color: white !important;
}


@media (max-width: 500px) {
    .div-price {
        min-width: 95vw;
    }
}

.nav-pills-st-3 .nav-link {
	color: #000;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	border: 0;
	padding: 12px;

}

.nav-pills-st-3 .nav-link.active {
	border-radius: 9px;
	background: var(--G11, linear-gradient(180deg, #A0824E 0%, #F3E4BE 100%));
	border: 0;
	padding: 12px;
	width: 100%;
	color: #000;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.list-group-st-1 {
	border: 0;
}

.list-group-st-1 .list-group-item {
	border: 0;
	border-bottom: 1px solid #EFEFEF;
	border-radius: 0;
}

.btn-st-p {
	border-radius: 5px;
	background: #A0824E;
	border: 0;
	padding: 5px 10px;
	color: #FFF;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding-top: 4px;
}

.text-not-underline {
    text-decoration: none;
}