:root {
    --Body-Color: rgb(30, 30, 30);
    --Text-Color: rgb(225, 225, 225);
    --Yellow-Color: rgb(250, 185, 20);
    --FontFamily-Medium: 'YekanBakh-Medium';
    --FontFamily-Bold: 'YekanBakh-Bold';
    --FontFamily-Black: 'YekanBakh-Black';
}

@font-face {
    font-family: 'YekanBakh-Medium';
    src: url('fonts/YekanBakh-Medium.woff');
}

@font-face {
    font-family: 'YekanBakh-Bold';
    src: url('fonts/YekanBakh-Bold.woff');
}

@font-face {
    font-family: 'YekanBakh-Black';
    src: url('fonts/YekanBakh-Black.woff');
}

@media (prefers-reduced-motion: no-preference) {

    :root {
        scroll-behavior: smooth;
    }
}

body {
    font-family: var(--FontFamily-Medium);
    font-size: 1rem;
    background: rgb(25, 25, 25);
    color: var(--Text-Color);
    text-align: right;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    transition: all .25s ease-in-out;
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
    margin: 0;
    font-family: var(--FontFamily-Bold);
    font-weight: 700;
    line-height: 1.5;
    color: rgb(90, 105, 125);
}

strong {
    font-family: var(--FontFamily-Bold);
    font-weight: 700;
}

input,
button {
    font-weight: 500;
}

.cr-select {
    position: relative;
}

.cr-select label {
    display: block;
    margin: 0 0 5px;
    font-family: var(--FontFamily-Bold);
    line-height: 1.5;
}

.cr-select select {
    width: 100%;
    height: 40px;
    padding: 0 25px 0 0;
    color: rgb(105, 115, 125);
    border: 1px solid rgb(215, 225, 225);
    border-radius: 300px;
}

.cr-select .cr-icon {
    position: relative;
}

.cr-select .cr-icon span {
    padding: 0 20px 0 15px;
    line-height: 1.5;
}

.cr-select .cr-icon ul li span {
    padding: 0;
}

.cr-select .cr-icon i {
    position: absolute;
    top: 12.5px;
    right: 12.5px;
    color: rgb(105, 115, 125);
    z-index: 1;
}

.cr-text {
    width: 100%;
    display: inline-block;
    margin: 0 0 10px;
    position: relative;
}

.cr-text label {
    display: block;
    margin: 0 0 5px;
    font-family: var(--FontFamily-Bold);
    font-weight: normal;
    line-height: 1.5;
}

.cr-text input[type='text'] {
    width: 100%;
    height: 45px;
    padding: 0 45px 0 15px;
    background: rgb(35, 35, 35);
    color: rgb(235, 235, 235);
    border: 0;
    border-radius: 300px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.cr-text input[type='text']::placeholder {
    color: rgba(105, 115, 125, .75);
}

.cr-text input[type='text']:focus {
    outline: 2px solid rgba(90, 90, 90, .5);
    outline-offset: 5px;
}

.cr-text.cr-ltr input[type='text'] {
    direction: ltr;
    text-align: left;
}

.cr-text .cr-icon input[type='text'] {
    padding: 0 35px 0 15px;
}

.cr-text.cr-ltr .cr-icon input[type='text'] {
    padding: 5px 15px 0 35px;
}

.cr-text .cr-icon {
    position: relative;
}

.cr-text .cr-icon i {
    position: absolute;
    top: 12.5px;
    right: 12.5px;
    color: rgb(105, 115, 125);
    z-index: 1;
}

.cr-text.cr-ltr .cr-icon i {
    right: auto;
    left: 12.5px;
}

.cr-textarea {
    width: 100%;
    display: inline-block;
    position: relative;
}

.cr-textarea label {
    display: block;
    margin: 0 0 5px;
    font-family: var(--FontFamily-Bold);
    line-height: 1.5;
}

.cr-textarea textarea {
    width: 100%;
    height: 150px;
    padding: 15px;
    background: rgb(35, 35, 35);
    color: rgb(90, 95, 105);
    border: 0;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    resize: none;
}

.cr-textarea textarea:focus {
    outline: 2px solid rgba(90, 90, 90, .5);
    outline-offset: 5px;
}

.cr-textarea .cr-icon {
    position: relative;
}

.cr-textarea .cr-icon textarea {
    padding: 10px 35px 10px 15px;
}

.cr-textarea .cr-icon i {
    position: absolute;
    top: 12.5px;
    right: 12.5px;
    color: rgb(105, 115, 125);
    z-index: 1;
}

.cr-radio input[type='radio'],
.cr-checkbox input[type='checkbox'] {
    display: none;
}

.cr-radio label,
.cr-checkbox label {
    padding: 0 25px 0 0;
    position: relative;
    cursor: pointer;
}

.cr-radio label:before,
.cr-checkbox label:before {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid rgb(215, 225, 225);
    border-radius: .25rem;
    appearance: none;
    cursor: pointer;
}

.cr-radio label:before {
    border-radius: 50%;
}

.cr-radio input:checked+label:before,
.cr-checkbox input:checked+label:before {
    content: '\ea41';
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'boxicons';
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--Primary-Color);
    color: rgb(255, 255, 255);
    border-color: var(--Primary-Border-Color);
}

.cr-checkbox small {
    display: block;
    opacity: .875;
}

.cr-upload input[type="file"] {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.cr-upload label {
    width: 100%;
    display: inline-block;
    margin: 0 0 15px;
    padding: 15px;
    text-align: center;
    border: 1px dashed rgb(65, 65, 65);
    border-radius: 5px;
    box-shadow: 0 0 5px rgb(20 20 45 / 5%);
    transition: all .15s ease-in-out;
    cursor: pointer;
}

.cr-upload strong {
    display: block;
}

.cr-upload .cr-action {
    display: inline-block;
    margin: 15px 0;
    padding: 5px 15px;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    color: rgb(30, 30, 30);
    border-radius: 300px;
}

.cr-upload ul li {
    width: 100%;
    display: inline-block;
    padding: 0 15px 0 0;
    position: relative;
    font-size: .95rem;
    text-align: right;
    color: rgb(190, 190, 190);
}

.cr-upload ul li:before {
    content: '';
    width: 10px;
    height: 10px;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    position: absolute;
    top: 3.5px;
    right: 0;
    border-radius: 50%;
}

.cr-button button {
    width: 100%;
    height: 45px;
    display: inline-block;
    padding: 0 15px;
    position: relative;
    font-family: var(--FontFamily-Bold);
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    color: rgb(30, 30, 30);
    border: 0;
    border-radius: 300px;
    transition: all .25s ease-in-out;
}

.cr-button button:hover {
    opacity: .90;
}

.cr-button button:active {
    transform: scale(.95);
}

.cr-button button div {
    display: flex;
    align-items: center;
    justify-content: center;
    border-width: 2px;
}

.cr-alert {
    width: 100%;
    margin: 0 0 15px;
    padding: 15px;
    font-size: .95rem;
    background: rgba(250, 185, 20, .05);
    color: rgb(250, 185, 20);
    border: 1px solid rgb(250, 185, 20);
    border-radius: 10px;
}

.cr-alert p:first-child {
    margin: 0 0 10px;
}

.cr-alert p {
    display: flex;
    gap: 5px;
    margin: 0;
}

.cr-overlay {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(25, 25, 25, .5);
    backdrop-filter: blur(10px);
    opacity: 0;
    visibility: hidden;
    transition: all .25s ease-in-out;
    z-index: 10;
}

.cr-overlay.cr-active {
    opacity: 1;
    visibility: visible;
}

.cr-modal .cr-close {
    background: transparent;
    border: 0;
}

.cr-modal .cr-close i {
    font-size: 1.5rem;
}

.cr-offcanvas {
    background: rgb(25, 25, 25);
    color: var(--Text-Color);
}

.cr-offcanvas .cr-offcanvas-header {
    background: rgb(30, 30, 30);
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}

.cr-offcanvas .cr-offcanvas-header h5 {
    display: block;
    margin: 0 0 -5px;
    color: rgb(255, 255, 255);
}

.cr-offcanvas .cr-offcanvas-header .cr-close {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: rgb(255, 255, 255);
    border: 0;
}

.cr-offcanvas .cr-offcanvas-header .cr-close i {
    font-size: 1.5rem;
}

/*------------------------------------- Login Section -------------------------------------*/

.cr-login-section {
    width: 100%;
    display: inline-block;
    background-image: url(../img/line.png);
    background-repeat: repeat-y;
    background-position: center center;
}

.cr-login-section .cr-cover {
    width: 100%;
    height: 100vh;
    position: relative;
    background-size: cover;
    background-position: center;
    color: rgb(255, 255, 255);
}

.cr-login-section .cr-cover:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: rgb(15, 15, 15);
    color: rgb(255, 255, 255);
    opacity: .25;
}

