@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Oswald:wght@200;300;400;500;600;700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Roboto+Condensed:wght@300;400;700&family=Roboto+Mono:wght@100;200;300;400;500;600;700&display=swap');

body {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    background-color: #FFF;
    color: rgba(0, 0, 0, .8);
}

a {color: rgba(0, 0, 0, .75);text-decoration: none;transition: .5s}
a:hover {color: #009688}

/*---------- Layout ----------*/
@media only screen and (min-width: 1200px) {
    .carong-container {max-width: 1024px}
    .carong-container__small {max-width: 768px}
}

/*---------- Utilities ----------*/
.cr-navbar__login-btn {background-color: transparent;color: #009688;border: 2px solid #009688}
.cr-navbar__login-btn:hover {background-color: #009688;color: #FFF;border: 2px solid #009688}
.cr-navbar__member-btn {background-color: #009688;border-style: none}
.cr-navbar__member-btn:hover {background-color: #00796b}
.cr-navbar__logout-btn {border-style: none}

/*---------- Login ----------*/
.cr-login-page {display: flex;justify-content: center;align-items: center;min-height: 100vh;background-color: #f5f5f5}
.cr-login-page__form {width: 100%;max-width: 400px;padding: 20px;border: 1px solid rgba(0, 0, 0, .15);border-radius: 1vh;background-color: #FFF;box-shadow: 0 0 10px rgba(0, 0, 0, .1)}
.cr-login-page__form h2 {text-align: center;padding-bottom: 10px;margin-bottom: 15px;font-size: 18px;border-bottom: 1px solid rgba(0, 0, 0, .15);font-weight: 500;}
.cr-login-page__username,
.cr-login-page__password {display: flex;flex-wrap: wrap;margin-bottom: 15px;border: 1px solid rgba(0, 0, 0, .15);border-radius: 1vh;padding: 10px;font-size: 14px}
.cr-login-page__username::before {flex: 0 0 auto;font-family: 'Font Awesome 6 Free';content: '\f007';font-weight: 900;margin-right: 5px;color: #009688}
.cr-login-page__password::before {flex: 0 0 auto;font-family: 'Font Awesome 6 Free';content: '\f023';font-weight: 900;margin-right: 5px;color: #009688}
.cr-login-page__username input,
.cr-login-page__password input {flex: 1 0 0;border-style: none;outline: none}
.cr-login-page__remember-me {padding: 0 10px;margin-bottom: 15px}
.cr-login-page__remember-me input {display: none}
.cr-login-page__remember-me input[type="checkbox"]:checked+label::before {font-family: 'Font Awesome 6 Free';content: '\f14a';font-weight: 500;color: #009688;background: #e0f2f1;border-color: #009688;display: inline-flex;align-items: center;justify-content: center;font-size: 18px}
.cr-login-page__remember-me label {display: flex;align-items: center;height: 26px;cursor: pointer}
.cr-login-page__remember-me label::before {font-family: 'Font Awesome 6 Free';content: '\f0c8';font-weight: 500;color: #ccc;background: #fff;display: inline-flex;align-items: center;justify-content: center;font-size: 18px;margin-right: 8px}
.cr-login-page__remember-me label span {display: block}
.cr-login-page__submit {text-align: center}
.cr-login-page__submit button {width: 100%;padding: 10px;border: none;border-radius: 1vh;background-color: #009688;color: #FFF;font-size: 16px;font-weight: 600;cursor: pointer;transition: .5s}
.cr-login-page__submit button:hover {background-color: #00796b}
.cr-login-page__error {background-color: #ffebee;color: #c62828;padding: 10px;border: 1px solid #c62828;border-radius: 1vh;margin-bottom: 15px;font-size: 14px;text-align: center}

.cr-login-page__forgot {padding: 0 10px;margin-top: 15px}
.cr-login-page__forgot a {font-size: 16px}

.gsi-material-button {display: block;margin-top: 15px;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-webkit-appearance: none;background-color: WHITE;background-image: none;border: 1px solid #747775;-webkit-border-radius: 1vh;border-radius: 1vh;-webkit-box-sizing: border-box;box-sizing: border-box;color: #1f1f1f;cursor: pointer;font-family: 'Roboto', arial, sans-serif;font-size: 14px;height: 40px;letter-spacing: 0.25px;outline: none;overflow: hidden;padding: 0 12px;position: relative;text-align: center;-webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;transition: background-color .218s, border-color .218s, box-shadow .218s;vertical-align: middle;white-space: nowrap;width: 100%;max-width: 400px;min-width: min-content}
.gsi-material-button .gsi-material-button-icon {height: 20px;margin-right: 12px;min-width: 20px;width: 20px}
.gsi-material-button .gsi-material-button-content-wrapper {-webkit-align-items: center;align-items: center;display: flex;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;height: 100%;justify-content: space-between;position: relative;width: 100%}
.gsi-material-button .gsi-material-button-contents {-webkit-flex-grow: 1;flex-grow: 1;font-family: 'Roboto', arial, sans-serif;font-weight: 500;overflow: hidden;text-overflow: ellipsis;vertical-align: top}
.gsi-material-button .gsi-material-button-state {-webkit-transition: opacity .218s;transition: opacity .218s;bottom: 0;left: 0;opacity: 0;position: absolute;right: 0;top: 0}
.gsi-material-button:disabled {cursor: default;background-color: #ffffff61;border-color: #1f1f1f1f}
.gsi-material-button:disabled .gsi-material-button-contents {opacity: 38%}
.gsi-material-button:disabled .gsi-material-button-icon {opacity: 38%}
.gsi-material-button:not(:disabled):active .gsi-material-button-state, 
.gsi-material-button:not(:disabled):focus .gsi-material-button-state {background-color: #303030;opacity: 12%}
.gsi-material-button:not(:disabled):hover {color: #222;-webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15)}
.gsi-material-button:not(:disabled):hover .gsi-material-button-state {color: #222;;background-color: #303030;opacity: 8%}

/*---------- Product List ----------*/
.cr-product {background-color: transparent}
.cr-product__list {list-style: none;margin: 0;padding: 0;border: 1px solid rgba(0, 0, 0, .15);border-radius: 1vh}
.cr-product__item {padding: 10px;border-right: 1px solid rgba(0, 0, 0, .15)}
.cr-product__item:nth-child(3n) {border-right: none}
.cr-product__item:nth-child(6n) {border-right: none}
.cr-product__thumb {display: block;width: 100%;position: relative;overflow: hidden;border-radius: 1vh;border: 1px solid rgba(0, 0, 0, .15);background-color: #f5f5f5}
.cr-product__thumb img {width: 100%;height: auto;display: block;transition: .5s}
.cr-product__thumb:hover img {transform: scale(1.1)}
.cr-product__version {position: absolute;top: 10px;right: 10px;background: rgba(0, 0, 0, .6);color: #FFF;padding: 3px 8px;border-radius: 1vh;font-size: 12px;font-weight: 600}
.cr-product__details {margin-top: 10px;font-size: 16px;font-weight: 600;min-height: 48px}
.cr-product__title h2 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: rgba(0, 0, 0, .8);
    text-align: center;
    white-space: nowrap;     /* Prevent text from wrapping */
    overflow: hidden;        /* Hide the overflowing text */
    text-overflow: ellipsis; /* Display ellipsis (...) */
    max-width: 100%;
}
.cr-product__category {text-align: center;margin-top: 5px}
.cr-product__category span {font-size: 12px;padding: 3px 7px;color: #FFF;background-color: #009688;border-radius: 1vh}
.cr-product__price {margin-top: 10px;padding: 10px;border: 1px solid rgba(0, 0, 0, .15);border-radius: 1vh;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center}
.cr-product__amount::before {font-family: 'Font Awesome 6 Free';content: '\f0d6';font-weight: 900;margin-right: 5px;color: #009688}
.cr-product__amount {font-size: 14px;font-weight: 600;color: rgba(0, 0, 0, .8)}
.cr-product__amount b {font-weight: 700}
.cr-product__goto::after {font-family: 'Font Awesome 6 Free';content: '\f101';font-weight: 900;margin-left: 5px}
@media only screen and (max-width: 767px) {
    .cr-product__item {border-right: none;border-bottom: 1px solid rgba(0, 0, 0, .15)}
    .cr-product__item:last-child {border-bottom: none}
}

/*---------- Single Product ----------*/
.cr-product-breadcrumb {margin-bottom: 20px}
.cr-product-breadcrumb ol {list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap}
.cr-product-breadcrumb ol li {font-size: 14px;color: rgba(0, 0, 0, .6);margin-right: 5px}
.cr-product-breadcrumb ol li a {color: rgba(0, 0, 0, .6);transition: .5s}
.cr-product-breadcrumb ol li a:hover {color: #009688}
.cr-product-breadcrumb ol li::after {content: '/';margin-left: 5px}
.cr-product-breadcrumb ol li:last-child::after {content: ''}
.cr-product-title {margin-bottom: 20px}
.cr-product-title .wrap h1 {margin: 0;font-size: 28px;font-weight: 600;font-family: 'Poppins', sans-serif;color: rgba(0, 0, 0, .8)}
/*.cr-product-title .wrap h1::after {content: '';display: block;width: 100%;height: 4px;background-color: #009688;margin-top: 5px;border-radius: 2px}*/
.cr-single-product {display: flex;flex-wrap: wrap}
.cr-single-product .product-content {flex: 1 0 0;padding-right: 20px}
.cr-single-product .product-content .wrap .thumb {border: 1px solid rgba(0, 0, 0, .15);border-radius: 1vh;padding: 10px}
.cr-single-product .product-content .wrap .thumb .inner {width: 100%;position: relative;overflow: hidden;border-radius: 1vh}
.cr-single-product .product-content .wrap .thumb .inner img {width: 100%;height: auto}
.cr-single-product__version {position: absolute;top: 10px;right: 10px;background: rgba(0, 0, 0, .6);color: rgba(255, 255, 255, .85);padding: 3px 8px;border-radius: 1vh;font-size: 16px;font-weight: 600}
.cr-single-product .product-content .wrap .content {margin-top: 20px;padding: 10px}
.product-sidebar {flex: 0 0 320px;max-width: 320px;padding-left: 20px}
.product-sidebar .wrap .buy-now {border: 1px solid rgba(0, 0, 0, .15);border-radius: 1vh;padding: 10px}
.product-sidebar .wrap .buy-now .prices {display: flex;flex-wrap: wrap}
.product-sidebar .wrap .buy-now .prices>* {flex: 0 0 50%;max-width: 50%}
.product-sidebar .wrap .buy-now .prices .idr-price>span,
.product-sidebar .wrap .buy-now .prices .usd-price>span {display: block;text-align: center}
.product-sidebar .wrap .buy-now .prices .idr-price>span:first-child,
.product-sidebar .wrap .buy-now .prices .usd-price>span:first-child {margin-bottom: 5px}
.product-sidebar .wrap .buy-now .prices .idr-price .price,
.product-sidebar .wrap .buy-now .prices .usd-price .price {font-size: 16px;font-weight: 600}
.product-sidebar .wrap .buy-now .prices .idr-price .payment-method,
.product-sidebar .wrap .buy-now .prices .usd-price .payment-method {font-size: 12px;background: #222;color: #FFF;padding: 3px 8px;border-radius: 1vh}
.product-sidebar .wrap .buy-now .prices .idr-price .payment-method {background-color: #b71c1c}
.product-sidebar .wrap .buy-now .prices .usd-price .payment-method {background-color: #004d40}
.product-sidebar .wrap .buy-now .buy-btn {margin-top: 10px}
.product-sidebar .wrap .buy-now .buy-btn a {display: block;padding: 10px;border-radius: 1vh;border: 2px solid #009688;text-align: center;font-weight: 600;font-size: 16px}
.product-sidebar .wrap .live-doc {margin-top: 20px;border: 1px solid rgba(0, 0, 0, .15);border-radius: 1vh;padding: 10px}
.product-sidebar .wrap .live-doc .wrap {display: flex;flex-wrap: wrap;margin-left: -5px;margin-right: -5px}
.product-sidebar .wrap .live-doc .wrap>div {flex: 0 0 50%;max-width: 50%;padding: 0 5px}
.product-sidebar .wrap .live-doc .wrap>div a {font-size: 14px;display: block;text-align: center;background: #222;color: #FFF;padding: 5px;border-radius: 1vh}
.product-sidebar .wrap .live-doc .wrap>.demo a {background-color: #1976d2}
.product-sidebar .wrap .live-doc .wrap>.docs a {background-color: #009688}
.product-sidebar .wrap .requirement {margin-top: 20px;border: 1px solid rgba(0, 0, 0, .15);border-radius: 1vh;padding: 10px}
.product-sidebar .wrap .requirement .wrap {margin-bottom: -10px}
.product-sidebar .wrap .requirement .requirements-list {list-style: none;padding: 0;margin-bottom: 10px}
.product-sidebar .wrap .requirement h4 {margin-top: 0;margin-bottom: 10px;border: 1px solid rgba(0, 0, 0, .15);border-radius: 1vh;font-size: 16px;font-weight: 600;padding: 5px 10px;text-align: center}
.product-sidebar .wrap .requirement .requirements-list .item {padding: 5px 0;border-bottom: 1px solid rgba(0, 0, 0, .15)}
.product-sidebar .wrap .requirement .requirements-list .item:last-child {border-bottom: none}
.product-sidebar .wrap .requirement .requirements-list .item b {display: inline-block;width: 130px;font-weight: 600;font-size: 14px;color: rgba(0, 0, 0, .8)}
.product-sidebar .wrap .requirement .requirements-list .item span {border-left: 2px solid rgba(0, 0, 0, .25);padding-left: 5px;font-size: 12px;font-weight: 500;color: rgba(0, 0, 0, .6)}
.product-sidebar .wrap .requirement .other-list {list-style: none;padding: 0;margin-bottom: 10px}
.product-sidebar .wrap .requirement .other-list .item {padding: 5px 0;border-bottom: 1px solid rgba(0, 0, 0, .15)}
.product-sidebar .wrap .requirement .other-list .item:last-child {border-bottom: none}
.product-sidebar .wrap .requirement .other-list .item::before {font-family: 'Font Awesome 6 Free';content: '\f00c';font-weight: 900;margin-right: 10px;color: #28a745}
.product-sidebar .wrap .requirement .other-list .item span {font-size: 14px;font-weight: 500;color: rgba(0, 0, 0, .6)}
@media only screen and (max-width: 767px) {
    .cr-single-product .product-content {flex: 0 0 100%;max-width: 100%;padding: 0}
    .product-sidebar {flex: 0 0 100%;max-width: 100%;padding: 0}
}

/*---------- Checkout Page ----------*/
.cr-checkout-page {background-color: transparent}
.cr-checkout-page__select-payment {border: 1px solid rgba(0, 0, 0, .15);border-radius: 1vh;padding: 10px;background-color: #f5f5f5;margin-bottom: 20px}
.cr-checkout-page__select-payment h2 {padding: 0 7px;margin-top: 0;margin-bottom: 10px;font-size: 24px;font-weight: 600;color: rgba(0, 0, 0, .8);border-bottom: 1px solid rgba(0, 0, 0, .15)}
.cr-checkout-page__select-payment ul {list-style: none;padding: 0;margin: 0}
.cr-checkout-page__select-payment ul li {margin-bottom: 10px}
.cr-checkout-page__select-payment ul li:last-child {margin-bottom: 0}
.cr-checkout-page__select-payment ul li input[type="radio"] {display: none}
.cr-checkout-page__product {display: flex;flex-wrap: wrap;border: 1px solid rgba(0, 0, 0, .15);border-radius: 1vh;padding: 10px;background-color: #FFF;margin-bottom: 20px}
.cr-checkout-page__product-thumb {flex: 0 0 120px;max-width: 120px}
.cr-checkout-page__product-thumb .wrap {position: relative;overflow: hidden;border-radius: 1vh;border: 1px solid rgba(0, 0, 0, .15);background-color: #f5f5f5}
.cr-checkout-page__product-thumb .wrap img {width: 100%;height: auto;display: block}
.cr-checkout-page__product-details {flex: 1 0 0;margin-left: 20px;display: flex;flex-wrap: wrap;align-items: center}
.cr-checkout-page__product-details .wrap {padding: 0}
.cr-checkout-page__product-details .wrap h3 {margin: 0;margin-bottom: 5px;font-size: 20px;font-weight: 600;color: rgba(0, 0, 0, .8)}
.cr-checkout-page__product-details .wrap p {display: inline-block;margin: 0;padding: 0 7px;font-size: 14px;font-weight: 500;color: rgba(0, 0, 0, .8);border-right: 2px solid rgba(0, 0, 0, .15)}
.cr-checkout-page__product-details .wrap p:nth-child(2) {margin-left: -7px}
.cr-checkout-page__product-details .wrap p:last-child {border-right: none}
.cr-checkout-page__product-category {background-color: transparent}
.cr-checkout-page__product-category span.cat {font-size: 12px;padding: 3px 7px;color: #FFF;background-color: #009688;border-radius: 1vh}

.cr-checkout-page__payment-form .wrapper h3 {padding: 0 7px;margin-top: 0;margin-bottom: 10px;font-size: 16px;font-weight: 600;color: rgba(0, 0, 0, .8)}

.cr-checkout-page__payment-choice {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;margin-bottom: 10px;padding: 10px;border: 1px solid rgba(0, 0, 0, .15);border-radius: 1vh;cursor: pointer;transition: .5s}
.cr-checkout-page__payment-choice>.logo {flex: 0 0 150px;max-width: 150px}
.cr-checkout-page__payment-choice>.logo .wrapper {height: 20px;position: relative;overflow: hidden}
.cr-checkout-page__payment-choice>.logo .wrapper img {height: 100%;width: auto;display: block}
.cr-checkout-page__payment-choice>.text {flex: 0 0 auto}
.cr-checkout-page__payment-choice>.text .wrapper {padding: 0}
.cr-checkout-page__payment-choice>.text .wrapper span.amount {font-size: 14px;font-weight: 600;color: rgba(0, 0, 0, .75)}
.cr-checkout-page__payment-choice:hover,
.cr-checkout-page__payment-choice:hover {background-color: #f5f5f5;border-color: #009688}
input[type="radio"]:checked+.cr-checkout-page__payment-choice {background-color: #e0f2f1;border-color: #009688}
.cr-checkout-page__payment-choice--disabled {cursor: not-allowed;opacity: 0.6}
/*.cr-checkout-page__form {width: 100%;max-width: 400px;padding: 20px;border: 1px solid rgba(0, 0, 0, .15);border*/
.cr-checkout-page__term-n-conditions {font-size: 12px;color: rgba(0, 0, 0, .6);display: flex;flex-wrap: wrap;align-items: center;margin-bottom: 10px}
.cr-checkout-page__term-n-conditions input[type="checkbox"] {display: none}
.cr-checkout-page__term-n-conditions label {display: flex;align-items: center;cursor: pointer;height: 50px;padding: 0 10px}
.cr-checkout-page__term-n-conditions label::before {
    font-family: 'Font Awesome 6 Free';
    content: '\f0c8';
    font-weight: 500;
    color: #ccc;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-right: 8px;
}
.cr-checkout-page__term-n-conditions label span {display: block}
.cr-checkout-page__term-n-conditions input[type="checkbox"]:checked+label::before {
    font-family: 'Font Awesome 6 Free';
    content: '\f14a';
    font-weight: 500;
    color: #009688;
    background: #e0f2f1;
    border-color: #009688;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.cr-checkout-page__term-n-conditions a {color: rgba(0, 0, 0, .6);transition: .5s}
.cr-checkout-page__term-n-conditions a:hover {color: #009688}
.cr-checkout-page__place-order {text-align: center}
.cr-checkout-page__place-order button {width: 100%;padding: 10px;border: none;border-radius: 1vh;background-color: #009688;color: #FFF;font-size: 16px;font-weight: 600;cursor: pointer;transition: .5s}
.cr-checkout-page__place-order button:hover {background-color: #00796b}
/*@media only screen and (max-width: 767px) {
    .cr-checkout-page__product {flex: 0 0 100%;max-width: 100%}
    .cr-checkout-page__product-thumb {flex: 0 0 100%;max-width: 100%;margin-bottom: 10px}
    .cr-checkout-page__product-details {flex: 0 0 100%;max-width: 100%;margin-left: 0}
}*/
/*---------- Member Area ----------*/
.cr-member-page {display: flex;flex-wrap: wrap;margin-bottom: 40px}
.cr-member-page__sidebar {flex: 0 0 250px;max-width: 250px}
.cr-member-page__nav {border: 1px solid rgba(0, 0, 0, .15);border-radius: 1vh;padding: 10px;background-color: #f5f5f5}
.cr-member-page__nav ul {list-style: none;padding: 0;margin: 0}
.cr-member-page__nav ul li {margin-bottom: 10px}
.cr-member-page__nav ul li:last-child {margin-bottom: 0}
.cr-member-page__nav ul li a,
.cr-member-page__nav ul li span {display: block;padding: 10px;background-color: #FFF;border: 1px solid rgba(0, 0, 0, .15);border-radius: 1vh;font-size: 14px;font-weight: 600;color: rgba(0, 0, 0, .8);transition: .5s}
.cr-member-page__nav ul li a:hover,
.cr-member-page__nav ul li span.active {background-color: #009688;color: #FFF;border-radius: 1vh}
.cr-member-page__nav ul li a.dashboard::before,
.cr-member-page__nav ul li span.dashboard::before {font-family: 'Font Awesome 6 Free';content: '\f015';font-weight: 900;margin-right: 5px;color: #009688}
.cr-member-page__nav ul li a.purchases::before,
.cr-member-page__nav ul li span.purchases::before {font-family: 'Font Awesome 6 Free';content: '\f290';font-weight: 900;margin-right: 5px;color: #009688}
.cr-member-page__nav ul li a.profile::before,
.cr-member-page__nav ul li span.profile::before {font-family: 'Font Awesome 6 Free';content: '\f406';font-weight: 900;margin-right: 5px;color: #009688}
.cr-member-page__nav ul li a.license::before,
.cr-member-page__nav ul li span.license::before {font-family: 'Font Awesome 6 Free';content: '\f02b';font-weight: 900;margin-right: 5px;color: #009688}
.cr-member-page__nav ul li a.logout::before {font-family: 'Font Awesome 6 Free';content: '\f2f5';font-weight: 900;margin-right: 5px;color: #009688}

.cr-member-page__nav ul li a:hover::before,
.cr-member-page__nav ul li span.active::before {color: #FFF !important}

.cr-member-page__content {flex: 1 1 0;min-width: 0;margin-left: 20px}
.cr-member-page__content .wrap {border: 1px solid rgba(0, 0, 0, .15);border-radius: 1vh;padding: 20px;background-color: #f5f5f5}

.cr-member-page__profile-content>* {margin-bottom: 20px}
.cr-member-page__profile-content>*:last-child {margin-bottom: 0}

.cr-member-page__profile-title {margin: 0;margin-bottom: 20px;font-size: 22px;text-align: center;padding: 5px 0;font-weight: 600;color: rgba(0, 0, 0, .8);border: 1px solid rgba(0, 0, 0, .15);border-radius: 1vh}
.cr-member-page__profile-name-edit,
.cr-member-page__profile-email-edit,
.cr-member-page__profile-password-edit {display: flex;flex-wrap: nowrap;align-items: center;justify-content: space-between;border-bottom: 1px solid rgba(0, 0, 0, .15);padding-bottom: 5px}
.cr-member-page__profile-name-title,
.cr-member-page__profile-email-title,
.cr-member-page__profile-password-title {margin: 0;font-size: 14px;font-weight: 400;color: rgba(0, 0, 0, .45)}
.cr-member-page__profile-name-text,
.cr-member-page__profile-email-text,
.cr-member-page__profile-password-text {margin: 0;font-size: 16px;font-weight: 500;color: rgba(0, 0, 0, .8);margin-top: 5px}

.cr-member-page__order-title {margin: 0;margin-bottom: 20px;font-size: 22px;text-align: center;padding: 5px 0;font-weight: 600;color: rgba(0, 0, 0, .8);border: 1px solid rgba(0, 0, 0, .15);border-radius: 1vh}
.cr-member-page__order-tab {margin-bottom: 20px}
.cr-member-page__order-tab-button {display: inline-block;padding: 10px 15px;margin-right: 10px;font-size: 14px;font-weight: 600;color: rgba(0, 0, 0, .6);background-color: #FFF;border: 1px solid rgba(0, 0, 0, .15);border-radius: 1vh;cursor: pointer;transition: .5s}
.cr-member-page__order-tab-button--active,
.cr-member-page__order-tab-button:hover {background-color: #009688;color: #FFF;border: 1px solid #009688}
span.cr-pending-count {display: inline-flex;align-items: center;justify-content: center;background-color: #ef5350;color: #FFF;font-size: 12px;font-weight: 600;height: 20px;width: 20px;border-radius: 50%;margin-left: 5px}

.cr-member-page__order-list>ul {list-style: none;padding: 0;margin: 0}
.cr-member-page__order-list-item {margin-bottom: 20px}
.cr-member-page__order-list-item:last-child {margin-bottom: 0}
.cr-member-page__order-list-item .inner {display: flex;flex-wrap: nowrap;background-color: #ffccbc;padding: 10px;align-items: center;border-radius: 1vh}
.cr-invoice-number__left {flex: 1 0 0}
.cr-invoice-number__right {flex: 0 0 auto;text-align: right}
a.cr-invoice-number__details {display: inline-block;padding: 5px 10px;background-color: #ff5722;color: #FFF;font-size: 14px;font-weight: 600;border-radius: 1vh;transition: .5s}
a.cr-invoice-number__details::after {font-family: 'Font Awesome 6 Free';content: '\f101';font-weight: 900;margin-left: 5px}
.cr-invoice-number__slug {font-size: 14px;font-weight: 600;color: rgba(0, 0, 0, .8);margin-bottom: 5px}

@media only screen and (max-width: 767px) {
    .cr-member-page__sidebar {flex: 0 0 100%;max-width: 100%;margin-bottom: 20px}
    .cr-member-page__content {flex: 0 0 100%;max-width: 100%;margin-left: 0}
}

/*---------- Footer ----------*/
footer {background-color: #f5f5f5;padding: 20px 10px;margin-top: 40px;font-size: 14px;color: rgba(0, 0, 0, .6)}
.cr-foot-content {max-width: 1024px;margin: 0 auto}
.cr-foot-content__top {border-bottom: 1px solid rgba(0, 0, 0, .1);padding-bottom: 10px;margin-bottom: 10px}
.cr-foot-content__bottom {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center}
.cr-foot-content__copy {flex: 0 0 auto}
.cr-foot-content__copy span {font-size: 14px;color: rgba(0, 0, 0, .6)}
.cr-foot-content__payments {flex: 0 0 auto}
.cr-foot-content__payments i {font-size: 24px;color: rgba(0, 0, 0, .6);margin-left: 10px}
.cr-foot-content__payments i:first-child {margin-left: 0}