:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:500;color:var(--color-lapis);background-color:var(--color-anti-flash);--main-color: var(--color-anti-flash);--secondary-color: var(--color-vandyke);--sub-color: var(--color-lapis);--color-aero: #42BFDD;--color-vandyke: #41292C;--color-mint-green: #BBE6E4;--color-anti-flash: #F0F6F6;--color-lapis: #1C5D99;--icon-hover: #0000004f;--button-hover: #ffffff4f}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}button{--same-color: var(--color-lapis);font-size:1rem;font-weight:700;padding:1rem;border-radius:2rem;border:4px solid var(--same-color);color:var(--same-color);transition:background-color ease .2s;cursor:pointer}button:hover{background-color:var(--color-lapis);color:var(--color-anti-flash)}img{height:auto;width:100%;object-fit:cover;max-width:100%}form{width:100%}input{width:100%;padding:.5rem;margin-top:.25rem;border:1px solid var(--color-lapis);border-radius:4px;outline:none;background-color:var(--color-anti-flash)}textarea{border:1px solid var(--color-lapis);border-radius:4px;background-color:var(--color-anti-flash);outline:none}.main{min-height:100vh;display:grid;background-color:var(--color-anti-flash);padding:1rem;gap:1.5rem}@media (width >=768px){.main{grid-template-columns:1fr 1fr;grid-template-areas:". ." ". services" "logo services" "logo services" "info services" ". line " ". .";max-width:1200px;margin-inline:auto;column-gap:1rem;padding-inline:1.5rem;border:.4rem solid var(--color-lapis)}}@media (width >=1024px){.main{padding-inline:5rem;grid-template-areas:". ." "logo services" "logo services" "info line " ". ."}}.transition-line{display:grid;gap:1rem}@media (width >=768px){.transition-line{gap:.5rem;grid-area:line;height:1rem;width:20rem;margin-inline:auto}}.line{border:.225rem solid var(--color-lapis);border-radius:1rem;margin-inline:auto}.group-input{display:grid;position:relative;margin-top:1rem}h1[data-size]{text-align:center;padding-block:1rem;background-color:var(--color-lapis);color:var(--color-anti-flash);border-radius:1rem}label[data-req]:after{content:"*";padding:.25rem;color:#999}.group-btn{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding-top:1rem}.send{background-color:var(--color-lapis);border-color:#c9c96b;color:var(--color-anti-flash);border-radius:.25rem}.error{position:absolute;right:0;top:.5rem;font-size:.75rem;color:#999}.error-input{border-color:red;border-width:2px}.modal-container{display:grid;background-color:#fff4;position:fixed;inset:0;z-index:10}.modal-bg{background-color:var(--color-anti-flash);padding:1rem;position:relative;display:grid;place-items:center}@media (width > 767px){.modal-bg{width:min(60vw,54rem);height:70vh;margin:auto;border:.4rem solid var(--color-lapis);border-radius:4px}}.service-section{display:grid;grid-template-rows:auto 1fr;gap:2rem}@media (width >= 768px){.service-section{grid-area:services;grid-template-rows:auto auto}}.service-header{text-align:center}.service-header h2{font-size:2.125rem}.service-header p{font-size:1.125rem}.services-container{display:grid;gap:1rem}.service-btn{font-size:1.5rem;margin-inline:auto;width:20rem}.info-section{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto}.info-section h3{font-size:2rem}@media (width >=768px){.info-section{grid-area:info}}.info-details{padding-top:.5rem;padding-left:1rem;grid-row:2;grid-column:1 / -1}.info-details p{display:flex;align-items:center;gap:.5rem}.auto-icon:before{content:"";display:flex;background-image:var(--icon);background-repeat:no-repeat;background-size:contain;height:1rem;aspect-ratio:1}.socials-section{display:flex;justify-content:space-around}.socials-icon{height:3rem;aspect-ratio:1;border-radius:.75rem;padding:.25rem;transition:background-color ease .2s;display:flex;align-items:center;justify-content:center}.socials-icon:hover{background-color:var(--color-lapis)}.icon-color{--size: 2rem;color:var(--color-lapis);height:var(--size);width:var(--size);transition:color ease .2s}.socials-icon:hover .icon-color{color:var(--color-anti-flash)}@media (width >=768px){.logo{grid-area:logo;place-self:center}}@media (width >=1024px){.logo{place-self:end}}