/* width */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

body {
  overflow-y: scroll;
  background-color: #fff;
}

.modal-open {
  overflow-y: scroll;
}

.table {
  font-family: "Inter", sans-serif;
  -webkit-box-shadow: 2px 2px 10px 0px rgba(220, 221, 223, 1);
  -moz-box-shadow: 2px 2px 10px 0px rgba(220, 221, 223, 1);
  box-shadow: 2px 2px 10px 0px rgba(220, 221, 223, 1);
}

.tail_table_header {
  background-color: #e5e7eb;
}

.even {
  background-color: #f9fafb !important;
}

.odd {
  background-color: #fff !important;
}

.bg-sidenav {
  background-color: #e5e7eb;
  font-family: "Inter", sans-serif;
}

.page_font {
  font-family: "Inter", sans-serif;
}

.bg-message-user {
  background-color: #dcd8d8 !important;
}

.bg-user {
  color: #05967f;
  background-color: #e7fdf4;
  font-family: "Inter", sans-serif;
  border-radius: 15px;
}

.active_nav {
  color: #718096 !important;
  background-color: #ffffff;
  border-radius: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 500;
  -webkit-box-shadow: 0px 6px 4px 0px rgba(206, 211, 216, 0.95);
  -moz-box-shadow: 0px 6px 4px 0px rgba(206, 211, 216, 0.95);
  box-shadow: 0px 6px 4px 0px rgba(206, 211, 216, 0.95);
}

.active_alt {
  color: #718096 !important;
}

#lcontent {
  vertical-align: middle;
  display: inline-block;
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: center;
  margin: auto;
}

.alt_menu_tag {
  background-color: #f3f4f6;
  border-radius: 15px;
  padding: 5px;
}

.nav-icon {
  color: #718096;
}

.badge-primary {
  background-color: #ddd6fe !important;
  color: #7c3aed;
  padding: 10px;
  min-width: 70px;
  font-family: "Roboto", sans-serif;
  border-radius: 15px;
}

.badge-warning {
  background-color: #fde68a !important;
  color: #e07706;
  padding: 10px;
  min-width: 70px;
  font-family: "Roboto", sans-serif;
  border-radius: 15px;
}

.badge-danger {
  background-color: #fecaca !important;
  color: #dc2626;
  padding: 10px;
  min-width: 70px;
  font-family: "Roboto", sans-serif;
  border-radius: 15px;
}

.badge-success {
  background-color: #a7f3d0 !important;
  color: #059669;
  padding: 10px;
  min-width: 70px;
  font-family: "Roboto", sans-serif;
  border-radius: 15px;
}

.badge-dark {
  background-color: #b7b7b7 !important;
  color: #0b2239;
  padding: 10px;
  min-width: 70px;
  font-family: "Roboto", sans-serif;
  border-radius: 15px;
}

.form-control {
  border-radius: 10px;
}

label {
  font-family: "Inter", sans-serif !important;
}

small {
  font-family: "Roboto", sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Inter", sans-serif !important;
}

.dataTables_info {
  font-family: "Inter", sans-serif;
}

#dataTable_wrapper>div.dt-buttons.btn-group.flex-wrap>div {
  margin-right: 10px;
}

.buttons-html5 {
  margin-right: 10px;
}

