html {
  scroll-behavior: smooth;
}

body {
  width: 100%;
  padding: 0;
  margin: 0;
  background: #F7F7F7;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

* {
  font-family: 'Poppins';
}

::-moz-selection { /* Code for Firefox */
  color: #FFF;
  background: rgba(14, 107, 107, .5);
}

::selection {
  color: #FFF;
  background: rgba(14, 107, 107, .5);
}


a[href="http://www.magictoolbox.com/magicscroll/"] {
  display: none;
  opacity: 0;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}


input, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}




.submit-btn-loader {
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 4px solid;
  border-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  transform-origin: center;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}




.i-v {
  opacity: 0;
  transform: translateY(20px);
}
.bc-fade-in {
  animation: fadein .4s cubic-bezier(.46,-0.12,.25,1) forwards;
}
@keyframes fadein {
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}


.faq-list a {
  color: #0E6B6B;
  text-decoration: underline;
  font-weight: 300;
}



.flickity-page-dots {
  bottom: -10px !important;
}

.flickity-page-dots .dot {
  width: 30px !important;
  height: 2px !important;
  margin: 0 5px !important;
  border-radius: 2px !important;
  background: #686868 !important;
}




#main-carousel .flickity-button {
  background: #FFF;
}


#main-carousel .flickity-prev-next-button {
  width: 30px;
  height: 30px;
  border-radius: 30px;
}



#front-page-carousel .flickity-prev-next-button {
  display: none;
}

@media (min-width: 1024px) {
  #front-page-carousel .flickity-prev-next-button {
    display: block;
    width: 25px;
    height: 25px;
    background: transparent;
  }
  #front-page-carousel .flickity-prev-next-button.next {
    right: -30px
  }
  #front-page-carousel .flickity-prev-next-button.previous {
    left: -30px
  }
}


@media (min-width: 1024px) {
  #final-timeline {
    position: relative;
  }

  #final-timeline:after {
    content: '';
    width: 25px;
    height: 25px;
    display: block;
    border-radius: 50%;
    background-color: #0e6b6b;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}




input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  cursor: pointer;
  border-radius: 1rem;
  overflow: hidden;
}


/***** Chrome, Safari, Opera, and Edge Chromium *****/
input[type="range"]::-webkit-slider-runnable-track {
  /* background: rgba(14, 107, 107, .5); */
  background: rgba(30, 30, 30, .5);
  height: .8rem;
  border-radius: .8rem;
}


/******** Firefox ********/
input[type="range"]::-moz-range-track {
  /* background: rgba(14, 107, 107, .5); */
  background: rgba(30, 30, 30, .5);
  height: .8rem;
  border-radius: .8rem;
}



/***** Chrome, Safari, Opera, and Edge Chromium *****/
input[type="range"]::-webkit-slider-thumb {
 -webkit-appearance: none; /* Override default look */
 appearance: none;
 border-radius: 1rem;
 margin-top: 0px; /* Centers thumb on the track */
 background-color: #FFF;
 height: .8rem;
 width: .8rem;
 box-shadow: -407px 0 0 400px #1E1E1E;
}

input[type="range"]::-moz-range-thumb {
  border: none; /*Removes extra border that FF applies*/
  border-radius: 1rem; /*Removes default border-radius that FF applies*/
  background-color: #1E1E1E;
  height: .8rem;
  width: .8rem;
}



input[type="checkbox"]:checked {
  background: rgb(14, 107, 107);
  border: none;
  position: relative;
}

input[type="checkbox"]:checked:after {
  content: '';
  display: block;
  width: 5px;
  height: 12px;
  border-right: 2px;
  border-bottom: 2px;
  border-style: solid;
  border-color: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -63%) rotate(45deg);
}




#sold-pagination {
  margin: 40px 0 0 0;
  display: flex;
  justify-content: center;
}

#sold-pagination .page-numbers {
  margin: 0 4px;
}

#sold-pagination .page-numbers.current {
  font-weight: 600;
}




.remove-active-filter-btn {
  position: relative;
}
.remove-active-filter-btn:after {
  content: '';
  width: 25px;
  height: 30px;
  position: absolute;
  top: 50%;
  right: -4px;
  transform: translate(0, -50%);
}




@media (min-width: 1024px) {
  .header-dropdown:after {
    content: '';
    width: 100%;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
  }

  .header-dropdown:hover .header-dropdown-container {
    opacity: 1;
    pointer-events: all;
  }

  .header-dropdown:hover span {
    transform: rotate(180deg);
  }

  .header-dropdown-kopa-bil:hover > a svg {
  transform: rotate(180deg);
}

  .header-dropdown-om-oss:hover > a svg {
    transform: rotate(180deg);
  }

  .header-dropdown-salja-bil:hover > a svg {
    transform: rotate(180deg);
  }




}



#open-time:hover div {
  opacity: 1;
  pointer-events: all;
}




.auto-scroll {
  scroll-behavior: smooth;
}
.auto-scroll {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox, Safari 18.2+, Chromium 121+ */
}
.auto-scroll::-webkit-scrollbar {
    display: none;  /* Older Safari and Chromium */
}




#heartman-campaign {
  position: fixed;
  bottom: -9px;
  left: -25px;
  display: block;
  transform: rotate(9deg);
  transition: .2s;
  z-index: 99999999;
}
#heartman-campaign:hover {
  transform: scale(1.05) rotate(9deg);
}
#heartman-campaign img {
  width: 145px;
}


#small-heartman {
  max-height: 45px;
  margin: 0 .5rem;
}





@media (min-width: 1024px) {

  .lg\:w-\[20\%\] {
    width: 20%;
  }

  #heartman-campaign img {
    width: 200px;
  }

  #small-heartman {
    max-height: 45px;
    margin-left: .5rem;
  }


}