.elementor-1048 .elementor-element.elementor-element-cd3719f:not(.elementor-motion-effects-element-type-background), .elementor-1048 .elementor-element.elementor-element-cd3719f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://shop.utande.africa/wp-content/uploads/2025/11/Hardware-landing-page.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-1048 .elementor-element.elementor-element-cd3719f > .elementor-container{min-height:650px;}.elementor-1048 .elementor-element.elementor-element-cd3719f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-1048 .elementor-element.elementor-element-cd3719f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1048 .elementor-element.elementor-element-bd34a59 .elementor-heading-title{font-family:"Comfortaa", Sans-serif;font-size:65px;font-weight:700;color:var( --e-global-color-075cc30 );}.elementor-1048 .elementor-element.elementor-element-d0c0afa{--spacer-size:10px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1048 .elementor-element.elementor-element-7d821a2 .elementor-button{background-color:var( --e-global-color-primary );border-radius:30px 30px 30px 30px;}.elementor-1048 .elementor-element.elementor-element-d2368cf{--spacer-size:100px;}.elementor-1048 .elementor-element.elementor-element-86c50c3{margin-top:20px;margin-bottom:20px;}.elementor-1048 .elementor-element.elementor-element-1402646 > .elementor-element-populated{border-style:none;}.elementor-1048 .elementor-element.elementor-element-1402646 > .elementor-element-populated, .elementor-1048 .elementor-element.elementor-element-1402646 > .elementor-element-populated > .elementor-background-overlay, .elementor-1048 .elementor-element.elementor-element-1402646 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-1048 .elementor-element.elementor-element-1085885{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1048 .elementor-element.elementor-element-f6727b9:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1048 .elementor-element.elementor-element-f6727b9 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#009EE14D;}.elementor-1048 .elementor-element.elementor-element-f6727b9 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#7A7A7A33;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 10px 0px 0px;--e-column-margin-right:10px;--e-column-margin-left:0px;padding:10px 10px 10px 10px;}.elementor-1048 .elementor-element.elementor-element-f6727b9 > .elementor-element-populated, .elementor-1048 .elementor-element.elementor-element-f6727b9 > .elementor-element-populated > .elementor-background-overlay, .elementor-1048 .elementor-element.elementor-element-f6727b9 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-1048 .elementor-element.elementor-element-f6727b9 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1048 .elementor-element.elementor-element-94ed72e{--spacer-size:50px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1048 .elementor-element.elementor-element-6249020 .elementor-repeater-item-6696561 .swiper-slide-bg{background-color:#FFFFFF00;background-image:url(https://shop.utande.africa/wp-content/uploads/2025/11/side-advert.png);background-size:contain;}.elementor-1048 .elementor-element.elementor-element-6249020 .elementor-repeater-item-6696561 .swiper-slide-inner{align-items:flex-start;text-align:center;}.elementor-1048 .elementor-element.elementor-element-6249020 .swiper-slide{height:600px;}.elementor-1048 .elementor-element.elementor-element-6249020 .swiper-slide-contents{max-width:80%;}.elementor-1048 .elementor-element.elementor-element-6249020 .swiper-slide-inner{text-align:center;}.elementor-1048 .elementor-element.elementor-element-6249020 .elementor-slide-heading{color:var( --e-global-color-042055b );font-family:"Comfortaa", Sans-serif;font-size:25px;font-weight:700;}.elementor-1048 .elementor-element.elementor-element-6249020 .elementor-slide-description{color:var( --e-global-color-primary );font-family:"Comfortaa", Sans-serif;font-size:25px;font-weight:600;}.elementor-1048 .elementor-element.elementor-element-6249020 .elementor-slide-button{color:var( --e-global-color-042055b );border-color:var( --e-global-color-042055b );}.elementor-1048 .elementor-element.elementor-element-da06485 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1048 .elementor-element.elementor-element-e25976a:not(.elementor-motion-effects-element-type-background), .elementor-1048 .elementor-element.elementor-element-e25976a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-042055b );}.elementor-1048 .elementor-element.elementor-element-e25976a, .elementor-1048 .elementor-element.elementor-element-e25976a > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-1048 .elementor-element.elementor-element-e25976a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1048 .elementor-element.elementor-element-e25976a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1048 .elementor-element.elementor-element-fde7148.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-1048 .elementor-element.elementor-element-f8cac7d .elementor-button{background-color:var( --e-global-color-042055b );}.elementor-1048 .elementor-element.elementor-element-f8cac7d{width:auto;max-width:auto;}.elementor-1048 .elementor-element.elementor-element-67a318c .elementor-button{background-color:var( --e-global-color-042055b );}.elementor-1048 .elementor-element.elementor-element-67a318c{width:auto;max-width:auto;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1048 .elementor-element.elementor-element-09fb132{width:auto;max-width:auto;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:var( --e-global-color-075cc30 );--toggle-icon-size:18px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-1048 .elementor-element.elementor-element-09fb132 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-1048 .elementor-element.elementor-element-a7c5f13{--spacer-size:10px;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1048 .elementor-element.elementor-element-d7fc74d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1048 .elementor-element.elementor-element-d7fc74d.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-1048 .elementor-element.elementor-element-d7fc74d.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-042055b );}.elementor-1048 .elementor-element.elementor-element-d7fc74d.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-042055b );}.elementor-1048 .elementor-element.elementor-element-d7fc74d.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-1048 .elementor-element.elementor-element-d7fc74d.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Comfortaa", Sans-serif;font-size:15px;font-weight:700;}.elementor-1048 .elementor-element.elementor-element-d7fc74d.elementor-wc-products ul.products li.product .button{color:var( --e-global-color-075cc30 );background-color:var( --e-global-color-primary );font-family:"Gotham", Sans-serif;font-weight:500;border-radius:30px 30px 30px 30px;}.elementor-1048 .elementor-element.elementor-element-d7fc74d.elementor-wc-products .added_to_cart{color:var( --e-global-color-primary );}.elementor-1048 .elementor-element.elementor-element-d7fc74d.elementor-wc-products ul.products li.product{border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px;padding:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(122, 122, 122, 0.1);border-color:#7A7A7A33;}.elementor-1048 .elementor-element.elementor-element-d7fc74d.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-1048 .elementor-element.elementor-element-aacaf8f{--e-image-carousel-slides-to-show:5;}.elementor-1048 .elementor-element.elementor-element-aacaf8f .swiper-wrapper{display:flex;align-items:center;}@media(min-width:768px){.elementor-1048 .elementor-element.elementor-element-babccf9{width:65%;}.elementor-1048 .elementor-element.elementor-element-68cf158{width:35%;}.elementor-1048 .elementor-element.elementor-element-f6727b9{width:40%;}.elementor-1048 .elementor-element.elementor-element-da06485{width:60%;}.elementor-1048 .elementor-element.elementor-element-55e67eb{width:60%;}.elementor-1048 .elementor-element.elementor-element-fde7148{width:40%;}}@media(max-width:1024px){.elementor-1048 .elementor-element.elementor-element-d7fc74d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-1048 .elementor-element.elementor-element-d7fc74d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for html, class: .elementor-element-5c02255 */.container::before {
  content: "";
  position: absolute;
}
.container {
  inset: 0;
  margin: 1em auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-image: linear-gradient(to right, #009EE1, #051338);
  box-shadow: var(--shadow-elevation-medium);
  transition: all 0.3s;
  z-index: 102;
  border-radius:30px;
}

.monsimg {
  z-index: 2000;
  transition: transform 0.7s;
  display: block;
  margin: 0 auto;
}

.leshenpng {
  transform: scale(1.3);
  filter: brightness(1.2);
}

.griffinpng {
  transform: scale(1.3);
  filter: brightness(1.8);
}

.trollpng {
  transform: scale(1.3) translateY(-30px);
}

.vampirepng {
  transform: scale(1) translateY(-30px);
  padding-left: 30px;
}

.wraithpng {
  transform: scale(0.79) translateY(-119px);
  transition: all 0.5s;
}

.succubuspng {
  transform: scale(0.8) translateY(-65px);
  padding-right: 20px;
}

.kikimorepng {
  transform: scale(0.9);
}

.figure img{
    width:60%;
}

.figure {
  display: block;
  margin: 0 auto;
  width: 100%;
  background-color: rgb(10, 17, 12);
  height: 160px;
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.figure-leshen {
  background: radial-gradient(closest-side, #6c7d9e, #292d39);
}

.figure-griffin {
  background-color: #464d61;
}

.figure-troll {
  background: radial-gradient(closest-side, #6c7d9e, #292d39);
}

.figure-vampire {
  background: #ab2e2e;
}

.figure-wraith {
  background-color: #77b8b7;
  background: linear-gradient(to right, rgb(124, 139, 141), rgb(44, 79, 83));
}

.figure-succubus {
  background: radial-gradient(circle, #cf93ae 30%, #823e5c 80%);
}

.figure-kikimore {
  background: radial-gradient(
    circle,
    rgb(225, 225, 253) 0%,
    rgb(82, 82, 114) 100%
  );
}

h3 {
  color: #ffffff;
  text-align: center;
  font-size: 1.4em;
  font-weight: 800;
  letter-spacing: 1.2px;
}

h4 {
  font-weight: 200;
  letter-spacing: 0.9px;
}
.content {
    padding: 0 1.4em;
    text-align: left;
}
.content > .description {
    text-align: center;
    margin-top: -10px;
    letter-spacing: 0.9px;
    font-weight: 100;
    color: #ffffff;
    font-size: 1rem;
}

.monster-image {
  background-color: rgb(7, 32, 7);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 0;
}

.details {
  font-family: Oswald;
  letter-spacing: 0.8px;
  background-color: #302f30;
  border-radius: 1px;
  color: inherit;
  padding: 0em 0.4em;
  box-shadow: var(--shadow-elevation-high);
  border: 0.1px solid #403d3d;
}

.details > h6 {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 1.1px;
  font-weight: 100;
  color: white;
  padding: 0;
  margin: 1.4em 0;
}

.details > p {
  font-size: 0.95rem;
  letter-spacing: 1.6px;
  color: rgb(201, 192, 192);
  color: white;
  font-weight: 100;
  padding: 0;
  padding: 0em 0.1em;
}
.footer-leshen > .details {
  background-color: #163a33;
}
.footer-griffin > .details {
  background-color: #6d3030;
}
.footer-wraith > .details {
  background-color: #2c5c5c;
}
.footer-troll > .details {
  background-color: #292d39;
}
.footer-vampire > .details {
  background-color: #91262d;
}
.footer-succubus > .details {
  background-color: #643339;
}
.footer-kikimore > .details {
  background-color: #313141;
}
.slide {
  z-index: 50;
  background-color: rgb(58, 57, 57);
  color: rgb(168, 162, 162);
  border-radius: 7px;
  outline: none;
  padding: 1.2em 1em;
  margin-left: auto;
  margin-right: auto;
  font-size: 1rem;
  font-weight: 600;
  opacity: 1;
  border: 0.5px solid rgb(56, 56, 56);
  backdrop-filter: blur(5px);
  cursor: pointer;
}

.prev {
  left: 32%;
  top: 50%;
  position: absolute;
}

.next {
  position: absolute;
  right: 32%;
  top: 50%;
}
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1s;
  animation-name: fade;
  animation-duration: 1s;
}

@-webkit-keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}

.slide {
  transition: all 0.3s;
}

@media (max-width: 1080px) {
  .slide {
    background-color: rgb(68, 66, 66);
  }
  .prev {
    left: 0%;
  }
  .next {
    right: 0%;
  }
}
@media (max-width: 450px) {
  .slide {
    background-color: transparent;
  }
}
@media (hover: hover) and (pointer: fine) {
  .slide:hover {
    background-color: rgb(68, 67, 67);
  }
  .succubuspng:hover {
    transform: scale(0.9) translateY(-65px);
  }

  .scaleonzoom:hover {
    transform: scale(1.39);
  }
  .leshenpng:hover {
    transform: scale(1.6);
  }

  .wraithpng:hover {
    transform: scale(0.9) translateY(-50px);
  }
  
  .trollpng:hover {
    transform: scale(1.5) translateY(-30px);
  }
  
  .vampirepng:hover {
    transform: scale(1.3);
  }
  
  .griffinpng:hover {
    transform: scale(1.4);
  }
  
  .kikimorepng:hover {
    transform: scale(1.1);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d09ff1c */img {
  max-width: 100%;
  height: auto;
}

.container::before {
  content: "";
  position: absolute;
}
.container {
  inset: 0;
  margin: 1em auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-image: linear-gradient(to right, #009EE1, #051338);
  box-shadow: var(--shadow-elevation-medium);
  transition: all 0.3s;
  z-index: 102;
  border-radius:30px;
}

.monsimg {
  z-index: 2000;
  transition: transform 0.7s;
  display: block;
  margin: 0 auto;
}

.leshenpng {
  transform: scale(1.3);
  filter: brightness(1.2);
  /*padding-bottom: 10px;*/
}

.griffinpng {
  transform: scale(1.3);
  filter: brightness(1.8);
}

.trollpng {
  transform: scale(1.3) translateY(-30px);
}

.vampirepng {
  transform: scale(1) translateY(-30px);
  padding-left: 30px;
}

.wraithpng {
  transform: scale(0.79) translateY(-119px);
  transition: all 0.5s;
}

.succubuspng {
  transform: scale(0.8) translateY(-65px);
  padding-right: 20px;
}

.kikimorepng {
  transform: scale(0.9);
}

.figure {
  display: block;
  margin: 0 auto;
  width: 100%;
  background-color: rgb(10, 17, 12);
  height: 230px;
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.figure-leshen {
  background: radial-gradient(closest-side, #6c7d9e, #292d39);
}

.figure-griffin {
  background-color: #464d61;
}

.figure-troll {
  background: radial-gradient(closest-side, #6c7d9e, #292d39);
}

.figure-vampire {
  background: #ab2e2e;
}

.figure-wraith {
  background-color: #77b8b7;
  background: linear-gradient(to right, rgb(124, 139, 141), rgb(44, 79, 83));
}

.figure-succubus {
  background: radial-gradient(circle, #cf93ae 30%, #823e5c 80%);
}

.figure-kikimore {
  background: radial-gradient(
    circle,
    rgb(225, 225, 253) 0%,
    rgb(82, 82, 114) 100%
  );
}

h3 {
  color: rgb(224, 222, 222);
  text-align: center;
  font-weight: 800;
  letter-spacing: 1.2px;
}

h4 {
  font-weight: 200;
  letter-spacing: 0.9px;
}
.content {
    padding: 0 1.4em;
    text-align: left;
}
.content > .description {
    text-align: center;
    margin-top: -10px;
    letter-spacing: 0.9px;
    font-weight: 100;
    color: #ffffff;
    font-size: 1rem;
}

.monster-image {
  background-color: rgb(7, 32, 7);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 0;
}

.details {
  font-family: Oswald;
  letter-spacing: 0.8px;
  background-color: #302f30;
  border-radius: 1px;
  color: inherit;
  padding: 0em 0.4em;
  box-shadow: var(--shadow-elevation-high);
  border: 0.1px solid #403d3d;
}

.details > h6 {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 1.1px;
  font-weight: 100;
  color: white;
  padding: 0;
  margin: 1.4em 0;
}

.details > p {
  font-size: 0.95rem;
  letter-spacing: 1.6px;
  color: rgb(201, 192, 192);
  color: white;
  font-weight: 100;
  padding: 0;
  padding: 0em 0.1em;
}
.footer-leshen > .details {
  background-color: #163a33;
}
.footer-griffin > .details {
  background-color: #6d3030;
}
.footer-wraith > .details {
  background-color: #2c5c5c;
}
.footer-troll > .details {
  background-color: #292d39;
}
.footer-vampire > .details {
  background-color: #91262d;
}
.footer-succubus > .details {
  background-color: #643339;
}
.footer-kikimore > .details {
  background-color: #313141;
}
.slide {
  z-index: 50;
  background-color: rgb(58, 57, 57);
  color: rgb(168, 162, 162);
  border-radius: 7px;
  outline: none;
  padding: 1.2em 1em;
  margin-left: auto;
  margin-right: auto;
  font-size: 1rem;
  font-weight: 600;
  opacity: 1;
  border: 0.5px solid rgb(56, 56, 56);
  backdrop-filter: blur(5px);
  cursor: pointer;
}

.prev {
  left: 32%;
  top: 50%;
  position: absolute;
}

.next {
  position: absolute;
  right: 32%;
  top: 50%;
}
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1s;
  animation-name: fade;
  animation-duration: 1s;
}

@-webkit-keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}

.slide {
  transition: all 0.3s;
}

@media (max-width: 1080px) {
  .slide {
    background-color: rgb(68, 66, 66);
  }
  .prev {
    left: 0%;
  }
  .next {
    right: 0%;
  }
}
@media (max-width: 450px) {
  .slide {
    background-color: transparent;
  }
}
@media (hover: hover) and (pointer: fine) {
  .slide:hover {
    background-color: rgb(68, 67, 67);
  }
  .succubuspng:hover {
    transform: scale(0.9) translateY(-65px);
  }

  .scaleonzoom:hover {
    transform: scale(1.39);
  }
  .leshenpng:hover {
    transform: scale(1.6);
  }

  .wraithpng:hover {
    transform: scale(0.9) translateY(-50px);
  }
  
  .trollpng:hover {
    transform: scale(1.5) translateY(-30px);
  }
  
  .vampirepng:hover {
    transform: scale(1.3);
  }
  
  .griffinpng:hover {
    transform: scale(1.4);
  }
  
  .kikimorepng:hover {
    transform: scale(1.1);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3c40d46 */img {
  max-width: 100%;
  height: auto;
}

.container::before {
  content: "";
  position: absolute;
}
.container {
  inset: 0;
  margin: 1em auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-image: linear-gradient(to right, #009EE1, #051338);
  box-shadow: var(--shadow-elevation-medium);
  transition: all 0.3s;
  z-index: 102;
  border-radius:30px;
}

.monsimg {
  z-index: 2000;
  transition: transform 0.7s;
  display: block;
  margin: 0 auto;
}

.leshenpng {
  transform: scale(1.3);
  filter: brightness(1.2);
  /*padding-bottom: 10px;*/
}

.griffinpng {
  transform: scale(1.3);
  filter: brightness(1.8);
}

.trollpng {
  transform: scale(1.3) translateY(-30px);
}

.vampirepng {
  transform: scale(1) translateY(-30px);
  padding-left: 30px;
}

.wraithpng {
  transform: scale(0.79) translateY(-119px);
  transition: all 0.5s;
}

.succubuspng {
  transform: scale(0.8) translateY(-65px);
  padding-right: 20px;
}

.kikimorepng {
  transform: scale(0.9);
}

.figure {
  display: block;
  margin: 0 auto;
  width: 100%;
  background-color: rgb(10, 17, 12);
  height: 165px;
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.figure-leshen {
  background: radial-gradient(closest-side, #6c7d9e, #292d39);
}

.figure-griffin {
  background-color: #464d61;
}

.figure-troll {
  background: radial-gradient(closest-side, #6c7d9e, #292d39);
}

.figure-vampire {
  background: #ab2e2e;
}

.figure-wraith {
  background-color: #77b8b7;
  background: linear-gradient(to right, rgb(124, 139, 141), rgb(44, 79, 83));
}

.figure-succubus {
  background: radial-gradient(circle, #cf93ae 30%, #823e5c 80%);
}

.figure-kikimore {
  background: radial-gradient(
    circle,
    rgb(225, 225, 253) 0%,
    rgb(82, 82, 114) 100%
  );
}

h3 {
  color: rgb(224, 222, 222);
  text-align: center;
  font-weight: 800;
  letter-spacing: 1.2px;
}

h4 {
  font-weight: 200;
  letter-spacing: 0.9px;
}
.content {
    padding: 0 1.4em;
    text-align: left;
}
.content > .description {
    text-align: center;
    margin-top: -10px;
    letter-spacing: 0.9px;
    font-weight: 100;
    color: #ffffff;
    font-size: 1rem;
}

.monster-image {
  background-color: rgb(7, 32, 7);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 0;
}

.details {
  font-family: Oswald;
  letter-spacing: 0.8px;
  background-color: #302f30;
  border-radius: 1px;
  color: inherit;
  padding: 0em 0.4em;
  box-shadow: var(--shadow-elevation-high);
  border: 0.1px solid #403d3d;
}

.details > h6 {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 1.1px;
  font-weight: 100;
  color: white;
  padding: 0;
  margin: 1.4em 0;
}

.details > p {
  font-size: 0.95rem;
  letter-spacing: 1.6px;
  color: rgb(201, 192, 192);
  color: white;
  font-weight: 100;
  padding: 0;
  padding: 0em 0.1em;
}
.footer-leshen > .details {
  background-color: #163a33;
}
.footer-griffin > .details {
  background-color: #6d3030;
}
.footer-wraith > .details {
  background-color: #2c5c5c;
}
.footer-troll > .details {
  background-color: #292d39;
}
.footer-vampire > .details {
  background-color: #91262d;
}
.footer-succubus > .details {
  background-color: #643339;
}
.footer-kikimore > .details {
  background-color: #313141;
}
.slide {
  z-index: 50;
  background-color: rgb(58, 57, 57);
  color: rgb(168, 162, 162);
  border-radius: 7px;
  outline: none;
  padding: 1.2em 1em;
  margin-left: auto;
  margin-right: auto;
  font-size: 1rem;
  font-weight: 600;
  opacity: 1;
  border: 0.5px solid rgb(56, 56, 56);
  backdrop-filter: blur(5px);
  cursor: pointer;
}

.prev {
  left: 32%;
  top: 50%;
  position: absolute;
}

.next {
  position: absolute;
  right: 32%;
  top: 50%;
}
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1s;
  animation-name: fade;
  animation-duration: 1s;
}

@-webkit-keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}

.slide {
  transition: all 0.3s;
}

@media (max-width: 1080px) {
  .slide {
    background-color: rgb(68, 66, 66);
  }
  .prev {
    left: 0%;
  }
  .next {
    right: 0%;
  }
}
@media (max-width: 450px) {
  .slide {
    background-color: transparent;
  }
}
@media (hover: hover) and (pointer: fine) {
  .slide:hover {
    background-color: rgb(68, 67, 67);
  }
  .succubuspng:hover {
    transform: scale(0.9) translateY(-65px);
  }

  .scaleonzoom:hover {
    transform: scale(1.39);
  }
  .leshenpng:hover {
    transform: scale(1.6);
  }

  .wraithpng:hover {
    transform: scale(0.9) translateY(-50px);
  }
  
  .trollpng:hover {
    transform: scale(1.5) translateY(-30px);
  }
  
  .vampirepng:hover {
    transform: scale(1.3);
  }
  
  .griffinpng:hover {
    transform: scale(1.4);
  }
  
  .kikimorepng:hover {
    transform: scale(1.1);
  }
}/* End custom CSS */
/* Start custom CSS for wp-widget-woocommerce_product_search, class: .elementor-element-e9e39cb */.woocommerce-product-search{
    display: flex
}

.woocommerce-product-search .search-field{
    border-width: 2px;
    border-color: #ffffff;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.woocommerce-product-search button{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-color: #ffffff;
    margin-left: -1px;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-09fb132 */.elementor-menu-cart__toggle .elementor-button{
    border-radius:10px;
    border-color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-d7fc74d */.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button {
    /*background-image: linear-gradient(to right, #009EE1, #051338);*/
}/* End custom CSS */