*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:"Epilogue",sans-serif;background:#fafafa;color:dimgray;font-size:1.125rem;width:100%;height:100vh;transition:background .5s ease-in-out}body.active{background:#aaa}a{text-decoration:none}ul{list-style:none}.btn{cursor:pointer;font-family:"Epilogue",sans-serif;display:inline-block;padding:10px 30px;border-radius:14px;background:rgba(0,0,0,0);border:none;outline:none;font-size:1rem}.btn__outline{border:2px solid #ccc;color:dimgray;margin-top:-10px;transition:400ms ease-in}@media screen and (max-width: 62.125rem){.btn__outline{display:block;width:100%}}.btn__outline:hover{color:#141414;border-color:#141414}.btn__black{background:#141414;color:#fafafa;padding:1.125rem 2.1875rem;font-weight:700;font-size:1.125rem;margin-top:2.5rem;transform:translateY(31px);transition:all .2s ease;border:2px solid #141414}@media screen and (max-width: 41.75rem){.btn__black{font-size:15px;padding:14px 20px;margin-top:0;transform:translateY(16px);margin-left:5px}}.btn__black:hover{background:rgba(0,0,0,0);color:#141414}h1{font-size:4.625rem;color:#141414;transform:translateY(-23px)}@media screen and (max-width: 62.125rem){h1{font-size:3.125rem}}@media screen and (max-width: 41.75rem){h1{font-size:35px;transform:translateY(-28px)}}p{transform:translateY(23px);padding-right:49px;line-height:1.6}@media screen and (max-width: 62.125rem){p{padding:0 1.875rem}}@media screen and (max-width: 41.75rem){p{padding:0 .9rem;font-size:1rem;transform:translateY(-11px)}}img{width:100%}.footer{display:block;width:100%;padding:30px;text-align:center;background:#141414;color:#fafafa;margin-top:3.125rem}@media screen and (max-width: 41.75rem){.footer{font-size:1rem;line-height:1.5}}.footer a{color:dimgray;transition:color .3s ease-in}.footer a:hover{color:#fafafa}.header{display:flex;justify-content:flex-start;align-items:flex-start;padding:1.875rem 2.5rem 3.75rem;gap:3.75rem}@media screen and (max-width: 62.125rem){.header{gap:1.875rem;padding:1.375rem 1.875rem 3.75rem}}.header__navbar{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.header__navbar img{width:14px}@media screen and (max-width: 62.125rem){.header__navbar{display:block;background:#fff;position:absolute;top:0;right:0;width:100%;max-width:18.75rem;height:100%;padding:5.125rem 1.5rem 1.875rem;transition:transform .5s ease-in-out;transform:translateX(300%)}}.header__navbar.active{transform:translateX(0)}.header__navbar ul{display:flex;align-items:flex-start;gap:2.375rem}@media screen and (max-width: 62.125rem){.header__navbar ul{display:block;margin-bottom:30px}.header__navbar ul:nth-child(2) li{text-align:center}.header__navbar ul li{padding:1.25rem}}.header__navbar ul a{color:dimgray;font-size:16px;transition:color 400ms ease-in}.header__navbar ul a:hover{color:#141414}.dropdown{position:relative;display:inline-block}@media screen and (max-width: 62.125rem){.dropdown{display:block}}.dropdown:first-child .dropdown-content{left:-80px}.dropdown:nth-child(2) .dropdown-content{left:-30px}.dropdown-content{position:absolute;display:none;background:#fff;box-shadow:2px 2px 14px rgba(0,0,0,.2);padding:1.375rem 24px;border-radius:10px;margin-top:1.25rem;transition:display .5s ease-in-out}@media screen and (max-width: 62.125rem){.dropdown-content{position:static}}.dropdown-content a{display:flex;align-items:center;padding:8px 0;gap:10px;font-size:0.875rem !important}.dropdown-content a span{font-size:0.875rem}.dropdown .show{display:block}.dropdown .dropbtn img{transition:.3s ease-in-out}.dropdown .rotate{transform:rotate(180deg)}.hamburger{position:absolute;top:1.375rem;right:2.625rem;cursor:pointer;z-index:100;display:block}@media screen and (min-width: 62.125rem){.hamburger{display:none}}.hamburger .bar{position:relative;top:0;right:0;width:2.25rem;height:3px;margin:5px 0;background:#141414;transition:.5s ease-in-out}.hamburger.active .bar:first-child{transform:rotate(45deg) translate(15px, 8px)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:rotate(-45deg) translate(3px, 5px)}.main{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 62.125rem){.main{width:80%;margin:-120px auto}}@media screen and (max-width: 41.75rem){.main{width:100%;margin:-50px auto}}.main__section{display:grid;grid-template-columns:repeat(2, 1fr);justify-content:center;align-items:center;gap:6.25rem;margin-top:5.625rem}@media screen and (max-width: 62.125rem){.main__section{grid-template-columns:1fr;gap:3.75rem;text-align:center;width:100%;margin-top:1.875rem}.main__section-item{order:2}}@media screen and (max-width: 62.125rem)and (max-width: 41.75rem){.main__section:first-child{width:100%;margin:0 3.125rem}}.main .bg__img{background:url("../images/image-hero-desktop.png");background-position:center;background-size:contain;background-repeat:no-repeat;width:100%;height:41.125rem}@media screen and (max-width: 62.125rem){.main .bg__img{order:1;background:url("../images/image-hero-mobile.png");background-position:center;background-size:contain;background-repeat:no-repeat;width:90%;margin:0 auto}}@media screen and (max-width: 41.75rem){.main .bg__img{margin:0 auto;width:70%;max-height:19.375rem}}.main .section-img{transform:translateY(130px);display:flex;justify-content:center;align-items:center;gap:2.5rem}@media screen and (max-width: 62.125rem){.main .section-img{transform:translateY(50px);margin-bottom:9.375rem}}@media screen and (max-width: 41.75rem){.main .section-img{gap:1.25rem;margin:0 30px;transform:translateY(62px);margin-bottom:6.25rem}}