.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  user-select: none;
  -webkit-user-select: none;
  height: auto;
}

.select2-container .select2-selection__icon {
  margin-right: 6px;
}

.select2-container .select2-selection__text {
  display: inline;
  vertical-align: middle;
}

.select2-container .dropdown-menu > li > a {
  white-space: inherit;
}

.select2-container .select2-results__message {
  padding-left: 15px;
  padding-right: 15px;
}

.select2-container .select2-selection__icon img {
  max-width: calc(1em + 3px);
  max-height: calc(1em + 3px);
}
.select2-container .select2-selection__id-1 {
  min-width: 22px;
}

.select2-container .select2-selection__id-2 {
  min-width: 30px;
}

.select2-container .select2-selection__id-3 {
  min-width: 38px;
}

.select2-container .select2-selection__id-4 {
  min-width: 45px;
}

.select2-container .select2-selection__id-5 {
  min-width: 52px;
}

.select2-container .select2-selection__id-6 {
  min-width: 60px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative; }
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none; }
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap; }
.select2-container .select2-search--inline {
  float: left; }

.select2-dropdown {
  display: block !important;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 5;
  margin-top: 0px !important;
}

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  position: relative;
  box-shadow: none;
  border-radius: 0px;
  border: none;
}

.select2-results__option {
  display: block;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  text-decoration: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 8px;
  position: relative;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-search__field {
  padding-left: 28px;
}

.select2-search__field-wrapper {
  position: relative;
}
.select2-search__field-icon {
  position: absolute;
  height: 100%;
  min-height: 100%;
  padding-left: 8px;
  display:flex;
  align-items: center;
}

.select2-search__field-icon span {
  vertical-align: middle;
  display:table-cell;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.select2-container--default .select2-selection--single {}
.select2-container--default .select2-selection--single .select2-selection__rendered {}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold; }
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  position: absolute;
  top: 0px;
  right: 12px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%; }
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left; }
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333; }


.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }


.select2-container--default .select2-results > .select2-results__options {
  max-height: 320px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px; }
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px; }
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999; }
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }


.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 320px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

/* RTL */
.select2-dropdown[dir="rtl"] {
  direction: rtl;
}
.select2-container[dir="rtl"] .select2-results__option. .select2-container[dir="rtl"] .select2-results__option a {
  text-align: right;
}
.select2-container[dir="rtl"] .select2-selection__icon {
  margin-right: 0px;
  margin-left: 6px;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-left: 20px;
}

.select2-dropdown[dir="rtl"] .select2-search__field{
  padding-left: 0px;
  padding-right: 28px;
}

.select2-dropdown[dir="rtl"] .select2-search__field-icon {
  padding-left: 0px;
  padding-right: 8px;
}

.select2-dropdown[dir="rtl"]  .select2-results__message {
  text-align: right;
}

.select2-dropdown[dir="rtl"]  .dropdown-menu > li > a {
  text-align: right;
}

.select2-dropdown[dir="rtl"] .select2-selection__icon {
  margin-right: 0px;
  margin-left: 6px;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 12px;
  right: auto; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }
@media (max-width: 767px) {
  tr.hidden {
    display: none !important;
  }
}

.search-dropdown .input-wrapper {
  position: relative;
}

.search-dropdown .input-wrapper .form-control {
  padding-left: calc(10px + 24px);
  padding-right: calc(10px + 24px);
}

.search-dropdown .input-wrapper .input-wrapper__prepend,
.search-dropdown .input-wrapper .input-wrapper__append {
  position: absolute;
  background: none;
  border: none;
  top: 50%;
  transform: translateY(-50%);
  padding: 0px 2px;
}

.search-dropdown .input-wrapper .input-wrapper__prepend:hover,
.search-dropdown .input-wrapper .input-wrapper__append:hover {
  opacity: 0.5;
}

.search-dropdown .input-wrapper .input-wrapper__prepend {
  left: 12px;
}

.search-dropdown .input-wrapper .input-wrapper__append {
  right: 8px;
}

/* RTL */
.search-dropdown[dir="rtl"] .input-wrapper .input-wrapper__prepend {
  right: 12px;
  left: auto;
}

.search-dropdown[dir="rtl"] .input-wrapper .input-wrapper__append {
  right: auto;
  left: 8px;
}

