.desktop-veiw {
  width: 100%;
  height: 1860px;
  position: relative;
  background-color: transparent;
  overflow: hidden;
  text-align: left;
  font-size: 16px;
  color: #000;
  font-family: Inter;
}

/* New icon asset sizing overrides */
.desktop-veiw .icon3,
.desktop-veiw .no-image-icon-13-1,
.desktop-veiw .we-can-pull-exceptional-search-icon,
.desktop-veiw .sparkles-2-icon {
  width: 34px;
  height: 34px;
}

.desktop-veiw .we-can-pull-exceptional-search-icon2,
.desktop-veiw .icon4,
.desktop-veiw .no-image-icon-13-2,
.desktop-veiw .sparkles-3-icon,
.desktop-veiw .image-to-excel-icon,
.desktop-veiw .ciwv3bliujedeae-1-icon,
.desktop-veiw .icon2,
.desktop-veiw .pngtree-flat-style-website-dom-icon,
.desktop-veiw .pngtree-office-image-2290025-1-icon {
  width: 40px;
  height: 40px;
}

.desktop-veiw .toolistify-logo-recovered-4,
.desktop-veiw .ebph7gczcudlhrojs8fd-1-icon,
.desktop-veiw .icon,
.desktop-veiw .ai-pencil-tool-with-sparkles-l-icon,
.desktop-veiw .slideai-1-icon {
  width: 42px;
  height: 42px;
}

.desktop-veiw .arrow-icon,
.desktop-veiw .polygon-icon {
  width: 18px;
  height: 18px;
}

.desktop-veiw .sparkles-1-icon {
  width: 28px;
  height: 28px;
}

@media (max-width: 1439px) {
  .mobile-rec-icon,
  .mobile-card-icon {
    width: 36px;
    height: 36px;
    max-width: 36px;
    max-height: 36px;
  }

  .mobile-cat-chip img,
  .mobile-cat-chip .mobile-cat-icon {
    width: 28px;
    height: 28px;
    max-width: 28px;
    max-height: 28px;
  }

  .mobile-search-icon {
    width: 15px;
    height: 15px;
  }
}

.desktop-veiw .pngtree-search-icon-png-image- {
  width: 34px;
  height: 34px;
}

.desktop-veiw .icon3,
.desktop-veiw .no-image-icon-13-1,
.desktop-veiw .we-can-pull-exceptional-search-icon,
.desktop-veiw .sparkles-2-icon {
  width: 34px;
  height: 34px;
}

.desktop-veiw .we-can-pull-exceptional-search-icon2,
.desktop-veiw .icon4,
.desktop-veiw .no-image-icon-13-2,
.desktop-veiw .sparkles-3-icon,
.desktop-veiw .image-to-excel-icon,
.desktop-veiw .ciwv3bliujedeae-1-icon,
.desktop-veiw .icon2,
.desktop-veiw .pngtree-flat-style-website-dom-icon,
.desktop-veiw .pngtree-office-image-2290025-1-icon {
  width: 52px;
  height: 52px;
}

.desktop-veiw .toolistify-logo-recovered-4,
.desktop-veiw .ebph7gczcudlhrojs8fd-1-icon,
.desktop-veiw .icon,
.desktop-veiw .ai-pencil-tool-with-sparkles-l-icon,
.desktop-veiw .slideai-1-icon {
  width: 42px;
  height: 42px;
}

.desktop-veiw .arrow-icon,
.desktop-veiw .polygon-icon {
  width: 18px;
  height: 18px;
}

.desktop-veiw .sparkles-1-icon {
  width: 28px;
  height: 28px;
}

@media (max-width: 1439px) {
  .mobile-rec-icon,
  .mobile-card-icon {
    width: 36px;
    height: 36px;
    max-width: 36px;
    max-height: 36px;
  }

  .mobile-cat-chip img,
  .mobile-cat-chip .mobile-cat-icon {
    width: 28px;
    height: 28px;
    max-width: 28px;
    max-height: 28px;
  }
}

/* Final homepage icon sizing. Keep this after the imported layout rules. */
.desktop-veiw .we-can-pull-exceptional-search-icon2,
.desktop-veiw .icon4,
.desktop-veiw .no-image-icon-13-2,
.desktop-veiw .sparkles-3-icon,
.desktop-veiw .image-to-excel-icon,
.desktop-veiw .ciwv3bliujedeae-1-icon,
.desktop-veiw .icon2,
.desktop-veiw .pngtree-flat-style-website-dom-icon,
.desktop-veiw .pngtree-office-image-2290025-1-icon {
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
}

.desktop-veiw .pngtree-search-icon-png-image- {
  width: 34px;
  height: 34px;
  max-width: 34px;
  max-height: 34px;
}

.desktop-veiw img,
.mobile-view img {
  image-rendering: auto;
}

.desktop-veiw-child {
  position: absolute;
  top: 548.33px;
  left: 1020.76px;
  border-radius: 121px;
  background: linear-gradient(122.6deg, rgba(0, 164, 255, 0.2), rgba(255, 255, 255, 0));
  width: 1004.9px;
  height: 761px;
  transform: rotate(-156.4deg);
  transform-origin: 0 0;
  flex-shrink: 0;
}

.desktop-veiw-item {
  position: absolute;
  top: 1720.33px;
  left: 1538.06px;
  border-radius: 121px;
  background: linear-gradient(122.6deg, rgba(0, 164, 255, 0.2), rgba(255, 255, 255, 0));
  width: 1004.9px;
  height: 761px;
  transform: rotate(-156.4deg);
  transform-origin: 0 0;
  flex-shrink: 0;
}

