@import url("https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Noto+Sans+KR:400,500,700");

body {
    color: #1a1b26;
    font-family: 'NanumSquare', sans-serif;
}

.navbar-brand {
    font-family: "Shrikhand", serif;
    font-size: 24px;
    font-weight: lighter;
}

.navbar-brand a:hover {
    text-decoration: none;
}

.page-title {
    font-weight: 700;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.clear-fix {
    clear: both;
}

.navbar-dark {
    background: #212d3b;
}
.theme-dark {
    background-color: #1a1b26;
}
.theme-dark .navbar {
    background: #000;
    font-weight: bold;
}
    .theme-dark .navbar .navbar-nav .nav-link {
        color: #fff;
    }
.navbar-expand-md .navbar,
.navbar-expand-lg .navbar {
    /*background: linear-gradient(180deg, rgba(73,73,73,1) 0%, rgba(55,55,55,1) 100%);*/
    border-top: 1px solid #25384f;
    background: #2c2d37;
}

.btn {
    font-weight: bold !important;
}

#fullpage-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgb(255 255 255 / 50%);
    text-align: center;
    padding-top: 20%;
}
.theme-dark .card, .theme-dark .card-footer, .theme-dark .card-stacked::after, .theme-dark .dropdown-menu, .theme-dark .footer:not(.footer-transparent), .theme-dark .modal-content, .theme-dark .modal-header {
    background-color: #35363c;
}
@media (min-width: 768px) {
    .navbar-expand-md .navbar-dark .nav-item.active .nav-link, .navbar-expand-md.navbar-dark .nav-item.active .nav-link {
        background-color: #174192;
    }
    .navbar-expand-md .navbar-light .nav-item.active:after, .navbar-expand-md.navbar-light .nav-item.active:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -.25rem;
        border: 0 solid #206bc4;
        border-bottom-width: 5px;
    }
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-dark .nav-item.active .nav-link, .navbar-expand-lg.navbar-dark .nav-item.active .nav-link {
        background-color: #174192;
    }

    .navbar-expand-lg .navbar-light .nav-item.active:after, .navbar-expand-lg.navbar-light .nav-item.active:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -.25rem;
        border: 0 solid #206bc4;
        border-bottom-width: 5px;
    }
}
.navbar-expand-md .navbar .navbar-nav .nav-link,
.navbar-expand-lg .navbar .navbar-nav .nav-link {
    color: rgba(255,255,255,.7);
    padding-top: 0px;
    padding-bottom: 0px;
}
    .navbar-expand-md .navbar .navbar-nav .nav-link:hover,
    .navbar-expand-lg .navbar .navbar-nav .nav-link:hover {
        color: #fff;
    }
    .navbar-expand-md .navbar .navbar-nav .active > .nav-link, .navbar-expand-md .navbar .navbar-nav .nav-link.active, .navbar-expand-md .navbar .navbar-nav .nav-link.show, .navbar-expand-md .navbar .navbar-nav .show > .nav-link,
    .navbar-expand-lg .navbar .navbar-nav .active > .nav-link, .navbar-expand-lg .navbar .navbar-nav .nav-link.active, .navbar-expand-lg .navbar .navbar-nav .nav-link.show, .navbar-expand-lg .navbar .navbar-nav .show > .nav-link {
        color: #ffffff;
    }

.quickaction-tray {
    z-index: 0 !important;
    padding-top: 113px;
    background: #19222c;
}

.quickaction-tray.nosub-menu {
    padding-top: 55px;
}

.quickaction-title {
    padding: 10px;
    text-align: center;
    font-size: 18px;
    background: #19222c;
    color: white;
    border-bottom: 1px solid #000;
}

.quickaction-item, .quickaction-item:focus {
    display: block;
    padding: 25px 20px 0px 20px;
    color: #8392a0;
    text-decoration: none;
	transition: .3s;
}
.quickaction-item:hover{
	color: #fff;
	text-decoration: none;
}
    .quickaction-item i {
        color: #a9b5bf;
    }

