@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";*,*::before,*::after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}body{font-size:16px;font-family:"Open Sans",serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100}body header{padding:8vh 5vw}body header nav{font-family:"Raleway",serif;font-optical-sizing:auto;font-style:normal;display:flex;justify-content:flex-end;align-items:center;gap:4vw}body header nav img{margin-right:auto}body header nav img:hover{cursor:pointer}body header nav p:hover{cursor:pointer}body main h1{font-weight:700;font-family:"Raleway",serif;font-optical-sizing:auto;font-style:normal;font-size:2.25em}body main section:first-child{padding:0 5vw 15vh;display:flex;align-items:center}body main section:first-child div{flex-basis:50%;display:flex;flex-direction:column;gap:1vh;color:#070439}body main section:first-child div p{font-weight:400}body main section:first-child div div{display:flex;flex-direction:row;gap:1vw}body main section:first-child div div .input-container{display:flex;flex-direction:column}body main section:first-child div div .input-container input{border:1px solid #789;border-radius:5px;padding:1vh 7vw 1vh 1vw}body main section:first-child div div .input-container input::-moz-placeholder{color:#bfbfbf;font-weight:400}body main section:first-child div div .input-container input::placeholder{color:#bfbfbf;font-weight:400}body main section:first-child div div .input-container input:focus{border-color:#4a90e2;outline:none}body main section:first-child div div .input-container input:invalid{border-color:#ff6b6b;color:#333}body main section:first-child div div .input-container input:invalid~.error-message{visibility:visible;opacity:1}body main section:first-child div div .input-container .error-message{font-size:1rem;color:#ff6b6b;margin-top:.2vh;visibility:hidden;opacity:0;transition:opacity .3s ease-in-out}body main section:first-child div div button{color:#f6f6fe;background-color:#3065f8;border:none;height:-moz-fit-content;height:fit-content;padding:1.25vh 4.5vw;border-radius:3px;font-weight:400;font-size:smaller;font-weight:bold}body main section:first-child div div button:hover{cursor:pointer;background-color:#628af9;transition:.3s ease-in-out}body main section:first-child img{flex-basis:50%;width:40%;height:auto}body main .bg-curve{width:100%}@media(max-width: 576px){body main .bg-curve{content:url(./images/bg-curve-mobile.svg);width:100%}}body main section:nth-of-type(2){background-color:#f8f8fe;padding:4vh 0 10vh}body main section:nth-of-type(2) .container{display:flex;padding:0 5vw;align-items:center}body main section:nth-of-type(2) .container div{flex-basis:60%;color:#070439}body main section:nth-of-type(2) .container div p:nth-of-type(3){color:#3c9f8f;text-decoration:underline;text-underline-offset:10px;width:-moz-fit-content;width:fit-content}body main section:nth-of-type(2) .container div p:nth-of-type(3):hover{cursor:pointer}body main section:nth-of-type(2) .container div p:nth-of-type(3)::after{content:"";display:inline-block;background:url(./images/icon-arrow.svg) center/cover no-repeat;width:40px;height:40px;vertical-align:middle;margin-left:1vw}body main section:nth-of-type(2) .container div aside{background-color:#fff;box-shadow:4px 4px 20px rgba(0,0,0,.2);padding:5vh 4vw;border-radius:10px;width:65%;display:flex;flex-direction:column;gap:2.5vh;margin-top:5vh}body main section:nth-of-type(2) .container div aside p:first-child{font-weight:400;color:#070439}body main section:nth-of-type(2) .container div aside p:first-child::before{content:"";display:block;background:url(./images/icon-quotes.svg) center/cover no-repeat;width:25px;height:25px;margin-bottom:2vh}body main section:nth-of-type(2) .container div aside .profile{display:flex;align-items:center;gap:1vw}body main section:nth-of-type(2) .container div aside .profile img{width:70px;height:70px;border-radius:50%}body main section:nth-of-type(2) .container div aside .profile p:last-child{display:flex;flex-direction:column;align-items:flex-start;font-weight:400}body main section:nth-of-type(2) .container div aside .profile p:last-child span{font-weight:bolder}body main section:nth-of-type(2) .container .illustration2{flex-basis:40%;width:25%;height:25%}body main section:last-child{background-color:#585989;color:#f6f6fe}body main section:last-child .container{padding:13vh 5vw;display:flex;justify-content:space-between;align-items:center;gap:4vw}body main section:last-child .container div:first-child{flex-basis:50%}body main section:last-child .container div:first-child h2{font-weight:700;font-family:"Raleway",serif;font-optical-sizing:auto;font-style:normal;font-weight:700}body main section:last-child .container div:first-child p{color:#bfbfbf;margin-top:1.5vh}body main section:last-child .container div:last-child{flex-basis:50%;display:flex;flex-direction:column;gap:2vh}body main section:last-child .container div:last-child .input-container{display:flex;flex-direction:column}body main section:last-child .container div:last-child .input-container input{border:1px solid #789;border-radius:5px;padding:1vh 7vw 1vh 1vw}body main section:last-child .container div:last-child .input-container input::-moz-placeholder{color:#bfbfbf;font-weight:400}body main section:last-child .container div:last-child .input-container input::placeholder{color:#bfbfbf;font-weight:400}body main section:last-child .container div:last-child .input-container input:focus{border-color:#4a90e2;outline:none}body main section:last-child .container div:last-child .input-container input:invalid{border-color:#ff6b6b;color:#333}body main section:last-child .container div:last-child .input-container input:invalid~.error-message{visibility:visible;opacity:1}body main section:last-child .container div:last-child .input-container .error-message{font-size:1rem;color:#ff6b6b;margin-top:.2vh;visibility:hidden;opacity:0;transition:opacity .3s ease-in-out}body main section:last-child .container div:last-child .btn2{width:-moz-fit-content;width:fit-content;background-color:#3065f8;padding:2vh 2vw;border:none;border-radius:7px;color:#f6f6fe;font-weight:bold}body main section:last-child .container div:last-child .btn2:hover{cursor:pointer;background-color:#628af9;transition:.3s ease-in-out}body footer{background-color:#070439;color:#f6f6fe;padding:15vh 5vw}body footer .container{display:flex;justify-content:space-between;align-items:flex-start;padding:5vh 10vw 5vh 0}body footer .container div:nth-of-type(1),body footer .container div:nth-of-type(2),body footer .container div:nth-of-type(3){display:flex;flex-direction:column;gap:1.5vh}body footer .container div:nth-of-type(1) p:hover,body footer .container div:nth-of-type(2) p:hover,body footer .container div:nth-of-type(3) p:hover{cursor:pointer;transition:.3s linear;color:#3065f8}body footer .container div:nth-of-type(1) p:first-child::before{content:"";display:inline-block;background:url(./images/icon-phone.svg) center/cover no-repeat;width:17px;height:17px;margin-right:1.5vw;vertical-align:middle}body footer .container div:nth-of-type(1) p:last-child::before{content:"";display:inline-block;background:url(./images/icon-email.svg) center/cover no-repeat;width:17px;height:17px;margin-right:1vw;vertical-align:middle}body footer .container .icons{display:flex;align-items:center;gap:1.5vw}body footer .container .icons svg{width:3rem;height:auto}body footer .container .icons svg:hover{cursor:pointer}body footer .container svg:first-of-type:hover circle,body footer .container svg:first-of-type:hover path{stroke:#3065f8}body footer .container svg:first-of-type:hover path{fill:#3065f8}body footer .container svg:nth-of-type(2):hover circle,body footer .container svg:nth-of-type(2):hover rect{stroke:#3065f8}body footer .container svg:nth-of-type(2):hover circle:nth-of-type(3){fill:none}body footer .container svg:nth-of-type(3):hover g{stroke:#3065f8;fill:#3065f8}body footer .container svg:nth-of-type(3):hover g path{fill:#3065f8}body footer .container svg:nth-of-type(3):hover g circle{fill:none}body footer .attribution{text-align:center;padding-top:5vh;color:#bfbfbf}body footer .attribution a{text-decoration:none;color:#585989}body footer .attribution a:hover{color:#3065f8;cursor:pointer}@media(max-width: 576px){body header nav img{width:35%;height:auto}body main section:first-child{flex-direction:column-reverse;align-items:center}body main section:first-child div{text-align:center}body main section:first-child div div{justify-content:center;gap:3vw;flex-direction:column}body main section:first-child img{width:90%;height:auto}body main section:nth-of-type(2) .container{flex-direction:column-reverse;align-items:center}body main section:nth-of-type(2) .container div{display:flex;flex-direction:column;align-items:center;gap:2vh}body main section:nth-of-type(2) .container div h1{text-align:center}body main section:nth-of-type(2) .container div .arrow{text-align:center}body main section:nth-of-type(2) .container div aside{width:100%}body main section:nth-of-type(2) .container div aside .profile{flex-direction:row;gap:3vw}body main section:nth-of-type(2) .container .illustration2{width:90%;height:auto}body main section:last-child .container{flex-direction:column;text-align:center}body main section:last-child .container div:last-child{align-items:center;width:100%}body main section:last-child .container div:last-child div{width:100%}body main section:last-child .container div:last-child .btn2{width:100%}body footer .container{flex-direction:column;gap:7vh}body footer .container .icons{align-self:center}}@media(min-width: 577px)and (max-width: 768px){body main section:first-child div div{flex-direction:column}body main section:first-child div div button{padding:3vh 3vw}body main section:nth-of-type(2) .container .content aside{width:100%}body main section:last-child .container div:nth-of-type(2) .btn2{width:100%}}