.spin-loader {-webkit-animation-name: spin-loader;-webkit-animation-duration: 1000ms;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;-moz-animation-name: spin-loader;-moz-animation-duration: 1000ms;-moz-animation-iteration-count: infinite;-moz-animation-timing-function: linear;-ms-animation-name: spin-loader;-ms-animation-duration: 1000ms;-ms-animation-iteration-count: infinite;-ms-animation-timing-function: linear;animation-name: spin-loader;animation-duration: 1000ms;animation-iteration-count: infinite;animation-timing-function: linear;}@-moz-keyframes spin-loader {from { -moz-transform: rotate(0deg); }to { -moz-transform: rotate(360deg); }}@-webkit-keyframes spin-loader {from { -webkit-transform: rotate(0deg); }to { -webkit-transform: rotate(360deg); }}@keyframes spin-loader {from {transform:rotate(0deg);}to {transform:rotate(360deg);}}/* =========================================================
   CATEGORY / FAS FA ICON MOVING ANIMATION
   Put this at the VERY BOTTOM of your active theme CSS.
   Targets Font Awesome icons and category shortcut buttons.
   ========================================================= */

.filter_btn_wrap .btn_filter i,
.filter_btn_wrap .btn_filter .fa,
.filter_btn_wrap .btn_filter .fas,
.filter_btn_wrap .btn_filter .far,
.filter_btn_wrap .btn_filter .fab,
.filter_btn_wrap .btn_filter .fa-solid,
.filter_btn_wrap .btn_filter .fa-regular,
.filter_btn_wrap .btn_filter .fa-brands,
.service_button_filter .btn_ser_filter i,
.service_button_filter .btn_ser_filter .fa,
.service_button_filter .btn_ser_filter .fas,
.service_button_filter .btn_ser_filter .far,
.service_button_filter .btn_ser_filter .fab,
.category_filter_wrap i,
.category_filter_wrap .fa,
.category_filter_wrap .fas,
.category_filter_wrap .far,
.category_filter_wrap .fab,
.btn_filter i,
.btn_filter .fa,
.btn_filter .fas,
button.btn_filter i,
button.btn_filter .fa,
button.btn_filter .fas,
[class*="category"] i.fa,
[class*="category"] i.fas,
[class*="category"] .fa,
[class*="category"] .fas,
[class*="shortcut"] i.fa,
[class*="shortcut"] i.fas,
[class*="shortcut"] .fa,
[class*="shortcut"] .fas {
    display: inline-block !important;
    animation: iconSlidePulse 2.2s infinite ease-in-out !important;
    transform-origin: center center !important;
    will-change: transform, color, filter !important;
}

.filter_btn_wrap .btn_filter:hover i,
.filter_btn_wrap .btn_filter:hover .fa,
.filter_btn_wrap .btn_filter:hover .fas,
.service_button_filter .btn_ser_filter:hover i,
.service_button_filter .btn_ser_filter:hover .fa,
.service_button_filter .btn_ser_filter:hover .fas,
.category_filter_wrap button:hover i,
.category_filter_wrap button:hover .fa,
.category_filter_wrap button:hover .fas,
.btn_filter:hover i,
.btn_filter:hover .fa,
.btn_filter:hover .fas,
[class*="category"]:hover i,
[class*="category"]:hover .fa,
[class*="category"]:hover .fas,
[class*="shortcut"]:hover i,
[class*="shortcut"]:hover .fa,
[class*="shortcut"]:hover .fas {
    animation: iconSlidePulseFast 0.8s infinite ease-in-out !important;
}

/* Day mode: red + gold */
.dashboard:not(.nightmode) .filter_btn_wrap .btn_filter i,
.dashboard:not(.nightmode) .filter_btn_wrap .btn_filter .fa,
.dashboard:not(.nightmode) .filter_btn_wrap .btn_filter .fas,
body:not(.nightmode) .category_filter_wrap i,
body:not(.nightmode) .btn_filter i {
    color: #000 !important;
    text-shadow: 0 0 8px rgba(139, 0, 0, 0.35) !important;
}

/* Night mode: black + red */
.dashboard.nightmode .filter_btn_wrap .btn_filter i,
.dashboard.nightmode .filter_btn_wrap .btn_filter .fa,
.dashboard.nightmode .filter_btn_wrap .btn_filter .fas,
.dashboard.nightmode .category_filter_wrap i,
.nightmode .btn_filter i {
    color: #000 !important;
    text-shadow: 0 0 10px rgba(255, 31, 31, 0.8) !important;
}