.buttons-print {
  margin-right: 10px;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.custom-select {
  border-radius: 10px;
  box-sizing: border-box !important;
  /*padding: 25px !important;
  background-color: #eeeeee !important;*/
  color: #757575 !important;
  border-color: #eeeeee !important;
  border: 2px solid #eeeeee !important;
  transition: border 0.3s;
  transition: background-color 0.3s;
}

.center-placeholder::-webkit-input-placeholder {
  text-align: center;
}

.center-placeholder:-ms-input-placeholder {
  text-align: center;
}

.center-placeholder::-moz-placeholder {
  text-align: center;
}

.center-placeholder:-moz-placeholder {
  text-align: center;
}

.center-input-text {
  text-align: center !important;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.custom-select:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-color: #ffffff !important;
  border: 2px solid var(--theme_color) !important;
  outline: 0 none;
  color: #484848 !important;
}

.btn-danger {
  background-color: #fecaca !important;
  color: #e11d48 !important;
  padding: 10px !important;
  font-family: "Inter", sans-serif !important;
  border-radius: 10px;
  border-color: #ffe8ea !important;
}

.btn-danger:hover {
  background-color: #e9b1b1 !important;
  color: #e11d48 !important;
  border-color: #e9b1b1 !important;
}

.btn-danger:active {
  background-color: #ffe8ea !important;
  color: #e11d48 !important;
  border-color: #ffe8ea !important;
}

.btn-danger:focus {
  background-color: #fecaca !important;
  color: #e11d48 !important;
  border-color: #ffe8ea !important;
}

.btn-circle {
  width: 50px;
  height: 50px;
  border-radius: 50px !important;
}

.btn-secondary {
  background-color: #b7b7b7 !important;
  color: #383039 !important;
  padding: 10px !important;
  font-family: "Inter", sans-serif !important;
  border-radius: 10px !important;
  border-color: #b7b7b7 !important;
}

.btn-secondary:hover {
  background-color: #a7a5a5 !important;
  color: #383039 !important;
  border-color: #a7a5a5 !important;
}

.btn-secondary:active {
  background-color: #ffe8ea !important;
  color: #383039 !important;
  border-color: #ffe8ea !important;
}

.btn-secondary:focus {
  background-color: #b7b7b7 !important;
  color: #383039 !important;
  border-color: #a8a7a7 !important;
}

.modal-content {
  -webkit-border-radius: 20px !important;
  -moz-border-radius: 20px !important;
  border-radius: 20px !important;
  border: 0px solid white !important;
}

.modal-body {
  padding: 0rem !important;
}

.nav_set {
  padding: 15px;
  font-size: 20px;
  background-color: #fff;
  color: #717885;
  /*margin-top: 5px;*/
}

.alert-info {
  background-color: #ecfeff !important;
  color: #4b9aae !important;
  padding: 15px !important;
  font-family: "Inter", sans-serif !important;
  border-radius: 10px !important;
  border-color: #ecfeff !important;
}

.alert-notification {
  background-color: #fff !important;
  color: #4d4d4d !important;
  padding: 0px !important;
  font-family: "Inter", sans-serif !important;
  border-radius: 10px !important;
  border-color: #fff !important;
}

kbd {
  font-family: "Inter", sans-serif !important;
  padding: 10px !important;
  border-radius: 10px !important;
}

.btn-primary {
  background-color: #b6dcf7 !important;
  color: #056db6 !important;
  padding: 10px !important;
  font-family: "Inter", sans-serif !important;
  border-radius: 10px;
  border-color: #b6dcf7 !important;
}

.btn-primary:hover {
  background-color: #95c5e7 !important;
  color: #056db6 !important;
  border-color: #95c5e7 !important;
}

.btn-primary:focus {
  background-color: #b6dcf7 !important;
  color: #056db6 !important;
  border-color: #b6dcf7 !important;
}

.btn-success {
  background-color: #a7f3d0 !important;
  color: #059663 !important;
  padding: 10px !important;
  font-family: "Inter", sans-serif !important;
  border-radius: 10px;
  border-color: #a7f3d0 !important;
}

.btn-success:hover {
  background-color: #8de1ba !important;
  color: #059663 !important;
  border-color: #8de1ba !important;
}

.btn-success:focus {
  background-color: #a7f3d0 !important;
  color: #059663 !important;
  border-color: #a7f3d0 !important;
}

b {
  font-family: "Inter", sans-serif !important;
}

input[type="file"] {
  cursor: pointer;
  font-family: "Inter", sans-serif !important;
  font-size: 18px;
  font-weight: 500;
}

input[type="file"]:hover {
  cursor: pointer;
  font-family: "Inter", sans-serif !important;
  font-size: 18px;
  font-weight: 500;
}

input[type="file"]:focus {
  cursor: pointer;
  outline: 0;
  font-family: "Inter", sans-serif !important;
  font-size: 18px;
  font-weight: 500;
}

input[type="file"]::-webkit-file-upload-button {
  border: 2px solid #d4dee8;
  padding: 0.2em 0.4em;
  border-radius: 0.2em;
  background-color: #d4dee8;
  color: #000000;
}

input[type="file"]::file-selector-button {
  border: 2px solid #d4dee8;
  padding: 0.2em 0.4em;
  border-radius: 0.2em;
  background-color: #d4dee8;
  color: #000000;
}

input[type="file"]::-webkit-file-upload-button:hover {
  background-color: #bccbd9;
  border: 2px solid #bccbd9;
}

input[type="file"]::file-selector-button:hover {
  background-color: #bccbd9;
  border: 2px solid #bccbd9;
}

input[type="file"]::-webkit-file-upload-button:focus {
  background-color: #bccbd9;
  border: 2px solid #bccbd9;
  outline: 0;
  border: 0px;
}

input[type="file"]::file-selector-button:focus {
  background-color: #bccbd9;
  border: 2px solid #bccbd9;
  outline: 0;
  border: 0px;
}

.alert-warning {
  background-color: #ffeea9 !important;
  color: #d97706 !important;
  padding: 15px !important;
  font-family: "Inter", sans-serif !important;
  border-radius: 10px !important;
  border-color: #ffeea9 !important;
}

.alert-danger {
  background-color: #fbd1d1 !important;
  color: #de3a3a !important;
  padding: 15px !important;
  font-family: "Inter", sans-serif !important;
  border-radius: 10px !important;
  border-color: #fbd1d1 !important;
}

.alert-secondary {
  background-color: #d1d5db !important;
  color: #4b5563 !important;
  padding: 15px !important;
  font-family: "Inter", sans-serif !important;
  border-radius: 10px !important;
  border-color: #d1d5db !important;
}

.alert-success {
  background-color: #d1fae5 !important;
  color: #059669 !important;
  padding: 15px !important;
  font-family: "Inter", sans-serif !important;
  border-radius: 10px !important;
  border-color: #d1fae5 !important;
}

.user_ribbon_header {
  text-align: center;
  width: 100%;
  height: 96px;
  background-color: #e5e7eb;
  vertical-align: middle;
  display: inline-block;
  align-items: center;
  justify-content: center;
  display: flex;
  color: #718096;
  border-radius: 15px;
}

.ticket_opened_header {
  overflow: auto;
  max-height: 40px;
  text-align: center;
}

.text-danger {
  color: #dc3545 !important;
}

.card {
  padding: 15px !important;
  font-family: "Inter", sans-serif !important;
  border-radius: 10px !important;
}

.card-footer {
  padding: 15px !important;
  font-family: "Inter", sans-serif !important;
  border-radius: 10px !important;
  background-color: #e5e7eb !important;
}

.custom-textarea {
  outline: 0 none !important;
  font-family: "Source Code Pro", monospace !important;
}

.btn-dark {
  background-color: #d1d5db !important;
  color: #374151 !important;
  padding: 10px !important;
  font-family: "Inter", sans-serif !important;
  border-radius: 10px;
  border-color: #d1d5db !important;
}

.btn-dark:hover {
  background-color: #b7bfca !important;
  color: #374151 !important;
  border-color: #b7bfca !important;
}

.btn-dark:focus {
  background-color: #d1d5db !important;
  color: #374151 !important;
  border-color: #d1d5db !important;
}

.btn-outline-primary {
  background-color: transparent !important;
  color: #3b82f6 !important;
  padding: 10px !important;
  font-family: "Inter", sans-serif !important;
  border-radius: 10px;
  border-color: #3b82f6 !important;
}

.btn-outline-primary:hover {
  background-color: #3b82f6 !important;
  color: white !important;
  border-color: #3b82f6 !important;
}

.btn-outline-primary:focus {
  background-color: #b6dcf7 !important;
  color: #056db6 !important;
  border-color: #b6dcf7 !important;
}

.card {
  border: 0 !important;
}

.text-inter {
  font-family: "Inter", sans-serif !important;
}

.keyboard-shortcut-effect {
  font-family: "Inter", sans-serif !important;
  color: #333;
  border: 1px solid #d4d4d8;
  border-bottom: 5px solid #d4d4d8;
  background-color: #fff;
  font-size: 23px;
  border-radius: 5px;
  padding: 7px;
  cursor: default !important;
}

.keyboard-shortcut-effect:focus {
  outline: 0 !important;
}

/* v2 start */
.input-login {
  width: 60px;
  height:60px;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  background-color: white;
}

.input-login-in {
    height: 60px;
    font-size: 1.2rem;
}

.fast-bg {
  height: auto;
  min-height: 350px;
  background-color: white;
  padding: 1rem;
  border-radius: 15px;
  box-shadow: 10px 10px 50px 5px rgba(40, 48, 59, 0.19);
}

.fast-btn {
  width: 100%;
  max-width: 450px;
  min-width: 450px;
  background-color: var(--theme_color) !important;
  border: none;
  color: white !important;
  transition: all 0.3s;
}

.fast-drop-body {
  height: auto;
  width: 450px;
  max-height: 200px;
  overflow-y: auto;
  position: absolute;
}

.selected-step {
  background-color: var(--add_basket_bg_color_hover) !important;
}

.shape-bg {
  background: url(../images/shapebg.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.shape-bg-s {
  background: url(../images/shapebg2.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.shape-bg-p {
  background: url(../images/shapefea2.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.packages {
  /*margin-top: 3.5rem;*/
  background-color: var(--featured_packs_bg_color);
}

.pack-text {
  color: white;
}

.btn-featured {
  background-color: #292a95;
  border-radius: 35px;
  width: 70px;
  height: 70px;
  display: flex;
  font-size: 1.2rem;
  align-items: center;
  justify-content: center;
  color: white;
  box-shadow: 10px 10px 50px 5px rgba(40, 48, 59, 0.19);
  transition: all 0.5s;
}

.btn-featured:hover {
  background-color: #292a95;
  color: white;
}


.pack-icon {
  border-radius: 30%;
  height: 50px;
  width: 50px;
  background-color: #ffffff23;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pack-icon i {
  font-size: 1.5rem;
}

.pack-url-icon {
  border-radius: 30%;
  height: 32px;
  width: 32px;
  background-color: #ffffff32;
  display: flex;
  align-items: center;
  justify-content: center;
}

.badge-pack {
  max-width: 120px;
  width: 100%;
  position: absolute;
  top: -16px;
  left: 30%;
  margin: auto;
}

.pack-url-icon i {
  font-size: 1.2rem;
  color: white;
}

.pack-url-icon:hover {
  background-color: #ffffff07;
}

.line-height-0 {
  line-height: 1.2;
}

.pack-header {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.pack-card {
  border: 0;
  border-radius: 15px;
  /*box-shadow: 0px 0px 20px 0px rgba(40, 48, 59, 0.19);*/
  -webkit-box-shadow: 0px 3px 15px rgb(34 40 62 / 8%);
  -moz-box-shadow: 0px 3px 15px rgb(34 40 62 / 8%);
  box-shadow: 0px 3px 15px rgb(34 40 62 / 8%);
  transition: all 0.35s;
}

.pack-card:hover {
  transform: scale(1.05);
}

.pack-body {
  background-color: white;
  position: relative;
}

.pack-item {
  height: 100px;
  padding: 1rem;
}

.pack-item-border {
  border: 0.1px solid #00000014;
}

.fsp {
  font-size: 0.9rem;
}

.service-tab-link {
  padding: 1.15rem 2rem 1.15rem 2rem;
}

.item-icon {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.item-icon i {
  font-size: 0.8rem;
}

.btn-add-basket {
  /*background-color: #18d358;*/
  background-color: var(--add_basket_bg_color);
  padding: 0.5rem 1rem 0.5rem 1rem;
  color: var(--add_basket_text_color);
  border-radius: 5px;
}

.btn-add-basket:hover {
  background-color: var(--add_basket_bg_color_hover) !important;
  color: var(--add_basket_text_color) !important;
}

.btn-add-basket:active {
  background-color: var(--add_basket_bg_color_hover) !important;
  color: var(--add_basket_text_color) !important;
}

.btn-add-basket:focus {
  background-color: var(--add_basket_bg_color_hover) !important;
  color: var(--add_basket_text_color) !important;
}

.btn-show-all {
  -webkit-box-shadow: 0px 3px 15px rgb(34 40 62 / 46%);
  -moz-box-shadow: 0px 3px 15px rgb(34 40 62 / 46%);
  box-shadow: 0px 3px 15px rgb(34 40 62 / 46%);
  padding: 1rem 1.5rem 1rem 1.5rem;
  font-size: 1.1rem;
}

.pack-footer {
  background-color: white;
  padding: 1rem;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.pack-footer b {
  color: #0b0712;
}

.fac {
  display: flex;
  align-items: center;
  justify-content: center;
}

.admin_button {
  width: 100%;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  height: 150px;
  background-color: #ffffff;
  transition: .2s all;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}

.admin_button:hover {
  transform: scale(1.05) !important;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(181, 181, 181, 1) !important;
  -moz-box-shadow: 0px 0px 4px 0px rgba(181, 181, 181, 1) !important;
  box-shadow: 0px 0px 4px 0px rgba(181, 181, 181, 1) !important;
  background-color: #e5e5e5 !important;
}

.cookie-box {
  display: none;
  z-index: 9999999;
  position: fixed;
  bottom: 20px;
  width: 93%;
  max-width: 700px;
  left: 50%;
  box-shadow: 0 0 60px rgba(40, 48, 59, 0.19);
  transform: translate(-50%, 0);
  background-color: var(--cookie_bg_color);
  color: var(--cookie_text_color);
}

.cookie-box-link {
  color: var(--cookie_link_color) !important;
}

.bnicon {
  min-width: 70px;
  max-width: 70px;
  min-height: 70px;
  max-height: 70px;
  margin-right: 1rem;
  display: flex;
  background-color: var(--fsab_bg_color_darker);
  border-radius: 15px;
  align-items: center;
  justify-content: center;
  font-size: 1.7rem;
}

.buynotification {
  transform: translateY(140px);
  position: fixed;
  width: 100%;
  max-width: 400px;
  height: 100px;
  background-color: var(--fsab_bg_color);
  border-radius: 10px;
  bottom: 1rem;
  opacity: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 222;
  padding: 1rem;
  display: flex;
  color: var(--fsab_text_color);
  font-size: 1rem;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 0 60px rgba(40, 48, 59, 0.19);
  transition: all 0.6s;
}

.bnopen {
  transform: translateY(0px);
  opacity: 1;
}

.cat_card {
  box-shadow: 0 0 60px rgba(40, 48, 59, 0.19);
  background-color: white;
  color: black;
  transition: all 0.2s;
  border-radius: 10px;
}

.cat_card:hover a {
  color: white !important;
}

.cat_card:hover .cat_card_text {
  color: white !important;
}

.cat_card_icon {

  padding: 0.6rem;
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  color: white;
  width: 60px;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;

}

.cat_card_text {
  font-size: 1.335rem;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0;
  justify-content: start;
  color: black;
}

.cat_card_btn {
  padding: 0.6rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-right: 1rem;
  height: 50px;
  border-radius: 5px;
  color: white;

  display: flex;
  align-items: center;
  justify-content: center;

}

.cat-header-icon {
  font-size: 22rem;
  color: white;
  opacity: 0.4;
  /*transform: rotate(246deg) translateX(157px) translateY(-122px);*/
  transform: rotate(330deg) translateX(-126px) translateY(-183px);
  position: absolute;
}

.icon-box-cat {
  background-color: white;
  font-size: 2.5rem;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.brightness {
  filter: brightness(50%);
}

.notification-icon {
  background-color: var(--bell_light_color);
  color: var(--bell_color);
  border-radius: 5px;
  font-size: 1.2rem;
  padding: 1rem;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.noti-bb {
  border-top: 2px solid #00000024;
}

.noti-dropm {
  width: 320px !important;
  border-radius: 5px !important;
  transform: translate(0px, 41px) !important;
}

.bg-drop {
  background-color: var(--header_about_bg_color);
}

.header-contact {
  background-color: var(--header_about_btn_color);
  border-radius: 25px;
  padding: 0.8rem;
  color: var(--header_about_btn_text_color);
  width: 100%;
  max-width: 345px;
}

.header-contact:hover {
  background-color: var(--header_about_btn_hover_color);
}

.shortcutbar {
  background-color: var(--lc_bg_color);
  width: 315px;
  /*height: 350px;*/
  height: 275px;
  padding: 1.5rem 0rem 1.5rem 0.5rem;
  box-shadow: 0 0 60px rgba(40, 48, 59, 0.19);
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  border: 0;
  position: fixed;
  left: -297px;
  top: 26%;
  bottom: 26%;
  z-index: 20;
  transition: all 0.6s;
}

.shortcutbar:hover {
  left: 0;
}

.sbbtn {
  color: var(--lc_btn_text_color);
  position: absolute;
  /*font-size: 2rem;*/
  font-size: 1.8rem;
  right: 0rem;
  left: 18.65rem;
  top: 33%;
  bottom: 33%;
  background-color: var(--lc_btn_bg_color);
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  box-shadow: 0 0 60px rgba(40, 48, 59, 0.19);
  border-radius: 29% 71% 71% 29% / 50% 50% 50% 50%;
  border: 0;
  /*width: 3.5rem;
  height: 100px;*/
  width: 3.1rem;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.left-contact {
  /*background-color: #ffffff21;*/
  /* border-radius: 25px; */
  padding: 0.6rem;
  color: var(--lc_text_color);
  width: 100%;
  max-width: 345px;
}

.left-contact a {
  text-decoration: none;
  color: var(--lc_text_color);
}

.left-contact i {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
}

.backtotop {
  position: fixed;
  right: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  bottom: 1.5rem;
  border-radius: 15px;
  /*color: #3e348b;*/
  background-color: var(--up_bg_color);
  color: var(--up_text_color);
  width: 50px;
  height: 50px;
  transition: all 0.5s;
}

.bttcolor {
  color: var(--up_bg_color) !important;
}

.rocket {
  --fa-rotate-angle: -45deg;
  margin-bottom: -5px;
}

.launch {
  margin-bottom: 4.5rem;
  background-color: transparent !important;
  font-size: 2.5rem;
  animation: dance 0.2s infinite alternate;
  transition: all 0.5s;
}

@keyframes dance {
  0% {
    transform: translateY(0) translateX(0);
  }

  100% {
    transform: translateY(2px) translateX(1px);
  }
}

.rainbow {
  animation: rocket-animation 1.3s infinite, opacity1 1.3s infinite;
}

.rainbow1 {
  animation: rocket-animation 1.8s infinite, opacity1 1.8s infinite;
}

.rainbow2 {
  animation: rocket-animation 2.4s infinite, opacity1 2.4s infinite;
}

@keyframes rocket-animation {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(600px);
  }
}

@keyframes opacity {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes opacity1 {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

#BgStar0 {
  visibility: visible;
  animation: star-animation 0.6s infinite 0.2s ease-in-out;
}

#BgStar1 {
  visibility: hidden;
}

#BgStar1 {
  visibility: visible;
  animation: star-animation 0.6s infinite ease-in-out;
}

#BgStar2 {
  visibility: hidden;
}

#BgStar2 {
  visibility: visible;
  animation: star-animation 0.6s infinite 0.4s ease-in-out;
}

@keyframes star-animation {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(600px);
  }
}




.modal-backdrop {
  background-color: #000000;
}

.modal.fade.show {
  backdrop-filter: blur(5px);
}

.modal-content {
  border: 8px solid #ffffff4a !important;
}

.modal-footer {
  border: 0;
}

a {
  text-decoration: none !important;
}

.text-light-green {
  color: #33d660;
}

.rev-modal-header {
  border: 0;
  justify-content: center;
  background: rgb(242, 111, 3);
  background: -moz-linear-gradient(63deg, rgba(242, 111, 3, 1) 11%, rgba(247, 184, 1, 1) 100%);
  background: -webkit-linear-gradient(63deg, rgba(242, 111, 3, 1) 11%, rgba(247, 184, 1, 1) 100%);
  background: linear-gradient(63deg, rgba(242, 111, 3, 1) 11%, rgba(247, 184, 1, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f26f03", endColorstr="#f7b801", GradientType=1);
  color: white;
}

.secreviews {
  background: rgb(242, 111, 3);
  background: -moz-linear-gradient(63deg, rgba(242, 111, 3, 1) 11%, rgba(247, 184, 1, 1) 100%);
  background: -webkit-linear-gradient(63deg, rgba(242, 111, 3, 1) 11%, rgba(247, 184, 1, 1) 100%);
  background: linear-gradient(63deg, rgba(242, 111, 3, 1) 11%, rgba(247, 184, 1, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f26f03", endColorstr="#f7b801", GradientType=1);
}

li {
  list-style-image: url(../css/fa6pro/svgs/duotone/circle-dot.svg);
  padding-inline-start: 1ch;
}

li::marker {
  color: white;
  font-size: 1.8rem;
}

.review-area {
  height: auto;
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-color: #ffffff #0000001a;
  scrollbar-width: thin;
}

.has-megamenu {
  height: 90px;
  align-items: center;
  display: flex;
}

.has-megamenu:hover .dropdown-menu {
  display: block;
  position: absolute;
  inset: 0px auto auto 0px;
  margin: 0px;
  transform: translate3d(0px, 112.5px, 0px);
  /*margin-top: 1.4rem !important;*/
  margin-top: 1.5rem !important;
  border-top: 3px solid #00000024 !important;
  border-radius: 0 !important;
}

.has-megamenu:hover .hoberbottom {
  border-bottom: 3px solid red !important;
}

.has-megamenu:hover .hoberbottom>a {
  color: red !important;
}

.seo-area {
  height: auto;
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-color: var(--theme_color) #cecff91a;
  scrollbar-width: thin;
  background-color: white;
  border-radius: 20px;
  padding: 2rem;
}

.seo-area * {
  font-family: "Lato", sans-serif !important;
}

.seo-area h1 {
  font-size: 24px;
}

.seo-area h2 {
  font-size: 20px;
}

.seo-area h3 {
  font-size: 13.5px;
}

.cardreview {
  padding: 0 !important;
  outline: 0 !important;
  border: 0 !important;
  height: 160px;
  width: 98%;
}

.review-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #F35B04;
  border: 0;
  border-top-right-radius: 10px !important;
  border-top-left-radius: 10px !important;
  font-family: 'Lato';
  color: white;
  height: 56px;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.promotion_1 {
  background-position: right;
  background-repeat: no-repeat;
}


@media (min-width:961px) {
  .promotion_1 {
    background-position-x: 74%;
  }
}

@media (min-width:1025px) {
  .promotion_1 {
    background-position-x: 130%;
  }
}

@media (min-width:1281px) {
  .promotion_1 {
    background-position-x: 74%;
  }
}

@media (min-width:1440px) {
  .promotion_1 {
    background-position-x: 110%;
  }
}

@media (min-width:1920px) {
  .promotion_1 {
    background-position-x: 85%;
  }
}

.promotion_2_box {
  border-radius: 20px;
}

.promotion_in_box {
  background-color: #ffffff;
  border-radius: 20px;
  -webkit-box-shadow: 0px 3px 15px rgb(34 40 62 / 8%);
  -moz-box-shadow: 0px 3px 15px rgb(34 40 62 / 8%);
  box-shadow: 0px 3px 15px rgb(34 40 62 / 8%);
}

.service-top {
  width: max-content;
}

.step-box {
  background-color: white;
  text-align: center;
  position: relative;
  padding: 2rem;
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 15px rgb(34 40 62 / 8%);
  -moz-box-shadow: 0px 3px 15px rgb(34 40 62 / 8%);
  box-shadow: 0px 3px 15px rgb(34 40 62 / 8%);
  height: 200px;
}

.step-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: white;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -22px;
  left: 40%;
  -webkit-box-shadow: 0px 3px 15px rgb(34 40 62 / 8%);
  -moz-box-shadow: 0px 3px 15px rgb(34 40 62 / 8%);
  box-shadow: 0px 3px 15px rgb(34 40 62 / 8%);
}

.reset-input {
  padding: 1rem !important;
  background-color: #ffffff !important;
}

.footer-contact a {
  text-decoration: none;
  color: white;
}

.footer-contact i {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
}

.footer-contact {
  background-color: #ffffff21;
  border-radius: 25px;
  padding: 0.8rem;
  color: white;
  width: 100%;
  max-width: 345px;
}

.bg-footer {
  background-color: var(--footer_bg_color);
  color: white;
}

.footer-icon {
  background-color: var(--footer_icon_color);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}

.color-theme {
  color: var(--theme_color) !important;
}

.header-menu.dropdown-toggle::after {
  color: var(--menu_icon_color) !important;
}

.text-menu {
  color: var(--menu_text_color) !important;
}


.bg-footer-alt {
  background-color: var(--alt_bg_color);
}

.bg-footer-image {
  background-color: var(--alt_img_bg_color);
}

.bg-footer-c {
  background-color: var(--alt_c_bg_color);
}

.cat_button_footer {
  background-color: #ffffff21;
  border-radius: 25px;
  color: white;
  padding: 0.8rem;
  width: 100%;
  max-width: 250px;
  transition: all 0.5s;
}

.cat_button_footer:hover {
  background-color: #fff;
  color: #1f1853 !important;
  border-radius: 25px;
  padding: 0.8rem;
  width: 100%;
  max-width: 250px;
}

.fs0 {
  font-size: 0.825rem;
}

.fso {
  font-size: 1rem;
}

.fs1 {
  font-size: 1.125rem;
}

.fs1e {
  font-size: 1.3rem;
}

.fs1r {
  font-size: 1.625rem;
}

.fs1b {
  font-size: 2rem;
}

.fs2 {
  font-size: 2.125rem;
}

.p2-img {
  bottom: 1px;
  right: 1rem;
}

.bg-stats {
  background-color: var(--sayac_bg);
  color: white;
}

.icon-box {
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff26;
  padding: 0.8rem;
  border-radius: 50%;
}

.line-height-12 {
  line-height: 1.2;
}

.box-icon-color {
  color: white;
}

.opacity-07 {
  opacity: 0.7;
}

.top-badge {
  background-color: var(--header_topbar_bg_color);
  color: var(--header_topbar_text_color);
  border-radius: 26px;
  width: 250px;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
}

.p-icon-small {
  font-size: 1.1rem;
  left: -4px;
  color: var(--header_topbar_icon_text_color);
  z-index: 22;
}

.p-icon {
  font-size: 2.2rem;
  left: -14px;
  color: var(--header_topbar_icon_bg_color);
}

.p-text {
  margin-top: 0.5rem;
  margin-left: 1.7rem;
}

.p-absolute {
  position: absolute;
}

.bg-topbar {
  background-color: var(--topbar_bg_color);
  color: var(--topbar_text_color);
  height: 50px;
}

.h-50px {
  height: 50px;
}

.bg-topbar a {
  text-decoration: none !important;
  color: var(--theme_topbar_textcolor) !important;
  font-size: 0.9rem;
  opacity: 0.8;
}

.btn-track {
  background-color: var(--topbar_btn_color) !important;
  color: var(--topbar_btn_text_color) !important;
  font-size: 0.9rem;
  padding: 0.3rem 0.6rem 0.3rem 0.6rem;
  font-family: "Lato", sans-serif !important;
  border-radius: 10px;
  height: 40px;
  border-color: var(--topbar_btn_color) !important;
}

.btn-top {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 233px;
  background-color: var(--header_btn_color) !important;
  color: var(--header_btn_text_color) !important;
  font-size: 1.1rem;
  padding: 0.3rem 0.9rem 0.3rem 0.9rem;
  font-family: "Lato", sans-serif !important;
  border-radius: 25px;
  height: 58px;
  border: 1.5px solid var(--header_btn_color) !important;
}

.btn-review {
  background-color: #ffffff !important;
  color: #F18701 !important;
  padding: 0.7rem 1rem 0.7rem 1rem;
  border-radius: 15px;
  border-color: #ffffff !important;
}

.btn-bell {
  color: var(--menu_icon_color) !important;
  font-size: 1.125rem;
  font-family: "Lato", sans-serif !important;
  width: 43px;
  height: 43px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--menu_icon_color);
}

.btn-bell:hover {
  color: #fff !important;
  background-color: var(--menu_icon_color) !important;
}

.navbg {
  background-color: var(--menu_bg_color) !important;
}

.btn-basket {
  position: relative;
  background-color: var(--menu_btn_color);
  color: var(--menu_btn_text_color);
  font-size: 1.125rem;
  font-family: "Lato", sans-serif !important;
  width: 43px;
  height: 43px;
  /*border-radius: 18px;*/
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--menu_btn_color);
}

.btn-basket:hover {
  background-color: var(--menu_btn_hover_color);
  color: var(--menu_btn_text_color);
}

.basket_count_text {
  position: absolute;
  top: -16px;
  border: 1px solid var(--menu_btn_color);
  background-color: #ffffff;
  color: var(--menu_btn_color);
  font-size: 0.9rem;
  width: 100%;
  max-width: 33px;
  border-radius: 14px;
}

.top {
  position: relative;
  width: 100%;
}

.top-img {
  width: 100%;
  max-width: 450px;
  height: auto;
}

.btn-login {
  position: relative;
  padding: 8px;
  color: var(--menu_btn_text_color) !important;
  background-color: var(--menu_btn_color);
  font-size: 1.1rem;
  font-family: "Poppins", sans-serif !important;
  font-weight: 500;
}

.btn-login:hover {
  background-color: var(--menu_btn_hover_color);
}

.mobile-footer-fixed-menu {
  display: none;
}

.btn-login-text {
  z-index: 1;
  position: relative;
  font-size: 1.1rem;
  font-family: "Lato", sans-serif !important;
}

.box-inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.top:before {
  position: absolute;
  content: '';
  width: calc(100% + 55px);
  height: calc(100% + 15px);
  /*top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(.7);*/
  filter: blur(0);
  opacity: 1;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1);
}

@keyframes waves {
  to {
    background-position: 1600px 130%, 3150px 130%, 5300px 130%;
  }
}

.p-relative {
  position: relative;
  z-index: 2;
}

.megamenu {
  padding: 1rem;
}

.megamenu.show {
  margin-top: 1.7rem !important;
  border-top: 3px solid #3e348b69;
  border-radius: 0 !important;
}

.card-btn-text {
  font-size: 1.20rem !important;
  color: white;
  text-transform: uppercase;
}

.rocketburn {
  /* background-color: #000000; */  
  position: fixed;  
  right: -12px; 
  bottom: 2.5rem; 
  display:none;
}

.mobile-btn-menu {
  height: 60px;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  padding: 0.7rem 1.4rem 0.7rem 1.4rem !important;
  border-bottom: 1px solid #dcdce3 !important;
  border-radius: 0 !important;
}

@media all and (min-width: 992px) {

  .has-megamenu {
    position: static !important;
  }

  .megamenu {
    left: 0;
    right: 0;
    width: 100%;
    margin-top: 0;
  }

}

@media (max-width:768px) {
  .bg-topbar {
    display: none;
  }

  #desktop_nav {
    display: none !important;
  }

  .cat_button {
    height: 125px !important;
    padding: 0 !important;
  }

  .cat_button .badge {
    display: none !important;
  }

  .card-btn-text {
    font-size: 1rem !important;
  }

  .text-center-res {
    text-align: center;
  }

  .justify-content-center-res {
    justify-content: center;
  }

  .w-100-res {
    width: 100%;
  }

  .badge-pack {
    left: 35%;
  }

  .promotion_1 {
    background-image: none !important;
  }

  .p2-res {
    width: 100%;
    max-width: 350px;
    position: relative;
    float: none !important;
    right: 5%;
    left: 5%;
    margin: 0px;
  }

  .bg-stats {
    display: none;
  }

  .footer-res {
    text-align: center;
    margin-bottom: 1.5rem;
  }

  .footer-contact {
    max-width: 100%;
  }

  .bg-footer-alt {
    display: none;
  }

  .d-mob {
    display: none !important;
  }

  .cat_card_text {
    font-size: 1.1rem;
  }

  .badge-res {
    font-size: 0.6rem;
  }

  .overflow-res {
    overflow-y: auto;
  }

  .overflow-res-hs {
    overflow-y: auto;
    scrollbar-width: none;
  }

  .sliderarea {
    background-position: left !important;
  }

  .top-badge {
    margin-left: 1rem;
  }

  .shortcutbar {
    top: 53%;
  }

  .step-box {
    height: 170px;
  }

  .step-icon {
    left: 44%;
  }

  .offcanvas-header {
    border-bottom: 2px solid var(--theme_color);
  }

  .offcanvas-body {
    scrollbar-width: none;
  }

  .btn-track-menu-mob {
    width: 100%;
    border-radius: 0;
    position: absolute;
    bottom: 0;
    height: 60px;
    font-size: 1.1rem;
  }

  .noti-dropm {
    transform: translate(-9px, 22px) !important;
  }

  .mobile-bell {
    outline: 0 !important;
    text-decoration: none !important;
  }

  .mobile-bars {
    outline: 0 !important;
    text-decoration: none !important;
  }

  .buynotification {
    bottom: 5.3rem;
  }

  .backtotop {
    bottom: 4.75rem;
    right: 17px;
  }

  .mobile-footer-fixed-menu {
    position: fixed;
    bottom: 0;
    display: flex;
    background-color: white;
    width: 100%;
    height: 65px;
    align-items: center;
    justify-content: space-between;
    -webkit-box-shadow: 0px -1px 7px -1px rgba(138, 136, 138, 0.38);
    -moz-box-shadow: 0px -1px 7px -1px rgba(138, 136, 138, 0.38);
    box-shadow: 0px -1px 7px -1px rgba(138, 136, 138, 0.38);
    z-index: 999;
  }

  .mffm-button {
    height: 65px;
    flex: 1;
  }

  .mffm-button-basket {
    height: 70px;
    height: 75px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-box-shadow: 0px 3px 15px rgb(34 40 62 / 8%);
    -moz-box-shadow: 0px 3px 15px rgb(34 40 62 / 8%);
    box-shadow: 0px 3px 15px rgb(34 40 62 / 8%);
    flex: 1;
    background-color: var(--add_basket_bg_color);
  }

  .basket_count_text {
    top: -16px;
    transform: translateX(-4px);
  }

  #rocketburn {
    right: -24px!important; 
  }
}

/* v2 end */

#switcher_dark {
  cursor: pointer;
}

.special_a_thin {
  text-decoration: none !important;
  color: #4299e2 !important;
  font-family: "Roboto", sans-serif !important;
}

.special_a_bold {
  text-decoration: none !important;
  color: #4299e2 !important;
  font-family: "Inter", sans-serif !important;
}

.service_coupon_code {
  background-color: var(--theme_color);
  border: 2px solid var(--theme_color);
  border-top-left-radius: 15px !important;
  border-bottom-left-radius: 15px !important;
  color: #fff;
}

input[type="datetime-local"] {
  border-radius: 10px;
  padding: 5px;
  border: 2px solid #dee2e6;
  background-color: #f3f4f6;
  color: #212529;
  font-family: "Inter", sans-serif !important;
}

.notyf {
  z-index: 999999999 !important;
}

.the_logo {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
}

#admin_content>div>div.form-inline>div>div>a:focus {
  background-color: #484848 !important;
}

.btn-warning {
  background-color: #fff;
  color: #484848;
  padding: 10px;
  font-family: "Inter", sans-serif;
  border-radius: 10px;
  border-color: #fff;
}

.btn-warning-notification {
  background-color: #fff3eb !important;
  color: var(--theme_color) !important;
  border-color: #fff3eb !important;
  padding: 10px !important;
  font-family: "Inter", sans-serif !important;
  border-radius: 10px;
}

.btn-warning:hover {
  background-color: #f5f5f5 !important;
  color: #484848 !important;
  border-color: #f5f5f5 !important;
}

.btn-warning:focus {
  background-color: #fff3eb !important;
  color: var(--theme_color) !important;
  border-color: #fff3eb !important;
}

.btn-warning:active {
  background-color: #fff3eb !important;
  color: var(--theme_color) !important;
  border-color: #fff3eb !important;
}

.btn-submit {
  background-color: var(--theme_color) !important;
  color: #ffffff !important;
  padding: 10px !important;
  font-family: "Inter", sans-serif !important;
  border-radius: 10px;
  border-color: var(--theme_color) !important;
}

.btn-submit:hover {
  background-color: var(--theme_color_darken) !important;
  color: #fff !important;
  border-color: var(--theme_color_darken) !important;
}

.btn-submit:focus {
  background-color: #cccccc !important;
  color: #919191 !important;
  border-color: #cccccc !important;
}

.btn-submit:active {
  background-color: #cccccc !important;
  color: #919191 !important;
  border-color: #cccccc !important;
}

.btn-loading,
.btn-loading:hover,
.btn-loading:focus,
.btn-loading:active {
  background-color: #d8d0d0 !important;
  color: #484848 !important;
  padding: 10px !important;
  width: 100px;
  font-family: "Inter", sans-serif !important;
  border-radius: 10px;
  border-color: #d8d0d0 !important;
}

.btn-r-success,
.btn-r-success:hover,
.btn-r-success:focus,
.btn-r-success:active {
  background-color: #28a745 !important;
  color: #fff !important;
  padding: 10px !important;
  font-family: "Inter", sans-serif !important;
  border-radius: 10px;
  border-color: #28a745 !important;
}

.btn-r-error,
.btn-r-error:hover,
.btn-r-error:focus,
.btn-r-error:active {
  background-color: #dc2626 !important;
  color: #fff !important;
  padding: 10px !important;
  font-family: "Inter", sans-serif !important;
  border-radius: 10px;
  border-color: #dc2626 !important;
}

.btn-r-warning,
.btn-r-warning:hover,
.btn-r-warning:focus,
.btn-r-warning:active {
  background-color: #fbbf24 !important;
  color: #484848 !important;
  padding: 10px !important;
  font-family: "Inter", sans-serif !important;
  border-radius: 10px;
  border-color: #fbbf24 !important;
}

.warning-active {
  background-color: #fff3eb !important;
  color: var(--theme_color) !important;
  border-color: #fff3eb !important;
}

span {
  font-family: "Inter", sans-serif !important;
}

.cat_button {
  /* background-color: #fff; */
  /* color: #484848 !important; */
  width: 100%;
  padding: 25px 25px 15px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  text-align: center;
  cursor: pointer;
  height: 150px;
  transition: 0.5s all;
}

.cat_button:hover {
  transform: scale(1.1);
  -webkit-box-shadow: 0px 0px 19px 0px rgba(181, 181, 181, 1);
  -moz-box-shadow: 0px 0px 19px 0px rgba(181, 181, 181, 1);
  box-shadow: 0px 0px 19px 0px rgba(181, 181, 181, 1);
}

.cat_button:hover {
  background-color: #fff3eb;
  border-color: #fff3eb;
}

.cat_button_active {
  color: var(--theme_color) !important;
  background-color: #fff3eb;
  border-color: #fff3eb;
}

.custom_cat_button {
  background-color: #fff;
  color: #484848 !important;
  padding: 15px !important;
  margin: 10px;
  margin-bottom: 30px;
  font-family: "Inter", sans-serif !important;
  border-radius: 20px;
  border: 3px solid;
  border-color: #ddd6fe;
}

p {
  font-family: "Inter", sans-serif !important;
}

.dropdown-menu.show {
  border-radius: 15px;
}

#admin_loader div {
  font-size: 21px;
  text-align: center;

  -webkit-animation: fadein 1s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 1s;
  /* Firefox < 16 */
  -ms-animation: fadein 1s;
  /* Internet Explorer */
  -o-animation: fadein 1s;
  /* Opera < 12.1 */
  animation: fadein 1s;
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.lcolor {
  color: #484848;
}

.lcontent {
  border-radius: 15px;
  background-color: #f5f5f5;
}

.fpcolor {
  color: #484848 !important;
}

.devcolor {
  color: #484848;
}

.tcardbg {
  background-color: #fff;
}

.stats_box {
  background-color: #fff;
  color: #484848 !important;
  padding: 15px !important;
  margin: 10px;
  margin-bottom: 30px;
  font-family: "Inter", sans-serif !important;
  border-radius: 20px;
  border-color: #fff;
}

#desktop_nav>div.form-group.text-right.col-4.show>div>a:active {
  background-color: #4d4d4d !important;
  color: #fff !important;
}

#mobile_nav>div.form-group.text-right.col-4.show>div>a:active {
  background-color: #4d4d4d !important;
  color: #fff !important;
}

#reviewModalLI>div>div>div.modal-header>button {
  outline: 0;
}

.symbol_info {
  border: 2px dashed #ddd6fe !important;
}

#reviewModal>div>div>div.modal-header>button {
  outline: 0 !important;
}

