.hero-pro-effect{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#0876d8,#24313a)!important;color:#fff}.hero-pro-effect>div{position:relative;z-index:2}.dashboard-float-card{background:#ffffff1f!important;backdrop-filter:blur(16px);animation:dashboardFloat 4.5s ease-in-out infinite;box-shadow:0 25px 80px #00000047;transition:transform .25s ease,box-shadow .25s ease;transform-style:preserve-3d}.dashboard-float-card:hover{box-shadow:0 30px 90px #00000059}.dashboard-float-card:before{content:"";position:absolute;top:0;left:-90%;width:55%;height:100%;background:linear-gradient(120deg,#0000,#fff3,#0000);transform:skewX(-20deg);animation:shineMove 5s ease-in-out infinite;pointer-events:none}.hero-glow-btn{transition:all .3s ease!important}.hero-glow-btn:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 15px 35px #0673d68c}.hero-buttons,.hero-subtitle,.hero-title{opacity:0;transform:translateY(30px);animation:heroTextUp .8s ease forwards}.hero-title{animation-delay:.2s}.hero-subtitle{animation-delay:.4s}.hero-buttons{animation-delay:.6s}.about-pro-section{background:linear-gradient(135deg,#f8fafc,#eef5ff);padding-top:70px!important;padding-bottom:70px!important;min-height:auto!important}.about-pro-section .max-w-6xl{max-width:1180px!important}.about-pro-section .flex{gap:42px!important;align-items:center!important}.about-image-wrap{position:relative}.about-image-wrap img{width:100%!important;height:360px!important;object-fit:cover!important;border-radius:20px;transition:all .5s ease;box-shadow:0 20px 60px #00000026}.about-image-wrap:hover img{transform:scale(1.05) rotate(-1deg);box-shadow:0 30px 80px #00000040}.about-image-wrap:after{content:"5+ Years Experience";position:absolute;bottom:20px;left:20px;background:#0673d6;color:#fff;padding:10px 16px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:0 10px 30px #0003;animation:badgeFloat 3s ease-in-out infinite}.about-content-card{background:#fff;padding:34px!important;border-radius:20px;max-width:520px;box-shadow:0 20px 60px #00000014;transition:all .4s ease}.about-content-card:hover{transform:translateY(-8px);box-shadow:0 30px 80px #00000026}.about-content-card h2{position:relative;font-size:30px!important;margin-bottom:24px!important}.about-content-card h2:after{content:"";width:60px;height:4px;background:#0673d6;position:absolute;left:0;bottom:-8px;border-radius:2px}.about-content-card p{font-size:16px!important;line-height:1.65!important}.about-content-card a{transition:all .3s ease}.about-content-card a:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0673d666}.service-card-pro{position:relative;overflow:hidden;z-index:1}.service-card-pro:before{content:"";position:absolute;left:0;top:0;width:100%;height:0;background:linear-gradient(180deg,#2563eb,#1d4ed8);transition:height .7s ease;z-index:-1}.service-card-pro:hover:before{height:100%}.service-card-pro:hover,.service-card-pro:hover div,.service-card-pro:hover p,.service-card-pro:hover strong{color:#fff}.growth-sub,.growth-title{opacity:0;transform:translateY(40px);animation:growthUp 1s ease forwards}.growth-sub{animation-delay:.4s}.growth-title span{position:relative;display:inline-block;background:linear-gradient(90deg,#3b82f6,#60a5fa,#3b82f6);background-size:200%;background-clip:text;-webkit-background-clip:text;color:#0000;-webkit-text-fill-color:#0000;animation:textShine 3s linear infinite}.logo-wrapper{width:100%;overflow:visible;padding:35px 0}.logo-track{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;transition:transform .7s ease}.logo-wrapper:hover .logo-track{transform:translateX(35px)}.logo-card{width:135px;height:135px;min-width:135px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 32px #0000001a;transition:all .35s ease;cursor:pointer}.logo-card img{width:74px;height:74px;object-fit:contain;transition:transform .35s ease}.logo-card:hover{transform:translateY(-12px) scale(1.18);box-shadow:0 22px 50px #0673d666}.logo-card:hover img{transform:scale(1.12)}@keyframes dashboardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes shineMove{0%{left:-90%}45%,to{left:130%}}@keyframes heroTextUp{to{opacity:1;transform:translateY(0)}}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes growthUp{to{opacity:1;transform:translateY(0)}}@keyframes textShine{0%{background-position:0}to{background-position:200%}}@media (max-width:768px){.logo-track{flex-wrap:wrap;transform:none!important}.logo-wrapper:hover .logo-track{transform:none}.logo-card{width:105px;height:105px;min-width:105px}.logo-card img{width:58px;height:58px}}.why-card{padding:25px;border-radius:20px;background:linear-gradient(135deg,#fff,#f5f9ff);transition:all .4s ease;cursor:pointer;position:relative;overflow:hidden;backdrop-filter:blur(10px);border:1px solid #ffffff4d}.why-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#0673d6,#3b82f6);opacity:0;transition:.4s;z-index:0}.why-card *{position:relative;z-index:1}.why-card:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 25px 60px #0673d659;background:linear-gradient(135deg,#eaf4ff,#fff)}.why-card:hover:before{opacity:.08}.why-card:hover .w-16{transform:scale(1.2) rotate(8deg);box-shadow:0 10px 25px #0673d666}.why-card:hover h3{color:#0673d6}.why-card:hover p{color:#374151}.why-section{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,#0673d62e,#0000 28%),radial-gradient(circle at 80% 30%,#3b82f624,#0000 30%),linear-gradient(135deg,#f0f6ff,#e6f0ff)}.why-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#0673d62e 1px,#0000 0);background-size:26px 26px;opacity:.5;animation:dotMove 18s linear infinite;z-index:0}.why-section:after{content:"";position:absolute;top:-40%;left:-30%;width:70%;height:180%;background:linear-gradient(120deg,#0000,#0673d626,#0000);transform:rotate(0deg);animation:sectionShine 8s ease-in-out infinite;z-index:0}.why-section>div{position:relative;z-index:1}@keyframes dotMove{0%{background-position:0 0}to{background-position:80px 80px}}@keyframes sectionShine{0%{transform:translateX(-30%) rotate(0deg)}50%{transform:translateX(120%) rotate(0deg)}to{transform:translateX(-30%) rotate(0deg)}}