.ux-text h2 {font-size:1.4rem;text-transform: uppercase;font-weight:600;margin-bottom:.6rem;color:#444;}
.ux-text h3 {font-size:1.4rem;text-transform: uppercase;font-weight:400;margin-bottom:2rem;color:$color-primary;}
.ux-text p {color:#fff;line-height:1.8rem;margin-bottom:1rem;font-size:1rem;}
.ux-text p:last-child {margin:0;}

/*// CSS */
.ux-vertical-tabs {position:relative;display:flex;}
.ux-vertical-tabs .tabs {width:20rem;display:flex;flex-wrap: wrap;flex-direction: column;}
.ux-vertical-tabs .tabs button {display:flex;justify-content: space-between;align-items: center;background:#212121;padding:1.2rem;width: 100%;outline: none;text-align: left;cursor: pointer;border:0;border-right:0px solid #ddd;border-bottom:0px solid #ddd;border-left:0px solid #ddd;font-size:.85rem;color:#fff;transition: background 250ms ease;}
.ux-vertical-tabs .tabs button:first-child{border-top:0px solid #ddd;}
.ux-vertical-tabs .tabs button:hover {background:$color-primary-light;}
.ux-vertical-tabs .tabs button.active {background:transparent;border-right:0;color:#fff;}
.ux-vertical-tabs .tabs button.empty {flex:1;border:0;border-right:0px solid #ddd;pointer-events: none;}
.ux-vertical-tabs .tabs button:hover.empty {background:none;}
.ux-vertical-tabs .tabs button span {width: 0;height: 100px;}
.ux-vertical-tabs .tabs button:hover span {transform:translateX(0);opacity:1;}
.ux-vertical-tabs .tabs button.active span {transform:translateX(0);border-right: 3px solid #ddd;}
.ux-vertical-tabs .maincontent {flex:1;border:0px solid #ddd;border-left:0;padding:2rem;overflow:hidden;
}
.ux-vertical-tabs .maincontent .tabcontent {display:none;}
.ux-vertical-tabs .maincontent .tabcontent.active {display:flex;flex:1;position:relative;}
.ux-vertical-tabs .tabs button:hover{
  background: #fff;
  color: #000;
}
.ux-vertical-tabs .tabs button h5{
    color: #10459f;
  }
@media (max-width: 50rem)
  {
  .ux-vertical-tabs {flex-direction: column;background:none;}
  .ux-vertical-tabs .tabs {width:100%;}
  .ux-vertical-tabs .tabs button.empty {display:none;}
  .ux-vertical-tabs .maincontent {border:0px solid #ccc;border-top:0;}
  .ux-vertical-tabs .tabs button {padding:1rem;}
  .ux-vertical-tabs .tabs button.active {background:#fff;color:#000;}
  /*.ux-vertical-tabs .tabs button span {transform:rotate(90deg);}
  .ux-vertical-tabs .tabs button:hover span {transform:rotate(90deg);}
  .ux-vertical-tabs .tabs button.active span {transform:rotate(90deg);}*/
  .ux-vertical-tabs .maincontent {padding:1rem;}
  }