#wrapper{display:flex;justify-content:center;align-items:center;width:100%}.content{max-width:800px;width:100%;min-width:260px;margin:0 5%;transition:.3s ease}@media screen and (max-width:512px){.content{margin:0 4%;margin-top:5%}}.tabs{margin:0;background-image:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%);display:flex;justify-content:space-between;align-items:center;height:80px;border-radius:2px 2px 0 0}@media screen and (max-width:512px){.tabs{height:40px}}.tablinks{background:0 0;background-image:linear-gradient(90deg,transparent 70%,rgba(255,255,255,.2) 100%);border:none;outline:0;cursor:pointer;width:25%;height:80px;position:relative;display:flex;justify-content:center;align-items:center;font-size:16px;font-family:"IBM Plex Sans",sans-serif;overflow:hidden;transition:.3s ease}@media screen and (max-width:512px){.tablinks{height:40px;font-size:12px}}.tablinks:before{background-image:linear-gradient(135deg,#45bd90 0,#0575b6 100%);content:"";width:100%;height:0;position:absolute;top:0;left:0;transition:.3s ease-in-out;z-index:2}.tablinks:hover::before{height:100%;z-index:2;bottom:0}@media screen and (max-width:512px){.tablinks:hover::before{height:0}}.tablinks.active{background-color:#fff;z-index:0;border-right:0;border-left:0;height:110px;bottom:0;overflow:hidden}@media screen and (max-width:512px){.tablinks.active{height:60px}}.tablinks.active:before{content:"";width:100%;height:5px;top:0;left:0}.tablinks.active p,.tablinks.active:hover p{opacity:1;background:-webkit-linear-gradient(135deg,#45bd90 0,#0575b6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tablinks p{opacity:.6;display:flex;align-items:center;justify-content:center;z-index:2;transition:.5s ease;padding:0;margin:0;color:#686868;backface-visibility:hidden;font-weight:400}.tablinks:hover p{color:#fff;opacity:1}@media screen and (max-width:512px){.tablinks:hover p{color:#686868;opacity:.6}}.tablinks p:before{content:attr(data-title);position:absolute;height:auto;width:auto;color:#fff;display:flex;align-items:center;justify-content:center;opacity:.1;font-size:40px;transition:1s ease-out;z-index:-1;font-weight:600;top:110%}@media screen and (max-width:512px){.tablinks p:before{display:none}}.tablinks:hover p:before{opacity:.1;font-size:40px;top:-80%}.wrapper_tabcontent{background-color:#fff;margin-top:0;z-index:-3;position:relative;opacity:1;padding:40px 60px;overflow:hidden;transition:all 1s ease;top:0}.tabcontent{display:none;min-height:180px}@keyframes tabEffect{from{top:-40px}to{top:0}}.tabcontent.active{transition:all 1s ease;display:block}.wrapper_tabcontent:after{content:"";height:5px;width:100%;position:absolute;background-image:linear-gradient(135deg,#45bd90 0,#0575b6 100%);left:0;bottom:0;z-index:-2;transition:all 1s ease}.tabcontent h3{font-size:40px;top:84px;transform:rotate(90deg);position:absolute;left:-90px;width:200px;height:60px;background:-webkit-linear-gradient(135deg,#45bd90 0,#0575b6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:0;animation:city 1s ease}@media screen and (max-width:512px){.tabcontent h3{top:74px}}@keyframes city{from{left:-150px}to{left:-90px}}.tabcontent p{color:#686868;margin:0;padding:0;line-height:28px;font-weight:100;transition:all 1s ease;animation:fadeEffect .6s ease;width:100%;font-size:16px;font-family:"IBM Plex Sans",sans-serif}@media screen and (max-width:512px){.tabcontent p{font-size:14px;line-height:26px}}@keyframes fadeEffect{from{opacity:0;margin-left:30px}to{opacity:1;margin-left:0}}