.elementor-42857 .elementor-element.elementor-element-2d1a426{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-42857 .elementor-element.elementor-element-2d1a426:not(.elementor-motion-effects-element-type-background), .elementor-42857 .elementor-element.elementor-element-2d1a426 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#050505;}.elementor-42857 .elementor-element.elementor-element-3a8c68d{--spacer-size:115px;}.elementor-42857 .elementor-element.elementor-element-196071f{padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-196071f */@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&family=Roboto:wght@400;500;700&display=swap");

.wv-mini-story-section {
  background-color: #f8fafc; /* Very soft slate/grey to separate it from pure white sections */
  padding: 80px 20px;
  font-family: "Roboto", sans-serif;
  border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
}

.wv-mini-story-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 80px;
}

/* --- Left Column --- */
.wv-mini-story-intro {
  flex: 0 0 40%;
}

.wv-badge-outline {
  display: inline-block;
  color: #00B4D8; /* Web Vine Cyan */
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 0.8rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 6px 12px;
  border: 1px solid rgba(0, 180, 216, 0.4);
  border-radius: 4px;
  margin-bottom: 20px;
}

.wv-mini-story-heading {
  font-family: "Montserrat", sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  color: #0f172a; /* Deep Navy */
  line-height: 1.2;
  margin: 0 0 30px 0;
  letter-spacing: -0.5px;
}

.wv-mini-story-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 1.05rem;
  color: #004CA3; /* Web Vine Deep Blue */
  text-decoration: none;
  transition: color 0.2s ease, gap 0.2s ease;
}

.wv-mini-story-link svg {
  width: 20px;
  height: 20px;
  transition: transform 0.2s ease;
}

.wv-mini-story-link:hover {
  color: #00B4D8; /* Shifts to Cyan on hover */
  gap: 12px; /* Slight arrow push animation */
}

/* --- Right Column --- */
.wv-mini-story-text {
  flex: 1;
  padding-top: 10px; /* Aligns visually with the heading text */
}

.wv-mini-story-text p {
  font-size: 1.15rem;
  line-height: 1.8;
  color: #475569; /* Slate Grey */
  margin: 0 0 24px 0;
}

.wv-mini-story-text p:last-child {
  margin-bottom: 0;
}

/* --- Responsive Adjustments --- */
@media (max-width: 992px) {
  .wv-mini-story-container {
    flex-direction: column;
    gap: 40px;
  }
  
  .wv-mini-story-intro {
    flex: 1 1 auto;
  }
  
  .wv-mini-story-text {
    padding-top: 0;
  }
}

@media (max-width: 768px) {
  .wv-mini-story-section {
    padding: 60px 20px;
  }

  .wv-mini-story-heading {
    font-size: 2rem;
  }
  
  .wv-mini-story-text p {
    font-size: 1.05rem;
  }
}/* End custom CSS */