.search-container{display:flex;gap:10px;align-items:center;width:100%}@media(max-width:499px){.search-container{flex-direction:column}}.search-container .search{display:block}@media(max-width:499px){.search-container .search{text-align:center;width:100%}}.search-container .search .label-group input{padding:.25rem;border-radius:10px;background-color:#fff;color:var(---text-div-color);text-align:center}@media(max-width:499px){.search-container .search .label-group input{width:340px;margin:0 auto}}@media(max-width:349px){.search-container .search .label-group input{width:100%}}.search-container .search .label-group:focus{border:1px solid transparent}.search-container .clear-button-container{display:block}.search-container .clear-button-container .clear-button{display:block;background-color:#fff;padding:.25rem .5rem;border-radius:8px;color:#000}.main.root:has(.certificates-container){display:flex;flex-direction:column;justify-content:space-between}.main.root:has(.certificates-container) .certificates-container{flex:1}.certificates-container{display:-ms-flex;display:-webkit-flex;display:flex;flex-direction:column}.certificates-container .certificates-inner{flex:1}.certificates-inner{display:-ms-flex;display:-webkit-flex;display:flex;flex-direction:column}.certificates-inner .certificates:last-child{flex:1}.certificates-inner .certificates{display:-ms-flex;display:-webkit-flex;display:flex;flex-direction:column}.certificates-inner .certificates .ul-certificate:first-child{flex:1}.certificates-inner .certificates .ul-certificate{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:1rem}@media(max-width:1017px){.certificates-inner .certificates .ul-certificate{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}}@media(max-width:700px){.certificates-inner .certificates .ul-certificate{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}}.certificates-inner .certificates .ul-certificate li{display:flex;flex-direction:column;gap:.5rem;align-items:center}.certificates-inner .certificates .ul-certificate li a img{display:block;border-radius:9px;height:480px}@media(max-width:1017px){.certificates-inner .certificates .ul-certificate li a img{height:380px}}@media(max-width:800px){.certificates-inner .certificates .ul-certificate li a img{height:300px}}@media(max-width:260px){.certificates-inner .certificates .ul-certificate li a img{height:unset;min-height:120px}}.certificates-inner .certificates .ul-certificate li .description-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.5rem;width:100%}.certificates-inner .certificates .ul-certificate li .author,.certificates-inner .certificates .ul-certificate li .date,.certificates-inner .certificates .ul-certificate li .language-learnt,.certificates-inner .certificates .ul-certificate li .organization{display:grid;grid-template-columns:50% 50%;gap:1rem}@media(max-width:599px){.certificates-inner .certificates .ul-certificate li .author,.certificates-inner .certificates .ul-certificate li .date,.certificates-inner .certificates .ul-certificate li .language-learnt,.certificates-inner .certificates .ul-certificate li .organization{width:100%;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center;gap:.25rem;margin-bottom:10px}}@media(max-width:300px){.certificates-inner .certificates .ul-certificate li .author,.certificates-inner .certificates .ul-certificate li .date,.certificates-inner .certificates .ul-certificate li .language-learnt,.certificates-inner .certificates .ul-certificate li .organization{grid-template-columns:100%}}.certificates-inner .certificates .ul-certificate li .author div:first-child,.certificates-inner .certificates .ul-certificate li .date div:first-child,.certificates-inner .certificates .ul-certificate li .language-learnt div:first-child,.certificates-inner .certificates .ul-certificate li .organization div:first-child{text-align:right}@media(max-width:599px){.certificates-inner .certificates .ul-certificate li .author div:first-child,.certificates-inner .certificates .ul-certificate li .date div:first-child,.certificates-inner .certificates .ul-certificate li .language-learnt div:first-child,.certificates-inner .certificates .ul-certificate li .organization div:first-child{text-align:center}}.certificates-inner .pagination-container{margin-top:auto}.certificates-inner .ul-certificate:has(li:only-child){grid-template-columns:60%;justify-content:center}@media(max-width:1017px){.certificates-inner .ul-certificate:has(li:only-child){grid-template-columns:80%}}@media(max-width:700px){.certificates-inner .ul-certificate:has(li:only-child){grid-template-columns:95%}}.orderBy-container{display:block}@media(max-width:349px){.orderBy-container{width:100%;max-width:100%;margin:0 auto}}.orderBy-container .orderBy{display:block;width:180px;max-width:100%;color:#000;margin:0 auto}.orderBy-container .orderBy:hover{cursor:pointer}@media(max-width:340px){.orderBy-container .orderBy{width:100%;max-width:100%}}@media(max-width:499px){.orderBy-container .orderBy{width:340px;max-width:100%}}.orderBy-container .orderBy .currentValue.isNotActive~.ul-order{display:none}.orderBy-container .orderBy .ul-order{display:block;position:absolute;text-align:center;background-color:#fff;top:40px;width:100%;padding:.5rem .25rem;border-radius:12px;border:1px solid var(---border-color);border-top-left-radius:0;border-top-right-radius:0;text-transform:capitalize;cursor:pointer}@media(max-width:320px){.orderBy-container .orderBy .ul-order{top:32px}}.orderBy-container .orderBy .ul-order .li-order{display:block;padding:.25rem;width:100%}.orderBy-container .orderBy .ul-order .li-order a{display:flex;justify-content:space-between;align-items:center;width:100%}.orderBy-container .orderBy .ul-order .ordered-name{display:block;width:100%;opacity:.8}.orderBy-container .orderBy .ul-order .orderedByAsc:after{content:"";font-family:Bootstrap-icons;font-size:10px}.orderBy-container .orderBy .ul-order .orderedByDesc:after{content:"";font-family:Bootstrap-icons;font-size:10px}.orderBy-container .orderBy .ul-order .orderedByAsc.active,.orderBy-container .orderBy .ul-order .orderedByDesc.active{font-weight:900;opacity:1}.orderBy-container .orderBy .ul-order .ordered-name.active{font-weight:500;opacity:1;background-color:hsla(0,0%,89%,.357);border-radius:10px;color:#000}.filters-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:.5rem}@media(max-width:499px){.filters-container{display:grid;grid-template-columns:100%;justify-content:center;margin-bottom:2rem}}.filters-container ul.isNotActive{display:none}.filters-container .currentValue{display:flex;gap:.5rem;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:#fff;border:1px solid var(---border-color);text-transform:capitalize}@media(max-width:320px){.filters-container .currentValue{padding:4px 0}}.filters-container .currentValue span{margin:0 auto}.filters-container .currentValue.isNotActive{border-radius:10px}.filters-container .currentValue.isNotActive:after{content:"";font-family:Bootstrap-icons;color:#eee}.filters-container .currentValue.isActive{border-radius:10px;border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.filters-container .currentValue.isActive:after{content:"";font-family:Bootstrap-icons;color:#eee}.filters-container ul.isActive{display:block;position:absolute;text-align:center;background-color:#fff;top:40px;width:100%;padding:.5rem .25rem;border-radius:12px;border:1px solid var(---border-color);border-top-left-radius:0;border-top-right-radius:0;text-transform:capitalize;cursor:pointer;z-index:999!important}@media(max-width:320px){.filters-container ul.isActive{top:34px}}.filters-container ul.isActive li{padding:.25rem}.filters-container ul.isActive li a{padding:.5rem}.filters-container ul.isActive li.active{background-color:hsla(0,0%,46%,.506);border-radius:10px;color:#fff}.pagination-container{display:block;margin-top:auto}.pagination-container .pagination{display:block;margin:20px 0}.pagination-container .pagination .ul-pagination{display:flex;justify-content:center;gap:.5rem}.pagination-container .pagination .ul-pagination li{display:block;background-color:#fff;border-radius:8px}.pagination-container .pagination .ul-pagination li a{display:block;padding:.25rem .5rem;color:#000}.pagination-container .pagination .ul-pagination li.active{background:#0ad5e4;border-radius:8px}.main.root:has(.main-content-container){display:flex;flex-direction:column}.main.root:has(.main-content-container) .main-content-container{flex:1}.main-content-container{display:block;margin-top:20px;display:flex;flex-direction:column}.main-content-container .main-content-inner{flex:1;display:flex;flex-direction:column}.main-content-container .main-content-inner .body-ul{flex:1}.main-content-container .main-content-inner .header-ul{display:grid;grid-template-columns:100px repeat(auto-fit,minmax(100px,1fr));gap:.2rem;text-align:center;padding:.5rem 10px}.main-content-container .main-content-inner .header-ul li{font-weight:600;font-size:18px;width:100%;margin:0 auto}.main-content-container .main-content-inner .header-ul li:first-child{max-width:fit-content}@media(max-width:720px){.main-content-container .main-content-inner .header-ul{display:none}}.main-content-container .main-content-inner .body-ul{display:flex;flex-direction:column;gap:10px;height:100%;min-height:100%}.main-content-container .main-content-inner .body-ul .a-body-content{display:grid;grid-template-columns:100px repeat(auto-fit,minmax(100px,1fr));gap:.2rem;width:100%;text-align:center;padding:.5rem 10px;border:1px solid var(---border-color);border-radius:12px;word-break:break-all;margin-bottom:unset}@media(max-width:450px){.main-content-container .main-content-inner .body-ul .a-body-content{gap:10px}}@media(min-width:720px){.main-content-container .main-content-inner .body-ul .a-body-content div:first-child,.main-content-container .main-content-inner .body-ul .a-body-content div:last-child{max-width:fit-content;margin:0 auto}}@media(max-width:720px){.main-content-container .main-content-inner .body-ul .a-body-content{max-width:unset;margin:unset}}.main-content-container .main-content-inner .body-ul .a-body-content .content-body-header{display:none}@media(max-width:720px){.main-content-container .main-content-inner .body-ul .a-body-content .content-body-header{display:block;font-weight:600}.main-content-container .main-content-inner .body-ul .category,.main-content-container .main-content-inner .body-ul .order{display:flex;justify-content:space-between}.main-content-container .main-content-inner .body-ul .header-name:before{font-weight:700}.main-content-container .main-content-inner .body-ul .crt .header-name:before{content:"nrCrt"}.main-content-container .main-content-inner .body-ul .language-learnt .header-name:before{content:"Language Type"}.main-content-container .main-content-inner .body-ul .contentTitle .header-name:before{content:"Title"}.main-content-container .main-content-inner .body-ul .contentDescription .header-name:before{content:"Description"}.main-content-container .main-content-inner .body-ul .codVersion .header-name:before{content:"Version Code"}.main-content-container .main-content-inner .body-ul .dateVersion .header-name:before{content:"Created at"}}@media(max-width:450px){.main-content-container .main-content-inner .body-ul div{display:flex;flex-direction:column;justify-content:center}}@media(max-width:720px){.main-content-container .main-content-inner .body-ul .a-body-content{display:grid;grid-template-columns:100%;width:100%;margin-bottom:unset}.main-content-container .main-content-inner .body-ul .content-group{display:grid;grid-template-columns:50% 50%;width:100%}.main-content-container .main-content-inner .body-ul div:first-child{max-width:unset;margin:unset}}@media(max-width:499px){.main-content-container .main-content-inner .body-ul li{display:block}.main-content-container .main-content-inner .body-ul .content-group{display:block;padding-bottom:10px}}.header-ul li,.header-ul li a{display:flex;align-items:center;gap:4px;justify-content:center}.header-ul span{font-size:10px;font-weight:400}.header-ul span.asc:after{content:"";font-family:Bootstrap-icons}.header-ul span.desc:after{content:"";font-family:Bootstrap-icons}.header-ul span.asc.active:after,.header-ul span.desc.active:after{color:#fff;font-weight:900;font-size:14px}.current-filter-container{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;position:relative}@media(max-width:350px){.current-filter-container{flex-direction:column}}.current-filter-container .current-filter-inner{display:block;position:relative}@media(max-width:350px){.current-filter-container .current-filter-inner{width:100%;min-width:100%}}.current-filter-container .current-filter-inner .current-filter{display:block;width:182px;text-align:center;border:1px solid;border-radius:8px;padding:2px 0}@media(max-width:350px){.current-filter-container .current-filter-inner .current-filter{width:100%}}.current-filter-container .current-filter-inner .current-filter:hover{cursor:pointer}.current-filter-container .current-filter.active{display:block;width:182px;padding:2px 0;border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}@media(max-width:350px){.current-filter-container .current-filter.active{width:100%;min-width:100%}.current-filter-container{justify-content:center}}.filter-list{display:none;position:absolute}.filter-list.active{display:block;position:absolute;z-index:999!important;top:100%;left:0;text-align:center}@media(max-width:350px){.filter-list.active{width:100%;min-width:100%}}.filter-list.active ul{border:1px solid;border-radius:8px;border-top-left-radius:0;border-top-right-radius:0;width:182px;padding:4px 8px;background:var(---background-color)}@media(max-width:350px){.filter-list.active ul{width:100%;min-width:100%}}.filter-list.active ul li{display:block}.filter-list.active ul li a{display:block;padding:4px;margin:4px 0;border-bottom:1px solid}.filter-list.active ul li a:hover{border-radius:12px;cursor:pointer;border-bottom:1px solid}