@media (max-width: 991.98px) {
    .quickaction-tray {
       display: none;
    }
}
.a-divider{
	margin-left: 7px;
    margin-right: 7px;
    color: #dadada;
}
.note{
	font-size: 13px;
}

.admin-dashboard-page td, .admin-dashboard-page th, .admin-dashboard-page tr {
    border-width: 1px;
}

.admin-dashboard-page .table-responsive {
    margin-bottom: 0px;
}

.form-group.row .form-label {
    text-align: right;
    font-size: 13px;
}

.page-item.active .page-link{
    pointer-events: none;
}

.table tr td{
    max-width: 250px;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
}

.table tr th[align=center], .table tr td[align=center] {
    text-align: center;
}

.markdown>table thead th, .table thead th {
    font-size: 13px;
}

.hr-margin10 {
    margin: 10px 0px;
}

.modal-footer {
    padding-top: 1.125rem;
    border-top: 1px solid #e6e8e9;
}


/* fold table */
.row-header td:nth-last-child(1)
{
    cursor:pointer;
}
/* end fold table */

/* fix when using color circle in table */
.table .form-colorinput-color:before {
    content: unset;
}

.table-compact {
    font-size: 12px;
}
.table-compact tr td, .table-compact tr th {
    padding: 8px 5px;
    font-size: 12px;
}

.table-compact tr.registered td {
    /*background: #faf8d0;*/
    background: #206bc4;
}

/*.table-compact tr.betslip-item-header td {
    background: #eeeeee;
    border-top: 2px solid;
}*/
.table-compact input[type=number], .table-compact select {
    font-size: 12px;
    padding: 5px;
}
    .table-compact tr td.selected {
        background: #205089;
    }
.table-compact .bold {
    font-weight: bold;
}

.col-15 {
    flex: 0 0 auto;
    width: 12.5%;
}

.nowrap {
    white-space: nowrap;
}


.betting-rules-filter span { padding-bottom: 9px; }

.sort-item,
.sort-item-custom {
    cursor: pointer;
    color: initial;
}
.sort-item:hover,
.sort-item-custom:hover {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
}

.form-signin {
    position: absolute;
    padding: 6% 2rem 1rem 2rem;
    overflow: hidden;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 430px;
    margin: 0 auto;
}

.login-wrapper {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    position: relative;
    background: url(/assets/images/bg.png);
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.form-signin-heading {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    color: #595d6e;
    margin-top: 1rem;
    margin-bottom: 3rem;
}

.form-signin-logo {
    text-align: center;
    margin: 0 auto 2rem  auto;
}

.form-signin .form-control {
    height: 46px;
    border: none;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    border-radius: 46px;
    margin-top: 1.5rem;
    background: #2b2b2b;
    color: #fff;
}

.form-signin .form-control:focus {
    box-shadow: none;
}

.form-signin button[type=submit] {
    height: 50px;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.form-signin .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, 0.3);
    opacity: 1;
}
.form-signin .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.3);
}
.form-signin .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.text-right {
    text-align: right;
}

.btn-pill.active {
    background-color: #fff;
}

.form-control-plaintext {
    overflow-wrap: anywhere;
}

.dropdown-menu {
    max-height: 400px;
    overflow-y: scroll;
}
.item-group {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #555556;
}
.item-group lable{
    width: 20%;
    color:#fff;
}
.item-list .item-group:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.button-previous-month svg, button-next-month svg {
    fill: var(--litepicker-button-next-month-color) !important;
}
.total {
    margin: 15px 0;
    padding-top: 15px;
    border-top: 1px solid #585b5f;
    font-weight: bold;
}
.cs-item{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.cs-card .cs-item:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.cs-card .email-col{
    width: 15%;
    display: flex;
    align-items: center;
}
.form-control[readonly]{background-color: #fff;}
.userlist-total{
    display: flex;
    justify-content: space-between;
}
.userlist-total .li-divider{
    margin: 0 7px;
}
.sitehome-btn{
    height: 30px;
    margin-top: 10px;
    margin-right: 10px;
}
.text-success {
    color: #2583d4 !important;
}
.dropdown-item:focus, .dropdown-item:hover{
    color:#fff;
}
.alarms-section {
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: flex-start;
    padding: 10px;
    background: #3a3a3a;
    font-size: 13px;
}
    .alarms-section a {
        margin-right: 7px;
        color: rgba(255,255,255,.7);
    }
.alarms-section a:hover{
    color:#fff;
    text-decoration: none;
}

.alarms-section .item + .item::before {
    color: #8392a0;
    content: "/";
    padding-right: 0.5rem;
}
.alarms-section a.active {
    color:#ffffff;
}

#partner-table .level1 {
    /*text-align: left;*/
    padding-left: 16px;
}

#partner-table .level1-rank {
    font-weight: bold;
    color: red;
}

