.wrap-tieuchi {
    margin-top: clamp(20px, 1.75vw, 21px);
    margin-bottom: clamp(20px, 3.3333333333vw, 40px);
    -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.15))
}

.tieuchi-slide {
    padding: 0 var(--gap__calc);
    -webkit-clip-path: polygon(35px 0px, 100% 0, -webkit-calc(100% - 35px) 100%, 0 100%);
    clip-path: polygon(35px 0px, 100% 0, -moz-calc(100% - 35px) 100%, 0 100%);
    clip-path: polygon(35px 0px, 100% 0, calc(100% - 35px) 100%, 0 100%)
}

.tieuchi_item {
    margin: 0 4px 4px 0;
    padding: 10px 0
}

.tieuchi_item::before {
    content: "";
    position: absolute;
    inset: 0px -webkit-calc(var(--gap__calc)/-4);
    inset: 0px -moz-calc(var(--gap__calc)/-4);
    inset: 0px calc(var(--gap__calc)/-4);
    z-index: -1;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 4px 4px 0 var(--secondary-color);
    box-shadow: 4px 4px 0 var(--secondary-color);
    -webkit-transform: skewX(-18deg);
    -moz-transform: skewX(-18deg);
    transform: skewX(-18deg)
}

.tieuchi-desc {
    font: italic 500 14px/1.7857142857 var(--font-family)
}

.tieuchi-numb {
    font: 400 52px var(--second-family);
    color: #fff
}

.tieuchi-numb::before {
    content: attr(title);
    position: absolute;
    inset: 0;
    z-index: -1;
    -webkit-text-stroke: 2px #cecece;
    paint-order: stroke fill
}

.tieuchi-pic {
    padding-left: 29px
}

.tieuchi-info {
    padding: 0 24px 0 5px
}

.wrap-splist_dm {
    margin: clamp(20px, 3.3333333333vw, 40px) 0
}

.grid-splist_dm {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 275px));
    gap: 26px 33.3333333333px
}

.splist_dm_item {
    height: 72px;
}

.splist_dm-title {
    --line: 2;
}

.splist_dm_item:hover {
    background: var(--secondary-color);
}

.splist_dm_item {
    transition: .5s;
}

.wrap-splistnb-all {
    margin: clamp(20px, 4.1666666667vw, 50px) 0;
    gap: clamp(20px, 4.1666666667vw, 50px)
}

.splistnb-title-main {
    margin-bottom: 20.2px;
    gap: 12px;
}

.splistnb-cats {
    gap: 12px;
    overflow: auto;
    white-space: nowrap;
    max-width: 63.75%;
}

.splistnb-cats input:checked + span {
    font-weight: bold;
    color: var(--primary-color);
}

.splistnb-title-main>label>span {
    width: fit-content;
    min-width: 260px;
    border-radius: 10px 10px 0px 10px;
    font: 1000 23px / 2.1739130435 var(--font-family);
    padding: 0 20px;
    color: #fff;
    -webkit-box-shadow: -10px 1px 0 #fff, 35px 1px 0px #fff;
    box-shadow: -10px 1px 0 #fff, 35px 1px 0px #fff;
    margin-right: 40px;
}

.splistnb-title-main>a {
    min-width: 9.1666666667%;
}

.splistnb-title-main>label>span>svg {
    left: -webkit-calc(100% + 5px);
    left: -moz-calc(100% + 5px);
    left: calc(100% + 5px);
    bottom: -1px
}

.splistnb-title-main>label>span::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: -webkit-calc(100% - 1px);
    left: -moz-calc(100% - 1px);
    left: calc(100% - 1px);
    bottom: -0.2px;
    width: 25px;
    height: 45px;
    background-color: var(--primary-color);
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
    clip-path: polygon(0 0, 0% 100%, 100% 100%)
}

.wrap-dknt {
    padding-top: clamp(20px, 3.3333333333vw, 40px);
    padding-bottom: clamp(20px, 6.25vw, 75px)
}

.flex-dknt {
    margin-bottom: clamp(10px, 2.5833333333vw, 31px)
}

.flex-dknt>input {
    border: 1px solid #fff;
    border-right: unset;
    background-color: rgba(0, 0, 0, 0) !important;
    border-radius: 0px;
    width: 26.25%;
    height: 52px;
    font: 500 14px var(--font-family)
}

.flex-dknt>input:focus,
.flex-dknt>input:focus-visible,
.flex-dknt>input:focus-within {
    border-color: var(--secondary-color);
    outline: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.flex-dknt>input:first-child {
    border-radius: 4px 0 0 4px
}

.flex-dknt>input::-webkit-input-placeholder {
    color: #fff
}

.flex-dknt>input::-moz-placeholder {
    color: #fff
}

.flex-dknt>input::-ms-input-placeholder {
    color: #fff
}

.flex-dknt>input::placeholder {
    color: #fff
}

.flex-dknt>button {
    width: 21.25%
}

.dknt-info span {
    width: max(150px, 33%)
}

.wrap-congtrinh {
    margin-top: clamp(20px, 3.3333333333vw, 40px);
    margin-bottom: clamp(20px, 4.1666666667vw, 50px)
}

.wrap-tintuc-video {
    margin-top: clamp(20px, 3.3333333333vw, 40px);
    margin-bottom: clamp(20px, 4.1666666667vw, 50px)
}

.tintuc-video-title-main {
    margin-bottom: 15.53px
}

.tintuc-video-title-main>span {
    font: 1000 30px/1.4 var(--font-family);
    color: #2d3192
}

.tintuc-video-title-main-decor span {
    height: 1px
}

.tintuc-video-title-main-decor span:nth-child(1) {
    width: 72px
}

#tintuc {
    width: min(100%, 720px)
}

.tintuc_item {
    display: grid;
    grid-template-columns: min(100%, 360px) min(100%, 333px)
}

.tintuc-slide-nav .tintuc-title {
    height: -webkit-calc(1.5rem*var(--line));
    height: -moz-calc(1.5rem*var(--line));
    height: calc(1.5rem*var(--line))
}

#video {
    width: min(100%, 436px)
}

.wrap-doitac {
    background: url(../images/doitac_border.png) repeat-x top left;
    padding: 25px 0 30px
}