*{margin:0;padding:0;box-sizing:border-box;font-family:Vazirmatn,sans-serif;font-feature-settings:"ss01"}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#d9dcd6}html{line-height:1.5}li{list-style:none}button{font:inherit}main{display:flex;flex-direction:column;align-items:center;gap:15px}#tabs-container{width:570px;min-height:216px;display:flex;flex-direction:column;gap:10px;background-color:#fff;border-radius:8px;padding:20px;box-shadow:#11111a0d 0 1px,#11111a1a 0 0 8px}#brand-names{display:flex;gap:20px}#tab-content p{color:#72776e;text-align:justify}@media only screen and (max-width: 600px){#tabs-container{width:360px;height:250px}#brand-names{justify-content:center}}button{background-color:transparent;color:#b3b3b3;outline:0;border:0;padding:8px 20px;font-size:1rem;font-weight:400;cursor:pointer;position:relative;transition:color .3s ease}button:after{content:"";width:100%;height:2px;background-color:#b4d68f;position:absolute;bottom:0;right:0;transition:background-color .3s ease;display:none}button:hover:after{display:block}button.active:after{background-color:#689636;display:block}button.active{color:#000}