/*CUSTOM CLASS*/
.bg-nav-top{
    background-color: #1A1A1A !important;
}
.bg-nav-middle{
    background-color: #C41E26 !important;
}
.bg-breadcrumb{
    background-color: #EDEDED !important;
}
.bg-rec{
    background-color: #B50022 !important;
}
.bg-gray{
    background-color: #F5F7F7 !important;
}
.bg-dark{
    background-color: #191919 !important;
}
.bg-home{
    background-color: #FAFAFA !important;
}
.bg-yellow{
    background-color: #EC9C0A !important;
}
.bg-article{
    background-color: #F1F1F1 !important;
}
.bg-sold{
    background-color: #EBEBEB !important;
}
.bg-black{
    background-color: #000 !important;
}
.bg-lap{
    background-color: #84C454 !important;
}

.white-text{
    color: #fff;
}
.dark-text{
    color: #191919 !important;
}
.black-text{
    color: #000 !important;
}
.main-text{
    color: #B50022;
}
.primary-text{
    color: #C41E26 !important;
}
.grey-text{
    color: #A6A6A6 !important;
}
.gray-text{
    color: #D9D9D9;
}
.dark-grey-text{
    color: #555;
}
.dark-gray-text{
    color: #a6a6a6;
}
.payment-type-text{
    color: #231F20;
}


.top-20{
    top: 20%;
}

.box-0{
    border-radius: unset !important;
}
.box-4{
    border-radius: 4px !important;
}
.box-6{
    border-radius: 6px !important;
}
.box-8{
    border-radius: 8px !important;
}
.box-16{
    border-radius: 16px !important;
}
.box-24{
    border-radius: 24px !important;
}
.box-32 {
    border-radius: 32px !important;
}
.box-50 {
    border-radius: 50px !important;;
}
.box-top-8{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.line-18{
    line-height: 18px;
}
.line-28{
    line-height: 28px;
}
.line-32{
    line-height: 32px;
}


.w-fit{
    width: fit-content;
}
.w-max{
    width: max-content;
}
.w-15{
    width: 15%;
}
.w-30{
    width: 30%;
}
.w-40{
    width: 40%;
}
.w-60{
    width: 60%;
}
.w-70{
    width: 70%;
}
.w-80{
    width: 80%;
}
.w-125{
    width: 125%;
}
.h-fit{
    height: fit-content;
}
.object-contain{
    object-fit: contain !important;
}
.object-cover{
    object-fit: cover;
}
.object-position{
    object-position: center;
}
.white-space-nowrap{
    white-space: nowrap !important;
}
.card-img{
    object-fit: cover;
    border-radius: unset;
    object-position: center;
}
.va-text-middle{
    vertical-align: middle;
}
.va-text-bottom{
    vertical-align: text-bottom;
}
.va-text-top{
    vertical-align: text-top;
}
.navbar-toggler:focus, .navbar-toggler:active:focus, .navbar-toggler.active:focus{
    outline:none !important;
    box-shadow:none !important;
}

.border-white{
    border: 1px solid #fff;
}
.border-right-white{
    border-right: 1px solid #fff;
}
.border-black{
    border: 1px solid #000;
}
.border-black-2px{
    border: 2px solid #000;
}
.border-primary-2px{
    border: 2px solid #C41E26;
}
.border-gray{
    border: 1px solid #EBEBEB;
}
.border-gray-2px{
    border: 2px solid #EBEBEB;
}
.border-left-gray{
    border-left: 1px solid #EBEBEB;
}
.border-bottom{
    border-bottom: 1px solid #EBEBEB;
}
.border-primary{
    border: 1px solid #C41E26 !important;
}
::placeholder{
    font-family: "Montserrat-Regular";
    font-size: 14px;
    color: #A6A6A6;
}

.text-nowrap{
    text-wrap: nowrap !important;
}


/*ALERT FADEIN*/
.fadein-alert{
    animation: fadeIn 1s;
    background-color: #2B282A;
    border-radius: 8px;
    box-shadow: 0px 0px 10px 3px grey;
}
@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1;}
}

@keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}
@-webkit-keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}

/*NAVBAR*/
.nav-top{
    padding: 0 8rem;
}
.nav-middle{
    padding: 0 8rem;
}
.nav-bottom-logined{
    padding: 0 8rem;
}
.nav-auth-login{
    margin: 0rem .5rem !important;
}
.card-news-nav .p,
.card-news-nav span{
    font-family: Montserrat-Regular;
    font-size: 14px !important;
    color: #fff !important
}
.menu-team,
.menu-news,
.menu-corporate,
.menu-media,
.menu-club,
.menu-match{
    display: none;
    position: absolute;
    z-index: 99;
    width: 100%;
    padding: .5rem 0rem;
    left: 0;
    /*top: 207px;*/
}

