.assessment-main{background-color:var(--cyan)}.aval-banner{grid-template-columns:50% 45%;gap:5%;padding:1em 25% 2em;display:grid}.aval-banner div{flex-direction:column;justify-content:center;gap:10px;display:flex}.aval-banner div h2{color:var(--white);font-size:68px;font-family:var(--inspiration);border-bottom:2px solid var(--white);padding-bottom:.25em}.aval-banner div p{color:var(--white);text-align:right;font-size:1.2rem;line-height:1.75em}.aval-banner .image-wrapper{border-radius:20px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 10px #ffffff4d}.aval-banner .assessment-banner-image{object-fit:cover}@media (max-width:1024px){.aval-banner{grid-template-columns:1fr 1fr;gap:40px;padding:2em 10%}.aval-banner div h2{font-size:48px}.aval-banner div p{text-align:left}.aval-banner div,.aval-banner img{width:100%}}@media (max-width:768px){.aval-banner{text-align:center;grid-template-columns:1fr;padding:2em 8%}.aval-banner div{align-items:center}.aval-banner div h2{font-size:36px}.aval-banner div p{text-align:center;font-size:1rem}.aval-banner .aval-banner img{width:90%}}.assessment-title{text-align:center;color:var(--white);margin:2em auto 20px;padding:0 5%}.assessment-title h1{font-family:var(--amethysta);margin-bottom:10px;font-size:44px}.assessment-title h2{font-family:var(--century-gothic);margin-bottom:20px;font-size:32px}@media (max-width:1024px){.assessment-title h1{font-size:36px}.assessment-title h2{font-size:26px}}@media (max-width:768px){.assessment-title{margin:6em auto 20px}.assessment-title h1{font-size:28px;line-height:1.2}.assessment-title h2{font-size:20px}}.list-assessment{background-color:var(--white);grid-template-columns:1fr 1fr;gap:40px;padding:4em 20%;display:grid}.list-assessment h2{font-size:1.5rem;font-family:var(--montserrat-alternates);text-align:center;color:var(--bluish-black)}.list-assessment ul{flex-direction:column;gap:10px;margin:20px 10px;display:flex}.list-assessment ul li{color:var(--white);background-color:var(--cyan);text-align:center;letter-spacing:1px;border-radius:10px;padding:1em;font-size:1.05rem;font-weight:600;transition:all .5s}.list-assessment ul li:hover{background-color:var(--light-cyan);cursor:pointer}@media (max-width:1024px){.list-assessment{gap:30px;padding:3em 10%}.list-assessment h2{font-size:1.4rem}}@media (max-width:768px){.list-assessment{grid-template-columns:1fr;gap:40px;padding:3em 8%}.list-assessment h2{font-size:1.3rem}.list-assessment ul li{padding:.9em;font-size:1rem}}.assessment-stages{background-color:var(--white);padding:0 20% 3em}.assessment-stages h2:first-child{color:var(--dark-blue);font-size:3rem;font-family:var(--amethysta);margin-bottom:1em}.stages{grid-template-columns:repeat(4,1fr);gap:60px;display:grid}.stage{flex-direction:column;gap:10px;display:flex;position:relative}.stage:after{content:"";background-image:url(/assets/left-arrow.png);background-repeat:no-repeat;background-size:contain;width:24px;height:24px;position:absolute;top:50%;right:-25px;transform:translateY(-50%)}.stage:last-child:after{display:none}.stage h2{color:var(--dark-blue);font-size:1.75rem;font-family:var(--montserrat-alternates)}.stage h3{color:var(--dark-blue);font-size:2.75rem;font-weight:600;font-family:var(--century-gothic)}.stage p{color:var(--dark-blue);font-size:1rem;line-height:1.6}@media (max-width:1024px){.assessment-stages{padding:0 10% 3em}.stages{grid-template-columns:1fr 1fr;gap:40px}.stage:after{display:none}}@media (max-width:768px){.assessment-stages{padding:0 8% 3em}.assessment-stages h2:first-child{text-align:center;font-size:1.75rem}.stages{grid-template-columns:1fr;gap:30px}.stage{text-align:center;align-items:center}.stage h3{font-size:2rem}.stage h2{font-size:1.5rem}}.assessment-faq{flex-direction:column;align-items:center;margin:40px auto;display:flex}.assessment-faq h2{color:var(--white);font-family:var(--amethysta);text-align:center;margin-bottom:2rem;font-size:2rem}.assessment-faq-container{flex-direction:column;align-items:center;width:100%;max-width:900px;display:flex}@media (max-width:1024px){.assessment-faq{padding:0 8%}.assessment-faq h2{font-size:1.8rem}}@media (max-width:768px){.assessment-faq{padding:0 5%}.assessment-faq h2{font-size:1.5rem}}.assessment-cta{background-color:var(--white);color:var(--dark-blue);flex-direction:column;justify-content:center;align-items:center;gap:20px;margin:2.5em auto 3em;padding:2em 0;display:flex}.assessment-cta p{font-family:var(--montserrat-alternates);text-align:center;font-size:1.5rem;line-height:1.75rem}@media (max-width:620px){.assessment-cta p{font-size:calc(var(--small-font-size)*.65)}}.assessment-btn{color:var(--white);background-color:var(--cyan);font-size:1.5rem;font-weight:600;font-family:var(--century-gothic);border-radius:20px;padding:1rem .5rem;transition:all .65s}.assessment-btn:hover{border:2px solid var(--cyan);background-color:var(--white);color:var(--cyan);letter-spacing:2px}@media (max-width:620px){.assessment-btn{font-size:calc(var(--small-font-size)*.75)}}.assessment-form{flex-direction:column;justify-content:center;align-items:center;margin:0 1em;padding:2em 0;display:flex}.assessment-form h1{font-size:calc(var(--small-font-size)*1.15);text-align:center;font-weight:600;font-family:var(--julius-sans-one);color:var(--white);margin-bottom:20px;padding:0 10%}.assessment-form form{background-color:var(--white);border-radius:20px;flex-direction:column;justify-content:center;gap:20px;width:40%;margin-bottom:30px;padding:2em;display:flex}.assessment-form form button{color:var(--white);text-align:center;font-size:120%;font-family:var(--amethysta);background-color:var(--cyan);cursor:pointer;border:none;border-radius:20px;width:150px;margin:0 auto;padding:.5rem 1rem;transition:all .3s}.assessment-form form button:hover{border:2px solid var(--cyan);background-color:var(--white);color:var(--cyan)}.assessment-form form div{flex-direction:column;gap:10px;width:100%;display:flex}.assessment-form form div input,.assessment-form form div select{background-color:#d9d9d9;border:none;border-radius:20px;padding:10px;font-size:1.1rem}.assessment-form form div label{font-size:1.25rem}@media (max-width:1024px){.assessment-form form{width:60%}}@media (max-width:768px){.assessment-form h1{padding:0;font-size:1.25rem}.assessment-form form{width:90%;padding:1.5em}.assessment-form form div label{font-size:1.1rem}.assessment-form form div input,.assessment-form form div select{font-size:1rem}}