.desktop-veiw-inner {
  position: absolute;
  top: 3989.33px;
  left: 1497.06px;
  border-radius: 121px;
  background: linear-gradient(122.6deg, rgba(0, 164, 255, 0.2), rgba(255, 255, 255, 0));
  width: 1004.9px;
  height: 761px;
  transform: rotate(-156.4deg);
  transform-origin: 0 0;
  flex-shrink: 0;
}

.rectangle-div {
  position: absolute;
  top: 4947.33px;
  left: 770.06px;
  border-radius: 121px;
  background: linear-gradient(122.6deg, rgba(0, 164, 255, 0.2), rgba(255, 255, 255, 0));
  width: 1004.9px;
  height: 761px;
  transform: rotate(-156.4deg);
  transform-origin: 0 0;
  flex-shrink: 0;
}

.toolistify-logo-recovered-1 {
  position: absolute;
  top: 62px;
  left: 89px;
  width: 199px;
  height: 49px;
  object-fit: contain;
  flex-shrink: 0;
}

.toolistify-logo-recovered-2 {
  position: absolute;
  top: 273px;
  left: 535px;
  width: 332px;
  height: 82px;
  object-fit: contain;
  flex-shrink: 0;
}

.ellipse-div {
  position: absolute;
  top: 995.92px;
  left: 218.14px;
  filter: blur(29px);
  border-radius: 50%;
  background: linear-gradient(147.71deg, rgba(199, 244, 8, 0.2) 36.54%, rgba(199, 244, 8, 0.2));
  width: 317px;
  height: 303.2px;
  transform: rotate(-169.9deg);
  transform-origin: 0 0;
  flex-shrink: 0;
}

.desktop-veiw-child2 {
  position: absolute;
  top: 1867px;
  left: 555.47px;
  filter: blur(29px);
  border-radius: 50%;
  background: linear-gradient(147.71deg, rgba(199, 244, 8, 0.2) 36.54%, rgba(199, 244, 8, 0.2));
  width: 574.3px;
  height: 552.2px;
  transform: rotate(-169.9deg);
  transform-origin: 0 0;
  flex-shrink: 0;
}

.desktop-veiw-child3 {
  position: absolute;
  top: 877.32px;
  left: 1440.28px;
  filter: blur(29px);
  border-radius: 50%;
  background: linear-gradient(147.71deg, rgba(199, 244, 8, 0.2) 36.54%, rgba(199, 244, 8, 0.2));
  width: 440px;
  height: 434.2px;
  transform: rotate(-169.9deg);
  transform-origin: 0 0;
  flex-shrink: 0;
}

.desktop-veiw-child4 {
  position: absolute;
  top: 2672.32px;
  left: 1108.28px;
  filter: blur(29px);
  border-radius: 50%;
  background: linear-gradient(147.71deg, rgba(199, 244, 8, 0.2) 36.54%, rgba(199, 244, 8, 0.2));
  width: 440px;
  height: 434.2px;
  transform: rotate(-169.9deg);
  transform-origin: 0 0;
  flex-shrink: 0;
}

.desktop-veiw-child5 {
  position: absolute;
  top: 3630.32px;
  left: 381.28px;
  filter: blur(29px);
  border-radius: 50%;
  background: linear-gradient(147.71deg, rgba(199, 244, 8, 0.2) 36.54%, rgba(199, 244, 8, 0.2));
  width: 440px;
  height: 434.2px;
  transform: rotate(-169.9deg);
  transform-origin: 0 0;
  flex-shrink: 0;
}

.desktop-veiw-child6 {
  position: absolute;
  top: 2794.33px;
  left: 182.06px;
  border-radius: 121px;
  background: linear-gradient(122.6deg, rgba(0, 164, 255, 0.2), rgba(255, 255, 255, 0));
  width: 1004.9px;
  height: 761px;
  transform: rotate(-156.4deg);
  transform-origin: 0 0;
  flex-shrink: 0;
}

.desktop-veiw-child7 {
  position: absolute;
  top: 3752.33px;
  left: -544.94px;
  border-radius: 121px;
  background: linear-gradient(122.6deg, rgba(0, 164, 255, 0.2), rgba(255, 255, 255, 0));
  width: 1004.9px;
  height: 761px;
  transform: rotate(-156.4deg);
  transform-origin: 0 0;
  flex-shrink: 0;
}

.desktop-veiw-child8 {
  position: absolute;
  top: 2018.32px;
  left: 1440.28px;
  filter: blur(29px);
  border-radius: 50%;
  background: linear-gradient(147.71deg, rgba(199, 244, 8, 0.2) 36.54%, rgba(199, 244, 8, 0.2));
  width: 440px;
  height: 434.2px;
  transform: rotate(-169.9deg);
  transform-origin: 0 0;
  flex-shrink: 0;
}

.desktop-veiw-child9 {
  position: absolute;
  top: 193px;
  left: 580px;
  box-shadow: 0px 4px 19px rgba(0, 164, 255, 0.43);
  border-radius: 18px;
  background-color: #fff;
  width: 253px;
  height: 47px;
  flex-shrink: 0;
}

