if (document.querySelector(".index")) {
  let yStyle = document.createElement("style");
  yStyle.innerHTML = `
    .y-feat ,
    .y-links{
      margin: 40px 0px 20px;
      padding: 0px 15px;
    }
    .y-feat .y-feat-container {
      display: grid;
      grid-template-columns: repeat(4, minmax(0px, 250px));
      gap: 10px;
      justify-content: center;
      align-items: start;
    }
    .y-feat-container a ,
    .y-links-container a {
      display: flex;
      width: 100%;
      justify-content: center;
      transition: .3s linear;
    }
    .y-feat-container a img ,
    .y-links-container a img{
      max-width: 100%;
    }
    .y-feat-container a:hover ,
    .y-links-container a:hover {
      transform: scale(1.04);  
    }
    
    
    /* features section styles */
    
    .y-links .y-links-container {
      display: grid;
      grid-template-columns: repeat(3, minmax(0px, 400px));
      gap: 10px;
      justify-content: center;
      align-items: start;
    }
    
  `;

  document.head.appendChild(yStyle);

  let yFeat = document.createElement("div");
  yFeat.classList.add("y-feat");
  yFeat.innerHTML = `
    <div class="y-feat-container">
      <a>
        <img src="https://i.postimg.cc/dthn7808/2.png" 
   alt="feat_1" />
      </a>
      <a>
        <img src="https://i.postimg.cc/dtg6GL7g/3.png" 
  alt="feat_2" />
      </a>
      <img src="https://i.postimg.cc/FHcZpN3z/4.png" 
  alt="feat_3" />
      </a>
      <img src="https://i.postimg.cc/VN8FHpWR/5.png" 
  alt="feat_4" />
      </a>
    </div>
    `;
  document.querySelectorAll(".s-block--fixed-banner")[0].after(yFeat);

  // features sections

  let yLinks = document.createElement("div");
  yLinks.classList.add("y-links");
  yLinks.innerHTML = `
  <div class="y-links-container">
      <a href="https://culticar.com/%D8%AA%D9%84%D9%85%D9%8A%D8%B9-%D8%A7%D9%84%D8%A3%D9%86%D9%88%D8%A7%D8%B1/c622307272">
        <img src="https://i.postimg.cc/HxW9TMK8/6.png" 
   alt="Link_1" />
      </a>
      <a href="https://culticar.com/%D9%85%D9%86%D8%B8%D9%81%D8%A7%D8%AA-%D8%AF%D8%A7%D8%AE%D9%84%D9%8A%D9%87/c66238025">
        <img src="https://i.postimg.cc/Fz7bL4h9/7.png" 
  alt="Link_2" />
      </a>
      <a href="https://culticar.com/%D9%85%D9%88%D8%A7%D8%B7%D9%8A%D8%B1-%D9%87%D9%88%D8%A7%D8%A1/c64822467">
        <img src="https://i.postimg.cc/NFS68z0R/8.png" 
  alt="Link_3" />
      </a>
      <a href="https://culticar.com/%D8%A7%D9%84%D8%B9%D9%86%D8%A7%D9%8A%D8%A9-%D8%A8%D8%A7%D9%84%D9%85%D8%AD%D8%B1%D9%83/c764349651">
        <img src="https://i.postimg.cc/sXn9xXd6/9.png" 
  alt="Link_4" />
      </a>
      <a href="https://culticar.com/%D9%85%D9%86%D8%B8%D9%81%D8%A7%D8%AA-%D9%88%D8%AA%D9%84%D9%85%D9%8A%D8%B9-%D8%AE%D8%A7%D8%B1%D8%AC%D9%8A/c1574950218">
        <img src="https://i.postimg.cc/Vky9dpp8/10.png" 
  alt="Link_5" />
      </a>
      <a href="https://culticar.com/%D9%86%D8%A7%D9%86%D9%88-%D8%B3%D9%8A%D9%84%D9%86%D8%AA/c1996277449">
        <img src="https://i.postimg.cc/43sz1tX2/11.png" 
    alt="Link_6" />
      </a>
    </div>
    `;
  document.querySelector("#best-offers-3-slider").after(yLinks);
}