.footer-bottom,
header {
  background-color: #421b61;
}

.site-main section:nth-child(odd) {
  background-color: #581c87;
}

body {
  color: #ffffff;
  background-color: #581c87;
}

/*-------------------------------
# Header
--------------------------------*/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  color: #FFF;
}

.frm_primary_label:not(.radiobox-button):not(.checkbox-button), label:not(.radiobox-button):not(.checkbox-button) {
  color: #FFF;
}

input:disabled {
  background-color: #dedede;
}

.row-draft td, .row-draft th {
  background-color: rgba(220, 53, 69, 0.2);
}

.row-specific td, .row-specific th,
.row-publish td,
.row-publish th {
  background-color: rgba(74, 144, 226, 0.2);
}

td.item-counter, th.item-counter {
  width: 50px;
}
td.item-name, th.item-name {
  width: 250px;
}

.btn-primary.add-loader::after {
  content: "";
  border: 2px solid #FFF;
  border-radius: 50%;
  border-top: 2px solid transparent;
  width: 1em;
  height: 1em;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  -webkit-animation: fa-spin 1s linear infinite;
          animation: fa-spin 1s linear infinite;
}

#all-setups {
  background-color: transparent;
}
#all-setups .each-setup:nth-child(2n+2) {
  background-color: #f8f8f8;
}

.general-image.general-image-item {
  background-size: 300%;
}

.marker-click,
.marker {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); /* Center the marker at the click point */
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 0;
  -webkit-animation: fronttaggdBulletsWhite 2s ease-in-out infinite 0s;
          animation: fronttaggdBulletsWhite 2s ease-in-out infinite 0s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  z-index: 5;
}
.marker-click.disable-click,
.marker.disable-click {
  cursor: default;
}
.marker-click.spotlight-item,
.marker.spotlight-item {
  outline: 100px solid rgba(255, 255, 255, 0.2);
}
.marker-click.marker-not-clickable,
.marker.marker-not-clickable {
  cursor: unset;
}
.marker-click.marker-focus,
.marker.marker-focus {
  -webkit-animation: fronttaggdBulletsWhiteFocus 2s ease-in-out infinite 0s;
          animation: fronttaggdBulletsWhiteFocus 2s ease-in-out infinite 0s;
}
.marker-click::after,
.marker::after {
  content: "";
  position: absolute;
  height: 15px;
  width: 15px;
  background-color: rgb(255, 255, 255);
  border-radius: 50%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 15;
  -webkit-box-shadow: 0 0 5px rgb(0, 0, 0);
  box-shadow: 0 0 5px rgb(0, 0, 0);
}
@media only screen and (max-width: 767px) {
  .marker-click,
  .marker {
    width: 30px;
    height: 30px;
  }
  .marker-click::after,
  .marker::after {
    height: 15px;
    width: 15px;
    background-color: rgba(255, 255, 255, 0.7);
  }
}
.marker-click.marker-center,
.marker.marker-center {
  left: 50%;
  top: 50%;
  z-index: 2;
  -webkit-animation: none;
          animation: none;
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .marker-click {
    display: none !important;
  }
}
@-webkit-keyframes fronttaggdBulletsWhiteFocus {
  0% {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.5);
  }
  50% {
    background-color: rgba(255, 255, 255, 0.5);
  }
  0% {
    background-color: rgba(255, 255, 255, 0.1);
  }
  100% {
    background-color: rgba(255, 255, 255, 0.1);
    opacity: 1;
  }
}
@keyframes fronttaggdBulletsWhiteFocus {
  0% {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.5);
  }
  50% {
    background-color: rgba(255, 255, 255, 0.5);
  }
  0% {
    background-color: rgba(255, 255, 255, 0.1);
  }
  100% {
    background-color: rgba(255, 255, 255, 0.1);
    opacity: 1;
  }
}
@-webkit-keyframes fronttaggdBulletsWhite {
  0% {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.2);
  }
  50% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  0% {
    background-color: rgba(255, 255, 255, 0.5);
  }
  100% {
    background-color: rgba(255, 255, 255, 0.5);
    opacity: 1;
  }
}
@keyframes fronttaggdBulletsWhite {
  0% {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.2);
  }
  50% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  0% {
    background-color: rgba(255, 255, 255, 0.5);
  }
  100% {
    background-color: rgba(255, 255, 255, 0.5);
    opacity: 1;
  }
}
.edit-setup-container {
  position: absolute;
  left: 100%;
  white-space: nowrap;
  top: 0;
  background-color: gray;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: center;
          transform-origin: center;
}
.edit-setup-container a {
  display: inline-block;
  background-color: #f1666a;
  padding: 5px 15px;
  color: #FFF;
  position: absolute;
  left: 100%;
  text-transform: uppercase;
  bottom: 100%;
  white-space: nowrap;
}

form.htmx-request .btn::after,
form.htmx-request button::after {
  content: "";
  border: 2px solid #FFF;
  border-radius: 50%;
  border-top: 2px solid transparent;
  width: 1em;
  height: 1em;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  -webkit-animation: fa-spin 1s linear infinite;
          animation: fa-spin 1s linear infinite;
}

.text-loading.htmx-request {
  position: relative;
}
.text-loading.htmx-request::after {
  content: "";
  border: 2px solid gray;
  border-radius: 50%;
  border-top: 2px solid transparent;
  width: 1em;
  height: 1em;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  -webkit-animation: fa-spin 1s linear infinite;
          animation: fa-spin 1s linear infinite;
}
.text-loading.htmx-request.gpt-loading::after {
  content: "";
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center;
  background-size: cover;
  border-radius: 5px;
  background-image: url("../img/icons/chatgpt-icon.svg");
  display: inline-block;
  margin-left: 10px;
  vertical-align: text-bottom;
  -webkit-animation: fa-spin 1s linear infinite;
          animation: fa-spin 1s linear infinite;
  border: unset;
}

.show-description::after {
  font-family: "Font Awesome 6 Pro";
  content: "\f178";
  color: inherit;
  font-size: inherit;
  font-weight: 400;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-left: 10px;
}