.ajax-search-menu {
  border-radius: 10px;
  border: 1px solid rgb(238 238 238) !important;
  overflow-y: auto;
  max-height: 300px;
}

.ajax-search-main {
  width: 60%;
}

.m-2-5 {
  margin: .75rem !important
}

.sr-div {
  background-color: #f5f5f5;
  border-radius: 10px;
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #fff;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #fff, 0 0 5px #fff;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 15px;
  right: 15px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #fff;
  border-left-color: #fff;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes pace-spinner {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes pace-spinner {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-ms-keyframes pace-spinner {
  0% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes pace-spinner {
  0% {
    transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/******************/
/*DARK MOD ELEMENTS*/
/******************/
[data-theme="dark"] .pace .pace-progress {
  background: #d0d2d6;
}

[data-theme="dark"] .pace .pace-progress-inner {
  box-shadow: 0 0 10px #d0d2d6, 0 0 5px #d0d2d6;
}

[data-theme="dark"] .pace .pace-activity {
  border-top-color: #d0d2d6;
  border-left-color: #d0d2d6;
}

[data-theme="dark"] {
  background-color: #171e31;
}

[data-theme="dark"] #admin_content>div {
  background-color: #283046 !important;
}

[data-theme="dark"] .cat_button {
  background-color: #171e31;
}

[data-theme="dark"] .hci {
  color: #d0d2d6 !important;
}

[data-theme="dark"] .lcontent {
  background-color: #283046;
}

[data-theme="dark"] .lcolor {
  color: #d0d2d6 !important;
}

[data-theme="dark"] .fpcolor {
  color: #d0d2d6 !important;
}

[data-theme="dark"] .devcolor {
  color: #d0d2d6 !important;
}

[data-theme="dark"] .btn-warning:hover {
  background-color: #645ccd !important;
  color: #fffafd !important;
  border-color: #645ccd !important;
}

[data-theme="dark"] .btn-warning:focus {
  background-color: #645ccd !important;
  color: #fffafd !important;
  border-color: #645ccd !important;
}

[data-theme="dark"] .btn-warning:active {
  background-color: #645ccd !important;
  color: #fffafd !important;
  border-color: #645ccd !important;
}

[data-theme="dark"] .warning-active {
  background-color: #645ccd !important;
  color: #fffafd !important;
  border-color: #645ccd !important;
}

[data-theme="dark"] li {
  color: #d0d2d6 !important;
}

[data-theme="dark"] b {
  color: #d0d2d6 !important;
}

[data-theme="dark"] .alert-secondary h3 {
  color: #161d31 !important;
}

[data-theme="dark"] input[type="number"] {
  background-color: #283046 !important;
  color: #d0d2d6 !important;
  border-color: #404656 !important;
  border: 2px solid #404656 !important;
}

[data-theme="dark"] textarea {
  background-color: #283046 !important;
  color: #d0d2d6 !important;
  border-color: #404656 !important;
  border: 2px solid #404656 !important;
}

[data-theme="dark"] input[type="datetime-local"] {
  background-color: #283046 !important;
  color: #d0d2d6 !important;
  border-color: #404656 !important;
  border: 2px solid #404656 !important;
}

[data-theme="dark"] input[type="datetime"] {
  background-color: #283046 !important;
  color: #d0d2d6 !important;
  border-color: #404656 !important;
  border: 2px solid #404656 !important;
}

[data-theme="dark"] input[type="password"] {
  background-color: #283046 !important;
  color: #d0d2d6 !important;
  border-color: #404656 !important;
  border: 2px solid #404656 !important;
}

[data-theme="dark"] input[type="text"] {
  background-color: #283046 !important;
  color: #d0d2d6 !important;
  border-color: #404656 !important;
  border: 2px solid #404656 !important;
}

[data-theme="dark"] input[type="email"] {
  background-color: #283046 !important;
  color: #d0d2d6 !important;
  border-color: #404656 !important;
  border: 2px solid #404656 !important;
}

[data-theme="dark"] input[type="url"] {
  background-color: #283046 !important;
  color: #d0d2d6 !important;
  border-color: #404656 !important;
  border: 2px solid #404656 !important;
}

[data-theme="dark"] input[type="tel"] {
  background-color: #283046 !important;
  color: #d0d2d6 !important;
  border-color: #404656 !important;
  border: 2px solid #404656 !important;
}

[data-theme="dark"] input[type="color"] {
  background-color: #283046 !important;
  color: #d0d2d6 !important;
  border-color: #404656 !important;
  border: 2px solid #404656 !important;
}

[data-theme="dark"] .custom-select {
  background-color: #283046 !important;
  color: #d0d2d6 !important;
  border-color: #404656 !important;
  border: 2px solid #404656 !important;
}

[data-theme="dark"] input[type="number"]:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-color: #283046 !important;
  border: 2px solid #7367f0 !important;
  outline: 0 none;
  color: #d0d2d6 !important;
}

[data-theme="dark"] textarea:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-color: #283046 !important;
  border: 2px solid #7367f0 !important;
  outline: 0 none;
  color: #d0d2d6 !important;
}