.nav-team:hover .menu-team,
.nav-news:hover .menu-news,
.nav-corporate:hover .menu-corporate,
.nav-media:hover .menu-media,
.nav-club:hover .menu-club,
.nav-match:hover .menu-match{
    display: flex;
}

.menu-team a:hover,
.menu-news a:hover,
.menu-corporate a:hover,
.menu-media a:hover,
.menu-club a:hover,
.menu-match a:hover{
    color: #C41E26 !important;
}
.breadcrumb-item{
    font-family: "Montserrat-Regular";
    font-size: 14px;
    color: #000 !important;
    text-decoration: none;
}
.breadcrumb-item.active a{
    font-family: "Montserrat-Bold";
    color: #C41E26 !important;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #000;
}
.form-logout button:hover{
    background: #e9ecef !important;
}
.nav-auth-login a:hover{
    color: #fff;
}
.menu-news p{
    color: #fff;
}
#searchWholeNews{
    height: 45px;
    background: url("../icon/ic_search.png") #fff 95% center no-repeat;
    background-size: 20px;
}

/*figcaption{*/
/*    max-width: 80px !important;*/
/*}*/

/*HOME*/
.carousel-indicators{
    margin-bottom: 10rem;
}
.banner-indicator.active{
    background-color: #fff !important;
}
.banner-indicator{
    background-color: #fff !important;
}
section.home-match{
    padding: 0 8rem;
    margin-top: -10%;
    z-index: 99;
}
.h1-prev-match:after,
.h1-matches:after,
.h1-standings:after{
    content: '';
    margin-top: .5rem;
    width: 40px;
    display: block;
    height: 4px;
    background-color: #B50022;
}
section.home-news{
    padding: 0 8rem;
    margin: 5rem 0;
}
.news-img{
    transition: transform .2s;

}
/*.news-img:hover{*/
/*    transform: scale(1.3);*/
/*    opacity: 1;*/
/*    -webkit-animation: flash 1s;*/
/*    animation: flash 1s;*/
/*}*/
@-webkit-keyframes flash {
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}
@keyframes flash {
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes flashOut {
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}
@keyframes flashOut {
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}
.h1-title-news:before{
    content: '';
    margin-bottom: .5rem;
    width: 50px;
    display: block;
    height: 4px;
    background-color: #B50022;
}
.card-news .card-img-overlay{
    top: unset;
    font-family: "Montserrat-Regular";
    color: #fff;
}
section.home-gallery{
    padding: 4rem 8rem;
}
/*.gallery-video-card{*/
/*    margin-top: 5rem;*/
/*}*/
section.home-intro{
    padding: 0 8rem;
    margin: 5rem 0;
}
.img-app-intro{
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.img-player-intro{
    height: 350px;
    background-color: #000;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
section.home-sponsors{
    padding: 5rem 8rem;
}


/*LOGIN & REGISTER*/
.login-section,
.register-section,
.profile-section,
.forgot-password-section,
.edit-profile-section{
    padding: 0 8rem;
}
.login-container,
.register-container,
.edit-profile-container{
    padding: 0 23rem;
}
.forgot-password-container{
    padding: 5rem 23rem 6rem;
}
.border-form{
    border: 1px solid #EBEBEB;
}
.another-signin{
    position: relative;
    z-index: 1;
}
.btn-login:hover,
.btn-register:hover,
.btn-forgot-password:hover{
    color: #fff !important;
}
.auth-logined:hover{
    color: #fff;
}
.line-strike{
    display: flex;
    border: 1px solid #EBEBEB;
    position: absolute;
    left: 0;
    top: 50%;
    width: 35%;
    flex-direction: column;
}
.line-strike:nth-child(2){
    display: flex;
    border: 1px solid #EBEBEB;
    position: absolute;
    right: 0;
    top: 50%;
    width: 35%;
    margin-left: auto;
    flex-direction: column;
}

/*PROFILE*/
.card-profile{
    padding: 2rem 2rem 1rem;
}
.profile-img{
    width: 120px;
    height: 120px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.profile-progress{
    height: 10px;
    background-color: #C41E26;
}
.icon-ball{
    transform: translate(-50%,-80%);
}

/*STANDINGS*/
.standings-section{
    padding: 2rem 8rem;
}
.dropdown-toggle::after,
.btn-collapse-list::after{
    background-image: url("../icon/ic_dark_down-arrow.png");
    border: unset;
    background-size: contain;
    display: inline-block;
    width: 15px;
    height: 15px;
    content:"";
    margin: 0 1rem;
}

/*MATCH RESULT*/
.match-schedule-container{
    padding: 3rem 8rem 2rem;
}
.match-result-container{
    padding: 3rem 12rem;
}
.next-match-ticket,
.prev-match-ticket{
    /*background-image: url("../images/bg_ticket.png");*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
    width: 100%;
    height: 100%;
}

/*HISTORY CLUB*/
.history-club-container{
    padding: 3rem 12rem;
}

/*NEWS DETAIL*/
.news-detail-section{
    padding: 0rem 8rem;
}
.card-news-detail{
    padding: 0rem 12rem 2rem;
}
.news-content{
    padding: 3rem 5rem 2rem;
}
.socmed-share img{
    width: 32px;
}
.socmed-share img:nth-child(2){
    width: 36px;
}

/*PHOTO & VIDE GALLERY*/
.photo-gallery-section,
.video-gallery-section{
    padding: 3rem 8rem;
}

/*NEWS LIST*/
.search-news-section{
    padding: 2rem 8rem 1rem;
}
.news-list-section{
    padding: 1rem 8rem 3rem;
}

/*VIEW TICKET*/
.view-ticket-section{
    padding: 3rem 12rem;
}
.faq-ticket-section{
    padding: 3rem 18rem;
}


/*VIP TICKET*/
.vip-ticket-section{
    padding: 0rem 8rem;
}
.lapangan{
    background-color: #84C454;
}


/*BUY TICKET*/
.buy-ticket-section{
    padding: 0rem 8rem;
}
.btn-minus-1,
.btn-minus-2,
.btn-minus-3{
    width: 12px;
    height: 12px;
    background-image: url("../icon/ic_dark_minus.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.btn-minus-1.active,
.btn-minus-2.active,
.btn-minus-3.active{
    background-image: url("../icon/ic_red_minus.png");
}
.btn-plus-1,
.btn-plus-2,
.btn-plus-3{
    width: 12px;
    height: 12px;
    background-image: url("../icon/ic_red_plus.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


/*MATCH REPORT*/
.match-report-section{
    padding: 0rem 8rem;
}
.banner-report{
    width: 100%;
    height: 440px;
    object-fit: cover;
    object-position: center;
}
.overlay-report{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}

/*HEAD TO HEAD*/
.head-to-head-section{
    padding: 0rem 8rem;
}

/*TRAINING CENTRE*/
.section-training-centre-intro{
    padding: 3rem 8rem;
}
.section-training-centre-overview-banner{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    max-height: 500px;
    padding: 10rem 0rem !important;
}
.section-training-centre-overview{
    padding: 3rem 0rem;
}
/*.bali-utd-football-centre,*/
/*.youtube-football-centre,*/
/*.advancement-football{*/
/*    padding: 2rem 8rem;*/
/*}*/

/*BOARD OF DIRECTOR*/
.bod-section{
    padding: 3rem 8rem;
}

/*BOARD OF COMMISSIONER*/
.boc-section{
    padding: 3rem 8rem;
}
.boc-container .row{
    padding: 0rem 7rem;
}

/*CONTACT US*/
.contact-us-section{
    padding: 3rem 8rem;
}

/*STOCK HIGHLIGHTS*/
.stock-highlights-section{
    padding: 3rem 7.5rem;
}
.goalkeepers-section,
.defenders-section,
.midfielders-section,
.fowards-section{
    margin: 4rem 0rem;
}

/*FINANCIAL HIGHLIGHTS*/
.financial-highlights-section{
    padding: 3rem 8rem;
}

/*ANNUAL REPORTS*/
.annual-reports-section{
    padding: 3rem 8rem;
}

/*ANNUAL REPORTS*/
.documents-section{
    padding: 3rem 8rem;
}


/*ALL PLAYERS*/
.all-players-section{
    padding: 3rem 8rem;
}

/*OFFICIAL-STAFF*/
.official-staff-section{
    padding: 3rem 8rem;
}

/*DETAIL PLAYERS*/
.detail-players-section{
    padding: 3rem 8rem;
}

/*PODCAST*/
.podcast-container{
    padding: 3rem 8rem;
}

/*PODCAST DETAIL*/
.podcast-detail-section{
    padding: 0rem 8rem 4rem;
}

/*RADIO*/
.radio-section{
    padding: 0rem 8rem 4rem;
}

/*CLUB STATISTIC*/
.club-statistic-section{
    padding: 0rem 8rem 2rem;
}

/*FOOTER*/
.footer footer{
    padding: 3rem 6rem 2rem !important;
}
.company-address img{
    width: 80px;
    height: 80px;
}
.footer-news a:hover,
.footer-match a:hover,
.footer-club a:hover{
    color: #C41E26 !important;
}

/*PRIVACY TERMS*/
.privacy-terms-section{
    padding: 3rem 8rem !important;
}

/*DATA DELETION*/
.data-deletion-section{
    padding: 3rem 8rem !important;
}

/*CHECKOUT*/
.checkout-section,
.checkout-success{
    padding: 3rem 8rem;
}
/*.checkout-success-container .card{*/
/*    margin: 0rem 20rem;*/
/*}*/

input[type="number"]{
    /*Hide number field arrows*/
    -moz-appearance: textfield;
}


@media (min-width: 1201px) and (max-width: 1350px) {
    .nav-middle{
        padding: 0 5.5rem;
    }
    .login-container, .register-container{
        padding: 4rem 15rem !important;
    }
    .nav-top{
        padding: 1.5rem 6rem !important;
    }
    .nav-auth-login{
        margin: 0rem !important;
    }
}

@media (min-width: 1201px) and (max-width: 1235px) {
    .nav-menu-login .nav-link{
        padding: .5rem 0;
        margin: 0;
    }
    .nav-menu-login .mx-xl-2{
        margin: 0 .3rem !important;
    }
}

@media (min-width: 1025px) and (max-width: 1130px) {
    .nav-menu-login ul li a{
        font-size: 13px !important;
    }
    .nav-menu-login ul li{
        margin: 0 .3rem !important;
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {

    /*NAVBAR   */
    .nav-top{
        padding: 0rem 6rem;
    }
    .nav-middle{
        padding: 0rem;
    }
    .nav-menu-login ul li,
    .nav-menu-logined ul li{
        margin: 0rem .3rem;
    }
    .nav-menu-login ul li a,
    .nav-menu-logined ul li a{
        font-size: 14px;
    }
    .nav-bottom-logined{
        padding: 0rem 8rem;
    }
    /*LOGIN REGISTER SECTION*/
    .login-section,
    .register-section{
        padding: 3rem;
    }
    .login-container,
    .register-container{
        padding: 0rem 10rem;
    }
    .data-deletion-img{
        width: 50% !important;
    }
}

@media (min-width: 993px) and (max-width: 1024px) {
    /*NAVBAR   */
    .nav-top{
        padding: 0rem 2rem;
    }
    .nav-middle{
        padding: 0rem;
    }
    .nav-menu-login ul li{
        margin: 0rem 0.5rem !important;
    }
    .nav-menu-logined ul li{
        margin: 0rem .3rem !important;
    }
    .nav-menu-login ul li a,
    .nav-menu-logined ul li a,
    .nav-menu-login ul li button,
    .nav-menu-logined ul li button{
        font-size: 14px;
        white-space: nowrap !important;
    }
    .nav-bottom-logined{
        padding: 0rem 3rem;
    }


    /*HOME*/
    section.home-match,
    section.home-news,
    section.home-intro{
        padding: 0 3rem;
    }
    section.home-gallery{
        padding: 4rem 3rem;
    }
    /*NEWS DETAIL*/
    .news-detail-section{
        padding: 0rem 3rem;
    }
    /*STOCK HIGHLIGHTS*/
    .stock-highlights-section{
        padding: 3rem;
    }
    /*STANDINGS*/
    .standings-section{
        padding: 2rem 3rem;
    }
    /*MATCH & RESULT*/
    .match-schedule-container{
        padding: 3rem;
    }
    .match-result-container{
        padding: 3rem;
    }
    /*HISTORY CLUB*/
    .history-club-container{
        padding: 3rem;
    }

    /*TRAINING CENTRE*/
    .section-training-centre-intro{
        padding: 3rem;
    }
    .section-training-centre-overview{
        padding: 3rem 0rem;
    }
    .section-training-centre-overview-banner{
        max-height: 400px;
        padding: 7rem 0rem !important;
    }

    /*PHOTO & VIDEO GALLERY*/
    .photo-gallery-section, .video-gallery-section{
        padding: 3rem;
    }
    /*VIEW TICKET*/
    .view-ticket-section{
        padding: 3rem;
    }
    /*VIP TICKET*/
    .vip-ticket-section{
        padding: 0rem 3rem;
    }
    /*BUY TICKET SECTION*/
    .buy-ticket-section{
        padding: 0rem 3rem;
    }
    /*MATCH REPORT*/
    .match-report-section{
        padding: 0rem 3rem;
    }
    /*CONTACT US*/
    .contact-us-section{
        padding: 3rem;
    }
    /*ALL PLAYERS*/
    .all-players-section{
        padding: 3rem;
    }
    /*DETAIL PLAYERS*/
    .detail-players-section{
        padding: 3rem;
    }
    /*LOGIN REGISTER SECTION*/
    .login-section,
    .register-section{
        padding: 3rem 8rem;
    }
    .login-container,
    .register-container{
        padding: 0rem 10rem;
    }
    /*PODCAST*/
    .podcast-container{
        padding: 2rem 3rem;
    }
    .podcast-tab{
        padding: 2rem 3rem !important;
    }
    /*PODCAST DETAIL*/
    .podcast-detail-section{
        padding: 0rem 3rem 4rem;
    }
    /*OFFICIAL STAFF*/
    .official-staff-section{
        padding: 3rem;
    }
    /*RADIO SECTION*/
    .radio-section{
        padding: 0rem 3rem 4rem;
    }

    .checkout-section,
    .checkout-success{
        padding: 5rem 3rem;
    }
    .bod-section,
    .boc-section{
        padding: 3rem;
    }

    .club-statistic-section{
        padding: 0rem 3rem 2rem;
    }

    .forgot-password-section{
        padding: 3rem 8rem;
    }
    .forgot-password-container{
        padding: 3rem 10rem;
    }
    /*NEWS LISTS SEARCH*/
    .search-news-section{
        padding: 2rem 3rem 0rem;
    }
    .privacy-terms-section,
    .data-deletion-section{
        padding: 3rem !important;
    }
    .data-deletion-img{
        width: 50% !important;
    }

}

@media (min-width: 768px) and (max-width: 992px) {
    /*NAVBAR   */
    .nav-top{
        padding: 0rem 1rem;
    }
    .nav-middle{
        padding: 0rem;
    }
    .nav-bottom-logined{
        padding: 0rem 2rem;
    }
    .accordion-button:not(.collapsed){
        color: unset;
        background-color: unset;
        box-shadow: unset;
    }
    .accordion-button:not(.collapsed)::after{
        background-image: var(--bs-accordion-btn-icon);
    }
    #searchWholeNews{
        height: 50px;
        background: url("../icon/ic_search.png") #fff 98% center no-repeat;
        background-size: 20px;
        border: 2px solid #EBEBEB;
    }

    /*HOME*/
    section.home-match,
    section.home-news,
    section.home-intro{
        padding: 0 3rem;
    }
    section.home-gallery{
        padding: 4rem 3rem;
    }
    /*STOCK HIGHLIGHTS*/
    .stock-highlights-section{
        padding: 3rem;
    }
    /*STANDINGS*/
    .standings-section{
        padding: 2rem 3rem;
    }
    /*MATCH & RESULT*/
    .match-schedule-container{
        padding: 3rem;
    }
    .match-result-container{
        padding: 3rem;
    }
    /*HISTORY CLUB*/
    .history-club-container{
        padding: 3rem;
    }

    /*TRAINING CENTRE*/
    .section-training-centre-intro{
        padding: 3rem;
    }
    .section-training-centre-overview{
        padding: 3rem 0rem;
    }
    .section-training-centre-overview-banner{
        max-height: 400px;
        padding: 7rem 0rem !important;
    }

    /*PHOTO & VIDEO GALLERY*/
    .photo-gallery-section, .video-gallery-section{
        padding: 3rem;
    }
    /*NEWS DETAIL*/
    .news-detail-section{
        padding: 0rem 2rem;
    }
    /*NEWS LIST*/
    .news-list-section{
        padding: 2rem 3rem 1rem !important;
    }
    /*VIEW TICKET*/
    .view-ticket-section{
        padding: 3rem;
    }
    /*VIP TICKET*/
    .vip-ticket-section{
        padding: 0rem 3rem;
    }
    /*BUY TICKET SECTION*/
    .buy-ticket-section{
        padding: 0rem 2rem;
    }
    /*MATCH REPORT*/
    .match-report-section{
        padding: 0rem 3rem;
    }
    /*BOD & BOC*/
    .bod-section,
    .boc-section{
        padding: 3rem;
    }
    .boc-container .row{
        padding: 0rem;
    }
    /*CONTACT US*/
    .contact-us-section{
        padding: 3rem 2rem;
    }
    /*ALL PLAYERS*/
    .all-players-section{
        padding: 3rem;
    }
    /*DETAIL PLAYERS*/
    .detail-players-section{
        padding: 3rem;
    }
    /*PROFILE SECTION*/
    .profile-section{
        padding: 3rem;
    }
    /*LOGIN REGISTER SECTION*/
    .login-section,
    .register-section{
        padding: 6rem;
    }
    .login-container,
    .register-container{
        padding: 0rem 2rem;
    }
    /*PODCAST*/
    .podcast-container{
        padding: 2rem;
    }
    .podcast-tab{
        padding: 2rem !important;
    }
    /*PODCAST DETAIL*/
    .podcast-detail-section{
        padding: 0rem 3rem 4rem;
    }
    /*OFFICIAL STAFF*/
    .official-staff-section{
        padding: 3rem 2rem;
    }
    /*RADIO SECTION*/
    .radio-section{
        padding: 0rem 3rem 4rem;
    }
    /*CLUB STATISTIC*/
    .club-statistic-section{
        padding: 0rem 2rem 2rem;
    }

    .checkout-success{
        padding: 5rem 6rem;
    }
    .checkout-success .card{
        width: 70% !important;
    }

    .forgot-password-section{
        padding: 6rem;
    }
    .forgot-password-container{
        padding: 3rem 2rem;
    }
    .forgot-password-container p{
        margin-top: 2rem !important;
    }
    .search-news-section{
        padding: 2rem 3rem 0rem;
    }
    .footer footer{
        padding: 2rem 3rem !important;
    }
    .privacy-terms-section,
    .data-deletion-section{
        padding: 3rem !important;
    }
    .data-deletion-img{
        width: 50% !important;
    }

}

@media (min-width: 577px) and (max-width: 767px) {
    /*NAVBAR   */
    .nav-top{
        padding: 1.5rem 1.5rem 1.5rem 1rem !important;
    }
    .bg-nav-mobile{
        padding: 1rem 2rem 1rem !important;
    }
    .nav-middle{
        padding: 0rem;
    }
    .nav-bottom-logined{
        padding: 0rem 3rem;
    }
    .accordion-button:not(.collapsed){
        color: #fff !important;
        background-color: unset;
        box-shadow: unset;
    }
    .accordion-button:focus{
        box-shadow: unset !important;
        border-color: unset !important;
    }
    #searchWholeNews{
        height: 45px;
        background: url("../icon/ic_search.png") #fff 98% center no-repeat;
        background-size: 20px;
        border: 2px solid #EBEBEB;
        border-radius: 4px !important;
    }

    section.home-match{
        padding: 0rem 3rem;
    }
    section.home-news{
        padding: 0rem 3rem;
    }
    section.home-gallery{
        padding: 4rem 3rem;
    }
    section.home-intro{
        padding: 0rem 3rem;
    }
    section.home-sponsors{
        padding: 3rem;
    }
    .stock-highlights-section{
        padding: 3rem;
    }
    .standings-section{
        padding: 2rem 3rem;
    }

    /*TRAINING CENTRE*/
    .section-training-centre-intro{
        padding: 3rem;
    }
    .section-training-centre-overview{
        padding: 3rem 0rem;
    }
    .section-training-centre-overview-banner{
        max-height: 400px;
        padding: 5rem 0rem !important;
    }

    .news-detail-section{
        padding: 0rem 3rem;
    }
    .photo-gallery-section, .video-gallery-section{
        padding: 3rem;
    }
    /*NEWS LIST*/
    .news-list-section{
        padding: 0rem 1rem 1rem;
    }
    /*VIEW TICKET*/
    .view-ticket-section{
        padding: 3rem;
    }
    /*BUY TICKET SECTION*/
    .buy-ticket-section{
        padding: 0rem 3rem;
    }
    /*MATCH REPORT*/
    .match-report-section{
        padding: 0rem 3rem;
    }
    /*BOD & BOC*/
    .bod-section,
    .boc-section{
        padding: 3rem;
    }
    .boc-container .row{
        padding: 0rem;
    }
    /*PROFILE SECTION*/
    .profile-section{
        padding: 3rem;
    }
    /*LOGIN REGISTER SECTION*/
    .login-section{
        padding: 3rem;
    }
    .register-section{
        padding: 0rem;
    }
    .login-container,
    .register-container{
        padding: 0rem 2rem;
    }
    .forgot-password-section{
        padding: 3rem;
    }
    .forgot-password-container{
        padding: 3rem 2rem;
    }
    .forgot-password-container h1{
        font-size: 20px;
    }
    .forgot-password-container p{
        margin-top: 2rem !important;
        font-size: 14px;
    }
    .forgot-password-container .form-label{
        font-size: 12px;
    }
    .btn-forgot-password{
        font-size: 12px;
    }

    /*PODCAST*/
    .podcast-container{
        padding: 2rem 1rem;
    }
    /*PODCAST DETAIL*/
    .podcast-detail-section{
        padding: 0rem 0rem 4rem;
    }
    /*OFFICIAL STAFF*/
    .official-staff-section{
        padding: 3rem;
    }
    /*RADIO SECTION*/
    .radio-section{
        padding: 0rem 0rem 4rem;
    }
    /*CLUB STATISTIC*/
    .club-statistic-section{
        padding: 0rem 3rem;
    }
    .checkout-success{
        padding: 5rem 4rem;
    }
    .checkout-success .card{
        width: 70% !important;
    }
    #btnSelectPayment {
        width: 90%;
        margin: 0 auto;
        left: 0;
        right: 0;
        bottom: 0;
        margin-bottom: 1rem;
    }
    .checkout-container{
        padding-bottom: 3rem;
    }
    .all-players-section{
        padding: 3rem;
    }
    .detail-players-section{
        padding: 3rem;
    }
    .search-news-section{
        padding: 2rem 2rem 1rem;
    }

    .accordion-footer::after {
        background-image: url("../icon/ic_white_arrow_down.png") !important;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 15px;
        height: 15px;
    }

    .accordion-footer:not(.collapsed)::after {
        background-image: url("../icon/ic_white_arrow_up.png") !important;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        transform: unset;
        width: 15px;
        height: 15px;
    }

    /*FOOTER*/
    .footer footer{
        padding: 3rem 3rem 2rem !important;
    }
    .privacy-terms-section,
    .data-deletion-section{
        padding: 3rem !important;
    }

    .data-deletion-img{
        width: 50% !important;
    }

}

@media (max-width: 576px) {
    /*NAVBAR   */
    .nav-top{
        padding: 1.5rem .5rem 1.5rem 1rem !important;
    }
    .accordion-button:not(.collapsed){
        color: unset;
        background-color: unset;
        box-shadow: unset;
    }
    .accordion-navbar::after {
        background-image: url("../icon/ic_dark_right-arrow.png") !important;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 15px;
        height: 15px;
    }
    .accordion-navbar:not(.collapsed)::after {
        background-image: url("../icon/ic_dark_down-arrow.png") !important;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        transform: unset;
        width: 15px;
        height: 15px;
    }
    .accordion-navbar:not(.collapsed) {
        color: #C41E26 !important;
        font-family: "Ubuntu-Bold";
        background-color: none !important;
        /*box-shadow: none !important;*/
    }
    .accordion-navbar:focus {
        border-color: none !important;
        box-shadow:  none !important;
        outline: none !important;
    }
    .nav-middle{
        padding: 0rem;
        max-height: 100%;
        overflow-y: scroll;
    }
    .navbar-brand img{
        width: 170px !important;
    }
    .nav-bottom-logined{
        padding: 0rem 1rem;
    }
    .breadcrumb-item a{
        font-size: 12px;
    }
    #searchWholeNews{
        height: 45px;
        background: url("../icon/ic_search.png") #fff 97% center no-repeat;
        background-size: 18px;
        border: 2px solid #EBEBEB;
        border-radius: 4px !important;
    }

    .footer footer{
        padding: 2rem 1rem !important;
    }

    /*LOGIN & REGISTER*/
    .login-section,
    .register-section{
        padding: 0rem;
    }
    .login-container,
    .register-container{
        padding: 0rem 1rem;
    }
    .login-container h1,
    .register-container h1{
        font-size: 20px;
    }
    h1.another-signin{
        font-size: 12px;
    }
    .line-strike,
    .line-strike:nth-child(2){
        width: 30%;
    }
    .forgot-password-section{
        padding: 0rem;
    }
    .forgot-password-container{
        padding: 3rem 1rem;
    }
    .forgot-password-container h1{
        font-size: 20px;
    }
    .forgot-password-container p{
        margin-top: 2rem !important;
        font-size: 14px;
    }
    .forgot-password-container .form-label{
        font-size: 12px;
    }
    .btn-forgot-password{
        font-size: 12px;
    }


    /*HOME*/
    .carousel-indicators{
        margin-bottom: 2rem;
    }
    section.home-match{
        margin-top: unset;
        padding: 1rem;
    }
    section.home-news{
        padding: 1rem;
        margin: unset;
    }
    section.home-gallery{
        padding: 1rem;
    }
    section.home-intro{
        padding: 0rem;
        margin: 2rem 0rem;
    }
    .news-main-card .row-cols-1 {
        gap: 1.5rem;
    }
    .news-img-home{
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    /*STANDINGS*/
    section.standings-section{
        padding: 0rem;
    }
    .standings-container{
        padding: 1rem 0;
    }
    .standings-container h1{
        font-size: 16px;
    }

    /*SPONSORS*/
    section.home-sponsors{
        padding: 2.5rem 1rem;
    }

    /*MATCH & RESULT*/
    .match-schedule-container{
        padding: 2rem 1rem 1rem;
    }

    /*TRAINING CENTRE*/
    .section-training-centre-intro{
        padding: 2rem 1rem;
    }
    .section-training-centre-overview{
        padding: 2rem 0rem 1rem 0rem;
    }

    /*NEWS LIST*/
    section.news-list-section{
        padding: 0rem;
    }

    /*NEWS DETAIL*/
    .news-detail-section{
        padding: 0rem;
    }
    .card-news-detail{
        padding: 1rem 0rem;
    }
    .news-content{
        padding: 1rem 1rem;
    }

    /*HISTORY CLUB*/
    .history-club-container{
        padding: 2rem 1rem;
    }

    /*VIEW TICKET*/
    .view-ticket-section{
        padding: 1rem;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }
    .faq-ticket-section{
        padding: 3rem 1rem;
    }

    /*VIP TICKET*/
    .vip-ticket-section{
        padding: 2rem 1rem  ;
    }

    /*REGULAR TICKET*/
    .buy-ticket-section{
        padding: 1rem;
    }

    /*CHECKOUT SUCCESS*/
    .checkout-success{
        padding: 2rem 1rem;
    }

    /*MATCH REPORT*/
    .match-report-section{
        padding: 0rem;
    }

    /*PHOTO & VIDEO GALLERY*/
    .photo-gallery-section,
    .video-gallery-section{
        padding: 2rem 1rem;
    }
    .photo-gallery-container h1,
    .video-gallery-container h1{
        font-size: 16px;
    }

    /*TRAINING-CENTRE*/
    /*.bali-utd-football-centre{*/
    /*    background-color: #fff;*/
    /*    gap: .5rem !important;*/
    /*    padding: 2rem 1rem 1rem !important;*/
    /*}*/
    .section-training-centre-overview-banner{
        max-height: 300px;
        padding: 4rem 2rem !important;
    }

    .intro-football-centre h1,
    .advancement-football h1{
        font-size: 20px;
    }
    .intro-football-centre p:nth-child(1){
        font-size: 16px;
    }
    .intro-football-centre p:nth-child(2){
        font-size: 14px;
    }
    .advancement-football{
        padding: 0rem;
    }



    /*BOD and BOC*/
    .bod-section,
    .boc-section{
        padding: 1rem 1rem;
    }
    .bod-container h1,
    .boc-container h1{
        font-size: 16px;
    }
    .bod-container .card-body h1,
    .boc-container .card-body h1{
        line-height: 20px;
    }
    .bod-container .card-body p,
    .boc-container .card-body p{
        font-size: 14px;
    }

    .boc-container .row{
        padding: 0rem;
    }

    /*CONTACT US*/
    .contact-us-section{
        padding: 3rem 1rem;
    }
    .bali-utd-contact form button{
        width: 100%;
    }

    /*ALL PLAYERS*/
    .all-players-section{
        padding: 2rem 1rem;
    }
    .all-players-container h1{
        font-size: 16px;
    }

    .goalkeepers-section h1,
    .defenders-section h1{
        font-size: 16px;
    }
    .img-player-intro{
        max-height: 300px;
    }
    .goalkeepers-section,
    .defenders-section,
    .midfielders-section,
    .fowards-section{
        margin: 2rem 0rem;
    }

    /*DETAIL PLAYERS*/
    .detail-players-section{
        padding: 0rem;
    }
    .podcast-volume{
        width: fit-content;
    }

    /*PODCAST*/
    .podcast-container{
        padding: 2rem 1rem;
    }
    .podcast-container h1{
        font-size: 16px;
    }

    /*PODCAST DETAIL*/
    .podcast-detail-section{
        padding: 0rem;
    }
    .podcast-play{
        width: 90%;
    }

    /*RADIO*/
    .radio-section{
        padding: 0rem;
    }
    .radio-play{
        width: 85% !important;
    }

    /*OFFICIAL STAFF*/
    .official-staff-section{
        padding: 2rem 1rem;
    }
    .official-staff-container h1{
        font-size: 16px;
    }

    /*PROFILE*/
    .profile-section{
        padding: 0rem;
    }
    .card-profile{
        padding: 1.5rem 1rem;
        background-color: transparent;
    }
    .card-profile .card-body{
        padding: 0rem;
    }

    /*CLUB STATISTIC*/
    .club-statistic-section{
        padding: 0rem 0rem 2rem;
    }

    /*STOCK HIGHLIGHTS*/
    .stock-highlights-section{
        padding: 0rem;
    }

    /*FOOTER*/
    .company-address img{
        width: 72px;
        height: 72px;
    }
    .accordion-footer::after {
        background-image: url("../icon/ic_white_arrow_down.png") !important;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 15px;
        height: 15px;
    }
    .accordion-footer:not(.collapsed)::after {
        background-image: url("../icon/ic_white_arrow_up.png") !important;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        transform: unset;
        width: 15px;
        height: 15px;
    }
    .accordion-footer:not(.collapsed){
        box-shadow: none !important;
        color: #fff;
    }
    .footer-subscribe h1{
        font-size: 16px;
    }
    .checkout-section{
        padding: 2rem !important;
    }
    .checkout-success{
        padding: 2rem 2rem !important;
    }
    .checkout-success .card{
        width: 100% !important;
    }

    #btnSelectPayment {
        width: 90%;
        margin: 0 auto;
        left: 0;
        right: 0;
        bottom: 0;
        margin-bottom: 2rem;
    }
    .checkout-container{
        padding-bottom: 3rem;
    }
    .status-checkout img{
        width: 20px !important;
    }

    .fadein-alert{
        width: 100% !important;
    }

    .fadein-alert strong,
    .fadein-alert span,
    .fadein-alert button{
        font-size: 12px !important;
    }
    .search-news-section{
        padding: 2rem 1rem 0rem;
    }

    .privacy-terms-section,
    .data-deletion-section{
        padding: 1rem !important;
    }

    .data-deletion-img{
        width: 50% !important;
    }

    .data-deletion-section .col-xl-8 p:nth-child(1){
        font-size: 16px !important;
    }
}

@media (max-width: 375px){
    /*NAVBAR   */
    .nav-top{
        padding: 1.5rem .5rem 1.5rem 1rem !important;
    }
}