.delete-image {
  position: relative;
}
.delete-image .delete-icon {
  position: absolute;
  right: 5px;
  top: 5px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  z-index: 2;
  background-color: rgba(241, 102, 106, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.delete-image .delete-icon:hover {
  background-color: rgba(241, 102, 106, 0.7);
}
.delete-image .delete-icon::after {
  font-family: "Font Awesome 6 Pro";
  content: "\f00d";
  color: inherit;
  font-size: inherit;
  color: #FFF;
  font-size: 25px;
  font-weight: 400;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.delete-image .delete-icon_small {
  right: 5px;
  top: 5px;
  height: 30px;
  width: 30px;
}
.delete-image .delete-icon_small::after {
  font-size: 20px;
}

.image-drag input[type=file] {
  display: none;
}
.image-drag:hover .upload-images {
  background-color: #FFF;
}
.image-drag .upload-images {
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.image-drag .upload-images h2 {
  color: #dedede;
}

.image-drag-placeholder {
  border: 8px dashed #dedede;
}

.each-multiple-field {
  width: 100%;
  position: relative;
}
.each-multiple-field input {
  padding-right: 70px;
}
.each-multiple-field_options {
  position: absolute;
  top: 50%;
  right: 1.5px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 5px;
}
.each-multiple-field_options_delete {
  color: #f1666a !important;
}

.subbscribe-container {
  background-color: #581c87;
  border-radius: 15px;
  padding: 30px;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.subbscribe-container.in-viewport .subscriber-shadow {
  left: 0;
}
.subbscribe-container .subscriber-image {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 40%;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left bottom;
  background-size: cover;
  z-index: 2;
}
.subbscribe-container .subscriber-shadow {
  background: -webkit-gradient(linear, right top, left top, color-stop(63%, #581c87), to(rgba(39, 41, 44, 0)));
  background: linear-gradient(270deg, #581c87 63%, rgba(39, 41, 44, 0) 100%);
  position: absolute;
  left: -100%;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3;
  -webkit-transition: all 1s ease-in-out 0s;
  transition: all 1s ease-in-out 0s;
}
.subbscribe-container .subbscribe-container-details {
  margin: 0 auto;
}
.subbscribe-container label {
  color: #FFF;
  font-weight: normal;
}
.subbscribe-container h2 {
  color: #FFF;
  font-weight: bold;
}
.subbscribe-container .newletter-blurb p {
  color: #FFF;
  font-style: italic;
  font-size: 18px;
}
.subbscribe-container form {
  width: 100%;
  display: inline-block;
}
.subbscribe-container form .frm_description {
  color: #FFF;
}

.all-category-items {
  -webkit-column-count: 4;
     -moz-column-count: 4;
          column-count: 4;
  gap: 50px;
}
@media only screen and (max-width: 1200px) {
  .all-category-items {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
@media only screen and (max-width: 767px) {
  .all-category-items {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}
.all-category-items li {
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid-column;
}

.each-item-category {
  position: relative;
}
.each-item-category .accessories-count {
  position: absolute;
  right: 0;
}

.main-footer {
  background-color: #f2f2f2;
}

.cat-icons {
  position: relative;
  height: 30px;
  display: inline-block;
  width: 30px;
  vertical-align: middle;
}
.cat-icons::before {
  font-family: "Font Awesome 6 Pro";
  color: inherit;
  font-size: inherit;
  font-weight: 400;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  width: 1.25em;
  line-height: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: inline-block;
}
.cat-icons::after {
  font-family: "Font Awesome 6 Pro";
  color: inherit;
  font-size: inherit;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  width: 1.25em;
  display: none;
  line-height: 0;
  position: absolute;
  display: inline-block;
}
.cat-icons::before {
  content: "\f005";
}
.cat-icons.cat-icon-trackpad::before {
  content: "\f0c8";
}
.cat-icons.cat-icon-printer::before {
  content: "\f02f";
}
.cat-icons.cat-icon-poster::before {
  content: "\f277";
}
.cat-icons.cat-icon-notepad::before {
  content: "\e1d8";
}
.cat-icons.cat-icon-pc-stand::before {
  content: "\f390";
}
.cat-icons.cat-icon-curtain::before {
  content: "\f734";
}
.cat-icons.cat-icon-book::before {
  content: "\f02d";
}
.cat-icons.cat-icon-security-camera::before {
  content: "\f8ac";
}
.cat-icons.cat-icon-wallpaper-sticker::before {
  content: "\e3db";
}
.cat-icons.cat-icon-bracket::before {
  content: "\f7e9";
}
.cat-icons.cat-icon-calendar::before {
  content: "\f073";
}
.cat-icons.cat-icon-pen::before {
  content: "\f304";
}
.cat-icons.cat-icon-pegboard::before {
  content: "\f2a1";
}
.cat-icons.cat-icon-bedsheet::before {
  content: "\f8f7";
}
.cat-icons.cat-icon-blinds::before {
  content: "\f8fb";
}
.cat-icons.cat-icon-mouse-pad::before {
  content: "\f2fc";
}
.cat-icons.cat-icon-drawing-tablet::before, .cat-icons.cat-icon-tablet::before {
  content: "\f3fb";
}
.cat-icons.cat-icon-foot-rest::before {
  content: "\f782";
}
.cat-icons.cat-icon-tv::before {
  content: "\f26c";
}
.cat-icons.cat-icon-cup::before {
  content: "\f7b6";
}
.cat-icons.cat-icon-1094::before {
  content: "\e202";
}
.cat-icons.cat-icon-controller::before {
  content: "\f11b";
}
.cat-icons.cat-icon-tumbler::before {
  content: "\f6c5";
}
.cat-icons.cat-icon-table-lamp::before {
  content: "\e014";
}
.cat-icons.cat-icon-desk-organizer::before, .cat-icons.cat-icon-desk::before {
  content: "\e438";
}
.cat-icons.cat-icon-lightbar::before {
  content: "\e1c0";
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
}
.cat-icons.cat-icon-diffuser::before {
  content: "\f760";
}
.cat-icons.cat-icon-webcam::before {
  content: "\f832";
}
.cat-icons.cat-icon-monitor::before {
  content: "\f390";
}
.cat-icons.cat-icon-mic::before {
  content: "\f130";
}
.cat-icons {
  /*&.cat-icon-14{
          &::before {
              content: "
  8cb"; 
          }
      }  */
}
.cat-icons.cat-icon-phone-charger::before {
  content: "\f376";
}
.cat-icons {
  /*&.cat-icon-accessories{
          &::before {
              content: "
  34e"; 
          }
      }  */
}
.cat-icons.cat-icon-drawer::before {
  content: "\f64b";
}
.cat-icons.cat-icon-19::before {
  content: "\f868";
}
.cat-icons.cat-icon-20::before {
  content: "\e495";
}
.cat-icons.cat-icon-headset::before {
  content: "\f590";
  font-size: 17px;
  top: 59%;
}
.cat-icons.cat-icon-headset::after {
  content: "T";
  position: absolute;
  bottom: 10px;
  display: inline-block;
  -webkit-transform: rotate(90deg);
  transform: translatex(-50%) rotate(180deg);
  font-size: 20px;
  left: 50%;
  -webkit-transform-origin: 50% bottom;
          transform-origin: 50% bottom;
  opacity: 0.8;
}
.cat-icons.cat-icon-mic-arm::before {
  content: "\f8cb";
}
.cat-icons.cat-icon-771::before {
  content: "\e583";
}
.cat-icons.cat-icon-phone-holder::before {
  content: "\e08d";
}
.cat-icons.cat-icon-chair::before {
  content: "\f6c1";
}
.cat-icons.cat-icon-keycap::before {
  content: "\e196";
}
.cat-icons.cat-icon-usb-hub::before {
  font-family: "Font Awesome 6 Brands";
  content: "\f287";
}
.cat-icons.cat-icon-led-lights::before {
  content: "\f7b2";
}
.cat-icons.cat-icon-laptop::before {
  content: "\f109";
}
.cat-icons.cat-icon-game-console::before {
  content: "\f11b";
}
.cat-icons.cat-icon-speaker::before {
  content: "\f8df";
}
.cat-icons.cat-icon-laptop-dock::before {
  content: "\e1c6";
}
.cat-icons.cat-icon-keyboard::before {
  content: "\f11c";
}
.cat-icons.cat-icon-mouse::before {
  content: "\f8cc";
}
.cat-icons.cat-icon-headset::before {
  content: "\f590";
}
.cat-icons.cat-icon-wallpaper::before {
  content: "\f03e";
}
.cat-icons.cat-icon-screensaver::before {
  content: "\e23e";
}
.cat-icons.cat-icon-power-strip::before {
  content: "\e01c";
}
.cat-icons.cat-icon-1051::before {
  content: "\f5bd";
}
.cat-icons.cat-icon-clock::before {
  content: "\f2e1";
  content: "\e29e";
}
.cat-icons.cat-icon-display-shelf::before {
  content: "\e246";
}
.cat-icons.cat-icon-wrist-rest::before {
  content: "\f256";
}
.cat-icons.cat-icon-frame::before {
  content: "\e495";
  content: "\f1c5";
  content: "\f03e";
}
.cat-icons.cat-icon-audio-interface::before {
  content: "\f6a8";
}
.cat-icons.cat-icon-audio-interface::before, .cat-icons.cat-icon-sound-mixer::before, .cat-icons.cat-icon-smart-speaker::before {
  content: "\f6a8";
}
.cat-icons.cat-icon-storage-box::before {
  content: "\f466";
}
.cat-icons.cat-icon-figure::before {
  content: "\e220";
}
.cat-icons.cat-icon-plant-pot::before {
  content: "\f7a0";
}
.cat-icons.cat-icon-watch::before {
  content: "\e2cc";
}
.cat-icons.cat-icon-floor-lamp::before {
  content: "\e1c5";
  -webkit-transform: translate(-50%, -50%) scaleX(-1);
          transform: translate(-50%, -50%) scaleX(-1);
}
.cat-icons.cat-icon-earbuds::before {
  content: "\f2a2";
}
.cat-icons.cat-icon-tape::before {
  content: "\f4db";
}
.cat-icons.cat-icon-power-supply::before {
  content: "\f5df";
}
.cat-icons.cat-icon-desk-coaster::before {
  content: "\f0f4";
}
.cat-icons.cat-icon-cable-organizer::before {
  font-family: "Font Awesome 6 Brands";
  content: "\f287";
}
.cat-icons.cat-icon-cable::before {
  content: "\e447";
}
.cat-icons.cat-icon-plant::before {
  content: "\f06c";
}
.cat-icons.cat-icon-speaker-riser::before {
  content: "\f8df";
  position: absolute;
  bottom: 11px;
  font-size: 20px;
  left: 50%;
  -webkit-transform: translatex(-50%);
          transform: translatex(-50%);
}
.cat-icons.cat-icon-speaker-riser::after {
  content: "[";
  position: absolute;
  bottom: 2px;
  display: inline-block;
  -webkit-transform: scalex(1.5) rotate(90deg);
  transform: translatex(-50%) rotate(90deg);
  font-size: 20px;
  left: 49%;
  -webkit-transform-origin: center;
          transform-origin: center;
}
.cat-icons.cat-icon-monitor-stand::before {
  content: "\f2fc";
  position: absolute;
  bottom: 11px;
  font-size: 20px;
  left: 50%;
  -webkit-transform: translatex(-50%);
          transform: translatex(-50%);
}
.cat-icons.cat-icon-monitor-stand::after {
  content: "\f7d7";
  position: absolute;
  bottom: 10px;
  display: inline-block;
  -webkit-transform: translatex(-50%);
          transform: translatex(-50%);
  font-size: 20px;
  left: 50%;
  -webkit-transform-origin: center;
          transform-origin: center;
}
.cat-icons.cat-icon-phone::before {
  content: "\f3ce";
}
.cat-icons.cat-icon-phone-holder::before {
  content: "\f3ce";
  position: absolute;
  bottom: 11px;
  font-size: 20px;
  left: 48%;
  -webkit-transform: translatex(-50%);
  transform: translatex(-50%);
}
.cat-icons.cat-icon-phone-holder::after {
  content: "[";
  position: absolute;
  bottom: 7px;
  -webkit-transform: translatex(-50%) scalex(1.2) rotate(270deg);
          transform: translatex(-50%) scalex(1.2) rotate(270deg);
  font-size: 20px;
  left: 50%;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  display: inline-block;
}
.cat-icons.cat-icon-laptop-riser::before {
  content: "\f109";
  position: absolute;
  bottom: 11px;
  font-size: 18px;
  left: 50%;
  -webkit-transform: translatex(-50%);
          transform: translatex(-50%);
}
.cat-icons.cat-icon-laptop-riser::after {
  content: "[";
  position: absolute;
  bottom: 2px;
  display: inline-block;
  -webkit-transform: scalex(1.5) rotate(90deg);
  transform: translatex(-50%) scalex(1.5) rotate(90deg);
  font-size: 20px;
  left: 48%;
  -webkit-transform-origin: center;
          transform-origin: center;
}
.cat-icons.cat-icon-monitor-riser::before {
  content: "\f390";
  position: absolute;
  bottom: 11px;
  font-size: 18px;
  left: 50%;
  -webkit-transform: translatex(-50%);
          transform: translatex(-50%);
}
.cat-icons.cat-icon-monitor-riser::after {
  content: "[";
  position: absolute;
  bottom: 2px;
  display: inline-block;
  -webkit-transform: scalex(1.5) rotate(90deg);
  transform: translatex(-50%) scalex(1.5) rotate(90deg);
  font-size: 20px;
  left: 48%;
  -webkit-transform-origin: center;
          transform-origin: center;
}
.cat-icons.cat-icon-personal-computer::before {
  content: "\f8b1";
}
.cat-icons.cat-icon-computer-case::before {
  content: "\f3ce";
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
}
.cat-icons.cat-icon-keyboard-switches::before {
  content: "\e196";
}
.cat-icons.cat-icon-macro-pad::before {
  content: "\e307";
}
.cat-icons.cat-icon-view {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 2;
}
.cat-icons.cat-icon-view::before {
  color: #FFF;
}
.cat-icons.cat-icon-view::after {
  color: #FFF;
}

.placeholder-indicator-wrapper.htmx-swapping .item-placeholder-indicator, .placeholder-indicator-wrapper.htmx-settling .item-placeholder-indicator {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 5;
  background-color: #FFF;
}
.placeholder-indicator-wrapper .item-placeholder-indicator {
  display: none;
}
.placeholder-indicator-wrapper .item-placeholder-indicator p,
.placeholder-indicator-wrapper .item-placeholder-indicator .loading-placeholder {
  background-color: #f0f0f0;
  border-radius: 4px;
  -webkit-animation: loading 1.5s infinite;
          animation: loading 1.5s infinite;
  display: inline;
  color: #f0f0f0;
  margin-bottom: 5px;
}
.placeholder-indicator-wrapper .item-placeholder-indicator p *,
.placeholder-indicator-wrapper .item-placeholder-indicator .loading-placeholder * {
  opacity: 0;
}
.placeholder-indicator-wrapper .item-placeholder-indicator p::after,
.placeholder-indicator-wrapper .item-placeholder-indicator .loading-placeholder::after {
  content: "";
  display: inline-block;
  width: 0;
  opacity: 0;
  -webkit-animation: loading-text 1.5s infinite;
          animation: loading-text 1.5s infinite;
}
@-webkit-keyframes loading-text {
  0% {
    width: 0;
  }
  50% {
    width: 100px;
  }
  100% {
    width: 0;
  }
}
@keyframes loading-text {
  0% {
    width: 0;
  }
  50% {
    width: 100px;
  }
  100% {
    width: 0;
  }
}
@-webkit-keyframes loading {
  0% {
    color: #f0f0f0;
    background-color: #f0f0f0;
  }
  50% {
    color: #e0e0e0;
    background-color: #e0e0e0;
  }
  100% {
    colorr: #f0f0f0;
    background-color: #f0f0f0;
  }
}
@keyframes loading {
  0% {
    color: #f0f0f0;
    background-color: #f0f0f0;
  }
  50% {
    color: #e0e0e0;
    background-color: #e0e0e0;
  }
  100% {
    colorr: #f0f0f0;
    background-color: #f0f0f0;
  }
}

.image-container {
  overflow: hidden;
  background-color: #dedede;
}
.image-container img {
  width: 100%;
  height: auto; /* Maintain aspect ratio */
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-25.8607784431%, -71.1909514305%) scale(7);
          transform: translate(-25.8607784431%, -71.1909514305%) scale(7);
  -webkit-transform-origin: 25.8607784431% 71.1909514305%;
          transform-origin: 25.8607784431% 71.1909514305%;
}

.image-frame.with-overlay::after {
  content: "";
  background-color: rgba(52, 58, 64, 0.5);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: block;
  -webkit-transition: all 0.1s ease-in-out 0s;
  transition: all 0.1s ease-in-out 0s;
  display: none;
}

.input-icon {
  background-position: left 11px top 49%;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  padding-left: 50px !important;
  background-image: url("../img/icons/link.svg");
}
.input-icon.icon-website {
  background-image: url("../img/icons/globe.svg");
}
.input-icon.icon-facebook {
  background-image: url("../img/icons/facebook.svg");
}
.input-icon.icon-twitter {
  background-image: url("../img/icons/twitter.svg");
}
.input-icon.icon-instagram {
  background-image: url("../img/icons/instagram.svg");
}
.input-icon.icon-youtube {
  background-image: url("../img/icons/youtube.svg");
}
.input-icon.icon-envelope {
  background-image: url("../img/icons/envelope.svg");
}
.input-icon.icon-cart {
  background-image: url("../img/icons/cart-shopping.svg");
}
.input-icon.icon-link {
  background-image: url("../img/icons/link.svg");
}
.input-icon.icon-user {
  background-image: url("../img/icons/user.svg");
}
.input-icon.icon-info {
  background-image: url("../img/icons/circle-info.svg");
}

@-webkit-keyframes fomidable-spin-animation {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes fomidable-spin-animation {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
.avatar-wrapper {
  position: relative;
}
.avatar-wrapper .icon-upload-avatar {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-weight: bold;
  color: #FFF;
  font-size: 20px;
}
.avatar-wrapper .avatart-progress {
  position: absolute;
  width: 100%;
  right: 0;
  bottom: -15px;
}

progress[value="0"] {
  display: none;
}

/*@media only screen and (max-width: 500px) {
    .tooltip.show {
            display: none;
    }

    .main-image-wrapper{
        overflow-x: scroll;
        position: relative;
        left: calc(var(--bs-gutter-x)* -0.5);
        width: calc(100% + var(--bs-gutter-x)* 0.5* 2);

        &::-webkit-scrollbar {
          width: 1px;
          height: 5px;
        }

        &::-webkit-scrollbar-track {
           box-shadow: inset 0 0 3px rgba(128, 128, 128,0.5); 
        }

        &::-webkit-scrollbar-thumb {
          background: rgba(128, 128, 128,0.5); 

        }

        &::-webkit-scrollbar-thumb:hover {
          background: #555; 
        }

        img{
           height: 380px;
          max-width: max-content;
        }
    }
}*/
.mu_register {
  width: 100% !important;
}

.button.button-primary.button-setupflex-update {
  border-radius: 0 0 15px 15px;
  padding: 5px 15px;
  min-width: 180px;
}

.edit-image-frame,
.image-main-wrapper {
  position: relative;
  overflow: hidden;
}

.cursor {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%; /* Make it circular */
  pointer-events: none; /* Prevent cursor from blocking mouse events */
  display: inline-block;
}
.cursor::after, .cursor::before {
  content: "";
  background-color: rgba(255, 255, 255, 0.3);
  position: absolute;
  -webkit-box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
          box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
}
.cursor::after {
  height: 500vh;
  width: 1px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.cursor::before {
  height: 1px;
  width: 500vh;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.button-show-all-position {
  position: absolute;
  left: 15px;
  top: 15px;
  z-index: 3;
}

.button-show-all-items-options {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 3;
}
.button-show-all-items-options .button {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}
.button-show-all-items-options .button.button-floating-image {
  display: none;
}
@media only screen and (max-width: 1200px) {
  .button-show-all-items-options .button.button-floating-image {
    display: inline-block;
  }
}

.repeatable-item-container .last-input {
  padding-right: 30px;
}
.repeatable-item-container:hover .each-repeatable-item .each-multiple-field_options .repeatable-item-delete {
  opacity: 1;
}
.repeatable-item-container .repeatable-add-item {
  position: relative;
}
.repeatable-item-container .repeatable-add-item a {
  display: inline-block;
  position: absolute;
  right: 8px;
  z-index: 2;
  top: -13px;
  font-size: 15px;
  /*&:hover{
      i{
          font-weight: bold;
      }
  }*/
}
.repeatable-item-container .each-repeatable-item .each-multiple-field_options .repeatable-item-delete {
  color: #f1666a;
  padding: 10px;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .repeatable-item-container .each-repeatable-item .each-multiple-field_options .repeatable-item-delete {
    opacity: 0;
  }
  .repeatable-item-container .each-repeatable-item .each-multiple-field_options .repeatable-item-delete:hover {
    opacity: 1;
  }
}
.repeatable-item-container .each-repeatable-item.repeatable-item-original .each-multiple-field_options {
  display: none;
}

.menu-container-middle label {
  font-weight: 600;
}

.sf-tooltip {
  position: relative;
  display: inline-block;
}
.sf-tooltip.marker-click {
  position: absolute;
}
.sf-tooltip:hover .sf-tooltip-message {
  opacity: 1;
  display: block;
}
.sf-tooltip .sf-tooltip-message {
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 300;
  white-space: nowrap;
  opacity: 0;
  display: none;
}
.sf-tooltip .sf-tooltip-message .sf-tooltip-container {
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  padding: 5px 10px;
  border-radius: 5px;
}
.sf-tooltip .sf-tooltip-message .sf-tooltip-container p {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
}
.sf-tooltip .sf-tooltip-message::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid rgb(255, 255, 255);
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.sf-tooltip .sf-tooltip-message::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background-color: #FFF;
  top: calc(100% - 15px);
  left: 50%;
  z-index: -1;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
  background-color: #f7f7f7;
  border: 1px solid #E5E7E8;
}

.more-details-info {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding-left: 25px;
  position: relative;
}
.more-details-info::after {
  position: absolute;
  font-family: "Font Awesome 6 Pro";
  color: inherit;
  font-size: inherit;
  font-weight: 900;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  left: 0;
  top: 50%;
  color: #343a40;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.more-details-info span {
  color: #343a40;
}
.more-details-info.icon-details-cart::after {
  content: "\f07a";
}
.more-details-info.icon-details-info::after {
  content: "\f05a";
}
.more-details-info.icon-details-play::after {
  content: "\f04b";
}

.sf-each-category {
  background-color: #e5e5e5;
  padding: 35px 20px;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 5px;
}
.sf-each-category h3 {
  color: rgb(39, 41, 44);
  position: relative;
  z-index: 3;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 0;
}
.sf-each-category:hover {
  background-color: #002a40;
}
.sf-each-category:hover h3 {
  color: #FFF;
}
.sf-each-category:hover .sf-category-image .cat-icons {
  color: #FFF;
  -webkit-transform: scale(2.5);
          transform: scale(2.5);
}
.sf-each-category .sf-category-image {
  background-color: transparent;
  position: absolute;
  right: 0;
  height: calc(100% + 5px);
  width: 30%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 38% 38%;
  background-size: 651%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sf-each-category .sf-category-image .cat-icons {
  color: rgb(39, 41, 44);
  -webkit-transform: scale(2);
          transform: scale(2);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.setup-user-option {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px 0;
  background-color: #dedede;
  z-index: 20;
}

.each-setup .icon-image-agent {
  width: 60px;
}

/*-------------------------------
# Custom Button | button-header
--------------------------------*/
.header-button > a:hover, .header-button > a:link, .header-button > a:focus, .header-button > a:visited, .header-button > a:active, .header-button > a {
  background-color: #581c87;
  border: 1px solid #581c87;
  color: #ffffff !important;
  border-radius: 20px;
  background-image: none;
  margin: 0 0;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 10px 15px;
  position: relative;
  display: inline-block;
  font-family: inherit;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: normal;
  text-transform: uppercase;
  word-wrap: normal;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.filter-submit::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f3f1";
  color: inherit;
  font-size: inherit;
  margin-right: 5px;
  font-weight: 300;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.filter-submit.button-clicked::after {
  content: "";
  border: 2px solid #FFF;
  border-radius: 50%;
  border-top: 2px solid transparent;
  width: 1em;
  height: 1em;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  -webkit-animation: fa-spin 1s linear infinite;
          animation: fa-spin 1s linear infinite;
}

.header-button.icon-add-setup > a::before {
  font-family: "Font Awesome 6 Pro";
  content: "\e163";
  color: inherit;
  font-size: inherit;
  margin-right: 5px;
  font-weight: 300;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.header-button > a:hover {
  opacity: 0.8;
}

.page-template-page-register-whitelist {
  position: relative;
}
.page-template-page-register-whitelist div.bg-register {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: #581C87;
  background: radial-gradient(at center top, #581C87, #09070C);
  -webkit-transform: scale(3);
          transform: scale(3);
  -webkit-animation: zoomInBg 1s 0.5s 1 alternate forwards;
          animation: zoomInBg 1s 0.5s 1 alternate forwards;
}
.page-template-page-register-whitelist {
  /*-------------------------------
  # Custom Button | button-register
  --------------------------------*/
}
.page-template-page-register-whitelist .button.button-register:hover, .page-template-page-register-whitelist .button.button-register:link, .page-template-page-register-whitelist .button.button-register:focus, .page-template-page-register-whitelist .button.button-register:visited, .page-template-page-register-whitelist .button.button-register:active, .page-template-page-register-whitelist .button.button-register {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  color: #343a40;
  border-radius: 30px;
  background-image: none;
  margin: 0 0;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 10px 15px;
  position: relative;
  min-width: 230px;
  display: inline-block;
  font-family: inherit;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: normal;
  text-transform: uppercase;
  word-wrap: normal;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.page-template-page-register-whitelist .button.button-register.add-button-icon::after {
  font-family: "Font Awesome 6 Pro";
  content: "\f105";
  color: inherit;
  font-size: inherit;
  margin-left: 15px;
  font-weight: 400;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.page-template-page-register-whitelist .button.button-register.transparent-button-register {
  background-color: transparent;
  color: #FFF;
}
.page-template-page-register-whitelist .button.button-register.add-button-loader::after {
  font-family: "Font Awesome 6 Pro";
  content: "\f3f4";
  color: inherit;
  font-size: inherit;
  margin-left: 15px;
  font-weight: 400;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -webkit-animation: fa-spin 1s linear infinite;
  animation: fa-spin 1s linear infinite;
}
.page-template-page-register-whitelist .button.button-register[disabled=disabled]::before {
  content: "";
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url("//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/ajax-loader.gif");
  background-attachment: scroll;
  background-position: center center;
  background-size: contain;
  background-blend-mode: unset;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.page-template-page-register-whitelist .button.button-register:hover {
  opacity: 0.8;
}
.page-template-page-register-whitelist .website-logo {
  -webkit-filter: brightness(0%) invert(1);
          filter: brightness(0%) invert(1);
}

.focus-message {
  opacity: 0;
  -webkit-animation: focusDetails 1s 0.5s 1 alternate forwards;
          animation: focusDetails 1s 0.5s 1 alternate forwards;
}

.feaured-setups {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}
.feaured-setups .feaured-setups-position {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -20px;
}
.feaured-setups .feaured-setups-position .each-feaured-setup {
  position: absolute;
  bottom: 0;
  z-index: 3;
  width: 22vw;
  border: 5px solid #FFF;
  left: 50%;
  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 10px 55px 0px;
          box-shadow: rgba(0, 0, 0, 0.35) 0px 10px 55px 0px;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}
@media only screen and (max-width: 767px) {
  .feaured-setups .feaured-setups-position .each-feaured-setup {
    width: 60vw;
  }
}
.feaured-setups .feaured-setups-position .each-feaured-setup a img {
  opacity: 1 !important;
}
.feaured-setups .feaured-setups-position .each-feaured-setup:nth-of-type(1) {
  -webkit-transform: translateX(-50%) translateY(100%) rotate(0);
          transform: translateX(-50%) translateY(100%) rotate(0);
  -webkit-animation: imageUpLeft 1s 0.5s 1 alternate forwards;
          animation: imageUpLeft 1s 0.5s 1 alternate forwards;
}
.feaured-setups .feaured-setups-position .each-feaured-setup:nth-of-type(2) {
  -webkit-transform: translateX(-50%) translateY(100%);
          transform: translateX(-50%) translateY(100%);
  -webkit-animation: imageUpMid 1s 0.5s 1 alternate forwards;
          animation: imageUpMid 1s 0.5s 1 alternate forwards;
}
.feaured-setups .feaured-setups-position .each-feaured-setup:nth-of-type(3) {
  -webkit-transform: translateX(0%) translateY(100%) rotate(0);
          transform: translateX(0%) translateY(100%) rotate(0);
  -webkit-animation: imageUpRight 1s 0.5s 1 alternate forwards;
          animation: imageUpRight 1s 0.5s 1 alternate forwards;
}

@-webkit-keyframes focusDetails {
  to {
    opacity: 1;
  }
}

@keyframes focusDetails {
  to {
    opacity: 1;
  }
}
@-webkit-keyframes imageUpLeft {
  to {
    -webkit-transform: translateX(-100%) translateY(20%) rotate(-16deg);
            transform: translateX(-100%) translateY(20%) rotate(-16deg);
  }
}
@keyframes imageUpLeft {
  to {
    -webkit-transform: translateX(-100%) translateY(20%) rotate(-16deg);
            transform: translateX(-100%) translateY(20%) rotate(-16deg);
  }
}
@-webkit-keyframes imageUpMid {
  to {
    -webkit-transform: translateX(-50%) translateY(0%);
            transform: translateX(-50%) translateY(0%);
  }
}
@keyframes imageUpMid {
  to {
    -webkit-transform: translateX(-50%) translateY(0%);
            transform: translateX(-50%) translateY(0%);
  }
}
@-webkit-keyframes imageUpRight {
  to {
    -webkit-transform: translateX(0%) translateY(20%) rotate(16deg);
            transform: translateX(0%) translateY(20%) rotate(16deg);
  }
}
@keyframes imageUpRight {
  to {
    -webkit-transform: translateX(0%) translateY(20%) rotate(16deg);
            transform: translateX(0%) translateY(20%) rotate(16deg);
  }
}
@-webkit-keyframes zoomInBg {
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes zoomInBg {
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.filter-section {
  background-color: #581c87 !important;
}

#home-introduction h1, #home-introduction h2, #home-introduction p {
  color: #FFF;
}

.clickable-item {
  cursor: pointer;
}

.readmore-wrapper .readmore-container.readmore-excerpt {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.readmore-wrapper .readmore-button-container {
  text-align: end;
  position: relative;
}
.readmore-wrapper .readmore-button-container .readmore-button {
  display: none;
  position: absolute;
  bottom: 0px;
  right: 0;
  background: linear-gradient(267deg, rgb(248, 249, 250) 77%, rgba(248, 249, 250, 0) 100%);
  padding-left: 30px;
}
.readmore-wrapper .readmore-button-container .readmore-button.button-color-inherit {
  color: inherit;
}
.readmore-wrapper.readmore-expanded .readmore-container {
  -webkit-line-clamp: unset;
  max-height: none;
}
.readmore-wrapper.readmore-expanded .readmore-button-container .readmore-button {
  position: static;
  bottom: auto;
  right: auto;
  background: transparent;
}

.bg-light .readmore-button {
  background: linear-gradient(267deg, rgb(248, 249, 250) 77%, rgba(248, 249, 250, 0) 100%) !important;
}

body.archive main.site-main {
  padding-top: 0;
  padding-bottom: 0;
}

/*.make-header-sticky.scroll-to-fixed-fixed{

}
*/
@-webkit-keyframes pulse-button {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(35, 181, 255);
            box-shadow: 0 0 0 0 rgb(35, 181, 255);
  }
  50% {
    -webkit-box-shadow: 0 0 0 20px rgba(35, 181, 255, 0);
            box-shadow: 0 0 0 20px rgba(35, 181, 255, 0);
  }
  to {
    -webkit-box-shadow: 0 0 0 40px rgba(35, 181, 255, 0);
            box-shadow: 0 0 0 40px rgba(35, 181, 255, 0);
  }
}
@keyframes pulse-button {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(35, 181, 255);
            box-shadow: 0 0 0 0 rgb(35, 181, 255);
  }
  50% {
    -webkit-box-shadow: 0 0 0 20px rgba(35, 181, 255, 0);
            box-shadow: 0 0 0 20px rgba(35, 181, 255, 0);
  }
  to {
    -webkit-box-shadow: 0 0 0 40px rgba(35, 181, 255, 0);
            box-shadow: 0 0 0 40px rgba(35, 181, 255, 0);
  }
}
.avatar-icon {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #f8f8f8;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center;
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #dedede;
  margin-left: 10px;
}
.avatar-icon:hover {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.15);
          box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.15);
}
.avatar-icon:active {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.7);
          box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.7);
}

.avatar-login-wrapper {
  position: relative;
  z-index: 20;
}
.avatar-login-wrapper .avatar-login-container {
  position: absolute;
  top: calc(100% + 15px);
  right: 0;
  background-color: #FFF;
  border-radius: 5px;
  width: 250px;
  text-align: start;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  display: none;
}
.avatar-login-wrapper .avatar-login-container .avatar-login-details {
  padding: 10px 15px;
  border-bottom: 1px solid #dedede;
}
.avatar-login-wrapper .avatar-login-container .avatar-login-details p {
  font-size: 14px;
}
.avatar-login-wrapper .avatar-login-container .avatar-login-link {
  display: block;
  padding: 8px 15px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  color: #343a40;
}
.avatar-login-wrapper .avatar-login-container .avatar-login-link:hover {
  background-color: #F8F8F8;
}

.all-item-list > .col-12:last-child .each-item-list {
  border-bottom: none;
}
.all-item-list > .col-12 .each-item-list {
  padding: 15px 0;
  border-bottom: 1px solid #dedede;
}

.video-add {
  overflow: hidden;
  position: relative;
}
.video-add video {
  -webkit-transform: scale(2);
          transform: scale(2);
}

textarea.admin-fields,
select.admin-fields,
input.admin-fields {
  border: 2px solid #f1666a;
  background-color: rgba(241, 102, 106, 0.15);
}

.main-image-wrapper {
  position: relative;
  z-index: 2;
  text-align: right;
}

.info-floating {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
.info-floating .each-info-floating {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-color: #343a40;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
}
.info-floating .each-info-floating::after {
  font-family: "Font Awesome 6 Pro";
  color: inherit;
  font-size: inherit;
  font-weight: 400;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #FFF;
  font-size: 20px;
}
.info-floating .each-info-floating.floating-info::after {
  content: "?";
}

.floating-image-wrapper {
  position: relative;
}
.floating-image-wrapper .floating-image {
  position: absolute;
  top: 0;
  z-index: 1;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  right: -80px;
}
@media only screen and (max-width: 1200px) {
  .floating-image-wrapper .floating-image {
    display: none;
  }
}
.floating-image-wrapper .floating-image .floating-container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  padding: 5px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  width: 80px;
  right: 0;
  position: relative;
}
.floating-image-wrapper .floating-image .floating-container .general-image {
  display: block;
  position: relative;
  overflow: hidden;
}
.floating-image-wrapper .floating-image .floating-container .general-image .overlay-count {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFF;
  font-weight: bold;
}

/*-------------------------------
# Custom Button | button-shop
--------------------------------*/
.button.button-shop:hover, .button.button-shop:link, .button.button-shop:focus, .button.button-shop:visited, .button.button-shop:active, .button.button-shop {
  background-color: #FFFFFF;
  border: 1px solid #343a40;
  color: #343a40;
  border-radius: 30px;
  background-image: none;
  margin: 0 0;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 8px 15px;
  position: relative;
  min-width: auto;
  display: inline-block;
  font-family: inherit;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: normal;
  word-wrap: normal;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  padding-left: 50px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.button.button-shop {
  position: relative;
  text-align: left;
}
.button.button-shop::before {
  content: "";
  background-color: #343a40;
  background-repeat: no-repeat;
  border: 1px solid #343a40;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  background-blend-mode: unset;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.button.button-shop::after {
  font-family: "Font Awesome 6 Pro";
  content: "\f07a";
  font-size: inherit;
  font-weight: 400;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #FFF;
}
.button.button-shop.button-shop-search::after {
  content: "\f002";
}
.button.button-shop.button-shop-amazon {
  background-color: #ffd814;
  border: 1px solid #ffd814;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}
.button.button-shop.button-shop-amazon::before {
  background-image: url("../img/icons/amazon-icon.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center;
  background-size: 90%;
}
.button.button-shop.button-shop-amazon::after {
  display: none;
}
.button.button-shop.button-shop-lazada {
  background-color: #0f146d;
  border: 1px solid #0f146d;
  color: #FFF;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}
.button.button-shop.button-shop-lazada::before {
  background-image: url("../img/icons/lazada-icon.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center;
  background-size: 80%;
  background-color: #9e44aa;
}
.button.button-shop.button-shop-lazada::after {
  display: none;
}
.button.button-shop.button-shop-shopee {
  background-color: #ee3d2c;
  border: 1px solid #ee3d2c;
  color: #FFF;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}
.button.button-shop.button-shop-shopee::before {
  background-image: url("../img/icons/shopee-icon.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center;
  background-size: 80%;
  background-color: #FFF;
}
.button.button-shop.button-shop-shopee::after {
  display: none;
}
.button.button-shop:hover {
  opacity: 0.8;
}

.ai-logo {
  width: 1.5em;
  height: 1.5em;
  background-color: red;
  display: inline-block;
  vertical-align: text-bottom;
  border-radius: 5px;
  background-color: transparent;
  background-image: url("../img/icons/chatgpt-icon.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center;
  background-size: cover;
}

.about-content-wrapper {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 992px) {
  .about-content-wrapper .about-content-box {
    padding: 25px;
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background-color: #FFF;
  }
}
@media only screen and (max-width: 991px) {
  .about-content-wrapper {
    bottom: 0;
  }
}
.about-content-wrapper .about-content-container {
  --container-overlap: 150px;
  width: 30vw;
  position: absolute;
  right: -35px;
  bottom: -35px;
  z-index: 10;
}
@media only screen and (max-width: 991px) {
  .about-content-wrapper .about-content-container {
    width: 100%;
    position: relative;
    right: 0;
    bottom: 0;
    margin-top: 40px;
  }
}

.search-results-wrapper {
  position: relative;
}
.search-results-wrapper input {
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.search-results-wrapper.htmx-request::after {
  content: "";
  border: 2px solid currentColor;
  border-radius: 50%;
  border-top: 2px solid transparent;
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: middle;
  -webkit-animation: fa-spin 1s linear infinite;
          animation: fa-spin 1s linear infinite;
  position: absolute;
  left: 15px;
  top: 13px;
}
.search-results-wrapper.htmx-request input {
  padding-left: 40px;
}

.show-more-details-wrapper {
  position: relative;
}
.show-more-details-wrapper:hover .show-more-details {
  background-color: rgba(52, 58, 64, 0.2);
}
.show-more-details-wrapper .show-more-details {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(52, 58, 64, 0);
  font-size: 0;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  z-index: 10;
}

.single-floating-sticky {
  position: relative;
  display: block;
}
@media only screen and (min-width: 1200px) {
  .single-floating-sticky {
    width: calc(100% + (100vw - 1140px) / 2);
    left: calc(-1 * (100vw - 1140px) / 2 - 5px);
  }
}
@media only screen and (min-width: 992px) {
  .single-floating-sticky {
    width: calc(100% + (100vw - 960px) / 2);
    left: calc(-1 * (100vw - 960px) / 2 - 30px);
  }
}
@media only screen and (min-width: 1400px) {
  .single-floating-sticky {
    width: calc(100% + (100vw - 1360px) / 2);
    left: calc(-1 * (100vw - 1360px) / 2 - 30px);
  }
}
.single-floating-sticky .featured-image-fullscreen {
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 10;
  color: #FFF;
  text-shadow: -1.4px 2px 7px #000;
  line-height: 0;
  cursor: pointer;
  width: 150px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .single-floating-sticky .featured-image-fullscreen {
    display: none;
  }
}
.single-floating-sticky .featured-image-fullscreen i {
  font-weight: 300;
  font-size: 30px;
}

.accordion-button::after {
  -webkit-filter: brightness(0) saturate(100%) invert(39%) sepia(9%) saturate(395%) hue-rotate(178deg) brightness(92%) contrast(93%);
          filter: brightness(0) saturate(100%) invert(39%) sepia(9%) saturate(395%) hue-rotate(178deg) brightness(92%) contrast(93%);
  opacity: 0.5;
}

.sf-single-pagination {
  position: relative;
}
.sf-single-pagination::after {
  font-family: "Font Awesome 6 Pro";
  color: inherit;
  font-size: inherit;
  font-weight: 100;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
  color: #FFF;
  font-size: 100px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  text-shadow: -1.4px 2px 7px rgba(0, 0, 0, 0.5);
  opacity: 0.5;
}
.sf-single-pagination:hover::after {
  -webkit-transform: translateY(-50%) scale(1.05);
          transform: translateY(-50%) scale(1.05);
  opacity: 1;
}
.sf-single-pagination.single-pagination-next::after {
  content: "\f177";
  left: 20px;
}
.sf-single-pagination.single-pagination-prev::after {
  content: "\f178";
  right: 20px;
}

body.htmx-request .setup-container-info::before {
  content: "";
  border: 2px solid gray;
  border-radius: 50%;
  border-top: 2px solid transparent;
  width: 1em;
  height: 1em;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  -webkit-animation: fa-spin 1s linear infinite;
          animation: fa-spin 1s linear infinite;
}

.setup-filter-page .site {
  width: calc(100% - 400px);
  margin-left: 400px;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
@media only screen and (max-width: 1200px) {
  .setup-filter-page .site {
    width: 100%;
    margin-left: 0;
  }
}
.setup-filter-page .sidebar-details {
  width: 400px;
  background-color: #232e3c;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 25px 0;
}
.setup-filter-page .sidebar-details .sidebar-details-container {
  overflow-y: overlay;
  height: 100%;
}
.setup-filter-page .sidebar-details a {
  color: #FFF;
}
.setup-filter-page .sidebar-details .category-title {
  color: #FFF;
}
.setup-filter-page .sidebar-details.sidebar-login {
  top: 32px;
}
@media only screen and (max-width: 1200px) {
  .setup-filter-page .sidebar-details {
    display: none;
  }
}

nav.fly-menu ul li a {
  font-size: 18px;
}

.image-main-container {
  border-radius: 0 5px 5px 0;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .image-main-container {
    border-radius: 5px 5px 5px 5px;
  }
}
.image-main-container .image-main-wrapper {
  overflow-x: auto;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 15px 28px 7px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 15px 28px 7px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0px 5px 5px 7px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 5px 5px 7px rgba(0, 0, 0, 0.06);
}
.image-main-container img {
  height: 93vh;
  min-height: 93vh;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}
@media only screen and (max-width: 767px) {
  .image-main-container img {
    height: auto;
    min-width: auto;
    min-height: auto;
    width: 100%;
  }
}

/*body{
    &.logged-in{
        .image-main-container{
            img{
                height: calc(93vh - 32px);

            }
        }
    }
}
*/
.shop-link-wrapper {
  position: relative;
}
.shop-link-wrapper .shop-link-button {
  position: absolute;
  right: 0;
  top: 0;
}

.shop-link-wrapper {
  position: relative;
}
.shop-link-wrapper .shop-link-item-container {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 5px;
}
.shop-link-wrapper .shop-link-item-container .shop-link-item {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #dedede;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.shop-link-wrapper .shop-link-item-container .shop-link-item:hover {
  background-color: #dedede;
}

.glass-effect-container .glass-effect {
  position: absolute;
  width: 40%;
  height: 400%;
  left: -350%;
  top: 50%;
  bottom: 0;
  z-index: 2;
  background: rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2px);
  -webkit-transition: all 1s ease-in-out 0s;
  transition: all 1s ease-in-out 0s;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
}
.glass-effect-container.active-effect .glass-effect {
  left: 100%;
}

.adsbygoogle[data-ad-status=unfilled] ~ .fallback-ad,
.adsbygoogle:not([data-ad-status]) ~ .fallback-ad {
  display: block;
}

.fallback-ad {
  display: none;
}

.sf-masonry {
  -webkit-column-count: 4;
     -moz-column-count: 4;
          column-count: 4;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
@media (max-width: 992px) {
  .sf-masonry {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
@media (max-width: 576px) {
  .sf-masonry {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}
.sf-masonry .sf-masonry-item {
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  margin-bottom: 1rem;
}

#scrollable {
  overflow-x: scroll;
  white-space: nowrap;
  scrollbar-width: none;
}
#scrollable::-webkit-scrollbar {
  display: none;
}

input[type=range] {
  -webkit-appearance: none;
  width: 150px;
  height: 100%;
  background: transparent;
  pointer-events: all;
  border-radius: 0;
  outline: none;
  position: absolute;
  top: 0;
  bottom: 0;
}
input[type=range]::-webkit-slider-runnable-track {
  background: transparent;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 500px;
  width: 100px;
  background: rgba(255, 255, 255, 0.3);
  cursor: ew-resize;
  border: none;
}
input[type=range]::-webkit-slider-thumb:hover, input[type=range]::-webkit-slider-thumb:active, input[type=range]::-webkit-slider-thumb:focus {
  border: none;
  outline: none;
}
input[type=range]::-moz-range-track {
  background: transparent;
}
input[type=range]::-moz-range-thumb {
  height: 20px;
  width: 20px;
  background: #007bff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}
input[type=range]::-moz-range-thumb:hover, input[type=range]::-moz-range-thumb:active, input[type=range]::-moz-range-thumb:focus {
  border: none;
  outline: none;
}
input[type=range]::-ms-track {
  background: transparent;
  border-color: transparent;
  color: transparent;
  height: 10px;
}
input[type=range]::-ms-fill-lower, input[type=range]::-ms-fill-upper {
  background: transparent;
}
input[type=range]::-ms-thumb {
  height: 20px;
  width: 20px;
  background: #007bff;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}
input[type=range]::-ms-thumb:hover, input[type=range]::-ms-thumb:active, input[type=range]::-ms-thumb:focus {
  outline: none;
  border: none;
}
input[type=range]:focus {
  outline: none;
}

.show-more-details-wrapper {
  position: relative;
}
.show-more-details-wrapper .setup-option-tools {
  position: absolute;
  right: 15px;
  top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.show-more-details-wrapper .setup-option-tools .setup-other-image {
  display: inline-block;
  border-radius: 20px;
  background-color: #fff;
  padding: 5px 10px;
  font-size: 14px;
  color: #343a40;
  font-weight: bold;
  opacity: 0.6;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
@media only screen and (max-width: 997px) {
  .show-more-details-wrapper .setup-option-tools .setup-other-image.setup-cirle {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.show-more-details-wrapper .setup-option-tools .setup-other-image:hover {
  opacity: 1;
}
.show-more-details-wrapper .show-more-details {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(52, 58, 64, 0);
  font-size: 0;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  z-index: 10;
}

.avatar-login-wrapper {
  position: relative;
  z-index: 20;
}
.avatar-login-wrapper .avatar-login-container {
  position: absolute;
  top: calc(100% + 15px);
  right: 0;
  background-color: #FFF;
  border-radius: 5px;
  width: 250px;
  text-align: start;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  display: none;
}
.avatar-login-wrapper .avatar-login-container .avatar-login-details {
  padding: 10px 15px;
  border-bottom: 1px solid #dedede;
}
.avatar-login-wrapper .avatar-login-container .avatar-login-details p {
  font-size: 14px;
  color: #343a40;
}
.avatar-login-wrapper .avatar-login-container .avatar-login-link {
  display: block;
  padding: 8px 15px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  color: #343a40;
}
.avatar-login-wrapper .avatar-login-container .avatar-login-link:hover {
  background-color: #F8F8F8;
}

/*#############################################################
## Step Wrapper
/*###########################################################*/
.each-steps-content {
  position: relative;
  margin: 0 0 0.5rem 1.5rem;
  padding: 4px 1.1rem 30px 1.5rem;
  border-left: 0.5px solid #FFF;
  position: relative;
  list-style-type: none;
  -webkit-box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1);
          box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1);
}
.each-steps-content .all-steps-ctr {
  position: absolute;
  top: 0;
  left: -1.2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 8px;
  display: block;
  font-size: 0.9rem;
  padding: 7px;
  width: 2rem;
  height: 2rem;
  line-height: 1.3;
  text-align: center;
  font-weight: 500;
  border: 0.5px solid #dfdfdf;
  background: #FFF;
  border-radius: 999em;
  font-size: 1.1rem;
  width: 2.5rem;
  height: 2.5rem;
  color: #343a40;
}

.input-link-wrapper {
  position: relative;
  padding-left: 25px;
}
.input-link-wrapper::after {
  font-family: "Font Awesome 6 Pro";
  content: "\f0c1";
  color: inherit;
  font-size: 1em;
  font-weight: 600;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.video-play-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: pulse-button 1.5s infinite 0s;
          animation: pulse-button 1.5s infinite 0s;
  white-space: nowrap;
}

@keyframes pulse-button {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(35, 181, 255);
    box-shadow: 0 0 0 0 rgb(35, 181, 255);
  }
  50% {
    -webkit-box-shadow: 0 0 0 20px rgba(35, 181, 255, 0);
    box-shadow: 0 0 0 20px rgba(35, 181, 255, 0);
  }
  to {
    -webkit-box-shadow: 0 0 0 60px rgba(35, 181, 255, 0);
    box-shadow: 0 0 0 60px rgba(35, 181, 255, 0);
  }
}
/*# sourceMappingURL=style-main-child.css.map */