#partner-table .level2 {
    /*text-align: center;*/
    padding-left: 32px;
}

#partner-table .level2-rank {
    font-weight: bold;
    color: orange;
}

#partner-table .level3 {
    /*text-align: right;*/
    padding-left: 48px;
}

#partner-table .level3-rank {
    font-weight: bold;
    color: green;
}

.image-url-input, .image-url-input .filepond--root {
    max-height: 100px;
}

.image-url-input .filepond--root {
    max-height: calc(100px - 1.5rem);
}

.user-levels-table th{
    min-width: 150px;
}

.user-levels-table th:nth-child(1){
    min-width: 50px;
}

#user-info-modal .modal-title {
    display: flex;
    gap: 1rem;
    cursor: pointer;
}

#user-info-modal .modal-title>span:not(.active) {
    font-weight: 300;
}

#user-info-modal .modal-dialog {
    max-width: 80%;
    min-height: 80vh;
}

#user-info-modal .modal-dialog .modal-content {
    min-height: 80vh;
}

.manualsettle-table tr td:first-child, .manualsettle-table tr th:first-child{
    padding-left: 0.5rem;
}
.manualsettle-table tr td:last-child, .manualsettle-table tr th:last-child{
    padding-right: 0.5rem;
}
.manualsettle-table .marketname-header td {
    background: #206bc4;
    border-top: 2px solid;
    font-weight: bold;
}
.manualsettle-table tr td.selected {
    background: #999999;
    font-weight: bold;
}

.show-match-betting-list-modal {
    cursor: pointer;
}
.pointer {
    cursor: pointer;
}
.badge-red,
.badge-danger {
    background-color: red;
}
.badge-green,
.badge-success {
    background-color: green;
}
.badge-secondary {
    background-color: #6c757d;
}
.badge-warning {
    background-color: #ffc107;
}
.badge-info {
    background-color: #0dcaf0;
}
.badge-blue,
.badge-primary,
.badge-brand {
    background-color: blue;
}
.markdown > table thead th, .table thead th{
    color: #fff;
}
.theme-dark .form-check-input:not(:checked), .theme-dark .form-control, .theme-dark .form-file-text, .theme-dark .form-imagecheck-figure:before, .theme-dark .form-select, .theme-dark .form-selectgroup-check, .theme-dark .form-selectgroup-label {
    background-color: #3a3a3a;
    color: #f4f6fa;
    border-color: #585b5f;
}
.form-control:focus{
    box-shadow: none;
}
.login-check-label {
    color: rgba(255, 255, 255, 0.5);
}
.theme-dark .card {
    background: #2c2d37;
}

.nav-links{
    display:flex;
    align-items:center;
}
.nav-links a{
    color: white;
    display:inline-block;
    margin-left:10px;
}
    .nav-links a:hover{
        color: #fff;
    }
.subheader {
    color: #b9baba;
}
.text-muted, .form-hint {
    color: #b9baba !important;
}
.btn-outline-secondary {
    color: #fff;
    border-color: #b9baba;
}
.theme-dark .avatar {
    background-color: #a0a0a0;
}
.table td a {
    color: #f4f6fa;
    text-decoration: underline;
}
.table td a:hover{
    opacity:.8;
} 
.table td .btn {
    text-decoration: none;
}
.page-link {
    color: #fff;
}
    .page-link:hover{
        color:#fff;
        opacity:.8;
    }
