:root{--primary-blue: #054ADD;--primary-blue-transparent: #7ca4fb3e;--pure-white: #FFFFFF;--shade-white: #C5C5C5;--off-white: #d9d9d920;--dark-bg: #01030f;--off-bg: #EEEEEE;--grey-border: #676767;--grey-desc: #4B5563;--grey-desc-light: #A2A2A2;--orange-color: #FF9400}.root-contact{margin-top:120px}h1,h2,h3{all:unset}.contact-hero{background-color:var(--primary-blue);height:250px;color:var(--pure-white);display:flex;justify-content:center;align-items:center}.contact-hero-contents{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center;padding:0 20px;max-width:1120px}.contact-hero-title{font-size:48px;font-weight:700;margin-bottom:10px}.contact-hero-desc{font-size:22px;font-weight:400;max-width:800px;color:var(--shade-white)}.contact-info-form{display:flex;justify-content:center;align-items:flex-start;padding:50px 20px;background-color:var(--off-bg)}.contact-info-contents{display:flex;max-width:1120px;width:100%;gap:40px}.contact-info-map{display:flex;flex-direction:column;background-color:var(--pure-white);padding:30px;gap:30px;border-radius:20px;box-shadow:0 4px 8px #0000001a;width:100%;max-width:440px}.contact-info{display:flex;flex-direction:column;gap:20px}.contact-location,.contact-phone,.contact-whatsapp,.contact-email{display:flex;gap:10px;align-items:center;justify-content:start;font-size:16px;color:var(--grey-desc)}.contact-phone-link,.contact-email-link{display:flex;align-items:center;gap:15px;text-decoration:none;color:var(--grey-desc);width:100%}.contact-phone-text,.contact-email-text{display:inline-block;font-size:16px}.fa-solid-contact{color:var(--primary-blue);font-size:24px;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:5px;background-color:var(--primary-blue-transparent);min-width:40px;min-height:40px}.contact-map-iframe{border:none;border-radius:10px;max-height:280px}.contact-form-contents{background-color:var(--pure-white);padding:30px;border-radius:20px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;width:100%}.contact-form-group{display:flex;flex-direction:column;margin-bottom:15px;font-size:16px;color:var(--dark-bg);font-weight:500}.contact-form input,.contact-form textarea{margin-top:8px;padding:10px;border:1px solid var(--grey-desc-light);border-radius:5px;font-size:16px;resize:vertical}.contact-form-submit{background-color:var(--primary-blue);color:var(--pure-white);border:none;padding:10px 25px;font-size:16px;font-weight:600;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.contact-form-submit:hover{background-color:var(--dark-bg)}.toast{position:fixed;top:20px;right:20px;background:var(--success-green);color:var(--pure-white);padding:15px 25px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:none;align-items:center;gap:10px;z-index:1000;animation:slideIn .3s ease}.toast.show{display:flex}.toast i{font-size:19px}.toast.toast-error{background:#dc2626}.toast.toast-error i{color:#dc2626}@media(max-width:1200px){.contact-hero-title{font-size:48px}.contact-hero-desc{font-size:22px}.contact-info-contents{gap:30px}}@media(max-width:900px){.root-contact{margin-top:80px}.contact-hero{height:260px}.contact-hero-title{font-size:40px}.contact-hero-desc{font-size:20px}.contact-info-map{max-width:380px;padding:25px}.contact-form-contents{padding:25px}}@media(max-width:600px){.root-contact{margin-top:80px}.contact-hero{height:auto;padding:60px 0}.contact-hero-title{font-size:32px}.contact-hero-desc{font-size:18px}.contact-info-form{padding:40px 15px}.contact-info-contents{flex-direction:column;gap:30px}.contact-info-map,.contact-form-contents{max-width:100%;padding:20px}.contact-map-iframe{height:260px}}@media(max-width:480px){.contact-hero-title{font-size:26px;line-height:1.3}.contact-hero-desc{font-size:16px;line-height:1.5}.contact-location,.contact-phone,.contact-email{font-size:14px}.fa-solid-contact{font-size:20px;width:36px;height:36px}.contact-form-group{font-size:14px}.contact-form input,.contact-form textarea{font-size:14px;padding:9px}.contact-form-submit{width:100%;padding:12px;font-size:15px}}
