/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.3
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
body {
    overflow-x: hidden;
}
#menu-1-b144e5f {
    column-count: 2;
  }
  .wp-caption {
    display: flex;
    flex-direction: column-reverse;
  }

#main-hero {
    position: relative;
    overflow: visible;
}

#main-hero-content::before, #main-hero::after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
}
#main-hero::after {
    bottom: 5%;
    background-image: url(images/SCAP_Icons_Black_Squiggle\ 2\ 2.webp);
    width: 305px;
    height: 82px;
    right: 10%;
  }
  #main-hero-content::before {
    background-image: url(images/SCAP_Icons_Black_Asterisk\ 1.webp);
    width: 104px;
    height: 92px;
    left: -110px;
    top: -50px;
  }
  #products {
    position: relative;
    overflow: visible;
}
  #products::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-image: url(images/SCAP_Icons_Black_Squiggle.webp);
    width: 392px;
    height: 396px;
    left: -5%;
  top: 60%;
  }
  #sliding-gallery {
    position: relative;
  }
  #sliding-gallery::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-image: url(images/SCAP_Icons_Black_Squiggle-gallery.webp);
    width: 1006px;
    height: 264px;
    right: -10%;
    top: 20%;
  }
  #sliding-gallery .swiper-slide-inner {
    padding: 8px;
  }
  #sliding-gallery .elementor-swiper-button {
    position: absolute;
    top: -10px;
    opacity: .5;
    width: 13px;
  }
  #sliding-gallery .elementor-swiper-button:hover {
    opacity: 1;
  }
  #sliding-gallery .elementor-swiper-button.elementor-swiper-button-prev {
    left: auto;
    right: 35px;
  }

  #slide-number-container {
    position: absolute;
    bottom: -24px;
    right: 72px;
    transform: translateX(-50%);
    color: #000;
    font-size: 16px;
    z-index: 999;
    display: flex;
    align-items: center;
    gap: 5px;
    opacity: .5;
    font-weight: 400;
  }



.slick-prev, .slick-next {
    z-index: 1000; /* Make sure arrows are above the numbers */
}
.video-gallery::before {
    content: '';
    background-color: #ffcf01;
    transform: rotate(-3deg);
    position: absolute;
    top: -50px;
    right: -100px;
    width: auto;
    height: 300px;
    left: -100px;
  }
/*Responsive Code*/
@media only screen and (max-width: 1199px) {
    #main-hero::after {
        width: 175px;
        height: 55px;
        right: 0;
        background-size: contain;
      }
}
@media only screen and (max-width: 768px) {
    #main-hero-content::before, #main-hero::after {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
#main-hero-content .elementor-button {
    width: 100%;
  }
  .video-gallery h2 {
    color: #000 !important;
  }
}

footer .wp-caption img {
  margin: 0;
}

.cta-block {
  position: relative;
}
.cta-block::before, .cta-block::after {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  opacity: .2;
}
.cta-block::before {
  background-image: url(images/icon-hat.webp);
  width: 322px;
  transform: rotate(-25deg);
  left: 0;
  top: -40px;
}

.cta-block::after {
  background-image: url(images/icon-star.webp);
  width: 209px;
  transform: rotate(25deg);
  right: 0;
  bottom: 0;
  z-index: 100000;
  height: 192px;
}