.cr-login-section .cr-cover .cr-content {
    width: 100%;
    display: inline-block;
    padding: 90px;
    position: relative;
    color: rgba(255, 255, 255, .90);
}

.cr-login-section .cr-cover .cr-content figure {
    margin: 0 0 60px
}

.cr-login-section .cr-cover .cr-content figure img {
    max-width: 150px;
    margin: 0 0 30px;
}

.cr-login-section .cr-cover .cr-content .cr-carousel h1 {
    display: block;
    margin: 0 0 5px;
    font-family: var(--FontFamily-Black);
    font-size: 2.5rem;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cr-login-section .cr-cover .cr-content .cr-carousel p {
    padding: 0 0 0 15px;
    font-size: 1.15rem;
    text-align: justify;
}

.cr-login-section .cr-cover .cr-content .cr-carousel .cr-pagination {
    margin: 0;
    right: auto;
    bottom: -30px;
    left: 15px
}

.cr-login-section .cr-cover .cr-content .cr-carousel .cr-pagination button {
    width: 7.5px;
    height: 7.5px;
    border: 0;
    border-radius: 300px;
}

.cr-login-section .cr-cover .cr-content .cr-carousel .cr-pagination button.active {
    width: 35px;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
}

.cr-login-section .cr-form {
    width: 100%;
    display: inline-block;
    padding: 0 175px;
    position: relative;
}

.cr-login-section .cr-form figure {
    display: none;
    position: absolute;
    top: 30px;
    right: 30px;
}

.cr-login-section .cr-form .cr-content {
    width: 100%;
    display: inline-block;
}

.cr-login-section .cr-form .cr-content .cr-title {
    width: 100%;
    display: inline-block;
    margin: 0 0 30px;
}

.cr-login-section .cr-form .cr-content .cr-title strong {
    display: block;
    margin: 0 0 10px;
    font-family: var(--FontFamily-Black);
    font-size: 2rem;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cr-login-section .cr-form .cr-content .cr-title p {
    font-size: 1.05rem;
    text-align: justify;
}

.cr-login-section .cr-form .cr-content form {
    width: 100%;
}

.cr-login-section .cr-form .cr-content form a {
    color: rgb(105, 125, 140)
}

.cr-login-section .cr-form .cr-content .cr-signup {
    margin: -5px 0 0;
}

.cr-login-section .cr-form .cr-content .cr-password i,
.cr-login-section .cr-form .cr-content .cr-signup i {
    position: relative;
    top: -2.5px;
}

.cr-login-section .cr-form .cr-content .cr-password a,
.cr-login-section .cr-form .cr-content .cr-signup a,
.cr-login-section .cr-form .cr-content .cr-login a {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--Text-Color);
}

.cr-login-section .cr-form .cr-content .cr-password a:hover,
.cr-login-section .cr-form .cr-content .cr-signup a:hover,
.cr-login-section .cr-form .cr-content .cr-login a:hover {
    color: rgb(250, 185, 20);
}

@media (max-width: 1920px) {

    .cr-login-section .cr-form {
        padding: 0 250px;
    }
}

@media (max-width: 1600px) {

    .cr-login-section .cr-form {
        padding: 0 150px;
    }
}

@media (max-width: 1260px) {

    .cr-login-section .cr-form {
        padding: 0 30px;
    }

    .cr-login-section .cr-form figure {
        display: block;
    }

    .cr-login-section .cr-form .cr-content {
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .cr-login-section .cr-form .cr-content .cr-title p br {
        display: none;
    }
}

/*------------------------------------- Layout Section -------------------------------------*/

.cr-layout-section {
    width: 100%;
    min-height: 100vh;
    position: relative;
    overflow: hidden;
}

.cr-layout-section .cr-layout {
    height: 100vh;
    margin: 0;
}

@media (max-width: 1275px) {

    .cr-layout-section .cr-layout {
        height: auto;
    }
}

/*------------------------------------- Sidebar Section -------------------------------------*/

.cr-sidebar-section {
    width: 15%;
    height: 100%;
    display: inline-block;
    position: fixed;
    top: 0;
    right: 0;
    background: rgb(30, 30, 30);
    color: rgb(160, 170, 185);
    border-left: 1px solid rgba(255, 255, 255, 0.05);
    overflow: auto;
    box-shadow: var(--Primary-Shadow);
    transition: all .5s ease-in-out;
    z-index: 15;
}

.cr-sidebar-section.cr-active {
    width: 350px;
    max-width: 100%;
    right: 0;
}

.cr-sidebar-section .cr-close {
    width: 30px;
    height: 30px;
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgb(25, 25, 25);
    cursor: pointer;
    border-radius: 50%;
    z-index: 15;
}

.cr-sidebar-section .cr-sidebar {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 50px;
    right: -15px;
    background: rgb(75, 60, 125);
    border-radius: 50%;
    cursor: pointer;
    z-index: 15;
    display: none;
}

.cr-sidebar-section .cr-sidebar span {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px auto;
    background: rgb(255, 255, 255);
    color: rgb(75, 60, 125);
    border-radius: 50%;
}

.cr-sidebar-section .cr-sidebar span i {
    font-size: 1.5rem;
}

.cr-sidebar-section figure {
    max-width: 150px;
    max-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px auto;
    position: relative;
}

.cr-sidebar-section aside {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cr-sidebar-section aside .cr-primary,
.cr-sidebar-section aside .cr-secondary {
    width: 100%;
}

.cr-sidebar-section aside .cr-secondary {
    padding: 0 0 15px;
}

.cr-sidebar-section aside .cr-title {
    display: block;
    margin: 5px 0;
    padding: 10px 30px;
    position: relative;
    font-size: .85rem;
    color: rgb(160, 170, 185);
    text-transform: uppercase;
}

.cr-sidebar-section aside .cr-title span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
}

.cr-sidebar-section aside .cr-title:before {
    content: '';
    width: 1rem;
    height: 1px;
    position: absolute;
    top: 50%;
    right: 0;
    background: rgb(160, 170, 185);
    transition: all 0.25s ease-in-out;
}

.cr-sidebar-section aside .cr-menu {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}

.cr-sidebar-section aside .cr-menu nav {
    width: 100%;
    display: inline-block;
    padding: 0 0 15px;
}

.cr-sidebar-section aside .cr-menu nav ul {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.cr-sidebar-section aside .cr-menu nav ul ul {
    display: none;
    padding: 0 15px 0 0;
    font-size: .95rem;
}

.cr-sidebar-section aside .cr-menu nav ul li {
    width: 100%;
    display: inline-block;
    margin: 2.5px 0;
    position: relative;
}

.cr-sidebar-section aside .cr-menu nav ul li i {
    position: relative;
    top: -2.5px;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cr-sidebar-section aside .cr-menu nav ul li a {
    display: flex;
    align-items: center;
    margin: 0 1rem;
    padding: 7.5px 10px;
    position: relative;
    color: var(--Text-Color);
    border-radius: 5px;
    overflow: hidden;
    white-space: nowrap;
}

.cr-sidebar-section aside .cr-menu nav ul li a span {
    transition: opacity 1.45s ease-in-out;
}

.cr-sidebar-section aside .cr-menu nav ul li a.cr-active {
    background: rgb(255 255 255 / 21%);
}

.cr-sidebar-section aside .cr-menu nav ul li a i {
    width: 30px;
    font-size: 1.25rem;
}

.cr-sidebar-section aside .cr-menu nav ul li a:hover {
    background: rgba(65, 90, 115, 0.05);
}

.cr-sidebar-section aside .cr-menu nav ul li.cr-dropdown>a:before {
    content: '\ea4a';
    font-family: 'boxicons';
    position: absolute;
    top: 10px;
    left: 10px;
    line-height: 1;
}

@media (max-width: 1275px) {

    .cr-sidebar-section {
        right: -300px;
    }

    .cr-sidebar-section .cr-close {
        display: flex;
    }

    .cr-sidebar-section figure {
        margin: 15px;
    }
}

/*------------------------------------- Container -------------------------------------*/

.cr-container-section {
    width: 85%;
    float: left;
    padding: 30px;
    position: relative;
}

.cr-container-section .cr-nav {
    width: 100%;
    display: inline-block;
    margin: 0 0 15px;
}

.cr-container-section .cr-nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5px;
}

.cr-container-section .cr-nav ul li {
    display: inline-block;
}

.cr-container-section .cr-nav ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 10px;
    position: relative;
    font-family: var(--FontFamily-Bold);
    background: transparent;
    color: rgb(165, 165, 165);
    border: 0;
    border-radius: 300px;
}

.cr-container-section .cr-nav ul li a.active {
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cr-container-section .cr-nav ul li a small {
    padding: 0 5px 0 0;
}

.cr-container-section .cr-nav ul li a i {
    line-height: .75;
}

.cr-container-section .cr-nav ul li a:hover {
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cr-container-section .cr-nav ul li a.cr-active {
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cr-container-section .cr-nav ul li a.cr-active:before {
    content: '';
    width: 25px;
    height: 1.5px;
    margin: 0 auto;
    position: absolute;
    bottom: 2.5px;
    right: 0;
    left: 0;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    border-radius: 300px;
}

@media (max-width: 1275px) {

    .cr-container-section {
        width: 100%;
        padding: 30px 15px;
    }
}

@media (max-width: 767px) {

    .cr-container-section .cr-nav ul {
        gap: 0;
    }

    .cr-container-section .cr-nav ul li {
        flex: 50%;
    }
}

/*------------------------------------- Nav -------------------------------------*/

.cr-nav-section {
    width: 100%;
    display: inline-block;
    padding: 10px 0;
    position: relative;
    top: 0;
    right: 0;
    background: rgb(30, 30, 30);
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    z-index: 1;
}

.cr-nav-section .cr-actions {
    padding: 0 15px;
}

.cr-nav-section .cr-actions .cr-action {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 5px;
}

.cr-nav-section .cr-actions .cr-action li {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.cr-nav-section .cr-actions .cr-user {
    display: flex;
    align-items: center;
    gap: 5px;
    position: relative;
    font-size: .75rem;
    cursor: pointer;
}

.cr-nav-section .cr-actions .cr-user img {
    width: 45px;
    border: 2px solid rgba(255, 255, 255, .25);
    border-radius: 50%;
    object-fit: cover;
    box-shadow: var(--Primary-Shadow);
}

.cr-nav-section .cr-actions .cr-user strong {
    display: block;
    opacity: .90;
}

.cr-nav-section .cr-actions .cr-user span,
.cr-nav-section .cr-actions .cr-user i {
    opacity: .75;
}

.cr-nav-section .cr-actions .cr-dropmenu {
    width: 100%;
    margin: 15px 0;
    position: absolute;
    top: 100%;
    right: 0;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    transition: all .25s ease-in-out;
}

.cr-nav-section .cr-actions .cr-dropmenu.cr-active {
    margin: 5px 0;
    opacity: 1;
    visibility: visible;
}

.cr-nav-section .cr-actions .cr-dropmenu .cr-icons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cr-nav-section .cr-actions .cr-dropmenu .cr-icons li {
    flex: 1;
}

.cr-nav-section .cr-actions .cr-dropmenu .cr-icons li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    color: var(--Body-Color);
    border-left: 1px solid rgba(245, 185, 40, .5);
}

.cr-nav-section .cr-actions .cr-dropmenu .cr-icons li:last-child a {
    border-left: 0;
}

.cr-nav-section .cr-actions .cr-responsive {
    display: none;
    position: relative;
}

.cr-nav-section .cr-actions .cr-responsive span {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: rgb(255, 255, 255);
    opacity: .75;
}

.cr-nav-section .cr-actions .cr-responsive span i {
    font-size: 1.75rem;
}

.cr-nav-section .cr-breadcrumb {
    display: flex;
    padding: 0 265px 0 0;
}

.cr-nav-section .cr-breadcrumb nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    padding: 5px 0 0;
}

.cr-nav-section .cr-breadcrumb nav ul li {
    display: inline-block;
    padding: 0 0 0 10px;
    position: relative;
    color: rgb(165, 165, 165);
}

.cr-nav-section .cr-breadcrumb nav ul li:before {
    content: '\ea4d';
    font-family: 'boxicons';
    position: absolute;
    top: 0;
    left: -5px;
    font-size: 1rem;
    line-height: 1.15;
}

.cr-nav-section .cr-breadcrumb nav ul li:last-child:before {
    display: none;
}

.cr-nav-section .cr-breadcrumb nav ul li a {
    color: rgb(165, 165, 165);
}

@media (max-width: 1260px) {

    .cr-nav-section .cr-actions .cr-action {
        justify-content: space-between;
    }

    .cr-nav-section .cr-actions .cr-action .cr-responsive {
        display: flex;
    }

    .cr-nav-section .cr-breadcrumb {
        display: none;
    }
}

/*------------------------------------- Card -------------------------------------*/

.cr-card .cr-card-header .cr-title {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.cr-card .cr-card-header .cr-title div {
    display: flex;
    align-items: center;
    gap: 5px;
}

.cr-card .cr-card-header .cr-title strong {
    font-size: 1.25rem;
}

.cr-card .cr-card-header .cr-title strong span {
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%) text;
    -webkit-text-fill-color: transparent;
}

.cr-card .cr-card-header .cr-title strong i {
    position: relative;
    top: -1.5px;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%) text;
    -webkit-text-fill-color: transparent;
}

.cr-card .cr-card-header .cr-title .cr-stats {
    font-size: 1rem;
}

.cr-card .cr-card-header .cr-title .cr-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: 5px;
}

.cr-card .cr-card-header .cr-title .cr-actions input {
    height: 40px;
    padding: 0 10px;
    background: rgb(25, 25, 25);
    color: var(--Text-Color);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 300px;
}

.cr-card .cr-card-header .cr-title .cr-actions .cr-action {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 10px 30px 10px 20px;
    font-weight: 500;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    color: var(--Body-Color);
    font-family: var(--FontFamily-Bold);
    border: 0;
    border-radius: 300px;
    transition: all .25s ease-in-out;
}

.cr-card .cr-card-header .cr-title .cr-actions .cr-action:hover {
    opacity: .90;
}

.cr-card .cr-card-header .cr-title .cr-actions .cr-action:active {
    transform: scale(0.95);
}

.cr-card .cr-card-header .cr-filter-section {
    width: 100%;
    display: inline-block;
}

.cr-card .cr-card-header .cr-filter-section .cr-page {
    margin: 15px 0 0;
}

.cr-card .cr-card-header .cr-filter-section .cr-select {
    width: 150px;
    display: flex;
    align-items: center;
    gap: 5px
}

.cr-card .cr-card-header .cr-filter-section .cr-select select {
    height: 40px;
    padding: 0 10px;
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 300px;
}

.cr-card .cr-card-header .cr-filter-section .cr-select button {
    background: rgb(25, 25, 25);
    border: 1px solid rgba(255, 255, 255, 0.25);
}

@media (max-width: 767px) {

    .cr-card .cr-card-header .cr-filter-section .cr-select {
        width: 100%;
    }
}

.cr-card .cr-card-header .cr-filter-section .cr-filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 5px;
    margin: 15px 0 0;
}

.cr-card .cr-card-header .cr-filter-section .cr-filters .cr-select {
    width: 150px;
}

.cr-card .cr-card-header .cr-filter-section .cr-filters .cr-select button {
    background: rgb(25, 25, 25);
    border: 1px solid rgba(255, 255, 255, 0.25);
}

.cr-card .cr-card-header .cr-filter-section .cr-filters .cr-select select {
    height: 40px;
    padding: 0 10px;
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 300px;
}

.cr-card .cr-card-header .cr-filter-section .cr-filters .cr-search {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 5px;
    position: relative;
}

.cr-card .cr-card-header .cr-filter-section .cr-filters .cr-search button {
    position: absolute;
    top: 10.5px;
    left: 3.5px;
    background: transparent;
    color: rgb(85, 85, 85);
    border: 0;
}

.cr-card .cr-card-header .cr-filter-section .cr-filters .cr-search input {
    height: 45px;
    padding: 0 10px;
    background: rgb(25, 25, 25);
    color: var(--Text-Color);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 300px;
}

.cr-card .cr-card-header .cr-filter-section .cr-filters .cr-search input:focus {
    outline: 0;
    border-color: var(--Primary-Color);
    box-shadow: 0 0 0.25rem 0.05rem rgba(105, 110, 255, .15);
}

@media (max-width: 767px) {

    .cr-card .cr-card-header .cr-filter-section .cr-filters .cr-select {
        width: 100%;
    }

    .cr-card .cr-card-header .cr-filter-section .cr-filters {
        align-items: end;
        justify-content: space-between;
        margin: 15px 0 0;
    }

    .cr-card .cr-card-header .cr-filter-section .cr-filters .cr-search {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }

    .cr-card .cr-card-header .cr-filter-section .cr-filters .cr-search label {
        margin: 0 0 -5px;
    }

    .cr-card .cr-card-header .cr-filter-section .cr-filters .cr-search input,
    .cr-card .cr-card-header .cr-filter-section .cr-filters .cr-select {
        width: 100%;
    }

    .cr-card .cr-card-header .cr-filter-section .cr-filters .cr-search button {
        top: 30px;
        line-height: 1.75;
    }
}

@media (max-width: 576px) {

    .cr-card .cr-card-header .cr-filter-section .cr-filters .cr-search,
    .cr-card .cr-card-header .cr-filter-section .cr-filters .cr-select {
        width: 100%;
    }
}

.cr-card .cr-table {
    margin: 0;
    background: transparent;
    color: rgb(105, 125, 140);
}

.cr-card .cr-table thead tr {
    font-size: .95rem;
}

.cr-card .cr-table thead tr th,
.cr-card .cr-table tbody tr td {
    color: var(--Text-Color);
    vertical-align: middle;
    border-color: rgba(255, 255, 255, 0.05);
}

.cr-card .cr-table thead tr th {
    padding: 10px 5px;
    font-family: var(--FontFamily-Bold);
    background: rgba(15, 15, 15, .25);
    font-weight: normal;
    border-bottom-width: 0;
}

.cr-card .cr-table>:not(:last-child)>:last-child>* {
    border-color: rgb(225, 225, 230);
}

.cr-card .cr-table tbody tr:hover {
    background: rgba(15, 15, 15, .25);
}

.cr-card .cr-table tbody tr td {
    padding: 10px 20px;
    background: transparent;
}

.cr-card .cr-table .cr-price small {
    font-size: .75rem;
}

.cr-card .cr-table .cr-address {
    text-align: right;
}

.cr-card .cr-table .cr-avatar {
    position: relative;
}

.cr-card .cr-table .cr-avatar img {
    max-width: 60px;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .25);
}

