:root {
  --gradient-primary: linear-gradient(90deg, #67b4dc 0%, #264d82 100%);
  --gradient-secondary: linear-gradient(0deg, #F15833 0%, #67b4dc 100%);
  --gradient-fuschia: linear-gradient(0deg, #ba33f1 0%, #264d82 68%);
  --gradient-blue-radial: radial-gradient(circle, #67b4dc 0%, rgba(103, 180, 220, 0) 100%);
}

.gradient-primary {
  background: var(--gradient-primary);
}

.gradient-secondary {
  background: var(--gradient-secondary);
}

.gradient-fuschia {
  background: var(--gradient-fuschia);
}

.gradient-blue-radial {
  background: var(--gradient-blue-radial);
}

.text-gradient-primary {
  background: var(--gradient-primary);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-secondary {
  background: var(--gradient-secondary);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-fuschia {
  background: var(--gradient-fuschia);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.block--tab-panel.fade {
  transition: opacity 0.4s ease-in-out !important;
  opacity: 0;
}
.block--tab-panel.fade.show {
  opacity: 1;
}
.block--tab-panel .accordion-body {
  padding: 0;
}
.block--tab-panel .accordion-body h1, .block--tab-panel .accordion-body h2, .block--tab-panel .accordion-body h3 {
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  font-size: 40px;
  line-height: 1.15;
  color: #0B183D;
  margin-bottom: 8px;
}
@media (max-width: 767.98px) {
  .block--tab-panel .accordion-body h1, .block--tab-panel .accordion-body h2, .block--tab-panel .accordion-body h3 {
    font-size: 32px;
  }
}
.block--tab-panel .accordion-body p {
  font-family: "Aptos", sans-serif;
  font-size: 18px;
  line-height: 26px;
  color: #454D51;
}
@media (max-width: 767.98px) {
  .block--tab-panel .accordion-body p {
    font-size: 16px;
  }
}
.block--tab-panel > .accordion-header {
  display: none;
}
.block--tab-panel > .accordion-collapse {
  display: block !important;
}
.block--tab-panel.--preview {
  display: flex !important;
  gap: 2rem;
  margin-bottom: 2rem;
  opacity: 1 !important;
}
.block--tab-panel.--preview::before {
  content: attr(data-title);
  font-weight: 500;
  flex: 0 0 20%;
  border-bottom: 1px solid;
  align-self: flex-start;
  padding-bottom: 10px;
}

.editor-styles-wrapper .wp-block-lvl-tab-panel {
  overflow: visible !important;
}