body {
    background-color: #edf2f7;
}

a:hover {
    color: #083e77;
}

.card {
    border-radius: 0.85rem;
    border: 0;
}

.fs15 {
    font-size: 15px !important;
    line-height: 1.55 !important;
}

.fs17 {
    font-size: 17px !important;
    line-height: 1.55 !important;
}

.fs21 {
    font-size: 21px !important;
    line-height: 1.55 !important;
}

.fs23 {
    font-size: 23px !important;
    line-height: 1.55 !important;
}

.max-line-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.max-line-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical
}

.max-line-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.max-line-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.max-line-5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}

.pr-3 {
    padding-right: 1.5rem;
}

.pr-4 {
    padding-right: 2rem;
}

.post-st2 .post-st2__image {
    flex: 0 0 37%;
}

.footer-top__logo .logo img {
    max-height: 80px;
}

.comments .open-comments:hover .commentCount {
    background: #F2F3F5;
}

.comments .open-comments:hover {
    background: none;
}

.cateHead-main .title {
    color: #424242;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: .16px;
    line-height: 25px;
    padding: 0 0 16px;
    position: relative;
    text-align: center;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Noto Sans', 'Ubuntu', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

.cateHead-main .title:before {
    background: #1b1d51;
    bottom: 0;
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 68px;
}

.postDetail__excerpt {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 24px;
    color: #757575;
    font-family: Merriweather, Verdana;
    font-weight: 400;
}

.postDetail__body a {
    color: #3172d8;
}

.postDetail__body p,
.postDetail__body span {
    color: #292929;
    font-family: Merriweather;
    font-size: 18px;
    font-weight: 300;
    line-height: 32px;
    /*     max-width: 568px; */
    margin: 0 auto 20px;
}

.postDetail__body figure,
.postDetail__head .postDetail__image {
    margin: 0 0 2rem;
    width: auto;
    max-width: 1920px;
}

.postDetail__body figure img,
.postDetail__head .postDetail__image img {
    width: 100% !important;
    max-width: 1920px;
}

.postDetail__body figure figcaption,
.postDetail__head .postDetail__image figcaption {
    color: #757575;
    font-family: Merriweather, 'Arial';
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    margin: 8px auto 0;
}

.postDetail__body h2 {
    font-size: 20px;
    font-weight: 600;
}

.postDetail__body h3,
.postDetail__body h4,
.postDetail__body h5,
.postDetail__body h6 {
    font-size: 20px;
    font-weight: 600;
}



.featured-post-st1 .featured-post-st1__content {
    height: auto;
    top: auto;
    bottom: 0;
}


.alert {
    border-radius: 3px;
    background-color: #ECF8FF;
    padding: 15px;
}

.alert .alert-heading {
    color: #3C5B9A;
    font-weight: 700;
    margin-bottom: 10px;
    position: relative;
}

.alert .alert-heading .icon-close {
    position: absolute;
    font-size: 19px;
    top: -10px;
    right: -3px;
    color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

.alert .alert-body {
    color: #707682;
}

.alert.alert-success {
    background-color: #ECFFE0;
}

.alert.alert-success .alert-heading {
    color: #52C234;
}

.alert.alert-success .alert-body {
    color: #528645;
}

.alert.alert-danger {
    background-color: #FFCDC1;
}

.alert.alert-danger .alert-heading {
    color: #EB0000;
}

.alert.alert-danger .alert-body {
    color: #614242;
}

.alert.alert-warning {
    background-color: #FFE6CD;
}

.alert.alert-warning .alert-heading {
    color: #FF6D03;
}

.alert.alert-warning .alert-body {
    color: #614242;
}

.my-tooltip {
    position: relative;
}

.text-tooltip:before {
    content: "";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    border-top: 7px solid #292929;
    bottom: -7px;
}

.text-tooltip {
    align-items: center;
    background-color: rgb(41 41 41/1);
    border-radius: 0.5rem;
    color: rgb(255 255 255/1);
    display: flex;
    justify-content: center;
    padding: 0.5rem 1.5rem;
    position: absolute;
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    white-space: nowrap;
    z-index: 1;
    /*left: calc(50% - 33px);*/
    bottom: 130%;
    font-size: 12px;
    transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(0) scaleY(0);
}

.text-tooltip.show {
    transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
}

.my-tooltip-hover {
    position: relative;
}

.my-tooltip-hover:hover .text-tooltip {
    transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
}



.track-bookmark .text-tooltip {
    font-size: 13px;
    padding: 5px 10px;
    left: calc(50% - 33px);
}

.postDetail__actions .action.action--like .fas {
    color: #dc0000;
}

#menu-primary>.menu-item.active>.menu-link {
    background: #f5f5f5;
    color: #292929;
}

#menu-primary .menu-item .sub-menu .menu-item.active>.menu-link {
    background: #f2f3f5;
}

.header__logo__in_menu img {
    max-width: 112px;
}

.menu-right {
    gap: 4px;
    height: 46px;
}

/* #menu-primary .menu-item .menu-link{
    height: 43px;
    line-height: 44px;
} */


.my-page .cover {
    height: 390px;
    width: 100%;
    background-color: #3d4555;
    background-size: 100% auto;
    background-position-y: center;
}

.my-page .cover .cover-avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    padding: 25px;
    margin-bottom: -95px;
    position: relative;
}

.my-page .cover .cover-avatar .avatar {
    width: 205px;
    height: 205px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    overflow: hidden;
    background-color: #ffffff;
}

.my-page .cover .cover-avatar .avatar img {
    width: 100%;
    border: 5px solid #fff;
    height: 100%;
    border-radius: 50%;
}

.my-page .cover .cover-avatar .btn-edit {
    position: absolute;
    bottom: 40px;
    right: 40px;
    border: 1px solid #ddd;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #595959;
    font-size: 14px;
    padding-top: 3px;
    cursor: pointer;
    transition: all 0.1s;
}

.my-page .cover .cover-avatar .btn-edit:hover {
    background-color: #083e77;
    color: #fff;
    border-color: transparent;
}

.my-page .cover .cover-avatar .btn-edit i {
    margin-right: -1px;
    margin-bottom: -1px;
}

.my-page .cover .cover-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 100%;
    padding-bottom: 15px;
    padding-right: 15px;
}

.my-page .cover .cover-info .left .name {
    font-size: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
    margin-bottom: 5px;
    color: #fff;
    font-weight: 700;
}

.my-page .cover .cover-info .left .name .icon {
    font-size: 16px;
    color: #083e77;
}

.my-page .cover .cover-info .left .followers {
    color: #fff;
}

.my-page .cover .cover-info .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(0, 0, 0, 0.7);
}

.my-page .cover .cover-info .right .btn {
    background: #083e77;
    border-radius: 30px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px 13px;
    gap: 5px;
    font-size: 14px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
}

.my-page .cover .cover-info .right .btn i {
    font-size: 16px;
}

.my-page .cover .cover-info .right .btn:hover,
.my-page .cover .cover-info .right .btn.active {
    color: #fff;
    background-color: #083e77;
}

.my-page .cover .cover-info .right .btn.blue {
    color: #fff;
    background: #3C5B9A;
}

.my-page .my-page-body .page-content {
    border-left: 1px solid #E1E1E1;
}

.my-page .my-page-body .page-content .product-list-horizontal .list-item {
    padding: 18px;
}

.my-page .tab-horizontal {
    border-bottom: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px;
    gap: 10px;
}

.my-page .tab-horizontal .item {
    padding: 0 14px;
    line-height: 37px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    border-radius: 3px 3px 0 0;
    gap: 10px;
    position: relative;
    bottom: -1px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.7);
}

.my-page .tab-horizontal .item .count {
    width: 20px;
    height: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 10px;
    border-radius: 50%;
}

.my-page .tab-horizontal .item .count.blue {
    background-color: #3C5B9A;
}

.my-page .tab-horizontal .item .count.red {
    background-color: red;
}

.my-page .tab-horizontal .item .count.yellow {
    background-color: #FFC000;
}

.my-page .tab-horizontal .item .count.green {
    background-color: #083e77;
}

.my-page .tab-horizontal .item.active,
.my-page .tab-horizontal .item:hover {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background: #fff;
    font-weight: 700;
    color: #000;
}

.my-page .form-infomation .row-1-1 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(300px, 1fr))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 20px;
}

