@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Raleway:wght@400;700&display=swap");body{margin:0;padding:0;box-sizing:border-box;font-family:"Open Sans",sans-serif;font-size:14px;line-height:1.5;background-color:#181f2a;color:white;max-width:1140px;margin:0 auto}a{color:inherit;text-decoration:none}p{margin:0 0 0.6rem 0;font-size:0.8rem}img{max-width:100%}.btn{display:inline-block;background:#65e2d9;background:linear-gradient(90deg, #65e2d9 0%, #339ecc 100%);padding:0.5rem 3rem;border-radius:50px;transform:scale(1);transition:0.3s}.btn:hover{transform:scale(1.05)}.container{width:50%}.lead{font-family:"Raleway",sans-serif;font-weight:700;font-size:1.6rem;line-height:1.3}.title{font-family:"Raleway",sans-serif}header{display:flex;justify-content:space-between;align-items:center;background-color:#1c2431;padding:2rem 3rem}header .logo{width:100px}header nav a{opacity:0.8;margin:0 0.75rem;transition:0.3s}header nav a:hover{opacity:1}.hero{display:flex;flex-direction:column;align-items:center;background-color:#1c2431;padding:1rem 3rem 6rem 3rem;text-align:center;position:relative;overflow:hidden}.hero:after{content:url("images/bg-curvy-desktop.svg");position:absolute;bottom:-90px;z-index:0}.hero .container{position:relative;z-index:1}.hero p{margin:1.5rem 0}.icons{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;justify-items:center;align-items:center;padding:0 3rem}.icons .item{max-width:300px;display:flex;flex-direction:column;align-items:center;text-align:center}.icons .item img{width:auto;height:60px;margin-bottom:1rem}.icons .item .title{margin-bottom:0.5rem;font-weight:700}.productive{margin-top:7rem;padding:2rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;align-items:center}.productive img{width:400px;justify-self:center}.productive .content .lead{max-width:300px;margin-bottom:1rem}.productive .content a{font-size:0.8rem;color:#65e2d9;text-decoration:underline}.productive .content a i{color:#65e2d9;margin-left:5px}.testimonials{margin:3rem 0;padding:2rem;position:relative;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:3rem}.testimonials .quotes{position:absolute;top:0;left:2rem;z-index:-1}.testimonials .item{padding:1.5rem;background-color:#202a3c}.testimonials .item .review{font-size:0.8rem;line-height:1.2;margin-bottom:1rem}.testimonials .item .people{display:flex;align-items:center;font-size:0.7rem}.testimonials .item .people img{width:30px;border-radius:50%;margin-right:0.5rem}.testimonials .item .people .desc .name{font-weight:700}section.contact{padding:3rem;background:#181f2a;background:-moz-linear-gradient(top, #181f2a 0%, #181f2a 50%, #0b1523 50%, #0b1523 50%, #0b1523 100%);background:-webkit-linear-gradient(top, #181f2a 0%, #181f2a 50%, #0b1523 50%, #0b1523 50%, #0b1523 100%);background:linear-gradient(to bottom, #181f2a 0%, #181f2a 50%, #0b1523 50%, #0b1523 50%, #0b1523 100%)}section.contact .wrapper{max-width:600px;margin:auto;background-color:#202a3c;padding:1.5rem 2rem;text-align:center}section.contact .wrapper .lead{margin-bottom:1rem}section.contact .wrapper .form{margin-top:0.5rem;display:grid;grid-template-columns:auto auto;grid-gap:1rem;align-items:center;justify-content:center}section.contact .wrapper .form input{border-radius:50px;padding:0.7rem 2rem;border:none}footer{background-color:#0b1523;padding:2rem 3rem 3rem 2rem}footer .lead{margin-bottom:1rem}footer .lead img{width:100px}footer .grid{display:grid;grid-template-columns:1.8fr 1.3fr 2fr 1fr;grid-gap:1rem;justify-items:center;align-items:start}footer .grid .location{display:flex;align-items:center}footer .grid .location p{padding-left:1rem}footer .grid .contact .phone{margin-bottom:0.5rem}footer .grid nav{display:grid;grid-template-columns:1fr 1fr;align-content:start}footer .grid nav a{margin:0 10px 3px 0;opacity:1;transition:0.3s}footer .grid nav a:hover{opacity:0.8}footer .grid .social a{font-size:1rem;width:20px;height:20px;border:1px solid white;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;margin:0 2px;padding:3px;transition:0.3s}footer .grid .social a:hover{background-color:white;color:#181f2a}@media (max-width: 768px){.hero .container{width:70%}footer .grid{grid-template-columns:1fr 1fr}}@media (max-width: 580px){header{padding:1rem}header .logo{width:70px}header nav a{margin:0 0.5rem;font-size:0.8rem}.hero{padding:2rem;margin-bottom:4rem}.hero:after{bottom:-15px;width:100%}.hero .container{width:80%}.hero .container img{margin-bottom:2rem}.icons{grid-template-columns:1fr;padding:0 2rem}.productive{grid-template-columns:1fr;row-gap:3rem;margin-top:3rem}.testimonials{grid-template-columns:1fr;grid-gap:1.5rem;margin:1rem 0}section.contact{padding:2rem}section.contact .wrapper .form{grid-template-columns:1fr;margin-top:1rem}footer{padding:2rem}footer .grid{grid-template-columns:1fr;justify-items:start}}
/*# sourceMappingURL=style.css.map */