/***************************
jQuery Best Responsive tabs
Author: Niladri Shekhar Mondal <nldrmondal35@gmail.com>
URL: https://nilgems.github.io/Best-Jquery-Responsive-Tabs/
*****************************/
.best-responsive-tab, .best-responsive-tab * { box-sizing: border-box }
.best-responsive-tab:not(.init), .best-responsive-tab-contents:not(.init) { opacity: 0; visibility: hidden }
.best-responsive-tab.init, .best-responsive-tab-contents.init { opacity: 1; visibility: show }
.best-responsive-tab.lgTabToggle-tab-responsive-active>.best-reponsive-tab-item { display: block }
.best-responsive-tab.lgTabToggle-tab-responsive-active>.best-reponsive-tab-item>.best-reponsive-tab-item-trigger { display: block; padding: 10px 15px; border: 1px solid #ddd; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; user-select: none; -moz-transition: background .3s ease-in; -webkit-transition: background .3s ease-in; -o-transition: background .3s ease-in; transition: background .3s ease-in }
.best-responsive-tab.lgTabToggle-tab-responsive-active>.best-reponsive-tab-item>.best-reponsive-tab-item-trigger.lgTabToggle-tab-active, .best-responsive-tab.lgTabToggle-tab-responsive-active>.best-reponsive-tab-item>.best-reponsive-tab-item-trigger:hover { background-color: red; color: #fff }
.best-responsive-tab.lgTabToggle-tab-responsive-active>.best-reponsive-tab-item>.best-reponsive-tab-item-content-triggerer:not(.lgTabToggle-tab-content-active) { display: none }
.best-responsive-tab>.best-reponsive-tab-item>.best-reponsive-tab-item-content-triggerer { padding: 10px 15px; border: 1px solid transparent; border-left-color: #ddd; border-right-color: #ddd }
.best-responsive-tab>.best-reponsive-tab-item:last-of-type>.best-reponsive-tab-item-content-triggerer { border-bottom-color: #ddd }
.best-responsive-tab:not(.lgTabToggle-tab-responsive-active) { display: flex; flex-direction: row; align-items: center; width: 100% }
.best-responsive-tab:not(.lgTabToggle-tab-responsive-active)>.best-reponsive-tab-item>.best-reponsive-tab-item-trigger { display: block; padding: 10px 35px; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; color: var(--white); }
.best-responsive-tab:not(.lgTabToggle-tab-responsive-active)>.best-reponsive-tab-item>.best-reponsive-tab-item-trigger:hover { color: var(--green); }
.best-responsive-tab:not(.lgTabToggle-tab-responsive-active)>.best-reponsive-tab-item>.best-reponsive-tab-item-trigger.lgTabToggle-tab-active {  color: var(--green); font-weight: bold;font-size: 30px; }
.best-responsive-tab:not(.lgTabToggle-tab-responsive-active)>.best-reponsive-tab-item+.best-reponsive-tab-item>.best-reponsive-tab-item-trigger, .best-responsive-tab:not(.lgTabToggle-tab-responsive-active)>.best-reponsive-tab-item:first-of-type>.best-reponsive-tab-item-trigger {  }
.best-responsive-tab:not(.lgTabToggle-tab-responsive-active)>.best-reponsive-tab-item:first-of-type>.best-reponsive-tab-item-trigger {  }
.best-responsive-tab:not(.lgTabToggle-tab-responsive-active)>.best-reponsive-tab-item:last-of-type>.best-reponsive-tab-item-trigger {  }
.best-responsive-tab:not(.lgTabToggle-tab-responsive-active)>.best-reponsive-tab-item>.best-reponsive-tab-item-content-triggerer { display: none }
.best-responsive-tab-contents:not(.lgTabToggle-tab-responsive-active) { display: block;
    margin: 30px 0 0 0;
    padding: 30px;
    background: var(--dark-grey);
    width: auto; color: var(--white); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);  }
.best-responsive-tab-contents.lgTabToggle-tab-responsive-active { display: none }
.best-responsive-tab-contents:not(.lgTabToggle-tab-responsive-active)>.best-responsive-tab-content:not(.lgTabToggle-tab-content-active) { display: none }

.best-responsive-tab:not(.lgTabToggle-tab-responsive-active)>.best-reponsive-tab-item:nth-child(2)>.best-reponsive-tab-item-trigger.lgTabToggle-tab-active,
.best-responsive-tab:not(.lgTabToggle-tab-responsive-active)>.best-reponsive-tab-item:nth-child(2)>.best-reponsive-tab-item-trigger:hover   { color: var(--yellow); }


.best-responsive-tab .best-reponsive-tab-item { position: relative; }
.best-responsive-tab .best-reponsive-tab-item:first-child:after { display: none; }
.best-responsive-tab .best-reponsive-tab-item:after { position: absolute; content: "/"; left: 0; top: 11px; color: var(--white); font-weight: 400; font-size: 20px; }