.my-page .form-infomation .flex-row-1-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.my-page .form-infomation .btn {
    border: 0;
    background: #db1a1c;
    border-radius: 30px;
    color: rgb(8 62 119);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 18px;
    font-weight: 600;
    gap: 5px;
    color: #fff;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.my-page .form-infomation input[type="password"] {
    letter-spacing: 2px;
    font-size: 25px !important;
}

.my-page .form-line {
    width: 100%;
    height: 30px;
    background-color: #F9F9F9;
}

.my-page .list-wallet-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
}

.my-page .list-wallet-button .btn {
    background: #FFFFFF;
    border: 1px solid rgba(30, 55, 109, 0.2);
    border-radius: 5px;
    padding: 0 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    height: 70px;
}

.my-page .list-wallet-button .btn i {
    font-size: inherit;
}

.my-page .list-wallet-button .btn.money-account {
    color: #3C5B9A;
    gap: 12px;
    font-size: 13px;
}

.my-page .list-wallet-button .btn.money-account .icon {
    font-size: 35px;
}

.my-page .list-wallet-button .btn.money-account .right p {
    font-size: 13px !important;
    color: rgba(0, 0, 0, 0.7);
    font-weight: normal;
}

.my-page .list-wallet-button .btn.money-account .right .money {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.15;
}

.my-page .list-wallet-button .btn.active,
.my-page .list-wallet-button .btn:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#083e77), to(#083e77));
    background: linear-gradient(180deg, #083e77 0%, #083e77 100%);
    border: 0;
    color: #fff !important;
    font-size: 22px;
}

.my-page .list-wallet-button .btn.active .right p,
.my-page .list-wallet-button .btn:hover .right p {
    color: #fff;
}

.my-page .wallet-table table {
    border-collapse: collapse;
    width: 100%;
}

.my-page .wallet-table th,
.my-page .wallet-table td {
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.my-page .wallet-table th:last-child,
.my-page .wallet-table td:last-child {
    text-align: right;
}

.my-page .wallet-table th a,
.my-page .wallet-table td a {
    color: #3C5B9A;
}

.my-page .wallet-table th .red,
.my-page .wallet-table td .red {
    color: #EB0000;
}

.my-page .wallet-table th .green,
.my-page .wallet-table td .green {
    color: #083e77;
}

.my-page .wallet-table th {
    color: #989898;
}

.my-page .message-wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 275px 1fr;
    grid-template-columns: 275px 1fr;
}

.my-page .message-wrap .list-user .box-search {
    border-bottom: 1px solid #ddd;
    height: 53px;
    padding: 7px;
}

.my-page .message-wrap .list-user .box-search .input-group {
    position: relative;
}

.my-page .message-wrap .list-user .box-search .input-group input[type="text"] {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 30px;
    line-height: 38px;
    padding: 0 10px 0 34px;
    height: 38px;
}

.my-page .message-wrap .list-user .box-search .input-group .icon {
    position: absolute;
    top: 8px;
    left: 12px;
    color: rgba(0, 0, 0, 0.5);
}

.my-page .message-wrap .list-user .listItem .item {
    border-bottom: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding: 10px 10px 10px 13px;
}

.my-page .message-wrap .list-user .listItem .item .avatar {
    width: 30px;
    height: 30px;
    overflow: hidden;
    border: 1px solid #fff;
    border-radius: 50%;
}

.my-page .message-wrap .list-user .listItem .item .avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.my-page .message-wrap .list-user .listItem .item .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.my-page .message-wrap .list-user .listItem .item .content .intro {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.4);
}

.my-page .message-wrap .list-user .listItem .item .timer {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.4);
}

.my-page .message-wrap .list-user .listItem .item:hover,
.my-page .message-wrap .list-user .listItem .item.active {
    background-color: #cee3ff;
    color: #000;
}

.my-page .message-wrap .message-body {
    border-left: 1px solid #ddd;
}

.my-page .message-wrap .message-body .caption {
    border-bottom: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 53px;
}

.my-page .message-wrap .message-body .caption .title {
    font-size: 16px;
    font-weight: 700;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.my-page .message-wrap .message-body .caption .action {
    width: 53px;
    height: 53px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
}

.my-page .message-wrap .message-body .caption .action i {
    color: #C4C4C4;
}

.my-page .message-wrap .message-body .message-content {
    height: 490px;
    overflow-y: auto;
}

.my-page .message-wrap .message-body .message-content .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 4px;
}

.my-page .message-wrap .message-body .message-content .item .text {
    background-color: #3C5B9A;
    border-radius: 18px;
    color: #fff;
    padding: 5px 15px;
}

