.tabs-section{padding:100px 60px}@media screen and (max-width:749px){.tabs-section{padding:60px 20px}}.tabs-container{max-width:1000px;margin:0 auto}.tabs-header{display:flex;justify-content:center;gap:20px;margin-bottom:50px;flex-wrap:wrap}.tab-button{flex:1;min-width:200px;max-width:280px;padding:20px 30px;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center;box-shadow:0 2px 10px #0000000d;font-family:inherit;position:relative;overflow:hidden}.tab-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ec008b33;border:2px solid #EC008B;background:#fff}.tab-button:hover .tab-button-text{background:none;-webkit-text-fill-color:#1a1a2e;color:#1a1a2e}.tab-button:before{display:none}.tab-button.active{background:linear-gradient(135deg,#ec008b,#03abef);border-color:transparent;color:#fff;transform:translateY(-5px);box-shadow:0 8px 25px #ec008b4d}.tab-button.active:before{opacity:0}.tab-button-text{font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:block;position:relative;z-index:1}.tab-button:not(.active) .tab-button-text{background:linear-gradient(135deg,#ec008b,#03abef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tab-button.active .tab-button-text{color:#fff;-webkit-text-fill-color:white}.tab-content{display:none;animation:fadeIn .5s ease}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-content-card{background:#fff;padding:60px 50px;border-radius:16px;box-shadow:0 10px 40px #00000014;position:relative;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.tab-content-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffd9;z-index:1}.tab-content-inner{position:relative;z-index:2;text-align:center}.tab-icon-svg{display:inline-block;margin-bottom:30px;color:#ec008b;width:64px;height:64px}.tab-icon-svg svg{width:100%;height:100%;color:inherit;stroke:currentColor;fill:none;stroke-width:2;filter:drop-shadow(0 2px 8px rgba(236,0,139,.2));transition:all .3s ease}.tab-content:hover .tab-icon-svg svg{transform:scale(1.1);filter:drop-shadow(0 4px 12px rgba(236,0,139,.3))}.tab-icon-svg svg[fill]:not([fill=none]){fill:currentColor;stroke:none}.tab-title{font-size:36px;font-weight:700;text-align:center;margin-bottom:30px;color:#1a1a2e;position:relative;display:inline-block;width:100%}.tab-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#ec008b,#03abef);border-radius:2px}.tab-text{font-size:18px;line-height:1.9;color:#4a5568;text-align:center;max-width:700px;margin:0 auto}.tab-text p{margin:0 0 15px}.tab-text p:last-child{margin-bottom:0}@media screen and (min-width:1200px){.tab-content-card{padding:70px 60px}}@media screen and (max-width:989px){.tabs-header{gap:15px}.tab-button{padding:18px 25px}.tab-button-text{font-size:18px}.tab-content-card{padding:50px 40px}.tab-title{font-size:32px;margin-bottom:25px}.tab-text{font-size:17px}}@media screen and (max-width:768px){.tabs-header{flex-direction:column;gap:12px}.tab-button{min-width:100%;max-width:100%;padding:16px 20px;text-align:left;border-radius:10px}.tab-button-text{font-size:18px}.tab-button.active{transform:translateY(0);box-shadow:0 4px 15px #ec008b40}.tab-button:hover{transform:translateY(0)}.tab-content-card{padding:40px 25px;border-radius:12px}.tab-icon-svg{width:56px;height:56px;margin-bottom:25px}.tab-title{font-size:28px;margin-bottom:20px}.tab-title:after{width:60px;height:2px}.tab-text{font-size:16px;line-height:1.7}}@media screen and (max-width:480px){.tab-button{padding:14px 18px}.tab-button-text{font-size:16px}.tab-content-card{padding:35px 20px}.tab-icon-svg{width:48px;height:48px}.tab-title{font-size:24px}.tab-text{font-size:15px}}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.tab-content.active .tab-icon-svg svg{animation:iconPulse 2s ease-in-out infinite}.tab-button:focus-visible{outline:3px solid #03ABEF;outline-offset:3px}@media print{.tabs-header{display:none}.tab-content{display:block!important;page-break-inside:avoid}.tab-content-card{box-shadow:none;border:1px solid #ddd}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/mission-vision-tabs.css.map */