/* =========================================
   RedMinds – Comprehensive Solutions (Elementor Widget)
   Internal-use widget. All rights reserved © RedMinds Technologies.
   ========================================= */

/* Backward compatible class:
   - root output includes: .mysp-cs rm-cs
   - we keep existing BEM class names (.mysp-cs__*) to avoid breaking old Elementor content
*/

.mysp-cs,
.rm-cs{
  /* Brand + theme tokens */
  --mysp-primary:#b44f47;
  --mysp-ink:#0D121B;
  --mysp-muted:#667085;
  --mysp-border: rgba(13,18,27,0.12);

  /* Layout tokens */
  --mysp-cols: 3;
  --mysp-gap: 18px;

  /* Divider tokens */
  --mysp-divider-color: rgba(13,18,27,0.12);
  --mysp-divider-style: dashed;
  --mysp-divider-width: 1px;

  /* Effects */
  --mysp-shadow: 0 18px 55px rgba(13,18,27,0.10);

  width: 100%;
}

.mysp-cs__panel{
  background:#fff;
  border:1px solid var(--mysp-border);
  border-radius: 18px;
  padding: 46px 42px;
  box-shadow: var(--mysp-shadow);
}
@media (max-width: 767px){
  .mysp-cs__panel{ padding: 26px 18px; border-radius: 16px; }
}

.mysp-cs__kicker{
  display:inline-block;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--mysp-primary);
  margin-bottom: 10px;
}

.mysp-cs__title{
  margin:0;
  color: var(--mysp-ink);
  font-weight: 950;
  font-size: 34px;
  letter-spacing: -0.02em;
}

.mysp-cs__sub{
  margin: 10px 0 0;
  color: var(--mysp-muted);
  max-width: 760px;
  line-height: 1.7;
  font-size: 14px;
}

.mysp-cs__grid{
  display:grid;
  grid-template-columns: repeat(var(--mysp-cols), minmax(0, 1fr));
  gap: var(--mysp-gap);
  margin-top: 18px;
}

@media (max-width: 900px){
  /* Sensible default if user doesn’t set responsive controls */
  .mysp-cs{ --mysp-cols: 1; }
}

.mysp-cs__item{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  padding: 12px 0;
  border-bottom: var(--mysp-divider-width) var(--mysp-divider-style) var(--mysp-divider-color);
}

.mysp-cs__ico{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: rgba(180,79,71,0.10);
  background: color-mix(in srgb, var(--mysp-primary) 12%, transparent);
  color: var(--mysp-primary);
  display:flex;
  align-items:center;
  justify-content:center;
  flex: 0 0 auto;
}
.mysp-cs__ico svg{ width: 18px; height: 18px; fill: currentColor; display:block; }

.mysp-cs__h4{
  margin: 0 0 4px;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--mysp-ink);
}

.mysp-cs__p{
  margin:0;
  color: var(--mysp-muted);
  font-size: 13px;
  line-height: 1.55;
}

.mysp-cs__credit{
  margin-top: 16px;
  font-size: 12px;
  color: var(--mysp-muted);
}
.mysp-cs__credit a{
  color: var(--mysp-primary);
  font-weight: 900;
  text-decoration: none;
}
.mysp-cs__credit a:hover{ text-decoration: underline; }