.sc-ebook .item-list {margin: -12px;}
.sc-ebook .item-list li {width: calc(100% / 4);padding: 12px;}
.sc-ebook .link:hover .img-cover img {transform: scale(1.05);}
.sc-ebook .link:hover .title {color: var(--color-secondary);}
.sc-ebook .link .wrapper {border-radius: 20px;border: 1px solid #EFEFEF;overflow: hidden;}
.sc-ebook .link .img-cover {width: 100%;padding-top: 148%;border-radius: 20px;overflow: hidden;}
.sc-ebook .link .img-cover img {-webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease;}
.sc-ebook .link .row {padding: 25px 15px;}
.sc-ebook .link .title {
  font-size: 18px;font-weight: var(--fw-bold);color: #000;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  line-height: 1.5em; min-height: 3em; overflow: hidden;margin-bottom: 0;-webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease;
}
.sc-ebook .link .icon {width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background-color: var(--color-primary);border-radius: 50%;}
    
.sc-ebook.-ebook-file .link .img-cover {padding-top: 100%;}
.sc-ebook.-ebook-file .link .wrapper-cover {position: relative;}
.sc-ebook.-ebook-file .link .wrapper-cover .icon-file {width: 130px;height: 130px;display: flex;align-items: center;justify-content: center;border-radius: 50%;
  outline: 5px solid #6bba2230;  background-color: var(--color-white);  border: 4px solid var(--color-secondary);
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.sc-ebook.-ebook-file .link .wrapper-cover .icon-file::before{display: none;}
.sc-ebook-file .sc-head {margin-bottom: 30px;}
.sc-ebook-file .sc-head .title {margin-bottom: 0;font-size: 28px;font-weight: var(--fw-bold);color: var(--color-primary);line-height: 1.5em;}
.sc-ebook-file .sc-head .desc {font-size: 24px;font-weight: var(--fw-bold);color: var(--color-black);line-height: 1.5em;}

.sc-ebook.-ebook-file .item-list.three-column li {width: calc(100% / 3);}
.sc-ebook.-ebook-file .item-list.three-column .img-cover {padding-top: 70%;}
.sc-ebook-file + .sc-ebook-file {margin-top: 50px;}

.sc-ebook.-sc-future .link .img-cover {padding-top: 120%;}
.sc-ebook.-sc-future .wrapper-cover {position: relative;border-radius: 20px;overflow: hidden;}
.sc-ebook.-sc-future .wrapper-cover::before {content: '';position: absolute;width: 100%;height: 50%;bottom: 0;left: 0;background: linear-gradient(to top, #0047a1 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 2;}
.sc-ebook.-sc-future .wrapper-cover .desc {position: absolute; bottom: 0; left: 0; right: 0; text-align: center; margin-bottom: 25px;color: var(--color-white);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5em; max-height: 3em; overflow: hidden; padding: 0 20px; z-index: 2;
}
.sc-ebook.-sc-future .link .title {-webkit-line-clamp: 3;min-height: 4.5em;}

.sc-purchase {margin-top: 40px;}
.sc-purchase .item-list {margin:-12px;}
.sc-purchase .item-list li {padding: 12px;}
.sc-purchase .item-list li {width: calc(100% / 3);}
.sc-purchase .item-list li:nth-child(7n+1) { width: calc(100% / 3 * 2);}
.sc-purchase .item-list li:nth-child(7n+3),
.sc-purchase .item-list li:nth-child(7n+4) {width: calc(100% / 2);}
.sc-purchase .link:hover .img-cover img {transform: scale(1.1);}
/* .sc-purchase .link:hover .content .title {color: var(--color-secondary);} */
.sc-purchase .link {position: relative; display: block; overflow: hidden; border-radius: 30px;}
.sc-purchase .link .img-cover {width: 100%;padding-top: 250px;border-radius: 30px;overflow: hidden;}
.sc-purchase .link .img-cover img {-webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease;}
.sc-purchase .link .content {position: absolute; top: 0; left: 0; width: 100%; height: 100%;padding: 30px;
  background: linear-gradient(to top, #0047a1 0%, rgba(0, 0, 0, 0) 100%);display: flex ; flex-direction: column;
}
.sc-purchase .link .content .icon-file {width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: #ffffff35;}
.sc-purchase .link .content .icon-file::before{display: none;}
.sc-purchase .link .content .icon-file img {max-width: 40px;}
.sc-purchase .link .content .row {margin-top: auto;}
.sc-purchase .link .content .title {
  font-size: var(--typo-md);font-weight: var(--fw-bold);color: var(--color-white);display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  line-height: 1.5em; max-height: 3em; overflow: hidden;margin-bottom: 0;-webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease;
}
.sc-purchase .link .content .icon {width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;background-color: var(--color-secondary);border-radius: 50%;}
.sc-purchase.-sc-qa .item-list li {width: calc(100% /2);}
.sc-purchase.-sc-qa .item-list li .wrapper {margin-bottom: 0;}

.sc-filter .row {margin: 0 -7.5px;}
.sc-filter .row > div {padding: 0 7.5px;}
.sc-filter .select2-container .select2-selection--single {height: 60px;border-radius: 30px;border: 1px solid var(--color-primary);padding: 0 60px 0 30px;}
.sc-filter .select2-container .select2-selection--single:focus {outline: none;}
.sc-filter .select2-container .select2-selection--single .select2-selection__rendered {font-size: 16px;line-height: 60px;color: var(--color-black);padding: 0;}
.sc-filter .select2-container .select2-selection__arrow {width: max-content; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 30px;}
.sc-filter .select2-container .select2-selection__arrow::before {
  width: max-content;
  font-family: 'FontAwesome'; content: '\f107'; font-weight: var(--fw-bold);
  font-size: 22px; position: relative; text-align: center;display: block; color: var(--color-primary);
  -webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease;
}
.sc-filter .select2-container--style-primary.select2-container--below.select2-container--open .select2-selection--single .select2-selection__arrow:before {transform: rotate(0);}
.sc-filter .select2-container--style-primary.select2-container--above.select2-container--open .select2-selection--single .select2-selection__arrow:before {transform: rotate(180deg);}
.sc-filter .select2-container--style-primary.select2-container--below.select2-container--open .select2-selection--single {border-radius: 30px 30px 0 0;}
.sc-filter .select2-container--style-primary.select2-container--above.select2-container--open .select2-selection--single {border-radius: 0 0 30px 30px;}
.select2-container--style-primary .select2-dropdown {border-color: var(--color-primary);}
.select2-container--style-primary .select2-results__option {padding: 16px 30px;font-size: 16px;color: var(--color-black);line-height: 1.4em;
    -webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease;
}
.select2-container--style-primary .select2-results__option--highlighted {background-color: var(--color-primary);color: var(--color-white);}
.select2-container--style-primary .select2-results__option[aria-selected="true"] {background-color: #ddd;color: var(--color-black);}
.select2-container--style-primary .select2-results__options {max-height: 217px; overflow-y: auto;}

.sc-filter .form-select-group {width: 280px;}
.sc-filter .form-filter {margin-left: auto;width: 230px;}
.sc-filter .form-group {margin-bottom: 0;}
.sc-filter .form-search {width: 400px;}
.sc-filter .form-search .control-label {display: none;}
.sc-filter .form-search .block-control {position: relative;}
.sc-filter .form-search .form-control {height: 60px;display: flex;align-items: center;border-radius: 30px;border: 1px solid var(--color-primary);padding: 0 30px;color: var(--color-black);
  overflow: hidden;
}
.sc-filter .form-search .form-control:focus {box-shadow: none;}
.sc-filter .form-search .form-control::placeholder {color: #8B96A0;}
.sc-filter .form-search .btn {min-width: 70px;height: 60px;display: flex;align-items: center;justify-content: center;background-color: var(--color-primary);
  position: absolute;top: 0;right: 0;border-radius: 0 30px 30px 0;
}
.sc-filter .form-search .btn:hover {opacity: 0.8;}
.sc-filter .form-search .btn .icon {display: flex;margin-right: 5px;}
.sc-filter .filter-select li + li {margin-left: 10px;}
.sc-filter .filter-select .link {width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;border-radius: 50%;border: 1px solid var(--color-primary);}
.sc-filter .filter-select .link .icon {display: flex;}
.sc-filter .filter-select .link svg * {-webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease;}
.sc-filter .filter-select .link.active,
.sc-filter .filter-select .link:hover {background-color: var(--color-primary);}
.sc-filter .filter-select .link.active svg *,
.sc-filter .filter-select .link:hover  svg * {fill: var(--color-white);}

.sc-cms-layout {margin-top: 40px;}
.sc-cms-layout .item-list {margin: -12px;}
.sc-cms-layout .item-list li {width: calc(100% / 3);padding: 12px;-webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease;}
.sc-cms-layout .link {display: block;border: 1px solid #EFEFEF;border-radius: 20px;overflow: hidden;background-color: var(--color-white);}
.sc-cms-layout .link .img-cover {width: 100%; padding-top: calc(70% + 15px);border-radius: 20px;overflow: hidden;}
.sc-cms-layout .link .img-cover img {-webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease;}
.sc-cms-layout .link .content {padding: 20px 20px 30px 20px;border-bottom: 5px solid var(--color-secondary);border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.sc-cms-layout .link .date {display: flex;gap: 20px;}
.sc-cms-layout .link .date .date-group {display: flex;align-items: center;gap: 10px;margin-bottom: 20px;}
.sc-cms-layout .link .date .date-group .icon {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: var(--color-primary);
  -webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease;
}
.sc-cms-layout .link .date .date-group .text {font-size: var(--typo-sm);color: var(--color-black); -webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease;}
.sc-cms-layout .link .title {
  font-size: 18px;font-weight: var(--fw-bold);color: #000;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  line-height: 1.5em; min-height: 3em; overflow: hidden;margin-bottom: 0;-webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease;margin-bottom: 15px;
}
.sc-cms-layout .link .desc {
  font-size: var(--typo-sm);color: #5A5A5A;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
  line-height: 1.5em; min-height: 4.5em; overflow: hidden;margin-bottom: 0;-webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease;
}
.sc-cms-layout .link:hover {background-color: var(--color-primary);}
.sc-cms-layout .link:hover .img-cover img {transform: scale(1.1);}
.sc-cms-layout .link:hover .date .date-group .icon {background-color: #336CB4;}
.sc-cms-layout .link:hover .date .date-group .text {color: var(--color-white);}
.sc-cms-layout .link:hover .title,
.sc-cms-layout .link:hover .desc {color: var(--color-white);}
.sc-cms-layout.-layout-list .item-list  li {width: 100%;}
.sc-cms-layout.-layout-list .link {display: flex;}
.sc-cms-layout.-layout-list .link .img-cover {max-width: 410px; padding-top: calc(20% + 20px);border-top-right-radius: 0; border-bottom-right-radius: 0;}
.sc-cms-layout.-layout-list .link .content {width: 100%;border-bottom-left-radius: 0;padding: 30px 15% 30px 30px;}

.sc-purchase-list {margin-top: 40px;}
.sc-purchase-list .item-list li {width: 100%;}
.sc-purchase-list .item-list li + li {margin-top: 20px;}
.sc-purchase-list .link:hover {background-color: var(--color-primary);}
.sc-purchase-list .link:hover .header-end-group .icon {background-color: #1A5AAB;}
.sc-purchase-list .link:hover .header-end-group span {color: var(--color-white);}
.sc-purchase-list .link:hover .content {border-color: transparent;}
.sc-purchase-list .link:hover .body-end .title {color: var(--color-white);}
.sc-purchase-list .link {display: block;border-radius: 20px;overflow: hidden;border: 1px solid #EFEFEF;}
.sc-purchase-list .link .wrapper {margin-bottom: 0;}
.sc-purchase-list .link .wrapper > .row > div {height: 100%;}
.sc-purchase-list .link .header-start {width: 155px;height: 155px;background-color: var(--color-primary);display: flex;align-items: center;justify-content: center;}
.sc-purchase-list .link .header-start .icon {width: 120px;height: 120px;background-color: #1A5AAB;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.sc-purchase-list .link .content {height: 155px;display: flex;flex-direction: column;padding: 20px 30px;border-bottom: 5px solid var(--color-secondary);
   -webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease;
}
.sc-purchase-list .link .header-end {display: flex;align-items: center;gap: 30px;}
.sc-purchase-list .link .header-end-group {display: flex;align-items: center;gap: 10px;}
.sc-purchase-list .link .header-end-group .icon {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background-color: var(--color-primary);border-radius: 50%;}
.sc-purchase-list .link .header-end-group span {color: var(--color-black);}
.sc-purchase-list .link .header-end-group * {
 -webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease;
}
.sc-purchase-list .link .body-end {margin-top: auto;}
.sc-purchase-list .link .body-end .title {font-size: 18px;font-weight: var(--fw-bold);color: var(--color-black);padding-right: 100px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5em; min-height: 3em; overflow: hidden;
  -webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease;
}


.pagination-block {padding: 60px 0 25px 0;}
.pagination-label {font-size: 18px;font-weight: var(--fw-normal);}
.pagination li+li {margin-left: 5px;}
.pagination a {min-width: 50px; height: 50px; display: flex ; align-items: center; justify-content: center;border-radius: 50%;line-height: normal;font-size: 16px;}
.pagination .pagination-nav a {background-color: transparent;border: 1px solid var(--color-primary);}
.pagination .pagination-nav a span {font-size: 20px;color: var(--color-primary);}
.pagination .pagination-page a,
.pagination .pagination-nav a {min-width: 100px; border-radius: 25px; background-color: #F0F0F0;color: var(--color-primary);}
.pagination .pagination-nav a {min-width: 50px;}
.pagination li.active a {font-weight: var(--fw-bold);}
.pagination li.active a, 
.pagination li a:hover {background-color: var(--color-primary);}

.sc-pdf-list {margin-top: 40px;}
.sc-pdf-list .hide {display: none;padding: 0;}
.sc-pdf-list .row {margin: 0 -25px;}
.sc-pdf-list .row + .row {margin-top: 80px;}
.sc-pdf-list .row > div {padding: 0 25px;}
.sc-pdf-list .sc-head .title {font-size: 38px;color: var(--color-primary);margin-bottom: 30px;}
.sc-pdf-list .img-cover {width: 500px; padding-top: 605px;border-radius: 30px; overflow: hidden;}
.sc-pdf-list .pdf-list-download .topic {font-size: 28px;color: var(--color-black);margin-bottom: 40px;line-height: 1.4em;}
.sc-pdf-list .pdf-list-download .item-list {max-height: 526px;}
.sc-pdf-list .pdf-list-download .item-list .mCustomScrollBox {padding-right: 20px;}
.sc-pdf-list .pdf-list-download .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {border-radius: 4px;background-color: var(--color-primary);width: 3px;}
.sc-pdf-list .pdf-list-download .item-list li:last-child .link {margin-bottom: 0;}
.sc-pdf-list .pdf-list-download .link {display: flex;align-items: center;justify-content: space-between;padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #E5E5E5;}
.sc-pdf-list .pdf-list-download .link .content {display: flex;align-items: center;gap: 15px;}
.sc-pdf-list .pdf-list-download .link .content .number {min-width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 50%;border: 1px solid #E5E5E5;
  font-size: 18px; color: var(--color-black);
}
.sc-pdf-list .pdf-list-download .link .content .text {font-size: 18px; color: var(--color-black); padding-right: 20px;
   -webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
  line-height: 1.5em; min-height: 4.5em; overflow: hidden;
}
.sc-pdf-list .pdf-list-download .link .icon {min-width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;;border-radius: 50%;background-color: var(--color-primary);}
.sc-pdf-list .pdf-list-download .link:hover .content .text  {color: var(--color-white);}


.sc-pdf-list .sc-qa .collapse-box .collapse-content .item-list .link {display: flex;margin-bottom: 0;}
.sc-pdf-list .sc-qa .collapse-box .collapse-content .item-list .link .icon {min-width: 50px; min-height: 50px;}




.sc-qa {margin-top: 40px;}

.new-badge {position: absolute; top: 0; left: 0; z-index: 10; margin: 10px; height: 40px; display: flex ; align-items: center; justify-content: center; padding: 10px 23px; border-radius: 20px; background-color: #FF0000; color: #fff;font-weight: bold; font-size: 16px;
}

.sc-qa {margin-top: 40px;}
.sc-qa .sc-head {margin-bottom: 25px;}
.sc-qa .sc-head .title {font-size: 28px;font-weight: var(--fw-bold);color: #000;}
.sc-qa .collapse-box {border-radius: 20px;border: 1px solid #EFEFEF;border-bottom: 2px solid var(--color-secondary);overflow: hidden;}
.sc-qa .collapse-box + .collapse-box {margin-top: 20px;}
.sc-qa .collapse-box .collapse-btn {display: flex;align-items: center;gap: 15px;padding: 20px;cursor: pointer;position: relative;justify-content: space-between;}
.sc-qa .collapse-box .collapse-btn::after {content: "\e842"; font-family: "feather";transform: rotate(0deg); position: relative; display: inline-block;
    -webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease;font-size: 26px;font-weight: 500;color: var(--color-secondary);
}
.sc-qa .collapse-box .collapse-btn .btn-group {width: 100%;gap: 15px;align-items: center;}
.sc-qa .collapse-box .collapse-btn .icon {min-width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: var(--color-primary);
  -webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease;
}
.sc-qa .collapse-box .collapse-btn .text {font-size: 22px;line-height: 1.5em;font-weight: var(--fw-bold);color: var(--color-black); padding-right: 15%;
    -webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease;
}
.sc-qa .collapse-box .collapse-btn.active {background-color: var(--color-primary);}
.sc-qa .collapse-box .collapse-btn.active .icon {background-color: #336CB4;}
.sc-qa .collapse-box .collapse-btn.active .text {color: var(--color-white);}
.sc-qa .collapse-box .collapse-btn.active::after {transform: rotate(-180deg);color: #fff;}

.sc-qa .collapse-box .collapse-content {padding: 20px; background-color: #EFEFEF;}
.sc-qa .collapse-box .collapse-content P {color: var(--color-black);font-size: 18px;font-weight: normal;}
.sc-qa .collapse-box .collapse-content .item-list {margin: -10px;padding-left: 0;}
.sc-qa .collapse-box .collapse-content .item-list li {width: calc(100% / 2);padding: 10px;margin-top: 0;}
.sc-qa .collapse-box .collapse-content .item-list .link {display: block;padding: 30px;background-color: var(--color-white);border: 1px solid #efefef;border-radius: 20px;
  -webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease;
}
.sc-qa .collapse-box .collapse-content .item-list .link > .row {justify-content: space-between;align-items: end;}
.sc-qa .collapse-box .collapse-content .item-list .link > .row > div:first-child {-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%;}
.sc-qa .collapse-box .collapse-content .item-list .link .txt-group {display: flex;flex-direction: column;gap: 16px;}
.sc-qa .collapse-box .collapse-content .item-list .link strong {font-size: 22px;color: var(--color-black);
  -webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease;
}
.sc-qa .collapse-box .collapse-content .item-list .link strong:nth-child(2) {font-size: 18px;
  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.4em; min-height: 1.4em; overflow: hidden;
}
.sc-qa .collapse-box .collapse-content .item-list .link .icon {width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;
  border-radius: 50%; background-color: var(--color-primary);
  -webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease;
}
.sc-qa .collapse-box .collapse-content .item-list .link .icon svg * {
  -webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease;
}
.sc-qa .collapse-box .collapse-content .item-list .link:hover {background-color: var(--color-primary);}
.sc-qa .collapse-box .collapse-content .item-list .link:hover strong {color: var(--color-white);}
.sc-qa .collapse-box .collapse-content .item-list .link:hover .icon {background-color: var(--color-white);}
.sc-qa .collapse-box .collapse-content .item-list .link:hover .icon svg * {fill:var(--color-primary);}


.site-footer .sitenav .collapse-btn {pointer-events: none;}


.sc-cms-layout.-new-layout .link .link-wrapper {position: relative;}
.sc-cms-layout.-new-layout .link .date {position: absolute; left: 0; bottom: 0; padding: 15px;}
.sc-cms-layout.-new-layout .link .date .date-group {margin-bottom: 0;}
.sc-cms-layout.-new-layout .link .date .date-group .text {backdrop-filter: blur(4px); --webkit-backdrop-filter: blur(4px); width: max-content;
  border-radius: 20px; height: 40px; display: flex ; align-items: center; justify-content: center; padding: 10px; background-color: #00000070; color: #fff;
}
.sc-cms-layout.-new-layout .link .content .date {display: none;}
.sc-cms-layout.-new-layout .link .desc {-webkit-line-clamp: 1;min-height: 1.5em;}
.sc-cms-layout.-new-layout .icon-arrow {width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;
  border-radius: 50%;background-color: var(--color-secondary);
}
.sc-cms-layout.-new-layout.-layout-list .link .content {padding-right: 30px;}
.sc-cms-layout.-new-layout.-layout-list .link .content .row {align-items: end;}
.sc-cms-layout.-new-layout.-layout-list .link .link-wrapper {width: 410px;}
.sc-cms-layout.-new-layout.-layout-list .link .link-wrapper .date {display: none;}
.sc-cms-layout.-new-layout.-layout-list .link .img-cover {max-width: 100%; padding-top: calc(64% + 20px);}
.sc-cms-layout.-new-layout.-layout-list .link .content .date {display: flex ; position: relative; padding: 0; margin-bottom: 20px;}
.sc-cms-layout.-new-layout.-layout-list .link .icon-arrow {width: 50px; height: 50px;}
.sc-cms-layout.-new-layout.-layout-list .link .icon-arrow svg {width: 20px;}ฃ

.sc-site-map{display: grid ; grid-template-columns: repeat(3, 1fr); gap: 24px;}

/* .sc-site-map.-addon {column-count: 3; column-gap: 24px; box-sizing: border-box;} */
.sc-site-map.-addon {column-count: 3; column-gap: 24px; box-sizing: border-box;}

.sc-site-map .site-map-group { display: inline-block; width: calc(100%); box-sizing: border-box; margin-bottom: 24px; break-inside: avoid; 
  padding: 20px; border-radius: 20px; border: 1px solid #EFEFEF; border-bottom: 4px solid #6BBA22; overflow: hidden; position: relative;
}
.sc-site-map .site-map-group:hover::before {opacity: 1;}
.sc-site-map .site-map-group:hover .title {color: #fff;}
.sc-site-map .site-map-group:hover .link {color: #fff;}
.sc-site-map .site-map-group .link:hover .txt {opacity: 0.8;}
.sc-site-map .site-map-group .link:hover .icon-arrow-right {opacity: 1;transform: translateX(0) scale(1);}
.sc-site-map .site-map-group::before {content: '';background-image: url(../image/static/bg-hover-stemap.png);
  position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-repeat: no-repeat; background-size: cover;
  -webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease; opacity: 0;
}
.sc-site-map .site-map-group .title {position: relative;font-size: 20px; font-weight: 500;color: var(--color-primary);margin-bottom: 20px;
    -webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease; 
}
.sc-site-map .site-map-group ul {position: inherit;padding-left: 0;}
.sc-site-map .site-map-group li {width: 100%;}
.sc-site-map .site-map-group li:last-child .link {margin-bottom: 0;}
.sc-site-map .site-map-group .link {font-size: 18px; color: #000000; width: 100%; display: flex ; justify-content: space-between;
  padding-bottom: 15px; margin-bottom: 12px;border-bottom: 1px solid #EFEFEF;
  -webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease; 
}
.sc-site-map .site-map-group .link .txt {line-height: 1.4em;
  -webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease;
}
.sc-site-map .site-map-group .link .icon-arrow-right {width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;border-radius: 50%; background-color: #6BBA22;
  -webkit-transition: All 300ms ease; -moz-transition: All 300ms ease; -o-transition: All 300ms ease; font-size: 13px; font-weight: bold; color: #fff;
  opacity: 0; transform: translateX(-10px) scale(.8);
}

.gd-catalog-link {
    display: flex;
    align-items:center;
    justify-content: center;
    gap: 10px;
    border: 5px solid #199CF5;
    border-radius: 12px;
    padding: 10px 10px;
    margin-top: 20px;
    width: fit-content;
    color: red;
    font-weight: bold;
}
/* breakpoint */

@media (max-width: 1600px) {
  .sc-ebook-file + .sc-ebook-file {margin-top: 40px;}
  .sc-ebook.-ebook-file .item-list.three-column li {width: calc(100% / 2);}

  .sc-ebook.-sc-future .wrapper-cover .desc {margin-bottom: 20px;}        

  .sc-qa .sc-head .title {font-size: 26px;}
  .sc-qa .collapse-box .collapse-btn .text {font-size: 20px;padding-right: 5%;}
  .sc-qa .collapse-box .collapse-content P {font-size: 16px;}

  .sc-site-map.-addon {gap: 20px;}
  .sc-site-map .site-map-group {margin-bottom: 20px;}
  .sc-site-map .site-map-group .title {margin-bottom: 17px;}
  .sc-site-map .site-map-group .link {padding-bottom: 12px;margin-bottom: 12px;}
}
@media (max-width: 1440px) {
  .sc-ebook .item-list {margin: -7.5px;}
  .sc-ebook .item-list li {padding: 7.5px;}
  .sc-ebook .link .row {padding: 20px 15px;}
  .sc-ebook .link .icon {width: 45px; height: 45px;}

  .sc-purchase .item-list {margin: -10px;}
  .sc-purchase .item-list li {padding: 10px;}
  .sc-purchase .link .img-cover {padding-top: 230px; border-radius: 20px;}
  .sc-purchase .link .content {padding: 20px;}
  .sc-purchase .link .content .title {font-size: var(--typo-default);}
  .sc-purchase .link .content .icon-file {width: 65px; height: 65px;}
  .sc-purchase .link .content .icon-file img {max-width: 30px;}
  .sc-purchase .link .content .icon {width: 45px;height: 45px;}
  .sc-purchase .link .content .icon svg {width: 22px;height: 22px;}

  .sc-filter .select2-container .select2-selection--single {height: 50px;border-radius: 25px;padding: 0 40px 0 20px;}
  .sc-filter .select2-container .select2-selection--single .select2-selection__rendered {line-height:50px;}
  .sc-filter .select2-container .select2-selection__arrow {right: 20px  ;}
  .sc-filter .select2-container--style-primary.select2-container--below.select2-container--open .select2-selection--single {border-radius: 25px 25px 0 0;}
  .sc-filter .select2-container--style-primary.select2-container--above.select2-container--open .select2-selection--single {border-radius: 0 0 25px 25px;}
  .select2-container--style-primary .select2-results__option {font-size: 15px;padding: 12px 18px;}
  .sc-filter .form-select-group {width: 260px;}
  .sc-filter .form-search {width: 360px;}
  .sc-filter .form-search .form-control {height: 50px;border-radius: 25px;padding: 0 20px;}
  .sc-filter .form-search .btn {width: 60px; min-width: 60px; height: 50px;}
  .sc-filter .form-search .btn .icon {width: 18px; height: 18px}
  .sc-filter .form-filter {width: 200px;}
  .sc-filter .filter-select .link {width: 50px; height: 50px;}
  .sc-filter .filter-select .link .icon {width: 16px;}

  .sc-purchase-list .link .header-start {width: 140px; height: 140px;}
  .sc-purchase-list .link .header-start .icon {width: 100px; height: 100px;}
  .sc-purchase-list .link .header-start .icon img {max-width: 35px;}
  .sc-purchase-list .link .content {padding: 20px 25px 15px 25px;height: 140px;}
  .sc-purchase-list .link .header-end-group .icon {width: 35px; height: 35px;}
  .sc-purchase-list .link .header-end-group span {font-size: 16px;}
  .sc-purchase-list .link .body-end .title {font-size: 16px;padding-right: 50px;}

  .pagination-block {padding: 40px 0 20px 0;}
  .pagination-label {font-size: 16px;}
  .pagination li+li {margin-left: 5px;}
  .pagination a {font-size: 14px;min-width: 40px; height: 40px;}
  .pagination .pagination-nav a span {top: 0; font-size: 18px;}
  .pagination .pagination-page {margin: 10px 0;}

  .sc-cms-layout .item-list {margin: -10px;}
  .sc-cms-layout .item-list li {padding: 10px;}
  .sc-cms-layout.-layout-list .link .content {padding: 25px 10% 25px 25px;}
  .sc-cms-layout.-layout-list .link .img-cover {max-width: 350px; padding-top: calc(20% + 30px);}

  .sc-pdf-list .sc-head .title {font-size: 30px;}
  .sc-pdf-list .row {margin: 0 -15px;}
  .sc-pdf-list .row > div {padding: 0 15px;}
  .sc-pdf-list .row + .row {margin-top: 50px;}
  .sc-pdf-list .img-cover {width: 440px; padding-top: 500px;}
  .sc-pdf-list .pdf-list-download .item-list {max-height: 438px;height: auto;}
  .sc-pdf-list .pdf-list-download .topic {font-size: 22px;margin-bottom: 30px;}
  .sc-pdf-list .pdf-list-download .link {padding-bottom: 15px; margin-bottom: 15px;}
  .sc-pdf-list .pdf-list-download .link .content {gap: 10px;}
  .sc-pdf-list .pdf-list-download .link .content .number {min-width: 45px; height: 45px;font-size: 16px;}
  .sc-pdf-list .pdf-list-download .link .icon {min-width: 45px; height: 45px;}
  .sc-pdf-list .pdf-list-download .link .icon svg {width: 16px;}

  .new-badge {font-size: 15px; height: 30px;padding: 10px 15px;}

  .sc-ebook.-ebook-file .link .wrapper-cover .icon-file {width: 110px; height: 110px;outline: 4px solid #6bba2230;border: 3px solid var(--color-secondary);}
  .sc-ebook.-ebook-file .link .wrapper-cover .icon-file svg {width: 35px;}
  .sc-ebook-file .sc-head {margin-bottom: 25px;}
  .sc-ebook-file .sc-head .title {font-size: 24px;}
  .sc-ebook-file .sc-head .desc {font-size: 20px;}
  .sc-ebook-file + .sc-ebook-file {margin-top: 40px;}
  .sc-ebook.-ebook-file .item-list.three-column li {width: calc(100% / 2);}

  .sc-ebook.-sc-future .wrapper-cover .desc {margin-bottom: 20px;}         

  .sc-qa .collapse-box .collapse-content .item-list {margin: -7px;}
  .sc-qa .collapse-box .collapse-content .item-list li {padding: 7px;}
  .sc-qa .collapse-box .collapse-content .item-list .link {padding: 30px 20px;}
  .sc-qa .collapse-box .collapse-content .item-list .link .txt-group {gap: 10px;}
  .sc-qa .collapse-box .collapse-content .item-list .link .icon {width: 45px; height: 45px;}
  .sc-qa .collapse-box .collapse-content .item-list .link .icon svg {display: flex;width: 18px;}

  .sc-filter .form-search {width: 300px;}
  .sc-filter .form-select-group,
  .sc-filter .form-filter {width: 180px;}

  /* .sc-cms-layout.-new-layout.-layout-list .link .icon-arrow {width: 50px; height: 50px;}
  .sc-cms-layout.-new-layout.-layout-list .link .icon-arrow svg {width: 20px;} */
  .sc-cms-layout.-new-layout .link .icon-arrow {width: 50px; height: 50px;}
  .sc-cms-layout.-new-layout .link .icon-arrow svg {width: 20px;}
  .sc-cms-layout.-new-layout.-layout-list .link .link-wrapper {width: 350px;}

  .sc-pdf-list .sc-qa .collapse-box .collapse-content .item-list .link .icon {min-width: 45px; min-height: 45px;}

  .pagination .pagination-nav a {min-width: 40px;}
  .pagination .pagination-page {display: none;}

}
@media (max-width: 1199px) {
  .sc-ebook .item-list li {width: calc(100% / 3);}
  
  .sc-purchase-list {margin-top: 30px;}
}
@media (max-width: 991px) {
  .sc-ebook .item-list li {width: calc(100% / 2);}

  .sc-purchase {margin-top: 20px;}
  .sc-purchase .item-list {margin: -7.5px;}
  .sc-purchase .item-list li {padding: 7.5px;width: calc(100% / 2);}
  .sc-purchase .item-list li:nth-child(7n+1) {width: calc(100% / 2);}
  .sc-purchase .link {border-radius: 24px;}
  .sc-purchase .link .content {padding: 16px;}
  .sc-purchase .link .content .icon {width: 40px; height: 40px;}
  .sc-purchase .link .content .icon svg {width: 20px; height: 20px}

  .sc-filter {margin-top: 20px;}
  .sc-filter .row {gap: 12px;}
  .sc-filter .form-select-group,
  .sc-filter .form-search,
  .sc-filter .form-filter {width: 100%;}
  .sc-filter .filter-select li + li {margin-left: 8px;}
  .sc-filter .filter-select {width: max-content; margin-left: auto;}

  .sc-purchase-list {margin-top: 20px;}
  .sc-purchase-list .item-list li + li {margin-top: 15px;}
  .sc-purchase-list .link .header-start {width: 120px; height: 120px;}
  .sc-purchase-list .link .header-start .icon {width: 80px; height: 80px;}
  .sc-purchase-list .link .header-start .icon img {max-width: 30px;}
  .sc-purchase-list .link .content {padding: 15px;height: 120px; border-bottom: 3px solid var(--color-secondary);}
  .sc-purchase-list .link .header-end {gap: 15px;}
  .sc-purchase-list .link .header-end-group {gap: 7px;}
  .sc-purchase-list .link .header-end-group .icon {width: 28px; height: 28px;}
  .sc-purchase-list .link .header-end-group .icon svg {display: flex;transform: scale(.8);}
  .sc-purchase-list .link .body-end .title {padding-right: 10px;}

  .sc-cms-layout {margin-top: 20px;}
  .sc-cms-layout .item-list {margin: -7.5px;}
  .sc-cms-layout .item-list li {padding: 7.5px;width: calc(100% / 2);}
  .sc-cms-layout .link .content {padding: 15px 15px 20px 15px;}
  .sc-cms-layout .link .date .date-group {gap: 6px; margin-bottom: 10px;}
  .sc-cms-layout .link .date .date-group .icon {width: 30px;height: 30px;}
  .sc-cms-layout .link .date .date-group .icon svg {width: 12px;}
  .sc-cms-layout .link .title {font-size: 16px;margin-bottom: 8px;}
  .sc-cms-layout .link .desc {font-size: 14px;}
  .sc-cms-layout.-layout-list .link .img-cover {width: 50%;}
  .sc-cms-layout.-layout-list .link .content {padding: 20px;}

  .sc-pdf-list .row + .row {margin-top: 30px;}
  .sc-pdf-list .sc-head .title {font-size: 24px; margin-bottom: 20px;}
  .sc-pdf-list .img-cover {width: 100%; max-width: 500px; padding-top: 500px; margin: auto auto 30px auto;}
  .sc-pdf-list .pdf-list-download .topic {font-size: 20px; margin-bottom: 18px;}
  .sc-pdf-list .pdf-list-download .item-list {max-height: max-content;}
  .sc-pdf-list .pdf-list-download .link .content .number {min-width: 40px; height: 40px;}
  .sc-pdf-list .pdf-list-download .link .content .text {font-size: 16px;padding-right: 10px;}
  .sc-pdf-list .pdf-list-download .link .icon {min-width: 40px; height: 40px;}

  .sc-ebook-file .sc-head {margin-bottom: 15px;}
  .sc-ebook-file + .sc-ebook-file {margin-top: 30px;}

  .sc-qa {margin-top: 30px;}
  .sc-qa .sc-head {margin-bottom: 15px;}
  .sc-qa .sc-head .title {font-size: 22px;}
  .sc-qa .collapse-box .collapse-btn {gap: 10px; padding: 15px;}
  .sc-qa .collapse-box .collapse-btn .btn-group {gap: 10px;}
  .sc-qa .collapse-box .collapse-btn .icon {min-width: 45px; height: 45px;}
  .sc-qa .collapse-box .collapse-btn .icon svg {width: 18px;}
  .sc-qa .collapse-box .collapse-btn .text {font-size: 18px;}
  .sc-qa .collapse-box .collapse-content {padding: 15px;}
  .sc-qa .collapse-box .collapse-content P {font-size: 15px;}
  .sc-qa .collapse-box + .collapse-box {margin-top: 15px;}

  .sc-qa .collapse-box .collapse-content .item-list {margin: -5px;}
  .sc-qa .collapse-box .collapse-content .item-list li {padding: 5px;}
  .sc-qa .collapse-box .collapse-content .item-list .link {padding: 20px 15px;border-radius: 16px;}
  .sc-qa .collapse-box .collapse-content .item-list .link strong {font-size: 20px;}
  .sc-qa .collapse-box .collapse-content .item-list .link strong:nth-child(2) {font-size: 16px;}
  .sc-qa .collapse-box .collapse-content .item-list .link .icon {width: 40px; height: 40px;}

  .sc-cms-layout.-new-layout.-layout-list .link .img-cover {width: 100%;}
  .sc-cms-layout.-new-layout .link .date .date-group .text {height: 30px;font-size: 12px;}
  .sc-cms-layout.-new-layout.-layout-list .link .icon-arrow,
  .sc-cms-layout.-new-layout .link .icon-arrow {width: 40px; height: 40px;}
  .sc-cms-layout.-new-layout.-layout-list .link .icon-arrow svg,
  .sc-cms-layout.-new-layout .link .icon-arrow svg {width: 16px;}
  .sc-cms-layout.-new-layout.-layout-list .link .content {padding-right: 15px;}

  .sc-site-map.-addon {column-gap: 15px;column-count: 2;}
  .sc-site-map .site-map-group {margin-bottom: 7px;padding: 15px; border-radius: 15px;border-bottom: 3px solid #6BBA22;}
  .sc-site-map .site-map-group .title {font-size: 16px;margin-bottom: 12px;}
  .sc-site-map .site-map-group .link {font-size: 14px;padding-bottom: 10px;margin-bottom: 10px;}

  .sc-pdf-list .sc-qa .collapse-box .collapse-content .item-list li {width: 100%;}
  .sc-pdf-list .sc-qa .collapse-box .collapse-content .item-list .link .icon {min-width: 40px; min-height: 40px;}

  .gd-catalog-link {margin-top: 15px;}
}
@media (max-width: 767px) {
  .sc-ebook .link .row {padding: 20px 15px 15px 15px;}
  .sc-ebook .link .title {font-size: 16px;}
  .sc-ebook .link .icon {width: 40px;height: 40px;}
  .sc-ebook .link .icon svg {width: 16px; height: 16px;}

  .sc-cms-layout .item-list {margin: -5px;}
  .sc-cms-layout .item-list li {padding: 5px;}
  .sc-cms-layout .link .date {display: none;}
  .sc-cms-layout .link .content {padding: 12px 12px 15px 12px;border-bottom: 4px solid var(--color-secondary);}
  .sc-cms-layout .link .title {font-size: 15px;margin-bottom: 0;}
  .sc-cms-layout .link .desc {display: none;}
  .sc-cms-layout.-layout-list .link .content {padding: 15px;}

  .sc-cms-layout.-layout-list .link .img-cover {width: 80%;}
  .sc-cms-layout.-layout-list .link .date .date-group .icon {width: 25px; height: 25px;}
  .sc-cms-layout.-layout-list .link .title {margin-bottom: 8px; -webkit-line-clamp: 1; min-height: 1.5em;}
  .sc-cms-layout.-layout-list .link .date {display: block;}
  .sc-cms-layout.-layout-list .link .desc {display: -webkit-box; -webkit-line-clamp: 2; min-height: 2em;}

  .sc-pdf-list .img-cover {padding-top: 350px;border-radius: 20px;}

  .sc-ebook-file .sc-head .title {font-size: 20px;}
  .sc-ebook-file .sc-head .desc {font-size: 16px;}

  .sc-qa .collapse-box .collapse-btn .text {font-size: 16px;}

  .sc-qa .collapse-box .collapse-content .item-list .link {padding: 20px 15px 15px 15px;}
  .sc-qa .collapse-box .collapse-content .item-list .link .txt-group {gap: 6px;}
  .sc-qa .collapse-box .collapse-content .item-list .link strong {font-size: 16px;}
  .sc-qa .collapse-box .collapse-content .item-list .link strong:nth-child(2) {font-size: 14px;}
  .sc-qa .collapse-box .collapse-content .item-list .link > .row {justify-content: center; align-items: start; flex-direction: column; gap: 15px;}
  .sc-qa .collapse-box .collapse-content .item-list .link .icon {width: 35px; height: 35px;}
  .sc-qa .collapse-box .collapse-content .item-list .link .icon svg {width: 14px;}

  .sc-cms-layout.-new-layout .link .icon-arrow {display: none;}
  .sc-cms-layout.-new-layout .link .date .date-group .text {height: 25px;}
  .sc-cms-layout.-new-layout.-layout-list .link .content .date {margin-bottom: 10px; gap: 10px;}
  .sc-cms-layout.-new-layout.-layout-list .link .img-cover {padding-top: 125%;}

  .sc-pdf-list .pdf-list-download .link .content .text {font-size: 15px;line-height: 1.4em;}

  .sc-site-map.-addon {column-count: 1;}
  .sc-site-map .site-map-group .title {margin-bottom: 0;position: relative;display: flex ; justify-content: space-between;}
  .sc-site-map .site-map-group .title::after {content: '\e8b1'; font-family: "feather"; transition: all 300ms ease-in-out; color: #fff; font-weight: 600;color: #0047a1;}
  .sc-site-map .site-map-group .title.active::after {content: '\e897';color: #fff;}
  .sc-site-map .site-map-group .title.active {margin-bottom: 12px;}

  .sc-pdf-list .sc-qa .collapse-box .collapse-content .item-list .link {padding: 15px;}

  .pagination .pagination-nav a span {font-size: 16px;}
}

@media (max-width: 575px) {
  .sc-ebook .item-list li {width: calc(100% / 1);}
  .sc-ebook .link .title {text-align: left;}

  .sc-purchase .item-list li,
  .sc-purchase .item-list li:nth-child(7n+1),
  .sc-purchase .item-list li:nth-child(7n+3),
  .sc-purchase .item-list li:nth-child(7n+4) {width: calc(100% / 1);}
  .sc-purchase .link .content .title {min-height: auto;text-align: left;}

  .sc-purchase-list .item-list li + li {margin-top: 12px;}
  .sc-purchase-list .link .header-start {width: 100%;}
  .sc-purchase-list .link .header-end-group span {font-size: 15px;}
  .sc-purchase-list .link .content {padding: 20px 15px 13px 15px;height: auto;}
  .sc-purchase-list .link .body-end {margin-top: 15px;}
  .sc-purchase-list .link .body-end .title {font-size: 15px;min-height: auto;padding-right: 0;}
  .sc-purchase.-sc-qa .item-list li {width: 100%;}

  .sc-ebook.-ebook-file .item-list.three-column li {width: calc(100% / 1);}

  .site-footer .sitenav .collapse-btn {pointer-events: unset;}

  .pagination-label {margin-bottom: 15px;}
}