.desktop-veiw-child10 {
  position: absolute;
  top: 64px;
  left: 1176px;
  box-shadow: 0px 4px 19px rgba(0, 164, 255, 0.43);
  border-radius: 18px;
  background-color: #fff;
  width: 196px;
  height: 47px;
  flex-shrink: 0;
}

.professional-tools {
  position: absolute;
  top: 206px;
  left: 612px;
  font-size: 15px;
  line-height: 150%;
  text-transform: uppercase;
  font-weight: 500;
  flex-shrink: 0;
}

.ai-tools {
  position: absolute;
  top: 77px;
  left: 1236px;
  font-size: 15px;
  line-height: 150%;
  text-transform: uppercase;
  font-weight: 500;
  flex-shrink: 0;
}

.a-clean-command {
  position: absolute;
  top: 371px;
  left: 401px;
  font-size: 15px;
  line-height: 150%;
  text-transform: capitalize;
  font-weight: 500;
  text-align: center;
  flex-shrink: 0;
}

.tools {
  position: absolute;
  top: 603px;
  left: 562px;
  transform: translateX(-50%);
  line-height: 150%;
  text-transform: capitalize;
  text-align: center;
  flex-shrink: 0;
  font-size: 24px;
}

.span {
  font-weight: 900;
  line-height: 150%;
}

.ai-stock-container {
  position: absolute;
  top: 603px;
  left: 758px;
  transform: translateX(-50%);
  line-height: 150%;
  text-transform: capitalize;
  text-align: center;
  flex-shrink: 0;
  font-size: 24px;
}

.ai-stock {
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
}

.categories {
  position: absolute;
  top: 603px;
  left: 660px;
  transform: translateX(-50%);
  line-height: 150%;
  text-transform: capitalize;
  text-align: center;
  flex-shrink: 0;
  font-size: 24px;
}

.web-tools {
  position: absolute;
  top: 603px;
  left: 855px;
  transform: translateX(-50%);
  line-height: 150%;
  text-transform: capitalize;
  text-align: center;
  flex-shrink: 0;
  font-size: 24px;
}

.desktop-veiw-child11 {
  position: absolute;
  top: 211px;
  left: 589px;
  border-radius: 50%;
  background-color: #c7f408;
  width: 13px;
  height: 12px;
  flex-shrink: 0;
}

.desktop-veiw-child12 {
  position: absolute;
  top: 440px;
  left: 403px;
  box-shadow: 0px 4px 4px rgba(0, 164, 255, 0.3);
  border-radius: 24px;
  background-color: #fff;
  width: 633px;
  height: 61px;
  flex-shrink: 0;
}

.desktop-veiw-child13 {
  position: absolute;
  top: 831px;
  left: 409px;
  box-shadow: 0px 4px 4px rgba(0, 164, 255, 0.3);
  border-radius: 24px;
  background-color: #fff;
  width: 633px;
  height: 61px;
  flex-shrink: 0;
}

.desktop-veiw-child14 {
  position: absolute;
  top: 987px;
  left: 409px;
  box-shadow: 0px 4px 4px rgba(0, 164, 255, 0.3);
  border-radius: 24px;
  background-color: #fff;
  width: 633px;
  height: 61px;
  flex-shrink: 0;
}

.desktop-veiw-child15 {
  position: absolute;
  top: 908px;
  left: 409px;
  box-shadow: 0px 4px 4px rgba(0, 164, 255, 0.3);
  border-radius: 24px;
  background-color: #fff;
  width: 633px;
  height: 61px;
  flex-shrink: 0;
}

.desktop-veiw-child16 {
  position: absolute;
  top: 1064px;
  left: 409px;
  box-shadow: 0px 4px 4px rgba(0, 164, 255, 0.3);
  border-radius: 24px;
  background-color: #fff;
  width: 633px;
  height: 61px;
  flex-shrink: 0;
}

.desktop-veiw-child17 {
  position: absolute;
  top: 1716px;
  left: 55px;
  box-shadow: 0px 4px 4px rgba(0, 164, 255, 0.3);
  border-radius: 24px;
  background-color: #fff;
  width: 1333px;
  height: 130px;
  flex-shrink: 0;
}

.desktop-veiw-child18 {
  position: absolute;
  top: 1264px;
  left: 74px;
  box-shadow: 0px 4px 4px rgba(0, 164, 255, 0.3);
  border-radius: 24px;
  background-color: #fff;
  width: 254px;
  height: 161px;
  flex-shrink: 0;
}

.desktop-veiw-child19 {
  position: absolute;
  top: 1433px;
  left: 74px;
  box-shadow: 0px 4px 4px rgba(0, 164, 255, 0.3);
  border-radius: 24px;
  background-color: #fff;
  width: 254px;
  height: 161px;
  flex-shrink: 0;
}

.desktop-veiw-child20 {
  position: absolute;
  top: 1434px;
  left: 598px;
  box-shadow: 0px 4px 4px rgba(0, 164, 255, 0.3);
  border-radius: 24px;
  background-color: #fff;
  width: 254px;
  height: 161px;
  flex-shrink: 0;
}

.desktop-veiw-child21 {
  position: absolute;
  top: 1264px;
  left: 1122px;
  box-shadow: 0px 4px 4px rgba(0, 164, 255, 0.3);
  border-radius: 24px;
  background-color: #fff;
  width: 254px;
  height: 161px;
  flex-shrink: 0;
}

.desktop-veiw-child22 {
  position: absolute;
  top: 1264px;
  left: 598px;
  box-shadow: 0px 4px 4px rgba(0, 164, 255, 0.3);
  border-radius: 24px;
  background-color: #fff;
  width: 254px;
  height: 161px;
  flex-shrink: 0;
}