.my-page .message-wrap .message-body .message-content .item.timer {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.my-page .message-wrap .message-body .message-content .item.right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.my-page .message-wrap .message-body .message-content .item.left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.my-page .message-wrap .message-body .message-content .item.left .text {
    color: #333;
    background-color: #E3EBFD;
}

.my-page .message-wrap .message-body .message-content .item.first-left .text {
    border-bottom-left-radius: 5px;
}

.my-page .message-wrap .message-body .message-content .item.middle-left .text {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.my-page .message-wrap .message-body .message-content .item.last-left .text {
    border-top-left-radius: 5px;
}

.my-page .message-wrap .message-body .message-content .item.first-right .text {
    border-bottom-right-radius: 5px;
}

.my-page .message-wrap .message-body .message-content .item.middle-right .text {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.my-page .message-wrap .message-body .message-content .item.last-right .text {
    border-top-right-radius: 5px;
}

.my-page .message-wrap .message-body .message-input {
    border-top: 1px solid #ddd;
    padding: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    height: 60px;
}

.my-page .message-wrap .message-body .message-input .input-area {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: 1px solid #ddd;
    padding-right: 20px;
}

.my-page .message-wrap .message-body .message-input .input-area input,
.my-page .message-wrap .message-body .message-input .input-area textarea {
    font-family: 'Arial';
    border: 0;
    height: 28px;
    padding: 0 18px;
    font-size: 15px;
    line-height: 28px;
    width: 100%;
    border-radius: 30px;
    resize: none;
    height: 100%;
}

.my-page .message-wrap .message-body .message-input .action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.my-page .message-wrap .message-body .message-input .action .item {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.3);
}

.my-page .message-wrap .message-body .message-input .action .btn-send {
    color: #fff;
    font-size: 13px;
    border-radius: 30px;
    padding: 0 18px;
    height: 32px;
    line-height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #083e77;
}

.form-group {
    width: 100%;
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    color: #000;
}

.form-group .input-group {
    position: relative;
}

.form-group .form-control {
    font-size: 15px;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 3px;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    font-family: "Baloo Chettan 2", Helvetica, Arial, sans-serif;
}

.form-group .form-control:disabled {
    background: #d7d7d7;
}

.form-group textarea.form-control {
    padding: 10px;
    height: 90px;
    resize: none;
}

.form-group.input-phone .form-control {
    border: 0;
    padding: 0;
    font-size: 16px;
    color: rgb(8 62 119);
    font-weight: 700;
    border-radius: 0;
    border-bottom: 1px solid #ddd;
}


.form-group.input-facebook .form-control {
    border: 0;
    padding: 0;
    padding-left: 65px;
    font-size: 16px;
    color: rgb(8 62 119);
    font-weight: 700;
    border-radius: 0;
    border-bottom: 1px solid #ddd;
}

.form-group.input-facebook .text-fb {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    line-height: 39px;
    color: #989898;
    z-index: 4;
}

.form-group .input-group-prepend {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #989898;
    z-index: 4;
}

.form-group .radio-group {
    display: inline-block;
    margin-right: 20px;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    line-height: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form-group .radio-group input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.form-group .radio-group input:checked~.checkmark {
    border: 1px solid #083e77;
    background-color: #fff;
}

.form-group .radio-group input:checked~.checkmark:after {
    display: block;
}

.form-group .radio-group .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #EFEFEF;
    border-radius: 50%;
}

.form-group .radio-group .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #083e77;
}

.form-group .checkbox-group {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form-group .checkbox-group input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.form-group .checkbox-group .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 3px;
    background-color: #eee;
}

.form-group .checkbox-group:hover input~.checkmark {
    background-color: #ccc;
}

.form-group .checkbox-group input:checked~.checkmark {
    background-color: #083e77;
}

.form-group .checkbox-group .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.form-group .checkbox-group input:checked~.checkmark:after {
    display: block;
}

.form-group .checkbox-group .checkmark:after {
    left: 7px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.form-group .intro {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 6px;
}

.form-group .radio-group input[type="radio"] {
    width: 10px;
}

.product-list-horizontal .caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #D9D9D9;
    font-weight: 600;
}

.input-group-text {
    border: 0;
    background-color: transparent;
}

.my-page-body {
    border: 1px solid #ddd;
    margin-bottom: 30px;
}

.hide {
    display: none;
}

.p-15 {
    padding: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.row-255-fr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 255px 1fr;
    grid-template-columns: 255px 1fr;
}

.p-30 {
    padding: 30px;
}

.pt-25 {
    padding-top: 25px;
}

.text-red {
    color: #B72727;
}

.my-page .my-page-body .introduce {
    padding: 100px 10px 0;
}

.my-page .my-page-body .introduce .list-item {
    /*     border-top: 1px solid #E1E1E1; */
    padding-left: 0;
}

.my-page .my-page-body .introduce .list-item li {
    list-style: none;
}

.my-page .my-page-body .introduce .list-item .item {
    border-bottom: 1px solid transparent;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1.5;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.my-page .my-page-body .introduce .list-item li:last-child .item {
    border-bottom: 0;
}

.my-page .my-page-body .introduce .list-item .item .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    font-size: 13px;
}

.my-page .my-page-body .introduce .list-item .item .title strong {
    font-weight: 500;
    font-size: 13px;
}

.my-page .my-page-body .introduce .list-item .item .icon {
    color: #989898;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    width: 24px;
    text-align: center;
}

.my-page .my-page-body .introduce .list-item .item .noti {
    height: 17px;
    padding: 5px 5px;
    border-radius: 50%;
    background-color: #c34c4c;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
}

.my-page .my-page-body .introduce .list-item.list-bold .item,
.my-page .my-page-body .introduce .list-item.list-bold .icon {
    color: #1b1d51;
}

.my-page .my-page-body .introduce .list-item.list-bold .item:hover,
.my-page .my-page-body .introduce .list-item.list-bold .item.active {
    background-color: #1b1d51;
    color: #fff;
    border-radius: 2px;
    border-bottom: 1px solid #fff;
}

.my-page .my-page-body .introduce .list-item.list-bold .item:hover .icon,
.my-page .my-page-body .introduce .list-item.list-bold .item.active .icon {
    color: #fff;
}

.my-page .my-page-body .introduce .introduce-footer {
    padding: 15px;
    color: #a3a3a3;
}

.my-page .my-page-body .introduce .introduce-footer .box-social {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: flex;
    gap: 10px;
}

.my-page .my-page-body .introduce .introduce-footer .box-social>a {
    border-radius: 30px;
    height: 36px;
    width: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.my-page .my-page-body .introduce .introduce-footer .box-social>a i {
    color: #fff;
}

.my-page .my-page-body .introduce .introduce-footer .box-social .icon-facebook {
    background: #4267b2;
}

.my-page .my-page-body .introduce .introduce-footer .box-social .icon-youtube {
    background: #db4437;
}

.my-page .my-page-body .introduce .introduce-footer .box-social .icon-twitter {
    background: #1da1f2;
}

.my-page .my-page-body .introduce .introduce-footer .box-social .icon-messenger {
    background: #2D9CDB;
}

.bor-bottom {
    border-bottom: 1px solid #dddddd;
}

.pb-15 {
    padding-bottom: 15px;
}

.caption2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.caption2 .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}

.caption2 .title .icon {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.caption2 .action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.caption2 .action .text-link {
    color: rgb(8 62 119);
}

.caption2 .action.list-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
}

.caption2 .action.list-action .item {
    display: block;
    line-height: 60px;
    position: relative;
    bottom: -1px;
    border-bottom: 1px solid #ddd;
}

.caption2 .action.list-action .item.active,
.caption2 .action.list-action .item:hover {
    border-bottom: 1px solid #3C5B9A;
}

.caption2.yellow .title .icon {
    background-color: #FFC000;
}

.caption2.red .title .icon {
    background-color: #E76574;
}

.caption2.blue .title .icon {
    background-color: #3C5B9A;
}

.my-page .wallet-table table {
    border-collapse: collapse;
    width: 100%;
}

.my-page .wallet-table th,
.my-page .wallet-table td {
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.my-page .wallet-table th:last-child,
.my-page .wallet-table td:last-child {
    text-align: right;
}

.my-page .wallet-table th a,
.my-page .wallet-table td a {
    color: #3C5B9A;
}

.my-page .wallet-table th .red,
.my-page .wallet-table td .red {
    color: #EB0000;
}

.my-page .wallet-table th .green,
.my-page .wallet-table td .green {
    color: #52C234;
}

.my-page .wallet-table th {
    color: #989898;
}

.my-page table,
.my-page td,
.my-page th {
    border: 0;
}

.upload-page .upload-list-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    background-color: #F3F7FF;
}

.upload-page .upload-list-step .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 100%;
    flex: 0 100%;
    height: 60px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    padding: 0 15px;
    color: #3C5B9A;
    font-size: 16px;
}

.upload-page .upload-list-step .item .icon {
    width: 36px;
    height: 36px;
    background-color: rgba(60, 91, 154, 0.1);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.upload-page .upload-list-step .item .icon i {
    background: -webkit-gradient(linear, left top, left bottom, from(#518ACD), to(#3C5B9A));
    background: linear-gradient(180deg, #518ACD 0%, #3C5B9A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.upload-page .upload-list-step .item .title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.upload-page .upload-list-step .item:before {
    content: '';
    position: absolute;
    top: 8px;
    right: 10px;
    width: 42px;
    height: 42px;
    border-right: 1px solid #BCCBE8;
    border-top: 1px solid #BCCBE8;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.upload-page .upload-list-step .item:last-child:before {
    display: none;
}

.upload-page .upload-list-step .item.active {
    background: -webkit-gradient(linear, left top, right top, from(#8CC234), to(#52C234));
    background: linear-gradient(90deg, #8CC234 0%, #52C234 100%);
    color: #fff;
}

.upload-page .upload-list-step .item.active .icon {
    position: relative;
    background-color: #fff;
}

.upload-page .upload-list-step .item.active .icon i {
    background: -webkit-gradient(linear, left top, left bottom, from(#B7C234), to(#52C234));
    background: linear-gradient(180deg, #B7C234 0%, #52C234 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.upload-page .upload-list-step .item.active .icon:before {
    content: '';
    border-radius: 50%;
    position: absolute;
    width: 44px;
    height: 44px;
    background-color: rgba(255, 255, 255, 0.2);
}

.upload-page .upload-list-step .item.active:before {
    -webkit-transform: inherit;
    transform: inherit;
    top: 0;
    right: 0;
    border: 0;
    width: 0px;
    height: 0px;
    border-top: 30px solid #f3f7ff;
    border-bottom: 30px solid #f3f7ff;
    border-left: 30px solid #53c234;
}

.upload-page .upload-list-step .item.active:after {
    content: '';
    position: absolute;
    top: 0;
    left: -30px;
    width: 0px;
    height: 0px;
    border-top: 30px solid #8CC234;
    border-bottom: 30px solid #8CC234;
    border-left: 30px solid transparent;
}

.upload-page .upload-container {
    padding: 50px 95px;
}

.upload-page .row-1-1 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(300px, 1fr))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 30px;
}

.upload-page .row-1fr-350 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 350px;
    grid-template-columns: 1fr 350px;
    grid-gap: 30px;
}

.upload-page .row-1fr-253 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 253px;
    grid-template-columns: 1fr 253px;
    grid-gap: 30px;
}

.upload-page .upload-infomation .item .caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

.upload-page .upload-infomation .item .caption .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
}

.upload-page .upload-infomation .item .caption .action {
    color: #3C5B9A;
    font-size: 12px;
    line-height: 40px;
}

.upload-page .upload-infomation .item .content {
    line-height: 1.55;
    text-transform: capitalize;
}

.upload-page .upload-infomation .item .content .sub {
    width: 120px;
    display: inline-block;
}

.upload-page .upload-infomation .item .content.content_hide {
    display: none;
}

.upload-page .upload-infomation .upload-infomation-btn {
    border: 0;
    background-color: #fff;
    border-radius: 30px;
    border: 1px solid #3C5B9A;
    font-weight: 700;
    padding: 11px 36px;
    color: #3C5B9A;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer;
}

.upload-page .upload-infomation .upload-infomation-btn.active,
.upload-page .upload-infomation .upload-infomation-btn:hover {
    background-color: #3C5B9A;
    color: #fff;
}

.upload-page .upload-image .caption {
    font-weight: 700;
    margin-bottom: 10px;
}

.upload-page .upload-image .list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    border: 1px solid #B4B4B4;
    border-radius: 3px;
    padding: 15px;
}

.upload-page .upload-image .list-item .item {
    position: relative;
}

.upload-page .upload-image .list-item .item img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 110px;
    border-radius: 3px;
}

.upload-page .upload-image .list-item .item .remove {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #EB0000;
    text-align: center;
}

.upload-page .upload-image .list-item .item .remove i {
    color: #fff;
    line-height: 17px;
    font-size: 9px;
}

.upload-page .upload-image .list-item .item .btn-upload {
    border: 1px dashed #BFBFBF;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    padding: 10px 20px;
    height: 110px;
    width: 110px;
}

.upload-page .upload-image .list-item .item .btn-upload .icon {
    color: #52C234;
    font-size: 30px;
}

.upload-page .upload-image .list-item .item .btn-upload .text {
    font-size: 11px;
    text-align: center;
}

.upload-page .upload-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #DADADA;
    border-radius: 3px;
}

.upload-page .upload-option .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 100%;
    flex: 0 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 42px;
}

.upload-page .upload-option .item .radio-group {
    margin: 0;
    padding-left: 28px;
}

.upload-page .upload-option .item:first-child {
    border-right: 1px solid #DADADA;
}

.upload-page .upload-option .item.active,
.upload-page .upload-option .item:hover {
    background-color: #F5F8FF;
}

.upload-page .upload-category .row-fr-364 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 364px;
    grid-template-columns: 1fr 364px;
    grid-gap: 5px;
}

