.nav-bar{background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);position:fixed;top:0;left:0;right:0;z-index:1000;padding:15px 0}.nav-container{max-width:var(--container-max-width);margin:0 auto;padding:0 50px;display:flex;justify-content:space-between;align-items:center}.nav-logo .logo{width:175px;height:101px}.nav-menu{display:flex;align-items:center;gap:20px}.menu-text{font-size:var(--font-size-nav);font-weight:900;letter-spacing:var(--letter-spacing-large);color:var(--color-light-blue-alt)}.menu-bars{display:flex;flex-direction:column;gap:8px}.menu-bar{width:45px;height:12px;background-color:var(--color-light-blue-alt)}.hero-section{min-height:100vh;background:linear-gradient(135deg,#1b5a96,#0a4096,#07233f);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;padding-top:136px}.hero-title{font-family:DM Sans,sans-serif;font-weight:900;font-size:180px;line-height:180px;letter-spacing:-9px;color:#fff;margin:0}.by-text{font-family:DM Sans,sans-serif;font-style:italic;font-weight:400;font-size:75px;line-height:75px;letter-spacing:-3px;color:#69c6ff}.hero-logo-text{font-family:DM Sans,sans-serif;font-weight:900;font-size:180px;line-height:180px;letter-spacing:-9px;color:#69c6ff;margin:0}.btn-primary{background:#000;color:#fff;font-family:DM Sans,sans-serif;font-weight:500;font-size:24px;line-height:24px;letter-spacing:-1.2px;padding:15px 30px;border:none;text-decoration:none;display:inline-block;cursor:pointer}.hero-decorations{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.hero-content{position:relative;z-index:1}.hero-text{margin-bottom:100px}.by-text{font-size:75px;font-weight:900;letter-spacing:-3px;display:block;margin:20px 0}.hero-logo-text{font-size:var(--font-size-hero);font-weight:900;letter-spacing:var(--letter-spacing-hero);color:var(--color-light-blue);margin:20px 0}.bloop-logo{width:539px;height:199px;margin:20px 0}.features-section{background:linear-gradient(135deg,#1b5a96,#0a4096,#07233f);padding:100px 0;position:relative}.feature-item{display:flex;align-items:center;justify-content:flex-start;margin-bottom:80px;position:relative;padding-left:100px}.feature-content h2{font-family:DM Sans,sans-serif;font-weight:900;font-size:48px;line-height:48px;letter-spacing:-2.4px;color:#69c6ff;margin:0 0 10px}.feature-content p{font-family:DM Sans,sans-serif;font-weight:500;font-size:48px;line-height:48px;letter-spacing:-2.4px;color:#69c6ff;margin:0}.feature-decoration{position:absolute;right:100px;top:50%;transform:translateY(-50%)}.feature-circle{width:80px;height:80px;border-radius:50%;background-color:#69c6ff}.feature-circle{width:80px;height:80px;border-radius:50%;background-color:var(--color-light-blue)}.feature-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:200px;position:relative}.feature-content{flex:1;max-width:600px}.feature-decoration{position:relative;width:122px;height:122px}.services-section{padding:100px 0;text-align:center;background:linear-gradient(135deg,#1b5a96,#0a4096,#07233f)}.section-title{font-family:DM Sans,sans-serif;font-weight:900;font-size:120px;line-height:120px;letter-spacing:-6px;color:#fff;margin:0 0 40px}.body-text{font-family:DM Sans,sans-serif;font-weight:500;font-size:36px;line-height:36px;letter-spacing:-1.8px;color:#69c6ff}.medium-text{font-family:DM Sans,sans-serif;font-weight:900;font-size:48px;line-height:48px;letter-spacing:-2.4px}.services-divider{width:100%;max-width:800px;height:8px;background-color:var(--color-medium-blue);margin:40px auto}.service-toggle{margin:100px 0}.toggle-buttons{display:flex;justify-content:center;margin-bottom:0}.toggle-btn{background:none;border:none;cursor:pointer;padding:20px 40px;transition:var(--transition-default)}.toggle-btn:first-child{background-color:#5bbaff}.toggle-btn:first-child .medium-text{color:#07233f}.toggle-btn:last-child{background-color:#1b5a96}.toggle-btn:last-child .medium-text{color:#fff}.toggle-btn.active:first-child{background-color:#5bbaff}.toggle-btn.active:last-child{background-color:#1b5a96}.service-content{padding:80px 40px;margin-top:0;background-color:#5bbaff;max-width:800px;margin-left:auto;margin-right:auto}.service-content .body-text{color:#07233f}.service-details{display:none}.service-details.active{display:block}.services-cta{margin-top:100px}.clients-section{padding:200px 0;text-align:center}.clients-divider{width:100%;max-width:1200px;height:8px;background-color:var(--color-medium-blue);margin:40px auto}.client-text{font-size:var(--font-size-medium);font-weight:900;letter-spacing:var(--letter-spacing-medium);color:var(--color-navy)}.client-circle{width:120px;height:120px;border-radius:50%;background-color:var(--color-light-blue);display:flex;align-items:center;justify-content:center}.client-logos{display:flex;justify-content:center;align-items:center;gap:80px;margin:80px 0;flex-wrap:wrap}.client-logo img{max-height:175px;max-width:200px;object-fit:contain}.portfolio-section{padding:200px 0;background:linear-gradient(135deg,#1b5a96,#0a4096,#07233f)}.featured-badge{display:flex;align-items:center;gap:20px;margin-bottom:40px}.badge-circle{width:40px;height:40px;border-radius:50%}.badge-text{color:var(--color-primary)}.portfolio-item{position:relative;aspect-ratio:1;overflow:hidden}.portfolio-item img{width:100%;height:100%;object-fit:cover}.project-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:20px;text-align:left}.featured-project{margin:100px 0 200px}.featured-content{display:flex;align-items:center;padding:80px;gap:80px}.featured-image{flex:1;max-width:50%}.featured-image img{width:100%;height:auto}.featured-text{flex:1;text-align:right}.project-tags{margin-bottom:20px}.featured-text h3{margin:20px 0}.featured-text p{margin:40px 0;line-height:1.4}.btn-link{background-color:var(--color-primary);padding:15px 30px;border:2px solid var(--color-dark-blue);text-decoration:none;display:inline-block}.latest-projects{margin-top:100px}.latest-header{display:flex;align-items:center;margin-bottom:100px}.latest-title{display:flex;align-items:center;background-color:var(--color-dark-blue);padding:30px;gap:30px}.title-circle{width:152px;height:152px;border-radius:50%;display:flex;align-items:center;justify-content:center}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:60px;margin-bottom:100px}.portfolio-card{aspect-ratio:1 / 1.2;position:relative}.portfolio-card img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.portfolio-card-content{position:absolute;bottom:0;left:0;right:0;z-index:2}.portfolio-card h4{margin-bottom:10px}.portfolio-card p{margin-bottom:5px;font-size:24px}.contact-section{padding:200px 0;position:relative;background:linear-gradient(135deg,#1b5a96,#0a4096,#07233f)}.contact-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.bg-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#07233fe6,#0a4096cc)}.bg-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.1;font-size:400px;font-weight:900;color:var(--color-light-blue);pointer-events:none;-webkit-user-select:none;user-select:none}.contact-content{position:relative;z-index:1;max-width:800px;margin:0 auto;text-align:center}.contact-content h2{margin-bottom:40px}.contact-content>p{margin-bottom:80px}.contact-form{max-width:677px;margin:0 auto}.form-row{margin-bottom:20px}.form-row-split{display:flex;gap:20px;margin-bottom:20px}.form-field{height:71px}.form-submit{text-align:center;margin-top:40px}.form-submit .btn{width:270px;height:71px;display:flex;align-items:center;justify-content:center}.footer{padding:80px 0}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-nav{display:flex;flex-direction:column;gap:20px}.footer-link{text-decoration:none;font-size:59px;font-weight:900;letter-spacing:-3.04px;line-height:1}.footer-logo-img{width:307px;height:175px}@media (max-width: 1200px){.featured-content{flex-direction:column;text-align:center}.featured-text{text-align:center}.client-logos{gap:40px}.projects-grid{grid-template-columns:1fr;gap:40px}}@media (max-width: 768px){.nav-container{padding:0 20px}.nav-logo .logo{width:120px;height:70px}.menu-text{font-size:40px}.menu-bar{width:30px;height:8px}.bloop-logo{width:300px;height:110px}.feature-item{flex-direction:column;text-align:center;gap:40px;margin-bottom:100px}.toggle-buttons{flex-direction:column;gap:0}.toggle-btn{width:100%;padding:30px}.service-content{padding:40px 20px}.client-logos{flex-direction:column;gap:30px}.featured-content{padding:40px 20px;gap:40px}.latest-header{flex-direction:column;gap:20px}.latest-title{flex-direction:column;text-align:center;padding:20px}.title-circle{width:100px;height:100px}.contact-content{padding:0 20px}.form-row-split{flex-direction:column;gap:20px}.form-row-split .form-field{width:100%!important}.footer-content{flex-direction:column;gap:40px;text-align:center}.footer-nav{order:2}.footer-logo{order:1}.footer-link{font-size:40px}.footer-logo-img{width:200px;height:115px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/bybloop-sections.css.map */