/*
name: Ascendant scroll
Version: 1.8
*/

/* ======================================================
------------ Gutena-tabs #post-1064 ascendant------------
====================================================== */

.gutena-tabs-block > .gutena-tabs-tab {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  white-space: nowrap;
  max-width: 100%;
  gap: 12px;
}

.gutena-tab-title {
  min-width: 256px !important;
  height: 148px !important;
  cursor: grab;
}
.gutena-tab-title {
  min-width: 256px !important;
  height: 148px !important;
  cursor: grab;
}

/* style card zodiac signs */

li[data-tab="1"]::after {
  position: absolute;
  content: "";
  width: 52px;
  height: 50px;
  top: 24px;
  right: 24px;
  -webkit-mask: url(/wp-content/uploads/2024/05/vector-aries.svg) no-repeat 50%
    50%;
  mask: url(/wp-content/uploads/2024/05/vector-aries.svg) no-repeat 50% 50%;
  -webkit-mask-size: auto;
  mask-size: auto;
}

li[data-tab="2"]::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 52px;
  top: 24px;
  right: 24px;
  -webkit-mask: url(/wp-content/uploads/2024/05/vector-taurus.svg) no-repeat 50%
    50%;
  mask: url(/wp-content/uploads/2024/05/vector-taurus.svg) no-repeat 50% 50%;
  -webkit-mask-size: auto;
  mask-size: auto;
}
li[data-tab="3"]::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 52px;
  top: 24px;
  right: 24px;
  -webkit-mask: url(/wp-content/uploads/2024/05/vector-gemini.svg) no-repeat 50%
    50%;
  mask: url(/wp-content/uploads/2024/05/vector-gemini.svg) no-repeat 50% 50%;
  -webkit-mask-size: auto;
  mask-size: auto;
}
li[data-tab="4"]::after {
  position: absolute;
  content: "";
  width: 55px;
  height: 55px;
  top: 24px;
  right: 24px;
  -webkit-mask: url(/wp-content/uploads/2024/05/vectro-cancer.svg) no-repeat 50%
    50%;
  mask: url(/wp-content/uploads/2024/05/vectro-cancer.svg) no-repeat 50% 50%;
  -webkit-mask-size: auto;
  mask-size: auto;
}
li[data-tab="5"]::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 55px;
  top: 24px;
  right: 24px;
  -webkit-mask: url(/wp-content/uploads/2024/05/vector-leo.svg) no-repeat 50%
    50%;
  mask: url(/wp-content/uploads/2024/05/vector-leo.svg) no-repeat 50% 50%;
  -webkit-mask-size: auto;
  mask-size: auto;
}
li[data-tab="6"]::after {
  position: absolute;
  content: "";
  width: 52px;
  height: 52px;
  top: 24px;
  right: 24px;
  -webkit-mask: url(/wp-content/uploads/2024/05/vector-virgo.svg) no-repeat 50%
    50%;
  mask: url(/wp-content/uploads/2024/05/vector-virgo.svg) no-repeat 50% 50%;
  -webkit-mask-size: auto;
  mask-size: auto;
}
li[data-tab="7"]::after {
  position: absolute;
  content: "";
  width: 52px;
  height: 50px;
  top: 24px;
  right: 24px;
  -webkit-mask: url(/wp-content/uploads/2024/05/vector-libra.svg) no-repeat 50%
    50%;
  mask: url(/wp-content/uploads/2024/05/vector-libra.svg) no-repeat 50% 50%;
  -webkit-mask-size: auto;
  mask-size: auto;
}
li[data-tab="8"]::after {
  position: absolute;
  content: "";
  width: 52px;
  height: 50px;
  top: 24px;
  right: 24px;
  -webkit-mask: url(/wp-content/uploads/2024/05/vector-scorpio.svg) no-repeat
    50% 50%;
  mask: url(/wp-content/uploads/2024/05/vector-scorpio.svg) no-repeat 50% 50%;
  -webkit-mask-size: auto;
  mask-size: auto;
}
li[data-tab="9"]::after {
  position: absolute;
  content: "";
  width: 52px;
  height: 52px;
  top: 24px;
  right: 24px;
  -webkit-mask: url(/wp-content/uploads/2024/05/vector-sagittarius.svg)
    no-repeat 50% 50%;
  mask: url(/wp-content/uploads/2024/05/vector-sagittarius.svg) no-repeat 50%
    50%;
  -webkit-mask-size: auto;
  mask-size: auto;
}
li[data-tab="10"]::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 52px;
  top: 24px;
  right: 24px;
  -webkit-mask: url(/wp-content/uploads/2024/05/vector-capricorn.svg) no-repeat
    50% 50%;
  mask: url(/wp-content/uploads/2024/05/vector-capricorn.svg) no-repeat 50% 50%;
  -webkit-mask-size: auto;
  mask-size: auto;
}
li[data-tab="11"]::after {
  position: absolute;
  content: "";
  width: 52px;
  height: 50px;
  top: 24px;
  right: 24px;
  -webkit-mask: url(/wp-content/uploads/2024/05/vector-aquarius.svg) no-repeat
    50% 50%;
  mask: url(/wp-content/uploads/2024/05/vector-aquarius.svg) no-repeat 50% 50%;
  -webkit-mask-size: auto;
  mask-size: auto;
}
li[data-tab="12"]::after {
  position: absolute;
  content: "";
  width: 52px;
  height: 50px;
  top: 24px;
  right: 24px;
  -webkit-mask: url(/wp-content/uploads/2024/05/vector-pisces.svg) no-repeat 50%
    50%;
  mask: url(/wp-content/uploads/2024/05/vector-pisces.svg) no-repeat 50% 50%;
  -webkit-mask-size: auto;
  mask-size: auto;
}