[data-theme="dark"] input[type="datetime-local"]:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-color: #283046 !important;
  border: 2px solid #7367f0 !important;
  outline: 0 none;
  color: #d0d2d6 !important;
}

[data-theme="dark"] input[type="datetime"]:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-color: #283046 !important;
  border: 2px solid #7367f0 !important;
  outline: 0 none;
  color: #d0d2d6 !important;
}

[data-theme="dark"] input[type="password"]:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-color: #283046 !important;
  border: 2px solid #7367f0 !important;
  outline: 0 none;
  color: #d0d2d6 !important;
}

[data-theme="dark"] input[type="text"]:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-color: #283046 !important;
  border: 2px solid #7367f0 !important;
  outline: 0 none;
  color: #d0d2d6 !important;
}

[data-theme="dark"] input[type="email"]:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-color: #283046 !important;
  border: 2px solid #7367f0 !important;
  outline: 0 none;
  color: #d0d2d6 !important;
}

[data-theme="dark"] input[type="url"]:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-color: #283046 !important;
  border: 2px solid #7367f0 !important;
  outline: 0 none;
  color: #d0d2d6 !important;
}

[data-theme="dark"] input[type="tel"]:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-color: #283046 !important;
  border: 2px solid #7367f0 !important;
  outline: 0 none;
  color: #d0d2d6 !important;
}

