.elementor-305 .elementor-element.elementor-element-f924f85{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-305 .elementor-element.elementor-element-c80997d{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-305 .elementor-element.elementor-element-b884c60{--grid-columns:3;}.elementor-305 .elementor-element.elementor-element-b884c60 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-305 .elementor-element.elementor-element-b884c60 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-305 .elementor-element.elementor-element-b884c60 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-305 .elementor-element.elementor-element-b884c60 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-305 .elementor-element.elementor-element-b884c60 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-305 .elementor-element.elementor-element-b884c60{--grid-columns:2;}}@media(max-width:767px){.elementor-305 .elementor-element.elementor-element-b884c60{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-648bf2a *//* ==========================================
   TTJPRO ACADEMY — AI TOOLS HERO
========================================== */

.ttja-ai-tools-hero {
  position: relative;
  width: 100%;
  overflow: hidden;

  padding: 75px 0 78px;

  background:
    radial-gradient(
      circle at 88% 18%,
      rgba(66, 102, 235, 0.11),
      transparent 28%
    ),
    linear-gradient(
      135deg,
      #f7f5ff 0%,
      #f0effd 52%,
      #eef3ff 100%
    );

  border-bottom: 1px solid rgba(50, 63, 120, 0.07);

  font-family: "Outfit", "Inter", Arial, sans-serif;
}

.ttja-ai-tools-hero::before {
  content: "";

  position: absolute;
  width: 280px;
  height: 280px;

  top: -170px;
  left: -110px;

  border-radius: 50%;

  background: rgba(96, 75, 230, 0.08);
  filter: blur(10px);

  pointer-events: none;
}

.ttja-ai-tools-hero-container {
  position: relative;
  z-index: 2;

  width: min(1140px, calc(100% - 40px));
  margin: 0 auto;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 45px;
}

.ttja-ai-tools-hero-content {
  max-width: 760px;
}

.ttja-ai-tools-eyebrow {
  width: fit-content;

  display: inline-flex;
  align-items: center;
  gap: 9px;

  margin-bottom: 18px;
  padding: 8px 14px;

  color: #3a44d6;
  background: rgba(255, 255, 255, 0.8);

  border: 1px solid rgba(58, 68, 214, 0.13);
  border-radius: 999px;

  box-shadow: 0 7px 20px rgba(31, 38, 91, 0.05);

  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 1.1px;
}

.ttja-ai-tools-eyebrow::before {
  content: "";

  width: 8px;
  height: 8px;

  border-radius: 50%;

  background: #b7f436;

  box-shadow: 0 0 0 5px rgba(183, 244, 54, 0.15);
}

.ttja-ai-tools-hero h1 {
  margin: 0;

  color: #111936;

  font-family: "Raleway", "Outfit", Arial, sans-serif;
  font-size: clamp(44px, 5vw, 64px);
  font-weight: 800;
  line-height: 1.06;
  letter-spacing: -2.3px;
}

.ttja-ai-tools-hero h1 span {
  display: block;
  color: #385bd7;
}

.ttja-ai-tools-hero p {
  max-width: 670px;
  margin: 20px 0 0;

  color: #686e91;

  font-size: 16px;
  line-height: 1.7;
}

/* Decorative icon */

.ttja-ai-tools-hero-icon {
  width: 155px;
  height: 155px;
  flex: 0 0 155px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #365bdc;

  background: rgba(255, 255, 255, 0.72);

  border: 1px solid rgba(54, 91, 220, 0.1);
  border-radius: 34px;

  box-shadow:
    0 22px 50px rgba(37, 47, 98, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);

  transform: rotate(4deg);
}

.ttja-ai-tools-hero-icon svg {
  width: 78px;
  height: 78px;

  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 700px) {
  .ttja-ai-tools-hero {
    padding: 60px 0 64px;
  }

  .ttja-ai-tools-hero-container {
    width: min(100% - 30px, 1140px);
  }

  .ttja-ai-tools-hero-icon {
    display: none;
  }

  .ttja-ai-tools-eyebrow {
    font-size: 8px;
    padding: 7px 11px;
  }

  .ttja-ai-tools-hero h1 {
    font-size: 40px;
    letter-spacing: -1.6px;
  }

  .ttja-ai-tools-hero p {
    font-size: 14px;
    line-height: 1.65;
  }
}/* End custom CSS */