@keyframes iconSlidePulse {
    0% {
        transform: translateX(0) translateY(0) scale(1) rotate(0deg);
        color: #D4AF37;
        filter: drop-shadow(0 0 0 rgba(212, 175, 55, 0));
    }
    20% {
        transform: translateX(-5px) translateY(-1px) scale(1.18) rotate(-6deg);
        color: #8B0000;
        filter: drop-shadow(0 0 5px rgba(139, 0, 0, 0.7));
    }
    40% {
        transform: translateX(0) translateY(0) scale(1) rotate(0deg);
        color: #D4AF37;
        filter: drop-shadow(0 0 5px rgba(212, 175, 55, 0.6));
    }
    60% {
        transform: translateX(5px) translateY(-1px) scale(1.18) rotate(6deg);
        color: #8B0000;
        filter: drop-shadow(0 0 5px rgba(139, 0, 0, 0.7));
    }
    80% {
        transform: translateX(0) translateY(0) scale(1) rotate(0deg);
        color: #D4AF37;
        filter: drop-shadow(0 0 5px rgba(212, 175, 55, 0.6));
    }
    100% {
        transform: translateX(0) translateY(0) scale(1.08) rotate(0deg);
        color: #8B0000;
        filter: drop-shadow(0 0 4px rgba(139, 0, 0, 0.5));
    }
}

@keyframes iconSlidePulseFast {
    0% { transform: translateX(0) scale(1) rotate(0deg); }
    25% { transform: translateX(-7px) scale(1.25) rotate(-8deg); }
    50% { transform: translateX(0) scale(1.05) rotate(0deg); }
    75% { transform: translateX(7px) scale(1.25) rotate(8deg); }
    100% { transform: translateX(0) scale(1) rotate(0deg); }
}

/* =====================================================
   CATEGORY FILTER FINAL PATCH
   Day: Red/Gold moving gradient
   Night: Black/Red moving gradient
   Icons: one shared animation only, same timing
   ===================================================== */