.upload-page .upload-category .list-category {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(180px, 1fr))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    -ms-grid-rows: (75px)[auto-fit];
    grid-template-rows: repeat(auto-fit, 75px);
    grid-gap: 5px 5px;
}

.upload-page .upload-category .list-category .item {
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F8F8F8));
    background: linear-gradient(180deg, #FFFFFF 0%, #F8F8F8 100%);
    border: 1px solid #DADADA;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px 0 15px;
    height: 75px;
}

.upload-page .upload-category .list-category .item .item-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}

.upload-page .upload-category .list-category .item .icon i {
    font-size: 24px;
    background: -webkit-gradient(linear, left top, left bottom, from(#919191), to(#636363));
    background: linear-gradient(180deg, #919191 0%, #636363 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.upload-page .upload-category .list-category .item .title {
    font-weight: 700;
}

.upload-page .upload-category .list-category .item .more {
    color: rgba(0, 0, 0, 0.5);
}

.upload-page .upload-category .list-category .item.active,
.upload-page .upload-category .list-category .item:hover {
    color: #3C5B9A;
    background-color: #F5F8FF;
    border: 1px solid #3C5B9A;
}

.upload-page .upload-category .list-category .item.active .icon i,
.upload-page .upload-category .list-category .item:hover .icon i {
    background: -webkit-gradient(linear, left top, left bottom, from(#2D9CDB), to(#3C5B9A));
    background: linear-gradient(180deg, #2D9CDB 0%, #3C5B9A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.upload-page .upload-category .list-child {
    border: 1px solid #3C5B9A;
    border-radius: 3px;
}

.upload-page .upload-category .list-child .title {
    font-weight: 400;
    font-size: 18px;
    color: #3C5B9A;
    padding: 15px 20px 15px 22px;
}

.upload-page .upload-category .list-child .item {
    border-top: 1px solid #eee;
    padding: 11px 15px 11px 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.upload-page .upload-category .list-child .item .radio-group {
    margin: 0;
}

.upload-page .upload-category .list-child .item.active,
.upload-page .upload-category .list-child .item:hover {
    background-color: #F5F8FF;
}

.upload-page .upload-category .list-child .item .more {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.5);
}

.upload-page .upload-line {
    width: 100%;
    border-top: 2px solid rgba(0, 0, 0, 0.2);
}

.upload-page .upload-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.upload-page .upload-control .btn {
    background: #3C5B9A;
    border-radius: 30px;
    padding: 0 35px;
    color: #fff;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    line-height: 38px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.upload-page .upload-sidebar-info {
    line-height: 1.6;
}

.upload-page .upload-sidebar-info .caption {
    font-weight: 700;
    color: rgb(8 62 119);
    border-bottom: 1px solid rgb(8 62 119);
    padding-bottom: 15px;
}

.upload-page .upload-sidebar-info a {
    color: #3C5B9A;
}

.upload-page .upload-sidebar-price .caption {
    font-weight: 700;
    padding-bottom: 15px;
}

.upload-page .upload-sidebar-price .box {
    position: relative;
}

.upload-page .upload-sidebar-price .box .form-control {
    color: #EB0000;
    font-weight: 700;
    font-size: 18px;
}

.upload-page .upload-sidebar-price .box .unit {
    position: absolute;
    top: 10px;
    right: 10px;
    color: rgba(0, 0, 0, 0.5);
}

.upload-page .upload-sidebar-radio-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #DADADA;
    border-radius: 3px;
}

.upload-page .upload-sidebar-radio-list .caption {
    font-weight: 700;
    padding-bottom: 15px;
}

.upload-page .upload-sidebar-radio-list.bor_top_0 {
    border-top: 0;
}

.upload-page .upload-sidebar-radio-list .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 100%;
    flex: 0 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 42px;
}

.upload-page .upload-sidebar-radio-list .item .radio-group {
    margin: 0;
    padding-left: 28px;
}

.upload-page .upload-sidebar-radio-list .item.bor_right {
    border-right: 1px solid #ddd;
}

.upload-page .upload-sidebar-radio-list .item.active,
.upload-page .upload-sidebar-radio-list .item:hover {
    background-color: #F5F8FF;
}

.upload-page .upload-sidebar-brand .caption {
    font-weight: 700;
    padding-bottom: 8px;
}

.upload-page .upload-sidebar-brand .box {
    border: 1px solid #ddd;
    border-radius: 3px;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(71.35%, #FFFFFF), to(#F5F5F5));
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 71.35%, #F5F5F5 100%);
    padding: 10px;
}

.upload-page .upload-sidebar-brand .box .list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 89px;
    overflow: hidden;
}

.upload-page .upload-sidebar-brand .box .list-item.open {
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
    overflow: auto;
}

.upload-page .upload-sidebar-brand .box .list-item .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 23%;
    flex: 0 23%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 15px;
    border: 1px solid transparent;
}

.upload-page .upload-sidebar-brand .box .list-item .item .title {
    font-size: 13px;
}

.upload-page .upload-sidebar-brand .box .list-item .item.active,
.upload-page .upload-sidebar-brand .box .list-item .item:hover {
    background: #F7FFF4;
    border: 1px solid #52C234;
}

.upload-page .upload-sidebar-brand .box .more {
    text-align: center;
    margin-top: 10px;
}

.upload-page .upload-sidebar-brand .box .more .more-btn {
    font-weight: 700;
    color: #3C5B9A;
}

.upload-page .upload-sidebar-selection label {
    font-weight: 700;
}

.upload-page .upload-sidebar-checkbox .caption {
    font-weight: 700;
    margin-bottom: 10px;
}

.upload-page .upload-sidebar-checkbox .list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

.upload-page .upload-sidebar-checkbox .list-item .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 21%;
    flex: 0 21%;
}

.upload-page .upload-sidebar-checkbox .list-item.row-3-items .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 31%;
    flex: 0 31%;
}

.upload-page .upload-sidebar-checkbox-2 {
    border-bottom: 1px solid #ddd;
}

.upload-page .upload-sidebar-checkbox-2 .list-item .item {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    padding-right: 35px;
    padding-left: 0;
}

.upload-page .upload-sidebar-checkbox-2 .list-item .item .title {
    font-size: 12px;
    color: #7f7f7f;
}

.upload-page .upload-sidebar-checkbox-2 .list-item .item .title strong {
    color: #333;
}

.upload-page .upload-sidebar-checkbox-2 .list-item .item .checkmark {
    right: 0;
    top: 14px;
    left: auto;
}

.upload-page .upload-caption-3 {
    padding-bottom: 5px;
    border-bottom: 1px solid rgb(8 62 119);
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.upload-page .upload-caption-3 .title {
    font-size: 18px;
    font-weight: 700;
    color: rgb(8 62 119);
}

.upload-page .upload-caption-3 .more {
    color: rgba(0, 0, 0, 0.5);
}

.upload-page .box-upload-success {
    border: 1.4px dashed #F08316;
}

.upload-page .box-upload-success .caption {
    font-weight: 700;
}

.upload-page .box-upload-success .box-upload-success-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
}

.upload-page .box-upload-success .box-upload-success-info .left p,
.upload-page .box-upload-success .box-upload-success-info .right p {
    line-height: 1.7;
    text-transform: capitalize;
}

.upload-page .box-upload-success .box-upload-success-info .left p .sub,
.upload-page .box-upload-success .box-upload-success-info .right p .sub {
    color: rgba(0, 0, 0, 0.7);
    width: 110px;
    display: inline-block;
}

.upload-page .box-upload-success .box-upload-success-info .right {
    text-align: right;
}

.upload-page .box-upload-success .product-list-horizontal .item {
    margin-bottom: 0;
}

.upload-page .upload-sidebar-note {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
}

.upload-page .upload-sidebar-note .icon {
    color: #2D9CDB;
    font-size: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.upload-btn-form {
    padding: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.upload-btn-form .btn {
    border-radius: 30px;
    border: 1px solid #3C5B9A;
    background-color: #fff;
    padding: 8px 15px;
    color: #3C5B9A;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
}

.upload-btn-form .btn i {
    font-size: 16px;
}

.upload-btn-form .btn.active {
    background-color: #3C5B9A;
    color: #fff;
}

.upload-btn-form .btn.success {
    background-color: #52C234;
    border: 1px solid #52C234;
    color: #fff;
}

.upload-page .upload-container {
    padding: 15px;
}

.upload-page .upload-category .row-fr-364 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}

.upload-page .upload-list-step .item {
    gap: 10px;
    padding: 0 10px;
}

.upload-page .upload-list-step .item .icon {
    font-size: 11px;
    width: 28px;
    height: 28px;
}

.upload-page .upload-list-step .item .title {
    font-size: 11px;
}

.upload-page .upload-list-step .item.active .icon:before {
    width: 36px;
    height: 36px;
}

.upload-page .upload-page .upload-control .btn {
    white-space: nowrap;
}

.upload-page .row-1fr-350 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}

.upload-page .row-1fr-253 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}