.cr-card .cr-table .cr-avatar strong {
    display: block;
    margin: 10px 0 5px;
    font-size: .90rem;
}

.cr-card .cr-table .cr-avatar ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.cr-card .cr-table .cr-avatar ul li {
    display: inline-block;
}

.cr-card .cr-table .cr-avatar ul li a {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--Primary-Color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: rgb(255, 255, 255);
    border-radius: 50%;
}

.cr-card .cr-table .cr-rating {
    display: flex;
    justify-content: center;
}

.cr-card .cr-table .cr-rating i {
    font-size: .75rem;
    background: var(--Yellow-Color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cr-card .cr-table .cr-edit,
.cr-card .cr-table .cr-reply {
    color: rgb(105, 125, 140);
}

.cr-card .cr-table .cr-online {
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    position: relative;
    text-align: center;
    border: 2px solid var(--Primary-Border-Color);
    border-radius: 50%;
    animation: anim-glow 2s ease infinite;
}

.cr-card .cr-table .cr-online i {
    width: 5px;
    height: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--Primary-Border-Color);
    border: 2px solid var(--Primary-Border-Color);
    border-radius: 50%;
}

.cr-card .cr-table .cr-offline {
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    position: relative;
    text-align: center;
    border: 2px solid rgb(245, 155, 20);
    border-radius: 50%;
}

.cr-card .cr-table .cr-offline i {
    width: 5px;
    height: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(245, 155, 20);
    border: 2px solid rgb(245, 155, 20);
    border-radius: 50%;
}

.cr-card .cr-table .cr-deactivate {
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    position: relative;
    text-align: center;
    border: 2px solid rgb(125, 140, 140);
    border-radius: 50%;
}

.cr-card .cr-table .cr-deactivate i {
    width: 5px;
    height: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(125, 140, 140);
    border: 2px solid rgb(125, 140, 140);
    border-radius: 50%;
}

.cr-card .cr-table .cr-circle {
    width: 15px;
    height: 15px;
    background: var(--Primary-Border-Color);
    border-radius: 50%;
    box-shadow: var(--Primary-Shadow);
}

.cr-card .cr-table .cr-circle.cr-yellow {
    background: rgb(245, 155, 20);
}

.cr-card .cr-table .cr-circle.cr-grey {
    background: rgb(125, 140, 140);
}

@-webkit-keyframes anim-glow {
    0% {
        box-shadow: 0 0 var(--Primary-Border-Color);
    }

    100% {
        box-shadow: 0 0 10px 10px transparent;
        border-width: 2px;
    }
}

@keyframes anim-glow {
    0% {
        box-shadow: 0 0 var(--Primary-Border-Color);
    }

    100% {
        box-shadow: 0 0 10px 10px transparent;
        border-width: 2px;
    }
}

.cr-card .cr-table .cr-plate {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1px solid rgb(105, 125, 140);
    border-radius: .25rem;
    zoom: .90;
}

.cr-card .cr-table .cr-plate i {
    font-style: normal;
}

.cr-card .cr-table .cr-plate .cr-id {
    width: 35px;
    border-left: 1px solid rgb(105, 125, 140);
}

.cr-card .cr-table .cr-plate .cr-id span {
    display: block;
    line-height: 1;
}

.cr-card .cr-table .cr-plate .cr-number {
    display: block;
    padding: 0 5px;
    line-height: 1;
}

.cr-card .cr-table .cr-plate .cr-flag {
    width: 25px;
    padding: 0 0 0 1.5px;
    background: rgb(0, 50, 145);
    color: rgb(255, 255, 255);
}

.cr-card .cr-table .cr-plate .cr-flag img {
    max-width: 10px;
    display: block;
    margin: 5px auto;
}

.cr-card .cr-table .cr-plate .cr-flag i {
    display: block;
    font-size: .5rem;
    line-height: 1;
    text-align: left;
}

.cr-card .cr-table .cr-active {
    color: var(--Primary-Color);
}

.cr-card .cr-table .cr-inactive {
    background: rgb(245, 155, 20);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cr-card .cr-table .cr-unread {
    font-family: var(--FontFamily-Bold);
}

.cr-card .cr-table .cr-unread td {
    background: rgb(245, 245, 245);
}

.cr-card .cr-table .cr-message {
    text-align: right;
    white-space: pre-line;
}

.cr-card .cr-table .cr-date ul li,
.cr-card .cr-table .cr-features ul li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 5px;
    padding: 5px;
}

.cr-card .cr-table .cr-features ul li {
    justify-content: flex-start;
}

.cr-card .cr-table .cr-date ul li div,
.cr-card .cr-table .cr-features ul li div {
    display: flex;
    align-items: center;
    gap: 5px;
    color: rgb(130, 130, 130);
}

.cr-card .cr-table .cr-action {
    display: flex;
    justify-content: center;
    gap: 5px;
}

.cr-card .cr-table .cr-action div {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: rgb(130, 130, 130);
    transition: all .25s ease-in-out;
    border-radius: 50%;
}

.cr-card .cr-table .cr-action div i {
    position: relative;
    font-size: 1.25rem;
}

.cr-card .cr-table .cr-action button {
    width: 100%;
    height: 100%;
    background: transparent;
    color: inherit;
    border: 0;
}

.cr-card .cr-table .cr-action button:before {
    content: '';
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    border-radius: 50%;
    transform: scale(0);
    transition: all .25s ease-in-out;
}

.cr-card .cr-table .cr-action button:hover {
    color: rgb(255, 255, 255);
}

.cr-card .cr-table .cr-action button:hover:before {
    background: var(--Primary-Color);
    transform: scale(1);
}

.cr-card .cr-table .cr-action .cr-menu {
    padding: 0;
    border: 0;
    overflow: hidden;
    box-shadow: var(--Primary-Shadow);
}

.cr-card .cr-table .cr-action .cr-menu li {
    display: block;
    font-size: .90rem;
}

.cr-card .cr-table .cr-action .cr-menu li a {
    display: block;
    padding: 5px 10px;
    color: var(--Third-Color);
}

.cr-card .cr-table .cr-action .cr-menu li a:hover {
    background: rgba(75, 55, 115, .075);
}

.cr-card .cr-table .cr-name {
    display: block;
    font-family: var(--FontFamily-Bold);
}

.cr-card .cr-table .cr-actions ul {
    display: flex;
    justify-content: center;
    gap: 5px;
}

.cr-card .cr-table .cr-actions ul li {
    display: inline-block;
}

.cr-card .cr-table .cr-actions ul li a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-radius: 50%;
}

