/* ===== SOCA Home – About Us (Elementor) [v2] ===== */

.home-about {
  --gap: clamp(24px, 4vw, 40px);
  --card-bg: #f3f4f6;
  --card-radius: 16px;
  --card-pad: clamp(20px, 4vw, 32px);
  --card-shadow: 0 10px 24px rgba(17,24,39,.08);
  --ink: #0f172a;
  --ink-mute: #334155;
  --brand-blue: #1fb6ff;
  --brand-purple: #6e2bff;
  --cta-hover: #541bd6;
}

/* gaps within the section */
.home-about :where(.elementor-container, .e-con-inner, .elementor-row) {
  gap: var(--gap);
}

/* LEFT image column */
.home-about .about-media :where(img, .elementor-widget-image img) {
  width: 100%;
  height: clamp(260px, 38vw, 440px) !important;
  object-fit: cover;
  border-radius: 14px !important;
  display: block;
}

/* RIGHT text card */
.home-about .about-card {
  background: var(--card-bg) !important;
  border-radius: var(--card-radius) !important;
  box-shadow: var(--card-shadow);
  padding: var(--card-pad) !important;
}

/* inner spacing */
.home-about .about-card .elementor-widget:not(:last-child) {
  margin-bottom: clamp(8px, 1.8vw, 16px) !important;
}

/* badge */
.home-about .about-badge {
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 700;
  font-size: clamp(11px, 1.3vw, 12px);
  color: var(--brand-purple);
  margin-bottom: 6px !important;
}

/* heading */
.home-about .about-heading {
  color: var(--brand-blue) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  font-size: clamp(22px, 3vw, 28px) !important;
}

/* body text */
.home-about .about-card :where(.elementor-widget-text-editor, p) {
  color: var(--ink) !important;
  line-height: 1.6 !important;
  max-width: 62ch;
}

/* button */
.home-about .about-cta :where(.elementor-button, a.elementor-button) {
  background: var(--brand-purple) !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 14px 22px !important;
  font-weight: 700 !important;
  border: none !important;
  box-shadow: 0 6px 14px rgba(110, 43, 255, .25);
}
.home-about .about-cta :where(.elementor-button, a.elementor-button):hover {
  background: var(--cta-hover) !important;
  transform: translateY(-1px);
}

/* optional: spacing under any logos/carousels below card */
.home-about :where(.elementor-widget-image-carousel, .elementor-widget-shortcode) {
  margin-top: clamp(10px, 1.6vw, 14px);
}

/* responsive */
@media (max-width:1024px){
  .home-about .about-media :where(img, .elementor-widget-image img){
    height: clamp(240px, 45vw, 380px) !important;
  }
  .home-about .about-card{
    padding: clamp(18px, 3.6vw, 28px) !important;
  }
}
@media (max-width:767px){
  .home-about :where(.elementor-container, .e-con-inner, .elementor-row){
    gap: clamp(18px, 5vw, 24px);
  }
  .home-about .about-card{
    border-radius: 14px !important;
    padding: clamp(16px, 5vw, 22px) !important;
  }
  .home-about .about-media :where(img, .elementor-widget-image img){
    height: clamp(200px, 56vw, 320px) !important;
    border-radius: 12px !important;
  }
}
.home-about { background: rgba(255,0,0,.05) !important; }