:root{--foreground-rgb:0,0,0;background:linear-gradient(90deg,#012034,#0a3d5c)}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0}}body{color:rgb(var(--foreground-rgb));background:linear-gradient(90deg,#012034,#0a3d5c)}a{color:#fff;text-decoration:none}a:hover{color:#ed1c24}@media only screen and (max-width:1000px){section.hero{display:flex!important;height:80vh!important}.slider section.hero,section.hero{background:linear-gradient(90deg,#012034,#0a3d5c)!important;align-items:flex-start!important;justify-content:center!important;padding:0 30px!important}.slider section.hero{display:grid!important;height:unset!important;grid-row-gap:0!important}section.service section#hero .right{margin-top:120px!important}.slider section.hero .left{width:95%!important;margin-top:-60px!important}.slider section.hero .left h5{letter-spacing:0!important;text-align:start}section.hero .right{max-width:40%!important}.slider-container section.hero .right{max-width:100%!important}section.service section#hero .right .con{width:100%!important;background:#000;border-radius:15px}section.service section#hero .right .con img{object-fit:contain}.category-filter{overflow-x:scroll!important}}.category-filter{display:flex;align-items:center;scroll-behavior:smooth;padding-bottom:20px;overflow:hidden}.category-button{margin:0 10px;padding:10px 20px;border:none;background-color:linear-gradient(90deg,#012034,#0a3d5c);color:#000;cursor:pointer;flex:none}.category-button.active{background:#bc1724;color:#fff;padding:10px;border:none;font-weight:800}section.service .dots a.category-button{padding:5px 10px;font-size:13px}section.service .dots a.category-button:hover{color:red;background-color:#fff;font-weight:bolder}.card-img-container{height:300px!important}input,textarea{color:#000}.service-content header{position:relative;padding:10px 50px!important;margin-bottom:20px;height:unset!important}header{height:70px!important;z-index:9!important}.filter-section{cursor:pointer}h4.category-header button,h4.category-header button:hover{top:-5px!important;border-color:#00e5ff;color:#00e5ff}h4.category-header button:hover{background-color:unset}.blog-list-header{margin-bottom:50px}.service-content .card-img-container{height:unset!important;position:relative;overflow:hidden}.service-content .card-img-container .service-title{position:absolute;bottom:0;color:#fff}.service-content .card-img-container img{opacity:.5}.service-page .filters-container .filter-section{padding:40px;border-radius:5px;display:flex;height:120px;align-items:center;justify-content:center;position:relative}.ctg-container{display:flex;grid-column-gap:40px;width:-webkit-fill-available;overflow:hidden;overflow-X:scroll;height:min-content;padding:20px}.ctg-container::-webkit-scrollbar{display:none}.ctg-container a{animation:border-animation 4s linear infinite;border-radius:15px;margin-top:10px;flex:none}@keyframes textcolor-animation{0%{color:red}25%{color:#fff}50%{color:red}75%{color:#fff}to{color:red}}.ctg-container a:hover .category-header{animation:textcolor-animation 4s linear infinite}.service-page .filters-container .filter-section h4.category-header button{top:5px!important;right:5px}.service-page .filters-container .filter-section h4.category-header{position:unset;display:grid;grid-row-gap:5px}.service-page .filters-container .filter-section h4.category-header span.count{font-size:15px;text-align:center}.service-page .filters-container .filter-section h4.category-header span.count span.services-count{font-size:10px}.service-page .filters-container .filter-section h4.category-header span.name{font-size:25px;font-weight:900;letter-spacing:2px}.service-page{max-width:100%}.service-page .filters-sidebar{width:100%}.blogs .card-body{padding:50px 10px;border-bottom:1px solid #454545;margin-bottom:20px;border-left:1px solid #454545;border-right:1px solid #454545}.blogs .card-img-container{border-bottom-left-radius:0;border-bottom-right-radius:0}header nav li ul{position:absolute;top:100%;left:0;padding:0;margin:0;display:none;z-index:999999}header nav li:hover ul{background:linear-gradient(90deg,#012034,#0a3d5c);padding:10px;display:grid}section.hero .right .con{margin-bottom:-40px}header nav li:hover ul ul{position:relative;margin-left:10px;border-left:1px solid #e1c362}header nav li:hover a,header nav li:hover li a{color:#fff}header nav li li:hover a{color:#e1c362}header nav li li:hover li a{color:#fff}header nav li li li:hover a{color:#ed1c24}header nav li li li:hover ul{border-left:1px solid #ed1c24}ul.submenu{grid-template-columns:auto auto auto auto auto;grid-column-gap:20px;right:0;left:unset;width:max-content;padding:50px!important;border-radius:10px}ul.sub-submenu{display:table-cell!important;margin:20px 10px!important}ul.sub-submenu li{display:block;position:relative!important}header nav li li li a{font-size:15px;font-weight:400}header .logo-container{width:210px;overflow:hidden;padding-top:15px;display:flex;align-content:center;justify-content:center}header .logo-container a{width:75%}@media only screen and (max-width:1500px){header nav{width:-webkit-fill-available;color:#fff;display:flex;align-items:center;justify-content:end;padding-right:5%;grid-column-gap:38px;position:relative}header .logo-container{width:210px;overflow:hidden;padding-top:15px;display:flex;align-content:center;justify-content:center}header .logo-container a{width:75%}header nav li{color:#fff;list-style:none;font-size:1.2rem;text-decoration:none;font-family:Segoe UI Bold;font-weight:600}header.fixed-header{padding:15px!important;z-index:999999999999!important;background:linear-gradient(90deg,#012034,#0a3d5c)!important}section.hero{height:85vh!important;padding:3vh 30px 0!important;grid-column-gap:40px}.slider section.hero .right .con{width:-webkit-fill-available;height:250px}.slider section.hero .right{overflow:hidden}section.hero .left h1{font-size:2.5rem!important}form.contact-form{width:98%;margin:auto;background:linear-gradient(90deg,#012034,#012034);padding:61PX 124PX;border-radius:5.5rem;COLOR:#fff}}.pricing-page{padding:40px}.period-switch{margin-bottom:20px}.period-btn.active,.pricing-page .btn-primary{background-color:#000;color:#fff;border:none}.no-packages-message p{color:#fff}.period-btn,.period-btn:hover{padding:10px 20px;margin:5px;background-color:#e0e0e0;border:none;border-radius:5px;cursor:pointer;color:#000}.category-section{margin-bottom:40px}.category-section h2{font-size:2em;text-transform:capitalize;margin-bottom:20px}.row{display:flex;flex-wrap:wrap}.package-card{background-color:#fff;border:1px solid #ddd;border-radius:10px;padding:50px 20px 20px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:20px;flex:1 1 30%;position:relative}.package-card span.price{position:absolute;top:0;right:0;background:#000;color:#fff;border-radius:10px;border-bottom-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:30px;font-weight:700;padding:10px 10px 10px 20px}.package-card span.price span.period{font-size:10px}.package-card h4{font-size:1.5em;margin-bottom:10px}.package-card p{font-size:1.2em}.package-card .btn{margin-top:10px}.pricing-page .header{text-align:center}.title-white,svg.wavy-line.white,svg.wavy-line.white .wavy-line path{color:#fff}svg.wavy-line.white path{stroke:#fff}.pricing-page .period-switch{text-align:center}.package-card h4{text-align:start;font-weight:bolder;font-size:40px}.package-card p{font-size:14px;font-weight:600;margin-top:-8px;margin-left:2px}.package-card .offers,.package-card p{text-align:start}.package-card .offers ul{list-style:none;padding:0}.package-card .offers ul li{font-weight:100;font-size:15px}.package-card .offers ul li strong{font-weight:700;font-size:15px}.btn-of-get{background-color:#000;color:#fff;font-weight:700;outline:none}.btn-of-get:hover{background-color:#fff;color:#ed1c24;font-weight:700}.portfolio-card{height:350px;border-radius:10px;overflow:hidden;box-shadow:0 0 21px -7px #000}.portfolio-card .image-container{display:flex;align-items:center;justify-content:center}video.portfolio-image{width:100%}.portfolio-card .image-container img.portfolio-image{width:100%;height:100%;border-radius:10px;border-right:5px solid #0000003d}.portfolio-page h1.title{font-size:50px;font-weight:700}.portfolio-card h4.title{font-weight:600;color:#000}.portfolio-card .content p.subtitle{font-size:15px;color:#000;margin:0}.portfolio-card .content p.description{font-size:17px}.portfolio-card .content .projects ul{display:flex;align-items:center;justify-content:start;list-style:none;padding:0;margin:0;grid-column-gap:5px}.portfolio-card .content .projects ul li{border:2px solid #000;padding:5px 20px;font-size:15px;border-radius:20px;font-weight:800}.portfolio-card .content .projects{overflow-x:scroll}.portfolio-card .content .projects::-webkit-scrollbar{display:none}.portfolio-card .content .visit-btn{height:max-content;width:98%}@media only screen and (max-width:900px){.blog-page{padding:20px 0 10px 10px;width:auto}.blog-page .filters-sidebar{width:90%;padding:20px;margin:auto auto 20px 15px}.blog-page .blog-list-header{width:97%}.service-page .filters-container .filter-section h4.category-header{position:unset;display:grid;grid-row-gap:5px;display:flex;justify-content:space-between}.portfolio-card .content .visit-btn{height:max-content;width:98%}.portfolio-card{display:grid;height:min-content;overflow:hidden}.portfolio-card .content{width:100%;max-width:100%;display:block!important}.portfolio-card .content .projects ul{display:grid;grid-row-gap:20px;padding:20px 0;width:100%}.portfolio-card .content .projects ul li{width:100%}.portfolio-card .image-container{height:150px;overflow:scroll}.portfolio-card .content{padding:20px;width:300px;overflow:hidden;margin:auto}.pricing-page{padding:10px}}.toploader{position:fixed;top:0;left:0;z-index:1e+68;width:100%;height:100%;display:flex;align-items:center;justify-self:center}section.service .slider-container .category-filter{justify-content:center}.pre-design{position:fixed;right:0;top:0;bottom:0;z-index:100000000000000000000;width:0}.pre-design:hover .ai{opacity:1}.pre-design .ai{color:#fff;opacity:0;align-items:center;justify-self:center;width:100%;height:100%;margin:auto;padding:20px}.pre-design:hover{background:linear-gradient(90deg,#012034,#0a3d5c);width:100%;transition:width 2s}.portfolio-card .content{height:100%}.pre-design .ai .card-img-container{height:200px!important}.pre-design .ai .blogs{transform:scale(.9)}.pre-design .ai .blogs .card-body{padding:10px;margin:0}.pre-design .ai .blogs .canvas-fallback{height:200px}.service-description p{color:unset}.service-description li,.service-description span{color:unset!important}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}header.fixed-header{padding:0;z-index:2}section{background:linear-gradient(90deg,#012034,#0a3d5c);padding:50px}header.fixed-header nav{width:auto;padding-left:40px;transition:.5s;border-radius:10px}header nav li{padding:15px 0}header nav li li,header nav li li li{padding:0}.logo{position:relative;display:inline-block;overflow:hidden;border-radius:8px;box-shadow:0 0 20px rgba(0,123,255,.1);transition:all .3s ease}.logo:before{top:-100%;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.8) 20%,hsla(0,0%,100%,.9) 50%,hsla(0,0%,100%,.8) 80%,hsla(0,0%,100%,0));animation:techBackgroundSweep 2s ease-in-out forwards;z-index:-1}.logo:after,.logo:before{content:"";position:absolute;left:0;width:100%;height:100%;border-radius:inherit}.logo:after{top:0;background:linear-gradient(45deg,transparent 30%,rgba(0,123,255,.1) 50%,transparent 70%);animation:techShimmer 3s linear forwards;z-index:1;pointer-events:none}.logo img{position:relative;z-index:2;transition:all .3s ease;animation:subtleBounce 2s ease-in-out forwards}@keyframes techBackgroundSweep{0%{top:-100%;opacity:0}15%{opacity:1}50%{top:0;opacity:.9}85%{opacity:1}to{top:0;opacity:.5}}@keyframes subtleBounce{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes techShimmer{0%{transform:translateX(-100%) rotate(45deg)}to{transform:translateX(300%) rotate(45deg)}}.logo:hover{box-shadow:0 0 30px rgba(0,123,255,.3),0 5px 15px rgba(0,0,0,.1);transform:translateY(-2px)}.logo:hover img,.logo:hover:before{animation-duration:1.5s}.logo-tech-border{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(45deg,#007bff,#00d4ff,#007bff) border-box;animation:borderPulse 2s ease-in-out infinite alternate}@keyframes borderPulse{0%{box-shadow:0 0 20px rgba(0,123,255,.2)}to{box-shadow:0 0 30px rgba(0,212,255,.4)}}.logo-loading:before{background:linear-gradient(90deg,hsla(0,0%,100%,0),rgba(0,123,255,.3) 25%,hsla(0,0%,100%,.9) 50%,rgba(0,212,255,.3) 75%,hsla(0,0%,100%,0));animation:techLoading 2s linear infinite}@keyframes techLoading{0%{left:-100%}to{left:100%}}