.ai-agents-section{padding:10px 20px;background:#fff;font-family:"Inter",sans-serif;color:#0f1724}
.ai-agents-container{max-width:1400px;margin:0 auto}

.ai-agents-header{display:grid;grid-template-columns:1fr 575px;gap:24px;margin-bottom:28px;align-items:start}
.ai-badge1{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:27px;
  font-weight:600;
  font-size:13px;
  background-color:#fff;
  color:#000; 
  border:1px solid #3384FF;
  box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.25);

}
.ai-badge1 img{
  width:20px;
  height:20px;
}
.ai-title-block h2{font-size:38px;font-weight:800;color:#1f2937;line-height:1.1;letter-spacing:-0.02em;margin-top:10px}
.ai-title-block h2 span {
  display: block;
  background: linear-gradient(90deg, #3384FF, #1E40AF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text; /* for Firefox */
  color: transparent;
}

.ai-header-text{font-size:20px;line-height:1.6;color:#505050; text-align:center; font weight:5}

.ai-agents-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}
.ai-card{position:relative;border-radius:22px;padding:28px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:0 8px 28px rgba(15,23,42,0.06);transition:.25s ease transform}
.ai-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(2,6,23,0.12)}
.ai-card h3{font-size:24px;margin-bottom:10px;font-weight:700}
.ai-card p {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500; /* makes it bold */
  font-style: italic; /* makes it italic */
}

.ai-card-dark{grid-column:span 7;background:linear-gradient(135deg,#081019,#142027);color:#fff}
.ai-card-green{grid-column:span 5;background:linear-gradient(90deg,#80D4AE,#55BD90);color:#072217}
.ai-card-pale{grid-column:span 5;background:linear-gradient(90deg,#DCF0E6,#DCEFE9 );color:#0b1b18}
.ai-card-white{grid-column:span 7;background-color:#ECF4F3;color:#0b1b18}
.ai-card-wide{grid-column:span 12;background-color:#F4FBF3;color:#0b1b18;min-height:160px}

.ai-icon{
/*     max-height: 220px; */
    margin-bottom: 18px;
    object-fit: cover;
    width: 100%;}
.ai-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:18px}
.ai-circle{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,0.18);backdrop-filter:blur(6px);cursor:pointer}
.ai-profile{width:40px;height:40px;object-fit:fit}

/* right blur overlays */
.ai-blur{position:absolute;right:-60px;top:0;width:30%;height:100%;opacity:0.5;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:5}
.ai-blur-dark{background:linear-gradient(90deg,#41544C,#1B4F39 )}
.ai-blur-green{background:linear-gradient(90deg,#169E65,#169E65)}
.ai-blur-pale{background:linear-gradient(90deg,#DDF0E8,#F4FBF3 )}
.ai-blur-white{background:linear-gradient(90deg,#ECF4F3,#ECF4F3 )}
.ai-blur-blue{background:linear-gradient(90deg,#F4FBF3,#F4FBF3)}

.ai-cta-wrap{display:flex;justify-content:center;margin-top:28px}
.ai-cta{ background: linear-gradient(90deg,#00BB5C,#008D60);color:#fff;padding:12px 26px;border-radius:6px;font-weight:700;box-shadow:0 8px 22px rgba(14,160,106,0.16);border:0;cursor:pointer; position:relative;}
.ai-cta img{
width:20px;
height:20px;
}
/* .ai-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px; /* border thickness */
/*   border-radius: 6px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.85) 0%,
    rgba(30, 64, 175, 0.38) 0%,
    rgba(255, 255, 255, 1) 15%,
    rgba(255, 255, 255, 1) 59%,
    rgba(142, 159, 215, 0.69) 93%,
    rgba(255, 255, 255, 0.69) 95%
  );
  box-sizing: border-box;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
} */
/* responsive */
@media(max-width:820px){
  .ai-agents-header{grid-template-columns:1fr;gap:12px}
  .ai-agents-grid{grid-template-columns:repeat(6,1fr);gap:14px}
  .ai-card-dark,.ai-card-green{grid-column:span 6}
  .ai-card-pale,.ai-card-white{grid-column:span 3}
  .ai-card-wide{grid-column:span 6}
  .ai-blur{display:none}
}
@media(max-width:480px){
  .ai-agents-section{padding:28px 14px}
  .ai-title-block h2{font-size:24px}
  .ai-agents-grid{grid-template-columns:1fr}
  .ai-card{border-radius:14px;padding:18px}
/*   .ai-cta{width:100%} */
   .ai-header-text{ 
  text-align:left;
  }
}
/* ====== Enhanced Responsive Styling ====== */

/* Tablet adjustments */
@media (max-width: 992px) {
  .ai-agents-header {
    grid-template-columns: 1fr;
    text-align: left;
  }
 .ai-header-text{ 
  text-align:left;
  }
  
  .ai-agents-grid {
    grid-template-columns: 1fr 1fr;
    gap: 18px;
  }

  .ai-card {
    grid-column: span 1 !important;
  }

  .ai-icon {
    width: 100%;
    height: auto;
  }

  .ai-profile {
    width: 36px;
    height: 36px;
  }
}

/* Mobile adjustments */
@media (max-width: 600px) {
  .ai-agents-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  
   .ai-header-text{ 
  text-align:left;
  }

  .ai-card {
    grid-column: span 1 !important;
    padding: 20px;
  }

  .ai-icon {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .ai-profile {
    width: 34px;
    height: 34px;
  }

  .ai-agents-header {
    grid-template-columns: 1fr;
    text-align: left;
  }

/*   .ai-cta {
    width: 100%;
  } */
}

/* Tiny devices (extra safety) */
@media (max-width: 400px) {
  .ai-header-text{ 
  text-align:left;
  }
  .ai-card {
    padding: 16px;
  }

  .ai-card h3 {
    font-size: 18px;
  }

  .ai-card p {
    font-size: 14px;
  }

  .ai-profile {
    width: 30px;
    height: 30px;
  }
}
.ai-card-top img {
/*   height: 350px; /* fixed uniform height for all images */ */ */
  object-fit: contain; /* ensures proportional cropping */
  width: 100%;
  border-radius: 10px; /* optional: keeps visual smoothness */
}