[data-theme="dark"] input[type="color"]:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-color: #283046 !important;
  border: 2px solid #7367f0 !important;
  outline: 0 none;
  color: #d0d2d6 !important;
}

[data-theme="dark"] .custom-select:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-color: #283046 !important;
  border: 2px solid #7367f0 !important;
  outline: 0 none;
  color: #d0d2d6 !important;
}

[data-theme="dark"] .btn-submit {
  background-color: #82868b !important;
  color: #ffffff !important;
  border-color: #82868b !important;
}

[data-theme="dark"] .btn-submit:hover {
  background-color: #6b7076 !important;
  color: #fff !important;
  border-color: #6b7076 !important;
}

[data-theme="dark"] .btn-submit:focus {
  background-color: #cccccc !important;
  color: #919191 !important;
  border-color: #cccccc !important;
}

[data-theme="dark"] .btn-submit:active {
  background-color: #cccccc !important;
  color: #919191 !important;
  border-color: #cccccc !important;
}

[data-theme="dark"] .tcardbg {
  background-color: #161d31;
}

[data-theme="dark"] #track_result {
  color: #d0d2d6;
}

[data-theme="dark"] .badge-primary h3 {
  color: #161d31 !important;
}

[data-theme="dark"] .badge-no {
  color: #938cb1 !important;
}