.menu {
    background-color: #fff;
    display: none;
}

#menu-primary .menu-item .menu-link,
.menu-right .btn.menu-right__btn--search {
    margin-right: 0;
}


/* .header .header__logo{ */
/* display: inline-block; */
/* } */
.header .header__logo img {
    height: 35px;
    width: 152px;
}

.header__logo-wrap {
    position: relative;
    display: flex;
    justify-content: start;
}

.header__logo-wrap .date {
    position: absolute;
    left: 15px;
    bottom: -10px;
    font-size: 12px;
}

.header__logo-wrap .anpham {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-weight: 600;
    gap: 5px;
    flex-direction: column;
    font-size: 12px;
    white-space: nowrap;
}

.header__logo-wrap .anpham img {
    width: 100px;
}

.header-top {
    /* border-top: 1px solid #ddd; */
    /* border-bottom: 1px solid #ddd; */
    background-color: #f9f9f9;
    font-size: 13px;
}

.header-top__social {
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    gap: 15px;
}

.header-top__social li {
    list-style-type: none;
}

.menu-tool-right {
    position: absolute;
    right: 0;
    top: 0;
}

.menu-mobi__content .menuHead .menu-mobi__close {
    border: 0;
}

.menu-right .btn.menu-right__btn--login {
    background-color: #eeeeee;
}

.menu-right .btn.menu-right__btn--login i {
    display: inline-block;
    font-size: 16px;
}

.menu-mobi .menu-mobi__open {
    color: #333;
    margin-left: 0;
}

.header-menu {
    justify-content: flex-end;
    z-index: 9999;
    position: relative;
    height: 58px;
}

.menu-lbl {
    padding: 2px 7px 1px;
    font-size: 10px;
    left: -3px;
    top: -10px;
    /*background: #9013fe;*/
    color: #fff;
    margin-left: 0;
}

/* .menu-lbl.menu-lbl--new{
    background: #B72727;
} */
.menuBody__list .block-menu .block-menu__list li a {
    font-size: 15px;
    display: flex;
    max-width: 100%;
    width: 100%;
    font-weight: 500;
    color: #333;
    justify-content: space-between;
}

.menuHead__social {
    display: none;
    list-style: none;
    gap: 21px;
    margin-bottom: 0;
    padding-left: 0;
}

.post-st3.post-st3--big {
    max-width: fit-content;
}

/* .featured-post-st1__image,
.post-st1__image, 
.post-st2__image, 
.post-st3__image, 
.post-st4__image{
    box-shadow: 0px 16px 32px 0px rgb(4 9 33 / 16%);
}
 */
.post-st1 .post-st1__image,
.post-st2 .post-st2__image,
.post-st3 .post-st3__image,
.post-st4 .post-st4__image,
.featured-post-st1,
.post-st1 .post-st1__image {
    border-radius: 12px;
}

.post-st3.post-st3--big .post-st3__image:before {
    padding-top: 68%;
}

.block-posts__info .title {
    line-height: 1.4;
}

@media (min-width: 1080px) {
    .menu-logo {
        display: none;
        opacity: 0;
        visibility: hidden;
    }

    /*.menu-logo{
        left: 0;
        opacity: 1;
        visibility: visible;
    }*/

    /*  #menu-primary{
        padding-left: 95px;
    }*/

    /*.menuHead__search, .menu-right .btn.menu-right__btn--search{
        position: absolute;
        right: 0;
        z-index: 9;
    }*/
    .menuHead__search .input-group .form-control {
        background: #fff;
        /*         border: 1px solid #ddd; */
        color: #333;
        border-radius: 30px !important;
        font-size: 13px;
        height: 35px;
        font-weight: 400;
    }

    /*  #menu-primary .menu-item .menu-link{
        padding: 0 10px;
    } */

    .menu-logo img {
        max-width: 210px;
        height: auto;
    }

    .menu.menuSticky .menuHead__search .input-group .form-control {
        height: 38px;
    }

    .menu.menuSticky #menu-primary {
        margin-left: 0;
    }

    .menuSticky .menu-logo img {
        width: 210px;
    }

    .menuSticky #menu-primary .menu-item .menu-link {
        height: 37px;
        line-height: 38px;
        font-size: 13px;
        padding: 0px 10px;
    }

    /* .menu.menuSticky #menu-primary { */
    /*margin-left: 50px;*/
    /* } */
}

