.container{background-image:url(/assets/bg.png);background-position:top;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;margin:auto;min-height:1000px;padding:0 15px;text-align:center;width:100%}.container,.header-title{font-family:Titillium Web}.header-title{color:#2773f3;font-size:50px;font-weight:700;margin:15px 0}.header-img{height:120px;-o-object-fit:contain;object-fit:contain;width:120px}.footer{color:#000;font-family:Titillium Web;font-size:18px;font-weight:lighter;margin:20px 0}.content{min-height:550px;width:100%}.signin-main-container{margin:30px auto}.invite-list-container,.invite-main-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);margin:30px auto;max-width:500px;padding:20px;transition:.3s;width:90%}.invite-main-container2{background-color:rgba(51,255,255,.5);border-radius:10px;margin:30px auto;max-width:500px;padding:30px;width:90%}.invite-container{align-items:center;display:flex;margin-bottom:15px}.user-info-container{align-items:center;display:flex;justify-content:center;margin:15px 0;width:100%}.user-img{flex-shrink:0;height:150px;-o-object-fit:cover;object-fit:cover;width:120px}.user-name{color:#000;font-family:Titillium Web;font-size:18px;font-weight:lighter;padding-left:15px;text-align:left}.invitation-text{align-items:center;display:flex;justify-content:center;margin:15px 0;width:100%}.invitation-text p{font-size:18px;line-height:1.5;margin:0}.message-img-container{display:block;margin:15px auto;text-align:center;width:100%}.message-img{border-radius:5px;display:block;height:auto;margin:10px auto;max-width:400px;width:100%}.message-text{color:#000;font-family:Titillium Web;font-size:18px;font-weight:lighter;line-height:1.4;margin:15px 0}.message-text p{margin:0 0 8px}.invite-actions{align-items:center;display:flex;flex-direction:column;margin-top:15px}.signin-main-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);margin:20px auto;max-width:500px;padding:20px;transition:.3s;width:90%}.signin-title{color:#2773f3;font-family:Titillium Web;font-size:24px;font-weight:700;margin:0 0 20px}.signin-container{padding:0}.signin-container,.signin-container form{align-items:center;display:flex;flex-direction:column;width:100%}.signin-container .drop-down-input{margin-bottom:15px}.signin-label{margin:10px 0 5px}.otp-label,.signin-label{color:#444;font-family:Titillium Web;font-size:16px;font-weight:400;text-align:center;width:100%}.otp-label{margin:15px 0 5px}.signin-input{border:1px solid #2773f3;border-radius:5px;box-sizing:border-box;color:#000;font-size:16px;font-weight:400;height:40px;margin:5px auto 15px;padding:0 10px;text-align:center}.drop-down-input,.signin-input{font-family:Titillium Web;max-width:300px;width:90%}.drop-down-input{margin:0 auto 15px}.error-text{color:#e74c3c;font-size:14px;margin:0 0 15px;text-align:center;width:90%}.next-button{background-image:url(/assets/blue_button.svg);background-size:cover;border:0;border-radius:5px;color:#fff;cursor:pointer;display:block;font-family:Titillium Web;font-size:16px;font-weight:700;height:50px;margin:5px auto 15px;max-width:300px;transition:opacity .2s;width:90%}.next-button:hover{opacity:.9}.next-button:disabled{cursor:not-allowed;opacity:.5}.button-text-color{color:#fff}.ignore-link{margin:5px 0 15px}.ignore-link a{color:#2773f3;font-size:16px;text-decoration:none;transition:color .2s}.ignore-link a:hover{color:#1a5fc7;text-decoration:underline}.empty-invite{padding:40px 20px;text-align:center}.empty-invite h2{color:#333;font-size:22px;margin:0}@media (max-width:768px){.header-title{font-size:40px}.header-img{height:100px;margin-top:10px;width:100px}.user-info-container{justify-content:flex-start;padding:0 10px}.invite-main-container2{padding:25px 20px}.invite-container{margin-bottom:12px}.user-img{height:120px;width:100px}.user-name{padding-left:12px}.invitation-text p,.user-name{font-size:16px}.message-img{max-width:300px}.message-text{font-size:16px}.next-button{font-size:15px;height:45px}.drop-down-input,.next-button,.signin-input{max-width:250px}.signin-main-container{padding:15px;width:95%}.signin-title{font-size:22px}}@media (max-width:576px){.container{padding:0 10px}.header-title{font-size:30px;margin:10px 0}.header-img{height:90px;width:90px}.invite-list-container{margin:20px auto;padding:15px 10px;width:95%}.invite-main-container2{margin:20px auto;padding:20px 15px}.invite-container{flex-direction:column;margin-bottom:10px;text-align:center}.user-img{height:100px;margin-bottom:10px;width:80px}.user-name{font-size:15px;padding-left:0;text-align:center}.invitation-text{margin:12px 0}.invitation-text p{font-size:15px}.message-img{max-width:250px}.message-text{font-size:15px;margin:12px 0}.next-button{font-size:14px;height:45px;margin:5px auto 10px;max-width:200px}.ignore-link{margin:5px 0 10px}.ignore-link a{font-size:14px}.drop-down-input,.signin-input{height:35px;margin:3px auto 12px;max-width:200px}.signin-main-container{margin:15px auto;padding:15px 10px;width:95%}.signin-title{font-size:20px;margin:0 0 15px}.otp-label,.signin-label{font-size:15px;margin:8px 0 3px}.signin-input{font-size:15px;height:38px}.error-text{font-size:13px;margin:0 0 10px}.empty-invite{padding:30px 15px}.empty-invite h2{font-size:18px}}@media (max-width:375px){.header-title{font-size:26px}.header-img{height:70px;width:70px}.invite-list-container{padding:10px 8px;width:98%}.invite-main-container2{padding:15px 10px}.user-info-container{align-items:center;flex-direction:column}.user-img{height:90px;width:70px}.invitation-text p,.user-name{font-size:14px}.message-img{max-width:220px}.message-text{line-height:1.3}.next-button{font-size:14px;height:40px;margin:4px auto 10px;max-width:180px}.ignore-link a{font-size:13px}.message-text{font-size:14px}.signin-main-container{padding:12px 8px;width:98%}.signin-title{font-size:18px;margin:0 0 12px}.otp-label,.signin-label{font-size:14px;margin:6px 0 2px}.signin-input{font-size:14px;height:36px;margin:2px auto 10px}.drop-down-input{margin:0 auto 10px}.error-text{font-size:12px;margin:0 0 8px}.empty-invite h2{font-size:16px}}@media (max-width:320px){.header-title{font-size:24px}.user-img{height:80px;width:60px}.invitation-text p,.user-name{font-size:13px}.message-img{max-width:200px}.message-text,.next-button{font-size:13px}.next-button{height:38px;max-width:160px}.ignore-link a{font-size:12px}}