[data-theme="dark"] #fsuptag {
  color: #d0d2d6 !important;
}

[data-theme="dark"] .alert-success h2 {
  color: #161d31 !important;
}

[data-theme="dark"] .alert-success p {
  color: #161d31 !important;
}

[data-theme="dark"] h2 {
  color: #d0d2d6;
}

[data-theme="dark"] h1 {
  color: #d0d2d6;
}

[data-theme="dark"] h3 {
  color: #d0d2d6;
}

[data-theme="dark"] h4 {
  color: #d0d2d6;
}

[data-theme="dark"] p {
  color: #d0d2d6;
}

[data-theme="dark"] small {
  color: #d0d2d6;
}

[data-theme="dark"] label {
  color: #d0d2d6;
}

[data-theme="dark"] .table thead th {
  border-bottom: 2px solid #3b4253;
  background-color: #283046;
  color: #d0d2d6;
}

[data-theme="dark"] th {
  border-top: 1px solid #3b4253;
  background-color: #283046;
  color: #d0d2d6;
}

[data-theme="dark"] td {
  border-top: 1px solid #3b4253;
  background-color: #283046;
  color: #d0d2d6;
}

[data-theme="dark"] .table {
  font-family: "Inter", sans-serif;
  -webkit-box-shadow: 2px 2px 10px 0px rgba(220, 221, 223, 0);
  -moz-box-shadow: 2px 2px 10px 0px rgba(220, 221, 223, 0);
  box-shadow: 2px 2px 10px 0px rgba(220, 221, 223, 0);
}

