/* Category cards - arrow stays visible on card hover (all screens) */
.cs_card_style_1:hover .cs_arrow_btn {
  color: var(--white-color);
  border-color: var(--white-color);
}

/* Stats counter - 2x2 on tablet & small laptop (576px - 1199px) */
@media (min-width: 576px) and (max-width: 1199px) {
  .cs_about_style_5 .cs_funfact_wrapper_1 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 15px;
  }
  .cs_about_style_5 .cs_funfact_style_1 {
    width: auto;
  }
  .cs_about_style_5 .cs_funfact_style_1:nth-child(odd) {
    padding-left: 0;
  }
  .cs_about_style_5 .cs_funfact_style_1:nth-child(odd)::before {
    display: none;
  }
}

/* Stats counter - all 4 in one row on desktop (1200px+) */
@media (min-width: 1200px) {
  .cs_about_style_5 .cs_funfact_wrapper_1 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
  }
  .cs_about_style_5 .cs_funfact_style_1 {
    width: auto;
  }
}

/* Contact form - single column on mobile */
@media (max-width: 575px) {
  .cs_contact_form_1 .cs_contact_form_item,
  .cs_contact_form_1 .cs_contact_form_item:nth-child(5),
  .cs_contact_form_1 .cs_contact_form_item:nth-child(6) {
    grid-column: 1 / -1;
  }
}
/* Button arrow circle - keep aligned when text wraps to 2 lines */
.cs_btn_style_1::before {
  top: 50%;
  margin-top: -15px;
}
.cs_btn_style_1 .cs_btn_icon {
  flex-shrink: 0;
}