.demo-wrapper{display:flex;justify-content:center}.demo-form{background-color:hsla(0,0%,100%,.258);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:500px;padding:20px;border-radius:10px;margin-top:50px}.demo-form label{font-weight:500;font-size:.75rem;line-height:1.5;color:hsl(220,20%,35%);flex:1 1}.demo-form .imput-wrapper{gap:20px;display:flex}.demo-form button{margin-top:30px;width:calc(100% - 80px);margin-inline:40px}.thankyou-wrapper{display:flex;justify-content:center}.thankyou-form{background-color:hsla(0,0%,100%,.717);border:1px solid hsla(220,20%,80%,.4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:500px;padding:20px;border-radius:10px;margin-top:50px}.thankyou-form .next-steps{font-weight:400;font-size:1rem;line-height:1.6;margin:0}.thankyou-form .steps{flex:1 1;display:flex;flex-direction:column;gap:20px;margin-top:20px}.thankyou-form .steps .step{display:flex;gap:12px;align-items:center}.thankyou-form .steps .step div{background-color:hsl(210,98%,48%);color:#fff;width:20px;height:20px;display:flex;justify-content:center;align-items:center;border-radius:100px;padding:2px;font-size:smaller;font-weight:400}.thankyou-form .steps .step p{flex:1 1;margin:0;height:fit-content;font-weight:500;font-size:.875rem;line-height:1.57}.contact-page-new{background-color:#f8f9fa;min-height:100vh;padding-top:80px}.contact-page-new .contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:flex-start}.contact-page-new .contact-left h1{font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 2rem;color:hsl(220,22%,15%);letter-spacing:-.03em}.contact-page-new .contact-left .contact-benefits{margin-bottom:2rem}.contact-page-new .contact-left .contact-benefits .benefit-item{display:flex;gap:12px;margin-bottom:1.25rem;align-items:flex-start}.contact-page-new .contact-left .contact-benefits .benefit-item svg{flex-shrink:0;margin-top:2px;color:#679}.contact-page-new .contact-left .contact-benefits .benefit-item p{margin:0;font-size:.95rem;line-height:1.6;color:hsl(220,15%,35%)}.contact-page-new .contact-left .contact-benefits .benefit-item p strong{color:hsl(220,22%,15%)}.contact-page-new .contact-left .contact-extended{display:flex;flex-direction:row;gap:16px;margin-bottom:2rem}.contact-page-new .contact-left .contact-extended .element{border:1px solid hsla(220,20%,80%,.4);border-radius:12px;padding:24px;background-color:#fff;flex:1 1;display:flex;flex-direction:column}.contact-page-new .contact-left .contact-extended .element h3{margin:0;font-weight:600;font-size:1rem;line-height:1.4}.contact-page-new .contact-left .contact-extended .element p{margin:8px 0 0;font-weight:400;font-size:.85rem;line-height:1.5;color:hsl(220,15%,45%);flex:1 1}.contact-page-new .contact-left .contact-extended .element a{text-decoration:none;background-color:#fff;border:1px solid hsl(220,20%,80%);box-sizing:border-box;margin-top:1rem;font-size:.85rem;padding:8px 16px}.contact-page-new .contact-left .contact-extended .element a:hover{background-color:#f5f5f5}.contact-page-new .contact-left .contact-case-studies{display:flex;gap:16px;margin-bottom:2rem}.contact-page-new .contact-left .contact-case-studies .case-study-card{flex:1 1;display:flex;gap:16px;padding:20px;border-radius:12px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;background-image:radial-gradient(ellipse 60% 50% at 50% 0,hsl(210,100%,90%),transparent);background-color:#fff}.contact-page-new .contact-left .contact-case-studies .case-study-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.contact-page-new .contact-left .contact-case-studies .case-study-card img{width:60px;height:60px;object-fit:contain;border-radius:8px}.contact-page-new .contact-left .contact-case-studies .case-study-card .case-study-content{height:100%;display:flex;flex-direction:column}.contact-page-new .contact-left .contact-case-studies .case-study-card .case-study-content p{margin:0;font-size:.9rem;line-height:1.5;color:hsl(220,22%,25%);flex:1 1}.contact-page-new .contact-left .contact-case-studies .case-study-card .case-study-content p strong{font-weight:600}.contact-page-new .contact-left .contact-case-studies .case-study-card .case-study-content .case-study-link{display:inline-block;margin-top:8px;font-size:.8rem;font-weight:500;color:#2b63d9;text-decoration:none}.contact-page-new .contact-left .contact-case-studies .case-study-card .case-study-content .case-study-link:hover{text-decoration:underline}.contact-page-new .contact-left .contact-companies{background-color:#fff;border:1px solid hsla(220,20%,80%,.4);border-radius:12px;padding:24px}.contact-page-new .contact-left .contact-companies .companies-title{margin:0 0 1rem;font-size:.85rem;color:hsl(220,15%,50%);text-align:center}.contact-page-new .contact-left .contact-companies .companies-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.contact-page-new .contact-left .contact-companies .companies-grid .company-item{display:flex;justify-content:center;align-items:center;padding:8px}.contact-page-new .contact-left .contact-companies .companies-grid .company-item img{max-height:30px;max-width:80px;object-fit:contain}.contact-page-new .contact-left .contact-companies .companies-grid .company-item img:hover{opacity:1;filter:grayscale(0)}.contact-page-new .contact-right .contact-form-card{background-color:#fff;border:1px solid hsla(220,20%,80%,.4);border-radius:16px;padding:32px;box-shadow:0 4px 24px rgba(0,0,0,.06)}.contact-page-new .contact-right .contact-form-card .input-group{display:flex;flex-direction:row;gap:16px}.contact-page-new .contact-right .contact-form-card .input-element{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;flex:1 1}.contact-page-new .contact-right .contact-form-card .input-element.full-width{width:100%}.contact-page-new .contact-right .contact-form-card .input-element label{font-weight:500;font-size:.875rem;line-height:1.4;color:hsl(220,22%,25%)}.contact-page-new .contact-right .contact-form-card input,.contact-page-new .contact-right .contact-form-card select,.contact-page-new .contact-right .contact-form-card textarea{padding:12px 14px;border-radius:8px;border:1px solid hsl(220,16%,85%);color:hsl(220,22%,29%);outline:none;font-weight:400;font-size:14px;line-height:1.4;background-color:#fff;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.contact-page-new .contact-right .contact-form-card input:focus,.contact-page-new .contact-right .contact-form-card select:focus,.contact-page-new .contact-right .contact-form-card textarea:focus{border-color:hsl(220,70%,55%);box-shadow:0 0 0 3px hsla(220,70%,55%,.1)}.contact-page-new .contact-right .contact-form-card input::placeholder,.contact-page-new .contact-right .contact-form-card select::placeholder,.contact-page-new .contact-right .contact-form-card textarea::placeholder{color:hsl(220,20%,65%);font-weight:400;font-size:.875rem}.contact-page-new .contact-right .contact-form-card select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.contact-page-new .contact-right .contact-form-card textarea{resize:vertical;min-height:80px}.contact-page-new .contact-right .contact-form-card button.action-button{width:100%}.contact-page-new .contact-right .contact-form-card .contact-person-inline{display:flex;gap:16px;align-items:center;margin-top:24px;padding-top:24px;border-top:1px solid hsl(220,16%,90%)}.contact-page-new .contact-right .contact-form-card .contact-person-inline img{border-radius:50%;width:50px;height:50px;object-fit:cover}.contact-page-new .contact-right .contact-form-card .contact-person-inline .person-info{flex:1 1}.contact-page-new .contact-right .contact-form-card .contact-person-inline .person-info .person-name{margin:0;font-weight:600;font-size:.95rem;color:hsl(220,22%,20%)}.contact-page-new .contact-right .contact-form-card .contact-person-inline .person-info .person-role{margin:2px 0 8px;font-size:.8rem;color:hsl(220,70%,50%);font-weight:500}.contact-page-new .contact-right .contact-form-card .contact-person-inline .person-info .contact-links{display:flex;flex-wrap:wrap;gap:12px}.contact-page-new .contact-right .contact-form-card .contact-person-inline .person-info .contact-links a{display:flex;align-items:center;gap:4px;font-size:.8rem;color:hsl(220,15%,40%);text-decoration:none}.contact-page-new .contact-right .contact-form-card .contact-person-inline .person-info .contact-links a:hover{color:hsl(220,70%,50%)}.contact-container{border:1px solid hsla(220,20%,80%,.4);border-radius:8px;padding:32px;background-color:#fafafa;display:flex;flex-direction:row;gap:40px;margin-top:20px}.contact-container .input-group{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap}.contact-container .input-element{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;flex:1 1}.contact-container .input-element label{font-weight:400;font-size:.875rem;line-height:1.57;color:hsl(219,14%,36%)}.contact-container input,.contact-container textarea{padding:6px;border-radius:5px;border:1px solid hsl(220,16%,85%);color:hsl(220,22%,29%);outline:none;font-weight:500;font-size:14px;line-height:1.2em;background:rgba(0,0,0,0);box-sizing:border-box;background-color:hsla(0,0%,100%,.47)}.contact-container input::placeholder,.contact-container textarea::placeholder{color:hsl(220,20%,65%);margin:0;font-weight:400;font-size:.875rem;line-height:1.5}.contact-container .contact-form{display:flex;flex-direction:column;flex:1 1}.contact-container .contact-form p{margin:20px 0 0;font-weight:200;font-size:.7rem;line-height:1.57;color:#000}.contact-container .contact-form button{margin-top:20px}.contact-container .contact-text{flex:1 1;margin-bottom:10px}.contact-container .contact-text textarea{height:200px;width:100%;resize:none}.contact-container .separator{background-color:hsl(220,16%,85%);border:none;width:1px}.contact-container .contact-person{padding-top:2rem;padding-inline:2rem;display:flex;flex-direction:column;align-items:center}.contact-container .contact-person img{border-radius:100px}.contact-container .contact-person p{text-align:center;margin:0}.contact-container .contact-person .person-title{font-weight:400;font-size:.9rem;line-height:1.6;margin-top:1rem;margin-bottom:1rem}.contact-container .contact-person .person-name{font-weight:500;font-size:1.1rem;margin-top:1rem;letter-spacing:-.05em}.contact-container .contact-person .ceo{font-size:.9rem;font-weight:600;color:#2b63d9;margin-top:.2rem}.contact-container .contact-person .contact-info{display:flex;align-items:center;gap:12px;margin-bottom:.6rem;padding-left:1rem}.contact-container .contact-person .contact-info a{color:hsl(220,22%,29%);text-decoration:none;font-size:.95rem}.contact-container .contact-person .contact-info a:hover{text-decoration:underline}.contact-extended{display:flex;flex-direction:row;gap:20px;margin-top:20px}.contact-extended .element{border:1px solid hsla(220,20%,80%,.4);border-radius:8px;padding:32px;background-color:#fafafa;flex:1 1}.contact-extended .element h3{margin:0;font-weight:600;font-size:1.125rem;line-height:1.6}.contact-extended .element p{margin:10px 0 0;font-weight:400;font-size:.9rem;line-height:1.5}.contact-extended .element a{text-decoration:none;background-color:#fff;border:1px solid hsl(220,20%,80%);box-sizing:border-box;margin-top:1rem}.contact-extended .element a:hover{background-color:#f5f5f5}@media screen and (max-width:1200px){.contact-page-new .contact-layout{gap:40px}.contact-page-new .contact-left h1{font-size:2rem}}@media screen and (max-width:991px){.contact-page-new .contact-layout{grid-template-columns:1fr;gap:40px}.contact-page-new .contact-left{order:2}.contact-page-new .contact-right{order:1}}@media screen and (max-width:850px){.contact-extended,.contact-page-new .contact-left .contact-case-studies,.contact-page-new .contact-left .contact-extended{flex-direction:column}.contact-page-new .contact-left .contact-companies .companies-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:678px){.contact-page-new{padding-top:60px}.contact-page-new .contact-left h1{font-size:1.75rem}.contact-page-new .contact-right .contact-form-card{padding:24px}.contact-page-new .contact-right .contact-form-card .input-group{flex-direction:column}.contact-page-new .contact-right .contact-form-card .contact-person-inline{flex-direction:column;text-align:center}.contact-page-new .contact-right .contact-form-card .contact-person-inline .person-info .contact-links{justify-content:center}}