@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";.home{margin:0 5vw}.home h2{margin-bottom:10px}#hero{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:20vh;text-align:center;margin-bottom:60px}#hero .display-info{background:#152d45;display:flex;align-items:center;gap:20px;border-radius:25px;padding:5px 40px 5px 10px;margin-bottom:30px}#hero .display-info span{border-radius:20px;background:#2e6399;padding:3px 10px}#hero h1,#hero p{margin-bottom:20px;z-index:1}#hero .nav-links{display:flex;gap:10px;z-index:1}#hero .link{display:inline-block;border-radius:10px;font-weight:600;font-size:12px;padding:9px 0;min-width:140px}#hero a.link:first-child{background:#2e6399;transition:opacity .3s ease}#hero a.link:first-child:hover{background:#3f54aa}#hero .link:last-child{background:#2e63994d;border:1px solid #dbdbdb61;display:flex;justify-content:center;align-items:center}#hero .link:last-child:hover{background-color:#2e6399}#about{margin-bottom:60px}#about p{margin-bottom:10px;margin-right:10px}#about .link{display:inline-block;border-radius:10px;text-align:center;font-size:18px;font-weight:700;padding:8px 0;min-width:140px;margin-top:15px;border:1px solid #4289d1;background:linear-gradient(to right,#000,#000,#000,#2e6399,#2e6399)}#about .link:hover{background:#1d5288}#services p:first-child{font-weight:700;font-size:20px;display:inline-block;border-radius:15px;text-align:center;padding:10px 25px;border:4px solid transparent;background:linear-gradient(#000,#000) padding-box,linear-gradient(to right,#2e6399,#152d45) border-box;margin-bottom:20px}#services h2{margin-left:6px}#services p{margin-right:25px}#services h2+p{margin-left:6px;margin-bottom:15px;font-size:15px;font-weight:500}.service-cards{display:flex;flex-direction:column;gap:30px;align-items:center;margin-bottom:60px}.service-card{position:relative;min-width:84vw;padding:80px 2vw;z-index:2;border-radius:15px;background-color:#0b131b;text-align:center}.border:hover{transform:scale(1.05);transition:all .3s ease}.service-card h1{font-weight:800;letter-spacing:1px;font-size:30px}.service-card img{margin-bottom:30px}#faqs h1{text-align:center;margin-bottom:10px}#faqs>p:nth-child(3){text-align:center;margin-bottom:20px}#clients>p{text-align:center;font-weight:600;font-size:20px;margin-bottom:10px}.carousel{overflow:hidden;width:100%}.carousel-slider{animation:carousel 3s linear infinite;display:flex;gap:80px;width:max-content;align-items:center}.carousel{margin-bottom:50px}@keyframes carousel{0%{transform:translate(0)}to{transform:translate(-34.5%)}}#clients .card,.about .card{background:linear-gradient(135deg,#2e639980 20%,#d9d9d900 30% 70%,#2e639980 80%);display:flex;flex-direction:column;padding:30px 50px;gap:10px;margin-bottom:100px;border-radius:30px;align-items:center;text-align:center;cursor:pointer}#clients .card h2,.about .card h2{font-weight:700;font-size:20px;margin-bottom:0}#clients .card p,.about .card p{font-weight:400;font-size:13px;margin-bottom:5px}#clients .card button,.about .card button{font-weight:500;font-size:9px;outline:none;border:none;background-color:#2e6399;display:flex;align-items:center;padding:10px 20px;border-radius:10px;margin:0 auto;cursor:pointer}#clients .card button.gray,#clients .card button:hover,.about .card button.gray,.about.card button:hover{background-color:#232c34}div.border{content:"";position:relative;border-radius:15px;padding:5px;background:linear-gradient(var(--rotation),#2e6499b7 0%,#2e6399b7 30%,black 41%,black);animation:rotate-border 5s linear infinite}@keyframes rotate-border{0%{--rotation: 0deg}to{--rotation: 360deg}}@property --rotation{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.services{margin:85px 5vw 0}.services h1{text-align:center;margin:0 5vw;margin-bottom:25px}.services p{font-size:21px}.services>p:nth-child(3),p.title{text-align:center;font-size:18px}.services>p:nth-child(3){margin-bottom:35px}.services div .title{justify-self:left;text-align:left}.services img{width:99%;margin-bottom:30px;display:flex;justify-self:center}.services div div p:first-of-type{margin-bottom:30px}.services div div p:last-of-type{margin-bottom:30px}.about{margin:85px 5vw 0}.about h1{text-align:center;font-weight:700;margin:0 8vw 20px}.about>p{text-align:center}.about>p:nth-child(3){margin-bottom:30px}.about h2{text-align:center;font-size:30px;font-weight:600;margin-bottom:20px}.about h2+p{margin-bottom:35px}.gradient-background{margin-bottom:15px;padding:23px 8px;border-radius:10px;background:linear-gradient(-8deg,#152d45,#0d0d0d 35%)}.gradient-background h3{font-size:28px;font-weight:600;text-align:center;margin-bottom:7px}.gradient-background p{font-size:18px}.about .title.lg.first{margin-top:40px;background-color:#0d0d0d;border-radius:5px;font-size:18px;margin-bottom:20px}.about .title.lg+h2{margin-left:4vw;margin-right:4vw}.about .card.info{padding:20px 10px;border:.71px solid white;border-radius:14.17px;background:linear-gradient(135deg,#152d45,#152d45,#0d0d0d 40%);margin-bottom:20px;display:flex;align-items:start}.about .card.two.info{background:linear-gradient(225deg,#152d45,#152d45,#0d0d0d 40%);margin-bottom:40px}.about .card.info .title{margin:0 0 25px;padding:0;font-size:19.84px;font-weight:600;border:none;justify-self:left}.about .card.info p{font-size:17.72px;font-weight:500;display:flex;align-items:center;margin-bottom:20px}.about .title.lg:not(.about .title.lg.first){font-size:18px}.about .title.lg:not(.about .title.lg.first)+h2+p{margin-bottom:5px}.blog{margin:85px 10vw 0}.blog h1{font-size:33px;font-weight:700;margin:0 8vw;text-align:center;margin-bottom:20px}.blog>p:nth-child(3){font-size:18px;text-align:center;margin-bottom:30px}.blog img{width:90%;display:flex;justify-self:center;margin-bottom:5px}.blog .article-card .title{justify-self:left;margin-bottom:10px;border-width:.35px}.article-card{margin-bottom:100px}.article-card .article{border:.35px solid white;width:80vw;padding:10px 20px 30px;display:block;margin-bottom:20px;border-radius:8px;cursor:pointer;transition:transform .3s ease}.article-card .article p{text-align:left;font-weight:600;font-size:18.44px}.article-card .article:hover{transform:scale(1.05)}.contact{margin:85px 5vw}.contact h1{text-align:center;font-size:33px;margin-left:70px;margin-right:70px;margin-bottom:30px}.contact>p:nth-of-type(2){text-align:center;margin-bottom:20px}.contact .gradient-background{padding-left:20px}.contact .gradient-background p:first-child{display:flex;justify-content:start;align-items:center;margin:10px 10px 10px 0;gap:10px}.contact form{display:grid;grid-template-columns:repeat(4,1fr);grid-template-areas:"fname fname lname lname" "email email phone phone" "msg msg msg msg" "btn btn btn btn";gap:20px 20px}.contact .fname{grid-area:fname}.contact .lname{grid-area:lname}.contact .email{grid-area:email}.contact .phone{grid-area:phone}.contact .msg{grid-area:msg;display:flex;flex-direction:column}.contact button{grid-area:btn}.contact label{font-weight:bolder;font-size:20px}.contact input,.contact .msg textarea{border:.5px solid white;background:transparent;border-radius:5px;margin-top:20px;padding:20px 8px}.contact input{width:100%}.contact .msg textarea{font-size:17px;height:13vh}.contact button{background:linear-gradient(#041c34,#041c34) padding-box,linear-gradient(45deg,#2e6399,#152d45) border-box;border-radius:10px;padding:8px 0;width:100%;cursor:pointer;border:3px solid transparent}.contact button:hover{background:#2e6399}.contact form{border:.5px solid white;border-radius:12px;padding:10px;margin-top:40px}.article-page{margin:85px 6vw 0;position:relative}.article-page button{border:none;cursor:pointer;background:none;display:flex;align-items:center;gap:8px;font-size:15px;margin-bottom:30px;z-index:2;position:relative}.article-page .title{font-size:12.6px;margin-right:20px;border-width:.35px;display:inline-block}.article-page h1{font-weight:600;text-align:center;margin-bottom:50px}.article-page p{font-size:18px;z-index:1;position:relative;margin-bottom:25px}.article-page>img{width:100%;height:250px;object-fit:cover;margin:5px 0 30px}.article-page h2{font-size:30px;font-weight:600;z-index:1;position:relative;text-align:center;margin-bottom:25px}.article-page h3{text-align:center;font-size:27px;z-index:1;position:relative;margin-bottom:25px;font-weight:700}.article-page .extra{margin-bottom:80px}.article-page p:last-child{margin-bottom:100px}.article-page .left{text-align:left}.article-page .top{margin-top:100px}.article-page.number3 h2:not(.article-page.number3 h2:first-of-type){text-align:left;margin-top:80px}.article-page.number4 h2:first-of-type,.article-page.number4 h1{margin-left:5px;margin-right:5px}.article-page.number4 h1,.article-page.number3 h1{margin-bottom:20px}.article-page.number4 h2:not(.article-page.number4 h2:first-of-type){text-align:left;margin-top:80px}.error-404{margin:85px 6vw 100px}.error-404 h1,.error-404 p{text-align:center;margin-bottom:20px}.error-404 button{background-color:#152d45;border:.31px solid white;padding:5px;border-radius:3px;display:flex;justify-self:center}.error-404 .title{font-weight:500;font-size:14.67px;border-width:.33px}.bg{margin-top:0}img.background:nth-of-type(1){position:absolute;top:-33vh;width:100vw;left:-6vw;height:100%}img.background:nth-of-type(2){position:absolute;top:48vh;width:100vw;left:-6vw;height:100%}img.background:nth-of-type(3){position:absolute;top:298vh;width:100vw;left:-6vw;height:100vh}.nav ul{list-style-type:none}.nav a{text-decoration:none}.nav .container{display:flex;flex-direction:column;margin:0 5vw;width:100%;border:2px solid transparent;background:linear-gradient(#041c34,#041c34) padding-box,linear-gradient(45deg,#152d45,#2e6399) border-box;border-radius:22px;padding:3px 20px;max-height:55px;overflow:hidden;transition:max-height .3s ease}.nav{display:flex;justify-content:center;align-items:center;position:fixed;left:0;right:0;z-index:5}.menu{display:flex;align-items:center;justify-content:space-between}.menu img{margin-top:3px}.menu-icon{display:flex;width:30px;flex-direction:column;gap:5px;background-color:transparent;border:none;cursor:pointer}.menu-icon span{height:3px;width:100%;background-color:#fff;transition:all .3s ease;opacity:1}.nav.open .menu-icon span:first-child{transform:rotate(45deg) translateY(11.5px)}.nav.open .menu-icon span:nth-child(2){opacity:0}.nav.open .menu-icon span:last-child{transform:rotate(-45deg) translateY(-11.5px)}.nav-items{list-style-type:none;margin-top:30px;opacity:0;visibility:hidden;transition:all .3s ease;max-height:0;margin-left:10px}.nav-items li{margin-bottom:20px;font-weight:600;font-size:15px}.nav.open .container{max-height:500px;background:linear-gradient(#152d45,#152d45) padding-box,linear-gradient(45deg,#152d45,#2e6399) border-box}.nav.open .nav-items{opacity:1;visibility:visible;max-height:500px;display:block}.nav-items .contact-button{display:flex;justify-content:center;align-items:center;margin-bottom:10px;background:#2e6399;border:none;width:100%;transform:translate(-3%);text-align:center;padding:10px 0;border-radius:25px;font-weight:600;font-size:15px}.nav-items li>:hover{color:#2e6399}.nav-items .contact-button:hover span,.nav-items .contact-button:hover img{display:inline-block;transform:translateY(-2px) scale(1.05)}footer{background-color:#152d45;padding:40px 40px 100px;z-index:2}footer h2{display:flex;align-items:center;gap:10px;margin-bottom:15px;font-size:25px;font-weight:900}footer p:nth-child(2){font-weight:600;margin-bottom:30px;font-size:18px}footer .cravuelink{font-weight:600;font-size:18px;display:inline-block;cursor:pointer;margin-bottom:40px}footer .links{display:flex;gap:55px}footer .links li{font-size:.9em;margin-bottom:10px}footer .links h3{margin-bottom:15px;font-weight:600;font-size:18px}.link{cursor:pointer;font-weight:400;font-size:15px}.accordion-item{margin-bottom:3px;background:#28282880;border-radius:5px;padding:8px 5px;cursor:pointer}.accordion-title{font-size:11px;font-weight:600}.accordion-title .angle-icon{display:none}.accordion .accordion-content{max-height:0;font-weight:500;font-size:9px;overflow:hidden;transition:all .3s ease}.accordion-content.open{max-height:50px;transition:all .3s ease;padding-top:10px}.accordion{position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-bottom:60px}.accordion:before{content:"";position:absolute;width:264px;height:80.6px;border-radius:50px;background:linear-gradient(22.5deg,#2e6399 60%,#28282880,#000);filter:blur(30px);top:35%;left:30px;z-index:-1;transform:rotate(-15deg)}.copyright{margin:8px auto;text-align:center}@media(min-width:768px){.nav .nav-items{visibility:visible;opacity:1;display:flex;margin:0;gap:25px;align-items:center}.nav-items .contact-button{background:none;margin:0;font-size:18px;font-weight:800;margin-left:11vw}.nav-items .contact-button img{display:none}.nav .nav-items li{margin:0;position:relative}.nav .container{flex-direction:row;align-items:center;justify-content:space-between}.nav .menu-icon{display:none}.activepage:before{content:"";width:50%;height:2px;left:28%;position:absolute;background:#fff;bottom:-5px;border-radius:30px;transition:all .3s ease}#hero{margin:0;height:60vh}#hero h1{font-size:30px}#about div{display:flex;align-items:center}#about h2,#about div p{margin-bottom:0}#about .link{margin-top:0}#services .service-cards .service-card{min-width:80vw;padding:65px 2vw}#clients .card,.about .card{width:80%;padding:50px;justify-self:center}footer{display:flex;justify-content:space-between}footer .links{display:flex;flex-direction:row-reverse}}@media(min-width:1024px){.home{margin:0 7vw}#hero{height:100vh}#hero h1{font-size:48px}#about{position:relative}#about div{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}#about div img{height:85%;border:1px solid #2e6399}#about h2{position:absolute;top:10%}#about .link{position:absolute;bottom:5%}#services .service-cards{flex-direction:row;margin-top:20px}#services .service-cards .service-card{min-width:25vw;padding:60px 1vw}#faqs .title{background:#2e6399;border:none}#faqs h1{font-size:48px;margin-left:15vw;margin-right:15vw}#faqs>p{font-weight:400}#faqs p,.accordion-title{font-size:18px}.accordion .accordion-content{font-size:12px}.accordion{width:60vw;justify-self:center}.accordion-item{margin-bottom:5px;padding:10px 8px}.accordion:before{width:450px;height:150px;border-radius:100px 0 0 100px;background:linear-gradient(22.5deg,#2e6399 60%,#28282880,#000);filter:blur(15px);top:18%;left:60px;z-index:-1;transform:rotate(-15deg)}#clients .card,.about .card{width:60vw;padding:60px 6em;justify-self:center;border-radius:60px}#clients .card h2,.about .card h2{font-size:40px;margin-bottom:0}footer{padding-bottom:30px;padding-right:100px;padding-left:80px}footer .cravuelink{margin-bottom:0}.nav-items .contact-button{margin-left:19vw}.services>div{display:grid;grid-template-columns:1fr 1fr;position:relative;gap:40px;align-items:center;margin-bottom:60px}.services>div img{width:90%;height:90%}.services div div p{font-size:18px}.services div .title{position:absolute;top:0;left:52%}.services div div p:first-of-type{margin-bottom:3%;margin-top:10%}.services>div:nth-of-type(2){direction:rtl}.services>div:nth-of-type(2) div,.services>div:nth-of-type(2) .title,.services>div:nth-of-type(2) img{direction:ltr}.services div:nth-of-type(2) .title{position:absolute;top:9%;left:0}.services,.about{margin-top:20vh}.services h1,.about h2,.about h1,.blog h1,.article-page h1,.error-404 h1,.contact h1{font-size:50px}.about h2:first-of-type+p{margin-left:20vw;margin-right:20vw}.gradient-cont{display:flex;gap:20px}.gradient-background{padding:23px 20px}.about>h2:nth-of-type(2),.about>h2:nth-of-type(2)+p{margin-left:20vw!important;margin-right:20vw!important}.card-container{display:flex;gap:20px}.card.info{height:100%}.about>h2:nth-of-type(3){margin-left:15vw!important;margin-right:15vw!important}.about>h2:nth-of-type(3)+p{margin-bottom:30px!important;font-size:18px;font-weight:400}.about .card p{margin-left:0!important;margin-right:0!important}.blog>p{margin-left:10vw;margin-right:10vw}.article-card{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.article-card .article{margin-bottom:0;width:40vw}.article-card .article:nth-of-type(2) img{height:80%}.article-card .article p{font-size:22px}.article-page img.background{display:none}.article-page h1{text-align:left}.article-page h2,.article-page h3{font-size:45px;text-align:left}.article-page h2:last-of-type{font-size:34px}.accordion-title{display:flex;justify-content:space-between;align-items:center}.accordion-title .angle-icon{display:block;transition:transform .3s ease}.accordion-title .angle-icon.selected{transform:rotateX(180deg)}.contact{margin-left:18vw;margin-right:18vw}.contact .gradient-background{width:100%;margin-bottom:30px}.contact form{margin-top:0}.contact form input{padding-top:12px;padding-bottom:12px}.contact .msg textarea{height:20vh}}@media(min-width:1100px){.services div div p:first-of-type{margin-bottom:3%;margin-top:7%}.services div:nth-of-type(2) .title{position:absolute;top:18%;left:0}}*{margin:0;padding:0;box-sizing:border-box;color:#fff;-webkit-tap-highlight-color:transparent;text-decoration:none;font-family:Inter,sans-serif}body,html{height:100%}ul,li{list-style-type:none}#root{background-color:#000;padding-top:20px;min-height:100vh;display:flex;flex-direction:column}h1{font-weight:600;font-size:30px}p{font-size:15px;font-weight:500}h2{font-size:25px;font-weight:700}.title{font-weight:500;font-size:16.2px;text-align:center;border:.5px solid white;padding:5px 20px;display:flex;justify-self:center;border-radius:4.5px;margin-bottom:30px}.title.lg{font-weight:500;font-size:23px;padding:10px 30px;border-radius:15px;margin-bottom:10px}footer{margin-top:auto}.blog>.title,.services>.title,.about>.title,.contact>.title{border-width:.45px}