.max-w--1400px {max-width: 1400px; margin-left: auto; margin-right: auto;}
.text--h1 {flex-direction: column; font-size: clamp(2rem, 4vw, 3rem); line-height: 110%; font-family: 'Noto Serif HK'; font-weight: 600;}
.text--medium {font-family: 'Inter'; line-height: 140%; font-size: clamp(1rem, 1.4vw, 1.0625rem);}
.radius--10px {border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.button--primary {background-size: auto; background-image: none/*linear-gradient(rgba(251, 109, 78, 1) 0%, rgba(251, 109, 78, 1) 100%)*/; background-repeat: repeat; background-position: left 0px top 0px; background-attachment: scroll; background-color: rgb(251, 109, 78); transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; padding-left: 24px; padding-right: 24px; padding-top: 18px; padding-bottom: 18px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; color: rgba(255, 255, 255, 1); text-align: center; font-weight: 500; font-size: 16px; align-items: center;}
.button--primary:hover {background-color: rgb(242, 90, 57);}
.paddings--l-r-20px {padding-left: 20px; padding-right: 20px;}
.min-h--80vh {min-height: 80vh;}
.radius--15px {border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
.paddings--20px {padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; border-top-color: rgba(0, 0, 0, 0.4); border-left-color: rgba(0, 0, 0, 0.4); border-right-color: rgba(0, 0, 0, 0.4); border-bottom-color: rgba(0, 0, 0, 0.4);}
.gap-hor--10px {column-gap: 10px; display: flex; justify-content: flex-start;}
.gap-ver--30px {row-gap: 30px;}
.gap-hor--35px {column-gap: 35px;}
.gap-hor--40px {column-gap: 40px;}
.paddings--t-b-10px {padding-top: 10px; padding-bottom: 10px;}
.color--bg {background-color: rgb(255, 255, 255);}
.color-text--bg-on {color: rgba(38, 38, 38, 1);}
.gap-ver--10px {row-gap: 10px;}
.max-w--600px {max-width: 600px; margin-left: auto; margin-right: auto;}
.text--menu-header-bg-on {font-family: 'Manrope'; font-size: 14px; font-weight: 500; letter-spacing: -0.04em; line-height: 140%; color: rgba(48, 48, 48, 1); transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease;}
.text--menu-header-bg-on:hover {color: rgba(48, 48, 48, 0.8);}
.menu--bg-on {width: 44px; height: 44px; background-color: rgb(251, 109, 78); transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-size: auto; background-image: url("/d/library_image-12776-symbol-ih5x5uykq-menu-button-open.svg"); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; cursor: pointer;}
.menu--bg-on:hover {background-color: rgba(175, 96, 255, 0.8);}
.close--bg-on {width: 44px; height: 44px; background-image: url("/d/library_image-12776-symbol-ih5x5uykq-menu-button-close.svg"); background-color: rgb(251, 109, 78); background-size: auto; background-repeat: no-repeat; background-position: center center; background-attachment: scroll; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; cursor: pointer;}
.close--bg-on:hover {background-color: rgba(175, 96, 255, 0.8);}
.gap-ver--60px {row-gap: 60px;}
.radius--20px {border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.gap-hor--20px {column-gap: 20px; display: flex;}
.gap-ver--25px {row-gap: 25px;}
.gap-ver--40px {row-gap: 40px;}
.link-block--primary {color: rgba(251, 109, 78, 1); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-bottom-style: solid; text-decoration: none; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; border-bottom-color: rgba(251, 109, 78, 1); border-top-color: rgba(251, 109, 78, 1); border-left-color: rgba(251, 109, 78, 1); border-right-color: rgba(251, 109, 78, 1); column-gap: 5px;}
.link-block--primary:hover {border-top-color: rgba(76, 144, 236, 1); border-left-color: rgba(76, 144, 236, 1); border-right-color: rgba(76, 144, 236, 1); border-bottom-color: rgba(76, 144, 236, 1); color: rgba(76, 144, 236, 1);}
.paddings--t-b-80-20px {padding-top: 80px; padding-bottom: 20px;}
.text--h3 {font-family: 'Inter Tight'; font-weight: 500; font-size: clamp(1.5rem, 3vw, 2rem); line-height: normal;}
.text--large {font-size: clamp(1.125rem, 1.8vw, 1.25rem); font-weight: 500; font-family: 'Inter'; line-height: 130%;}
.text--medium-bold {font-family: 'Inter'; font-weight: 700; line-height: 145%; font-size: clamp(1rem, 1.4vw, 1.0625rem);}
.text--small {font-family: 'Inter'; line-height: 143%; font-size: clamp(0.875rem, 1.2vw, 1rem);}
.line--2 {height: 1px; width: 100%; background-color: rgba(0, 0, 0, 0.5);}
.radius--999px {border-top-left-radius: 999px; border-top-right-radius: 999px; border-bottom-left-radius: 999px; border-bottom-right-radius: 999px;}
.w-h--20px {width: 20px; height: 20px; flex-shrink: 0;}
.max-w--800px {max-width: 800px;}
.paddings--15px {padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px;}
.gap-ver--20px {row-gap: 20px; display: flex; flex-direction: column;}
.gap-hor--5px {column-gap: 5px;}
.gap-ver--5px {row-gap: 5px;}
.paddings--10px {padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px;}
.color--bg-sec {background-color: rgb(224, 223, 223);}
.arrow-r--primary {width: 44px; height: 44px; background-color: rgb(251, 109, 78); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-size: auto; background-image: url("/d/library_image-13003-symbol-i09y8tboy-arrows_white-28px-right.svg"); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; cursor: pointer; flex-grow: 0; flex-shrink: 0;}
.arrow-r--primary:hover {background-color: rgba(175, 96, 255, 0.8);}
.arrow-l--primary {width: 44px; height: 44px; background-color: rgb(251, 109, 78); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-size: auto; background-image: url("/d/library_image-13003-symbol-i09y8tboy-arrows_white-28px-left.svg"); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; cursor: pointer; flex-grow: 0;}
.arrow-l--primary:hover {background-color: rgba(175, 96, 255, 0.8);}
.padding--b-64px {padding-bottom: 64px;}
.gap-ver--80px {row-gap: 80px;}
.text--h5 {font-family: 'Inter Tight'; font-weight: 500; font-size: clamp(1.125rem, 2vw, 1.375rem); line-height: 130%; margin-top: 0px;}
.input--primary {padding-left: 20px; padding-right: 20px; background-image: linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); width: 100%; height: 40px;}
.color-text--error {color: rgba(255, 96, 78, 1);}
.radius--5px {border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.w-h--28px {width: 28px; height: 28px; flex-shrink: 0;}
.border--dotted-black {border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-bottom-style: dashed; border-bottom-color: rgba(3, 3, 3, 0.1); border-top-color: rgba(3, 3, 3, 0.1); border-left-color: rgba(3, 3, 3, 0.1); border-right-color: rgba(3, 3, 3, 0.1);}
.color--primary {background-color: rgb(251, 109, 78); grid-column-start: span 1; grid-column-end: span 1;}
.w-h--14px {width: 14px; height: 14px; flex-shrink: 0; flex-grow: 0;}
.text--min {line-height: 140%; font-family: 'Inter'; font-size: clamp(0.75rem, 1vw, 0.875rem);}
.w-h--16px {width: 16px; height: 16px; flex-shrink: 0;}
.color--prim-hover:hover {background-color: rgb(251, 81, 42);}
.gap-hor--15px {column-gap: 10px;}
.text--h2 {font-family: 'Noto Serif HK'; font-size: clamp(1.75rem, 3.5vw, 2.5rem); font-weight: 500; line-height: 1.2em;}
.text--h4 {font-family: 'Inter Tight'; font-weight: 500; font-size: clamp(1.375rem, 2.5vw, 1.75rem); line-height: normal;}
.text--h6 {font-size: clamp(1rem, 1.8vw, 1.125rem); font-family: 'Inter Tight'; font-weight: 500; line-height: normal;}
.text--small-light {font-family: 'Inter'; font-weight: 300; line-height: 145%; font-size: clamp(0.875rem, 1.2vw, 1rem);}
.text--min-bold {line-height: 140%; font-family: 'Inter'; font-size: clamp(0.75rem, 1vw, 0.875rem); font-weight: 700;}
.paddings--t-b-20px {padding-top: 20px; padding-bottom: 20px;}
.w-h--54px {width: 54px; height: 54px; flex-shrink: 0;}
.w-h--32px {width: 32px; height: 32px; flex-shrink: 0;}
.w-h--10px {width: 10px; height: 10px; flex-shrink: 0; flex-grow: 0;}
.border--1px-black {border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgba(0, 0, 0, 0.1); border-left-color: rgba(0, 0, 0, 0.1); border-right-color: rgba(0, 0, 0, 0.1); border-bottom-color: rgba(0, 0, 0, 0.1);}
.color--black-50per {background-color: rgba(0, 0, 0, 0.5);}
.w-h--40px {width: 44px; height: 44px; flex-shrink: 0;}
.color--bg-on {background-color: rgb(0, 0, 0);}
.color--bg-on-10per {background-color: rgba(0, 0, 0, 0.1);}
.color-text--prim-on {color: rgba(255, 255, 255, 1);}
.color-text--prim-on-70per {color: rgba(255, 255, 255, 0.7);}
.color--prim-on {background-color: rgb(255, 255, 255);}
.color--prim-on-70per {background-color: rgba(255, 255, 255, 0.7);}
.color--prim-on-10per {background-color: rgba(255, 255, 255, 0.1);}
.color--prim-on-hover:hover {background-color: rgba(255, 255, 255, 0.9);}
.color-text--prim-bg-on {color: rgba(251, 109, 78, 1); -webkit-text-stroke-color: rgba(251, 109, 78, 1);}
.color-text--prim-bg-on-hover {color: rgba(160, 68, 255, 1);}
.color-text--prim-bg-on-hover:hover {color: rgba(76, 144, 236, 1);}
.color-text--prim-on-hover:hover {color: rgba(255, 255, 255, 0.8);}
.color--img-on-hover:hover {background-color: rgba(255, 255, 255, 0.9);}
.color-text--img-on-hover:hover {color: rgba(255, 255, 255, 0.8);}
.color--error {background-color: rgb(255, 96, 78);}
.color--success {background-color: rgb(90, 191, 112);}
.color-text--success {color: rgba(90, 191, 112, 1);}
.color--attention {background-color: rgb(255, 208, 67);}
.color-text--attention {color: rgba(255, 208, 67, 1);}
.color-text--bg-on-hover:hover {color: rgba(48, 48, 48, 0.7);}
.button--prim-on {background-size: auto; background-image: none/*linear-gradient(rgb(43, 187, 220) 0%, rgb(43, 187, 220) 100%)*/; background-repeat: repeat; background-position: left 0px top 0px; background-attachment: scroll; background-color: rgb(255, 255, 255); transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; padding-left: 24px; padding-right: 24px; padding-top: 18px; padding-bottom: 18px; color: rgba(0, 0, 0, 1); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.button--prim-on:hover {background-color: rgba(255, 255, 255, 0.7);}
.button--prim-outline {background-size: auto; background-image: none/*linear-gradient(rgba(251, 109, 78, 1) 0%, rgba(251, 109, 78, 1) 100%)*/; background-repeat: repeat; background-position: left 0px top 0px; background-attachment: scroll; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; padding-left: 24px; padding-right: 24px; padding-top: 18px; padding-bottom: 18px; color: rgba(251, 109, 78, 1); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: rgba(251, 109, 78, 0); text-align: center; font-size: 16px; font-weight: 500; box-shadow: inset 0px 0px 0px 1px rgba(251, 109, 78, 1); -webkit-text-stroke-color: rgba(251, 109, 78, 1);}
.button--prim-outline:hover {background-color: rgba(242, 90, 57, 0.1);}
.button--prim-outline:active {background-color: rgba(160, 68, 255, 0.1);}
.link-block--prim-on {color: rgba(255, 255, 255, 1); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-bottom-style: solid; text-decoration: none; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; border-bottom-color: rgba(255, 255, 255, 1); border-top-color: rgba(255, 255, 255, 1); border-left-color: rgba(255, 255, 255, 1); border-right-color: rgba(255, 255, 255, 1); column-gap: 5px;}
.link-block--prim-on:hover {border-top-color: rgba(255, 255, 255, 0.7); border-left-color: rgba(255, 255, 255, 0.7); border-right-color: rgba(255, 255, 255, 0.7); border-bottom-color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);}
.arrow-l-primary-on {width: 44px; height: 44px; background-color: rgb(255, 255, 255); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-size: auto; background-image: url("/d/library_image-12276-symbol-i9t4d60ug-arrows_black-28px-left.svg"); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; cursor: pointer; flex-grow: 0;}
.arrow-l-primary-on:hover {background-color: rgba(255, 255, 255, 0.9);}
.link-block--black-on {color: rgba(255, 255, 255, 1); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-bottom-style: solid; text-decoration: none; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; border-bottom-color: rgba(255, 255, 255, 1); border-top-color: rgba(255, 255, 255, 1); border-left-color: rgba(255, 255, 255, 1); border-right-color: rgba(255, 255, 255, 1); column-gap: 5px;}
.link-block--black-on:hover {border-top-color: rgba(255, 255, 255, 0.7); border-left-color: rgba(255, 255, 255, 0.7); border-right-color: rgba(255, 255, 255, 0.7); border-bottom-color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);}
.button--outline-black-on {background-size: auto; background-image: none/*linear-gradient(rgb(43, 187, 220) 0%, rgb(43, 187, 220) 100%)*/; background-repeat: repeat; background-position: left 0px top 0px; background-attachment: scroll; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; padding-left: 24px; padding-right: 24px; padding-top: 18px; padding-bottom: 18px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-size: 16px; font-weight: 500; box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);}
.button--outline-black-on:hover {border-top-color: rgba(255, 255, 255, 0.9); border-left-color: rgba(255, 255, 255, 0.9); border-right-color: rgba(255, 255, 255, 0.9); border-bottom-color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.1);}
.button--black-on {background-size: auto; background-image: none/*linear-gradient(rgb(43, 187, 220) 0%, rgb(43, 187, 220) 100%)*/; background-repeat: repeat; background-position: left 0px top 0px; background-attachment: scroll; background-color: rgb(255, 255, 255); transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; padding-left: 24px; padding-right: 24px; padding-top: 18px; padding-bottom: 18px; color: rgba(0, 0, 0, 1); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-size: 16px; font-weight: 500;}
.button--black-on:hover {background-color: rgba(255, 255, 255, 0.8);}
.arrow-r--primary-on {width: 44px; height: 44px; background-color: rgb(255, 255, 255); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-size: auto; background-image: url("/d/library_image-12276-symbol-i9t4d60ug-arrows_black-28px-right.svg"); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; cursor: pointer; flex-grow: 0; flex-shrink: 0;}
.arrow-r--primary-on:hover {background-color: rgba(255, 255, 255, 0.9);}
.color--black-on {background-color: rgb(255, 255, 255);}
.color--black-on-50per {background-color: rgba(255, 255, 255, 0.5);}
.color--black-on-10per {background-color: rgba(255, 255, 255, 0.1);}
.color-text--black-on {color: rgba(255, 255, 255, 1);}
.color-text--black-on-70per {color: rgba(255, 255, 255, 0.8);}
.border--1px-white {border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgba(255, 255, 255, 1); border-left-color: rgba(255, 255, 255, 1); border-right-color: rgba(255, 255, 255, 1); border-bottom-color: rgba(255, 255, 255, 1);}
.border--1px-on-bg {border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: rgba(48, 48, 48, 0.1); border-left-color: rgba(48, 48, 48, 0.1); border-right-color: rgba(48, 48, 48, 0.1); border-bottom-color: rgba(48, 48, 48, 0.1); border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid;}
.line--1-white-on {height: 1px; width: 27px; background-color: rgba(0, 0, 0, 0.5);}
.line--1-black-on {height: 1px; width: 27px; background-color: rgba(255, 255, 255, 0.7);}
.border--dotted-prim-on {border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-bottom-style: dashed; border-bottom-color: rgba(255, 255, 255, 0.5); border-top-color: rgba(255, 255, 255, 0.5); border-left-color: rgba(255, 255, 255, 0.5); border-right-color: rgba(255, 255, 255, 0.5);}
.w-h--58px {width: 58px; height: 58px; flex-shrink: 0;}
.menu--black-on {width: 44px; height: 44px; background-color: rgb(255, 255, 255); transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-size: auto; background-image: url("/d/library_image-12276-symbol-i9t4d60ug-burger-menu-black-on.svg"); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; cursor: pointer;}
.menu--black-on:hover {background-color: rgba(255, 255, 255, 0.9);}
.menu--prim-on {width: 44px; height: 44px; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-size: auto; background-image: url("/d/library_image-12276-symbol-i9t4d60ug-burger-menu-black-on.svg"); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-color: rgb(255, 255, 255); cursor: pointer;}
.menu--prim-on:hover {background-color: rgba(255, 255, 255, 0.9);}
.close--black-on {width: 44px; height: 44px; background-image: url("/d/library_image-12276-symbol-i9t4d60ug-close-black.svg"); background-color: rgb(255, 255, 255); background-size: auto; background-repeat: no-repeat; background-position: center center; background-attachment: scroll; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; cursor: pointer;}
.close--black-on:hover {background-color: rgba(255, 255, 255, 0.9);}
.close--prim-on {width: 44px; height: 44px; background-image: url("/d/library_image-12276-symbol-i9t4d60ug-close-black.svg"); background-color: rgb(255, 255, 255); background-size: auto; background-repeat: no-repeat; background-position: center center; background-attachment: scroll; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; cursor: pointer;}
.close--prim-on:hover {background-color: rgba(255, 255, 255, 0.9);}
.border--1px-primary {border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgba(78, 204, 216, 1); border-left-color: rgba(78, 204, 216, 1); border-right-color: rgba(78, 204, 216, 1); border-bottom-color: rgba(78, 204, 216, 1);}
.arrow-r--black-on {width: 44px; height: 44px; background-color: rgb(255, 255, 255); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; cursor: pointer; flex-grow: 0; flex-shrink: 0; background-size: auto; background-image: url("/d/library_image-12276-symbol-i9t4d60ug-arrows_black-28px-right.svg"); background-repeat: no-repeat; background-position: center center; background-attachment: scroll;}
.arrow-r--black-on:hover {background-color: rgba(255, 255, 255, 0.9);}
.arrow-l--black-on {width: 44px; height: 44px; background-color: rgb(255, 255, 255); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-size: auto; background-image: url("/d/library_image-12276-symbol-i9t4d60ug-arrows_black-28px-left.svg"); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; cursor: pointer; flex-grow: 0;}
.arrow-l--black-on:hover {background-color: rgba(255, 255, 255, 0.9);}
.color--black {background-color: rgb(0, 0, 0); border-top-color: rgba(0, 0, 0, 0.4); border-left-color: rgba(0, 0, 0, 0.4); border-right-color: rgba(0, 0, 0, 0.4); border-bottom-color: rgba(0, 0, 0, 0.4);}
.paddings--2px {padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px;}
.paddings--40px {padding-top: 40px; padding-bottom: 40px; padding-left: 40px; padding-right: 40px;}
.color--always-w {background-color: rgb(255, 255, 255);}
.paddings--t-b-40px {padding-top: 40px; padding-bottom: 40px;}
.button--secondary {background-size: auto; background-image: none/*linear-gradient(rgb(43, 187, 220) 0%, rgb(43, 187, 220) 100%)*/; background-repeat: repeat; background-position: left 0px top 0px; background-attachment: scroll; background-color: rgb(142, 161, 212); transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; padding-left: 20px; padding-right: 20px; padding-top: 12px; padding-bottom: 12px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; color: rgba(255, 255, 255, 1);}
.button--secondary:hover {background-color: rgb(145, 183, 245);}
.max-w--500px {max-width: 500px; margin-left: auto; margin-right: auto; text-align: center;}
.max-w--700px {max-width: 700px; margin-left: auto; margin-right: auto;}
.border-ver--dotted {border-top-width: 0px; border-right-width: 1px; border-left-width: 0px; border-bottom-width: 0px; border-bottom-style: solid; border-right-color: rgba(0, 0, 0, 0.5); border-right-style: dashed;}
.paddings--l-r-15px {padding-left: 15px; padding-right: 15px;}
.max-w--650px {max-width: 650px;}
.color--bg-white {background-color: rgb(255, 255, 255); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
.color-text--bg-on-70per {color: rgba(25, 25, 25, 0.7);}
.grid-3-col {display: grid; grid-template-columns: 1fr 1fr 1fr;}
.card-item {border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; padding-left: 32px; padding-right: 32px; padding-top: 32px; padding-bottom: 32px; overflow-x: hidden; overflow-y: hidden; display: flex; flex-direction: column; background-color: rgb(236, 236, 236); justify-content: flex-start; row-gap: 24px; position: static;}
.color-text--bg-on-60per {color: rgba(3, 3, 3, 0.6);}
.grid-2-col {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto;}
.grid-4-col {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;}
.card-text-gap {display: flex; flex-direction: column; row-gap: 14px;}
.text--small-semibold {line-height: 145%; font-family: 'Inter'; font-weight: 500; font-size: clamp(0.875rem, 1.2vw, 1rem);}
.text--display-md {font-size: clamp(2.25rem, 4.8vw, 4rem); font-family: 'Noto Serif HK'; font-weight: 500; line-height: 1.1em;}
.text--display-lg {font-family: 'Noto Serif HK'; font-size: clamp(2.5rem, 7vw, 6rem); font-weight: 400; line-height: 105%;}
.label-heading-primary {width: auto; padding-left: 16px; padding-right: 16px; padding-top: 8px; padding-bottom: 6px; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; color: rgba(255, 255, 255, 1); background-size: auto, auto; background-image: linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), linear-gradient(rgba(251, 109, 78, 1) 0%, rgba(251, 109, 78, 1) 100%); background-repeat: no-repeat, no-repeat; background-position: left 0px top 0px, left 0px top 0px; background-attachment: scroll, scroll; font-size: 14.5px; display: flex; align-items: center; column-gap: 8px; letter-spacing: 0.1px; min-height: 36px; -webkit-text-stroke-color: rgba(255, 255, 255, 0.7);}
.body-font {font-family: 'Inter'; color: rgba(3, 3, 3, 1);}
.label-heading-green {width: auto; padding-left: 16px; padding-right: 16px; padding-top: 8px; padding-bottom: 8px; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; color: rgba(48, 163, 89, 1); background-size: auto; background-image: linear-gradient(rgba(189, 248, 209, 1) 0%, rgba(189, 248, 209, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; font-size: 14.5px; display: flex; align-items: center; column-gap: 10px;}
.block-section {padding-left: 4%; padding-right: 4%; padding-top: 4%; padding-bottom: 4%; display: flex; flex-direction: column;}
.gap-ver--15px {row-gap: 15px;}
.heading-description-gap-sm {display: flex; flex-direction: column; row-gap: 10px; align-items: center;}
.accordion-item {border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; padding-left: 32px; padding-right: 24px; padding-top: 24px; padding-bottom: 24px; background-size: auto; background-image: none/*linear-gradient(rgba(160, 68, 255, 0) 0%, rgba(160, 68, 255, 0) 100%)*/; background-repeat: repeat; background-position: left 0px top 0px; background-attachment: scroll; background-color: rgba(160, 68, 255, 0); transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease;}
.accordion-item:hover {background-color: rgba(160, 68, 255, 0.08);}
.color-text--bg-on-70 {color: rgba(0, 0, 0, 0.7);}
.card-bg-image {transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.card-item-courses {border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; padding-left: 32px; padding-right: 32px; padding-top: 60px; padding-bottom: 60px; overflow-x: hidden; overflow-y: hidden;}
.card-overlay {background-size: auto; background-image: linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll;}
.color-text--bg-on-50per {color: rgba(38, 38, 38, 0.7);}
.max-w--450 {max-width: 450px;}
.accordion-content-padding {padding-left: 32px; padding-right: 32px; padding-top: 32px; padding-bottom: 32px;}
.accordion-courses-title {display: flex; column-gap: 14px; align-items: flex-start;}
.accordion-number {width: 20px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; flex-shrink: 0;}
.label-heading-dark {width: auto; padding-left: 16px; padding-right: 16px; padding-top: 8px; padding-bottom: 6px; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; color: rgba(255, 255, 255, 1); background-size: auto; background-image: linear-gradient(rgba(38, 38, 38, 1) 0%, rgba(38, 38, 38, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; font-size: 14.5px; display: flex; align-items: center; column-gap: 8px; letter-spacing: 0.1px; text-align: center; min-height: 36px; left: 0px;}
.form-field-label {font-weight: 400; font-size: 15px; margin-bottom: 9px;}
.form-input-reset-margins {margin-top: 0px; margin-bottom: 0px;}
.form-input-cont-gap-ver {display: flex; flex-direction: column; row-gap: 24px;}
.form-error-message {font-size: 14px; color: rgba(255, 0, 0, 1); margin-top: 2px;}
.form-upload-file-btn {width: 100%; background-image: none/*linear-gradient(rgba(160, 68, 255, 0) 0%, rgba(160, 68, 255, 0) 100%)*/; background-size: auto; background-color: rgba(251, 109, 78, 0.08); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; justify-content: center; padding-left: 20px; padding-right: 20px; padding-top: 14px; padding-bottom: 14px; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none; border-top-color: rgba(251, 109, 78, 1); border-left-color: rgba(251, 109, 78, 1); border-right-color: rgba(251, 109, 78, 1); border-bottom-color: rgba(251, 109, 78, 1); transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease;}
.form-upload-file-btn:hover {background-color: rgba(160, 68, 255, 0.12);}
.form-btn {padding-left: 24px; padding-right: 24px; padding-top: 18px; padding-bottom: 18px; background-image: linear-gradient(rgba(251, 109, 78, 0) 0%, rgba(251, 109, 78, 0) 100%); transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; background-color: rgb(251, 109, 78); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-size: 17px; font-weight: 500;}
.form-btn:hover {background-color: rgb(251, 81, 42);}
.radio-btn-text {font-size: 15px; margin-left: 0px;}
.radio-checkbox-text {font-size: 15px; margin-left: 0px;}
.form-heading-btn-gap-ver {display: flex; flex-direction: column; row-gap: 28px; margin-top: 28px;}
.form-radio-btn {align-items: flex-start; column-gap: 8px;}
.form-radio-btn:hover {color: rgba(160, 68, 255, 1);}
.form-radio-btn:active {color: rgba(160, 68, 255, 1);}
.form-checkbox-btn {align-items: flex-start; column-gap: 8px;}
.form-radio-icon {width: 15px; height: 15px; margin-top: 2px;}
.form-checkbox-icon {width: 15px; height: 15px; margin-top: 2px;}
.form-radio-list-gap {row-gap: 10px; align-items: flex-start;}
.form-padding-zero {padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}
.form-title {font-weight: 500; font-family: 'Noto Serif HK'; font-size: clamp(1.75rem, 3.5vw, 2.5rem); margin-bottom: 0px;}
.form-title-container {display: flex; flex-direction: column; row-gap: 10px; margin-bottom: 32px;}
.form-error-state-bg {background-image: linear-gradient(rgba(255, 222, 226, 0.1) 0%, rgba(255, 222, 226, 0.1) 100%); padding-left: 16px; padding-right: 16px; padding-top: 16px; padding-bottom: 16px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; display: flex; align-items: center; justify-content: center;}
.form-error-state-text {color: rgba(255, 1, 1, 1); font-size: 14px; text-align: center;}
.form-success-state-text {font-family: 'Inter Tight'; font-size: 20px;}
.form-success-state-bg {display: flex; flex-direction: column; text-align: center;}
.form-checkbox-list-gap {margin-top: 0px;}
.form-padding {padding-left: 4%; padding-right: 4%; padding-top: 4%; padding-bottom: 4%; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
.accordion-plus-image {width: 14px; height: 14px;}
.accordion-plus-bg {width: 28px; height: 28px; flex-shrink: 0; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px;}
.card-preim {padding-left: 24px; padding-right: 24px; padding-top: 24px; padding-bottom: 24px; row-gap: 3px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
.check-icon {width: 25px; height: 25px; background-size: auto; background-image: linear-gradient(rgba(251, 109, 78, 0.1) 0%, rgba(251, 109, 78, 0.1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; display: flex; flex-direction: column; justify-content: center; align-items: center; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; flex-shrink: 0;}
.card-icon {width: 54px; height: 54px; margin-bottom: 30px;}
.label-heading-white {width: auto; padding-left: 16px; padding-right: 16px; padding-top: 10px; padding-bottom: 8px; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; color: rgba(255, 255, 255, 1); background-size: auto; background-image: linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; font-size: 14.5px; display: flex; align-items: center; column-gap: 8px; letter-spacing: 0.1px; text-align: center; min-height: 36px;}
.text--menu-header-black-on {font-family: 'Manrope'; font-size: 14px; font-weight: 500; letter-spacing: -0.04em; line-height: 140%; color: rgba(255, 255, 255, 1); transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease;}
.text--menu-header-black-on:hover {color: rgba(255, 255, 255, 0.5);}
.btn-padding-container {padding-left: 4%; padding-right: 4%; padding-top: 6%; padding-bottom: 6%; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
.text--small-bold-btn {font-family: 'Manrope'; font-size: 14px; letter-spacing: -0.02em; line-height: 140%; font-weight: 700;}
.company-logo-container {flex-direction: row; align-items: center; row-gap: 12px; column-gap: 12px;}
.company-logo-image {flex-shrink: 0; width: 50px; height: 50px;}
.company-logo-text {display: flex; flex-direction: column; align-items: flex-start; row-gap: 2px; width: auto;}
.menu__wrapper-lvl2-2 {background-color: rgb(245, 245, 245); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; width: 250px;}
.text-2 {flex-grow: 1; flex-shrink: 0;}
.card-text-gap-footer {display: flex; flex-direction: column; row-gap: 20px;}
.company-logo-container-footer {flex-direction: row; align-items: center; row-gap: 12px; column-gap: 12px;}
.company-logo-text-footer {display: flex; flex-direction: column; align-items: flex-start; row-gap: 2px; width: auto;}
.card-item-2col {border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; padding-left: 7%; padding-right: 7%; padding-top: 7%; padding-bottom: 7%; overflow-x: hidden; overflow-y: hidden; display: flex; flex-direction: column;}
.card-amount-gap {display: flex; flex-direction: column; row-gap: 2px; align-items: flex-start;}
.card-heading-gap {display: flex; flex-direction: column; row-gap: 10px; align-items: flex-start;}
.cart-text-container-gap {display: flex; flex-direction: column; row-gap: 28px; justify-content: space-between;}
.card-item-1col {border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; padding-left: 4%; padding-right: 4%; padding-top: 4%; padding-bottom: 4%; overflow-x: hidden; overflow-y: hidden; display: flex; flex-direction: column;}
.card-item-1col-pad {padding-left: 7%; padding-right: 7%; padding-top: 7%; padding-bottom: 7%; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
.card-image-container {border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; overflow-x: hidden; overflow-y: hidden; aspect-ratio: 4/3;}
.card-image {width: 100%; position: absolute; left: 0px; top: 0px; height: 100%;}
.card-horizontal {position: sticky; top: 70px;}
.grid-3-col-card {display: grid; grid-template-columns: 1fr 1fr;}
.check-icon-white {width: 32px; height: 32px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: rgb(255, 255, 255); flex-shrink: 0;}
.card-text-gap-2 {display: flex; flex-direction: column; row-gap: 20px;}
.article-wrapper {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: auto;}
.blog-banner-cont {aspect-ratio: 2 / 1; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; overflow-x: hidden; overflow-y: hidden; margin-bottom: 12px;}
.contents-list {max-height: 95vh; display: flex; flex-direction: column; row-gap: 18px; padding-left: 9%; padding-right: 9%; padding-top: 9%; padding-bottom: 9%; background-color: rgb(255, 255, 255); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; position: sticky; top: 20px; overflow-x: auto; overflow-y: auto; align-items: flex-start; justify-content: flex-start;}
.blog-heading-cont {display: flex; justify-content: space-between; align-items: center; column-gap: 12px;}
.blog-doc-icon {width: 24px; height: 24px; flex-shrink: 0;}
.articles-link {font-size: 16px; font-weight: 500; color: rgba(3, 3, 3, 0.7); padding-top: 12px; padding-bottom: 12px; text-decoration: none;}
.articles-link:hover {color: rgba(3, 3, 3, 1);}
.articles-link:active {color: rgba(251, 109, 78, 1);}
.articles-link:focus {color: rgba(251, 109, 78, 1);}
.toc-table {display: flex; flex-direction: column; align-items: flex-start;}
.block-section-header {padding-top: 10px; padding-bottom: 10px;}
.banner-card {display: flex; flex-direction: column; row-gap: 30px; padding-left: 9%; padding-right: 9%; padding-top: 9%; padding-bottom: 9%; position: sticky; top: 20px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; justify-content: flex-start; overflow-x: hidden; overflow-y: hidden; column-gap: normal;}
.banner-pic {width: 100%; height: auto;}
.button-cont {display: flex; flex-direction: column;}
.banner-bgpic {position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%;}
.column-banner-top {height: 50%;}
.column-banner-bot {display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 0; height: 50%;}
.blog-collumn-left {padding-right: 12px;}
.column-banners {padding-left: 12px;}
.article-content-wrap {background-color: rgb(255, 255, 255); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; padding-left: 6%; padding-right: 6%; padding-top: 6%; padding-bottom: 6%; display: flex; flex-direction: column; align-items: flex-start;}
.blog-cont-date-share {display: flex; justify-content: space-between; align-items: center; column-gap: 16px;}
.share-single-btn {display: flex; width: auto; align-items: center; column-gap: 8px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: rgb(246, 246, 246); padding-left: 16px; padding-right: 16px; padding-top: 8px; padding-bottom: 8px; height: 38px; cursor: pointer;}
.share-single-btn__ico {width: 22px; height: 22px; flex-shrink: 0;}
.popup-share-wrap {width: auto; display: none; align-items: flex-start; column-gap: 6px; row-gap: 6px; padding-left: 16px; padding-right: 16px; padding-top: 16px; padding-bottom: 16px; position: absolute; bottom: 38px; z-index: 1; right: -16px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: rgb(255, 255, 255); justify-content: flex-start;}
.article-share-icon {width: 24px; height: 24px;}
.article-share-btn {justify-content: center; align-items: center; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding-left: 6px; padding-right: 6px; padding-top: 6px; padding-bottom: 6px;}
.vk {background-color: rgb(52, 116, 246);}
.ok {background-color: rgb(254, 161, 3);}
.tg {background-color: rgb(19, 155, 245);}
.article-copy-btn {border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding-left: 6px; padding-right: 6px; padding-top: 6px; padding-bottom: 6px; align-items: center; justify-content: center; background-color: rgb(246, 246, 246);}
.blog-heading-main-cont {display: flex; flex-direction: column; align-items: flex-start; row-gap: 14px;}
.article-content {width: 100%; display: block;}
.dynamic-lazy-url {display: none;}
.acc_item_block {display: flex; flex-direction: column; margin-top: 40px; align-items: flex-start; justify-content: flex-start;}
.acc_title_item_text {margin-bottom: 20px;}
.acc_title {display: flex; justify-content: space-between; align-items: flex-start; padding-left: 24px; padding-right: 24px; padding-top: 24px; padding-bottom: 24px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; column-gap: 20px;}
.acc_title_pic {width: 24px; height: 24px; flex-shrink: 0;}
.acc_item_text {width: 100%; margin-top: -16px; margin-bottom: -16px;}
.acc_title_body {display: flex; flex-direction: column; padding-left: 24px; padding-right: 24px; padding-top: 20px; padding-bottom: 20px; border-top-color: rgba(250, 250, 252, 1); border-right-color: rgba(250, 250, 252, 1); border-bottom-color: rgba(250, 250, 252, 1);}
.article-share-wrap {display: flex; flex-direction: row; margin-top: 30px; align-items: center; justify-content: flex-start; column-gap: 14px; flex-wrap: wrap; row-gap: 12px;}
.share-wrap {width: auto; display: flex; column-gap: 6px; row-gap: 6px; align-items: center; flex-wrap: wrap;}
.acc-item {margin-bottom: 8px;}
.article-author-wrap {display: flex; flex-direction: row; margin-top: 30px; align-items: center; column-gap: 20px; row-gap: 20px;}
.author-image {border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; flex-shrink: 0;}
.article-author {display: flex; flex-direction: column; align-items: flex-start; width: auto;}
.banner-card-horizontal {display: grid; flex-direction: column; row-gap: 20px; padding-left: 4%; padding-right: 4%; padding-top: 4%; padding-bottom: 4%; position: relative; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; justify-content: flex-start; overflow-x: hidden; overflow-y: hidden; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-rows: auto auto; column-gap: 20px; margin-top: 24px;}
.button-cont-hor {display: flex; flex-direction: column; grid-column-start: span 4; grid-column-end: span 4; align-items: flex-start;}
.banner-cont-picture-hor {grid-row-start: span 2; grid-row-end: span 2;}
.banner-cont-text-hor {display: flex; align-items: flex-end;}
.article-body-banners {display: flex; flex-direction: column;}
.blog-content {display: flex; flex-direction: column; row-gap: 4vw;}
.page-content-padding {padding-left: 3.6%; padding-right: 3.6%; padding-top: 3.6%; padding-bottom: 3.6%; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
.asrticle-item {display: flex; flex-direction: column; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease;}
.article-card-link {overflow-x: hidden; overflow-y: hidden; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; height: 100%; row-gap: 20px; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; padding-bottom: 8%; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
.article-card-link:active {background-color: rgba(250, 250, 252, 0);}
.article-image {aspect-ratio: 2 / 1; width: auto; height: auto; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease;}
.article-title-wrap {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; row-gap: 12px; padding-right: 15%;}
.article-date-wrap {display: flex; column-gap: 10px; justify-content: flex-start; align-items: center;}
.article-date-icon {width: 20px; height: 20px; flex-shrink: 0; opacity: 0.2;}
.label-article-date {width: auto; padding-left: 12px; padding-right: 12px; padding-top: 6px; padding-bottom: 6px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-size: auto; background-image: linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; font-size: 13px; display: flex; align-items: center; column-gap: 8px; position: absolute; left: 14px; top: 14px;}
.article-image-wrap {border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; overflow-x: hidden; overflow-y: hidden;}
.grid-agreement {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: auto;}
.block-section-cookie--pad {padding-top: 0%; padding-left: 0%; padding-right: 0%; padding-bottom: 0%;}
.card-item-cookie {border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; padding-left: 24px; padding-right: 24px; padding-top: 24px; padding-bottom: 24px; display: flex; flex-direction: column; overflow-x: hidden; overflow-y: hidden;}
.max-w--1200 {max-width: 1200px;}
.text--small-bold {font-family: 'Inter'; font-size: clamp(0.875rem, 1.2vw, 1rem); line-height: 140%; font-weight: 700;}
.color--white-text {color: rgba(255, 255, 255, 1);}
.class-label {font-size: 13px; padding-left: 10px; padding-right: 10px; padding-top: 6px; padding-bottom: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: rgb(50, 144, 255); color: rgba(255, 255, 255, 1); text-align: center;}
.line-for-guide {height: 1px; background-color: rgba(0, 0, 0, 0.05);}
.flex-vertical-column {display: flex; flex-direction: column;}
.flex-horizontal-column {display: flex; flex-direction: row;}
.max-w--900px {max-width: 900px; margin-left: auto; margin-right: auto;}
.block-for-grid {border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: rgb(234, 244, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: dashed; border-left-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-top-color: rgba(50, 144, 255, 1); border-left-color: rgba(50, 144, 255, 1); border-right-color: rgba(50, 144, 255, 1); border-bottom-color: rgba(50, 144, 255, 1); height: 90px;}
.section-gap {display: flex; flex-direction: column; row-gap: 64px;}
.heading-gap {display: flex; flex-direction: column; row-gap: 24px; align-items: center;}
.grid-6-col {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
.grid-5-col {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.form-input {padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; height: auto; min-height: 48px; background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%); background-color: rgb(255, 255, 255); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-top-color: rgba(226, 227, 230, 1); border-left-color: rgba(226, 227, 230, 1); border-right-color: rgba(226, 227, 230, 1); border-bottom-color: rgba(226, 227, 230, 1); color: rgba(3, 3, 3, 1); font-size: 15px; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease;}
.form-input:hover {border-top-color: rgba(205, 206, 209, 1); border-left-color: rgba(205, 206, 209, 1); border-right-color: rgba(205, 206, 209, 1); border-bottom-color: rgba(205, 206, 209, 1);}
.form-input:active {border-top-color: rgba(160, 68, 255, 1); border-left-color: rgba(160, 68, 255, 1); border-right-color: rgba(160, 68, 255, 1); border-bottom-color: rgba(160, 68, 255, 1); box-shadow: 0px 0px 0px 4px rgba(160, 68, 255, 0.1);}
.form-input:focus {border-top-color: rgba(160, 68, 255, 1); border-left-color: rgba(160, 68, 255, 1); border-right-color: rgba(160, 68, 255, 1); border-bottom-color: rgba(160, 68, 255, 1); box-shadow: 0px 0px 0px 4px rgba(160, 68, 255, 0.1);}
.form-text-area {padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; min-height: 48px; background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%); background-color: rgb(255, 255, 255); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-top-color: rgba(226, 227, 230, 1); border-left-color: rgba(226, 227, 230, 1); border-right-color: rgba(226, 227, 230, 1); border-bottom-color: rgba(226, 227, 230, 1); color: rgba(3, 3, 3, 1); font-size: 15px; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease;}
.form-text-area:hover {border-top-color: rgba(160, 68, 255, 1); border-left-color: rgba(160, 68, 255, 1); border-right-color: rgba(160, 68, 255, 1); border-bottom-color: rgba(160, 68, 255, 1);}
.form-text-area:active {border-top-color: rgba(160, 68, 255, 1); border-left-color: rgba(160, 68, 255, 1); border-right-color: rgba(160, 68, 255, 1); border-bottom-color: rgba(160, 68, 255, 1); box-shadow: 0px 0px 0px 4px rgba(160, 68, 255, 0.1);}
.form-text-area:focus {border-top-color: rgba(160, 68, 255, 1); border-left-color: rgba(160, 68, 255, 1); border-right-color: rgba(160, 68, 255, 1); border-bottom-color: rgba(160, 68, 255, 1); box-shadow: 0px 0px 0px 4px rgba(160, 68, 255, 0.1);}
.grids-gap {row-gap: 12px; column-gap: 12px;}
.paddings--t-b-100-40px {padding-top: 100px; padding-bottom: 40px;}
.paddings--5px--2px {padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px;}
.max-w--460px {max-width: 460px;}
.ui-crn-16 {border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;}
.owerflow-hiden {overflow-x: hidden; overflow-y: hidden;}
.list-card {width: 32%; height: auto;}
.gap-list {row-gap: 24px; column-gap: 24px;}
.ui-crn-10 {border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.articles-list {column-gap: 24px; row-gap: 24px;}
@media (max-width: 991px) {.text--h1 {line-height: 115%;}}
@media (max-width: 991px) {.text--menu-header-bg-on {font-size: 16px; letter-spacing: -0.02em; line-height: 120%; font-weight: 600;}}
@media (max-width: 991px) {.close--bg-on {margin-top: 10px; margin-left: -64px;}}
@media (max-width: 991px) {.min-h--80vh {min-height: 60vh;}}
@media (max-width: 991px) {.gap-hor--40px {column-gap: 20px;}}
@media (max-width: 991px) {.gap-ver--80px {row-gap: 80px;}}
@media (max-width: 991px) {.w-h--40px {width: 40px; height: 40px; background-size: auto, auto; background-image: url("/d/library_image-12276-symbol-i9t4d60ug-menu-burger.svg"), none/*linear-gradient(rgb(43, 187, 220) 0%, rgb(43, 187, 220) 100%)*/; background-repeat: no-repeat; background-position: center center; background-attachment: scroll, scroll;}}
@media (max-width: 991px) {.w-h--58px {height: 44px; width: 44px;}}
@media (max-width: 991px) {.text--h2 {font-weight: 600;}}
@media (max-width: 991px) {.close--black-on {margin-left: -64px; margin-top: 10px;}}
@media (max-width: 991px) {.close--black-on:hover {background-color: rgb(255, 255, 255);}}
@media (max-width: 991px) {.close--prim-on {margin-left: -64px; margin-top: 10px;}}
@media (max-width: 991px) {.close--prim-on:hover {background-color: rgb(255, 255, 255);}}
@media (max-width: 991px) {.paddings--40px {padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px;}}
@media (max-width: 991px) {.grid-3-col {grid-template-columns: 1fr 1fr 1fr;}}
@media (max-width: 991px) {.grid-4-col {grid-template-columns: 1fr 1fr;}}
@media (max-width: 991px) {.card-item {padding-left: 24px; padding-right: 24px; padding-top: 24px; padding-bottom: 24px;}}
@media (max-width: 991px) {.card-text-gap {row-gap: 12px;}}
@media (max-width: 991px) {.block-section {padding-left: 20px; padding-right: 20px; padding-top: 40px; padding-bottom: 40px; row-gap: 30px;}}
@media (max-width: 991px) {.accordion-item {padding-left: 24px; padding-right: 24px; padding-top: 24px; padding-bottom: 24px;}}
@media (max-width: 991px) {.text--h5 {line-height: 135%;}}
@media (max-width: 991px) {.card-item-courses {padding-left: 24px; padding-right: 24px; padding-top: 24px; padding-bottom: 24px;}}
@media (max-width: 991px) {.accordion-content-padding {padding-left: 24px; padding-right: 24px; padding-top: 24px; padding-bottom: 24px;}}
@media (max-width: 991px) {.accordion-number {width: 18px;}}
@media (max-width: 991px) {.accordion-courses-title {column-gap: 10px;}}
@media (max-width: 991px) {.form-btn {padding-top: 16px; padding-bottom: 16px;}}
@media (max-width: 991px) {.form-heading-btn-gap-ver {row-gap: 26px; margin-top: 26px;}}
@media (max-width: 991px) {.form-title-container {margin-bottom: 28px;}}
@media (max-width: 991px) {.max-w--700px {max-width: none;}}
@media (max-width: 991px) {.max-w--800px {max-width: none;}}
@media (max-width: 991px) {.max-w--1400px {max-width: none;}}
@media (max-width: 991px) {.form-padding {padding-left: 24px; padding-right: 24px; padding-top: 24px; padding-bottom: 24px;}}
@media (max-width: 991px) {.button--primary {padding-top: 16px; padding-bottom: 16px; background-color: rgb(251, 109, 78);}}
@media (max-width: 991px) {.button--prim-outline {padding-top: 16px; padding-bottom: 16px;}}
@media (max-width: 991px) {.label-heading-primary {text-align: center;}}
@media (max-width: 991px) {.card-icon {margin-bottom: 20px;}}
@media (max-width: 991px) {.text--menu-header-black-on {font-size: 20px; letter-spacing: -0.02em; line-height: 120%; font-weight: 600;}}
@media (max-width: 991px) {.button--black-on {padding-top: 16px; padding-bottom: 16px;}}
@media (max-width: 991px) {.button--outline-black-on {padding-top: 16px; padding-bottom: 16px;}}
@media (max-width: 991px) {.btn-padding-container {padding-left: 48px; padding-right: 48px; padding-top: 48px; padding-bottom: 48px;}}
@media (max-width: 991px) {.button--prim-on {padding-top: 16px; padding-bottom: 16px;}}
@media (max-width: 991px) {.card-text-gap-footer {row-gap: 12px;}}
@media (max-width: 991px) {.card-item-2col {padding-left: 24px; padding-right: 24px; padding-top: 24px; padding-bottom: 24px;}}
@media (max-width: 991px) {.card-amount-gap {row-gap: 4px;}}
@media (max-width: 991px) {.cart-text-container-gap {row-gap: 14px;}}
@media (max-width: 991px) {.card-item-1col {padding-left: 24px; padding-right: 24px; padding-top: 24px; padding-bottom: 24px;}}
@media (max-width: 991px) {.card-horizontal {min-height: auto; position: static;}}
@media (max-width: 991px) {.card-item-1col-pad {padding-left: 24px; padding-right: 24px; padding-top: 24px; padding-bottom: 24px;}}
@media (max-width: 991px) {.card-text-gap-2 {row-gap: 16px;}}
@media (max-width: 991px) {.block-section-header {padding-top: 10px; padding-bottom: 10px;}}
@media (max-width: 991px) {.article-content-wrap {padding-left: 5%; padding-right: 5%; padding-top: 5%; padding-bottom: 5%; grid-row-start: 3; grid-row-end: 3; grid-column-start: 1; grid-column-end: 2;}}
@media (max-width: 991px) {.contents-list {padding-left: 5%; padding-right: 5%; padding-top: 5%; padding-bottom: 5%; row-gap: 12px;}}
@media (max-width: 991px) {.banner-card {padding-left: 4%; padding-right: 4%; padding-top: 4%; padding-bottom: 4%; row-gap: 16px; column-gap: 16px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto; align-items: center; grid-auto-flow: row;}}
@media (max-width: 991px) {.article-wrapper {grid-template-columns: 1fr; row-gap: 12px; display: flex; flex-direction: column;}}
@media (max-width: 991px) {.blog-banner-cont {grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 1; margin-bottom: 0px;}}
@media (max-width: 991px) {.blog-collumn-left {padding-right: 0px;}}
@media (max-width: 991px) {.column-banners {padding-left: 0px; row-gap: 12px;}}
@media (max-width: 991px) {.banner-cont-text {grid-column-start: span 4; grid-column-end: span 4; padding-right: 10%; display: flex; flex-direction: column; justify-content: flex-end;}}
@media (max-width: 991px) {.button-cont {grid-column-start: span 4; grid-column-end: span 4; align-items: flex-start;}}
@media (max-width: 991px) {.text-cont {grid-column-start: span 4; grid-column-end: span 4; display: flex; flex-direction: column; justify-content: flex-end;}}
@media (max-width: 991px) {.column-banner-top {height: auto;}}
@media (max-width: 991px) {.column-banner-bot {height: auto;}}
@media (max-width: 991px) {.acc_item_block {margin-top: 30px;}}
@media (max-width: 991px) {.acc_title {padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px;}}
@media (max-width: 991px) {.acc_title_body {padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 16px;}}
@media (max-width: 991px) {.article-share-wrap {margin-top: 20px;}}
@media (max-width: 991px) {.article-author-wrap {margin-top: 20px; row-gap: 16px; column-gap: 16px;}}
@media (max-width: 991px) {.author-image {width: 80px; height: 80px;}}
@media (max-width: 991px) {.banner-card-horizontal {padding-left: 4%; padding-right: 4%; padding-top: 4%; padding-bottom: 4%; row-gap: 16px; column-gap: 16px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-rows: auto auto;}}
@media (max-width: 991px) {.banner-cont-text-hor {grid-column-start: span 4; grid-column-end: span 4; padding-right: 10%; display: flex; flex-direction: column; justify-content: flex-end;}}
@media (max-width: 991px) {.button-cont-hor {grid-column-start: span 4; grid-column-end: span 4; align-items: flex-start;}}
@media (max-width: 991px) {.banner-cont-picture {grid-row-start: span 2; grid-row-end: span 2;}}
@media (max-width: 991px) {.banner-cont-picture-hor {grid-row-start: span 2; grid-row-end: span 2;}}
@media (max-width: 991px) {.page-content-padding {padding-left: 24px; padding-right: 24px; padding-top: 24px; padding-bottom: 24px;}}
@media (max-width: 991px) {.article-card-link {padding-bottom: 20px; row-gap: 16px;}}
@media (max-width: 991px) {.article-title-wrap {row-gap: 10px; padding-right: 12%;}}
@media (max-width: 991px) {.article-date-wrap {align-items: flex-end;}}
@media (max-width: 991px) {.label-article-date {text-align: center; left: 12px; top: 12px;}}
@media (max-width: 991px) {.articles-link {padding-top: 8px; padding-bottom: 8px;}}
@media (max-width: 991px) {.grid-agreement {display: flex;}}
@media (max-width: 991px) {.block-section-cookie--pad {padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}}
@media (max-width: 991px) {.card-item-cookie {padding-left: 24px; padding-right: 24px; padding-top: 24px; padding-bottom: 24px;}}
@media (max-width: 991px) {.max-w--1200 {max-width: none;}}
@media (max-width: 991px) {.max-w--600px {max-width: none;}}
@media (max-width: 991px) {.max-w--500px {max-width: none;}}
@media (max-width: 991px) {.max-w--900px {max-width: none;}}
@media (max-width: 991px) {.section-gap {row-gap: 36px;}}
@media (max-width: 991px) {.heading-gap {row-gap: 14px;}}
@media (max-width: 991px) {.grid-6-col {grid-template-columns: 1fr 1fr 1fr;}}
@media (max-width: 991px) {.grid-5-col {grid-template-columns: 1fr 1fr 1fr;}}
@media (max-width: 991px) {.list-card {width: 100%;}}
@media (max-width: 991px) {.text--display-lg {font-weight: 500;}}
@media (max-width: 991px) {.color--bg-sec {background-color: rgb(224, 223, 223);}}
@media (max-width: 991px) {.banner-pic {min-height: 240px; width: auto; min-width: 240px;}}
@media (max-width: 767px) {.paddings--l-r-20px {padding-left: 10px; padding-right: 10px;}}
@media (max-width: 767px) {.gap-ver--30px {row-gap: 20px;}}
@media (max-width: 767px) {.gap-hor--35px {column-gap: 10px;}}
@media (max-width: 767px) {.gap-hor--40px {row-gap: 20px;}}
@media (max-width: 767px) {.paddings--20px {padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px;}}
@media (max-width: 767px) {.close--bg-on {margin-left: -54px;}}
@media (max-width: 767px) {.gap-ver--60px {row-gap: 20px;}}
@media (max-width: 767px) {.gap-ver--25px {row-gap: 20px;}}
@media (max-width: 767px) {.gap-ver--40px {row-gap: 20px;}}
@media (max-width: 767px) {.gap-hor--20px {column-gap: 10px;}}
@media (max-width: 767px) {.paddings--t-b-80-20px {padding-top: 100px;}}
@media (max-width: 767px) {.gap-ver--20px {row-gap: 10px;}}
@media (max-width: 767px) {.padding--b-64px {padding-bottom: 54px;}}
@media (max-width: 767px) {.gap-ver--80px {row-gap: 60px;}}
@media (max-width: 767px) {.paddings--t-b-20px {padding-top: 10px; padding-bottom: 10px;}}
@media (max-width: 767px) {.close--black-on {margin-left: -54px;}}
@media (max-width: 767px) {.close--prim-on {margin-left: -54px;}}
@media (max-width: 767px) {.paddings--40px {padding-left: 10px; padding-right: 10px; padding-top: 20px; padding-bottom: 20px;}}
@media (max-width: 767px) {.paddings--l-r-15px {padding-left: 10px; padding-right: 10px;}}
@media (max-width: 767px) {.grid-3-col {grid-template-columns: 1fr;}}
@media (max-width: 767px) {.grid-4-col {grid-template-columns: 1fr;}}
@media (max-width: 767px) {.grid-2-col {grid-template-columns: 1fr;}}
@media (max-width: 767px) {.card-item {padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; align-items: stretch; row-gap: 12px;}}
@media (max-width: 767px) {.card-text-gap {row-gap: 10px;}}
@media (max-width: 767px) {.label-heading-primary {font-size: 14px; padding-left: 12px; padding-right: 12px; padding-top: 7px; padding-bottom: 7px; letter-spacing: 0.2px; margin-left: 0px;}}
@media (max-width: 767px) {.label-heading-green {font-size: 14px; padding-left: 12px; padding-right: 12px; padding-top: 7px; padding-bottom: 7px;}}
@media (max-width: 767px) {.block-section {padding-left: 16px; padding-right: 16px; padding-top: 24px; padding-bottom: 24px; row-gap: 24px;}}
@media (max-width: 767px) {.gap-ver--15px {row-gap: 10px;}}
@media (max-width: 767px) {.accordion-item {padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px;}}
@media (max-width: 767px) {.card-item-courses {padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px;}}
@media (max-width: 767px) {.accordion-content-padding {padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px;}}
@media (max-width: 767px) {.label-heading-dark {font-size: 14px; padding-left: 12px; padding-right: 12px; padding-top: 7px; padding-bottom: 7px; letter-spacing: 0.2px; min-height: 36px;}}
@media (max-width: 767px) {.form-heading-btn-gap-ver {row-gap: 20px; margin-top: 20px;}}
@media (max-width: 767px) {.form-title-container {margin-bottom: 24px;}}
@media (max-width: 767px) {.form-success-state-text {font-size: 18px;}}
@media (max-width: 767px) {.form-input-cont-gap-ver {row-gap: 16px;}}
@media (max-width: 767px) {.form-padding {padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px;}}
@media (max-width: 767px) {.form-btn {padding-top: 14px; padding-bottom: 14px; font-size: 16px;}}
@media (max-width: 767px) {.accordion-plus-image {width: 12px; height: 12px;}}
@media (max-width: 767px) {.accordion-plus-bg {width: 24px; height: 24px;}}
@media (max-width: 767px) {.card-preim {padding-left: 18px; padding-right: 18px; padding-top: 18px; padding-bottom: 18px;}}
@media (max-width: 767px) {.card-icon {width: 48px; height: 48px; margin-bottom: 0px;}}
@media (max-width: 767px) {.label-heading-white {font-size: 14px; padding-left: 12px; padding-right: 12px; padding-top: 7px; padding-bottom: 7px; letter-spacing: 0.2px; min-height: 34px; margin-left: 0px;}}
@media (max-width: 767px) {.button--primary {padding-top: 14px; padding-bottom: 14px; padding-left: 22px; padding-right: 22px;}}
@media (max-width: 767px) {.button--prim-outline {padding-top: 14px; padding-bottom: 14px; padding-left: 22px; padding-right: 22px;}}
@media (max-width: 767px) {.button--black-on {padding-left: 22px; padding-right: 22px; padding-top: 14px; padding-bottom: 14px;}}
@media (max-width: 767px) {.button--outline-black-on {padding-left: 22px; padding-right: 22px;}}
@media (max-width: 767px) {.btn-padding-container {padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px;}}
@media (max-width: 767px) {.max-w--500px {max-width: none;}}
@media (max-width: 767px) {.text--small-bold-btn {padding-left: 22px; padding-right: 22px; padding-top: 14px; padding-bottom: 14px;}}
@media (max-width: 767px) {.card-text-gap-footer {row-gap: 10px;}}
@media (max-width: 767px) {.company-logo-container-footer {flex-direction: column;}}
@media (max-width: 767px) {.company-logo-text-footer {align-items: center;}}
@media (max-width: 767px) {.card-item-2col {padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px;}}
@media (max-width: 767px) {.card-amount-gap {row-gap: 2px;}}
@media (max-width: 767px) {.card-item-1col {padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px;}}
@media (max-width: 767px) {.grid-3-col-card {grid-template-columns: 1fr;}}
@media (max-width: 767px) {.card-item-1col-pad {padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px;}}
@media (max-width: 767px) {.card-text-gap-2 {row-gap: 16px;}}
@media (max-width: 767px) {.block-section-header {padding-top: 10px; padding-bottom: 10px;}}
@media (max-width: 767px) {.banner-card {padding-left: 6%; padding-right: 6%; padding-top: 6%; padding-bottom: 6%; column-gap: 0px; grid-template-columns: 1fr; grid-template-rows: auto auto auto;}}
@media (max-width: 767px) {.banner-cont-text {padding-right: 16px;}}
@media (max-width: 767px) {.button-cont {padding-right: 16px; justify-content: flex-start;}}
@media (max-width: 767px) {.acc_title {padding-left: 14px; padding-right: 14px; padding-top: 14px; padding-bottom: 14px;}}
@media (max-width: 767px) {.acc_title_body {padding-left: 14px; padding-right: 14px; padding-top: 10px; padding-bottom: 10px;}}
@media (max-width: 767px) {.banner-card-horizontal {padding-left: 6%; padding-right: 6%; padding-top: 6%; padding-bottom: 6%; column-gap: 0px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}}
@media (max-width: 767px) {.banner-cont-text-hor {padding-right: 16px;}}
@media (max-width: 767px) {.button-cont-hor {padding-right: 16px; justify-content: flex-start;}}
@media (max-width: 767px) {.banner-cont-picture {grid-column-start: span 2; grid-column-end: span 2;}}
@media (max-width: 767px) {.banner-cont-picture-hor {grid-column-start: span 2; grid-column-end: span 2;}}
@media (max-width: 767px) {.page-content-padding {padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px;}}
@media (max-width: 767px) {.article-card-link {row-gap: 14px;}}
@media (max-width: 767px) {.article-title-wrap {row-gap: 8px; padding-right: 5%;}}
@media (max-width: 767px) {.article-date-wrap {align-items: center;}}
@media (max-width: 767px) {.label-article-date {left: 10px; top: 10px;}}
@media (max-width: 767px) {.articles-link {font-size: 15px;}}
@media (max-width: 767px) {.contents-list {row-gap: 10px;}}
@media (max-width: 767px) {.block-section-cookie--pad {padding-left: 16px; padding-right: 16px; padding-top: 16px; padding-bottom: 16px;}}
@media (max-width: 767px) {.card-item-cookie {padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px;}}
@media (max-width: 767px) {.block-for-grid {height: 60px;}}
@media (max-width: 767px) {.section-gap {row-gap: 30px;}}
@media (max-width: 767px) {.heading-gap {row-gap: 14px;}}
@media (max-width: 767px) {.grid-6-col {grid-template-columns: 1fr 1fr;}}
@media (max-width: 767px) {.grid-5-col {grid-template-columns: 1fr 1fr;}}
@media (max-width: 767px) {.grids-gap {row-gap: 8px; column-gap: 8px;}}
@media (max-width: 767px) {.article-wrapper {display: flex; flex-direction: column;}}
@media (max-width: 479px) {.gap-ver--25px {row-gap: 25px;}}
@media (max-width: 479px) {.gap-ver--20px {row-gap: 20px;}}
@media (max-width: 479px) {.gap-ver--80px {row-gap: 40px;}}
@media (max-width: 479px) {.gap-ver--15px {row-gap: 15px;}}
@media (max-width: 479px) {.accordion-item {padding-left: 16px; padding-right: 16px; padding-top: 16px; padding-bottom: 16px;}}
@media (max-width: 479px) {.accordion-content-padding {padding-left: 16px; padding-right: 16px; padding-top: 16px; padding-bottom: 16px;}}
@media (max-width: 479px) {.card-preim {padding-left: 20px; padding-right: 20px;}}
@media (max-width: 479px) {.label-heading-primary {margin-left: 0px; margin-right: 0px;}}
@media (max-width: 479px) {.label-heading-white {height: 34px;}}
@media (max-width: 479px) {.grid-3-col-card {display: flex; flex-direction: column;}}
@media (max-width: 479px) {.card-image-container {display: flex; min-height: 230px; order: -1;}}
@media (max-width: 479px) {.article-content-wrap {padding-left: 7%; padding-right: 7%; padding-top: 6%; padding-bottom: 6%;}}
@media (max-width: 479px) {.banner-card {padding-left: 7%; padding-right: 7%; padding-top: 7%; padding-bottom: 7%; grid-template-columns: 1fr; grid-template-rows: auto auto auto;}}
@media (max-width: 479px) {.banner-cont-text {padding-right: 0px; grid-column-start: span 1; grid-column-end: span 1;}}
@media (max-width: 479px) {.button-cont {padding-right: 0px; align-items: stretch; grid-column-start: span 1; grid-column-end: span 1;}}
@media (max-width: 479px) {.text-cont {grid-column-start: span 1; grid-column-end: span 1;}}
@media (max-width: 479px) {.article-share-wrap {flex-direction: column;}}
@media (max-width: 479px) {.article-author-wrap {flex-wrap: wrap; justify-content: center;}}
@media (max-width: 479px) {.article-author {align-items: center;}}
@media (max-width: 479px) {.banner-card-horizontal {padding-left: 7%; padding-right: 7%; padding-top: 7%; padding-bottom: 7%; grid-template-columns: 1fr; grid-template-rows: auto auto auto;}}
@media (max-width: 479px) {.banner-cont-text-hor {padding-right: 0px; grid-column-start: span 1; grid-column-end: span 1;}}
@media (max-width: 479px) {.button-cont-hor {padding-right: 0px; align-items: stretch; grid-column-start: span 1; grid-column-end: span 1;}}
@media (max-width: 479px) {.banner-cont-picture {grid-column-start: span 1; grid-column-end: span 1; grid-row-start: span 1; grid-row-end: span 1;}}
@media (max-width: 479px) {.banner-cont-picture-hor {grid-column-start: span 1; grid-column-end: span 1; grid-row-start: span 1; grid-row-end: span 1;}}
@media (max-width: 479px) {.article-date-wrap {align-items: flex-end;}}
@media (max-width: 479px) {.article-title-wrap {padding-right: 2%;}}
@media (max-width: 479px) {.contents-list {row-gap: 8px;}}
@media (max-width: 479px) {.section-gap {row-gap: 24px;}}
@media (max-width: 479px) {.grid-6-col {grid-template-columns: 1fr;}}
@media (max-width: 479px) {.article-wrapper {grid-auto-flow: row; grid-template-rows: auto; display: flex; flex-direction: column;}}