.cr-card .cr-table .cr-action ul {
    display: flex;
    justify-content: center;
    gap: 5px;
}

.cr-card .cr-table .cr-action ul li {
    display: inline-block;
}

.cr-card .cr-table .cr-action ul li a {
    display: flex;
    align-items: center;
    padding: 5px 25px;
    font-size: .95rem;
    background: rgba(255, 195, 50, .15);
    border: 2px solid rgb(255, 195, 50);
    color: rgb(255, 195, 50);
    border-radius: 300px;
}

.cr-card .cr-table .cr-action ul li:first-child a {
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    color: var(--Body-Color);
}

.cr-card .cr-card-footer {
    width: 100%;
    float: right;
    display: inline-block;
    padding: 15px;
}

@media (max-width: 767px) {

    .cr-card .cr-card-header .cr-title .cr-actions .cr-action.cr-primary,
    .cr-card .cr-card-header .cr-title .cr-actions .cr-action.cr-secondary {
        padding: 7.5px 20px;
    }
}

@media (max-width: 576px) {

    .cr-card .cr-card-header .cr-title {
        justify-content: space-between;
    }

    .cr-card .cr-card-header .cr-title strong {
        display: block;
    }

    .cr-card .cr-card-header .cr-title .cr-actions {
        justify-content: center;
    }

    .cr-card .cr-card-header .cr-title .cr-actions .cr-action.cr-primary,
    .cr-card .cr-card-header .cr-title .cr-actions .cr-action.cr-secondary {
        padding: 10px 30px;
    }
}

