/* ----- SECTION DASHBOARD ----- */
.section-dashboard {
    position: relative;
    transition: 0.4s;
}
.section-dashboard .title {
    margin-left: auto;
    position: relative;
}
.section-dashboard .title .lines .line {
    position: absolute;
}
.section-dashboard .title .lines .line span {
    background-color: #ED2024;
    transform: matrix(1, 0.58, 0, 0.89, 0, 0);
    -moz-border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-animation: message-floating 30s linear infinite;
    -moz-animation: message-floating 30s linear infinite;
    animation: message-floating 30s linear infinite;
}
.section-dashboard .title .lines .line:first-child {
    width: 5rem;
    height: 0.5rem;
    left: 1rem;
    top: 3.5rem;
}
.section-dashboard .title .lines .line:first-child span {
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    background: rgb(237 32 36 / 20%);
}
.section-dashboard .title .lines .line:nth-child(2) {
    width: 3rem;
    height: 1.3rem;
    left: 5.2rem;
    top: 3.1rem;
}
.section-dashboard .title .lines .line:nth-child(2) span {
    animation-direction: reverse;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}
.section-dashboard .title .lines .line:nth-child(3) {
    width: 4.8rem;
    height: 2.4rem;
    top: -0.8rem;
    right: 2.9rem;
}
.section-dashboard .title .lines .line:nth-child(3) span {
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.125rem;
    background: rgb(237 32 36 / 20%);
}
.section-dashboard .title .lines .line:nth-child(4) {
    width: 4.025rem;
    height: 1px;
    top: -1rem;
    right: 5.1rem;
}
.section-dashboard .title .lines .line:nth-child(4) span {
    animation-direction: reverse;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.section-dashboard .col {
    padding: 0 0.9375rem;
}
.section-dashboard .col-left {
    flex: 0 0 46.6%;
    max-width: 46.6%;
}
.section-dashboard .col-right {
    flex: 0 0 53.4%;
    max-width: 53.4%;
}
.dashboard-sidebar {
    position: absolute;
    left: 0;
    top: 9.7rem;
    width: 8.1rem;  
    padding: 1rem 1.6rem 0;
    border-top-right-radius: 2.6rem;
    min-height: 60.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    z-index: 100;
}
.dashboard-sidebar li a {
    display: flex;
    align-items: center;
    color: transparent;
    width: 5.125rem;
    padding: 0 1.9rem;
    justify-content: flex-start;
    border-radius: 6.25rem;
    min-height: 2.8125rem;
}
.dashboard-sidebar li.active a {
    background-color: #fff;
}
.dashboard-sidebar li a .icon {
    width: 1.375rem;
    flex: 0 0 1.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dashboard-sidebar.sidebar-open li a .icon {
    margin-right: 0.9rem;
}
.dashboard-sidebar li a svg {
    transition: 0.4s;
    color: #fff;
}
.dashboard-sidebar li.active svg {
    color: #ED2024;    
}
.dashboard-sidebar li a span {
    flex: 0;
    font-size: 0.9375rem;
    line-height: 1.125rem;
    min-width: 9rem;
    font-weight: 400;
}
.dashboard-sidebar li.active a span {
    font-weight: 700;
}
.dashboard-sidebar li {
    margin-bottom: 0.95rem;
}
.dashboard-sidebar::after {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='405' height='790' viewBox='0 0 405 790' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 30C0 13.4315 13.4315 0 30 0H375C391.569 0 405 13.4315 405 30V657.6C405 670.886 396.261 682.589 383.523 686.364L38.5226 788.586C19.2956 794.283 0 779.875 0 759.822V30Z' fill='%23ED2024'/%3E%3C/svg%3E%0A");
    bottom: -8.1rem;
    left: -17.2rem;
    background-repeat: no-repeat;
    width: 25.3125rem;
    height: 50rem;
    z-index: -1;
    background-size: 100%;
    background-position-x: right;
    background-position-y: bottom;
    transition: 0.4s;
}
.dashboard-sidebar::before {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='1612' height='1782' viewBox='0 0 1612 1782' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1782L0.000155787 -0.000140926L1579.83 905.63C1599.73 917.036 1612 938.218 1612 961.154L1612 1782L0 1782Z' fill='%23ED2024'/%3E%3C/svg%3E%0A");
    top: -57.6rem;
    background-repeat: no-repeat;
    width: 100.75rem;
    height: 111.375rem;
    z-index: -1;
    left: -92.6rem;
    transition: 0.4s;
}
.section-dashboard .dashboard-box {
    background: #fff;
    box-shadow: 4px 9px 35px 11px rgb(154 154 154 / 20%);
    border-radius: 1.375rem;
    margin-bottom: 1.875rem;
    position: relative;
}
.section-dashboard .dashboard-box .btn {
    margin-top: 1.9rem;
    height: 2.8125rem;
    padding: 0 2.7rem;
}
.section-dashboard .dashboard-box .box-title {
    font-size: 1.625rem;
    display: flex;
    align-items: center;
    font-weight: 600;
    line-height: 2.125rem;
    letter-spacing: -0.5px;
    margin-bottom: 2.9rem;
}
.section-dashboard .box-my-info {
    padding: 3.6rem 4.3rem 4.4rem;
    text-align: center;
}
.section-dashboard .box-my-info .box-title .icon {
    flex: 0 0 1.75rem;
    max-width: 1.75rem;
    margin-right: 1.4rem;
}
.section-dashboard .box-my-info .user-email {
    font-size: 1.125rem;
    line-height: 2rem;
    font-weight: 500;
    color: #000;
}
.section-dashboard .box-user-history {
    padding: 1.675rem 2.5rem 1.375rem 2.4375rem;
}
.section-dashboard .box-user-history .box-item {
    background-color: #F7F9FC;
    border-radius: 1.875rem;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.625rem;
    line-height: 2.125rem;
    color: #000;
    font-weight: 600;
    padding: 0.8125rem 0.6875rem 1.25rem 1.5625rem;
    margin-bottom: 0.5rem;
    letter-spacing: -0.7px;
}
.section-dashboard .box-user-history .box-item .number {
    font-size: 4.375rem;
    line-height: 4.375rem;
    font-weight: 700;
    color: #ED2024;
}
.section-dashboard .box-user-history .box-item-icon {
    width: 3.0625rem;
    height: 3.0625rem;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-dashboard .box-user-history .box-item > div:first-child {
    flex: 0 0 52%;
    max-width: 52%;
    padding-top: 1rem;
    padding-left: 0.7rem;
}
.section-dashboard .box-user-history .box-item > div:last-child {
    flex: 1;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
}
.section-dashboard .box-user-history .btn {
    font-size: 0.9375rem;
    padding: 0 1rem;
    margin-right: 0.9rem;
    height: 3.6875rem;
    margin-top: 2.3rem;
    letter-spacing: 0;
    width: 9.1rem;
}
.section-dashboard .box-last-orders .box-title {
    justify-content: center;
    letter-spacing: -1px;
    margin-bottom: 1.25rem;
}
.section-dashboard .box-last-orders {
    padding: 2.1875rem 1.5rem 1.75rem 2.0625rem;
}
.section-dashboard .box-last-orders .box-title .icon {
    width: 1.875rem;
    flex: 0 0 1.875rem;
    margin-right: 0.625rem;
    margin-left: -2rem;
}
.section-dashboard .box-last-orders .box-title .icon img {
    width: 100%;
}
.section-dashboard .box-orders-item {
    display: flex;
    flex-wrap: wrap;
    background: #F7F9FC;
    border-radius: 1.5rem;
    padding: 1.75rem 1rem;
    font-size: 0.625rem;
    color: #050708;
    line-height: 1rem;
    font-weight: 400;
}
.section-dashboard .box-orders-item .item-icon {
    width: 3.5625rem;
    height: 3.5625rem;
    flex: 0 0 3.5625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background: #ED2024;
    margin-right: 0.4rem;
}
.section-dashboard .box-orders-item h6 {
    font-size: 0.875rem;
    line-height: 1.0625rem;
    letter-spacing: -0.3px;
    margin-top: -0.1rem;
    margin-bottom: 0rem;
}
.section-dashboard .box-orders-item .btn {
    font-size: 0.75rem;
    height: 2.875rem;
    padding: 0 1.6rem;
    margin-top: 0.8rem;
}
.section-dashboard .status-badge {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 0.625rem;
    font-weight: 600;
    line-height: 1.125rem;
    background: transparent;
    border: 0;
    padding: 0;
}
.section-dashboard .status-badge .icon {
    width: 1.125rem;
    height: 1.125rem;
    flex: 0 0 1.125rem;
    margin-right: 0.375rem;
    margin-top: -0.1rem;
}
.section-dashboard .badge-green {
    color: #00A053;
}
.section-dashboard .badge-yellow {
    color: #F2942F;
}
.section-dashboard .badge-red {
    color: #ED2024;
}
.section-dashboard .badge-grey {
    color: #9E9E9E;
}
.section-dashboard .badge-violet {
    color: #5A4BC4;
}
.section-dashboard .box-orders-item:not(.last-child){
    margin-bottom:1rem;
}
.section-dashboard .box-orders-item > div:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 0 0 30%;
    max-width: 30%;
}
.section-dashboard .box-orders-item > div:last-child {
    margin-left: auto;
    padding-right: 0.7rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.section-dashboard .box-last-orders > .btn {
    width: 100%;
    height: 3.6875rem;
    margin-top: -0.1rem;
    font-size: 1.125rem;
}
.section-dashboard .box-announcement {
    padding: 3.25rem 1.25rem 1.5rem 1.1rem;
}
.section-dashboard .box-announcement .box-title {
    padding: 0 2.2rem;
    font-size: 1.8125rem;
    line-height: 2.125rem;
    letter-spacing: -0.8px;
    margin-bottom: 1.4rem;
}
.section-dashboard .box-announcement .box-title .icon {
    margin-right: 1.3rem;
}
.section-dashboard .box-item-discount {
    background: #E0D9D3;
    border-radius: 1.875rem;
    font-size: 1.125rem;
    line-height: 1.1875rem;
    font-weight: 600;
    background-image: url(../images/item-discount-bg.png);
    background-repeat: no-repeat;
    background-size: 27.5rem;
    background-position: bottom right;
    height: 17rem;
    padding: 2.7rem 2.3rem;
}
.section-dashboard .box-item-discount h4 {
    font-size: 2.375rem;
    line-height: 2.25rem;
    font-weight: 700;
    color: #ED2024;
    max-width: 13rem;
    margin-bottom: 0.4rem;
}
.section-dashboard .box-item-discount p {
    max-width: 11rem;
    margin-bottom: 0.6rem;
}
.section-dashboard .box-item-discount .btn {
    margin-top: 0;
    height: 3.7rem;
    padding: 0 4.6rem;
}
.section-dashboard .box-item-discount-light {
    background-image: none;
    background-color: #EAEAEA;
    padding: 3.6rem 2.7rem 3.6rem 1.8rem;
}
.section-dashboard .box-announcement .owl-dots .owl-dot {
    background: #D9D9D9;
    border-radius: 50%;
    width: 1.0625rem;
    height: 1.0625rem;
    margin-left: 0.8rem;
    border: 0;
}
.section-dashboard .box-announcement .owl-dots {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 1.4rem;
    margin-top: 0.9rem;
}
.section-dashboard .box-announcement .owl-dots .owl-dot.active {
    background: #FF0000;
}
.section-dashboard .box-item-discount h5 {
    font-size: 1.8125rem;
    line-height: 2.25rem;
    color: #ED2024;
    margin-bottom: 0.2rem;
}
.section-dashboard .box-item-discount-light p {
    font-size: 1.5625rem;
    line-height: 1.875rem;
    max-width: 100%;
}
.section-dashboard .box-item-discount-light .content-wrap {
    padding: 0 1.7rem;
}
.section-dashboard .box-item-discount-light .btn {
    width: 100%;
    margin-top: 1.5rem;
}
.section-dashboard .container > .lines .line {
    position: absolute;
    z-index: -1;
    transition: 0.4s;
}
.section-dashboard .container > .lines .line span {
    background-color: #ED2024;
    transform: matrix(1, 0.58, 0, 0.89, 0, 0);
    -moz-border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-animation: message-floating 30s linear infinite;
    -moz-animation: message-floating 30s linear infinite;
    animation: message-floating 30s linear infinite;
}
.section-dashboard .container > .lines .line:first-child {
    width: 8.3rem;
    height: 4.3rem;
    left: -0.8%;
    top: 42.5%;
}
.section-dashboard .container > .lines .line:first-child span {
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    background: rgb(237 32 36 / 20%);
}
.section-dashboard .container > .lines .line:nth-child(2) {
    width: 5.5rem;
    height: 2px;
    left: 5.5%;
    top: 47.1%;
    z-index: -1;
}
.section-dashboard .container > .lines .line:nth-child(2) span {
    animation-direction: reverse;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}
.section-dashboard .container > .lines .line:nth-child(3) {
    width: 6.3rem;
    height: 0.7rem;
    top: 61.5%;
    right: -9%;
}
.section-dashboard .container > .lines .line:nth-child(3) span {
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.125rem;
    background: rgb(237 32 36 / 20%);
}
.section-dashboard .container > .lines .line:nth-child(4) {
    width: 3.7rem;
    height: 1.6rem;
    top: 60.9%;
    right: -12.9%;
}
.section-dashboard .container > .lines .line:nth-child(4) span {
    animation-direction: reverse;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.dashboard-sidebar .btn-sidebar-open {
    margin-top: auto;
    margin-bottom: 0.2rem;
    position: absolute;
    bottom: -0.1rem;
    left: 42%;
    transition: 0.4s;
}
.dashboard-sidebar.sidebar-open .btn-sidebar-open {
    bottom: 3.9rem;
    left: 21.7%;
    transform: scale(-1, 1);
}
.dashboard-sidebar.sidebar-open {
    width: 16.2rem;
    align-items: flex-start;
}
.dashboard-sidebar.sidebar-open li a {
    width: auto;
    padding: 0 0.9rem 0 1.1rem;
    min-width: 11rem;
}
.dashboard-sidebar.sidebar-open::before {
    left: -84.5rem;
}
.dashboard-sidebar.sidebar-open li a span {
    flex: 1;
    max-width: 100%;
    white-space: normal;
    color: #fff;
}
.dashboard-sidebar.sidebar-open li.active a {
    font-weight: 600;
}
.dashboard-sidebar.sidebar-open li.active a span {
    color: #ED2024;
}
.dashboard-sidebar ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.dashboard-sidebar.sidebar-open::after {
    left: -9rem;
    bottom: -5.1rem;
}
/* ----- /SECTION DASHBOARD ----- */





/* ----- SECTION DASHBOARD ORDERS ----- */
.section-dashboard-orders .title {
    max-width: 100%;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 0rem;
    margin-bottom: 3rem;
}
.section-dashboard-orders .title-wrap {
    position: relative;
}
.section-dashboard .search {
    width: 24.4375rem;
    position: relative;
    margin-left: auto;
    margin-bottom: 0.1rem;
}
.section-dashboard .search .search-btn {
    position: absolute;
    border: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.1rem;
}
.section-dashboard-orders .title h1 {
    margin-bottom: 0;
}
.section-dashboard .search .form-control {
    padding: 0.6rem 2.3rem;
    background: #fff;
    border: 1px solid #000;
    height: 2.8125rem;
    font-size: 1.125rem;
    font-weight: 500;
}
.section-dashboard .box-orders .box-head {
    border-bottom: 1px solid #D9D9D9;
    padding: 1rem 2rem;
}
.section-dashboard .box-orders .nav-tabs .nav-link {
    border: 0;
    font-weight: 700;
    color: #000000;
    font-size: 1.125rem;
    line-height: 2.125rem;
    margin: 0;
    background: transparent;
    border-radius: 6.25rem;
    padding: 0.4rem 0rem;
    letter-spacing: -0.5px;
    min-width: 10.65rem;
    text-align: center;
}
.section-dashboard .box-orders .nav-tabs {
    border: 0;
}
.section-dashboard .box-orders .nav-tabs .nav-link.active {
    background: #ED2024;
    color: #fff;
}

.section-dashboard .table {
    border-collapse: separate;
    border-spacing: 0 0.25rem!important;
    margin-bottom: 0;
}
.section-dashboard .table th {
    font-size: 0.9375rem;
    line-height: 1.25rem;
    padding: 1.5rem 0;
    font-weight: 600;
    color: #000;
    border: 0;
}
.section-dashboard .table th:first-child {
    padding-left: 2rem;
}
.section-dashboard .table td {
    border: 0;
    background-color: #F7F9FC!important;
    height: 5rem;
    font-size: var(--bs-body-font-size);
    line-height: var(--bs-body-line-height);
    font-weight: 500;
    color: #000;
    padding: 0;
    vertical-align: middle!important;
}
.section-dashboard .table tbody {
    border: 0;
}

.section-dashboard-orders .table td.child {
    padding:2rem;
    text-align: left;
    min-width: 4rem;
    max-width: 4rem;
}

.section-dashboard-orders .table td.child ul {
    width: 100%;
}

.section-dashboard-orders .table td.child li {
    display: flex;
    align-items: center;
    border-bottom-color:#000!important;
}

.section-dashboard-orders .table td.child li .dtr-data {
    margin-left: auto;
    text-align: right;
}

.section-dashboard-orders .table th:first-child, 
.section-dashboard-orders .table td:first-child {
    padding-left: 2rem;
    text-align: left;
    min-width: 4rem;
}
.section-dashboard-orders .table td:nth-child(2) {
    padding-left: 0;
}
.section-dashboard-orders .table th:nth-child(2), 
.section-dashboard-orders .table td:nth-child(2) {
    min-width: 8rem;
}
.section-dashboard-orders .table th:nth-child(3), 
.section-dashboard-orders .table td:nth-child(3) {
    font-size: 0.9rem;
    text-align: center;
    min-width: 6rem;
}
.section-dashboard-orders .table th:nth-child(4), 
.section-dashboard-orders .table td:nth-child(4) {
    font-size: 0.9rem;
    text-align: center;
    min-width: 6rem;
}
.section-dashboard-orders .table th:nth-child(5), 
.section-dashboard-orders .table td:nth-child(5) {
    font-size: 0.9rem;
    text-align: center;
    min-width: 7rem;
}
.section-dashboard-orders .table th:nth-child(6), 
.section-dashboard-orders .table td:nth-child(6) {
    min-width: 13rem;
}
.section-dashboard-orders .table th:nth-child(7), 
.section-dashboard-orders .table td:nth-child(7) {
    font-size: 0.9rem;
    text-align: center;
    min-width: 7rem;
}
.section-dashboard-orders .table th:nth-child(8), 
.section-dashboard-orders .table td:nth-child(8) {
    min-width: 7rem;
    padding-right: 2rem;
}
/* Link style override */
.section-dashboard .table a {
    color: #000;
    font-weight: 500;
    font-size: 0.75rem;
    max-width: 14.3rem;
    word-break: break-word;
    display: inline-block;
}

/* Button hover override */
.section-dashboard .table .btn-outline-black:hover {
    color: #fff;
}
.section-dashboard-orders .table-wrap {
    min-height: 50vh;
}
.section-dashboard .table-wrap::-webkit-scrollbar {
    height: 0.5rem;
    border-radius: 6rem;
}
.section-dashboard .table-wrap::-webkit-scrollbar-track {
    background: #D9D9D9;
    border-radius: 6rem;
}
.section-dashboard .table-wrap::-webkit-scrollbar-thumb {
    background: #ED2024;
    border-radius: 6rem;
}
.section-dashboard .box-user-history .btn svg {
    display: none;
}
.section-dashboard .table tbody tr {
    margin-bottom: 1.25rem;
    width: 100%;
}

.section-dashboard .table .btn {
    font-size: 0.75rem;
    max-width: 100%;
    padding: 0.8rem 1.7rem;
    margin-top: 0;
    line-height: 1.5;
}

.section-dashboard-orders .datatable-footer {
    padding: 2rem;
}

.pagination, .dataTables_paginate {
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    justify-content: flex-end;
    margin-top: 2.9rem;
    margin-right: 4.1rem;
    padding-top: 0;
}
.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link,
.dataTables_paginate .paginate_button.previous, .dataTables_paginate .paginate_button.next {
    border-radius: 50%;
    border: 1px solid #D9D9D9;
}
.pagination .page-item .page-link, .dataTables_paginate .paginate_button {
    outline: none!important;
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    color: #979797 !important;
    width: 1.6875rem;
    height: 1.6875rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none!important;
    border:0;
}
.pagination .page-item.active .page-link, .dataTables_paginate .paginate_button.current {
    background: transparent;
    color: #ED2024 !important; 
    border: 0;
}
.dataTables_paginate > span {
    display: flex;
    align-items: center;
}
table.dataTable.no-footer {
    border-bottom: 0;
}
.pagination .page-item:last-child, .dataTables_paginate .paginate_button.next {
    margin-left: 0.9rem;
}
.pagination .page-item:first-child, .dataTables_paginate .paginate_button.previous {
    margin-right: 0.4rem;
}
.dataTables_paginate {
    margin-right: 4rem;
}
.section-dashboard-orders .title .lines .line:first-child {
    left: -6.8rem;
    top: 3.8rem;
}
.section-dashboard-orders .title .lines .line:nth-child(2) {
    left: -2.7rem;
    top: 3.3rem;
}
.section-dashboard-orders .title .lines .line:nth-child(3) {
    right: auto;
    left: 10.3rem;
    top: -0.6rem;
}
.section-dashboard-orders .title .lines .line:nth-child(4) {
    left: 8.7rem;
    top: -0.9rem;
    right: auto;
}
.section-dashboard-orders .dataTables_filter {
    display: none;
}
table.dataTable.stripe>tbody>tr.odd>*, table.dataTable.display>tbody>tr.odd>* {
    box-shadow: none;
}
table.dataTable.display>tbody>tr.odd>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1 {
    box-shadow: none;
}
table.dataTable.row-border>tbody>tr>th, 
table.dataTable.row-border>tbody>tr>td, 
table.dataTable.display>tbody>tr>th, 
table.dataTable.display>tbody>tr>td {
    border: 0;
}
table.dataTable.display>tbody>tr.even>.sorting_1, 
table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1 {
    box-shadow: none;
}
table.dataTable thead>tr>th.sorting, 
table.dataTable thead>tr>th.sorting_asc, 
table.dataTable thead>tr>th.sorting_desc, 
table.dataTable thead>tr>th.sorting_asc_disabled, 
table.dataTable thead>tr>th.sorting_desc_disabled, 
table.dataTable thead>tr>td.sorting, 
table.dataTable thead>tr>td.sorting_asc, 
table.dataTable thead>tr>td.sorting_desc, 
table.dataTable thead>tr>td.sorting_asc_disabled, 
table.dataTable thead>tr>td.sorting_desc_disabled {
    padding-right: 0;
}
table.dataTable thead>tr>th.sorting:before, 
table.dataTable thead>tr>th.sorting:after {
    right: 1.5rem;
    transition: 0.4s;
    visibility: hidden;
}
table.dataTable thead>tr>th.sorting:hover:before, 
table.dataTable thead>tr>th.sorting:hover:after {
    visibility: visible;
}
table.dataTable thead>tr>th.sorting::before, table.dataTable thead>tr>td.sorting::before {
    bottom: 56.3%;
}
table.dataTable thead>tr>th.sorting::after, table.dataTable thead>tr>td.sorting::after {
    top: 45.4%;
}
table.dataTable.hover>tbody>tr:hover>*, table.dataTable.display>tbody>tr:hover>* {
    box-shadow: none;
}
.dataTables_paginate .paginate_button:hover,
.dataTables_paginate .paginate_button:focus,
.dataTables_paginate .paginate_button:active,
.dataTables_paginate .paginate_button.current:hover {
    background: transparent;
    border: 0;
    color: #000 !important;
    box-shadow: none;
}
.dataTables_paginate .paginate_button.previous:hover, .dataTables_paginate .paginate_button.next:hover {
    border: 1px solid #D9D9D9;
}
.dataTables_paginate .paginate_button.disabled {
    opacity: 0.6;
}
table.dataTable.display .dataTables_empty {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}
/* ----- /SECTION DASHBOARD ORDERS ----- */
/*  */
/* ----- SECTION DASHBOARD DOWNLOADS ----- */
.section-dashboard-downloads .title {
    text-align: left;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.section-dashboard .box-downloads {
    padding: 1.4rem 2.125rem 2.5625rem 1.75rem;
}
.section-dashboard-downloads .table-wrap {
    min-height: 50vh;
}
.section-dashboard-downloads .table th, .section-dashboard-downloads .table td {
    flex: 1;
}
.section-dashboard .box-downloads .table th:first-child, 
.section-dashboard .box-downloads .table td:first-child {
    flex: 0 0 7%;
    width: 7%;
}
.section-dashboard .box-downloads .table th {
    letter-spacing: -0.4px;
}
.section-dashboard .box-downloads .table th:nth-child(2), 
.section-dashboard .box-downloads .table td:nth-child(2) {
    flex: 0 0 15.9%;
    width: 15.9%;
}
.section-dashboard .box-downloads .table th:nth-child(3), 
.section-dashboard .box-downloads .table td:nth-child(3) {
    flex: 0 0 17.7%;
    width: 17.7%;
}
.section-dashboard .box-downloads .table th:nth-child(4), 
.section-dashboard .box-downloads .table td:nth-child(4) {
    flex: 0 0 14.4%;
    width: 14.4%;
}
.section-dashboard .box-downloads .table th:nth-child(5), 
.section-dashboard .box-downloads .table td:nth-child(5) {
    flex: 0 0 17.8%;
    width: 17.8%;
}
.section-dashboard .box-downloads .table th:last-child, 
.section-dashboard .box-downloads .table td:last-child {
    padding-right: 1.8rem;
}
.section-downloads .table th:nth-child(2), .section-downloads .table td:nth-child(2),
.section-downloads .table th:nth-child(3), .section-downloads .table td:nth-child(3) {
    min-width: 10rem;
}
.section-downloads .table th:nth-child(4), .section-downloads .table td:nth-child(4),
.section-downloads .table th:nth-child(5), .section-downloads .table td:nth-child(5),
.section-downloads .table th:nth-child(6), .section-downloads .table td:nth-child(6) {
    font-size: 0.9rem;
    min-width: 6rem;
}

.section-dashboard-downloads .table-wrap .btn, .section-downloads .table-wrap .btn {
    font-size: 0.9375rem;
    color: #fff;
    font-weight: 700;
    padding: 0.6rem 0.5rem;
    width: 9.3rem;
}
.section-downloads .table-wrap .btn:hover {
    color: #DC1E23;
}
.section-dashboard .dashboard-box .form-select {
    font-size: 1.125rem;
    color: #000;
    font-weight: 500;
    height: 2.8125rem;
    padding: 0.5rem 2.5rem 0.5rem 2.1rem;
    border: 1px solid #000;
    border-radius: 6.25rem;
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9609 14L16.2626 13.3L13.469 16.1L13.469 8L12.4713 8L12.4713 16.1L9.67783 13.3L8.97945 14L12.9702 18L16.9609 14Z' fill='%23DA3A32'/%3E%3Cpath d='M13.4687 26.6C6.25192 26.6 0.399962 20.7358 0.399963 13.5C0.399963 6.26419 6.25192 0.399999 13.4687 0.399999C20.6855 0.4 26.5375 6.2642 26.5375 13.5C26.5375 20.7358 20.6855 26.6 13.4687 26.6Z' stroke='%23D9D9D9' stroke-width='0.8'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: calc(100% - 0.6rem);
    background-size: 1.6875rem;
    background-color: transparent;
}
.section-dashboard-downloads .table-wrap .form-select {
    height: 2.875rem;
    border-radius: 4.875rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-align: center;
    letter-spacing: -0.1px;
    background-position-x: calc(100% - 0.7rem);
}
.section-dashboard .table-wrap .form-select:focus {
    box-shadow: none;
}
.section-dashboard-downloads .table tr {
    display: flex;
}
.section-dashboard-downloads .table td {
    display: flex;
    align-items: center;
}
.section-dashboard .table-wrap .btn-grey {
    background-color: #A8A8A8;
    border-color: #A8A8A8;
}
.section-dashboard .table-wrap .btn.btn.disabled {
    opacity: 1;
}
.section-dashboard-downloads .table-wrap .btn-red:hover {
    color: #ED2024;
}
.section-dashboard-downloads .pagination {
    margin-top: 1.1rem;
    margin-right: 0.2rem;
}
.section-dashboard-downloads .title-wrap {
    position: relative;
    flex: 0 0 24.6rem;
    max-width: 24.6rem;
}
.section-dashboard-downloads .title .h2 {
    margin-bottom: 0;
}
.section-dashboard-downloads .title .lines .line:first-child {
    left: -7rem;
    top: 3.7rem;
}
.section-dashboard-downloads .title .lines .line:nth-child(2) {
    left: -2.7rem;
    top: 3.4rem;
}
.section-dashboard-downloads .title .lines .line:nth-child(3) {
    right: 2.6rem;
    top: -0.6rem;
}
.section-dashboard .box-downloads .dataTables_paginate {
    margin-top: 1rem;
    margin-right: 0.1rem;
}
/* ----- /SECTION DASHBOARD DOWNLOADS ----- */
/*  */
/* ----- SECTION DASHBOARD SUBSCRIPTIONS ----- */
.section-dashboard-subscriptions .title .lines .line:nth-child(3) {
    right: -1.7rem;
}
.section-dashboard-subscriptions .title .lines .line:nth-child(4) {
    right: 0.6rem;
    top: -0.9rem;
}
.section-dashboard .box-subscriptions .table th:first-child, 
.section-dashboard .box-subscriptions .table td:first-child {
    flex: 0 0 7.9%;
    width: 7.9%;
}
.section-dashboard .box-subscriptions .table th:nth-child(3), 
.section-dashboard .box-subscriptions .table td:nth-child(3) {
    flex: 0 0 12%;
    width: 12%;
}
.section-dashboard .box-subscriptions .table th:nth-child(4), 
.section-dashboard .box-subscriptions .table td:nth-child(4) {
    flex: 0 0 8.7%;
    width: 8.7%;
}
.section-dashboard .box-subscriptions .table th:nth-child(5), 
.section-dashboard .box-subscriptions .table td:nth-child(5) {
    flex: 0 0 13.8%;
    width: 13.8%;
}
.section-dashboard .box-subscriptions .table th:nth-child(6), 
.section-dashboard .box-subscriptions .table td:nth-child(6) {
    flex: 0 0 14.7%;
    width: 14.7%;
}
.section-dashboard .box-subscriptions .table th:nth-child(7), 
.section-dashboard .box-subscriptions .table td:nth-child(7) {
    flex: 0 0 12.4%;
    width: 12.4%;
}
.section-dashboard .badge-blue {
    color: #20A3ED;
}
.section-dashboard .badge-dark-green {
    color: #0B6000;
}
.section-dashboard .badge-dark-red {
    color: #ED2024;
}
.section-dashboard .badge-dark-grey {
    color: #4F4F4F;
}
.section-dashboard .badge-dark-blue {
    color: #0029FF;
}
/* ----- /SECTION DASHBOARD SUBSCRIPTIONS ----- */
/*  */
/* ----- SECTION DASHBOARD ACCOUNT ----- */
.section-dashboard-account {
    padding-bottom: 14.1rem;
}
.box-change-password .icon-eye {
    width: 1.75rem;
    height: 1.25rem;
    background-image: url(../img/icon-eye-hide.svg);
    background-position: center;
    position: absolute;
}
.box-change-password .icon-eye.password-visible {
    background-image: url(../img/icon-eye-visible.svg);
}
.section-dashboard-account .col {
    padding: 0 0.8125rem;
}
.section-dashboard-account .row {
    margin: 0 -0.8125rem;
}
.section-dashboard-account .col-left {
    flex: 0 0 46%;
    max-width: 46%;
}
.section-dashboard-account .col-right {
    flex: 0 0 54%;
    max-width: 54%;
}
.section-dashboard .box-my-mail {
    padding: 4.4rem 3.5rem 5.1rem 3rem;
}
.section-dashboard .box-my-mail .box-title {
    justify-content: center;
    padding-right: 1.4rem;
    margin-bottom: 3.3rem;
}
.section-dashboard .box-my-mail .box-title .icon {
    flex: 0 0 2.0625rem;
    max-width: 2.0625rem;
    margin-right: 0.75rem;
    display: flex;
    align-items: center;
}
.section-dashboard .box-my-mail .user-email {
    color: #868686;
}
.section-dashboard .box-change-password .box-title {
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 3.9rem;
}
.section-dashboard .box-change-password {
    padding: 4.5rem 4.3125rem 4.35rem 4.8125rem;
}
.section-dashboard .box-change-password .box-title .icon {
    display: flex;
    align-items: center;
    margin-right: 0.6875rem;
}
.section-dashboard .box-change-password .form-group label {
    color: #000;
    display: block;
    font-weight: 500;
    margin-bottom: 0.4rem;
}
.section-dashboard .box-change-password .form-control {
    border: 1px solid #000;
    background: transparent;
    height: 2.8125rem;
    padding: 0.575rem 2.65rem 0.575rem 2.45rem;
    color: #868686;
}
.section-dashboard .box-change-password .input-wrap {
    position: relative;
}
.section-dashboard .box-change-password .input-wrap .icon-eye {
    position: absolute;
    right: 0.9375rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.section-dashboard .box-change-password .form-group {
    margin-bottom: 2.2rem;
}
.section-dashboard .box-change-password form .btn {
    margin-top: 0.75rem;
    margin-left: auto;
    padding: 0 6.4rem;
}
.section-dashboard .box-change-password form {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}
/* ----- /SECTION DASHBOARD ACCOUNT ----- */
/*  */
/* ----- SECTION DASHBOARD SUPPORT ----- */
.section-dashboard-support .title {
    text-align: left;
    margin-left: 0;
    margin-bottom: 6.3rem;
}
.section-dashboard-support .title-wrap {
    position: relative;
    max-width: 19.3rem;
}
.section-dashboard-support .title .lines .line:first-child {
    left: -6.9rem;
    top: 3.9rem;
}
.section-dashboard-support .title .lines .line:nth-child(2) {
    left: -2.7rem;
    top: 3.4rem;
}
.section-dashboard-support .sub-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-left: 0.2rem;
    margin-bottom: 4rem;
}
.section-dashboard-support .sub-title .ticket-title {
    font-size: 1.625rem;
    font-weight: 600;
    padding: 0 2.7rem;
    letter-spacing: -0.8px;
    height: 3.8125rem;
    cursor: auto;
}
.section-dashboard-support .sub-title .ticket-title:hover {
    background-color: #ED2024;
    border-color: #ED2024;
    color: #ffffff;
}
.section-dashboard-support .search {
    width: 29.125rem;
    margin-bottom: 0;
}
.section-dashboard-support .search .form-control {
    background: #fff;
    border: 1px solid #000;
    padding: 0.5rem 2.7rem 0.5rem 1.8rem;
    height: 2.8125rem;
    font-weight: 500;
}
.section-dashboard-support .search .form-control::placeholder {
    color: #000;
}
.section-dashboard-support .search .search-btn {
    width: 4.1rem;
}
.section-dashboard-support .col {
    padding: 0 0.8125rem;
}
.section-dashboard-support .row {
    margin: 0 -0.8125rem;
}
.support-card {
    background: #fff;
    border-radius: 1.375rem;
    box-shadow: -12px -15px 50px 20px rgb(154 154 154 / 20%);
    padding: 1.3125rem 1.125rem 2.5625rem 0.9375rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}
.support-card .card-image {
    width: 100%;
    height: 10rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #E0D9D3;
    position: relative;
    border-radius: 1.375rem;
    margin-bottom: 2.85rem;
    overflow: hidden;
}
.support-card .card-body {
    padding: 0 0.1rem 0 2.1rem;
    min-height: 16.7rem;
}
.support-card h4 {
    font-size: 1.625rem;
    line-height: 2.125rem;
    font-weight: 600;
    letter-spacing: -0.8px;
    margin-bottom: 1rem;
    min-height: 3.4rem;
}
.support-card p {
    font-weight: 500;
    color: #000;
}
.support-card .btn {
    width: 100%;
    height: 2.8125rem;
    letter-spacing: -0.6px;
    margin-top: auto;
}
.support-card .lines .line {
    position: absolute;
}
.support-card .lines .line span {
    background-color: #ED2024;
    transform: matrix(1, 0.58, 0, 0.89, 0, 0);
    -moz-border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-animation: message-floating 30s linear infinite;
    -moz-animation: message-floating 30s linear infinite;
    animation: message-floating 30s linear infinite;
}
.support-card .lines .line:first-child {
    width: 4.3rem;
    height: 0.5rem;
    right: 2.9rem;
    bottom: 1.8rem;
}
.support-card .lines .line:first-child span {
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    background: rgb(237 32 36 / 30%);
}
.support-card .lines .line:nth-child(2) {
    width: 2.6rem;
    height: 1.1rem;
    left: 4.2rem;
    bottom: 0rem;
}
.support-card .lines .line:nth-child(2) span {
    animation-direction: reverse;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
    border-radius: 2px;
}
.support-card .lines .line:nth-child(3) {
    width: 8.3rem;
    height: 4.1rem;
    top: 6.5rem;
    left: 5.6rem;
}
.support-card .lines .line:nth-child(3) span {
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    background: rgb(237 32 36 / 20%);
}
.support-card .lines .line:nth-child(4) {
    width: 6.7rem;
    height: 2px;
    top: 6rem;
    left: 3.1rem;
}
.support-card .lines .line:nth-child(4) span {
    animation-direction: reverse;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.support-card .card-image-two .lines .line:first-child {
    top: 2.7rem;
    right: 5.3rem;
    width: 3.6rem;
    height: 0.3rem;
}
.support-card .card-image-two .lines .line:nth-child(2) {
    bottom: auto;
    top: 3.6rem;
    left: 3.8rem;
    height: 0.9rem;
    width: 2.1rem;
}
.support-card .card-image-two .lines .line:nth-child(3) {
    width: 6.9rem;
    height: 3.6rem;
    top: 1.5rem;
    left: 5rem;
}
.support-card .card-image-two .lines .line:nth-child(4) {
    width: 5rem;
    height: 2px;
    top: 1.4rem;
    left: 3.4rem;
}
.support-card .card-image-three .lines .line:first-child {
    right: auto;
    left: -1.4rem;
    bottom: auto;
    top: 3.7rem;
    width: 4.1rem;
    height: 0.4rem;
}
.support-card .card-image-three .lines .line:nth-child(2) {
    left: auto;
    right: 5.6rem;
    bottom: 0.8rem;
    width: 2.4rem;
    height: 1rem;
}
.support-card .card-image-three .lines .line:nth-child(3) {
    left: auto;
    right: -1.7rem;
    top: 6.1rem;
}
.support-card .card-image-three .lines .line:nth-child(4) {
    left: -1.1rem;
    top: 5.4rem;
}
.support-card .card-image-three .lines .line:nth-child(5) {
    width: 6rem;
    height: 2px;
    right: 2.7rem;
    top: 5.7rem;
}
.support-card .card-image-three .lines .line:nth-child(5) span {
    animation-direction: reverse;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.support-card .card-image-three .lines .line:nth-child(6) {
    width: 3rem;
    height: 0.3rem;
    right: -2.2rem;
    top: 6.9rem;
}
.support-card .card-image-three .lines .line:nth-child(6) span {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: rgb(237 32 36 / 30%);
}
.section-dashboard-support .form-box .col {
    padding: 0 0.5rem;
}
.section-dashboard-support .form-box .row {
    margin: 0 -0.5rem;
}
/* ----- /SECTION DASHBOARD SUPPORT ----- */
/*  */
/* ----- SECTION ORDERS PROBLEMS ----- */
.section-orders-problems {
    padding-top: 5.8rem;
    padding-bottom: 21.8rem;
}
.breadcrumb .breadcrumb-item {
    font-size: 1.125rem;
    line-height: 1.375rem;
    font-weight: 600;
    color: #000;
}
.breadcrumb .breadcrumb-item a {
    font-weight: 400;
    color: #000;
}
.breadcrumb {
    padding: 0 0.2rem;
    margin-bottom: 0.5rem;
}
.breadcrumb-item+.breadcrumb-item::before {
    content: '>';
    padding-right: 0.3rem;
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: 0.3rem;
}
.section-orders-problems .title .title-wrap {
    max-width: 34.8rem;
}
.section-orders-problems .title {
    margin-bottom: 2.8rem;
}
.section-dashboard .form-box {
    padding: 2rem;
}
.section-dashboard .dashboard-box .form-select:focus, .section-dashboard .dashboard-box .form-select:active {
    box-shadow: none;
}
.section-dashboard .dashboard-box .form-control {
    border: 1px solid #dee2e6;
    border-radius: 6.25rem;
    height: 3rem;
    font-size: 0.9rem;
    color: #050708;
    padding: 0.375rem 2rem;
    background-color: transparent;
}
.section-dashboard .dashboard-box .form-group {
    width: 100%;
    margin-bottom: 2.4rem;
    position: relative;
}
.section-dashboard .dashboard-box .form-group label {
    display: block;
    color: #050708;
    margin-bottom: 0.4rem;
    font-weight: 500;
}
.section-dashboard .dashboard-box .form-group .input-wrap {
    position: relative;
}
.section-dashboard .dashboard-box .form-group .icon-required {
    position: absolute;
    right: 0.75rem;
    top: 0.3125rem;
    font-weight: 500;
    font-size: 1.125rem;
    color: #ED2024;
    line-height: 1.375rem;
}
.section-dashboard .dashboard-box textarea.form-control {
    resize: none;
    height: 10.9rem;
    margin-top: 0.5rem;
    border-radius: 1.875rem;
    padding-top: 1rem;
}
.section-dashboard .dashboard-box .input-wrap-textarea .icon-required {
    top: 0.9375rem;
}
.section-dashboard .bootstrap-select .dropdown-toggle {
    background: #fff;
    border:1px solid #dee2e6;
    margin-top:0!important;
    padding: 0 2rem;
}
.section-dashboard .bootstrap-select .dropdown-toggle .filter-option {
    display: flex;
    align-items: center;
}
.section-dashboard .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    font-size: 1rem;
    font-weight: 400;
}
.section-dashboard .form-box form {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.section-dashboard .form-box form .wcl-message-wrapper {
    width: 100%;
}

.section-dashboard .form-box form .btn {
    margin-top: 1.1rem;
    margin-left: auto;
    min-width: 17.3rem;
    letter-spacing: -0.5px;
}
/* ----- /SECTION ORDERS PROBLEMS ----- */
/*  */
/* ----- SECTION DASHBOARD BILLING ----- */
.section-dashboard-billing {
    padding-top: 5.7rem;
    padding-bottom: 13.5rem;
}
.section-dashboard-billing .title {
    margin-bottom: 3rem;
}
.section-dashboard-billing .form-box {
    padding: 5.6rem 7.9rem 3.2rem 7.8rem;
}
.section-dashboard-billing .form-box .form-group {
    margin-bottom: 2.3rem;
}
.section-dashboard-billing .form-box .col:last-child {
    margin-top: 1.2rem;
}
.section-dashboard-billing .form-box form .btn {
    margin-top: 0.8rem;
}
/* ----- /SECTION DASHBOARD BILLING ----- */
/*  */
/* ----- SECTION DASHBOARD PRE SALE ----- */
.section-dashboard-pre-sale .form-box {
    padding-top: 4.5rem;
}
.section-dashboard-pre-sale {
    padding-bottom: 27.2rem;
}
/* ----- /SECTION DASHBOARD PRE SALE ----- */
/*  */
/* ----- SECTION MY TICKETS ----- */
.section-my-tickets .title .title-wrap {
    max-width: 36.6rem;
}
.section-my-tickets .title .lines .line:nth-child(3) {
    right: -5rem;
}
.section-my-tickets .title .lines .line:nth-child(4) {
    right: -2.8rem;
    top: -0.8rem;
}
.section-my-tickets .title {
    margin-bottom: 2.9rem;
    margin-left: 0;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.section-my-tickets .title .h2 {
    margin-bottom: 0;
}
.section-my-tickets.section-ticket .search {
    display: flex;
    justify-content: end;
} 
.section-my-tickets.section-ticket .search .btn {
    height: 3rem;
}
.section-my-tickets nav {
    flex: 0 0 100%;
    max-width: 100%; 
}
.section-my-tickets.section-ticket .dashboard-tickets-info-box {
    padding:2rem;
}
.section-my-tickets.section-ticket .dashboard-tickets-info-box .d-flex {
    line-height: 1.5rem;
}

.section-my-tickets.section-ticket .dashboard-tickets-info-box .fw-bold {
    font-weight: 600!important;
}

.section-dashboard .dashboard-tickets-box {
    padding: 1.2rem 2.125rem 2.9rem 1.75rem;
}
.section-dashboard .dashboard-tickets-box .buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-bottom: 2.4rem;
}
.section-dashboard .dashboard-tickets-box .buttons .btn {
    padding: 0 3.4rem;
    letter-spacing: -0.5px;
    margin-left: 1.3rem;
}
.section-dashboard .dashboard-tickets-box .buttons .btn-black {
    padding: 0 3.1rem;
}
.section-dashboard .dashboard-tickets-box .table th {
    letter-spacing: -0.6px;
}
.section-dashboard .dashboard-tickets-box .table th, 
.section-dashboard .dashboard-tickets-box .table td {
    flex: 1;
    display: flex;
    align-items: center;
}
.section-dashboard .dashboard-tickets-box .table tr {
    display: flex;
    align-items: center;
}
.section-dashboard .dashboard-tickets-box .table th:first-child, 
.section-dashboard .dashboard-tickets-box .table td:first-child {
    flex: 0 0 16.3%;
}
.section-dashboard .dashboard-tickets-box .table th:nth-child(2), 
.section-dashboard .dashboard-tickets-box .table td:nth-child(2) {
    flex: 0 0 12.7%;
}

.section-dashboard .dashboard-tickets-box .table th:nth-child(3), 
.section-dashboard .dashboard-tickets-box .table td:nth-child(3) {
    flex: 0 0 18.5%;
}
.section-dashboard .dashboard-tickets-box .table th:nth-child(4), 
.section-dashboard .dashboard-tickets-box .table td:nth-child(4) {
    flex: 0 0 22%;
}
.section-dashboard .dashboard-tickets-box .table th:nth-child(5), 
.section-dashboard .dashboard-tickets-box .table td:nth-child(5) {
    flex: 0 0 9.2%;
}
.section-dashboard .dashboard-tickets-box .table td:nth-child(6) {
    text-align: center;
    justify-content: flex-end;
    padding-right: 1.7rem;
}
.section-dashboard .dashboard-tickets-box .table .btn {
    padding: 0.9rem 1.875rem;
    font-weight: 700;
}
.section-dashboard .dashboard-tickets-box .table th:nth-child(6) {
    padding-left: 3.15rem;
}
.section-dashboard.section-my-tickets .table th:nth-child(3),
.section-dashboard.section-my-tickets .table td:nth-child(3),
.section-dashboard.section-my-tickets .table th:nth-child(4),
.section-dashboard.section-my-tickets .table td:nth-child(4)
{
    text-align: center;
    min-width: 15rem;
}

.section-dashboard.section-my-tickets .table th:nth-child(5), .section-dashboard.section-my-tickets .table td:nth-child(5) {
    text-align: left;
}

.section-dashboard.section-my-tickets .table th:nth-child(6), .section-dashboard.section-my-tickets .table td:nth-child(6) {
    text-align: right;
    padding-right:2rem;
}

.section-dashboard .dashboard-tickets-box .pagination {
    margin-top: 1.9rem;
    margin-right: 0.9rem;
}
.section-dashboard .dashboard-tickets-box .dataTables_paginate {
    margin-right: 0.8rem;
    margin-top: 1.9rem;
}
.section-dashboard.section-my-tickets .box-head {
    display: flex;
    justify-content: end;
}

/* ----- /SECTION MY TICKETS ----- */
/*  */
/* ----- SECTION MY TICKET ----- */
.dashboard-my-ticket-box {
    position: relative;
    padding: 2rem;
}
.dashboard-my-ticket-box h4 {
    font-size: 1.625rem;
    line-height: 2.125rem;
    font-weight: 600;
    letter-spacing: -0.8px;
}
.dashboard-my-ticket-box .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.0078125' y='30.4062' width='43' height='5' rx='2.5' transform='rotate(-45 0.0078125 30.4062)' fill='%23ED2024'/%3E%3Crect x='3.53906' y='0.00195312' width='43' height='5' rx='2.5' transform='rotate(45 3.53906 0.00195312)' fill='%23ED2024'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    width: 2.125rem;
    height: 2.125rem;
    position: absolute;
    opacity: 1;
    padding: 0;
    right: 3rem;
    top: 2.6rem;
    background-size: 2.1rem;
}
.dashboard-my-ticket-box .ticket-title {
    padding: 0 2rem;
    margin-bottom: 3.6875rem;
}
.dashboard-my-ticket-box .ticket-title h4 {
    margin-bottom: 0;
}
.dashboard-my-ticket-box .ticket-body {
    display: flex;
    flex-direction: column;
}
.dashboard-my-ticket-box .message-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3.1875rem;
    max-width: 100%;
}
.dashboard-my-ticket-box .message-wrap .user-avatar {
    width: 3.8125rem;
    height: 3.8125rem;
    border-radius: 50%;
    flex: 0 0 3.8125rem;
    background-color: #ED2024;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-right: -1.875rem;
    z-index: 10;
    margin-top: 1.5rem;
}
.dashboard-my-ticket-box .message-wrap .user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.dashboard-my-ticket-box .message-wrap .user-avatar .user-icon {
    width: auto;
    height: auto;
    margin-bottom: 0.25rem;
}
.dashboard-my-ticket-box .message-body {
    background-color: #F7F9FC;
    border-radius: 1.5rem;
    padding: 2.25rem 2.5rem 2.6875rem;
    flex: 1;
    max-width: 89.3%;
}
.dashboard-my-ticket-box .message-body p {
    line-height: 2rem;
    font-weight: 500;
    color: #000;
    margin-bottom: 1.9rem;
}
.dashboard-my-ticket-box .message-body h4 {
    margin-bottom: 1.3rem;
}
.dashboard-my-ticket-box .message-body .message-content {
    word-wrap: break-word;
    padding-left: 2.7rem;
}
.dashboard-my-ticket-box .message-body .date {
    font-size: 0.625rem;
    line-height: 1.125rem;
    color: #050708;
}
.dashboard-my-ticket-box .message-body p:last-of-type {
    margin-bottom: 0rem;
}
.dashboard-my-ticket-box .message-wrap-right {
    max-width: 100%;
    margin-left: auto;
    text-align: right;
    justify-content: flex-end;
}
.dashboard-my-ticket-box .message-wrap-right .user-avatar {
    order: 2;
    margin-top: 1.4rem;
    margin-right: 0;
    margin-left: -1.875rem;
}
.dashboard-my-ticket-box .message-wrap-right .message-content {
    padding-left: 2rem;
    padding-right: 2.5rem;
}

.dashboard-my-ticket-box .box-footer {
    padding-top:2rem;
    border-top:1px solid #F4F6F8;
}

.dashboard-my-ticket-box .box-footer form {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 0;
}

.dashboard-my-ticket-box .box-footer .wcl-message-wrapper {
    width: 100%;
}

.dashboard-my-ticket-box .box-footer .btn {
    margin-top: 2.5rem;
    width: 15.5rem;
}
/* ----- /SECTION MY TICKET ----- */
/*  */
/* ----- MODAL-TICKET ----- */
.modal-ticket .modal-content {
    border-radius: 1.375rem;
}
.modal-ticket .modal-content::before {
    background: rgb(154 154 154 / 20%);
    inset: -1.4375rem -1.375rem -2.9375rem -0.9375rem;
    filter: blur(20px);
}
.modal-ticket .modal-dialog {
    margin-top: 7.7rem;
    margin-right: 1.7rem;
    max-width: 49.2rem;
}
.modal-ticket .btn-close:focus {
    box-shadow: none;
}
.dashboard-my-ticket-box .form-control {
    background: transparent;
    height: 2.8125rem;
    border: 1px solid #000;
    padding: 0.5rem 2.2rem;
    transition: 0.3s;
    overflow: hidden;
}
.dashboard-my-ticket-box .form-control.hidden {
    opacity: 0;
    visibility: hidden;
    height: 0;
    padding: 0 2.2rem;
}
.dashboard-my-ticket-box .cke {
    width: 100%;
    border: 1px solid #000;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    transition: 0.4s;
    overflow: hidden;
}
.dashboard-my-ticket-box .cke.show {
    max-height: 1000px;
    visibility: visible;
    opacity: 1;
}
.modal-ticket .form-control::placeholder {
    color: #000;
}
.modal-ticket .box-footer .btn {
    height: 2.8125rem;
}
/* ----- /MODAL-TICKET ----- */
/*  */
/* ----- SECTION DASHBOARD PAYMENT ----- */
.section-dashboard-payment {
    padding-top: 7.7rem;
    min-height: 85.6rem;
    padding-bottom: 17.9rem;
}
.section-dashboard-payment .dashboard-sidebar {
    top: 14.8rem;
}
.section-dashboard-payment .title {
    text-align: left;
    margin-left: 1.3rem;
    max-width: 36rem;
    margin-bottom: 2.9rem;
}
.section-dashboard-payment h1 {
    letter-spacing: 0.4px;
}
.section-dashboard-payment .title .lines .line:first-child {
    left: -6.8rem;
    top: 3.8rem;
}
.section-dashboard-payment .title .lines .line:nth-child(2) {
    left: -2.7rem;
    top: 3.4rem;
}
.section-dashboard .payment-methods-box {
    max-width: 46.3rem;
    padding: 2.5625rem 2.3125rem 2.3125rem 1.75rem;
    display: flex;
    flex-direction: column;
}
.section-dashboard .payment-methods-box .table th {
    padding-top: 0.4rem;
    padding-bottom: 2rem;
}
.section-dashboard .payment-methods-box .table th:first-child, 
.section-dashboard .payment-methods-box .table td:first-child {
    flex: 0 0 48.2%;
}
.section-dashboard .payment-methods-box .table td:first-child svg {
    margin-right: 0.625rem;
}
.section-dashboard .payment-methods-box .table .btn {
    font-weight: 700;
    padding: 0.8rem 2.5rem;
}
.section-dashboard .payment-methods-box .table tr {
    display: flex;
    align-items: center;
}
.section-dashboard .payment-methods-box .table th:nth-child(2), 
.section-dashboard .payment-methods-box .table td:nth-child(2) {
    flex: 0 0 29.9%;
}
.section-dashboard .payment-methods-box .table th, 
.section-dashboard .payment-methods-box .table td {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.section-dashboard .payment-methods-box > .btn {
    margin-left: auto;
    margin-top: 0.6rem;
    padding: 0 3.4rem;
    font-size: 1.125rem;
    letter-spacing: -0.5px;
}
.section-dashboard .payment-methods-box-empty {
    max-width: 48rem;
    text-align: center;
    padding: 5.5rem 3.3rem 5.6rem 2rem;
}
.section-dashboard .payment-methods-box-empty p {
    font-weight: 500;
    color: #000;
}
.section-dashboard .payment-methods-box-empty .btn {
    margin-top: 0.5rem;
    letter-spacing: -0.5px;
    padding: 0 3.4rem;
}
.section-dashboard .payment-methods-add-box {
    max-width: 41.6rem;
    padding: 4.125rem 5.875rem 3.75rem 5.3125rem;
}
.section-dashboard .payment-methods-add-box .form-group label {
    font-weight: 600;
    color: #000;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}
.section-dashboard .payment-methods-add-box .cards {
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: 0.375rem;
}
.section-dashboard .payment-methods-add-box .cards img {
    margin-left: 0.2rem;
    flex: 0 0 1.875rem;
    max-width: 1.875rem;
    object-fit: contain;
}
.section-dashboard .payment-methods-add-box .form-control {
    border: 0;
    background-color: #F4F6F8;
    height: 3.6875rem;
    font-size: 1.125rem;
    font-weight: 500;
    color: #000;
    padding: 0.5rem 2.7rem;
}
.section-dashboard .payment-methods-add-box .form-control-icon {
    padding: 0.5rem 1rem 0.5rem 4.6rem;
}
.section-dashboard .payment-methods-add-box .form-control::placeholder {
    color: #000;
}
.section-dashboard .payment-methods-add-box form .row {
    margin: 0 -0.5rem;
}
.section-dashboard .payment-methods-add-box form .col {
    padding: 0 0.5rem;
}
.section-dashboard .payment-methods-add-box .input-wrap {
    margin-bottom: 0.75rem;
    position: absolute;
}
.section-dashboard .payment-methods-add-box .input-icon {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.3rem;
}
.section-dashboard .payment-methods-add-box .country-select .flag-dropdown {
    right: 0;
}
.section-dashboard .payment-methods-add-box .country-select .selected-flag {
    width: 100%;
    padding-left: 1.4rem;
}
.section-dashboard .payment-methods-add-box .country-select .arrow {
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.50232 4.29133L1.38707 0.176254C1.27403 0.0629453 1.12289 0.00061221 0.961739 0.000612217C0.800496 0.000612224 0.649447 0.0629453 0.536227 0.176254L0.175821 0.536839C0.0624225 0.64997 -2.4748e-07 0.801198 -2.40436e-07 0.962352C-2.33392e-07 1.12351 0.0624225 1.27455 0.175821 1.38777L5.07538 6.28742C5.18896 6.40109 5.34072 6.46334 5.50206 6.46289C5.66411 6.46334 5.81569 6.40118 5.92936 6.28742L10.8242 1.39233C10.9376 1.27912 11 1.12807 11 0.966823C11 0.805669 10.9376 0.65462 10.8242 0.541311L10.4638 0.180815C10.2292 -0.0537624 9.84732 -0.0537624 9.61284 0.180815L5.50232 4.29133Z' fill='%23ED2024'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    border: 0;
    width: 0.75rem;
    height: 0.4375rem;
    background-size: contain;
    right: 1.3rem;
}
.section-dashboard .payment-methods-add-box .country-select .flag-dropdown:hover .selected-flag {
    background-color: transparent;
}
.section-dashboard .payment-methods-add-box .form-control-billing {
    padding-left: 4rem;
}
.section-dashboard .payment-methods-add-box .btn {
    margin-top: 0.1rem;
    width: 100%;
    height: 3.7rem;
}
.section-dashboard .country-select input, .section-dashboard .country-select input[type=text] {
    padding-right: 2.2rem;
}
/* ----- /SECTION DASHBOARD PAYMENT ----- */
/*  */
/* ----- SECTION DASHBOARD BALANCE ----- */
.section-dashboard-balance .title {
    text-align: left;
    margin-left: 0rem;
    max-width: 19.6rem;
}
.section-dashboard-balance .title .lines .line:first-child {
    left: -6.9rem;
    top: 3.6rem;
}
.section-dashboard-balance .title .lines .line:nth-child(2) {
    left: -2.7rem;
    top: 3.3rem;
}
.section-dashboard .dashboard-balance-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 2rem;
    font-weight: 500;
    color: #000;
    margin-bottom: 1.5rem;
}
.section-dashboard .dashboard-balance-box .balance-val {
    color: #ED2024;
    font-weight: 700;
    font-size: 3.0625rem;
    margin-left: auto;
    line-height: 3.5rem;
}
.section-dashboard .dashboard-balance-box .icon {
    flex: 0 0 1.2rem;
    max-width: 1.2rem;
    margin-right: 0.4rem;
}
.section-dashboard .dashboard-transaction-box {
    padding: 3.25rem 3.375rem 3.9375rem 2.375rem;
    min-height: 40rem;
}
.section-dashboard .dashboard-transaction-box .nav-tabs .nav-link {
    font-size: 1.125rem;
    font-weight: 700;
    color: #B9B9B9;
    border: 0;
    border-radius: 6.25rem;
    background: #F7F9FC;
    width: 100%;
    height: 2.8125rem;
    letter-spacing: -0.6px;
}
.section-dashboard .dashboard-transaction-box .nav-tabs .nav-item {
    flex: 0 0 21rem;
    max-width: 21rem;
    padding: 0 0.875rem;
}
.section-dashboard .dashboard-transaction-box .nav-tabs {
    border: 0;
    margin: 0 -0.875rem 3.8125rem;
}
.section-dashboard .dashboard-transaction-box .nav-tabs .nav-link.active {
    color: #fff;
    background: #ED2024;
}
.section-dashboard .dashboard-transaction-box .form-group label {
    display: block;
    color: #000;
    font-weight: 600;
    margin-bottom: 1.4rem;
}
.section-dashboard .dashboard-transaction-box form, .section-dashboard .box-transaction form{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 2rem;
}
.section-dashboard .dashboard-transaction-box form .btn, .section-dashboard .box-transaction form .btn {
    padding: 1.7rem 7.9rem;
}
.section-dashboard .dashboard-transaction-box form .form-control, .section-dashboard .box-transaction form .form-control {
    background-color: #F4F6F8;
    border: 0;
    height: 3.6875rem;
    font-size: 1.125rem;
    font-weight: 500;
    padding: 0.5rem 2.7rem;
}
.section-dashboard-balance #transaction-tab-pane {
    min-width: 45.7rem;
}
.section-dashboard .dashboard-transaction-box .table-wrap {
    margin-right: -1rem;
}
.section-dashboard .dashboard-transaction-box .table th {
    padding-top: 0.5rem;
}
.section-dashboard .dashboard-transaction-box .table th:first-child {
    padding-left: 2.5rem;
}
.section-dashboard .dashboard-transaction-box .table th:first-child, 
.section-dashboard .dashboard-transaction-box .table td:first-child {
    flex: 0 0 12.6%;
}
.section-dashboard .dashboard-transaction-box .table th:nth-child(2), 
.section-dashboard .dashboard-transaction-box .table td:nth-child(2) {
    flex: 0 0 20%;
}
.section-dashboard .dashboard-transaction-box .table th:nth-child(3), 
.section-dashboard .dashboard-transaction-box .table td:nth-child(3) {
    flex: 0 0 29.3%;
}
.section-dashboard .dashboard-transaction-box .table td {
    letter-spacing: -0.1px;
}
.section-dashboard .dashboard-transaction-box .table tr {
    display: flex;
    flex-wrap: wrap;
}
.section-dashboard .dashboard-transaction-box .table th, 
.section-dashboard .dashboard-transaction-box .table td {
    display: flex;
    align-items: center;
    flex: 1;
}
.section-dashboard .dashboard-transaction-box .dataTables_paginate {
    margin-right: -0.4rem;
    margin-top: 1.3rem;
    margin-bottom: -1.3rem;
}
/* ----- /SECTION DASHBOARD BALANCE ----- */
/*  */
/* ----- SECTION COUPON ----- */
.section-dashboard-coupon {
    padding-top: 7.6rem;
    padding-bottom: 13.4rem;
}
.section-dashboard-coupon .title {
    margin-bottom: 3rem;
    text-align: left;
    margin-left: 1.3rem;
}
.section-dashboard-coupon .title-wrap {
    max-width: 20.2rem;
    position: relative;
}
.section-dashboard .dashboard-coupon-box {
    padding: 2.75rem 1.8125rem 3.6875rem 1.9375rem;
}
.section-dashboard .dashboard-coupon-box .box-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 1.125rem;
    line-height: 2rem;
    font-weight: 500;
    padding-left: 1rem;
    letter-spacing: 0px;
    margin-bottom: 1.4rem;
}
.section-dashboard .dashboard-coupon-box .box-title .icon {
    display: flex;
    align-items: center;
    margin-right: 0.5rem;
}
.section-dashboard .dashboard-coupon-box .coupons-wrap {
    background: #F4F6F8;
    border-radius: 1.25rem;
    padding: 3.125rem 3.25rem 1rem;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2.5625rem;
}
.section-dashboard .dashboard-coupon-box .coupons-wrap .coupon-card {
    margin-right: 2.125rem;
    margin-bottom: 2.125rem;
}
.coupon-card {
    border-radius: 1rem;
    max-width: 15.375rem;
    flex: 0 0 15.375rem;
    position: relative;
    color: #fff;
    height: 10.5rem;
    z-index: 1;
}
.coupon-card .card-body {
    overflow: hidden;
    padding: 0;
    position: absolute;
    inset: 0;
    z-index: 20;
}
.coupon-card .card-head {
    position: absolute;
    display: flex;
    justify-content: flex-end;
    left: 0;
    right: 1rem;
    font-size: 0.6875rem;
    line-height: 0.8125rem;
    font-weight: 700;
    top: 0.6rem;
    z-index: 20;
}
.coupon-card::before {
    content: '';
    width: 11.875rem;
    height: 7.375rem;
    position: absolute;
    border-radius: 1rem;
    bottom: -0.75rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: rgb(154 154 154 / 80%);
    filter: blur(30px);
    z-index: -1;
}
.coupon-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: #ED2024;
    border-radius: 1rem;
    z-index: 1;
}
.coupon-card > * {
    z-index: 10;
}
.coupon-card .card-head .value {
    font-size: 2.0625rem;
    line-height: 2.375rem;
    margin-left: 0.9rem;
}
.coupon-card .card-head .card-discount {
    margin-top: 0.4rem;
    letter-spacing: 0.2px;
}
.coupon-card .coupon-title {
    background: #000;
    z-index: 20;
    position: absolute;
    font-size: 1.9375rem;
    font-weight: 700;
    line-height: 2.1875rem;
    left: -2rem;
    right: -2rem;
    height: 3.9375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 3.9rem;
    transform: rotate(-8.09deg);
}
.coupon-card .coupon-date {
    position: absolute;
    font-size: 0.625rem;
    right: 1.8rem;
    bottom: 1.1rem;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: -0.1px;
}
.coupon-card-used {
    color: #ED2024;
}
.coupon-card-used::after {
    background-color: #E6E1E1;
}
.coupon-card-used .coupon-title {
    background-color: #ED2024;
    color: #fff;
}
.coupon-card-expired::after {
    background-color: #E09192;
}
.coupon-card-expired .coupon-title {
    background-color: #fff;
    color: #ED2024;
}
.coupon-card-used .card-head, .coupon-card-expired .card-head {
    right: 1.3rem;
}
.section-dashboard .dashboard-coupon-box .pagination {
    margin-top: 4.5rem;
    margin-right: 0rem;
}
.section-dashboard-coupon .title .lines .line:first-child {
    left: -6.9rem;
    top: 3.8rem;
}
.section-dashboard-coupon .title .lines .line:nth-child(2) {
    left: -2.8rem;
    top: 3.4rem;
}
.section-dashboard-coupon .title .lines .line:nth-child(3) {
    right: 4rem;
    top: -0.6rem;
}
.section-dashboard-coupon .title .lines .line:nth-child(4) {
    top: -0.7rem;
    right: 6.2rem;
}
.coupon-card .lines {
    z-index: 10;
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.coupon-card .lines .line {
    position: absolute;
}
.coupon-card .lines .line span {
    background-color: #ED2024;
    transform: matrix(1, 0.58, 0, 0.89, 0, 0);
    -moz-border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-animation: message-floating-three 15s linear infinite;
    -moz-animation: message-floating-three 15s linear infinite;
    animation: message-floating-three 15s linear infinite;
}
.coupon-card .lines .line:first-child {
    width: 7.5rem;
    height: 4rem;
    bottom: 2.6rem;
    right: 2rem;
}
.coupon-card .lines .line:first-child span {
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    background: rgb(104 13 15 / 20%);
    animation-direction: reverse;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}
.coupon-card .lines .line:nth-child(2) {
    width: 6.4rem;
    height: 2px;
    bottom: 6.7rem;
    right: 5.6rem;
}
.coupon-card .lines .line:nth-child(2) span {
    background: rgb(104 13 15 / 20%);
}
.coupon-card .lines .line:nth-child(3) {
    width: 2.2rem;
    height: 0.975rem;
    top: 3.7rem;
    left: 3.3rem;
}
.coupon-card .lines .line:nth-child(3) span {
    background: rgb(104 13 15 / 25%);
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-duration: 10s;
    -moz-animation-duration: 10s;
    animation-duration: 10s;
    border-radius: 2px;
}
.coupon-card .lines .line:nth-child(4) {
    width: 3.825rem;
    height: 5px;
    top: 4.2rem;
    left: 0.6rem;
}
.coupon-card .lines .line:nth-child(4) span {
    background: rgb(104 13 15 / 8%);
    -webkit-animation-duration: 10s;
    -moz-animation-duration: 10s;
    animation-duration: 10s;
    animation-direction: reverse;
}
.coupon-card-used .lines .line:nth-child(3) span {
    background: rgb(104 13 15 / 10%);
}
.coupon-card-used .lines .line:nth-child(4) span {
    background: rgb(104 13 15 / 5%);
}
.coupon-card-expired .lines .line:nth-child(3) span {
    background: rgb(104 13 15 / 40%);
}
.coupon-card-expired .lines .line:nth-child(2) span {
    background: rgb(104 13 15 / 40%);
}
.coupon-card-expired .lines .line:nth-child(4) span {
    background: rgb(104 13 15 / 15%);
}
.section-dashboard .dashboard-coupon-box .coupon-empty {
    background-image: url(../../img/coupon-empty-bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    min-height: 15.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-dashboard .dashboard-coupon-box .coupon-empty p {
    font-size: 1.125rem;
    line-height: 2rem;
    font-weight: 500;
    color: #000;
    margin-bottom: 0;
}
/* ----- /SECTION COUPON ----- */
/*  */
/* ----- SECTION GIFT ----- */
.section-dashboard-gift .dashboard-sidebar {
    top: 14.9rem;
}
.section-dashboard-gift {
    padding-top: 7.6rem;
    padding-bottom: 8.8rem;
}
.section-dashboard-gift .title {
    text-align: left;
    margin-left: 1.3rem;
    margin-bottom: 3rem;
}
.section-dashboard-gift .title-wrap {
    position: relative;
    max-width: 21rem;
}
.section-dashboard-gift .title .lines .line:first-child {
    left: -6.8rem;
    top: 3.8rem;
}
.section-dashboard-gift .title .lines .line:nth-child(2) {
    left: -2.7rem;
    top: 3.4rem;
}
.section-dashboard-gift .title .lines .line:nth-child(3) {
    right: 2.2rem;
    top: -0.6rem;
}
.section-dashboard-gift .title .lines .line:nth-child(4) {
    right: 4.5rem;
    top: -0.8rem;
}
.section-dashboard-gift .row-boxes {
    margin: 0 -0.3125rem;
}
.section-dashboard-gift .row-boxes > .col {
    padding: 0 0.3125rem;
}
.btn-file .form-control {
    opacity: 0;
    position: absolute;
}
.section-dashboard-gift .dashboard-gift-box {
    padding: 1.75rem 1.6875rem 1.8125rem 1.8125rem;
}
.section-dashboard-gift .col-left {
    flex: 0 0 25.9rem;
    max-width: 25.9rem;
}
.section-dashboard-gift .col-right {
    flex: 1;
    max-width: 100%;
}
.section-dashboard .gift-card {
    width: 100%;
    position: relative;
    height: 14.9375rem;
    border-radius: 1.375rem;
    color: #fff;
    font-size: 1.1875rem;
    font-weight: 700;
    line-height: 1.375rem;
    z-index: 1;
}
.section-dashboard .gift-card::before {
    content: '';
    width: 16.8125rem;
    height: 10.375rem;
    background: rgb(154 154 154 / 80%);
    border-radius: 1.375rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1.0625rem;
    margin: 0 auto;
    filter: blur(40px);
    z-index: -1;
}
.section-dashboard .gift-card .card-body {
    position: absolute;
    inset: 0;
    z-index: 10;
    border-radius: 1.375rem;
    background-image: url(../images/gift-card-bg-1.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: #ED2024;
    background-size: cover;
    overflow: hidden;
}
.section-dashboard .gift-card .card-title {
    position: absolute;
    left: 1.5rem;
    top: 1.4rem;
}
.section-dashboard .gift-card .card-amount {
    font-size: 4.5rem;
    line-height: 5.1875rem;
    position: absolute;
    right: 2.8rem;
    top: 2.3rem;
}
.section-dashboard .gift-card .lines {
    position: absolute;
    inset: 0;
    overflow: hidden;
    z-index: -1;
}
.section-dashboard .gift-card .line {
    position: absolute;
}
.section-dashboard .gift-card .line span {
    background-color: #ED2024;
    transform: matrix(1, 0.58, 0, 0.89, 0, 0);
    -moz-border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-animation: message-floating-three 15s linear infinite;
    -moz-animation: message-floating-three 15s linear infinite;
    animation: message-floating-three 15s linear infinite;
}
.section-dashboard .gift-card .line:first-child {
    width: 10.6rem;
    height: 5.4rem;
    top: 3.1rem;
    right: 1.1rem;
}
.section-dashboard .gift-card .line:first-child span {
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    background: rgb(104 13 15 / 20%);
    animation-direction: reverse;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}
.section-dashboard .gift-card .line:nth-child(2) {
    width: 8.5rem;
    height: 3px;
    top: 2.7rem;
    right: 6.6rem;
}
.section-dashboard .gift-card .line:nth-child(2) span {
    background: rgb(104 13 15 / 20%);
}
.section-dashboard .gift-card .line:nth-child(3) {
    width: 3rem;
    height: 1.3rem;
    top: 5.2rem;
    left: 4.8rem;
}
.section-dashboard .gift-card .line:nth-child(3) span {
    background: rgb(104 13 15 / 25%);
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-duration: 10s;
    -moz-animation-duration: 10s;
    animation-duration: 10s;
    border-radius: 2px;
}
.section-dashboard .gift-card .line:nth-child(4) {
    width: 5rem;
    height: 6px;
    top: 5.7rem;
    left: 0.8rem;
}
.section-dashboard .gift-card .line:nth-child(4) span {
    background: rgb(104 13 15 / 8%);
    -webkit-animation-duration: 10s;
    -moz-animation-duration: 10s;
    animation-duration: 10s;
    animation-direction: reverse;
}
.section-dashboard-gift .dashboard-gift-box .gift-card-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 500;
    margin-top: 3.1rem;
    line-height: 2rem;
    margin-bottom: 3.1rem;
}
.section-dashboard-gift .dashboard-gift-box .gift-card-title .amount {
    color: #ED2125;
    font-weight: 800;
    font-size: 1.5625rem;
    margin-left: auto;
    line-height: 2.75rem;
}
.section-dashboard-gift .dashboard-gift-box .gift-card-title .icon {
    flex: 0 0 1.125rem;
    max-width: 1.125rem;
    max-height: 1.125rem;
    margin-right: 0.6rem;
    display: flex;
    align-items: center;
}
.section-dashboard-gift .dashboard-gift-box .form-group label {
    display: block;
    font-weight: 600;
    color: #000;
    margin-bottom: 0.6rem;
}
.section-dashboard-gift .dashboard-gift-box form .form-control {
    border: 0;
    background: #F4F6F8;
    height: 3.6875rem;
}
.section-dashboard .dashboard-box .form-group {
    margin-bottom: 0.9rem;
}
.section-dashboard-gift .dashboard-gift-box form textarea.form-control {
    height: 13.1rem;
}
.section-dashboard .dashboard-box .form-group:last-child {
    margin-bottom: 0;
}
.section-dashboard .dashboard-gift-style-box {
    padding: 3.25rem 3.875rem 3.125rem 3.375rem;
}
.section-dashboard .dashboard-gift-style-box .box-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 2rem;
    padding-left: 0.2rem;
    letter-spacing: 0px;
    margin-bottom: 3.2rem;
}
.section-dashboard .dashboard-gift-style-box .box-title .btn {
    margin-top: 0;
    margin-left: auto;
    margin-right: -0.5rem;
    padding: 1rem 2.7rem;
    letter-spacing: -0.4px;
}
.section-dashboard .card-style-buttons {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0.3rem 2.5rem;
    margin-right: -1.9rem;
}
.section-dashboard .card-style-buttons .card-style-radio {
    flex: 1;
    max-width: 8.7rem;
    margin-right: 0.5rem;
}
.section-dashboard .card-style-buttons .card-btn {
    padding: 0.6875rem;
    position: relative;
    width: 100%;
    z-index: 1;
}
.section-dashboard .card-style-buttons .card-btn .card-body {
    width: 100%;
    position: relative;
    height: 100%;
    padding: 0;
    min-height: 5.3rem;
}
.section-dashboard .card-style-buttons .card-btn .card-body::before {
    content: '';
    background-image: url(../images/gift-card-btn-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    inset: 0;
    border-radius: 0.5rem;
}
.section-dashboard .card-style-buttons .card-style-radio input:checked~label::before {
    content: "";
    border-radius: 0.5rem;
    border: 1px solid #ED2024;
    position: absolute;
    inset: 0;
}
.section-dashboard .card-style-buttons .card-btn-2 .card-body::before {
    background-image: url(../images/gift-card-btn-2.jpg);
}
.section-dashboard .card-style-buttons .card-btn-3 .card-body::before {
    background-image: url(../images/gift-card-btn-3.jpg);
}
.section-dashboard .card-style-buttons .card-btn-4 .card-body::before {
    background-image: url(../images/gift-card-btn-4.jpg);
}
.section-dashboard .card-style-buttons .card-btn .card-amount {
    color: #fff;
    position: absolute;
    font-size: 1.5rem;
    font-weight: 700;
    right: 0.9rem;
    top: 0.6rem;
}
.section-dashboard .card-style-buttons .card-btn-2 .card-amount {
    top: auto;
    bottom: 0.25rem;
    font-size: 1.25rem;
    right: 0.5rem;
}
.section-dashboard .card-style-buttons .card-btn-3 .card-amount {
    font-size: 1rem;
    color: #E8CCA2;
    right: 0.5rem;
    top: auto;
    bottom: 0.1rem;
}
.section-dashboard .dashboard-gift-style-box .select-amount {
    border-top: 1px solid #D9D9D9;
    padding-top: 2rem;
    padding-bottom: 2.6rem;
}
.section-dashboard .card-style-buttons .card-btn::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.375rem;
    height: 3.5625rem;
    border-radius: 0.5rem;
    background: rgb(154 154 154 / 50%);
    filter: blur(17px);
    z-index: -1;
    width: 5.75rem;
    margin: 0 auto;
}
.section-dashboard .dashboard-gift-style-box h6 {
    font-weight: 600;
    margin-left: 0.2rem;
    margin-bottom: 1rem;
}
.section-dashboard .dashboard-gift-style-box .amount-radio-buttons {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.8rem 0 0.2rem;
}
.section-dashboard .dashboard-gift-style-box .amount-radio-buttons .form-check input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    margin: 0;
}
.section-dashboard .dashboard-gift-style-box .amount-radio-buttons .form-check label {
    height: 2.8125rem;
    border: 1px solid #000;
    border-radius: 6.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    padding: 0 1.3rem;
    font-size: 1.125rem;
    min-width: 7.3rem;
}
.section-dashboard .dashboard-gift-style-box .amount-radio-buttons .form-check {
    padding: 0;
    flex: 0 0 auto;
    margin-right: 0.8rem;
}
.section-dashboard .dashboard-gift-style-box .amount-radio-buttons .form-check:last-child {
    flex: 1;
}
.section-dashboard .dashboard-gift-style-box .amount-radio-buttons .form-check:last-child label {
    width: 100%;
}
.section-dashboard .dashboard-gift-style-box .amount-radio-buttons .form-check input:checked~label {
    border-color: #ED2024;
    background-color: #ED2024;
    color: #fff;
}
.section-dashboard .deliver-info {
    border-top: 1px solid #D9D9D9;
    padding-top: 2.3rem;
}
.section-dashboard .dashboard-gift-style-box form .form-control {
    background: #F4F6F8;
    height: 3.6875rem;
    border: 0;
    font-size: 0.9375rem;
    padding: 1rem 1.8rem;
    font-weight: 400;
    color: #000;
}
.section-dashboard .dashboard-gift-style-box form .row {
    margin: 0 -0.375rem;
}
.section-dashboard .dashboard-gift-style-box form .col {
    padding: 0 0.375rem;
}
.section-dashboard .dashboard-gift-style-box form .col-left {
    flex: 0 0 45.7%;
    max-width: 45.7%;
}
.section-dashboard .dashboard-box .form-group .input-bottom-link {
    font-size: 0.9375rem;
    color: #000;
    font-weight: 600;
    line-height: 1.625rem;
    position: absolute;
    right: 0;
    margin-top: 0.4rem;
}
.section-dashboard .dashboard-box .form-group .input-bottom-link:hover {
    color: #ED2024;
}
.section-dashboard .dashboard-gift-style-box .form-group, 
.section-dashboard .dashboard-gift-style-box .form-group:last-child {
    margin-bottom: 1.4rem;
}
.section-dashboard .dashboard-gift-style-box form textarea.form-control {
    height: 8.3rem;
}
.section-dashboard .dashboard-gift-style-box .form-group .icon-calendar {
    position: absolute;
    bottom: 0;
    right: 1.8rem;
    height: 3.6875rem;
    display: flex;
    align-items: center;
}
.section-dashboard .dashboard-gift-style-box .btn {
    margin-left: auto;
    padding: 1.72rem 6.2rem;
}
.section-dashboard .dashboard-gift-style-box form {
    display: flex;
    flex-wrap: wrap;
}
.section-dashboard .gift-card-2 .card-body {
    background-image: url(../images/gift-card-bg-2.png);
}
.section-dashboard .gift-card:not(:first-child) {
    margin-top: 3rem;
}
.section-dashboard .gift-card-2 .card-title {
    top: 1.3rem;
    left: auto;
    right: 1.5rem;
}
.section-dashboard .gift-card-2 .card-amount {
    top: auto;
    bottom: 1.1rem;
    right: 1.5rem;
    font-size: 3.625rem;
}
.section-dashboard .gift-card-2 .card-title {
    top: 1.3rem;
    left: auto;
    right: 1.5rem;
}
.section-dashboard .gift-card-2 .card-amount {
    top: auto;
    bottom: 1.1rem;
    right: 1.5rem;
    font-size: 3.625rem;
}
.section-dashboard .gift-card-2 .line:first-child {
    height: 1.5rem;
    width: 3.4rem;
    top: 5.5rem;
    right: 1rem;
}
.section-dashboard .gift-card-2 .line:first-child span {
    background: #ED2024;
    border-radius: 2px;
}
.section-dashboard .gift-card-2 .line:nth-child(2) span {
    background: rgb(237 32 36 / 30%);
    border-radius: 2px;
}
.section-dashboard .gift-card-2 .line:nth-child(2) {
    top: 6rem;
    right: 3.3rem;
    width: 5.6rem;
    height: 0.6rem;
}
.section-dashboard .gift-card-3 .card-body {
    background-image: url(../images/gift-card-bg-3.png);
}
.section-dashboard .gift-card-3 .card-title {
    left: -0.9rem;
    top: 6.6rem;
    transform: rotate(-90deg);
}
.section-dashboard .gift-card-3 .card-amount {
    color: #E8CCA2;
    font-size: 2.9375rem;
    top: auto;
    bottom: 0.5rem;
    right: 1.7rem;
}
.section-dashboard .gift-card-3 .line:first-child {
    top: auto;
    bottom: 4.1rem;
    right: 4.8rem;
    width: 3rem;
    height: 1.4rem;
}
.section-dashboard .gift-card-3 .line:first-child span {
    background: #ED2024;
    border-radius: 2px;
}
.section-dashboard .gift-card-3 .line:nth-child(2) {
    top: auto;
    bottom: 3.2rem;
    right: 1.2rem;
}
.section-dashboard .gift-card-3 .line:nth-child(2) span {
    background: #ED2024;
}
.section-dashboard .gift-card-3 .line:nth-child(3) {
    bottom: 4.525rem;
    top: auto;
    right: 6.5125rem;
    left: auto;
    width: 5.3rem;
    height: 0.375rem;
}
.section-dashboard .gift-card-3 .line:nth-child(3) span {
    background: rgb(237 32 36 / 30%);
}
/* ----- /SECTION GIFT ----- */
/*  */
/* ----- SECTION DASHBOARD REVIEWS ----- */
.section-dashboard-reviews {
    padding-top: 7.7rem;
    padding-bottom: 3.4rem;
    min-height: 93.8rem;
}
.section-dashboard-reviews .dashboard-sidebar {
    top: 14.9rem;
}
.section-dashboard-reviews .title {
    margin-left: 1.4rem;
    margin-bottom: 0.5rem;
    text-align: left;
}
.section-dashboard-reviews .title .h2 {
    text-transform: none;
}
.section-dashboard .product-reviews-box {
    padding: 3.3rem 3.1rem 3.1rem;
    min-width: 46.7rem;
    transition: 0.4s;
}
.section-dashboard .product-reviews-box .nav-tabs .nav-link {
    border-radius: 6.25rem;
    border: 0;
    font-size: 1.125rem;
    color: #B9B9B9;
    font-weight: 700;
    padding: 0.4rem 1.5rem;
    letter-spacing: -0.5px;
    width: 100%;
    margin: 0;
    background: #F7F9FC;
}
.section-dashboard .product-reviews-box .nav-tabs .nav-link.active {
    background: #ED2024;
    color: #fff;
}
.section-dashboard .product-reviews-box .nav-tabs .nav-item {
    flex: 1;
    max-width: 21rem;
    padding: 0 0.8125rem;
}
.section-dashboard .product-reviews-box .nav-tabs {
    margin: 0 -0.8125rem 3.875rem;
    border: 0;
}
.section-dashboard .product-reviews-box form {
    padding-top: 2.4rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.section-dashboard .product-reviews-box form .form-select {
    border: 0;
    background-color: #F4F6F8;
    height: 3.6875rem;
    padding: 0.6rem 2.7rem;
    background-position-x: calc(100% - 1.3rem);
}
.section-dashboard .product-reviews-box form .form-group {
    margin-bottom: 2.2rem;
}
.section-dashboard .product-reviews-box form .form-group label {
    font-weight: 600;
    margin-bottom: 1.375rem;
}
.section-dashboard .product-reviews-box form .form-control {
    border: 0;
    background: #F4F6F8;
}
.section-dashboard .product-reviews-box form textarea.form-control {
    height: 13.3125rem;
}
.section-dashboard .product-reviews-box form .rating {
    margin-top: 0.6rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.section-dashboard .product-reviews-box form .rating h6 {
    margin-bottom: 0;
    margin-right: 1.5rem;
}
.section-dashboard .product-reviews-box form .rating svg {
    margin-right: 0.1rem;
}
.section-dashboard .product-reviews-box form .btn {
    margin-left: auto;
    margin-top: 3.3rem;
    padding: 1.7rem 1.5rem;
    width: 21.2rem;
}
.section-dashboard-reviews .title-wrap {
    position: relative;
}
.section-dashboard-reviews .title .lines .line:first-child {
    left: -6.8rem;
    top: 3.8rem;
}
.section-dashboard-reviews .title .lines .line:nth-child(2) {
    left: -2.7rem;
    top: 3.4rem;
}
.section-dashboard-reviews .title .lines .line:nth-child(3) {
    right: -3.2rem;
}
.section-dashboard-reviews .title .lines .line:nth-child(4) {
    right: -1rem;
}
.section-dashboard .product-reviews-box.table-visible {
    min-width: 87vw;
}
.section-dashboard .product-reviews-box .table-wrap {
    width: 84vw;
    overflow-x: auto;
    padding-right: 2.0625rem;
    transform: scale(1, -1);
    backface-visibility: hidden;
    padding-bottom: 1.5rem;
}
.section-dashboard.sidebar-opened .product-reviews-box .table-wrap {
    width: 76.6vw;
}
.section-dashboard .product-reviews-box .table {
    transform: scale(1, -1);
    backface-visibility: hidden;
    padding-right: 2rem;
}
.section-dashboard .product-reviews-box .table tr {
    display: flex;
}
.section-dashboard .product-reviews-box .table th, 
.section-dashboard .product-reviews-box .table td {
    backface-visibility: hidden;
    display: flex;
    align-items: center;
}
.section-dashboard .product-reviews-box .table th:first-child, 
.section-dashboard .product-reviews-box .table td:first-child {
    width: 4.6rem;
    min-width: 4.6rem;
}
.section-dashboard .product-reviews-box .table th:nth-child(2), 
.section-dashboard .product-reviews-box .table td:nth-child(2) {
    width: 10.5rem;
    min-width: 10.5rem;
}
.section-dashboard .product-reviews-box .table th:nth-child(3), 
.section-dashboard .product-reviews-box .table td:nth-child(3) {
    width: 11.7rem;
    min-width: 11.7rem;
}
.section-dashboard .product-reviews-box .table th:nth-child(4), 
.section-dashboard .product-reviews-box .table td:nth-child(4) {
    width: 27.6rem;
    min-width: 27.6rem;
}
.section-dashboard .product-reviews-box .table th:nth-child(5), 
.section-dashboard .product-reviews-box .table td:nth-child(5) {
    width: 10.9rem;
    min-width: 10.9rem;
}
.section-dashboard .product-reviews-box .table p {
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.0625rem;
    padding-right: 2rem;
}
.section-dashboard .product-reviews-box .table p:last-child {
    margin-bottom: 0;
}
.section-dashboard .product-reviews-box .table .rating {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0.3rem;
    width: 100%;
}
.section-dashboard .product-reviews-box .table .rating svg {
    flex: 0 0 1.25rem;
    margin-right: 0.18rem;
}
.section-dashboard .product-reviews-box .table .buttons {
    display: flex;
    flex-wrap: wrap;
}
.section-dashboard .product-reviews-box .table th:nth-child(6), 
.section-dashboard .product-reviews-box .table td:nth-child(6) {
    width: 15.9rem;
    min-width: 15.9rem;
}
.section-dashboard .product-reviews-box .table .buttons .btn {
    margin-right: 0.9rem;
    padding: 0.8rem 2.4rem;
    max-width: 7rem;
}
.section-dashboard .product-reviews-box .table .buttons .btn:last-child {
    margin-right: 0;
}
.section-dashboard .product-reviews-box .dataTables_paginate {
    margin-right: 4.6rem;
}
.section-dashboard.sidebar-opened .product-reviews-box .dataTables_paginate {
    margin-top: 1.9rem;
    margin-right: 9.1rem;
}
/* ----- /SECTION DASHBOARD REVIEWS ----- */
/*  */
/* ----- SECTION DASHBOARD FAQ ----- */
.section-dashboard-faq {
    padding-top: 7.7rem;
    min-height: 85.7rem;
    padding-bottom: 10rem;
}
.section-dashboard-faq .dashboard-sidebar {
    top: 14.9rem;
}
.section-dashboard-faq .title {
    display: flex;
    flex-wrap: wrap;
    margin-left: 1.3rem;
    align-items: flex-start;
    max-width: 100%;
    text-align: left;
    margin-bottom: 1.3rem;
}
.section-dashboard-faq .title .h2 {
    margin-bottom: 0;
}
.section-dashboard-faq .title .search {
    margin-top: 2.9rem;
    margin-left: auto;
}
.section-dashboard-faq .title-wrap {
    position: relative;
    max-width: 14.6rem;
    flex: auto;
}
.section-dashboard-faq .title .lines .line:first-child {
    left: -6.9rem;
    top: 3.7rem;
}
.section-dashboard-faq .title .lines .line:nth-child(2) {
    left: -2.7rem;
    top: 3.4rem;
}
.section-dashboard-faq .title .lines .line:nth-child(3) {
    top: -0.7rem;
    right: 3.2rem;
}
.section-dashboard-faq .title .lines .line:nth-child(4) {
    top: -0.9rem;
    right: 5.4rem;
}
.section-dashboard .dashboard-faq-box {
    padding: 3.3rem 2.5rem 3.3rem 3rem;
}
.section-dashboard .dashboard-faq-box .nav-tabs .nav-link {
    font-size: 1.125rem;
    color: #B9B9B9;
    font-weight: 700;
    border-radius: 6.25rem;
    border: 0;
    background: #F7F9FC;
    padding: 0.35rem 3.15rem;
    margin: 0;
    margin-right: 1.3125rem;
    min-width: 12.875rem;
    letter-spacing: -0.6px;
}
.section-dashboard .dashboard-faq-box .nav-tabs .nav-link.active {
    background: #ED2024;
    color: #fff;
}
.section-dashboard .dashboard-faq-box .nav-item:first-child .nav-link {
    min-width: 11rem;
}
.section-dashboard .dashboard-faq-box .nav-tabs {
    flex: 1;
    border: 0;
}
.section-dashboard .dashboard-faq-box .form-select {
    flex: 0 0 13.5rem;
    border: 0;
    background-color: #F4F6F8;
    margin-right: -0.2rem;
    padding: 0.6rem 2.6rem;
}
.section-dashboard .dashboard-faq-box .box-title {
    margin-bottom: 6.75rem;
}
.section-dashboard .faq-item .collapse-btn {
    height: auto;
    width: 100%;
    text-align: left;
    justify-content: flex-start;
    margin: 0;
    font-weight: 600;
    padding: 0.5rem 3.2rem;
    position: relative;
    overflow: visible;
}
.section-dashboard .faq-item .collapse-btn::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.51479 0.497535L0.217476 2.83706L4.66988 7.20697C4.82499 7.37449 5.01365 7.50749 5.22361 7.59733C5.43356 7.68717 5.66012 7.73184 5.88858 7.72845C6.11704 7.72506 6.34229 7.67368 6.54972 7.57765C6.75714 7.48162 6.94211 7.34308 7.0926 7.17102L11.469 2.71429L9.13179 0.420405L5.89883 3.70109L2.51479 0.497535Z' fill='%23ED2024'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 1.5rem;
    top: 0;
    bottom: 0;
    width: 0.75rem;
    height: 0.75rem;
    transition: 0.4s;
    margin: auto 0;
    background-position: center;
}
.section-dashboard .faq-item .collapse-btn:not(.collapsed)::after {
    transform: rotate(180deg);
}
.section-dashboard .faq-item {
    background: #F4F6F8;
    border-radius: 1.25rem;
    padding: 1.7rem 0;
    margin-bottom: 1.25rem;
}
.section-dashboard .faq-item .collapse-content {
    padding: 0.8rem 7.4rem 0 3.4rem;
}
.section-dashboard .faq-item .collapse-content p:last-child {
    margin-bottom: 0;
}
.section-dashboard .dashboard-faq-box .pagination {
    margin-top: 3.3rem;
    margin-right: -0.2rem;
}
/* ----- /SECTION DASHBOARD FAQ ----- */

/* ----- /SECTION DASHBOARD LOGIN ----- */

.section-dashboard-login {
    min-height: 35.7rem;
}

.section-dashboard-login .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.section-dashboard-login .title {
    text-align: left;
    margin-left: 0!important;
    margin-bottom: 0.2rem;
    max-width: 19.6rem;
}

.section-dashboard-login .title .lines .line:first-child {
    left: -6.9rem;
    top: 3.6rem;
}

.section-dashboard-login .title .lines .line:nth-child(2) {
    left: -2.7rem;
    top: 3.3rem;
}

.section-dashboard .dashboard-login-box {
    width: 100%;
}

.section-dashboard .dashboard-login-box .grey-title {
    background-color: #F4F6F8;
    padding: 1.5rem 2rem;
    border-top-left-radius: 1.375rem;
    border-top-right-radius: 1.375rem;
}

.section-dashboard .dashboard-login-box .grey-title p {
    padding: 0;
    margin:0;
}

.section-dashboard .dashboard-login-box form {
    padding: 2rem;
}

.section-dashboard .dashboard-login-box .form-control {
    background: #F4F6F8;
    -moz-border-radius: 31.25rem;
    -webkit-border-radius: 31.25rem;
    border-radius: 31.25rem;
    border: 0;
    font-size: 1.125rem;
    font-weight: 400;
    color: #050708;
    padding: 1.175rem 1.95rem;
    height: auto;
}

.section-dashboard .dashboard-login-box .btn {
    width: 100%;
    padding: 0 3.7rem;
    height: 4rem;
}

/* ----- /SECTION DASHBOARD LOGIN ----- */


.section-dashboard .dashboard-affiliate-box {
    padding: 2rem;
}

.section-dashboard .dashboard-affiliate-box label {
    font-size: 0.9375rem;
    line-height: 1.25rem;
    padding: 0 0 1rem 0;
    font-weight: 600;
    color: #000;
}

.section-dashboard .dashboard-affiliate-box input {
    margin-bottom: 1.5rem;
}

.section-dashboard .dashboard-affiliate-box .table  {
    margin-bottom: 0rem;
}

.section-dashboard .dashboard-affiliate-box .table th, .section-dashboard .dashboard-affiliate-box .table td {
    padding:0!important;
    background: transparent!important;
    height: auto;
}

.section-dashboard .dashboard-affiliate-box .table th {
    padding: 0 0 1rem 0!important;
}

.section-dashboard .dashboard-affiliate-box .table th:first-child, .section-dashboard .dashboard-affiliate-box .table td:first-child {
    text-align: left;
}

.section-dashboard-affiliate .box-transaction .table th:first-child, .section-dashboard-affiliate .box-transaction .table td:first-child {
    min-width: 12rem;
}

.section-dashboard-affiliate .box-transaction .table th:nth-child(6), .section-dashboard-affiliate .box-transaction .table th:nth-child(6) {
    min-width: 6rem;
}

.section-dashboard-affiliate .info-table-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    margin-top: 1rem;
}

.section-dashboard-affiliate .info-box {
    flex: 1 1 30%;
    min-width: 200px;
    padding: 1rem;
    text-align: center;
    border-radius: 1.875rem;
    background-color: #F7F9FC;
}

.section-dashboard-affiliate .info-label {
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #050708;
}

.section-dashboard-affiliate .info-value {
    font-size: 1.1rem;
    color: #000;
}

.btn-outline-black {
    color: #000;
    border-color: #000000;
    background-color: transparent;
    border-width: 1px;
}
.btn-outline-black:hover {
    color: #fff;
    background-color: #000;
}





@media(min-width: 1600px){
    /* ----- SECTION DASHBOARD ----- */
    .section-dashboard .product-reviews-box.table-visible {
        min-width: 89rem;
    }
    .section-dashboard .product-reviews-box .dataTables_paginate {
        margin-right: 6rem;
    }
    .section-dashboard.sidebar-opened .product-reviews-box .dataTables_paginate {
        margin-right: 8rem;
    }
    .section-dashboard .product-reviews-box .table-wrap {
        width: 81vw;
    }
    .section-dashboard-faq .title {
        margin-left: 1.3rem;
    }
    /* ----- /SECTION DASHBOARD ----- */
    /*  */
}
@media(min-width: 1800px) {
    .section-dashboard-orders .table-wrap {
        width: 100%;
    }
    .section-dashboard-orders.sidebar-opened .table-wrap {
        width: 100%;
    }
    .section-dashboard .payment-methods-box {
        max-width: 52.3rem;
    }
    .section-dashboard.sidebar-opened .product-reviews-box .dataTables_paginate {
        margin-right: 1rem;
    }
    .section-dashboard .product-reviews-box .table {
        transform: none;
    }
    .section-dashboard .product-reviews-box .table-wrap {
        transform: none;
    }
}

@media(max-width: 1439px){
/* ----- SECTION DASHBOARD ----- */
    .section-dashboard .box-user-history .box-item > div:first-child {
        flex: 0 0 49%;
        max-width: 49%;
    }
    .section-dashboard .box-orders .nav-tabs .nav-link {
        min-width: 9rem;
    }
    .section-dashboard .box-orders .nav-tabs .nav-item:first-child .nav-link {
        min-width: 8rem;
    }
    /* ----- SECTION DASHBOARD ----- */
    /*  */
    /* ----- SECTION DASHBOARD DOWNLOADS ----- */
    .section-dashboard-downloads .table td:first-child{
        padding-left: 1.5rem;
    }
    .section-dashboard-downloads .table th:first-child {
        padding-left: 2.2rem;
    }
    .section-dashboard .box-downloads .table th:nth-child(2), 
    .section-dashboard .box-downloads .table td:nth-child(2) {
        flex: 0 0 13%;
        width: 13%;
    }
    .section-dashboard .box-downloads .table th:nth-child(5), 
    .section-dashboard .box-downloads .table td:nth-child(5) {
        flex: 0 0 15%;
        max-width: 15%;
    }
    .section-dashboard-downloads .table .btn {
        width: auto;
        min-width: 7rem;
    }
    .section-dashboard .box-downloads .table th:nth-child(3), 
    .section-dashboard .box-downloads .table td:nth-child(3) {
        flex: 0 0 19.7%;
        width: 19.7%;
    }
    .section-dashboard .box-downloads .table th:nth-child(4), 
    .section-dashboard .box-downloads .table td:nth-child(4) {
        flex: 0 0 15%;
        width: 15%;
    }
    .section-dashboard .box-downloads .table th:last-child, 
    .section-dashboard .box-downloads .table td:last-child {
        padding-right: 1.2rem;
    }
    .section-dashboard-downloads .table td {
        font-size: 1rem;
        line-height: 1.125rem;
    }
    /* ----- /SECTION DASHBOARD DOWNLOADS ----- */
    /*  */
    /* ----- SECTION DASHBOARD SUBSCRIPTIONS ----- */
    .section-dashboard .box-subscriptions .table th:nth-child(3), 
    .section-dashboard .box-subscriptions .table td:nth-child(3) {
        flex: 0 0 12%;
        width: 12%;
    }
    .section-dashboard .box-subscriptions .table th:nth-child(4), 
    .section-dashboard .box-subscriptions .table td:nth-child(4) {
        flex: 0 0 8.7%;
        width: 8.7%;
    }
    /* ----- /SECTION DASHBOARD SUBSCRIPTIONS ----- */
    /*  */
    /* ----- SECTION DASHBOARD SUPPORT ----- */
    .section-dashboard-support .title {
        margin-left: 0;
    }
    .section-dashboard .form-box {
        margin-left: 0;
    }
    .support-card .card-body {
        padding: 0 0.1rem 0 0.875rem;
    }
    /* ----- /SECTION DASHBOARD SUPPORT ----- */
    /*  */
    /* ----- SECTION MY TICKETS ----- */
    .section-dashboard .dashboard-tickets-box .table-wrap {
        overflow-x: auto;
        margin-right: -2.125rem;
        padding-right: 2.125rem;
    }
    .section-dashboard .dashboard-tickets-box .table th:first-child, 
    .section-dashboard .dashboard-tickets-box .table td:first-child {
        width: 12rem;
        min-width: 12rem;
    }
    .section-dashboard .dashboard-tickets-box .table th:nth-child(2), 
    .section-dashboard .dashboard-tickets-box .table td:nth-child(2) {
        width: 8rem;
        min-width: 8rem;
    }
    .section-dashboard .dashboard-tickets-box .table th:nth-child(3), 
    .section-dashboard .dashboard-tickets-box .table td:nth-child(3) {
        width: 11rem;
        min-width: 11rem;
    }
    .section-dashboard .dashboard-tickets-box .table th:nth-child(4), 
    .section-dashboard .dashboard-tickets-box .table td:nth-child(4) {
        width: 12rem;
        min-width: 12rem;
    }
    .section-dashboard .dashboard-tickets-box .table th:nth-child(5), 
    .section-dashboard .dashboard-tickets-box .table td:nth-child(5) {
        width: 7rem;
        min-width: 7rem;
    }
    .section-dashboard .dashboard-tickets-box .table th:nth-child(6), 
    .section-dashboard .dashboard-tickets-box .table td:nth-child(6) {
        width: 11rem;
        min-width: 11rem;
    }
    .section-dashboard .dashboard-tickets-box .table tr {
        display: inline-table;
    }
    .section-dashboard .dashboard-tickets-box .table th, 
    .section-dashboard .dashboard-tickets-box .table td {
        display: table-cell;
    }
    .section-my-tickets .search {
        max-width: 23rem;
    }
    /* ----- /SECTION MY TICKETS ----- */
    /*  */
    /*  */
    /* ----- SECTION DASHBOARD GIFT ----- */
    .section-dashboard-gift .col-left {
        flex: 0 0 42%;
        max-width: 42%;
    }
    .section-dashboard .gift-card .card-amount {
        right: 1.3rem;
        top: 1.7rem;
    }
    .section-dashboard .card-style-buttons .card-style-radio {
        max-width: 31%;
        min-width: 30%;
    }
    .section-dashboard .dashboard-gift-style-box .amount-radio-buttons .form-check label {
        padding: 0 1rem;
        min-width: 3.9rem;
    }
    .section-dashboard .dashboard-gift-style-box .amount-radio-buttons .form-check {
        margin-right: 0.5rem;
    }
    .section-dashboard .dashboard-gift-style-box form .col-left {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-dashboard .gift-card-2 .card-amount, .section-dashboard .gift-card-3 .card-amount {
        top: auto;
    }
    .section-dashboard .card-style-buttons .card-btn .card-body {
        min-height: 4.8rem;
    }
    /* ----- /SECTION DASHBOARD GIFT ----- */
    /*  */
    /* ----- SECTION DASHBOARD REVIEWS ----- */
    .section-dashboard .product-reviews-box.table-visible {
        min-width: 67rem;
    }
    .section-dashboard.sidebar-opened .product-reviews-box.table-visible {
        min-width: 67rem;
    }
    /* ----- /SECTION DASHBOARD REVIEWS ----- */
    /*  */
    /* ----- SECTION DASHBOARD FAQ ----- */
    .section-dashboard .dashboard-faq-box .nav-tabs .nav-link {
        padding: 0.35rem 2.2rem;
        min-width: 11rem;
        margin-right: 1rem;
    }
    .section-dashboard .dashboard-faq-box .nav-item:first-child .nav-link {
        min-width: 9.5rem;
    }
    .section-dashboard .dashboard-faq-box .box-title {
        margin-bottom: 5rem;
    }
    /* ----- /SECTION DASHBOARD FAQ ----- */
    /*  */
}

@media(max-width: 1199px){
    /* ----- SECTION DASHBOARD ----- */
    .section-dashboard .box-my-info {
        padding: 3.6rem 2.3rem 4.4rem;
    }
    .section-dashboard .box-user-history .box-item > div:first-child {
        padding-left: 0;
    }
    .section-dashboard .box-user-history .btn {
        margin-right: 0;
    }
    .section-dashboard .box-user-history {
        padding: 1.5rem 1.5rem 1.375rem;
    }
    .section-dashboard .box-last-orders {
        padding: 2.1875rem 1rem 1.75rem;
    }
    .section-dashboard .box-item-discount {
        background-size: 19.5rem;
        padding: 1.8rem 1.2rem;
    }
    .section-dashboard .box-item-discount-light .content-wrap {
        padding: 0 0.875rem;
    }
    .section-dashboard .box-item-discount-light .btn {
        margin-top: 0.5rem;
    }
    /* ----- /SECTION DASHBOARD ----- */
    /* ----- SECTION DASHBOARD ----- */
    .section-dashboard .box-orders .nav-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    .section-dashboard .box-orders .nav-tabs::-webkit-scrollbar {
        height: 1px;
        opacity: 0;
    }
    .section-dashboard .box-orders .nav-tabs::-webkit-scrollbar-track {
        opacity: 0;
    }
    .section-dashboard .box-orders .nav-tabs::-webkit-scrollbar-thumb {
        opacity: 0;
    }
    .section-dashboard .box-orders .nav-tabs::-webkit-scrollbar-thumb:hover {
        opacity: 0;
    }
    .section-dashboard .search {
        width: 21rem;
    }
    /* ----- /SECTION DASHBOARD ----- */
    /*  */
    /* ----- SECTION DASHBOARD DOWNLOADS ----- */
    .section-dashboard-downloads .table-wrap {
        max-width: 100%;
        overflow-x: auto;
    }
    .section-dashboard .box-downloads .table th:first-child, 
    .section-dashboard .box-downloads .table td:first-child {
        flex: 0 0 6.5rem;
        width: 6.5rem;
    }
    .section-dashboard .box-downloads .table th:nth-child(2), 
    .section-dashboard .box-downloads .table td:nth-child(2) {
        flex: 0 0 11.7rem;
        width: 11.7rem;
        padding-right: 1rem;
    }
    .section-dashboard .box-downloads .table th:nth-child(3), 
    .section-dashboard .box-downloads .table td:nth-child(3) {
        flex: 0 0 12rem;
        width: 12rem;
    }
    .section-dashboard .box-downloads .table th:nth-child(4), 
    .section-dashboard .box-downloads .table td:nth-child(4) {
        flex: 0 0 9rem;
        width: 9rem;
    }
    .section-dashboard .box-downloads .table th:nth-child(5), 
    .section-dashboard .box-downloads .table td:nth-child(5) {
        flex: 0 0 14rem;
        width: 14rem;
    }
    .section-dashboard .box-downloads .table th:nth-child(6), 
    .section-dashboard .box-downloads .table td:nth-child(6) {
        flex: 0 0 14rem;
        width: 14rem;
    }
    .section-dashboard .box-downloads {
        padding-right: 0;
    }
    .section-dashboard-downloads .pagination {
        margin-right: 2rem;
    }
    .section-dashboard .box-downloads .dataTables_paginate {
        margin-right: 3rem;
        margin-top: 2.9rem;
    }
    .section-dashboard-downloads .title-wrap {
        flex: 0 0 21rem;
        max-width: 21rem;
    }
    .section-dashboard-downloads .title .lines .line:nth-child(3) {
        right: -0.4rem;
    }
    .section-dashboard .title .lines .line:nth-child(4) {
        right: 2.5rem;
    }
    /* ----- /SECTION DASHBOARD DOWNLOADS ----- */
    /*  */
    /* ----- SECTION DASHBOARD SUBSCRIPTIONS ----- */
    .section-dashboard .box-subscriptions .table th:nth-child(3), 
    .section-dashboard .box-subscriptions .table td:nth-child(3) {
        flex: 0 0 7rem;
        width: 7rem;
    }
    .section-dashboard .box-subscriptions .table th:nth-child(4), 
    .section-dashboard .box-subscriptions .table td:nth-child(4) {
        flex: 0 0 6.5rem;
        width: 6.5rem;
    }
    .section-dashboard .box-subscriptions .table th:nth-child(5), 
    .section-dashboard .box-subscriptions .table td:nth-child(5) {
        flex: 0 0 9rem;
        width: 9rem;
    }
    .section-dashboard .box-subscriptions .table th:nth-child(6), 
    .section-dashboard .box-subscriptions .table td:nth-child(6) {
        flex: 0 0 8rem;
        width: 8rem;
    }
    .section-dashboard .box-subscriptions .table th:nth-child(7), 
    .section-dashboard .box-subscriptions .table td:nth-child(7) {
        flex: 0 0 7rem;
        width: 7rem;
    }
    .section-dashboard .box-subscriptions .table th:nth-child(8), 
    .section-dashboard .box-subscriptions .table td:nth-child(8) {
        flex: 0 0 6rem;
        width: 6rem;
    }
    /* ----- /SECTION DASHBOARD SUBSCRIPTIONS ----- */
    /*  */
    /* ----- SECTION DASHBOARD ACCOUNT ----- */
    .section-dashboard .box-my-mail .box-title {
        padding-right: 0;
    }
    .section-dashboard .box-change-password {
        padding: 3.6rem 2rem 4.4rem;
    }
    /* ----- /SECTION DASHBOARD ACCOUNT ----- */
    /*  */
    /* ----- SECTION DASHBOARD SUPPORT ----- */
    .section-dashboard-support .sub-title .ticket-title {
        padding: 0 1.5rem;
    }
    .section-dashboard-support .search {
        width: 24rem;
    }
    .section-dashboard-support .col {
        margin-bottom: 1.625rem;
    }
    .section-dashboard-support {
        padding-bottom: 4rem;
    }
    .section-dashboard .form-box {
        padding: 5.8rem 5.9rem 3.5rem 5.8rem;
    }
    /* ----- /SECTION DASHBOARD SUPPORT ----- */
    /*  */
    /* ----- MODAL TICKET ----- */
    .modal-ticket .modal-dialog {
        margin-right: 0.9rem;
        margin-top: 4.6rem;
        max-width: 46.2rem;
    }
    /* ----- /MODAL TICKET ----- */
    /*  */
    /* ----- SECTION DASHBOARD PAYMENT ----- */
    /* ----- /SECTION DASHBOARD PAYMENT ----- */
    /*  */
    /* ----- SECTION DASHBOARD BALANCE ----- */
    .section-dashboard-balance #transaction-tab-pane {
        min-width: 1rem;
    }
    /* ----- SECTION DASHBOARD BALANCE ----- */
    /*  */
    /* ----- SECTION MY TICKET ----- */
    .section-my-tickets .title .h2 {
        max-width: 19rem;
    }
    .section-my-tickets .title .lines .line:nth-child(3) {
        right: -3rem;
    }
    .section-my-tickets .title .lines .line:nth-child(4) {
        right: -0.8rem;
    }
    .section-my-tickets .title .lines .line:nth-child(2) {
        left: -5rem;
    }
    .section-my-tickets .title .lines .line:first-child {
        left: -8.7rem;
    }
    /* ----- /SECTION MY TICKET ----- */
    /*  */
    /* ----- SECTION COUPON ----- */
    /* ----- /SECTION COUPON ----- */
    /*  */
    /* ----- SECTION DASHBOARD GIFT ----- */
    .section-dashboard-gift {
        padding-bottom: 4rem;
    }
    .section-dashboard-gift .title .lines .line:nth-child(4) {
        right: 4.6rem;
    }
    .section-dashboard-gift .col-left {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-dashboard .gift-card {
        max-width: 25rem;
        margin: 0 auto;
    }
    .section-dashboard .dashboard-gift-box {
        margin-bottom: 2.1rem;
    }
    /* ----- /SECTION DASHBOARD GIFT ----- */
    /*  */
    /* ----- SECTION DASHBOARD REVIEWS ----- */
    .section-dashboard-reviews {
        padding-top: 4.7rem;
    }
    .section-dashboard-reviews .title-wrap {
        max-width: 36rem;
    }
    .section-dashboard-reviews .title .lines .line:first-child {
        left: -6.8rem;
        top: auto;
        bottom: -0.3rem;
    }
    .section-dashboard-reviews .title .lines .line:nth-child(2) {
        left: -3.7rem;
        top: 6.9rem;
    }
    .section-dashboard-reviews .title .lines .line:nth-child(4) {
        right: -0.8rem;
    }
    .section-dashboard .product-reviews-box .dataTables_paginate {
        margin-right: 15rem;
    }
    .section-dashboard.sidebar-opened .product-reviews-box .dataTables_paginate {
        margin-right: 6.5rem;
    }
    .section-dashboard.sidebar-opened .product-reviews-box.table-visible {
        min-width: 54rem;
    }
    /* ----- /SECTION DASHBOARD REVIEWS ----- */
    /*  */
    /* ----- SECTION DASHBOARD FAQ ----- */
    .section-dashboard-faq .title .search {
        margin-top: 0.7rem;
    }
    .section-dashboard .dashboard-faq-box {
        padding: 2.5rem 2rem 3.3rem 2.5rem;
    }
    .section-dashboard .dashboard-faq-box .nav-item:first-child .nav-link {
        min-width: 6rem;
    }
    .section-dashboard .dashboard-faq-box .nav-tabs .nav-link {
        padding: 0.35rem 1.5rem;
        min-width: 8rem;
    }
    .section-dashboard .dashboard-faq-box .nav-item:last-child .nav-link {
        margin-right: 0;
    }
    .section-dashboard .dashboard-faq-box .box-title {
        margin-bottom: 3.5rem;
    }
    /* ----- /SECTION DASHBOARD FAQ ----- */
    /*  */
}

@media(max-width: 1023px){
    /* ----- SECTION DASHBOARD ----- */
    .dashboard-sidebar {
        align-items: flex-end;
        top: 11rem;
        padding-top: 9.2rem;
        width: 22.8rem;
        transform: translateX(-15rem);
        padding-right: 1.6rem;
        transition: 0.4s;
    }
    .dashboard-sidebar::before {
        left: -78.1rem;
    }
    .dashboard-sidebar::after {
        background: #ED2024;
        position: absolute;
        left: -0.2rem;
        bottom: 0;
        min-height: 50rem;
        display: block;
        background-image: none;
        width: 100%;
    }
    .dashboard-sidebar.sidebar-open::after {
        left: -0.1rem;
        bottom: 0;
    }
    .dashboard-sidebar .btn-sidebar-open {
        bottom: auto;
        top: 4.2rem;
        left: auto;
        right: 3.3rem;
    }
    .dashboard-sidebar.sidebar-open {
        width: 22.8rem;
        top: 19rem;
        padding-top: 1.2rem;
        padding-left: 6.3rem;
        transform: translateX(0);
    }
    .dashboard-sidebar.sidebar-open::before {
        left: -78rem;
    }
    .dashboard-sidebar li a {
        text-align: left;
        padding: 0 1.6rem;
        width: 4.6rem;
    }
    .dashboard-sidebar.sidebar-open .btn-sidebar-open {
        bottom: auto;
        top: -3.8rem;
        left: -5.8rem;
    }
    .section-dashboard .dashboard-sidebar {
        display: none;
    }
    /* ----- /SECTION DASHBOARD ----- */
    /* ----- SECTION DASHBOARD ----- */
    .section-dashboard.sidebar-opened .box-orders,
    .section-dashboard .box-orders {
        width: 100%;
        overflow: hidden;
    }
    .section-dashboard-orders.sidebar-opened .table-wrap,
    .section-dashboard-orders .table-wrap {
        width: auto;
        margin-right: -1rem;
    }
    .section-dashboard .box-orders .tab-content {
        padding-right: 0;
    }
    .section-dashboard-orders .title .lines .line:first-child {
        left: -4.8rem;
        top: 4.3rem;
    }
    .section-dashboard-orders .title .lines .line:nth-child(2) {
        left: -1.7rem;
        top: 3.4rem;
    }
    .section-dashboard-orders .title .lines .line:nth-child(3) {
        left: 10.6rem;
        top: -0.8rem;
    }
    .section-dashboard-orders .title .lines .line:nth-child(4) {
        left: 9.2rem;
        top: -0.9rem;
    }   
    .section-dashboard .box-orders .box-head {
        padding-right: 0;
    }
    .section-dashboard .table td:first-child {
        max-width: 7rem;
        min-width: 7rem;
    }
    .section-dashboard-orders .table td:nth-child(2) {
        font-size: 0.9rem;
    }
    /* ----- /SECTION DASHBOARD ----- */
    /*  */
    /* ----- SECTION DASHBOARD DOWNLOADS ----- */
    .section-dashboard-downloads .title .lines .line:first-child {
        left: -4rem;
        top: 4.7rem;
    }
    .section-dashboard-downloads .title .lines .line:nth-child(2) {
        left: -2.7rem;
        top: 2.8rem;
    }
    /* ----- /SECTION DASHBOARD DOWNLOADS ----- */
    /*  */
    /* ----- SECTION ORDERS PROBLEMS ----- */
    .section-dashboard .form-box {
        margin-left: 0;
    }
    /* ----- /SECTION ORDERS PROBLEMS ----- */
    /*  */
    .section-dashboard .payment-methods-box {
        margin: 0 auto;
    }
    .section-dashboard-payment {
        min-height: 50rem;
        padding-bottom: 8rem;
    }
    .section-dashboard .payment-methods-box-empty {
        margin: 0 auto;
    }
    .section-dashboard .payment-methods-add-box {
        margin: 0 auto;
    }
    /* ----- /SECTION DASHBOARD PAYMENT ----- */
    /*  */
    /* ----- SECTION MY TICKET ----- */
    .section-my-tickets .title .h2 {
        max-width: 100%;
    }
    .section-my-tickets .title .lines .line:first-child {
        left: -4.7rem;
    }
    .section-my-tickets .title .lines .line:nth-child(2) {
        left: -1.6rem;
    }
    .section-my-tickets.section-ticket .dashboard-tickets-info-box .d-flex.flex-row {
        flex-direction: column !important;
        gap: 1rem !important;
    }
    /* ----- /SECTION MY TICKET ----- */
    /*  */
    /* ----- /SECTION COUPON ----- */
    /*  */
    /* ----- SECTION DASHBOARD GIFT ----- */
    .section-dashboard .card-style-buttons .card-style-radio {
        max-width: 25%;
        min-width: 20%;
    }
    .section-dashboard .dashboard-gift-style-box .amount-radio-buttons .form-check label {
        min-width: 7.3rem;
        padding: 0 1.3rem;
    }
    .section-dashboard .dashboard-gift-style-box form .col-left {
        flex: 0 0 45.7%;
        max-width: 45.7%;
    }
    /* ----- /SECTION DASHBOARD GIFT ----- */
    /*  */
    /* ----- SECTION DASHBOARD REVIEWS ----- */
    .section-dashboard .product-reviews-box {
        margin: 0 auto;
        min-width: 1rem;
        flex: 0 0 100%;
    }
    .section-dashboard.sidebar-opened .product-reviews-box .table-wrap,
    .section-dashboard .product-reviews-box .table-wrap {
        width: auto;
        margin-right: -3.1rem;
    }
    .section-dashboard .product-reviews-box .nav-tabs {
        justify-content: center;
    }
    .section-dashboard.sidebar-opened .product-reviews-box.table-visible, 
    .section-dashboard .product-reviews-box.table-visible {
        min-width: 1rem;
    }
    .section-dashboard.sidebar-opened .product-reviews-box .dataTables_paginate,
    .section-dashboard .product-reviews-box .dataTables_paginate {
        margin-right: 0;
    }
    /* ----- /SECTION DASHBOARD REVIEWS ----- */
    /*  */
    /* ----- SECTION DASHBOARD FAQ ----- */
    .section-dashboard-faq .title .lines .line:nth-child(4) {
        right: 5.5rem;
    }
    .section-dashboard-faq .title .lines .line:nth-child(2) {
        top: 2.7rem;
    }
    .section-dashboard-faq .title .lines .line:first-child {
        left: -4.3rem;
        top: 4.4rem;
    }
    .section-dashboard-faq {
        min-height: 1rem;
        padding-bottom: 5rem;
    }
    /* ----- /SECTION DASHBOARD FAQ ----- */
    /*  */
}

@media(max-width: 991px){
    /* ----- SECTION DASHBOARD ----- */
    .section-dashboard .box-my-info {
        padding: 2.5rem 1.5rem 2.5rem;
    }
    .section-dashboard .box-my-info .box-title .icon {
        margin-right: 1rem;
    }
    .section-dashboard .dashboard-box .box-title {
        margin-bottom: 1.5rem;
    }
    .section-dashboard .box-orders-item .item-icon {
        width: 2.5rem;
        height: 2.5rem;
        flex: 0 0 2.5rem;
        padding: 0.5rem;
        border-radius: 0.75rem;
    }
    .section-dashboard .box-orders-item {
        padding: 1.5rem 0.75rem;
    }
    .section-dashboard .box-orders-item .btn {
        padding: 0 1.25rem;
        height: 2.5rem;
    }
    .section-dashboard .box-orders-item > div:last-child {
        padding-right: 0;
    }
    .section-dashboard .box-orders-item > div:nth-child(2) {
        flex: 0 0 40%;
        max-width: 40%;
    }
    .section-dashboard .box-user-history .btn {
        display: none;
    }
    .section-dashboard .box-user-history .box-item {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .section-dashboard .box-user-history .box-item .number {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
    .section-dashboard .box-announcement {
        padding: 1.5rem 1rem 1.5rem;
    }
    .section-dashboard .box-announcement .owl-carousel .owl-dots {
        margin-top: 0;
    }
    .section-dashboard .box-item-discount .btn {
        padding: 0 3.8rem;
    }
    .section-dashboard .box-item-discount-light .content-wrap {
        padding: 0;
    }
    /* ----- /SECTION DASHBOARD ----- */
    /* ----- SECTION DASHBOARD SUPPORT ----- */
    .section-dashboard-support .title .lines .line:first-child {
        left: -4.9rem;
    }
    .section-dashboard-support .title .lines .line:nth-child(2) {
        left: -0.7rem;
    }
    .section-dashboard .title .lines .line:nth-child(3) {
        right: -0.1rem;
    }
    .section-dashboard .title .lines .line:nth-child(4) {
        right: 2.1rem;
    }
    /* ----- /SECTION DASHBOARD SUPPORT ----- */
    /*  */
    /* ----- SECTION ORDERS PROBLEMS ----- */
    .breadcrumb {
        justify-content: center;
        margin-bottom: 2rem;
    }
    .section-dashboard .form-box {
        padding: 5.8rem 4.9rem 3.5rem 4.8rem;
        margin: 0 auto;
    }
    /* ----- /SECTION ORDERS PROBLEMS ----- */
    /*  */
    /* ----- SECTION MY TICKETS ----- */
    .section-dashboard .dashboard-tickets-box .buttons .btn:first-child {
        margin-left: 0;
    }
    /* ----- /SECTION MY TICKETS ----- */
    /*  */
    /* ----- SECTION DASHBOARD PAYMENT ----- */
    .section-dashboard-payment .title .lines .line:first-child {
        left: -2.8rem;
    }
    .section-dashboard-payment .title .lines .line:nth-child(2) {
        left: 0.3rem;
    }
    /* ----- /SECTION DASHBOARD PAYMENT ----- */
    /*  */
    /* ----- SECTION DASHBOARD BALANCE ----- */
    .section-dashboard .dashboard-transaction-box .nav-tabs .nav-item {
        flex: 0 0 50%;
        max-width: 50%;
    }
    /* ----- /SECTION DASHBOARD BALANCE ----- */
    /*  */
    /* ----- SECTION COUPON ----- */
    .section-dashboard-coupon {
        padding-bottom: 6rem;
    }
    .section-dashboard-coupon .title-wrap {
        text-align: center;
    }
    .section-dashboard-coupon .title .lines .line:first-child {
        left: -2.9rem;
    }
    .section-dashboard-coupon .title .lines .line:nth-child(2) {
        left: 1.2rem;
    }
    .section-dashboard-coupon .title .lines .line:nth-child(3) {
        right: -0.5rem;
    }
    .section-dashboard-coupon .title .lines .line:nth-child(4) {
        right: 1.5rem;
    }
    .section-dashboard .dashboard-coupon-box .coupons-wrap {
        padding: 2.5rem 2.5rem 1rem;
    }
    /* ----- /SECTION COUPON ----- */
    /*  */
    /* ----- SECTION DASHBOARD GIFT ----- */
    .section-dashboard-gift .title .lines .line:nth-child(2) {
        left: -1.3rem;
    }
    .section-dashboard-gift .title .lines .line:first-child {
        left: -4.8rem;
    }
    .section-dashboard-gift .title .lines .line:nth-child(3) {
        right: 2.2rem;
    }
    .section-dashboard-gift .title .lines .line:nth-child(4) {
        right: 4.6rem;
    }
    /* ----- /SECTION DASHBOARD GIFT ----- */
    /*  */
    /* ----- SECTION DASHBOARD REVIEWS ----- */
    .section-dashboard-reviews .title .lines .line:first-child {
        left: -2.8rem;
    }
    .section-dashboard-reviews .title .lines .line:nth-child(2) {
        left: 0rem;
    }
    .section-dashboard-reviews .title .lines .line:nth-child(3) {
        right: -3.2rem;
    }
    .section-dashboard-reviews .title .lines .line:nth-child(4) {
        right: -0.8rem;
    }
    .section-dashboard-reviews {
        padding-bottom: 6rem;
    }
    /* ----- /SECTION DASHBOARD REVIEWS ----- */
    /*  */
    /* ----- SECTION DASHBOARD FAQ ----- */
    .section-dashboard-faq .title .lines .line:first-child {
        left: -5.3rem;
        top: 4.8rem;
    }
    .section-dashboard-faq .title .lines .line:nth-child(2) {
        top: 3.7rem;
    }
    .section-dashboard-faq .title .lines .line:nth-child(3) {
        right: -5.1rem;
    }
    .section-dashboard-faq .title .lines .line:nth-child(4) {
        right: -2.9rem;
    }
    /* ----- /SECTION DASHBOARD FAQ ----- */
    /*  */
}

@media(max-width: 767px){
    /* ----- SECTION DASHBOARD ----- */
    .section-dashboard .title {
        margin-bottom: 2rem;
    }

    .section-dashboard-login .title {
        width: 100%;
        text-align: center;
        margin-left: auto!important;
    }
    .section-dashboard h1 {
        font-size: 2.125rem;
        line-height: 2.4375rem;
        margin: 0 auto;
    }
    .section-dashboard .title .lines {
        display: none;
    }
    .section-dashboard .title .lines .line:first-child {
        left: 1.4rem;
        top: 4.8rem;
        height: 2.4rem;
    }
    .section-dashboard .title .lines .line:nth-child(2) {
        width: 4.2rem;
        height: 1px;
        left: -0.2rem;
        top: 4.5rem;
    }
    .section-dashboard .title .lines .line:nth-child(3) {
        width: 5.5rem;
        height: 0.6rem;
        top: 0.1rem;
        right: 0.4rem;
    }
    .section-dashboard .title .lines .line:nth-child(4) {
        width: 4.025rem;
        height: 1.5rem;
        top: -1rem;
        right: -2.8rem;
    }
    .section-dashboard .col-left, .section-dashboard .col-right {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-dashboard .box-my-info {
        padding: 4.5rem 2.7rem 3.5rem;
    }
    .section-dashboard .dashboard-box .box-title {
        margin-bottom: 2.8rem;
    }
    .section-dashboard .box-my-info .box-title .icon {
        margin-right: 1.3rem;
    }
    .section-dashboard .dashboard-box {
        margin-bottom: 1rem;
    }

    .section-dashboard .dashboard-login-box {
        border: 1px solid #dee2e6 !important;
    }
    .section-dashboard .box-user-history {
        padding: 1.1875rem 1.25rem 1.375rem;
    }
    .section-dashboard .box-user-history .box-item {
        padding: 0.9rem 0.95rem 1.25rem 1.5625rem;
        font-size: 1.25rem;
        line-height: 1.5rem;
        margin-bottom: 0.5rem;
    }
    .section-dashboard .box-user-history .btn {
        margin-top: 2.3rem;
        margin-right: 0.2rem;
        font-size: 0;
        width: 4.7rem;
        height: 3.7rem;
    }
    .section-dashboard .box-user-history .btn svg {
        display: block;
    }
    .section-dashboard .box-user-history .box-item > div:first-child {
        flex: 0 0 60%;
        max-width: 60%;
        font-size: 1rem;
        padding-top: 0rem;
        padding-left: 0.6rem;
    }
    .section-dashboard .container > .lines {
        display: none;
    }
    .section-dashboard .box-last-orders {
        padding: 2.8rem 1.3rem 2.25rem;
    }
    .section-dashboard .box-orders-item {
        padding: 1.5rem 1rem 0.9375rem;
        margin-bottom: 0.675rem;
    }
    .section-dashboard .box-last-orders .box-title {
        margin-bottom: 1.25rem;
    }
    .section-dashboard .box-orders-item .item-icon {
        width: 3.5625rem;
        height: 3.5625rem;
        flex: 0 0 3.5625rem;
        border-radius: 1rem;
        padding: 0.1rem;
        margin-right: 0.5rem;
    }
    .section-dashboard .box-orders-item > div:nth-child(2) {
        flex: 0 0 30%;
        max-width: 30%;
        padding-top: 0.1rem;
    }
    .section-dashboard .status-badge {
        margin-top: -0.25rem;
    }
    .section-dashboard .box-orders-item .btn {
        padding: 0 1.65rem;
        height: 2.8rem;
    }
    .section-dashboard .box-last-orders > .btn {
        margin-top: 1.8rem;
    }
    .section-dashboard .box-announcement .box-title {
        padding: 0 1.5rem;
        margin-bottom: 1.4rem;
    }
    .section-dashboard .box-announcement .box-title .icon {
        margin-right: 0.8rem;
    }
    .section-dashboard .box-announcement {
        padding: 2rem 1.1rem 1rem;
    }
    .section-dashboard .box-item-discount {
        height: 25.1rem;
        padding: 2.7rem 2.5rem;
        background-size: 31rem;
        background-position-y: -64%;
        background-position-x: 100%;
    }
    .section-dashboard .box-item-discount h4 {
        margin-bottom: 1.7rem;
    }
    .section-dashboard .box-item-discount p {
        max-width: 14rem;
        letter-spacing: -0.3px;
        margin-bottom: 1.3rem;
    }
    .section-dashboard .box-item-discount .btn {
        padding: 0 4.7rem;
    }
    .section-dashboard .box-item-discount-light {
        padding: 5.5rem 1.5rem;
    }
    .section-dashboard .box-item-discount-light .content-wrap {
        padding: 0 1rem;
    }
    .section-dashboard .box-item-discount h5 {
        margin-bottom: 0.9rem;
    }
    .section-dashboard .box-item-discount-light p {
        letter-spacing: 0px;
    }
    .section-dashboard .box-item-discount-light .btn {
        margin-top: 2rem;
    }
    .section-dashboard .box-announcement .owl-dots {
        margin-top: 1.7rem;
        justify-content: center;
        padding: 0;
    }
    .section-dashboard .box-announcement .owl-dots .owl-dot {
        margin: 0 0.5rem;
    }
    /* ----- /SECTION DASHBOARD ----- */
/* ----- SECTION DASHBOARD ORDERS ----- */
    .section-dashboard-orders .title {
        justify-content: center;
    }

    .section-dashboard-orders .title .lines {
        display: none;
    }
    .section-dashboard-orders .title .lines .line:first-child {
        left: -5.6rem;
        top: 2.3rem;
    }
    .section-dashboard-orders .title .lines .line:nth-child(2) {
        left: -7.2rem;
        top: 1.9rem;
    }
    .section-dashboard-orders .title .lines .line:nth-child(3) {
        left: auto;
        top: -0.8rem;
        right: -3.5rem;
    }
    .section-dashboard-orders .title .lines .line:nth-child(4) {
        left: auto;
        top: -1.1rem;
        right: -6.6rem;
    }
    .section-dashboard-orders .title .lines .line:nth-child(4) span {
        width: 3.3rem;
    }
    .section-dashboard .search {
        margin-top: 1rem;
        width: 100%;
    }
    .section-dashboard .search .btn {
        margin-top:1rem;
        width: 100%;
    }
    .section-dashboard .box-orders {
        background: transparent;
        box-shadow: none;
    }
    .section-dashboard .box-orders .box-head {
        padding:0;
        border: 0;
        padding-right: 0;
        margin-bottom: 2rem!important;
    }
    .section-dashboard .box-orders .box-head .btn {
        width: 100%;
    }
    .section-dashboard .box-orders .nav-tabs .nav-item:first-child .nav-link {
        min-width: 6.5rem;
    }
    .section-dashboard .box-orders .nav-tabs .nav-link {
        min-width: 8.7rem;
    }
    .section-dashboard.sidebar-opened .box-orders, .section-dashboard .box-orders {
        overflow: visible;
        width: auto;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .section-dashboard-orders.sidebar-opened .table-wrap, .section-dashboard-orders .table-wrap {
        transform: none;
        background: #fff;
        box-shadow: 4px 9px 35px 11px rgb(154 154 154 / 20%);
        border-radius: 1.375rem;
        margin-right: 0;
    }
    .section-dashboard .table {
        transform: none;
    }
    .section-dashboard .box-orders .tab-content {
        padding: 0;
    }
    .section-dashboard .order-items-mob .order-item {
        display: flex;
        flex-wrap: wrap;
        border-radius: 1.5rem;
        background: #F7F9FC;
        padding: 1.9rem 0.65rem 1.3125rem 2.25rem;
        font-size: 0.9375rem;
        font-weight: 400;
        color: #000;
        letter-spacing: -0.2px;
        line-height: 1.1rem;
        justify-content: space-between;
        margin-bottom: 1.125rem;
    }
    .section-dashboard .order-items-mob .order-item > div {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        flex: 0 0 auto;
        margin-right: 1rem;
        margin-bottom: 1.15rem;
        min-width: 15%;
    }
    .section-dashboard .order-items-mob .order-item > div span {
        font-size: 0.625rem;
        color: #AAAAAA;
        font-weight: 600;
        letter-spacing: 0px;
        margin-top: auto;
    }
    .section-dashboard .order-items-mob .order-item a {
        color: #000;
        letter-spacing: -0.5px;
        word-break: break-word;
        display: inline-block;
        max-width: 100%;
    }
    .section-dashboard .order-items-mob .order-item > .order-status-nav {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        flex: 0 0 100%;
        margin-bottom: 0;
        flex-direction: row;
        margin-top: 1rem;
        margin-right: 0;
        height: 2.875rem;
    }
    .section-dashboard .order-items-mob .order-item .status-badge {
        font-size: 0.9375rem;
        margin-top: 0.4rem;
        letter-spacing: 0;
    }
    .section-dashboard .order-items-mob .order-item .btn {
        font-size: 0.75rem;
        height: 100%;
        margin-top: 0;
        padding: 0 2.7rem;
        line-height: 1.5;
        display: flex;
        align-items: center;
        margin-left: auto;
        font-weight: 700;
        letter-spacing: 0;
    }
    .section-dashboard .box-orders .table-wrap > .btn {
        display: flex;
        margin: 3.2rem 0.95rem 0;
        height: 2.9rem;
    }
    .section-dashboard .order-items-mob .order-item > div:nth-child(4) {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .dataTables_paginate {
        display: none;
    }
    /* ----- /SECTION DASHBOARD ORDERS ----- */
    /*  */
    /* ----- SECTION DASHBOARD DOWNLOADS ----- */
    .section-dashboard-downloads .order-items-mob .order-item .btn {
        font-size: 0.9375rem;
        color: #fff;
        margin-top: -0.3rem;
        padding: 0.75rem 1.8rem;
    }
    .section-dashboard-downloads .title-wrap {
        max-width: 20rem;
    }
    .section-dashboard-downloads {
        padding-top: 4.1rem;
        padding-bottom: 1.7rem;
    }
    .section-dashboard-downloads h1 {
        max-width: 100%;
        text-align: center;
    }
    .section-dashboard-downloads .title .lines .line:first-child {
        top: 2.3rem;
        left: 0rem;
    }
    .section-dashboard-downloads .title .lines .line:nth-child(2) {
        left: -1.6rem;
        top: 2rem;
    }
    .section-dashboard-downloads .title .lines .line:nth-child(3) {
        top: -0.7rem;
        right: 0.9rem;
    }
    .section-dashboard-downloads .title .lines .line:nth-child(4) {
        right: -1.5rem;
        top: -1.2rem;
        width: 3.3rem;
    }
    .section-dashboard-downloads .table-wrap {
        overflow-x: visible;
    }
    .section-dashboard .box-downloads {
        padding: 1.8125rem 1.25rem 3rem;
        margin: 0 0rem 0 0.3rem;
    }
    .section-dashboard-downloads .order-items-mob .order-item {
        padding: 2.5rem 0.65rem 1.75rem 2.25rem;
        letter-spacing: 0;
    }
    .section-dashboard-downloads .order-items-mob .order-item > div {
        margin-right: 0.5rem;
        margin-bottom: 1.5rem;
    }
    .section-dashboard-downloads .order-items-mob .order-item > div:nth-child(4) {
        flex: 0 0 auto;
        min-width: 44.3%;
    }
    .section-dashboard-downloads .order-items-mob .order-item > div:nth-child(5) {
        margin-bottom: 0.9rem;
    }
    .section-dashboard .table-wrap .form-select {
        width: 13.4rem;
    }
    .section-dashboard-downloads .order-items-mob .order-item > div:last-child {
        margin-bottom: 0;
    }
    .section-dashboard-downloads .table-wrap > .btn {
        font-size: 1.125rem;
        width: auto;
        display: flex;
        margin: 3.1rem 1rem 0;
    }
    /* ----- /SECTION DASHBOARD DOWNLOADS ----- */
    /*  */
    /* ----- SECTION DASHBOARD SUBSCRIPTIONS ----- */
    .section-dashboard-subscriptions .order-items-mob .order-item > div:nth-child(4) {
        min-width: 1rem;
    }
    .section-dashboard-subscriptions .order-items-mob .order-item > div {
        margin-bottom: 1.25rem;
    }
    .section-dashboard-subscriptions .order-items-mob .order-item > div:nth-child(6) {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 1.95rem;
    }
    .section-dashboard-subscriptions .order-items-mob .order-item .status-badge {
        font-size: 0.625rem;
        margin-top: 0;
        margin-bottom: 0.6rem;
    }
    .section-dashboard-subscriptions .order-items-mob .order-item > div:last-child {
        flex: 0 0 46.8%;
        max-width: 46.8%;
    }
    .section-dashboard-subscriptions .order-items-mob .order-item > div:nth-last-child(-n + 2) {
        margin-bottom: 0;
    }
    .section-dashboard-subscriptions .order-items-mob .order-item {
        padding-bottom: 2.15rem;
    }
    .section-dashboard-subscriptions .table-wrap > .btn {
        margin-top: 2.6rem;
    }
    /* ----- /SECTION DASHBOARD SUBSCRIPTIONS ----- */
    /*  */
    /* ----- SECTION DASHBOARD ACCOUNT ----- */
    .section-dashboard-account {
        padding-bottom: 0;
    }
    .section-dashboard-account h1 {
        max-width: 12rem;
    }
    .section-dashboard-account .title-wrap {
        margin-bottom: 5.5rem;
    }
    .section-dashboard .box-my-mail {
        padding: 4.5rem 2.7rem 5rem;
    }
    .section-dashboard .box-my-mail .box-title {
        padding-left: 0;
        margin-bottom: 2.4rem;
    }
    .section-dashboard .box-change-password {
        padding: 4.2rem 1.1rem 4.1rem 1.6rem;
    }
    .section-dashboard .box-change-password .form-group label {
        font-size: 1.125rem;
        line-height: 2rem;
    }
    .section-dashboard .box-change-password .box-title {
        padding-left: 0.7rem;
        margin-bottom: 4.3rem;
    }
    .section-dashboard .box-change-password .form-control {
        font-size: 1.125rem;
    }
    .section-dashboard .box-change-password form .btn {
        width: 100%;
        margin: 1.2rem auto 0;
    }
    /* ----- /SECTION DASHBOARD ACCOUNT ----- */
    /*  */
    /* ----- SECTION DASHBOARD SUPPORT ----- */
    .section-dashboard-support .title .lines .line:first-child {
        top: 2.2rem;
        left: -0.3rem;
    }
    .section-dashboard-support .title .lines .line:nth-child(2) {
        left: -1.9rem;
        top: 2rem;
    }
    .section-dashboard-support .title .lines .line:nth-child(3) {
        top: -0.7rem;
        right: 0.5rem;
    }
    .section-dashboard-support .title .lines .line:nth-child(4) {
        top: -1.1rem;
        right: -1.9rem;
        width: 3.3rem;
    }
    .section-dashboard-support .sub-title .ticket-title {
        width: 100%;
        margin-bottom: 3.7rem;
    }
    .section-dashboard-support .sub-title {
        margin-bottom: 4.5rem;
    }
    .section-dashboard-support .search {
        width: 100%;
    }
    .section-dashboard-support .search .form-control {
        padding: 0.5rem 2.7rem 0.5rem 2.1rem;
        font-size: 1.125rem;
    }
    .section-dashboard-support .col {
        padding: 0 1.5rem;
        margin-bottom: 2.5rem;
    }
    .support-card {
        padding: 1.125rem 1.125rem 2.3rem 0.9375rem;
        height: auto;
    }
    .support-card .card-image {
        margin-bottom: 3.25rem;
    }
    .support-card .card-body {
        padding: 0 1rem 0 1.875rem;
        min-height: 1rem;
        margin-bottom: 2.1rem;
    }
    .support-card p {
        font-size: 1.125rem;
        line-height: 2rem;
    }
    .support-card h4 {
        margin-bottom: 0.8rem;
    }
    /* ----- /SECTION DASHBOARD SUPPORT ----- */
    /*  */
    /* ----- SECTION ORDERS PROBLEMS ----- */
    .breadcrumb .breadcrumb-item.active {
        display: none;
    }
    .breadcrumb .breadcrumb-item a {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .breadcrumb {
        justify-content: center;
        padding-right: 2.6875rem;
        margin-bottom: 2.7rem;
    }
    .section-orders-problems {
        padding-top: 3.1rem;
        padding-bottom: 4.6rem;
    }
    .breadcrumb .breadcrumb-item a .icon {
        width: 1.6875rem;
        height: 1.6875rem;
        flex: 0 0 1.6875rem;
        margin-right: 1rem;
    }
    .section-orders-problems .title .title-wrap {
        max-width: 19.3rem;
    }
    .section-orders-problems .title .lines .line:nth-child(3) {
        top: 0.4rem;
    }
    .section-orders-problems .title .lines .line:nth-child(4) {
        top: 0rem;
    }
    .section-orders-problems .title {
        margin-bottom: 3.7rem;
    }
    .section-dashboard .form-box {
        padding: 3.45rem 1.2rem 2.8rem 1.4rem;
        margin: 0 0.6rem;
    }
    .section-dashboard .dashboard-box .form-group {
        margin-bottom: 2.3rem;
    }
    .section-dashboard .dashboard-box .form-group label {
        font-size: 1.125rem;
        line-height: 2rem;
        padding-right: 1rem;
    }
    .section-dashboard .form-box .col {
        padding: 0 1rem;
        margin-bottom: 0;
    }
    .section-dashboard .dashboard-box textarea.form-control {
        margin-top: 0.9rem;
    }
    .section-dashboard .dashboard-box .form-group .icon-required {
        right: 1.05rem;
        top: 0.5rem;
    }
    .section-dashboard .dashboard-box .input-wrap-textarea .icon-required {
        top: 1rem;
    }
    .section-dashboard .form-box form .btn {
        margin: 0.3rem auto;
        width: 100%;
    }
    /* ----- /SECTION ORDERS PROBLEMS ----- */
    /*  */
    /* ----- SECTION DASHBOARD BILLING ----- */
    .section-dashboard-billing {
        padding-top: 3.1rem;
        padding-bottom: 0.2rem;
    }
    .section-dashboard-billing .title {
        margin-bottom: 6.1rem;
    }
    .section-dashboard-billing .form-box {
        padding: 3.45rem 0.9rem 2.5rem 1.1rem;
    }
    .section-dashboard-billing .form-box .form-group {
        margin-bottom: 2.1rem;
    }
    .section-dashboard-billing .form-box .col:last-child {
        margin-top: 0.2rem;
    }
    .section-dashboard-billing .form-box form .btn {
        margin-top: 0.9rem;
    }
    /* ----- /SECTION DASHBOARD BILLING ----- */
    /*  */
    /* ----- SECTION DASHBOARD PRE SALE ----- */
    .section-dashboard-pre-sale .form-box {
        padding-top: 2.9rem;
        padding-bottom: 2.7rem;
    }
    .section-dashboard-pre-sale {
        padding-bottom: 1.3rem;
    }
    /* ----- /SECTION DASHBOARD PRE SALE ----- */
    /*  */
    /* ----- SECTION MY TICKETS ----- */
    .section-my-tickets .title {
        max-width: 100%;
    }
    .section-my-tickets h1 {
        max-width: 20rem;
    }
    .section-my-tickets .title .lines .line:nth-child(3) {
        top: 0.5rem;
        right: -0.5rem;
    }
    .section-my-tickets .title .lines .line:nth-child(4) {
        top: 0rem;
        right: -2.8rem;
    }
    .section-dashboard .dashboard-tickets-box {
        margin: 0 0.6rem;
        padding: 3.9rem 0.6875rem 2.9rem;
    }
    .section-dashboard .dashboard-tickets-box .buttons {
        justify-content: stretch;
        margin-bottom: 2.8125rem;
        padding: 0 0.6rem;
    }
    .section-dashboard .dashboard-tickets-box .buttons .btn {
        margin: 0 auto 1.4rem;
        width: 100%;
        padding: 0 1rem;
    }
    .section-dashboard .dashboard-tickets-box .buttons .btn-red {
        order: 1;
    }
    .section-dashboard .dashboard-tickets-box .buttons .btn-black {
        order: 2;
        margin-bottom: 0;
    }
    .section-dashboard .tickets-mob .tickets-item {
        display: flex;
        flex-wrap: wrap;
        border-radius: 1.5rem;
        background: #F7F9FC;
        padding: 2.5rem 1.8125rem 2rem 2.25rem;
        font-size: 0.9375rem;
        line-height: 1.3125rem;
        font-weight: 400;
        color: #000;
        margin-bottom: 1.125rem;
    }
    .section-dashboard .dashboard-tickets-box .table-wrap {
        margin-right: 0;
        padding-right: 0;
    }
    .section-dashboard .tickets-mob .tickets-item span {
        font-size: 0.625rem;
        display: block;
        font-weight: 600;
        color: #AAAAAA;
        line-height: 1rem;
    }
    .section-dashboard .tickets-mob .tickets-item > div {
        flex: 0 0 auto;
        min-width: 40.5%;
        margin-bottom: 1.1rem;
    }
    .section-dashboard .tickets-mob .tickets-item > div:first-child {
        flex: 0 0 45.2%;
        min-width: 45.2%;
    }
    .section-dashboard .tickets-mob .tickets-item .order-status-nav {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 100%;
        margin-top: 0.7rem;
        margin-bottom: 0;
    }
    .section-dashboard .tickets-mob .tickets-item .btn {
        font-size: 0.75rem;
        margin-top: 0;
        margin-left: auto;
        padding: 0 1.85rem;
    }
    .section-dashboard .tickets-mob .tickets-item .status-badge {
        margin-top: 0.2rem;
    }
    .section-dashboard .table-wrap > .btn {
        width: auto;
        margin: 3rem 1rem 0;
        display: flex;
    }
    /* ----- /SECTION MY TICKETS ----- */
    /*  */
    /* ----- SECTION MY TICKET ----- */
    .section-ticket {
        padding-bottom: 1rem;
    }
    .dashboard-my-ticket-box {
        padding: 2.8rem 1.75rem 3.9rem 0.8125rem;
    }
    .dashboard-my-ticket-box .btn-close {
        right: 1.7rem;
    }
    .dashboard-my-ticket-box .ticket-title {
        padding: 0 2.2rem;
        margin-bottom: 3.5rem;
    }
    .dashboard-my-ticket-box .message-body .message-content {
        padding-left: 0;
    }
    .dashboard-my-ticket-box .message-body h4 {
        margin-bottom: 1.8rem;
    }
    .dashboard-my-ticket-box .message-body {
        padding: 2.25rem 3.1rem 2.6875rem 2.5rem;
    }
    .dashboard-my-ticket-box .message-body .date {
        margin-top: 0.7rem;
    }
    .dashboard-my-ticket-box .message-wrap-right .user-avatar {
        margin-right: -0.6rem;
    }
    .dashboard-my-ticket-box .message-wrap-right .message-body {
        padding: 2.25rem 2.8rem 2.6875rem 0.5rem;
    }
    .dashboard-my-ticket-box .message-wrap-right .message-content {
        padding-right: 0;
    }
    .dashboard-my-ticket-box .message-wrap-right h4 {
        margin-bottom: 2rem;
    }
    .dashboard-my-ticket-box .message-wrap-right .date {
        margin-top: 0.1rem;
    }
    .dashboard-my-ticket-box .box-footer {
        padding: 1.1rem 0 0.4rem;
        margin-right: -0.5rem;
    }
    .dashboard-my-ticket-box .box-footer .btn {
        margin-top: 2.8rem;
        width: 100%;
    }
    /* ----- /SECTION MY TICKET ----- */
    /*  */
    /* ----- MODAL TICKET ----- */
    .modal-ticket .dashboard-my-ticket-box {
        margin: 0;
    }
    .modal-ticket .modal-dialog {
        padding: 0;
        margin: 2rem 1.7rem;
    }
    /* ----- /MODAL TICKET ----- */
    /*  */
    /* ----- SECTION DASHBOARD PAYMENT ----- */
    .section-dashboard-payment .title .lines .line:first-child {
        left: 0.7rem;
        top: 2.2rem;
    }
    .section-dashboard-payment .title .lines .line:nth-child(2) {
        left: -0.9rem;
        top: 1.9rem;
    }
    .section-dashboard-payment .title .lines .line:nth-child(3) {
        top: 0.4rem;
        right: 0.5rem;
    }
    .section-dashboard-payment .title .lines .line:nth-child(4) {
        top: 0.1rem;
        right: -2.6rem;
    }
    .section-dashboard-payment .title {
        margin-bottom: 3.5rem;
    }
    .section-dashboard .payment-methods-box {
        margin: 0 0.7rem;
        padding: 3.375rem 0.6875rem 1.6875rem;
    }
    .section-dashboard .payment-methods-box > .btn {
        order: 1;
        padding: 0 2.4rem;
        margin: 0 auto 3.125rem;
    }
    .section-dashboard .payment-methods-box .table-wrap {
        order: 2;
    }
    .section-dashboard-payment .tickets-mob .tickets-item {
        padding: 2.275rem 1.5rem 1.4375rem 2.3125rem;
        letter-spacing: -0.5px;
        margin-bottom: 1.5rem;
    }
    .section-dashboard-payment .tickets-mob .tickets-item:last-child {
        margin-bottom: 0;
    }
    .section-dashboard-payment .tickets-mob .tickets-item > div:first-child {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-dashboard-payment .tickets-mob .tickets-item > div:first-child svg {
        margin-right: 0.5rem;
    }
    .section-dashboard-payment .tickets-mob .tickets-item span {
        margin-top: 0.2rem;
    }
    .section-dashboard-payment .tickets-mob .tickets-item > div {
        margin-bottom: 1.2rem;
    }
    .section-dashboard-payment .tickets-mob .tickets-item .order-status-nav {
        margin-top: -1.1rem;
    }
    .section-dashboard-payment .tickets-mob .tickets-item .btn {
        padding: 0 2.6rem;
    }
    .section-dashboard-payment {
        padding-bottom: 3.3rem;
        min-height: 37.8rem;
    }
    .section-dashboard .payment-methods-box-empty {
        margin: 0 0.6rem;
        padding: 5.3rem 1.9rem 6.2rem;
    }
    .section-dashboard .payment-methods-box-empty p {
        max-width: 12rem;
        font-size: 1.125rem;
        line-height: 2rem;
        margin: 0 auto;
    }
    .section-dashboard .payment-methods-box-empty .btn {
        margin-top: 2.2rem;
        padding: 0 1.6rem;
        width: 100%;
    }
    .section-dashboard .payment-methods-add-box {
        padding: 3.4rem 1.375rem 3.8rem 1rem;
        margin: 0 0.6rem;
        margin-bottom: -2.7rem;
    }
    .section-dashboard .payment-methods-add-box .form-group label {
        text-align: center;
        justify-content: center;
        padding: 0;
    }
    .section-dashboard .payment-methods-add-box .cards {
        margin-top: 2.5rem;
        margin-bottom: -0.4rem;
    }
    .section-dashboard .payment-methods-add-box .form-control {
        padding: 0.5rem 2rem;
    }
    .section-dashboard .payment-methods-add-box .form-control-icon {
        padding-left: 4.7rem;
    }
    .section-dashboard .payment-methods-add-box .form-group {
        margin-bottom: 2.85rem;
    }
    .section-dashboard .payment-methods-add-box .country-select .arrow {
        right: 1.45rem;
    }
    .section-dashboard .payment-methods-add-box .form-control-billing {
        padding-left: 2.4rem;
    }
    .section-dashboard .payment-methods-add-box .btn {
        margin-top: 0.3rem;
    }
    .section-dashboard .payment-methods-add-box .country-select {
        width: 100%;
    }
    /* ----- /SECTION DASHBOARD PAYMENT ----- */
    /*  */
    /* ----- SECTION DASHBOARD BALANCE ----- */
    .section-dashboard-balance .title .lines .line:first-child {
        left: -0.3rem;
        top: 2.3rem;
    }
    .section-dashboard-balance .title .lines .line:nth-child(2) {
        left: -1.8rem;
        top: 2rem;
    }
    .section-dashboard-balance .title .lines .line:nth-child(3) {
        top: 0.5rem;
        right: -0.5rem;
    }
    .section-dashboard-balance .title .lines .line:nth-child(4) {
        top: 0.2rem;
        right: -3.6rem;
    }
    .section-dashboard .dashboard-balance-box .balance-val {
        flex: 0 0 100%;
        max-width: 100%;
        order: 1;
        margin-bottom: 0.9rem;
    }
    .section-dashboard .dashboard-balance-box .icon {
        order: 2;
        margin-right: 0.6rem;
        display: flex;
        align-items: center;
    }
    .section-dashboard .dashboard-balance-box span {
        order: 3;
    }
    .section-dashboard .dashboard-balance-box {
        font-size: 1.125rem;
        margin-bottom: 1.3rem;
    }
    .section-dashboard .dashboard-transaction-box {
        padding: 2.75rem 1rem 3.8rem;
    }
    .section-dashboard .dashboard-transaction-box .nav-tabs .nav-item {
        padding: 0;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 1rem;
    }
    .section-dashboard .dashboard-transaction-box .nav-tabs {
        margin: 0 0.9rem 3.125rem;
    }
    .section-dashboard .dashboard-transaction-box form {
        padding: 3.65rem 0 0;
        text-align: center;
    }
    .section-dashboard .dashboard-transaction-box form .btn {
        width: 100%;
        padding: 1.7rem 1rem;
        margin-top: 0.5rem;
    }
    .section-dashboard .dashboard-transaction-box .form-group label {
        padding-right: 0;
    }
    .section-dashboard .dashboard-transaction-box .table-wrap {
        margin-right: 0;
    }
    .section-dashboard .dashboard-transaction-box .order-items-mob .order-item {
        padding: 2.2rem 1.3rem 0.5rem 1.95rem;
        margin-bottom: 1.6rem;
    }
    .section-dashboard .dashboard-transaction-box .order-items-mob .order-item > div span {
        margin-top: 0.3rem;
    }
    .section-dashboard .dashboard-transaction-box .order-items-mob .order-item > div {
        margin-bottom: 1.3rem;
    }
    .section-dashboard .dashboard-transaction-box .order-items-mob .order-item > div:first-child {
        flex: 0 0 14%;
        min-width: 14%;
    }
    .section-dashboard .dashboard-transaction-box .order-items-mob .order-item > div:nth-child(2) {
        min-width: 20%;
        flex: 0 0 20%;
    }
    .section-dashboard .dashboard-transaction-box .table-wrap > .btn {
        margin-top: 3.3rem;
    }
    /* ----- /SECTION DASHBOARD BALANCE ----- */
    /*  */
    /* ----- SECTION COUPON ----- */
    .section-dashboard-coupon {
        padding-top: 2.8rem;
        padding-bottom: 2.4rem;
        min-height: 50.1rem;
    }
    .section-dashboard-coupon .title {
        margin-bottom: 4.8125rem;
    }
    .section-dashboard-coupon .title .lines .line:first-child {
        left: 0.1rem;
        top: 2.3rem;
    }
    .section-dashboard-coupon .title .lines .line:nth-child(2) {
        left: -1.5rem;
        top: 2rem;
    }
    .section-dashboard-coupon .title .lines .line:nth-child(3) {
        top: 0.6rem;
        right: -0.1rem;
    }
    .section-dashboard-coupon .title .lines .line:nth-child(4) {
        top: 0.2rem;
        right: -3.2rem;
    }
    .section-dashboard .dashboard-coupon-box {
        margin: 0 0.7rem;
        padding: 2.6rem 2.0625rem 3.6875rem 2.25rem;
    }
    .section-dashboard .dashboard-coupon-box .box-title {
        padding-left: 0;
        margin-bottom: 2rem;
    }
    .section-dashboard .dashboard-coupon-box .coupons-wrap {
        padding: 1.625rem 1.6875rem 7rem;
        min-height: 21.2rem;
        margin-bottom: 3.1rem;
    }
    .coupon-card {
        flex: 0 0 13.3rem;
        max-width: 13.3rem;
        margin-bottom: 2.5rem;
        height: 9.2rem;
    }
    .coupon-card .card-head .value {
        font-size: 1.8125rem;
        line-height: 2.0625rem;
        margin-left: 0.7rem;
    }
    .coupon-card .card-head {
        font-size: 0.625rem;
        line-height: 0.6875rem;
        right: 0.8rem;
        letter-spacing: 0;
    }
    .coupon-card .coupon-title {
        font-size: 1.6875rem;
        line-height: 1.9375rem;
        height: 3.3rem;
        top: 3.5rem;
    }
    .coupon-card .coupon-date {
        font-size: 0.5rem;
        line-height: 0.9375rem;
        bottom: 0.9rem;
        right: 1.6rem;
        letter-spacing: 0.2px;
    }
    .coupon-card::before {
        width: 10.3125rem;
        height: 6.375rem;
        bottom: -0.625rem;
        filter: blur(20px);
    }
    .coupon-card .lines .line:first-child {
        width: 6.5rem;
        height: 3.4rem;
        bottom: 2.3rem;
        right: 1.6rem;
    }
    .coupon-card .lines .line:nth-child(2) {
        width: 6.4rem;
        bottom: 5.4rem;
        right: 3.6rem;
    }
    .coupon-card .lines .line:nth-child(3) {
        width: 1.9rem;
        height: 0.975rem;
        top: 3.4rem;
        left: 3rem;
    }
    .coupon-card .lines .line:nth-child(4) {
        top: 3.8rem;
        left: 0.4rem;
        width: 3.325rem;
    }
    .section-dashboard .dashboard-coupon-box .coupons-wrap .coupon-card {
        margin-bottom: 2.5rem;
    }
    .section-dashboard .dashboard-coupon-box > .btn {
        width: auto;
        margin: 4.2rem -0.4rem 0;
        display: flex;
    }
    .section-dashboard .dashboard-coupon-box .coupon-empty {
        background-size: 9.3rem;
        text-align: center;
        min-height: 11rem;
    }
    /* ----- /SECTION COUPON ----- */
    /*  */
    /* ----- SECTION DASHBOARD GIFT ----- */
    .section-dashboard-gift .title {
        margin: 0 auto 4.7rem;
    }
    .section-dashboard-gift {
        padding-top: 7.5rem;
        padding-bottom: 2.2rem;
    }
    .section-dashboard-gift .title .lines .line:first-child {
        left: 0.6rem;
        top: 2.1rem;
    }
    .section-dashboard-gift .title .lines .line:nth-child(2) {
        left: -0.8rem;
        top: 2rem;
    }
    .section-dashboard-gift .title .lines .line:nth-child(3) {
        top: 0.3rem;
        right: 0.1rem;
    }
    .section-dashboard-gift .title .lines .line:nth-child(4) {
        top: 0.1rem;
        right: -3rem;
    }    
    .section-dashboard-gift .dashboard-gift-box {
        padding: 2.5625rem 2.3125rem 2.5rem;
        margin-bottom: 2.1rem;
    }
    .section-dashboard-gift .row-boxes {
        margin: 0 0.3rem;
    }
    .section-dashboard .gift-card {
        height: 11.4rem;
        font-size: 0.875rem;
        line-height: 1rem;
    }
    .section-dashboard .gift-card .card-body {
        background-size: 16.9rem;
    }
    .section-dashboard .gift-card .card-amount {
        font-size: 3.4375rem;
        line-height: 3.9375rem;
        top: 1.8rem;
        right: 2.1rem;
    }
    .section-dashboard .gift-card .card-title {
        left: 1.3rem;
        top: 1.1rem;
    }
    .section-dashboard .gift-card::before {
        width: 12.75rem;
        height: 7.875rem;
        bottom: -0.8125rem;
        filter: blur(38px);
    }
    .section-dashboard-gift .dashboard-gift-box .gift-card-title {
        margin-top: 2.5rem;
        font-size: 1.125rem;
        line-height: 2rem;
        margin-bottom: 2.2rem;
    }
    .section-dashboard-gift .dashboard-gift-box .form-group label {
        padding: 0;
        margin-left: 0.2rem;
    }
    .section-dashboard .dashboard-gift-box .form-group {
        margin-bottom: 0.8rem;
    }
    .section-dashboard .dashboard-gift-style-box {
        padding: 3.8125rem 1.9375rem 3.5rem 2.125rem;
    }
    .section-dashboard .dashboard-gift-style-box .box-title {
        padding-left: 0.5rem;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        margin-bottom: 3.4rem;
    }
    .section-dashboard .dashboard-gift-style-box .box-title .btn {
        margin-left: 0;
        margin-top: 1.5rem;
    }
    .section-dashboard .card-style-buttons {
        padding: 0;
        margin-left: -0.7rem;
        margin-right: -0.8rem;
        padding-bottom: 3.5rem;
    }
    .section-dashboard .card-style-buttons .card-style-radio {
        max-width: 50%;
        min-width: 40%;
    }
    .section-dashboard .card-style-buttons .card-btn .card-body {
        min-height: 5.1rem;
    }
    .section-dashboard .card-style-buttons .card-btn .card-amount {
        top: 0.9rem;
    }
    .section-dashboard .card-style-buttons .card-btn-2 .card-amount {
        top: auto;
        bottom: 0.5rem;
    }
    .section-dashboard .card-style-buttons .card-btn-3 .card-amount {
        top: auto;
        bottom: 0.3rem;
    }
    .section-dashboard .dashboard-gift-style-box h6 {
        font-size: 1.125rem;
        line-height: 2rem;
        margin-bottom: 2.1rem;
    }
    .section-dashboard .dashboard-gift-style-box .select-amount {
        padding-top: 2.7rem;
        padding-bottom: 3.2rem;
    }
    .section-dashboard .dashboard-gift-style-box .amount-radio-buttons .form-check {
        margin-right: 1.1rem;
        margin-bottom: 0.9rem;
    }
    .section-dashboard .deliver-info {
        padding-top: 3.1rem;
    }
    .section-dashboard .dashboard-gift-style-box .deliver-info h6 {
        margin-bottom: 0.9rem;
    }
    .section-dashboard .dashboard-gift-style-box form .row {
        margin: 0 -0.2rem;
    }
    .section-dashboard .dashboard-gift-style-box form .col-left {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-dashboard .dashboard-gift-style-box .form-group, 
    .section-dashboard .dashboard-gift-style-box .form-group:last-child {
        margin-bottom: 1.875rem;
        display: flex;
        flex-direction: column;
    }
    .section-dashboard .dashboard-gift-style-box .form-group label {
        margin-bottom: 0.6rem;
    }
    .section-dashboard .dashboard-box .form-group .input-bottom-link {
        position: static;
        margin-left: auto;
        margin-top: 1.3rem;
        margin-right: 0.4rem;
        margin-bottom: 0.4rem;
    }
    .section-dashboard .dashboard-gift-style-box form textarea.form-control {
        margin-top: 0;
        height: 13rem;
    }
    .section-dashboard .dashboard-gift-style-box .form-group .icon-calendar {
        right: 2rem;
    }
    .section-dashboard .dashboard-gift-style-box form .btn {
        margin: 1.6rem auto 0;
    }
    .section-dashboard .gift-card-2 .card-amount, .section-dashboard .gift-card-3 .card-amount {
        top: auto;
    }
    .section-dashboard .gift-card-3 .card-title {
        top: 5.1rem;
        left: -0.8rem;
    }
    /* ----- /SECTION DASHBOARD GIFT ----- */
    /*  */
    /* ----- SECTION DASHBOARD REVIEWS ----- */
    .section-dashboard-reviews {
        padding-top: 5.5rem;
        padding-bottom: 0.1rem;
    }
    .section-dashboard-reviews .title .h2 {
        max-width: 14rem;
    }
    .section-dashboard-reviews .title .lines .line:first-child {
        left: -3rem;
        top: 4rem;
    }
    .section-dashboard-reviews .title .lines .line:nth-child(2) {
        left: -4.6rem;
        top: 3.7rem;
    }
    .section-dashboard-reviews .title .lines .line:nth-child(3) {
        top: 2.2rem;
        right: -3.2rem;
    }
    .section-dashboard-reviews .title .lines .line:nth-child(4) {
        top: 1.9rem;
        right: -6.2rem;
    }
    .section-dashboard-reviews .title {
        margin-bottom: 2.5rem;
    }
    .section-dashboard .product-reviews-box {
        margin: 0 0.6rem;
        padding: 3.2rem 1.3rem 3rem;
        flex: auto;
    }
    .section-dashboard .product-reviews-box .nav-tabs .nav-item {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 0.8rem;
    }
    .section-dashboard .product-reviews-box .nav-tabs .nav-link {
        padding: 0.7rem 1.5rem;
    }
    .section-dashboard .product-reviews-box .nav-tabs {
        margin: 0 auto 3.9375rem;
    }
    .section-dashboard .product-reviews-box form {
        padding-top: 0.3rem;
    }
    .section-dashboard .product-reviews-box .nav-tabs .nav-item:last-child {
        margin-bottom: 0;
    }
    .section-dashboard .product-reviews-box form .form-select {
        padding: 0.6rem 2.2rem;
        background-position-x: calc(100% - 1.1rem);
    }
    .section-dashboard .product-reviews-box form .form-group {
        margin-bottom: 3.9rem;
    }
    .section-dashboard .product-reviews-box form .rating {
        margin-top: 0.9rem;
    }
    .section-dashboard .product-reviews-box form .rating h6 {
        font-size: 1.125rem;
    }
    .section-dashboard .product-reviews-box form .rating svg {
        margin-right: 0.15rem;
    }
    .section-dashboard .product-reviews-box form .btn {
        margin-top: 3.9rem;
        width: 100%;
    }
    .section-dashboard.sidebar-opened .product-reviews-box .table-wrap, 
    .section-dashboard .product-reviews-box .table-wrap {
        margin-right: 0;
        transform: none;
        padding: 0;
    }
    .section-dashboard .product-reviews-box .order-items-mob .order-item {
        padding: 2.0625rem 0.65rem 1.3rem 2.05rem;
        margin-bottom: 1.875rem;
    }
    .section-dashboard .product-reviews-box .order-items-mob .order-item > div:nth-child(2) {
        min-width: 65%;
    }
    .section-dashboard .product-reviews-box .order-items-mob .order-item > div {
        margin-bottom: 1.4rem;
    }
    .section-dashboard .product-reviews-box .order-items-mob .order-item p {
        margin-bottom: 0.3rem;
        padding-right: 0.4rem;
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1.0625rem;
        letter-spacing: 0;
    }
    .section-dashboard .product-reviews-box .order-items-mob .order-item .rating {
        margin-bottom: 0.6rem;
        display: flex;
        flex-wrap: wrap;
        margin-top: 0.6rem;
    }
    .section-dashboard .product-reviews-box .order-items-mob .order-item .rating svg {
        margin-right: 0.3rem;
    }
    .section-dashboard .product-reviews-box .order-items-mob .order-item > .order-status-nav {
        margin-top: 0.5rem;
    }    
    .section-dashboard .product-reviews-box .order-items-mob .order-item .btn {
        margin-left: 0;
        min-width: 6.3rem;
        padding: 0 2.15rem;
        margin-right: 0.9rem;
        min-width: 6.6rem;
    }
    .section-dashboard .product-reviews-box .table-wrap > .btn {
        margin: 3.2rem 0.6rem 0.5rem;
    }
    /* ----- /SECTION DASHBOARD REVIEWS ----- */
    /*  */
    /* ----- SECTION DASHBOARD FAQ ----- */
    .section-dashboard-faq {
        padding-top: 5.5rem;
        padding-bottom: 1.85rem;
    }
    .section-dashboard-faq .title .lines .line:first-child {
        left: 1.1rem;
        top: 2.8rem;
    }
    .section-dashboard-faq .title-wrap {
        width: 14.6rem;
        margin-bottom: 7.2rem;
    }
    .section-dashboard-faq .title .lines .line:nth-child(2) {
        left: -0.5rem;
        top: 2.5rem;
    }
    .section-dashboard-faq .title .lines .line:nth-child(3) {
        top: -0.3rem;
        right: 2.1rem;
    }
    .section-dashboard-faq .title .lines .line:nth-child(4) {
        top: -0.8rem;
        right: -0.3rem;
        width: 3.4rem;
    }
    .section-dashboard-faq .title {
        max-width: 21.7rem;
        margin-bottom: 3.1rem;
    }
    .section-dashboard-faq .title .search {
        width: 21.8rem;
    }
    .section-dashboard .dashboard-faq-box .form-select {
        order: 1;
        flex: 1;
        text-align: center;
        margin-bottom: 3.8rem;
        max-width: 18.4rem;
    }
    .section-dashboard .dashboard-faq-box .nav-tabs {
        order: 2;
        padding: 0 0.4rem;
        flex: 0 0 100%;
        max-width: 18.3rem;
    }
    .section-dashboard .dashboard-faq-box .box-title {
        padding: 0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .section-dashboard .dashboard-faq-box {
        margin: 0 0.3rem;
        padding: 3.6rem 1.6875rem 3.7rem;
    }
    .section-dashboard .dashboard-faq-box .nav-tabs .nav-link {
        margin: 0;
        width: 100%;
    }
    .section-dashboard .dashboard-faq-box .nav-tabs .nav-item {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        margin-bottom: 1.65rem;
    }
    .section-dashboard .faq-item {
        padding: 2.6rem 0;
        margin-bottom: 1.8rem;
    }
    .section-dashboard .faq-item .collapse-btn {
        padding: 0.2rem 3.6rem 0.2rem 2rem;
        line-height: 2rem;
    }
    .section-dashboard .faq-item .collapse-content {
        padding: 0 1.6rem 0 2rem;
        font-size: 1.125rem;
        line-height: 2rem;
    }
    .section-dashboard .faq-item .collapse-btn::after {
        margin: 0;
        top: -0.9rem;
        right: 1.1rem;
    }
    .section-dashboard .dashboard-faq-box .tab-pane > .btn {
        margin: 3.5rem 0.7rem 0;
        display: flex;
    }
    /* ----- /SECTION DASHBOARD FAQ ----- */
    /*  */
}

@media(max-width: 1920px) {
    .section-dashboard .container {
        padding-left: 9%;
        max-width: 90rem;
    }
}

@media(max-width: 1670px) {
    .section-dashboard .container {
        padding-left: 10%;
        max-width: 80rem;
        transform: translateX(6%);
    }
}

@media(max-width: 1440px) {
    .section-dashboard .container {
        padding-left: 10%;
        max-width: 65rem;
        transform: translateX(5%);
    }
}

@media (max-width: 1200px) {
    .section-dashboard .dashboard-sidebar {
        display: none;
    }
    .section-dashboard .container {
        padding-left: 1rem;
        max-width: 960px;
        transform: none;
    }
}

@media (max-width: 1023px) {
    .section-dashboard .container {
        padding-left: 1rem;
        max-width: 960px;
        transform: none;
    }
}

@media (max-width: 768px) {
    .section-dashboard .container {
        padding-left: 1rem;
        max-width: 540px;
        transform: none;
    }
}