#contact{overflow:hidden}#contact .content-wapper{max-width:1400px;padding:0 calc(var(--space-6)*4);margin:var(--space-10)auto;text-align:center}#contact .page-title{margin-top:calc(var(--space-10)*4);margin-bottom:calc(var(--space-4)*4);font-size:var(--font-size-xxl)}#contact .contact-wrapper{justify-content:center;display:flex;position:relative}#contact .decor-circles{pointer-events:none;position:absolute;inset:0}#contact .circle{opacity:.5;border-radius:50%;position:absolute}#contact .circle.pink{background:var(--main-color)}#contact .circle.yellow{background:var(--sub-color1)}#contact .circle.aqua{background:var(--sub-color2)}#contact .c1{width:90px;height:90px;top:0;left:-150px}#contact .c2{width:120px;height:120px;top:700px;left:-130px}#contact .c3{width:150px;height:150px;top:300px;left:50px}#contact .c4{width:180px;height:180px;top:100px;right:-150px}#contact .c5{width:210px;height:210px;top:300px;right:-70px}#contact .c6{width:240px;height:240px;top:600px;right:-120px}#contact .contact-card{width:100%;max-width:800px;font-size:var(--font-size-md);background:#fff;border-radius:24px;padding:64px;transition:transform .4s,box-shadow .4s;position:relative}#contact .field{text-align:left;margin-bottom:40px}#contact label{text-align:left}#contact label span{color:#fff;background:var(--main-color);border-radius:8px;margin-left:6px;padding:4px 8px}#contact input,#contact textarea{width:100%;padding:var(--space-5);margin-top:var(--space-8);font-size:var(--font-size-md);text-align:left;border:1px solid #ffb6c1;border-radius:16px;transition:outline .3s,box-shadow .3s}#contact textarea{resize:none}#contact input:hover,#contact textarea:hover,#contact button:hover{box-shadow:0 0 20px var(--main-color)}#contact input:focus,#contact textarea:focus{outline:2px solid var(--main-color);box-shadow:0 0 20px var(--main-color)}#contact button{width:100%;padding:var(--space-5);margin-top:var(--space-10);font-size:var(--font-size-lg);color:var(--base-color);cursor:pointer;background:var(--main-color);border:none;border-radius:100px;transition:box-shadow .3s}@media (max-width:660px){#contact{padding:0}#contact .page-title{margin:var(--space-10)auto}#contact .contact-card{padding:var(--space-5);background:0 0}}