/* divider heading css */
.divider {
    display: flex;
    }
    .divider:before, .divider:after {
      content: "";
      flex: 1;
    }
    
    .line {
      align-items: center;
      margin-bottom: 0.5em;
    }
    .line:before, .line:after {
      height: 4px;
      margin: 0 0em;
    }
    
    .one-line-primary:before  {
      background-image: linear-gradient(to right, transparent, var(--primary));
    }
    .one-line-primary:after {
      background-image: linear-gradient(to left, transparent, var(--primary));
    }
    
    .one-line-secondary:before  {
      background-image: linear-gradient(to right, transparent, var(--secondary));
    }
    .one-line-secondary:after {
      background-image: linear-gradient(to left, transparent, var(--secondary));
    }
    
    /* divider heading css end */