.elementor-982 .elementor-element.elementor-element-621efa2{--display:flex;--min-height:1440px;--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-982 .elementor-element.elementor-element-b234bb5{--display:flex;}.elementor-982 .elementor-element.elementor-element-244e3c4{--display:flex;}.elementor-982 .elementor-element.elementor-element-b9c22e5{--display:flex;}.elementor-982 .elementor-element.elementor-element-8e2de81{--display:flex;}.elementor-982 .elementor-element.elementor-element-b58850b{--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;}@media(min-width:768px){.elementor-982 .elementor-element.elementor-element-621efa2{--content-width:1600px;}}/* Start custom CSS for shortcode, class: .elementor-element-690a110 */.elementor-982 .elementor-element.elementor-element-690a110{
  --amx-bg:#f4efe5;
  --amx-card:#fffaf0;
  --amx-ink:#172033;
  --amx-black:#111111;
  --amx-muted:#555a64;
  --amx-yellow:#ffd900;
  --amx-yellow-soft:#fff0a8;
  --amx-blue:#0b66ff;
  --amx-green:#b9e769;
  --amx-orange:#f7d8c7;
  --amx-purple:#eee5f5;

  position:relative;
  left:50%;

  width:100vw;
  max-width:100vw;

  margin-left:-50vw;
  margin-right:-50vw;

  padding:78px 34px 90px;

  overflow:hidden;

  border-bottom:4px solid var(--amx-black);

  background:
    linear-gradient(
      rgba(17,17,17,.045) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(17,17,17,.045) 1px,
      transparent 1px
    ),
    var(--amx-bg);

  background-size:32px 32px;

  font-family:Inter,Arial,sans-serif;
}

.elementor-982 .elementor-element.elementor-element-690a110,
.elementor-982 .elementor-element.elementor-element-690a110 *{
  box-sizing:border-box;
}

.elementor-982 .elementor-element.elementor-element-690a110 > .elementor-widget-container{
  width:100%;
  max-width:1680px;

  margin:0 auto;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-category-section{
  position:relative;

  margin:0 !important;
  padding:0 !important;

  background:transparent !important;

  border:0 !important;
  box-shadow:none !important;
}

/* =========================================================
   HEADER — EMAIL & DELIVERABILITY 01
   ========================================================= */

.elementor-982 .elementor-element.elementor-element-690a110 .amx-section-head{
  position:relative;

  display:grid !important;

  grid-template-columns:minmax(0,1fr) auto;

  align-items:end;

  gap:40px;

  margin:0 0 42px !important;
  padding:40px !important;

  overflow:hidden;

  border:4px solid var(--amx-black) !important;

  background:var(--amx-card) !important;

  box-shadow:
    11px 11px 0 rgba(0,0,0,.10);
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-section-head::before{
  content:"";

  position:absolute;

  top:-90px;
  right:-75px;

  width:230px;
  height:230px;

  border:4px solid var(--amx-black);

  border-radius:50%;

  background:
    linear-gradient(
      135deg,
      var(--amx-yellow),
      var(--amx-yellow-soft)
    );

  opacity:.88;

  pointer-events:none;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-section-head::after{
  content:"01";

  position:absolute;

  top:28px;
  right:42px;

  color:var(--amx-black);

  font-size:62px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.06em;

  opacity:.11;

  pointer-events:none;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-section-head > *{
  position:relative;
  z-index:2;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-section-kicker{
  display:inline-flex !important;

  align-items:center;

  gap:9px;

  width:max-content;

  margin:0 0 18px !important;
  padding:11px 15px !important;

  border:3px solid var(--amx-black) !important;

  background:var(--amx-yellow) !important;
  color:var(--amx-black) !important;

  box-shadow:
    5px 5px 0 rgba(0,0,0,.11);

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-transform:uppercase;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-section-kicker::before{
  content:"✉";

  display:grid;

  place-items:center;

  width:23px;
  height:23px;

  background:var(--amx-black);
  color:#fff;

  font-size:12px;
  line-height:1;
  font-weight:1000;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-section-head h2{
  max-width:1000px;

  margin:0 !important;

  color:var(--amx-ink) !important;

  font-size:clamp(44px,5vw,76px) !important;
  line-height:.91 !important;
  letter-spacing:-.065em !important;
  font-weight:950 !important;

  text-transform:uppercase !important;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-category-description{
  max-width:850px;

  margin:18px 0 0 !important;

  color:var(--amx-muted) !important;

  font-size:17px !important;
  line-height:1.6 !important;
  font-weight:600 !important;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-count{
  display:inline-flex !important;

  align-items:center;

  width:max-content;

  margin:22px 0 0 !important;
  padding:10px 13px !important;

  border:2px solid var(--amx-black) !important;

  background:#fff !important;
  color:var(--amx-black) !important;

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-transform:uppercase !important;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-section-link{
  display:inline-flex !important;

  align-items:center;
  justify-content:center;

  min-width:190px;
  min-height:56px;

  padding:15px 22px !important;

  border:3px solid var(--amx-black) !important;

  background:var(--amx-black) !important;
  color:#fff !important;

  box-shadow:
    5px 5px 0 rgba(0,0,0,.13);

  text-decoration:none !important;
  text-transform:uppercase;

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease,
    color .18s ease;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-section-link:hover,
.elementor-982 .elementor-element.elementor-element-690a110 .amx-section-link:focus{
  background:var(--amx-yellow) !important;
  color:var(--amx-black) !important;

  transform:translate(-2px,-2px);

  box-shadow:
    7px 7px 0 rgba(0,0,0,.17);
}

/* =========================================================
   TOOLS GRID
   ========================================================= */

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tools-grid{
  display:grid !important;

  grid-template-columns:
    repeat(3,minmax(0,1fr)) !important;

  gap:26px !important;

  margin:0 !important;

  perspective:1400px;
}

/* =========================================================
   TOOL CARDS
   ========================================================= */

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card{
  position:relative;

  isolation:isolate;

  display:flex !important;

  flex-direction:column !important;

  min-height:350px;

  padding:28px !important;

  overflow:hidden;

  border:3px solid var(--amx-black) !important;
  border-radius:0 !important;

  color:var(--amx-ink) !important;

  box-shadow:
    8px 8px 0 rgba(0,0,0,.09) !important;

  transform-style:preserve-3d;

  animation:
    amxEmailCardEnter .55s ease both,
    amxEmailCardFloat 6s ease-in-out infinite;

  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    box-shadow .32s ease,
    background .32s ease;

  will-change:transform;
}

/* Card backgrounds */

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:nth-child(6n+1){
  background:#fffaf0 !important;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:nth-child(6n+2){
  background:#dceaff !important;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:nth-child(6n+3){
  background:#fff0a8 !important;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:nth-child(6n+4){
  background:#e6f1e6 !important;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:nth-child(6n+5){
  background:#f7e4d9 !important;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:nth-child(6n+6){
  background:#eee5f5 !important;
}

/* Animation delays */

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:nth-child(1){
  animation-delay:.04s,.2s;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:nth-child(2){
  animation-delay:.09s,.7s;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:nth-child(3){
  animation-delay:.14s,1.2s;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:nth-child(4){
  animation-delay:.19s,1.7s;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:nth-child(5){
  animation-delay:.24s,2.2s;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:nth-child(6){
  animation-delay:.29s,2.7s;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:nth-child(7){
  animation-delay:.34s,3.2s;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:nth-child(8){
  animation-delay:.39s,3.7s;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:nth-child(9){
  animation-delay:.44s,4.2s;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:nth-child(10){
  animation-delay:.49s,4.7s;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:nth-child(11){
  animation-delay:.54s,5.2s;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:nth-child(12){
  animation-delay:.59s,5.7s;
}

@keyframes amxEmailCardEnter{
  from{
    opacity:0;

    transform:
      translateY(22px)
      scale(.985);
  }

  to{
    opacity:1;

    transform:
      translateY(0)
      scale(1);
  }
}

@keyframes amxEmailCardFloat{
  0%,
  100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-4px);
  }
}

/* Decorative circle */

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card::after{
  content:"";

  position:absolute;

  right:-65px;
  bottom:-75px;

  z-index:-1;

  width:190px;
  height:190px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(255,217,0,.32) 0 26%,
      rgba(11,102,255,.12) 27% 48%,
      transparent 49%
    );

  opacity:.72;

  animation:
    amxEmailDecorMove 7s ease-in-out infinite;

  pointer-events:none;
}

@keyframes amxEmailDecorMove{
  0%,
  100%{
    transform:
      translate(0,0)
      scale(.92);
  }

  50%{
    transform:
      translate(-5px,-4px)
      scale(1.04);
  }
}

/* Top stripe */

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card::before{
  content:"";

  position:absolute;

  top:0;
  left:0;

  z-index:2;

  width:100%;
  height:8px;

  background:
    linear-gradient(
      90deg,
      var(--amx-yellow) 0 34%,
      var(--amx-black) 34% 42%,
      var(--amx-yellow) 42% 100%
    );

  background-size:220% 100%;

  transition:
    background-position .45s ease;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card-live::before{
  background:
    linear-gradient(
      90deg,
      var(--amx-blue) 0 34%,
      var(--amx-yellow) 34% 58%,
      var(--amx-blue) 58% 100%
    ) !important;

  background-size:220% 100% !important;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:hover{
  animation-play-state:paused;

  transform:
    translateY(-9px)
    scale(1.012) !important;

  box-shadow:
    14px 16px 0 rgba(0,0,0,.13),
    0 22px 45px rgba(23,32,51,.12) !important;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:hover::before{
  background-position:100% 0;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:hover::after{
  animation-play-state:paused;

  transform:
    translate(-6px,-6px)
    scale(1.14);
}

/* Hover backgrounds */

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:nth-child(6n+1):hover{
  background:#fff5dc !important;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:nth-child(6n+2):hover{
  background:#cfdfff !important;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:nth-child(6n+3):hover{
  background:#ffe77a !important;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:nth-child(6n+4):hover{
  background:#d6ead6 !important;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:nth-child(6n+5):hover{
  background:#f3d8c8 !important;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:nth-child(6n+6):hover{
  background:#e6d8f0 !important;
}

/* =========================================================
   CARD TOP / ICON / STATUS
   ========================================================= */

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card-top,
.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card-header{
  display:flex !important;

  align-items:flex-start !important;
  justify-content:space-between !important;

  gap:18px;

  margin:0 0 20px !important;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-icon{
  display:grid !important;

  place-items:center;

  width:58px;
  height:58px;

  flex:0 0 58px;

  border:3px solid var(--amx-black);

  background:#fff !important;
  color:var(--amx-black) !important;

  box-shadow:
    4px 4px 0 rgba(0,0,0,.11);

  font-size:24px !important;
  line-height:1 !important;

  transition:
    transform .28s ease,
    box-shadow .28s ease;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:hover .amx-tool-icon{
  transform:
    translateY(-3px)
    rotate(-3deg)
    scale(1.06);

  box-shadow:
    6px 6px 0 rgba(0,0,0,.14);
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-badge,
.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-status{
  display:inline-flex !important;

  align-items:center;
  justify-content:center;

  min-height:31px;

  padding:8px 10px !important;

  border:2px solid var(--amx-black) !important;

  background:#fff !important;
  color:var(--amx-black) !important;

  font-size:10px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.035em;

  text-transform:uppercase !important;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card-live .amx-tool-badge,
.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card-live .amx-tool-status{
  background:var(--amx-blue) !important;
  color:#fff !important;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card-coming-soon .amx-tool-badge,
.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card-coming-soon .amx-tool-status{
  background:var(--amx-yellow) !important;
  color:var(--amx-black) !important;
}

/* =========================================================
   TITLE / TEXT
   ========================================================= */

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-title,
.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card h3{
  margin:0 0 15px !important;

  color:var(--amx-ink) !important;

  font-size:clamp(24px,2.1vw,32px) !important;
  line-height:1.05 !important;
  letter-spacing:-.045em !important;
  font-weight:950 !important;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-title a,
.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card h3 a{
  color:inherit !important;

  text-decoration:none !important;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-excerpt,
.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-description,
.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card p{
  margin:0 0 22px !important;

  color:var(--amx-muted) !important;

  font-size:15px !important;
  line-height:1.65 !important;
  font-weight:550 !important;
}

/* =========================================================
   CARD FOOTER
   ========================================================= */

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card-footer{
  display:flex !important;

  align-items:center !important;
  justify-content:space-between !important;

  flex-wrap:wrap !important;

  gap:14px !important;

  margin-top:auto !important;
  padding-top:20px !important;

  border-top:2px solid rgba(17,17,17,.17) !important;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-meta,
.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-category-name{
  color:var(--amx-muted) !important;

  font-size:11px !important;
  line-height:1.3 !important;
  font-weight:850 !important;

  text-transform:uppercase !important;
}

/* =========================================================
   ACTION BUTTON
   ========================================================= */

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-action{
  display:inline-flex !important;

  align-items:center;
  justify-content:center;

  min-height:45px;

  padding:12px 16px !important;

  border:3px solid var(--amx-black) !important;

  background:var(--amx-black) !important;
  color:#fff !important;

  box-shadow:
    4px 4px 0 rgba(0,0,0,.11);

  text-decoration:none !important;
  text-transform:uppercase !important;

  font-size:10px !important;
  line-height:1 !important;
  font-weight:950 !important;

  transition:
    transform .18s ease,
    background .18s ease,
    color .18s ease,
    box-shadow .18s ease;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-action:hover,
.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-action:focus{
  background:var(--amx-yellow) !important;
  color:var(--amx-black) !important;

  transform:translate(-2px,-2px);

  box-shadow:
    6px 6px 0 rgba(0,0,0,.15);
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card-coming-soon .amx-tool-action,
.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-action-disabled{
  background:#fff !important;
  color:var(--amx-black) !important;
}

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-action-disabled{
  opacity:.65;

  pointer-events:none;
}

/* =========================================================
   EMPTY STATE
   ========================================================= */

.elementor-982 .elementor-element.elementor-element-690a110 .amx-tools-empty{
  width:100%;

  padding:46px 28px !important;

  border:3px solid var(--amx-black) !important;

  background:var(--amx-card) !important;
  color:var(--amx-muted) !important;

  box-shadow:
    8px 8px 0 rgba(0,0,0,.09);

  text-align:center !important;

  font-size:16px !important;
  line-height:1.6 !important;
  font-weight:700 !important;
}

/* =========================================================
   ACCESSIBILITY
   ========================================================= */

.elementor-982 .elementor-element.elementor-element-690a110 a:focus-visible,
.elementor-982 .elementor-element.elementor-element-690a110 button:focus-visible{
  outline:3px solid var(--amx-blue) !important;
  outline-offset:4px !important;
}

/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media(min-width:1850px){
  .elementor-982 .elementor-element.elementor-element-690a110{
    padding-left:42px;
    padding-right:42px;
  }

  .elementor-982 .elementor-element.elementor-element-690a110 > .elementor-widget-container{
    max-width:1780px;
  }
}

/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1100px){
  .elementor-982 .elementor-element.elementor-element-690a110{
    padding:68px 26px 80px;
  }

  .elementor-982 .elementor-element.elementor-element-690a110 .amx-section-head{
    grid-template-columns:1fr;

    align-items:start;

    gap:28px;
  }

  .elementor-982 .elementor-element.elementor-element-690a110 .amx-section-link{
    width:max-content;
  }

  .elementor-982 .elementor-element.elementor-element-690a110 .amx-tools-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }

  .elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card{
    min-height:330px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px){
  .elementor-982 .elementor-element.elementor-element-690a110{
    padding:52px 14px 64px;
  }

  .elementor-982 .elementor-element.elementor-element-690a110 > .elementor-widget-container{
    width:100%;
  }

  .elementor-982 .elementor-element.elementor-element-690a110 .amx-section-head{
    grid-template-columns:1fr;

    gap:24px;

    margin-bottom:30px !important;
    padding:25px 20px !important;

    border-width:3px !important;

    box-shadow:
      7px 7px 0 rgba(0,0,0,.09);
  }

  .elementor-982 .elementor-element.elementor-element-690a110 .amx-section-head::before{
    top:-76px;
    right:-95px;

    width:190px;
    height:190px;

    opacity:.68;
  }

  .elementor-982 .elementor-element.elementor-element-690a110 .amx-section-head::after{
    top:20px;
    right:22px;

    font-size:44px;
  }

  .elementor-982 .elementor-element.elementor-element-690a110 .amx-section-kicker{
    margin-bottom:16px !important;
  }

  .elementor-982 .elementor-element.elementor-element-690a110 .amx-section-head h2{
    max-width:100%;

    font-size:clamp(39px,12vw,58px) !important;
    line-height:.93 !important;
  }

  .elementor-982 .elementor-element.elementor-element-690a110 .amx-category-description{
    font-size:15px !important;
  }

  .elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-count{
    width:100%;

    justify-content:center;

    text-align:center;
  }

  .elementor-982 .elementor-element.elementor-element-690a110 .amx-section-link{
    width:100%;

    min-width:0;
  }

  .elementor-982 .elementor-element.elementor-element-690a110 .amx-tools-grid{
    grid-template-columns:1fr !important;

    gap:22px !important;
  }

  .elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card{
    min-height:310px;

    padding:24px 20px !important;

    box-shadow:
      6px 6px 0 rgba(0,0,0,.09) !important;
  }

  .elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card:hover{
    transform:translateY(-4px) !important;

    box-shadow:
      9px 10px 0 rgba(0,0,0,.11) !important;
  }

  .elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-title,
  .elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card h3{
    font-size:27px !important;
  }

  .elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card-footer{
    align-items:stretch !important;

    flex-direction:column !important;
  }

  .elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-action{
    width:100%;
  }
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){
  .elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card,
  .elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card::after{
    animation:none !important;
  }

  .elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card,
  .elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-card *,
  .elementor-982 .elementor-element.elementor-element-690a110 .amx-section-link,
  .elementor-982 .elementor-element.elementor-element-690a110 .amx-tool-action{
    transition:none !important;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9633d3b */.elementor-982 .elementor-element.elementor-element-9633d3b{
  --amx-bg:#f4efe5;
  --amx-card:#fffaf0;
  --amx-ink:#172033;
  --amx-black:#111111;
  --amx-muted:#555a64;
  --amx-yellow:#ffd900;
  --amx-yellow-soft:#fff0a8;
  --amx-blue:#0b66ff;
  --amx-green:#b9e769;
  --amx-orange:#f7d8c7;
  --amx-purple:#eee5f5;

  position:relative !important;

  left:auto !important;
  right:auto !important;

  width:100% !important;
  max-width:100% !important;

  margin-left:0 !important;
  margin-right:0 !important;

  padding:78px 34px 90px !important;

  overflow:hidden !important;

  border-bottom:4px solid var(--amx-black) !important;

  background:
    linear-gradient(
      rgba(17,17,17,.045) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(17,17,17,.045) 1px,
      transparent 1px
    ),
    var(--amx-bg) !important;

  background-size:32px 32px !important;

  font-family:Inter,Arial,sans-serif !important;

  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  transform:none !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b,
.elementor-982 .elementor-element.elementor-element-9633d3b *{
  box-sizing:border-box;

  visibility:visible !important;
  filter:none !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b > .elementor-widget-container{
  position:relative !important;

  width:100% !important;
  max-width:100% !important;

  margin:0 auto !important;

  opacity:1 !important;
  visibility:visible !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .elementor-shortcode{
  width:100% !important;
  max-width:100% !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-category-section{
  position:relative !important;

  width:100% !important;
  max-width:100% !important;

  margin:0 !important;
  padding:0 !important;

  background:transparent !important;

  border:0 !important;
  box-shadow:none !important;

  opacity:1 !important;
  visibility:visible !important;
}

/* =========================================================
   HEADER — SEO TOOLS 02
   ========================================================= */

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-section-head{
  position:relative !important;

  display:grid !important;

  grid-template-columns:minmax(0,1fr) auto !important;

  align-items:end !important;

  gap:40px !important;

  width:100% !important;

  margin:0 0 42px !important;
  padding:40px !important;

  overflow:hidden !important;

  border:4px solid var(--amx-black) !important;

  background:var(--amx-card) !important;

  box-shadow:
    11px 11px 0 rgba(0,0,0,.10) !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-section-head::before{
  content:"";

  position:absolute;

  top:-90px;
  right:-75px;

  width:230px;
  height:230px;

  border:4px solid var(--amx-black);

  border-radius:50%;

  background:
    linear-gradient(
      135deg,
      var(--amx-yellow),
      var(--amx-yellow-soft)
    );

  opacity:.88;

  pointer-events:none;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-section-head::after{
  content:"02";

  position:absolute;

  top:28px;
  right:42px;

  color:var(--amx-black);

  font-size:62px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.06em;

  opacity:.11;

  pointer-events:none;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-section-head > *{
  position:relative !important;
  z-index:2 !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-section-kicker{
  display:inline-flex !important;

  align-items:center !important;

  gap:9px !important;

  width:max-content !important;

  margin:0 0 18px !important;
  padding:11px 15px !important;

  border:3px solid var(--amx-black) !important;

  background:var(--amx-yellow) !important;
  color:var(--amx-black) !important;

  box-shadow:
    5px 5px 0 rgba(0,0,0,.11) !important;

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-transform:uppercase !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-section-kicker::before{
  content:"⌕";

  display:grid;

  place-items:center;

  width:23px;
  height:23px;

  background:var(--amx-black);
  color:#fff;

  font-size:15px;
  line-height:1;
  font-weight:1000;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-section-head h2{
  max-width:1000px !important;

  margin:0 !important;

  color:var(--amx-ink) !important;

  font-size:clamp(44px,5vw,76px) !important;
  line-height:.91 !important;
  letter-spacing:-.065em !important;
  font-weight:950 !important;

  text-transform:uppercase !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-category-description{
  max-width:850px !important;

  margin:18px 0 0 !important;

  color:var(--amx-muted) !important;

  font-size:17px !important;
  line-height:1.6 !important;
  font-weight:600 !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-count{
  display:inline-flex !important;

  align-items:center !important;

  width:max-content !important;

  margin:22px 0 0 !important;
  padding:10px 13px !important;

  border:2px solid var(--amx-black) !important;

  background:#fff !important;
  color:var(--amx-black) !important;

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-transform:uppercase !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-section-link{
  display:inline-flex !important;

  align-items:center !important;
  justify-content:center !important;

  min-width:190px !important;
  min-height:56px !important;

  padding:15px 22px !important;

  border:3px solid var(--amx-black) !important;

  background:var(--amx-black) !important;
  color:#fff !important;

  box-shadow:
    5px 5px 0 rgba(0,0,0,.13) !important;

  text-decoration:none !important;
  text-transform:uppercase !important;

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease,
    color .18s ease;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-section-link:hover,
.elementor-982 .elementor-element.elementor-element-9633d3b .amx-section-link:focus{
  background:var(--amx-yellow) !important;
  color:var(--amx-black) !important;

  transform:translate(-2px,-2px) !important;

  box-shadow:
    7px 7px 0 rgba(0,0,0,.17) !important;
}

/* =========================================================
   TOOLS GRID
   ========================================================= */

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tools-grid{
  position:relative !important;

  display:grid !important;

  grid-template-columns:
    repeat(3,minmax(0,1fr)) !important;

  gap:26px !important;

  width:100% !important;
  max-width:100% !important;

  margin:0 !important;

  perspective:1400px;
}

/* =========================================================
   TOOL CARDS
   ========================================================= */

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card{
  position:relative !important;

  isolation:isolate;

  display:flex !important;

  flex-direction:column !important;

  min-width:0 !important;
  min-height:350px !important;

  padding:28px !important;

  overflow:hidden !important;

  border:3px solid var(--amx-black) !important;
  border-radius:0 !important;

  color:var(--amx-ink) !important;

  box-shadow:
    8px 8px 0 rgba(0,0,0,.09) !important;

  opacity:1 !important;
  visibility:visible !important;

  animation:
    amxSeoCardFloat 6s ease-in-out infinite !important;

  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    box-shadow .32s ease,
    background .32s ease;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:nth-child(6n+1){
  background:#fffaf0 !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:nth-child(6n+2){
  background:#dceaff !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:nth-child(6n+3){
  background:#fff0a8 !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:nth-child(6n+4){
  background:#e6f1e6 !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:nth-child(6n+5){
  background:#f7e4d9 !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:nth-child(6n+6){
  background:#eee5f5 !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:nth-child(1){
  animation-delay:.2s !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:nth-child(2){
  animation-delay:.7s !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:nth-child(3){
  animation-delay:1.2s !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:nth-child(4){
  animation-delay:1.7s !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:nth-child(5){
  animation-delay:2.2s !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:nth-child(6){
  animation-delay:2.7s !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:nth-child(7){
  animation-delay:3.2s !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:nth-child(8){
  animation-delay:3.7s !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:nth-child(9){
  animation-delay:4.2s !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:nth-child(10){
  animation-delay:4.7s !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:nth-child(11){
  animation-delay:5.2s !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:nth-child(12){
  animation-delay:5.7s !important;
}

@keyframes amxSeoCardFloat{
  0%,
  100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-4px);
  }
}

/* Decorative circle */

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card::after{
  content:"";

  position:absolute;

  right:-65px;
  bottom:-75px;

  z-index:-1;

  width:190px;
  height:190px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(255,217,0,.32) 0 26%,
      rgba(11,102,255,.12) 27% 48%,
      transparent 49%
    );

  opacity:.72;

  animation:
    amxSeoDecorMove 7s ease-in-out infinite;

  pointer-events:none;
}

@keyframes amxSeoDecorMove{
  0%,
  100%{
    transform:
      translate(0,0)
      scale(.92);
  }

  50%{
    transform:
      translate(-5px,-4px)
      scale(1.04);
  }
}

/* Top stripe */

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card::before{
  content:"";

  position:absolute;

  top:0;
  left:0;

  z-index:2;

  width:100%;
  height:8px;

  background:
    linear-gradient(
      90deg,
      var(--amx-yellow) 0 34%,
      var(--amx-black) 34% 42%,
      var(--amx-yellow) 42% 100%
    );

  background-size:220% 100%;

  transition:
    background-position .45s ease;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card-live::before{
  background:
    linear-gradient(
      90deg,
      var(--amx-blue) 0 34%,
      var(--amx-yellow) 34% 58%,
      var(--amx-blue) 58% 100%
    ) !important;

  background-size:220% 100% !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:hover{
  animation-play-state:paused !important;

  transform:
    translateY(-9px)
    scale(1.012) !important;

  box-shadow:
    14px 16px 0 rgba(0,0,0,.13),
    0 22px 45px rgba(23,32,51,.12) !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:hover::before{
  background-position:100% 0;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:hover::after{
  animation-play-state:paused;

  transform:
    translate(-6px,-6px)
    scale(1.14);
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:nth-child(6n+1):hover{
  background:#fff5dc !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:nth-child(6n+2):hover{
  background:#cfdfff !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:nth-child(6n+3):hover{
  background:#ffe77a !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:nth-child(6n+4):hover{
  background:#d6ead6 !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:nth-child(6n+5):hover{
  background:#f3d8c8 !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:nth-child(6n+6):hover{
  background:#e6d8f0 !important;
}

/* =========================================================
   CARD TOP
   ========================================================= */

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card-top,
.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card-header{
  display:flex !important;

  align-items:flex-start !important;
  justify-content:space-between !important;

  gap:18px !important;

  margin:0 0 20px !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-icon{
  display:grid !important;

  place-items:center !important;

  width:58px !important;
  height:58px !important;

  flex:0 0 58px !important;

  border:3px solid var(--amx-black) !important;

  background:#fff !important;
  color:var(--amx-black) !important;

  box-shadow:
    4px 4px 0 rgba(0,0,0,.11) !important;

  font-size:24px !important;
  line-height:1 !important;

  transition:
    transform .28s ease,
    box-shadow .28s ease;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:hover .amx-tool-icon{
  transform:
    translateY(-3px)
    rotate(-3deg)
    scale(1.06);

  box-shadow:
    6px 6px 0 rgba(0,0,0,.14) !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-badge,
.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-status{
  display:inline-flex !important;

  align-items:center !important;
  justify-content:center !important;

  min-height:31px !important;

  padding:8px 10px !important;

  border:2px solid var(--amx-black) !important;

  background:#fff !important;
  color:var(--amx-black) !important;

  font-size:10px !important;
  line-height:1 !important;
  font-weight:950 !important;

  letter-spacing:.035em;

  text-transform:uppercase !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card-live .amx-tool-badge,
.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card-live .amx-tool-status{
  background:var(--amx-blue) !important;
  color:#fff !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card-coming-soon .amx-tool-badge,
.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card-coming-soon .amx-tool-status{
  background:var(--amx-yellow) !important;
  color:var(--amx-black) !important;
}

/* =========================================================
   CARD CONTENT
   ========================================================= */

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-title,
.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card h3{
  margin:0 0 15px !important;

  color:var(--amx-ink) !important;

  font-size:clamp(24px,2.1vw,32px) !important;
  line-height:1.05 !important;
  letter-spacing:-.045em !important;
  font-weight:950 !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-title a,
.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card h3 a{
  color:inherit !important;

  text-decoration:none !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-excerpt,
.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-description,
.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card p{
  margin:0 0 22px !important;

  color:var(--amx-muted) !important;

  font-size:15px !important;
  line-height:1.65 !important;
  font-weight:550 !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-meta,
.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-category-name{
  margin-top:auto !important;
  padding-top:20px !important;

  color:var(--amx-muted) !important;

  border-top:2px solid rgba(17,17,17,.17) !important;

  font-size:11px !important;
  line-height:1.3 !important;
  font-weight:850 !important;

  text-transform:uppercase !important;
}

/* =========================================================
   ACTION
   ========================================================= */

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-action{
  display:inline-flex !important;

  align-items:center !important;
  justify-content:center !important;

  width:100% !important;
  min-height:45px !important;

  margin-top:14px !important;
  padding:12px 16px !important;

  border:3px solid var(--amx-black) !important;

  background:var(--amx-black) !important;
  color:#fff !important;

  box-shadow:
    4px 4px 0 rgba(0,0,0,.11) !important;

  text-decoration:none !important;
  text-transform:uppercase !important;

  font-size:10px !important;
  line-height:1 !important;
  font-weight:950 !important;

  transition:
    transform .18s ease,
    background .18s ease,
    color .18s ease,
    box-shadow .18s ease;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-action:hover,
.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-action:focus{
  background:var(--amx-yellow) !important;
  color:var(--amx-black) !important;

  transform:translate(-2px,-2px) !important;

  box-shadow:
    6px 6px 0 rgba(0,0,0,.15) !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card-coming-soon .amx-tool-action,
.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-action-disabled{
  background:#fff !important;
  color:var(--amx-black) !important;
}

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-action-disabled{
  pointer-events:none;
}

/* =========================================================
   EMPTY STATE
   ========================================================= */

.elementor-982 .elementor-element.elementor-element-9633d3b .amx-tools-empty{
  width:100% !important;

  padding:46px 28px !important;

  border:3px solid var(--amx-black) !important;

  background:var(--amx-card) !important;
  color:var(--amx-muted) !important;

  box-shadow:
    8px 8px 0 rgba(0,0,0,.09) !important;

  text-align:center !important;

  font-size:16px !important;
  line-height:1.6 !important;
  font-weight:700 !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1100px){
  .elementor-982 .elementor-element.elementor-element-9633d3b{
    padding:68px 26px 80px !important;
  }

  .elementor-982 .elementor-element.elementor-element-9633d3b .amx-section-head{
    grid-template-columns:1fr !important;

    align-items:start !important;

    gap:28px !important;
  }

  .elementor-982 .elementor-element.elementor-element-9633d3b .amx-section-link{
    width:max-content !important;
  }

  .elementor-982 .elementor-element.elementor-element-9633d3b .amx-tools-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }

  .elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card{
    min-height:330px !important;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px){
  .elementor-982 .elementor-element.elementor-element-9633d3b{
    padding:52px 14px 64px !important;
  }

  .elementor-982 .elementor-element.elementor-element-9633d3b .amx-section-head{
    grid-template-columns:1fr !important;

    gap:24px !important;

    margin-bottom:30px !important;
    padding:25px 20px !important;

    border-width:3px !important;

    box-shadow:
      7px 7px 0 rgba(0,0,0,.09) !important;
  }

  .elementor-982 .elementor-element.elementor-element-9633d3b .amx-section-head::before{
    top:-76px;
    right:-95px;

    width:190px;
    height:190px;

    opacity:.68;
  }

  .elementor-982 .elementor-element.elementor-element-9633d3b .amx-section-head::after{
    top:20px;
    right:22px;

    font-size:44px;
  }

  .elementor-982 .elementor-element.elementor-element-9633d3b .amx-section-head h2{
    max-width:100% !important;

    font-size:clamp(39px,12vw,58px) !important;
    line-height:.93 !important;
  }

  .elementor-982 .elementor-element.elementor-element-9633d3b .amx-category-description{
    font-size:15px !important;
  }

  .elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-count{
    width:100% !important;

    justify-content:center !important;

    text-align:center !important;
  }

  .elementor-982 .elementor-element.elementor-element-9633d3b .amx-section-link{
    width:100% !important;

    min-width:0 !important;
  }

  .elementor-982 .elementor-element.elementor-element-9633d3b .amx-tools-grid{
    grid-template-columns:1fr !important;

    gap:22px !important;
  }

  .elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card{
    min-height:310px !important;

    padding:24px 20px !important;

    box-shadow:
      6px 6px 0 rgba(0,0,0,.09) !important;
  }

  .elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card:hover{
    transform:translateY(-4px) !important;

    box-shadow:
      9px 10px 0 rgba(0,0,0,.11) !important;
  }

  .elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-title,
  .elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card h3{
    font-size:27px !important;
  }
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){
  .elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card,
  .elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card::after{
    animation:none !important;
  }

  .elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card,
  .elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-card *,
  .elementor-982 .elementor-element.elementor-element-9633d3b .amx-section-link,
  .elementor-982 .elementor-element.elementor-element-9633d3b .amx-tool-action{
    transition:none !important;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f7bcb7d */.elementor-982 .elementor-element.elementor-element-f7bcb7d{
  --amx-bg:#f4efe5;
  --amx-card:#fffaf0;
  --amx-ink:#172033;
  --amx-black:#111111;
  --amx-muted:#555a64;
  --amx-yellow:#ffd900;
  --amx-yellow-soft:#fff0a8;
  --amx-blue:#0b66ff;
  --amx-green:#b9e769;
  --amx-orange:#f7d8c7;
  --amx-purple:#eee5f5;
  --amx-ai:#7b61ff;
  --amx-ai-soft:#e9e4ff;

  position:relative;
  left:50%;
  width:100vw;
  max-width:100vw;
  margin-left:-50vw;
  margin-right:-50vw;

  background:
    linear-gradient(
      rgba(17,17,17,.045) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(17,17,17,.045) 1px,
      transparent 1px
    ),
    var(--amx-bg);

  background-size:32px 32px;
  padding:78px 34px 90px;
  border-bottom:4px solid var(--amx-black);

  font-family:Inter,Arial,sans-serif;
  overflow:hidden;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d,
.elementor-982 .elementor-element.elementor-element-f7bcb7d *{
  box-sizing:border-box;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d > .elementor-widget-container{
  width:100%;
  max-width:1680px;
  margin:0 auto;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-category-section{
  position:relative;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* =========================
   HEADER — AI 03
========================= */

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-section-head{
  position:relative;

  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:40px;

  margin:0 0 42px !important;
  padding:40px !important;

  background:var(--amx-card) !important;
  border:4px solid var(--amx-black) !important;

  box-shadow:
    11px 11px 0 rgba(0,0,0,.10);

  overflow:hidden;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-section-head::before{
  content:"";

  position:absolute;
  right:-75px;
  top:-90px;

  width:230px;
  height:230px;

  border-radius:50%;

  background:
    linear-gradient(
      135deg,
      var(--amx-ai),
      var(--amx-ai-soft)
    );

  border:4px solid var(--amx-black);

  opacity:.86;
  pointer-events:none;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-section-head::after{
  content:"03";

  position:absolute;
  right:42px;
  top:28px;

  color:var(--amx-black);

  font-size:62px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.06em;

  opacity:.11;
  pointer-events:none;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-section-head > *{
  position:relative;
  z-index:2;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-section-kicker{
  display:inline-flex !important;
  align-items:center;
  gap:9px;

  width:max-content;

  margin:0 0 18px !important;
  padding:11px 15px !important;

  background:var(--amx-yellow) !important;
  color:var(--amx-black) !important;

  border:3px solid var(--amx-black) !important;

  box-shadow:
    5px 5px 0 rgba(0,0,0,.11);

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-transform:uppercase;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-section-kicker::before{
  content:"✦";

  width:23px;
  height:23px;

  display:grid;
  place-items:center;

  background:var(--amx-black);
  color:#fff;

  font-size:12px;
  line-height:1;
  font-weight:1000;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-section-head h2{
  max-width:1000px;

  margin:0 !important;

  color:var(--amx-ink) !important;

  font-size:clamp(44px,5vw,76px) !important;
  line-height:.91 !important;
  letter-spacing:-.065em !important;
  font-weight:950 !important;

  text-transform:uppercase !important;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-category-description{
  max-width:850px;

  margin:18px 0 0 !important;

  color:var(--amx-muted) !important;

  font-size:17px !important;
  line-height:1.6 !important;
  font-weight:600 !important;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-count{
  display:inline-flex !important;
  align-items:center;

  width:max-content;

  margin:22px 0 0 !important;
  padding:10px 13px !important;

  background:#fff !important;
  color:var(--amx-black) !important;

  border:2px solid var(--amx-black) !important;

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-transform:uppercase !important;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-section-link{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  min-width:190px;
  min-height:56px;

  padding:15px 22px !important;

  background:var(--amx-black) !important;
  color:#fff !important;

  border:3px solid var(--amx-black) !important;

  box-shadow:
    5px 5px 0 rgba(0,0,0,.13);

  text-decoration:none !important;
  text-transform:uppercase;

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease,
    color .18s ease;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-section-link:hover{
  background:var(--amx-ai) !important;
  color:#fff !important;

  transform:translate(-2px,-2px);

  box-shadow:
    7px 7px 0 rgba(0,0,0,.17);
}

/* =========================
   GRID
========================= */

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tools-grid{
  display:grid !important;

  grid-template-columns:
    repeat(3,minmax(0,1fr)) !important;

  gap:26px !important;
  margin:0 !important;

  perspective:1400px;
}

/* =========================
   TOOL CARDS
========================= */

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card{
  position:relative;
  isolation:isolate;

  min-height:350px;

  display:flex !important;
  flex-direction:column !important;

  padding:28px !important;

  color:var(--amx-ink) !important;

  border:3px solid var(--amx-black) !important;
  border-radius:0 !important;

  box-shadow:
    8px 8px 0 rgba(0,0,0,.09) !important;

  overflow:hidden;
  transform-style:preserve-3d;

  animation:
    amxAiCardEnter .55s ease both,
    amxAiCardFloat 6s ease-in-out infinite;

  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    box-shadow .32s ease,
    background .32s ease;

  will-change:transform;
}

/* ألوان البطاقات */

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(6n+1){
  background:#fffaf0 !important;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(6n+2){
  background:#e9e4ff !important;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(6n+3){
  background:#dceaff !important;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(6n+4){
  background:#fff0a8 !important;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(6n+5){
  background:#e6f1e6 !important;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(6n+6){
  background:#f7e4d9 !important;
}

/* تأخير الحركات */

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(1){
  animation-delay:.04s,.2s;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(2){
  animation-delay:.09s,.7s;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(3){
  animation-delay:.14s,1.2s;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(4){
  animation-delay:.19s,1.7s;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(5){
  animation-delay:.24s,2.2s;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(6){
  animation-delay:.29s,2.7s;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(7){
  animation-delay:.34s,3.2s;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(8){
  animation-delay:.39s,3.7s;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(9){
  animation-delay:.44s,4.2s;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(10){
  animation-delay:.49s,4.7s;
}

@keyframes amxAiCardEnter{
  from{
    opacity:0;
    transform:
      translateY(22px)
      scale(.985);
  }

  to{
    opacity:1;
    transform:
      translateY(0)
      scale(1);
  }
}

@keyframes amxAiCardFloat{
  0%,
  100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-4px);
  }
}

/* الزخرفة الخلفية */

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card::after{
  content:"";

  position:absolute;
  z-index:-1;

  right:-65px;
  bottom:-75px;

  width:190px;
  height:190px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(123,97,255,.28) 0 26%,
      rgba(11,102,255,.12) 27% 48%,
      transparent 49%
    );

  opacity:.72;

  animation:
    amxAiDecorMove 7s ease-in-out infinite;

  pointer-events:none;
}

@keyframes amxAiDecorMove{
  0%,
  100%{
    transform:
      translate(0,0)
      scale(.92);
  }

  50%{
    transform:
      translate(-5px,-4px)
      scale(1.04);
  }
}

/* الشريط العلوي */

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card::before{
  content:"";

  position:absolute;
  top:0;
  left:0;
  z-index:2;

  width:100%;
  height:8px;

  background:
    linear-gradient(
      90deg,
      var(--amx-ai) 0 34%,
      var(--amx-black) 34% 42%,
      var(--amx-ai) 42% 100%
    );

  background-size:220% 100%;

  transition:
    background-position .45s ease;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card-live::before{
  background:
    linear-gradient(
      90deg,
      var(--amx-ai) 0 34%,
      var(--amx-yellow) 34% 58%,
      var(--amx-ai) 58% 100%
    ) !important;

  background-size:220% 100% !important;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:hover{
  animation-play-state:paused;

  transform:
    translateY(-9px)
    scale(1.012) !important;

  box-shadow:
    14px 16px 0 rgba(0,0,0,.13),
    0 22px 45px rgba(23,32,51,.12) !important;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:hover::before{
  background-position:100% 0;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:hover::after{
  animation-play-state:paused;

  transform:
    translate(-6px,-6px)
    scale(1.14);
}

/* ألوان Hover */

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(6n+1):hover{
  background:#fff5dc !important;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(6n+2):hover{
  background:#ddd4ff !important;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(6n+3):hover{
  background:#cfdfff !important;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(6n+4):hover{
  background:#ffe77a !important;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(6n+5):hover{
  background:#d6ead6 !important;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(6n+6):hover{
  background:#f0d3c2 !important;
}

/* =========================
   ICON / BADGE
========================= */

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card-top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  gap:18px;

  margin-bottom:24px !important;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-icon{
  position:relative;
  overflow:hidden;

  width:54px;
  height:54px;

  display:grid !important;
  place-items:center;

  border:3px solid var(--amx-black);

  box-shadow:
    4px 4px 0 rgba(0,0,0,.10);

  font-size:25px !important;
  line-height:1 !important;

  animation:
    amxAiIconMove 4.5s ease-in-out infinite;

  transform-origin:center;

  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    box-shadow .32s ease,
    background .32s ease;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(6n+1) .amx-tool-icon{
  background:var(--amx-yellow) !important;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(6n+2) .amx-tool-icon{
  background:#d9d0ff !important;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(6n+3) .amx-tool-icon{
  background:#d8e7ff !important;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(6n+4) .amx-tool-icon{
  background:#fffaf0 !important;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(6n+5) .amx-tool-icon{
  background:#d4e8d4 !important;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:nth-child(6n+6) .amx-tool-icon{
  background:#f1d1bf !important;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-icon::after{
  content:"";

  position:absolute;
  inset:-40%;

  background:
    linear-gradient(
      120deg,
      transparent 35%,
      rgba(255,255,255,.85) 50%,
      transparent 65%
    );

  transform:
    translateX(-100%)
    rotate(12deg);

  transition:
    transform .55s ease;
}

@keyframes amxAiIconMove{
  0%,
  100%{
    transform:
      translateY(0)
      rotate(0);
  }

  50%{
    transform:
      translateY(-3px)
      rotate(-2deg);
  }
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:hover .amx-tool-icon{
  animation-play-state:paused;

  transform:
    translateY(-4px)
    rotate(-4deg)
    scale(1.08);

  box-shadow:
    6px 6px 0 rgba(0,0,0,.14);
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:hover .amx-tool-icon::after{
  transform:
    translateX(100%)
    rotate(12deg);
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-badge{
  position:relative;
  overflow:hidden;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  min-height:34px;

  padding:9px 12px !important;

  background:#fffaf0 !important;
  color:var(--amx-black) !important;

  border:2px solid var(--amx-black) !important;

  font-size:9px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-transform:uppercase !important;

  animation:
    amxAiBadgePulse 4s ease-in-out infinite;

  transition:
    transform .24s ease,
    box-shadow .24s ease;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card-live .amx-tool-badge{
  background:var(--amx-ai) !important;
  color:#fff !important;
}

@keyframes amxAiBadgePulse{
  0%,
  100%{
    transform:scale(1);
  }

  50%{
    transform:scale(1.025);
  }
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:hover .amx-tool-badge{
  animation-play-state:paused;

  transform:
    translateY(-3px)
    rotate(1deg);

  box-shadow:
    4px 4px 0 rgba(0,0,0,.12);
}

/* =========================
   TITLE / TEXT
========================= */

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-title{
  position:relative;

  display:inline-block;

  width:max-content;
  max-width:100%;

  margin:0 0 14px !important;

  color:var(--amx-ink) !important;

  font-size:clamp(23px,1.7vw,31px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  font-weight:950 !important;

  transition:
    transform .25s ease,
    color .25s ease;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-title::after{
  content:"";

  position:absolute;
  left:0;
  bottom:-6px;

  width:0;
  height:5px;

  background:var(--amx-ai);

  transition:
    width .32s ease;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:hover .amx-tool-title{
  transform:translateX(4px);
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:hover .amx-tool-title::after{
  width:54%;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-excerpt{
  margin:0 0 24px !important;

  color:var(--amx-muted) !important;

  font-size:14px !important;
  line-height:1.58 !important;
  font-weight:600 !important;

  transition:
    transform .28s ease,
    color .28s ease;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:hover .amx-tool-excerpt{
  transform:translateY(-2px);
  color:#303640 !important;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-meta{
  margin-top:auto !important;
  padding-top:20px !important;

  color:var(--amx-black) !important;

  border-top:
    2px solid rgba(17,17,17,.15);

  font-size:10px !important;
  line-height:1.2 !important;
  font-weight:950 !important;

  text-transform:uppercase !important;
}

/* =========================
   ACTION BUTTON
========================= */

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-action{
  position:relative;
  overflow:hidden;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  gap:10px;

  width:max-content;
  min-height:48px;

  margin-top:18px !important;
  padding:13px 18px !important;

  background:var(--amx-black) !important;
  color:#fff !important;

  border:3px solid var(--amx-black) !important;

  box-shadow:
    4px 4px 0 rgba(0,0,0,.11);

  text-decoration:none !important;
  text-transform:uppercase !important;

  font-size:10px !important;
  line-height:1 !important;
  font-weight:950 !important;

  transition:
    transform .18s ease,
    background .18s ease,
    color .18s ease,
    box-shadow .18s ease;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-action::after{
  content:"→";

  display:inline-flex;
  align-items:center;
  justify-content:center;

  font-size:13px;

  transform:translateX(-5px);
  opacity:0;

  transition:
    transform .22s ease,
    opacity .22s ease;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card:hover .amx-tool-action::after{
  transform:translateX(0);
  opacity:1;
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card-live:hover .amx-tool-action{
  background:var(--amx-ai) !important;
  color:#fff !important;

  transform:translate(-2px,-2px);

  box-shadow:
    6px 6px 0 rgba(0,0,0,.15);
}

.elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-action-disabled{
  background:transparent !important;
  color:var(--amx-black) !important;

  box-shadow:none !important;

  opacity:.60;
  pointer-events:none;
}

/* =========================
   RESPONSIVE
========================= */

@media(min-width:1850px){

  .elementor-982 .elementor-element.elementor-element-f7bcb7d{
    padding-left:42px;
    padding-right:42px;
  }

  .elementor-982 .elementor-element.elementor-element-f7bcb7d > .elementor-widget-container{
    max-width:1780px;
  }
}

@media(max-width:1050px){

  .elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-section-head{
    grid-template-columns:1fr;
  }

  .elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tools-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }

  .elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-section-link{
    width:max-content;
  }
}

@media(max-width:700px){

  .elementor-982 .elementor-element.elementor-element-f7bcb7d{
    padding:56px 18px 66px;
  }

  .elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-section-head{
    padding:28px 23px !important;
  }

  .elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-section-head::before{
    width:180px;
    height:180px;
    right:-70px;
    top:-75px;
  }

  .elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-section-head::after{
    right:22px;
    top:22px;
    font-size:48px;
  }

  .elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-section-head h2{
    font-size:40px !important;
  }

  .elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-category-description{
    font-size:15px !important;
  }

  .elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tools-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }

  .elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card{
    min-height:310px;
    padding:24px !important;

    animation:
      amxAiCardEnter .5s ease both,
      amxAiCardFloatMobile 6.5s ease-in-out infinite;
  }

  @keyframes amxAiCardFloatMobile{
    0%,
    100%{
      transform:translateY(0);
    }

    50%{
      transform:translateY(-2px);
    }
  }

  .elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-section-link{
    width:100%;
  }
}

@media(prefers-reduced-motion:reduce){

  .elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card,
  .elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-icon,
  .elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-badge,
  .elementor-982 .elementor-element.elementor-element-f7bcb7d .amx-tool-card::after{
    animation:none !important;
    transition:none !important;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b5ee0a9 */.elementor-982 .elementor-element.elementor-element-b5ee0a9{
  --amx-bg:#f4efe5;
  --amx-card:#fffaf0;
  --amx-ink:#172033;
  --amx-black:#111111;
  --amx-muted:#555a64;
  --amx-yellow:#ffd900;
  --amx-yellow-soft:#fff0a8;
  --amx-blue:#0b66ff;
  --amx-green:#b9e769;
  --amx-orange:#ff6d3a;
  --amx-orange-soft:#ffe0d3;
  --amx-purple:#eee5f5;

  position:relative;
  left:50%;
  width:100vw;
  max-width:100vw;
  margin-left:-50vw;
  margin-right:-50vw;

  background:
    linear-gradient(
      rgba(17,17,17,.045) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(17,17,17,.045) 1px,
      transparent 1px
    ),
    var(--amx-bg);

  background-size:32px 32px;
  padding:78px 34px 90px;
  border-bottom:4px solid var(--amx-black);

  font-family:Inter,Arial,sans-serif;
  overflow:hidden;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9,
.elementor-982 .elementor-element.elementor-element-b5ee0a9 *{
  box-sizing:border-box;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 > .elementor-widget-container{
  width:100%;
  max-width:1680px;
  margin:0 auto;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-category-section{
  position:relative;

  margin:0 !important;
  padding:0 !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* =========================
   HEADER — N8N 04
========================= */

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-section-head{
  position:relative;

  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:40px;

  margin:0 0 42px !important;
  padding:40px !important;

  background:var(--amx-card) !important;
  border:4px solid var(--amx-black) !important;

  box-shadow:
    11px 11px 0 rgba(0,0,0,.10);

  overflow:hidden;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-section-head::before{
  content:"";

  position:absolute;
  right:-75px;
  top:-90px;

  width:230px;
  height:230px;

  border-radius:50%;

  background:
    linear-gradient(
      135deg,
      var(--amx-orange),
      var(--amx-orange-soft)
    );

  border:4px solid var(--amx-black);

  opacity:.88;
  pointer-events:none;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-section-head::after{
  content:"04";

  position:absolute;
  right:42px;
  top:28px;

  color:var(--amx-black);

  font-size:62px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.06em;

  opacity:.11;
  pointer-events:none;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-section-head > *{
  position:relative;
  z-index:2;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-section-kicker{
  display:inline-flex !important;
  align-items:center;
  gap:9px;

  width:max-content;

  margin:0 0 18px !important;
  padding:11px 15px !important;

  background:var(--amx-yellow) !important;
  color:var(--amx-black) !important;

  border:3px solid var(--amx-black) !important;

  box-shadow:
    5px 5px 0 rgba(0,0,0,.11);

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-transform:uppercase;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-section-kicker::before{
  content:"⌘";

  width:23px;
  height:23px;

  display:grid;
  place-items:center;

  background:var(--amx-black);
  color:#fff;

  font-size:13px;
  line-height:1;
  font-weight:1000;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-section-head h2{
  max-width:1000px;

  margin:0 !important;

  color:var(--amx-ink) !important;

  font-size:clamp(44px,5vw,76px) !important;
  line-height:.91 !important;
  letter-spacing:-.065em !important;
  font-weight:950 !important;

  text-transform:uppercase !important;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-category-description{
  max-width:850px;

  margin:18px 0 0 !important;

  color:var(--amx-muted) !important;

  font-size:17px !important;
  line-height:1.6 !important;
  font-weight:600 !important;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-count{
  display:inline-flex !important;
  align-items:center;

  width:max-content;

  margin:22px 0 0 !important;
  padding:10px 13px !important;

  background:#fff !important;
  color:var(--amx-black) !important;

  border:2px solid var(--amx-black) !important;

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-transform:uppercase !important;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-section-link{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  min-width:190px;
  min-height:56px;

  padding:15px 22px !important;

  background:var(--amx-black) !important;
  color:#fff !important;

  border:3px solid var(--amx-black) !important;

  box-shadow:
    5px 5px 0 rgba(0,0,0,.13);

  text-decoration:none !important;
  text-transform:uppercase;

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease,
    color .18s ease;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-section-link:hover{
  background:var(--amx-orange) !important;
  color:#fff !important;

  transform:translate(-2px,-2px);

  box-shadow:
    7px 7px 0 rgba(0,0,0,.17);
}

/* =========================
   GRID
========================= */

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tools-grid{
  display:grid !important;

  grid-template-columns:
    repeat(3,minmax(0,1fr)) !important;

  gap:26px !important;
  margin:0 !important;

  perspective:1400px;
}

/* =========================
   TOOL CARDS
========================= */

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card{
  position:relative;
  isolation:isolate;

  min-height:350px;

  display:flex !important;
  flex-direction:column !important;

  padding:28px !important;

  color:var(--amx-ink) !important;

  border:3px solid var(--amx-black) !important;
  border-radius:0 !important;

  box-shadow:
    8px 8px 0 rgba(0,0,0,.09) !important;

  overflow:hidden;
  transform-style:preserve-3d;

  animation:
    amxN8nCardEnter .55s ease both,
    amxN8nCardFloat 6s ease-in-out infinite;

  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    box-shadow .32s ease,
    background .32s ease;

  will-change:transform;
}

/* ألوان البطاقات */

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(6n+1){
  background:#fffaf0 !important;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(6n+2){
  background:#ffe0d3 !important;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(6n+3){
  background:#fff0a8 !important;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(6n+4){
  background:#dceaff !important;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(6n+5){
  background:#e6f1e6 !important;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(6n+6){
  background:#eee5f5 !important;
}

/* تأخير الحركات */

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(1){
  animation-delay:.04s,.2s;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(2){
  animation-delay:.09s,.7s;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(3){
  animation-delay:.14s,1.2s;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(4){
  animation-delay:.19s,1.7s;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(5){
  animation-delay:.24s,2.2s;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(6){
  animation-delay:.29s,2.7s;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(7){
  animation-delay:.34s,3.2s;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(8){
  animation-delay:.39s,3.7s;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(9){
  animation-delay:.44s,4.2s;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(10){
  animation-delay:.49s,4.7s;
}

@keyframes amxN8nCardEnter{
  from{
    opacity:0;

    transform:
      translateY(22px)
      scale(.985);
  }

  to{
    opacity:1;

    transform:
      translateY(0)
      scale(1);
  }
}

@keyframes amxN8nCardFloat{
  0%,
  100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-4px);
  }
}

/* الزخرفة الخلفية */

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card::after{
  content:"";

  position:absolute;
  z-index:-1;

  right:-65px;
  bottom:-75px;

  width:190px;
  height:190px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(255,109,58,.30) 0 26%,
      rgba(255,217,0,.13) 27% 48%,
      transparent 49%
    );

  opacity:.74;

  animation:
    amxN8nDecorMove 7s ease-in-out infinite;

  pointer-events:none;
}

@keyframes amxN8nDecorMove{
  0%,
  100%{
    transform:
      translate(0,0)
      scale(.92);
  }

  50%{
    transform:
      translate(-5px,-4px)
      scale(1.04);
  }
}

/* الشريط العلوي */

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card::before{
  content:"";

  position:absolute;
  top:0;
  left:0;
  z-index:2;

  width:100%;
  height:8px;

  background:
    linear-gradient(
      90deg,
      var(--amx-orange) 0 34%,
      var(--amx-black) 34% 42%,
      var(--amx-orange) 42% 100%
    );

  background-size:220% 100%;

  transition:
    background-position .45s ease;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card-live::before{
  background:
    linear-gradient(
      90deg,
      var(--amx-orange) 0 34%,
      var(--amx-yellow) 34% 58%,
      var(--amx-orange) 58% 100%
    ) !important;

  background-size:220% 100% !important;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:hover{
  animation-play-state:paused;

  transform:
    translateY(-9px)
    scale(1.012) !important;

  box-shadow:
    14px 16px 0 rgba(0,0,0,.13),
    0 22px 45px rgba(23,32,51,.12) !important;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:hover::before{
  background-position:100% 0;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:hover::after{
  animation-play-state:paused;

  transform:
    translate(-6px,-6px)
    scale(1.14);
}

/* ألوان Hover */

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(6n+1):hover{
  background:#fff5dc !important;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(6n+2):hover{
  background:#ffd0bd !important;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(6n+3):hover{
  background:#ffe77a !important;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(6n+4):hover{
  background:#cfdfff !important;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(6n+5):hover{
  background:#d6ead6 !important;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(6n+6):hover{
  background:#e1d4ec !important;
}

/* =========================
   CARD TOP / ICON / BADGE
========================= */

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card-top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  gap:18px;

  margin-bottom:24px !important;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-icon{
  position:relative;
  overflow:hidden;

  width:54px;
  height:54px;

  display:grid !important;
  place-items:center;

  border:3px solid var(--amx-black);

  box-shadow:
    4px 4px 0 rgba(0,0,0,.10);

  font-size:25px !important;
  line-height:1 !important;

  animation:
    amxN8nIconMove 4.5s ease-in-out infinite;

  transform-origin:center;

  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    box-shadow .32s ease,
    background .32s ease;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(6n+1) .amx-tool-icon{
  background:var(--amx-yellow) !important;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(6n+2) .amx-tool-icon{
  background:#ffc9b2 !important;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(6n+3) .amx-tool-icon{
  background:#fffaf0 !important;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(6n+4) .amx-tool-icon{
  background:#d8e7ff !important;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(6n+5) .amx-tool-icon{
  background:#d4e8d4 !important;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:nth-child(6n+6) .amx-tool-icon{
  background:#ddcfe9 !important;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-icon::after{
  content:"";

  position:absolute;
  inset:-40%;

  background:
    linear-gradient(
      120deg,
      transparent 35%,
      rgba(255,255,255,.85) 50%,
      transparent 65%
    );

  transform:
    translateX(-100%)
    rotate(12deg);

  transition:
    transform .55s ease;
}

@keyframes amxN8nIconMove{
  0%,
  100%{
    transform:
      translateY(0)
      rotate(0);
  }

  50%{
    transform:
      translateY(-3px)
      rotate(-2deg);
  }
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:hover .amx-tool-icon{
  animation-play-state:paused;

  transform:
    translateY(-4px)
    rotate(-4deg)
    scale(1.08);

  box-shadow:
    6px 6px 0 rgba(0,0,0,.14);
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:hover .amx-tool-icon::after{
  transform:
    translateX(100%)
    rotate(12deg);
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-badge{
  position:relative;
  overflow:hidden;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  min-height:34px;

  padding:9px 12px !important;

  background:#fffaf0 !important;
  color:var(--amx-black) !important;

  border:2px solid var(--amx-black) !important;

  font-size:9px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-transform:uppercase !important;

  animation:
    amxN8nBadgePulse 4s ease-in-out infinite;

  transition:
    transform .24s ease,
    box-shadow .24s ease;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card-live .amx-tool-badge{
  background:var(--amx-orange) !important;
  color:#fff !important;
}

@keyframes amxN8nBadgePulse{
  0%,
  100%{
    transform:scale(1);
  }

  50%{
    transform:scale(1.025);
  }
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:hover .amx-tool-badge{
  animation-play-state:paused;

  transform:
    translateY(-3px)
    rotate(1deg);

  box-shadow:
    4px 4px 0 rgba(0,0,0,.12);
}

/* =========================
   TITLE / EXCERPT / META
========================= */

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-title{
  position:relative;

  display:inline-block;

  width:max-content;
  max-width:100%;

  margin:0 0 14px !important;

  color:var(--amx-ink) !important;

  font-size:clamp(23px,1.7vw,31px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  font-weight:950 !important;

  transition:
    transform .25s ease,
    color .25s ease;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-title::after{
  content:"";

  position:absolute;
  left:0;
  bottom:-6px;

  width:0;
  height:5px;

  background:var(--amx-orange);

  transition:
    width .32s ease;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:hover .amx-tool-title{
  transform:translateX(4px);
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:hover .amx-tool-title::after{
  width:54%;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-excerpt{
  margin:0 0 24px !important;

  color:var(--amx-muted) !important;

  font-size:14px !important;
  line-height:1.58 !important;
  font-weight:600 !important;

  transition:
    transform .28s ease,
    color .28s ease;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:hover .amx-tool-excerpt{
  transform:translateY(-2px);
  color:#303640 !important;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-meta{
  margin-top:auto !important;
  padding-top:20px !important;

  color:var(--amx-black) !important;

  border-top:
    2px solid rgba(17,17,17,.15);

  font-size:10px !important;
  line-height:1.2 !important;
  font-weight:950 !important;

  text-transform:uppercase !important;
}

/* =========================
   ACTION BUTTON
========================= */

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-action{
  position:relative;
  overflow:hidden;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  gap:10px;

  width:max-content;
  min-height:48px;

  margin-top:18px !important;
  padding:13px 18px !important;

  background:var(--amx-black) !important;
  color:#fff !important;

  border:3px solid var(--amx-black) !important;

  box-shadow:
    4px 4px 0 rgba(0,0,0,.11);

  text-decoration:none !important;
  text-transform:uppercase !important;

  font-size:10px !important;
  line-height:1 !important;
  font-weight:950 !important;

  transition:
    transform .18s ease,
    background .18s ease,
    color .18s ease,
    box-shadow .18s ease;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-action::after{
  content:"→";

  display:inline-flex;
  align-items:center;
  justify-content:center;

  font-size:13px;

  transform:translateX(-5px);
  opacity:0;

  transition:
    transform .22s ease,
    opacity .22s ease;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card:hover .amx-tool-action::after{
  transform:translateX(0);
  opacity:1;
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card-live:hover .amx-tool-action{
  background:var(--amx-orange) !important;
  color:#fff !important;

  transform:translate(-2px,-2px);

  box-shadow:
    6px 6px 0 rgba(0,0,0,.15);
}

.elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-action-disabled{
  background:transparent !important;
  color:var(--amx-black) !important;

  box-shadow:none !important;

  opacity:.60;
  pointer-events:none;
}

/* =========================
   RESPONSIVE
========================= */

@media(min-width:1850px){

  .elementor-982 .elementor-element.elementor-element-b5ee0a9{
    padding-left:42px;
    padding-right:42px;
  }

  .elementor-982 .elementor-element.elementor-element-b5ee0a9 > .elementor-widget-container{
    max-width:1780px;
  }
}

@media(max-width:1050px){

  .elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-section-head{
    grid-template-columns:1fr;
  }

  .elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tools-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }

  .elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-section-link{
    width:max-content;
  }
}

@media(max-width:700px){

  .elementor-982 .elementor-element.elementor-element-b5ee0a9{
    padding:56px 18px 66px;
  }

  .elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-section-head{
    padding:28px 23px !important;
  }

  .elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-section-head::before{
    width:180px;
    height:180px;
    right:-70px;
    top:-75px;
  }

  .elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-section-head::after{
    right:22px;
    top:22px;
    font-size:48px;
  }

  .elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-section-head h2{
    font-size:40px !important;
  }

  .elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-category-description{
    font-size:15px !important;
  }

  .elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tools-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }

  .elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card{
    min-height:310px;
    padding:24px !important;

    animation:
      amxN8nCardEnter .5s ease both,
      amxN8nCardFloatMobile 6.5s ease-in-out infinite;
  }

  @keyframes amxN8nCardFloatMobile{
    0%,
    100%{
      transform:translateY(0);
    }

    50%{
      transform:translateY(-2px);
    }
  }

  .elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-section-link{
    width:100%;
  }
}

@media(prefers-reduced-motion:reduce){

  .elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card,
  .elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-icon,
  .elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-badge,
  .elementor-982 .elementor-element.elementor-element-b5ee0a9 .amx-tool-card::after{
    animation:none !important;
    transition:none !important;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-44a2c25 */.elementor-982 .elementor-element.elementor-element-44a2c25{
  --amx-bg:#f4efe5;
  --amx-card:#fffaf0;
  --amx-ink:#172033;
  --amx-black:#111111;
  --amx-muted:#555a64;
  --amx-yellow:#ffd900;
  --amx-yellow-soft:#fff0a8;
  --amx-blue:#0b66ff;
  --amx-green:#b9e769;
  --amx-green-strong:#48a868;
  --amx-green-soft:#dff2e3;
  --amx-orange:#f7d8c7;
  --amx-purple:#eee5f5;

  position:relative;
  left:50%;
  width:100vw;
  max-width:100vw;
  margin-left:-50vw;
  margin-right:-50vw;

  background:
    linear-gradient(
      rgba(17,17,17,.045) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(17,17,17,.045) 1px,
      transparent 1px
    ),
    var(--amx-bg);

  background-size:32px 32px;
  padding:78px 34px 90px;
  border-bottom:4px solid var(--amx-black);

  font-family:Inter,Arial,sans-serif;
  overflow:hidden;
}

.elementor-982 .elementor-element.elementor-element-44a2c25,
.elementor-982 .elementor-element.elementor-element-44a2c25 *{
  box-sizing:border-box;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 > .elementor-widget-container{
  width:100%;
  max-width:1680px;
  margin:0 auto;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-category-section{
  position:relative;

  margin:0 !important;
  padding:0 !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* =========================
   HEADER — MARKETING 05
========================= */

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-section-head{
  position:relative;

  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:40px;

  margin:0 0 42px !important;
  padding:40px !important;

  background:var(--amx-card) !important;
  border:4px solid var(--amx-black) !important;

  box-shadow:
    11px 11px 0 rgba(0,0,0,.10);

  overflow:hidden;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-section-head::before{
  content:"";

  position:absolute;
  right:-75px;
  top:-90px;

  width:230px;
  height:230px;

  border-radius:50%;

  background:
    linear-gradient(
      135deg,
      var(--amx-green-strong),
      var(--amx-green-soft)
    );

  border:4px solid var(--amx-black);

  opacity:.88;
  pointer-events:none;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-section-head::after{
  content:"05";

  position:absolute;
  right:42px;
  top:28px;

  color:var(--amx-black);

  font-size:62px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.06em;

  opacity:.11;
  pointer-events:none;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-section-head > *{
  position:relative;
  z-index:2;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-section-kicker{
  display:inline-flex !important;
  align-items:center;
  gap:9px;

  width:max-content;

  margin:0 0 18px !important;
  padding:11px 15px !important;

  background:var(--amx-yellow) !important;
  color:var(--amx-black) !important;

  border:3px solid var(--amx-black) !important;

  box-shadow:
    5px 5px 0 rgba(0,0,0,.11);

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-transform:uppercase;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-section-kicker::before{
  content:"↗";

  width:23px;
  height:23px;

  display:grid;
  place-items:center;

  background:var(--amx-black);
  color:#fff;

  font-size:12px;
  line-height:1;
  font-weight:1000;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-section-head h2{
  max-width:1000px;

  margin:0 !important;

  color:var(--amx-ink) !important;

  font-size:clamp(44px,5vw,76px) !important;
  line-height:.91 !important;
  letter-spacing:-.065em !important;
  font-weight:950 !important;

  text-transform:uppercase !important;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-category-description{
  max-width:850px;

  margin:18px 0 0 !important;

  color:var(--amx-muted) !important;

  font-size:17px !important;
  line-height:1.6 !important;
  font-weight:600 !important;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-count{
  display:inline-flex !important;
  align-items:center;

  width:max-content;

  margin:22px 0 0 !important;
  padding:10px 13px !important;

  background:#fff !important;
  color:var(--amx-black) !important;

  border:2px solid var(--amx-black) !important;

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-transform:uppercase !important;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-section-link{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  min-width:190px;
  min-height:56px;

  padding:15px 22px !important;

  background:var(--amx-black) !important;
  color:#fff !important;

  border:3px solid var(--amx-black) !important;

  box-shadow:
    5px 5px 0 rgba(0,0,0,.13);

  text-decoration:none !important;
  text-transform:uppercase;

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease,
    color .18s ease;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-section-link:hover{
  background:var(--amx-green-strong) !important;
  color:#fff !important;

  transform:translate(-2px,-2px);

  box-shadow:
    7px 7px 0 rgba(0,0,0,.17);
}

/* =========================
   GRID
========================= */

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tools-grid{
  display:grid !important;

  grid-template-columns:
    repeat(3,minmax(0,1fr)) !important;

  gap:26px !important;
  margin:0 !important;

  perspective:1400px;
}

/* =========================
   TOOL CARDS
========================= */

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card{
  position:relative;
  isolation:isolate;

  min-height:350px;

  display:flex !important;
  flex-direction:column !important;

  padding:28px !important;

  color:var(--amx-ink) !important;

  border:3px solid var(--amx-black) !important;
  border-radius:0 !important;

  box-shadow:
    8px 8px 0 rgba(0,0,0,.09) !important;

  overflow:hidden;
  transform-style:preserve-3d;

  animation:
    amxMarketingCardEnter .55s ease both,
    amxMarketingCardFloat 6s ease-in-out infinite;

  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    box-shadow .32s ease,
    background .32s ease;

  will-change:transform;
}

/* ألوان البطاقات */

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(6n+1){
  background:#fffaf0 !important;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(6n+2){
  background:#dff2e3 !important;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(6n+3){
  background:#fff0a8 !important;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(6n+4){
  background:#dceaff !important;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(6n+5){
  background:#f7e4d9 !important;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(6n+6){
  background:#eee5f5 !important;
}

/* تأخير الحركات */

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(1){
  animation-delay:.04s,.2s;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(2){
  animation-delay:.09s,.7s;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(3){
  animation-delay:.14s,1.2s;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(4){
  animation-delay:.19s,1.7s;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(5){
  animation-delay:.24s,2.2s;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(6){
  animation-delay:.29s,2.7s;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(7){
  animation-delay:.34s,3.2s;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(8){
  animation-delay:.39s,3.7s;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(9){
  animation-delay:.44s,4.2s;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(10){
  animation-delay:.49s,4.7s;
}

@keyframes amxMarketingCardEnter{
  from{
    opacity:0;

    transform:
      translateY(22px)
      scale(.985);
  }

  to{
    opacity:1;

    transform:
      translateY(0)
      scale(1);
  }
}

@keyframes amxMarketingCardFloat{
  0%,
  100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-4px);
  }
}

/* الزخرفة الخلفية */

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card::after{
  content:"";

  position:absolute;
  z-index:-1;

  right:-65px;
  bottom:-75px;

  width:190px;
  height:190px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(72,168,104,.26) 0 26%,
      rgba(255,217,0,.13) 27% 48%,
      transparent 49%
    );

  opacity:.74;

  animation:
    amxMarketingDecorMove 7s ease-in-out infinite;

  pointer-events:none;
}

@keyframes amxMarketingDecorMove{
  0%,
  100%{
    transform:
      translate(0,0)
      scale(.92);
  }

  50%{
    transform:
      translate(-5px,-4px)
      scale(1.04);
  }
}

/* الشريط العلوي */

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card::before{
  content:"";

  position:absolute;
  top:0;
  left:0;
  z-index:2;

  width:100%;
  height:8px;

  background:
    linear-gradient(
      90deg,
      var(--amx-green-strong) 0 34%,
      var(--amx-black) 34% 42%,
      var(--amx-green-strong) 42% 100%
    );

  background-size:220% 100%;

  transition:
    background-position .45s ease;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card-live::before{
  background:
    linear-gradient(
      90deg,
      var(--amx-green-strong) 0 34%,
      var(--amx-yellow) 34% 58%,
      var(--amx-green-strong) 58% 100%
    ) !important;

  background-size:220% 100% !important;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:hover{
  animation-play-state:paused;

  transform:
    translateY(-9px)
    scale(1.012) !important;

  box-shadow:
    14px 16px 0 rgba(0,0,0,.13),
    0 22px 45px rgba(23,32,51,.12) !important;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:hover::before{
  background-position:100% 0;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:hover::after{
  animation-play-state:paused;

  transform:
    translate(-6px,-6px)
    scale(1.14);
}

/* ألوان Hover */

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(6n+1):hover{
  background:#fff5dc !important;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(6n+2):hover{
  background:#cfe9d5 !important;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(6n+3):hover{
  background:#ffe77a !important;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(6n+4):hover{
  background:#cfdfff !important;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(6n+5):hover{
  background:#f0d3c2 !important;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(6n+6):hover{
  background:#e1d4ec !important;
}

/* =========================
   CARD TOP / ICON / BADGE
========================= */

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card-top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  gap:18px;

  margin-bottom:24px !important;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-icon{
  position:relative;
  overflow:hidden;

  width:54px;
  height:54px;

  display:grid !important;
  place-items:center;

  border:3px solid var(--amx-black);

  box-shadow:
    4px 4px 0 rgba(0,0,0,.10);

  font-size:25px !important;
  line-height:1 !important;

  animation:
    amxMarketingIconMove 4.5s ease-in-out infinite;

  transform-origin:center;

  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    box-shadow .32s ease,
    background .32s ease;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(6n+1) .amx-tool-icon{
  background:var(--amx-yellow) !important;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(6n+2) .amx-tool-icon{
  background:#cde8d3 !important;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(6n+3) .amx-tool-icon{
  background:#fffaf0 !important;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(6n+4) .amx-tool-icon{
  background:#d8e7ff !important;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(6n+5) .amx-tool-icon{
  background:#f1d1bf !important;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:nth-child(6n+6) .amx-tool-icon{
  background:#ddcfe9 !important;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-icon::after{
  content:"";

  position:absolute;
  inset:-40%;

  background:
    linear-gradient(
      120deg,
      transparent 35%,
      rgba(255,255,255,.85) 50%,
      transparent 65%
    );

  transform:
    translateX(-100%)
    rotate(12deg);

  transition:
    transform .55s ease;
}

@keyframes amxMarketingIconMove{
  0%,
  100%{
    transform:
      translateY(0)
      rotate(0);
  }

  50%{
    transform:
      translateY(-3px)
      rotate(-2deg);
  }
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:hover .amx-tool-icon{
  animation-play-state:paused;

  transform:
    translateY(-4px)
    rotate(-4deg)
    scale(1.08);

  box-shadow:
    6px 6px 0 rgba(0,0,0,.14);
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:hover .amx-tool-icon::after{
  transform:
    translateX(100%)
    rotate(12deg);
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-badge{
  position:relative;
  overflow:hidden;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  min-height:34px;

  padding:9px 12px !important;

  background:#fffaf0 !important;
  color:var(--amx-black) !important;

  border:2px solid var(--amx-black) !important;

  font-size:9px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-transform:uppercase !important;

  animation:
    amxMarketingBadgePulse 4s ease-in-out infinite;

  transition:
    transform .24s ease,
    box-shadow .24s ease;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card-live .amx-tool-badge{
  background:var(--amx-green-strong) !important;
  color:#fff !important;
}

@keyframes amxMarketingBadgePulse{
  0%,
  100%{
    transform:scale(1);
  }

  50%{
    transform:scale(1.025);
  }
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:hover .amx-tool-badge{
  animation-play-state:paused;

  transform:
    translateY(-3px)
    rotate(1deg);

  box-shadow:
    4px 4px 0 rgba(0,0,0,.12);
}

/* =========================
   TITLE / EXCERPT / META
========================= */

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-title{
  position:relative;

  display:inline-block;

  width:max-content;
  max-width:100%;

  margin:0 0 14px !important;

  color:var(--amx-ink) !important;

  font-size:clamp(23px,1.7vw,31px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  font-weight:950 !important;

  transition:
    transform .25s ease,
    color .25s ease;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-title::after{
  content:"";

  position:absolute;
  left:0;
  bottom:-6px;

  width:0;
  height:5px;

  background:var(--amx-green-strong);

  transition:
    width .32s ease;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:hover .amx-tool-title{
  transform:translateX(4px);
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:hover .amx-tool-title::after{
  width:54%;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-excerpt{
  margin:0 0 24px !important;

  color:var(--amx-muted) !important;

  font-size:14px !important;
  line-height:1.58 !important;
  font-weight:600 !important;

  transition:
    transform .28s ease,
    color .28s ease;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:hover .amx-tool-excerpt{
  transform:translateY(-2px);
  color:#303640 !important;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-meta{
  margin-top:auto !important;
  padding-top:20px !important;

  color:var(--amx-black) !important;

  border-top:
    2px solid rgba(17,17,17,.15);

  font-size:10px !important;
  line-height:1.2 !important;
  font-weight:950 !important;

  text-transform:uppercase !important;
}

/* =========================
   ACTION BUTTON
========================= */

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-action{
  position:relative;
  overflow:hidden;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  gap:10px;

  width:max-content;
  min-height:48px;

  margin-top:18px !important;
  padding:13px 18px !important;

  background:var(--amx-black) !important;
  color:#fff !important;

  border:3px solid var(--amx-black) !important;

  box-shadow:
    4px 4px 0 rgba(0,0,0,.11);

  text-decoration:none !important;
  text-transform:uppercase !important;

  font-size:10px !important;
  line-height:1 !important;
  font-weight:950 !important;

  transition:
    transform .18s ease,
    background .18s ease,
    color .18s ease,
    box-shadow .18s ease;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-action::after{
  content:"→";

  display:inline-flex;
  align-items:center;
  justify-content:center;

  font-size:13px;

  transform:translateX(-5px);
  opacity:0;

  transition:
    transform .22s ease,
    opacity .22s ease;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card:hover .amx-tool-action::after{
  transform:translateX(0);
  opacity:1;
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card-live:hover .amx-tool-action{
  background:var(--amx-green-strong) !important;
  color:#fff !important;

  transform:translate(-2px,-2px);

  box-shadow:
    6px 6px 0 rgba(0,0,0,.15);
}

.elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-action-disabled{
  background:transparent !important;
  color:var(--amx-black) !important;

  box-shadow:none !important;

  opacity:.60;
  pointer-events:none;
}

/* =========================
   RESPONSIVE
========================= */

@media(min-width:1850px){

  .elementor-982 .elementor-element.elementor-element-44a2c25{
    padding-left:42px;
    padding-right:42px;
  }

  .elementor-982 .elementor-element.elementor-element-44a2c25 > .elementor-widget-container{
    max-width:1780px;
  }
}

@media(max-width:1050px){

  .elementor-982 .elementor-element.elementor-element-44a2c25 .amx-section-head{
    grid-template-columns:1fr;
  }

  .elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tools-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }

  .elementor-982 .elementor-element.elementor-element-44a2c25 .amx-section-link{
    width:max-content;
  }
}

@media(max-width:700px){

  .elementor-982 .elementor-element.elementor-element-44a2c25{
    padding:56px 18px 66px;
  }

  .elementor-982 .elementor-element.elementor-element-44a2c25 .amx-section-head{
    padding:28px 23px !important;
  }

  .elementor-982 .elementor-element.elementor-element-44a2c25 .amx-section-head::before{
    width:180px;
    height:180px;
    right:-70px;
    top:-75px;
  }

  .elementor-982 .elementor-element.elementor-element-44a2c25 .amx-section-head::after{
    right:22px;
    top:22px;
    font-size:48px;
  }

  .elementor-982 .elementor-element.elementor-element-44a2c25 .amx-section-head h2{
    font-size:40px !important;
  }

  .elementor-982 .elementor-element.elementor-element-44a2c25 .amx-category-description{
    font-size:15px !important;
  }

  .elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tools-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }

  .elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card{
    min-height:310px;
    padding:24px !important;

    animation:
      amxMarketingCardEnter .5s ease both,
      amxMarketingCardFloatMobile 6.5s ease-in-out infinite;
  }

  @keyframes amxMarketingCardFloatMobile{
    0%,
    100%{
      transform:translateY(0);
    }

    50%{
      transform:translateY(-2px);
    }
  }

  .elementor-982 .elementor-element.elementor-element-44a2c25 .amx-section-link{
    width:100%;
  }
}

@media(prefers-reduced-motion:reduce){

  .elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card,
  .elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-icon,
  .elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-badge,
  .elementor-982 .elementor-element.elementor-element-44a2c25 .amx-tool-card::after{
    animation:none !important;
    transition:none !important;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-483e94e */.elementor-982 .elementor-element.elementor-element-483e94e{
  --amx-bg:#f4efe5;
  --amx-card:#fffaf0;
  --amx-ink:#172033;
  --amx-black:#111111;
  --amx-muted:#555a64;
  --amx-yellow:#ffd900;
  --amx-yellow-soft:#fff0a8;
  --amx-blue:#0b66ff;
  --amx-pink:#ff5fa2;
  --amx-pink-soft:#ffd9ea;
  --amx-purple:#8b5cf6;
  --amx-purple-soft:#eee5f5;
  --amx-green:#dff2e3;
  --amx-orange:#f7e4d9;

  position:relative;
  left:50%;
  width:100vw;
  max-width:100vw;
  margin-left:-50vw;
  margin-right:-50vw;

  background:
    linear-gradient(
      rgba(17,17,17,.045) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(17,17,17,.045) 1px,
      transparent 1px
    ),
    var(--amx-bg);

  background-size:32px 32px;
  padding:78px 34px 90px;
  border-bottom:4px solid var(--amx-black);

  font-family:Inter,Arial,sans-serif;
  overflow:hidden;
}

.elementor-982 .elementor-element.elementor-element-483e94e,
.elementor-982 .elementor-element.elementor-element-483e94e *{
  box-sizing:border-box;
}

.elementor-982 .elementor-element.elementor-element-483e94e > .elementor-widget-container{
  width:100%;
  max-width:1680px;
  margin:0 auto;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-category-section{
  position:relative;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* =========================
   HEADER — SOCIAL MEDIA 06
========================= */

.elementor-982 .elementor-element.elementor-element-483e94e .amx-section-head{
  position:relative;

  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:40px;

  margin:0 0 42px !important;
  padding:40px !important;

  background:var(--amx-card) !important;
  border:4px solid var(--amx-black) !important;

  box-shadow:
    11px 11px 0 rgba(0,0,0,.10);

  overflow:hidden;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-section-head::before{
  content:"";

  position:absolute;
  right:-75px;
  top:-90px;

  width:230px;
  height:230px;

  border-radius:50%;

  background:
    linear-gradient(
      135deg,
      var(--amx-pink),
      var(--amx-purple-soft)
    );

  border:4px solid var(--amx-black);

  opacity:.88;
  pointer-events:none;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-section-head::after{
  content:"06";

  position:absolute;
  right:42px;
  top:28px;

  color:var(--amx-black);

  font-size:62px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.06em;

  opacity:.11;
  pointer-events:none;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-section-head > *{
  position:relative;
  z-index:2;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-section-kicker{
  display:inline-flex !important;
  align-items:center;
  gap:9px;

  width:max-content;

  margin:0 0 18px !important;
  padding:11px 15px !important;

  background:var(--amx-yellow) !important;
  color:var(--amx-black) !important;

  border:3px solid var(--amx-black) !important;

  box-shadow:
    5px 5px 0 rgba(0,0,0,.11);

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-transform:uppercase;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-section-kicker::before{
  content:"●";

  width:23px;
  height:23px;

  display:grid;
  place-items:center;

  background:var(--amx-black);
  color:#fff;

  font-size:10px;
  line-height:1;
  font-weight:1000;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-section-head h2{
  max-width:1000px;

  margin:0 !important;

  color:var(--amx-ink) !important;

  font-size:clamp(44px,5vw,76px) !important;
  line-height:.91 !important;
  letter-spacing:-.065em !important;
  font-weight:950 !important;

  text-transform:uppercase !important;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-category-description{
  max-width:850px;

  margin:18px 0 0 !important;

  color:var(--amx-muted) !important;

  font-size:17px !important;
  line-height:1.6 !important;
  font-weight:600 !important;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-count{
  display:inline-flex !important;
  align-items:center;

  width:max-content;

  margin:22px 0 0 !important;
  padding:10px 13px !important;

  background:#fff !important;
  color:var(--amx-black) !important;

  border:2px solid var(--amx-black) !important;

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-transform:uppercase !important;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-section-link{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  min-width:190px;
  min-height:56px;

  padding:15px 22px !important;

  background:var(--amx-black) !important;
  color:#fff !important;

  border:3px solid var(--amx-black) !important;

  box-shadow:
    5px 5px 0 rgba(0,0,0,.13);

  text-decoration:none !important;
  text-transform:uppercase;

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease,
    color .18s ease;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-section-link:hover{
  background:var(--amx-pink) !important;
  color:#fff !important;

  transform:translate(-2px,-2px);

  box-shadow:
    7px 7px 0 rgba(0,0,0,.17);
}

/* =========================
   GRID
========================= */

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tools-grid{
  display:grid !important;

  grid-template-columns:
    repeat(3,minmax(0,1fr)) !important;

  gap:26px !important;
  margin:0 !important;

  perspective:1400px;
}

/* =========================
   TOOL CARDS
========================= */

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card{
  position:relative;
  isolation:isolate;

  min-height:350px;

  display:flex !important;
  flex-direction:column !important;

  padding:28px !important;

  color:var(--amx-ink) !important;

  border:3px solid var(--amx-black) !important;
  border-radius:0 !important;

  box-shadow:
    8px 8px 0 rgba(0,0,0,.09) !important;

  overflow:hidden;
  transform-style:preserve-3d;

  animation:
    amxSocialCardEnter .55s ease both,
    amxSocialCardFloat 6s ease-in-out infinite;

  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    box-shadow .32s ease,
    background .32s ease;

  will-change:transform;
}

/* ألوان البطاقات */

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(6n+1){
  background:#fffaf0 !important;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(6n+2){
  background:#ffd9ea !important;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(6n+3){
  background:#eee5f5 !important;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(6n+4){
  background:#dceaff !important;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(6n+5){
  background:#fff0a8 !important;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(6n+6){
  background:#dff2e3 !important;
}

/* تأخير الحركات */

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(1){
  animation-delay:.04s,.2s;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(2){
  animation-delay:.09s,.7s;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(3){
  animation-delay:.14s,1.2s;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(4){
  animation-delay:.19s,1.7s;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(5){
  animation-delay:.24s,2.2s;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(6){
  animation-delay:.29s,2.7s;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(7){
  animation-delay:.34s,3.2s;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(8){
  animation-delay:.39s,3.7s;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(9){
  animation-delay:.44s,4.2s;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(10){
  animation-delay:.49s,4.7s;
}

@keyframes amxSocialCardEnter{
  from{
    opacity:0;
    transform:
      translateY(22px)
      scale(.985);
  }

  to{
    opacity:1;
    transform:
      translateY(0)
      scale(1);
  }
}

@keyframes amxSocialCardFloat{
  0%,
  100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-4px);
  }
}

/* الزخرفة الخلفية */

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card::after{
  content:"";

  position:absolute;
  z-index:-1;

  right:-65px;
  bottom:-75px;

  width:190px;
  height:190px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(255,95,162,.27) 0 26%,
      rgba(139,92,246,.12) 27% 48%,
      transparent 49%
    );

  opacity:.74;

  animation:
    amxSocialDecorMove 7s ease-in-out infinite;

  pointer-events:none;
}

@keyframes amxSocialDecorMove{
  0%,
  100%{
    transform:
      translate(0,0)
      scale(.92);
  }

  50%{
    transform:
      translate(-5px,-4px)
      scale(1.04);
  }
}

/* الشريط العلوي */

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card::before{
  content:"";

  position:absolute;
  top:0;
  left:0;
  z-index:2;

  width:100%;
  height:8px;

  background:
    linear-gradient(
      90deg,
      var(--amx-pink) 0 34%,
      var(--amx-black) 34% 42%,
      var(--amx-pink) 42% 100%
    );

  background-size:220% 100%;

  transition:
    background-position .45s ease;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card-live::before{
  background:
    linear-gradient(
      90deg,
      var(--amx-pink) 0 34%,
      var(--amx-yellow) 34% 58%,
      var(--amx-purple) 58% 100%
    ) !important;

  background-size:220% 100% !important;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:hover{
  animation-play-state:paused;

  transform:
    translateY(-9px)
    scale(1.012) !important;

  box-shadow:
    14px 16px 0 rgba(0,0,0,.13),
    0 22px 45px rgba(23,32,51,.12) !important;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:hover::before{
  background-position:100% 0;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:hover::after{
  animation-play-state:paused;

  transform:
    translate(-6px,-6px)
    scale(1.14);
}

/* ألوان Hover */

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(6n+1):hover{
  background:#fff5dc !important;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(6n+2):hover{
  background:#ffc8e0 !important;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(6n+3):hover{
  background:#e1d4ec !important;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(6n+4):hover{
  background:#cfdfff !important;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(6n+5):hover{
  background:#ffe77a !important;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(6n+6):hover{
  background:#cfe9d5 !important;
}

/* =========================
   CARD TOP / ICON / BADGE
========================= */

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card-top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  gap:18px;

  margin-bottom:24px !important;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-icon{
  position:relative;
  overflow:hidden;

  width:54px;
  height:54px;

  display:grid !important;
  place-items:center;

  border:3px solid var(--amx-black);

  box-shadow:
    4px 4px 0 rgba(0,0,0,.10);

  font-size:25px !important;
  line-height:1 !important;

  animation:
    amxSocialIconMove 4.5s ease-in-out infinite;

  transform-origin:center;

  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    box-shadow .32s ease,
    background .32s ease;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(6n+1) .amx-tool-icon{
  background:var(--amx-yellow) !important;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(6n+2) .amx-tool-icon{
  background:#ffc6df !important;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(6n+3) .amx-tool-icon{
  background:#ddcfe9 !important;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(6n+4) .amx-tool-icon{
  background:#d8e7ff !important;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(6n+5) .amx-tool-icon{
  background:#fffaf0 !important;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:nth-child(6n+6) .amx-tool-icon{
  background:#cde8d3 !important;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-icon::after{
  content:"";

  position:absolute;
  inset:-40%;

  background:
    linear-gradient(
      120deg,
      transparent 35%,
      rgba(255,255,255,.85) 50%,
      transparent 65%
    );

  transform:
    translateX(-100%)
    rotate(12deg);

  transition:
    transform .55s ease;
}

@keyframes amxSocialIconMove{
  0%,
  100%{
    transform:
      translateY(0)
      rotate(0);
  }

  50%{
    transform:
      translateY(-3px)
      rotate(-2deg);
  }
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:hover .amx-tool-icon{
  animation-play-state:paused;

  transform:
    translateY(-4px)
    rotate(-4deg)
    scale(1.08);

  box-shadow:
    6px 6px 0 rgba(0,0,0,.14);
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:hover .amx-tool-icon::after{
  transform:
    translateX(100%)
    rotate(12deg);
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-badge{
  position:relative;
  overflow:hidden;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  min-height:34px;

  padding:9px 12px !important;

  background:#fffaf0 !important;
  color:var(--amx-black) !important;

  border:2px solid var(--amx-black) !important;

  font-size:9px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-transform:uppercase !important;

  animation:
    amxSocialBadgePulse 4s ease-in-out infinite;

  transition:
    transform .24s ease,
    box-shadow .24s ease;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card-live .amx-tool-badge{
  background:var(--amx-pink) !important;
  color:#fff !important;
}

@keyframes amxSocialBadgePulse{
  0%,
  100%{
    transform:scale(1);
  }

  50%{
    transform:scale(1.025);
  }
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:hover .amx-tool-badge{
  animation-play-state:paused;

  transform:
    translateY(-3px)
    rotate(1deg);

  box-shadow:
    4px 4px 0 rgba(0,0,0,.12);
}

/* =========================
   TITLE / EXCERPT / META
========================= */

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-title{
  position:relative;

  display:inline-block;

  width:max-content;
  max-width:100%;

  margin:0 0 14px !important;

  color:var(--amx-ink) !important;

  font-size:clamp(23px,1.7vw,31px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  font-weight:950 !important;

  transition:
    transform .25s ease,
    color .25s ease;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-title::after{
  content:"";

  position:absolute;
  left:0;
  bottom:-6px;

  width:0;
  height:5px;

  background:var(--amx-pink);

  transition:
    width .32s ease;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:hover .amx-tool-title{
  transform:translateX(4px);
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:hover .amx-tool-title::after{
  width:54%;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-excerpt{
  margin:0 0 24px !important;

  color:var(--amx-muted) !important;

  font-size:14px !important;
  line-height:1.58 !important;
  font-weight:600 !important;

  transition:
    transform .28s ease,
    color .28s ease;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:hover .amx-tool-excerpt{
  transform:translateY(-2px);
  color:#303640 !important;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-meta{
  margin-top:auto !important;
  padding-top:20px !important;

  color:var(--amx-black) !important;

  border-top:
    2px solid rgba(17,17,17,.15);

  font-size:10px !important;
  line-height:1.2 !important;
  font-weight:950 !important;

  text-transform:uppercase !important;
}

/* =========================
   ACTION BUTTON
========================= */

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-action{
  position:relative;
  overflow:hidden;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  gap:10px;

  width:max-content;
  min-height:48px;

  margin-top:18px !important;
  padding:13px 18px !important;

  background:var(--amx-black) !important;
  color:#fff !important;

  border:3px solid var(--amx-black) !important;

  box-shadow:
    4px 4px 0 rgba(0,0,0,.11);

  text-decoration:none !important;
  text-transform:uppercase !important;

  font-size:10px !important;
  line-height:1 !important;
  font-weight:950 !important;

  transition:
    transform .18s ease,
    background .18s ease,
    color .18s ease,
    box-shadow .18s ease;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-action::after{
  content:"→";

  display:inline-flex;
  align-items:center;
  justify-content:center;

  font-size:13px;

  transform:translateX(-5px);
  opacity:0;

  transition:
    transform .22s ease,
    opacity .22s ease;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card:hover .amx-tool-action::after{
  transform:translateX(0);
  opacity:1;
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card-live:hover .amx-tool-action{
  background:var(--amx-pink) !important;
  color:#fff !important;

  transform:translate(-2px,-2px);

  box-shadow:
    6px 6px 0 rgba(0,0,0,.15);
}

.elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-action-disabled{
  background:transparent !important;
  color:var(--amx-black) !important;

  box-shadow:none !important;

  opacity:.60;
  pointer-events:none;
}

/* =========================
   RESPONSIVE
========================= */

@media(min-width:1850px){

  .elementor-982 .elementor-element.elementor-element-483e94e{
    padding-left:42px;
    padding-right:42px;
  }

  .elementor-982 .elementor-element.elementor-element-483e94e > .elementor-widget-container{
    max-width:1780px;
  }
}

@media(max-width:1050px){

  .elementor-982 .elementor-element.elementor-element-483e94e .amx-section-head{
    grid-template-columns:1fr;
  }

  .elementor-982 .elementor-element.elementor-element-483e94e .amx-tools-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }

  .elementor-982 .elementor-element.elementor-element-483e94e .amx-section-link{
    width:max-content;
  }
}

@media(max-width:700px){

  .elementor-982 .elementor-element.elementor-element-483e94e{
    padding:56px 18px 66px;
  }

  .elementor-982 .elementor-element.elementor-element-483e94e .amx-section-head{
    padding:28px 23px !important;
  }

  .elementor-982 .elementor-element.elementor-element-483e94e .amx-section-head::before{
    width:180px;
    height:180px;
    right:-70px;
    top:-75px;
  }

  .elementor-982 .elementor-element.elementor-element-483e94e .amx-section-head::after{
    right:22px;
    top:22px;
    font-size:48px;
  }

  .elementor-982 .elementor-element.elementor-element-483e94e .amx-section-head h2{
    font-size:40px !important;
  }

  .elementor-982 .elementor-element.elementor-element-483e94e .amx-category-description{
    font-size:15px !important;
  }

  .elementor-982 .elementor-element.elementor-element-483e94e .amx-tools-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }

  .elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card{
    min-height:310px;
    padding:24px !important;

    animation:
      amxSocialCardEnter .5s ease both,
      amxSocialCardFloatMobile 6.5s ease-in-out infinite;
  }

  @keyframes amxSocialCardFloatMobile{
    0%,
    100%{
      transform:translateY(0);
    }

    50%{
      transform:translateY(-2px);
    }
  }

  .elementor-982 .elementor-element.elementor-element-483e94e .amx-section-link{
    width:100%;
  }
}

@media(prefers-reduced-motion:reduce){

  .elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card,
  .elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-icon,
  .elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-badge,
  .elementor-982 .elementor-element.elementor-element-483e94e .amx-tool-card::after{
    animation:none !important;
    transition:none !important;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e012753 */.elementor-982 .elementor-element.elementor-element-e012753{
  --amx-bg:#f4efe5;
  --amx-card:#fffaf0;
  --amx-ink:#172033;
  --amx-black:#111111;
  --amx-muted:#555a64;
  --amx-yellow:#ffd900;
  --amx-yellow-soft:#fff0a8;
  --amx-blue:#0b66ff;
  --amx-writing:#4f74c8;
  --amx-writing-soft:#dfe8ff;
  --amx-purple:#8b5cf6;
  --amx-purple-soft:#eee5f5;
  --amx-green:#dff2e3;
  --amx-orange:#f7e4d9;

  position:relative;
  left:50%;
  width:100vw;
  max-width:100vw;
  margin-left:-50vw;
  margin-right:-50vw;

  background:
    linear-gradient(
      rgba(17,17,17,.045) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(17,17,17,.045) 1px,
      transparent 1px
    ),
    var(--amx-bg);

  background-size:32px 32px;
  padding:78px 34px 90px;
  border-bottom:4px solid var(--amx-black);

  font-family:Inter,Arial,sans-serif;
  overflow:hidden;
}

.elementor-982 .elementor-element.elementor-element-e012753,
.elementor-982 .elementor-element.elementor-element-e012753 *{
  box-sizing:border-box;
}

.elementor-982 .elementor-element.elementor-element-e012753 > .elementor-widget-container{
  width:100%;
  max-width:1680px;
  margin:0 auto;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-category-section{
  position:relative;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* =========================
   HEADER — TEXT & WRITING 07
========================= */

.elementor-982 .elementor-element.elementor-element-e012753 .amx-section-head{
  position:relative;

  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:40px;

  margin:0 0 42px !important;
  padding:40px !important;

  background:var(--amx-card) !important;
  border:4px solid var(--amx-black) !important;

  box-shadow:
    11px 11px 0 rgba(0,0,0,.10);

  overflow:hidden;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-section-head::before{
  content:"";

  position:absolute;
  right:-75px;
  top:-90px;

  width:230px;
  height:230px;

  border-radius:50%;

  background:
    linear-gradient(
      135deg,
      var(--amx-writing),
      var(--amx-writing-soft)
    );

  border:4px solid var(--amx-black);

  opacity:.88;
  pointer-events:none;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-section-head::after{
  content:"07";

  position:absolute;
  right:42px;
  top:28px;

  color:var(--amx-black);

  font-size:62px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.06em;

  opacity:.11;
  pointer-events:none;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-section-head > *{
  position:relative;
  z-index:2;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-section-kicker{
  display:inline-flex !important;
  align-items:center;
  gap:9px;

  width:max-content;

  margin:0 0 18px !important;
  padding:11px 15px !important;

  background:var(--amx-yellow) !important;
  color:var(--amx-black) !important;

  border:3px solid var(--amx-black) !important;

  box-shadow:
    5px 5px 0 rgba(0,0,0,.11);

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-transform:uppercase;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-section-kicker::before{
  content:"✎";

  width:23px;
  height:23px;

  display:grid;
  place-items:center;

  background:var(--amx-black);
  color:#fff;

  font-size:13px;
  line-height:1;
  font-weight:1000;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-section-head h2{
  max-width:1000px;

  margin:0 !important;

  color:var(--amx-ink) !important;

  font-size:clamp(44px,5vw,76px) !important;
  line-height:.91 !important;
  letter-spacing:-.065em !important;
  font-weight:950 !important;

  text-transform:uppercase !important;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-category-description{
  max-width:850px;

  margin:18px 0 0 !important;

  color:var(--amx-muted) !important;

  font-size:17px !important;
  line-height:1.6 !important;
  font-weight:600 !important;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-count{
  display:inline-flex !important;
  align-items:center;

  width:max-content;

  margin:22px 0 0 !important;
  padding:10px 13px !important;

  background:#fff !important;
  color:var(--amx-black) !important;

  border:2px solid var(--amx-black) !important;

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-transform:uppercase !important;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-section-link{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  min-width:190px;
  min-height:56px;

  padding:15px 22px !important;

  background:var(--amx-black) !important;
  color:#fff !important;

  border:3px solid var(--amx-black) !important;

  box-shadow:
    5px 5px 0 rgba(0,0,0,.13);

  text-decoration:none !important;
  text-transform:uppercase;

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease,
    color .18s ease;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-section-link:hover{
  background:var(--amx-writing) !important;
  color:#fff !important;

  transform:translate(-2px,-2px);

  box-shadow:
    7px 7px 0 rgba(0,0,0,.17);
}

/* =========================
   GRID
========================= */

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tools-grid{
  display:grid !important;

  grid-template-columns:
    repeat(3,minmax(0,1fr)) !important;

  gap:26px !important;
  margin:0 !important;

  perspective:1400px;
}

/* =========================
   TOOL CARDS
========================= */

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card{
  position:relative;
  isolation:isolate;

  min-height:350px;

  display:flex !important;
  flex-direction:column !important;

  padding:28px !important;

  color:var(--amx-ink) !important;

  border:3px solid var(--amx-black) !important;
  border-radius:0 !important;

  box-shadow:
    8px 8px 0 rgba(0,0,0,.09) !important;

  overflow:hidden;
  transform-style:preserve-3d;

  animation:
    amxWritingCardEnter .55s ease both,
    amxWritingCardFloat 6s ease-in-out infinite;

  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    box-shadow .32s ease,
    background .32s ease;

  will-change:transform;
}

/* ألوان البطاقات */

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(6n+1){
  background:#fffaf0 !important;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(6n+2){
  background:#dfe8ff !important;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(6n+3){
  background:#eee5f5 !important;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(6n+4){
  background:#fff0a8 !important;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(6n+5){
  background:#dff2e3 !important;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(6n+6){
  background:#f7e4d9 !important;
}

/* تأخير الحركات */

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(1){
  animation-delay:.04s,.2s;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(2){
  animation-delay:.09s,.7s;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(3){
  animation-delay:.14s,1.2s;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(4){
  animation-delay:.19s,1.7s;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(5){
  animation-delay:.24s,2.2s;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(6){
  animation-delay:.29s,2.7s;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(7){
  animation-delay:.34s,3.2s;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(8){
  animation-delay:.39s,3.7s;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(9){
  animation-delay:.44s,4.2s;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(10){
  animation-delay:.49s,4.7s;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(11){
  animation-delay:.54s,5.2s;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(12){
  animation-delay:.59s,5.7s;
}

@keyframes amxWritingCardEnter{
  from{
    opacity:0;

    transform:
      translateY(22px)
      scale(.985);
  }

  to{
    opacity:1;

    transform:
      translateY(0)
      scale(1);
  }
}

@keyframes amxWritingCardFloat{
  0%,
  100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-4px);
  }
}

/* الزخرفة الخلفية */

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card::after{
  content:"";

  position:absolute;
  z-index:-1;

  right:-65px;
  bottom:-75px;

  width:190px;
  height:190px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(79,116,200,.25) 0 26%,
      rgba(139,92,246,.12) 27% 48%,
      transparent 49%
    );

  opacity:.74;

  animation:
    amxWritingDecorMove 7s ease-in-out infinite;

  pointer-events:none;
}

@keyframes amxWritingDecorMove{
  0%,
  100%{
    transform:
      translate(0,0)
      scale(.92);
  }

  50%{
    transform:
      translate(-5px,-4px)
      scale(1.04);
  }
}

/* الشريط العلوي */

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card::before{
  content:"";

  position:absolute;
  top:0;
  left:0;
  z-index:2;

  width:100%;
  height:8px;

  background:
    linear-gradient(
      90deg,
      var(--amx-writing) 0 34%,
      var(--amx-black) 34% 42%,
      var(--amx-writing) 42% 100%
    );

  background-size:220% 100%;

  transition:
    background-position .45s ease;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card-live::before{
  background:
    linear-gradient(
      90deg,
      var(--amx-writing) 0 34%,
      var(--amx-yellow) 34% 58%,
      var(--amx-writing) 58% 100%
    ) !important;

  background-size:220% 100% !important;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:hover{
  animation-play-state:paused;

  transform:
    translateY(-9px)
    scale(1.012) !important;

  box-shadow:
    14px 16px 0 rgba(0,0,0,.13),
    0 22px 45px rgba(23,32,51,.12) !important;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:hover::before{
  background-position:100% 0;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:hover::after{
  animation-play-state:paused;

  transform:
    translate(-6px,-6px)
    scale(1.14);
}

/* ألوان Hover */

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(6n+1):hover{
  background:#fff5dc !important;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(6n+2):hover{
  background:#d0ddff !important;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(6n+3):hover{
  background:#e1d4ec !important;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(6n+4):hover{
  background:#ffe77a !important;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(6n+5):hover{
  background:#cfe9d5 !important;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(6n+6):hover{
  background:#f0d3c2 !important;
}

/* =========================
   CARD TOP / ICON / BADGE
========================= */

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card-top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  gap:18px;

  margin-bottom:24px !important;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-icon{
  position:relative;
  overflow:hidden;

  width:54px;
  height:54px;

  display:grid !important;
  place-items:center;

  border:3px solid var(--amx-black);

  box-shadow:
    4px 4px 0 rgba(0,0,0,.10);

  font-size:25px !important;
  line-height:1 !important;

  animation:
    amxWritingIconMove 4.5s ease-in-out infinite;

  transform-origin:center;

  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    box-shadow .32s ease,
    background .32s ease;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(6n+1) .amx-tool-icon{
  background:var(--amx-yellow) !important;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(6n+2) .amx-tool-icon{
  background:#cfddff !important;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(6n+3) .amx-tool-icon{
  background:#ddcfe9 !important;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(6n+4) .amx-tool-icon{
  background:#fffaf0 !important;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(6n+5) .amx-tool-icon{
  background:#cde8d3 !important;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:nth-child(6n+6) .amx-tool-icon{
  background:#f1d1bf !important;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-icon::after{
  content:"";

  position:absolute;
  inset:-40%;

  background:
    linear-gradient(
      120deg,
      transparent 35%,
      rgba(255,255,255,.85) 50%,
      transparent 65%
    );

  transform:
    translateX(-100%)
    rotate(12deg);

  transition:
    transform .55s ease;
}

@keyframes amxWritingIconMove{
  0%,
  100%{
    transform:
      translateY(0)
      rotate(0);
  }

  50%{
    transform:
      translateY(-3px)
      rotate(-2deg);
  }
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:hover .amx-tool-icon{
  animation-play-state:paused;

  transform:
    translateY(-4px)
    rotate(-4deg)
    scale(1.08);

  box-shadow:
    6px 6px 0 rgba(0,0,0,.14);
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:hover .amx-tool-icon::after{
  transform:
    translateX(100%)
    rotate(12deg);
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-badge{
  position:relative;
  overflow:hidden;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  min-height:34px;

  padding:9px 12px !important;

  background:#fffaf0 !important;
  color:var(--amx-black) !important;

  border:2px solid var(--amx-black) !important;

  font-size:9px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-transform:uppercase !important;

  animation:
    amxWritingBadgePulse 4s ease-in-out infinite;

  transition:
    transform .24s ease,
    box-shadow .24s ease;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card-live .amx-tool-badge{
  background:var(--amx-writing) !important;
  color:#fff !important;
}

@keyframes amxWritingBadgePulse{
  0%,
  100%{
    transform:scale(1);
  }

  50%{
    transform:scale(1.025);
  }
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:hover .amx-tool-badge{
  animation-play-state:paused;

  transform:
    translateY(-3px)
    rotate(1deg);

  box-shadow:
    4px 4px 0 rgba(0,0,0,.12);
}

/* =========================
   TITLE / EXCERPT / META
========================= */

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-title{
  position:relative;

  display:inline-block;

  width:max-content;
  max-width:100%;

  margin:0 0 14px !important;

  color:var(--amx-ink) !important;

  font-size:clamp(23px,1.7vw,31px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  font-weight:950 !important;

  transition:
    transform .25s ease,
    color .25s ease;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-title::after{
  content:"";

  position:absolute;
  left:0;
  bottom:-6px;

  width:0;
  height:5px;

  background:var(--amx-writing);

  transition:
    width .32s ease;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:hover .amx-tool-title{
  transform:translateX(4px);
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:hover .amx-tool-title::after{
  width:54%;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-excerpt{
  margin:0 0 24px !important;

  color:var(--amx-muted) !important;

  font-size:14px !important;
  line-height:1.58 !important;
  font-weight:600 !important;

  transition:
    transform .28s ease,
    color .28s ease;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:hover .amx-tool-excerpt{
  transform:translateY(-2px);
  color:#303640 !important;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-meta{
  margin-top:auto !important;
  padding-top:20px !important;

  color:var(--amx-black) !important;

  border-top:
    2px solid rgba(17,17,17,.15);

  font-size:10px !important;
  line-height:1.2 !important;
  font-weight:950 !important;

  text-transform:uppercase !important;
}

/* =========================
   ACTION BUTTON
========================= */

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-action{
  position:relative;
  overflow:hidden;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  gap:10px;

  width:max-content;
  min-height:48px;

  margin-top:18px !important;
  padding:13px 18px !important;

  background:var(--amx-black) !important;
  color:#fff !important;

  border:3px solid var(--amx-black) !important;

  box-shadow:
    4px 4px 0 rgba(0,0,0,.11);

  text-decoration:none !important;
  text-transform:uppercase !important;

  font-size:10px !important;
  line-height:1 !important;
  font-weight:950 !important;

  transition:
    transform .18s ease,
    background .18s ease,
    color .18s ease,
    box-shadow .18s ease;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-action::after{
  content:"→";

  display:inline-flex;
  align-items:center;
  justify-content:center;

  font-size:13px;

  transform:translateX(-5px);
  opacity:0;

  transition:
    transform .22s ease,
    opacity .22s ease;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card:hover .amx-tool-action::after{
  transform:translateX(0);
  opacity:1;
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card-live:hover .amx-tool-action{
  background:var(--amx-writing) !important;
  color:#fff !important;

  transform:translate(-2px,-2px);

  box-shadow:
    6px 6px 0 rgba(0,0,0,.15);
}

.elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-action-disabled{
  background:transparent !important;
  color:var(--amx-black) !important;

  box-shadow:none !important;

  opacity:.60;
  pointer-events:none;
}

/* =========================
   RESPONSIVE
========================= */

@media(min-width:1850px){

  .elementor-982 .elementor-element.elementor-element-e012753{
    padding-left:42px;
    padding-right:42px;
  }

  .elementor-982 .elementor-element.elementor-element-e012753 > .elementor-widget-container{
    max-width:1780px;
  }
}

@media(max-width:1050px){

  .elementor-982 .elementor-element.elementor-element-e012753 .amx-section-head{
    grid-template-columns:1fr;
  }

  .elementor-982 .elementor-element.elementor-element-e012753 .amx-tools-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }

  .elementor-982 .elementor-element.elementor-element-e012753 .amx-section-link{
    width:max-content;
  }
}

@media(max-width:700px){

  .elementor-982 .elementor-element.elementor-element-e012753{
    padding:56px 18px 66px;
  }

  .elementor-982 .elementor-element.elementor-element-e012753 .amx-section-head{
    padding:28px 23px !important;
  }

  .elementor-982 .elementor-element.elementor-element-e012753 .amx-section-head::before{
    width:180px;
    height:180px;
    right:-70px;
    top:-75px;
  }

  .elementor-982 .elementor-element.elementor-element-e012753 .amx-section-head::after{
    right:22px;
    top:22px;
    font-size:48px;
  }

  .elementor-982 .elementor-element.elementor-element-e012753 .amx-section-head h2{
    font-size:40px !important;
  }

  .elementor-982 .elementor-element.elementor-element-e012753 .amx-category-description{
    font-size:15px !important;
  }

  .elementor-982 .elementor-element.elementor-element-e012753 .amx-tools-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }

  .elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card{
    min-height:310px;
    padding:24px !important;

    animation:
      amxWritingCardEnter .5s ease both,
      amxWritingCardFloatMobile 6.5s ease-in-out infinite;
  }

  @keyframes amxWritingCardFloatMobile{
    0%,
    100%{
      transform:translateY(0);
    }

    50%{
      transform:translateY(-2px);
    }
  }

  .elementor-982 .elementor-element.elementor-element-e012753 .amx-section-link{
    width:100%;
  }
}

@media(prefers-reduced-motion:reduce){

  .elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card,
  .elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-icon,
  .elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-badge,
  .elementor-982 .elementor-element.elementor-element-e012753 .amx-tool-card::after{
    animation:none !important;
    transition:none !important;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b4bfed */.elementor-982 .elementor-element.elementor-element-0b4bfed{
  --amx-bg:#f4efe5;
  --amx-card:#fffaf0;
  --amx-ink:#172033;
  --amx-black:#111111;
  --amx-muted:#555a64;
  --amx-yellow:#ffd900;
  --amx-yellow-soft:#fff0a8;
  --amx-blue:#0b66ff;
  --amx-code:#172033;
  --amx-code-soft:#dfe7f4;
  --amx-cyan:#48c7d9;
  --amx-cyan-soft:#d9f7fb;
  --amx-green:#dff2e3;
  --amx-orange:#f7e4d9;
  --amx-purple:#eee5f5;

  position:relative;
  left:50%;
  width:100vw;
  max-width:100vw;
  margin-left:-50vw;
  margin-right:-50vw;

  background:
    linear-gradient(
      rgba(17,17,17,.045) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(17,17,17,.045) 1px,
      transparent 1px
    ),
    var(--amx-bg);

  background-size:32px 32px;
  padding:78px 34px 90px;
  border-bottom:4px solid var(--amx-black);

  font-family:Inter,Arial,sans-serif;
  overflow:hidden;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed,
.elementor-982 .elementor-element.elementor-element-0b4bfed *{
  box-sizing:border-box;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed > .elementor-widget-container{
  width:100%;
  max-width:1680px;
  margin:0 auto;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-category-section{
  position:relative;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* =========================
   HEADER — DEVELOPER TOOLS 08
========================= */

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-section-head{
  position:relative;

  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:40px;

  margin:0 0 42px !important;
  padding:40px !important;

  background:var(--amx-card) !important;
  border:4px solid var(--amx-black) !important;

  box-shadow:
    11px 11px 0 rgba(0,0,0,.10);

  overflow:hidden;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-section-head::before{
  content:"";

  position:absolute;
  right:-75px;
  top:-90px;

  width:230px;
  height:230px;

  border-radius:50%;

  background:
    linear-gradient(
      135deg,
      var(--amx-code),
      var(--amx-cyan-soft)
    );

  border:4px solid var(--amx-black);

  opacity:.90;
  pointer-events:none;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-section-head::after{
  content:"08";

  position:absolute;
  right:42px;
  top:28px;

  color:var(--amx-black);

  font-size:62px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.06em;

  opacity:.11;
  pointer-events:none;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-section-head > *{
  position:relative;
  z-index:2;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-section-kicker{
  display:inline-flex !important;
  align-items:center;
  gap:9px;

  width:max-content;

  margin:0 0 18px !important;
  padding:11px 15px !important;

  background:var(--amx-yellow) !important;
  color:var(--amx-black) !important;

  border:3px solid var(--amx-black) !important;

  box-shadow:
    5px 5px 0 rgba(0,0,0,.11);

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-transform:uppercase;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-section-kicker::before{
  content:"</>";

  width:29px;
  height:23px;

  display:grid;
  place-items:center;

  background:var(--amx-black);
  color:#fff;

  font-size:9px;
  line-height:1;
  font-weight:1000;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-section-head h2{
  max-width:1000px;

  margin:0 !important;

  color:var(--amx-ink) !important;

  font-size:clamp(44px,5vw,76px) !important;
  line-height:.91 !important;
  letter-spacing:-.065em !important;
  font-weight:950 !important;

  text-transform:uppercase !important;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-category-description{
  max-width:850px;

  margin:18px 0 0 !important;

  color:var(--amx-muted) !important;

  font-size:17px !important;
  line-height:1.6 !important;
  font-weight:600 !important;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-count{
  display:inline-flex !important;
  align-items:center;

  width:max-content;

  margin:22px 0 0 !important;
  padding:10px 13px !important;

  background:#fff !important;
  color:var(--amx-black) !important;

  border:2px solid var(--amx-black) !important;

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-transform:uppercase !important;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-section-link{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  min-width:190px;
  min-height:56px;

  padding:15px 22px !important;

  background:var(--amx-black) !important;
  color:#fff !important;

  border:3px solid var(--amx-black) !important;

  box-shadow:
    5px 5px 0 rgba(0,0,0,.13);

  text-decoration:none !important;
  text-transform:uppercase;

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease,
    color .18s ease;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-section-link:hover{
  background:var(--amx-cyan) !important;
  color:var(--amx-black) !important;

  transform:translate(-2px,-2px);

  box-shadow:
    7px 7px 0 rgba(0,0,0,.17);
}

/* =========================
   GRID
========================= */

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tools-grid{
  display:grid !important;

  grid-template-columns:
    repeat(3,minmax(0,1fr)) !important;

  gap:26px !important;
  margin:0 !important;

  perspective:1400px;
}

/* =========================
   TOOL CARDS
========================= */

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card{
  position:relative;
  isolation:isolate;

  min-height:350px;

  display:flex !important;
  flex-direction:column !important;

  padding:28px !important;

  color:var(--amx-ink) !important;

  border:3px solid var(--amx-black) !important;
  border-radius:0 !important;

  box-shadow:
    8px 8px 0 rgba(0,0,0,.09) !important;

  overflow:hidden;
  transform-style:preserve-3d;

  animation:
    amxDeveloperCardEnter .55s ease both,
    amxDeveloperCardFloat 6s ease-in-out infinite;

  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    box-shadow .32s ease,
    background .32s ease;

  will-change:transform;
}

/* ألوان البطاقات */

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(6n+1){
  background:#fffaf0 !important;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(6n+2){
  background:#d9f7fb !important;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(6n+3){
  background:#dfe7f4 !important;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(6n+4){
  background:#fff0a8 !important;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(6n+5){
  background:#dff2e3 !important;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(6n+6){
  background:#eee5f5 !important;
}

/* تأخير الحركات */

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(1){
  animation-delay:.04s,.2s;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(2){
  animation-delay:.09s,.7s;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(3){
  animation-delay:.14s,1.2s;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(4){
  animation-delay:.19s,1.7s;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(5){
  animation-delay:.24s,2.2s;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(6){
  animation-delay:.29s,2.7s;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(7){
  animation-delay:.34s,3.2s;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(8){
  animation-delay:.39s,3.7s;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(9){
  animation-delay:.44s,4.2s;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(10){
  animation-delay:.49s,4.7s;
}

@keyframes amxDeveloperCardEnter{
  from{
    opacity:0;

    transform:
      translateY(22px)
      scale(.985);
  }

  to{
    opacity:1;

    transform:
      translateY(0)
      scale(1);
  }
}

@keyframes amxDeveloperCardFloat{
  0%,
  100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-4px);
  }
}

/* الزخرفة الخلفية */

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card::after{
  content:"";

  position:absolute;
  z-index:-1;

  right:-65px;
  bottom:-75px;

  width:190px;
  height:190px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(72,199,217,.28) 0 26%,
      rgba(23,32,51,.10) 27% 48%,
      transparent 49%
    );

  opacity:.74;

  animation:
    amxDeveloperDecorMove 7s ease-in-out infinite;

  pointer-events:none;
}

@keyframes amxDeveloperDecorMove{
  0%,
  100%{
    transform:
      translate(0,0)
      scale(.92);
  }

  50%{
    transform:
      translate(-5px,-4px)
      scale(1.04);
  }
}

/* الشريط العلوي */

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card::before{
  content:"";

  position:absolute;
  top:0;
  left:0;
  z-index:2;

  width:100%;
  height:8px;

  background:
    linear-gradient(
      90deg,
      var(--amx-cyan) 0 34%,
      var(--amx-black) 34% 42%,
      var(--amx-cyan) 42% 100%
    );

  background-size:220% 100%;

  transition:
    background-position .45s ease;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card-live::before{
  background:
    linear-gradient(
      90deg,
      var(--amx-cyan) 0 34%,
      var(--amx-yellow) 34% 58%,
      var(--amx-code) 58% 100%
    ) !important;

  background-size:220% 100% !important;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:hover{
  animation-play-state:paused;

  transform:
    translateY(-9px)
    scale(1.012) !important;

  box-shadow:
    14px 16px 0 rgba(0,0,0,.13),
    0 22px 45px rgba(23,32,51,.12) !important;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:hover::before{
  background-position:100% 0;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:hover::after{
  animation-play-state:paused;

  transform:
    translate(-6px,-6px)
    scale(1.14);
}

/* ألوان Hover */

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(6n+1):hover{
  background:#fff5dc !important;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(6n+2):hover{
  background:#c8f0f5 !important;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(6n+3):hover{
  background:#d1dced !important;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(6n+4):hover{
  background:#ffe77a !important;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(6n+5):hover{
  background:#cfe9d5 !important;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(6n+6):hover{
  background:#e1d4ec !important;
}

/* =========================
   CARD TOP / ICON / BADGE
========================= */

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card-top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  gap:18px;

  margin-bottom:24px !important;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-icon{
  position:relative;
  overflow:hidden;

  width:54px;
  height:54px;

  display:grid !important;
  place-items:center;

  border:3px solid var(--amx-black);

  box-shadow:
    4px 4px 0 rgba(0,0,0,.10);

  font-size:25px !important;
  line-height:1 !important;

  animation:
    amxDeveloperIconMove 4.5s ease-in-out infinite;

  transform-origin:center;

  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    box-shadow .32s ease,
    background .32s ease;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(6n+1) .amx-tool-icon{
  background:var(--amx-yellow) !important;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(6n+2) .amx-tool-icon{
  background:#c6eff4 !important;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(6n+3) .amx-tool-icon{
  background:#ccd8e9 !important;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(6n+4) .amx-tool-icon{
  background:#fffaf0 !important;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(6n+5) .amx-tool-icon{
  background:#cde8d3 !important;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:nth-child(6n+6) .amx-tool-icon{
  background:#ddcfe9 !important;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-icon::after{
  content:"";

  position:absolute;
  inset:-40%;

  background:
    linear-gradient(
      120deg,
      transparent 35%,
      rgba(255,255,255,.85) 50%,
      transparent 65%
    );

  transform:
    translateX(-100%)
    rotate(12deg);

  transition:
    transform .55s ease;
}

@keyframes amxDeveloperIconMove{
  0%,
  100%{
    transform:
      translateY(0)
      rotate(0);
  }

  50%{
    transform:
      translateY(-3px)
      rotate(-2deg);
  }
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:hover .amx-tool-icon{
  animation-play-state:paused;

  transform:
    translateY(-4px)
    rotate(-4deg)
    scale(1.08);

  box-shadow:
    6px 6px 0 rgba(0,0,0,.14);
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:hover .amx-tool-icon::after{
  transform:
    translateX(100%)
    rotate(12deg);
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-badge{
  position:relative;
  overflow:hidden;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  min-height:34px;

  padding:9px 12px !important;

  background:#fffaf0 !important;
  color:var(--amx-black) !important;

  border:2px solid var(--amx-black) !important;

  font-size:9px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-transform:uppercase !important;

  animation:
    amxDeveloperBadgePulse 4s ease-in-out infinite;

  transition:
    transform .24s ease,
    box-shadow .24s ease;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card-live .amx-tool-badge{
  background:var(--amx-code) !important;
  color:#fff !important;
}

@keyframes amxDeveloperBadgePulse{
  0%,
  100%{
    transform:scale(1);
  }

  50%{
    transform:scale(1.025);
  }
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:hover .amx-tool-badge{
  animation-play-state:paused;

  transform:
    translateY(-3px)
    rotate(1deg);

  box-shadow:
    4px 4px 0 rgba(0,0,0,.12);
}

/* =========================
   TITLE / EXCERPT / META
========================= */

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-title{
  position:relative;

  display:inline-block;

  width:max-content;
  max-width:100%;

  margin:0 0 14px !important;

  color:var(--amx-ink) !important;

  font-size:clamp(23px,1.7vw,31px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  font-weight:950 !important;

  transition:
    transform .25s ease,
    color .25s ease;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-title::after{
  content:"";

  position:absolute;
  left:0;
  bottom:-6px;

  width:0;
  height:5px;

  background:var(--amx-cyan);

  transition:
    width .32s ease;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:hover .amx-tool-title{
  transform:translateX(4px);
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:hover .amx-tool-title::after{
  width:54%;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-excerpt{
  margin:0 0 24px !important;

  color:var(--amx-muted) !important;

  font-size:14px !important;
  line-height:1.58 !important;
  font-weight:600 !important;

  transition:
    transform .28s ease,
    color .28s ease;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:hover .amx-tool-excerpt{
  transform:translateY(-2px);
  color:#303640 !important;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-meta{
  margin-top:auto !important;
  padding-top:20px !important;

  color:var(--amx-black) !important;

  border-top:
    2px solid rgba(17,17,17,.15);

  font-size:10px !important;
  line-height:1.2 !important;
  font-weight:950 !important;

  text-transform:uppercase !important;
}

/* =========================
   ACTION BUTTON
========================= */

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-action{
  position:relative;
  overflow:hidden;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  gap:10px;

  width:max-content;
  min-height:48px;

  margin-top:18px !important;
  padding:13px 18px !important;

  background:var(--amx-black) !important;
  color:#fff !important;

  border:3px solid var(--amx-black) !important;

  box-shadow:
    4px 4px 0 rgba(0,0,0,.11);

  text-decoration:none !important;
  text-transform:uppercase !important;

  font-size:10px !important;
  line-height:1 !important;
  font-weight:950 !important;

  transition:
    transform .18s ease,
    background .18s ease,
    color .18s ease,
    box-shadow .18s ease;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-action::after{
  content:"→";

  display:inline-flex;
  align-items:center;
  justify-content:center;

  font-size:13px;

  transform:translateX(-5px);
  opacity:0;

  transition:
    transform .22s ease,
    opacity .22s ease;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card:hover .amx-tool-action::after{
  transform:translateX(0);
  opacity:1;
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card-live:hover .amx-tool-action{
  background:var(--amx-cyan) !important;
  color:var(--amx-black) !important;

  transform:translate(-2px,-2px);

  box-shadow:
    6px 6px 0 rgba(0,0,0,.15);
}

.elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-action-disabled{
  background:transparent !important;
  color:var(--amx-black) !important;

  box-shadow:none !important;

  opacity:.60;
  pointer-events:none;
}

/* =========================
   RESPONSIVE
========================= */

@media(min-width:1850px){

  .elementor-982 .elementor-element.elementor-element-0b4bfed{
    padding-left:42px;
    padding-right:42px;
  }

  .elementor-982 .elementor-element.elementor-element-0b4bfed > .elementor-widget-container{
    max-width:1780px;
  }
}

@media(max-width:1050px){

  .elementor-982 .elementor-element.elementor-element-0b4bfed .amx-section-head{
    grid-template-columns:1fr;
  }

  .elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tools-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }

  .elementor-982 .elementor-element.elementor-element-0b4bfed .amx-section-link{
    width:max-content;
  }
}

@media(max-width:700px){

  .elementor-982 .elementor-element.elementor-element-0b4bfed{
    padding:56px 18px 66px;
  }

  .elementor-982 .elementor-element.elementor-element-0b4bfed .amx-section-head{
    padding:28px 23px !important;
  }

  .elementor-982 .elementor-element.elementor-element-0b4bfed .amx-section-head::before{
    width:180px;
    height:180px;
    right:-70px;
    top:-75px;
  }

  .elementor-982 .elementor-element.elementor-element-0b4bfed .amx-section-head::after{
    right:22px;
    top:22px;
    font-size:48px;
  }

  .elementor-982 .elementor-element.elementor-element-0b4bfed .amx-section-head h2{
    font-size:40px !important;
  }

  .elementor-982 .elementor-element.elementor-element-0b4bfed .amx-category-description{
    font-size:15px !important;
  }

  .elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tools-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }

  .elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card{
    min-height:310px;
    padding:24px !important;

    animation:
      amxDeveloperCardEnter .5s ease both,
      amxDeveloperCardFloatMobile 6.5s ease-in-out infinite;
  }

  @keyframes amxDeveloperCardFloatMobile{
    0%,
    100%{
      transform:translateY(0);
    }

    50%{
      transform:translateY(-2px);
    }
  }

  .elementor-982 .elementor-element.elementor-element-0b4bfed .amx-section-link{
    width:100%;
  }
}

@media(prefers-reduced-motion:reduce){

  .elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card,
  .elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-icon,
  .elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-badge,
  .elementor-982 .elementor-element.elementor-element-0b4bfed .amx-tool-card::after{
    animation:none !important;
    transition:none !important;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8c7ec95 */.elementor-982 .elementor-element.elementor-element-8c7ec95{
  --amx-bg:#f4efe5;
  --amx-card:#fffaf0;
  --amx-ink:#172033;
  --amx-black:#111111;
  --amx-muted:#555a64;
  --amx-yellow:#ffd900;
  --amx-yellow-soft:#fff0a8;
  --amx-blue:#0b66ff;
  --amx-data:#2aa876;
  --amx-data-soft:#dff4ea;
  --amx-cyan:#48c7d9;
  --amx-cyan-soft:#d9f7fb;
  --amx-purple:#eee5f5;
  --amx-orange:#f7e4d9;

  position:relative;
  left:50%;
  width:100vw;
  max-width:100vw;
  margin-left:-50vw;
  margin-right:-50vw;

  background:
    linear-gradient(
      rgba(17,17,17,.045) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(17,17,17,.045) 1px,
      transparent 1px
    ),
    var(--amx-bg);

  background-size:32px 32px;
  padding:78px 34px 90px;
  border-bottom:4px solid var(--amx-black);

  font-family:Inter,Arial,sans-serif;
  overflow:hidden;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95,
.elementor-982 .elementor-element.elementor-element-8c7ec95 *{
  box-sizing:border-box;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 > .elementor-widget-container{
  width:100%;
  max-width:1680px;
  margin:0 auto;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-category-section{
  position:relative;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* =========================
   HEADER — DATA CLEANING 09
========================= */

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-section-head{
  position:relative;

  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:40px;

  margin:0 0 42px !important;
  padding:40px !important;

  background:var(--amx-card) !important;
  border:4px solid var(--amx-black) !important;

  box-shadow:
    11px 11px 0 rgba(0,0,0,.10);

  overflow:hidden;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-section-head::before{
  content:"";

  position:absolute;
  right:-75px;
  top:-90px;

  width:230px;
  height:230px;

  border-radius:50%;

  background:
    linear-gradient(
      135deg,
      var(--amx-data),
      var(--amx-data-soft)
    );

  border:4px solid var(--amx-black);

  opacity:.88;
  pointer-events:none;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-section-head::after{
  content:"09";

  position:absolute;
  right:42px;
  top:28px;

  color:var(--amx-black);

  font-size:62px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.06em;

  opacity:.11;
  pointer-events:none;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-section-head > *{
  position:relative;
  z-index:2;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-section-kicker{
  display:inline-flex !important;
  align-items:center;
  gap:9px;

  width:max-content;

  margin:0 0 18px !important;
  padding:11px 15px !important;

  background:var(--amx-yellow) !important;
  color:var(--amx-black) !important;

  border:3px solid var(--amx-black) !important;

  box-shadow:
    5px 5px 0 rgba(0,0,0,.11);

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-transform:uppercase;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-section-kicker::before{
  content:"≋";

  width:23px;
  height:23px;

  display:grid;
  place-items:center;

  background:var(--amx-black);
  color:#fff;

  font-size:15px;
  line-height:1;
  font-weight:1000;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-section-head h2{
  max-width:1000px;

  margin:0 !important;

  color:var(--amx-ink) !important;

  font-size:clamp(44px,5vw,76px) !important;
  line-height:.91 !important;
  letter-spacing:-.065em !important;
  font-weight:950 !important;

  text-transform:uppercase !important;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-category-description{
  max-width:850px;

  margin:18px 0 0 !important;

  color:var(--amx-muted) !important;

  font-size:17px !important;
  line-height:1.6 !important;
  font-weight:600 !important;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-count{
  display:inline-flex !important;
  align-items:center;

  width:max-content;

  margin:22px 0 0 !important;
  padding:10px 13px !important;

  background:#fff !important;
  color:var(--amx-black) !important;

  border:2px solid var(--amx-black) !important;

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-transform:uppercase !important;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-section-link{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  min-width:190px;
  min-height:56px;

  padding:15px 22px !important;

  background:var(--amx-black) !important;
  color:#fff !important;

  border:3px solid var(--amx-black) !important;

  box-shadow:
    5px 5px 0 rgba(0,0,0,.13);

  text-decoration:none !important;
  text-transform:uppercase;

  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease,
    color .18s ease;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-section-link:hover{
  background:var(--amx-data) !important;
  color:#fff !important;

  transform:translate(-2px,-2px);

  box-shadow:
    7px 7px 0 rgba(0,0,0,.17);
}

/* =========================
   GRID
========================= */

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tools-grid{
  display:grid !important;

  grid-template-columns:
    repeat(3,minmax(0,1fr)) !important;

  gap:26px !important;
  margin:0 !important;

  perspective:1400px;
}

/* =========================
   TOOL CARDS
========================= */

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card{
  position:relative;
  isolation:isolate;

  min-height:350px;

  display:flex !important;
  flex-direction:column !important;

  padding:28px !important;

  color:var(--amx-ink) !important;

  border:3px solid var(--amx-black) !important;
  border-radius:0 !important;

  box-shadow:
    8px 8px 0 rgba(0,0,0,.09) !important;

  overflow:hidden;
  transform-style:preserve-3d;

  animation:
    amxDataCardEnter .55s ease both,
    amxDataCardFloat 6s ease-in-out infinite;

  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    box-shadow .32s ease,
    background .32s ease;

  will-change:transform;
}

/* ألوان البطاقات */

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(6n+1){
  background:#fffaf0 !important;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(6n+2){
  background:#dff4ea !important;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(6n+3){
  background:#d9f7fb !important;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(6n+4){
  background:#fff0a8 !important;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(6n+5){
  background:#eee5f5 !important;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(6n+6){
  background:#f7e4d9 !important;
}

/* تأخير الحركات */

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(1){
  animation-delay:.04s,.2s;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(2){
  animation-delay:.09s,.7s;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(3){
  animation-delay:.14s,1.2s;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(4){
  animation-delay:.19s,1.7s;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(5){
  animation-delay:.24s,2.2s;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(6){
  animation-delay:.29s,2.7s;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(7){
  animation-delay:.34s,3.2s;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(8){
  animation-delay:.39s,3.7s;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(9){
  animation-delay:.44s,4.2s;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(10){
  animation-delay:.49s,4.7s;
}

@keyframes amxDataCardEnter{
  from{
    opacity:0;

    transform:
      translateY(22px)
      scale(.985);
  }

  to{
    opacity:1;

    transform:
      translateY(0)
      scale(1);
  }
}

@keyframes amxDataCardFloat{
  0%,
  100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-4px);
  }
}

/* الزخرفة الخلفية */

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card::after{
  content:"";

  position:absolute;
  z-index:-1;

  right:-65px;
  bottom:-75px;

  width:190px;
  height:190px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(42,168,118,.28) 0 26%,
      rgba(72,199,217,.12) 27% 48%,
      transparent 49%
    );

  opacity:.74;

  animation:
    amxDataDecorMove 7s ease-in-out infinite;

  pointer-events:none;
}

@keyframes amxDataDecorMove{
  0%,
  100%{
    transform:
      translate(0,0)
      scale(.92);
  }

  50%{
    transform:
      translate(-5px,-4px)
      scale(1.04);
  }
}

/* الشريط العلوي */

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card::before{
  content:"";

  position:absolute;
  top:0;
  left:0;
  z-index:2;

  width:100%;
  height:8px;

  background:
    linear-gradient(
      90deg,
      var(--amx-data) 0 34%,
      var(--amx-black) 34% 42%,
      var(--amx-data) 42% 100%
    );

  background-size:220% 100%;

  transition:
    background-position .45s ease;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card-live::before{
  background:
    linear-gradient(
      90deg,
      var(--amx-data) 0 34%,
      var(--amx-yellow) 34% 58%,
      var(--amx-cyan) 58% 100%
    ) !important;

  background-size:220% 100% !important;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:hover{
  animation-play-state:paused;

  transform:
    translateY(-9px)
    scale(1.012) !important;

  box-shadow:
    14px 16px 0 rgba(0,0,0,.13),
    0 22px 45px rgba(23,32,51,.12) !important;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:hover::before{
  background-position:100% 0;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:hover::after{
  animation-play-state:paused;

  transform:
    translate(-6px,-6px)
    scale(1.14);
}

/* ألوان Hover */

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(6n+1):hover{
  background:#fff5dc !important;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(6n+2):hover{
  background:#cfeadf !important;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(6n+3):hover{
  background:#c8f0f5 !important;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(6n+4):hover{
  background:#ffe77a !important;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(6n+5):hover{
  background:#e1d4ec !important;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(6n+6):hover{
  background:#f0d3c2 !important;
}

/* =========================
   CARD TOP / ICON / BADGE
========================= */

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card-top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  gap:18px;

  margin-bottom:24px !important;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-icon{
  position:relative;
  overflow:hidden;

  width:54px;
  height:54px;

  display:grid !important;
  place-items:center;

  border:3px solid var(--amx-black);

  box-shadow:
    4px 4px 0 rgba(0,0,0,.10);

  font-size:25px !important;
  line-height:1 !important;

  animation:
    amxDataIconMove 4.5s ease-in-out infinite;

  transform-origin:center;

  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    box-shadow .32s ease,
    background .32s ease;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(6n+1) .amx-tool-icon{
  background:var(--amx-yellow) !important;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(6n+2) .amx-tool-icon{
  background:#cbe8da !important;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(6n+3) .amx-tool-icon{
  background:#c6eff4 !important;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(6n+4) .amx-tool-icon{
  background:#fffaf0 !important;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(6n+5) .amx-tool-icon{
  background:#ddcfe9 !important;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:nth-child(6n+6) .amx-tool-icon{
  background:#f1d1bf !important;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-icon::after{
  content:"";

  position:absolute;
  inset:-40%;

  background:
    linear-gradient(
      120deg,
      transparent 35%,
      rgba(255,255,255,.85) 50%,
      transparent 65%
    );

  transform:
    translateX(-100%)
    rotate(12deg);

  transition:
    transform .55s ease;
}

@keyframes amxDataIconMove{
  0%,
  100%{
    transform:
      translateY(0)
      rotate(0);
  }

  50%{
    transform:
      translateY(-3px)
      rotate(-2deg);
  }
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:hover .amx-tool-icon{
  animation-play-state:paused;

  transform:
    translateY(-4px)
    rotate(-4deg)
    scale(1.08);

  box-shadow:
    6px 6px 0 rgba(0,0,0,.14);
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:hover .amx-tool-icon::after{
  transform:
    translateX(100%)
    rotate(12deg);
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-badge{
  position:relative;
  overflow:hidden;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  min-height:34px;

  padding:9px 12px !important;

  background:#fffaf0 !important;
  color:var(--amx-black) !important;

  border:2px solid var(--amx-black) !important;

  font-size:9px !important;
  line-height:1 !important;
  font-weight:950 !important;

  text-transform:uppercase !important;

  animation:
    amxDataBadgePulse 4s ease-in-out infinite;

  transition:
    transform .24s ease,
    box-shadow .24s ease;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card-live .amx-tool-badge{
  background:var(--amx-data) !important;
  color:#fff !important;
}

@keyframes amxDataBadgePulse{
  0%,
  100%{
    transform:scale(1);
  }

  50%{
    transform:scale(1.025);
  }
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:hover .amx-tool-badge{
  animation-play-state:paused;

  transform:
    translateY(-3px)
    rotate(1deg);

  box-shadow:
    4px 4px 0 rgba(0,0,0,.12);
}

/* =========================
   TITLE / EXCERPT / META
========================= */

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-title{
  position:relative;

  display:inline-block;

  width:max-content;
  max-width:100%;

  margin:0 0 14px !important;

  color:var(--amx-ink) !important;

  font-size:clamp(23px,1.7vw,31px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  font-weight:950 !important;

  transition:
    transform .25s ease,
    color .25s ease;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-title::after{
  content:"";

  position:absolute;
  left:0;
  bottom:-6px;

  width:0;
  height:5px;

  background:var(--amx-data);

  transition:
    width .32s ease;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:hover .amx-tool-title{
  transform:translateX(4px);
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:hover .amx-tool-title::after{
  width:54%;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-excerpt{
  margin:0 0 24px !important;

  color:var(--amx-muted) !important;

  font-size:14px !important;
  line-height:1.58 !important;
  font-weight:600 !important;

  transition:
    transform .28s ease,
    color .28s ease;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:hover .amx-tool-excerpt{
  transform:translateY(-2px);
  color:#303640 !important;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-meta{
  margin-top:auto !important;
  padding-top:20px !important;

  color:var(--amx-black) !important;

  border-top:
    2px solid rgba(17,17,17,.15);

  font-size:10px !important;
  line-height:1.2 !important;
  font-weight:950 !important;

  text-transform:uppercase !important;
}

/* =========================
   ACTION BUTTON
========================= */

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-action{
  position:relative;
  overflow:hidden;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  gap:10px;

  width:max-content;
  min-height:48px;

  margin-top:18px !important;
  padding:13px 18px !important;

  background:var(--amx-black) !important;
  color:#fff !important;

  border:3px solid var(--amx-black) !important;

  box-shadow:
    4px 4px 0 rgba(0,0,0,.11);

  text-decoration:none !important;
  text-transform:uppercase !important;

  font-size:10px !important;
  line-height:1 !important;
  font-weight:950 !important;

  transition:
    transform .18s ease,
    background .18s ease,
    color .18s ease,
    box-shadow .18s ease;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-action::after{
  content:"→";

  display:inline-flex;
  align-items:center;
  justify-content:center;

  font-size:13px;

  transform:translateX(-5px);
  opacity:0;

  transition:
    transform .22s ease,
    opacity .22s ease;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card:hover .amx-tool-action::after{
  transform:translateX(0);
  opacity:1;
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card-live:hover .amx-tool-action{
  background:var(--amx-data) !important;
  color:#fff !important;

  transform:translate(-2px,-2px);

  box-shadow:
    6px 6px 0 rgba(0,0,0,.15);
}

.elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-action-disabled{
  background:transparent !important;
  color:var(--amx-black) !important;

  box-shadow:none !important;

  opacity:.60;
  pointer-events:none;
}

/* =========================
   RESPONSIVE
========================= */

@media(min-width:1850px){

  .elementor-982 .elementor-element.elementor-element-8c7ec95{
    padding-left:42px;
    padding-right:42px;
  }

  .elementor-982 .elementor-element.elementor-element-8c7ec95 > .elementor-widget-container{
    max-width:1780px;
  }
}

@media(max-width:1050px){

  .elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-section-head{
    grid-template-columns:1fr;
  }

  .elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tools-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }

  .elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-section-link{
    width:max-content;
  }
}

@media(max-width:700px){

  .elementor-982 .elementor-element.elementor-element-8c7ec95{
    padding:56px 18px 66px;
  }

  .elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-section-head{
    padding:28px 23px !important;
  }

  .elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-section-head::before{
    width:180px;
    height:180px;
    right:-70px;
    top:-75px;
  }

  .elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-section-head::after{
    right:22px;
    top:22px;
    font-size:48px;
  }

  .elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-section-head h2{
    font-size:40px !important;
  }

  .elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-category-description{
    font-size:15px !important;
  }

  .elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tools-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }

  .elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card{
    min-height:310px;
    padding:24px !important;

    animation:
      amxDataCardEnter .5s ease both,
      amxDataCardFloatMobile 6.5s ease-in-out infinite;
  }

  @keyframes amxDataCardFloatMobile{
    0%,
    100%{
      transform:translateY(0);
    }

    50%{
      transform:translateY(-2px);
    }
  }

  .elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-section-link{
    width:100%;
  }
}

@media(prefers-reduced-motion:reduce){

  .elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card,
  .elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-icon,
  .elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-badge,
  .elementor-982 .elementor-element.elementor-element-8c7ec95 .amx-tool-card::after{
    animation:none !important;
    transition:none !important;
  }
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   ANIMOX TOOLS ARCHIVE — TEMPLATE 982
   PAGE WIDTH + CENTERING + CARD SAFETY
   ADSENSE UNFILLED SPACE FIX
   DOES NOT REPLACE INDIVIDUAL CATEGORY CSS
   ========================================================= */

body.elementor-page-982{
  --amx-tools-page-bg:#f4efe5;
  --amx-tools-page-ink:#172033;
  --amx-tools-page-black:#111111;
  --amx-tools-page-card:#fffaf0;
  --amx-tools-page-yellow:#ffd900;
  --amx-tools-page-blue:#0b66ff;

  --amx-tools-page-max:1540px;
  --amx-tools-page-inner:1450px;
  --amx-tools-page-side:26px;

  position:relative !important;

  display:block !important;

  width:100% !important;
  max-width:100% !important;

  margin:0 !important;

  padding:
    24px
    var(--amx-tools-page-side)
    34px !important;

  overflow-x:clip !important;

  background:
    linear-gradient(
      rgba(17,17,17,.04) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(17,17,17,.04) 1px,
      transparent 1px
    ),
    var(--amx-tools-page-bg) !important;

  background-size:32px 32px !important;

  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;

  mix-blend-mode:normal !important;

  transform:none !important;
}

body.elementor-page-982,
body.elementor-page-982 *,
body.elementor-page-982 *::before,
body.elementor-page-982 *::after{
  box-sizing:border-box;
}

/* =========================================================
   ELEMENTOR ROOT
   ========================================================= */

body.elementor-page-982 > .e-con,
body.elementor-page-982 > .elementor-container,
body.elementor-page-982 > .elementor-section,
body.elementor-page-982 .e-con.e-parent{
  position:relative !important;

  left:auto !important;
  right:auto !important;

  width:100% !important;
  max-width:var(--amx-tools-page-max) !important;

  margin-left:auto !important;
  margin-right:auto !important;

  padding-left:0 !important;
  padding-right:0 !important;

  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;

  mix-blend-mode:normal !important;

  transform:none !important;
}

body.elementor-page-982 > .e-con > .e-con-inner,
body.elementor-page-982 .e-con.e-parent > .e-con-inner,
body.elementor-page-982 .e-con-inner,
body.elementor-page-982 .elementor-container{
  width:100% !important;
  max-width:100% !important;

  margin-left:auto !important;
  margin-right:auto !important;

  padding-left:0 !important;
  padding-right:0 !important;
}

body.elementor-page-982 .e-con.e-child{
  width:100% !important;
  max-width:100% !important;

  margin-left:0 !important;
  margin-right:0 !important;

  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;

  mix-blend-mode:normal !important;
}

/* =========================================================
   ELEMENTOR WIDGETS
   ========================================================= */

body.elementor-page-982 .elementor-element,
body.elementor-page-982 .elementor-widget,
body.elementor-page-982 .elementor-widget-shortcode,
body.elementor-page-982 .elementor-widget-html{
  position:relative !important;

  left:auto !important;
  right:auto !important;

  max-width:100% !important;

  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;

  mix-blend-mode:normal !important;
}

body.elementor-page-982 .elementor-widget-shortcode,
body.elementor-page-982 .elementor-widget-html{
  width:100% !important;

  margin-left:0 !important;
  margin-right:0 !important;
}

body.elementor-page-982 .elementor-widget-shortcode > .elementor-widget-container,
body.elementor-page-982 .elementor-widget-html > .elementor-widget-container,
body.elementor-page-982 .elementor-shortcode{
  width:100% !important;
  max-width:100% !important;

  margin:0 !important;
  padding:0 !important;

  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;

  mix-blend-mode:normal !important;
}

/* =========================================================
   SPACE BETWEEN MAIN WIDGETS
   ========================================================= */

body.elementor-page-982 .elementor-widget-shortcode + .elementor-widget-shortcode,
body.elementor-page-982 .elementor-widget-html + .elementor-widget-shortcode,
body.elementor-page-982 .elementor-widget-shortcode + .elementor-widget-html{
  margin-top:26px !important;
}

/* =========================================================
   HERO
   ========================================================= */

body.elementor-page-982 .amx-tools-hero{
  position:relative !important;

  left:auto !important;
  right:auto !important;

  width:100% !important;
  max-width:100% !important;

  margin-left:0 !important;
  margin-right:0 !important;

  overflow:hidden !important;

  border-left:3px solid var(--amx-tools-page-black) !important;
  border-right:3px solid var(--amx-tools-page-black) !important;

  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;

  mix-blend-mode:normal !important;
}

body.elementor-page-982 .amx-tools-hero-shell{
  width:100% !important;
  max-width:var(--amx-tools-page-inner) !important;

  margin-left:auto !important;
  margin-right:auto !important;
}

body.elementor-page-982 .amx-tools-hero-copy,
body.elementor-page-982 .amx-tools-hero-visual{
  min-width:0 !important;

  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;
}

body.elementor-page-982 .amx-tools-hero-frame{
  max-width:100% !important;

  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;

  mix-blend-mode:normal !important;
}

body.elementor-page-982 .amx-tools-hero-image{
  display:block !important;

  max-width:100% !important;

  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;

  mix-blend-mode:normal !important;
}

body.elementor-page-982 .amx-tools-hero-floating{
  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;

  mix-blend-mode:normal !important;
}

body.elementor-page-982 .amx-tools-hero-category{
  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;

  mix-blend-mode:normal !important;
}

/* =========================================================
   CATEGORY SECTIONS
   KEEP EACH SECTION'S OWN COLORS
   ========================================================= */

body.elementor-page-982 .amx-category-section,
body.elementor-page-982 .animox-tools-engine.amx-category-section{
  position:relative !important;

  left:auto !important;
  right:auto !important;

  display:block !important;

  width:100% !important;
  max-width:100% !important;

  margin-left:0 !important;
  margin-right:0 !important;

  overflow:hidden !important;

  border-left:3px solid var(--amx-tools-page-black) !important;
  border-right:3px solid var(--amx-tools-page-black) !important;

  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;

  mix-blend-mode:normal !important;
}

/* =========================================================
   FIX ORIGINAL 100VW BREAKOUT
   ========================================================= */

body.elementor-page-982 .elementor-widget-shortcode{
  left:auto !important;

  width:100% !important;
  max-width:100% !important;

  margin-left:0 !important;
  margin-right:0 !important;
}

body.elementor-page-982 .elementor-widget-shortcode > .elementor-widget-container{
  width:100% !important;
  max-width:100% !important;

  margin-left:0 !important;
  margin-right:0 !important;
}

body.elementor-page-982 .elementor-widget-shortcode .amx-category-section{
  left:auto !important;
  right:auto !important;

  width:100% !important;
  max-width:100% !important;

  margin-left:0 !important;
  margin-right:0 !important;
}

/* =========================================================
   CATEGORY HEADER
   ========================================================= */

body.elementor-page-982 .amx-section-head{
  width:100% !important;
  max-width:100% !important;

  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;

  mix-blend-mode:normal !important;

  isolation:isolate !important;
}

body.elementor-page-982 .amx-section-head > *{
  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;

  mix-blend-mode:normal !important;
}

body.elementor-page-982 .amx-section-head h2,
body.elementor-page-982 .amx-section-kicker,
body.elementor-page-982 .amx-category-description,
body.elementor-page-982 .amx-tool-count,
body.elementor-page-982 .amx-section-link{
  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;

  mix-blend-mode:normal !important;
}

/* =========================================================
   TOOLS GRID
   ========================================================= */

body.elementor-page-982 .amx-tools-grid{
  position:relative !important;

  width:100% !important;
  max-width:100% !important;

  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;

  mix-blend-mode:normal !important;

  isolation:isolate !important;
}

/* =========================================================
   TOOL CARDS
   PROTECTION WITHOUT CHANGING THEIR COLORS
   ========================================================= */

body.elementor-page-982 .amx-tool-card{
  position:relative !important;

  min-width:0 !important;

  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;

  mix-blend-mode:normal !important;

  isolation:isolate !important;

  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
}

body.elementor-page-982 .amx-tool-card:nth-child(n){
  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;

  mix-blend-mode:normal !important;
}

body.elementor-page-982 .amx-tool-card > *,
body.elementor-page-982 .amx-tool-card-top,
body.elementor-page-982 .amx-tool-icon,
body.elementor-page-982 .amx-tool-badge,
body.elementor-page-982 .amx-tool-title,
body.elementor-page-982 .amx-tool-excerpt,
body.elementor-page-982 .amx-tool-meta,
body.elementor-page-982 .amx-tool-action{
  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;

  mix-blend-mode:normal !important;
}

/* =========================================================
   LIVE CARD
   ========================================================= */

body.elementor-page-982 .amx-tool-card-live{
  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;

  mix-blend-mode:normal !important;
}

body.elementor-page-982 .amx-tool-card-live .amx-tool-badge{
  opacity:1 !important;

  background:#0b66ff !important;
  color:#ffffff !important;
}

body.elementor-page-982 .amx-tool-card-live .amx-tool-action{
  opacity:1 !important;
  visibility:visible !important;
}

/* =========================================================
   COMING SOON CARD
   DO NOT FADE THE WHOLE CARD
   ========================================================= */

body.elementor-page-982 .amx-tool-card-coming-soon{
  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;

  mix-blend-mode:normal !important;
}

body.elementor-page-982 .amx-tool-card-coming-soon .amx-tool-title,
body.elementor-page-982 .amx-tool-card-coming-soon .amx-tool-excerpt,
body.elementor-page-982 .amx-tool-card-coming-soon .amx-tool-meta,
body.elementor-page-982 .amx-tool-card-coming-soon .amx-tool-icon{
  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;
}

body.elementor-page-982 .amx-tool-card-coming-soon .amx-tool-badge{
  opacity:1 !important;

  background:var(--amx-tools-page-yellow) !important;
  color:var(--amx-tools-page-black) !important;
}

body.elementor-page-982 .amx-tool-action-disabled{
  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;
}

/* =========================================================
   POSITION 2 SAFETY
   ========================================================= */

body.elementor-page-982 .e-con.e-parent:nth-child(2),
body.elementor-page-982 .e-con.e-parent:nth-of-type(2),
body.elementor-page-982 .elementor-element:nth-child(2),
body.elementor-page-982 .elementor-element:nth-of-type(2),
body.elementor-page-982 .elementor-widget-shortcode:nth-child(2),
body.elementor-page-982 .elementor-widget-shortcode:nth-of-type(2){
  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;

  mix-blend-mode:normal !important;
}

body.elementor-page-982 .e-con.e-parent:nth-child(2) *,
body.elementor-page-982 .e-con.e-parent:nth-of-type(2) *,
body.elementor-page-982 .elementor-element:nth-child(2) *,
body.elementor-page-982 .elementor-element:nth-of-type(2) *,
body.elementor-page-982 .elementor-widget-shortcode:nth-child(2) *,
body.elementor-page-982 .elementor-widget-shortcode:nth-of-type(2) *{
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;

  mix-blend-mode:normal !important;
}

body.elementor-page-982 .e-con.e-parent:nth-child(2) .amx-category-section,
body.elementor-page-982 .e-con.e-parent:nth-of-type(2) .amx-category-section,
body.elementor-page-982 .elementor-widget-shortcode:nth-child(2) .amx-category-section,
body.elementor-page-982 .elementor-widget-shortcode:nth-of-type(2) .amx-category-section,
body.elementor-page-982 .e-con.e-parent:nth-child(2) .amx-tool-card,
body.elementor-page-982 .e-con.e-parent:nth-of-type(2) .amx-tool-card,
body.elementor-page-982 .elementor-widget-shortcode:nth-child(2) .amx-tool-card,
body.elementor-page-982 .elementor-widget-shortcode:nth-of-type(2) .amx-tool-card{
  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;

  mix-blend-mode:normal !important;
}

/* =========================================================
   ELEMENTOR LAZY LOAD SAFETY
   ========================================================= */

body.elementor-page-982 .e-lazyloaded,
body.elementor-page-982 .e-no-lazyload,
body.elementor-page-982 [class*="e-lazy"]{
  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;
}

body.elementor-page-982 .elementor-invisible{
  visibility:visible !important;
}

/* =========================================================
   ADSENSE MANUAL AD ZONES
   KEEP 5 ADS + HIDE UNFILLED SPACES
   ========================================================= */

body.elementor-page-982 .amx-clean-ad-slot,
body.elementor-page-982 .amx-listing-ad-zone,
body.elementor-page-982 .amx-ad-zone,
body.elementor-page-982 .amx-tools-ad-zone,
body.elementor-page-982 [class*="ad-zone"]{
  position:relative !important;

  left:auto !important;
  right:auto !important;

  display:block;

  width:100% !important;
  max-width:var(--amx-tools-page-inner) !important;

  margin:46px auto !important;
  padding:0 20px !important;

  clear:both !important;

  opacity:1 !important;
  visibility:visible !important;

  filter:none !important;
  -webkit-filter:none !important;

  mix-blend-mode:normal !important;

  overflow:visible !important;

  text-align:center !important;
}

/* Advertisement label */

body.elementor-page-982 .amx-clean-ad-slot > div:first-child{
  display:block;

  margin-bottom:10px !important;

  color:#666 !important;

  font-family:Inter,Arial,sans-serif !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:.12em !important;

  text-align:center !important;
  text-transform:uppercase !important;
}

/* AdSense unit */

body.elementor-page-982 .amx-clean-ad-slot ins.adsbygoogle{
  display:block;

  width:100% !important;
  max-width:100% !important;

  margin:0 auto !important;

  opacity:1 !important;
  visibility:visible !important;

  overflow:visible !important;
}

/* AdSense internal wrapper */

body.elementor-page-982 .amx-clean-ad-slot ins.adsbygoogle > div{
  max-width:100% !important;

  margin-left:auto !important;
  margin-right:auto !important;
}

/* Google iframe */

body.elementor-page-982 .amx-clean-ad-slot ins.adsbygoogle iframe{
  display:block !important;

  max-width:100% !important;

  margin:0 auto !important;

  opacity:1 !important;
  visibility:visible !important;
}

/* =========================================================
   UNFILLED ADS
   REMOVE LABEL + HEIGHT + WRAPPER
   ========================================================= */

body.elementor-page-982 .amx-clean-ad-slot:has(
  ins.adsbygoogle[data-ad-status="unfilled"]
){
  display:none !important;

  width:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;

  overflow:hidden !important;

  opacity:0 !important;
  visibility:hidden !important;

  pointer-events:none !important;
}

body.elementor-page-982 .amx-clean-ad-slot
ins.adsbygoogle[data-ad-status="unfilled"]{
  display:none !important;

  width:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;

  overflow:hidden !important;

  opacity:0 !important;
  visibility:hidden !important;
}

body.elementor-page-982 .amx-clean-ad-slot
ins.adsbygoogle[data-ad-status="unfilled"] > div,
body.elementor-page-982 .amx-clean-ad-slot
ins.adsbygoogle[data-ad-status="unfilled"] iframe{
  display:none !important;

  width:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;

  margin:0 !important;
  padding:0 !important;
}

/* =========================================================
   FILLED ADS
   ========================================================= */

body.elementor-page-982 .amx-clean-ad-slot:has(
  ins.adsbygoogle[data-ad-status="filled"]
){
  display:block !important;

  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;

  margin:46px auto !important;
  padding:0 20px !important;

  overflow:visible !important;

  opacity:1 !important;
  visibility:visible !important;

  pointer-events:auto !important;
}

body.elementor-page-982 .amx-clean-ad-slot
ins.adsbygoogle[data-ad-status="filled"]{
  display:block !important;

  width:100% !important;
  max-width:100% !important;

  opacity:1 !important;
  visibility:visible !important;

  overflow:visible !important;
}

body.elementor-page-982 .amx-clean-ad-slot
ins.adsbygoogle[data-ad-status="filled"] iframe{
  display:block !important;

  max-width:100% !important;

  opacity:1 !important;
  visibility:visible !important;
}

/* =========================================================
   ADSENSE DONE BUT EMPTY SAFETY
   ========================================================= */

body.elementor-page-982 .amx-clean-ad-slot
ins.adsbygoogle[data-adsbygoogle-status="done"]:not([data-ad-status="filled"]){
  min-height:0 !important;
}

/* =========================================================
   MEDIA
   ========================================================= */

body.elementor-page-982 img,
body.elementor-page-982 video,
body.elementor-page-982 iframe,
body.elementor-page-982 svg{
  max-width:100%;
}

/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media(min-width:1850px){
  body.elementor-page-982{
    --amx-tools-page-max:1660px;
    --amx-tools-page-inner:1570px;
    --amx-tools-page-side:34px;
  }
}

/* =========================================================
   MEDIUM DESKTOP
   ========================================================= */

@media(max-width:1350px){
  body.elementor-page-982{
    --amx-tools-page-max:1180px;
    --amx-tools-page-inner:1120px;
    --amx-tools-page-side:22px;
  }
}

/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1050px){
  body.elementor-page-982{
    --amx-tools-page-max:100%;
    --amx-tools-page-inner:100%;
    --amx-tools-page-side:18px;
  }

  body.elementor-page-982 .elementor-widget-shortcode + .elementor-widget-shortcode,
  body.elementor-page-982 .elementor-widget-html + .elementor-widget-shortcode,
  body.elementor-page-982 .elementor-widget-shortcode + .elementor-widget-html{
    margin-top:22px !important;
  }

  body.elementor-page-982 .amx-clean-ad-slot,
  body.elementor-page-982 .amx-listing-ad-zone,
  body.elementor-page-982 .amx-ad-zone,
  body.elementor-page-982 .amx-tools-ad-zone,
  body.elementor-page-982 [class*="ad-zone"]{
    margin:36px auto !important;
    padding:0 14px !important;
  }

  body.elementor-page-982 .amx-clean-ad-slot:has(
    ins.adsbygoogle[data-ad-status="filled"]
  ){
    margin:36px auto !important;
    padding:0 14px !important;
  }

  body.elementor-page-982 .amx-clean-ad-slot:has(
    ins.adsbygoogle[data-ad-status="unfilled"]
  ){
    margin:0 !important;
    padding:0 !important;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px){
  body.elementor-page-982{
    --amx-tools-page-side:9px;

    padding:
      12px
      var(--amx-tools-page-side)
      20px !important;
  }

  body.elementor-page-982 .elementor-widget-shortcode + .elementor-widget-shortcode,
  body.elementor-page-982 .elementor-widget-html + .elementor-widget-shortcode,
  body.elementor-page-982 .elementor-widget-shortcode + .elementor-widget-html{
    margin-top:14px !important;
  }

  body.elementor-page-982 .amx-tools-hero,
  body.elementor-page-982 .amx-category-section,
  body.elementor-page-982 .animox-tools-engine.amx-category-section{
    border-left-width:2px !important;
    border-right-width:2px !important;
  }

  body.elementor-page-982 .amx-tools-grid{
    width:100% !important;
  }

  body.elementor-page-982 .amx-tool-card{
    width:100% !important;
    max-width:100% !important;
  }

  body.elementor-page-982 .amx-clean-ad-slot,
  body.elementor-page-982 .amx-listing-ad-zone,
  body.elementor-page-982 .amx-ad-zone,
  body.elementor-page-982 .amx-tools-ad-zone,
  body.elementor-page-982 [class*="ad-zone"]{
    margin:28px auto !important;
    padding:0 6px !important;
  }

  body.elementor-page-982 .amx-clean-ad-slot:has(
    ins.adsbygoogle[data-ad-status="filled"]
  ){
    margin:28px auto !important;
    padding:0 6px !important;
  }

  body.elementor-page-982 .amx-clean-ad-slot:has(
    ins.adsbygoogle[data-ad-status="unfilled"]
  ){
    margin:0 !important;
    padding:0 !important;
  }
}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media(max-width:430px){
  body.elementor-page-982{
    --amx-tools-page-side:6px;
  }

  body.elementor-page-982 .amx-clean-ad-slot,
  body.elementor-page-982 .amx-listing-ad-zone,
  body.elementor-page-982 .amx-ad-zone,
  body.elementor-page-982 .amx-tools-ad-zone,
  body.elementor-page-982 [class*="ad-zone"]{
    padding-left:2px !important;
    padding-right:2px !important;
  }

  body.elementor-page-982 .amx-clean-ad-slot:has(
    ins.adsbygoogle[data-ad-status="unfilled"]
  ){
    margin:0 !important;
    padding:0 !important;
  }
}

/* =========================================================
   ACCESSIBILITY
   ========================================================= */

body.elementor-page-982 a:focus-visible,
body.elementor-page-982 button:focus-visible,
body.elementor-page-982 input:focus-visible{
  outline:3px solid var(--amx-tools-page-blue) !important;
  outline-offset:4px !important;
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){
  body.elementor-page-982 *,
  body.elementor-page-982 *::before,
  body.elementor-page-982 *::after{
    animation:none !important;
    transition:none !important;
  }
}/* End custom CSS */