/* TITIZ KOOPERATIF - SEO SOLUTIONS */
.seo-solutions-section {
  position: relative;
  padding: 95px 0 105px;
  background: radial-gradient(circle at 10% 20%, rgba(53,177,83,.07), transparent 32%), radial-gradient(circle at 90% 15%, rgba(227,170,89,.08), transparent 30%), #f8faf8;
  overflow: hidden;
}
.seo-solutions-heading { max-width: 780px; margin: 0 auto 55px; }
.seo-solutions-kicker { display: inline-block; margin-bottom: 12px; font-size: 12px; font-weight: 700; letter-spacing: 2px; color: #4da95b; }
.seo-solutions-heading h2 { margin-bottom: 18px; font-size: 38px; line-height: 1.25; font-weight: 600; color: #26382b; }
.seo-solutions-heading p { margin: 0; font-size: 17px; line-height: 1.8; color: #6d786f; }
.seo-solutions-grid > div { margin-bottom: 28px; }
.seo-solution-card {
  position: relative; display: flex; align-items: flex-start; height: 100%; min-height: 235px;
  padding: 32px 30px; text-decoration: none; background: rgba(255,255,255,.93);
  border: 1px solid rgba(47,111,62,.10); border-radius: 22px; overflow: hidden;
  box-shadow: 0 8px 30px rgba(34,76,45,.06);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease, background .3s ease;
}
.seo-solution-card::before {
  content: ""; position: absolute; top: 0; left: 30px; right: 30px; height: 3px;
  background: linear-gradient(90deg,#50ae61,#8eb96a,#d7ad67); border-radius: 0 0 4px 4px;
  opacity: 0; transform: scaleX(.5); transition: opacity .3s ease, transform .3s ease;
}
.seo-solution-card:hover, .seo-solution-card:focus {
  transform: translateY(-7px); border-color: rgba(65,149,81,.23); text-decoration: none;
  box-shadow: 0 20px 45px rgba(35,79,46,.12); background: #fff; outline: none;
}
.seo-solution-card:focus-visible { box-shadow: 0 0 0 3px rgba(76,165,91,.28), 0 20px 45px rgba(35,79,46,.12); }
.seo-solution-card:hover::before, .seo-solution-card:focus::before { opacity: 1; transform: scaleX(1); }
.seo-solution-icon {
  flex: 0 0 58px; width: 58px; height: 58px; margin-right: 21px; display: flex;
  align-items: center; justify-content: center; border-radius: 17px;
  background: linear-gradient(135deg,rgba(76,176,93,.13),rgba(211,170,96,.12));
  color: #4ca55b; font-size: 22px; transition: transform .3s ease, background .3s ease;
}
.seo-solution-card:hover .seo-solution-icon, .seo-solution-card:focus .seo-solution-icon { transform: scale(1.07); background: linear-gradient(135deg,rgba(76,176,93,.18),rgba(211,170,96,.17)); }
.seo-solution-content { flex: 1; }
.seo-solution-content h3 { margin: 2px 0 12px; font-size: 19px; line-height: 1.35; font-weight: 600; color: #26382b; transition: color .25s ease; }
.seo-solution-content p { margin: 0 0 19px; font-size: 14.5px; line-height: 1.7; color: #768078; }
.seo-solution-link { display: inline-flex; align-items: center; font-size: 13px; font-weight: 600; color: #4b9f59; }
.seo-solution-link i { margin-left: 8px; font-size: 11px; transition: transform .3s ease; }
.seo-solution-card:hover .seo-solution-link i, .seo-solution-card:focus .seo-solution-link i { transform: translateX(5px); }
.seo-solution-card:hover h3, .seo-solution-card:focus h3 { color: #429451; }
@media (max-width: 991px) {
  .seo-solutions-section { padding: 75px 0 80px; }
  .seo-solutions-heading h2 { font-size: 32px; }
}
@media (max-width: 767px) {
  .seo-solutions-section { padding: 60px 0; }
  .seo-solutions-heading { margin-bottom: 38px; }
  .seo-solutions-heading h2 { font-size: 27px; line-height: 1.35; }
  .seo-solutions-heading p { font-size: 15px; line-height: 1.7; }
  .seo-solution-card { min-height: auto; padding: 26px 22px; border-radius: 18px; }
  .seo-solution-icon { flex-basis: 50px; width: 50px; height: 50px; margin-right: 17px; border-radius: 14px; font-size: 19px; }
  .seo-solution-content h3 { font-size: 17px; }
  .seo-solution-content p { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .seo-solution-card, .seo-solution-card::before, .seo-solution-icon, .seo-solution-link i { transition: none; }
}