.document-wrapper{display:block!important}@font-face{font-family:MTD_Thuphap;src:url(/_next/static/media/MTD_Thuphap.9f5c27ba.otf) format("opentype");font-weight:400;font-style:normal}.documents-container{width:100%;max-width:120rem;margin:0 auto;text-align:center;padding:2rem 0}.documents-container h2{text-transform:capitalize;font-family:MTD_Thuphap,cursive;font-size:clamp(4rem,12vw,12rem)!important;text-align:center;margin:8rem 0;background:linear-gradient(180deg,#0fa1fd,#020054);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(2px 2px 3px rgba(0,0,0,.3));letter-spacing:.05em}.documents-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4rem;width:100%}.documents-header .header-dropmenu{display:flex;align-items:center;justify-content:center;gap:2rem}.documents-header .header-dropmenu .select-category,.documents-header .header-dropmenu .select-type{width:200px}.documents-header .header-dropmenu .ant-select .ant-select-selector{width:100%;height:3.5rem;border-radius:3rem!important;border:2px solid #e2f6fc!important;background:linear-gradient(180deg,#e3f2fd,#bbdefb)!important;box-shadow:0 1px 5px 1px #80a2c8!important;padding:0 2rem!important;display:flex;align-items:center;color:#0042a0;font-weight:700}.documents-header .header-dropmenu .ant-select .ant-select-selector:active,.documents-header .header-dropmenu .ant-select .ant-select-selector:focus,.documents-header .header-dropmenu .ant-select .ant-select-selector:hover,.documents-header .header-dropmenu .ant-select-focused .ant-select-selector,.documents-header .header-dropmenu .ant-select:hover .ant-select-selector,.documents-header .header-dropmenu .ant-select:not(.ant-select-disabled):hover .ant-select-selector{outline:none!important;border:2px solid #e2f6fc!important;background:linear-gradient(180deg,#e3f2fd,#bbdefb)!important;box-shadow:0 1px 5px 1px #80a2c8!important}.documents-header .header-dropmenu .ant-select .ant-select-selection-search-input{height:100%!important;font-size:2rem!important;border-radius:3rem!important;background:transparent!important;border:none!important;padding:0 1rem!important}.documents-header .header-dropmenu .ant-select .ant-select-selection-search-input:focus,.documents-header .header-dropmenu .ant-select .ant-select-selection-search-input:hover{border:none!important;outline:none!important;background:transparent!important}.documents-header .header-dropmenu .ant-select .ant-select-arrow{top:55%!important;transform:translateY(0)!important;color:#0042a0!important}.documents-header .search-input{width:250px;max-width:250px}.documents-header .search-input .ant-input-outlined{border-radius:16px;border-start-start-radius:16px!important;border-end-start-radius:16px!important}.documents-header .search-input-wrapper{position:relative;display:flex;justify-content:start;align-items:center}.documents-header .search-input-wrapper .search-icon{position:absolute;z-index:2;top:1rem;left:8%;cursor:pointer;border-radius:20em;font-size:2rem!important}.documents-header .search-input-wrapper .search-input{direction:rtl}.documents-header .search-input-wrapper .search-input .ant-input-group-addon{display:none}.documents-header .search-input-wrapper .search-input .ant-input{text-align:left!important;border-radius:20em!important;direction:ltr;position:relative;border:none;background:#cde9f5;height:5rem;font-size:2rem;padding:1rem 1rem 1rem 5rem;top:-.7rem}.documents-header .search-input-wrapper .search-input .ant-input:focus,.documents-header .search-input-wrapper .search-input .ant-input:hover{transition:none;border-color:transparent}.documents-header .search-input-wrapper .search-input .ant-input:focus-within{transition:none;border-color:transparent}.documents-header .search-input-wrapper .search-input .ant-btn{display:none!important}.documents-header .search-input-wrapper .suggestions-dropdown{position:absolute;top:110%;left:0;width:100%;max-height:300px;overflow-y:auto;background-color:var(--color-white);border:1px solid var(--color-custom-grey);border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1;padding:8px 0;scrollbar-width:none;-ms-overflow-style:none}.documents-header .search-input-wrapper .suggestions-dropdown::-webkit-scrollbar{display:none}.documents-header .search-input-wrapper .suggestion-item{display:grid;grid-template-columns:6rem auto;align-items:center;padding:8px 12px;cursor:pointer;transition:background-color .5s}.documents-header .search-input-wrapper .suggestion-item:hover{background-color:var(--color-grey-100)}.documents-header .search-input-wrapper .suggestion-item .suggestion-thumb{width:5rem;height:5rem;object-fit:cover;margin-right:12px}.documents-header .search-input-wrapper .suggestion-item .suggestion-name{font-size:16px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.documents-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.documents-grid .no-items-message{font-size:2.5rem;color:#1367cf;grid-column:1/-1;text-align:center;margin-bottom:5rem}.document-card{border:none;background:transparent;max-width:100%;width:100%;display:flex;justify-content:center;align-items:center;margin:0 auto;flex-direction:column}.document-card .ant-card-body{padding:0}.document-card .ant-card-cover{position:relative}.document-card .thumb-container{position:relative;overflow:hidden}.document-card .document-thumb{position:relative;width:100%;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;background-image:url(/_next/static/media/doc-bg.de45aa22.png);background-size:contain;background-position:50%;background-repeat:no-repeat;min-width:200px}.document-card .document-thumb img{max-width:72.5%;max-height:72%;object-fit:cover;display:block;transform:translateY(-.4rem) translateX(.15rem);border-radius:1.5rem}.document-card .document-thumb img,.document-card .overlay{aspect-ratio:1/1;display:flex;justify-content:center;align-items:center}.document-card .overlay{position:absolute;top:0;left:0;max-width:100%;max-height:100%;width:100%;background-color:rgba(0,0,0,.7);flex-direction:column;opacity:0;transition:opacity .3s;gap:2rem;border-radius:1rem!important}.document-card:hover .overlay{opacity:1}.document-card .document-description{padding:0 2rem;max-height:15rem;text-align:justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;color:var(--color-white)}.document-card .action-button{display:inline-grid;align-items:center;gap:1rem}.document-card .action-button .overlay-button,.document-card .action-button .read-online{background:linear-gradient(.83deg,#0c2097 .72%,#1196f1 99.28%);border:1px solid #fcfef1;box-shadow:0 2px 2px 0 #9ab2de;border-radius:30rem;padding:.5rem 3rem;color:var(--color-white);text-align:center;font-size:1.6rem;font-style:normal;font-weight:500}.document-card .action-button .overlay-button:hover{background:linear-gradient(.83deg,#0c2097 .72%,#1196f1 99.28%);border:1px solid #fcfef1;opacity:.8}.document-card .ant-card-meta-detail{flex:unset;margin:auto}.document-card .ant-card-meta-detail .ant-card-meta-title{text-align:center;font-size:16px;font-weight:700;max-width:30rem;white-space:normal;min-height:7rem}.document-card .ant-card-meta-detail .ant-card-meta-title .document-title{display:inline;position:relative;color:#586c85;font-size:1.6rem}.document-card .ant-card-meta-detail .ant-card-meta-title .crown-icon{display:inline;font-size:20px;color:var(--color-yellow-500);margin-left:8px;margin-bottom:8px;animation:blink 1s infinite,glow 1.5s infinite}.documents-pagination{margin-top:1rem;display:flex;justify-content:center}.documents-pagination .ant-pagination-item{height:3.5rem;border:2px solid #e2f6fc!important;background:linear-gradient(180deg,#e3f2fd,#bbdefb)!important;box-shadow:0 1px 5px 1px #80a2c8!important;display:flex;align-items:center;color:#0042a0;aspect-ratio:1/1;text-align:center;justify-content:center}.documents-pagination .ant-pagination-item:hover{background-color:var(-color-grey-200)!important}.documents-pagination .ant-pagination-item a{color:inherit}.documents-pagination .ant-select-selector{width:100%;height:5rem;background:linear-gradient(180deg,#e3f2fd,#bbdefb)!important;box-shadow:0 1px 5px 1px #80a2c8!important;padding:1rem 2rem!important;display:flex;align-items:center;color:#0042a0;border:2px solid #e2f6fc!important}.documents-pagination .ant-select-selection-search-input{height:100%!important;font-size:2rem!important;border-radius:3rem!important;background:transparent!important;border:none!important;padding:1rem!important}.documents-pagination .ant-select-arrow{color:#0042a0}.documents-pagination .ant-pagination-item-active a{color:#0042a0;font-weight:700}.documents-pagination .ant-pagination-item-link{color:#0fa1fd!important}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:426px){.documents-header .search-input-wrapper .search-icon{transform:translateY(-.6rem)}.documents-grid{grid-template-columns:repeat(1,1fr)}.documents-grid .no-documents-text{width:100%}.documents-header{flex-direction:column-reverse;width:100%}.documents-header .header-dropmenu{gap:1rem}.documents-header .select-category,.documents-header .select-type{width:150px!important}.documents-header .search-input-wrapper .search-icon{top:32%}.documents-header .search-input-wrapper .search-input{max-width:250px}.document-card{max-width:80%}.document-card .ant-card-meta-title .document-title{font-size:14px!important}.document-card .ant-card-meta-title .crown-icon{width:14px!important;height:14px!important}.document-card .thumb-container{min-width:260px;max-width:260px}}@media(min-width:426px)and (max-width:715px){.documents-header .search-input-wrapper .search-icon{transform:translateY(-.6rem)}.documents-grid{grid-template-columns:repeat(1,minmax(200px,1fr));gap:10px;padding:2rem 0}.documents-grid .no-documents-text{width:100%}.documents-header{flex-direction:column-reverse;width:100%}.documents-header .header-dropmenu{gap:1rem}.documents-header .search-input-wrapper .search-icon{top:30%}.documents-header .search-input-wrapper .search-input{max-width:250px}.document-card{max-width:80%;max-height:80%}.document-card .thumb-container{min-width:300px;max-width:300px}}@media(max-width:576px){.document-thumb img{transform:translateY(-.65rem) translateX(.2rem)!important;border-radius:2.1rem!important}}@media(min-width:715px)and (max-width:769px){.documents-header .search-input-wrapper .search-icon{transform:translateY(-.6rem)}.documents-grid{grid-template-columns:repeat(2,minmax(200px,1fr));gap:10px}.document-thumb img{transform:translateY(-.6rem) translateX(.24rem)!important;border-radius:1.9rem!important}.documents-header{width:100%}.documents-header .header-dropmenu{gap:1rem}.documents-header .search-input-wrapper .search-icon{top:30%!important}.documents-header .search-input-wrapper .search-input{max-width:250px}.document-card{max-width:100%}.document-card .thumb-container{min-width:300px;max-width:300px}}@media(min-width:768px)and (max-width:915px){.documents-grid{grid-template-columns:repeat(3,minmax(200px,1fr))!important}}@media(min-width:768px)and (max-width:1295px){.documents-grid{grid-template-columns:repeat(4,minmax(200px,1fr))}.document-thumb img{transform:translateY(-.5rem) translateX(.22rem)!important;border-radius:1.6rem!important}}@media(min-width:1296px){.documents-grid{grid-template-columns:repeat(5,minmax(200px,1fr))}}.description-left-text:after{content:"";position:absolute;bottom:-20px;left:0;width:0;height:0;border-color:#5ab2ff transparent transparent;border-style:solid;border-width:10px 0 11px 11px}