/* 
 * Brand Flexible Sections Template Styles
 * Base styles for flexible content framework
 */
.brand-flexible-page {
  width: 100%;
}

/* Default Content (when no flexible sections are added) */
.default-content {
  padding: 80px 0;
  background: #fff;
}

.default-content .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.default-content h1 {
  font-size: 48px;
  margin-bottom: 32px;
  color: #1a1a1a;
}

.trusted .media p,
.trusted .media .btn {
  color: var(--text-default-inverted) !important;
}

@media (max-width: 1040px) {
  .cta-content {
    height: auto !important;
  }

  .brand-flexible-page .kpi .num {
    font-size: 26px !important;
    line-height: unset !important;
  }

  .brand-flexible-page .kpi {
    justify-content: flex-start;
  }
}

/* Responsive */
@media (max-width: 640px) {
  .default-content {
    padding: 60px 0;
  }

  .default-content h1 {
    font-size: 32px;
  }

  .brand-flexible-page .kpi {}

  .brand-flexible-page .kpi .num {
    line-height: unset;
  }
}

/* Trusted section overrides */
.section.trusted {
  padding: 64px 0;
}

.trusted .media h3 {
  color: #9C6425 !important;
}

.brand-flexible-page .brand-carousel-section {
  padding: 72px 0 56px;
}

.brand-flexible-page .kpi .num {
  font-size: 34px;
}

.logo-circle img {
  width: 225px !important;
  height: unset !important;
}

.section.trusted .btn.primary {
  background: var(--background-brand-inverted-primary-default);
  color: var(--text-default-primary) !important;
}

.section.trusted .btn.primary:hover {
  background: var(--background-brand-inverted-primary-hovered);
}

.section.trusted .btn.primary:active {
  background: var(--background-brand-inverted-primary-pressed);
}