.banner{background:url(../img/bg-s.jpg) center / cover no-repeat;height:65vh}.tab-1{padding:2rem 0;margin-bottom:2rem}.tab-1 .part-box{display:flex;padding-top:3rem;gap:2rem;flex-wrap:wrap}.tab-1 .part-box .img{flex:1 1 calc(20% - 2rem);min-width:120px;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,0.05);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;background-color:white;transition:all .3s ease;position:relative;overflow:hidden}.tab-1 .part-box .img::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);transition:all .6s ease}.tab-1 .part-box .img:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 12px 20px rgba(0,0,0,0.1)}.tab-1 .part-box .img:hover::before{left:100%}.tab-1 .part-box .img:hover img{transform:rotate(2deg) scale(1.08)}.tab-1 .part-box .img img{width:10rem;transition:all .3s ease;filter:grayscale(20%)}.tab-1 .part-box .img img:hover{filter:grayscale(0%)}.tab-1 .part-box .img.aws-img img{width:6rem}.tab-1 .part-box .img.goole-logo img{width:12rem}.tab-2{padding:2rem 0;margin-bottom:2rem;background-color:#FFF}.tab-2 .part-box{padding-top:3rem;display:flex;justify-content:space-around;gap:2rem}.tab-2 .part-box .box{width:19.5%;display:flex;flex-direction:column;align-items:center}.tab-2 .part-box .box:hover{box-shadow:0 4px 12px rgba(0,0,0,0.534)}.tab-2 .part-box .box .img{background:url(../img/bg2.jpg) center / cover no-repeat;background-size:cover;padding:2rem}.tab-2 .part-box .box .img img{width:100%}.tab-2 .part-box .box .text{padding:1rem;color:#999}.tab-3{padding:2rem 0;margin-bottom:2rem}.tab-3 .part-box{padding-top:3rem;display:flex;gap:1rem}.tab-3 .part-box:last-child{padding-top:1rem}.tab-3 .part-box .box{flex:1;text-align:center;background-color:white;padding:2rem;border-radius:12px}.tab-3 .part-box .box:hover{box-shadow:0 4px 12px rgba(0,0,0,0.534)}.tab-3 .part-box .box:hover .img img{transform:scale(1.1)}.tab-3 .part-box .box .img img{width:25%}.tab-3 .part-box .box h6{padding-top:1rem;font-size:1.2rem;font-weight:800}.tab-3 .part-box .box .desc-box{padding-top:1rem;color:#999;font-size:.9rem}.tab-4{padding:2rem 0;margin-bottom:2rem;background-color:#FFF}.tab-4 .container .part-box{gap:1.5rem;padding-top:1rem;margin:0 auto;height:34.25rem}.tab-4 .container .part-box .box{margin-bottom:1rem;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05);background:white}.tab-4 .container .part-box .box h4{position:relative;margin:0;padding:1.2rem 3rem 1.2rem 1.5rem;background:#f5f8ff;color:#333;font-weight:500;cursor:pointer;border-radius:8px;transition:all .3s ease}.tab-4 .container .part-box .box h4 span{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;margin-right:.8rem;background:#2A86FF;color:white;border-radius:50%;font-size:.9rem}.tab-4 .container .part-box .box h4::after{content:'+';position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#2A86FF;transition:transform .3s ease}.tab-4 .container .part-box .box p{margin:0;padding:0 1.5rem;max-height:0;overflow:hidden;color:#666;line-height:1.6}.tab-4 .container .part-box .box:hover{box-shadow:0 5px 15px rgba(0,0,0,0.1)}.tab-4 .container .part-box .box:hover h4{background:#2A86FF;color:white}.tab-4 .container .part-box .box:hover h4 span{background:white;color:#2A86FF}.tab-4 .container .part-box .box:hover h4::after{content:'-';transform:translateY(-50%) rotate(180deg);color:white}.tab-4 .container .part-box .box:hover p{max-height:300px;padding:1.2rem 1.5rem}@media (max-width:768px){.tab-4 .container .part-box .box{width:100%}}.tab-5{padding:2rem 0;margin-bottom:2rem}.tab-5 .container{display:flex;gap:1rem}.tab-5 .container .box{flex:1;padding:2rem;text-align:left;border-radius:12px;background-color:#FFF}.tab-5 .container .box:hover{box-shadow:0 4px 12px rgba(0,0,0,0.534);transform:rotate(-1deg)}.tab-5 .container .box:hover img{transform:rotate(-360deg)}.tab-5 .container .box .img img{width:12%}.tab-5 .container .box h5{padding-top:1rem;font-size:1.2rem;font-weight:800}.tab-5 .container .box p{padding-top:1rem;color:#999;font-size:.9rem}@media (max-width:768px){.tab-2 .part-box{flex-direction:column;align-items:center}.tab-2 .part-box .box{width:90%;margin-bottom:1rem}.tab-3 .part-box{flex-direction:column;align-items:center}.tab-3 .part-box .box{width:90%;margin-bottom:1rem}.tab-5 .container{flex-direction:column;align-items:center}.tab-5 .container .box{width:90%;margin-bottom:1rem}}