label.error {
  font-size: 12px;
  color: #DF2F2F;
  font-weight: 500;
  font-family: "Figtree", sans-serif;
  line-height: 18px;
}

.error {
  display: inline-block;
}

.errors label.error {
  font-size: 15px;
}

.require:after {
  content: "*";
  color: #ff4d4d;
}

.rating-stars ul {
  list-style-type: none;
  padding: 0;
  -moz-user-select: none;
  -webkit-user-select: none;
}

.rating-stars ul>li.star {
  display: inline-block;
}

.rating-stars ul>li.star>i.fa {
  font-size: 1.5em;
  color: #ccc;
}

.rating-stars ul>li.star.hover>i.fa {
  color: #fcca19;
}

.rating-stars ul>li.star.selected>i.fa {
  color: #fcca19;
}

.hide-checkbox {
  opacity: 0;
  position: absolute;
  left: 9999px;
}

label.success {
  font-size: 11px;
  color: #328544;
}

.user-profile #date,
.user-profile #select,
.user-profile #address {
  outline: 0;
  position: relative;
  width: 100%;
  height: 42px;
}

.user-profile input[type="date"]::-webkit-calendar-picker-indicator {
  background: #fff0;
  bottom: 0;
  color: #fff0;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}

.display-none {
  display: none;
}

.text-color-red {
  color: red;
}

.disable_a_href {
  pointer-events: none;
}

.custom-modal-over {
  display: none;
}

.custom-modal-overlay {
  position: fixed;
  z-index: 999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0 0 0 / .4);
}

.close-modal {
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 0 10px 0 10px;
  border-radius: 20px;
  background: #7f0c0c4f;
  color: #918b8b;
  font-size: 20px;
  font-weight: 700;
  border: 1px solid #b9a5a58c;
  cursor: pointer;
}

.close-modal:hover {
  color: #eee;
}

.bg-custom-red {
  background-color: red;
}

.bg-custom-pinks {
  background-color: pink;
}

.bg-custom-yellow {
  background-color: #FF0;
}

.bg-custom-skies {
  background-color: skyblue;
}

.bg-custom-white {
  background-color: #FFF;
}

.bg-custom-green {
  background-color: #093;
}

.bg-custom-gray {
  background-color: gray;
}

.bg-custom-orange {
  background-color: orange;
}

.bg-custom-blue {
  background-color: blue;
}

.bg-custom-black {
  background-color: #000;
}

.bg-custom-purple {
  background-color: purple;
}

.bg-custom-maroon {
  background-color: maroon;
}

.bg-custom-beige {
  background-color: beige;
}

.login-close-btn {
  position: absolute;
  top: 5px;
  right: 14px;
  cursor: pointer;
  font-size: 20px;
  color: #777;
  transition: 0.5s ease;
}

.login-close-btn:hover {
  color: #222;
}

.text-color-black {
  color: #F7931A;
}

.ajax-loader {
  margin: 15px;
  padding: 0;
  height: auto;
  border-radius: 5px;
}

.skeleton-box {
  position: relative;
  overflow: hidden;
  background-color: #F3F3F3;
}

.skeleton-box::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, #fff0 0, rgb(255 255 255 / .2) 20%, rgb(255 255 255 / .5) 60%, #fff0);
  -webkit-animation: shimmer 3s infinite;
  animation: shimmer 3s infinite;
  content: '';
}

@-webkit-keyframes shimmer {
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes shimmer {
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

#res-loader {
  height: 50vh;
}

#loading-spinner,
.loading-spinner {
  display: block;
  margin: 0 auto;
  -webkit-animation: loading-spinner-spin 2s linear infinite;
  animation: loading-spinner-spin 2s linear infinite;
  will-change: transform;
}

@-webkit-keyframes loading-spinner-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes loading-spinner-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

#loading-circle,
.loading-circle {
  stroke-dasharray: 105;
  stroke-dashoffset: 105;
  stroke-linecap: round;
  -webkit-animation: loading-spinner-small 1.7s cubic-bezier(.445, .05, .55, .95) infinite;
  animation: loading-spinner-small 1.7s cubic-bezier(.445, .05, .55, .95) infinite;
  transform: translateZ(0);
  transform-origin: center;
  will-change: stroke-dashoffset;
}

#loading-circle-large,
.loading-circle-large {
  stroke-dasharray: 210;
  stroke-dashoffset: 210;
  stroke-linecap: round;
  -webkit-animation: loading-spinner-large 1.7s cubic-bezier(.445, .05, .55, .95) infinite;
  animation: loading-spinner-large 1.7s cubic-bezier(.445, .05, .55, .95) infinite;
  transform: translateZ(0);
  transform-origin: center;
  will-change: stroke-dashoffset;
}

@-webkit-keyframes loading-spinner-large {
  0% {
    stroke-dashoffset: 190;
    transform: scaleY(1);
  }

  49.99% {
    stroke-dashoffset: 0;
    transform: scaleY(1);
  }

  50% {
    stroke-dashoffset: 0;
    transform: scaleY(-1) rotate(25deg);
  }

  100% {
    stroke-dashoffset: 190;
    transform: scaleY(-1) rotate(-32deg);
  }
}

@keyframes loading-spinner-large {
  0% {
    stroke-dashoffset: 190;
    transform: scaleY(1);
  }

  49.99% {
    stroke-dashoffset: 0;
    transform: scaleY(1);
  }

  50% {
    stroke-dashoffset: 0;
    transform: scaleY(-1) rotate(25deg);
  }

  100% {
    stroke-dashoffset: 190;
    transform: scaleY(-1) rotate(-32deg);
  }
}

.placeholder-loader-animation [data-placeholder]::after {
  content: " ";
  box-shadow: 0 0 50px 9px #fefefe;
  position: absolute;
  top: 0;
  left: -100%;
  height: 100%;
  animation: load 1s infinite;
}

@keyframes load {
  0% {
    left: -100%;
  }

  100% {
    left: 150%;
  }
}

.compareText.compare-remove svg path {
  fill: var(--primary-color);
}

.compare-bg.compare-remove {
  background: var(--primary-color);
}

.star-color {
  color: var(--primary-color);
}

.m-p-0 {
  margin: 0;
  padding: 0;
}

.m-p-bt-0 {
  margin-bottom: 0;
  padding-bottom: 0;
}

.m-p-top-0 {
  margin-top: 0;
  padding-top: 0;
}

.align-items-center {
  align-items: center;
}

.margin-bottom-3px {
  margin-bottom: 3px;
}

/* ✅ Novi zeleni gradient */
.get-started-for-free {
  background: linear-gradient(
    180deg,
    #e5f50c 4.81%,
    #b6d80a 34.76%,
    #5b8f07 68.81%,
    #194b08 106.95%
  ) !important;
}

.multi-select .ts-control {
  height: auto !important;
  gap: 5px !important;
}

html[dir="rtl"] .multi-select .ts-control {
  padding-right: 5px !important;
}

.multi-select+.ts-wrapper.multi .ts-control>div {
  padding-left: 5px !important;
}

html[dir="rtl"] .multi-select+.ts-wrapper.multi .ts-control>div {
  padding-left: 0px !important;
  padding-right: 5px !important;
}

.multi-select+.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
  border-left: 1px solid #7c7c7c !important;
}

.multi-select+.ts-wrapper.plugin-remove_button.rtl .item .remove {
  border-right: 1px solid #7c7c7c !important;
}

html[dir="rtl"] .link-icon svg {
  left: unset !important;
  right: 16px !important;
}

html[dir="rtl"] .link-icon input {
  padding-left: 20px !important;
  padding-right: 48px !important;
}