:root{--primary-900: #1f41b8;--primary-800: #1b61d7;--primary-700: #1773ea;--primary-600: #0e86fe;--primary-500: #0095ff;--primary-400: #31a5ff;--primary-300: #5bb5ff;--primary-200: #8dcaff;--primary-100: #badeff;--gray-900: #272727;--gray-800: #494949;--gray-700: #686868;--gray-600: #7c7c7c;--gray-500: #a6a6a6;--gray-400: #c4c4c4;--gray-300: #e7e7e7;--gray-200: #f1f1f1;--gray-100: #f6f6f6;--black: #1e1e1e;--white: #ffffff;--yellow: #ffe76b;--blue: #a0befa;--success-900: #00621d;--success-800: #008132;--success-700: #00933e;--success-600: #00a54a;--success-500: #00b554;--success-400: #00c16c;--success-300: #2bcd87;--success-200: #7ddbaa;--success-100: #b3e9cb;--warning-900: #eb4e00;--warning-800: #f46b00;--warning-700: #fa7b00;--warning-600: #ff8b00;--warning-500: #ff9700;--warning-400: #ffa724;--warning-300: #ffb74c;--warning-200: #ffcc7f;--warning-100: #ffe0b2}.contact-us{max-width:100vw;overflow:hidden;background:url(../assets/images/contact-us/contact-bg.webp) no-repeat top center/cover}.contact-us__container{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;grid-template-areas:"title title" "body deco";padding-block:80px}@media only screen and (max-width: 678px){.contact-us__container{grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"title" "body"}}.contact-us__heading{grid-area:title;padding:1.25rem;position:relative;z-index:2}.contact-us__heading:after{position:absolute;bottom:-100px;left:-70px;width:382px;aspect-ratio:382/299;background:url(../assets/images/contact-us/contact-heading.png) no-repeat center/contain;z-index:0}@media only screen and (max-width: 678px){.contact-us__heading:after{content:""}}.contact-us__heading>*{display:block;position:relative;z-index:3}.contact-us__heading .heading--main{font-size:3.375rem;line-height:3.875rem;color:#333;font-weight:bold}@media only screen and (max-width: 678px){.contact-us__heading .heading--main{margin-bottom:30px}}.contact-us__heading .heading--sub{font-size:1.25rem;line-height:1.625rem;color:#1f41b8;margin-bottom:1.25rem}@media only screen and (max-width: 678px){.contact-us__heading .heading--sub{margin-bottom:.625rem}}.contact-us__body{grid-area:body;width:570px;background:#fff;border-radius:5px;box-shadow:0 4px 30px rgba(24,66,157,.1);padding:clamp(20px,10%,40px);position:relative;z-index:2}@media only screen and (max-width: 678px){.contact-us__body{width:100%}}.contact-us__deco{grid-area:deco;width:480px;position:relative;z-index:1}@media only screen and (max-width: 678px){.contact-us__deco{width:100%;position:absolute;top:0;left:0}}.contact-us__illustration{width:670px;aspect-ratio:670/713;background:url(../assets/images/contact-us/contact-deco.webp) no-repeat center/contain;transform:translate3d(-10%, -8%, 0)}@media only screen and (max-width: 678px){.contact-us__illustration{position:absolute;right:0;top:0;width:356px;aspect-ratio:356/375;transform:translate3d(10%, 8%, 0)}}.contact-us__illustration+*{font-size:1rem;line-height:2rem;color:#777;padding:0 2.5rem;margin-top:-50px}@media only screen and (max-width: 678px){.contact-us__illustration+*{display:none}}.contact-us__address{font-size:1rem;line-height:2rem;color:#777;text-align:center;margin-top:20px;display:none}@media only screen and (max-width: 678px){.contact-us__address{display:block}}.contact-us__alien{position:fixed;display:none;right:-15px;top:calc(100% - 180px);width:120px;height:120px;background:url(../assets/images/contact-us/contact-alien.png) no-repeat center/contain;background-color:#fff;box-shadow:0 4px 30px rgba(14,81,230,.2);border-radius:50%;z-index:9;transition:.3s;transform:scale(0.7);z-index:9999}.active .contact-us__alien{transform:scale(1) translate3d(-20px, -20px, 0)}.contact-us__msg{position:absolute;right:calc(100% + 10px);top:calc(50% + 20px);background:#fff;border-radius:20px;line-height:40px;font-size:.875rem;white-space:nowrap;padding:0 20px;box-shadow:0 4px 30px rgba(14,81,230,.2);pointer-events:none;opacity:0;transform:translate3d(100%, 0, 0);transition:.2s}.active .contact-us__msg{opacity:1;transform:translate3d(0, 0, 0)}@media only screen and (max-width: 678px){.contact-us__msg{top:calc(100% + 16px);right:20px}}.contact-us__msg:before{content:"";position:absolute;left:calc(100% - 5px);top:6px;width:0;height:0;border-style:solid;border-width:8px 0 8px 16px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff;transform:rotate(-20deg)}@media only screen and (max-width: 678px){.contact-us__msg:before{left:auto;right:20px;top:auto;bottom:calc(100% - 8px);transform:rotate(20deg)}}