/* style card zodiac houses */

.houses li[data-tab="1"]::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  top: 24px;
  right: 24px;
  -webkit-mask: url(/wp-content/uploads/2024/05/house-1.svg) no-repeat 50% 50%;
  mask: url(/wp-content/uploads/2024/05/house-1.svg) no-repeat 50% 50%;
  -webkit-mask-size: auto;
  mask-size: auto;
}

.houses li[data-tab="2"]::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  top: 24px;
  right: 24px;
  -webkit-mask: url(/wp-content/uploads/2024/05/house-2.svg) no-repeat 50% 50%;
  mask: url(/wp-content/uploads/2024/05/house-2.svg) no-repeat 50% 50%;
  -webkit-mask-size: auto;
  mask-size: auto;
}
.houses li[data-tab="3"]::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  top: 24px;
  right: 24px;
  -webkit-mask: url(/wp-content/uploads/2024/05/house-3.svg) no-repeat 50% 50%;
  mask: url(/wp-content/uploads/2024/05/house-3.svg) no-repeat 50% 50%;
  -webkit-mask-size: auto;
  mask-size: auto;
}
.houses li[data-tab="4"]::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  top: 24px;
  right: 24px;
  -webkit-mask: url(/wp-content/uploads/2024/05/house-4.svg) no-repeat 50% 50%;
  mask: url(/wp-content/uploads/2024/05/house-4.svg) no-repeat 50% 50%;
  -webkit-mask-size: auto;
  mask-size: auto;
}
.houses li[data-tab="5"]::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  top: 24px;
  right: 24px;
  -webkit-mask: url(/wp-content/uploads/2024/05/house-5.svg) no-repeat 50% 50%;
  mask: url(/wp-content/uploads/2024/05/house-5.svg) no-repeat 50% 50%;
  -webkit-mask-size: auto;
  mask-size: auto;
}
.houses li[data-tab="6"]::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  top: 24px;
  right: 24px;
  -webkit-mask: url(/wp-content/uploads/2024/05/house-6.svg) no-repeat 50% 50%;
  mask: url(/wp-content/uploads/2024/05/house-6.svg) no-repeat 50% 50%;
  -webkit-mask-size: auto;
  mask-size: auto;
}
.houses li[data-tab="7"]::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 50px;
  top: 24px;
  right: 24px;
  -webkit-mask: url(/wp-content/uploads/2024/05/house-7.svg) no-repeat 50% 50%;
  mask: url(/wp-content/uploads/2024/05/house-7.svg) no-repeat 50% 50%;
  -webkit-mask-size: auto;
  mask-size: auto;
}
.houses li[data-tab="8"]::after {
  position: absolute;
  content: "";
  width: 75px;
  height: 50px;
  top: 24px;
  right: 24px;
  -webkit-mask: url(/wp-content/uploads/2024/05/house-8.svg) no-repeat 50% 50%;
  mask: url(/wp-content/uploads/2024/05/house-8.svg) no-repeat 50% 50%;
  -webkit-mask-size: auto;
  mask-size: auto;
}
.houses li[data-tab="9"]::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  top: 24px;
  right: 24px;
  -webkit-mask: url(/wp-content/uploads/2024/05/house-9.svg) no-repeat 50% 50%;
  mask: url(/wp-content/uploads/2024/05/house-9.svg) no-repeat 50% 50%;
  -webkit-mask-size: auto;
  mask-size: auto;
}
.houses li[data-tab="10"]::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  top: 24px;
  right: 24px;
  -webkit-mask: url(/wp-content/uploads/2024/05/house-10.svg) no-repeat 50% 50%;
  mask: url(/wp-content/uploads/2024/05/house-10.svg) no-repeat 50% 50%;
  -webkit-mask-size: auto;
  mask-size: auto;
}
.houses li[data-tab="11"]::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  top: 24px;
  right: 24px;
  -webkit-mask: url(/wp-content/uploads/2024/05/house-11.svg) no-repeat 50% 50%;
  mask: url(/wp-content/uploads/2024/05/house-11.svg) no-repeat 50% 50%;
  -webkit-mask-size: auto;
  mask-size: auto;
}
.houses li[data-tab="12"]::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 50px;
  top: 24px;
  right: 24px;
  -webkit-mask: url(/wp-content/uploads/2024/05/house-12.svg) no-repeat 50% 50%;
  mask: url(/wp-content/uploads/2024/05/house-12.svg) no-repeat 50% 50%;
  -webkit-mask-size: auto;
  mask-size: auto;
}

