if (document.querySelector(".index")) {
let style = document.createElement("style");
style.innerHTML = `
.s-block-custumized-feats {
  padding-left: 20px;
  padding-right: 20px;
}

.s-block-custumized-feats .container ,
.s-block-custumized-feats a {
  justify-content: center;
  align-items: center;
}
.s-block-custumized-feats a {
  transition: .3s;
  display: flex;
}
.s-block-custumized-feats a:hover {
  transform: translateY(-10px);
}

/* features */

.s-block-custumized-feats .container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0px, 300px));
  gap: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.s-block-custumized-feats .container a img {
  width: 200px;
}
@media (max-width: 1024px) {
.s-block-custumized-feats .container {
    grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
    gap: 10px;
}

.s-block-custumized-feats .container a:nth-of-type(2) {
  grid-row: 1;
  grid-column: span 2;
}
.s-block-custumized-feats .container a img {
  width: 150px;
}
}

`;

document.head.append(style);

const feats = [{ src: "https://i.postimg.cc/T1fWvKLN/Group-480.png" }, { src: "https://i.postimg.cc/tT0xDSXj/things-1.png" }, { src: "https://i.postimg.cc/QtpWzQtW/Group-482.png" }];


const section2 = document.createElement("section");
section2.classList.add("s-block", "s-block-custumized-feats");
const sCont2 = document.createElement("div");
sCont2.classList.add("container");
section2.appendChild(sCont2);


feats.forEach((e) => {
  const anc = document.createElement("a");
  anc.innerHTML = `<img src="${e.src}" alt="feature-image">`;
  sCont2.appendChild(anc);
});

document.querySelector("footer").before(section2);
}

let fLogo = document.createElement("div");
fLogo.innerHTML = `
  <a href="/"><img src="https://i.postimg.cc/kMjqNVMJ/Frame.png" alt="footerLogo" /></a>
`;

document.querySelector("[aria-label='footer']").prepend(fLogo)