.cr-footer-section {
    width: 100%;
    display: inline-block;
    padding: 30px 0 0;
}

.cr-footer-section p {
    margin: 0;
    opacity: .75;
}

.cr-footer-section ul {
    display: flex;
    justify-content: end;
    gap: 10px;
}

.cr-footer-section ul li {
    display: inline-block;
}

.cr-footer-section ul li a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--Text-Color);
    opacity: .75;
}

.cr-footer-section ul li a:hover {
    opacity: 1;
    color: rgb(255, 195, 50);
}

.cr-footer-section ul li a i {
    font-size: 1.5rem;
}

@media (max-width: 1260px) {

    .cr-footer-section {
        text-align: center;
    }

    .cr-footer-section p {
        margin: 0 0 15px;
    }

    .cr-footer-section ul {
        justify-content: center;
    }
}

.cr-card {
    width: 100%;
    display: inline-block;
    margin: 0 0 15px;
    background: rgb(30, 30, 30);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 10px;
}

.cr-card .cr-card-header {
    width: 100%;
    display: inline-block;
    padding: 15px;
}

/*------------------------------------------ Pagination Widget ------------------------------------------*/

.cr-pagination-section {
    display: flex;
    justify-content: end;
}

.cr-pagination-section ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2.5px;
}

.cr-pagination-section ul li {
    display: inline-block;
}

.cr-pagination-section ul li a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: var(--Text-Color);
    font-size: .90rem;
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: .25rem;
}

.cr-pagination-section ul li.cr-prev a {
    width: 4.25rem;
}

.cr-pagination-section ul li.cr-next a {
    width: 2.75rem;
}

.cr-pagination-section ul li a:hover {
    background: rgb(35, 35, 35);
}

.cr-pagination-section ul li a.cr-active {
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    color: var(--Body-Color);
}

.cr-pagination-section ul li.cr-disabled a {
    pointer-events: none;
}

@media (max-width: 1260px) {

    .cr-pagination-section {
        justify-content: center;
        margin: 15px 0;
    }
}

.cr-ticket-status-section {
    display: flex;
    justify-content: center;
}

.cr-ticket-status-section span {
    width: 125px;
    height: 35px;
    line-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .90rem;
    border: 1px solid transparent;
    border-radius: 300px;
}

.cr-ticket-status-section span.cr-new {
    background: rgba(50, 55, 60, .05);
    color: rgb(175, 175, 175);
    border-color: rgb(50, 55, 60);
}

.cr-ticket-status-section span.cr-responded {
    background: rgba(25, 150, 115, .05);
    color: rgb(25, 150, 115);
    border-color: rgb(25, 150, 115);
}

.cr-ticket-status-section span.cr-pending {
    background: rgba(255, 121, 0, .05);
    color: rgb(255, 121, 0);
    border-color: rgb(255, 121, 0);
}

.cr-ticket-status-section span.cr-close {
    background: rgba(225, 70, 75, .05);
    color: rgb(225, 70, 75);
    border-color: rgb(225, 70, 75);
}

.cr-profile-section {
    width: 100%;
    display: inline-block;
    padding: 30px;
}

.cr-best-section {
    width: 100%;
    display: inline-block;
}

.cr-best-section .cr-title {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 15px;
}

.cr-best-section .cr-title div {
    display: flex;
    align-items: center;
    gap: 5px;
}

.cr-best-section .cr-title strong {
    font-size: 1.25rem;
}

.cr-best-section .cr-title strong span {
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%) text;
    -webkit-text-fill-color: transparent;
}

.cr-best-section .cr-title strong i {
    position: relative;
    top: -1.5px;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%) text;
    -webkit-text-fill-color: transparent;
}

.cr-best-section .cr-best {
    width: 100%;
    min-height: 190px;
    display: inline-block;
    margin: 0 0 25px;
    padding: 30px;
    position: relative;
    text-align: center;
    background: rgb(30, 30, 30);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 15px;
}

.cr-best-section .cr-best .cr-first {
    position: absolute;
    top: -5px;
    right: 15px;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%) text;
    -webkit-text-fill-color: transparent;
}

.cr-best-section .cr-best .cr-first i {
    font-size: 4.5rem;
}

