html{box-sizing:border-box}*,::before,::after{box-sizing:inherit;margin:0;padding:0}h1,h2,h3,h4,h5{font-family:"Poppins",sans-serif;font-weight:600;line-height:1.1}a,a:visited,a:active{font-family:"Open Sans",sans-serif;text-decoration:none}.bg-container{background-image:url(https://raw.githubusercontent.com/BlackFury117/Huddle-landing-page-with-alternating-feature-blocks-master/24961947e9bd6023318c92de8df50fe1576ca0f9/images/bg-hero-desktop.svg);background-color:#edfbfe;background-repeat:no-repeat;background-size:contain;padding:0 4rem;margin-bottom:5rem}.bg-container .navbar{display:flex;justify-content:space-between;align-items:center;padding:1.6rem 0 1.6rem 0}.bg-container .navbar .logo{flex:1;display:flex;align-items:center;justify-content:flex-start;width:150px}.bg-container .navbar .button{flex:0;display:flex;align-items:center}.bg-container .navbar .button .btn{background-color:#fff;padding:.5rem 2.5rem;border-radius:50px;font-size:.82rem;font-weight:600;color:#032530;box-shadow:0px 0px 25px -10px rgba(15,14,14,.65);white-space:nowrap}.bg-container .navbar .button .btn:hover{color:#979b9d}.bg-container .container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:0px 0px;grid-auto-flow:row;grid-template-areas:"text image";margin:2rem 0 0 0}.bg-container .container .text{justify-self:start;align-self:center;grid-area:text}.bg-container .container h1{font-size:2.8rem;margin-bottom:2rem}.bg-container .container .first-text{font-family:"Open Sans",sans-serif;color:#032530;margin-bottom:2rem;padding-right:2.5rem}.bg-container .container .btn-started{cursor:pointer;font-size:.9rem;color:#fff;background-color:#fe52c0;padding:.8rem 3rem;border:none;border-radius:60px;box-shadow:0px 0px 25px -10px rgba(15,14,14,.75)}.bg-container .container .btn-started:hover{background-color:#fe86d2}.bg-container .container .image{align-self:center;grid-area:image}.bg-container .container .mockups{width:100%;margin-bottom:3rem}@media only screen and (max-width: 600px){.bg-container{background-image:url(https://raw.githubusercontent.com/BlackFury117/Huddle-landing-page-with-alternating-feature-blocks-master/24961947e9bd6023318c92de8df50fe1576ca0f9/images/bg-hero-mobile.svg);background-repeat:no-repeat;background-size:contain;padding-left:1rem;padding-right:1rem;min-height:0}.bg-container .navbar .logo{width:100px}.bg-container .navbar .button .btn{font-size:.7rem;padding:.3rem 1.5rem}.bg-container .container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:0px 0px;grid-auto-flow:row;grid-template-areas:"text" "image";padding:0 1rem}.bg-container .container h1{font-size:1.7rem;text-align:center}.bg-container .container .first-text{text-align:center}.bg-container .container .mockups{margin-bottom:1rem}.bg-container .container .btn-started{margin:0 auto 1.5rem auto;display:flex;justify-content:center}}.second-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:0px 0px;grid-auto-flow:row;grid-template-areas:"text-zone-1 image-1";background-color:#fff;border-radius:16px;box-shadow:0px 0px 25px -10px rgba(15,14,14,.25);margin:0 4rem 2rem 4rem;padding:3rem 1.5rem 3rem 7rem}.second-container .text-zone-1{align-self:center;grid-area:text-zone-1;padding-right:4rem}.second-container h2{font-size:1.7rem;margin-bottom:1.2rem}.second-container .text-grow{font-family:"Open Sans",sans-serif;color:#979b9d}.second-container .image-1{display:flex;justify-content:flex-end;align-items:center;justify-self:end;align-self:center;grid-area:image-1}.second-container .grow-img{width:80%}@media only screen and (max-width: 600px){.second-container{grid-template-columns:1fr;grid-template-rows:1fr 1fr;grid-template-areas:"image-1" "text-zone-1";margin:0 2rem 2rem 2rem;padding:2rem 1.5rem 1rem 1.5rem}.second-container .image-1{justify-content:center}.second-container .grow-img{width:100%}.second-container .text-zone-1{padding-right:0}.second-container h2{font-size:1.5rem;text-align:center;margin:1.4rem 0}.second-container .text-grow{text-align:center}}.third-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:0px 0px;grid-auto-flow:row;grid-template-areas:"image-2 text-zone-2";background-color:#fff;border-radius:16px;box-shadow:0px 0px 25px -10px rgba(15,14,14,.25);margin:0 4rem 2rem 4rem;padding:3rem 1.5rem 3rem 7rem}.third-container .image-2{align-self:center;grid-area:image-2}.third-container .flowing-img{width:80%}.third-container .text-zone-2{align-self:center;grid-area:text-zone-2}.third-container h3{font-size:1.7rem;margin-bottom:1.2rem}.third-container .text-flowing{font-family:"Open Sans",sans-serif;color:#979b9d}@media only screen and (max-width: 600px){.third-container{grid-template-columns:1fr;grid-template-rows:1fr 1fr;grid-template-areas:"image-2" "text-zone-2";margin:0 2rem 2rem 2rem;padding:2rem 1.5rem 1rem 1.5rem}.third-container .flowing-img{width:100%}.third-container h3{font-size:1.5rem;text-align:center;margin:1.4rem 0;font-size:1.4rem}.third-container .text-flowing{text-align:center}}.fourth-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:0px 0px;grid-auto-flow:row;grid-template-areas:"text-zone-3 image-3";background-color:#fff;border-radius:16px;box-shadow:0px 0px 25px -10px rgba(15,14,14,.25);margin:0 4rem 2rem 4rem;padding:3rem 1.5rem 3rem 7rem;margin-bottom:0}.fourth-container .text-zone-3{align-self:center;grid-area:text-zone-3}.fourth-container h4{font-size:1.7rem;margin-bottom:1.2rem}.fourth-container .text-user{font-family:"Open Sans",sans-serif;color:#979b9d}.fourth-container .image-3{display:flex;justify-content:flex-end;align-items:center;justify-self:end;align-self:center;grid-area:image-3}.fourth-container .user-img{width:80%}@media only screen and (max-width: 600px){.fourth-container{grid-template-columns:1fr;grid-template-rows:1fr 1fr;grid-template-areas:"image-3" "text-zone-3";margin:0 2rem 2rem 2rem;padding:2rem 1.5rem 1rem 1.5rem}.fourth-container .user-img{width:100%}.fourth-container h4{font-size:1.5rem;text-align:center;margin:1.4rem 0}.fourth-container .text-user{text-align:center}}.fifth-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#fff;box-shadow:0px 0px 25px -10px rgba(15,14,14,.25);margin:0 auto 0 auto;padding:2rem 4rem;border-radius:16px;width:500px;height:190px;position:relative;bottom:-5rem}.fifth-container h5{font-size:1.3rem;margin-bottom:1.5rem}.fifth-container .btn-started-footer{cursor:pointer;font-size:.9rem;color:#fff;background-color:#fe52c0;padding:.8rem 3rem;border:none;border-radius:60px;box-shadow:0px 0px 25px -10px rgba(15,14,14,.75)}.fifth-container .btn-started-footer:hover{background-color:#fe86d2}@media only screen and (max-width: 600px){.fifth-container{width:90%;height:auto;padding:2rem 1rem}.fifth-container h5{font-size:1.1rem}}.footer-sec{background-color:#00252e;padding:9rem 3rem 4rem 3rem}.footer-sec .footer-logo{margin-bottom:1.5rem}.footer-sec .footer-section{display:flex;justify-content:space-between;margin-bottom:.5rem}.footer-sec .column{flex:1;display:flex;flex-direction:column;margin-right:20px}.footer-sec .row{display:flex;padding:8px}.footer-sec .lorem{color:#fff;font-size:.8rem;font-family:"Open Sans",sans-serif;padding-left:.9rem;padding-left:1.2rem}.footer-sec .num{color:#fff;font-size:.8rem;font-family:"Open Sans",sans-serif;padding-left:.9rem}.footer-sec .mailing{color:#fff;font-size:.8rem;font-family:"Open Sans",sans-serif;padding-left:.9rem}.footer-sec .link{color:#fff;font-size:.8rem}.footer-sec .link:hover{text-decoration:underline}.footer-sec .icon-footer{display:flex;justify-content:center;align-items:center;color:#fff;border:1px solid #fff;border-radius:50%;padding:15px;width:1rem;height:1rem}.footer-sec .icon-footer:hover{cursor:pointer;color:#fe52c0 !important;border:1px solid #fe52c0}.footer-sec .copyright{display:flex;justify-content:flex-end;color:#fff;font-size:.8rem;font-family:"Open Sans",sans-serif;padding-left:.9rem;margin-right:1.25rem}@media only screen and (max-width: 600px){.footer-sec{padding:9rem 1rem 4rem 1rem}.footer-sec .footer-section{flex-direction:column}.footer-sec .footer-section .mailing-footer{margin-bottom:2rem}.footer-sec .footer-section .link{font-size:1rem}.footer-sec .footer-section .icon-footer-2{display:flex;justify-content:center;margin-bottom:1rem}.footer-sec .copyright{justify-content:center}}/*# sourceMappingURL=styles.css.map */