[data-theme="dark"] .text-danger {
  color: #7367f0 !important;
}

[data-theme="dark"] .text-warning {
  color: #7367f0 !important;
}

[data-theme="dark"] .text-dark {
  color: #d0d2d6 !important;
}

[data-theme="dark"] #switcher_dark {
  color: #fec357 !important;
}

[data-theme="dark"] .card {
  background-color: #171e31 !important;
  color: #d0d2d6 !important;
}

[data-theme="dark"] .btn-submit {
  background-color: #171e31 !important;
  color: #d0d2d6 !important;
  border-color: #171e31 !important;
}

[data-theme="dark"] .modal-content {
  background-color: #171e31 !important;
  color: #d0d2d6 !important;
}

[data-theme="dark"] .modal-header {
  border-color: #171e31 !important;
  color: #d0d2d6 !important;
}

[data-theme="dark"] .modal-header .close {
  color: #d0d2d6 !important;
  outline: none !important;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
  background: #171e31 !important;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #d0d2d6 !important;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: #a6a8ac !important;
}

[data-theme="dark"] .modal-footer {
  border-color: #171e31 !important;
  color: #d0d2d6 !important;
}

[data-theme="dark"] .btn-warning {
  background-color: #171e31;
  color: #d0d2d6;
  border-color: #171e31;
}

[data-theme="dark"] .custom_cat_button {
  background-color: #171e31 !important;
  color: #d0d2d6 !important;
  border-color: #171e31 !important;
}

[data-theme="dark"] .badge-primary {
  border-color: #283046 !important;
  color: #d0d2d6 !important;
  background-color: #283046 !important;
}

[data-theme="dark"] .alert-secondary {
  border-color: #171e31 !important;
  color: #d0d2d6 !important;
  background-color: #171e31 !important;
}

[data-theme="dark"] .btn-primary {
  background-color: #7367f0 !important;
  color: #d0d2d6 !important;
  border-color: #7367f0 !important;
}

[data-theme="dark"] div.alert.alert-secondary>a.special_a_bold {
  color: #df5254 !important;
}

[data-theme="dark"] div.alert.alert-secondary>a.special_a_bold {
  color: #df5254 !important;
}

[data-theme="dark"] div.alert.alert-secondary>h1 {
  color: #d0d2d6 !important;
}

[data-theme="dark"] div.alert.alert-secondary>h2 {
  color: #d0d2d6 !important;
}

[data-theme="dark"] div.alert.alert-secondary>h3 {
  color: #d0d2d6 !important;
}

[data-theme="dark"] div.alert.alert-secondary>.btn-warning {
  background-color: #283046 !important;
  color: #d0d2d6 !important;
  border-color: #283046 !important;
}

[data-theme="dark"] .alert-success {
  border-color: #4be1a0 !important;
  color: #171e31 !important;
  background-color: #4be1a0 !important;
}

[data-theme="dark"] div.alert.alert-success>h1 {
  color: #171e31 !important;
}

[data-theme="dark"] div.alert.alert-success>h2 {
  color: #171e31 !important;
}

[data-theme="dark"] div.alert.alert-success>h3 {
  color: #171e31 !important;
}

[data-theme="dark"] #section-success-coupon>div>div>b {
  color: #171e31 !important;
}

[data-theme="dark"] #section-success-coupon>div>div>small {
  color: #171e31 !important;
}

[data-theme="dark"] #track_result>center>div>h3 {
  color: #d0d2d6 !important;
}

[data-theme="dark"] #track_result>center>div.badge-success {
  border-color: #4be1a0 !important;
  color: #171e31 !important;
  background-color: #4be1a0 !important;
}

[data-theme="dark"] #track_result>center>div.badge-success>h3 {
  border-color: #4be1a0 !important;
  color: #171e31 !important;
  background-color: #4be1a0 !important;
}

[data-theme="dark"] #track_result>center>div.badge-danger>h3 {
  color: #171e31 !important;
}

[data-theme="dark"] .service_coupon_code {
  background-color: #171e31;
  border: 2px solid #171e31;
  color: #d0d2d6;
}

[data-theme="dark"] #packeges_section>div>span.badge.badge-success {
  background-color: #28a745 !important;
  color: #171e31;
}

[data-theme="dark"] #createOrder>div:nth-child(15)>div:nth-child(3)>div>label>a.special_a_bold {
  color: #df5254 !important;
}

[data-theme="dark"] .cat_button_active {
  background-color: #090e1d;
  border-color: #090e1d;
}

[data-theme="dark"] .alert-notification {
  background-color: #171e31 !important;
  color: #d0d2d6 !important;
  border-color: #171e31 !important;
}

[data-theme="dark"] #admin_content>div.p-5.container>div:nth-child(7)>div>div.alert-danger {
  background-color: #171e31 !important;
  color: #d0d2d6 !important;
  border-color: #171e31 !important;
}

[data-theme="dark"] #admin_content>div.p-5.container>div:nth-child(6)>div:nth-child(1)>div.alert-success {
  background-color: #171e31 !important;
  color: #d0d2d6 !important;
  border-color: #171e31 !important;
}

[data-theme="dark"] #admin_content>div.p-5.container>div:nth-child(6)>div:nth-child(1)>div.alert-success {
  background-color: #171e31 !important;
  color: #d0d2d6 !important;
  border-color: #171e31 !important;
}