.cr-best-section .cr-best .cr-second {
    position: absolute;
    top: -5px;
    right: 15px;
    background: linear-gradient(100deg, silver 5%, rgb(192, 192, 192) 35%, rgb(169, 169, 169) 105%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cr-best-section .cr-best .cr-second i {
    font-size: 4.5rem;
}

.cr-best-section .cr-best .cr-third {
    position: absolute;
    top: -5px;
    right: 15px;
    background: linear-gradient(100deg, rgb(205, 127, 50) 5%, rgb(195, 97, 20) 35%, rgb(185, 77, 10) 105%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cr-best-section .cr-best .cr-third i {
    font-size: 4.5rem;
}

.cr-best-section .cr-best img {
    width: 50px;
    margin: 0 0 15px;
    border-radius: 2.5px;
}

.cr-best-section .cr-best .cr-name {
    display: block;
}

.cr-best-section .cr-best ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
}

.cr-best-section .cr-best ul li {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.cr-best-section .cr-best ul li strong {
    display: flex;
    flex-direction: row-reverse;
    gap: 2.5px;
}

.cr-best-section .cr-best ul li strong small {
    position: relative;
    top: 2.25px;
}

.cr-bests-section img {
    border-radius: 300px;
}

.cr-wallet-section .cr-wallet {
    display: block;
    padding: 10px 0 0;
    font-family: var(--FontFamily-Medium);
    font-weight: normal;
}

.cr-wallet-section .cr-wallet small {
    font-size: .95rem;
}

.cr-wallet-section .cr-status-wallet-section .cr-deposit {
    color: rgb(25, 150, 115);
}

.cr-wallet-section .cr-status-wallet-section .cr-withdraw {
    color: rgb(225, 70, 75);
}

.cr-wallet-section .cr-date span {
    display: inline-block;
    padding: 0 5px;
}

.cr-withdrawal-section {
    padding: 0 0 15px;
}

.cr-withdrawal-section .cr-button {
    margin: 15px 0 0;
}

.cr-orders-section .cr-status-order-section .cr-pending {
    color: rgb(255, 121, 0);
}

.cr-orders-section .cr-status-order-section .cr-pending-payment {
    color: rgb(255, 195, 5);
}

.cr-orders-section .cr-status-order-section .cr-success {
    color: rgb(25, 150, 115);
}

.cr-orders-section .cr-status-order-section .cr-failure {
    color: rgb(225, 70, 75);
}

.cr-accounts-section {
    width: 100%;
    display: inline-block;
}

.cr-accounts-section ul {
    width: 100%;
    display: inline-block;
}

.cr-accounts-section ul li {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}

.cr-accounts-section ul li span {
    opacity: .90;
}

.cr-accounts-section ul li:last-child {
    border-bottom: 0;
}

.cr-account-section .cr-charts {
    width: 100%;
    display: inline-block;
}

.cr-account-section .cr-charts .cr-chart {
    width: 100%;
    display: inline-block;
    margin: 0 0 25px;
    padding: 15px 0 0;
    background: rgb(30, 30, 30);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 15px;
}

.cr-account-section .cr-charts .cr-chart .cr-canvas {
    padding: 15px;
}

.cr-account-section .cr-charts .cr-chart div {
    position: relative;
}

.cr-account-section .cr-charts .cr-chart div div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.cr-account-section .cr-charts .cr-chart div strong {
    display: block;
    margin: 5px 0 0;
    font-family: var(--FontFamily-Medium);
    font-weight: normal;
    font-size: 1rem;
    line-height: 1;
    text-align: center;
}

.cr-account-section .cr-charts .cr-chart div div strong {
    margin: 0;
    font-size: .95rem;
}

.cr-account-section .cr-charts .cr-chart div span {
    display: block;
    margin: 15px 0 10px;
    font-size: .95rem;
    line-height: 1;
}

.cr-account-section .cr-info-section {
    width: 100%;
    display: inline-block;
    margin: 0 0 25px;
    padding: 15px;
    background: rgb(30, 30, 30);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 15px;
}

.cr-account-section .cr-info-section ul li {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}

.cr-account-section .cr-info-section ul li:last-child {
    border-bottom: 0;
}

.cr-account-section .cr-info-section ul li .cr-verify {
    color: rgb(25, 150, 115);
}

.cr-account-section .cr-balance-section {
    width: 100%;
    display: inline-block;
    margin: 0 0 25px;
    padding: 15px;
    font-size: 1.25rem;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    color: rgb(25, 25, 25);
    text-align: center;
    border-radius: 15px;
}

.cr-account-section .cr-balance-section span {
    display: block;
}

.cr-account-section .cr-balance-section strong {
    display: block;
    margin: 0 0 -10px;
    font-size: 2rem;
}

.cr-account-section .cr-balance-section strong small {
    font-size: 1rem;
}

.cr-account-section .cr-progress-section {
    position: relative;
}

.cr-account-section .cr-progress-section .cr-title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 0 5px;
}

.cr-account-section .cr-progress-section .cr-title strong i {
    position: relative;
    top: -1.5px;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%) text;
    -webkit-text-fill-color: transparent;
}

.cr-account-section .cr-progress-section .cr-title strong span {
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%) text;
    -webkit-text-fill-color: transparent;
}

.cr-account-section .cr-progress-section .cr-title div {
    position: relative;
    top: 2.5px;
}

.cr-account-section .cr-progress-section .cr-progress {
    background: rgb(30, 30, 30);
    border-radius: 300px;
}

.cr-account-section .cr-progress-section .cr-progress div {
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    border-radius: 300px;
}

@media (max-width: 1260px) {

    .cr-account-section .cr-progress-section {
        margin: 0 0 30px;
    }
}

.cr-referral-section {
    width: 100%;
    display: inline-block;
}

.cr-referral-section .cr-referral {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0 15px 30px;
}

.cr-referral-section .cr-referral .cr-text input {
    padding: 0 15px;
    text-align: center;
}

.cr-referral-section .cr-referral .cr-text input::placeholder {
    color: rgb(255, 255, 255, .75);
}

.cr-referral-section .cr-referral .cr-button {
    width: 100px;
    position: relative;
    top: 10px;
}

.cr-currency-section .cr-currency {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cr-currency-section .cr-currency .cr-icon {
    display: inline-block;
}

.cr-currency-section .cr-currency .cr-icon img {
    width: 35px;
    border-radius: 5px;
}

.cr-currency-section .cr-currency .cr-name {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.cr-currency-section .cr-currency .cr-name span {
    font-family: var(--FontFamily-Medium);
    font-size: .95rem;
}

.cr-currency-section .cr-currency .cr-name div {
    font-family: var(--FontFamily-Medium);
    font-size: .90rem;
    line-height: 1;
    opacity: .5;
}

.cr-currency-section .cr-chart img {
    max-width: 100px;
}

.cr-currency-section .cr-up i,
.cr-currency-section .cr-down i {
    font-size: .95rem;
}

.cr-currency-section .cr-up {
    color: rgb(25, 150, 115);
}

.cr-currency-section .cr-down {
    color: rgb(225, 70, 75);
}

.cr-terms-section {
    width: 100%;
    display: inline-block;
    padding: 0 30px 15px;
}

.cr-terms-section a[role='button'] {
    display: block;
    margin: 0 0 15px;
    padding: 15px;
    position: relative;
    background: rgb(35, 35, 35);
    color: var(--Text-Color);
    border: 0;
    border-radius: .5rem;
}

.cr-terms-section a[role='button'] i {
    padding: 0 0 0 5px;
}

.cr-terms-section a[role='button']:before {
    content: '\ed35';
    font-family: 'boxicons';
    line-height: 1;
    position: absolute;
    top: 17.5px;
    left: 17.5px;
}

.cr-terms-section .cr-term {
    width: 100%;
    display: inline-block;
    margin: 0 0 30px;
    padding: 15px;
    line-height: 2;
    white-space: pre-line;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 5px;
}

.cr-terms-section .cr-button {
    margin: 0 0 15px;
    text-align: center;
}

.cr-terms-section .cr-button button {
    max-width: 250px;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%) text;
    -webkit-text-fill-color: transparent;
    border: 2px solid rgb(250, 185, 20);
}

@media (max-width: 767px) {

    .cr-terms-section {
        padding: 0 15px;
    }
}

.cr-challenge-section {
    width: 100%;
    display: inline-block;
    margin: 0 0 5px;
    padding: 30px;
    position: relative;
    text-align: center;
    background: rgb(30, 30, 30);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 15px;
}

.cr-challenge-section h2 {
    display: block;
    margin: 0 0 5px;
    position: relative;
    font-size: 1.5rem;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%) text;
    -webkit-text-fill-color: transparent;
}

.cr-challenge-section p {
    margin: 0 0 20px;
    position: relative;
}

.cr-challenge-section span i {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16rem;
    transform: rotate(-35deg);
    background: linear-gradient(100deg, rgb(45, 45, 45) 15%, rgb(40, 40, 40) 35%, rgb(35, 35, 35) 75%) text;
    -webkit-text-fill-color: transparent;
    opacity: .5;
}

.cr-challenge-section .cr-rate {
    display: flex;
    justify-content: center;
    margin: 0 0 5px;
    font-size: .90rem;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%) text;
    -webkit-text-fill-color: transparent;
}