.filter_btn_wrap .btn_filter {
    background: linear-gradient(270deg, #082B63, #0F4FA8, #1EA7FF, #6FD6FF)!important;
    background-size: 400% 400% !important;
    color: #ffffff !important;
    border: 2px solid #082B63 !important;
    animation: categoryGradientMove 6s ease infinite !important;
    transition: 0.4s ease !important;
}

.dashboard.nightmode .filter_btn_wrap .btn_filter {
    background: linear-gradient(270deg, #082B63, #0F4FA8, #1EA7FF, #6FD6FF)!important;
    background-size: 400% 400% !important;
    color: #000 !important;
    border: 2px solid #082B63 !important;
    animation: categoryGradientMove 6s ease infinite !important;
}

.filter_btn_wrap .btn_filter:hover,
.filter_btn_wrap .btn_filter.activeItem {
    background-size: 400% 400% !important;
    animation: categoryGradientMove 6s ease infinite !important;
    transform: translateY(-2px);
}

.dashboard.nightmode .filter_btn_wrap .btn_filter:hover,
.dashboard.nightmode .filter_btn_wrap .btn_filter.activeItem {
    background: linear-gradient(270deg, #082B63, #0F4FA8, #1EA7FF, #6FD6FF)!important;
    background-size: 400% 400% !important;
    color: #ffffff !important;
    border-color: #fff !important;
    animation: categoryGradientMove 6s ease infinite !important;
}

@keyframes categoryGradientMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.filter_btn_wrap .btn_filter i,
.filter_btn_wrap .btn_filter .fa,
.filter_btn_wrap .btn_filter .fas,
.filter_btn_wrap .btn_filter .far,
.filter_btn_wrap .btn_filter .fab,
.filter_btn_wrap .btn_filter .fa-solid,
.filter_btn_wrap .btn_filter .fa-regular,
.filter_btn_wrap .btn_filter .fa-brands {
    display: inline-block !important;
    animation-name: categoryIconMove !important;
    animation-duration: 3s !important;
    animation-timing-function: ease-in-out !important;
    animation-iteration-count: infinite !important;
    animation-delay: 0s !important;
    transform-origin: center center !important;
    color: #ffffff !important;
    transition: none !important;
}

.filter_btn_wrap .btn_filter:hover i,
.filter_btn_wrap .btn_filter:hover .fa,
.filter_btn_wrap .btn_filter:hover .fas,
.filter_btn_wrap .btn_filter:hover .far,
.filter_btn_wrap .btn_filter:hover .fab,
.filter_btn_wrap .btn_filter:hover .fa-solid,
.filter_btn_wrap .btn_filter:hover .fa-regular,
.filter_btn_wrap .btn_filter:hover .fa-brands {
    animation-name: categoryIconMove !important;
    animation-duration: 3s !important;
    animation-timing-function: ease-in-out !important;
    animation-iteration-count: infinite !important;
    animation-delay: 0s !important;
}

@keyframes categoryIconMove {
    0% { transform: translateX(0) scale(1); color: #ffffff; }
    20% { transform: translateX(-5px) scale(1.2); color: #ffd700; }
    40% { transform: translateX(0) scale(1); color: #ffffff; }
    60% { transform: translateX(5px) scale(1.2); color: #ffb3b3; }
    80% { transform: translateX(0) scale(1); color: #ffffff; }
    100% { transform: translateX(0) scale(1); color: #ffffff; }
}

.category_filter_wrap .card.card_v2,
.dashboard.nightmode .category_filter_wrap .card {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.category_filter_wrap .card.card_v2 .card-body {
    padding: 0 !important;
}

/* =========================================================
   Smooth Day/Night Background Fade Patch
   Only adds smooth fade for background when switching modes.
   ========================================================= */
.dashboard {
    position: relative;
    isolation: isolate;
    overflow-x: hidden;
    transition: background-color 0.85s ease-in-out;
}

.dashboard::before,
.dashboard::after {
    content: "";
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transition: opacity 0.85s ease-in-out;
    will-change: opacity;
    z-index: -1;
}

.dashboard::before {
    background-image: var(--bg-daymode);
    opacity: 1;
}

.dashboard::after {
    background-image: var(--bg-darkmode);
    opacity: 0;
}

.dashboard.nightmode::before {
    opacity: 0;
}

.dashboard.nightmode::after {
    opacity: 1;
}

/* Keep the same background image visible, but allow smooth crossfade behind content */
.dashboard #main_container .content_area,
.dashboard.nightmode #main_container .content_area {
    background: transparent !important;
    transition: background-color 0.85s ease-in-out;
}

/* Smooth fade for top-level panels that may also switch background color */
.dashboard,
.dashboard.nightmode,
.dashboard #main_container .content_area,
.dashboard.nightmode #main_container .content_area {
    transition:
        background-color 0.85s ease-in-out,
        opacity 0.85s ease-in-out,
        filter 0.85s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .dashboard,
    .dashboard::before,
    .dashboard::after,
    .dashboard #main_container .content_area {
        transition: none !important;
    }
}



/* =========================================================
   Login page same theme as dashboard (red/gold day, black/red night)
   ========================================================= */
:root{
    --login-day-gradient: linear-gradient(135deg, #7a0000 0%, #b40000 42%, #d4af37 100%);
    --login-night-gradient: linear-gradient(135deg, #050505 0%, #180000 48%, #b30606 100%);
    --login-glass-day: rgba(255,255,255,.74);
    --login-glass-night: rgba(18,18,18,.76);
    --login-border-day: rgba(212,175,55,.45);
    --login-border-night: rgba(255,59,59,.35);
}
body.noAuth{
    min-height: 100vh;
    position: relative;
    isolation: isolate;
    overflow-x: hidden;
    background: #7a0000 !important;
    transition: background-color .85s ease-in-out, color .85s ease-in-out;
}
body.noAuth::before,
body.noAuth::after{
    content:"";
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-size: 250% 250%;
    background-position: 0% 50%;
    animation: loginThemeGradientMove 12s ease-in-out infinite;
    transition: opacity .85s ease-in-out;
    z-index: -2;
}
body.noAuth::before{
    background-image: var(--login-day-gradient);
    opacity: 1;
}
body.noAuth::after{
    background-image: var(--login-night-gradient);
    opacity: 0;
}
body.noAuth.nightmode::before{ opacity:0; }
body.noAuth.nightmode::after{ opacity:1; }
body.noAuth #notLogin,
body.noAuth #v2-banner,
body.noAuth section{
    background: linear-gradient(270deg, #082B63, #0F4FA8, #1EA7FF, #6FD6FF) !important;
}
body.noAuth #v2-banner{
    min-height: 780px;
    position: relative;
}
body.noAuth #v2-banner::before{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(270deg, #082B63, #0F4FA8, #1EA7FF, #6FD6FF);
    pointer-events:none;
    z-index:0;
}
body.noAuth #v2-banner .container{ position:relative; z-index:1; }
body.noAuth .navbar.navbar-expand-lg.navbar-light.bg-light,
body.noAuth #navbar{
    background: rgba(90,0,0,.78) !important;
    border-bottom: 1px solid rgba(212,175,55,.30);
    box-shadow: 0 10px 30px rgba(0,0,0,.22);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}
body.noAuth.nightmode .navbar.navbar-expand-lg.navbar-light.bg-light,
body.noAuth.nightmode #navbar{
    background: rgba(10,10,10,.82) !important;
    border-bottom-color: rgba(255,59,59,.30);
}
body.noAuth .nav-link,
body.noAuth .navbar-brand,
body.noAuth #navMob a{
    color: #fff !important;
}
body.noAuth .nav-link.active,
body.noAuth .nav-link:hover{
    color: #ffd86b !important;
}
body.noAuth.nightmode .nav-link.active,
body.noAuth.nightmode .nav-link:hover{
    color: #ff3b3b !important;
}
body.noAuth #v2-banner .v2_banner_content h1,
body.noAuth #v2-banner .v2_banner_content h4,
body.noAuth #v2-banner .v2_banner_content p,
body.noAuth #top__smm p,
body.noAuth #cheapest p{
    color: #fff !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.28);
}
body.noAuth #v2-banner .v2_banner_content h4 > span,
body.noAuth .section__title{
    color: #ffd86b !important;
}
body.noAuth.nightmode #v2-banner .v2_banner_content h4 > span,
body.noAuth.nightmode .section__title{
    color: #ff3b3b !important;
}
body.noAuth #signinSection .signin__container,
body.noAuth .counter_item__wrap,
body.noAuth .card,
body.noAuth .stat-wrap{
    background: linear-gradient(270deg, #082B63, #0F4FA8, #1EA7FF, #6FD6FF) !important;
    border: 1px solid #082B63) !important;
    border-radius: 25px !important;
    box-shadow: 0 22px 55px rgba(0,0,0,.28) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}
body.noAuth.nightmode #signinSection .signin__container,
body.noAuth.nightmode .counter_item__wrap,
body.noAuth.nightmode .card,
body.noAuth.nightmode .stat-wrap{
    background: var(--login-glass-night) !important;
    border-color: var(--login-border-night) !important;
}
body.noAuth #signinSection .signin__container .signin__inner{
    background-image: linear-gradient(270deg, #082B63, #0F4FA8, #1EA7FF, #6FD6FF) !important;
	border: double 1px #151428;
}
body.noAuth.nightmode #signinSection .signin__container .signin__inner{
    background-image: linear-gradient(rgba(18,18,18,.82), rgba(18,18,18,.82)), linear-gradient(135deg, #0a0a0a, #b30606) !important;
}
body.noAuth .signinForm h3,
body.noAuth .singin__essent p,
body.noAuth .count__content h4,
body.noAuth .count__content p{
    color: #270000 !important;
}
body.noAuth.nightmode .signinForm h3,
body.noAuth.nightmode .singin__essent p,
body.noAuth.nightmode .count__content h4,
body.noAuth.nightmode .count__content p{
    color: #fff !important;
}
body.noAuth .signinForm .form-control{
    background: rgba(255,255,255,.88) !important;
    border: 1px solid rgba(122,0,0,.18) !important;
    color: #270000 !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.12) !important;
}
body.noAuth.nightmode .signinForm .form-control{
    background: rgba(0,0,0,.42) !important;
    border-color: rgba(255,59,59,.24) !important;
    color: #fff !important;
}
body.noAuth .signinForm .form-control::placeholder{ color: rgba(39,0,0,.60); }
body.noAuth.nightmode .signinForm .form-control::placeholder{ color: rgba(255,255,255,.62); }
body.noAuth .btn.btn-primary,
body.noAuth .btn.btn-primary.btn-gradient{
    background: linear-gradient(135deg, #7a0000 0%, #b40000 50%, #d4af37 100%) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 12px 28px rgba(122,0,0,.30) !important;
}
body.noAuth.nightmode .btn.btn-primary,
body.noAuth.nightmode .btn.btn-primary.btn-gradient{
    background: linear-gradient(135deg, #050505 0%, #7a0000 55%, #ff2b2b 100%) !important;
    box-shadow: 0 12px 28px rgba(179,6,6,.25) !important;
}
body.noAuth .singin__essent a,
body.noAuth .forgotPassword a{
    color: #b40000 !important;
    font-weight: 700;
}
body.noAuth.nightmode .singin__essent a,
body.noAuth.nightmode .forgotPassword a{
    color: #ff3b3b !important;
}
body.noAuth .day_night_btn{
    margin-left: 12px;
    display: inline-flex;
}
body.noAuth #navMob{
    background: rgba(90,0,0,.92) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}
body.noAuth.nightmode #navMob{
    background: rgba(10,10,10,.94) !important;
}
@keyframes loginThemeGradientMove{
    0%,100%{ background-position: 0% 50%; }
    50%{ background-position: 100% 50%; }
}
@media (max-width: 991px){
    body.noAuth .noauth-theme-toggle-item{ justify-content:center; margin: 10px 0; }
    body.noAuth #signinSection{ height:auto; top:-90px; }
}
@media (prefers-reduced-motion: reduce){
    body.noAuth::before,
    body.noAuth::after{ animation:none !important; transition:none !important; }
}

/* ===== FULL LOGIN / LANDING PAGE REDESIGN ===== */
body.noAuth{
  --xl-red:#d71920;
  --xl-red-dark:#8d0007;
  --xl-gold:#ffbf00;
  --xl-gold-soft:#ffe08a;
  --xl-ink:#1b0b0b;
  --xl-glass:rgba(255,255,255,.68);
  --xl-border:rgba(255,255,255,.55);
  color:var(--xl-ink);
  background:#fff7e6 !important;
  overflow-x:hidden;
}
body.noAuth.nightmode{
  --xl-ink:#ffffff;
  --xl-glass:rgba(18,0,3,.70);
  --xl-border:rgba(255,255,255,.12);
  background:#050203 !important;
}
body.noAuth::before,
body.noAuth::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  transition:opacity .65s ease;
  background-size:300% 300%;
  animation:xlGradientMove 16s ease infinite;
}
body.noAuth::before{
  background:linear-gradient(135deg,#fff6d7 0%,#ffd56b 25%,#ff5b3d 55%,#fff0b7 100%);
  opacity:1;
}
body.noAuth::after{
  background:linear-gradient(135deg,#030101 0%,#140004 28%,#5f0008 60%,#0a0000 100%);
  opacity:0;
}
body.noAuth.nightmode::before{opacity:0;}
body.noAuth.nightmode::after{opacity:1;}
@keyframes xlGradientMove{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}

body.noAuth .navbar.navbar-expand-lg.navbar-light.bg-light,
body.noAuth #navbar{
  background:linear-gradient(270deg, #082B63, #0F4FA8, #1EA7FF, #6FD6FF) !important;
  border:1px solid rgba(255,255,255,.55);
  backdrop-filter:blur(18px);
  box-shadow:0 18px 45px rgba(116,0,0,.12);
  margin:14px auto 0;
  width:min(1180px,calc(100% - 24px));
  border-radius:24px;
}
body.noAuth.nightmode #navbar{
  background:rgba(12,0,3,.72) !important;
  border-color:rgba(255,255,255,.12);
  box-shadow:0 18px 45px rgba(0,0,0,.35);
}
body.noAuth .nav-link{color:#000 !important;font-weight:700;border-radius:16px;padding:10px 14px !important;}
body.noAuth .nav-link.active,
body.noAuth .nav-link:hover{background:#082B63);color:#082B63 !important;}
body.noAuth.nightmode .nav-link{color:#fff !important;}
body.noAuth.nightmode .nav-link.active,
body.noAuth.nightmode .nav-link:hover{background:rgba(255,191,0,.14);color:#ffcf35 !important;}
body.noAuth .day_night_btn{display:flex;align-items:center;justify-content:space-between;position:relative;width:68px;height:36px;border-radius:999px;padding:0 10px;background:linear-gradient(135deg,var(--xl-red),var(--xl-gold));box-shadow:0 10px 25px rgba(215,25,32,.22);}
body.noAuth .day_night_btn span:not(.active_circle){position:relative;z-index:2;color:#fff;line-height:1;}
body.noAuth .day_night_btn .active_circle{position:absolute;top:5px;left:5px;width:26px;height:26px;border-radius:50%;background:#fff;z-index:1;transition:.3s ease;}
body.noAuth.nightmode .day_night_btn .active_circle{left:37px;background:#170004;}

.xintot-landing{position:relative;overflow:hidden;}
.xl-hero-section{position:relative;min-height:calc(100vh - 95px);display:flex;align-items:center;padding:70px 0 55px;}
.xl-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.20) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.20) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at center,black 0%,transparent 74%);opacity:.4;pointer-events:none;}
.xl-bg-orb{position:absolute;border-radius:50%;filter:blur(4px);opacity:.55;animation:xlFloat 7s ease-in-out infinite;}
.xl-orb-1{width:320px;height:320px;right:8%;top:10%;background:radial-gradient(circle,var(--xl-gold),transparent 68%);}
.xl-orb-2{width:240px;height:240px;left:4%;bottom:8%;background:radial-gradient(circle,var(--xl-red),transparent 68%);animation-delay:1.2s;}
@keyframes xlFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
.xl-announcement{position:relative;z-index:2;margin-bottom:24px;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.42);backdrop-filter:blur(14px);box-shadow:0 15px 30px rgba(126,0,0,.10);}
.xl-announcement marquee{padding:10px 18px;color:#4a1600;}
body.noAuth.nightmode .xl-announcement{background:rgba(20,0,3,.62);border-color:rgba(255,255,255,.10);}
body.noAuth.nightmode .xl-announcement marquee{color:#ffe08a;}
.xl-hero-copy,.xl-login-card,.xl-stat-card,.xl-feature-card,.xl-step{position:relative;border:1px solid var(--xl-border);background:var(--xl-glass);backdrop-filter:blur(20px);box-shadow:0 24px 70px rgba(118,0,0,.14);}
body.noAuth.nightmode .xl-hero-copy,body.noAuth.nightmode .xl-login-card,body.noAuth.nightmode .xl-stat-card,body.noAuth.nightmode .xl-feature-card,body.noAuth.nightmode .xl-step{box-shadow:0 24px 70px rgba(0,0,0,.35);}
.xl-hero-copy{padding:42px;border-radius:34px;}
.xl-kicker{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,rgba(215,25,32,.15),rgba(255,191,0,.22));color:#ab0008;font-weight:800;margin-bottom:18px;}
body.noAuth.nightmode .xl-kicker{color:#ffcf35;background:rgba(255,191,0,.12);}
.xl-hero-copy h1{font-size:clamp(38px,6vw,72px);line-height:.95;font-weight:900;letter-spacing:-2.6px;margin:0 0 20px;color:#210707;}
body.noAuth.nightmode .xl-hero-copy h1{color:#fff;}
.xl-hero-copy p{font-size:18px;line-height:1.7;max-width:650px;color:rgba(45,10,10,.78);margin-bottom:28px;}
body.noAuth.nightmode .xl-hero-copy p{color:rgba(255,255,255,.76);}
.xl-hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:30px;}
.xl-btn-main,.xl-login-btn,body.noAuth .btn.btn-primary.btn-gradient{border:0 !important;background:linear-gradient(270deg, #082B63, #0F4FA8, #1EA7FF, #6FD6FF) !important;color:#fff !important;border-radius:16px !important;font-weight:900;box-shadow:0 16px 34px rgba(215,25,32,.28);}
.xl-btn-main{padding:14px 20px !important;}
.xl-btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 18px;border-radius:16px;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.45);color:#2d0909;font-weight:800;text-decoration:none !important;}
body.noAuth.nightmode .xl-btn-ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#fff;}
.xl-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.xl-trust-row div{padding:14px;border-radius:18px;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.45);}
.xl-trust-row strong{display:block;font-size:22px;color:#b50008;}.xl-trust-row span{font-size:13px;font-weight:700;color:rgba(38,8,8,.65);}
body.noAuth.nightmode .xl-trust-row div{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1);}body.noAuth.nightmode .xl-trust-row strong{color:#ffcf35;}body.noAuth.nightmode .xl-trust-row span{color:rgba(255,255,255,.65);}

.xl-login-card{border-radius:34px;padding:28px;overflow:hidden;}
.xl-card-glow{position:absolute;inset:-2px;background:radial-gradient(circle at 20% 0%,rgba(255,191,0,.24),transparent 38%),radial-gradient(circle at 100% 50%,rgba(215,25,32,.20),transparent 34%);pointer-events:none;}
.xl-login-card form{position:relative;z-index:2;}
.xl-login-head{text-align:center;margin-bottom:24px;}.xl-login-icon{display:inline-flex;width:62px;height:62px;border-radius:22px;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--xl-red),var(--xl-gold));color:#fff;font-size:24px;margin-bottom:14px;box-shadow:0 16px 28px rgba(215,25,32,.25);}.xl-login-head h3{font-size:30px;font-weight:900;color:#220808;margin-bottom:6px;}.xl-login-head p{margin:0;color:rgba(40,8,8,.62);font-weight:600;}body.noAuth.nightmode .xl-login-head h3{color:#fff;}body.noAuth.nightmode .xl-login-head p{color:rgba(255,255,255,.65);}
.xl-input-group{margin-bottom:16px;}.xl-input-group label{display:block;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#8d0007;margin-bottom:8px;}body.noAuth.nightmode .xl-input-group label{color:#ffcf35;}.xl-input-wrap{display:flex;align-items:center;gap:10px;height:56px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.7);padding:0 16px;transition:.25s ease;}.xl-input-wrap:focus-within{box-shadow:0 0 0 4px rgba(255,191,0,.22);border-color:rgba(215,25,32,.38);}.xl-input-wrap i{color:#c50009;}.xl-input-wrap .form-control{height:auto !important;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;color:#210707 !important;font-weight:700;}body.noAuth.nightmode .xl-input-wrap{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);}body.noAuth.nightmode .xl-input-wrap .form-control{color:#fff !important;}body.noAuth.nightmode .xl-input-wrap .form-control::placeholder{color:rgba(255,255,255,.5);}
.xl-login-btn{width:100%;height:56px;margin-top:4px;font-size:16px;}.xl-login-links{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px;}.xl-login-links p{margin:0;color:rgba(36,8,8,.68);font-weight:700;}.xl-login-links a{color:#b80008;font-weight:900;text-decoration:none;}body.noAuth.nightmode .xl-login-links p{color:rgba(255,255,255,.66);}body.noAuth.nightmode .xl-login-links a{color:#ffcf35;}
.xl-captcha{display:flex;justify-content:center;margin:14px 0;overflow:hidden;}

.xl-stats-section,.xl-services-section,.xl-steps-section{position:relative;padding:56px 0;}.xl-stat-card,.xl-feature-card{border-radius:28px;padding:26px;height:100%;transition:.25s ease;}.xl-stat-card:hover,.xl-feature-card:hover,.xl-step:hover{transform:translateY(-5px);}.xl-stat-card i,.xl-feature-card i{display:inline-flex;width:54px;height:54px;border-radius:18px;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--xl-red),var(--xl-gold));color:#fff;font-size:22px;margin-bottom:16px;box-shadow:0 14px 26px rgba(215,25,32,.23);}.xl-stat-card h4{font-size:28px;font-weight:900;margin:0 0 4px;color:#220808;}.xl-stat-card p,.xl-feature-card p,.xl-section-head p,.xl-step p{color:rgba(40,8,8,.68);font-weight:600;line-height:1.65;margin:0;}body.noAuth.nightmode .xl-stat-card h4,body.noAuth.nightmode .xl-feature-card h3,body.noAuth.nightmode .xl-section-head h2,body.noAuth.nightmode .xl-step h3{color:#fff;}body.noAuth.nightmode .xl-stat-card p,body.noAuth.nightmode .xl-feature-card p,body.noAuth.nightmode .xl-section-head p,body.noAuth.nightmode .xl-step p{color:rgba(255,255,255,.68);}
.xl-section-head{max-width:700px;margin:0 auto 36px;}.xl-section-head span{display:inline-block;margin-bottom:10px;color:#b50008;font-weight:900;text-transform:uppercase;letter-spacing:.1em;}.xl-section-head h2{font-size:clamp(30px,4vw,48px);font-weight:900;letter-spacing:-1.4px;color:#220808;margin-bottom:12px;}body.noAuth.nightmode .xl-section-head span{color:#ffcf35;}.xl-left-head{margin:0;}.xl-feature-card h3,.xl-step h3{font-size:22px;font-weight:900;color:#220808;margin-bottom:10px;}
.xl-step-list{display:grid;gap:16px;}.xl-step{display:flex;gap:18px;align-items:flex-start;border-radius:26px;padding:22px;}.xl-step strong{flex:0 0 58px;width:58px;height:58px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--xl-red),var(--xl-gold));color:#fff;font-size:20px;box-shadow:0 14px 26px rgba(215,25,32,.23);}

body.noAuth #CounterSections,body.noAuth #top__smm,body.noAuth #cheapest,body.noAuth #bestsmmpanel,body.noAuth #paymentSection{display:none !important;}
@media(max-width:991px){.xl-hero-section{padding-top:42px}.xl-hero-copy{padding:28px}.xl-login-card{padding:22px}.xl-trust-row{grid-template-columns:1fr}.xl-hero-copy h1{letter-spacing:-1.6px}body.noAuth #navbar{border-radius:18px}.xl-login-links{justify-content:center;text-align:center}}


/* ===== PUBLIC NAVBAR: FULL DESKTOP WIDTH + THEME TOGGLE ===== */
@media (min-width: 992px){
  body.noAuth .navbar.navbar-expand-lg.navbar-light.bg-light,
  body.noAuth #navbar{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-radius: 0 0 24px 24px !important;
    left: 0 !important;
    right: 0 !important;
  }
  body.noAuth #navbar > .container{
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  body.noAuth #navbar .navbar-collapse{
    justify-content: flex-end !important;
  }
  body.noAuth .noauth-theme-toggle-item{
    margin-left: 10px !important;
    margin-right: 8px !important;
  }
}
body.noAuth .noauth-theme-toggle-item .day_night_btn{
  text-decoration: none !important;
}
body.noAuth .noauth-theme-mobile a{
  display: flex;
  align-items: center;
  gap: 10px;
}