.tab-section{width:100%;margin:20px auto;padding:50px 20px 20px 20px;border-bottom:1px solid #666}
.tab-section .txt-center{text-align:center;line-height:25px;padding-bottom:50px}
.tab-section .tab-content .inline{display:flex}
.tab-section .tab-content .inline .img-area{flex:.4;text-align:center;align-items:center;display:flex;justify-content:center}
.tab-section .tab-content .inline .img-area img{max-width:100%;vertical-align:middle}
.tab-section .tab-content .inline .content-area{flex:.6;padding:60px 0 0 40px}
.tab-section .tab-content ol{padding:0 20px}
.tab-section .tab-content ol,.tab-section .tab-content li{list-style:disc}
.tab-section .tab-content .txt-left{text-align:left;line-height:25px;padding-bottom:20px}
.tab-section .tab-content h2{text-align:left;font-size:26px}
.tab-section .tab-content .button-area{padding:15px 0}
.tab-section .tab-content .cta{display:inline-block;border:2px solid #000;border-radius:20px;font-size:15px;font-weight:bold;padding:2px 10px}
.tab-section .tab-content .cta:hover{background:#000;color:#fff;cursor:pointer}
.tab-section h2{font-size:36px;text-align:center;margin-bottom:15px;color:#024;font-weight:bold}
.tab-buttons{display:flex;justify-content:center;gap:0;border-bottom:1px solid #666;flex-wrap:wrap}
.tab-buttons button{background:0;border:0;font-size:18px;padding:15px 35px;cursor:pointer;position:relative;font-weight:500;color:#666;transition:color .3s ease}
.tab-buttons button:hover{color:#048}
.tab-buttons button.active{color:#024;font-weight:700;border:1px solid #666;border-bottom:0}
.tab-buttons button.active::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:3px;background-color:#fff}
.tab-content{display:none;padding:40px 0 40px 0;font-size:18px;color:#333;max-width:60%;margin:0 auto;animation:fadeIn .3s ease-in-out}
.tab-content.active{display:block}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
@media(max-width:768px){.tab-section{padding:30px 0 20px 0}
.tab-section h2{font-size:24px;padding:0 20px}
.tab-section .txt-center{padding:0 20px 30px 20px;font-size:14px;line-height:20px}
.tab-buttons{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;border-bottom:1px solid #666;padding:0 10px}
.tab-buttons::-webkit-scrollbar{display:none}
.tab-buttons button{flex-shrink:0;font-size:14px;padding:12px 20px;white-space:nowrap}
.tab-buttons button.active{border:1px solid #666;border-bottom:0}
.tab-content{max-width:100%;padding:20px}
.tab-section .tab-content .inline{flex-direction:column}
.tab-section .tab-content .inline .img-area{flex:1;width:100%;margin-bottom:20px}
.tab-section .tab-content .inline .content-area{flex:1;padding:0}
.tab-section .tab-content h2{font-size:20px;margin-bottom:15px}
.tab-section .tab-content .txt-left{font-size:14px;line-height:22px}
.tab-section .tab-content ol{padding:0 20px;font-size:14px}
.tab-section .tab-content .cta{font-size:13px;padding:5px 15px}
}