.hero{background-color:var(--overlay);color:#fff;height:100vh;width:100%;position:relative}.hero:before{content:"";background:url(/images/hero.jpg) no-repeat 50%/cover;height:100%;width:100%;position:absolute;top:0;left:0;z-index:-1}.hero .content{height:120%;display:flex;flex-direction:column;justify-content:center;max-width:1240px;margin:auto;padding:1rem}.hero .content p:first-child{font-weight:600;font-size:3.5rem}.hero .content p:nth-child(2){font-size:1.1rem;max-width:60%}.hero .button{padding:17px 28px;font-size:1.2rem;font-weight:600;border-radius:100px;cursor:pointer;margin:1rem 0;width:300px;border:1px solid var(--secondary-color);color:#fff}.hero .button:hover{border:1px solid var(--secondary-dark);background-color:var(--secondary-dark)}@media screen and (max-width:940px){.hero .content p:first-child{font-size:2.1rem;line-height:2.5rem;text-align:center;margin-bottom:20px}.hero .content p:nth-child(2){text-align:center;font-size:1rem;max-width:100%;margin-bottom:20px}.hero .button{width:100%}}.about{background-color:#f8f8f8;margin:auto;padding:3rem 1rem;width:100%}.about .container{width:1240px;margin:auto}.about .container h2{font-size:2.5rem;font-weight:800;text-align:center}.about .container .col-2{display:flex;justify-content:center;align-items:center;padding:1rem;color:var(--primary-color);gap:3rem}.about .container p{margin:1rem 0;font-size:1rem;text-align:center;width:80%}@media screen and (max-width:940px){.about .container{width:100%}.about .container .col-2{padding:0}}.contact{background-color:var(--secondary-color);padding:3rem 1rem}.contact .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;max-width:1240px;margin:auto}.contact .grid .col-1{display:flex;flex-direction:column;justify-content:space-between}.contact .grid .col-1 h2{font-size:2.5rem;font-weight:600;text-align:left}.contact .grid .col-1 p{margin:1rem 0;font-size:1rem;text-align:left}.contact .grid .col-1 h6{font-size:1rem;font-weight:600;margin:15px 0}.contact .grid .col-1 iframe{width:100%;height:300px;border-radius:10px}.contact .grid .col-2 label{display:block;font-size:1rem;font-weight:600;margin:1px 0}.contact .grid .col-2 input,.contact .grid .col-2 textarea{width:100%;padding:10px;border-radius:5px;border:none;outline:none;font-size:1rem;font-weight:600;margin:15px 0}.contact .grid .col-2 button{padding:17px 28px;font-size:1.2rem;font-weight:600;border-radius:100px;cursor:pointer;margin:1rem 0;width:300px;background-color:var(--secondary-dark);color:#fff}.contact .grid .col-2 button:hover{background-color:var(--primary-color)}.footer{background-color:#1b93d0;color:#fff;padding:3rem}.footer .container{max-width:1240px;margin:auto}.header{position:fixed;height:80px;width:100%;top:0;left:0;z-index:1;transition:.3s ease-in;overflow:hidden;margin-top:30px}.header .navbar{display:flex;justify-content:space-between;align-items:center;max-width:1240px;margin:auto;height:100%;padding:0 1rem}.header .navbar .logo{width:80px;height:auto}.header .navbar .hamburger{display:none}.header .nav-menu{display:flex}.header .nav-menu a{color:#fff}.header .nav-item{padding:1rem;font-weight:500}.header .nav-item a:hover{padding-bottom:12px;border-bottom:3px solid #fff;transition:.1s ease-in}.header-bg{background-color:#1b93d0;position:sticky}@media screen and (max-width:940px){.header,.header .navbar{max-width:100%}.header .navbar .hamburger{display:block;z-index:1000}.header .navbar img{width:150px}.header .nav-menu{position:fixed;left:-100%;top:0;flex-direction:column;background-color:rgba(0,0,0,.8);width:100%;height:100vh;z-index:99;text-align:center;font-size:2rem;transition:.3s}.header .nav-menu.active{left:0}.header .nav-item{margin:1.5rem 0}}.services{background-color:var(--secondary-color);margin:auto;padding:3rem 1rem;width:100%}.services .container{width:1240px;height:800px;margin:auto}.services .container h2{font-size:2.5rem;font-weight:800;text-align:center}.services .container p{margin:1rem 0;font-size:1rem;text-align:center}.services .container .cards{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.services .container .cards .card-1,.services .container .cards .card-2,.services .container .cards .card-3{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;max-width:400px}.services .container .cards .card-1 img,.services .container .cards .card-2 img,.services .container .cards .card-3 img{width:100%;height:250px;object-fit:cover}.services .container .cards .card-1 .card-body,.services .container .cards .card-2 .card-body,.services .container .cards .card-3 .card-body{padding:2rem;background-color:#fff;border-radius:10px}.services .container .cards .card-1 .card-body .card-title,.services .container .cards .card-2 .card-body .card-title,.services .container .cards .card-3 .card-body .card-title{font-size:1.4rem;font-weight:600;text-align:left}.services .container .cards .card-1 .card-body .card-text,.services .container .cards .card-2 .card-body .card-text,.services .container .cards .card-3 .card-body .card-text{margin:1rem 0;font-weight:400;text-align:left}.services .container .cards .card-2{position:relative;top:30px}.services .container .cards .card-3{position:relative;top:60px}@media screen and (max-width:940px){.services .container{width:100%;height:auto}.services .container .cards{grid-template-columns:repeat(1,1fr);justify-items:center}.services .container .cards .card-2,.services .container .cards .card-3{position:relative;top:0}}.portfolio{background-color:var(--secondary-dark);color:#fff;margin:auto;padding:3rem 1rem;width:100%}.portfolio .container{width:1240px;height:auto;margin:auto}.portfolio .container h2{font-size:2.5rem;font-weight:800;text-align:center}.portfolio .container p{margin:1rem 0;font-size:1rem;text-align:center}.portfolio .container .cards{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.portfolio .container .cards .card-1,.portfolio .container .cards .card-2,.portfolio .container .cards .card-3{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;max-width:400px}.portfolio .container .cards .card-1 img,.portfolio .container .cards .card-2 img,.portfolio .container .cards .card-3 img{width:100%;height:250px;object-fit:cover}.portfolio .container .cards .card-1 .card-body,.portfolio .container .cards .card-2 .card-body,.portfolio .container .cards .card-3 .card-body{padding:2rem;background-color:#fff;border-radius:10px}.portfolio .container .cards .card-1 .card-body .card-title,.portfolio .container .cards .card-2 .card-body .card-title,.portfolio .container .cards .card-3 .card-body .card-title{font-size:1.4rem;font-weight:600;text-align:left}.portfolio .container .cards .card-1 .card-body .card-text,.portfolio .container .cards .card-2 .card-body .card-text,.portfolio .container .cards .card-3 .card-body .card-text{margin:1rem 0;font-weight:400;text-align:left}.portfolio .container .cards .card-2{position:relative;top:30px}.portfolio .container .cards .card-3{position:relative;top:60px}@media screen and (max-width:940px){.portfolio .container{width:100%}.portfolio .container img{padding:0;width:90vw}.portfolio .container .col-2{padding:0}}