@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap";@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet");@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet");@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet");@keyframes hoverAnimationTwo{0%{color:#48c8a0}50%{color:#fff}to{color:#48c8a0}}.message-modal-main-container{background-color:#000c;display:grid;grid-template-columns:1fr 3fr 1fr;grid-template-rows:1fr 4fr 1fr;height:100vh;width:100vw}.message-modal-main-container .message-container{display:grid;grid-column:2/3;grid-row:2/3;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;position:relative;z-index:999}.message-modal-main-container .message-container .close-button{cursor:pointer;height:45px;justify-self:end;margin-top:10px;position:absolute;transform:scale(.6);width:60px;z-index:1000}.message-modal-main-container .message-container .close-button:hover span{background:#000}.message-modal-main-container .message-container .close-button span{background:#fff;border-radius:9px;display:block;height:7px;left:0;opacity:1;position:absolute;width:100%}.message-modal-main-container .message-container .close-button span:first-child{top:18px;transform:rotate(135deg)}.message-modal-main-container .message-container .close-button span:nth-child(2){left:-60px;opacity:0}.message-modal-main-container .message-container .close-button span:nth-child(3){top:18px;transform:rotate(-135deg);width:100%}.message-modal-main-container .message-container .left-side{background-image:linear-gradient(to right bottom,#000,#121112,#1c1c1f,#25282b,#2d3436);border-radius:16px 0 0 16px;grid-row:2/3;padding:3rem 3.5rem;position:relative}.message-modal-main-container .message-container .left-side .title{color:#fff;color:#48c8a0;font-family:Grifter,sans-serif;font-size:3rem;font-style:normal;font-weight:1000;letter-spacing:-.1rem;text-transform:uppercase}.message-modal-main-container .message-container .left-side .description{color:#302842;color:#fff;font-family:Roboto,system-ui;font-size:1.05rem;font-size:1.15rem;line-height:1.4;margin:2.5rem 0 3rem;opacity:.6}.message-modal-main-container .message-container .left-side .line{background:#f2f3f4;height:1px;margin:3rem 30% 3rem 0;opacity:.7}.message-modal-main-container .message-container .left-side .information{color:#302842;display:grid;font-family:Roboto,system-ui;font-size:1.05rem;line-height:1.4;grid-gap:1rem;align-items:center;color:#fff;font-size:1.15rem;margin:.7rem 0;opacity:.6}.message-modal-main-container .message-container .right-side{background-color:#fff;background-color:#48c8a0;border-radius:0 16px 16px 0;display:grid;grid-row:2/3;position:relative}.message-modal-main-container .message-container .right-side:before{background-color:#48c8a0;content:"";height:26px;left:-13px;position:absolute;top:50px;transform:rotate(45deg);width:26px}.message-modal-main-container .message-container .right-side form{padding:3rem 2.2rem;position:relative;z-index:10}.message-modal-main-container .message-container .right-side form .title{color:#f2f3f4;color:#fff;font-family:Street,sans-serif;font-size:1.1rem;font-size:1.6rem;font-weight:700;font-weight:900;letter-spacing:.7;line-height:1.2;margin-bottom:1.7rem;margin-left:5%;opacity:.9;text-transform:uppercase}.message-modal-main-container .message-container .right-side form .input-container{margin:1rem 0;position:relative}.message-modal-main-container .message-container .right-side form .input-container .input{background:none;border:2px solid #fafafa;border-radius:5px;color:#fff;display:flex;font-size:.95rem;font-weight:500;letter-spacing:.5px;margin:auto;outline:none;padding:.6rem 1.2rem;transition:.3;width:90%}.message-modal-main-container .message-container .right-side form .input-container label{color:#302842;color:#fafafa;font-family:Open Sans,sans-serif;font-size:1.05rem;font-size:.9rem;font-weight:600;left:25px;line-height:1.4;padding:0 .4rem;pointer-events:none;position:absolute;top:0;transform:translateY(-90%);transition:.5s;z-index:1000}.message-modal-main-container .message-container .right-side form .input-container textarea{border-radius:5px;overflow-y:auto;padding:.8rem 1.2rem;resize:none}.message-modal-main-container .message-container .right-side form .input-container textarea label{top:1rem;transform:translateY(0)}.message-modal-main-container .message-container .right-side form .input-container span{color:transparent;font-size:.8rem;left:25px;padding:0 .4rem;pointer-events:none;position:absolute;top:0;transform:translateY(-50%);z-index:500}.message-modal-main-container .message-container .right-side form .input-container:after,.message-modal-main-container .message-container .right-side form .input-container:before{content:"";height:5px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:1.3s;width:10%}.message-modal-main-container .message-container .right-side form .input-container:after:before,.message-modal-main-container .message-container .right-side form .input-container:before:before{left:50%}.message-modal-main-container .message-container .right-side form .input-container:after:after,.message-modal-main-container .message-container .right-side form .input-container:before:after{right:50%}.message-modal-main-container .message-container .right-side form .btn{background-color:#fff;border:2px solid #fafafa;border-radius:5px;color:#302842;color:#48c8a0;cursor:pointer;font-family:Roboto,system-ui;font-family:Poppins,sans-serif;font-size:1.05rem;font-weight:600;line-height:1.4;line-height:1;margin-left:5%;outline:none;padding:.6rem 1.3rem;text-transform:uppercase;transition:.3s;width:30%}.message-modal-main-container .message-container .right-side form .btn:hover{background-color:transparent;color:#fff}@media not (min-width:1600px){.message-modal-main-container{grid-template-columns:1fr 20fr 1fr}.message-modal-main-container .message-container{grid-column:2/3}}@media not (min-width:1000px){.message-modal-main-container{grid-template-rows:1rem 1fr 1rem}.message-modal-main-container .message-container{grid-row:2/3;grid-template-columns:1fr;grid-template-rows:1.5fr 2fr}.message-modal-main-container .message-container .close-button{grid-row:1/2}.message-modal-main-container .message-container .left-side{border-radius:16px 16px 0 0;grid-row:1/2;padding:1rem 2rem}.message-modal-main-container .message-container .left-side .title{font-size:2.2rem;padding:2rem 0}.message-modal-main-container .message-container .left-side .description{margin:1rem 0}.message-modal-main-container .message-container .left-side .information,.message-modal-main-container .message-container .left-side .line{display:none}.message-modal-main-container .message-container .right-side{border-radius:0 0 16px 16px;grid-row:2/3}.message-modal-main-container .message-container .right-side form{padding:1.6rem 2.2rem}.message-modal-main-container .message-container .right-side form .input-container textarea{height:6em}}@media not (min-width:500px){.message-modal-main-container .message-container{grid-template-rows:300px 340px}.message-modal-main-container .message-container .left-side .title{padding:1rem 0}.message-modal-main-container .message-container .left-side .description span{display:none}.message-modal-main-container .message-container .right-side form .btn{padding-inline:.4rem}.message-modal-main-container .message-container .right-side form .input-container textarea{height:3em}.message-modal-main-container .message-container .right-side form .title{display:none}}
