h1, h2 {
        margin-bottom: 10px !important;
    }
    .max-w-xl{
        max-width: 45rem !important;
    }

    .css-tv {
        display: flex;
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center;
        padding: 1.2rem
    }

    .csstv2 {
        margin: 0;
        font-family: Roboto,Helvetica,Arial,sans-serif;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: .00938em;
        text-align: center
    }

    .csstv3 {
        display: flex;
        flex-direction: row;
        -webkit-box-pack: center;
        justify-content: center;
        padding: .5rem
    }

    .csstv4 {
        margin: 0;
        flex-shrink: 0;
        border-width: 0 0 thin;
        border-style: solid;
        border-color: rgba(0,0,0,0.12)
    }

    .css-hk {
        margin: 0;
        color: #e91e63;
        text-decoration: underline rgba(233,30,99,0.4)
    }

    .css-hr {
        display: block;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        width: 100%;
        object-fit: cover
    }

    #btnSubmit:disabled {
        cursor: not-allowed;
        background-color: -internal-light-dark(rgba(239,239,239,0.3),rgba(59,59,59,0.3));
        border-color: rgba(118,118,118,0.3);
        color: #fff;
        background: #00746a
    }

    .css-tt {
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        position: relative;
        box-sizing: border-box;
        -webkit-tap-highlight-color: transparent;
        background-color: transparent;
        outline: 0;
        margin: 0;
        cursor: pointer;
        user-select: none;
        vertical-align: middle;
        appearance: none;
        text-decoration: none;
        font-family: Roboto,Helvetica,Arial,sans-serif;
        font-weight: 550;
        font-size: .875rem;
        line-height: 1.75;
        letter-spacing: .02857em;
        text-transform: uppercase;
        min-width: 64px;
        padding: 0 10px;
        border-radius: 4px;
        transition: background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,box-shadow 250ms cubic-bezier(0.4,0,0.2,1) 0ms,border-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,color 250ms cubic-bezier(0.4,0,0.2,1) 0;
        border: 1px solid rgba(233,30,99,0.5);
        color: #e91e63;
        font-size: 12px!important
    }

    #resultValue p {
        font-size: 16px;
        line-height: 24px
    }

    .progress {
        height: 10px!important
    }

    .hidecss {
        display: none
    }

    .showcss {
        display: block
    }

    .bottomcss {
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        position: relative;
        box-sizing: border-box;
        -webkit-tap-highlight-color: transparent;
        outline: 0;
        border: 0;
        margin: 0;
        cursor: pointer;
        user-select: none;
        vertical-align: middle;
        appearance: none;
        text-decoration: none;
        font-family: Roboto,Helvetica,Arial,sans-serif;
        font-weight: 500;
        font-size: .875rem;
        line-height: 1.75;
        letter-spacing: .02857em;
        text-transform: uppercase;
        min-width: 64px;
        padding: 6px 16px;
        border-radius: 4px;
        transition: background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,box-shadow 250ms cubic-bezier(0.4,0,0.2,1) 0ms,border-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,color 250ms cubic-bezier(0.4,0,0.2,1) 0;
        color: #fff;
        background-color: #29a700;
        width: 100%;
        font-weight: 550;
        font-family: system-ui
    }

    input[type="radio"] {
        transform: scale(1.3)
    }

    label,input,button,select,textarea {
        font-size: 16px!important;
        line-height: 24px!important
    }

    .center_div {
        margin: 0 auto;
        width: 50%
    }

    .bottomcss:hover {
        background-color: #2b64bd
    }

    .bottomcss:active {
        background-color: #E1007F
    }

    input[type="button"]:disabled {
        background: #367BA4;
        cursor: not-allowed
    }

    table {
        display: table;
        border-collapse: separate;
        box-sizing: border-box;
        text-indent: initial;
        border-spacing: 2px;
        border-color: grey
    }

    .css_table {
        display: table;
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0
    }

    .css_td_left {
        display: table-row-group
    }

    .td_left {
        color: inherit;
        display: table-row;
        vertical-align: middle;
        outline: 0
    }

    .row_left {
        font-family: Roboto,Helvetica,Arial,sans-serif;
        font-weight: 400;
        font-size: .875rem;
        line-height: 1.43;
        letter-spacing: .01071em;
        display: table-cell;
        vertical-align: inherit;
        border-bottom: 1px solid #e0e0e0;
        text-align: left;
        padding: 16px;
        color: rgba(0,0,0,0.87);
        font-size: 15px
    }

    .row_right {
        font-family: Roboto,Helvetica,Arial,sans-serif;
        font-weight: 400;
        font-size: .875rem;
        line-height: 1.43;
        letter-spacing: .01071em;
        display: table-cell;
        vertical-align: inherit;
        border-bottom: 1px solid #e0e0e0;
        text-align: right;
        padding: 16px;
        color: rgba(0,0,0,0.87);
        flex-direction: row-reverse;
        font-size: 15px
    }

    .body_table {
        background-color: #fff;
        color: rgba(0,0,0,0.87);
        transition: box-shadow 300ms cubic-bezier(0.4,0,0.2,1) 0;
        border-radius: 10px;
        border: 1px solid rgba(0,0,0,0.12);
        overflow: hidden;
        margin-bottom: 10px
    }

    .title_album {
        float: left;
        width: 100%
    }

    .menu2 {
        background: #328BB5;
        margin-top: -10px
    }

    .menu2 a {
        color: #fff
    }

    .item_title {
        height: 35px;
        overflow: hidden
    }

    .box_items {
        height: 18px;
        position: absolute;
        left: 55px;
        bottom: 6px;
        overflow: hidden
    }

    .box_items .item_span {
        margin-right: 30px
    }

    .box_items span {
        font-style: italic;
        color: #383848
    }

    .section {
        float: left;
        width: 100%
    }

    .catname {
        font-size: 14px;
        font-style: italic;
        margin-bottom: 1px
    }

    .nameheader {
        font-size: 18px;
        color: #000;
        margin-bottom: 8px
    }

    .imgicon3 {
        float: left;
        margin-right: 5px;
        width: 110px
    }

    .abstime3 {
        position: absolute;
        left: 70px;
        top: 102px;
        background: rgba(0,0,0,0.3);
        padding-right: 5px;
        padding-left: 5px;
        line-height: 14px;
        color: #fff
    }

    .imgicon {
        float: left;
        margin-right: 5px;
        width: 41px
    }

    .imgicon2 {
        float: left;
        margin-right: 5px;
        width: 51px
    }

    .h3img {
        margin-top: 2px!important;
        margin-bottom: 2px!important
    }

    .abstime {
        position: absolute;
        left: 0;
        top: 45px;
        background: rgba(0,0,0,0.3);
        padding-right: 10px;
        padding-left: 11px;
        line-height: 12px;
        color: #fff
    }

    .abstime2 {
        position: absolute;
        left: 0;
        top: 37px;
        background: rgba(0,0,0,0.3);
        padding-right: 5px;
        padding-left: 6px;
        line-height: 12px;
        color: #fff
    }

    .title_album {
        float: left;
        width: 100%
    }

    .imgicon {
        float: left;
        margin-right: 5px
    }

    .h3img {
        margin-top: 2px!important;
        margin-bottom: 2px!important
    }

    .abstime {
        position: absolute;
        left: 0;
        top: 45px;
        background: rgba(0,0,0,0.3);
        padding-right: 10px;
        padding-left: 11px;
        line-height: 12px;
        color: #fff
    }

    .abstime2 {
        position: absolute;
        left: 0;
        top: 37px;
        background: rgba(0,0,0,0.3);
        padding-right: 5px;
        padding-left: 6px;
        line-height: 12px;
        color: #fff
    }

    .isize {
        font-size: 12px
    }

    .img_circle img {
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px
    }

    .list_songs {
        float: left;
        margin-top: 10px;
        width: 98%
    }

    .list_songs ul {
        margin: 0;
        padding: 0;
        margin-left: 20px
    }

    .songsfix ul {
        margin: 0;
        padding: 0;
        margin-left: 0
    }

    .list_songs ul li {
        line-height: 40px;
        font-family: "Times New Roman",Georgia,Serif;
        font-size: 18px;
        border-bottom: 1px solid #f2f2f2
    }

    .container-fluid img {
        max-width: 100%
    }

    .container-fluid a {
        -webkit-transition: all 150ms ease;
        -moz-transition: all 150ms ease;
        -ms-transition: all 150ms ease;
        -o-transition: all 150ms ease;
        transition: all 150ms ease
    }

    .container-fluid a:hover {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        filter: alpha(opacity=50);
        opacity: .8;
        text-decoration: none
    }

    a:hover {
        text-decoration: none;
        color: #C2048B
    }

    .number_bg {
        background: #1A0473;
        color: #fff;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        height: 20px;
        width: 20px;
        float: left;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        padding-top: 3px;
        margin-right: 5px;
        font-weight: 700;
        font-size: 14px
    }

    .bg_nb {
        background: #0084FF
    }

    .group {
        display: block;
        clear: both
    }

    .info-top-play {
        margin-bottom: 10px;
        height: 100px;
        position: relative;
        overflow: hidden;
        float: left
    }

    .info-top-play .info-content {
        margin-left: 110px
    }

    .info-top-play .info-content .info-song-top {
        margin: 10px 0 0
    }

    .inline {
        display: inline
    }

    .row_ads {
        width: 100%;
        text-align: center
    }

    .pull-left {
        float: left
    }

    .button-style-1 {
        display: inline-block;
        padding: 3px 10px;
        color: gray;
        border: 1px solid #e6e6e6;
        background: #f7f7f7;
        margin-right: 7px;
        line-height: 0
    }

    .button-style-1 .icon-download {
        background-position: -5px -1684px
    }

    .button-style-1 span {
        position: relative;
        top: -7px
    }

    .zicon,.dropdown ul li a.checked:before,.filter-display li i,.main-nav .home a,.s50x50,.icon33 {
        background-image: url(../images/icon.png);
        background-repeat: no-repeat
    }

    .button-style-1:hover .icon-download,.button-style-1.active .icon-download {
        background-position: -30px -1684px
    }

    .base-color,a:hover,.button-style-1:hover span,.button-style-1.active span,.button-style-1.active,nav .main-nav>li:hover>a,nav .main-nav .megamenu.submenu .subcol .title-menu a:hover,nav .main-nav .megamenu.submenu .subcol li:hover a,.custom-filter a:hover,.custom-filter a.active,.box-overview .tab-nav li a.active,.box-overview .tab-nav li:hover a,.dropdown ul li a:hover,.dropdown ul li a.active,.info-score li.last span,.upload-plus:hover .text,.box-tooltip ul li a:hover,.box-tooltip ul .li a:hover,.box-tooltip .ul li a:hover,.box-tooltip .ul .li a:hover,.playlist li:hover .item-song h3 a,.playlist li:hover .item-song h4 a,.playlist li:hover .item-song span,.playlist li.playing .item-song h3 a,.playlist li.playing .item-song h4 a,.playlist li.playing .item-song span,.playlist li.pause .item-song h3 a,.playlist li.pause .item-song h4 a,.playlist li.pause .item-song span,.page-hottopic .info-content h4 a:hover {
        color: #ae4ad9
    }

    .button-style-1 .icon-share {
        background-position: -5px -1709px
    }

    .button-style-1:hover .icon-share,.button-style-1.active .icon-share {
        background-position: -30px -1709px
    }

    .zicon,.dropdown ul li a.checked:before,.filter-display li i {
        display: inline-block;
        width: 25px;
        height: 25px
    }

    .icon-circle-play,.icon-circle-follow,.social-sq li,.statistics i,.tool-song .i25>a,.table-list .play-all .icon-play,.icon-down,.icon-heart,.icon-calendar,.w-nav,.icon-headphone,.show-more i,.item-service i,.func-share i,.subcribe a span,.func-display .icon-grid,.func-display .icon-list,.icon-line-play,.icon-line-play-light,.toggle-filter i,.panel-filter li i,.title-section .icon-arrow,.hot-news-bar span .icon-info,.icon-play-all,.direction-slide-2 a span,.icon-huheart,.icon-ztv,.icon-s-arrow,.button-follow,.icon-radio,.button-style-1 i,.icon-playlist,.close,.icon-big-check,.icon-big-exit,.fix-button b,.icon-headphone-1,.icon-cart,.icon-gift,.nav-caro span,.icon-arrow-left-1,.icon-arrow-right-1,.icon-hand-like,.icon-hand-unlike,.icon-round-song,.icon-round-album,.icon-round-video,.icon-arrow,.icon-add,.icon-remove,.icon-remove-1,.icon-playlist-1 {
        background-image: url(../images/icon.png);
        background-repeat: no-repeat
    }

    .container-fluid {
        background: #fbf4e0;
        margin: 0 auto 10px;
        padding: 0;
        box-shadow: 0 1px 1px rgba(0,0,0,0.1)
    }

    .page-header {
        background: #fbf4e0;
        margin: -30px 0 0;
        padding: 20px 40px;
        border-top: 4px solid #ccc;
        color: #a83b3b;
        text-transform: uppercase
    }

    .page-header h3 {
        line-height: .88rem;
        color: #a83b3b
    }

    .caption {
        height: 140px;
        width: 100%;
        margin: 20px 0;
        padding: 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }

    .caption .span4,.caption .span8 {
        padding: 0 20px
    }

    .caption .span4 {
        border-right: 1px dotted #CCC
    }

    .caption h3 {
        color: #a83b3b;
        line-height: 2rem;
        margin: 0 0 20px;
        text-transform: uppercase
    }

    .caption p {
        font-size: 1rem;
        line-height: 1.6rem;
        color: #a83b3b
    }

    .btn.btn-mini {
        background: #a83b3b;
        border-radius: 0 0 0 0;
        color: #fbf4e0;
        font-size: .63rem;
        text-shadow: none!important
    }

    .carousel-control {
        top: 50%
    }

    .col-3 {
        width: 25%;
        float: left
    }

    .thumb {
        position: relative;
        display: block;
        margin-bottom: 8px
    }

    .thumb img {
        -webkit-backface-visibility: hidden;
        box-shadow: #000 0 0 0;
        border: 1px solid #f2f2f2
    }

    .col-6 {
        padding-left: 15px;
        width: 50%;
        float: left
    }

    ul,ol {
        margin: 0;
        padding: 0
    }

    .col-border-left {
        border-left: 1px solid #dedede
    }

    .col-6:first-child {
        border-left: 0;
        padding-left: 15px;
        padding-right: 15px
    }

    .list-item li:first-child {
        padding-top: 0
    }

    .list-item>ul>li {
        padding: 0;
        border-bottom: 1px solid #f2f2f2;
        position: relative
    }

    .title-section a {
        color: #ff8f00
    }

    .title-section {
        text-transform: uppercase;
        font-weight: 300;
        margin-bottom: 10px;
        margin-top: 5px;
        font-size: 18px
    }

    .widget-content {
        overflow: hidden;
        padding: 10px 0 0;
        border: 1px solid #ddd
    }

    .widget-content a:hover,.list-item-width:hover {
        color: #328BB5
    }

    .widget-link-list .widget-content li {
        float: left;
        margin-bottom: 15px;
        padding: 0 10px;
        width: 50%
    }

    .list-item li:first-child .tool-song {
        top: 10px
    }

    .list-item .tool-song {
        right: -5px
    }

    .list-item .txt-primary,.list-item .txt-info {
        display: inline-block;
        margin-top: 8px;
        width: 100%
    }

    .pull-right {
        float: right
    }

    .ellipsis {
        font-size: 16px
    }

    li {
        list-style: none
    }

    .item-mask {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60%;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top,transparent 0%,rgba(0,0,0,0.8) 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,transparent),color-stop(100%,rgba(0,0,0,0.8)));
        background: -webkit-linear-gradient(top,transparent 0%,rgba(0,0,0,0.8) 100%);
        background: -o-linear-gradient(top,transparent 0%,rgba(0,0,0,0.8) 100%);
        background: -ms-linear-gradient(top,transparent 0%,rgba(0,0,0,0.8) 100%);
        background: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.8) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#cc000000',GradientType=0)
    }

    .des {
        bottom: -10px;
        left: 0;
        padding: 0 10px 10px;
        position: absolute;
        z-index: 1
    }

    .cl {
        color: #fff
    }

    .footer {
        margin: auto;
        width: 100%;
        max-width: 960px;
        display: block;
        font-size: .69rem
    }

    .footer,.footer a {
        color: #fff
    }

    p.right {
        float: right
    }

    ::selection {
        background: #ff5e99;
        color: #FFF;
        text-shadow: 0
    }

    ::-moz-selection {
        background: #ff5e99;
        color: #FFF
    }

    a.navbar-logo {
        padding-top: 5px;
        font-size: 30px;
        font-weight: 700;
        float: left;
        color: #0089F!important
    }

    .play {
        display: none
    }

    .row h4 {
        text-transform: capitalize!important;
        text-transform: capitalize!important;
        font-size: 15px;
        font-weight: 700!important;
        color: #008FFF;
        height: 37px;
        overflow: hidden;
        margin-bottom: 4px;
        line-height: 17px;
        padding-top: 3px
    }

    .row .img {
        position: relative
    }

    .row .img img {
        width: 100%
    }

    .list-group-item {
        text-transform: capitalize
    }

    .artist {
        margin-top: 10px
    }

    .page {
        text-align: center;
        margin-top: 20px
    }

    .page .span1 {
        font-weight: 700;
        background: #11B8A4;
        border: 1px solid #fff;
        padding: 5px 10px;
        color: #fff
    }

    .page .active {
        font-weight: 700;
        background: #0C5048;
        border: 1px solid #fff;
        padding: 5px 10px;
        color: #fff
    }

    .page .span1:hover {
        font-weight: 700;
        background: #41DFCC;
        border: 1px solid #fff;
        padding: 5px 10px;
        color: #fff
    }

    .play img {
        width: 15%!important;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        opacity: .72
    }

    .row_zoom .img:hover .img-zoom {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3)
    }

    .img-zoom {
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out
    }

    .paging a {
        color: #333;
        text-decoration: none
    }

    .paging {
        width: 100%;
        height: 30px;
        text-align: center;
        float: left
    }

    .paging a:hover {
        color: #F60;
        text-decoration: underline
    }

    .row h5 a {
        font-size: 18px
    }

    .title_regis {
        font-size: 20px;
        text-align: center
    }

    .ip {
        float: left;
        width: 100%;
        margin-bottom: 10px
    }
    @media (max-width: 768px) {
        .flex.justify-center.space-x-2.p-2 {
            display: grid; /* Use CSS Grid for a column layout */
            grid-template-columns: repeat(2, 1fr); /* Two equal columns */
            gap: 8px; /* Space between grid items */
            padding: 10px; /* Add some padding around the grid */
            justify-items: center; /* Center items within their grid cells */
            space-x-2: 0; /* Remove existing horizontal spacing */
        }

        .flex.justify-center.space-x-2.p-2 a {
            width: 100%; /* Make each link take full width within its column */
            text-align: center; /* Center the text within each link */
            margin-bottom: 0; /* Remove individual link margins */
        }
    }