.main-page-upper-section{line-height:1.5;width:100%;height:260px;background-position:50%;background-size:cover;position:relative}.main-page-upper-section-detail{color:#fff;display:flex;align-items:center;max-width:1440px;margin:0 auto;padding:0 120px;height:100%}.main-page-upper-section-title{font-size:48px;font-weight:700;margin-bottom:8px}.main-page-upper-section-description{font-size:16px;margin-bottom:8px}@media (min-width:768px) and (max-width:1280px){.main-page-upper-section-detail{padding:0 24px}}@media (min-width:768px){.main-page-upper-section{margin:0 auto;width:100%}}@media (max-width:767px){.main-page-upper-section{width:100%;margin:0 auto}.main-page-upper-section-detail{padding:0 24px}.main-page-upper-section-title{padding-top:24px;font-size:36px}}.card-blocks{padding:40px 0;line-height:1.5}.card-blocks .card-block{margin-bottom:20px}.card-blocks .card-block-title-container{display:flex;align-items:flex-end;margin-bottom:8px}.card-blocks .card-block-title-container .card-block-title{font-weight:700;font-size:24px;margin-right:8px;margin-bottom:0}.card-blocks .card-block-title-container .card-block-view-all{font-weight:700;font-size:24px;color:#f7a600;cursor:pointer}.card-blocks .card-block-title-container .card-block-view-all:hover{color:#f0b950}.card-blocks .card-block-description{font-size:18px;margin-bottom:18px}.card-blocks .card-block .carousel-ctn{position:relative;padding:0 30px}.card-blocks .card-block .carousel-ctn .carousel-button{position:absolute;width:40px;height:40px;top:40%}.card-blocks .card-block .carousel-ctn .carousel-button.pre{left:0}.card-blocks .card-block .carousel-ctn .carousel-button.pre i{transform:rotate(135deg);margin-right:20px}.card-blocks .card-block .carousel-ctn .carousel-button.next{right:0}.card-blocks .card-block .carousel-ctn .carousel-button.next i{transform:rotate(-45deg);margin-left:20px}.card-blocks .card-block .carousel-ctn .carousel-button i{border:solid #000;border-width:0 3px 3px 0;display:inline-block;padding:6px;cursor:pointer}.card-blocks .card-block .carousel-ctn .carousel-button i.disable{border:solid gray;border-width:0 3px 3px 0;cursor:not-allowed;visibility:hidden}.card-blocks .card-block .post-card-container{margin-bottom:32px}.card-blocks .card-title{font-weight:800;font-size:16px;margin-bottom:12px;height:100px}.card-blocks .card-info{font-size:12px;font-weight:500;color:rgba(0,0,0,.3)}@media (max-width:767px){.card-blocks .card-block .carousel-ctn{padding:0}.card-blocks .card-block .card-block-title-container .card-block-title{font-weight:600;font-size:18px;margin-bottom:0}.card-blocks .card-block .card-block-title-container .card-block-view-all{font-weight:600;font-size:18px}.card-blocks .card-block .ant-row{flex-wrap:inherit;overflow:scroll}.card-blocks .card-block .ant-row::-webkit-scrollbar{width:0;background:transparent}}.post-card{border-radius:16px;line-height:1.5;cursor:pointer;box-shadow:0 1px 20px rgba(21,25,42,.08);padding:16px}@media (min-width:767px){.post-card.horizontal{display:flex;padding:12px}.post-card.horizontal .post-card-thumbnail{flex:1;margin-right:10px}.post-card.horizontal .post-card-detail{flex:1}}.post-card:hover{box-shadow:0 1px 40px rgba(21,25,42,.16)}.post-card.type-list{display:flex}.post-card-thumbnail{margin-bottom:8px}.post-card-thumbnail div{width:100%;border-radius:4px;padding-bottom:56.25%;background-position:50%;background-size:cover}.post-card-tag{margin-bottom:8px}.post-card-text{height:106px}.post-card-title{font-weight:600;font-size:18px}.post-card-description,.post-card-title{margin-bottom:8px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.post-card-description{font-size:12px;color:#777}.post-card-info{display:flex;font-size:12px;font-weight:500;color:#666;align-items:center}.post-card-info .dot{padding:0 8px}.post-card-level{padding:3px 8px;border-radius:100px}.post-card-level.beginner{background-color:#dcf2e6;color:#22af64}.post-card-level.intermediate{background-color:#ffecd6;color:#fca337}.post-card-level.advance{background:rgba(217,81,64,.16);color:#d95140}@media (max-width:767px){.post-card{padding:12px;box-shadow:0 0 16px hsla(0,0%,78%,.33)}.post-card.fixed-height .post-card-text{height:50px}.post-card.fixed-height .post-card-description,.post-card.fixed-height .post-card-title{height:20px}.post-card-text{height:auto}.post-card-title{font-size:14px;-webkit-line-clamp:1}.post-card-description{font-size:12px;color:#333;-webkit-line-clamp:1}}.tag{display:inline-block;padding:4px 8px;font-weight:400;font-size:10px;border-radius:4px}.tag.brand{color:#f7a600;background:#fdf6e7}.tag.orange{color:#ff8c00;background:#fdf3e6}.tag.green{color:#09bd48;background:#eaf7ec}.tag.red{color:#ff493d;background:#fbebe9}.tag.gray{color:#8e949a;background:transparent}@media (max-width:767px){.tag{font-size:12px}}@font-face{font-family:IBM Plex Sans;src:url(https://s1.bycsi.com/common-static/infra-static/assets/fonts/IBMPlexSans/IBMPlexSans-Regular.ttf);font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(https://s1.bycsi.com/common-static/infra-static/assets/fonts/IBMPlexSans/IBMPlexSans-Medium.ttf);font-weight:500;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(https://s1.bycsi.com/common-static/infra-static/assets/fonts/IBMPlexSans/IBMPlexSans-SemiBold.ttf);font-weight:700;font-display:swap}:root{--gtd-font-family:"IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--gtd-color-brand:#f7a600;--gtd-color-brand-hover:#f9b732;--gtd-color-brand-tap:#cf8a00;--gtd-color-brand-bg:#fef6e5;--gtd-color-red:#e04040;--gtd-color-red-hover:#e66566;--gtd-color-red-tap:#bc3536;--gtd-color-red-bg:#fdf0f0;--gtd-color-green:#24ae64;--gtd-color-green-hover:#4fbe83;--gtd-color-green-tap:#1e9254;--gtd-color-green-bg:#eef8f3;--gtd-color-black:#000;--gtd-color-black-light:#333;--gtd-color-gray:#666;--gtd-color-gray-light:#999;--gtd-color-gray-lighter:#ccc;--gtd-color-gray-lightest:#dbdbdb;--gtd-color-white-darker:#ededed;--gtd-color-white-dark:#f5f5f5;--gtd-color-white:#fff;--gtd-fz-xs:12px;--gtd-fz-sm:14px;--gtd-fz-md:16px;--gtd-fz-lg:18px;--gtd-fz-xl:20px;--gtd-fz-xxl:24px;--gtd-lh-xs:18px;--gtd-lh-sm:22px;--gtd-lh-md:24px;--gtd-lh-lg:26px;--gtd-lh-xl:28px;--gtd-lh-xxl:32px;--gtd-fw-regular:normal;--gtd-fw-medium:500;--gtd-fw-bold:bold}body{margin:0;font-family:var(--gtd-font-family)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--gtd-color-white);background:#f9f9f9}.text-align-center{text-align:center}.font-weight-500{font-weight:500}.bold{font-weight:700}.index{padding-bottom:93px;background:#fff}.button{padding:8px 16px;border-radius:4px;height:auto;font-size:14px}.button.button-primary{color:#000}.button.button-secondary{color:#ffb11a;border-color:#ffb11a}.header__nav,.right-drawer-wrapper__header{display:none!important}.learn-contentstack-layout-children{max-width:1440px;padding:32px 120px 64px;margin:0 auto}.learn-contentstack-layout{position:relative}.learn-contentstack-layout.full-width .learn-contentstack-layout-children{max-width:none;padding:0}.page-child-menu-container,.page-menu-container{position:relative}.page-menu-container{overflow:hidden;margin-bottom:24px;display:flex}.page-child-menu-container{margin-bottom:36px}.page-menu-left-arrow,.page-menu-right-arrow{cursor:pointer;display:flex;align-items:center;padding:8px 4px;background-color:#fff}.page-menu-left-arrow{left:0}.page-menu-right-arrow{right:0}.page-menu{white-space:nowrap}.page-menu-item{cursor:pointer;font-size:20px!important;padding:8px 16px!important;font-weight:600!important}.page-child-menu{white-space:nowrap}.page-child-menu-item{cursor:pointer;font-size:20px!important;padding:8px 16px;font-weight:600!important}@media (min-width:768px) and (max-width:1280px){.learn-contentstack-layout-children{padding:32px 40px}}@media (max-width:767px){.learn-contentstack-layout-children{padding:16px}}.scroll-up{cursor:pointer;position:fixed;bottom:4px;right:5px;width:40px;height:40px;background-color:#ffb11a;text-align:center;line-height:57px}@media (max-width:767px){.scroll-up{display:none}}.scroll-up .arrow-up{border:solid #fff;border-width:0 3px 3px 0;display:inline-block;padding:6px;transform:rotate(-135deg)}