/* Auth Navbar */
 .auth-navbar { background: #111111; height: 80px; position: absolute;}
 .auth-navbar .auth-navbar-inner .logo-group { display: flex;}
 .auth-navbar .auth-navbar-inner { padding: 12px 120px; display: flex; justify-content: space-between; align-items: center; width: 100%; }
 .auth-navbar .auth-navbar-inner .navbar-brand { width: 120px; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; cursor: pointer; }
 .auth-navbar .auth-navbar-inner .navbar-brand img { width: 120px; }
 .auth-navbar .auth-navbar-inner .navbar-brand-sm { display: none; width: 23px; }
 .auth-navbar .auth-navbar-inner .navbar-brand-sm img { width: 23px; }
 .auth-navbar .auth-navbar-inner .navbar-group { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
 .auth-navbar .auth-navbar-inner .navbar-group .nav-link-login { display: inline-flex; color: #FFFFFF; padding: 9px 20px; border: 1px solid #FFFFFF; border-radius: 8px; font-size: 14px; font-weight: 600; font-family: "Blinker", sans-serif; }
 .auth-navbar .auth-navbar-inner .navbar-group .nav-link-reg { display: inline-flex; background-color: #F61732; color: #F5F5FA; padding: 9px 20px; border: 1px solid #F61732; border-radius: 8px; font-size: 14px; font-weight: 600; font-family: "Blinker"; }
 .auth-navbar .auth-navbar-inner .navbar-group .vr_rule { width: 1px; height: 32px; background-color: #E7E7E7; }
 
  /* Auth Navbar white theme */
 .navbar-white { background-color: #FFFFFF; }
 .navbar-white .auth-navbar-inner .navbar-group .nav-link-login { border: 1px solid #111111; color: #111111;}
 .navbar-white .auth-navbar-inner .navbar-group .nav-link-reg { background-color: #111111;  border: 1px solid #111111;  color: #FFFFFF; }
 .navbar-white .auth-navbar-inner .navbar-brand-sm, .navbar-white .auth-navbar-inner .navbar-brand img { width: 120px;}

/* Auth Navbar when logged in  */
.auth-navbar .auth-navbar-inner .user-header-row { display: flex; align-items: center; gap: 24px; max-width: 400px; width: 100%; margin-left: auto; justify-content: end;}
.auth-navbar .auth-navbar-inner .user-header-row .user-header-group { display: flex; }
.auth-navbar .auth-navbar-inner .user-header-row .user-header-group .usr-wallet { border-radius: 8px 0 0 8px; padding: 8px 12px; display: flex; align-items: center; gap: 4px; color: #111111; font-size: 14px; font-weight: 600; font-family: "Blinker", sans-serif; background-color: #F4F4F5; }
.auth-navbar .auth-navbar-inner .user-header-row .user-header-group .usr-deposit { border-radius: 8px; padding: 8px 16px; display: flex; align-items: center; gap: 4px; color: #fff; font-size: 14px; font-weight: 600; font-family: "Blinker", sans-serif; background-color: #111111; cursor: pointer; }
.auth-navbar .auth-navbar-inner .user-header-row .user-header-group .usr-notify { border-radius: 8px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; position: relative; background-color: #F4F4F5; cursor: pointer; }
.auth-navbar .auth-navbar-inner .user-header-row .user-header-group .usr-notify span { position: absolute; right: -8px; top: -2px; border-radius: 5px; background-color: #F61732; font-size: 10px; font-weight: 600; color: #fff; padding: 0 2px; text-align: center;}
.auth-navbar .auth-navbar-inner .user-header-row .user-header-group .usr-display-photo { border-radius: 8px; width: 40px; height: 40px; background-color: #F4F4F5; }
.auth-navbar .auth-navbar-inner .user-header-row .user-header-group .usr-display-photo img { border-radius: 8px 0 0 8px; width: 40px; object-fit: cover; }
.auth-navbar .auth-navbar-inner .user-header-row .user-header-group .usr-dropdown { border-radius: 0 8px 8px; display: flex; align-items: center; justify-content: center; padding: 8px; background-color: #F4F4F5; }
.auth-navbar .auth-navbar-inner .user-header-row .uhg_dp { border-radius: 8px;  background-color: #F4F4F5; cursor: pointer; }


.profile_dropdown { position: absolute; background-color: #fff; border-radius: 8px; padding: 16px 0 4px; box-shadow: 0px 0px 15px 2px #00436B12; z-index: 2; top: 80px;}
.profile_dropdown .profile-menu-link { text-decoration: none; line-height: 22px; font-weight: 400; font-size: 14px; display: flex; align-items: center; gap: 8px; color: #141833; margin-bottom: 12px; padding: 4px 16px; display: flex;}


 /* footer */
 footer { background: #111111; padding: 48px 120px 0;}
 footer .footer-top-section { display: flex; justify-content: space-between; padding-bottom: 40px; border-bottom: 1px solid #414141;}
 footer .footer-top-section .logo-brand { width: 120px; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; cursor: pointer;  margin-bottom: 16px; }
 footer .footer-top-section .logo-age img { width: 64px;}
 footer .footer-top-section .footer-group-start { max-width: 390px; width: 100%;  }
 footer .footer-top-section .footer-group-start .footer-gs-group { display: flex; gap: 16px; margin-top: 40px; }
 footer .ftg-text { display: flex; color: #929292; font-size: 14px; font-weight: 400; font-family: "Public Sans", sans-serif; line-height: 22px;}
 footer .footer-top-section .ftg-title { font-size: 16px; font-weight: 600; font-size: 16px; color: #FFFFFF; margin-bottom: 16px; line-height: 24px;}
 footer .footer-top-section .footer-group-end { max-width: 590px; width: 100%; display: flex; gap: 20px;}
 footer .footer-top-section .footer-group-end .footer-ge-group { max-width: 183px; width: 100%;}
 footer ul { list-style: none; padding: 0; margin: 0;}
 footer ul li {  margin-bottom: 16px;}
 footer .footer-link { font-size: 14px; line-height: 22px; font-weight: 400; text-decoration: none; color: #929292; }
 footer .footer-bottom-section { max-width: 870px; width: 100%; margin: 0 auto; display: flex; justify-content: center; padding: 32px 0; gap: 24px;}
 footer .footer-bottom-section .fbs-group { display: flex; align-items: center; gap: 40px; justify-content: space-between;}
 footer .footer-reserved { display: flex; justify-content: center; margin: 0 auto; padding: 13px; font-size: 14px; font-weight: 400; line-height: 22px;}
 
 /* forgot password */
 .main-login-container { background-color: #111111;}
 .main-login-container .reset-password-card { height: auto !important;}
 .main-login-container .reset-password-card .sign-in-container .sign-in { color: #F61732; font-family: "Blinker", sans-serif; }
 .main-login-container .reset-password-card .sign-in-container a { text-decoration: none !important; margin-left: 8px;}
 .main-login-container .reset-password-card .reset-btn { margin-bottom: 0 !important;}
 
 .sub-nav { display: flex; height: 40px; background-color: #111111; padding: 0 120px; }
 .sub-nav .sub-nav-group { display: flex; align-items: center; width: 100%; }
 .sub-nav .sub-nav-group .sub-nav-list { display: flex; list-style: none; margin: 0; padding: 0;}
 .sub-nav .sub-nav-group .sub-nav-list .sub-nav-item { color: #fff; margin: 0 12px;}
 .sub-nav .sub-nav-group .sub-nav-list .sub-nav-item:first-child { margin-left: 0;}
 .sub-nav .sub-nav-group .sub-nav-list .sub-nav-link { color: #fff; text-decoration: none; font-size: 14px; font-weight: 400; line-height: 22px; display: flex; align-items: center; gap: 4px; cursor: pointer; }
 .sub-nav .sub-nav-group .sub-nav-list .sub-nav-link .live-icon { width: 8px; height: 8px; background-color: #F8455B; border-radius: 100%; display: inline-block;}
 .sub-nav .sub-nav-group .sub-nav-list .active-link { font-weight: 600; position: relative; }
 .sub-nav .sub-nav-group .sub-nav-list .active-link::before { content: ""; height: 3px; width: 40px; border-radius: 8px 8px 0 0; position: absolute; bottom: -8px; left: 50%; display: block; background: #F8455B; transform: translate(-50%);}
 .sub-nav .sub-nav-group .sub-nav-list .sv_line { width: 2px; height: 12px; background-color: #FFFFFF; margin: 0 8px; display: inline-block; }
 .sub-nav .sub-nav-group .sub-nav-list .sv_rule { display: flex; align-items: center;}
 
 
 /* home container */
 .home-main-container { display: flex; width: 100%; gap: 16px; padding: 32px 0;}
 .home-main-container .home-side-container { width: 288px; }
 .home-main-container .home-center-container { max-width: 900px; width: 100%; }
 .home-main-container .home-center-container .home-content-wrapper { padding: 16px 0; }

/* tournament card */
.home-main-container .home-tournament-card { border-radius: 12px; background-color: #FFFFFF; margin-bottom: 16px; }
.home-main-container .home-tournament-card .home-tournament-header { padding: 18px 16px 14px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #EDEDF7;}
.home-main-container .home-tournament-card .home-tournament-header .home-tournament-type { font-size: 18px; font-weight: 600; font-family: "Blinker", sans-serif; display: flex; gap: 8px; align-items: center;  }
.home-main-container .home-tournament-card  .home-tournament-header .htt-see-all { text-decoration: none; font-size: 16px; font-weight: 600; gap: 4px; color: #111111; display: flex; align-items: center; font-family: "Blinker", sans-serif;}

/* profile */
.profile-main-container { width: 100%; border-radius: 8px; background-color: #FFFFFF; display: flex; margin: 16px 0 72px;}
.profile-main-container .profile-side-menu { max-width: 221px; width: 100%; }
.profile-main-container .profile-main-wrapper { width: 100%; border-left: 1px solid #EDEDF7}
.profile-main-container .profile-main-wrapper .profile-mw-header { display: flex; gap: 16px; justify-content: space-between; align-items: center; padding: 9px 24px 9px 48px; border-bottom: 1px solid #EDEDF7}
.profile-main-container .profile-main-wrapper .profile-mw-header .profile-mw-title { font-size: 18px; line-height: 26px; font-weight: 600; color: #111111; font-family: "Blinker", sans-serif; margin-bottom: 0; }
.profile-main-container .profile-main-wrapper .profile-mw-header .profile-header-group { display: flex; align-items: center; gap: 25px;}
.profile-main-container .profile-main-wrapper .profile-mw-header .btn-profile-light { padding: 5px 12px; height: 30px; display: flex; align-items: center; justify-content: center; color: #111111; font-size: 14px; font-weight: 400; border-radius: 8px; border: 1px solid #111111; gap: 4px; background-color: #FFFFFF;}
.profile-main-container .profile-main-wrapper .profile-mw-header .btn-profile-dark { padding: 5px 12px; height: 30px; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 14px; font-weight: 400; border-radius: 8px; border: 1px solid #111111; gap: 4px; background-color: #111111;}
.profile-main-container .profile-main-wrapper .profile-mw-body .profile-mw-row { display: flex; gap: 16px; justify-content: space-between; padding: 24px 24px 120px 48px; }
.profile-main-container .profile-main-wrapper .profile-mw-body .user-details-form { display: flex; flex-direction: column; max-width: 350px; width: 100%; }
.profile-main-container .profile-main-wrapper .profile-mw-body .user-details-form .form-input-container { width: 100%; margin-bottom: 16px; position: relative;}
.profile-main-container .profile-main-wrapper .profile-mw-body .user-details-form .form-input-container .btn-form-addon { cursor: pointer; border-radius: 8px; padding: 3px 11px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 400; line-height: 22px; color: #111111; border: 1px solid #111111; background-color: #FFFFFF; position: absolute; top: 5px; right: 12px; font-family: "Blinker", sans-serif; outline: none; }
.profile-main-container .profile-main-wrapper .profile-mw-body .user-details-form .form-input-container .email_verified_icon { width: 16px; height: 16px; position: absolute; top: 12px; right: 12px;} 
.profile-main-container .profile-main-wrapper .profile-mw-body .user-details-form .form-input { width: 100%; border-radius: 8px; padding: 9px 16px; height: 40px; font-size: 14px; line-height: 22px; font-weight: 400; background-color: #F5F5FA; border: none; }
.profile-main-container .profile-main-wrapper .profile-mw-body .user-details-form.form-input::placeholder { color: #9C9C9F;}
.profile-main-container .profile-main-wrapper .profile-mw-body .user-details-form .user-form-footer { display: flex; gap: 24px; margin-top: 48px; }
.profile-main-container .profile-main-wrapper .profile-mw-body .user-details-form .user-form-footer .btn-cancel { cursor: pointer; border-radius: 8px; width: 78px; height: 40px; padding: 3px 11px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; line-height: 22px; color: #111111; border: 1px solid #111111; background-color: #FFFFFF; font-family: "Blinker", sans-serif; outline: none; }
.profile-main-container .profile-main-wrapper .profile-mw-body .user-details-form .user-form-footer .btn-save { cursor: pointer; border-radius: 8px; width: 121px; height: 40px; padding: 3px 11px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; line-height: 22px; color: #fff; border: 1px solid #111111; background-color: #111111; font-family: "Blinker", sans-serif; outline: none; }
.profile-main-container .profile-main-wrapper .profile-mw-body .user-ref-box { display: flex; align-self: start; flex-direction: column; border-radius: 8px; padding: 8px 16px; max-width: 350px; width: 100%; background-color: #E6F6FF; gap: 24px;}
.profile-main-container .profile-main-wrapper .profile-mw-body .user-ref-box .user-ref-title { font-size: 14px; font-weight: 400; line-height: 22px; color: #5C5C5E; margin-bottom: 8px; }
.profile-main-container .profile-main-wrapper .profile-mw-body .user-ref-box .user-ref-subtitle { display: flex; justify-content: space-between; font-size: 14px; font-weight: 400; line-height: 22px; color: #111111; margin-bottom: 8px; }
.profile-main-container .profile-main-wrapper .profile-mw-body .user-ref-box .user-ref-subtitle .user-ref-copy { width: 70px; height: 26px; padding: 2px; display: flex; justify-content: center; align-items: center; color: #0092E7; border: 1px solid #0092E7; font-size: 14px; font-weight: 400; line-height: 22px; border-radius: 8px;}
.profile-main-container .profile-main-wrapper .profile-mw-body .user-details-form .password-container { position: relative; }
.profile-main-container .profile-main-wrapper .profile-mw-body .user-details-form .password-container .password-visible-icon { position: absolute; width: 14px; right: 14px; top: 14px; }
.profile-main-container .profile-main-wrapper .profile-mw-body .user-details-form .form-input-container .password-strength-container { margin-top: 4px; margin-bottom: 4px; display: flex; justify-content: space-between; font-size: 12px; list-style: 16px; align-items: center;} 
.profile-main-container .profile-main-wrapper .profile-mw-body .user-details-form .form-input-container label.password-strength { color: #000000; font-size: 12px; line-height: 16px;}
.profile-main-container .profile-main-wrapper .profile-mw-body .user-details-form .form-input-container label.form-label { color: #000000; font-size: 12px; line-height: 16px; display: flex; justify-content: flex-start; align-items: center;}
.profile-main-container .profile-main-wrapper .profile-mw-body .user-details-form .form-input-container label.form-label .chevron-up-icon-tiny { margin-left: 8px;}
.profile-main-container .profile-main-wrapper .profile-mw-body .user-details-form .form-input-container .password-strength-info .info-icon { margin-right: 6px;}
.profile-main-container .profile-main-wrapper .profile-mw-body .user-details-form .form-input-container .password-strength-info img { width: 13px; margin-right: 6px;}
.profile-main-container .profile-main-wrapper .profile-mw-body .user-details-form .form-input-container .password-strength-info { background-color: #F4F4F5; color: #5C5C5E; padding: 8px; display: flex; font-size: 10px; line-height: 14px; border-radius: 8px;}
.profile-main-container .profile-main-wrapper .profile-mw-body .user-details-form .form-input-container .password-strength-label { font-weight: 400;}
.profile-main-container .profile-main-wrapper .profile-mw-body .user-details-form .forgot-password-container { padding: 8px 0 16px;}
.profile-main-container .profile-main-wrapper .profile-mw-body .user-details-form .forgot-password-container a { font-size: 14px; font-weight: 400; color: #F61732; line-height: 22px;}

.profile-main-container .profile-main-wrapper .profile-wallet-body .btn-profile-light { padding: 5px 12px; height: 30px; display: flex; align-items: center; justify-content: center; color: #FFFFFF; font-size: 14px; font-weight: 400; border-radius: 8px; border: 1px solid #FFFFFF; gap: 4px; background-color: transparent; cursor: pointer;}
.profile-filter-row { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 32px; }
.profile-filter-row .pfr-title { font-size: 18px; font-weight: 600; line-height: 26px; font-family: "Blinker", sans-serif; color: #111111; margin-bottom: 0;}
.profile-filter-row .pfr-date-container { display: flex; align-items: center; gap: 8px;}
.profile-header-group .pfr-date-container { display: flex; align-items: center; gap: 8px;}
.profile-header-group .pfr-date-container .dropdown-toggle { border: 1px solid #EDEDF7; padding: 6px 8px !important; width: 128px; max-width: 128px; justify-content: space-between; }
.pfr-filter-txt { font-size: 14px; font-weight: 500; line-height: 22px; color: #111111;}
.wallet-tabs { display: flex; gap: 24px; align-items: center;}
.wallet-tabs .wallet-tab { font-size: 14px; font-weight: 500; line-height: 22px; color: #111111; padding: 4px 12px; }
.wallet-tabs .wallet-tab.active { background-color: #F61732; border-radius: 8px 8px 0 0; color: #fff;}
.profile-table { width: 100%; }
.profile-table th { background-color: #111111; padding: 8px; color: #ffffff; font-size: 14px; font-weight: 500; border: none; }
.profile-table .th-group { display: flex; align-items: center; gap: 4px; cursor: pointer; }
.profile-table .td-group { display: flex; align-items: center; gap: 4px; }
.profile-table th:first-child { padding-left: 12px; }
.profile-table td { padding: 12px; font-size: 14px; font-weight: 400; color: #111111;}
.status_txt { border-radius: 12px; padding: 4px 8px; height: 22px; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 500; }
.status-success { background-color: #EDF5ED; color: #488B46;}
.status-failed { background-color: #E7E7E7; color: #111111;}
.status-pending { background-color: #FFF7E7; color: #E6A10D;}
.view_report { border-radius: 4px; border: 1px solid #111111; padding: 4px 8px; display: inline-flex; align-items: center; justify-content: center; font-size: 8px; font-weight: 400; }
.status-upcoming { background-color: #111111; color: #FFFFFF;}
.status-live { background-color: #FEE8EB; color: #E0152E;}
.status-closed { background-color: #E6F6FF; color: #0092E7;}
.live_icon { display: none; width: 8px; height: 8px; border-radius: 100%; background-color: #E0152E; margin-right: 4px;}


.ngb-dp-month-name { font-size: 16px !important; color: #111111 !important;}
.ngb-dp-weekday { color: #111111 !important; font-style: normal !important; }





/* pagination */
.pagination-container { margin: 54px auto; display: flex; justify-content: center; align-items: center;}
.page-item .page-link { padding: 4px 8px; font-size: 14px; font-weight: 500; color: #3D3D3D; display: flex; gap: 10px; align-items: center; border: none; border-radius: 4px; outline: none; box-shadow: none; background-color: #F6F6F6;}
.page-item .page-link:focus { box-shadow: none; outline: none;}
.page-item .page-link:visited { color: #3D3D3D;}
.page-link.disabled, .disabled > .page-link { background-color: #F6F6F6; color: #3D3D3D;}
.pagination_description { padding: 0 24px; font-size: 14px; font-weight: 500; display: flex; align-items: center; color: #3D3D3D;}


/* legal pages */
.legal-pg-container { padding: 16px 0 30px; display: flex; flex-direction: column; align-items: center; }
.legal-pg-container .legal-pg-banner { width: 100%; height: 120px; border-radius: 12px; display: flex; align-items: center; padding: 12px 48px; font-size: 48px; font-weight: 700; font-family: "Blinker", sans-serif; color: #fff; margin-bottom: 40px; }
.legal-pg-container .legal-pg-body { max-width: 998px; width: 100%; margin: 0 auto; }
.legal-pg-container .legal-pg-body .legal-pg-title { font-size: 18px; font-weight: 600; line-height: 26px; color: #111111; font-family: "Blinker", sans-serif; margin-bottom: 8px;}
.legal-pg-container .legal-pg-body .legal-pg-subtitle { font-size: 14px; font-weight: 400; line-height: 22px; color: #414141; margin-bottom: 40px;}
.legal-pg-container .legal-pg-body .legal-pg-subtitle.legal-pg-primary { color: #6C7C93;}
.legal-pg-container .legal-pg-body .legal-pg-subtitle span { color: #111111;}
.legal-pg-container .legal-pg-body a { color: #F61732;}
.legal-pg-container .legal-pg-body ul { list-style: disc; padding-left: 42px;}
.legal-pg-container .legal-pg-body ul li { margin-bottom: 12px; }
.legal-pg-container .legal-pg-body ul li.first { margin-top: 16px; }
.legal-pg-container .legal-pg-body ol li { margin-bottom: 8px; }
.legal-pg-container .legal-pg-body ol { padding-left: 20px;}
.legal-pg-container .legal-pg-body .legal-pg-inner { margin-left: 16px;}
.legal-pg-container .legal-pg-body .legal-pg-def { margin-bottom: 16px;}

.legal-pg-container .legal-pg-banner.terms-banner { background: radial-gradient(31.62% 258.73% at 90.79% 173.33%, #4F994D 0%, #111111 100%);}
.legal-pg-container .legal-pg-banner.privacy-banner { background: radial-gradient(31.62% 258.73% at 90.79% 173.33%, #00A0FE 0%, #111111 100%) }

/* live-game */
.live-game-main { padding: 16px 0 32px; width: 100%;}
.live-game-main .lgm-row { display: flex; gap: 16px; margin-bottom: 16px; }
.live-game-main .lgm-col { display: flex; gap: 16px; margin-bottom: 16px; flex-direction: column; }
.live-game-main .lgm-col-one { max-width: 60%; width: 100%;}
.live-game-main .lgm-col-two { max-width: 40%; width: 100%;}



.games-slider { display: flex; gap: 16px; align-items: center; }
.games-slider .games-slider-arrow { min-width: 24px;; }
.games-slide { display: flex; gap: 16px; align-items: center; max-width: 500px; width: 100%; overflow: scroll;}
.games-slide .gw-box { padding: 12px; border-radius: 8px; border: 1px solid #EDEDF7; display: flex; align-items: center; background-color: #fff;}
.games-slide .gw-box .gwb-time { font-size: 14px; font-weight: 400; color: #6C7C93; font-family: "Blinker", sans-serif; padding-right: 16px; border-right: 1px solid #EDEDF7;  }
.games-slide .gw-box .gwb-teams { padding-left: 16px; } 
.games-slide .gw-box .gwb-teams .gwb-team { font-size: 14px; font-weight: 400; color: #6C7C93; font-family: "Blinker", sans-serif; display: flex; justify-content: space-between; gap: 30px;} 


/* Tooltip */
.custom-tooltip .tooltip-inner { background-color: #fff; font-size: 14px; border-radius: 6px; transition: all .5s; color: #111111; box-shadow: 0px 0px 20px 6px #00436B26;}
.custom-tooltip.bs-tooltip-end .tooltip-arrow::before { border-right-color: #fff; }
.custom-tooltip.bs-tooltip-start .tooltip-arrow::before { border-left-color: #fff; }
.custom-tooltip.bs-tooltip-top .tooltip-arrow::before { border-top-color: #fff; }
.custom-tooltip.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: #fff; }

/* Toast */
.custom-toast { width: 200px !important; max-width: 200px !important; background-color: #FCFCFC !important; border-radius: 8px !important; border: none !important; box-shadow: 0px 0px 20px 6px #00436B26 !important; margin: 0 auto; display: flex; justify-content: center; position: fixed; bottom: 90px; left: 0; right: 0;}
.custom-toast .toast-body { background-color: #FCFCFC; width: 100%; border-radius: 8px; padding: 12px 16px; }
.custom-toast .toast-body .toast-content { display: flex; align-items: center; font-size: 12px; color: #111111; gap: 16px;}

/* side-nav */
.slide-in { right: -100% !important; opacity: 1 !important; transform: translateX(0) !important; }
.slide-out { right: 0; opacity: 0; }

.side-nav-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 5000; transform: translateX(100%); opacity: 0; transition: right 0.5s ease,}
.side-nav { padding: 12px 16px 16px; }
.side-nav .side-menu-header { display: flex; justify-content: space-between; align-items: center; }
.side-nav .side-menu-header .logo-img { width: 120px; }
.side-nav .side-nav-menu { padding-top: 42px; width: 260px; display: flex; flex-direction: column; align-items: start; }
.side-nav .side-nav-menu .hr_line { border: 1px solid #EDEDF7; margin-bottom: 12px; width: 100%; }
.side-nav .side-nav-menu .side-nav-link { font-size: 14px; text-decoration: none; font-weight: 400; line-height: 22px; margin-bottom: 12px; color: #000000;}

/* utils */
.color-red { color: #F61732 !important; }
.color-dark { color: #111111 !important; }
.back_icon { display: none !important;}

.team-filter-dropdown { width: 50%; }
.team-filter-dropdown .filter-dropdown { width: 100%; }
.team-filter-dropdown .dropdown-toggle { background-color: #F5F5FA !important; width: 100%; justify-content: space-between; color: #9C9C9F !important;}

.empty-wallet { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 40px;}
.empty-wallet img { width: 64px; }
.empty-wallet img.ew-profile-img { width: 48px; }
.empty-wallet .ew-title { font-size: 14px; text-align: center; font-weight: 400; line-height: 22px; margin-bottom: 4px; color: #9C9C9F; }
.empty-wallet .ewp-title { font-size: 14px; text-align: center; font-weight: 400; line-height: 16px; margin: 24px 0 16px; color: #111111; }
.empty-wallet .ew-subtitle { font-size: 12px; text-align: center; font-weight: 400; line-height: 16px; color: #9C9C9F; }
.empty-wallet .login-link { width: 65px; font-weight: 600; text-decoration: none; border-radius: 4px; border: 1px solid #111111; display: flex; justify-content: center; align-items: center; padding: 4px; font-size: 14px; font-family: "Blinker", sans-serif; color: #111111;  }

 @media screen and (min-width:768px) and (max-width: 1024px) {
 
     footer { padding: 24px 32px;}
     footer .footer-top-section { flex-direction: column;}
     footer .footer-top-section .footer-group-start { max-width: 100%;}
     footer .footer-top-section .footer-group-end { max-width: 100%; margin-top: 49px;}
     footer .footer-bottom-section { max-width: 100%; width: 100%; flex-direction: column; gap: 20px; }
     footer .footer-bottom-section .fbs-group { justify-content: center; gap: 24px;}
     footer .footer-reserved { color: #79797B; padding: 12px 12px 40px;}
 
     .auth-navbar .auth-navbar-inner { padding: 0 20px;}
     .sub-nav { padding: 0 20px; display: none;}

     .home-main-container { flex-direction: column-reverse;  padding-top: 0;}
     .home-main-container .home-center-container { padding: 32px 0 0;}
     .home-main-container .home-side-container { width: 100%; max-width: 100%; display: flex; gap: 24px; }

     .profile-main-container .profile-main-wrapper .profile-mw-body .profile-mw-row { flex-direction: flex !important; gap: 40px; }
     .profile-main-container .profile-main-wrapper .profile-mw-body .user-details-form { max-width: 350px !important;}

 }
 
 @media screen and (max-width: 1024px) {
     .auth-navbar { height: 56px; }
     .auth-navbar .auth-navbar-inner { padding: 0 16px; }
     .auth-navbar .auth-navbar-inner .navbar-brand { display: none; }
     .auth-navbar .auth-navbar-inner .navbar-brand-sm { display: flex;}
     .auth-navbar .auth-navbar-inner .navbar-group .nav-link { padding: 5px 15px; border-radius: 4px;}
     .auth-navbar .auth-navbar-inner .navbar-group { gap: 8px; }
     .auth-navbar .auth-navbar-inner .navbar-group .vr_rule { height: 24px; }
     .auth-navbar .auth-navbar-inner .user-header-row .user-header-group .usr-deposit { padding: 6px 8px; border-radius: 4px;}
     .auth-navbar .auth-navbar-inner .user-header-row .user-header-group .usr-wallet { padding: 6px 12px; }
 
 
     footer { padding: 24px;}
     footer .footer-top-section { flex-direction: column; padding-bottom: 24px;}
     footer .footer-top-section .footer-group-start { max-width: 100%;}
     footer .footer-top-section .footer-group-start .footer-gs-group { margin-top: 32px;}
     footer .footer-top-section .footer-group-end { max-width: 100%; margin-top: 49px;}
     footer .footer-top-section .ftg-title { margin-bottom: 4px; font-size: 14px; line-height: 22px;}
     footer .footer-bottom-section { max-width: 100%; width: 100%; flex-direction: column; gap: 20px; }
     footer .footer-bottom-section .fbs-group { justify-content: center; gap: 24px;}
     footer .footer-bottom-section .fbs-group .payment-brand img { width: 84px; }
     footer .footer-bottom-section .fbs-group .op_sm img { width: 50px; }
     footer .footer-bottom-section .fbs-group .gt_sm img { width: 20px; }
     footer .ftg-text { font-size: 12px; line-height: 16px; }
     footer .footer-link { font-size: 12px; line-height: 16px; }
     footer ul li { margin-bottom: 4px; }
     footer .footer-reserved { color: #79797B; padding: 12px 12px 64px;}
 
     .sub-nav { padding: 0 16px 0 12px;}
     .sub-nav .sub-nav-group .sub-nav-list { max-width: 340px; width: 100%; justify-content: space-between;}
     .sub-nav .sub-nav-group .sub-nav-list .sub-nav-item { margin: 0 4px;}

     .home-main-container { flex-direction: column-reverse;  padding-top: 0;}
     .home-main-container .home-center-container { padding: 32px 0 0;}
     .home-main-container .home-side-container { width: 100%; max-width: 100%;}

     .profile-main-container { margin: 0;}
     .profile-main-container .profile-main-wrapper .profile-mw-body .profile-mw-row { flex-direction: column; gap: 72px; padding: 16px 16px 95px; }
     .profile-main-container .profile-side-menu { display: none;}
     .profile-main-container .profile-main-wrapper { border-left: none;}
     .profile-main-container .profile-main-wrapper .profile-mw-header { padding: 12px 16px; border-bottom: 0; position: relative; }
     .profile-main-container .profile-main-wrapper .profile-mw-header .profile-mw-title { display: flex; align-items: center; gap: 8px;}
     .profile-main-container .profile-main-wrapper { width: 100%;}
     .profile-main-container .profile-main-wrapper .profile-mw-body .user-details-form .user-form-footer { margin-top: 16px; }
     .profile-main-container .profile-main-wrapper .profile-mw-body .user-details-form { max-width: 100%;}
     .profile-main-container .profile-main-wrapper .mobile-profile-header-group { padding-right: 0 !important; gap: 16px !important; margin-bottom: 32px; display: flex !important;}
     .profile-main-container .profile-main-wrapper .mobile-profile-header-group button { width: 50%;}
     .profile-main-container .profile-main-wrapper .mobile-profile-header-group .btn-profile-light { padding: 5px 12px; height: 32px; display: flex; align-items: center; justify-content: center; color: #111111; font-size: 14px; font-weight: 400; border-radius: 8px; border: 1px solid #111111; gap: 4px; background-color: #FFFFFF;}
     .profile-main-container .profile-main-wrapper .mobile-profile-header-group .btn-profile-dark { padding: 5px 12px; height: 32px; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 14px; font-weight: 400; border-radius: 8px; border: 1px solid #111111; gap: 4px; background-color: #111111;}
     .mobile-profile .pfr-title { font-size: 18px; font-weight: 600; line-height: 26px; font-family: "Blinker", sans-serif; color: #111111; margin-bottom: 0;}

     .mobile-profile .mobile-transactions-container { padding: 16px 0 24px; }
     .mobile-profile .mobile-transactions-container .mtc-group { padding: 12px 0; display: flex; flex-direction: column; gap: 4px; border-bottom: 1px solid #EDEDF7; }
     .mobile-profile .mobile-transactions-container .mtc-group .mtc-top-row { display: flex; justify-content: space-between; }
     .mobile-profile .mobile-transactions-container .mtc-top-row .mtc-top-date { font-size: 14px; font-weight: 400; line-height: 22px; color: #929292; margin-bottom: 0; }
     .mobile-profile .mobile-transactions-container .mtc-top-row .mtc-top-title { font-size: 14px; font-weight: 400; line-height: 22px; color: #111111; margin-bottom: 0; }
     .mobile-profile .mobile-transactions-container .mtc-top-row .mtc-top-amt { font-size: 14px; font-weight: 600; line-height: 22px; color: #111111; margin-bottom: 0; }
     .mobile-profile .all-transactions-footer { padding: 16px 0 90px; display: flex; justify-content: center; }
     .mobile-profile .all-transactions-footer .btn-all-transactions { width: 100%; max-width: 343px; padding: 5px 12px; height: 40px; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 14px; font-weight: 600; border-radius: 8px; border: 1px solid #111111; gap: 4px; background-color: #111111; outline: none; box-shadow: none;}
     .mobile-profile .all-transactions-footer .btn-all-transactions:disabled { opacity: 30%;}
     .mobile-profile .profile-filter-row { display: flex; justify-content: space-between;}
     .transactions-category-filter { cursor: pointer; background-color: #F61732; padding: 4px 12px; display: flex; align-items: center; width: 50%; color: #fff; border-radius: 8px; justify-content: space-between; }

     .legal-pg-container { padding: 24px 16px 64px; }
     .legal-pg-container .legal-pg-body .legal-pg-subtitle { margin-bottom: 32px; }
     .legal-pg-container .legal-pg-body .legal-pg-title { font-size: 16px; line-height: 24px; }
     .legal-pg-container .legal-pg-body ul { padding-left: 20px; }
     .legal-pg-container .legal-pg-banner { font-size: 24px; line-height: 32px; height: 80px; padding: 24px; margin-bottom: 32px;}
 
     .live-game-main { padding-left: 16px; padding-right: 16px; }
     .live-game-main .lgm-row { flex-direction: column;}
     .live-game-main .lgm-col-one { max-width: 100%; }
     .live-game-main .lgm-col-two { max-width: 100%; }

     .home-main-container .home-center-container .home-content-wrapper { padding: 0; }
     .home-main-container .home-side-container { margin-bottom: 91px; }
     .profile-main-container .profile-main-wrapper .profile-mw-header .profile-header-group.wallet-hr-group { display: none !important }
     .back_icon { display: flex !important;}

 }

 @media screen and (min-width:768px) and (max-width: 1200px) {
    .auth-navbar .auth-navbar-inner { padding: 0 20px;}
    .main-home { padding: 120px 2% !important; }
    .sub-nav { padding: 0 20px !important; }


 }


  /* home container responsiveness */
  @media screen and (min-width:1025px) and (max-width: 1200px) {
    .sub-nav .sub-nav-group { max-width: 984px; width: 100%; margin: 0;}
    .home-main-container { max-width: 984px; width: 100%; margin: 0 auto;}
    .home-main-container .home-center-container { max-width: 677px; width: 100%;}

  }

  @media screen and (min-width:1201px) and (max-width: 1440px) {
    .sub-nav { padding: 0 2%;}
    .sub-nav .sub-nav-group { max-width: 1200px; width: 100%; margin: 0;}
    .auth-navbar .auth-navbar-inner { padding-left: 2%; padding-right: 2%;}
    .main-home { padding: 120px 2% !important; }
    .home-main-container .home-center-container { max-width: 73%; width: 100%;}
    .tournaments-list-container { grid-template-columns: repeat(auto-fill, minmax(193px, 1fr)); }
    .home-main-container { max-width: 1200px; width: 100%; justify-content: space-between; margin: 0 auto;}

  }

  @media screen and (max-width: 767px) {
  .sub-nav { display: none;}
  .home-main-container .home-side-container { padding: 0 16px !important; }
  .profile-main-container .profile-main-wrapper .profile-mw-header .profile-header-group { display: flex !important; top: 52px; position: absolute; }
  .mobile-profile .mobile-transactions-container { padding-top: 32px;}
  }

a {cursor: pointer;}