.first-section{margin:44px 0 0;width:100%;height:750px;background:linear-gradient(135deg,#9333ea,#4f46e5);background:url(/build/assets/background2-CnGZ7_JW.svg);background-size:cover;background-repeat:no-repeat;display:flex;align-items:center;justify-content:space-evenly}.banner .content{position:relative;width:600px;background:#ffffff1a;padding:3rem;border-radius:20px;border:1px solid rgba(255,255,255,.2);animation:fadeIn 1s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.banner h1{font-size:36px;color:var(--nbl-white);margin-bottom:1.5rem;line-height:1.2}.highlight{background:linear-gradient(90deg,#e879f9,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.banner p{font-size:20px;color:#ffffffe6;margin-bottom:2rem!important}.banner a{display:flex;align-items:center;justify-content:center;width:fit-content;padding:1rem 2rem;background:linear-gradient(90deg,#e879f9,#a78bfa);color:var(--nbl-black);text-decoration:none;border-radius:50px;font-size:15px;font-weight:700;border:none;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.banner a:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0003}.banner a img{height:16px;margin:0 10px 0 0}.cube{position:absolute;background:#ffffff1a;border-radius:10px}.cube-1{width:60px;height:60px;top:-30px;right:40px;transform:rotate(15deg);animation:float 8s infinite ease-in-out}.cube-2{width:40px;height:40px;bottom:-20px;right:80px;transform:rotate(-15deg)}.star-services{animation:fadeIn 1s ease-out;display:flex;flex-direction:column;width:calc(100% - 700px);max-width:760px}.star-services .services-description{font-size:large;color:var(--nbl-white);font-weight:bolder;text-align:center;width:75%;margin-bottom:35px!important;margin-left:12.5%!important}.star-services .services-list{display:grid;grid-template-columns:Repeat(3,auto);gap:10px}.star-services .services-list div{width:auto;background:var(--nbl-light-blue);background-blend-mode:normal,color-burn;border-radius:12px;display:grid;grid-template-rows:30px 20px 75px;justify-content:center;align-items:flex-start;gap:10px;padding:10px}.star-services .services-list div:hover{scale:1.05}.star-services .services-list:hover div:not(:hover){opacity:.8}.star-services .services-list div i{font-size:25px}.second-section{display:flex;justify-content:space-evenly;align-items:center;height:250px}.second-section p{font-size:18px;color:var(--nbl-blue)}.expertise{display:flex;align-items:center;justify-content:flex-start;height:40px;margin:15px 0;gap:15px}.expertise span{color:var(--nbl-blue)!important;margin:0 10px 0 0;display:flex}.expertise .images{justify-content:space-between;width:60%}.expertise img{height:30px!important;margin:auto!important}.second-section img{height:250px;margin:-50px 0 0}.contact{min-height:530px;margin:100px 0 50px;display:grid;grid-template-columns:50% 10% 40%;padding:0 130px}.contact-title{margin:0 0 10px!important}.contact-text{margin:0 0 40px!important}.contact-tools{display:flex;gap:50px;align-items:center}.contact-tools img{width:250px}.contact-tools div{display:flex;flex-direction:column;justify-content:center}.contact-tools div img{width:auto}.contact-tools div a{margin:0 0 15px;width:fit-content;color:var(--nbl-blue);display:flex}.contact-tools div a i{font-size:18px}.email-img,.social-links img{margin:0 10px 0 0}.social-links{justify-content:flex-start!important;flex-direction:row!important}.contact-tools hr{background:var(--nbl-blue);height:2px;width:99%;box-shadow:none!important;border:none!important;margin:0 0 10px;opacity:.1}.contact-or{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.contact-or div{background-color:var(--nbl-purple);width:2px;height:100%;margin:15px 0}.contact-form{display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-form form{display:flex;flex-direction:column;align-items:flex-end}.contact-form .form-group{display:flex;flex-direction:column;margin:10px 0;width:350px}@media (min-width: 1360px) and (max-width: 1440px){.banner .content{width:500px}.banner h1{font-size:28px}.banner p{font-size:18px}.star-services .services-list div{grid-template-rows:22px 18px 55px}.star-services .services-list div i{font-size:20px}.star-services .services-list div p{font-size:medium;line-height:1}}@media (min-width: 1280px) and (max-width: 1359px){.banner .content{width:400px}.banner h1{font-size:22px;margin-bottom:.8rem;line-height:1}.banner p{font-size:14px;margin-bottom:1.2rem!important}.banner a{padding:.5rem 1rem}.cube-1{width:50px;height:50px}.star-services .services-list div{grid-template-rows:22px 15px 42px}.star-services .services-list div i{font-size:18px}.star-services .services-list div p{font-size:smaller;line-height:1}.contact{padding:0 80px}}@media (min-width: 1024px) and (max-width: 1279px){.first-section{height:490px}.banner .content{width:400px}.banner h1{font-size:22px;margin-bottom:.8rem;line-height:1}.banner p{font-size:14px;margin-bottom:1.2rem!important}.banner a{padding:.5rem 1rem}.cube-1{width:50px;height:50px}.star-services .services-list div{grid-template-rows:22px 15px 57px}.star-services .services-list div i{font-size:18px}.star-services .services-list div p{font-size:smaller;line-height:1}.second-section{height:150px}.second-section p{font-size:14px}.second-section img{height:180px;margin:-50px 0 0}.expertise img{height:20px!important}.courses{padding:20px 50px}.contact{padding:0 20px}.contact-tools img{width:180px}}@media (max-width: 1023px){.first-section{flex-direction:column;height:350px}.banner .content{width:90%;height:250px;margin:auto;padding:20px;align-items:flex-start;justify-content:center;display:flex;flex-direction:column}.banner h1{font-size:larger;margin-bottom:10px}.banner p{font-size:small;margin:0 0 25px!important}.star-services{display:none}.second-section{flex-direction:column;justify-content:flex-start;padding:50px 10px;height:335px}.second-section p{font-size:medium;width:90%;margin:10px auto;height:100%}.second-section img{display:none}.expertise{flex-direction:column;align-items:flex-start}.expertise img{display:flex}.expertise .images{display:grid;justify-content:space-between;width:100%;grid-template-columns:repeat(4,auto);row-gap:25px}.contact{width:90%;padding:0;margin:80px auto 30px;display:flex;flex-direction:column;min-height:810px}.contact-text{font-size:14px}.contact-tools{flex-direction:column}.contact-tools .project-img{display:none}.contact-tools div{display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-or{display:flex;flex-direction:row}.contact-or div{width:100%;height:2px;margin:0 10px}.contact-form label,.contact-form input,.contact-form textarea{font-size:small}}
