.services-banner{background-color:#0c1b2e;background-position:0 top;background-repeat:no-repeat;background-size:100%;color:#fff;min-height:500px;overflow:hidden;padding-bottom:80px;position:relative}.services-banner-mark{bottom:0;left:0;position:absolute;right:0;top:0}.services-banner-mark-halo{animation:pulse 6s ease-in infinite;position:absolute}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.98;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.service-element{align-items:center;animation:fadeSlideLeft 1s forwards;color:#f3623c;display:flex;gap:27px;margin-top:210px;opacity:0}.service-element-icon{align-items:center;display:flex;height:9px;position:relative;width:80px}.service-element-icon:before{align-items:center;background-color:#f3623c;content:"";display:flex;height:9px;position:absolute;transform:rotate(45deg);width:9px}.service-element-icon:after{content:"";height:1px;position:absolute;width:80px}.service-element-icon.left:before{right:0}.service-element-icon.left:after{background:linear-gradient(270deg,#f3623c,hsla(0,0%,100%,0))}.service-element-icon.right:after{background:linear-gradient(90deg,#f3623c,hsla(0,0%,100%,0))}.services-banner-content{animation:slideDownFadeIn 1s forwards;animation-delay:2.5s;opacity:0;padding-bottom:50px}.services-banner-content h2{color:#fff}.services-banner-content-desc{color:#fff;margin-top:44px}.services-banner-text-card{display:grid;gap:30px;grid-template-columns:1fr 1fr 1fr;margin:75px auto 0;padding-bottom:75px;width:1250px}.text-card{align-items:center;display:flex;position:relative;z-index:10}.text-card-content{background:linear-gradient(45deg,hsla(0,0%,100%,0),rgba(243,98,60,.57));border-radius:28px 28px 28px 0;padding:1px;transform:rotate(var(--rotate));transition:all .3s ease-in-out}.text-card-content:hover{background:linear-gradient(120deg,hsla(0,0%,100%,0),rgba(243,98,60,.57));transform:rotate(0)}.text-card-bg{align-items:center;background-color:#0b1b2e;border-radius:28px 28px 28px 0;display:flex;font-size:16px;padding:20px}.text-card-btn{display:flex;justify-content:flex-end;padding-top:30px;position:relative}.text-card-btn-bg{left:-320px;position:absolute;top:-160px;width:544px;z-index:1}.text-card-btn .header-button{background-color:#103246;position:relative;z-index:10}.services-customer{display:flex;justify-content:space-between;position:relative}.services-banner-title{margin-bottom:30px;margin-top:32px}.services-banner-desc,.services-banner-title{animation:fadeSlideLeft 1s forwards;color:#fff;opacity:0}.services-banner-desc{animation-delay:.5s;display:block;font-size:24px}.services-banner-desc-2{color:hsla(0,0%,100%,.64);display:block;font-size:18px;margin-bottom:62px;margin-top:29px}.services-banner-desc-2,.services-banner-left .header-button{animation:fadeSlideLeft 1s forwards;animation-delay:1.5s;opacity:0}.services-banner-left{flex:1}.banner-desc{margin-bottom:50px;width:80%}.services-customer-right{align-items:flex-end;display:flex;height:541px;margin-top:120px;padding-left:97px;position:relative;width:777px}.character_image{animation:scaleUp 1s forwards;height:489px;opacity:0;width:449px}.character_image img{height:100%;object-fit:contain;width:100%}.customer_icon_1,.customer_icon_2,.customer_icon_3,.customer_icon_4{animation:slideUpFadeIn 1s forwards;opacity:0;position:absolute;z-index:1}.customer_icon_1{animation:scaleUp2 1s forwards;animation-delay:1s;left:87px;top:99px;transform:rotate(-28deg)}@keyframes scaleUp2{0%{opacity:0;transform:scale(.5) rotate(0)}to{opacity:1;transform:scale(1) rotate(-28deg)}}.customer_icon_2{animation:slideUpFadeIn .2s forwards;animation-delay:.8s;left:505px;top:358px}.customer_icon_3{animation-delay:1.2s;left:405px;top:18px}.customer_icon_4{animation-delay:1.5s;left:636px;top:385px}.card_btns{bottom:80px;display:flex;flex-direction:column;gap:8px;left:0;position:absolute}.card_btns-item{align-items:center;animation:slideUpFadeIn 1s forwards;backdrop-filter:blur(5px);background-color:hsla(0,0%,100%,.1);border:1px solid #fff;border-radius:30px;box-sizing:border-box;color:#fff;display:flex;font-size:16px;gap:12px;height:43px;opacity:0;padding:0 20px;width:195px}.card_btns-item:first-child{animation-delay:1.2s}.card_btns-item:nth-child(2){animation-delay:1.7s}.card_btns-item:nth-child(3){animation-delay:2.2s}.card_btns-item:nth-child(4){animation-delay:2.7s}.card_btns-item img{height:auto;width:19px}.card_btns-item:nth-child(3){background-color:rgba(255,109,68,.2);border-color:#ff6d44}.card-info{animation:slideUpFadeIn 1s forwards;animation-delay:1s;backdrop-filter:blur(20px);background-color:rgba(0,0,0,.2);border-radius:15px;height:300px;left:435px;opacity:0;overflow:hidden;position:absolute;top:50px;width:340px}.card-info-nav{align-items:center;background-color:#ff6d44;color:#fff;display:flex;height:62px;padding-left:15px}.card-info-content{padding:0 25px}.card-info-avatar{animation:bounce-in .5s forwards;animation-delay:1.2s;height:29px;margin-right:8.5px;opacity:0;width:29px}.card-info-user_name{animation:fadeSlideRight .5s forwards;animation-delay:1.2s;flex:1;font-size:16px;opacity:0}.card-info-status{animation:fadeSlideLeft .5s forwards;animation-delay:1.2s;color:#fff;font-size:16px;opacity:.72;opacity:0;padding-right:25px}.card-info-status:before{background-color:#00ba00;border-radius:50%;content:"";display:inline-block;height:8px;margin-right:8px;width:8px}.card-info-row{align-items:flex-end;display:flex;justify-content:flex-end;margin-top:12px}.chat_content{animation:fadeSlideRight .5s forwards;animation-delay:1.7s;background-color:rgba(255,109,68,.47);border-radius:15px;box-sizing:border-box;color:#fff;font-size:14px;opacity:0;padding:8px 15px;width:218px}.card-info-row:nth-child(2){justify-content:flex-start}.card-info-row:nth-child(2) .chat_content{animation:fadeSlideLeft .5s forwards;animation-delay:2.3s;background-color:hsla(0,0%,45%,.47)}.chat_content-avatar{animation:bounce-in .5s forwards;animation-delay:1.5s;border-radius:50%;height:37px;margin-left:8px;object-fit:cover;opacity:0;width:37px}.services-onboarding-right{height:500px;margin-top:80px;position:relative;width:720px}.onboarding-image img{animation:scaleUp .5s forwards;margin-left:165px;opacity:0;width:449px}.onboarding-bottom-line{background-color:#213952;border-radius:9px;bottom:0;height:18px;position:absolute;right:0;width:90%}.onboarding-svg-1{bottom:0;left:0}.onboarding-svg-1,.onboarding-svg-2{animation:fadeSlideLeft 1s forwards;opacity:0;position:absolute}.onboarding-svg-2{bottom:13px;left:3px}.onboarding-svg-3{animation:fadeSlideLeft 1s forwards;left:165px;opacity:0;position:absolute;top:50px}.onboarding-svg-4{right:70px;top:200px}.onboarding-svg-4,.onboarding-svg-5{animation:fadeSlideRight 1s forwards;opacity:0;position:absolute}.onboarding-svg-5{bottom:50px;right:45px}.onboarding-svg-6{animation:fadeSlideRight 1s forwards;bottom:110px;opacity:0;position:absolute;right:125px}.progress-item{background-color:#202021;border:1px solid #fff;border-radius:11px;bottom:40px;height:21px;right:0;width:300px}.progress-item,.progress-item-box{align-items:center;display:flex;position:absolute}.progress-item-box{background-color:#e8eaf1;border-radius:14px;height:28px;justify-content:center;right:var(--r);transform:translateX(10px);width:48px}.progress-item-box span{color:#343536;font-size:14px;font-weight:700}.progress-item-bar{background-color:#f87f30;border:1px solid #fff;border-radius:11px;height:100%;width:var(--w)}@keyframes clockwise-animation{0%{stroke-dashoffset:6px}to{stroke-dashoffset:0px}}@keyframes counter-clockwise-animation{0%{stroke-dashoffset:0}to{stroke-dashoffset:6px}}@media (max-width:480px){.services-banner{padding-inline:15px}.services-customer{flex-direction:column}.service-element{margin-top:110px}.services-banner-title{font-size:24px;margin-bottom:20px;margin-top:20px}.services-banner-desc{font-size:18px;margin-bottom:30px!important}.services-customer-right{align-items:flex-end;display:flex;height:400px;margin-top:0;padding-left:0;position:relative;width:100%}.services-onboarding-right{height:auto;margin-top:21px;position:relative;width:100%}.onboarding-image img{margin-left:70px;width:80%}.onboarding-svg-1 img{width:173px}.onboarding-svg-2 img{width:24px}.onboarding-svg-3{left:64px;top:30px}.onboarding-svg-3 img{width:50px}.onboarding-svg-4{right:-18px;top:119px}.onboarding-svg-4 img{width:50px}.onboarding-svg-5{bottom:48px;right:-31px}.onboarding-svg-5 img{width:102px}.onboarding-svg-6{bottom:96px;right:23px}.onboarding-svg-6 img{width:50px}.progress-item{bottom:36px;height:14px;right:-10px;width:200px}.services-banner-content h2{color:#fff;font-size:20px}.services-banner-content-desc{margin-top:20px}.services-banner-text-card{display:grid;gap:15px;grid-template-columns:1fr;margin:40px auto 0;padding-bottom:10px;width:100%}}