.desktop-veiw-child23 {
  position: absolute;
  top: 1264px;
  left: 336px;
  box-shadow: 0px 4px 4px rgba(0, 164, 255, 0.3);
  border-radius: 24px;
  background-color: #fff;
  width: 254px;
  height: 161px;
  flex-shrink: 0;
}

.desktop-veiw-child24 {
  position: absolute;
  top: 1433px;
  left: 336px;
  box-shadow: 0px 4px 4px rgba(0, 164, 255, 0.3);
  border-radius: 24px;
  background-color: #fff;
  width: 254px;
  height: 161px;
  flex-shrink: 0;
}

.desktop-veiw-child25 {
  position: absolute;
  top: 1434px;
  left: 860px;
  box-shadow: 0px 4px 4px rgba(0, 164, 255, 0.3);
  border-radius: 24px;
  background-color: #fff;
  width: 254px;
  height: 161px;
  flex-shrink: 0;
}

.desktop-veiw-child26 {
  position: absolute;
  top: 1264px;
  left: 860px;
  box-shadow: 0px 4px 4px rgba(0, 164, 255, 0.3);
  border-radius: 24px;
  background-color: #fff;
  width: 254px;
  height: 161px;
  flex-shrink: 0;
}

.desktop-veiw-child27 {
  position: absolute;
  top: 1180px;
  left: 1095px;
  box-shadow: 0px 4px 4px rgba(0, 164, 255, 0.3);
  border-radius: 24px;
  background-color: #fff;
  width: 208px;
  height: 61px;
  flex-shrink: 0;
}

.desktop-veiw-child28 {
  position: absolute;
  top: 538px;
  left: 300px;
  box-shadow: 0px 4px 4px rgba(0, 164, 255, 0.3);
  border-radius: 14px;
  background-color: #fff;
  width: 155px;
  height: 49px;
  flex-shrink: 0;
}

.desktop-veiw-child29 {
  position: absolute;
  top: 538px;
  left: 632px;
  box-shadow: 0px 4px 4px rgba(0, 164, 255, 0.3);
  border-radius: 14px;
  background-color: #fff;
  width: 155px;
  height: 49px;
  flex-shrink: 0;
}

.desktop-veiw-child30 {
  position: absolute;
  top: 538px;
  left: 466px;
  box-shadow: 0px 4px 4px rgba(0, 164, 255, 0.3);
  border-radius: 14px;
  background-color: #fff;
  width: 155px;
  height: 49px;
  flex-shrink: 0;
}

.desktop-veiw-child31 {
  position: absolute;
  top: 538px;
  left: 798px;
  box-shadow: 0px 4px 4px rgba(0, 164, 255, 0.3);
  border-radius: 14px;
  background-color: #fff;
  width: 155px;
  height: 49px;
  flex-shrink: 0;
}

.desktop-veiw-child32 {
  position: absolute;
  top: 537px;
  left: 964px;
  box-shadow: 0px 4px 4px rgba(0, 164, 255, 0.3);
  border-radius: 14px;
  background-color: #fff;
  width: 155px;
  height: 49px;
  flex-shrink: 0;
}

.pngtree-search-icon-png-image- {
  position: absolute;
  top: 439px;
  left: 426px;
  width: 60px;
  height: 60px;
  object-fit: contain;
  flex-shrink: 0;
  color: rgba(0, 164, 255, 0.7);
}

.frame-div {
  position: absolute;
  top: 490px;
  left: 428px;
  width: 28px;
  height: 15px;
  overflow: hidden;
  flex-shrink: 0;
}

.search {
  position: absolute;
  top: 459px;
  left: 496px;
  font-size: 15px;
  line-height: 150%;
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(98, 98, 98, 0.43);
  flex-shrink: 0;
}

.remove-bg {
  position: absolute;
  top: 551px;
  left: 335px;
  font-size: 15px;
  line-height: 150%;
  text-transform: uppercase;
  font-weight: 500;
  color: #00a4ff;
  flex-shrink: 0;
}

.we-can-pull-exceptional-search-icon {
  position: absolute;
  top: 998px;
  left: 455px;
  width: 39px;
  height: 42.3px;
  object-fit: contain;
  flex-shrink: 0;
}

.we-can-pull-exceptional-search-icon2 {
  position: absolute;
  top: 1327px;
  left: 98px;
  width: 44px;
  height: 44px;
  object-fit: contain;
  flex-shrink: 0;
}

.seo-audit {
  position: absolute;
  top: 551px;
  left: 667px;
  font-size: 15px;
  line-height: 150%;
  text-transform: uppercase;
  font-weight: 500;
  color: #00a4ff;
  flex-shrink: 0;
}

.image-prompt {
  position: absolute;
  top: 551px;
  left: 487px;
  font-size: 15px;
  line-height: 150%;
  text-transform: uppercase;
  font-weight: 500;
  color: #00a4ff;
  flex-shrink: 0;
}

.pdf {
  position: absolute;
  top: 550px;
  left: 861px;
  font-size: 15px;
  line-height: 150%;
  text-transform: uppercase;
  font-weight: 500;
  color: #00a4ff;
  flex-shrink: 0;
}

.calculator {
  position: absolute;
  top: 550px;
  left: 994px;
  font-size: 15px;
  line-height: 150%;
  text-transform: uppercase;
  font-weight: 500;
  color: #00a4ff;
  flex-shrink: 0;
}

