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