.cr-challenge-section .cr-rate .cr-left,
.cr-challenge-section .cr-rate .cr-right {
    font-size: .95rem;
}

.cr-challenge-section .cr-rate .cr-middle {
    font-size: 1.5rem;
}

.cr-challenge-section .cr-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 10px 30px 10px 20px;
    position: relative;
    font-weight: 500;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    color: var(--Body-Color);
    font-family: var(--FontFamily-Bold);
    border: 0;
    border-radius: 300px;
    transition: all .25s ease-in-out;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.cr-challenge-section .cr-action:before {
    content: '';
    width: 110%;
    height: 60px;
    position: absolute;
    top: -9px;
    left: -9px;
    border: 2px solid rgb(255, 205, 90);
    border-radius: 300px;
}

.cr-stats-section {
    width: 100%;
    display: inline-block;
}

.cr-stats-section .cr-stat {
    width: 100%;
    min-height: 130px;
    display: inline-block;
    margin: 0 0 25px;
    padding: 30px;
    position: relative;
    text-align: center;
    background: rgb(30, 30, 30);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 15px;
}

.cr-stats-section .cr-stat .cr-layer i {
    position: absolute;
    top: 50px;
    left: -30px;
    font-size: 6rem;
    transform: rotate(35deg);
    background: linear-gradient(100deg, rgb(45, 45, 45) 15%, rgb(40, 40, 40) 35%, rgb(35, 35, 35) 75%) text;
    -webkit-text-fill-color: transparent;
    opacity: .5;
}

.cr-stats-section .cr-stat .cr-content {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cr-stats-section .cr-stat .cr-content .cr-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(360deg, rgb(25, 25, 25) 5%, rgb(35, 35, 35) 35%, rgb(45, 45, 45) 100%);
    border-radius: 300px;
}

.cr-stats-section .cr-stat .cr-content .cr-icon i {
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.5rem;
}

.cr-stats-section .cr-stat .cr-content .cr-text {
    width: 100%;
    display: inline-block;
    position: relative;
    text-align: right;
}

.cr-stats-section .cr-stat .cr-content .cr-text strong {
    display: block;
    font-size: 1.15rem;
}

.cr-stats-section .cr-stat .cr-content .cr-text span {
    display: block;
    margin: 5px 0 0;
    font-family: var(--FontFamily-Bold);
    font-size: 1.5rem;
    line-height: 1;
    color: rgb(160, 170, 185);
}

.cr-stats-section .cr-stat .cr-content .cr-text .cr-amount {
    margin: 5px 0 0;
}

.cr-stats-section .cr-stat .cr-content .cr-text .cr-amount strong {
    display: inline-block;
}

.cr-stats-section .cr-stat .cr-content .cr-text .cr-amount span {
    display: inline-block;
    padding: 0 1.5px;
    font-family: var(--FontFamily-Medium);
    font-size: .95rem;
}

@media (max-width: 767px) {

    .cr-stats-section .cr-stat {
        margin: 0 0 10px;
    }
}

.cr-tickets-section {
    width: 100%;
    display: inline-block;
    margin: 0 0 25px;
    padding: 30px;
    position: relative;
    text-align: center;
    background: rgb(30, 30, 30);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 15px;
}

.cr-tickets-section h2 {
    display: block;
    margin: 0 0 5px;
    position: relative;
    font-size: 1.5rem;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%) text;
    -webkit-text-fill-color: transparent;
}

.cr-tickets-section p {
    margin: 0 0 20px;
    position: relative;
}

.cr-tickets-section span i {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16rem;
    transform: rotate(-35deg);
    background: linear-gradient(100deg, rgb(45, 45, 45) 15%, rgb(40, 40, 40) 35%, rgb(35, 35, 35) 75%) text;
    -webkit-text-fill-color: transparent;
}

.cr-tickets-section .cr-rate {
    display: block;
    margin: 0 0 5px;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%) text;
    -webkit-text-fill-color: transparent;
}

.cr-tickets-section .cr-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 10px 30px 10px 20px;
    position: relative;
    font-weight: 500;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    color: var(--Body-Color);
    font-family: var(--FontFamily-Bold);
    border: 0;
    border-radius: 300px;
    transition: all .25s ease-in-out;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.cr-tickets-section .cr-action:before {
    content: '';
    width: 110%;
    height: 60px;
    position: absolute;
    top: -9px;
    left: -9px;
    border: 2px solid rgb(255, 205, 90);
    border-radius: 300px;
}

.cr-ticket-section .cr-info-section {
    width: 100%;
    display: inline-block;
    margin: 0 0 25px;
    padding: 15px;
    position: sticky;
    background: rgb(30, 30, 30);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 15px;
}

.cr-ticket-section .cr-info-section ul li {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}

.cr-ticket-section .cr-info-section ul li:last-child {
    padding: 10px 0 5px;
    border-bottom: 0;
}

.cr-ticket-section .cr-info-section ul li .cr-verify {
    color: rgb(25, 150, 115);
}

.cr-ticket-section .cr-info-section ul li .cr-pending {
    color: rgb(255, 121, 0);
}

.cr-ticket-section .cr-support {
    position: relative;
}

.cr-ticket-section .cr-ticket .cr-content {
    width: 100%;
    display: inline-block;
    padding: 15px;
    background: rgb(25, 25, 25);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 10px;
}

.cr-ticket-section .cr-support .cr-content {
    background: rgb(20, 20, 20);
}

.cr-ticket-section .cr-ticket .cr-meta {
    display: flex;
    justify-content: space-between;
    margin: 5px 0 15px;
    padding: 0 5px;
}

.cr-ticket-section .cr-ticket .cr-author {
    font-size: .90rem;
    opacity: .75;
}

.cr-ticket-section .cr-ticket .cr-date {
    font-size: .90rem;
    opacity: .75;
}

.cr-ticket-section .cr-ticket.cr-support .cr-meta div {
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cr-send-section {
    padding: 15px;
    position: relative;
}

.cr-send-section .cr-textarea textarea {
    color: rgba(255, 255, 255, .75);
}

.cr-send-section button {
    max-width: 175px;
    float: left;
    margin: 0 0 15px;
}

.cr-balance-section,
.cr-server-section {
    display: table;
    margin: 0 auto;
    padding: 0 15px 30px;
}

.cr-balance-section ul,
.cr-server-section ul {
    display: table;
    margin: 0 auto;
    padding: 10px;
    border: 2px solid rgb(250, 185, 20);
    border-radius: 300px;
}

.cr-balance-section ul li,
.cr-server-section ul li {
    display: inline-block;
    font-family: var(--FontFamily-Bold);
    font-weight: 700;
}

.cr-balance-section ul li label,
.cr-server-section ul li label {
    width: 100%;
    padding: 10px 25px 5.5px;
    position: relative;
    cursor: pointer;
    color: rgb(250, 185, 20);
}

.cr-balance-section ul li label:before,
.cr-server-section ul li label:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 300px;
}

.cr-balance-section ul li label:hover:before,
.cr-server-section ul li label:hover:before {
    background: rgb(255, 255, 255, .025);
    -webkit-text-fill-color: rgb(250, 185, 20);
}

.cr-balance-section ul li input,
.cr-server-section ul li input {
    display: none;
}

.cr-balance-section ul li input:checked+label,
.cr-server-section ul li input:checked+label {
    color: rgb(0, 0, 0);
    -webkit-text-fill-color: rgb(0, 0, 0);
}

.cr-balance-section ul li input:checked+label:before,
.cr-server-section ul li input:checked+label:before {
    content: '';
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    color: rgb(0, 0, 0);
}

.cr-balance-section ul li label span,
.cr-server-section ul li label span {
    position: relative;
}

.cr-card .cr-challenges-section .cr-table tbody tr:last-child td {
    border-bottom: 0;
}

.cr-card .cr-challenges-section .cr-table .cr-color {
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%) text;
    -webkit-text-fill-color: transparent;
}

.cr-card .cr-challenges-section .cr-table .cr-color small {
    position: relative;
    top: 1.5px;
    font-size: .80rem;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%) text;
    -webkit-text-fill-color: transparent;
}

