body{background-color:#242e49;color:#fff}.my-navbar{position:relative;background-color:#242e49!important;box-shadow:none}.my-navbar .nav-link{color:rgba(255,255,255,.8)!important}.my-navbar .nav-link:hover{color:#fff!important}.my-navbar .navbar-toggler{border-color:rgba(255,255,255,.5)}.my-navbar .navbar-toggler-icon{filter:invert(1)}#service{margin:70px 0;background:0 0}.header-title{font-size:36px;font-weight:700;text-align:center;margin-bottom:60px;color:#fff;position:relative}.header-title::after{content:"";position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,#0f67fe,#4facfe);border-radius:2px}.service-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:40px 30px;height:100%;transition:.4s cubic-bezier(.165, .84, .44, 1);display:flex;flex-direction:column;backdrop-filter:blur(10px)}.service-item:hover{transform:translateY(-10px);background:rgba(255,255,255,.08);border-color:rgba(15,103,254,.5);box-shadow:0 20px 40px rgba(0,0,0,.3)}.service-item .title{font-size:24px;font-weight:600;margin-bottom:20px;color:#fff}.service-item .subtitle{color:#0f67fe;margin-left:5px}.service-item .content{font-size:16px;line-height:1.6;color:rgba(255,255,255,.7);flex-grow:1}.service-item img{max-width:100%;height:auto;transition:.3s}.service-item .img-box{margin-top:30px;display:flex;justify-content:flex-end;opacity:.8;transition:.3s}.service-item:hover .img-box{opacity:1;transform:scale(1.1)}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:.8s cubic-bezier(.165, .84, .44, 1)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}@media (max-width:768px){#service{margin-top:0;padding:40px 0}.header-title{font-size:28px;margin-bottom:40px}.service-item{padding:30px 20px}}