li.gutena-tab-title.active::after {
  background-color: #fff;
}

li.gutena-tab-title.inactive::after {
  background-color: black;
}

.gutena-tab-title-text:before {
  content: "Вижте повече";
  position: absolute;
  left: 24px;
  bottom: 24px;
  font-size: 1rem;
}

.gutena-tab-title-text:after {
  content: "\f0a9";
  font: 400 1.5rem FontAwesome;
  position: absolute;
  right: 16px;
  bottom: 16px;
  font-size: 1rem;
}

.gutena-tab-title-text div {
  width: 120px;
  text-align: left;
  position: absolute;
  top: 24px;
  left: 24px;
  white-space: break-spaces;
}

.gutena-tab-title {
  padding-left: 0 !important;
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
}

.wp-block-gutena-tabs .owl-prev .fa-angle-left,
.wp-block-gutena-tabs .owl-next .fa-angle-right {
  width: 28px;
  height: 28px;
  position: relative;
  background: #6750a4;
  border-radius: 4px;
  display: grid;
  align-items: center;
  margin: 0px;
  padding: 0px;
  bottom: 0;
  right: 0;
  cursor: pointer;
}

.fa-angle-left::after {
  content: "\f053";
}
.fa-angle-right:after {
  content: "\f054";
}

.fa-angle-right:after,
.fa-angle-left::after {
  font: 400 1.5rem FontAwesome;
  position: absolute;
  right: 10px;
  font-size: 1rem;
  color: white;
}

.wp-block-gutena-tabs .owl-nav {
  position: absolute;
  top: -40px;
  right: 0;
  font-size: 0;
  z-index: 10;
  display: flex;
  gap: 24px;
}
.wp-block-gutena-tabs h2 {
  text-align: left;
}

@media (max-width: 767px) {
  .wp-block-gutena-tabs .owl-nav {
    display: none;
  }
}
.gutena-tabs-block > .gutena-tabs-tab > .gutena-tab-title {
  border: var(--border-color-card) 1px solid !important;
}

.scroll-btn-wrapper svg {
    border: 1px solid black;
    border-radius: 4px;
    cursor: pointer;
}

.wp-block-group.wp-block-gutena-tabs .scroll-btn-wrapper svg {
    border: 1px solid black;
    border-radius: 4px;
    cursor: pointer;
}