.quote-form-layout .quote-form-layout__quote{position:relative;padding:40px;background-color:var(--color-secondary-500);border-radius:10px}.quote-form-layout .quote-form-layout__quote:after{position:absolute;right:20px;bottom:20px;width:40px;height:80px;content:"";background-color:var(--color-neutral-900);-webkit-mask-image:url("data:image/svg+xml;utf8,      <svg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px'>        <circle cx='4px' cy='4px' r='4px' fill='white' />      </svg>");-webkit-mask-repeat:repeat;-webkit-mask-size:16px 16px;mask-image:url("data:image/svg+xml;utf8,      <svg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px'>        <circle cx='4px' cy='4px' r='4px' fill='white' />      </svg>");mask-repeat:repeat;mask-size:16px 16px}.quote-form-layout .quote-form-layout__quote .qoute-form-layout__personal-info{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.quote-form-layout .quote-form-layout__quote .qoute-form-layout__personal-info .quote-image{flex-shrink:0;max-width:150px}.quote-form-layout .quote-form-layout__quote .qoute-form-layout__personal-info .quote-image img{border:2px solid var(--color-neutral-900);border-radius:8px}.quote-form-layout .quote-form-layout__quote .qoute-form-layout__personal-info .quote-author{display:flex;flex-direction:column;gap:5px}.quote-form-layout .quote-form-layout__quote .qoute-form-layout__personal-info .quote-author strong{color:var(--color-neutral-900);font-weight:700;font-size:var(--h4-size)}.quote-form-layout .quote-form-layout__quote .qoute-form-layout__personal-info .quote-author .quote-title{color:var(--color-neutral-700);font-size:var(--text-sm)}.quote-form-layout .quote-form-layout__quote .qoute-form-layout__personal-info .quote-contact{display:flex;flex-direction:column;gap:8px}@media screen and (min-width: 768px){.quote-form-layout .quote-form-layout__quote .qoute-form-layout__personal-info .quote-contact{margin-left:auto}}.quote-form-layout .quote-form-layout__quote .qoute-form-layout__personal-info .quote-contact .contact-item{display:flex;flex-direction:column;gap:2px}.quote-form-layout .quote-form-layout__quote .qoute-form-layout__personal-info .quote-contact .contact-item a{padding:8px 14px;color:var(--color-neutral-900);font-size:var(--text-sm);text-align:center;text-decoration:none;border:solid 2px var(--color-neutral-900);border-radius:5px;transition:all .3s ease}.quote-form-layout .quote-form-layout__quote .qoute-form-layout__personal-info .quote-contact .contact-item a:hover{background-color:var(--color-primary-500);border-color:var(--color-primary-500)}.quote-form-layout .quote-form-layout__quote .quote-content .quote-text{position:relative;margin:0;padding:50px 0 0;color:var(--color-neutral-900);font-weight:700;font-size:var(--h3-size);line-height:1.2}.quote-form-layout .quote-form-layout__quote .quote-content .quote-text h1,.quote-form-layout .quote-form-layout__quote .quote-content .quote-text h2,.quote-form-layout .quote-form-layout__quote .quote-content .quote-text h3,.quote-form-layout .quote-form-layout__quote .quote-content .quote-text h4,.quote-form-layout .quote-form-layout__quote .quote-content .quote-text h5,.quote-form-layout .quote-form-layout__quote .quote-content .quote-text h6{color:var(--color-neutral-900)}.quote-form-layout .quote-form-layout__quote .quote-content .quote-text:before{position:absolute;top:0;left:0;color:var(--color-neutral-900);font-weight:900;font-size:clamp(30px,5vw + 1rem,120px);line-height:1;content:'"'}.quote-form-layout .quote-form-layout__quote .social-media{position:absolute;bottom:20px;left:20px;display:flex;gap:15px}.quote-form-layout .quote-form-layout__quote .social-media a{color:var(--color-neutral-900);font-size:var(--h4-size);text-decoration:none;transition:color .3s ease}.quote-form-layout .quote-form-layout__quote .social-media a:hover{color:var(--color-primary-500)}
