.features-section{color:#fff;background-color:#000;padding:100px 0}.features-title-wrapper{text-align:center;margin-bottom:60px}.features-title-wrapper h2{color:#fff!important}.feature-interactive-wrapper{align-items:center;gap:40px;max-width:1200px;margin:0 auto;display:flex}.feature-sidebar{flex-direction:column;flex:0 0 500px;gap:20px;display:flex}.sidebar-item{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:20px;padding:20px 30px;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex}.sidebar-item:hover{background:#ffffff0d}.sidebar-item.active{background:linear-gradient(90deg,#1178bc99 0%,#1178bc33 100%);border:1px solid #1178bc4d;box-shadow:0 0 30px #1178bc33}.index-circle{color:#fff;background:#1a1a1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;transition:all .3s;display:flex}.sidebar-item.active .index-circle{color:#1178bc;background:#fff}.sidebar-title{color:#fff;margin:0;font-size:20px;font-weight:600}.feature-detail-view{flex:1}.feature-detail-card{background:linear-gradient(135deg,#09689e 0%,#064569 100%);border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;justify-content:center;min-height:390px;padding:50px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.detail-content{animation:.5s ease-out fadeIn}.slide-right-slow{animation:1s ease-in-out fadeInBox}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInBox{0%{opacity:0;transform:translate(80px)}to{opacity:1}}.detail-description{color:#ffffffe6;margin-bottom:20px;font-size:18px}.detail-list{margin:20px 0;padding:0;list-style:none}.detail-list li{color:#fff;align-items:flex-start;gap:10px;margin-bottom:10px;font-size:16px;display:flex}.detail-check-icon{color:#fff;margin-top:5px;font-size:14px}.detail-footer{color:#fffc;margin-top:20px;font-size:18px}@media (max-width:1199px){.feature-sidebar{flex:0 0 380px}}@media (max-width:991px){.feature-interactive-wrapper{flex-direction:column}.feature-sidebar{scrollbar-width:thin;scrollbar-color:#1178bc #ffffff0d;flex-flow:row;flex:1;order:1;width:100%;padding-bottom:10px;overflow-x:auto}.feature-sidebar::-webkit-scrollbar{height:6px}.feature-sidebar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.feature-sidebar::-webkit-scrollbar-thumb{background-color:#1178bc;border-radius:10px}.sidebar-item{white-space:nowrap;flex:none}.feature-detail-view{order:2;width:100%}.feature-detail-card{min-height:auto;padding:40px 30px}}@media (max-width:767px){.features-section{padding:60px 0}.sidebar-item{gap:15px;padding:15px 20px}.index-circle{width:32px;height:32px;font-size:14px}.sidebar-title{font-size:16px}.feature-detail-card{padding:30px 20px}.detail-description,.detail-footer{font-size:16px}.detail-list li{font-size:15px}}