div.h90vh{
    min-height:90vh;
  }
  #frameface ul{
    display: inline-block;
    padding:0
  }
  #frameface ul li{
    cursor: pointer;
    color: var(--secondary-color);
    list-style-type: none;
    font-size:1rem;
    text-transform: uppercase;
    padding: 6px 26px;
    border: 2px solid var(--secondary-color);
    margin-bottom: 5px;
    border-radius: 20px;
  }
  #frameface ul li:before{
    font-family: bootstrap-icons !important;
    content: '\F28A';  
    width: 20px;
    height: 20px;
    padding-right: 10px;
  }
  #frameface ul li.active{
    font-weight:bold;
    color: var(--primary-color);
    border-color: var(--primary-color);
  }
  #frameface ul li.active:before{
    content: '\F26B';  
  }
  
  @media screen and (max-width: 767px){
    #frameface ul{
      padding: 0px;
    }
    div.h90vh{
      height: inherit;
    }
  }