.sort-item, 
.sort-item-custom {
    color:#fff;
}
.btn-white {
    color: #232e3c!important;
}
.text-secondary {
    color: #c6cbd0 !important;
}
.modal-header, .modal-footer {
    border-color: #85888d;
}
.btn-close{
    opacity:.5;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23cccccc'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/.75rem auto no-repeat;
}
.input-icon-addon {
    color: #c6cacf;
}
.litepicker .container__months {
    background: #3a3a3a;
}
.litepicker .container__days .day-item{
    color:#a0a0a0;
}
    .litepicker .container__days .day-item:hover {
        color: #fff;
        box-shadow: inset 0 0 0 1px #fff;
    }
    .litepicker .container__months .month-item-header, .litepicker .container__months .month-item-weekdays-row, .litepicker .container__days .day-item.is-today {
        color: #fff;
    }
.litepicker .container__days .day-item.is-start-date {
    background: #174192;
}
.litepicker .container__days .day-item.is-in-range {
    background-color: #585b5f;
    color:#fff;
}
.unregistered-page .page-header {
    flex-wrap:  inherit;
}
.ql-snow .ql-picker, .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #fff;
}
.ql-snow .ql-stroke {
    stroke: #fff;
}
    .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
        fill: #fff;
    }
.ql-toolbar.ql-snow, .ql-container.ql-snow {
    border-color: #585b5f;
}
.filepond--panel-root {
    background: #585b5f;
}
.filepond--drop-label.filepond--drop-label label{
    color:  #fff;
}
.betslipindex-page .btn-betslip-cancel{
    margin-left: 5px;
}
.total{
    margin-bottom:0;
}
.btn-outline-danger {
    color: #f0134f;
    border-color: #f0134f;
}
.btn-outline-danger:hover{
    color: white;
}
.input-group-text {
    color: #fff;
    border-color: #585b5f;
}
.text-red {
    color: #ff3030 !important;
}
.text-blue {
    color: #2187ff !important;
}
.bg-info {
    background-color: #71757a !important;
}
.select2-container--default .select2-selection--single {
    height: 36px !important;
    border: 1px solid #585b5f !important;
    background: #3a3a3a !important;
    color: #f4f6fa !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important;
    color: #f4f6fa !important;
}

.select2-container--default .select2-results > .select2-results__options {
    background: #3a3a3a;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    color: #f4f6fa !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    background: #3a3a3a;
}

.select2-container--default .select2-selection--multiple {
    background: #3a3a3a !important;
    color: #f4f6fa;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #555555 !important;
}

#modal-send-msg .select2-container { width: 100% !important; }

