.tab{float:left;width:15%}.tab p{cursor:pointer;font-weight:700;padding-right:40px;text-align:-webkit-right}.tab button{background-color:inherit;border:none;border-radius:4px;color:#000;cursor:pointer;display:block;font-size:17px;margin:5%;outline:none;padding:22px 16px;text-align:left;transition:.3s;width:90%}a.button{left:26%;padding:10px 15px}a.button,b.button{background:#000;color:#fff;display:inline-block;opacity:0;position:absolute;top:40%}b.button{left:10%;padding:3px 5px}.tabcontent-inner:hover{cursor:pointer;transform:scale(1.1)}.tabcontent-inner h4{font-size:16px}p.tablinks.active{color:#ff8c00}.tabcontent-inner{flex:0 0 23%;position:relative;transition:all .4sease}.tabcontent-inner:hover a.button,.tabcontent-inner:hover b.button{opacity:1}.tabcontent-wrapper{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.tab button:hover{background-color:#bee9f7}.tab button.active{background-color:#6398a8}.tabcontent{float:left;padding:0 12px;width:85%}@media(max-width:767px){.tab p{padding-left:10px;padding-right:10px}.tabcontent{float:left;padding:0 12px;width:100%}.tabcontent-inner{flex:0 0 47%;text-align:center}.tabcontent-inner img{margin-bottom:10px}.tab{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.tab,.tabcontent h3{text-align:center}.tabcontent-inner h4{font-size:15px}}