.start-here-recommended-container {
  position: absolute;
  top: 750px;
  left: 778px;
  font-size: 24px;
  line-height: 150%;
  text-transform: capitalize;
  flex-shrink: 0;
}

.recommended-tools {
  font-weight: 500;
  line-height: 150%;
}

.selected-featured-tools-container {
  position: absolute;
  top: 1191px;
  left: 118px;
  line-height: 130%;
  text-transform: capitalize;
  flex-shrink: 0;
}

.selected {
  font-weight: 500;
  line-height: 130%;
}

.featured-tools {
  font-size: 24px;
  font-weight: 900;
  line-height: 130%;
}

.browse-tool-categories-container {
  position: absolute;
  top: 1637px;
  left: 627px;
  line-height: 130%;
  text-transform: capitalize;
  text-align: center;
  flex-shrink: 0;
  color: #c7f408;
}

.tool-categories {
  font-size: 24px;
  color: #00a4ff;
  line-height: 130%;
}

.website-audit-website-container {
  position: absolute;
  top: 1288px;
  left: 171px;
  line-height: 130%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  width: 270px;
  height: 102px;
  flex-shrink: 0;
}

.website-audit-website-container2 {
  width: 100%;
}

.website-audit {
  line-height: 130%;
}

.ai-seo-blog-container {
  position: absolute;
  top: 1466px;
  left: 158px;
  line-height: 130%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  width: 270px;
  height: 102px;
  flex-shrink: 0;
}

.all-tools {
  position: absolute;
  top: 1761px;
  left: 144px;
  font-size: 20px;
  line-height: 130%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  width: 95px;
  height: 45px;
  flex-shrink: 0;
}

.adobe-stock-tools {
  position: absolute;
  top: 1775px;
  left: 315px;
  font-size: 20px;
  line-height: 130%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  width: 193px;
  height: 45px;
  flex-shrink: 0;
}

.ebph7gczcudlhrojs8fd-1-icon {
  position: absolute;
  top: 1757px;
  left: 265px;
  width: 50px;
  height: 50px;
  object-fit: contain;
  flex-shrink: 0;
}

.ai-search-tools {
  position: absolute;
  top: 1762px;
  left: 597px;
  font-size: 20px;
  line-height: 130%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  width: 193px;
  height: 45px;
  flex-shrink: 0;
}

.icon {
  position: absolute;
  top: 1754px;
  left: 545px;
  width: 45px;
  height: 45px;
  object-fit: contain;
  flex-shrink: 0;
}

.ai-writing-tools {
  position: absolute;
  top: 1762px;
  left: 830px;
  font-size: 20px;
  line-height: 130%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  width: 193px;
  height: 45px;
  flex-shrink: 0;
}

.ai-pencil-tool-with-sparkles-l-icon {
  position: absolute;
  top: 1736px;
  left: 786px;
  width: 48px;
  height: 80px;
  object-fit: contain;
  flex-shrink: 0;
}

.ai-slides {
  position: absolute;
  top: 1762px;
  left: 1079px;
  font-size: 20px;
  line-height: 130%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  width: 265px;
  height: 45px;
  flex-shrink: 0;
}

.slideai-1-icon {
  position: absolute;
  top: 1760px;
  left: 1038px;
  width: 36px;
  height: 38px;
  object-fit: contain;
  flex-shrink: 0;
}

.domain-authority-checker-container {
  position: absolute;
  top: 1467px;
  left: 680px;
  line-height: 130%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  width: 270px;
  height: 102px;
  flex-shrink: 0;
}

.ciwv3bliujedeae-1-icon {
  position: absolute;
  top: 1494px;
  left: 85px;
  width: 53px;
  height: 42px;
  object-fit: contain;
  flex-shrink: 0;
}

.pngtree-flat-style-website-dom-icon {
  position: absolute;
  top: 1494px;
  left: 612px;
  width: 44px;
  height: 44px;
  object-fit: contain;
  flex-shrink: 0;
}

.image-to-excel-icon {
  position: absolute;
  top: 1320px;
  left: 1130px;
  width: 54px;
  height: 58px;
  object-fit: contain;
  flex-shrink: 0;
}

.image-to-excel-container {
  position: absolute;
  top: 1292px;
  left: 1206px;
  line-height: 130%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  width: 270px;
  height: 102px;
  flex-shrink: 0;
}

.image-to-prompt-container {
  position: absolute;
  top: 1288px;
  left: 682px;
  line-height: 130%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  width: 270px;
  height: 102px;
  flex-shrink: 0;
}

.remove-background-remove-container {
  position: absolute;
  top: 1293px;
  left: 412px;
  line-height: 130%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  width: 270px;
  height: 102px;
  flex-shrink: 0;
}

.pdf-editor-edit-container {
  position: absolute;
  top: 1466px;
  left: 424px;
  line-height: 130%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  width: 270px;
  height: 102px;
  flex-shrink: 0;
}

.word-counter-container {
  position: absolute;
  top: 1475px;
  left: 939px;
  line-height: 130%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  width: 270px;
  height: 102px;
  flex-shrink: 0;
}

.icon2 {
  position: absolute;
  top: 1469px;
  left: 356px;
  width: 54px;
  height: 70px;
  object-fit: contain;
  flex-shrink: 0;
}

