Untitled

 avatar
unknown
plain_text
a year ago
77 kB
5
Indexable
(function () {
  try {
    var debug = 0;
    var variation_name = "";
    var testData = {
      helperFuncs: {
        addScript: function () {
          var cssScript = '' +
            '<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css"/>' +
            "<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.7/css/swiper.min.css'/>";
          document.querySelector('head').insertAdjacentHTML('beforeend', cssScript);

          var swiperScript = document.createElement('script');
          swiperScript.src = 'https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.7/js/swiper.min.js';
          document.getElementsByTagName('head')[0].appendChild(swiperScript);
        },
        waitForSwiper: function (trigger) {
          var interval = setInterval(function () {
            if (typeof Swiper != "undefined") {
              clearInterval(interval);
              trigger();
            }
          }, 50);
          setTimeout(function () {
            clearInterval(interval);
          }, 15000)
        },
        live: function (selector, event, callback, context) {
          function addEvent(el, type, handler) {
            if (el.attachEvent) el.attachEvent("on" + type, handler);
            else el.addEventListener(type, handler);
          }
          this.Element &&
            (function (ElementPrototype) {
              ElementPrototype.matches =
                ElementPrototype.matches ||
                ElementPrototype.matchesSelector ||
                ElementPrototype.webkitMatchesSelector ||
                ElementPrototype.msMatchesSelector ||
                function (selector) {
                  var node = this,
                    nodes = (node.parentNode || node.document).querySelectorAll(selector),
                    i = -1;
                  while (nodes[++i] && nodes[i] != node);
                  return !!nodes[i];
                };
            })(Element.prototype);
          function live(selector, event, callback, context) {
            addEvent(context || document, event, function (e) {
              var found,
                el = e.target || e.srcElement;
              while (el && el.matches && el !== context && !(found = el.matches(selector))) el = el.parentElement;
              if (el && found) callback.call(el, e);
            });
          }
          live(selector, event, callback, context);
        }
      },
      slidesData: {
        clientTestimonials: [
          {
            "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg",
            "authorComment": "First time ordering from Powers Sports Memorabilia and the whole process couldn't have gone...",
            "authorName": "Bryan D."
          },
          {
            "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg",
            "authorComment": "Matt, you've done everything right! Thank you very much! Larry Bird jersey turned out fabulous!...",
            "authorName": "Bradly L."
          },
          {
            "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg",
            "authorComment": "Nothing but excellent service and response from Matt and Powers Sports Memorabilia.  He went...",
            "authorName": "Bradley B."
          },
          {
            "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg",
            "authorComment": "Great Communication!  Smooth Transaction, AAA+++!  Looking forward to the next signing.",
            "authorName": "Andrew O."
          },
          {
            "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg",
            "authorComment": "I would strongly recommend Matt for all your sports memorabilia needs. I have been doing business...",
            "authorName": "Joseph R."
          },
          {
            "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg",
            "authorComment": "Kudos to Matt Powers for coordinating the Lou Holtz signing. Took a little longer than normal due...",
            "authorName": "Brad G."
          },
          {
            "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg",
            "authorComment": "I have purchased a few items from Powers Sports Memorabilia now and look forward to more in the...",
            "authorName": "Derek G."
          },
          {
            "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg",
            "authorComment": "Very nice and easy. A+++!",
            "authorName": "Sgtrob91"
          },
          {
            "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg",
            "authorComment": "Matt is a fantastic asset to the hobby.  He is extremely knowledgeable about trends in the hobby...",
            "authorName": "Jeff Q."
          },
          {
            "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg",
            "authorComment": "Larry Bird Autograph Received 9/30/22: I’m impressed with the level of communication and the...",
            "authorName": "Felipe P."
          },
          {
            "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg",
            "authorComment": "Powers Sports is my go to for autograph signings. A+ customer service",
            "authorName": "Gradedhofrcs"
          },
          {
            "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg",
            "authorComment": "Best autograph dealer in the business in my opinion. Easy to deal with, great customer service,...",
            "authorName": "Aaronrielly"
          },
          {
            "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg",
            "authorComment": "Easily the best place to get your items signed. The level of detail and clarity on his website...",
            "authorName": "Praveen V."
          },
          {
            "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg",
            "authorComment": "Awesome Service - Sent in the attached photo to get the final signature needed to complete the...",
            "authorName": "Dave S."
          }
        ],
        whatsHot: [
          [
            {
              "title": "PATRICK MAHOMES,<br>AUTOGRAPHED NEWSPAPER",
              "pdplink": "https://powerssportsmemorabilia.com/collections/best-sellers/products/kansas-city-chiefs-super-bowl-54-liv-champions-original-front-page-kc-star-framed-newspaper-with-patrick-mahomes",
              "text": "SHOP NOW",
              "img": "https://powerssportsmemorabilia.com/cdn/shop/products/kansas-city-chiefs-framed-super-bowl-newspaper_400x.jpg?v=1619839778"
            },
            {
              "title": "Nolan Ryan,<br>Autographed Framed Photo",
              "pdplink": "https://powerssportsmemorabilia.com/collections/best-sellers/products/nolan-ryan-autographed-rangers-signed-framed-8x10-photo-punching-robin-ventura-tristar-coa",
              "text": "SHOP NOW",
              "img": "https://powerssportsmemorabilia.com/cdn/shop/files/nolan-ryan-framed-ventura-11323_400x.jpg?v=1700707758"
            }
          ],
          [
            {
              "title": "Pete Rose,<br>Autographed MLB",
              "pdplink": "https://powerssportsmemorabilia.com/collections/best-sellers/products/pete-rose-autographed-mlb-signed-im-sorry-i-bet-on-baseball-jsa-coa-with-uv-display-case",
              "text": "SHOP NOW",
              "img": "https://powerssportsmemorabilia.com/cdn/shop/files/pete-rose-sorry-63023_600x.jpg?v=1688179793"
            },
            {
              "title": "Bobby Orr,<br>Autographed Framed Photo",
              "pdplink": "https://powerssportsmemorabilia.com/collections/best-sellers/products/bobby-orr-autographed-1970-stanley-cup-dive-signed-8x10-framed-hockey-photo-great-north-road-coa",
              "text": "SHOP NOW",
              "img": "https://powerssportsmemorabilia.com/cdn/shop/files/bobby-orr-frame-new_5000x.jpg?v=1702694976"
            }
          ],
          [
            {
              "title": "Chicago Cubs 2016,<br>Original Framed Newspaper",
              "pdplink": "https://powerssportsmemorabilia.com/collections/best-sellers/products/chicago-cubs-2016-world-series-baseball-champions-at-last-tribune-framed-newspaper-black-frame",
              "text": "SHOP NOW",
              "img": "https://powerssportsmemorabilia.com/cdn/shop/products/64f29a0487b75f33af0fe1fd34a2629c_b5cb2333-15a5-4b05-bd8c-41df6b3ec48e_600x.jpg?v=1624848496"
            },
            {
              "title": "Deion Sanders,<br>Mint Rookie Card",
              "pdplink": "https://powerssportsmemorabilia.com/collections/best-sellers/products/deion-sanders-atlanta-falcons-1989-topps-traded-football-rookie-card-rc-30t-graded-psa-9-mint",
              "text": "SHOP NOW",
              "img": "https://powerssportsmemorabilia.com/cdn/shop/products/deion-sanders-30T_3eaa6cb5-cda9-44b3-9762-4b0853ec21fe_600x.jpg?v=1619841472"
            }
          ],
          [
            {
              "title": "Ken Griffey Jr,<br>Signed Baseball",
              "pdplink": "https://powerssportsmemorabilia.com/collections/best-sellers/products/ken-griffey-jr-autographed-hall-of-fame-hof-16-signed-baseball-beckett-coa",
              "text": "SHOP NOW",
              "img": "https://powerssportsmemorabilia.com/cdn/shop/products/ken-griffey-jr-baseball-103021_600x.jpg?v=1635607421"
            },
            {
              "title": "Barry Sanders,<br>Rookie Card",
              "pdplink": "https://powerssportsmemorabilia.com/collections/best-sellers/products/barry-sanders-detroit-lions-1989-topps-traded-football-rookie-card-rc-83t-graded-psa-8",
              "text": "SHOP NOW",
              "img": "https://powerssportsmemorabilia.com/cdn/shop/products/BarrySanders83T-8_db703f79-fedc-4ce8-9302-ff5ee796c96d_600x.jpg?v=1619842669"
            }
          ]
        ]
      }
    }
    function waitForElement(selector, trigger, delayInterval, delayTimeout) {
      var interval = setInterval(function () {
        if (
          document &&
          document.querySelector(selector) &&
          document.querySelectorAll(selector).length > 0
        ) {
          clearInterval(interval);
          trigger();
        }
      }, delayInterval);
      setTimeout(function () {
        clearInterval(interval);
      }, delayTimeout);
    }
    function live(selector, event, callback, context) {
      /****Helper Functions****/
      // helper for enabling IE 8 event bindings
      function addEvent(el, type, handler) {
        if (el.attachEvent) el.attachEvent("on" + type, handler);
        else el.addEventListener(type, handler);
      }
      // matches polyfill
      this.Element &&
        (function (ElementPrototype) {
          ElementPrototype.matches =
            ElementPrototype.matches ||
            ElementPrototype.matchesSelector ||
            ElementPrototype.webkitMatchesSelector ||
            ElementPrototype.msMatchesSelector ||
            function (selector) {
              var node = this,
                nodes = (node.parentNode || node.document).querySelectorAll(selector),
                i = -1;
              while (nodes[++i] && nodes[i] != node);
              return !!nodes[i];
            };
        })(Element.prototype);
      // live binding helper using matchesSelector
      function live(selector, event, callback, context) {
        addEvent(context || document, event, function (e) {
          var found,
            el = e.target || e.srcElement;
          while (el && el.matches && el !== context && !(found = el.matches(selector))) el = el.parentElement;
          if (el && found) callback.call(el, e);
        });
      }
      live(selector, event, callback, context);
    }

    const newHTML = `
      <section class="eg-body_new">
        <!-- hero -->
        <div class="eg-hero_new"></div>
        <!-- authenticity guranteed section -->
        <div class="eg-auth-guaranteed_new"></div>
        <!-- shop by sport section -->
        <div class="eg-shop-by-sport_new"></div>
        <!-- testimonials -->
        <div class="eg-testimonial_new"></div>
        <!-- how it works -->
        <div class="eg-how-it-works_new"></div>
        <!-- show what's hot -->
        <div class="eg-shop-whatshot_new"></div>
        <!-- checkout podcast -->
        <div class="eg-checkout-podcast_new"></div>
      </section>
    `;
    function init() {
      document.body.style.opacity = 1;
      testData.helperFuncs.addScript();
      if (!document.body.querySelector(".eg-body_new")) {
        document.querySelector('#shopify-section-footer').insertAdjacentHTML('beforebegin', newHTML);
        /* Updating HTML */
        // HERO 
        setHero();
        // AUTHENTICITY GURANTEED
        setAuthGurateend();
        // SHOP BY SPORT
        setShopBySport();
        // TESTIMONIALS
        setTestimonials();
        //  HOW IT WORKS
        setHowitworks();
        // WHAT'S HOT
        setWhatsHot();
        // PODCAST
        setPodcast();
        // Test events
        testEvents();
      }
    }

    function testEvents() {
      live('html body .eg-header_new .eg-nav-actions .eg-search', 'click', function () {
        document.querySelector('.mobile-search')?.classList.add('eg-show-search');
      });

      live('html body .mobile-search.eg-show-search .close-search', 'click', function () {
        document.querySelector('.mobile-search')?.classList.remove('eg-show-search');
      });
      live('html body .eg-auth-guaranteed_new .eg-content .eg-video-wrapper:not(.eg-video-added)', 'click', function () {
        this.classList.add('eg-video-added');
        this.innerHTML = `<iframe width="100%" height="100%" src="https://www.youtube.com/embed/PtcyDGoVTm0?autoplay=1" allow='autoplay' frameborder="0" allowfullscreen></iframe>`
      });
      live('html body .eg-auth-guaranteed_new .eg-content>.eg-right .eg-cta-group a.eg-cta-primary', 'click', function () {
        jumptoSection('.eg-how-it-works_new');
      });

      live('html body .eg-shop-by-sport_new .eg-footer .eg-cta-group_footer a.eg-cta-secondary', 'click', function () {
        jumptoSection('.eg-shop-whatshot_new');
      });

      live('html body .eg-hero_new .eg-cta-secondary', 'click', function () {
        jumptoSection('.eg-auth-guaranteed_new');
      });
    }

    function setHero() {
      const updtTrgt = document.querySelector(".eg-hero_new");
      const copy = {
        'des': {
          "usp1": {
            heading: 'Authenticity Guaranteed',
            subheading: 'All items come with a <strong>certificate of authenticity</strong> from the company that conducted the signing with the athlete.'
          },
          "usp2": {
            heading: "Top Notch Communications",
            subheading: "We stay in touch via email and courtesy calls, so <strong>you'll always know the status of your collectibles</strong> in the signing process."
          },
          "usp3": {
            heading: 'Easy Online Process from a Trusted Source',
            subheading: '<strong>We make it easy</strong> to get that autograph you have always wanted with our online ordering process.'
          }
        },
        "mob": {
          "usp1": {
            heading: 'Authenticity Guaranteed',
            subheading: 'From the company that conducted the signing with the athlete.'
          },
          "usp2": {
            heading: "Top Notch Communications",
            subheading: "So you'll always know the status of your order in the signing process."
          },
          "usp3": {
            heading: 'Easy Autograph Process',
            subheading: 'Makes it easy to get that autograph you have always wanted.'
          }
        }
      }
      const ismob = window.innerWidth < 767;
      const data = ismob ? copy.mob : copy.des;
      const newHTML = `
      <div class="eg-container_new">
        <h1 class="eg-section-heading">Helping Autograph Collectors Create Amazing Collections Since 2008</h1>
        <p class="eg-section-subheading">We connect you to your sports heroes with personalized signings and curated authentic signed memorabilia</p>
<div class="eg-content">
    <ul class="eg-usps">
        <li>
            <span class="eg-heading">${data.usp1.heading}</span>
            <p class="eg-subheading">${data.usp1.subheading}</p>
        </li>
         <li>
            <span class="eg-heading">${data.usp2.heading}</span>
            <p class="eg-subheading">${data.usp2.subheading}</p>
        </li>
         <li>
            <span class="eg-heading">${data.usp3.heading}</span>
            <p class="eg-subheading">${data.usp3.subheading}</p>
        </li>
    </ul>
    <div class="eg-content-bottom">
        <p>Don't wait! Get the autograph you've always wanted now.</p>
            <div class="eg-ctas-group">
                <a class="eg-cta-ternory" href="https://powerssportsmemorabilia.com/pages/upcoming-autograph-signings">NEXT SIGNINGS</a>
                <a class="eg-cta-secondary" >HOW WE AUTHENTICATE</a>
            </div>
    </div>
</div>
      <!-- add trust badges here for hero -->

<div class="eg-trust-collection">
    <p>Trusted by collectors just like you.</p>
    <div class="eg-badges">
        <div class="eg-badge">
            <div class="eg-image">
                <img src="https://sitetunershosting.com/clients/power/herogoogle.svg">
            </div>
            <span>4.9 Stars <br> Google</span>
        </div>
        <div class="eg-badge">
            <div class="eg-image">
                <img src="https://sitetunershosting.com/clients/power/heroStar.svg">
            </div>
            <span>5 Stars - Over 500 <br> Product Reviews</span>
        </div>
        <div class="eg-badge">
            <div class="eg-image">
                <img src="https://sitetunershosting.com/clients/power/heroAuthTick.svg">
            </div>
            <span>Authenticity <br> Guaranteed</span>
        </div>
    </div>
</div>
      
      </div>
      `;
      updtTrgt.innerHTML = newHTML;
    }

    function setAuthGurateend() {
      const updtTrgt = document.querySelector(".eg-auth-guaranteed_new");
      const copy = {
        'des': {
          "eglast": "Start shopping or learn more about personalized autographs.",
        },
        "mob": {
          "eglast": "Don't wait! Get the autograph you've always wanted now."
        }
      }
      const ismob = window.innerWidth < 767;
      const data = ismob ? copy.mob : copy.des;
      const newHTML = `
      <div class="eg-container_new">
    <h1 class="eg-section-heading">Authenticity Guaranteed!</h1>
    <p class="eg-section-subheading">Learn how we protect you by authenticating everything we sell</p>
    <div class="eg-content">
        <div class="eg-left">
            <p>Watch this 1-minute video to learn more about authentication</p>
            <div class="eg-video-wrapper"></div>
        </div>
        <div class="eg-right">
            <p>You should never have to worry about the authenticity of your autograph.  Every autograph we sell comes
                with a certificate of authenticity.</p>
            <p class="eg-bold">But what does that mean for you?</p>
            <p>In summary, three major companies authenticate most of the industry. PSA/DNA, JSA, Beckett
                Authentication.</p>
            <p>These companies are physically present with every signing, have detailed records of the signing event,
                and guarantee the autograph is the real deal.</p>
            <p>Every certificate of authenticity can easily be verified directly with one of these companies.</p>
            <p class="eg-last">${data.eglast}</p>
            <div class="eg-cta-group">
                <a class="eg-cta-ternory" href="https://powerssportsmemorabilia.com/collections">SHOP BY SPORT</a>
                <a class="eg-cta-primary">HOW IT WORKS</a>
            </div>
        </div>
    </div>
    <!-- add trust badges here for auth -->
    <div class="eg-trust-collection">
        <div class="eg-badges">
            <div class="eg-badge">
                <div class="eg-image">
                    <img src="https://sitetunershosting.com/clients/power/authgoog.svg">
                </div>
                <span>4.9 Stars <br> Google</span>
            </div>
            <div class="eg-badge">
                <div class="eg-image">
                    <img src="https://sitetunershosting.com/clients/power/authstar.svg">
                </div>
                <span>5 Stars - Over 500 <br> Product Reviews</span>
            </div>
            <div class="eg-badge">
                <div class="eg-image">
                    <img src="https://sitetunershosting.com/clients/power/authtick.svg">
                </div>
                <span>Authenticity <br> Guaranteed</span>
            </div>
        </div>
    </div>
</div>
      `;
      updtTrgt.innerHTML = newHTML
    }

    function setShopBySport() {
      const updtTrgt = document.querySelector(".eg-shop-by-sport_new");
      const copy = {
        'des': {
          "egSectionSubHeading": "Select your sport to view signings or memorabilia for sale",
          "egfooterP": "Don't see your sport? View all sports' upcoming signings and memorabilia for sale."
        },
        "mob": {
          "egSectionSubHeading": "Select your sport to see signings or memorabilia",
          'egfooterP': "Don't see your sport? View all sports' upcoming signings and memorabilia."
        }
      }
      const ismob = window.innerWidth < 767;
      const data = ismob ? copy.mob : copy.des;
      const newHTML = `
      <div class="eg-container_new">
        <h1 class="eg-section-heading">Shop by Sport</h1>
        <p class="eg-section-subheading">${data.egSectionSubHeading}</p>
<div class="eg-cards">
    <div class="eg-card">
        <div class="eg-image-wrapper">
            <img src="https://sitetunershosting.com/clients/power/baseball_collage.png">
        </div>
        <h2 class="eg-card-title">Baseball</h2>
        <p class="eg-card-info">Signed cards, baseballs, helmets, and so much more!</p>
            <div class="eg-cta-group">
                <a class="eg-cta-ternory" href="https://powerssportsmemorabilia.com/pages/upcoming-autograph-signings-baseball">VIEW NEXT SIGNINGS</a>
                 <a class="eg-cta-secondary" href="https://powerssportsmemorabilia.com/collections/baseball-1">SHOP MEMORABILIA</a>
            </div>
    </div>
    <div class="eg-card">
        <div class="eg-image-wrapper">
            <img src="https://sitetunershosting.com/clients/power/football_collage.png">
        </div>
        <h2 class="eg-card-title">Football</h2>
        <p class="eg-card-info">Signed footballs, jerseys, cards, and so much more!</p>
            <div class="eg-cta-group">
                <a class="eg-cta-ternory" href="https://powerssportsmemorabilia.com/pages/upcoming-autograph-signings-football">VIEW NEXT SIGNINGS</a>
                 <a class="eg-cta-secondary" href="https://powerssportsmemorabilia.com/collections/football-1">SHOP MEMORABILIA</a>
            </div>
    </div>
    <div class="eg-card">
        <div class="eg-image-wrapper">
            <img src="https://sitetunershosting.com/clients/power/basketball_collage.png">
        </div>
        <h2 class="eg-card-title">Basketball</h2>
        <p class="eg-card-info">Signed basketballs, jerseys, cards, and so much more!</p>
            <div class="eg-cta-group">
                <a class="eg-cta-ternory" href="https://powerssportsmemorabilia.com/pages/upcoming-autograph-signings-basketball">VIEW NEXT SIGNINGS</a>
                 <a class="eg-cta-secondary" href="https://powerssportsmemorabilia.com/collections/basketball-1">SHOP MEMORABILIA</a>
            </div>
    </div>
</div>
<div class="eg-footer">
    <p>${data.egfooterP}</p>
    <div class="eg-cta-group_footer">
        <a class="eg-cta-ternory" href="https://powerssportsmemorabilia.com/pages/upcoming-autograph-signings">VIEW ALL SIGNINGS</a>
                 <a class="eg-cta-secondary">SHOP ALL MEMORABILIA</a>
    </div>
</div>
      </div>
      `;
      updtTrgt.innerHTML = newHTML;
    }

    function setWhatsHot() {
      const updtTrgt = document.querySelector(".eg-shop-whatshot_new");
      const copy = {
        'des': {
          "egmcta1": "SHOP ALL MEMORABILIA",
          "egmcta2": "VIEW NEXT SIGNINGS"
        },
        "mob": {
          "egmcta1": "SHOP ALL MEMORABILIA",
          "egmcta2": "VIEW ALL SIGNINGS"
        }
      }
      const ismob = window.innerWidth < 767;
      const data = ismob ? copy.mob : copy.des;
      const newHTML = `
      <div class="eg-container_new">
        <h1 class="eg-section-heading">Shop What's Hot!</h1>
        <p class="eg-section-subheading">Check out what everyone is looking at. Here are a few of the most viewed items for sale</p>
        <div class="eg-content">
            <div class="eg-cta-group">
                <a class="eg-cta-ternory" href="https://powerssportsmemorabilia.com/collections/best-sellers">${data.egmcta1}</a>
                <a class="eg-cta-primary" href="https://powerssportsmemorabilia.com/pages/upcoming-autograph-signings">${data.egmcta2}</a>
            </div>
            <div class="eg-note">
                <img src="https://svgshare.com/i/10NA.svg">
                <span class="eg-bold">Authenticity<br>Guaranteed</span>
                <span class="eg-text">You should never have to worry about the authenticity of your autograph.</span>
            </div>
        </div>
      </div>
      `;
      updtTrgt.innerHTML = newHTML;
      var carouselId = 'eg-whatshot-testimonials';
      var carouselPutTarget = '.eg-shop-whatshot_new .eg-container_new .eg-section-subheading';
      var carouselPutPos = 'afterend';
      var nextElSel = '.swiper-button-next-' + carouselId,
        prevElSel = '.swiper-button-prev-' + carouselId,
        paginationElSel = '.swiper-pagination-' + carouselId;
      var carouselData = {
        carouselId: carouselId,
        carouselSlides: testData.slidesData.whatsHot,
        swiperSettings: {
          direction: 'horizontal',
          spaceBetween: 50,
          slidesPerView: 4,
          slidesPerGroup: 4,
          // loop: true,
          // loopedSlides: 6,
          // centeredSlides: true,
          // centeredSlidesBounds: true,
          mousewheel: {
            forceToAxis: true,
          },
          navigation: {
            nextEl: nextElSel,
            prevEl: prevElSel,
          },
          pagination: {
            el: paginationElSel,
            clickable: true,
          },
          keyboard: true,
          allowSlidePrev: true,
          allowSlideNext: true,
          initialSlide: 0,
          breakpoints: {
            960: {
              spaceBetween: 12,
            },
            767: {
              spaceBetween: 7,
              slidesPerView: 2,
              loopedSlides: 4,
              slidesPerGroup: 2,
              centeredSlides: false,
              centeredSlidesBounds: false
            },
            490: {
              spaceBetween: 7,
              slidesPerView: 1,
              loopedSlides: 2,
              slidesPerGroup: 1,
              centeredSlides: false,
              centeredSlidesBounds: false
            },
          },
          on: {
            init: function () {
              // updateIndicator(carouselId);
            },
            resize: function () {
              // updateIndicator(carouselId);
            },
            transitionEnd: function () {
              // updateIndicator(carouselId);
            }
          },
        },
        slidesForCarousel: 'whatshot'
      }
      addCarousel(carouselData, carouselPutTarget, carouselPutPos);
    }

    function setTestimonials() {
      const updtTrgt = document.querySelector(".eg-testimonial_new");
      const newHTML = `
      <div class="eg-container_new">
        <h1 class="eg-section-heading">Client Testimonials</h1>
        <p class="eg-section-subheading">Hear what other collectors like you have to say about us</p>
      </div>
      `;
      updtTrgt.innerHTML = newHTML;
      var carouselId = 'eg-client-testimonials';
      var carouselPutTarget = '.eg-testimonial_new .eg-container_new';
      var carouselPutPos = 'beforeend';
      var nextElSel = '.swiper-button-next-' + carouselId,
        prevElSel = '.swiper-button-prev-' + carouselId,
        paginationElSel = '.swiper-pagination-' + carouselId;
      var carouselData = {
        carouselId: carouselId,
        carouselSlides: testData.slidesData.clientTestimonials,
        swiperSettings: {
          direction: 'horizontal',
          spaceBetween: 24,
          slidesPerView: 3,
          slidesPerGroup: 3,
          // loop: true,
          // loopedSlides: 6,
          // centeredSlides: true,
          // centeredSlidesBounds: true,
          mousewheel: {
            forceToAxis: true,
          },
          navigation: {
            nextEl: nextElSel,
            prevEl: prevElSel,
          },
          pagination: {
            el: paginationElSel,
            clickable: true,
          },
          keyboard: true,
          allowSlidePrev: true,
          allowSlideNext: true,
          initialSlide: 0,
          breakpoints: {
            960: {
              spaceBetween: 12,
            },
            767: {
              spaceBetween: 7,
              slidesPerView: 2,
              loopedSlides: 4,
              slidesPerGroup: 2,
              centeredSlides: false,
              centeredSlidesBounds: false
            },
            490: {
              spaceBetween: 7,
              slidesPerView: 1,
              loopedSlides: 2,
              slidesPerGroup: 1,
              centeredSlides: false,
              centeredSlidesBounds: false
            },
          },
          on: {
            init: function () {
              // updateIndicator(carouselId);
            },
            resize: function () {
              // updateIndicator(carouselId);
            },
            transitionEnd: function () {
              // updateIndicator(carouselId);
            }
          },
        },
        slidesForCarousel: 'testimonials'
      }
      addCarousel(carouselData, carouselPutTarget, carouselPutPos);
    }

    function setHowitworks() {
      const updtTrgt = document.querySelector('.eg-how-it-works_new');
      const copy = {
        'des': {
          "egfootercta1": "VIEW UPCOMING SIGNINGS",
          "egfootercta2": "SHOP ALL MEMORABILIA"
        },
        "mob": {
          "egfootercta1": "VIEW SIGNINGS",
          'egfootercta2': "SHOP MEMORABILIA"
        }
      }
      const ismob = window.innerWidth < 767;
      const data = ismob ? copy.mob : copy.des;
      const newHTML = `
      <div class="eg-container_new">
    <h1 class="eg-headline eg-section-heading">How it works</h1>
    <p class="eg-subheadline eg-section-subheading">Learn how simple it is to get your personal items signed by your favorite sports heroes</p>
    <ul class="eg-usps">
        <li class="eg-usp">
            <span class="eg-uspheading">1</span>
            <span class="eg-uspsubheading">Order Online</span>
            <span class="eg-uspdetail">Order an autograph on one of your personal items or buy one of ours.</span>
        </li>
         <li class="eg-usp">
            <span class="eg-uspheading">2</span>
            <span class="eg-uspsubheading">Send Your Item</span>
            <span class="eg-uspdetail">Send your item with signing instructions. We'll contact you once received.</span>
        </li>
         <li class="eg-usp">
            <span class="eg-uspheading">3</span>
            <span class="eg-uspsubheading">We Get It Signed</span>
            <span class="eg-uspdetail">The athlete signs your item as requested and we inspect for quality.</span>
        </li>
         <li class="eg-usp">
            <span class="eg-uspheading">4</span>
            <span class="eg-uspsubheading">We Return Your Item</span>
            <span class="eg-uspdetail">Your item is carefully packed up and sent to you with tracking details.</span>
        </li>
    </ul>
    <span class="eg-footer">View our upcoming signings now to plan your personal autograph.</span>
        <div class="eg-cta-group">
            <a class="eg-cta eg-cta-ternory" href="https://powerssportsmemorabilia.com/pages/upcoming-autograph-signings">${data.egfootercta1}</a>
            <a class="eg-cta eg-cta-secondary" href="https://powerssportsmemorabilia.com/collections">${data.egfootercta2}</a>
        </div>
        ${ismob ? `<div class="eg-trust-collection">
    <div class="eg-badges">
        <div class="eg-badge">
            <div class="eg-image">
                <img src="https://sitetunershosting.com/clients/power/herogoogle.svg">
            </div>
            <span>4.9 Stars <br> Google</span>
        </div>
        <div class="eg-badge">
            <div class="eg-image">
                <img src="https://sitetunershosting.com/clients/power/heroStar.svg">
            </div>
            <span>5 Stars - Over 500 <br> Product Reviews</span>
        </div>
        <div class="eg-badge">
            <div class="eg-image">
                <img src="https://sitetunershosting.com/clients/power/heroAuthTick.svg">
            </div>
            <span>Authenticity <br> Guaranteed</span>
        </div>
    </div>
</div>`: ""}
</div>
      `;
      updtTrgt.innerHTML = newHTML;
    }

    function setPodcast() {
      const updtTrgt = document.querySelector(".eg-checkout-podcast_new");
      const newHTML = `
      <div class="eg-check-podcast eg-container_new">
    <div class="eg-join-our-podcast">
        <h3>Check Out Our Podcast!</h3>
        <p>Join the conversation!</p>
        <div>
        <img src="https://sitetunershosting.com/clients/power/checkoutpodcastlogo.svg">
        </div>
    </div>
    <div class="eg-podcast-content">
        <div class="eg-content">
            <p>We discuss sports memorabilia, autographs, and a whole bunch of other fun topics around the sports world. <span>Always
            informative and fun!</span></p>
        </div>
        <a class="eg-podcast-listen eg-cta-ternory" href="https://powerssportsmemorabilia.buzzsprout.com/">LISTEN NOW</a>
    </div>
</div>`;
      updtTrgt.innerHTML = newHTML;
      if (window.innerWidth < 768) {
        document.querySelector(".eg-check-podcast .eg-join-our-podcast>p").insertAdjacentElement('afterend', document.querySelector(".eg-check-podcast .eg-podcast-content>.eg-content"));
      }
    }

    var addCarousel = function (data, target, position) {
      var carouselId = data.carouselId;
      var carouselSlides = data.carouselSlides;
      var carouselHTML = '' +
        '  <div class="eg-slider-wrapper" id="eg-carousel-' + carouselId + '">' +
        '      <div class="eg-slider-container">' +
        '          <div class="eg-carousel swiper">' +
        '              <div class="eg-carousel_item-container my-slider swiper-container swiper-container-' + carouselId + '">' +
        '                  <div class="swiper-wrapper"></div>' +
        '              </div>' +
        '          </div>' +
        '              <button type="button" class="swiper-button-prev swiper-button-prev-' + carouselId + '"></button>' +
        '              <button type="button" class="swiper-button-next swiper-button-next-' + carouselId + '"></button>' +
        '                  <div class="swiper-pagination swiper-pagination-' + carouselId + '"></div>' +
        '      </div>' +
        '  </div>';
      var crgelSel = '#eg-carousel-' + carouselId;
      if (!document.querySelector(crgelSel)) {
        var targetEl = document.querySelector(target);
        targetEl.insertAdjacentHTML(position, carouselHTML);
        testData.helperFuncs.waitForSwiper(function () {
          updateCarousel(carouselSlides, carouselId, data.swiperSettings, data.slidesForCarousel);
        });
      }
    }

    var updateCarousel = function (SlideData, carouselId, swiperSettings, slidesForCarousel) {
      console.log(slidesForCarousel);
      console.log("Updating : ", SlideData);
      const carouselSlidesHTML = genSlides(slidesForCarousel, SlideData);
      var swiperSel = '.swiper-container-' + carouselId;
      var swiperSlideContainerSel = swiperSel + " " + '.swiper-wrapper';
      document.querySelector(swiperSlideContainerSel).innerHTML = carouselSlidesHTML;
      if (window.innerWidth > 767) {
        testData[slidesForCarousel] = new Swiper(swiperSel, swiperSettings);
      } else {
        if (slidesForCarousel !== "whatshot") {
          testData[slidesForCarousel] = new Swiper(swiperSel, swiperSettings);
        }
      }
      window.dispatchEvent(new Event('resize'));
    }

    const genSlides = function (slidesForCarousel, carouselSlides) {
      if (slidesForCarousel === "testimonials") {
        var carouselSlidesHTML = carouselSlides.reduce(function (tSlides, crrSlide) {
          var slideHTML = '' +
            '  <div class="eg-carousel-slide swiper-slide">' +
            '      <a class="eg-carousel-slide_wrapper">' +
            '          <div class="eg-img-wrapper"><img class="eg-carousel-slide_img" src="' + crrSlide.authorImg + '" /></div>' +
            '          <p class="eg-author-comment">"' + crrSlide.authorComment + '"</p>' +
            '          <p class="eg-author-name"><strong>' + crrSlide.authorName.replace(".", '') + '</strong>.:&nbsp;Verified Purchase</p>' +
            '      </a>' +
            '  </div>';
          return tSlides += slideHTML;
        }, '');
        return carouselSlidesHTML;
      } else if (slidesForCarousel === "whatshot") {
        var carouselSlidesHTML = carouselSlides.reduce(function (tSlides, crrSlide) {
          var slideHTML = '' +
            '  <div class="eg-carousel-slide swiper-slide">' +
            '      <a class="eg-carousel-slide_wrapper" href="' + crrSlide[0].pdplink + '">' +
            '          <span>' + crrSlide[0].title + '</span>' +
            '          <div class="eg-wrapper">' +
            '             <img src="' + crrSlide[0].img + '"/>' +
            '             <p class="eg-text">' +
            '                <span>' + crrSlide[0].text + '</span>' +
            '             </p>' +
            '         </div>' +
            '      </a>' +
            '      <a class="eg-carousel-slide_wrapper" href="' + crrSlide[1].pdplink + '">' +
            '          <span>' + crrSlide[1].title + '</span>' +
            '          <div class="eg-wrapper">' +
            '             <img src="' + crrSlide[1].img + '"/>' +
            '             <p class="eg-text">' +
            '                <span>' + crrSlide[1].text + '</span>' +
            '             </p>' +
            '         </div>' +
            '      </a>' +
            '  </div>';
          return tSlides += slideHTML;
        }, '');
        return carouselSlidesHTML;
      }
    }

    function jumptoSection(targetSel) {
      const el = document.querySelector(targetSel);
      if (el) {
        let extrapart = -120;
        if (window.innerWidth < 768) {
          extrapart = -70;
        }
        const elTop = el.getBoundingClientRect().top + window.scrollY + extrapart;
        console.log(elTop);
        window.scrollTo({
          top: elTop,
          left: 0,
          behavior: "smooth",
        });
      }
    }


    waitForElement('#shopify-section-footer', init, 50, 15000);
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();


@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Raleway:wght@300;400;700&display=swap');

/*
font-family: 'Lato',sans-serif;
font-family: 'Raleway',sans-serif; 
*/

/* COMMON CSS */

html,
body {
    scroll-behavior: smooth !important;
}

html body .eg-container_new {
    max-width: 1200px !important;
    margin-left: auto;
    margin-right: auto;
}

html body .eg-cta-ternory,
html body .eg-cta-primary,
html body .eg-cta-secondary {
    cursor: pointer;
    font-family: Raleway;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: center;
    display: inline-block !important;
    border-radius: 4px !important;
}

html body .eg-cta-ternory {
    padding: 19px 52px 19px 52px !important;
    background: #FA9F34 !important;
    font-weight: 700;
    color: #191F28 !important;
    box-shadow: 0px 2px 4px 0px #191F2842 !important;
}

html body .eg-cta-ternory:hover {
    background: #F28402 !important;
}

html body .eg-cta-secondary {
    font-weight: 700;
    color: #FFFFFF !important;
    padding: 19px 52px 19px 52px !important;
    box-shadow: 0px 2px 4px 0px #000000;
    border: 1px solid #FFFFFF;
    background: #01000000 !important;
}

html body .eg-cta-secondary:hover {
    border: 1px solid #FFFFFF;
    background: #B1B1B11C !important;
}


html body .eg-cta-primary {
    font-weight: 700;
    color: #191F28 !important;
    border: 1px solid #191F28;
    box-shadow: 0px 2px 4px 0px #191F2842;
    padding: 19px 52px 19px 52px;
    background: #DEDEDE00 !important;
}


html body .eg-cta-primary:hover {
    border: 1px solid #191F28;
    box-shadow: 0px 2px 4px 0px #191F2842;
    background: #8B8B8B1C !important;
}

html body .eg-section-heading {
    --clr: white;
    color: var(--clr);
    text-align: center;
    font-family: Raleway;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

html body .eg-section-subheading {
    --clr: white;
    color: var(--clr);
    text-align: center;
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/* hiding whole body content below header except footer */
html body .section-wrapper {
    display: none !important;
}

html body>.eg-body_new {
    width: 100% !important;
}


html body .eg-slider-wrapper {
    position: relative;
    --ctaspos: -24px;
}

html body .eg-slider-wrapper [class^="swiper-button"] {
    width: 10.002px;
    height: 19px;
    padding: 0 !important;
    border: none;
    outline: none;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000 !important;
    pointer-events: all;
    opacity: 1 !important;
    cursor: pointer;
}

html body .eg-slider-wrapper [class^="swiper-button"]::after {
    font-size: 19px;
}

html body .eg-slider-wrapper [class^="swiper-button"].swiper-button-prev {
    left: var(--ctaspos);
}


html body .eg-slider-wrapper [class^="swiper-button"].swiper-button-next {
    right: var(--ctaspos);
}

html body .eg-slider-wrapper .swiper-pagination {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: 23px;
    grid-gap: 10px;
}

html body .eg-slider-wrapper .swiper-pagination>.swiper-pagination-bullet {
    background: #BBBCBE !important;
    opacity: 1 !important;
    width: 10px;
    height: 10px;
}

html body .eg-slider-wrapper .swiper-pagination>.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #191F28 !important;
}

/* trust seal */
html body .eg-trust-collection {
    margin-top: 35px;
}

html body .eg-trust-collection>.eg-badges {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    grid-gap: 100px;
    margin-top: 30px;
}

html body .eg-trust-collection>.eg-badges>.eg-badge {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

html body .eg-trust-collection>.eg-badges .eg-image {
    margin-right: 7px;
}

html body .eg-trust-collection>.eg-badges {
    filter: opacity(0.56);
}

html body .eg-trust-collection>.eg-badges span {
    color: #191F28;
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

@media only screen and (min-width:1024px) and (max-width:1200px) {

    .eg-auth-guaranteed_new>div {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }
}

@media(max-width:768px) {

    html body .eg-trust-collection>.eg-badges {
        grid-gap: 15px;
        flex-wrap: wrap;
    }

    html body .eg-trust-collection>.eg-badges span {
        font-size: 11px;
    }

    html body .eg-trust-collection>.eg-badges .eg-image img {
        width: 22px;
        display: block;
    }
}


@media(max-width:1024px) {
    html body .eg-container_new {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }

    html body .eg-slider-wrapper {
        --ctaspos: 10px;
    }

    html body .eg-section-heading {
        font-size: 24px;
    }

    html body .eg-section-subheading {
        font-size: 18px;
        margin-bottom: 20px !important;
    }

    html body .eg-container_new {
        padding-bottom: 30px !important;
        padding-top: 30px !important;
    }

}

@media(max-width:768px) {
    html body .eg-section-heading {
        text-align: left;
        margin-left: 0 !important;
    }

    html body .eg-section-subheading {
        text-align: left;
    }
}

/* COMMON CSS END */

/* HEADER */
html body .eg-header_new .eg-topbar {
    background: radial-gradient(295.08% 295.08% at 50% -101.64%, #122D5D 23.44%, #00040B 100%);
}

html body .eg-header_new .eg-topbar .eg-container_new {
    display: flex;
    padding: 20px 0;
    justify-content: flex-end;
    color: white;
}

html body .eg-header_new .eg-topbar .eg-container_new .eg-text {
    color: #FFF;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

html body .eg-header_new .eg-topbar .eg-container_new .eg-call {
    color: #FFF;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
    grid-gap: 5px;
    margin-left: 10px;
    padding-right: 10px;
    margin-right: 14px;
    border-right: 1px solid white;
    text-decoration: none;
    cursor: pointer;
}

html body .eg-header_new .eg-topbar .eg-container_new .eg-contact-us {
    color: #FFF;
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer;
}

html body .eg-header_new .eg-menu-bar {
    background: white;
}

html body .eg-header_new .eg-container_new {
    display: flex;
    /* align-items: center; */
    padding: 13px 0;
    justify-content: space-between;
}

html body .eg-header_new .eg-header-logo {
    width: 100%;
    max-width: 194px;
    display: flex;
    align-items: center;
    justify-content: center;
}

html body .eg-header_new .eg-nav-menus {
    display: flex;
    /* align-items: center; */
    list-style: none;
    padding-left: 0;
    margin-left: 46px;
    margin-top: 0;
    margin-bottom: 0;
}

html body .eg-header_new .eg-nav-menus .eg-nav-menu {
    margin-bottom: 0;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

html body .eg-header_new .eg-nav-menus .eg-nav-menu:not(:last-child)>a {
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #848E9D;
}

html body .eg-header_new .eg-nav-menus .eg-nav-menu a {
    color: #191F28;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    cursor: pointer;
}

html body .eg-header_new .eg-nav-shop-cta {
    height: max-content;
    margin-left: 26px;
    margin-right: 26px;
    align-self: center;
}

html body .eg-header_new .eg-nav-actions {
    display: flex;
    align-items: center;
    grid-gap: 24px;
}

html body .eg-header_new .eg-nav-actions .eg-search::before {
    content: '';
    width: 23px;
    aspect-ratio: 1/1;
    display: block;
    background: url('https://sitetunershosting.com/clients/power/searchicon.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

html body .eg-header_new .eg-nav-actions .eg-user::before {
    content: '';
    width: 23px;
    aspect-ratio: 1/1;
    display: block;
    background: url('https://svgshare.com/i/10ML.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

html body .eg-header_new .eg-nav-actions .eg-cart::before {
    content: '';
    width: 23px;
    aspect-ratio: 1/1;
    display: block;
    background: url('https://sitetunershosting.com/clients/power/carticon.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

html body .eg-header_new .eg-nav-actions * {
    cursor: pointer;
}

html body .eg-mega-menu {
    position: absolute;
    bottom: 25px;
    width: 100vw;
    left: 0;
    right: 0;
    max-width: 100%;
    box-shadow: 0 4px 4px #0000000d, 0 16px 16px #00000013;
    transform: translateY(100%);
    z-index: 999999999;
    background: white;
    transition: opacity 0.3s ease;
}

html body .eg-header_new .eg-nav-menus .eg-nav-menu:not(:hover) .eg-mega-menu {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

html body .eg-mega-menu-wrapper {
    margin: 0;
    list-style: none;
    margin: 0;
    padding: 15px 20px 20px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 50px;
}

html body .eg-mega-menu-wrapper li {
    margin: 0;
}

html body .eg-header_new {
    position: relative;
}

html body .mobile-search.eg-show-search {
    display: block !important;
}

html body .eg-header_new .eg-nav-actions .eg-cart::after {
    content: attr(data-count);
    --wdt: 19px;
    width: var(--wdt);
    height: var(--wdt);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #191F28;
    font-family: Raleway;
    font-size: calc(var(--wdt)/2);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    cursor: pointer;
    color: white;
    border-radius: 100vmax;
    position: absolute;
    top: calc(-1 * var(--wdt)/2);
    right: calc(-1 * var(--wdt)/2);
}

html body .eg-header_new .eg-nav-actions .eg-cart {
    position: relative;
}

/* HERO CSS */
html body .eg-hero_new {
    isolation: isolate;
    position: relative;
}

html body .eg-hero_new::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: url('https://sitetunershosting.com/clients/power/hero.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

html body .eg-hero_new .eg-container_new {
    padding: 85px 5px 90px;
    z-index: 3;
    position: relative;
}

html body .eg-hero_new .eg-section-subheading {
    margin-bottom: 54px;
}

html body .eg-hero_new .eg-content .eg-usps {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    grid-gap: 37px;
}

html body .eg-hero_new .eg-content .eg-usps>li {
    margin-bottom: 0 !important;
    padding-left: var(--pdleft);
    position: relative;
}

html body .eg-hero_new .eg-content .eg-usps>li::before {
    content: "";
    width: 26px;
    height: 24px;
    display: block;
    position: absolute;
    left: 0;
    background: url('https://sitetunershosting.com/clients/power/herotick.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 5px;
}

html body .eg-hero_new .eg-content {
    --pdleft: 43px;
}

html body .eg-hero_new .eg-content .eg-usps>li .eg-heading {
    color: #FFF;
    font-family: Raleway;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

html body .eg-hero_new .eg-content .eg-usps>li .eg-subheading {
    color: rgba(255, 248, 248, 0.80);
    font-family: Lato;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 168.421% */
    margin-bottom: 0;
    max-width: 616px !important;
}

html body .eg-hero_new .eg-content .eg-content-bottom {
    margin-top: 54px;
}

html body .eg-hero_new .eg-content .eg-content-bottom>p {
    color: #FFF;
    font-family: Lato;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 32px;
}

html body .eg-hero_new .eg-content .eg-content-bottom .eg-ctas-group {
    display: flex;
    grid-gap: 26px;
}

html body .eg-hero_new .eg-trust-collection>p {
    color: #FFF;
    text-align: center;
    font-family: Lato;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

html body .eg-hero_new .eg-trust-collection>.eg-badges {
    filter: none;
}

html body .eg-hero_new .eg-trust-collection>.eg-badges .eg-image {
    filter: brightness(0.6);
}

html body .eg-hero_new .eg-trust-collection>.eg-badges span {
    color: #9B9B9B;
}

html body .eg-hero_new .eg-section-heading {
    --clr: #FFF8F8 !important;
    text-shadow: 0px -2px 4px rgba(0, 0, 0, 0.53);
}

html body .eg-hero_new .eg-section-subheading {
    --clr: #FFF8F8 !important;
}

@media only screen and (min-width:1024px) and (max-width:1200px) {
    .eg-hero_new .eg-container_new {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }

}

@media(max-width:768px) {
    html body .eg-hero_new .eg-content .eg-content-bottom .eg-ctas-group {
        flex-direction: column;
    }

    html body .eg-hero_new .eg-content .eg-usps {
        grid-gap: 30px;
    }

    html body .eg-hero_new .eg-content .eg-content-bottom .eg-ctas-group a {
        text-align: center;
    }

    html body .eg-hero_new .eg-trust-collection>.eg-badges {

        margin-top: 16px;
    }

    html body .eg-hero_new .eg-section-subheading {
        margin-bottom: 30px !important;
    }

    html body .eg-hero_new .eg-container_new {
        padding-top: 120px !important;
        padding-bottom: 30px !important;
    }

    html body .eg-hero_new .eg-content .eg-content-bottom>p {
        text-align: center;
        margin-top: 30px !important;
        margin-bottom: 20px !important;
    }

    html body .eg-hero_new .eg-content .eg-content-bottom {
        margin-top: 20px;
    }

    html body .eg-hero_new .eg-trust-collection>p {
        font-size: 15px;
    }

    html body .eg-hero_new .eg-content .eg-usps>li .eg-subheading {
        margin-left: calc(-1 * var(--pdleft));
        line-height: 28px !important;
        margin-top: 5px !important;
    }
}

/* Podcast CSS */

.eg-checkout-podcast_new {
    width: 100% !important;
    max-width: 100% !important;
    background: radial-gradient(234.64% 192.04% at 50% 143.81%, #220200 11.16%, #800A02 55.19%, #8E0900 90.04%);
}

.eg-checkout-podcast_new>.eg-check-podcast {
    display: flex;
    flex-direction: row;
    justify-content: end;
    /* align-items: center; */
    grid-gap: 160px;
    padding-top: 90px;
    padding-bottom: 85px;
}

.eg-checkout-podcast_new>.eg-check-podcast>.eg-join-our-podcast>div:last-child {
    display: flex;
    justify-content: center;
    align-items: center !important;
}

.eg-checkout-podcast_new .eg-podcast-content>.eg-podcast-listen:before {
    content: '';
    background-image: url(https://sitetunershosting.com/clients/power/play.svg);
    width: 11px;
    height: 13px !important;
    display: inline-block;
    margin-right: 10px;
}


.eg-checkout-podcast_new>.eg-check-podcast>.eg-podcast-content span {
    margin-bottom: 30px;
    display: block;
    margin-top: 25px;
}

.eg-checkout-podcast_new>.eg-check-podcast>.eg-podcast-content {
    padding-top: 45px;
}

.eg-checkout-podcast_new .eg-join-our-podcast>h3 {
    font-family: Raleway;
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0em;
    text-align: center;
    color: #F8F7F7 !important;
}

.eg-checkout-podcast_new .eg-join-our-podcast>p {
    font-family: Lato;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: #F8F7F7 !important;
    margin-bottom: 35px !important;
}

.eg-checkout-podcast_new>.eg-check-podcast>.eg-podcast-content p {
    font-family: Lato;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #F8EBEA !important;
    max-width: 604px !important;
}

.eg-checkout-podcast_new .eg-join-our-podcast img {
    width: 100% !important;
    max-width: 334px !important;
    height: 100% !important;
    max-height: 154px !important;
}

@media(max-width:768px) {

    .eg-checkout-podcast_new .eg-container_new {
        display: flex !important;
        flex-direction: column !important;
        align-items: baseline !important;
    }

    .eg-checkout-podcast_new>.eg-check-podcast {
        grid-gap: 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .eg-checkout-podcast_new .eg-join-our-podcast>h3,
    .eg-checkout-podcast_new .eg-join-our-podcast>p {
        text-align: left;
    }

    html body .eg-check-podcast .eg-join-our-podcast>.eg-content p {
        color: white;
        font-family: Lato;
        margin-bottom: 25px;
    }

    html body .eg-check-podcast .eg-join-our-podcast>.eg-content p span {
        display: block;
        margin-top: 11px;
    }

    html body .eg-checkout-podcast_new .eg-join-our-podcast>p {
        margin-bottom: 20px !important;
    }

    html body .eg-checkout-podcast_new>.eg-check-podcast>.eg-podcast-content,
    html body .eg-checkout-podcast_new>.eg-check-podcast>.eg-podcast-content a {
        display: block;
        width: 100%;
        text-align: center;
    }

    html body .eg-checkout-podcast_new>.eg-check-podcast>.eg-podcast-content {
        padding-top: 20px;
    }
}

/* Podcast end */

/* how it work section */

html body .eg-how-it-works_new {
    isolation: isolate;
    position: relative;
    overflow: hidden;
    --pdb: 90px;
}

html body .eg-how-it-works_new::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(180deg, #220200 17.46%, #800A02 93.49%, #8E0900 103.07%);
    mix-blend-mode: multiply;
    z-index: 99;
}

html body .eg-how-it-works_new::after {
    content: "";
    width: 407px;
    height: 482px;
    background: url('https://sitetunershosting.com/clients/power/football.png');
    display: block;
    background-repeat: no-repeat;
    background-size: auto;
    position: absolute;
    right: calc(-1 * var(--pdb));
    bottom: calc(-1 * var(--pdb)) !important;
}


html body .eg-how-it-works_new .eg-section-heading {
    --clr: #F8EBEA !important;
}

html body .eg-how-it-works_new .eg-section-subheading {
    --clr: #F8EBEA !important;
    width: 100%;
}

html body .eg-how-it-works_new .eg-usps {
    display: flex;
    flex-direction: row;
    grid-gap: 28px !important;
    margin-top: 43px !important;
    margin-bottom: 40px !important;
    padding-left: 0px !important;
}

html body .eg-how-it-works_new .eg-usps>.eg-usp .eg-uspheading:before {
    content: '';
    background-image: url(https://sitetunershosting.com/clients/power/howitworkstick.svg);
    width: 31px !important;
    height: 27px !important;
    display: inline-block;
    position: absolute;
    left: -37px;
    top: 8px;
}

.eg-how-it-works_new>.eg-container_new {
    width: 100% !important;
    max-width: 1400px !important;
}

html body .eg-how-it-works_new .eg-footer {
    color: #F8F7F7;
    text-align: center;
    font-family: Lato;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

html body .eg-how-it-works_new .eg-footer {
    color: #F8F7F7;
    text-align: center;
    font-family: Lato;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
}

html body .eg-how-it-works_new .eg-cta-group {
    display: flex;
    grid-gap: 25px;
}

html body .eg-how-it-works_new .eg-container_new {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 85px;
    padding-bottom: var(--pdb);
    z-index: 999999 !important;
    position: relative;
}

html body .eg-how-it-works_new .eg-usps>.eg-usp {
    display: flex;
    flex-direction: column;
    grid-gap: 10px !important;
}

html body .eg-how-it-works_new .eg-usps>.eg-usp .eg-uspheading {
    color: #F8EBEA;
    font-family: Lato;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    position: relative !important;
}

html body .eg-how-it-works_new .eg-usps>.eg-usp .eg-uspsubheading {
    color: #F8EBEA;
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

html body .eg-how-it-works_new .eg-usps>.eg-usp .eg-uspdetail {
    color: #F8EBEA;
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

html body .eg-how-it-works_new .eg-trust-collection>.eg-badges span {
    color: white !important;
}

@media(min-width:768px) {
    .eg-how-it-works_new>.eg-container_new {
        padding-left: 50px !important;
        padding-right: 20px !important;
    }
}

@media(max-width:768px) {
    html body .eg-how-it-works_new .eg-usps {
        flex-direction: column;
        margin-top: 20px !important;
        margin-bottom: 25px !important;
    }

    html body .eg-how-it-works_new .eg-cta-group {
        flex-wrap: wrap;
        justify-content: center;

    }



    html body .eg-how-it-works_new .eg-container_new .eg-usps {
        padding-left: 45px !important;
    }


}

/* CLIENT TESTIMONIAL UPDATE */
html body .eg-testimonial_new .eg-section-heading {
    --clr: #19345C;
}

html body .eg-testimonial_new .eg-section-subheading {
    --clr: #191F28;
    margin-bottom: 54px;
}

html body #eg-carousel-eg-client-testimonials .eg-carousel-slide {
    border-radius: 4px;
    border: 1px solid rgba(100, 6, 0, 0.26);
    background: rgba(255, 255, 255, 0.81);
    box-shadow: 0px 1px 4px 0px rgba(211, 206, 205, 0.40);
    height: auto;
    padding: 21px 35px;
}

html body #eg-carousel-eg-client-testimonials .eg-carousel-slide .eg-img-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    isolation: isolate;
    margin-bottom: 16px;
}

html body #eg-carousel-eg-client-testimonials .eg-carousel-slide .eg-carousel-slide_img {
    width: 85px;
    height: 85px;
    border-radius: 100vmax;
    display: none !important;
}

html body #eg-carousel-eg-client-testimonials .eg-carousel-slide .eg-img-wrapper::before {
    content: "";
    width: 56px;
    height: 45px;
    background: url('https://sitetunershosting.com/clients/power/quote.svg');
    margin-right: -13px;
    background-repeat: no-repeat;
    background-size: contain !important;
}

html body #eg-carousel-eg-client-testimonials .eg-author-comment {
    color: #191F28;
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 16px;
}

html body #eg-carousel-eg-client-testimonials .eg-author-name {
    color: #191F28;
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

html body .eg-testimonial_new .eg-container_new {
    padding: 90px 35px;
}

@media(max-width:1024px) {
    html body .eg-testimonial_new .eg-container_new {
        padding-bottom: 58px !important;
    }
}

@media(max-width:768px) {
    html body .eg-testimonial_new .eg-container_new {
        padding-bottom: 53px !important;
    }

    html body .eg-testimonial_new .eg-section-heading,
    html body .eg-testimonial_new .eg-section-subheading {
        text-align: center;
    }
}

/* WHATS HOT CSS */
html body .eg-shop-whatshot_new {
    background: linear-gradient(to bottom right, #F9FBFF 27%, #F3F7FD 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #F9FBFF 27%, #F3F7FD 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #F9FBFF 27%, #F3F7FD 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #F9FBFF 27%, #F3F7FD 50%) top right / 50% 50% no-repeat;
}

html body .eg-shop-whatshot_new .eg-container_new {
    padding-top: 85px;
    padding-bottom: 85px;
    padding-left: 35px;
    padding-right: 35px;
}

html body .eg-shop-whatshot_new .eg-section-heading {
    --clr: #19345C !important;
}

html body .eg-shop-whatshot_new .eg-section-subheading {
    --clr: #191F28;
    margin-bottom: 59px;
}

html body #eg-carousel-eg-whatshot-testimonials .eg-carousel-slide {
    display: flex;
    flex-direction: column;
    grid-gap: 45px;
    height: auto !important;
}

html body #eg-carousel-eg-whatshot-testimonials .eg-carousel-slide .eg-carousel-slide_wrapper {
    display: flex;
    flex-direction: column;
    height: 100% !important;
}

html body #eg-carousel-eg-whatshot-testimonials .eg-carousel-slide .eg-carousel-slide_wrapper .eg-wrapper {
    border-radius: 2px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(36, 7, 5, 0.40);
    border: 1px solid #790800;

    --margin-tp: 41px;
    cursor: pointer;
    height: 100% !important;
    display: grid;
}

html body #eg-carousel-eg-whatshot-testimonials .eg-carousel-slide .eg-carousel-slide_wrapper>span {
    color: #191F28;
    text-align: center;
    font-family: Raleway;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    display: block;
    width: 100%;
    margin-bottom: 13px;
}

html body #eg-carousel-eg-whatshot-testimonials .eg-carousel-slide .eg-carousel-slide_wrapper .eg-text {
    margin: 0;
    color: #FFF !important;
    font-family: Raleway;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 10px 7px;
    background: linear-gradient(180deg, #790800 62.67%, #000 144.18%);
    align-self: flex-end;
}

html body #eg-carousel-eg-whatshot-testimonials .eg-carousel-slide .eg-carousel-slide_wrapper .eg-text span {
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 13px;
    border-radius: 4px;
    border: 1px solid #FFF;
    background: rgba(222, 222, 222, 0.00);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.26);
    text-align: center;
}

html body #eg-carousel-eg-whatshot-testimonials .eg-carousel-slide .eg-carousel-slide_wrapper img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 18px;
    margin-bottom: 26px;
    width: 100%;
    max-width: 184.41px !important;
    height: 100%;
    max-height: 175.01px !important;
    object-fit: contain;
}

html body #eg-carousel-eg-whatshot-testimonials .swiper-pagination,
html body #eg-carousel-eg-whatshot-testimonials [class^="swiper-button"] {
    display: none !important;
}


html body .eg-shop-whatshot_new .eg-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 72px;
    grid-gap: 38px;
    width: 100%;
    max-width: 595px;
    margin-left: auto;
    margin-right: auto;
}

html body .eg-shop-whatshot_new .eg-content .eg-cta-group {
    display: flex;
    grid-gap: 25px;
    width: fit-content;
}



html body .eg-shop-whatshot_new .eg-note {
    border-radius: 6px;
    background: linear-gradient(to bottom right, #F4F4F4 0%, #FFF 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #F4F4F4 0%, #FFF 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #F4F4F4 0%, #FFF 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #F4F4F4 0%, #FFF 50%) top right / 50% 50% no-repeat;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.21);
    padding: 20px 41px;
    display: flex;
    align-items: center;
    grid-gap: 18px;
    text-align: center;
}

html body .eg-shop-whatshot_new .eg-note .eg-bold {
    color: #122D5D;
    text-align: center;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 21px;
    /* 116.667% */
    text-transform: capitalize;
}

html body .eg-shop-whatshot_new .eg-note .eg-text {
    color: #49566A;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
}

@media(max-width:1085px) {

    html body #eg-carousel-eg-whatshot-testimonials .eg-carousel-slide .eg-carousel-slide_wrapper>span,
    html body #eg-carousel-eg-whatshot-testimonials .eg-carousel-slide .eg-carousel-slide_wrapper .eg-text span {
        font-size: 13px;
        text-align: center;
    }
}

@media(max-width:768px) {

    html body .eg-shop-whatshot_new .eg-content {
        margin-top: 50px !important;
    }

    html body .eg-shop-whatshot_new .eg-content .eg-cta-group {
        flex-direction: column;
    }

    html body .eg-shop-whatshot_new .eg-content .eg-cta-group a {
        text-align: center;
    }

    html body .eg-shop-whatshot_new .eg-note {
        flex-wrap: wrap;
        justify-content: center;
    }

    html body .eg-shop-whatshot_new .eg-section-heading,
    html body .eg-shop-whatshot_new .eg-section-subheading {
        text-align: center;
    }

    html body #eg-carousel-eg-whatshot-testimonials .swiper-wrapper {
        box-sizing: border-box;
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 14px;
        --grid-rw-gap: 33px;
        grid-row-gap: var(--grid-rw-gap);
    }

    html body #eg-carousel-eg-whatshot-testimonials .eg-carousel-slide {
        grid-gap: var(--grid-rw-gap) !important;
    }

    html body #eg-carousel-eg-whatshot-testimonials.eg-slider-wrapper [class^="swiper-button"] {
        display: none;
    }
}

/* SHOP BY SPORT */
html body .eg-shop-by-sport_new::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    z-index: 1;
    bottom: 0;
    opacity: 0.95;
    background: url('https://sitetunershosting.com/clients/power/shop_by_sport_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

html body .eg-shop-by-sport_new {
    isolation: isolate;
    position: relative;
}

html body .eg-shop-by-sport_new .eg-container_new {
    z-index: 3;
    position: relative;
    padding: 85px 10px 90px;
}

html body .eg-shop-by-sport_new::after {
    content: '';
    z-index: 2;
    position: relative;
}

html body .eg-shop-by-sport_new .eg-section-heading {
    --clr: #F8F7F7;
}

html body .eg-shop-by-sport_new .eg-section-subheading {
    --clr: #fff;
    margin-bottom: 58px;
}

html body .eg-shop-by-sport_new .eg-cards {
    display: flex;
    grid-gap: 74px;
    width: 100%;
    box-sizing: border-box;
}

html body .eg-shop-by-sport_new .eg-cards .eg-image-wrapper img {
    display: block;
    width: 100%;
}

html body .eg-shop-by-sport_new .eg-cards .eg-card {
    border-radius: 4px;
    border: 1px solid #FFCF22;
    background: linear-gradient(180deg, #640600 0%, #000 100%);
    box-shadow: 0px -2px 4px 0px rgba(211, 206, 205, 0.40);
}

html body .eg-shop-by-sport_new .eg-cards .eg-image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px 0 0;
}

html body .eg-shop-by-sport_new .eg-cards .eg-card-title {
    color: #FFF;
    text-align: center;
    font-family: Raleway;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 17px !important;
}

html body .eg-shop-by-sport_new .eg-cards .eg-card-info {
    color: #FFF;
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0 28px;
    margin-bottom: 24px;
}

html body .eg-shop-by-sport_new .eg-cards .eg-cta-group {
    padding: 0 28px;
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    padding-bottom: 34px;
}

html body .eg-shop-by-sport_new .eg-footer {
    display: flex;
    flex-direction: column;
    grid-gap: 31px;
    align-items: center;
    margin-top: 54px;
}

html body .eg-shop-by-sport_new .eg-footer p {
    color: #F8F7F7;
    text-align: center;
    font-family: Lato;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
}

html body .eg-shop-by-sport_new .eg-footer .eg-cta-group_footer {
    display: flex;
    grid-gap: 26px;
}

@media(max-width:1024px) {
    html body .eg-shop-by-sport_new .eg-cards {
        grid-gap: 20px !important;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

}

@media(max-width:768px) {
    html body .eg-shop-by-sport_new .eg-footer .eg-cta-group_footer {
        flex-direction: column;
    }

    html body .eg-shop-by-sport_new .eg-footer .eg-cta-group_footer a {
        text-align: center;
    }

    html body .eg-shop-by-sport_new .eg-section-heading,
    html body .eg-shop-by-sport_new .eg-section-subheading {
        text-align: center;
    }
}

/* AUTHENTICITY GURANTEED */
html body .eg-auth-guaranteed_new {
    background: linear-gradient(to bottom right, #F9FBFF 27%, #F3F7FD 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #F9FBFF 27%, #F3F7FD 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #F9FBFF 27%, #F3F7FD 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #F9FBFF 27%, #F3F7FD 50%) top right / 50% 50% no-repeat;
}

html body .eg-auth-guaranteed_new .eg-section-heading {
    --clr: #19345C;
}

html body .eg-auth-guaranteed_new .eg-section-subheading {
    --clr: #191F28;
    margin-bottom: 54px;
}

html body .eg-auth-guaranteed_new .eg-content {
    display: flex;
    grid-gap: 64px;
}

html body .eg-auth-guaranteed_new .eg-content>.eg-left {
    width: 50%;
}

html body .eg-auth-guaranteed_new .eg-content>.eg-right {
    width: 50%;
    padding-top: 38px;
}

html body .eg-auth-guaranteed_new .eg-content>.eg-right p {
    color: #191F28;
    font-family: Lato;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

html body .eg-auth-guaranteed_new .eg-content>.eg-right p.eg-bold {
    font-weight: 800;
}

html body .eg-auth-guaranteed_new .eg-content>.eg-right p.eg-last {
    font-weight: 700;
}

html body .eg-auth-guaranteed_new .eg-content>.eg-left p {
    color: #191F28;
    font-family: Lato;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    margin-bottom: 20px;
}

html body .eg-auth-guaranteed_new .eg-content .eg-video-wrapper {
    display: flex;
    width: 100%;
    aspect-ratio: 1/0.77;
    background: url('https://sitetunershosting.com/clients/power/videomask.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 4px;
    cursor: pointer;
}

html body .eg-auth-guaranteed_new .eg-container_new {
    padding: 85px 5px 90px;
}

html body .eg-auth-guaranteed_new .eg-content>.eg-right .eg-cta-group {
    display: flex;
    margin-top: 32px;
    grid-gap: 25px;
}

html body .eg-auth-guaranteed_new .eg-trust-collection>p {
    color: #FFF;
    text-align: center;
    font-family: Lato;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

@media only screen and (min-width:1024px) and (max-width:1200px) {

    .eg-auth-guaranteed_new>div {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }
}

@media(max-width: 768px) {
    html body .eg-auth-guaranteed_new .eg-content {
        grid-gap: 0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    html body .eg-auth-guaranteed_new .eg-content>div {
        width: 100% !important;
    }

    html body .eg-auth-guaranteed_new .eg-content>.eg-right {
        padding-top: 20px;
    }

    html body .eg-auth-guaranteed_new .eg-content>.eg-right .eg-cta-group {
        flex-direction: column;

    }

    html body .eg-auth-guaranteed_new .eg-content>.eg-right .eg-cta-group a {
        text-align: center;
    }

    html body .eg-auth-guaranteed_new .eg-content>.eg-right p.eg-last {
        text-align: center;
        border-top: 1px solid;
        padding-top: 12px;
    }
}

@media(min-width:768px) and (max-width:1032px) {
    html body .eg-auth-guaranteed_new .eg-content>.eg-right .eg-cta-group a {
        padding-left: 22px !important;
        padding-right: 22px !important;
        font-size: 14px;
    }

    html body .eg-auth-guaranteed_new .eg-content>.eg-right .eg-cta-group {
        grid-gap: 15px !important;
    }
}
Editor is loading...
Leave a Comment