body {
     background: #F2F2F4;
     font-size: 14px;
     font-family: "Inter", sans-serif;
}
/* ================= Sidebar ================= */
 .logo {
     border-bottom: 1px solid #e5e5e5;
     height: 60px;
     align-items: center;
     justify-content: flex-start;
     display: flex;
}
 .sidebar {
     width: 260px;
     background: #fff;
     min-height: 100vh;
     border-right: 1px solid #e5e5e5;
     transition: width 0.3s ease;
}
 .sidebar .nav-link {
     color: #757575;
     padding: 12px 20px;
     font-weight: 500;
     letter-spacing: -0.31px;
     font-size: 16px;
     position: relative;
}
 .sidebar .nav-link.active {
     color: #EE3323;
     background: #fff5f5;
     border-right: 4px solid #EE3323;
}
 .sidebar-nav li a {
     display: flex;
     align-items: center;
     column-gap: 8px;
}
 .sidebar-nav li a.active img {
     filter: brightness(0) saturate(100%) invert(22%) sepia(86%) saturate(5234%) hue-rotate(350deg) brightness(95%) contrast(90%);
}
 .sidebar-nav li a:hover {
     color: #EE3323;
     background: #fff5f5;
     border-right: 4px solid #EE3323;
}
 .sidebar-nav li a:hover img {
     filter: brightness(0) saturate(100%) invert(22%) sepia(86%) saturate(5234%) hue-rotate(350deg) brightness(95%) contrast(90%);
}
/* Expandable menu styles */
 .has-submenu > .nav-link {
     justify-content: space-between;
     position: relative;
}
 .dropdown-arrow {
     margin-left: auto;
     transition: transform 0.3s ease;
}
 .has-submenu > .nav-link[aria-expanded="true"] .dropdown-arrow {
     transform: rotate(180deg);
}
/* When Registrations is expanded, apply red styling */
 .has-submenu > .nav-link[aria-expanded="true"] {
     color: #EE3323;
}
 .has-submenu > .nav-link[aria-expanded="true"] img {
     filter: brightness(0) saturate(100%) invert(22%) sepia(86%) saturate(5234%) hue-rotate(350deg) brightness(95%) contrast(90%);
}
/* Submenu styles */
 .submenu {
     list-style: none;
     padding-left: 0;
     margin: 0;
     background: transparent;
}
 .submenu-link {
     padding: 10px 20px 10px 48px !important;
     font-size: 15px;
     font-weight: 400;
     color: #757575;
     border-right: none !important;
     background: transparent !important;
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .submenu-link:hover {
     color: #EE3323;
     background: transparent !important;
     border-right: none !important;
}
 .submenu-link.active-submenu {
     color: #EE3323;
     border-right: 4px solid #EE3323 !important;
     background: #fff5f5 !important;
}
 .submenu-link svg {
     width: 16px;
     height: 16px;
     opacity: 0;
     transition: opacity 0.2s ease;
}
 .submenu-link.active-submenu svg {
     opacity: 1;
}
/* Collapsed sidebar styles */
 .sidebar.collapsed {
     width: 70px;
}
 .sidebar.collapsed .site-logo {
    /* visibility: hidden;
     */
     display: none;
}
 .slogo {
     display: none;
}
 .sidebar.collapsed .slogo {
     display: flex;
}
 .sidebar.collapsed .logo {
     display: flex;
     align-items: center;
     justify-content: center;
}
 .sidebar.collapsed .sidebar-nav span {
     display: none;
}
 .sidebar.collapsed .sidebar-nav li a {
     justify-content: center;
     align-items: center;
}
 .sidebar.collapsed .dropdown-arrow {
     display: none;
}
 .sidebar.collapsed .submenu {
     display: none !important;
}
/* Text mainmenu styling */
 .sidebar.collapsed .text-mainmenu {
     display: none;
}
/*** Topbar ***/
 .topbar {
     background: #fff;
     border-bottom: 1px solid #e5e5e5;
     height: 60px;
}
 .topbar-breadcrum{
     color: #5E5E5E;
     font-size: 16px;
}
 .topbar-breadcrum-active{
     color: #000000;
     font-weight: 500;
     margin-left: 20px;
     position: relative;
}
 .opacity-60{
     color: #5E5E5E !important;
     font-weight: 400 !important;
}
 .topbar-breadcrum-active::before {
     content: '';
     background: #EE3323;
     height: 4px;
     width: 4px;
     position: absolute;
     left: -14px;
     top: 0;
     right: 0;
     bottom: 0;
     margin-top: 7px;
     border-radius: 10px;
}
 .toggle-btn {
     width: 30px;
     height: 30px;
     border-radius: 50%;
     background: #fff;
     border: none;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1px solid #ccc;
}
 .toggle-btn:hover {
     background: #e5e5e5;
}
 .toggle-btn {
     margin-left: -33px;
}
 .text-mainmenu {
     text-transform: uppercase;
     font-size: 12px;
     color: rgba(0, 0, 0, 0.50);
     font-weight: 600;
     letter-spacing: 1.4px;
     padding: 6px 0;
     margin-top: 10px;
}
 .dropdown-toggle {
     cursor: pointer;
}
 .head-dropdown a.dropdown-toggle::after {
     display: none;
}
 .head-dropdown ul.dropdown-menu.dropdown-menu-end.show {
     right: 0 !important;
     margin-top: 11px;
}
 .topbar .head-dropdown .dropdown-menu-end li a {
     padding: 8px 12px;
}
 .head-dropdown .dropdown-menu {
     display: block;
     max-height: 0;
     opacity: 0;
     overflow: hidden;
     transform: translateY(-10px);
     transition: max-height 0.3s ease, opacity 0.25s ease, transform 0.25s ease;
     right: 0 !important;
}
 .head-dropdown .dropdown-menu.show {
     max-height: 300px;
     opacity: 1;
     transform: translateY(0);
     width: 210px !important;
}
/* .form-control.form-control-sm {
     width: 220px;
     transition: width 0.3s ease, box-shadow 0.2s ease;
}
 .form-control.form-control-sm:focus {
     width: 360px;
     box-shadow: 0 0 0 0.15rem rgba(13,110,253,.25);
}
 */
 .header-search span#basic-addon1 {
     background: none;
}
 .header-search .form-control {
     border-left: none !important;
     padding-left: 0;
}
 .header-search .form-control:focus {
     box-shadow: none !important;
     border-color: #dee2e6 !important;
}
 .topbar .head-dropdown {
     padding-left: 15px;
}
 .notification {
     cursor: pointer;
}
 .notification .translate-middle {
     border-radius: 25px;
     top: 5px !important;
     padding: 4px 6px;
     border: 3px solid #fff;
}
 .notification-dropdown {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.4s ease, opacity 0.4s ease;
     opacity: 0;
}
 .notification-dropdown {
     position: absolute;
     top: 140%;
     right: 0;
     width: 260px;
     background: #fff;
     border-radius: 8px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
     max-height: 0;
     overflow: hidden;
     opacity: 0;
     transform: translateY(-12px);
     transition: max-height 0.3s ease, opacity 0.25s ease, transform 0.25s ease;
}
 .notification-dropdown.show {
     max-height: 320px;
     opacity: 1;
     transform: translateY(0);
     z-index: 9;
}
 .notification-dropdown li {
     padding: 10px 14px;
     border-bottom: 1px solid #eee;
     font-size: 14px;
}
 .notification-dropdown li:last-child {
     border-bottom: none;
}
 .notification-dropdown li a{
     color: #000000;
     text-decoration: none;
}
 .main-contant-right {
     width: 80%;
}
/** Welcome **/
 .welcome-section {
     padding: 15px 70px;
}
 .welcome-section {
     display: flex;
     justify-content: space-between;
     align-items: center;
    /* padding-bottom: 0 !important;
     */
}
 .welcome-text p {
     font-size: 16px;
     margin-bottom: 0 !important;
}
 .user-dropdown {
     background: #fff;
     border: 1px solid #e5e7eb;
     border-radius: 999px;
     padding: 6px 12px;
}
 .user-dropdown:hover, .user-dropdown:focus {
     background: #f9fafb;
}
 .dropdown-toggle::after {
     margin-left: 8px;
}
 .wlcm-dropdown button.btn {
     border: 1px solid #C8C8C8;
    /* border-radius: 5px 5px 0 0;
     */
}
 .wlcm-dropdown button.btn:focus {
     background: #f7f7f7;
}
 .custom-menu a.dropdown-item {
     padding: 10px 15px;
}
 .custom-menu {
     display: none;
     position: absolute;
     right: 0;
     top: 100%;
     width: 251px;
     border-radius: 0;
}
 .custom-menu.show {
     display: block;
}
/** Teams **/
 .teams-section {
     margin: 0px 70px;
     border-radius: 10px;
}
 .team-card {
     background: #F6F6F6;
     padding-bottom: 10px !important;
}
 .team-card {
     cursor: default;
}
 .drag-icon {
     cursor: grab;
}
 .team-card.dragging {
     opacity: 0.6;
}
 .card-content-wrap {
     display: flex;
     justify-content: space-between;
     flex-direction: column;
}
 .card-bottom-text {
     padding-top: 10px;
}
 .content-top {
     border-bottom: 1px solid #E3E3E3;
     padding: 0px 0px 10px 0px;
}
 .content-top h5 {
     font-size: 18px;
}
 .content-top .sub-text {
     font-size: 16px;
     color: rgba(0, 0, 0, 0.50);
     margin-bottom: 0;
}
 .content-top .text-end .text-trained {
     color: #EE3323;
     font-size: 14px;
     margin-bottom: 5px;
}
 .card-content-wrap .percent-red {
     color: #EE3323;
     font-size: 20px;
}
 .card-content-wrap .border--left-right {
     border-right: 1px solid #E3E3E3;
     border-left: 1px solid #E3E3E3;
     padding: 0 50px;
}
 .team-card .user-name {
     font-size: 18px;
}
 .team-card .shot-number {
     font-size: 18px;
}
 .numof_view {
     width: 24px;
     height: 24px;
     background: rgba(238, 51, 35, 0.08);
     display: inline-flex;
     border-radius: 100px;
     font-size: 10px;
     font-weight: 600;
     color: #EE3323;
     text-align: center;
     justify-content: center;
     align-items: center;
}
 .temlist {
     border: 1px solid #E3E3E3;
     border-radius: 12px;
     margin-bottom: 10px;
     padding: 18px 15px !important;
     transition: 0.5s;
}
 .temlist:hover {
     background: #F6F6F6;
     transition: 0.5s;
}
 .temlist span {
     font-size: 16px;
     color: #000;
     font-weight: 500;
}
 .create-team-btn {
     background: #EE3323;
     border: 1px solid rgba(0, 0, 0, 0.13);
     font-size: 16px;
     border-radius: 8px;
     padding: 8px 15px;
}
/** Modal **/
 #trainingList .modal-dialog {
     max-width: 600px;
}
 .training-card {
     width: 100%;
     overflow: hidden;
}
 .training-card .card-body h3 {
     font-family: "Inter", sans-serif;
     color: #000;
     font-style: 24px;
}
 .training-item {
     padding: 10px 20px;
}
 .training-item:not(:last-child) {
     border-bottom: 1px solid #eee;
}
 .avatar {
     width: 42px;
     height: 42px;
     border-radius: 50%;
     object-fit: cover;
}
 .name {
     font-weight: 600;
     font-style: 15px;
}
 .date {
     font-size: 15px;
     color: #757575;
     white-space: nowrap;
}
 #trainingList {
     backdrop-filter: blur(10px);
     -webkit-backdrop-filter: blur(10px);
}
/*** Video Review ***/
 .tab-padd0{
     padding-bottom: 0 !important;
}
 .video-review-section {
     padding: 10px 70px;
     margin-top: -15px;
}
 .video-review-section p {
     font-size: 16px;
}
 .video-review-section .select-team {
     margin-top: 10px;
     width: 200px;
     border-color: #C8C8C8;
     padding: 8px 12px;
}
 .video-review-section .nav-tabs .nav-link {
     border: transparent !important;
     font-size: 18px !important;
     color: #000000 !important;
}
 .video-review-section .nav-tabs .nav-link:hover {
     border: transparent !important;
     border: 0 !important;
}
 .video-review-section .nav-tabs .nav-link.active {
     color: #EE3323 !important;
     border: 0 !important;
     border-bottom: 2px solid #EE3323 !important;
     background: none !important;
}
 .video-reviews{
     padding-bottom: 100px !important;
}
 .video-reviews table tr th {
     font-weight: 600;
     color: rgba(0, 0, 0, 0.5);
     letter-spacing: 1.54px;
     text-transform: uppercase;
     font-size: 14px;
     padding: 16px 10px;
}
 .video-reviews table tr td {
     vertical-align: middle;
     color: #000;
     font-size: 16px;
     padding: 12px 10px;
}
 .video-reviews table {
     border-collapse: separate;
     border-spacing: 0;
}
 .video-reviews table tr td {
     border-style: none solid solid none;
}
 .video-reviews table tr:first-child th:first-child {
     border-top-left-radius: 10px;
         padding-left: 20px;
}
 .video-reviews table tr:first-child th:last-child {
     border-top-right-radius: 10px;
}
 .video-reviews table tr:last-child td:first-child {
     border-bottom-left-radius: 10px;
}
 .video-reviews table tr:last-child td:last-child {
     border-bottom-right-radius: 10px;
}
 .video-reviews table tr:first-child td {
     border-top-style: solid;
}
 .video-reviews table tr td:first-child {
     border-left-style: solid;
         padding-left: 20px;
}
 .video-reviews table tr td .viewed-status {
     background: rgba(238, 51, 35, 0.08);
     padding: 8px 10px;
     color: rgba(238, 51, 35, 1);
     font-size: 16px;
     border-radius: 8px;
}
 .video-reviews table tr td .comment-status {
     background: rgba(76, 175, 80, 0.08);
     padding: 8px 10px;
     color: rgba(76, 175, 80, 1);
     font-size: 16px;
     border-radius: 8px;
}
 .video-reviews table tr td .btn-add-comment {
     background: rgba(255, 255, 255, 1);
     border: 1px solid rgba(0, 0, 0, 0.16);
     border-radius: 8px;
     padding: 8px 8px;
     font-size: 14px !important;
     color: #000 !important;
     text-decoration: none !important;
}
 .video-reviews table tr td .disabled-btn {
     color: rgba(0, 0, 0, 0.25) !important;
     border: 1px solid rgba(0, 0, 0, 0.08);
}
 .video-reviews table tr td .review-status {
     background: rgba(247, 158, 27, 0.08);
     padding: 8px 10px;
     color: rgba(247, 158, 27, 1);
     font-size: 16px;
     border-radius: 8px;
}
 .users-img-card img {
     height: 30px;
}
/*** Video Review ***/
/*** Alerts Section ***/
 .alert-top .btn-newalert {
     background: #EE3323;
     border: 1px solid #00000021;
     font-size: 16px;
     border-radius: 8px;
     color: #FFFFFF;
     padding: 8px 15px;
}
 .alerts-lists .alerts-tab-anchor {
     background: #FFFFFFE5;
     padding: 12px 15px;
     border: 1px solid #DADADA;
     border-radius: 15px;
     margin-bottom: 10px;
}
 .alerts-main .alerts-lists h5 {
     font-weight: 600;
     font-size: 18px;
     margin-bottom: 5px;
     color: #000000;
}
 .alerts-main .alerts-lists p {
     font-size: 14px;
     font-weight: 400;
     color: #767676;
     margin-bottom: 0;
}
 .alerts-main .alerts-lists .alerts-tab-anchor a {
     color: #EE3323;
     font-size: 18px;
}
 .alerts-footer{
     margin: 0px 70px;
}
 .alerts-footer p {
     font-size: 14px;
     font-weight: 400;
     color: #767676;
     margin-bottom: 0;
     padding-top: 50px;
     padding-bottom: 25px;
}
 .alerts-main {
     padding-top: 0 !important;
}
/*** Drills-Section ***/
 .drills-section .drills-tabs .btn-newalert {
     background: #EE3323;
     border: 1px solid #EE3323;
     font-size: 16px;
     border-radius: 8px;
     color: #FFFFFF;
     padding: 8px 15px;
     transition: 300ms ease-out !important;
}
 .drills-section .drills-tabs .drills-top-tab {
     color: #000000;
     font-size: 16px;
     font-weight: 500;
     padding: 12px 12px;
     background-color: #FFFFFF;
     border: 1px solid #C8C8C8;
     border-radius: 5px;
     transition: 300ms ease-out !important;
     text-decoration: none;
}
 .drills-section .drills-tabs .drills-top-tab:hover{
     background: #EE3323;
     color: #fff;
}
/* .drills-section .drills-tabs .drills-list-btn {
     width: 12%;
}
 */
 .drills-section .drills-tabs .drills-list-btn p {
     background-color: #F0AD4E;
     text-align: center;
     color: #FFF;
     text-decoration: none;
     border-radius: 8px;
     font-size: 14px;
     font-weight: 500;
     margin-bottom: 0;
}
 .drills-section .drills-tabs .drills-list-btn .oneball-timed{
     background: #5BC0DE;
}
 .drills-section .drills-tabs .drills-list-btn .drills-newbtn {
     background-color: #f3eaea;
     color: #EE3323;
     border: 1px solid #EE3323;
     font-size: 12px;
     font-weight: 600;
     padding: 7px 25px;
}
 .drills-section .drills-tabs .drills-list-btn .drills-newbtn:hover{
     background-color: #EE3323;
     color: #fff;
}
 .drills-list-btn {
     width: 15%;
     display: flex;
     flex-direction: column;
     align-items: end;
}
 .drills-list-btn p {
     margin-bottom: 10px !important;
     display: inline-block;
     padding: 2px 10px;
}
 .tab-width-flex {
     max-width: 75%;
}
 .drills-list-btn {
     width: 25%;
}
 .drills-section .drills-tabs .drills-list-anchor img {
     width: 84px;
     margin-bottom: 15px;
}
 .drills-section .drills-tabs h5 {
     font-weight: 600;
}
 .drills-section .drills-tabs p {
     color: #767676;
}
 .drills-section .drills-tabs span i {
     color: #FFAC33;
     font-size: 18px;
}
/* .drills-section .drills-tabs .drills-list-anchor {
     margin-bottom: 0;
     border: 1px solid #DADADA;
     border-radius: 15px;
     background: #FFFFFFE5;
     padding: 15px 18px;
}
 */
 .drills-section .drills-tabs .alerts-lists {
     margin-bottom: 0;
     border: 1px solid #DADADA;
     border-radius: 15px;
     background-color: #FFFFFFE5;
     padding: 15px 18px;
}
 .drills-section .drills-tabs .drills-list-anchor {
     border-bottom: 1px solid #DADADA;
     margin-bottom: 12px;
}
/*** drills-section-WorkeOuts-Tab ***/
 .workouts-tab .workout-list-btn span {
     display: block;
     text-align: center;
     font-weight: 500;
     font-size: 16px;
}
 .workouts-tab .workout-list-btn .drills-newbtn {
     color: #EE3323;
     background-color: #f3eaea;
     font-weight: 600;
     font-size: 12px;
     padding: 8px 14px;
     margin-right: 7px;
}
 .workouts-tab .workout-list-btn .workouts-newbtn {
     padding: 8px 14px;
     font-size: 14px;
     font-weight: 600;
     border: 1px solid #C8C8C8;
}
/*** user-porfile-settings **/
 .user-profile-settings .user-main-profile {
     max-width: 70%;
     margin: auto;
}
 .user-profile-settings .right-user-flex p {
     font-size: 20px;
     font-weight: 500;
}
 .user-profile-settings .right-user-flex p span {
     color: #757575;
     font-weight: 400;
}
 .left-user-flex .upload-img {
     height: 100px;
}
 .user-main-profile .left-user-flex {
     position: relative;
}
 .left-user-flex .camera-png {
     position: absolute;
     top: 0px;
     bottom: 0px;
     left: 0;
     right: 0px;
     text-align: center;
     margin: auto;
     width: 20px;
     height: 20px;
}
 .user-profile-settings .right-user-flex .right-user-newbtn .upload-btn {
     font-size: 14px;
     text-decoration: none;
     background-color: #EE3323;
     border:1px solid #EE3323;
     color: #FFFFFF;
     padding: 8px 10px;
     margin-left: 5px;
}
 .user-profile-settings .right-user-flex .right-user-newbtn .upload-btn:hover{
     color: #EE3323;
     background: #fff;
}
 .user-profile-settings .right-user-flex .right-user-newbtn .btn-new:hover {
     background: #fff;
}
 .user-profile-settings .right-user-flex .right-user-newbtn .btn-new {
     color: #EE3323;
     border: 1px solid #EE3323;
     margin-left: 10px;
}
 .user-main-profile .left-user-flex{
     width: 30%;
     text-align: center;
}
 .user-profile-settings .right-user-flex {
     width: 70%;
}
 .user-profile-settings .user-main-profile .labels-form label {
     font-size: 16px;
     font-weight: 500;
     color: #000000;
}
 .user-profile-settings .user-main-profile .form-control::placeholder {
     font-size: 16px !important;
     font-weight: 500 !important;
     color: #000000 !important;
}
 .user-profile-settings .user-main-profile .labels-form {
     width: 30%;
}
 .user-profile-settings .user-main-profile .input-form {
     width: 70%;
     padding-left: 8px;
}
 .user-profile-settings .user-main-profile .input-form .form-control {
     outline: 0;
     border: 1px solid #E6E6E6;
     padding: 12px;
     border-radius: 10px;
}
 .user-profile-settings .user-main-profile .forms-gaps {
     padding-top: 40px;
     padding-bottom: 15px;
}
 .user-profile-settings .user-main-profile .forms-space {
     padding-bottom: 15px;
}
 .user-profile-settings .user-main-profile .form-center-text h4 {
     font-size: 20px;
     font-weight: 500;
     margin-bottom: 0;
     line-height: 25px;
}
 .user-profile-settings .user-main-profile .form-center-text p {
     font-size: 16px;
     font-weight: 400;
     color: #767676;
}
 .user-profile-settings .user-main-profile .line-user-profile {
     height: 1px;
     background: #d5d5d5;
     margin-bottom: 15px;
}
 .user-profile-settings .user-main-profile .forms-btn .upload-btn {
     font-size: 14px;
     text-decoration: none;
     background-color: #EE3323;
     border:1px solid #EE3323;
     color: #FFFFFF;
     padding: 8px 10px;
     margin-left: 5px;
}
 .user-profile-settings .user-main-profile .forms-btn .upload-btn:hover{
     background: #fff;
     color: #EE3323;
}
 .user-profile-settings .user-main-profile .input-form .forms-btn {
     margin-top: 20px;
}
 .user-profile-settings .user-main-profile .forms-btn .Cancel-btn {
     font-size: 16px;
     font-weight: 500;
     background: #FFFFFF;
     border: 1px solid #FFFFFF;
     padding: 8px 25px;
     margin-left: 10px;
}
 .user-profile-settings .user-main-profile .forms-btn .Cancel-btn:hover{
     background: #EE3323;
     color: #fff;
     border-color: #EE3323;
}
 .user-profile-settings .preferences-tab .forms-gaps {
     padding-top: 10px;
     padding-bottom: 15px;
}
 .user-profile-settings .preferences-tab .input-form .form-control {
     appearance: auto;
     margin-bottom: 7px;
}
 .user-profile-settings .preferences-tab .input-form p {
     color: #000000B2;
     font-size: 14px;
     margin: 0;
}
 .user-profile-settings .preferences-tab .forms-btn {
     margin-top: 20px;
}
 .user-profile-settings .preferences-tab .labels-form {
     margin-top: -30px;
}
/*** user-profile-payment-tab ***/
 .user-profile-settings .user-profile-payment .payment-plan {
     background-color: #EE332314;
     border: 1px solid #FF00005E;
     border-radius: 9px;
     padding: 17px 19px;
     margin-bottom: 55px;
}
/* .user-profile-settings .user-profile-payment .payment-plan a i {
     color: #FFFFFF;
     font-size: 18px;
}
 */
 .user-profile-settings .user-profile-payment .payment-plan span {
     background: linear-gradient(to bottom, #EE3323, #CC2626);
     border-radius: 100px;
     padding: 18px 18px;
     font-size: 28px;
     color: #FFFFFF;
}
 .user-profile-settings .user-profile-payment .payment-plan h4 {
     font-size: 20px;
     margin-bottom: 0;
     font-weight: 500;
     color: #000000;
}
 .user-profile-settings .user-profile-payment .payment-plan p {
     margin-bottom: 0;
     font-weight: 500;
     font-size: 16px;
     margin-top: -7px;
}
 .user-profile-settings .user-profile-payment .payment-plan p i {
     color: #141B34;
     font-size: 12px;
}
 .user-profile-settings .user-profile-payment .payment-plan .progers-bar {
     background: #FFFFFF;
     width: 65%;
     height: 8px;
     border-radius: 100px;
}
 .user-profile-settings .user-profile-payment .payment-plan .progers-bar .progers-bar-fil {
     background-color: #EE3323;
     border-radius: 100px;
     width: 30%;
     height: 8px;
}
 .user-profile-settings .user-profile-payment .payment-plan .forms-btn .upload-btn {
     background: #EE3323;
     border: 1px solid #EE3323;
     font-size: 16px;
     border-radius: 8px;
     color: #FFFFFF;
     padding: 8px 10px;
}
 .user-profile-settings .user-profile-payment .payment-plan .forms-btn .upload-btn:hover{
     color: #EE3323;
     background: #fff;
}
 .user-profile-settings .user-profile-payment .payment-plan .forms-btn .Cancel-btn {
     font-size: 16px;
     font-weight: 500;
     background: #FFFFFF;
     padding: 8px 10px;
     margin-left: 10px;
}
 .user-profile-settings .user-profile-payment .payment-plan .forms-btn .Cancel-btn:hover{
     background: #EE3323;
     color: #fff;
}
 .user-profile-settings .user-profile-payment .new-paymentbtn{
     background: #EE3323;
     border: 1px solid #EE3323;
     font-size: 16px;
     border-radius: 8px;
     color: #FFFFFF;
     padding: 8px 15px;
}
 .user-profile-settings .user-profile-payment .new-paymentbtn:hover{
     background: #fff;
     color: #EE3323;
}
 .user-profile-settings .user-profile-payment h4 {
     font-weight: 500;
     margin-bottom: 0;
     color: #000000;
}
 .user-profile-settings .user-profile-payment span {
     background-color: #EE332314;
     font-size: 14px;
     font-weight: 600;
     color: #EE3323;
     border-radius: 50px;
     padding: 9px 8px;
}
 .user-payment-table tr td {
     vertical-align: middle;
}
.user-payment-table tr td input {
    transform: scale(1.5);
    margin-left: 10px;
}
 .user-payment-table tr td .btn-active{
     color: #00B227;
     border-color: #00B227;
}
 .user-payment-table tr td .btn-remove{
     color: #EE3323;
     border-color: #EE3323;
}
 .user-profile-settings .user-profile-payment .user-payment-table th {
     font-size: 14px;
     font-weight: 600;
     color: rgb(0, 0, 0, 50%);
     padding: 20px 8px !important;
     border-top-left-radius: 8px;
     border-top-right-radius: 8px;
}
/** Subscription ***/
 .subscription-section-top p {
     color: #000000;
     margin-right: 5px;
}
 .subscription-section-top i {
     color: #EE3323;
     font-size: 18px;
}
 .subscription-section-top .btn-subscription {
     border-radius: 8px;
     padding: 8px 10px;
     background-color: #EE3323;
     border: 1px solid #EE3323;
     font-weight: 500;
     color: #FFFFFF;
     transition: 300ms ease-out !important;
}
 .subscription-section-top .btn-subscription:hover{
     color: #EE3323;
     background: #fff;
}
 .subscription-section-top .border-style {
     border: 1px solid #00000017;
     border-radius: 8px;
     margin-bottom: 25px;
     margin-top: 12px;
     padding: 4px 5px;
}
 .subscription-section .subscription-welcom-box {
     width: 85%;
     margin: auto;
     background-color: #FFFFFF;
     border-radius: 24px;
     padding: 35px 30px;
     margin-bottom: 100px;
}
 .subscription-section .subscription-welcom-box h4 {
     font-size: 19px;
     font-weight: 600;
     text-transform: uppercase;
     color: #EE3323;
}
 .subscription-section .subscription-welcom-box h5 {
     font-size: 24px;
     font-weight: 500;
     color: #000000;
}
 .subscription-section .subscription-welcom-box p {
     font-size: 16px;
     color: #000000;
     margin-bottom: 35px;
}
 .subscription-section .subscription-welcom-box .get-device-box {
     border: 1px solid #0000001C;
     border-radius: 16px;
     padding: 24px 14px;
     width: 33.3%;
}
 .subscription-section .subscription-welcom-box .get-device-box span {
     background-color: #EE3323;
     color: #FFFFFF;
     padding: 4px 8px;
     border-radius: 100px;
     font-size: 14px;
     font-weight: 500;
     width: 29px;
     height: 29px;
     display: inline-block;
}
 .subscription-section .subscription-welcom-box .get-device-box h5 {
     font-size: 20px;
     margin-top: 20px;
     margin-bottom: 10px;
}
 .subscription-section .subscription-welcom-box .get-device-box a {
     text-decoration: none;
     font-weight: 500;
     background-color: #EE3323;
     border: 1px solid #EE3323;
     color: #fff;
     border-radius: 8px;
     padding: 8px 14px;
     margin-top: 5px !important;
     display: inline-block;
     transition: 300ms ease-out !important;
}
 .subscription-section .subscription-welcom-box .get-device-box a:hover{
     color: #EE3323;
     background: #fff;
}
 .subscription-section .subscription-welcom-box .colored-para {
     font-weight: 500;
     color: #EE3323;
     max-width: 80%;
     margin: auto;
     margin-top: 40px;
}
 .subscription-section{
     padding-top: 50px !important;
}
/*** Redeem ***/
 .redeem-section-top .reddem-top-para i {
     color: #141B34;
     font-size: 13px;
}
 .redeem-section-top .reddem-top-para {
     font-weight: 500;
}
 .redeem-section-top .border-style {
     margin-bottom: 15px;
}
 .redeem-section .redeem-welcom-box {
     background-color: #FFFFFF;
     padding: 32px 32px;
     border-radius: 16px;
     margin-bottom: 50px;
}
 .redeem-section .redeem-welcom-box h4 {
     font-weight: 600;
     color: #000000;
     text-transform: capitalize;
}
 .redeem-section .redeem-welcom-box p {
     color: #000000;
     padding-bottom: 18px;
}
 .redeem-section .redeem-welcom-box .get-redeem-box {
     border: 1px solid #EAECF0;
     border-radius: 8px;
     width: 32%;
     box-shadow: 4px 6px 6px -2px #10182814;
}
 .redeem-welcom-box .get-redeem-box .box-top h6 {
     font-size: 18px;
     font-weight: 600;
     color: #475467;
     padding-bottom: 0;
     margin-bottom: 0;
}
 .redeem-welcom-box .most-popularbtn {
     background-color: #000000;
     padding: 4px 12px;
     border-radius: 8px;
     color: #FFFFFF;
     font-weight: 500;
     text-decoration: none;
}
 .redeem-welcom-box .get-redeem-box .box-top h4 {
     font-size: 48px;
     color: #101828;
     font-weight: 600;
}
 .redeem-welcom-box .get-redeem-box .box-top h4 sub {
     font-size: 16px;
     font-weight: 500;
     color: #475467;
     text-transform: lowercase !important;
}
 .redeem-welcom-box .get-redeem-box .box-top p {
     font-size: 16px;
     color: #475467;
     padding: 5px 0px;
}
 .get-redeem-box .box-top .get-start-btn {
     text-align: center;
     background-color: #EE3323;
     font-size: 16px;
     font-weight: 600;
     color: #FFFFFF;
     text-decoration: none;
     border-radius: 8px;
     padding: 10px 20px;
     border: 1px solid #EE3323;
     margin-top: 18px;
     transition: all ease 0.5s;
}
 .redeem-section .box-top .get-start-btn:hover {
     background-color: #FFFFFF;
     color: #EE3323;
}
 .redeem-section .redeem-welcom-box .get-redeem-box .box-top {
     padding: 32px 25px;
     border-bottom: 1px solid #EAECF0;
}
 .redeem-section .redeem-welcom-box .get-redeem-box .box-down {
     padding: 25px 24px;
}
 .redeem-section .redeem-welcom-box .get-redeem-box .box-down h5 {
     font-size: 16px;
     font-weight: 600;
     color: #101828;
}
 .redeem-section .redeem-welcom-box .get-redeem-box .box-down p {
     font-size: 16px;
     color: #475467;
     padding-bottom: 0;
}
 .redeem-section .redeem-welcom-box .get-redeem-box .box-down p span {
     font-weight: 600;
}
 .redeem-section .redeem-welcom-box .get-redeem-box .box-down a i {
     color: #EE3323;
     font-size: 18px;
     position: relative;
     top: 2px;
}
/*** Team ***/
 .teams-section .btn-subscription {
     border-radius: 8px;
     padding: 8px 10px;
     background-color: #EE3323;
     border: 1px solid #EE3323;
     font-weight: 500;
     color: #FFFFFF;
}
 .teams-section .btn-subscription:hover{
     color: #EE3323;
     background: #fff;
}
 .dropdown-icon ::after {
     display: none;
}
 .dropdown-icon button {
     outline: none;
     border: none;
}
 .team-manage-boxs .member-box img {
     width: 33px;
     position: relative;
}
 .teams-section .team-manage-boxs .member-box {
     background-color: #FFFFFF;
     width: 24%;
     border-radius: 17px;
     padding: 18px 13px;
}
 .teams-section .team-manage-boxs .member-box .mb-4{
     margin-bottom: 1.2rem!important;
}
 .teams-section .team-manage-boxs h6 {
     font-size: 20px;
     font-weight: 600;
     color: #000000;
}
 .team-manage-boxs .member-box .training-para {
     font-size: 14px;
     color: #000000;
     line-height: 22.04px;
     opacity: 50%;
     margin-bottom: 20px !important;
}
 .teams-section .team-manage-boxs .member-box .gap-4 {
     gap: 0.8rem !important;
}
 .member-box .member-image p {
     font-size: 16px;
     font-weight: 600;
}
 .team-manage-boxs .member-box .member-progersbar {
     border: 1px solid #00000014;
     border-radius: 8px;
     padding: 16px 16px;
     margin-top: 10px;
}
 .member-box .member-progersbar p {
     color: #000000;
     margin-bottom: 10px;
}
 .member-box .member-progersbar .progers-bar {
     width: 100%;
     height: 4px;
     background: #D9D9D9;
     border-radius: 100px;
}
 .member-box .member-progersbar .progers-bar-fil {
     background-color: #EE3323;
     height: 4px;
     border-radius: 100px;
     width: 65%;
}
 .dropdown-icon ul {
     padding: 0;
     background-color: #FFFFFF;
     padding-right: 0;
}
 .dropdown-icon ul li {
     margin: 7px 0;
}
 .dropdown-icon ul li a {
     font-size: 16px;
     font-weight: 500;
     padding: 5px 20px;
     padding-right: 40px !important;
}
 .member-box .dropdown-icon button {
     background: none;
     border: 1px solid #878AA74F;
     border-radius: 100px;
     padding: 4px 6px;
}
 .member-box .dropdown-icon button:hover {
     background: #EE3323 !important;
     border: 0;
     border: 1px solid #EE3323;
     border-radius: 100px;
}
 .member-box .dropdown-icon button:hover i {
     color: #fff;
}
 .member-box .dropdown-icon i {
     color: #000000;
}
 .member-image-style-1 {
     left: 24px;
}
 .member-image-style-2 {
     left: 12px;
}
 .member-image-style-3 {
     right: 2px;
}
 .member-image-style-4 {
     right: 14px;
}
 .member-image-style-5 {
     right: 25px;
}
 .member-box .members-img span {
     position: relative;
     right: 22px;
     font-size: 16px;
     color: #000000;
}
/*** Manage-Teams ***/
 .team-management h3 {
     font-size: 24px;
     font-weight: 600;
     color: #000000;
     padding-top: 45px;
     padding-bottom: 10px;
}
 .manage-teams h5 {
     font-weight: 500;
     color: #000000;
}
 .manage-teams p {
     color: #000000B2;
}
 .input-form .form-control {
     appearance: auto;
     color: #000000;
}
 .manage-teams-section .manage-teams .forms-gaps {
     padding-top: 15px;
}
 .input-form p {
     color: #000000;
     font-weight: 500;
}
 .forms-space .input-form .weston-bar {
     outline: 0;
     border: 1px solid #E6E6E6;
     padding: 5px 12px;
     border-radius: 10px;
     background: #FFFFFF;
}
 .input-form .weston-bar .remove-btn {
     color: #EE3323;
     border: 1px solid #EE3323;
     margin-right: 10px;
     font-size: 16px;
     font-weight: 500;
}
 .input-form .weston-bar .btn-view {
     color: #353535;
     border: 1px solid #C8C8C8CC;
     margin-right: 10px;
     font-size: 16px;
     font-weight: 500;
}
 .input-form .weston-bar a {
     font-size: 16px;
     font-weight: 500;
     color: #EE3323;
}
 .input-form .weston-bar span {
     font-size: 16px;
     font-weight: 500;
     color: #00000066;
}
 .manage-teams {
     max-width: 80% !important;
}
/** Coach-Area-tab ***/
 .manage-teams-section .coah-area-tab {
     width: 471px;
     background-color: #FFFFFF;
     border-radius: 16px;
     padding: 24px 24px;
     margin: auto;
     margin-top: 75px;
     margin-bottom: 50px;
}
 .manage-teams-section .coah-area-tab label {
     font-size: 16px;
     color: #000000;
     text-transform: capitalize;
}
 .manage-teams-section .coah-area-tab input {
     width: 100%;
     border: 1px solid #00000024;
     border-radius: 8px;
     padding: 10px 18px;
     background-color: #FFFFFF;
}
 .manage-teams-section .coah-area-tab input::placeholder {
     font-size: 16px;
     color: #000000;
}
 .manage-teams-section .coah-area-tab textarea {
     width: 100%;
     border: 1px solid #00000024;
     border-radius: 8px;
     padding: 10px 18px;
     background-color: #FFFFFF;
     font-size: 16px;
     color: #000000;
}
 .manage-teams-section .coah-area-tab .changes-btn {
     width: 100%;
     padding: 8px 16px;
     background-color: #EE3323;
     color: #FFFFFF;
     border-radius: 8px;
     font-weight: 500;
}
/** Login **/
 .logo-img img {
     height: 20px;
}
 .login-header .topbar {
     padding: 0px 75px !important;
}
 .login-header .topbar .login-page-input {
     width: 22%;
}
 .login-section .login-form-box {
     max-width: 480px;
     margin: auto;
     background-color: #FFFFFF;
     padding: 40px 25px;
     border-radius: 24px;
     margin-bottom: 100px;
     margin-top: 50px;
}
 .login-section .login-form-box img {
     height: 30px;
     margin-bottom: 30px;
}
 .login-section .login-form-box .form-group{
     margin-bottom: 15px;
}
 .login-section .login-form-box h5 {
     color: #000000;
     font-size: 24px;
     font-weight: 500;
}
 .login-section .login-form-box p {
     font-size: 16px;
     color: #000000;
     margin-bottom: 30px;
}
 .login-section .login-form-box label {
     font-size: 14.88px;
     color: rgba(48, 49, 61, 1);
     margin-bottom: 5px;
}
 .login-section .login-form-box .form-control {
     width: 100%;
     border: 1px solid #E6E6E6;
     border-radius: 8px;
     padding: 10px 18px;
     background-color: #FFFFFF;
}
 .login-section .login-form-box .forget-pass {
     font-size: 16px;
     font-weight: 500;
     text-decoration: none;
     color: #EE3323;
}
 .login-section .login-form-box .continue-btn {
     background-color: #EE3323;
     padding: 12px 20px;
     border-radius: 8px;
     border: 1px solid #EE3323;
     font-size: 16px;
     color: #FFFFFF;
     font-weight: 600;
     transition: 300ms ease-out !important;
}
 .login-section .login-form-box .continue-btn:hover{
     color: #EE3323;
     background: #fff;
}
 .login-section .login-form-box .or-line {
     border-top: 1px solid #E3E3E3;
}
 .login-section .login-form-box .or-line .or-text {
     margin: 0;
     text-align: center;
     margin-top: -13px;
     color: #00000099;
}
 .login-section .login-form-box .or-line .or-text span {
     background-color: #FFFFFF;
     padding: 1px 15px;
}
 .login-section .login-form-box .or-box-padd {
     padding: 0px 50px;
     margin: 35px 0px;
     margin-bottom: 25px;
}
 .login-section .login-form-box .store-btn img {
     height: 24px;
     margin: 0;
}
 .login-section .login-form-box .store-btn {
     gap: 10px;
     padding: 12px 16px;
     background-color: #FFFFFF;
     border: 1px solid #E6E6E6;
     border-radius: 5px;
}
 .login-section .login-form-box .register-para {
     font-size: 16px;
     color: #000000;
     margin-bottom: 0;
}
 .login-section .login-form-box .register-para a {
     font-weight: 500;
     color: #EE3323;
}
 .password-wrapper {
     position: relative;
}
 .toggle-button {
     display: inline-flex;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     left: unset;
     right: 12px;
     cursor: pointer;
}
 .eye-icon {
     width: 20px;
     height: 20px;
}
 .footer-container p {
     font-size: 16px;
     color: #000000;
     opacity: 55%;
}
/*** SignUp ***/
 .signup-content .signup-form-box .signup-para {
     line-height: 150%;
}
/** forget-pass-modal */
 .forget-modal .modal-header {
     border: 0;
     padding: 16px 32px;
     padding-bottom: 0px;
}
 .forget-modal .modal-body {
     padding: 40px 32px;
     padding-top: 24px;
}
 .forget-modal .modal-body img {
     height: 85px;
}
 .forget-modal .modal-body p {
     font-size: 16px;
     color: #000000;
     max-width: 76%;
     margin: auto;
     line-height: 24px;
}
 .forget-modal .modal-body .cheakmail-btn {
     background-color: #EE3323;
     padding: 11px 20px;
     border-radius: 8px;
     border: 1px solid #EE3323;
     font-size: 16px;
     color: #FFFFFF;
     font-weight: 600;
     transition: 300ms ease-out !important;
}
 .forget-modal .modal-body .cheakmail-btn:hover{
     color: #EE3323;
     background: #fff;
}
 .login-section .forget-pass-box{
     margin-bottom: 120px;
}
/** forget-pass-modal  **/
/** M-PLAYER DASHBOARD **/
 .team-admin-box {
     background: linear-gradient(180deg, #F5E1E01C, #EE332314);
     border: 1px solid #FF00005E;
     padding: 22px 20px;
     border-radius: 9px;
     margin-top: 20px;
}
 .welcome-player {
     padding: 20px 30px;
}
 .team-admin-box h2 {
     color: #000;
     font-size: 32px;
     font-weight: 600;
     margin-bottom: 0;
}
 .team-admin-box p {
     font-size: 16px;
     color: #000;
     margin-bottom: 15px;
}
 .team-admin-box .drop-group {
     border-top: 1px solid rgba(0, 0, 0, .10);
     padding-top: 15px;
}
 .team-admin-box .drop-group button {
     background: #fff;
     padding: 10px 12px;
     border-radius: 5px;
     color: #000;
     border: 1px solid #C8C8C8;
     font-size: 16px;
     line-height: 10px;
}
 .player-stats {
     display: flex;
     gap: 12px;
}
 .player-stats .stats-box {
     background: #fff;
     border: 1px solid #E3E3E3;
     border-radius: 10px;
     overflow: hidden;
     width: 33%;
}
 .player-stats .stats-box h3 {
     font-size: 16px;
     font-weight: 600;
     color: #000;
     margin: 0;
}
 .player-stats .stats-box button {
     border-color: #E3E3E3;
     padding: 6px;
     border-radius: 5px;
     background: #fff;
     color: #000;
     font-size: 12px;
     font-weight: 400;
}
 .player-stats .stats-box ul li a{
     font-size: 13px !important;
}
 .player-stats .stats-box .stats-header {
     border-bottom: 1px solid #E3E3E3;
     padding: 10px;
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .player-stats .stats-box .stats-body {
     padding: 14px 18px;
}
 .player-stats .stats-box h2 {
     color: #EE3323;
     font-size: 30px;
     margin-bottom: 2px;
     font-weight: 700;
}
 .player-stats .stats-box p {
     color: #000;
     font-size: 16px;
     margin: 0;
}
 .player-stats .stats-box .icon-box {
     background: #EE332314;
     padding: 8px;
     border-radius: 50px;
}
 .player-stats .stats-box .icon-box img {
     width: auto;
     height: 24x;
}
 .player-stats .stats-box span {
     color: #000000B2;
     font-size: 14px;
     letter-spacing: -3%;
     padding-top: 6px;
     border-top: 1px solid #E3E3E3;
     display: block;
     margin-top: 6px;
}
 .player-stats .stats-box span i {
     color: #05BD0C;
     font-size: 12px;
}
 .player-stats .stats-box .user-img img {
     width: auto;
     height: 40px;
}
 .player-stats .stats-box .down-arr i {
     color: #E73A3A;
     font-size: 12px;
}
 .player-stats .stats-box h4 {
     font-size: 22px;
     margin-bottom: 2px;
}
 .stats-headline {
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .extra-space {
     margin-top: 35px;
     margin-bottom: 20px;
}
 .stats-headline h3 {
     font-size: 24px;
     display: flex;
     align-items: center;
     gap: 10px;
     font-weight: 500;
     margin: 0;
}
 .btn-my-primary {
     background: #EE3323;
     border: 1px solid #EE3323;
     padding: 14px 12px;
     border-radius: 5px;
     font-size: 16px;
     font-weight: 500;
     color: #fff;
     line-height: 10px;
     transition: 0.3s all ease-in-out !important;
}
 .btn-my-primary:hover {
     color: #EE3323;
     border: 1px solid #EE3323;
     background: #fff;
     transform: translateY(-10px);
}
 .weekly-stats .weekly-body-stats {
     display: flex;
     justify-content: space-between;
     gap: 20px;
     align-items: end;
}
 .weekly-stats .weekly-body-stats h2 {
     color: transparent;
     font-size: 70px;
     font-weight: 800;
     margin-bottom: 20px;
     -webkit-text-stroke: 2px #EE3323A8;
     text-align: center;
}
 .table-striped>tbody>tr:nth-of-type(odd)>*{
     --bs-table-bg-type: #F6F6F6 !important;
}
 .weekly-stats .weekly-body-stats .weekly-box {
     width: 33%;
}
 .weekly-body-stats .box-body::before {
     content: "";
     background: url(../images/box-1.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     position: absolute;
     top: -26px;
     left: 0;
     bottom: 0;
     right: 0;
     width: 100% !important;
     height: 24px;
     z-index: 0;
}
 .weekly-stats .weekly-body-stats .box-body {
     padding: 30px 45px;
     background: #fff;
     position: relative;
     z-index: 4;
}
 .weekly-stats .third-v .box-body {
     padding: 20px 45px;
}
 .weekly-stats .weekly-body-stats img {
     width: auto;
     height: 80px;
     text-align: center;
     margin-bottom: 10px;
     border: 50px;
}
 .weekly-stats .weekly-body-stats h3 {
     font-size: 24px;
     font-weight: 600;
     letter-spacing: -0.48px;
     margin-bottom: 35px;
     color: #1C243F;
}
 .weekly-stats .weekly-body-stats h4 {
     color: #000;
     font-size: 23px;
     font-weight: 600;
     margin-bottom: 6px;
}
 .weekly-stats .weekly-body-stats p {
     font-size: 16px;
     margin: 0;
     color: #000000B2;
     font-weight: 500;
}
 .second-v h3 {
     font-size: 22px !important;
     margin-bottom: 10px !important;
}
 .second-v img {
     height: 70px !important;
}
 .third-v h3 {
     font-size: 20px !important;
     margin-bottom: 10px !important;
}
 .third-v img {
     height: 55px !important;
}
 .stats-headline h3 span {
     background: #EE332314;
     padding: 8px;
     font-size: 12px;
     font-weight: 600;
     color: #EE3323;
     border-radius: 50px;
     line-height: 10px;
}
 .team-roast {
     padding-top: 35px;
}
 .team-roast table {
     width: 100%;
     border-collapse: collapse;
     background: #fff;
     border-radius: 8px;
     margin-top: 16px;
     overflow: hidden;
}
 .team-roast th {
     padding: 16px 10px;
     text-align: left;
     font-size: 14px;
     font-weight: 600;
     color: rgba(0, 0, 0, .50);
     text-transform: uppercase;
     letter-spacing: 1.54px;
}
 .team-roast th:first-child {
     width: 60px;
         padding-left: 20px;
}
 .team-roast th:last-child {
     width: 200px;
}
 .team-roast tbody tr:hover {
     background-color: #fafafa;
}
 .team-roast td {
     padding: 14px 20px;
     vertical-align: middle;
}
 .team-roast .row-number {
     font-size: 16px;
     color: #000;
     font-weight: 500;
}
 .team-roast .player-info {
     display: flex;
     align-items: center;
     gap: 12px;
}
 .team-roast .player-avatar img {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background-color: #e5e5e5;
     flex-shrink: 0;
     object-fit: cover;
}
 .team-roast .player-details {
     display: flex;
     gap: 8px;
     align-items: center;
}
 .team-roast .player-name {
     color: #EE3323;
     font-size: 16px;
     font-weight: 500;
     text-decoration: underline;
     text-underline-offset: 2px;
}
 .team-roast .unread-badge {
     font-size: 12px;
     color: #EE3323;
     font-weight: 600;
     padding: 10px 10px;
     background: #EE332314;
     border-radius: 50px;
     line-height: 10px;
}
 .team-roast .group-badge img {
     width: 32px;
     height: 32px;
     border-radius: 50%;
     background-color: #b91c1c;
}
 .team-roast .last-session {
     font-size: 16px;
     color: #000;
}
 .team-roast .actions {
     display: flex;
     gap: 8px;
}
 .team-roast .action-btn {
     border-radius: 8px;
     background-color: #ffffff;
     border: 1px solid #EE3323;
     cursor: pointer;
     color: #EE3323;
     transition: all 0.2s;
     padding: 8px 8px;
     font-size: 14px;
     text-decoration: none;
     line-height: 10px;
}
 .team-roast .group-badge {
     font-size: 16px;
     color: #000;
}
 .team-roast .action-btn:hover {
     background-color: #fef2f2;
}
 tbody tr:nth-child(odd) {
     background: #F6F6F6;
}
 .btn-see-all {
     color: #EE3323;
     font-weight: 500;
     font-size: 16px;
     text-align: center;
     display: block;
     padding-top: 10px;
}
 .copy-msg {
     font-size: 16px;
     font-weight: 400;
     color: #000;
     margin-top: 20px;
}
/**** PLAYER DASHBOARD CSS END ***/
/*** complete-team-Roaster start ***/
 .team-complete-bio {
     background: linear-gradient(180deg, #F5E1E01C, #EE332314);
     padding: 18px 20px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     border: 1px solid #FF00005E;
     border-radius: 9px;
     margin-top: 20px;
}
 .team-complete-bio h2 {
     font-size: 32px;
     font-weight: 600;
     margin: 0;
}
 .team-complete-bio img {
     width: 64px;
     height: 64px;
     border-radius: 50px;
     object-fit: cover;
}
 .team-complete-bio h4 {
     font-size: 16px;
     margin-bottom: 6px;
     color: #000;
     font-weight: 400;
}
 .team-complete-bio h3 {
     color: #000;
     font-size: 20px;
     font-weight: 500;
     margin: 0;
}
 .team-complete-bio .extra-b {
     position: relative;
}
 .team-complete-bio .extra-b::before {
     content: "";
     background: #EE3323;
     position: absolute;
     top: 4px;
     left: -25px;
     bottom: 0;
     right: 0;
     width: 1px;
     height: 35px;
}
 .team-complete-bio .custom-gap {
     gap: 48px !important;
}
 .complete-team .user-data {
     background: #FFFFFF;
     padding: 17px 19px;
     border-radius: 10px;
}
 .user-felx {
     display: flex;
     gap: 20px;
}
 .complete-team .user-data img {
     width: 150px;
     height: 150px;
     object-fit: cover;
     border-radius: 8px;
}
 .complete-team .user-data span {
     color: #000000B2;
     font-size: 14px;
     font-weight: 500;
}
 .complete-team .user-data h2 {
     color: #EE3323;
     font-size: 24px;
     font-weight: 600;
     text-decoration: underline;
     margin: 0;
     text-underline-offset: 2px;
}
 .complete-team .user-data .btns-row {
     display: flex;
     justify-content: end;
     align-items: center;
     gap: 10px;
}
 .complete-team .user-data .btns-row a {
     border: 1px solid #EE3323;
     background: #fff;
     padding: 8px 12px;
     border-radius: 5px;
     color: #EE3323;
     font-weight: 500;
    /* line-height: 10px;
     */
     text-decoration: none;
     transition: 0.4s all ease-in-out !important;
}
 .complete-team .user-data .btns-row a:hover {
     background: #EE3323;
     color: #fff;
}
 .complete-team .user-data .activity-stats {
     display: flex;
     justify-content: space-between;
}
/* .complete-team .user-data .activity-box{
}
 */
 .complete-team .user-data .activity-stats p {
     font-size: 14px;
     font-weight: 400;
     color: #000;
     margin-bottom: 2px;
}
 .complete-team .user-data .activity-stats h4 {
     color: #000;
     font-size: 20px;
     font-weight: 500;
     margin: 0;
}
 .complete-team .user-data .activity-stats .activity-box img {
     width: auto;
     height: 18px;
     border-radius: 0;
}
 .complete-team .user-data .activity-stats .activity-box {
     position: relative;
}
 .complete-team .user-data .activity-stats .activity-box::before {
     content: "";
     background: #C4C4C4;
     position: absolute;
     width: 1px;
     height: 35px;
     left: -28px;
     top: 6px;
}
 .complete-team .user-data .activity-stats .activity-box:nth-child(1):before{
     display: none;
}
 .complete-team .user-data .custom-col {
     width: 100% !important;
     display: flex;
     flex-direction: column;
     justify-content: center;
     gap: 19px;
}
 .activity-box button.btn {
     padding: 0 !important;
     display: inline;
}
 .custom-tooltip {
     --bs-tooltip-bg: #fff;
    /* Custom background color */
     --bs-tooltip-color: #000;
    /* Custom text color */
     --bs-tooltip-border-radius: 0.5rem;
    /* Custom border radius */
     --bs-tooltip-opacity: 1;
    /* Custom opacity */
     --bs-tooltip-padding-x: 1rem;
    /* Custom x-padding */
     --bs-tooltip-padding-y: 0.5rem;
    /* Custom y-padding */
     box-shadow: 0 6px 54px -6px #6F6C8F1F !important;
     text-align: left !important;
}
 .complete-team .legendary-ai {
     background: linear-gradient(180deg, #F5E1E01C, #EE332314);
     border-radius: 9px;
     border: 1px solid #FF00005E;
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 0 15px;
     margin-top: 15px;
}
 .complete-team .legendary-ai img {
     width: 54px !important;
     height: 54px !important;
     object-fit: cover;
     border-radius: 50px;
}
 .complete-team .legendary-ai span {
     color: #000;
     font-size: 16px;
}
 .complete-team .legendary-ai h4 {
     color: #000;
     font-size: 20px;
     font-weight: 500;
     margin-bottom: 0;
     margin-top: 2px;
}
 .team-roast table td input {
     transform: scale(1.5);
}
 .complete-table table tbody tr:nth-child(odd) {
     border-left: 3px solid #F6F6F6;
     transition: 0.3s all ease-in-out !important;
}
 .complete-table table tbody tr:nth-child(even) {
     border-left: 3px solid #fff;
     transition: 0.3s all ease-in-out !important;
}
 .complete-table table tbody tr:hover {
     background: linear-gradient(90deg, #EE33231A, #EE332326);
     border-color: #EE3323 !important;
}
 .complete-table table {
     width: 100% !important;
}
 .complete-table table tbody td {
     padding: 10px 15px !important;
}
 .complete-table th {
     padding: 15px 10px !important;
     font-size: 12px;
}
 .complete-table .player-avatar img {
     width: 32px;
     height: 32px;
     object-fit: cover;
}
 .complete-table a.player-name {
     font-size: 14px;
}
 .complete-table th:last-child {
     width: unset !important;
}
 .complete-table .btn-inverse {
     background: #fff;
     color: #EE3323;
}
 .complete-table .btn-inverse:hover {
     background: #EE3323;
     color: #fff;
}
 .my-pagination {
     display: flex;
     align-items: center;
     justify-content: end;
     column-gap: 120px;
     margin-top: 20px;
     margin-bottom: 60px;
}
 .my-pagination ul.pagination {
     margin: 0;
     gap: 8px;
}
 .my-pagination button {
     background: #fff !important;
     color: #000 !important;
     border: 0;
}
 .my-pagination button:hover {
     color: #000 !important;
}
 .my-pagination li.page-item a {
     color: #051B44 !important;
     border: 0 !important;
     font-size: 14px;
     border-radius: 4px;
}
 .my-pagination li.page-item a:hover {
     background: #EE3323;
     color: #fff !important;
}
 .legendary-ai .last-sec{
     background: #fff;
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
     display: flex;
     align-items: start;
     justify-content: end;
     padding: 10px;
     gap: 20px;
}
 .legendary-ai .my-calendar{
     display: flex;
     justify-content: end;
     padding: 6px 0;
}
 .legendary-ai .my-calendar h5{
     color: #000;
     font-size: 16px;
     margin-bottom: 6px;
     font-weight: 400;
     text-transform: uppercase;
     text-align: center;
     padding: 0 10px;
}
 .legendary-ai .my-calendar p{
     color: #000;
     text-align: center;
     font-size: 20px;
     font-weight: 500;
     margin: 0;
}
 .legendary-ai .my-calendar .special {
     background: #FFAC33;
     padding: 5px 0px;
     border-radius: 50px;
     font-size: 16px;
     width: 35px;
     margin: auto;
}
 .legendary-ai .my-calendar .secondary-clndr{
     background: linear-gradient(45deg, #4CAF5000, #4CAF5026);
     padding: 10px;
     border-top: 3px solid #4CAF50;
     display: flex;
     align-items: start;
     justify-content: end;
     padding: 10px;
     gap: 20px;
}
 .legendary-ai .my-calendar .primary-clndr{
     background: linear-gradient(45deg, #EE332300, #EE332326);
     padding: 10px;
     border-top: 3px solid #EE3323;
     display: flex;
     align-items: start;
     justify-content: end;
     padding: 10px;
     gap: 20px;
}
 .my-calendar .secondary-clndr h5 {
     color: #4CAF50 !important;
}
 .my-calendar .secondary-clndr p {
     color: #4CAF50 !important;
}
/** complete-team-Roaster **/
/** TEAM LEADERBOARD START **/
 .custom-width {
     width: 80%;
     margin: auto;
}
 .teams-leaderboard .leader-board {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 30px;
}
 .teams-leaderboard .leader-board h2 {
     font-size: 36px;
     font-weight: 600;
     color: #1C243F;
     margin: 0;
}
 .teams-leaderboard .leader-board button {
     padding: 12px;
     border-radius: 5px;
     background: #fff;
     color: #000;
     border: 0;
     font-size: 16px;
     box-shadow: 0 1px 1px 0 #00000008;
     width: 150px;
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .teams-leaderboard .leader-board .search-box {
     background: #fff;
     padding: 8px 12px;
     border-radius: 5px;
     display: flex;
     align-items: center;
     gap: 6px;
     width: 200px;
}
 .teams-leaderboard .leader-board .search-box i {
     color: #A3A3A3;
}
 .teams-leaderboard .leader-board .search-box input {
     border: 0;
     box-shadow: none;
     outline: 0 !important;
     width: 100%;
}
 .teams-leaderboard .box-body.text-center {
     padding: 30px 20px;
}
 .teams-leaderboard .weekly-stats .weekly-body-stats h3 {
     margin-bottom:35px;
}
 .teams-leaderboard .weekly-stats .second-v h3{
     margin-bottom: 15px !important;
}
 .teams-leaderboard .player-info {
     width: 300px;
}
 .pg-content {
     background: #F2F2F4;
}
 .copy-msg {
     padding: 20px;
     color: #000;
}
/** TEAM LEADERBOARD **/
/** PLAYER PROFILE **/
 .Player-profile .player-profile-inner {
     padding-top: 30px;
     padding-bottom: 50px;
}
 .player-profile-inner ul#pills-tab {
     background: #fff;
     border-radius: 6px;
     border-bottom: 1px solid #E3E3E3;
     overflow: hidden;
}
 .player-profile-inner .nav-pills .nav-link.active {
     background: #EE3323 !important;
     font-size: 16px;
     font-weight: 500;
     color: #fff;
}
 .player-profile-inner .nav-pills .nav-link {
     color: #A4A4A4;
     padding: 8px 20px;
     border: 0 !important;
     border-radius: 0 !important;
}
 .player-profile-inner .detail-box {
     border-radius: 8px;
     overflow: hidden;
     background: #fff;
}
 .player-profile-inner .detail-box .det-header {
     border: 1px solid #E3E3E3;
     background: #FAFAFA;
     padding: 12px 16px;
     border-top-right-radius: 8px;
     border-top-left-radius: 8px;
}
 .player-profile-inner .detail-box .det-header h3 {
     font-size: 16px;
     margin: 0;
     font-weight: 600;
     color: #2C2C2C;
}
 .player-profile-inner .detail-box ul {
     margin: 0;
     padding: 0;
     border-bottom: 1px solid #E3E3E3;
     border-radius: 0;
     padding-bottom: 10px;
     list-style-type: none;
}
 .player-profile-inner .detail-box ul li {
     font-size: 14px;
     color: #767676;
     margin-bottom: 10px;
}
 .player-profile-inner .detail-box ul li a {
     font-size: 14px;
     color: #767676;
     text-decoration: none;
}
 .player-profile-inner .detail-box h4 {
     color: #767676;
     font-size: 12px;
     font-weight: 500;
     letter-spacing: 1.2px;
     text-transform: uppercase;
     margin-bottom: 10px;
}
 .player-profile-inner .detail-box p {
     font-size: 14px;
     line-height: 22px;
     color: #2C2C2C;
     margin-bottom: 10px;
     padding-right: 30px;
}
 .player-profile-inner .strength .strength-box {
     background: #F9F9F9;
     border-radius: 8px;
     padding: 12px;
     margin-bottom: 10px;
}
 .player-profile-inner .strength .strength-box img {
     width: auto;
     height: 40px;
     margin-bottom: 10px;
}
 .player-profile-inner .strength .strength-box h5 {
     color: #000000;
     font-size: 14px;
     font-weight: 500;
     margin: 0;
}
 .player-profile-inner .strength .strength-box span {
     color: #3FA743;
     font-size: 12px;
     font-weight: 500;
}
 .player-profile-inner .strength .strength-box .progress {
     height: 6px;
     border-radius: 0px;
     margin-top: 4px;
}
 .player-profile-inner .strength {
     margin-top: 15px;
}
 .player-profile-inner .strength .strength-box:nth-child(3) img {
     height: 32px !important;
}
 .player-profile-inner .strength .strength-box:nth-child(4) img {
     height: 32px !important;
}
 .player-profile-inner table {
     border-collapse: collapse;
     width: 100%;
     background: transparent !important;
}
 .player-profile-inner table tr td {
     background: #fff !important;
     font-size: 14px;
     color: #767676;
     border-bottom: 1px solid #E3E3E3;
     padding-bottom: 10px;
     padding-top: 10px;
     vertical-align: middle;
}
 .player-profile-inner table tr {
     margin-bottom: 20px;
}
 .player-profile-inner table tr .btn-site-view {
     border: 1px solid #EE3323;
     background: #FFFFFF14;
     padding: 7px;
     display: inline-block;
     border-radius: 6px;
     font-size: 12px;
     font-weight: 500;
     color: #EE3323;
}
 .player-profile-inner table tr .btn-site-view:hover {
     background: #EE3323;
     color: #fff;
}
 .player-profile-inner table tr .last-ch {
     display: flex;
     justify-content: end;
}
/** PLAYER PROFILE **/
/** PRODUCT BUYING **/
 .product-buy {
     background: #fff;
     padding-bottom: 80px;
}
 .product-buy .carousel-indicators img {
     width: auto;
     height: 130px;
     object-fit: cover;
     border: 1px solid #E6E6E6;
}
 .product-buy .carousel-indicators {
     margin-left: 0 !important;
     margin-right: 0 !important;
}
 .carousel-indicators button.thumbnail {
     width: 130px;
}
 .carousel-indicators button.thumbnail:not(.active) {
     opacity: 0.7;
}
 .carousel-indicators {
     position: static;
}
 .product-buy .carousel-item.active img {
     width: 100%;
     height: 800px;
     object-fit: cover;
     object-position: center;
}
 .product-buy .product-header {
     border-bottom: 1px solid #E3E3E3;
     padding: 30px;
     margin-bottom: 20px;
}
 .product-buy h2 {
     color: #000;
     font-size: 48px;
     font-weight: 600;
     margin-bottom: 0;
     max-width: 80%;
}
 .product-buy .mine-rating i {
     color: #FFAC33;
     font-size: 14px;
}
 .product-buy .mine-rating span {
     color: #000;
     font-size: 14px;
}
 .product-buy p {
     color: #000;
     font-size: 16px;
     line-height: 24px;
     border-bottom: 1px solid #E3E3E3;
     padding-bottom: 15px;
}
 .product-buy h4 {
     color: #000;
     font-size: 16px;
     padding-bottom: 10px;
     font-weight: 400;
     display: flex;
     align-items: center;
     gap: 10px;
     border-bottom: 1px solid #E3E3E3;
     padding-bottom: 15px;
     margin-bottom: 10px;
}
 .product-buy h4 i {
     color: #016FD0;
     font-size: 26px;
}
 .product-buy h4 a {
     color: #EE3323;
     font-size: 16px;
     font-weight: 500;
}
 .mine-rating {
     margin-top: 10px;
     margin-bottom: 20px;
}
 .pill-group {
     display: flex;
     gap: 12px;
     flex-wrap: wrap;
}
 .pill-option {
     position: relative;
}
 .pill-option input {
     position: absolute;
     opacity: 0;
     pointer-events: none;
}
 .pill-option label {
     padding: 14px 20px;
     border: 1px solid #E6E6E6;
     border-radius: 5px;
     cursor: pointer;
     font-weight: 400;
     color: #77787D;
     transition: all 0.25s ease;
     background: #fff;
     font-size: 16px;
}
 .pill-option input:checked+label {
     border-color: #000000;
     color: #000;
    /* background: transparent;
     */
     background: #fff;
}
 .pill-option label:hover {
     border-color: #000000;
}
 .section-box h6 {
     color: #000;
     font-size: 16px;
     font-weight: 400 !important;
     margin-bottom: 15px !important;
}
 .section-box h6 span {
     color: #00000080;
}
 .product-buy .btn-add-cart {
     background: #EE3323;
     color: #fff;
     border: 1px solid #EE3323;
     display: block;
     text-align: center;
     width: 350px;
     border-radius: 5px;
     padding: 16px;
     font-size: 20px;
     font-weight: 500;
}
 .product-buy .btn-add-cart:hover {
     background: #fff;
     color: #EE3323;
}
 .product-buy .more-pay-opt {
     background: #fff;
     color: #77787D;
     border: 1px solid #E6E6E6;
     display: block;
     text-align: center;
     width: 350px;
     border-radius: 5px;
     padding: 16px;
     font-size: 20px;
     font-weight: 500;
}
 .product-buy .more-pay-opt:hover {
     background: #000;
     color: #fff;
}
 .product-buy ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
     margin-top: 20px;
}
 .product-buy ul li {
     color: #000;
     font-size: 16px;
     padding: 14px 0;
}
 .product-buy ul .custom-bdr {
     border-top: 1px solid #E3E3E3;
     border-bottom: 1px solid #E3E3E3;
}
/*** PRODUCT BUYING ****/
/*** MESSAGE ***/
 .btn-new-msg {
     background: #EE3323;
     color: #fff;
     padding: 12px;
     border-radius: 5;
     border: 1px solid #EE3323;
     box-shadow: 0 1px 1px 0 #00000008;
}
 .btn-new-msg:hover {
     border: 1px solid #EE3323;
     color: #EE3323;
}
 .my-msg-chat {
     background: #F2F2F4;
     padding: 50px 70px;
}
/* chat css */
 .chat-container {
     display: flex;
     background: white;
     margin-bottom: 50px;
}
/* Sidebar */
 .chat-container .sidebar {
     width: 280px;
     background: #fff;
     border-right: 1px solid #e5e5e5;
     display: flex;
     flex-direction: column;
     overflow: hidden;
}
 .chat-container .sidebar-header {
     padding: 18px 20px;
     border-bottom: 1px solid #e5e5e5;
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .chat-container .sidebar-header h6 {
     font-size: 15px;
     font-weight: 600;
     color: #1a1a1a;
     margin: 0;
}
 .sidebar-header .btn-add {
     background: none;
     border: none;
     font-size: 20px;
     color: #333;
     padding: 0;
     width: 24px;
     height: 24px;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
}
 .sidebar-content {
     flex: 1;
     overflow-y: auto;
}
 .chat-section-title {
     padding: 12px 20px 8px 20px;
     font-size: 12px;
     font-weight: 600;
     color: #757575;
     text-transform: uppercase;
     letter-spacing: 0.5px;
     background: #E3E3E326;
     border-bottom: 1px solid #E3E3E3;
}
 .chat-item {
     padding: 10px 15px;
     display: flex;
     align-items: center;
     cursor: pointer;
     position: relative;
     transition: background 0.15s;
}
 .chat-item:hover {
     background: #f0f0f0;
}
 .chat-item.active {
     background: #FBF3ED;
     border-right: 3px solid #EE3323;
}
 .chat-avatar img {
     width: 34px;
     height: 34px;
     border-radius: 50%;
     margin-right: 12px;
     object-fit: cover;
}
/* .chat-avatar img {
     width: 100%;
     height: 100%;
     border-radius: 50%;
     object-fit: cover;
}
 */
 .chat-info {
     flex: 1;
     min-width: 0;
}
 .chat-header-info {
     display: flex;
     justify-content: space-between;
     align-items: baseline;
     margin-bottom: 2px;
}
 .chat-name {
     font-size: 14px;
     font-weight: 600;
     color: #1a1a1a;
}
 .chat-time {
     font-size: 11px;
     color: #757575;
     white-space: nowrap;
     margin-left: 8px;
}
 .chat-preview {
     font-size: 12px;
     color: #121212;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     line-height: 1.3;
}
 .chat-unread {
     width: 8px;
     height: 8px;
     background: #EE3323;
     border-radius: 50%;
     position: absolute;
     right: 20px;
     transform: translateY(-50%);
     bottom: 15%;
}
 .group-avatars {
     width: 36px;
     height: 36px;
     position: relative;
     margin-right: 12px;
     flex-shrink: 0;
}
 .group-avatars .chat-avatar {
     width: 24px;
     height: 24px;
     position: absolute;
     margin: 0;
     border: 2px solid #fafafa;
}
 .group-avatars .chat-avatar:nth-child(1) {
     left: 0;
     top: 0;
     z-index: 3;
}
 .group-avatars .chat-avatar:nth-child(2) {
     right: 0;
     top: 0;
     z-index: 2;
}
 .group-avatars .chat-avatar:nth-child(3) {
     left: 6px;
     bottom: 0;
     z-index: 1;
}
/* Main Chat Area */
 .chat-main {
     flex: 1;
     display: flex;
     flex-direction: column;
     background: white;
}
 .chat-main-header {
     padding: 15px 30px;
     border-bottom: 1px solid #e5e5e5;
     display: flex;
     align-items: center;
     gap: 10px;
}
 .chat-main-user {
     display: flex;
     align-items: center;
     gap: 12px;
}
 .chat-main-user .chat-avatar {
     width: 40px;
     height: 40px;
     margin: 0;
}
 .chat-main-user-name {
     font-size: 16px;
     font-weight: 600;
     color: #1a1a1a;
}
 .btn-edit {
     background: none;
     border: none;
     color: #000;
     font-size: 16px;
}
 .chat-messages {
     flex: 1;
     overflow-y: auto;
     padding: 30px;
     background: white;
}
 .date-divider {
     text-align: center;
     margin-bottom: 20px;
}
 .date-divider select {
     border: 1px solid #e5e5e5;
     border-radius: 6px;
     padding: 6px;
     font-size: 14px;
     color: #000;
     background: white;
     cursor: pointer;
     appearance: none;
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-position: right 10px center;
}
 .message {
     display: flex;
     margin-bottom: 20px;
     gap: 12px;
}
 .message.sent {
     flex-direction: row-reverse;
}
 .message .chat-avatar {
     width: 36px;
     height: 36px;
     margin: 0;
}
 .message-content {
     max-width: 60%;
}
 .message-time {
     font-size: 11px;
     color: #999;
     margin-bottom: 4px;
}
 .message.sent .message-bubble {
     background: transparent;
     padding: 0;
}
 .chat-container .message.sent {
     width: 60%;
     float: inline-end;
     justify-content: flex-start;
}
 .message-content h3 {
     color: #000;
     font-size: 16px;
     font-weight: 600;
}
 .message.sent .message-content {
     background: #FBF3ED;
     padding: 10px 14px;
     border-radius: 8px;
     display: flex;
     flex-direction: column;
     align-items: flex-end;
     max-width: 100% !important;
}
 .message-image img {
     height: 219px;
     width: 100%;
     object-fit: cover;
     border-radius: 8px;
     margin-top: 10px;
}
 .chat-container p {
     font-size: 12px;
     font-weight: 500;
     color: #757575;
     line-height: 1.3;
     margin: 0;
}
 .chat-container .user-content {
     border: 1px solid #D8DAE5;
     padding: 10px 14px;
     border-radius: 8px;
     background: #fff;
}
/* Chat Input */
 .chat-input {
     padding: 20px;
     border-top: 1px solid #E3E3E3;
     background: white;
}
 .input-wrapper {
     display: flex;
     align-items: center;
     gap: 12px;
}
 .input-field {
     border: 0;
     padding: 0px;
     font-size: 14px;
     outline: none;
     width: 100%;
     background: none;
}
 .custom-input {
     background: #FBF3ED;
     padding: 8px 14px;
     border-radius: 8px;
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .input-field:focus {
     border-color: #ccc;
}
 .input-actions {
     display: flex;
     gap: 8px;
}
 .btn-input-action {
     background: none;
     border: none;
     font-size: 18px;
     color: #EE3323;
     transition: color 0.2s;
}
 .btn-input-action:hover {
     color: #666;
}
 .chat-container .btn-send {
     background: #ff4757;
     color: white;
     border: none;
     border-radius: 8px;
     padding: 10px 14px;
     font-size: 16px;
     font-weight: 500;
     cursor: pointer;
     display: flex;
     align-items: center;
     gap: 6px;
     transition: background 0.2s;
}
 .btn-send:hover {
     background: #ff3838;
}
/* Scrollbar */
 .sidebar-content::-webkit-scrollbar, .chat-messages::-webkit-scrollbar {
     width: 6px;
}
 .sidebar-content::-webkit-scrollbar-track, .chat-messages::-webkit-scrollbar-track {
     background: transparent;
}
 .sidebar-content::-webkit-scrollbar-thumb, .chat-messages::-webkit-scrollbar-thumb {
     background: #ddd;
     border-radius: 3px;
}
 .sidebar-content::-webkit-scrollbar-thumb:hover, .chat-messages::-webkit-scrollbar-thumb:hover {
     background: #ccc;
}
 .chat-profile img {
     width: 39px;
     height: 39px;
     object-fit: cover;
     border-radius: 50px;
}
/* Responsive */
 @media (max-width: 768px) {
     .sidebar {
         position: absolute;
         left: -280px;
         height: 100%;
         z-index: 1000;
         transition: left 0.3s;
    }
     .sidebar.show {
         left: 0;
    }
     .message-content {
         max-width: 80%;
    }
}
 .chat-sidebar-close {
     display: none;
}
/*  CHAT SIDEBAR RESPONSIVE */
 @media (max-width: 991px) {
     .chat-sidebar-close {
         display: flex;
         position: absolute;
         top: 12px;
         right: 12px;
         width: 34px;
         height: 34px;
         align-items: center;
         justify-content: center;
         background: #FBF3ED;
         border: none;
         border-radius: 50%;
         font-size: 18px;
         cursor: pointer;
         z-index: 10000;
    }
     .chat-sidebar-close i {
         color: #000;
    }
    /* push content down so button doesn’t overlap */
     .chat-sidebar .sidebar-header {
         padding-top: 40px;
    }
     .chat-container {
         position: relative;
         height: 100vh;
         overflow: hidden;
    }
    /* CHAT sidebar off-canvas */
     .chat-sidebar {
         position: absolute;
         top: 0;
         left: -100%;
         width: 280px;
         height: 100%;
         background: #fff;
         z-index: 9999;
         transition: left 0.3s ease;
         box-shadow: 4px 0 20px rgba(0,0,0,0.15);
    }
     .chat-sidebar.show {
         left: 0;
    }
    /* Chat main full width */
     .chat-main {
         width: 100%;
    }
    /* Menu button */
     .btn-back {
         background: none;
         border: none;
         font-size: 20px;
         cursor: pointer;
    }
     .chat-main-header {
         padding: 12px 16px;
    }
     .chat-messages {
         padding: 15px;
    }
     .message-content {
         max-width: 85%;
    }
     .chat-container .message.sent {
         width: 100%;
         float: none;
    }
     .input-wrapper {
         flex-direction: column;
         gap: 10px;
    }
     .btn-send {
         width: 100%;
         justify-content: center;
    }
}
/* Desktop only */
 @media (min-width: 992px) {
     .btn-back {
         display: none;
    }
}
/* chat css */
/*** MESSAGE ***/
/*** INVITE TEAM MEMBER ***/
 .invite-member{
     padding-top: 80px;
     padding-bottom: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .invite-member .member-team{
     max-width: 635px;
     background: #fff;
     border-radius: 8px;
     padding: 40px;
}
 .invite-member .member-team img{
     width: auto;
     height: 110px;
     object-fit: cover;
     display: block;
     margin: auto;
     border-radius: 50px;
     margin-bottom: 25px;
}
 .invite-member .member-team h3{
     color: #1C243F;
     font-size: 24px;
     font-weight: 600;
     margin-bottom: 10px;
     text-align: center;
}
 .invite-member .member-team p{
     color: #000;
     font-size: 16px;
     line-height: 24px;
     margin-bottom: 30px;
     padding: 0 30px;
     text-align: center;
}
 .invite-member .member-team .field-grp{
     display: flex;
     align-items: center;
     gap: 12px;
     margin-bottom: 15px;
}
 .invite-member .member-team .field-grp input{
     padding: 6px 13px;
     border-radius: 8px !important;
     outline: o !important;
     border: 1px solid #C7C7C7;
     box-shadow: none !important;
}
 .invite-member .member-team .field-grp .icon{
     width: auto;
     height: 35px;
     object-fit: cover;
     border-radius: 50px;
     margin: 0;
}
 .invite-member .member-team .red-bdr{
     border-color: #EE3323 !important;
}
 .invite-member .addons{
     background: #fff;
     border: 1px solid #E3E3E3;
     padding: 16px;
     border-radius: 8px;
     margin-top: 30px;
     margin-bottom: 30px;
}
 .invite-member .addons h4{
     color: #2C2C2C;
     font-size: 16px;
     font-weight: 500;
     margin-bottom: 2px;
}
 .invite-member .addons span{
     font-size: 14px;
     line-height: 16px;
     padding-right: 40px;
     display: block;
     color: #767676;
}
 .invite-member .addons a{
     color: #EE3323;
     font-size: 14px;
     font-weight: 500;
     text-decoration: none;
     width: 14%;
}
 .invite-member .addons .progress{
     height: 4px;
     border-radius: 50px;
     margin-top: 10px;
}
 .invite-member h5{
     color: rgba(0, 0, 0, .60);
     font-size: 16px;
     margin: 0;
}
 .invite-member .btn-send{
     background: #EE3323;
     color: #fff;
     border: 1px solid #EE3323;
     padding: 8px 16px;
     border-radius: 8px;
}
 .my-footer{
     margin-top: 120px;
     margin-bottom: 50px;
}
 .my-footer p{
     color: #000;
     font-size: 16px;
     margin: 0;
     text-align: center;
}
 .my-modal-sec .cust-back{
     background: #F8F8F8;
     color: #000000;
     padding: 8px 16px;
     border-radius: 8px;
     border: 1px solid #00000021;
}
 .my-modal-sec .cust-back:hover{
     background: #EE3323;
     color: #fff;
}
 .my-modal-sec .btn-send{
     background: #EE3323;
     color: #fff;
     border: 1px solid #EE3323;
     padding: 8px 16px;
     border-radius: 8px;
}
 .my-modal-sec .btn-send:hover{
     color: #EE3323;
     background: #fff;
}
 .my-modal-sec i{
     color: #00973D;
     font-size: 60px;
     margin: auto;
     text-align: center;
     display: block;
     margin-bottom: 20px;
}
 .my-modal-sec h3{
     color: #000;
     font-size: 24px;
     font-weight: 600;
     text-align: center;
     margin-bottom: 15px;
}
 .my-modal-sec p{
     text-align: center;
     color: #000;
     margin-bottom: 20px;
     font-size: 16px;
     line-height: 24px;
}
 .MY-dialog {
     max-width: 600px !important;
}
 .my-modal-sec {
     padding: 43px 24px;
     border-radius: 16px !important;
}
 .my-modal-sec button.btn-close {
     position: absolute;
     left: auto;
     right: 15px;
     top: 15px;
}
/*** INVITE TEAM MEMBER ***/
/*** PAY WALL ***/
 .welcome-text span{
     color: #EE3323;
     font-size: 16px;
}
 .welcome-text ul{
     margin: 0;
     padding: 0;
     margin-left: 35px;
}
 .welcome-text ul li{
     padding-left: 10px;
     color: #000;
     font-size: 16px;
}
 .payment-wall .wall-inner{
     border: 1px solid #00000026;
     border-radius: 24px;
     overflow: hidden;
     background: #fff;
}
 .payment-wall .payout-detail-box{
     background: #fff;
     padding: 15px 25px;
}
 .payment-wall .payout-detail-box h3{
     color: #000;
     font-weight: 600;
     font-size: 24px;
     margin-bottom: 30px;
}
 .payment-wall .payout-detail-box h4{
     color: #000;
     font-size: 16px;
     font-weight: 500;
     margin-bottom: 20px;
}
 .payment-wall .payout-detail-box .nav-link{
     background: #fff;
     border: 1px solid #E6E6E6;
     border-radius: 5px;
     box-shadow: 0 1px 1px 0 #00000008;
     padding: 12px;
     color: #6D6E78;
     font-size: 14px;
     font-weight: 600;
     display: flex;
     justify-content: start;
     flex-direction: column;
     gap: 8px;
     width: 170px;
     text-align: left;
}
 .payment-wall .payout-detail-box .active{
     border-color: #EE3323;
     color: #EE3323;
}
 .payment-wall .payout-detail-box .field-img input{
     border: 0 !important;
     box-shadow: 0 !important;
     outline: 0 !important;
     box-shadow: 0 3px 6px 0 #00000008 !important;
     width: 100%;
     padding: 0;
}
 .payment-wall .payout-detail-box .field-img{
     display: flex;
     justify-content: space-between;
     align-items: center;
     border: 1px solid #E6E6E6;
     border-radius: 5px;
     padding: 12px;
}
 .payment-wall .payout-detail-box .field-img img{
     width: auto;
     height: 16px;
}
 .payment-wall .payout-detail-box label{
     color: #30313D;
     font-size: 14px;
     margin-bottom: 4px;
}
 .payment-wall .payout-detail-box input{
     border-radius: 5px;
     padding: 12px;
     box-shadow: 0 !important;
     outline: 0 !important;
     width: 100%;
     border: 1px solid #E6E6E6 !important;
     box-shadow: 0 3px 6px 0 #00000008 !important;
}
 .payment-wall .payout-detail-box .cvc-card{
     height: 24px !important;
}
 .payment-wall .payout-detail-box select {
     padding: 12px !important;
     box-shadow: 0 3px 6px 0 #00000008;
}
 .payment-wall .payout-detail-box .custom-radio input{
     width: auto;
     box-shadow: none !important;
     border: 0 !important;
     border-color: #EE3323 !important;
     margin-bottom: 2px;
     transform: scale(1.3);
}
 .payment-wall .payout-detail-box .custom-radio{
     display: flex;
     align-items: center;
     gap: 6px;
}
 .payment-wall .pay-gray-box{
     background: #E3E3EBB5;
     padding: 15px 30px;
}
 .payment-wall .pay-gray-box h3{
     color: #000;
     font-weight: 600;
     font-size: 24px;
     margin-bottom: 6px;
}
 .payment-wall .pay-gray-box p{
     color: #000;
     font-size: 14px;
     display: flex;
     align-items: center;
     gap: 12px;
}
 .payment-wall .pay-gray-box p i{
     color: #868686;
     font-size: 4px;
}
 .payment-wall .pay-gray-box p span{
     color: #EE3323;
}
 .payment-wall .pay-gray-box .family-plan{
     background: #fff;
     border-radius: 16px;
     border: 2px solid #EE3323;
     box-shadow: 0 4px 6px -2px #10182808;
     margin-top: 60px;
     overflow: hidden;
}
 .payment-wall .pay-gray-box .family-plan .custom-padding{
     padding: 25px;
}
 .payment-wall .pay-gray-box .family-plan span{
     background: #000;
     color: #fff;
     font-size: 14px;
     font-weight: 500;
     border-radius: 8px;
     padding: 4px 12px;
}
 .payment-wall .pay-gray-box .family-plan h4{
     font-size: 18px;
     font-weight: 600;
     margin: 0;
}
 .payment-wall .pay-gray-box .family-plan h3{
     color: #101828;
     font-size: 55px;
     font-weight: 600;
     line-height: 50px;
     margin: 0;
}
 .payment-wall .pay-gray-box .family-plan i{
     color: #475467;
     font-size: 16px;
     font-style: normal !important;
}
 .payment-wall .pay-gray-box .family-plan .bdr-bottom{
     border-bottom: 1px solid lightgray;
}
 .payment-wall .pay-gray-box .family-plan p{
     font-size: 16px;
     color: #475467;
     margin-bottom: 0;
}
 .payment-wall .pay-gray-box .family-plan h6{
     color: #475467;
     font-size: 16px;
     font-weight: 400;
     margin-bottom: 20px;
}
 .payment-wall .pay-gray-box .family-plan h5{
     color: #101828;
     font-size: 16px;
     margin-bottom: 4px;
     font-weight: 600;
}
 .payment-wall .pay-gray-box .family-plan ul{
     list-style-type: none;
     padding: 0;
     margin: 0;
}
 .payment-wall .pay-gray-box .family-plan li{
     color: #475467;
     font-size: 16px;
     font-weight: 400;
     margin-bottom: 15px;
     display: flex;
     gap: 10px;
     align-items: baseline;
}
 .payment-wall .pay-gray-box .family-plan ul li i{
     color: #EE3323;
     position: relative;
     top: 1px;
     width: 16px;
     height: 16px;
     display: inline-flex;
}
 .payment-wall .pay-gray-box .family-plan .btn-pay{
     background: #EE3323;
     border: 1px solid #EE3323;
     padding: 12px 20px;
     border-radius: 8px;
     color: #fff;
     display: block;
     width: 100%;
     text-align: center;
     font-weight: 600;
     margin-top: 30px !important;
}
 .pay-gray-box .family-plan .btn-pay:hover{
     background: #fff;
     color: #EE3323;
}
 .pay-gray-box .selecting-pay{
     color: #000;
     font-size: 16px;
     font-weight: 400;
     line-height: 20px;
     margin: 0;
     margin-top: 30px;
     margin-bottom: 20px;
}
 .payment-wall {
     padding: 40px 80px !important;
}
 .payout-detail-box ul#pills-tab {
     flex-wrap: nowrap;
}
 .payout-detail-box ul a.mydrb{
     background: #fff;
     border: 1px solid #E6E6E6;
     padding: 22px 12px;
     border-radius: 5px;
     outline: none !important;
     box-shadow: none !important;
}
 .payout-detail-box ul a::after{
     display: none;
}
 .my-modal-pri .accordion{
     width: 200px;
     margin: auto;
}
 .my-modal-pri button.accordion-button {
     background: none !important;
     border: 0 !important;
     color: #EE3323;
     box-shadow: none !important;
     padding: 0;
     font-size: 12px;
     padding: 10px;
}
 .my-modal-pri .accordion-body {
     padding: 0 !important;
}
 .my-modal-pri button.accordion-button i{
     margin-right: 4px;
}
 .my-modal-pri .accordion-item {
     border: 1px solid #00000024 !important;
     border-radius: 12px !important;
}
 .my-modal-pri ul{
     list-style-type: none;
     padding: 0;
     position: relative;
     margin: 0;
}
 .my-modal-pri .accordion-body ul i {
     position: absolute;
     left: auto;
     right: -17px;
     top: -54px;
     color: #00A341;
     font-size: 24px;
     background: #fff;
     padding: 4px;
}
 .my-modal-pri ul a{
     color: #000;
     font-size: 12px;
     text-decoration: none;
    /* margin-bottom: 15px !important;
     */
     padding: 6px 20px;
     display: block;
}
 .my-modal-pri {
     background: #fff;
     padding: 45px 24px;
     border-radius: 16px;
}
 .my-modal-pri h3{
     color: #000;
     font-size: 24px;
     font-weight: 600;
     margin-top: 20px;
     margin-bottom: 15px;
     text-align: center;
}
 .my-modal-pri p{
     color: #000;
     font-size: 16px;
     line-height: 24px;
     text-align: center;
     margin-bottom: 5px;
     padding: 0 15px;
}
 .pay-well-svg{
     text-align: center;
}
 .pay-well-svg img{
     height: 170px;
}
 .my-modal-pri .btn-invite {
     color: #fff;
     background: #EE3323;
     padding: 8px 14px;
     border-radius: 8px;
     border: 1px solid #EE3323;
     font-size: 16px;
     display: block;
     width: fit-content;
     margin: auto;
     margin-top: 20px;
}
 .my-modal-pri .btn-invite:hover{
     color: #EE3323;
     background: #fff;
}
 .my-modal-pri .modal-body{
     padding: 0;
}
 .my-modal-pri button.btn-close {
     position: absolute;
     left: auto;
     right: 15px;
     top: 15px;
}
/*** PAY WALL ****/
/*** PAYEMENT MANAGEMENT ***/
 .subs-manage .user-profile-payment {
     padding: 0 25px;
}
 .subs-manage .user-profile-payment .payment-plan{
     margin-bottom: 20px !important;
}
 .subs-manage .txt-activate{
     color: #EE3323;
     font-size: 20px;
     text-decoration: underline;
     font-weight: 600;
}
 .subs-managent-sec .quick-tip{
     background: #FDFDFD;
     border-radius: 9px;
     border: 1px solid #00000021;
     padding: 24px;
     margin-bottom: 24px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     background: #fff;
}
 .subs-managent-sec .quick-tip h3{
     color: #EE3323;
     font-size: 16px;
     font-weight: 600;
     letter-spacing: 1.28px;
     margin-bottom: 12px;
}
 .subs-managent-sec .quick-tip p{
     color: #000;
     font-size: 16px;
     line-height: 22px;
     width: 80%;
     margin: 0;
}
 .subs-managent-sec .quick-tip a{
     border: 1px solid #00000021;
     padding: 8px 12px;
     border-radius: 8px;
     color: #000;
     font-size: 16px;
     background: #F8F8F8;
     font-weight: 500;
}
 .subs-managent-sec .quick-tip a:hover{
     background: #000;
     color: #fff;
}
 .subs-managent-sec .btn-card-1{
     background: #EE33230D !important;
     color: #EE3323 !important;
     border: 1px solid #EE332312 !important;
     box-shadow: 0 1px 2px 0 #1018280D;
}
 .subs-managent-sec .btn-flex{
     display: flex;
     gap: 10px;
}
 .subs-managent-sec .btn-flex a{
     margin-top: 0 !important;
}
 .subs-managent-sec .btn-cancel{
     color: #344054 !important;
     border:1px solid #D0D5DD !important;
     background: #fff !important;
}
 .subs-managent-sec .box-top span{
     color: #fff;
     font-size: 14px;
     font-weight: 500;
     line-height: 20px;
     background: #3FA743;
     border-radius: 8px;
     padding: 8px 12px;
     display: block;
     padding-right: 15px;
     margin-bottom: 18px;
}
 .subs-managent-sec .my-subs-box{
     border: 2px solid #EE3323 !important;
}
 .subs-managent-sec .heads-up{
     background: linear-gradient(180deg, #F5E1E01C, #EE332314);
     border: 1px solid #FF00005E;
     box-shadow: 0 4px 52px 0 #D3D7EC40;
     padding: 32px 30px;
     border-radius: 9px;
}
 .subs-managent-sec .heads-up h3{
     color: #EE3323;
     font-size: 16px;
     font-weight: 600;
     margin-bottom: 20px;
     line-height: 1.28px;
     text-transform: uppercase;
}
 .subs-managent-sec .heads-up p{
     color: #000;
     font-size: 16px;
     max-width: 350px;
     line-height: 22px;
     margin-bottom: 12px;
}
 .subs-managent-sec .heads-up .btn-flex{
     display: flex;
     gap: 12px;
}
 .subs-managent-sec .heads-up .pri-btn{
     background: #EE3323;
     padding: 8px 12px;
     color: #fff;
     border: 1px solid #EE3323;
}
 .subs-managent-sec .heads-up .pri-btn:hover{
     background: #fff;
     border-color: #EE3323;
     color: #EE3323;
}
 .subs-managent-sec .heads-up .sec-btn{
     background: #F8F8F8;
     color: #000;
     padding: 8px 12px;
     border: 8px;
     border: #00000021;
     border: 1px solid #00000021;
}
 .subs-managent-sec .heads-up .sec-btn:hover{
     background: #000 !important;
     color: #fff !important;
}
 .subs-managent-sec .get-redeem-box .box-top .btn-card-1:hover{
     background: #EE3323 !important;
     color: #fff !important;
}
 .subs-managent-sec .get-redeem-box .box-top .btn-flex .my-hvr:hover{
     background: #000 !important;
     color: #fff !important;
}
/* ** PAYEMENT MANAGEMENT  ***/


/* ** Members Area ***/


.search-field span#basic-addon1 {
    background: #fff !important;
}
.member-table{
    padding-top: 0;
    margin-bottom: 40px;
}

.member-table tr td .active-status{
    border: 1px solid #00000029; 
    padding: 8px 12px;
    display: inline-block;
    border-radius: 8px;
    background: #fff;
    font-size: 14px;
    display: inline-flex;
    gap: 9px;
}

.member-table tr td .btn-resend{
    border: 1px solid #00000029; 
    padding: 10px;
    display: inline-block;
    border-radius: 8px;
    background: #fff;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
}
.member-table .members-action-button{
    width: 270px;
    gap: 6px;
}

.member-area-heading h4 .red-small-text{
    color: #EE3323 !important;
    font-size: 16px !important;
}

.team-roast td .btn-add-comment {
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    padding: 8px 8px;
    font-size: 14px !important;
    color: #000 !important;
    text-decoration: none !important;
}
.team-roast table tr td {
    vertical-align: middle;
    color: #000;
    font-size: 16px;
    padding: 12px 10px;
}
.team-roast table tr td:first-child{
        padding-left: 20px;
}
.invite-more{
    background: #EE3323;
    border: 1px solid #EE3323 !important;
    font-size: 16px;
    border-radius: 8px;
    color: #FFFFFF;
    padding: 8px 15px;
}
.invite-more:hover{
    background: #fff;
    color: #EE3323;    
}

/* ** Members Area ***/


/* SUBSCRIPTION MANAGEMENT DESCRIPTION */
.welcome-section a.btn.upload-btn {
    background: #EE3323;
    color: #fff;
}
.subs-desc-manage h4{
    color: #000;
    font-size: 24px;
    font-weight: 500;
    margin: 0 !important;
}
.subs-desc-manage .team-roast table{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.subs-managent-sec a.btn-add-comment {
    padding: 8px 12px !important;
}
.subs-desc-manage .team-roast .action-btn{
    line-height: unset !important;
    padding: 8px 16px !important;
}
.subs-managent-sec .desc-flex{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px !important;
}
.subs-managent-sec .member-table{
    margin: 0 !important;
}
.teams-section.subs-desc-manage {
    padding-top: 30px;
}
.subs-desc-manage .device-may-use{
    background: linear-gradient(180deg, #F5E1E01C, #EE332314);
    border: 1px solid #FF00005E;
    padding: 16px 30px;
    margin-top: 20px;
    border-radius: 9px;
    margin-bottom: 60px;
}
.subs-desc-manage .device-may-use h3{
    color: #EE3323;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}
.subs-desc-manage .device-may-use p{
    color: #000;
    font-size: 16px;
    margin-bottom: 0 !important;
}
.my-desc-modal .modal-body{
    padding: 43px 48px !important;
    border-radius: 16px;
    background: #fff;
}
.my-desc-modal .inner-txt{
    background: #F8F8F8;
    border: 1px solid #00000026;
    padding: 12px 14px;
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.my-desc-modal img{
    width: auto;
    height: 70px;
    border-radius: 12px;
}
 
.my-desc-modal .inner-txt h4{
    color: #000;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 4px;
}
.my-desc-modal .inner-txt p{
    color: #000;
    font-size: 16px;
    margin-bottom: 0;
}
.my-desc-modal .inner-txt span {
    color: #00B227;
    font-size: 16px;
    background: #00B22714;
    padding: 4px 10px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
}
.my-desc-modal .inner-txt span i{
    font-size: 4px;
}
.my-desc-modal .modal-dialog{
    max-width: 600px !important;
}
.my-desc-modal hr{
    margin-top: 20px;
    margin-bottom: 20px;
}
.my-desc-modal ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.my-desc-modal ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
    font-size: 18px;
    margin-bottom: 8px;
}
.my-desc-modal ul li h5{
    color: #000;
    font-weight: 600;
    font-size: 18px;
    margin: 0;
}
 
.my-desc-modal button.btn-close {
    position: absolute;
    top: 12px;
    right: 12px;
}
/* SUBSCRIPTION MANAGEMENT DESCRIPTION */


/* ================= Mobile ================= */
 @media(max-width:991px) {
     .sidebar {
         position: fixed;
         left: -260px;
         top: 0;
         z-index: 1050;
         transition: 0.5s;
    }
     .sidebar.show {
         left: 0;
    }
     .toggle-btn {
         margin-left: 0;
    }
     .welcome-section {
         padding: 10px 20px;
    }
     .teams-section {
         margin: 0;
    }
    /*team*/
     .topbar {
         z-index: 9999;
         position: relative;
    }
     .sidebar.collapsed .sidebar-nav span {
         display: block !important;
    }
     .sidebar.collapsed {
         width: auto;
    }
     .sidebar.collapsed .sidebar-nav li a {
         justify-content: flex-start;
    }
}
 @media only screen and (max-width: 767px) {
     .login-header .topbar{
         padding: 0px 10px !important;
    }
     .login-section .login-form-box{
         margin-top: 0px;
         padding: 40px 15px;
         margin-bottom: 50px;
    }
     .login-section .login-form-box p {
         font-size: 15px !important;
    }
     .login-section .login-form-box .gap-3{
         gap: 0.5rem !important;
    }
     .login-section .login-form-box .store-btn {
         gap: 3px;
         padding: 10px 12px;
    }
     .login-section .login-form-box .store-btn img {
         height: 20px;
    }
     .footer-container p {
         font-size: 14px;
    }
     .login-section .forget-pass-box {
         margin-top: 30px !important;
         margin-bottom: 70px !important;
    }
     .content-top {
         display: block !important;
         text-align: center;
    }
     .content-top .text-end {
         text-align: center !important;
    }
     .users-img-card {
         display: block !important;
    }
     .content-top .card-heading {
         padding-bottom: 10px;
    }
     .card-content-wrap .border--left-right {
         border: 0 !important;
         padding: 10px 0 !important;
         display: block !important;
    }
     .card-bottom-text {
         text-align: center;
         display: block !important;
    }
     .welcome-text {
         text-align: center;
    }
     .welcome-section {
         flex-direction: column;
    }
     .video-review-section {
         padding: 0px 10px;
    }
     .video-review-section .nav-tabs .nav-link {
         font-size: 14px !important;
    }
     .video-reviews table tr th {
         font-size: 10px;
         padding: 10px 4px;
    }
     .video-reviews table tr td {
         font-size: 12px;
    }
     .video-reviews table tr td .player-name img {
         height: 30px;
    }
     .video-reviews table tr td .viewed-status {
         font-size: 12px;
    }
     .video-reviews table tr td .comment-status {
         font-size: 12px;
    }
     .video-reviews table tr td .review-status{
         font-size: 12px;
    }
     .video-reviews table tr td .btn-add-comment{
         font-size: 12px !important;
    }
     .table-scroll {
         width: 100%;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
    }
     .table {
         width: 100%;
         min-width: 600px;
         border-collapse: collapse;
    }
     .table th, .table td {
         white-space: nowrap;
         padding: 10px;
         border: 1px solid #ddd;
         font-size: 13px;
    }
     .team-card {
         flex-direction: column !important;
         align-items: center;
    }
     .card-imgs {
         flex-direction: column;
    }
     .header-search {
         display: none;
    }
     .topbar-breadcrum{
         font-size: 11px;
    }
     .topbar .head-dropdown {
         padding-left: 0px;
    }
     .welcome-text p{
         margin-bottom: 10px !important;
    }
     .wlcm-dropdown button.btn{
         font-size: 14px;
    }
     .alerts-main .alerts-lists h5{
         font-size: 14px;
    }
     .welcome-text p {
         font-size: 14px;
    }
     .wlcm-dropdown button.btn{
         font-size: 14px;
         padding: 4px 10px !important 
    }
     .mobile-justify-center{
         justify-content: center;
    }
     .video-review-section .select-team{
         margin: 10px auto;
    }
     .drills-section .drills-tabs .drills-top-tab{
         font-size: 14px;
         padding: 10px 10px;
         display: block;
         margin-bottom: 5px;
    }
     .mb-flex-block{
         display: block !important;
    }
     .drills-section .drills-tabs .btn-newalert{
         font-size: 14px;
    }
     .drills-list-anchor .drills-list-btn{
         display: block !important;
         width: 100%;
    }
     .drills-list-anchor .d-flex {
         display: block !important;
    }
     .drills-list-anchor .ms-3{
         margin-left: 0rem !important;
    }
     .workouts-tab .workout-list-btn span{
         text-align: left;
         margin-bottom: 5px;
    }
     .workout-list-btn {
         margin-bottom: 10px;
    }
     .tab-width-flex {
         max-width: 100%;
    }
     .welcome-player{
         padding: 10px 20px;
    }
     .welcome-player .d-flex{
         display: block !important;
    }
     .welcome-player .custom-dropdown .d-flex {
         display: flex !important;
    }
     .team-admin-box{
         padding: 15px 15px;
    }
     .team-admin-box .drop-group .btn-group{
         margin-bottom: 5px;
    }
     .player-stats{
         display: block;
    }
     .player-stats .stats-box{
         width: 100%;
         margin-bottom: 14px;
    }
     .player-stats .stats-box h3 {
         font-size: 14px;
    }
     .player-stats .stats-box p{
         font-size: 14px;
    }
     .player-stats .stats-box h2{
         font-size: 26px;
    }
     .player-stats .stats-box h4 {
         font-size: 20px;
    }
     .stats-headline{
         display: block;
    }
     .stats-headline h3{
         font-size: 18px;
         gap: 5px;
         margin-bottom: 10px;
    }
     .weekly-stats .weekly-body-stats{
         display: block;
    }
     .weekly-stats .weekly-body-stats .weekly-box{
         width: 100%;
    }
     .weekly-stats .weekly-body-stats h3{
         font-size: 22px;
         margin-bottom: 25px;
    }
     .alerts-footer {
         margin: 0;
    }
     .weekly-stats .weekly-body-stats .box-body {
         padding: 30px 35px;
    }
     .team-roast .player-avatar img {
         width: 30px;
         height: 30px;
    }
     .team-roast .player-name{
         font-size: 13px;
    }
     .team-roast .last-session {
         font-size: 13px;
    }
     .team-roast .action-btn{
         padding: 6px 5px;
         font-size: 11px;
    }
     .team-roast .group-badge {
         font-size: 14px;
    }
     .team-roast .group-badge img{
         margin: auto;
         display: block;
    }
     .team-complete-bio{
         padding: 15px 10px;
         display: block;
    }
     .team-complete-bio h2 {
         font-size: 22px;
    }
     .bio-box {
         padding-top: 15px;
    }
    /* .team-complete-bio .d-flex{
         display: flex !important;
    }
     */
     .team-complete-bio .custom-gap {
         gap: 10px !important;
    }
     .team-complete-bio h3{
         font-size: 13px;
    }
     .team-complete-bio h4 {
         font-size: 14px;
    }
     .welcome-player .mobile-flex-bio {
         display: flex !important;
    }
     .team-complete-bio .extra-b::before{
         display: none;
    }
     .complete-team .user-data img {
         width: 90px;
         height: 90px;
    }
     .complete-team .user-data .custom-col{
         display: block !important;
    }
     .complete-team .legendary-ai{
         padding: 0 10px;
         display: block !important;
    }
     .legendary-ai .my-calendar{
         display: block;
    }
    /* .user-felx {
         display: block;
    }
     */
    /* .complete-team .user-data .activity-stats {
         display: block;
    }
     */
     .complete-team .user-data .btns-row{
         display: block !important;
    }
     .complete-team .user-data .activity-stats {
         display: block;
    }
     .mobile-block-bio {
         display: block !important;
         margin-top: 10px;
    }
     .complete-team .user-data h2{
         margin-bottom: 15px;
    }
     .complete-team .legendary-ai img{
         width: 54px !important;
         height: 54px !important;
    }
     .user-felx {
         display: block;
    }
     .complete-team .user-data .btns-row a{
         display: inline-block;
         margin-bottom: 8px;
         padding: 6px 8px;
    }
     .complete-team .user-data .activity-stats .activity-box {
         position: relative;
         width: 49% !important;
         margin-bottom: 10px;
         display: inline-block;
    }
     .legendary-ai .my-calendar .primary-clndr{
         align-items: start;
         justify-content: flex-start;
         gap: 10px;
    }
     .legendary-ai .my-calendar .secondary-clndr{
         justify-content: flex-start;
         gap: 10px;
    }
     .legendary-ai .last-sec{
         justify-content: flex-start;
         gap: 10px;
    }
     .stats-headline .justify-content-end{
         justify-content: start !important;
    }
     .complete-team .user-data .activity-stats h4{
         font-size: 16px;
    }
     .complete-team .user-data .activity-stats .activity-box img{
         height: 15px;
    }
     .legendary-ai .my-calendar p{
         font-size: 16px;
    }
     .complete-team .legendary-ai h4{
         font-size: 18px;
    }
     .team-roast .player-info{
         width: max-content;
    }
     .my-pagination{
         display: block;
    }
     .my-pagination li.page-item a{
         font-size: 12px;
         padding: 8px 8px;
    }
     .my-pagination ul.pagination{
         gap: 4px;
    }
     .my-pagination button{
         margin-top: 10px;
    }
     .complete-team .user-data .activity-stats .activity-box::before{
         display: none;
    }
     .teams-leaderboard .leader-board {
         display: block;
    }
     .custom-width {
         width: 100%;
         margin: auto;
    }
     .teams-leaderboard .leader-board h2{
         font-size: 26px;
         margin-bottom: 10px;
    }
     .dropdown.custom-dropdown{
         display: flex;
         align-items: center;
         justify-content: center;
    }
     .custom-menu{
         border-radius: 0;
         left: 46px;
         width: 228px;
    }
     .my-calendar .player-calendar{
         display: inline-block !important;
         width: 100%;
    }
     .primary-clndr.player-calendar div {
         width: 25% !important;
         display: inline-block;
         margin-bottom: 15px;
    }
     .notification-dropdown{
         left: -180px;
         width: auto;
    }
     .subscription-section .subscription-welcom-box {
         width: 100%;
         padding: 35px 20px;
         margin-bottom: 10px;
    }
     .subscription-section-top .border-style{
         display: block !important;
         text-align: center;
         margin-top: 20px;
         padding-bottom: 12px !important;
    }
     .subscription-section .subscription-welcom-box .get-device-box{
         margin-bottom: 10px;
         width: 100%;
    }
     .redeem-section .redeem-welcom-box{
         padding: 32px 15px;
    }
     .subscription-section-top p{
         margin: 5px;
         margin-bottom: 5px !important;
    }
     .topbar .head-dropdown .dropdown-menu-end li a {
         padding: 6px 10px;
         font-size: 13px;
    }
     .notification-dropdown li{
         padding: 8px 14px;
         font-size: 12px;
    }
     .subscription-section .subscription-welcom-box .colored-para{
         max-width: 100%;
         margin: auto;
         margin-top: 25px;
         font-size: 14px;
    }
     .redeem-section .redeem-welcom-box .get-redeem-box {
         width: 100%;
         margin-bottom: 20px;
    }
     .redeem-section-top .reddem-top-para{
         font-size: 14px;
    }
     .redeem-section .redeem-welcom-box .get-redeem-box .box-top{
         padding: 25px 15px;
    }
     .redeem-welcom-box .get-redeem-box .box-top h4 {
         font-size: 30px;
    }
     .redeem-section .redeem-welcom-box .get-redeem-box .box-down p {
         font-size: 15px;
    }
     .payment-wall {
         padding: 40px 10px !important;
    }
     .payment-wall .pay-gray-box .family-plan{
         margin-top: 20px;
    }
     .payment-wall .pay-gray-box .family-plan h3{
         font-size: 40px;
    }
     .payment-wall .pay-gray-box .family-plan li {
         font-size: 14px;
    }
     .payment-wall .pay-gray-box{
         padding: 15px 15px;
    }
     .invite-member .member-team {
         padding: 20px;
    }
     .invite-member .btn-send {
         width: 40%;
    }
     .welcome-text ul{
         margin-left: 0;
    }
     .welcome-text ul li {
         padding-left: 0;
    }
     .teams-section .team-manage-boxs .member-box{
         width: 100%;
         margin-bottom: 10px;
    }
     .user-profile-settings .user-profile-gaps{
         display: block !important;
    }
     .user-main-profile .left-user-flex{
         text-align: center;
         margin: auto;
    }
     .user-profile-settings .user-main-profile{
         max-width: 100%;
    }
     .user-profile-settings .right-user-flex {
         width: 100%;
         margin-top: 5px;
         text-align: center;
    }
     .user-profile-settings .right-user-flex p {
         font-size: 16px;
    }
     .user-profile-settings .user-main-profile .input-form {
         width: 100%;
         padding-left: 0;
    }
     .user-profile-settings .user-main-profile .forms-space{
         display: block !important;
         padding-bottom: 10px;
    }
     .user-profile-settings .user-main-profile .forms-gaps{
         padding-top: 30px;
         padding-bottom: 10px;
         display: block !important;
    }
     .user-profile-settings .user-main-profile .labels-form {
         width: 100%;
    }
     .user-profile-settings .preferences-tab .input-form p{
         margin-bottom: 25px;
    }
     .user-profile-settings .user-profile-payment .payment-plan{
         padding: 10px 14px;
         padding-bottom: 0;
         margin-bottom: 30px;
    }
     .payment-plan .d-flex {
         display: block !important;
         margin-bottom: 10px;
    }
     .user-profile-settings .user-profile-payment .payment-plan span{
         padding: 14px 14px;
         font-size: 25px;
         width: 60px;
         height: 60px;
         margin-top: 1px !important;
         display: inline-block;
    }
     .user-profile-settings .user-profile-payment .payment-plan h4{
         font-size: 16px;
         margin-bottom: 5px;
    }
     .user-profile-settings .user-profile-payment .payment-plan .ms-3 {
         margin-left: 0rem !important;
    }
     .user-profile-settings .user-profile-payment .payment-plan .forms-btn {
         margin-top: 10px;
         margin-bottom: 10px;
    }
     .user-profile-settings .user-profile-payment .payment-plan .forms-btn .Cancel-btn{
         font-size: 14px;
         padding: 8px 10px;
    }
     .user-profile-settings .user-profile-payment .payment-plan .forms-btn .upload-btn{
         font-size: 14px;
         padding: 8px 10px;
    }
     .user-profile-settings .user-profile-payment .user-payment-table th {
         padding: 10px 8px !important;
    }
     .user-profile-settings .user-profile-payment .payment-plan p{
         font-size: 14px;
         margin-top: -5px;
    }
     .user-profile-settings .user-profile-payment .payment-plan .progers-bar{
         width: 100%;
    }
     .user-profile-settings .user-profile-payment h4{
         margin-bottom: 10px;
         font-size: 18px;
    }
     .user-profile-settings .user-profile-payment .new-paymentbtn {
         font-size: 14px;
    }
     .user-profile-settings .user-main-profile .form-center-text h4{
         font-size: 18px;
    }
     .user-profile-settings .user-main-profile .form-center-text p {
         font-size: 14px;
    }
     .user-profile-settings .user-main-profile .labels-form label{
         font-size: 14px;
    }
     .user-payment-table tr td .btn-active{
         padding: 6px 5px;
         font-size: 11px;
    }
     .user-payment-table tr td .btn-remove{
         padding: 6px 5px;
         font-size: 11px;
    }
     .chat-container .sidebar{
         width: 248px;
         z-index: 9999;
    }
     .my-msg-chat {
         background: #F2F2F4;
         padding: 0px 10px !important;
    }
     .chat-sidebar-close{
         width: 28px;
         height: 28px;
         font-size: 12px;
    }
    .subscription-section .subscription-welcom-box h5{
            font-size: 20px;
    }
    .subs-managent-sec .heads-up{
            padding: 24px 12px;
    }
    .subs-managent-sec .heads-up .pri-btn{
            padding: 8px 10px;
            font-size: 14px;
    }
    .subs-managent-sec .heads-up .sec-btn{
         padding: 8px 10px;
            font-size: 14px;
    }
    .subs-managent-sec .quick-tip p{
            font-size: 14px;
    line-height: 20px;
    width: 90%;
    }
    .search-field .header-search{
        display: flex !important;
        width: 95%;
    }
    .member-table .members-action-button {
    width: auto;
    gap: 6px;
}
.member-table tr td .active-status{
        padding: 8px 8px;
    font-size: 12px !important;
}
.member-area-heading h4 {
    font-size: 16px;
}
.member-area-heading h4 .red-small-text{
        font-size: 12px !important;
}

  .my-desc-modal .modal-body {
    padding: 20px !important;
    border-radius: 16px;
    background: #fff;
}
 
    .my-desc-modal .inner-txt{
        flex-direction: column;
        align-items: self-start;
        gap: 20px;
    }
 
    .my-desc-modal ul li {
        font-size: 14px;
    }
    .my-desc-modal ul li h5 {
    font-size: 14px;
    text-align: right;
}


}

 @media (min-width: 768px) and (max-width: 991px) {
     .temlist {
         padding: 14px 8px !important 
    }
     .temlist span {
         font-size: 12px;
    }
     .team-card .card-imgs .rounded-3 {
         height: 75px !important;
    }
     .team-card .user-name {
         font-size: 13px;
    }
     .team-card .shot-number {
         font-size: 13px;
    }
     .card-bottom-text p {
         font-size: 13px;
    }
     .card-content-wrap .border--left-right {
         padding: 0 10px;
         margin-right: 10px;
    }
     .content-top .sub-text {
         font-size: 14px;
    }
     .team-card {
         flex-direction: column !important;
         align-items: center;
    }
     .video-review-section {
         padding: 0px 20px;
    }
     .video-reviews table tr th {
         font-size: 12px;
         padding: 12px 5px;
    }
     .video-reviews table tr td {
         font-size: 12px;
         padding: 12px 5px;
    }
     .video-reviews table tr td .review-status {
         padding: 8px 6px;
         font-size: 11px;
    }
     .video-reviews table tr td .btn-add-comment {
         padding: 8px 6px;
         font-size: 11px !important;
    }
    /* .welcome-text {
         max-width: 50% !important;
    }
     */
     .video-reviews table tr td .viewed-status {
         padding: 8px 6px;
         font-size: 11px;
    }
     .video-reviews table tr td .comment-status {
         padding: 8px 6px;
         font-size: 11px;
    }
     .welcome-text p{
         margin-bottom: 10px !important;
    }
     .wlcm-dropdown button.btn{
         font-size: 14px;
    }
     .alerts-main .alerts-lists h5{
         font-size: 14px;
    }
     .welcome-text p {
         font-size: 14px;
    }
     .wlcm-dropdown button.btn{
         font-size: 14px;
         padding: 4px 10px !important 
    }
     .tablet-flex {
         display: block !important;
         width: 80%;
    }
     .drills-section .drills-tabs .drills-top-tab{
         font-size: 15px;
         padding: 12px 10px;
         margin-bottom: 5px;
         display: inline-block !important;
    }
     .drills-section .drills-tabs p{
         max-width: 100%;
    }
     .tab-width-flex {
         max-width: 75%;
    }
     .drills-list-btn {
         width: 25%;
    }
     .mb-flex-block {
         align-items: flex-start !important;
    }
     .team-admin-box{
         padding: 16px 12px;
    }
     .team-admin-box .drop-group button{
         padding: 8px 6px;
    }
     .player-stats{
         gap: 3px;
    }
     .player-stats .stats-box h3 {
         font-size: 13px;
    }
     .player-stats .stats-box button{
         padding: 4px;
         font-size: 11px;
    }
     .player-stats .stats-box p{
         font-size: 14px;
    }
     .player-stats .stats-box span{
         font-size: 12px;
    }
     .player-stats .stats-box .stats-body {
         padding: 14px 10px;
    }
     .weekly-stats .weekly-body-stats .box-body {
         padding: 30px 12px;
    }
     .weekly-stats .weekly-body-stats h3 {
         font-size: 20px;
    }
     .second-v h3 {
         font-size: 18px !important;
    }
     .third-v h3 {
         font-size: 16px !important;
    }
     .weekly-stats .weekly-body-stats p {
         font-size: 14px;
    }
     .weekly-stats .third-v .box-body {
         padding: 20px 15px;
    }
     .weekly-stats .weekly-body-stats h4{
         font-size: 20px;
    }
     .weekly-stats .weekly-body-stats h3{
         margin-bottom: 20px;
    }
     .team-roast td {
         padding: 6px 20px;
    }
     .team-roast .player-name{
         font-size: 14px;
    }
     .team-roast .player-name{
         font-size: 13px;
         width: max-content;
    }
     .team-roast .last-session {
         font-size: 13px;
         width: max-content;
    }
     .team-roast .action-btn{
         padding: 6px 5px;
         font-size: 11px;
    }
     .team-roast .group-badge {
         font-size: 14px;
         width: max-content;
    }
     .team-roast .group-badge img{
         margin: auto;
         display: block;
    }
     .team-roast th:last-child {
         width: 165px;
         width: max-content;
    }
     .team-roast th{
         font-size: 12px;
         padding: 14px 20px;
    }
     .team-roast .player-info{
         width: max-content;
    }
     .team-roast .actions{
         width: max-content;
    }
     .complete-team .user-data img {
         width: 90px;
         height: 90px;
    }
     .user-name-info{
         width: 30%;
    }
     .complete-team .user-data .btns-row{
         gap: 7px;
    }
     .complete-team .user-data .btns-row a{
         padding: 8px 10px;
         font-size: 11px;
    }
     .mobile-block-bio {
         align-items: center !important;
    }
     .user-felx {
         display: block;
    }
     .complete-team .user-data .activity-stats h4{
         font-size: 14px;
    }
     .complete-team .user-data .activity-stats h4{
         font-size: 14px;
    }
     .complete-team .user-data .activity-stats{
         padding: 0px 25px;
    }
     .complete-team .user-data .activity-stats .activity-box::before{
         left: -15px;
    }
     .team-complete-bio{
         padding: 12px 15px;
    }
     .team-complete-bio h2{
         font-size: 18px;
    }
     .team-complete-bio .custom-gap {
         gap: 40px !important;
    }
     .team-complete-bio h3{
         font-size: 15px;
    }
     .complete-team .legendary-ai span{
         font-size: 15px;
    }
     .complete-team .legendary-ai h4{
         font-size: 18px;
    }
     .legendary-ai .my-calendar .primary-clndr{
         padding: 5px;
         gap: 10px;
    }
     .legendary-ai .my-calendar .secondary-clndr{
         padding: 5px;
         gap: 10px;
    }
     .legendary-ai .last-sec{
         padding: 5px;
         gap: 10px;
    }
     .legendary-ai .my-calendar p{
         font-size: 18px;
    }
     .legendary-ai .my-calendar h5{
         font-size: 15px;
    }
     .team-complete-bio h2 {
         font-size: 20px;
    }
     .team-complete-bio h3{
         font-size: 18px;
    }
     .custom-menu{
         width: 228px;
    }
     .custom-width{
         width: 95%;
    }
     .alerts-footer {
         margin: 0px 20px;
    }
     .complete-team .legendary-ai{
         display: block;
    }
     .legendary-ai .my-calendar{
         justify-content: flex-start;
    }
     .player-profile-inner .strength .strength-box{
         padding: 8px;
    }
    .player-profile-inner .strength .strength-box .d-flex {
        display: block !important;
    }
     .player-profile-inner .detail-box ul li a{
         font-size: 13px;
    }
     .player-profile-inner .detail-box ul li{
         font-size: 13px;
    }
     .detail-box .p-3{
         padding: 0.5rem !important;
    }
     .player-profile-inner table tr td{
         font-size: 12px;
    }
     .player-profile-inner table tr .btn-site-view{
         font-size: 11px;
    }
     .subscription-section .subscription-welcom-box{
         width: 95%;
         padding: 35px 15px;
         margin-bottom: 40px;
    }
     .subscription-section .subscription-welcom-box .get-device-box{
         padding: 24px 10px;
    }
     .subscription-section .subscription-welcom-box .get-device-box h5{
         font-size: 17px;
    }
     .subscription-section .subscription-welcom-box p {
         font-size: 14px;
    }
     .redeem-section .redeem-welcom-box{
         padding: 32px 15px;
    }
     .redeem-section .redeem-welcom-box .get-redeem-box .box-top {
         padding: 32px 10px;
    }
     .redeem-welcom-box .get-redeem-box .box-top h6 {
         font-size: 15px;
    }
     .redeem-welcom-box .get-redeem-box .box-top h4{
         font-size: 30px;
         margin-bottom: 10px;
    }
     .redeem-section .redeem-welcom-box .get-redeem-box .box-down {
         padding: 25px 15px;
    }
     .redeem-section .redeem-welcom-box .get-redeem-box .box-down h5 {
         font-size: 15px;
    }
     .redeem-section .redeem-welcom-box .get-redeem-box .box-down p {
         font-size: 14px;
    }
     .redeem-section .redeem-welcom-box .get-redeem-box .box-down .gap-3{
         gap: 0.5rem !important;
    }
     .topbar-breadcrum{
         font-size: 13px;
    }
     .payment-wall {
         padding: 40px 10px !important;
    }
     .payment-wall .pay-gray-box{
         padding: 15px 20px 
    }
     .payment-wall .pay-gray-box .family-plan .custom-padding{
         padding: 20px;
    }
     .invite-member .btn-send {
         width: 40%;
    }
     .topbar .gap-4 {
         gap: 0.5rem !important;
    }
     .invite-member .member-team img{
         height: 90px;
    }
     .my-modal-sec .btn-send{
         width: 45%;
    }
     .my-modal-sec h3{
         font-size: 20px;
    }
     .teams-section .team-manage-boxs .member-box{
         width: 48%;
         margin: 6px 6px !important;
         display: inline-block;
    }
     .team-manage-boxs .mb-flex-block {
         display: block !important;
         width: 100% !important;
    }
     .team-manage-boxs {
         width: 100%;
    }
     .user-profile-settings .right-user-flex p {
         font-size: 18px;
    }
     .user-profile-settings .user-profile-payment .payment-plan .progers-bar{
         width: 350px;
    }
     .user-profile-settings .user-profile-payment .payment-plan{
         padding: 17px 10px;
    }
     .user-profile-settings .user-profile-payment .payment-plan .gap-4 {
         gap: 0.5rem !important;
    }
     .user-profile-settings .user-profile-payment .payment-plan .forms-btn .upload-btn{
         font-size: 14px;
    }
     .user-profile-settings .user-profile-payment .payment-plan .forms-btn .Cancel-btn{
         font-size: 14px;
    }
     .user-profile-settings .user-profile-payment .payment-plan .ms-3 {
         margin-left: 0.4rem !important;
    }
     .user-profile-settings .user-profile-payment .payment-plan h4 {
         font-size: 18px;
    }
     .user-profile-settings .user-profile-payment .payment-plan p{
         font-size: 14px;
    }
     .user-payment-table tr td .btn-remove{
         font-size: 12px;
    }
     .user-payment-table tr td .btn-active{
         font-size: 12px;
    }
     .user-payment-table tr td{
         font-size: 12px;
    }
     .chat-container .sidebar{
         width: 248px;
         z-index: 9999;
    }
     .my-msg-chat {
         background: #F2F2F4;
         padding: 0px 10px !important;
    }
     .chat-sidebar-close{
         width: 28px;
         height: 28px;
         font-size: 12px;
    }
    .get-redeem-box .box-top .get-start-btn{
            font-size: 14px;
    }
    .subs-managent-sec .btn-flex{
        display: block;
    }
    .get-redeem-box .box-top .get-start-btn{
        margin-bottom: 10px;
    }
    .member-table tr td .active-status{
        padding: 8px 8px;
    font-size: 12px !important;
}

.member-area-heading h4 {
    font-size: 18px;
}
.member-area-heading h4 .red-small-text{
        font-size: 14px !important;
}


}
 @media (min-width: 992px) and (max-width: 1199px) {
     .welcome-section {
         padding: 15px 20px;
    }
     .teams-section {
         margin: 0px 20px;
    }
     .temlist {
         padding: 15px 6px !important;
    }
     .temlist span {
         font-size: 12px;
    }
     .team-card {
         flex-direction: column !important;
         align-items: center;
    }
     .temlist {
         padding: 14px 8px !important 
    }
     .temlist span {
         font-size: 12px;
    }
     .team-card .card-imgs .rounded-3 {
         height: 75px !important;
    }
     .team-card .user-name {
         font-size: 13px;
    }
     .team-card .shot-number {
         font-size: 13px;
    }
     .card-bottom-text p {
         font-size: 13px;
    }
     .card-content-wrap .border--left-right {
         padding: 0 10px;
         margin-right: 10px;
    }
     .content-top .sub-text {
         font-size: 14px;
    }
    /* .welcome-text {
         max-width: 60%;
    }
     */
     .video-review-section {
         padding: 0px 20px;
    }
     .video-reviews table tr th {
         font-size: 11px;
         padding: 16px 3px;
    }
     .video-reviews table tr td {
         font-size: 11px;
         padding: 16px 3px;
    }
     .video-reviews table tr td .review-status {
         padding: 8px 6px;
         font-size: 11px;
    }
     .video-reviews table tr td .btn-add-comment {
         padding: 8px 6px;
         font-size: 11px !important;
    }
    /* .welcome-text {
         max-width: 50% !important;
    }
     */
     .video-reviews table tr td .viewed-status {
         padding: 8px 6px;
         font-size: 11px;
    }
     .video-reviews table tr td .comment-status {
         padding: 8px 6px;
         font-size: 11px;
    }
     .tab-width-flex {
         max-width: 75%;
    }
     .drills-list-btn {
         width: 25%;
    }
     .tablet-flex {
         display: block !important;
         width: 80%;
    }
     .tablet-flex .drills-top-tab {
         font-size: 14px !important;
         margin-bottom: 8px;
         display: inline-block;
    }
     .drills-section .drills-tabs .btn-newalert{
         font-size: 14px;
    }
     .mb-flex-block{
         align-items: flex-start !important;
    }
     .team-admin-box{
         padding: 22px 9px;
    }
     .team-admin-box h2{
         font-size: 28px;
    }
     .team-admin-box .drop-group{
         gap: 5px !important;
    }
     .player-stats{
         gap: 5px;
    }
     .player-stats .stats-box h3 {
         font-size: 14px;
    }
     .player-stats .stats-box button{
         padding: 5px;
         font-size: 11px;
    }
     .player-stats .stats-box .stats-body {
         padding: 14px 10px;
    }
     .player-stats .stats-box p{
         font-size: 14px;
    }
     .weekly-stats .weekly-body-stats .box-body{
         padding: 30px 15px;
    }
     .weekly-stats .weekly-body-stats h3{
         font-size: 20px;
         margin-bottom: 30px;
    }
     .weekly-stats .weekly-body-stats h4{
         font-size: 18px;
    }
     .weekly-stats .weekly-body-stats p {
         font-size: 13px;
    }
     .weekly-stats .third-v .box-body {
         padding: 20px 15px;
    }
     .team-roast td {
         padding: 8px 20px;
    }
     .team-roast .player-name{
         font-size: 14px;
         width: max-content;
    }
     .team-roast .last-session {
         font-size: 14px;
         width: max-content;
    }
     .team-roast .player-info{
         width: max-content;
    }
     .team-roast th{
         width: max-content !important;
    }
     .team-roast .group-badge{
         width: max-content;
    }
     .team-roast .actions{
         width: max-content;
    }
     .alerts-footer {
         margin: 0px 20px;
    }
     .team-complete-bio{
         padding: 18px 10px;
    }
     .team-complete-bio h2 {
         font-size: 22px;
    }
     .team-complete-bio h3{
         font-size: 15px;
    }
     .complete-team .user-data img {
         width: 95px;
         height: 95px;
    }
     .complete-team .user-data{
         padding: 17px 15px;
    }
     .user-name-info {
         width: 30%;
    }
     .complete-team .user-data .btns-row a{
         padding: 8px 9px;
         font-size: 12px;
    }
     .complete-team .user-data .btns-row{
         gap: 4px;
    }
     .complete-team .user-data h2{
         font-size: 22px;
    }
     .complete-team .user-data img{
         width: 70px;
         height: 70px;
    }
     .user-felx{
         display: block;
    }
     .complete-team .user-data .activity-stats h4{
         font-size: 14px;
    }
     .complete-team .user-data .activity-stats .activity-box::before{
         left: 0;
    }
     .complete-team .user-data .activity-stats .activity-box{
         padding: 0 10px;
    }
     .complete-team .user-data .activity-stats{
         gap: 10px 
    }
     .mobile-block-bio {
         align-items: center !important;
    }
     .legendary-ai .my-calendar h5{
         font-size: 14px;
    }
     .legendary-ai .my-calendar p{
         font-size: 18px;
    }
     .complete-team .legendary-ai{
         padding: 0 6px;
    }
     .complete-team .legendary-ai span{
         font-size: 14px;
    }
     .complete-team .legendary-ai h4{
         font-size: 18px;
    }
     .complete-team .user-data img {
         width: 100px;
         height: 100px;
    }
     .custom-width {
         width: 90%;
    }
     .teams-leaderboard .leader-board h2 {
         font-size: 24px;
    }
     .complete-team .legendary-ai{
         display: block;
    }
     .legendary-ai .my-calendar{
         justify-content: flex-start;
    }
     .subscription-section .subscription-welcom-box {
         width: 100%;
         padding: 35px 15px;
         margin-bottom: 50px;
    }
     .subscription-section .subscription-welcom-box .get-device-box{
         padding: 24px 10px;
    }
     .subscription-section .subscription-welcom-box .get-device-box h5 {
         font-size: 16px;
    }
     .subscription-section .subscription-welcom-box p {
         font-size: 14px;
    }
     .redeem-section .redeem-welcom-box{
         padding: 32px 20px;
    }
     .redeem-welcom-box .get-redeem-box .box-top h4{
         font-size: 30px;
         margin-bottom: 10px;
    }
     .redeem-section .redeem-welcom-box .get-redeem-box .box-top {
         padding: 32px 10px;
    }
     .redeem-section .redeem-welcom-box .get-redeem-box .box-down{
         padding: 25px 10px;
    }
     .redeem-section {
         margin: 10px 0 !important;
    }
     .redeem-welcom-box .get-redeem-box .box-top h6 {
         font-size: 16px;
    }
     .redeem-welcom-box .most-popularbtn{
         padding: 6px 5px;
    }
     .get-redeem-box .box-top .get-start-btn {
         font-size: 14px;
         padding: 8px 12px;
    }
     .redeem-section .redeem-welcom-box .get-redeem-box .box-down p{
         font-size: 14px;
         margin-bottom: 10px;
    }
     .redeem-section .redeem-welcom-box .get-redeem-box .box-down p {
         font-size: 12px;
    }
     .redeem-section .redeem-welcom-box .get-redeem-box .box-down .gap-3{
         gap: 0.4rem !important 
    }
     .topbar-breadcrum{
         font-size: 13px;
    }
     .payment-wall {
         padding: 40px 20px !important;
    }
     .payment-wall .pay-gray-box{
         padding: 15px 15px 
    }
     .payment-wall .pay-gray-box .family-plan h3{
         font-size: 45px;
    }
     .payment-wall .pay-gray-box .family-plan .custom-padding {
         padding: 20px;
    }
     .payment-wall .pay-gray-box .family-plan li{
         font-size: 14px;
    }
     .teams-section .team-manage-boxs .member-box{
         width: 47%;
         margin: 6px 6px !important;
         display: inline-block;
    }
     .team-manage-boxs .mb-flex-block {
         display: block !important;
         width: 100% !important;
    }
     .team-manage-boxs {
         width: 100%;
    }
     .user-profile-settings .right-user-flex p {
         font-size: 18px;
    }
     .video-review-section .nav-tabs .nav-link{
         font-size: 16px !important;
    }
     .user-profile-settings .user-profile-payment .payment-plan{
         padding: 17px 8px 
    }
     .user-profile-settings .user-profile-payment .payment-plan .gap-4 {
         gap: 1.5rem !important;
    }
     .user-profile-settings .user-profile-payment .payment-plan .progers-bar{
         width: 50%;
    }
     .user-profile-settings .user-profile-payment .payment-plan .forms-btn .upload-btn{
         font-size: 14px;
         padding: 8px 8px;
    }
     .user-profile-settings .user-profile-payment .payment-plan .forms-btn .Cancel-btn{
         font-size: 14px;
         padding: 8px 8px;
    }
     .user-profile-settings .user-profile-payment .payment-plan .ms-3 {
         margin-left: 0.5rem !important;
    }
     .user-profile-settings .user-profile-payment .payment-plan .progers-bar .progers-bar-fil{
         width: 151px;
    }
     .user-payment-table tr td{
         font-size: 12px;
    }
     .user-payment-table tr td .btn-remove {
         padding: 6px 5px;
         font-size: 11px;
    }
     .user-payment-table tr td .btn-active{
         padding: 6px 5px;
         font-size: 11px;
    }
     .welcome-text p{
         max-width: 80%;
    }
     .my-msg-chat {
         background: #F2F2F4;
         padding: 50px 20px;
    }
     .chat-container .sidebar {
         width: 248px;
    }
     .chat-messages{
         padding: 20px;
    }
     .chat-container .message.sent {
         width: 100%;
    }
     .message-content {
         max-width: unset !important;
    }
     .message-image img{
         height: 170px;
    }
    .player-profile-inner .strength .strength-box .d-flex {
        display: block !important;
    }
    .player-profile-inner .detail-box p{
            padding-right: 0;
    }
    .player-profile-inner table tr td{
            font-size: 12px;
                    width: max-content;
    }
    .user-profile-settings .user-profile-payment .payment-plan h4{
            font-size: 16px;
    }
    .user-profile-settings .user-profile-payment .payment-plan p{
            font-size: 14px;
    margin-top: -2px;
    }
    .subs-managent-sec .quick-tip p{
            font-size: 14px;
    line-height: 22px;
    width: 90%;
    }
    .subs-managent-sec .box-top span{
            padding: 8px 10px;
                font-size: 12px;
                    line-height: 17px;
    }
    .subs-managent-sec .btn-flex{
        display: block;
    }
    .get-redeem-box .box-top .get-start-btn{
        margin-bottom: 10px;
    }

}
 @media (min-width: 1199px) and (max-width: 1400px) {
     .welcome-section {
         padding: 15px 20px;
    }
     .teams-section {
         margin: 0px 20px;
    }
     .temlist {
         padding: 15px 6px !important;
    }
     .temlist span {
         font-size: 12px;
    }
    /* .team-card{
         flex-direction: column !important;
         align-items: center;
    }
     */
     .temlist {
         padding: 14px 8px !important 
    }
     .temlist span {
         font-size: 12px;
    }
     .team-card .card-imgs .rounded-3 {
         height: 75px !important;
    }
     .team-card .user-name {
         font-size: 13px;
    }
     .team-card .shot-number {
         font-size: 13px;
    }
     .card-bottom-text p {
         font-size: 13px;
    }
     .card-content-wrap .border--left-right {
         padding: 0 10px;
         margin-right: 10px;
    }
     .content-top .sub-text {
         font-size: 14px;
    }
     .video-review-section {
         padding: 0px 20px;
    }
     .video-reviews table tr td .review-status {
         padding: 8px 6px;
         font-size: 11px;
    }
     .video-reviews table tr td .btn-add-comment {
         padding: 8px 6px;
         font-size: 11px !important;
    }
    /* .welcome-text {
         max-width: 50% !important;
    }
     */
     .video-reviews table tr td .viewed-status {
         padding: 8px 6px;
         font-size: 11px;
    }
     .video-reviews table tr td .comment-status {
         padding: 8px 6px;
         font-size: 11px;
    }
     .video-reviews table tr th {
         font-size: 13px;
         padding: 16px 3px;
    }
     .video-reviews table tr td {
         font-size: 13px;
         padding: 16px 3px;
    }
     .tablet-flex {
         width: 80%;
         gap: 5px !important;
    }
     .drills-section .drills-tabs .drills-top-tab{
         font-size: 12px;
         padding: 12px 8px;
    }
     .drills-section .drills-tabs .btn-newalert{
         font-size: 14px;
    }
     .weekly-stats .weekly-body-stats .box-body{
         padding: 20px 15px 
    }
     .team-roast .player-info{
         width: max-content;
    }
     .team-roast .player-name{
         font-size: 14px;
    }
     .team-roast .last-session{
         font-size: 14px;
         width: max-content;
    }
     .team-roast .group-badge {
         font-size: 14px;
         width: max-content;
    }
     .player-stats .stats-box h3 {
         font-size: 14px;
    }
     .alerts-footer {
         margin: 0px 20px;
    }
     .team-complete-bio h2 {
         font-size: 25px;
    }
     .complete-team .user-data img {
         width: 90px;
         height: 90px;
    }
     .user-name-info{
         width: 30%;
    }
     .complete-team .user-data .btns-row{
         gap: 7px;
    }
     .complete-team .user-data .btns-row a{
         padding: 8px 10px;
         font-size: 11px;
    }
     .mobile-block-bio {
         align-items: center !important;
    }
     .user-felx {
         display: block;
    }
     .complete-team .user-data .activity-stats h4{
         font-size: 14px;
    }
     .complete-team .user-data .activity-stats h4{
         font-size: 14px;
    }
     .complete-team .user-data .activity-stats{
         padding: 0px 25px;
    }
     .complete-team .user-data .activity-stats .activity-box::before{
         left: -15px;
    }
     .custom-width {
         width: 94%;
    }
     .legendary-ai .my-calendar .primary-clndr{
         padding: 8px;
         gap: 12px;
    }
     .complete-team .legendary-ai{
         padding: 0 3px;
    }
     .complete-team .legendary-ai span{
         font-size: 14px;
    }
     .redeem-section .redeem-welcom-box{
         padding: 32px 20px;
    }
     .redeem-section .redeem-welcom-box .get-redeem-box .box-top{
         padding: 32px 15px;
    }
     .redeem-welcom-box .get-redeem-box .box-top h4{
         font-size: 34px;
    }
     .redeem-section .redeem-welcom-box .get-redeem-box .box-down {
         padding: 25px 14px;
    }
     .redeem-section .redeem-welcom-box .get-redeem-box .box-down p {
         font-size: 14px;
    }
     .redeem-section .redeem-welcom-box .get-redeem-box .box-down .gap-3 {
         gap: 0.5rem !important;
    }
     .redeem-section .redeem-welcom-box .get-redeem-box .box-down a i{
         position: relative;
         top: 3px;
    }
     .payment-wall {
         padding: 40px 25px !important;
    }
     .teams-section .team-manage-boxs h6 {
         font-size: 16px;
    }
     .teams-section .team-manage-boxs .member-box{
         padding: 18px 8px;
    }
     .member-image {
         display: block !important;
    }
     .member-image-style-1{
         left: 0;
    }
     .member-image-style-2 {
         left: -10px;
    }
     .member-image-style-3 {
         right: 20px;
    }
     .member-image-style-4 {
         right: 34px;
    }
     .member-image-style-5 {
         right: 45px;
    }
     .member-box .members-img span{
         right: 40px;
    }
     .team-manage-boxs .member-box .member-progersbar{
         padding: 16px 7px;
    }
     .teams-section .team-manage-boxs .member-box .gap-4 {
         gap: 0.5rem !important;
    }
     .user-profile-settings .user-profile-payment .payment-plan {
         padding: 17px 10px;
    }
     .user-profile-settings .user-profile-payment .payment-plan .progers-bar {
         width: 58%;
    }
    .subscription-section .subscription-welcom-box{
            width: 90%;
    }
        .subs-managent-sec .btn-flex{
        display: block;
    }
    .get-redeem-box .box-top .get-start-btn{
        margin-bottom: 10px;
    }
}
 @media (min-width: 1401px) and (max-width: 1600px) {
     .teams-section {
         margin: 0px 25px;
    }
     .video-review-section {
         padding: 10px 25px;
    }
     .welcome-section {
         padding: 15px 25px;
    }
     .temlist span {
         font-size: 13px;
    }
     .content-top .sub-text {
         font-size: 13px;
    }
     .team-card .user-name {
         font-size: 14px;
    }
     .team-card .user-name {
         font-size: 14px;
    }
     .card-content-wrap .border--left-right {
         padding: 0 35px;
         margin-right: 20px;
    }
     .alerts-footer{
         margin: 0px 25px;
    }
     .teams-section .team-manage-boxs .member-box{
         width: 24.5%;
         padding: 18px 10px;
    }
}