.pngtree-office-image-2290025-1-icon {
  position: absolute;
  top: 1481px;
  left: 863px;
  width: 76px;
  height: 76px;
  object-fit: contain;
  flex-shrink: 0;
}

.ai-prompt-generator-container {
  position: absolute;
  top: 1288px;
  left: 939px;
  line-height: 130%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  width: 270px;
  height: 102px;
  flex-shrink: 0;
}

.browse-tools {
  position: absolute;
  top: 1199px;
  left: 1121px;
  font-size: 20px;
  line-height: 130%;
  text-transform: capitalize;
  font-weight: 500;
  color: #00a4ff;
  flex-shrink: 0;
}

.remove-background2 {
  position: absolute;
  top: 850px;
  left: 514px;
  font-size: 20px;
  line-height: 150%;
  text-transform: capitalize;
  font-weight: 500;
  color: #00a4ff;
  flex-shrink: 0;
}

.icon3 {
  position: absolute;
  top: 850px;
  left: 455px;
  width: 28px;
  height: 28px;
  object-fit: contain;
  flex-shrink: 0;
}

.icon4 {
  position: absolute;
  top: 1318px;
  left: 352px;
  width: 44px;
  height: 44px;
  object-fit: contain;
  flex-shrink: 0;
}

.website-audit-tool {
  position: absolute;
  top: 1006px;
  left: 514px;
  font-size: 20px;
  line-height: 150%;
  text-transform: capitalize;
  font-weight: 500;
  color: #00a4ff;
  flex-shrink: 0;
}

.we-can-pull-exceptional-search {
  position: absolute;
  top: 474px;
  left: 36px;
  width: 171px;
  height: 191px;
  flex-shrink: 0;
}

.image-to-prompt2 {
  position: absolute;
  top: 926px;
  left: 514px;
  font-size: 20px;
  line-height: 150%;
  text-transform: capitalize;
  font-weight: 500;
  color: #00a4ff;
  flex-shrink: 0;
}

.no-image-icon-13-1 {
  position: absolute;
  top: 925px;
  left: 455px;
  width: 36px;
  height: 28px;
  object-fit: contain;
  flex-shrink: 0;
}

.no-image-icon-13-2 {
  position: absolute;
  top: 1325px;
  left: 612px;
  width: 48px;
  height: 48px;
  object-fit: contain;
  flex-shrink: 0;
}

.ai-prompt-generator2 {
  position: absolute;
  top: 1083px;
  left: 514px;
  font-size: 20px;
  line-height: 150%;
  text-transform: capitalize;
  font-weight: 500;
  color: #00a4ff;
  flex-shrink: 0;
}

.toolistify-logo-recovered-3 {
  position: absolute;
  top: 741px;
  left: 423px;
  width: 332px;
  height: 82px;
  object-fit: contain;
  flex-shrink: 0;
}

.toolistify-logo-recovered-4 {
  position: absolute;
  top: 1758px;
  left: 112px;
  width: 27px;
  height: 41px;
  object-fit: contain;
  flex-shrink: 0;
}

.arrow-icon {
  position: absolute;
  top: 1200px;
  left: 1275px;
  max-width: 100%;
  overflow: hidden;
  height: 19px;
  object-fit: contain;
  flex-shrink: 0;
}

.polygon-icon {
  position: absolute;
  top: 76px;
  left: 1331px;
  border-radius: 2px;
  width: 24px;
  height: 24px;
  object-fit: contain;
  flex-shrink: 0;
}

.sparkles-1-icon {
  position: absolute;
  top: 72px;
  left: 1197px;
  width: 32px;
  height: 32px;
  object-fit: contain;
  flex-shrink: 0;
}

.sparkles-2-icon {
  position: absolute;
  top: 1079px;
  left: 455px;
  width: 32px;
  height: 32px;
  object-fit: contain;
  flex-shrink: 0;
}

.sparkles-3-icon {
  position: absolute;
  top: 1295px;
  left: 872px;
  width: 54px;
  height: 82px;
  object-fit: contain;
  flex-shrink: 0;
}

.featured-tool-hotspot {
  position: absolute;
  top: 1264px;
  width: 254px;
  height: 161px;
  border-radius: 24px;
  z-index: 20;
  display: block;
}

.featured-tool-hotspot:hover {
  box-shadow: 0 8px 22px rgba(0, 164, 255, 0.2);
}

.featured-tool-hotspot-cvmaker {
  left: 74px;
}

.featured-tool-hotspot-imageeditor {
  left: 336px;
}

.featured-tool-hotspot-imagetopdf {
  left: 598px;
}

.featured-tool-hotspot-pdfmerger {
  left: 860px;
}

.we-can-pull-exceptional-search-icon2,
.icon4,
.no-image-icon-13-2,
.sparkles-3-icon,
.image-to-excel-icon,
.ciwv3bliujedeae-1-icon,
.icon2,
.pngtree-flat-style-website-dom-icon,
.pngtree-office-image-2290025-1-icon {
  width: 48px;
  height: 48px;
  object-fit: contain;
  object-position: center;
}

.we-can-pull-exceptional-search-icon2,
.icon4,
.no-image-icon-13-2,
.sparkles-3-icon,
.image-to-excel-icon {
  top: 1320px;
}

.we-can-pull-exceptional-search-icon2 {
  left: 98px;
}

.icon4 {
  left: 352px;
}

.no-image-icon-13-2 {
  left: 612px;
}

.sparkles-3-icon {
  left: 872px;
}

