.tabwrapper{display:flex}.tabcontainer{border-radius:0 20px 0 0;display:flex;justify-content:end;padding:20px;width:30%}.tabs{width:70%}.tabs button{background-color:inherit;border:none;color:#fff;cursor:pointer;display:block;font-weight:700;outline:none;padding:22px 16px;position:relative;text-align:left;transition:.3s;width:100%}.tabs button:after{background-color:#0087ca;bottom:0;content:"";height:4px;left:0;position:absolute;transform:scaleX(0);transition:transform .25s ease-out;width:100%}.tabs button.tabactive:after,.tabs button:hover:after{transform:scaleX(1);transform-origin:bottom center}.mobiletabwrapper{display:none}@media screen and (max-width:1000px){.tabwrapper{flex-wrap:wrap}.tabcontainer{display:none}.mobiletabwrapper{display:block;width:100%}.tabdropdown{background-color:$blue;color:#fff;padding:20px 40px;width:100%}.mobiletabwrapper p{font-weight:700;margin-bottom:0}.mobiletabswrapper{display:none}.mobiletabcontainer{padding-bottom:10px;padding-top:10px}}.tabcontentwrapper{margin-left:50px;padding:50px 50px 70px;width:70%}@media screen and (max-width:1000px){.tabcontentwrapper{padding:50px 10px;width:100%}}.tab-content{width:90%}.tab-content h3{margin-bottom:20px}.tabrow{display:block;position:relative;width:100%}.tab-content>div{display:none}.tab-content>div.tabactive{display:block}