:focus-visible {
  outline: 2px dashed #8bc34a;
  outline-offset: 3px;
}

#menu-btn,
#btn-extra,
#btn-close {
  cursor: pointer;
}

.form-error {
  color: #c0392b;
  font-size: 0.9rem;
  margin-top: 0.5rem;
}

.form-success {
  color: #2e7d32;
  font-size: 0.9rem;
  margin-top: 0.5rem;
}

.seo-main-card,
.seo-link-card,
.seo-faq-wrap {
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 30px rgb(0 0 0 / 5%);
}

.seo-main-card h2,
.seo-faq-section h2 {
  line-height: 1.25;
}

.seo-link-card {
  position: relative;
  overflow: hidden;
}

.seo-link-card h3,
.seo-link-card p,
.seo-link-card .ul-style-2 li {
  color: #ffffff;
}

.seo-link-card a {
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.6);
}

.seo-link-card a:hover {
  color: #ffffff;
  border-bottom-color: #ffffff;
}

.seo-link-card .ul-style-2 li {
  margin-bottom: 10px;
}

.seo-link-card .ul-style-2 li:last-child {
  margin-bottom: 0;
}

.seo-link-card .ul-style-2 li:before {
  color: #ffffff;
}

.seo-faq-wrap .accordion-section-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 18px 0;
  font-size: 19px;
  line-height: 1.35;
}

.seo-faq-wrap .accordion-section-title:before {
  color: var(--primary-color);
  background: rgba(var(--primary-color-rgb), 0.06);
}

.seo-faq-wrap .accordion-section-title.active {
  color: var(--primary-color);
}

.seo-faq-wrap .accordion-section:last-child .accordion-section-title {
  border-bottom: none;
}

.seo-faq-wrap .accordion-section-content {
  padding-top: 6px;
  padding-bottom: 18px;
}

.seo-faq-wrap .accordion-section-content p {
  margin-bottom: 0;
}

@media (max-width: 767.98px) {
  .seo-main-card,
  .seo-link-card,
  .seo-faq-wrap {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
  }

  .seo-faq-wrap .accordion-section-title {
    font-size: 18px;
  }
}