@media (max-width: 1080px) {
    .menu-logo img {
        height: 44px;
        width: auto;
    }

    .menuHead__search {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .form-infomation {
        padding: 15px;
    }

    .post-st1 .post-st1__image::before,
    .post-st2 .post-st2__image::before {
        padding-top: 73%;
    }

    .post-st2 {
        align-items: start;
    }

    .m-none {
        display: none !important;
    }

    .menuHead__social {
        display: flex;
    }

    .menu-logo {
        display: block;
        opacity: 1;
        visibility: visible;
        margin-right: 15px;
    }

    .menu-lbl {
        top: -7px;
    }

    .menuBody__list .block-menu .block-menu__list li {
        margin-bottom: 5px;
    }

    .menu.menuSticky .menu-logo img {
        max-height: 50px;
    }

    .menu-tool-right {
        position: static;
    }

    .header-top {
        display: none;
    }

    .menuHead__search {
        margin-top: 2px;
    }

    .menu {
        border-top: 0;
        padding: 6px 0;
        background-color: #fff;
        border-bottom: 1px solid #ddd;
        /*         box-shadow: 1px 1px 28px #d2d2d2; */
        display: block;
    }

    .post-st3 .post-st3__content .excerpt,
    .post-st1.post-st1--big-vertical .post-st1__content .excerpt {
        display: none;
    }

    /*     #postBody__list{
        padding-right: 0;
    } */
    .postDetail__body figure,
    .postDetail__head .postDetail__image {
        margin: 0 -15px 2rem;
    }

    .menu-mobi__content .menuHead {
        padding: 9px 0 0;
    }

    .menuBody__list .block-menu {
        margin-top: 1.5rem;
        margin-bottom: 1rem;
    }

    .postDetail__body figure figcaption,
    .postDetail__head .postDetail__image figcaption {
        padding: 0 10px;
    }

    .row-255-fr {
        grid-template-columns: inherit;
        margin: 0 -15px 0;
        border: 0;
    }

    .my-page .message-wrap .list-user .listItem {
        margin-bottom: 0;
    }

    .my-page .cover {
        height: auto;
        margin: 0 -15px 15px;
        padding: 10px;
        width: auto;
        background-color: #F3F7FF;
        background-size: 100% auto;
        background-position-y: center;
        background-repeat: no-repeat;
        background-size: auto;

    }

    .my-page .cover .cover-avatar {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 0;
    }

    .my-page .cover .cover-info {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        padding-right: 0;
        padding-bottom: 0;
    }

    .my-page .cover .cover-avatar .btn-edit {
        position: static;
        margin-top: -20px;
    }

    .my-page .my-page-body .introduce {
        padding: 0 10px;
    }

    .my-page .my-page-body .introduce .list-item {
        margin-bottom: 0;
        border-radius: 12px;
        border: 1px solid #ddd;
    }

    .my-page .my-page-body .page-content {
        border-left: 0;
    }

    .post-st2 .post-st2__image {
        order: 1;
    }

    .post-st2 .post-st2__content,
    .post-st1 .post-st1__content {
        padding-left: 1rem;
        padding-right: 0;
    }

    .post-st1 .post-st1__image {
        order: 0;
    }

    .my-page .cover .cover-info .right,
    .my-page .cover .cover-info .right .btn {
        width: 100%;
    }

    .my-page .cover .cover-info .left .name {
        justify-content: center;
    }

    .my-page .cover .cover-avatar {
        padding: 60px 10px 10px;
    }

    .my-page .cover .cover-avatar .avatar {
        width: 100px;
        height: 100px;
    }

    .my-page .cover .cover-avatar .avatar img {
        border: 3px solid #fff;
    }

    .my-page .message-wrap {
        display: flex;
        flex-direction: column;
    }

}




.post-st1 .post-st1__content .title a,
.post-st2 .post-st2__content .title a {
    font-size: 16px;
    line-height: 1.5;
}

.post-st2 .post-st2__content .excerpt {
    font-size: 15px;
    margin-bottom: 8px;
}

hr {
    background-color: #a2a2a2;
}

@media (max-width: 380px) {
    .menu-logo {
        margin-right: 8px;
    }
}

@media (max-width: 1080px) {
    .menu {
        display: block;
        background-color: #fff;
    }

    .post-st2 .post-st2__image {
        flex: 0 0 41%;
    }

    .post-st2 .post-st2__content .title a {
        -webkit-line-clamp: 4 !important;
    }
}

.header .header__logo {
    width: auto;
    display: flex;
    align-items: center;
}

.grid-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.grid-header .grid-col-left,
.grid-header .grid-col-right {
    display: flex;
    align-items: center;
}

.grid-header .grid-col-right {
    justify-content: flex-end;
}

.grid-header .grid-col-center {
    max-width: 770px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1
}

.grid-header .grid-col-center .tab-header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    gap: 30px;
}

.grid-header .grid-col-center .tab-header .tab-header-item {
    transition: all 0.4s;
    padding: 13px 40px;
    border-radius: 12px;
    position: relative;
}

.grid-header .grid-col-center .tab-header .tab-header-item:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.grid-header .grid-col-center .tab-header .tab-header-item:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: transparent;
}

.grid-header .grid-col-center .tab-header .tab-header-item.active:after {
    background-color: #083e77;
}

.grid-page {
    display: flex;
    flex-wrap: wrap;
    /*     justify-content: space-between; */
}

.grid-page .grid-col-left {
    display: flex;
    width: 285px;
}

.grid-page .grid-col-right {
    display: flex;
    width: 300px;
}

.grid-page .grid-col-center {
    padding: 0 25px;
    width: 645px;
}

.sticky {
    position: sticky;
    top: 77px;
}

@media (max-width: 1080px) {
    .grid-page .grid-col-left {
        flex: 0 100%;
        order: 2;
    }

    .grid-page .grid-col-right {
        flex: 0 100%;
        order: 3;
    }

    .grid-page .grid-col-center {
        flex: 1;
        padding: 0;
        order: 1;
    }
}

.menu-left {
    background: white;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 20px;
}

.menu-left ul {
    list-style: none;
    padding-left: 0;
}

.menu-left ul li {
    min-height: 40px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.menu-left ul li:not(.li-button):hover a,
.menu-left ul li:not(.li-button).active a {
    background: rgb(244 244 244);
    border-right: 4px solid rgb(41, 41, 41, 1);
}

.menu-left ul li .icon {
    text-align: right;
}

.menu-left ul li .icon i {
    border-radius: 50%;
    border: 1px solid #ddd;
    padding: 4px;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 14px;
    background-color: #fff;
}

@media (max-width: 560px) {
    .menu-left ul li .icon i {
        padding: 4px;
    }
}

.menu-left ul li a {
    transition: all 0.35s;
    border-radius: 19px 0 0 19px;
    border-right: 3px solid transparent;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-size: 13px;
    padding: 8px;
    color: rgb(41, 41, 41, 0.7);
    font-weight: 600;
}

.menu-left ul li a img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #ffffff;
}

.menu-left ul li.li-button a {
    transition: all 0.35s;
    border-radius: 19px 0 0 19px;
    border-right: 3px solid transparent;
    /*     border: 1px solid #b0b0b0; */
    border-radius: 50px;
    margin-bottom: 10px;
    padding: 7px 15px;
}

.menu-left ul li.li-headline {
    color: rgb(8 62 119);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
    justify-content: start;
    align-items: center;
    gap: 10px;
    min-height: fit-content;
    padding: 5px 10px 10px;
    border-bottom: 1px dashed #e2eeff;
}

.menu-left ul li i {
    color: rgb(8 62 119);
}

.box-most-member ul li a {
    justify-content: start;
}

.pick-posts-custom .featured-post-st1 .featured-post-st1__content {
    position: static;
    background: #fff;
}

.pick-posts-custom .featured-post-st1 .featured-post-st1__content .track-bookmark {
    background: #ddd;
    color: #000;
}

.pick-posts-custom .featured-post-st1 .featured-post-st1__content .title a {
    color: #000;
}

.post-st1.post-st1--big-horizontal .post-st1__image {
    width: calc(66% - 15px);
}

.header-menu li {
    border-left: 0;
}

.flex-1 {
    flex: 1;
}

.box-search-top {
    display: flex;
    justify-content: center;
}

.box-search-top .menuHead__search .input-group .btn-search {
    color: #333;
    position: absolute;
    right: 1px;
}

.box-search-top .menuHead__search .input-group .form-control {
    border: 2px solid transparent;
    background: #f2f3f5;
    border-radius: 24px !important;
    height: 48px;
    font-size: 13px;
    padding-left: 15px;
    transition: all .1s;
}

.box-search-top .menuHead__search .input-group .form-control:active,
.box-search-top .menuHead__search .input-group .form-control:focus,
.box-search-top .menuHead__search .input-group .form-control:hover {
    border: 2px solid #333;
}

.footer-main__left {
    max-width: 100%;
}

.footer-menu__list li {
    margin-bottom: 7px;
}

.footer-top__social li a {
    font-size: 14px;
}

.footer-menu__list li a:hover {
    color: rgb(8 62 119);
}

@media (max-width: 991px) {
    .post-st1.post-st1--big-horizontal .post-st1__image {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .userLogged__action {
        position: fixed;
        top: 54px;
        right: 0;
        left: 0;
        background: #fff;
        /* box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15); */
        /* border-radius: 8px; */
        padding: 1rem;
        display: flex;
        flex-direction: column;
        width: 100vw;
        opacity: 0;
        visibility: hidden;
        transition: .4s;
    }

    .postsRelated {
        margin: 0 -15px 20px;
        width: calc(100% + 30px);
        padding: 15px;
    }

    .footer-top__logo {
        text-align: center;
        align-items: center;
    }

    .footer-top__social {
        justify-content: center;
    }

    .footer-menus .col-lg-4 {
        margin-bottom: 50px;
    }
}

.modal_loading {
    display: none;
}

body.loading {
    overflow: hidden;
}

body.loading .modal_loading {
    display: block;
}

.modal_loading .loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.17);
    z-index: 9999;
}

.modal_loading .loading-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 100%;
    height: 100px;
    line-height: 100px;
}

.modal_loading .loading-text span {
    display: inline-block;
    margin: 0 5px;
    color: #fff;
}

.modal_loading .loading-text span:nth-child(1) {
    filter: blur(0px);
    -webkit-animation: blur-text 1.5s 0s infinite linear alternate;
    animation: blur-text 1.5s 0s infinite linear alternate;
}

