@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;0,800;1,400&display=swap");@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@700&display=swap");:root{--clr-primary: #17494d;--clr-secondary: #fed6a8;--clr-tertiary: #d6eef2;--clr-primary-2: #7D3D54;--clr-light: #fff;--clr-dark: #17494d;--clr-darker: #000;--clr-main-text-1: #ce9fb7;--clr-main-text-2: #fed6a8;--clr-main-text-3: #00a656;--clr-main-text-4: #30aabc;--box-shadow: 0 .8rem 2.5rem rgb(0 0 0 / 13%);--box-shadow-2: 0 0 2.5rem rgb(0 0 0 / 30%);--box-shadow-3: 0 .6rem 5rem .5rem rgb(0 0 0 / 15%)}@-webkit-keyframes headinganime{0%{transform:translateY(-20%);opacity:0}50%{transform:translateY(0);opacity:1}100%{opacity:0}}@keyframes headinganime{0%{transform:translateY(-20%);opacity:0}50%{transform:translateY(0);opacity:1}100%{opacity:0}}@-webkit-keyframes navanime{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes navanime{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:1}}*,*::before,*::after{box-sizing:inherit;margin:0;padding:0}html{font-size:62.5%}@media screen and (max-width: 75em){html{font-size:56.25%}}@media screen and (max-width: 56.25em){html{font-size:50%}}body{box-sizing:border-box;width:100%}a:link,a:visited,a:hover,a:active{outline:none;text-decoration:none;font-weight:600;cursor:pointer}button,button:hover,button:active{font-weight:600;border:none;font-family:inherit;outline:none;cursor:pointer}ul{list-style:none}body{color:var(--clr-dark);font-family:'Montserrat', sans-serif;font-size:1.6rem;font-weight:400}.u-center-text{text-align:center}.u-text-clr-1{color:var(--clr-main-text-1)}.u-text-clr-2{color:var(--clr-main-text-2)}.u-text-clr-3{color:var(--clr-main-text-3)}.u-text-clr-4{color:var(--clr-main-text-4)}.about__heading{font-size:2rem;font-weight:800}.about__heading--logo{position:absolute;top:-4rem;left:0;width:4.8rem}.about__info{line-height:3rem;display:flex;flex-direction:column}.about__info--header{margin-bottom:1.5rem}.about__info--link{font-weight:400 !important;color:inherit;font-size:1.2rem;align-self:start;transition:transform .2s}.about__info--link:hover{transform:scale(1.2)}.btn{padding:1.5rem 2.5rem;display:inline-block;border-radius:.3rem;cursor:pointer;border:.1rem solid transparent;transition:all .2s}.btn:hover{transform:scale(1.1)}.btn:active{transform:translateY(0.2rem)}.btn--primary{background-color:var(--clr-secondary);color:var(--clr-primary)}.btn--secondary{background-color:var(--clr-primary);color:var(--clr-secondary);border-color:var(--clr-secondary)}.btn__link{padding:.5rem 1rem;color:inherit;background-color:var(--clr-secondary);background-image:linear-gradient(120deg, transparent 0%, transparent 50%, var(--clr-primary) 50%);background-size:220%;transition:background .4s, color .4s}.btn__link:hover{background-position:100%;color:var(--clr-light)}.btn__contact{font-size:1.3rem;position:fixed;z-index:6;right:2rem;bottom:2rem;padding:1rem 1.5rem;display:flex;align-items:center;border-radius:6rem;background-color:var(--clr-light);box-shadow:var(--box-shadow);transition:transform .2s}.btn__contact:active{box-shadow:none;transform:translateY(0.3rem)}.btn__contact img{margin-right:1rem;width:2rem}.card{background-color:var(--clr-tertiary);padding:3rem;min-height:38rem;display:flex;flex-direction:column;box-shadow:var(--box-shadow);transition:transform 2s, opacity 2s}.card--1{opacity:0;transform:translateX(-50%)}.card--2{opacity:0}@media screen and (max-width: 50em){.card--2{transform:translateX(50%)}}.card--3{opacity:0;transform:translateX(50%)}@media screen and (max-width: 50em){.card--3{transform:translateX(-50%)}}.card.rotate{opacity:1;transform:translateX(0)}@media screen and (max-width: 50em){.card{min-height:auto}}.card>*:not(:last-child){margin-bottom:2rem}.card>*:last-child{margin-top:auto}.card:not(:last-child){margin-right:2rem}@media screen and (max-width: 50em){.card:not(:last-child){margin-right:0;margin-bottom:3rem}}.card__heading--secondary{font-size:1.8rem}.card__heading--primary{font-size:2.2rem}.card__text{font-size:1.8rem;line-height:1.6}.card__btn{align-self:flex-start;position:relative}.card__btn--icon{position:absolute;right:-3.5rem;transition:transform .4s}.card__btn:hover .card__btn--icon{transform:translateX(1rem)}.contact{position:fixed;z-index:500;top:0;left:0;height:100vh;width:100%;visibility:hidden;opacity:0;transition:all .3s}.contact .backdrop{width:100%;height:100%;background-color:var(--clr-darker);opacity:.6}.contact__container{position:fixed;top:50%;left:42%;transform:translate(-50%, -50%);background-color:var(--clr-tertiary);display:flex;padding:4rem;border-radius:.5rem;width:65rem}@media screen and (max-width: 56.25em){.contact__container{width:70%;left:40%}}@media screen and (max-width: 47.5em){.contact__container{width:80%;left:50%;padding:3rem}}.contact__container .form{width:80%}@media screen and (max-width: 47.5em){.contact__container .form{width:100%}}.contact__container .form>*:not(:last-child){margin-bottom:3.5rem}.contact__container .form__heading{font-size:3.5rem}@media screen and (max-width: 26.8em){.contact__container .form__heading{font-size:4rem}}.contact__container .form__group{cursor:text;position:relative}.contact__container .form__group .input{padding:1rem 1.8rem;font-family:inherit;font-size:2rem;border:none;color:inherit;border-bottom:.3rem solid transparent;border-radius:.2rem;transition:border .2s;width:100%}.contact__container .form__group .input:focus{outline:none;border-bottom:.3rem solid orangered}.contact__container .form__group .input:focus:valid{border-bottom:.3rem solid #08c208}.contact__container .form__group .label{cursor:text;position:absolute;left:1.8rem;top:1rem;font-size:2rem;opacity:.4;transition:all .2s}.contact__container .form__group .label.filled{top:-2.5rem;opacity:1;font-size:1.5rem}.contact__container .form textarea{font-family:inherit;font-size:2rem;border:none;color:inherit;padding:1rem 1.8rem;resize:none;width:100%;border-radius:.2rem}.contact__container .form textarea::-moz-placeholder{font-family:inherit;color:inherit;opacity:.4}.contact__container .form textarea:-ms-input-placeholder{font-family:inherit;color:inherit;opacity:.4}.contact__container .form textarea::placeholder{font-family:inherit;color:inherit;opacity:.4}.contact__container .form textarea:focus{outline:none}.contact__container .form__submit-btn{padding:1rem 2rem;border-radius:.3rem;background-color:var(--clr-primary);color:var(--clr-light);transition:color, background-color .2s}.contact__container .form__submit-btn:hover{background-color:var(--clr-secondary);color:var(--clr-primary)}.contact__container .details{position:absolute;background-color:var(--clr-secondary);padding:2rem;border-radius:1rem;top:-5%;left:80%;height:110%;width:50%;box-shadow:var(--box-shadow-2)}@media screen and (max-width: 47.5em){.contact__container .details{display:none}}.contact__container .details>*:not(:last-child){margin-bottom:5rem}.contact__container .details__heading{text-align:center;font-size:3rem}.contact__container .details__container{display:flex;align-items:center}.contact__container .details__container img{width:3.5rem;margin-right:1.5rem}.contact__container .details__sub-heading{font-weight:800}.contact__close{position:absolute;top:2rem;right:2rem;background:none;font-size:3rem}.show{visibility:visible;opacity:1}.navbar{position:absolute;z-index:110;top:0;left:0;width:100%;color:var(--clr-light);background-color:var(--clr-primary);padding:0 5rem}.navbar.nav__scroll{--clr-primary: #fff;--clr-secondary: #17494d;--clr-light: #17494d;position:fixed;box-shadow:var(--box-shadow-3);-webkit-animation:navanime .5s;animation:navanime .5s}@media screen and (max-width: 45em){.navbar{padding:0 2.5rem}}.navbar__container{height:8rem;padding:2rem 0;max-width:114rem;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.navbar__logo{width:20%}.navbar__logo--primary{font-size:4rem;font-family:'Nunito', sans-serif}.navbar__logo--primary.hide{display:none}.navbar__logo--secondary{width:4rem;display:none}.navbar__logo--secondary.show{display:block}.navbar__items{flex-grow:.5;display:flex;justify-content:space-between}@media screen and (max-width: 47.75em){.navbar__items{display:none}}.navbar__items .link{color:inherit;font-size:1.8rem;display:flex;align-items:center;position:relative}.navbar__items .link::after{content:'';width:100%;height:.3rem;position:absolute;bottom:0;transform:scale(0);border-radius:5rem;background-color:var(--clr-light);transition:all .2s}.navbar__items .link:hover::after{transform:scale(1)}.mobile__nav{display:none;cursor:pointer;width:4rem;height:4rem}@media screen and (max-width: 47.75em){.mobile__nav{display:flex}}.mobile__nav .nav-bar{margin-top:2rem;position:relative;width:4rem;height:.5rem;border-radius:.5rem;background:var(--clr-light)}.mobile__nav .nav-bar::after{content:'';position:absolute;top:-1rem;left:0;width:100%;height:100%;border-radius:.5rem;background:var(--clr-light);transition:all .2s}.mobile__nav .nav-bar::before{content:'';position:absolute;top:1rem;left:0;width:100%;height:100%;border-radius:.5rem;background:var(--clr-light);transition:all .2s}.mobile__nav .click{background:transparent}.mobile__nav .click::after{top:0;transform:rotate(135deg)}.mobile__nav .click::before{top:0;transform:rotate(-135deg)}.nav__slide{position:fixed;z-index:100;display:none;overflow-y:auto;scrollbar-width:none;top:0;left:0;height:100vh;width:100%;background-color:var(--clr-light);transform:translateX(100%);transition:transform .2s;padding:15rem 4rem 4rem}.nav__slide::-webkit-scrollbar{display:none}.nav__slide>*:not(:last-child){margin-bottom:3rem}.nav__slide.slide__in{transform:translateX(0)}@media screen and (max-width: 47.75em){.nav__slide{display:flex;flex-direction:column}}.nav__slide-link{color:inherit;display:flex;align-items:center;justify-content:space-between;font-size:2.5rem;transition:all .2s}.nav__slide-sub-link{height:0;overflow:hidden;transition:all .2s}.nav__slide-sub-link>*:not(:last-child){margin-bottom:2rem}.nav__slide-sub-link .options{padding:2rem;border-left:.5rem solid transparent;transition:all .2s;cursor:pointer}.nav__slide-sub-link .options:hover{box-shadow:var(--box-shadow);border-left:0.5rem solid var(--clr-primary)}.nav__slide-sub-link .options h5{font-size:2rem;font-weight:600;margin-bottom:1rem}.nav__slide .btn{transform:scale(1);font-size:2.5rem;text-align:center}.services__header{text-align:center;margin-bottom:5rem}.services__heading{font-size:4rem;margin-bottom:3rem}.services__heading span{display:block}.services__text{font-size:2rem}.services__content{display:flex}@media screen and (max-width: 45em){.services__content{flex-direction:column}}.services__content>*{flex:1}.services__content .content__text{margin-right:15rem}@media screen and (max-width: 45em){.services__content .content__text{text-align:center;margin-right:0;margin-bottom:5rem}}.services__content .content__text>*:not(:last-child){margin-bottom:3rem}.services__content .content__text .content__heading{font-size:3rem}.services__content .content__text .content__paragraph{line-height:2.5rem}.services__content .content__photo{position:relative}@media screen and (max-width: 45em){.services__content .content__photo{width:50%;margin:auto}}@media screen and (max-width: 37.5em){.services__content .content__photo{width:80%}}.services__content .content__photo img{transition:all .2s}.services__content .content__photo img:hover{outline:1rem solid var(--clr-primary);outline-offset:1rem}.services__content .content__photo--primary{height:30rem;display:block;position:relative;z-index:3;margin:auto}.services__content .content__photo--primary:hover ~ .content__photo--secondary{z-index:2;transform:scale(0.8, 0.8)}@media screen and (max-width: 37.5em){.services__content .content__photo--primary{outline:1rem solid var(--clr-primary);outline-offset:1rem}}.services__content .content__photo--secondary{position:absolute;z-index:5;bottom:3rem;left:-8rem;width:60%}@media screen and (max-width: 37.5em){.services__content .content__photo--secondary{display:none}}.footer__heading{font-size:2rem;font-weight:800;margin-bottom:1rem}.footer__suscribe{position:relative}.footer__suscribe input[type=email]{border:.3rem solid transparent;border-radius:.3rem;padding:.8rem 1.5rem;font-size:2rem;font-family:inherit;width:70%;transition:border .2s}.footer__suscribe input[type=email]:focus{outline:none;border:0.3rem solid var(--clr-primary)}.footer__suscribe button[type=submit]{position:absolute;right:0;top:0;height:100%;width:30%;cursor:pointer;padding:1rem 1rem}.footer__suscribe button[type=submit]:hover{filter:contrast(0.8)}.footer__social-media{display:flex;justify-content:center}.footer__social-media img{width:6.5rem;padding:1rem}.header{background-color:var(--clr-primary);color:var(--clr-light);padding:0 5rem}@media screen and (max-width: 45em){.header{padding:0 2.5rem}}.header__container{max-width:114rem;margin:0 auto;display:flex;height:calc(var(--vh, 1vh) * 100);align-items:center}@media screen and (max-width: 47.75em){.header__container{flex-direction:column;justify-content:center;align-items:stretch}}.header__primary{font-size:6rem;line-height:1.3;width:60%}@media screen and (max-width: 64em){.header__primary{font-size:5rem}}@media screen and (max-width: 47.75em){.header__primary{margin-bottom:5.5rem;width:100%}}@media screen and (max-width: 25em){.header__primary{font-size:4.5rem}}.header__primary .sub__heading{display:block}.header__content{width:40%;font-size:2rem}@media screen and (max-width: 47.75em){.header__content{width:100%}}.header__content .paragraph{margin-bottom:3rem;line-height:1.7;font-weight:600}.header__content .btn:first-of-type{margin-right:2rem}.features,.services,.about,.footer{padding:7rem 5rem}@media screen and (max-width: 45em){.features,.services,.about,.footer{padding:5rem 2.5rem}}.features__container,.services__container,.about__container,.footer__container{max-width:114rem;margin:0 auto;display:flex}.features{overflow-x:hidden}.services{background-color:var(--clr-secondary)}@media screen and (max-width: 50em){.about{display:none}}.footer{background-color:var(--clr-tertiary)}.features__container>*{flex:1}@media screen and (max-width: 50em){.features__container{flex-direction:column}}.services__container{flex-direction:column}.about__container{position:relative}.about__container>*{flex:1;padding:1rem}.footer__container{flex-wrap:wrap;justify-content:space-between;align-items:center}.footer__container>*{min-width:30%;flex-grow:1;margin:1.5rem auto}@media screen and (max-width: 37.5em){.footer__container>*{width:100%}}@media screen and (max-width: 37.5em){.footer__container{flex-direction:column}}