.vapt-services-section{padding:80px 0}.vapt-container{max-width:1400px;margin:0 auto;padding:0 15px}.section-header{text-align:center;margin-bottom:60px}.section-header h1{font-size:42px;font-weight:700;color:#1a237e;margin-bottom:20px}.circular-diagram-wrapper{position:relative;max-width:1450px;margin:-50px auto;padding:70px 40px;min-height:1050px;display:flex;align-items:center;justify-content:center}.circular-diagram{position:relative;width:100%;max-width:750px;height:750px;margin:0 auto}.center-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;background:#fff;border-radius:50%;box-shadow:0 10px 50px rgba(0,0,0,.15);z-index:100;border:5px solid #f0f4f8;cursor:pointer;transition:all .3s ease;overflow:hidden}.center-circle,.center-circle-inner{display:flex;align-items:center;justify-content:center}.center-circle-inner{width:100%;height:100%;position:relative;border-radius:50%;overflow:visible}.center-circle-inner:before{display:none}.center-circle-inner:after{content:"VAPT";position:absolute;font-size:38px;font-weight:700;color:#1a237e;text-align:center;z-index:10;letter-spacing:3px}.center-circle img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.vapt-info-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.1) rotate(0deg);width:500px;max-width:90vw;background:#fff;border-radius:15px;padding:30px;box-shadow:0 15px 50px rgba(0,0,0,.2);z-index:200;opacity:0;visibility:hidden;transition:all .6s cubic-bezier(.6,0,.4,1);border-left:5px solid #667eea;animation:spinOutVAPT .6s cubic-bezier(.6,0,.4,1)}.center-circle:hover+.vapt-info-card,.vapt-info-card:hover{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1) rotate(1turn);animation:spinInVAPT .6s cubic-bezier(.34,1.56,.64,1)}.center-circle:hover{opacity:.3;transform:translate(-50%,-50%) scale(.8)}.vapt-info-card h4{font-size:14px;color:#667eea;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-weight:600}.vapt-info-card h3{font-size:22px;color:#1a237e;margin-bottom:15px;font-weight:700}.vapt-info-card p{font-size:15px;color:#555;line-height:1.8;margin:0}.vapt-info-card p b{color:#667eea;font-weight:700}@keyframes spinInVAPT{0%{transform:translate(-50%,-50%) scale(.1) rotate(0deg);opacity:0}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(1turn)}}@keyframes spinOutVAPT{0%{transform:translate(-50%,-50%) scale(1) rotate(1turn);opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.1) rotate(0deg)}}.circular-icon{position:absolute;width:90px;height:90px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#fff;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 5px 20px rgba(0,0,0,.2);z-index:101;padding:8px}.circular-icon:hover{transform:scale(1.1);box-shadow:0 8px 30px rgba(0,0,0,.3)}.icon-web-app:hover{transform:translate(-50%) scale(1.1)}.icon-api:hover,.icon-thick-client:hover{transform:translateY(-50%) scale(1.1)}.icon-red-team:hover{transform:translate(-50%) scale(1.1)}.circular-icon i{font-size:26px;display:block}.circular-icon .icon-label{font-size:11px;font-weight:700;text-align:center;line-height:1.2;text-transform:uppercase;letter-spacing:.5px}.service-item{padding:18px 20px;background:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.15);transition:all .3s ease;border-left:5px solid transparent;position:absolute;overflow:hidden;width:260px;max-width:260px;opacity:1;visibility:visible;pointer-events:auto;z-index:50}.service-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .4s ease;z-index:0;opacity:0}@keyframes spinInTop{0%{transform:translate(-50%) scale(.1) rotate(0deg);opacity:0}to{opacity:1}}@keyframes spinInTopRight{0%{transform:translate(0) scale(.1) rotate(0deg);opacity:0}to{opacity:1}}@keyframes spinInRight{0%{transform:translate(0) scale(.1) rotate(0deg);opacity:0}to{opacity:1}}@keyframes spinInBottomRight{0%{transform:translate(0) scale(.1) rotate(0deg);opacity:0}to{opacity:1}}@keyframes spinInBottom{0%{transform:translate(-50%) scale(.1) rotate(0deg);opacity:0}to{opacity:1}}@keyframes spinInBottomLeft{0%{transform:translate(0) scale(.1) rotate(0deg);opacity:0}to{opacity:1}}@keyframes spinInLeft{0%{transform:translate(0) scale(.1) rotate(0deg);opacity:0}to{opacity:1}}@keyframes spinInTopLeft{0%{transform:translate(0) scale(.1) rotate(0deg);opacity:0}to{opacity:1}}.circular-icon:hover+.service-item,.service-item:hover{transform:scale(1.05)!important;box-shadow:0 12px 40px rgba(0,0,0,.25)!important;z-index:100!important}.circular-icon:hover+.service-item:before,.service-item:hover:before{opacity:.05}.service-item h3{font-size:16px;font-weight:700;margin-bottom:10px;position:relative;z-index:1;transition:all .3s ease;color:#1a237e}.service-item ul{list-style:none;padding:0;margin:0;position:relative;z-index:1}.service-item ul li{padding:5px 0 5px 20px;position:relative;font-size:12.5px;color:#555;line-height:1.5;transition:color .3s ease}.service-item:hover ul li{color:#333}.service-item ul li:before{content:"●";position:absolute;left:8px;font-weight:700;font-size:12px;transition:all .3s ease}.service-cyan{border-left-color:#009688}.service-cyan:before{background:linear-gradient(90deg,#009688,#00796b)}.service-cyan .service-icon{background:linear-gradient(135deg,#009688,#00796b)}.service-cyan:hover .service-icon{background:linear-gradient(135deg,#00796b,#00695c)}.service-cyan ul li:before{color:#009688}.service-cyan:hover h3{color:#00695c}.service-green{border-left-color:#009688}.service-green:before{background:linear-gradient(90deg,#009688,#00796b)}.service-green .service-icon{background:linear-gradient(135deg,#009688,#00796b)}.service-green:hover .service-icon{background:linear-gradient(135deg,#00796b,#00695c)}.service-green ul li:before{color:#009688}.service-green:hover h3{color:#00695c}.service-purple{border-left-color:#009688}.service-purple:before{background:linear-gradient(90deg,#009688,#00796b)}.service-purple .service-icon{background:linear-gradient(135deg,#009688,#00796b)}.service-purple:hover .service-icon{background:linear-gradient(135deg,#00796b,#00695c)}.service-purple ul li:before{color:#009688}.service-purple:hover h3{color:#00695c}.service-teal{border-left-color:#009688}.service-teal:before{background:linear-gradient(90deg,#009688,#00796b)}.service-teal .service-icon{background:linear-gradient(135deg,#009688,#00796b)}.service-teal:hover .service-icon{background:linear-gradient(135deg,#00796b,#00695c)}.service-teal ul li:before{color:#009688}.service-teal:hover h3{color:#00695c}.icon-web-app{top:22%;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#009688,#00796b)}.icon-network{top:28%}.icon-network,.icon-thick-client{right:22%;background:linear-gradient(135deg,#009688,#00796b)}.icon-thick-client{top:50%;transform:translateY(-50%)}.icon-cloud{bottom:28%;right:22%}.icon-cloud,.icon-red-team{background:linear-gradient(135deg,#009688,#00796b)}.icon-red-team{bottom:22%;left:50%;transform:translate(-50%)}.icon-source-code{bottom:28%}.icon-api,.icon-source-code{left:22%;background:linear-gradient(135deg,#009688,#00796b)}.icon-api{top:50%;transform:translateY(-50%)}.icon-mobile{top:28%;left:22%;background:linear-gradient(135deg,#009688,#00796b)}.service-web-app{top:-20%;left:50%;transform:translate(-50%)}.service-network{top:-8%;right:-25%}.service-thick-client{top:50%;right:-30%;transform:translateY(-50%)}.service-cloud{bottom:-8%;right:-28%}.service-red-team{bottom:-13%;left:50%;transform:translate(-50%)}.service-source-code{bottom:-8%;left:-25%}.service-api{top:50%;left:-30%;transform:translateY(-50%)}.service-mobile{top:-8%;left:-25%}.circular-icon:hover+.service-item.service-web-app,.service-web-app:hover{transform:translate(-50%) scale(1.05)!important}.circular-icon:hover+.service-item.service-mobile,.circular-icon:hover+.service-item.service-network,.service-mobile:hover,.service-network:hover{transform:scale(1.05)!important}.circular-icon:hover+.service-item.service-api,.circular-icon:hover+.service-item.service-thick-client,.service-api:hover,.service-thick-client:hover{transform:translateY(-50%) scale(1.05)!important}.circular-icon:hover+.service-item.service-cloud,.circular-icon:hover+.service-item.service-source-code,.service-cloud:hover,.service-source-code:hover{transform:scale(1.05)!important}.circular-icon:hover+.service-item.service-red-team,.service-red-team:hover{transform:translate(-50%) scale(1.05)!important}@media (max-width:1600px){.service-item{width:240px;max-width:240px;padding:16px 18px}.service-item h3{font-size:15px}.service-item ul li{font-size:12px}}@media (max-width:1400px){.circular-diagram{height:700px}.circular-diagram-wrapper{min-height:900px;padding:50px 25px}.center-circle{width:162px;height:162px}.center-circle-inner:after{font-size:24px;letter-spacing:2.5px}.service-item{width:230px;max-width:230px;padding:15px 16px}.service-item h3{font-size:15px}.service-item ul li{font-size:11.5px}.section-header h1{font-size:36px}}@media (max-width:1200px){.circular-diagram{height:650px}.circular-diagram-wrapper{min-height:850px;padding:45px 20px}.center-circle{width:144px;height:144px}.center-circle-inner:after{font-size:21px;letter-spacing:2px}.service-item{width:210px;max-width:210px;padding:14px 15px}.service-item h3{font-size:14px}.service-item ul li{font-size:11px;padding:4px 0 4px 18px}}@media (max-width:992px){.circular-diagram{height:600px}.circular-diagram-wrapper{min-height:600px}.center-circle{width:132px;height:132px;pointer-events:auto!important;cursor:pointer!important}.center-circle:hover{opacity:1;transform:none}.center-circle-inner:after{font-size:18px;letter-spacing:1.5px}.vapt-info-card{pointer-events:none!important}.center-circle:hover+.vapt-info-card,.vapt-info-card,.vapt-info-card:hover{display:none!important;opacity:0!important;visibility:hidden!important}.circular-icon{width:70px;height:70px;gap:3px;transition:none}.circular-icon:active{transform:none}.circular-icon i{font-size:20px}.circular-icon .icon-label{font-size:9px}.service-item{width:280px;max-width:280px;padding:15px 18px;opacity:1;visibility:visible;transform:none!important;position:static;margin:10px auto;transition:none}.service-item:active{transform:none!important;box-shadow:0 8px 30px rgba(0,0,0,.15)}.service-item ul li{padding:6px 0 6px 25px;font-size:13px}.service-item ul li:before{left:5px;font-size:10px}.service-item h3{font-size:16px}.service-item:hover{box-shadow:0 8px 30px rgba(0,0,0,.15)!important;z-index:50!important}.circular-icon:hover+.service-item,.circular-icon:hover+.service-item.service-api,.circular-icon:hover+.service-item.service-cloud,.circular-icon:hover+.service-item.service-mobile,.circular-icon:hover+.service-item.service-network,.circular-icon:hover+.service-item.service-red-team,.circular-icon:hover+.service-item.service-source-code,.circular-icon:hover+.service-item.service-thick-client,.circular-icon:hover+.service-item.service-web-app,.service-api:hover,.service-cloud:hover,.service-item:hover,.service-mobile:hover,.service-network:hover,.service-red-team:hover,.service-source-code:hover,.service-thick-client:hover,.service-web-app:hover{transform:none!important}.section-header h1{font-size:32px}.vapt-services-section{padding:60px 0}.circular-diagram{display:flex;flex-direction:column;height:auto}.center-circle{position:static;transform:none;margin:0 auto 20px}.circular-icon{display:none}}@media (max-width:768px){.section-header h1{font-size:28px}.service-item{padding:18px;width:100%;max-width:100%;transition:none}.service-item:active{transform:none!important;box-shadow:0 8px 30px rgba(0,0,0,.15)}.service-item h3{font-size:16px}.service-item ul li{font-size:13px;padding:6px 0 6px 25px;line-height:1.6}.service-item ul li:before{left:5px;top:8px;font-size:10px}.service-item:hover{box-shadow:0 8px 30px rgba(0,0,0,.15)!important;z-index:50!important}.circular-icon:hover+.service-item,.service-item:hover{transform:none!important}.center-circle{max-width:120px;height:120px}.center-circle:hover{opacity:1;transform:none}.center-circle-inner:after{font-size:16px;letter-spacing:1px}.vapt-services-section{padding:40px 0}.vapt-info-card{pointer-events:none!important}.center-circle:hover+.vapt-info-card,.vapt-info-card,.vapt-info-card:hover{display:none!important;opacity:0!important;visibility:hidden!important}.center-circle{pointer-events:auto!important;cursor:pointer!important}}.vapt-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:9998}.vapt-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;max-height:80vh;background:#fff;border-radius:15px;padding:30px 20px;box-shadow:0 15px 50px rgba(0,0,0,.3);z-index:9999;overflow-y:auto;border-left:5px solid #667eea}.vapt-modal-close{position:absolute;top:15px;right:15px;background:transparent;border:none;font-size:32px;color:#666;cursor:pointer;width:35px;height:35px;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;transition:color .3s ease}.vapt-modal-close:hover{color:#1a237e}.vapt-modal-content{padding-right:10px}.vapt-modal-content h4{font-size:14px;color:#667eea;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-weight:600}.vapt-modal-content h3{font-size:22px;color:#1a237e;margin-bottom:15px;font-weight:700}.vapt-modal-content p{font-size:15px;color:#555;line-height:1.8;margin:0}.vapt-modal-content p b{color:#667eea;font-weight:700}@media (min-width:769px){.vapt-modal,.vapt-modal-overlay{display:none!important}}@media (max-width:768px){.vapt-modal-content h4{font-size:13px}.vapt-modal-content h3{font-size:20px;margin-bottom:12px}.vapt-modal-content p{font-size:14px;line-height:1.7}.vapt-modal{padding:25px 20px;max-height:85vh}.vapt-modal-close{top:10px;right:10px;font-size:28px;width:30px;height:30px}}