.services-section{background:#f8f9fa;padding:60px 0}.section-header{margin-bottom:30px;text-align:center}.section-header h2{color:#1e2235;font-size:36px;font-weight:700;margin-bottom:20px!important;text-align:center}.section-header p{color:#555;font-size:18px;margin:0 auto;max-width:900px;text-align:center}.services-slider-wrapper{background:#f4f7fc;border:1px solid #ccbdbd;font-family:sans-serif;min-height:450px;width:100%}.left-panel{align-items:stretch;background:#002ab9;color:#fff;display:flex;flex:1;flex-direction:row}.image-box{flex:0 0 280px}.image-box img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.content-box{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:60px 40px}.content-box h2 span{display:inline-block;font-size:30px;line-height:1.3}.content-box p{font-size:18px;line-height:1.6;margin-top:20px;max-width:550px}.view-service{color:#fff;display:inline-block;font-size:16px;font-weight:400;text-decoration:none;white-space:nowrap}.view-text{align-items:center;display:inline-flex;gap:6px;position:relative;transition:transform .4s ease}.expand-card:hover .view-text{transform:translateX(6px)}.icon{align-items:center;background:transparent!important;border:none!important;color:#fff!important;display:inline-flex;font-size:18px;justify-content:center;line-height:1;margin:0!important;opacity:0;overflow:hidden;padding:0!important;pointer-events:none;transform:scale(.9) translateX(8px);transition:opacity .4s ease,transform .4s ease,width .4s ease;width:0}.expand-card:hover .left-icon,.right-icon{opacity:1;pointer-events:auto;transform:scale(1) translateX(0);width:auto}.expand-card:hover .right-icon{opacity:0;pointer-events:none;transform:scale(.9) translateX(-8px);width:0}.text{display:inline-block;line-height:1;white-space:nowrap}.arrows{gap:12px}.arrows button{padding:12px 18px}.right-panel{background:#fff;flex-direction:row;min-height:450px;overflow-x:auto}.right-panel,.service-tab{border-left:1px solid #e2e8f0;display:flex}.service-tab{align-items:center;cursor:pointer;flex-direction:column;gap:30px;justify-content:flex-end;min-width:90px;padding:20px 10px;transition:background .3s}.service-tab:hover{background:#f0f4ff}.service-tab .plus{font-size:20px;margin-bottom:10px}.service-tab p{font-size:20px;text-align:center;transform:rotate(-180deg);writing-mode:vertical-rl}.expand-wrapper{flex-direction:row}.expand-card,.expand-wrapper{background:#002ab9;color:#fff;display:flex;width:100%}.expand-card{max-width:1200px}.expand-card .image-box{flex:0 0 240px}.expand-card .image-box img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.expand-card .content-box{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:40px}.expand-card .content-box h2 span{display:inline-block;font-size:30px;overflow:hidden;position:relative;z-index:1}.expand-card .content-box h2 span:before{background:#1a50ff;content:"";height:100%;left:0;position:absolute;top:0;transition:width .5s ease;width:0;z-index:-1}.expand-card:hover .content-box h2 span:before{width:100%}.expand-card .content-box p{font-size:18px;line-height:1.6;margin-top:20px}.expand-card .view-service{color:#fff;display:inline-block;margin-top:30px;text-decoration:none;width:25%}.expand-card .arrows{display:flex;gap:12px;justify-content:end}.expand-card .arrows button{background:transparent;border:1px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;padding:6px 24px}.bottom-service-btn{color:#000;display:inline-block;font-size:16px;font-weight:400;margin-top:10px;text-decoration:none;white-space:nowrap}.bottom-btn-text{align-items:center;display:inline-flex;gap:6px;position:relative;transition:transform .4s ease}.bottom-service-btn:hover .bottom-btn-text{transform:translateX(6px)}.bottom-service-btn .icon{align-items:center;background:transparent!important;border:none!important;color:#000!important;display:inline-flex;font-size:18px;justify-content:center;line-height:1;margin:0!important;opacity:0;overflow:hidden;padding:0!important;pointer-events:none;transform:scale(.9) translateX(8px);transition:opacity .4s ease,transform .4s ease,width .4s ease;width:0}.bottom-service-btn .right-icon,.bottom-service-btn:hover .left-icon{opacity:1;pointer-events:auto;transform:scale(1) translateX(0);width:auto}.bottom-service-btn:hover .right-icon{opacity:0;pointer-events:none;transform:scale(.9) translateX(-8px);width:0}.bottom-service-btn:hover{color:#007bff}.bottom-service-btn:hover .icon{color:#007bff!important}.bottom-controls{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-top:30px}.progress-bar{background:hsla(0,0%,100%,.2);flex:1;height:2px;overflow:hidden;position:relative}.progress-fill{animation:fillLine 8s linear forwards;animation-fill-mode:forwards;animation-play-state:running;background:#fff}.expand-card:hover .progress-fill{animation-play-state:paused}.arrows{display:flex;gap:10px}.arrows button{background:transparent;border:1px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;padding:6px 18px}@keyframes fillLine{0%{width:0}to{width:100%}}.progress-fill{background-color:#fff;height:100%;transform:translateX(-100%);transition:none;width:100%}.animate-progress .progress-fill{animation:fillProgress 8s linear infinite}@keyframes fillProgress{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.expand-wrapper.ltr{animation:slideInLeft .5s ease forwards;overflow:hidden;transform-origin:left}.expand-wrapper.rtl{animation:slideInRight .5s ease forwards;overflow:hidden;transform-origin:right}@keyframes slideInLeft{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes slideInRight{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.expand-card{animation:fadeInCard .4s ease forwards;animation-delay:.5s;opacity:0}@keyframes fadeInCard{to{opacity:1}}