.invite-container{padding:100px 5rem;max-width:110rem;margin:0 auto 200px}.invite-container .invite-card{position:relative;background:#000;border-radius:18px;padding:4rem 5rem;color:#fff!important;display:grid;grid-template-columns:repeat(2,1fr)}.invite-container .invite-card h2{color:#fff!important;font-size:32px;font-weight:600;margin:15px 0}.invite-container .invite-card .left-side{padding-right:55px;font-size:16px}.invite-container .invite-card .phone-container{position:relative;width:100%;max-width:400px}.invite-container .invite-card .phone-input{width:100%;padding:15px 10px;font-size:14px;border:1px solid #ccc;border-radius:4px;background-color:#f9f9f9;box-shadow:0 0}.invite-container .invite-card .phone-input::placeholder{color:#000}.invite-container .invite-card .phone-button{position:absolute;top:0;right:0;height:100%;padding:0 20px;border:none;background-color:#365aeb;color:#fff;border-top-right-radius:4px;border-bottom-right-radius:4px;cursor:pointer}.invite-container .invite-card .phone-input:disabled{background-color:#e0e0e0;color:#a0a0a0;cursor:not-allowed;border:1px solid #d0d0d0}.invite-container .invite-card .phone-button:disabled{background-color:#a0a0a0;cursor:not-allowed}.invite-container .invite-card .susses-message,.invite-container .invite-card .error-message{margin-bottom:35px;font-size:14px;margin-top:5px;display:none}.invite-container .invite-card .susses-message{color:#01d55f}.invite-container .invite-card .error-message{color:#ff7a67}.invite-container .invite-card .image{position:absolute;top:35px;right:-70px}.invite-container .invite-card .subtitle{font-size:14px;color:#fff;margin:0 0 60px}.invite-container .invite-card .footer-text{font-size:14px;margin-top:60px}.invite-container .invite-card a{color:#fff}@media screen and (max-width:1371px){.invite-container .invite-card .image{right:-30px}.invite-container .invite-card .left-side{padding-right:50px}}@media screen and (max-width:1180px){.invite-container .invite-card .image{position:relative;top:0;right:0;margin-top:20px}.invite-container .invite-card .left-side{padding-right:10px}}@media screen and (max-width:1100px){.invite-container .invite-card{display:block;grid-template-columns:unset}}@media screen and (max-width:750px){.invite-container .invite-card .image{display:none}}@media screen and (max-width:520px){.invite-container{padding:75px 2.5rem;margin:0 auto}}
/*# sourceMappingURL=/cdn/shop/t/79/assets/invite-form.css.map */