.image-to-excel-icon {
  left: 1130px;
}

.ciwv3bliujedeae-1-icon,
.icon2,
.pngtree-flat-style-website-dom-icon,
.pngtree-office-image-2290025-1-icon {
  top: 1490px;
}

.ciwv3bliujedeae-1-icon {
  left: 98px;
}

.icon2 {
  left: 356px;
}

.pngtree-flat-style-website-dom-icon {
  left: 612px;
}

.pngtree-office-image-2290025-1-icon {
  left: 872px;
}

.toolistify-logo-recovered-4,
.ebph7gczcudlhrojs8fd-1-icon,
.icon,
.ai-pencil-tool-with-sparkles-l-icon,
.slideai-1-icon {
  top: 1758px;
  width: 42px;
  height: 42px;
  object-fit: contain;
  object-position: center;
  color: #00a4ff;
}

.toolistify-logo-recovered-4 {
  left: 104px;
}

.ebph7gczcudlhrojs8fd-1-icon {
  left: 265px;
}

.icon {
  left: 545px;
}

.ai-pencil-tool-with-sparkles-l-icon {
  left: 782px;
}

.slideai-1-icon {
  left: 1032px;
}

.desktop-veiw .tool-png-icon {
  image-rendering: auto;
  object-fit: contain;
  object-position: center;
}

.desktop-veiw .we-can-pull-exceptional-search-icon2,
.desktop-veiw .pngtree-office-image-2290025-1-icon {
  width: 76px;
  height: 76px;
}

.desktop-veiw .icon4,
.desktop-veiw .icon2 {
  width: 40px;
  height: 40px;
}

.desktop-veiw .no-image-icon-13-2 {
  width: 36px;
  height: 28px;
}

.desktop-veiw .sparkles-3-icon {
  width: 40px;
  height: 40px;
}

.desktop-veiw .image-to-excel-icon {
  width: 54px;
  height: 42px;
}

.desktop-veiw .ciwv3bliujedeae-1-icon {
  width: 48px;
  height: 80px;
}

.desktop-veiw .pngtree-flat-style-website-dom-icon {
  width: 54px;
  height: 91px;
}

.desktop-veiw .toolistify-logo-recovered-4 {
  width: 27px;
  height: 41px;
}

.desktop-veiw .ebph7gczcudlhrojs8fd-1-icon {
  width: 50px;
  height: 50px;
}

.desktop-veiw .icon {
  width: 45px;
  height: 45px;
}

.desktop-veiw .ai-pencil-tool-with-sparkles-l-icon {
  width: 48px;
  height: 80px;
}

.desktop-veiw .slideai-1-icon {
  width: 36px;
  height: 38px;
}

/* ==========================================================================
   MOBILE RESPONSIVE VIEW (< 1440px)
   ========================================================================== */

