.tabs-list { text-align: center; width: 100%; margin: 0; padding: 0; } .tab-item { font-weight: 600; font-size: 13px; float: left; padding: 13px 23.2%; border-bottom: 5px solid #ddd; list-style: none; cursor: pointer; margin-bottom:3%; transition: background-color 1s; transition: border-bottom 1s } .tab-item.active { border-bottom: 5px solid #E14C2B; margin-bottom: -1px !important; box-shadow: inset 1px 1px 1px #ddd; background-color: #fff; } .tab-item:hover { background-color: rgba(212, 212, 212, .7); border-bottom: 5px solid rgba(225, 76, 43, .5); } .tabs-content-container { padding: 4.2% 15px 15px 15px; } .tabs-content { min-height: 425px; max-height: 425px; min-width: 875px; max-width: 875px; padding: 1% 80% 1% 0px; margin-right: -80% !important; overflow: auto; }