.contact-container{background:0 0;width:100%;height:100%;position:absolute;z-index:1!important}.contact-sub-container-body{background:0 0;justify-content:center;align-items:center;min-height:100vh;display:flex}@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}.contact-box{background:repeating-conic-gradient(from var(--a),#ff2770 0%,#ff2770 5%,transparent 5%,transparent 40%,#ff2770 50%);filter:drop-shadow(0 15px 50px #000);border-radius:20px;justify-content:center;align-items:center;width:436px;height:200px;transition:all .5s;animation:4s linear infinite rotating;display:flex;position:relative}.contact-box:hover{width:450px;height:600px}@keyframes rotating{0%{--a:0deg}to{--a:360deg}}.contact-box:before{content:"";background:repeating-conic-gradient(from var(--a),#45f3ff 0%,#45f3ff 5%,transparent 5%,transparent 40%,#45f3ff 50%);border-radius:20px;width:100%;height:100%;animation:4s linear -1s infinite rotating;position:absolute}.contact-box:after{content:"";background:#2d2d39;border:8px solid #25252b;border-radius:15px;position:absolute;inset:4px}.box-contact{z-index:1000;color:#fff;background:#0003;border-bottom:2px solid #ffffff80;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;transition:all .5s;display:flex;position:absolute;inset:60px;overflow:hidden;box-shadow:inset 0 10px 20px #00000080}.contact-box:hover .box-contact{inset:40px}.box-contactBx{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:70%;transition:all .5s;display:flex;position:relative;transform:translateY(236px)}.contact-box:hover .box-contactBx{transform:translateY(0)}.box-contactBx h2{text-transform:uppercase;letter-spacing:.1em;font-size:20px;font-weight:600;transition:all .5s}.contact-box:hover .box-contactBx h2{font-size:24px}.h2-icon{color:#ff2770;text-shadow:0 0 5px #ff2770,0 0 25px #ff2770}.heart-icon{font-size:18px}.box-contactBx input,.message{color:#fff;background:#0000001a;border:2px solid #fff;border-radius:10px;outline:none;width:100%;padding:10px 20px;font-size:1em}.box-contactBx input::placeholder{color:#999}.message{resize:none;height:140px}.box-contactBx input[type=submit]{color:#111;cursor:pointer;background:#45f3ff58;border:none;border-radius:30px;font-weight:500;transition:all .5s}.btn-enable{background:#45f3ff!important}.box-contactBx .btn-enable:hover{box-shadow:0 0 10px #45f3ff,0 0 60px #45f3ff}.contact-msg{font-size:12px}.success-msg{color:#0f0}.error-msg{color:red}.spinner{animation:.9s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}