.mobile-view {
  display: none;
  font-family: 'Inter', sans-serif;
  background: linear-gradient(180deg, #f0faff 0%, #ffffff 40%, #f7fcff 70%, #eaf6ff 100%);
  min-height: 100vh;
  color: #000;
}

@media (max-width: 1439px) {
  .desktop-veiw {
    display: none !important;
  }
  
  .mobile-view {
    display: block;
    padding-bottom: 0;
  }

  /* Navbar */
  .mobile-navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid rgba(0, 164, 255, 0.1);
  }
  .mobile-logo {
    height: 32px;
    width: auto;
    object-fit: contain;
  }
  .mobile-ai-tools-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    border: 1px solid rgba(0, 164, 255, 0.2);
    box-shadow: 0 4px 12px rgba(0, 164, 255, 0.1);
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #00A4FF;
    cursor: pointer;
  }
  .mobile-btn-icon { width: 16px; height: 16px; }
  .mobile-btn-arrow { width: 12px; height: 12px; transform: rotate(90deg); }

  /* Hero */
  .mobile-hero {
    padding: 40px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .mobile-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    color: #333;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    margin-bottom: 24px;
    text-transform: uppercase;
  }
  .mobile-badge-dot {
    width: 8px;
    height: 8px;
    background: #C7F408;
    border-radius: 50%;
  }
  .mobile-hero-logo {
    height: 48px;
    margin-bottom: 16px;
    object-fit: contain;
  }
  .mobile-hero-subtitle {
    font-size: 15px;
    line-height: 1.6;
    color: #555;
    margin-bottom: 32px;
    max-width: 400px;
  }

  /* Search */
  .mobile-search-bar {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 24px;
    padding: 12px 20px;
    box-shadow: 0 4px 15px rgba(0, 164, 255, 0.15);
    width: 100%;
    max-width: 400px;
    margin-bottom: 24px;
  }
  .mobile-search-icon {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    opacity: 0.5;
  }
  .mobile-search-input {
    flex: 1;
    border: none;
    outline: none;
    font-size: 16px;
    color: #333;
  }
  
  /* Quick Pills */
  .mobile-quick-pills {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 32px;
  }
  .mobile-pill {
    color: #00A4FF;
    font-size: 13px;
    font-weight: 600;
    background: #fff;
    padding: 8px 16px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 164, 255, 0.1);
    text-transform: uppercase;
  }
  .mobile-pill-gpa {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.15;
    font-size: 11px;
    min-height: 36px;
    padding: 6px 14px;
  }

  /* Stats */
  .mobile-stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }
  .mobile-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 100px;
  }
  .mobile-stat-num {
    font-size: 28px;
    font-weight: 900;
    color: #000;
  }
  .mobile-stat-label {
    font-size: 13px;
    font-weight: 500;
    color: #555;
  }

  /* Sections Common */
  .mobile-section {
    padding: 40px 20px;
  }
  .mobile-section-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
  }
  .mobile-section-icon {
    width: 48px;
    height: 48px;
    object-fit: contain;
  }
  .mobile-section-title-wrap {
    display: flex;
    flex-direction: column;
  }
  .mobile-section-sub {
    font-size: 14px;
    font-weight: 600;
    color: #333;
  }
  .mobile-section-title {
    font-size: 22px;
    font-weight: 900;
    margin: 0;
  }
  .categories-title-color {
    color: #00A4FF;
  }

  /* Recommended List */
  .mobile-recommended-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .mobile-rec-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #fff;
    padding: 16px 16px 16px 20px;
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(0, 164, 255, 0.08);
    gap: 16px;
    font-weight: 600;
    color: #00A4FF;
    font-size: 15px;
  }
  .mobile-rec-icon-wrap {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mobile-rec-icon-wrap img,
  .mobile-rec-icon-wrap .mobile-rec-icon {
    width: 32px !important;
    height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    object-fit: contain;
  }
  .mobile-rec-item > span {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
  }
  .mobile-rec-icon {
    width: 32px;
    height: 32px;
  }

  /* Featured Header */
  .mobile-featured-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 24px;
  }
  .mobile-browse-link {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #00A4FF;
    font-weight: 600;
    font-size: 14px;
  }
  .mobile-browse-link img,
  .mobile-browse-link .mobile-browse-arrow {
    width: 12px;
    height: 12px;
    transform: rotate(-90deg);
  }

  /* Featured Grid */
  .mobile-featured-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
  }
  @media (min-width: 500px) {
    .mobile-featured-grid {
      grid-template-columns: 1fr 1fr;
    }

    .mobile-featured-grid > :last-child:nth-child(odd) {
      grid-column: 1 / -1;
      width: calc(50% - 8px);
      justify-self: center;
    }
  }
  .mobile-card {
    background: #fff;
    padding: 24px;
    border-radius: 20px;
    box-shadow: 0 4px 15px rgba(0, 164, 255, 0.08);
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .mobile-tool-card-link {
    color: inherit;
    text-decoration: none;
  }
  .mobile-card-icon {
    width: auto;
    height: auto;
    max-width: 40px;
    max-height: 40px;
    object-fit: contain;
    margin-bottom: 4px;
  }
  .mobile-card-title {
    font-size: 16px;
    font-weight: 800;
    margin: 0;
    line-height: 1.3;
  }
  .mobile-card-desc {
    font-size: 14px;
    color: #666;
    margin: 0;
    line-height: 1.5;
  }

  /* Categories */
  .mobile-categories-section {
    text-align: center;
  }
  .mobile-categories-header {
    margin-bottom: 32px;
  }
  .mobile-categories-header .mobile-section-sub {
    color: #C7F408;
    font-weight: 700;
  }
  .mobile-categories-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
  }
  .mobile-cat-chip {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    padding: 12px 20px;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 164, 255, 0.08);
    font-weight: 700;
    font-size: 14px;
    color: #111;
    text-decoration: none;
  }
  .mobile-cat-chip img,
  .mobile-cat-chip .mobile-cat-icon {
    width: auto;
    height: auto;
    max-width: 32px;
    max-height: 32px;
    object-fit: contain;
    flex-shrink: 0;
  }
}

/* New icon asset sizing overrides */
.desktop-veiw .icon3,
.desktop-veiw .no-image-icon-13-1,
.desktop-veiw .we-can-pull-exceptional-search-icon,
.desktop-veiw .sparkles-2-icon {
  width: 34px;
  height: 34px;
}

.desktop-veiw .we-can-pull-exceptional-search-icon2,
.desktop-veiw .icon4,
.desktop-veiw .no-image-icon-13-2,
.desktop-veiw .sparkles-3-icon,
.desktop-veiw .image-to-excel-icon,
.desktop-veiw .ciwv3bliujedeae-1-icon,
.desktop-veiw .icon2,
.desktop-veiw .pngtree-flat-style-website-dom-icon,
.desktop-veiw .pngtree-office-image-2290025-1-icon {
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
}

.desktop-veiw .toolistify-logo-recovered-4,
.desktop-veiw .ebph7gczcudlhrojs8fd-1-icon,
.desktop-veiw .icon,
.desktop-veiw .ai-pencil-tool-with-sparkles-l-icon,
.desktop-veiw .slideai-1-icon {
  width: 42px;
  height: 42px;
}

.desktop-veiw .arrow-icon,
.desktop-veiw .polygon-icon {
  width: 18px;
  height: 18px;
}

.desktop-veiw .sparkles-1-icon {
  width: 28px;
  height: 28px;
}

@media (max-width: 1439px) {
  .mobile-rec-icon,
  .mobile-card-icon {
    width: 36px;
    height: 36px;
    max-width: 36px;
    max-height: 36px;
  }

  .mobile-cat-chip img,
  .mobile-cat-chip .mobile-cat-icon {
    width: 28px;
    height: 28px;
    max-width: 28px;
    max-height: 28px;
  }
}

.desktop-veiw .pngtree-search-icon-png-image- {
  width: 34px;
  height: 34px;
  max-width: 34px;
  max-height: 34px;
}