*,::before,::after{margin:0;padding:0;box-sizing:border-box}:root{--raleway: "Raleway", sans-serif;--poppins: "Poppins", sans-serif;--kanit: "Kanit", sans-serif;--blue: #317beb;--transparentBlue: rgba(49, 123, 235, 0.96);--purple: #951b81;--lightPurple: #ab87d6;--lightBlue: #61c7ff;--grayBlue: #e5ebf7;--orange: #f39307;--yellow: #ffc672;--black: #0c226e;--lightGray: #f3f3f3;--projectBg: linear-gradient(to right, white 44%, var(--lightGray) 44%);--purpleGradient: radial-gradient(70.07% 57.87% at 70.07% 33.66%, #951b81 0%, #442048 100%);--yellowGradient: radial-gradient(354.55% 419.55% at 90.81% 86.7%, #f39307 0%, #442048 100%);--blueGradient: radial-gradient(70.07% 57.87% at 70.07% 33.66%, #317beb 0%, #2273ec 100%)}html{font-size:62.5%;scroll-behavior:smooth;font-family:var(--raleway);text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%}@media (max-width:1100px){html{font-size:50%}}@media (max-width:767px){html{font-size:62.5%}}body{overflow-x:hidden;font-size:1.6rem}body.block-scroll{overflow:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}@keyframes linkPulse{to{opacity:0.2;transform:translate(-50%, -50%) scale(1.05)}}.header{position:fixed;top:0;left:0;width:100vw;height:100%;overflow:hidden;pointer-events:none;z-index:9}.header .wrapper{display:flex;padding:10.4vw 7.3vw;width:100%;height:100%;transform:translate(10vw, 0);transition:opacity 0.5s 0s ease-in-out, transform 0.5s 0s ease-in-out;position:absolute;top:0;right:0;opacity:0;pointer-events:none;overflow-y:auto}.header .wrapper .logo-wrapper svg{width:6.7vw;min-width:80px;max-width:130px}.header .wrapper .mobile-logo-wrapper{display:none;width:40vw;max-width:160px}.header .wrapper .mobile-logo-wrapper svg{width:100%}.header .wrapper .menu{margin-left:7rem}.header .wrapper .menu .menu-main-list{display:flex;align-items:center;list-style-type:none}.header .wrapper .menu .menu-main-list .menu-main-list-item{display:flex;flex-direction:column;margin:0 2rem;position:relative;background-color:var(--blue)}.header .wrapper .menu .menu-main-list .menu-main-list-item::after{content:"";position:absolute;z-index:1;top:100%;left:0;display:block;width:0%;height:3px;border-radius:3px;background-color:var(--lightBlue);transition:width 0.2s ease-in-out}.header .wrapper .menu .menu-main-list .menu-main-list-item .menu-main-list-item-link{font-style:normal;font-weight:600;font-size:3.1rem;letter-spacing:0.01em;color:#ffffff;text-align:center;transition:color 0.2s ease-in-out;text-decoration:none}.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop{list-style-type:none;display:flex;flex-direction:column;position:absolute;top:100%;left:0;margin:0;opacity:0;min-width:100%;padding:5rem 0;pointer-events:none;transform:translateY(-5%);transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out}.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop .nav-drop-item{display:flex;position:relative;align-items:center;background-color:var(--blue)}.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop .nav-drop-item .nav-drop-item-link{font-style:normal;font-weight:500;font-size:2.4rem;line-height:4.8rem;letter-spacing:0.01em;color:#ffffff;transition:color 0.2s ease-in-out;text-decoration:none;width:100%}.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop .nav-drop-item .nav-drop2{list-style-type:none;display:flex;position:absolute;left:100%;padding-left:4rem;opacity:0;white-space:nowrap;pointer-events:none;transform:translateX(-5%);transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out}.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop .nav-drop-item .nav-drop2 .nav-drop2-item{position:relative;display:flex;background-color:var(--blue)}.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop .nav-drop-item .nav-drop2 .nav-drop2-item .nav-drop2-item-link{padding:0 2.5rem;font-style:normal;font-weight:normal;font-size:2.1rem;line-height:3rem;letter-spacing:0.01em;color:#ffffff;transition:color 0.2s ease-in-out;text-decoration:none;display:flex;align-items:center}.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop .nav-drop-item .nav-drop2 .nav-drop2-item .nav-drop2-item-link .svg-wrapper{display:flex;align-items:center}.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop .nav-drop-item .nav-drop2 .nav-drop2-item .nav-drop2-item-link .svg-wrapper svg{fill:white;transition:fill 0.2s ease-in-out}.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop .nav-drop-item .nav-drop2 .nav-drop2-item .nav-drop2-item-link:hover,.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop .nav-drop-item .nav-drop2 .nav-drop2-item .nav-drop2-item-link:focus-within{color:var(--lightBlue)}.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop .nav-drop-item .nav-drop2 .nav-drop2-item .nav-drop2-item-link:hover .svg-wrapper svg,.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop .nav-drop-item .nav-drop2 .nav-drop2-item .nav-drop2-item-link:focus-within .svg-wrapper svg{fill:var(--lightBlue)}.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop .nav-drop-item .nav-drop2 .nav-drop2-item .nav-drop2-item-link .svg-wrapper{margin-right:1rem}.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop .nav-drop-item:hover .nav-drop-item-link,.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop .nav-drop-item:focus-within .nav-drop-item-link{color:var(--lightBlue)}.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop .nav-drop-item:hover .nav-drop2,.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop .nav-drop-item:focus-within .nav-drop2{opacity:1;transform:translateX(0%);pointer-events:initial}.header .wrapper .menu .menu-main-list .menu-main-list-item:hover .menu-main-list-item-link,.header .wrapper .menu .menu-main-list .menu-main-list-item:focus-within .menu-main-list-item-link{color:var(--lightBlue)}.header .wrapper .menu .menu-main-list .menu-main-list-item:hover .nav-drop,.header .wrapper .menu .menu-main-list .menu-main-list-item:focus-within .nav-drop{opacity:1;transform:translateY(0%);pointer-events:initial}.header .wrapper .menu .menu-main-list .menu-main-list-item:hover::after,.header .wrapper .menu .menu-main-list .menu-main-list-item:focus-within::after{width:70%}.header .wrapper .header-img-wrapper{position:absolute;bottom:7.3vw;right:10.4vw;display:flex;align-items:flex-end}@media screen and (max-width:1750px){.header .wrapper .header-img-wrapper{bottom:5vw;right:5vw}}@media screen and (max-width:767px),screen and (max-height:500px){.header .wrapper .header-img-wrapper{display:none}}.header .wrapper .header-img-wrapper .svg-wrapper{margin-right:5rem;width:14vw;min-width:200px}@media screen and (max-width:935px){.header .wrapper .header-img-wrapper .svg-wrapper{display:none}}.header .wrapper .header-img-wrapper .svg-wrapper svg{width:100%}.header .wrapper .header-img-wrapper .text-wrapper{font-family:var(--poppins);font-style:normal;font-weight:800;font-size:3.9rem;line-height:4.5rem;text-align:right;writing-mode:vertical-rl;letter-spacing:0.185em;color:#ffffff}.header .wrapper .header-img-wrapper .text-wrapper span{display:inline-block}.header .menu-bg{opacity:0;position:absolute;top:7.3vw;right:10.4vw}@media screen and (max-width:1750px){.header .menu-bg{top:5vw;right:5vw}}@media screen and (max-width:767px){.header .menu-bg{top:4.7rem;right:4.7rem}}.header .menu-bg .bg-wrapper{width:34px;height:20px;padding:2rem;justify-content:center;position:relative;flex-shrink:0}@media screen and (max-width:767px){.header .menu-bg .bg-wrapper{width:40px;height:24px}}.header .menu-bg .bg-wrapper::before{content:"";width:calc(34px * 3.7);height:calc(34px * 3.7);border-radius:50%;position:absolute;top:50%;left:50%;z-index:-1;transform-origin:center;transform:translate(-50%, -50%);transition:width 0.5s 0.2s ease-in-out, height 0.5s 0.2s ease-in-out;background-color:var(--blue)}@media screen and (max-width:767px){.header .menu-bg .bg-wrapper::before{width:calc(40px * 3.7);height:calc(40px * 3.7)}}@media screen and (max-width:1250px){.header .menu-bg .bg-wrapper::before{width:calc(34px * 2.8);height:calc(34px * 2.8)}}@media screen and (max-width:767px){.header .menu-bg .bg-wrapper::before{width:7rem;height:7rem}}.header .burger-wrapper{opacity:0;position:absolute;top:7.3vw;right:10.4vw;z-index:999}@media screen and (max-width:1750px){.header .burger-wrapper{top:5vw;right:5vw}}@media screen and (max-width:767px){.header .burger-wrapper{top:4.7rem;right:4.7rem}}.header .burger-wrapper .navbar__burger{width:34px;height:20px;justify-content:center;position:relative;cursor:pointer;display:block;flex-shrink:0;border:0;padding:2rem;pointer-events:initial;background:none}@media screen and (max-width:767px){.header .burger-wrapper .navbar__burger{width:40px;height:24px}}.header .burger-wrapper .navbar__burger span{width:100%;height:2px;position:absolute;top:50%;transform:translateY(-50%);background-color:var(--orange);transition:background-color 0.2s ease-in-out, transform 0.2s ease-in-out, width 0.2s ease-in-out;transform-origin:50% 50%;border-radius:3px;right:0}.header .burger-wrapper .navbar__burger span:first-child{width:70%;margin-left:auto;transform:translateY(-450%)}.header .burger-wrapper .navbar__burger span:nth-child(2){transform:translateY(-50%)}.header .burger-wrapper .navbar__burger span:last-child{transform:translateY(350%)}.header .burger-wrapper .navbar__burger::before{content:"";width:calc(34px * 3.8);height:calc(34px * 3.8);border-radius:50%;position:absolute;pointer-events:none;top:50%;left:50%;z-index:-1;transform-origin:center;transform:translate(-50%, -50%);background-color:white;box-shadow:3px 3px 56px rgba(12, 34, 110, 0.15)}@media screen and (max-width:1250px){.header .burger-wrapper .navbar__burger::before{width:calc(34px * 3);height:calc(34px * 3)}}@media screen and (max-width:767px){.header .burger-wrapper .navbar__burger::before{width:7.2rem;height:7.2rem}}.header .burger-wrapper .navbar__burger.navbar__burger--fixed{position:fixed}.header .burger-wrapper .navbar__burger:hover span{background-color:var(--blue)}.header .burger-wrapper .navbar__burger:hover span:first-child{width:50%}.header .burger-wrapper .navbar__burger:hover span:nth-child(2){width:75%}.header.menu-active{pointer-events:initial}.header.menu-active .wrapper{transform:translate(0%, 0%);opacity:1;pointer-events:initial;transition:opacity 0.5s 0.1s ease-in-out, transform 0.5s 0.1s ease-in-out}.header.menu-active .menu-bg .bg-wrapper::before{width:max(300vw, 300vh);height:max(300vw, 300vh);transition:width 0.5s 0s ease-in-out, height 0.5s 0s ease-in-out}.header.menu-active .burger-wrapper .navbar__burger span{background-color:var(--lightBlue)}.header.menu-active .burger-wrapper .navbar__burger span:first-child{transform:translateY(-50%) rotate(-55deg);width:100%}.header.menu-active .burger-wrapper .navbar__burger span:nth-child(2){transform:translateY(-50%) rotate(55deg)}.header.menu-active .burger-wrapper .navbar__burger span:last-child{transform:translateY(-50%) rotate(55deg)}.header.menu-active .burger-wrapper .navbar__burger:hover span:first-child,.header.menu-active .burger-wrapper .navbar__burger:hover span:nth-child(2),.header.menu-active .burger-wrapper .navbar__burger:hover span:last-child{width:100%}@media screen and (max-width:1600px){.header .wrapper .menu{margin-left:7.3vw;min-width:25vw}.header .wrapper .menu .menu-main-list{flex-direction:column;align-items:flex-start}.header .wrapper .menu .menu-main-list .menu-main-list-item{width:100%}.header .wrapper .menu .menu-main-list .menu-main-list-item .menu-main-list-item-link{padding:3rem 0;text-align:left}.header .wrapper .menu .menu-main-list .menu-main-list-item:first-child .menu-main-list-item-link{padding-top:0}.header .wrapper .menu .menu-main-list .menu-main-list-item::after{opacity:0.14;width:100%;height:1px;background-color:white}.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop{position:relative;pointer-events:initial;opacity:1;padding:0 4rem;transform:none;max-height:0px;height:auto;transition:padding 0.2s ease-in-out, max-height 0.2s ease-in-out;overflow:hidden}.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop .nav-drop-item{width:100%;display:inline-flex;flex-direction:column;align-items:flex-start;height:100%}.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop .nav-drop-item .nav-drop2{position:relative;pointer-events:initial;opacity:1;left:0;transform:none;flex-direction:column;padding:0;max-height:0px;height:auto;transition:padding 0.2s ease-in-out, max-height 0.2s ease-in-out;overflow:hidden}.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop .nav-drop-item .nav-drop2.nav-drop2--open,.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop .nav-drop-item .nav-drop2:focus-within{max-height:400px;padding:2rem 0}.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop.nav-drop--open,.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop:focus-within{max-height:800px;padding:0 4rem 2rem 4rem}}@media screen and (max-width:1600px) and (max-width:1250px){.header .wrapper .menu{margin-left:4rem}}@media screen and (max-width:767px){.header .wrapper{padding:4.7rem;flex-direction:column}.header .wrapper .logo-wrapper{display:none}.header .wrapper .mobile-logo-wrapper{display:block}.header .wrapper .menu{margin:5rem 0 0 0}.header .wrapper .menu .menu-main-list .menu-main-list-item{margin:0}.header .wrapper .menu .menu-main-list .menu-main-list-item .menu-main-list-item-link{font-size:1.8rem;padding:1.5rem 0}.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop .nav-drop-item{align-items:flex-start}.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop .nav-drop-item .nav-drop-item-link{font-size:1.4rem;line-height:3.2rem}.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop .nav-drop-item .nav-drop2.nav-drop2--open,.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop .nav-drop-item .nav-drop2:focus-within{padding:2rem 0}.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop .nav-drop-item .nav-drop2 .nav-drop2-item .nav-drop2-item-link{font-size:1.5rem;line-height:3rem;padding:0 min(6.5vw, 2.5rem)}.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop.nav-drop--open,.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop:focus-within{max-height:800px;padding:0 min(10vw, 4rem) 2rem min(10vw, 4rem)}}@media screen and (max-width:767px) and (max-width:300px){.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop .nav-drop-item .nav-drop2 .nav-drop2-item .nav-drop2-item-link{padding:0 0}}@media screen and (max-width:767px) and (max-width:300px){.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop.nav-drop--open,.header .wrapper .menu .menu-main-list .menu-main-list-item .nav-drop:focus-within{padding:0 1rem 2rem 1rem}}/*# sourceMappingURL=style.css.map */