@font-face{font-family:Clash Display;src:url(/ClashDisplay-Bold.otf) format("opentype")}@font-face{font-family:Aeonik;src:url(/Cabin-VariableFont_wdth\,wght.ttf) format("truetype")}.hero{padding:100px 50px 0}.hero,.hero h1{color:var(--neutral-dark-40,#373a49)}.hero h1{font-family:Clash Display;line-height:120%}.hero p{font-family:Aenoik;line-height:160%}.scroll{display:flex;align-items:center}.scroll p{color:var(--neutral-dark-30,#424657);text-align:center;font-size:32px;font-style:normal;font-weight:400;line-height:160%;text-decoration-line:underline;text-underline-offset:5px}@keyframes scrollAnimation{0%{transform:translateY(0)}50%{transform:translateY(8px);-webkit-transform:translateY(8px);-moz-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px)}to{transform:translateY(0)}}.scroll.animate .arrow-down{animation:scrollAnimation 1s infinite}.arrow{width:32px}.react-tel-input .form-control{width:100%!important}@media screen and (max-width:800px){.hero{padding:30px 40px 0}.scroll p{font-size:16px}.arrow{width:16px}.hero img{width:3rem;top:1rem}}.article{padding:0 100px}@media screen and (max-width:768px){.article{padding:0}}.form{display:flex;justify-content:center;text-align:center;gap:16px;height:45px}.inputTag{outline:none;border:1px solid #ccc;width:250px;padding:5px}.button,.inputTag{align-items:stretch}.button{color:#fff;font-size:16px;font-weight:700;background-color:#d4ae36;cursor:pointer;padding:0 12px}@media screen and (max-width:767px){.form{height:40px;gap:12px;width:100%}.inputTag{flex:1;font-size:14px}.button{font-weight:500;font-size:14px;padding:0 8px}}.footer{padding:12px;display:flex;margin:0 24px;justify-content:space-between;border-top:1px solid #ccc;gap:8px}@media screen and (max-width:768px){.footer{justify-content:left;flex-direction:column-reverse;margin:0}}