#passcards_view{max-width:1120px;margin:auto;padding:120px 32px}#passcards_view img.bg-img{position:absolute;top:144px;left:0;width:100%;z-index:-1}#passcards_view .btn-passcard-fill{width:100%;background-color:#00dbb6;border-radius:16px;outline:none;font-size:14px;font-weight:600;line-height:24px;color:#212e4b;border-color:transparent}#passcards_view .btn-passcard-fill:hover{background-color:#71e8c4}#passcards_view .btn-passcard-fill:active{background-color:#59c4ae}#passcards_view a{font-style:normal;font-weight:400;font-size:14px;line-height:24px;display:flex;align-items:center;color:#4B8DF1;text-decoration:none}#passcards_view a:hover{color:#7AB8F9}#passcards_view a:active{color:#3D69CB}#passcards_view .main-title{font-style:normal;font-weight:700;font-size:48px;line-height:60px;color:#212E4B;display:flex;justify-content:center}#passcards_view .sub-title{font-style:normal;font-weight:400;font-size:28px;line-height:112px;display:flex;color:#7A89A6;justify-content:center;margin-bottom:72px}#passcards_view .test-container{display:flex;padding:32px;gap:32px;width:100%;max-width:928px;height:412px;background:#FFFFFF;border:1px solid #E8EAF0;border-radius:24px;margin:auto;margin-bottom:72px}#passcards_view .test-container button{width:200px;max-width:200px;height:41px}#passcards_view .passcard-wrapper .course-img{width:256px;height:348px;border-radius:24px}#passcards_view .passcard-detail{width:100%;display:flex;flex-direction:column;gap:24px;justify-content:space-between}#passcards_view .passcard-detail .name{font-style:normal;font-weight:700;font-size:24px;line-height:32px;color:#212E4B;max-width:374px}#passcards_view .passcard-detail .detail{font-style:normal;font-weight:400;font-size:14px;line-height:24px;color:#5E7094}#passcards_view .passcard-detail .group-price{display:flex;justify-content:space-between;align-items:center;width:100%}#passcards_view .passcard-detail .sub-detail-group{display:flex;flex-direction:column;gap:8px}#passcards_view .passcard-btn-wrapper{display:flex;align-items:flex-end;gap:16px}#passcards_view .passcard-btn-wrapper button.add-to-cart{background:transparent;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;border:1.5px solid #59C4AE;border-radius:24px}#passcards_view .passcard-btn-wrapper button.add-to-cart:hover{border-color:#71E8C4}#passcards_view .passcard-btn-wrapper button.add-to-cart:hover path{stroke:#71E8C4}#passcards_view .passcard-btn-wrapper button.add-to-cart:active{background:#DEFAF2}#passcards_view .another-passcard{margin-bottom:24px}#passcards_view .another-passcard .header{display:flex;flex-direction:column;align-items:center}#passcards_view .another-passcard .header img.passcard-jpc-icon{width:128px}#passcards_view .another-passcard .header .title{font-style:normal;font-weight:700;font-size:48px;line-height:60px;color:#212E4B}#passcards_view .another-passcard .header .sub-title{font-style:normal;font-weight:400;font-size:28px;line-height:112px;display:flex;align-items:center;text-align:center;color:#7A89A6;margin-bottom:0}#passcards_view .another-passcard-wrapper{display:grid;align-items:stretch;flex-wrap:wrap;gap:32px;justify-content:center;grid-template-columns:repeat(auto-fill, minmax(288px, 288px))}#passcards_view .another-passcard-wrapper .passcard-list{display:flex;flex-direction:column;justify-content:flex-start;padding:32px;width:100%;max-width:288px;height:auto;background:#FFFFFF;border:1px solid #E8EAF0;border-radius:24px}#passcards_view .another-passcard-wrapper .passcard-list img.course-img{width:224px;height:224px;border-radius:24px;object-fit:cover;object-position:top;margin-bottom:24px}#passcards_view .another-passcard-wrapper .passcard-list .header-group{display:flex;align-items:flex-start;margin-bottom:8px}#passcards_view .another-passcard-wrapper .passcard-list .header-group .name{font-style:normal;font-weight:400;font-size:20px;line-height:32px;color:#212E4B;max-width:188px}#passcards_view .another-passcard-wrapper .passcard-list .header-group .user-have-course{display:flex;align-items:center;padding:4px 8px;gap:8px;width:auto;height:36px;border:1px solid #E8EAF0;border-radius:8px}#passcards_view .another-passcard-wrapper .passcard-list .header-group .user-have-course .count{font-style:normal;font-weight:700;font-size:16px;line-height:28px;display:flex;align-items:center;text-transform:uppercase;color:#9FAABF}#passcards_view .another-passcard-wrapper .passcard-list button{max-width:200px;height:41px}#passcards_view .another-passcard-wrapper .buy-and-price{margin-top:24px}#passcards_view .another-passcard-wrapper .buy-and-price .passcard-price{font-style:normal;font-weight:500;font-size:24px;line-height:32px;display:flex;align-items:center;color:#212E4B;margin-bottom:8px}#passcards_view .another-passcard-wrapper .buy-and-price .cart-wrapper{display:flex;align-items:center;gap:16px}#passcards_view .another-passcard-wrapper .buy-and-price .cart-wrapper button.add-to-cart{background:transparent;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;border:1.5px solid #59C4AE;border-radius:24px}#passcards_view .another-passcard-wrapper .buy-and-price .cart-wrapper button.add-to-cart:hover{border-color:#71E8C4}#passcards_view .another-passcard-wrapper .buy-and-price .cart-wrapper button.add-to-cart:hover path{stroke:#71E8C4}#passcards_view .another-passcard-wrapper .buy-and-price .cart-wrapper button.add-to-cart:active{background:#DEFAF2}#passcards_view .filter-group{display:flex;gap:32px;align-items:center;margin-bottom:96px}#passcards_view .filter-group .dropdown-menu.show{top:10px !important;width:280px;height:auto;background:#FFFFFF;border:1px solid #EEEEEE;box-shadow:0px 4px 160px #0000000d;border-radius:16px;padding:24px}#passcards_view .filter-group .dropdown-menu.show .header{display:flex;align-items:center;gap:8px;margin-bottom:16px}#passcards_view .filter-group .dropdown-menu.show .header span{font-style:normal;font-weight:500;font-size:24px;line-height:32px;color:#212E4B}#passcards_view .filter-group .dropdown-menu.show .sub-header{font-style:normal;font-weight:400;font-size:20px;line-height:32px;color:#212E4B;margin-bottom:16px}#passcards_view .filter-group .dropdown-menu.show .filter-list{display:flex;flex-direction:column;align-items:flex-start;gap:24px}#passcards_view .filter-group .dropdown-menu.show::after{content:"";display:block;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:25px solid white;position:absolute;top:-10px;left:25%;transform:translate(-50%, -50%)}#passcards_view button.btn-passcard-filter.dropdown-toggle{display:flex;justify-content:center;align-items:center;padding:16px 24px;gap:8px;width:160px;height:48px;left:416px;top:357px;border:1.5px solid #59C4AE;border-radius:16px;background:white}#passcards_view button.btn-passcard-filter.dropdown-toggle span{font-style:normal;font-weight:700;font-size:16px;line-height:28px;text-transform:uppercase;color:#59C4AE}#passcards_view button.btn-passcard-filter.dropdown-toggle::after{display:none}#passcards_view button.btn-passcard-filter:hover{border-color:#71E8C4}#passcards_view button.btn-passcard-filter:hover span{color:#71E8C4}#passcards_view button.btn-passcard-filter:active{background:#DEFAF2;border-color:#59C4AE;color:#59C4AE}#passcards_view .material-select{position:relative;width:100%;max-width:256px;background:white}#passcards_view .material-select label{position:absolute;color:#9FAABF;top:0;left:16px;transform:translateY(-50%);padding:0 8px;background:linear-gradient(to bottom, transparent 50%, #fff 50%);z-index:1;font-style:normal;font-weight:400;font-size:12px;line-height:20px;color:#9E9E9E}#passcards_view .material-select .v-select.passcard-vue-select{width:100%;max-width:256px}#passcards_view .material-select .vs--searchable .vs__dropdown-toggle,#passcards_view .material-select .vs--unsearchable .vs__dropdown-toggle{width:100%;max-width:256px;height:48px;border:1px solid #E0E0E0;border-radius:4px;padding:0}#passcards_view .material-select .vs__selected-options{padding-left:16px}#passcards_view .material-select .vs__actions{display:flex;align-items:center;padding:0;padding-right:16px}#passcards_view .material-select .vs__actions::after{content:'';border:0;background-image:url(/static/images/chevron-down.svg);background-repeat:no-repeat;background-position:center;width:16px;height:6px;transform:scale(1);transition:transform 0.15s cubic-bezier(1, -0.115, 0.975, 0.855);transition-timing-function:cubic-bezier(1, -0.115, 0.975, 0.855)}#passcards_view .material-select .vs--open .vs__actions::after{transform:rotate(180deg) scale(1)}#passcards_view .material-select .vs__open-indicator,#passcards_view .material-select button.vs__clear{display:none}#passcards_view .material-select .vs__selected{font-style:normal;font-weight:400;font-size:14px;line-height:24px;display:flex;align-items:center;color:#212E4B}#passcards_view .material-select .vs__selected-options{display:flex;align-items:center}#passcards_view .material-select .vs__dropdown-menu{top:60px;padding:0;border:1px solid #E8EAF0;border-radius:4px}#passcards_view .material-select .vs__dropdown-menu li{background-color:white;color:#212E4B;padding:16px 24px}#passcards_view .material-select .vs__dropdown-menu li:hover{background-color:#F5F5F5}#passcards_view .material_checkbox{position:relative}#passcards_view .checkbox_custom,#passcards_view .checkbox_custom div{width:inherit}#passcards_view .material_checkbox>input[type="checkbox"]{visibility:hidden;position:absolute}#passcards_view .material_checkbox>input[type="checkbox"]+.checkbox_custom::before{content:"";display:flex;vertical-align:bottom;width:24px;height:24px;border-radius:4px;border-style:solid;border-width:1px;border-color:#C3CBD9}#passcards_view .material_checkbox>input[type="checkbox"]:checked+.checkbox_custom::before{background-image:url("/static/images/new_Jobpasscard/checked.png");background-size:cover;background-repeat:no-repeat;border-width:1px;border-color:transparent}#passcards_view .checkbox_custom,#passcards_view .material_checkbox{display:flex;align-items:center;gap:8px;user-select:none;justify-content:center}#passcards_view .material_checkbox>input[type="checkbox"]+.checkbox_custom:hover::before{content:"";display:flex;vertical-align:bottom;width:24px;height:24px;border-radius:4px;border-style:solid;border-width:1px;border-color:#7A89A6}#passcard-price-main{font-style:normal;font-weight:500;font-size:24px;line-height:32px;display:flex;align-items:center;color:#212E4B;margin-bottom:8px}#addCartToast{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:8px 24px;gap:16px;background:#00DBB6;box-shadow:0px 4px 160px #0000000d;border-radius:8px;border:0;width:auto}#addCartToast .toast-header{padding:0}#addCartToast span{font-style:normal;font-weight:400;font-size:20px;line-height:32px;display:flex;align-items:center;color:#212E4B}.toast-container:not(#addCartToast.show){z-index:-1}.toast-container:has(#addCartToast.show){z-index:1200}