[data-theme="dark"] #admin_content>div.p-5.container>div:nth-child(6)>div:nth-child(1)>div.alert-success>h3 {
  color: #d0d2d6 !important;
}

[data-theme="dark"] #admin_content>div.p-5.container>div:nth-child(6)>div:nth-child(2)>div.alert-warning {
  background-color: #171e31 !important;
  color: #d0d2d6 !important;
  border-color: #171e31 !important;
}

[data-theme="dark"] #admin_content>div.p-5.container>div.mb-3.mt-3 {
  color: #d0d2d6 !important;
}

[data-theme="dark"] .user_ribbon_header {
  background-color: #171e31;
  color: #d0d2d6;
}

[data-theme="dark"] .urh_text {
  color: #d0d2d6;
}

[data-theme="dark"] #newpermission {
  background-color: #171e31 !important;
  color: #d0d2d6 !important;
  border-color: #171e31 !important;
}

[data-theme="dark"] #orderid {
  background-color: #171e31 !important;
  color: #d0d2d6 !important;
  border-color: #171e31 !important;
}

[data-theme="dark"] #admin_content>div.p-5.container>div.text-center.alert.alert-warning.p-4.mb-3.mt-3 {
  background-color: #171e31 !important;
  color: #d0d2d6 !important;
  border-color: #171e31 !important;
}

[data-theme="dark"] #admin_content>div.p-5.container>div:nth-child(7)>div>div.alert-success {
  background-color: #171e31 !important;
  color: #d0d2d6 !important;
  border-color: #171e31 !important;
}

[data-theme="dark"] #dataTable_filter>label>input {
  background-color: #171e31 !important;
  color: #d0d2d6 !important;
  border-color: #171e31 !important;
}

[data-theme="dark"] #dataTable_info {
  color: #d0d2d6 !important;
}

[data-theme="dark"] #coli_category {
  background-color: #171e31 !important;
  color: #d0d2d6 !important;
  border-color: #171e31 !important;
}

[data-theme="dark"] #coli_alt_category {
  background-color: #171e31 !important;
  color: #d0d2d6 !important;
  border-color: #171e31 !important;
}

[data-theme="dark"] #coli_product_service {
  background-color: #171e31 !important;
  color: #d0d2d6 !important;
  border-color: #171e31 !important;
}

[data-theme="dark"] #order_info_div {
  color: #d0d2d6 !important;
}

[data-theme="dark"] #admin_content>div.p-5.container>div.alert.alert-success>b {
  color: #171e31 !important
}

[data-theme="dark"] #orderidRLI {
  background-color: #090e1d !important;
  color: #d0d2d6 !important;
  border-color: #090e1d !important;
}

[data-theme="dark"] #dataTable_paginate>ul>li.paginate_button.page-item.active>a {
  border-color: #171e31 !important;
}

[data-theme="dark"] #dataTable_paginate>ul>li.paginate_button.page-item>a {
  background-color: #171e31 !important;
  color: #d0d2d6 !important;
  border-color: #171e31 !important;
}

[data-theme="dark"] #dataTable_paginate>ul>li.paginate_button.page-item>a:focus {
  border-color: #171e31;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(149, 150, 150, 0.6);
}

[data-theme="dark"] .dmode_w {
  color: #ffc107 !important
}

[data-theme="dark"] .dmode_hr {
  border-color: #d0d2d673 !important
}

[data-theme="dark"] .symbol_info {
  border: 0 !important;
}

[data-theme="dark"] #single_product_div>b {
  color: #171e31 !important;
}

[data-theme="dark"] #single_product_label_terms {
  color: #d0d2d6 !important;
}

[data-theme="dark"] #single_product_label_a_terms {
  color: #df5254 !important;
  text-decoration: none;
}

[data-theme="dark"] .ajax-search-menu {
  border: 1px solid rgb(23 30 49) !important;
}

[data-theme="dark"] .dropdown-menu-search {
  background-color: #404656;
}

[data-theme="dark"] #ajax_search_div>span {
  color: rgba(206, 211, 216, 0.95);
}

/******************/
/*DARK MOD ELEMENTS*/
/******************/
/******************/
/*RESPONSIVE ELEMENTS*/
/******************/
#mobile_nav {
  display: none;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .ajax-search-main {
    width: 90%;
    margin-bottom: 1rem !important;
    margin-top: 1.5rem !important
  }

  .h3-on-mobile {
    font-size: 1.75rem;
  }

  .cat_button {
    margin: 2px !important;
    margin-bottom: 30px !important;
  }

  .cat_button_mobile {
    margin: 10px !important;
    margin-bottom: 30px !important;
  }

  .mb-on-mobile-4 {
    margin-bottom: 30px !important;
  }

  .p-5 {
    padding: 1rem !important
  }

  #desktop_nav {
    display: none;
  }

  #mobile_nav {
    display: block;
  }

  .text-center-mobile {
    text-align: center !important;
  }

  .mm-t-1 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .mcp-1 {
    padding-right: 7px !important;
    padding-left: 7px !important;
  }

  .ticket_opened_header {
    max-height: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .ajax-search-main {
    width: 90%;
    margin-bottom: 1rem !important;
    margin-top: 1.5rem !important
  }

  .h3-on-mobile {
    font-size: 1.75rem;
  }

  .cat_button {
    margin: 2px !important;
    margin-bottom: 30px !important;
  }

  .cat_button_mobile {
    margin: 10px !important;
    margin-bottom: 30px !important;
  }

  .mb-on-mobile-4 {
    margin-bottom: 30px !important;
  }

  .p-5 {
    padding: 1rem !important
  }

  #desktop_nav {
    display: none;
  }

  #mobile_nav {
    display: block;
  }

  .text-center-mobile {
    text-align: center !important;
  }

  .mm-t-1 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .mcp-1 {
    padding-right: 7px !important;
    padding-left: 7px !important;
  }

  .ticket_opened_header {
    max-height: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  .ajax-search-main {
    width: 90%;
    margin-bottom: 1rem !important;
    margin-top: 1.5rem !important
  }

  .h3-on-mobile {
    font-size: 1.75rem;
  }

  .cat_button {
    margin: 2px !important;
    margin-bottom: 30px !important;
  }

  .cat_button_mobile {
    margin: 10px !important;
    margin-bottom: 30px !important;
  }

  .mb-on-mobile-4 {
    margin-bottom: 30px !important;
  }

  .p-5 {
    padding: 1rem !important
  }

  #desktop_nav {
    display: none;
  }

  #mobile_nav {
    display: block;
  }

  .text-center-mobile {
    text-align: center !important;
  }

  .mm-t-1 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .mcp-1 {
    padding-right: 7px !important;
    padding-left: 7px !important;
  }

  .ticket_opened_header {
    max-height: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .ajax-search-main {
    width: 90%;
    margin-bottom: 1rem !important;
    margin-top: 1.5rem !important
  }

  .h3-on-mobile {
    font-size: 1.75rem;
  }

  .cat_button {
    margin: 2px !important;
    margin-bottom: 30px !important;
  }

  .cat_button_mobile {
    margin: 10px !important;
    margin-bottom: 30px !important;
  }

  .mb-on-mobile-4 {
    margin-bottom: 30px !important;
  }

  .p-5 {
    padding: 1rem !important
  }

  #desktop_nav {
    display: none;
  }

  #mobile_nav {
    display: block;
  }

  .text-center-mobile {
    text-align: center !important;
  }

  .mm-t-1 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .mcp-1 {
    padding-right: 7px !important;
    padding-left: 7px !important;
  }

  .ticket_opened_header {
    max-height: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 768px) {
  .ajax-search-main {
    width: 90%;
    margin-bottom: 1rem !important;
    margin-top: 1.5rem !important
  }

  .h3-on-mobile {
    font-size: 1.75rem;
  }

  .cat_button {
    margin: 2px !important;
    margin-bottom: 30px !important;
  }

  .cat_button_mobile {
    margin: 10px !important;
    margin-bottom: 30px !important;
  }

  .mb-on-mobile-4 {
    margin-bottom: 30px !important;
  }

  .p-5 {
    padding: 1rem !important
  }

  #desktop_nav {
    display: none;
  }

  #mobile_nav {
    display: block;
  }

  .text-center-mobile {
    text-align: center !important;
  }

  .mm-t-1 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .mcp-1 {
    padding-right: 7px !important;
    padding-left: 7px !important;
  }

  .ticket_opened_header {
    max-height: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

/******************/
/*RESPONSIVE ELEMENTS*/
/******************/