.modal_loading .loading-text span:nth-child(2) {
    filter: blur(0px);
    -webkit-animation: blur-text 1.5s 0.2s infinite linear alternate;
    animation: blur-text 1.5s 0.2s infinite linear alternate;
}

.modal_loading .loading-text span:nth-child(3) {
    filter: blur(0px);
    -webkit-animation: blur-text 1.5s 0.4s infinite linear alternate;
    animation: blur-text 1.5s 0.4s infinite linear alternate;
}

.modal_loading .loading-text span:nth-child(4) {
    filter: blur(0px);
    -webkit-animation: blur-text 1.5s 0.6s infinite linear alternate;
    animation: blur-text 1.5s 0.6s infinite linear alternate;
}

.modal_loading .loading-text span:nth-child(5) {
    filter: blur(0px);
    -webkit-animation: blur-text 1.5s 0.8s infinite linear alternate;
    animation: blur-text 1.5s 0.8s infinite linear alternate;
}

.modal_loading .loading-text span:nth-child(6) {
    filter: blur(0px);
    -webkit-animation: blur-text 1.5s 1s infinite linear alternate;
    animation: blur-text 1.5s 1s infinite linear alternate;
}

.modal_loading .loading-text span:nth-child(7) {
    filter: blur(0px);
    -webkit-animation: blur-text 1.5s 1.2s infinite linear alternate;
    animation: blur-text 1.5s 1.2s infinite linear alternate;
}

@-webkit-keyframes blur-text {
    0% {
        filter: blur(0px);
    }

    100% {
        filter: blur(4px);
    }
}

@keyframes blur-text {
    0% {
        filter: blur(0px);
    }

    100% {
        filter: blur(4px);
    }
}


.block-posts-channel {
    padding: 15px;
    border-radius: 10px;
}

.block-posts-channel .block-posts__info .title {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0;
}

.block-posts-channel .btn-view-all {
    height: 28px;
    line-height: 28px;
    border-radius: 28px;
    font-size: 11px;
    background: #fff;
    margin-top: 0;
    border: 0
}

.listItemScroll {
    display: flex;
    gap: 15px;
    overflow-x: scroll;
    white-space: nowrap;
    padding-bottom: 15px;
}

.listItemScroll .featured-post-st1 {
    min-width: 40%;
}

.listItemScroll .featured-post-st1 .featured-post-st1__image::before {
    padding-top: 75%;
}

.listItemScroll .featured-post-st1 .featured-post-st1__image img {
    border-radius: 12px;
    border: 2px solid #fff;
}

.listItemScroll .featured-post-st1 .featured-post-st1__content {
    bottom: 2px;
    left: 2px;
    right: 2px;
    border-radius: 12px;
    width: calc(100% - 4px);
    padding: 22px 15px 10px;
}

.listItemScroll .featured-post-st1 .featured-post-st1__content .title {
    padding-right: 0;
}

.listItemScroll .featured-post-st1 .featured-post-st1__content .title a {
    white-space: normal;
    font-size: 16px;
    line-height: 1.35;
    padding-top: 70px;
    font-weight: 500;
}

.listItemScroll .featured-post-st1 .featured-post-st1__content .track-bookmark {
    width: 35px;
    height: 35px;
    font-size: 14px;
}

.listItemScroll::-webkit-scrollbar {
    width: 20px;
}

.listItemScroll::-webkit-scrollbar-track {
    border: 2px solid #f5f5f5;
    border-radius: 10px;
}

.listItemScroll::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px;
    border: 2px solid #f5f5f5;
}

.listItemScroll::-webkit-scrollbar-thumb:hover {
    background: #ffa81d;
}

.box-donate .heading i {
    color: rgb(8 62 119);
}

@media (max-width: 767px) {
    .tab-sticky {
        display: flex;
        gap: 0;
        justify-content: space-around;
        width: 100%;
        position: relative;
    }

    .tab-sticky .tab-sticky-item {
        padding: 8px 0 5px;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        min-width: 60px;
    }

    .tab-sticky .tab-sticky-item .txt {
        font-size: 11px;
    }

    .tab-sticky .tab-sticky-special-item {
        width: 80px;
        height: 80px;
        padding: 0 0 2px;
        font-weight: 500;
        background-color: #0c2d51;
        background-image: linear-gradient(5deg, #083e77, #1079ea);
        border-radius: 50%;
        border: 4px solid #0c2d51;
        color: #fff;
    }

    .tab-sticky .tab-sticky-absolute {
        position: absolute;
        top: -18px;
        left: 50%;
        margin-left: -40px;
    }
}

@media (max-width: 575px) {
    .block-posts-channel {
        margin: 0px -15px 0;
        width: calc(100% + 30px);
        border-radius: 0;
        padding: 20px 15px;
    }

    .block-posts-channel .featured-post-st1 .featured-post-st1__image::before {
        padding-top: 70.25%;
    }

    .listItemScroll .featured-post-st1 {
        min-width: 70%;
    }
}


.icon-play-big:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f144";
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    font-size: 40px;
    color: white;
}

.post-st1--big-horizontal .icon-play-big:before {
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    font-size: 50px;
}


.w-btn {
    font-size: 1rem;
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    gap: 3px;
    border-radius: 8px;
    text-decoration: none;
    white-space: normal;
    cursor: pointer;
    border: none;
    background-color: #4141410f;
    box-shadow: none;
    color: #333;
    font-weight: 500;
    transition-property: background-color, border-color, box-shadow;
    transition-duration: 85ms;
    transition-timing-function: ease;
    flex-shrink: 0;
    padding: 6px 12px;
    min-height: 33px;
}

.w-btn:hover {
    border: none;
    background-color: #091e4224 !important;
    box-shadow: none;
    color: #333;
    text-decoration: none;
}

.userLogged:hover .w-btn {
    border: none;
    background-color: #091e4224 !important;
    box-shadow: none;
    color: #333;
    text-decoration: none;
}

.w-btn-soft-warning {
    color: #f05e00;
}

.w-btn-soft-warning:hover {
    color: #f05e00;
    background-color: #ffeee3 !important;
}

.w-btn-soft-primary {
    color: rgb(8 62 119);
}

.w-btn-soft-primary:hover {
    color: rgb(8 62 119) !important;
    background-color: #091e4224 !important;
}

.w-btn-primary {
    color: rgb(8 62 119);
    background-color: #b4b7ba24 !important;
}

.w-btn-primary:hover {
    color: rgb(8 62 119) !important;
}

.w-btn-bell {
    background-color: rgb(234 234 234 / 40%) !important;
    color: #333;
    margin-right: 5px;
}

@media only screen and (max-width: 767px) {
    .w-btn-bell {
        margin-right: 0;
    }
}

.userLogged:hover .w-btn-bell {
    color: #333 !important;
    background-color: rgb(59 61 62 / 9%) !important;
}

.gap-20 {
    gap: 20px;
}

.profile-statistical {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    border-radius: 14px;
    padding: 5px 10px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: #ffffff3d;
}

.profile-statistical .item {
    grid-gap: 2px;
    gap: 2px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.profile-statistical .item .label,
.profile-statistical .item .number {
    color: #FFF;
}

.profile-statistical .item .number {
    font-weight: 700;
    font-size: 16px;
}

.profile-statistical .item .label {
    font-weight: 400;
    font-size: 11px;
}

.login_form {
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 10px;
}

.post-st2__image {
    position: relative;
}

@media only screen and (max-width: 767px) {
    .my-page .my-page-body .introduce {
        width: 100%;
        overflow: auto;
        border-bottom: 1px solid #ddd;
        padding: 0 15px 15px 15px;
    }

    .my-page .my-page-body .introduce .list-item {
        display: flex;
        align-items: center;
        border: 0;
    }

    .my-page .my-page-body .introduce .list-item .item {
        border-bottom: 0;
        display: flex;
        align-items: center;
        white-space: nowrap;

    }

    .my-page .my-page-body .introduce .list-item .item .title {
        position: relative;
        font-size: 15px;
        gap: 5px;
    }

    /* .my-page .my-page-body .introduce .list-item .item .title strong{
        display: none;
    } */

    .my-page .my-page-body .introduce .list-item .item .noti {
        position: absolute;
        top: -5px;
        right: -17px;
        font-size: 9px;
        width: 13px;
        height: 13px;
        line-height: 13px;
    }

    .my-page .my-page-body .introduce .list-item .item .title strong {
        line-height: 1;
    }

    .my-page .my-page-body .introduce-h .list-item {
        flex-direction: column;
        padding: 0;
    }

    .my-page .my-page-body .introduce-h .list-item .item {
        border-bottom: 1px solid #ddd;
        width: 100%;
    }

    .my-page .my-page-body .introduce-h .list-item .item:last-child {
        border-bottom: 0;
    }
}

.post-wrapper {
    display: block;
    padding: 15px;
    margin-bottom: 15px;
    background: #fff;
    border-radius: 12px;
}

.post-wrapper .form-add-post {
    display: flex;
    gap: 10px;
}

.post-wrapper .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    min-width: 40px;
}