@media (max-width: 991px) {

    .cr-balance-section ul,
    .cr-server-section ul {
        border-radius: 20px;
    }

    .cr-balance-section ul li,
    .cr-server-section ul li {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 375px) {

    .cr-balance-section ul li,
    .cr-server-section ul li {
        width: 100%;
    }
}

.cr-discount-section {
    width: 100%;
    display: inline-block;
}

.cr-discount-section .cr-discount {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 15px;
}

.cr-discount-section .cr-discount .cr-text input[type='text'] {
    padding: 0 15px;
    text-align: center;
}

.cr-discount-section .cr-discount .cr-button {
    width: 100px;
    position: relative;
    top: 10px;
}

.cr-price-section {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin: 0 0 30px;
}

.cr-price-section .cr-regular {
    position: relative;
}

.cr-price-section .cr-regular strong {
    font-size: 1.5rem;
}

.cr-price-section .cr-regular span {
    font-size: .95rem;
}

.cr-price-section .cr-sales strong {
    font-size: 1.5rem;
}

.cr-price-section .cr-sales span {
    font-size: .95rem;
}

.cr-price-section .cr-sale {
    display: inline-block;
    position: relative;
}

.cr-price-section .cr-sale:before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: 15px;
    right: 0;
    background: rgba(255, 255, 255, .5);
    transform: rotate(-15deg);
}

.cr-payment-section {
    padding: 0 15px 30px;
}

.cr-payment-section ul {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin: 0 0 30px;
}

.cr-payment-section ul li {
    display: inline-block;
    text-align: center;
    font-size: .95rem;
}

.cr-payment-section ul li input {
    display: none;
}

.cr-payment-section ul li label {
    position: relative;
    cursor: pointer;
}

.cr-payment-section ul li label:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/*.cr-payment-section ul li input:checked+label img {
    filter: grayscale(0);
}*/

.cr-payment-section ul li label img {
    max-width: 100px;
    display: block;
    margin: 0 auto;
}

.cr-payment-section ul li label strong {
    display: block;
    margin: 5px 0 0;
}

.cr-payment-section ul li label span {
    font-size: .90rem;
    color: rgba(225, 225, 225, .75)
}

.cr-payment-section .cr-actions {
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
}

.cr-payment-section .cr-actions .cr-button {
    max-width: 150px;
    margin: 20px auto 0;
}

.cr-payment-section .cr-actions .cr-currency {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 15px 0;
    text-align: right;
}

.cr-payment-section .cr-actions .cr-currency .cr-text input[type='text'] {
    padding: 0 15px;
    text-align: center;
}

.cr-payment-section .cr-actions .cr-action {
    width: 300px;
    margin: 20px 0 0;
}

.cr-payment-section .cr-actions .cr-action button {
    width: 100%;
    height: 45px;
    display: inline-block;
    padding: 0 15px;
    position: relative;
    font-family: var(--FontFamily-Bold);
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    color: rgb(30, 30, 30);
    border: 0;
    border-radius: 300px;
    transition: all .25s ease-in-out;
}

@media (max-width: 991px) {

    .cr-payment-section .cr-actions .cr-currency {
        flex-direction: column;
        gap: 0;
    }

    .cr-payment-section .cr-actions .cr-action {
        width: 100%;
        margin: 0;
    }
}

.cr-thankyou-section .cr-table tr:last-child td {
    border-bottom: 0;
}

.cr-thankyou-section .cr-thankyou {
    width: 100%;
    display: inline-block;
    padding: 15px 15px 30px;
}

.cr-thankyou-section .cr-thankyou .cr-icon {
    margin: 0 0 15px;
    text-align: center;
}

.cr-thankyou-section .cr-thankyou .cr-icon i {
    font-size: 6rem;
    line-height: 1;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cr-thankyou-section .cr-thankyou h1 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 1.5rem;
    font-family: var(--FontFamily-Medium);
    font-weight: normal;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cr-thankyou-section .cr-thankyou h1 i {
    font-size: 1.5rem;
}

.cr-thankyou-section .cr-thankyou .cr-message {
    display: block;
    margin: 10px 0;
    padding: 0 0 15px;
    text-align: center;
}

.cr-thankyou-section .cr-thankyou .cr-button {
    max-width: 225px;
    margin: 0 auto;
    text-align: center;
}

.cr-thankyou-section .cr-thankyou .cr-button a {
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    position: relative;
    font-family: var(--FontFamily-Bold);
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    color: rgb(30, 30, 30);
    border: 0;
    border-radius: 300px;
    transition: all .25s ease-in-out;
}

.cr-posts-section .cr-title {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 15px;
}

.cr-posts-section .cr-title div {
    display: flex;
    align-items: center;
    gap: 5px;
}

.cr-posts-section .cr-title strong {
    font-size: 1.25rem;
}

.cr-posts-section .cr-title strong i {
    position: relative;
    top: -1.5px;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%) text;
    -webkit-text-fill-color: transparent;
}

.cr-posts-section .cr-title strong span {
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%) text;
    -webkit-text-fill-color: transparent;
}

.cr-posts-section .cr-post {
    margin: 0 0 30px;
    position: relative;
    background: rgb(15, 65, 55);
    border-radius: 20px;
    box-shadow: 0 0 5px 0 rgb(30 25 30 / 15%);
    transition: all .25s ease;
    z-index: 1;
}

.cr-posts-section .cr-post figure {
    position: relative;
    border-radius: 20px;
}

.cr-posts-section .cr-post figure img {
    width: 100%;
    height: 450px;
    border-radius: 20px;
    object-fit: cover;
}

.cr-posts-section .cr-post .cr-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgb(0, 0, 0) 100%);
    border-radius: 20px;
    z-index: 1;
}

.cr-posts-section .cr-post .cr-content {
    width: 100%;
    padding: 15px 30px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgb(0, 0, 0) 100%);
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    z-index: 1;
}

.cr-posts-section .cr-post .cr-content .cr-category {
    color: rgb(255, 255, 255);
    opacity: .65;
}

.cr-posts-section .cr-post .cr-content h2 {
    font-size: 1.15rem;
    letter-spacing: -1.15px;
    color: rgb(255, 255, 255);
}

.cr-posts-section .cr-post .cr-content p {
    margin: 0;
    color: rgb(255, 255, 255);
    line-height: 1.85;
    text-align: justify;
    opacity: .85;
}

.cr-posts-section .cr-post .cr-content .cr-plus {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -15px;
    left: 30px;
    background: linear-gradient(100deg, rgb(255, 205, 90) 5%, rgb(255, 195, 50) 35%, rgb(250, 185, 20) 105%);
    color: rgb(0, 0, 0);
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 0 5px 0 rgb(30 25 30 / 15%);
}

.cr-alert {
    padding: 15px 15px 13px;
}

.cr-terms-section a[role='button'] {
    padding: 15px 15px 13px;
}

.cr-card tr td strong small {
    position: relative;
    top: 1.25px;
}

.cr-ticket-status-section span {
    padding: 3.5px 0 0;
}

.cr-wallet-section .cr-wallet small {
    position: relative;
    top: 1.5px;
}

.cr-button button,
.cr-payment-section .cr-actions .cr-action button {
    line-height: 49px;
}

.cr-terms-section .cr-button button {
    line-height: 46px;
}

.cr-upload .cr-action {
    padding: 5px 15px 3px;
}

.cr-card .cr-table .cr-action ul li a {
    padding: 5px 25px 3px;
}

.cr-account-section .cr-card .cr-table tbody tr:last-child td {
    border-bottom: 0;
}

.cr-account-section .cr-card .cr-table tbody tr td .cr-lost {
    color: rgb(225, 70, 75);
}

.cr-account-section .cr-card .cr-table tbody tr td .cr-won {
    color: rgb(25, 150, 115);
}

.cr-challenge-section .cr-action {
    padding: 10px 30px 8px 20px;
}

.cr-tickets-section .cr-action:before {
    content: '';
    width: 110%;
    height: 60px;
    position: absolute;
    top: -8px;
    left: -9px;
    border: 2px solid rgb(255, 205, 90);
    border-radius: 300px;
}