.contact-page{width:90vw;display:flex;justify-content:center;align-items:center;margin:20px}@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.contact-section{display:flex;justify-content:center;align-items:center;padding:60px 20px;background-color:#ffffff;position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:#f8f9fa;z-index:0}.container{position:relative;width:1000px;min-height:480px;display:flex;z-index:10}.container .contactInfo{position:absolute;top:40px;width:320px;height:calc(100% - 80px);background:#213343;z-index:1;padding:30px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 25px rgba(0,0,0,.15);border-radius:22px}.container .contactInfo h2{color:#fff;font-size:24px;font-weight:500}.container .contactInfo ul.info{position:relative;margin:20px 0}.container .contactInfo ul.info li{position:relative;list-style:none;display:flex;margin:20px 0;cursor:pointer;align-items:flex-start}.container .contactInfo ul.info li span.icon-wrapper{width:30px;min-width:30px;display:flex;justify-content:center;color:#fff}.container .contactInfo ul.info li span a{color:#fff;text-decoration:none}.container .contactInfo ul.info li span:nth-child(2){color:#fff;margin-left:10px;font-weight:300}.container .contactInfo ul.sci{position:relative;display:flex;padding:0}.container .contactInfo ul.sci li{list-style:none;margin-right:15px}.container .contactInfo ul.sci li a{text-decoration:none;color:#fff;display:flex;transition:transform .3s ease}.container .contactInfo ul.sci li a:hover{transform:translateY(-3px);color:var(--main-color,#5252B4)}.container .contactForm{position:absolute;padding:50px 40px 50px 230px;margin-left:150px;width:calc(100% - 150px);height:100%;background:#fff;box-shadow:0 50px 50px rgba(0,0,0,.1);border-radius:22px}.container .contactForm h2{color:#0f3959;font-size:24px;font-weight:500}.container .contactForm .formBox{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;padding-top:30px}.container .contactForm .formBox .inputBox{position:relative;margin-bottom:25px}.container .contactForm .formBox .inputBox.w50{width:47%}.container .contactForm .formBox .inputBox.w100{width:100%}.container .contactForm .formBox .inputBox input,.container .contactForm .formBox .inputBox textarea{width:100%;resize:none;padding:5px 0;font-size:16px;font-weight:300;color:#333;outline:none;border:none;border-bottom:1px solid #777;background:transparent}.container .contactForm .formBox .inputBox textarea{height:120px}.container .contactForm .formBox .inputBox span{position:absolute;left:0;padding:5px 0;pointer-events:none;font-size:16px;font-weight:300;transition:.3s}.container .contactForm .formBox .inputBox input:focus~span,.container .contactForm .formBox .inputBox input:valid~span,.container .contactForm .formBox .inputBox textarea:focus~span,.container .contactForm .formBox .inputBox textarea:valid~span{transform:translateY(-20px);font-size:12px;font-weight:400;letter-spacing:1px;color:#213343;font-weight:500}.submit-btn{position:relative;cursor:pointer;background:#213343;border-radius:20px;color:#fff;border:none;max-width:150px;padding:12px;font-size:16px;width:100%}.submit-btn:hover{background:#0d9480}@media (max-width:1200px){.container{width:90%;min-width:auto;margin:20px;box-shadow:0 20px 50px rgba(0,0,0,.2)}.container .contactInfo{top:0}.container .contactForm,.container .contactInfo{height:550px;position:relative;box-shadow:none;border-radius:0}.container .contactForm{width:calc(100% - 350px);margin-left:0;padding:40px}}@media (max-width:991px){.contact-section{background:#f8f9fa}.contact-section:before{display:none}.container{display:flex;flex-direction:column-reverse}.container .contactForm,.container .contactInfo{width:100%;height:auto;border-radius:0}.container .contactInfo{flex-direction:row}.container .contactInfo ul.sci{position:relative;display:flex;justify-content:center;align-items:center}}@media (max-width:600px){.container .contactForm{padding:25px}.container .contactInfo{padding:25px;flex-direction:column;align-items:flex-start}.container .contactInfo ul.sci{margin-top:40px}.container .contactForm .formBox .inputBox.w50{width:100%}}.custom-toast{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:9999;padding:12px 24px;border-radius:8px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);font-size:15px;font-weight:500;min-width:320px;border:1px solid rgba(255,255,255,.1)}.custom-toast.success{background:#10b981;color:white}.custom-toast.error{background:#ef4444;color:white}.close-toast{background:transparent;border:none;color:white;margin-left:auto;cursor:pointer;display:flex;align-items:center;opacity:.7;transition:.3s}.close-toast:hover{opacity:1}.spinner{animation:rotate inherit 2s linear}.submit-btn{display:flex;align-items:center;justify-content:center;gap:10px}.submit-btn:disabled{opacity:.7;cursor:not-allowed}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}