.betslip-item-header { background: #666666; }

.subheader { font-size: 0.800rem; }

input:disabled, select:disabled { background-color: #444444 !important; }

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="datetime"]::-webkit-calendar-picker-indicator  {
    filter: invert(1);
}
.theme-dark .bg-green {
    background-color: #2fb344;
}
.theme-dark .bg-deepgreen {
    background-color: #317a4f;
}
.theme-dark .bg-blue {
    background: #206bc4;
}
.theme-dark .card-footer {
    background-color: #444444;
}

.cs-reply img{
    width: 120px;
    height: 120px;
    object-fit: cover;
}

pre {
    background: inherit;
    border: none;
    line-height: inherit;
    font-size: inherit;
}

.ql-snow .ql-picker-options {
    background-color: inherit;
}

.select2-container--default .select2-search--inline .select2-search__field {
    color: #fff;
}

.card-body .cs-question {
    background-color: #656d77;
    border-radius: 10px;
    margin-bottom: 10px;
    text-overflow: inherit;
    white-space: normal;
}

.card-body .cs-answer {
    background-color: #656d77;
    border-radius: 10px;
    margin-bottom: 10px;
    text-overflow: inherit;
    white-space: normal;
}
.kt-login.kt-login--v4 .kt-login__wrapper .kt-login__container .kt-form .form-control{
    color: #fff;
    margin:0;
    border-radius: 10px;
}
    .kt-login.kt-login--v4 .kt-login__wrapper .kt-login__container .kt-form .form-control::placeholder {
        color: rgba(255, 255, 255, 0.5);
    }
.kt-login.kt-login--v4 .kt-login__wrapper .kt-login__container .kt-form .kt-login__actions .kt-login__btn-primary {
    font-size: 16px;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.filepond--root .filepond--drop-label {
    background: #2c2d37;
    border-radius: 5px;
}
.m-sub-nav {
    display: none;
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
}
.m-sub-nav.show {
    display: block;
}

.btn-primary, 
.page-item.active .page-link {
    background-color: #174192 !important;
    border-color: #174192 !important;
}
.nav-tabs {
    border-bottom: 1px solid #606060;
    color: #e7eaef;
}
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #fff;
        background-color: #606060;
        border-color: #606060;
    }

    .nav-tabs .nav-link:hover {
        border-color: transparent;
        color: #7b8488;
        opacity: .7;
    }
    .nav-tabs .nav-link.active:hover{
        color:#fff;
        opacity:1;
    }

.input-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 70%;
}

.login-container {
    display: flex;
    gap: 10px;
}

    .login-container .ic-user, .login-container .ic-pw {
        width: 20px;
        height: 25px;
        margin-right: 10px;
        margin-top: 10px;
    }

    .login-container .kt-login__actions {
        width: 30%;
    }

        .login-container .kt-login__actions button {
            height: 100%;
        }

.logo-img {
    margin-bottom: 4rem;
}
.kt-login.kt-login--v4 .kt-login__wrapper {
    display: flex;
    align-items: center;
    padding: 0;
}
    .kt-login.kt-login--v4 .kt-login__wrapper .kt-login__container .kt-form .kt-login__actions{
        margin-top:0;
    }
/*.download-excel-img{
    color: #fff;
}
    .download-excel-img .exel-icon {
        margin-right: 5px;
    }*/
    input[type=checkbox]{
        width: 15px;
        height: 15px;
    }

.alert {
    background: #4c4c4c;
}

.alert ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.datepicker table tr td.day:hover, .datepicker table tr td.focused, .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active, .datepicker table tr td span.focused, .datepicker table tr td span:hover, .datepicker table tr td span.active.active.focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover.active.focus, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active:hover:active:hover, .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active {
    background: #174192;
}
.clubselect .select2 {
    width: 100%!important;
}
.announcement-cardheader{
    display:block;
}

.theme-dark .select2-search--dropdown {
    background-color: #333;
}

.theme-dark .select2-search--dropdown input {
    color: #f4f6fa;
    background-color: #333;
}

.dashboard-created {
    color: #979797 !important;
    font-size: 12px;
}

.dashboard-cs-answer {
    color: #979797 !important;
    font-size: 12px;
}

.notification-modal.modal-blur {
    backdrop-filter: blur(10px) !important;
    background-color: rgba(0,0,0,0.7) !important;
}

.flex-1 {
    flex: 1;
}

.marquee {
    height: 30px;
    overflow: hidden;
    position: relative;
    color: white;
    background: #2d3745;
    display: flex;
    align-items: center;
}

.marquee-content-wrapper {
    padding-inline: 8px;
    display: flex;
    column-gap: 100px;
    align-items: center;
    animation: scroll 40s linear infinite;
}

    .marquee-content-wrapper a {
        line-height: 30px;
        max-width: 500px;
        white-space: nowrap;
        overflow-x: hidden;
        text-overflow: ellipsis;
        color: #fff;
    }
    .marquee-content-wrapper a:hover {
        color: #fff;
    }

@keyframes scroll {
    0% {
        transform: translateX(100vw);
    }

    100% {
        transform: translateX(-100%);
    }
}
.orange {
    color: orange;
}