.elementor-2965 .elementor-element.elementor-element-e2f56b0{--display:flex;--margin-top:34px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2965 .elementor-element.elementor-element-9ab1362.elementor-element{--align-self:center;}.elementor-2965 .elementor-element.elementor-element-df4d5e5{text-align:center;}.elementor-2965 .elementor-element.elementor-element-df4d5e5 .elementor-heading-title{font-size:45px;color:var( --e-global-color-woostify_color_1 );}.elementor-2965 .elementor-element.elementor-element-af684ba{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 250px 0px 250px;text-align:center;font-size:18px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#8791A0;}.elementor-2965 .elementor-element.elementor-element-9489f79{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:18px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#8791A0;}.elementor-2965 .elementor-element.elementor-element-dc4c187{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;color:#FFFFFF;}.elementor-2965 .elementor-element.elementor-element-4485a3e{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2965 .elementor-element.elementor-element-37ad43f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2965 .elementor-element.elementor-element-caee0ea{margin:22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;color:#FFFFFF;}.elementor-2965 .elementor-element.elementor-element-a8a2a77{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2965 .elementor-element.elementor-element-225e5d2.elementor-element{--align-self:center;}body.elementor-page-2965:not(.elementor-motion-effects-element-type-background), body.elementor-page-2965 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}/* Start custom CSS for html, class: .elementor-element-6056f88 *//* Badge Container */
.badge-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem; /* same as gap-3 */
  margin-bottom: 3rem; /* same as mb-12 */
}

/* Badge Buttons */
.badge {
  padding: 0.1rem 1.5rem; /* px-6 py-2 */
  border-radius: 0.5rem; /* rounded-lg */
  font-size: 0.875rem; /* text-sm */
  font-weight: 500; /* font-medium */
  border: 1px solid rgba(255, 102, 0, 0.2); /* brand-orange/50 */
  background-color: rgba(255, 136, 0, 0.12)!important; /* brand-orange/12 */
  color: #FF6600 !important; /* force brand-orange text */
  transition: all 0.3s ease;
  cursor: pointer;
}

/* Hover Effect */
.badge:hover {
  background-color: rgba(255, 102, 0, 0.2) !important; /* brand-orange/20 */
  border-color: rgba(255, 102, 0, 0.5); /* brand-orange/50 */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4485a3e *//* Tool Grid Layout */
.tools-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 25px;
  max-width: 1100px;
  margin: 0 auto;
  justify-content: center;
  padding: 0 1rem;
}

/* Tool Card */
.tool-card {
  position: relative;
  background: rgba(255, 102, 0, 0.06);
  border-radius: 18px;
  border: 1.5px solid rgba(255, 102, 0, 0.2);
  box-shadow: 0 4px 32px 0 rgba(255, 102, 51, 0.07), 0 1.5px 8px rgba(255,140,51,0.04);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 172px;
  padding: 2.2rem 1.3rem 1.8rem 1.3rem;
  transition: box-shadow 0.3s, transform 0.2s;
  color: #fff;
  text-decoration: none;
}
.tool-card:hover {
  transform: scale(1.05);
  box-shadow: 0 0 25px rgba(255, 102, 0, 0.4);
  border-color: #ff6600;
}

/* Icon Wrapper */
.icon-wrap {
  display: inline-flex;
  padding: 0.75rem;
  border-radius: 0.5rem;
  background: linear-gradient(
    to bottom right,
    rgba(255, 102, 0, 0.18),
    rgba(255, 102, 0, 0.2)
  );
  color: #ff6600;
  margin-bottom: 1.5rem;
  transition: all 0.3s ease;
  position: relative;
}

.tool-card:hover .icon-wrap {
  background-color: rgb(255 102 0 / 0.1);
}

/* Icon SVG */
.icon-wrap svg {
  width: 32px;
  height: 32px;
  stroke: currentColor;
}

/* Tool Titles and Descriptions */
.tool-name {
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0.8rem;
  font-size: 1.05rem;
  color: #ffffff;
}

.tool-category {
  font-size: 0.9rem;
  color: #8791A0;
  font-weight: 500;
  margin-top: 0;
  line-height: 1.3;
}

/* Buttons */
.tools-grid .tool-btn {
  background-color: rgba(255, 102, 0, 0.1);
  border: 1px solid #853400;
  color: #ff6600;
  padding: 0.3rem 8.5rem;
  border-radius: 8px;
  transition: all 0.3s ease;
  margin-top: 1rem;
  font-weight: 600;
}

.tools-grid .tool-btn:hover {
  background-color: #ff6600;
  color: #fff;
}

/* --- Responsive Tweaks --- */

/* Tablets (768px and below) */
@media (max-width: 768px) {
  .tools-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    padding: 0 1rem;
  }

  .tool-card {
    padding: 2rem 1rem;
  }

  .tool-btn {
    padding: 0.4rem 2rem;
  }

  .icon-wrap svg {
    width: 28px;
    height: 28px;
  }

  .tool-name {
    font-size: 1rem;
  }

  .tool-category {
    font-size: 0.85rem;
  }
}

/* Mobile (480px and below) */
@media (max-width: 480px) {
  .tools-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .tool-card {
    padding: 1.8rem 1rem;
  }

  .icon-wrap {
    padding: 0.6rem;
    margin-bottom: 1rem;
  }

  .tool-btn {
    padding: 0.4rem 1.5rem;
    font-size: 0.9rem;
  }

  .tool-name {
    font-size: 0.95rem;
  }

  .tool-category {
    font-size: 0.8rem;
  }
}
.tool-card {
  position: relative;   /* required for absolute badges */
  overflow: visible;    /* allow badge to show outside if needed */
}
/* --- Top Badge --- */
.tool-badge {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: rgba(255, 102, 0, 0.1);
  border: 1px solid rgba(255, 102, 0, 0.4);
  border-radius: 9999px;
  color: #FF6600;          /* changed text color to orange */
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0 12px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  z-index: 10;             /* ensures it stays on top */
  display: inline-flex;     /* ensures visibility */
  pointer-events: none;     /* optional, prevents blocking clicks */
}
@media (min-width: 481px) and (max-width: 900px) {
  .tools-grid {
    grid-template-columns: repeat(2, 1fr);    /* Two equal columns on tablet */
    gap: 20px;
    max-width: 700px;                         /* Adjust if your cards are wider */
    margin: 0 auto;
    padding: 0 1rem;
  }
  .tool-card {
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 1.8rem 1rem;
  }
}
.tool-btn {
  white-space: nowrap;      /* Prevent line breaks */
  overflow: hidden;         /* Hide overflow if needed */
  text-overflow: ellipsis;  /* Optional: add ... if very narrow */
  display: flex;
  align-items: center;
  justify-content: center;
}/* End custom CSS */