.post-wrapper .form-add-post .text {
    border-radius: 22px;
    background: #fafafa;
    resize: none;
    padding: 0 15px;
    position: relative;
    flex: 1;
    height: 40px;
    font-size: 13px;
    overflow: hidden;
    overflow-wrap: break-word;
    line-height: 38px;
    border: 0;
}

.author-group-action {
    display: flex;
    gap: 10px;
    align-items: center;
}

.btn-followers {
    font-size: 12px;
    border-radius: 30px;
    background-color: #fff;
    color: rgb(8 62 119);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 10px;
    gap: 5px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-box-shadow: 0 5px 12px rgb(0 0 0 / 15%);
    box-shadow: 0 5px 12px rgb(0 0 0 / 15%) !important;
    border: 0;
}

.btn-followers.active {
    color: #0aa900;
    /*     background-color: #2b9d002e; */
}

.postDetail__info .author {
    gap: 12px;
}

.author .author__avatar {
    margin-right: 5px;
}

.post-actions .postDetail__actions {
    justify-content: space-between;
}

.post-st5 .post-st5__content .category:before {
    content: "#";
}


.postDetail__description .content .text {
    font-size: 14px;
}

.scroll_categories {
    max-height: 350px;
    overflow: auto;
}

.scroll_categories::-webkit-scrollbar {
    width: 10px;
}

.scroll_categories::-webkit-scrollbar-track {
    background: #f2f3f3;
    border-radius: 0 6px 6px 0;
}

.scroll_categories::-webkit-scrollbar-thumb {
    background: #e8e8e8;
    border-radius: 6px;

}

.scroll_categories::-webkit-scrollbar-thumb:hover {
    background: #c2c2c2;
}

.trend-new-style .trend-item .post-st2 .post-st2__content .title a {
    -webkit-line-clamp: 5;
    line-clamp: 5;
    font-size: 0.8rem;
}

.trend-new-style .trend-item .post-st2 .post-st2__content {
    padding-left: 0;
}

.trend-new-style {
    margin-bottom: 10px;
}

.trend-new-style .trend-item {
    margin-bottom: 10px;
}

.trend-new-style .trend-item .trend-item__number {
    display: flex;
    flex: 0 0 50px;
    padding-right: 0;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.4;
    justify-content: center;
    color: #bfbfbf;
}

.trend-new-style-title {
    font-weight: 600;
    margin-bottom: 10px;
    color: rgb(41, 202, 255);
}

.box-donate {
    background: #fff;
    padding: 20px;
    display: block;
    width: fit-content;
    width: 100%;
    border-radius: 15px;
}

.box-donate .heading {
    font-weight: 600;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    display: flex;
    gap: 10px;
    padding-bottom: 10px;
}

.box-donate .heading i {
    font-size: 21px;
}

.scroll_most_member {
    max-height: 350px;
    overflow: auto;
}

.scroll_most_member::-webkit-scrollbar {
    width: 10px;
}

.scroll_most_member::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #f2f3f3;
}

.scroll_most_member::-webkit-scrollbar-thumb {
    background: #e8e8e8;
    border-radius: 10px;
}

.scroll_most_member::-webkit-scrollbar-thumb:hover {
    background: #c2c2c2;
}

.pages-menu-left a {
    display: inline-block;
    margin-right: 6px;
    font-size: 11px;
    color: #696969;
}

.postHead__content .thumbnail img{
    width: 70px;
    height: 70px;
    max-width: 70px;
    max-height: 70px;
    border-radius: 50%;
}
.postHead__content{
    position: static;
    max-width: 100%;
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    color: #333;
}
.postHead__content .title{
    font-size: 20px;
    line-height: 1.3;
}
.postHead__content .description{
    font-size: 14px;
}
.postHead__actions{
    gap: 10px;
}
.postHead__actions .action{
    line-height: 30px;
    height: 30px;
    font-size: 12px;
    padding: 0 8px;
    margin: 0;
    min-width: 35px;
}
.postHead__actions .action.action--follow.active{
    background: #1b1d51;
}
.postHead__actions .action.action--follow{
    gap: 4px;
}

.grid-header .grid-col-center .tab-header .tab-header-item {
    transition: .4s;
    padding: 2px 15px;
    border-radius: 12px;
    position: relative;
    display: flex;
    flex-direction: column;
    font-size: 11px;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.postDetail__head .postDetail__title {
    font-size: 28px;
    line-height: 1.4;
}

.postDetail__body p,
.postDetail__body span,
.postDetail__body li {
    color: #292929;
    font-family: Arial, sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.5;
    margin: 0 auto 20px;
    word-wrap: break-word !important;
}

.postDetail__body .mce-toc li {
    line-height: 1.35;
    margin-bottom: 0;
    margin-top: 6px;
}

#content_detail .mce-toc>ul>li>a {
    font-weight: 600;
}

.postDetail__body li * {
    display: inline;
}

.postDetail__body li ul,
.postDetail__body li ul li {
    display: block;
}

#content_detail figure>a {
    overflow: hidden;
    display: block;
}

#content_detail figure h2 {
    font-size: 16px;
}

.postDetail__excerpt {
    color: #252525;
    font-size: 16px;
    line-height: 1.55;
    font-family: Arial, sans-serif;
    ;
}

.timePublish {
    text-align: right;
}

#content_detail strong,
#content_detail h2,
#content_detail h3,
#content_detail h4,
#content_detail h5,
#content_detail h6,
#content_detail h2 *,
#content_detail h3 *,
#content_detail h4 *,
#content_detail h5 *,
#content_detail h6 * {
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.4;
}

.postDetail__body figure.expNoEdit img {
    width: 100%;
    transition: transform .5s ease;
}

/* .postDetail__body figure.expNoEdit:hover img {
transform: scale(1.03);
} */
.postDetail__body table {
    width: 100% !important;
}

.postDetail__body .exp_area_vote {
    width: 100%;
    display: block;
    float: left;
}

.postDetail__body .quote-inner figure.expNoEdit {
    margin-bottom: 15px;
}

.postDetail__body .quote-inner>p.expEdit {
    margin-bottom: 0;
}

.postDetail__body .q-content {
    line-height: 1.5;
}

.postDetail__body table td {
    line-height: 1.6;
    font-family: Arial;
}

.postDetail__body table td ul,
.postDetail__body table td li,
.postDetail__body table td p {
    margin-bottom: 10px;
}

.postDetail__body table td p:last-child {
    margin-bottom: 0px;
}

.postDetail__body table td {
    padding: 10px !important;
}

.iframe-responsive {
    width: 100%;
    aspect-ratio: var(--aspect-ratio, 16 / 9);
    position: relative;
    max-height: 630px;
}

.iframe-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.mfp-title {
    font-size: 13px;
}

@media (min-width: 768px) {
    .postDetail__body figure.expNoEdit {
        width: 100%;
        overflow: hidden;
    }
}

@media (max-width: 480px) {

    .postDetail__body p,
    .postDetail__body span,
    .postDetail__body li {
        font-size: 19px;
    }

    .postDetail__actions .action.action--shareFb,
    .postDetail__actions .action.action--like,
    .postDetail__actions .action.action--copyLink {
        font-size: 12px;
    }

    .postDetail__actions .action.action--bookmark {
        display: none;
    }

    .postDetail__actions .action {
        padding: 0 10px;
    }

    .postDetail__body .twentytwenty-wrapper figure {
        margin: 0 0 2rem;
        width: 100%;
    }

    .postDetail__body .twentytwenty-wrapper figure figcaption {
        display: none;
    }
}

@media (max-width: 1080px) {
    .grid-header .grid-col-center .tab-header .tab-header-item {
        padding: 13px 40px;
    }

    .grid-header .grid-col-center .tab-header .tab-header-item .txt {
        display: none;
    }
}