.section-style-103{padding:100px 50px}.section-style-103 .title{font-size:2.5rem;font-weight:400;margin-bottom:1rem;color:#0b2a52}.section-style-103 .content-wrapper{display:flex;align-items:flex-start;gap:2rem;width:100%}.section-style-103 .content-wrapper .left-panel{flex:0 0 380px;max-width:420px}.section-style-103 .content-wrapper .left-panel .features{display:flex;flex-direction:column;gap:.6rem}.section-style-103 .content-wrapper .left-panel .features .feature{border-radius:10px;padding:5px;cursor:pointer}.section-style-103 .content-wrapper .left-panel .features .feature .title-box{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem;padding:10px 7px;border-radius:7px;margin-bottom:.5rem;overflow:hidden}.section-style-103 .content-wrapper .left-panel .features .feature .title-box::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:-1;transform:translateX(-100%);opacity:0}.section-style-103 .content-wrapper .left-panel .features .feature .title-box .feature-title{margin:0 0 .25rem 0;font-size:1rem;color:#07203a}.section-style-103 .content-wrapper .left-panel .features .feature .title-box .feature-title .icon{width:30px;height:30px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;margin-right:.75rem}.section-style-103 .content-wrapper .left-panel .features .feature .title-box i{font-size:1rem;color:#0b2a52}.section-style-103 .content-wrapper .left-panel .features .feature p{display:none;opacity:0;margin:0;color:#536b7a;font-size:.9rem}.section-style-103 .content-wrapper .left-panel .features .feature.active .title-box .feature-title .icon{background:#dee7e0}.section-style-103 .content-wrapper .left-panel .features .feature.active .title-box::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#dee7e0;z-index:-2}.section-style-103 .content-wrapper .left-panel .features .feature.active .title-box::after{opacity:1;transform:translateX(0);background:#fff;animation:slideInBg 5s ease forwards}.section-style-103 .content-wrapper .left-panel .features .feature.active p{display:block;opacity:1;margin-top:.25rem;transition:opacity 320ms ease}.section-style-103 .content-wrapper .right-panel{flex:1 1 0%}.section-style-103 .content-wrapper .right-panel .slide-box{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#f8fbff;box-shadow:0 8px 30px rgba(10,30,60,.04)}.section-style-103 .content-wrapper .right-panel .slide-box .slide{position:absolute;inset:0;opacity:0;transform:translateX(30px);transition:transform 640ms cubic-bezier(0.2, 0.9, 0.3, 1),opacity 640ms ease;display:flex;align-items:center;justify-content:center}.section-style-103 .content-wrapper .right-panel .slide-box .slide img.background{width:100%;height:100%;object-fit:cover;display:block}.section-style-103 .content-wrapper .right-panel .slide-box .slide img.snapshot{width:70%;height:80%;position:absolute;z-index:1;bottom:0;left:50%;transform:translateX(-50%)}.section-style-103 .content-wrapper .right-panel .slide-box .slide.active{opacity:1;transform:translateX(0)}@keyframes slideInBg{from{transform:translateX(-100%)}to{transform:translateX(0)}}@media(max-width: 768px){.section-style-103{padding:30px 10px}.section-style-103 .title{font-size:1.8rem;margin-bottom:20px}.section-style-103 .content-wrapper{flex-direction:column}.section-style-103 .content-wrapper .left-panel,.section-style-103 .content-wrapper .right-panel{flex:1 1 100%;max-width:100%}.section-style-103 .content-wrapper .right-panel{margin-top:2rem}}@media(min-width: 769px)and (max-width: 992px){.section-style-103{padding:50px 20px}.section-style-103 .title{font-size:2rem}.section-style-103 .content-wrapper{gap:1.5rem}.section-style-103 .content-wrapper .left-panel{flex:0 0 300px;max-width:350px}}